miyamoen / elm-origami / Origami.VirtualDom

A wrapper of elm/virtual-dom.

普通は使わないと思いますがexposedしています。 そのためユーザー向けではないドキュメントが書かれています。

Style

css : List Origami.Css.Style.Style -> Attribute msg

DOMにStyleを適用するための関数

toPlainNode : Node msg -> VirtualDom.Node msg

Origami -> 通常

toPlainNodes : List (Node msg) -> List (VirtualDom.Node msg)

Origami -> 通常

plainNode : VirtualDom.Node msg -> Node msg

通常 -> Origami

plainAttribute : VirtualDom.Attribute msg -> Attribute msg

Create


type Node msg

text : String -> Node msg

node : String -> List (Attribute msg) -> List (Node msg) -> Node msg

nodeNS : String -> String -> List (Attribute msg) -> List (Node msg) -> Node msg

Attributes


type Attribute msg

Attribute

definition

type Attribute msg
    = Attribute (List (VirtualDom.Attribute msg)) (List ( String, List FlatStyle ))

style : String -> String -> Attribute msg

property : String -> Json.Encode.Value -> Attribute msg

attribute : String -> String -> Attribute msg

attributeNS : String -> String -> String -> Attribute msg

batchAttributes : List (Attribute msg) -> Attribute msg

AttributeとStyleをまとめる

noAttribute : Attribute msg

Listを2個保持したデータ型なのでemptyが表現できる

Attribute [] []

Events

on : String -> VirtualDom.Handler msg -> Attribute msg

Routing Messages

map : (a -> b) -> Node a -> Node b

mapAttribute : (a -> b) -> Attribute a -> Attribute b

Keyed Nodes

keyedNode : String -> List (Attribute msg) -> List ( String, Node msg ) -> Node msg

keyedNodeNS : String -> String -> List (Attribute msg) -> List ( String, Node msg ) -> Node msg

Lazy Nodes

VirtualDom.lazyXを使うために暗黙的にtoPlainNodeが使われています。 つまりlazyXが使われたところでstyle tagが生成されます。

lazy : (a -> Node msg) -> a -> Node msg

lazy2 : (a -> b -> Node msg) -> a -> b -> Node msg

lazy3 : (a -> b -> c -> Node msg) -> a -> b -> c -> Node msg

lazy4 : (a -> b -> c -> d -> Node msg) -> a -> b -> c -> d -> Node msg

lazy5 : (a -> b -> c -> d -> e -> Node msg) -> a -> b -> c -> d -> e -> Node msg

lazy6 : (a -> b -> c -> d -> e -> f -> Node msg) -> a -> b -> c -> d -> e -> f -> Node msg

lazy7 : (a -> b -> c -> d -> e -> f -> g -> Node msg) -> a -> b -> c -> d -> e -> f -> g -> Node msg