@cardenelabs/dragon 0.13.0 → 0.14.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +46 -34
- package/dist/index.cjs +1511 -30
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +402 -3
- package/dist/index.d.ts +402 -3
- package/dist/index.js +1512 -31
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/src/color.ts +31 -6
- package/src/compile.ts +268 -9
- package/src/input-size.ts +12 -0
- package/src/json-parser.ts +456 -21
- package/src/schemas/diagram.json +356 -0
- package/src/types.ts +91 -0
- package/src/v05/input-table.generated.ts +136 -0
- package/src/v05/parser-types.ts +5 -1
- package/src/v05/parser.ts +695 -8
package/README.md
CHANGED
|
@@ -65,6 +65,10 @@ flow:
|
|
|
65
65
|
| `eyebrow` | 図全体を 1 箱にする図種で、その箱の上に出す小見出し |
|
|
66
66
|
| `axes` | 2 軸で仕分ける図の軸の名前 |
|
|
67
67
|
| `readouts` | 値を見せる部品 (割合の輪 / 数え上げ / 目盛り) |
|
|
68
|
+
| `inputs` | 読む人が動かすつまみ (すべり / 選び / 入り切り など 14 種) |
|
|
69
|
+
| `formulas` | つまみの値から決まる値 (式。 `values` は段が動かす状態を読み、こちらはつまみを読む) |
|
|
70
|
+
| `events` | 押下などの出来事で動く仕掛け (相手は名前で指す) |
|
|
71
|
+
| `scrolls` | 巻き上げに応じて進む値 (画面を巻き上げた量から 0 から 1 を作る) |
|
|
68
72
|
|
|
69
73
|
<!-- notation:top-level:end -->
|
|
70
74
|
|
|
@@ -74,31 +78,36 @@ flow:
|
|
|
74
78
|
|
|
75
79
|
<!-- notation:actor:start -->
|
|
76
80
|
|
|
77
|
-
| 欄
|
|
78
|
-
|
|
|
79
|
-
| `kind`
|
|
80
|
-
| `subtitle`
|
|
81
|
-
| `eyebrow`
|
|
82
|
-
| `value`
|
|
83
|
-
| `rows`
|
|
84
|
-
| `lane`
|
|
85
|
-
| `stack`
|
|
86
|
-
| `initial`
|
|
87
|
-
| `final`
|
|
88
|
-
| `tone`
|
|
89
|
-
| `nodes`
|
|
90
|
-
| `touchpoint`
|
|
91
|
-
| `opportunity`
|
|
92
|
-
| `owner`
|
|
93
|
-
| `end`
|
|
94
|
-
| `posX`
|
|
95
|
-
| `posY`
|
|
96
|
-
| `posW`
|
|
97
|
-
| `posH`
|
|
98
|
-
| `scale`
|
|
99
|
-
| `shape`
|
|
100
|
-
| `visibleIf`
|
|
101
|
-
| `title`
|
|
81
|
+
| 欄 | 何を書くか |
|
|
82
|
+
| --------------- | ------------------------------------------------------------------------------ |
|
|
83
|
+
| `kind` | 見た目の種別 (`card` / `storage` / `service` / `person` 等、`種類` とも書ける) |
|
|
84
|
+
| `subtitle` | 題の下の補足 (`補足` とも書ける) |
|
|
85
|
+
| `eyebrow` | 題の上の小見出し |
|
|
86
|
+
| `value` | 箱に出す値 (`値` とも書ける) |
|
|
87
|
+
| `rows` | 箱の中に並べる行 (`行` とも書ける) |
|
|
88
|
+
| `lane` | どの縦列に置くか |
|
|
89
|
+
| `stack` | 縦列の中の何段目に置くか |
|
|
90
|
+
| `initial` | 状態遷移図で始まりの状態か |
|
|
91
|
+
| `final` | 状態遷移図で終わりの状態か |
|
|
92
|
+
| `tone` | 色 |
|
|
93
|
+
| `nodes` | 見本 (parts) の中の箱を差し替える |
|
|
94
|
+
| `touchpoint` | 体験の道筋で、利用者が触れる場所 |
|
|
95
|
+
| `opportunity` | 体験の道筋で、改善の余地 |
|
|
96
|
+
| `owner` | 工程の並びで、担当 |
|
|
97
|
+
| `end` | 工程の並びで、終わりの位置 |
|
|
98
|
+
| `posX` | 置く場所の横位置 |
|
|
99
|
+
| `posY` | 置く場所の縦位置 |
|
|
100
|
+
| `posW` | 箱の幅 |
|
|
101
|
+
| `posH` | 箱の高さ |
|
|
102
|
+
| `scale` | 見本 (parts) の倍率 (`倍率` とも書ける) |
|
|
103
|
+
| `shape` | 箱の中に描く図形 (水位 / 角度 / 半径を状態で動かす、`図形` とも書ける) |
|
|
104
|
+
| `visibleIf` | その箱を出すかどうかの条件 (`出す条件` とも書ける) |
|
|
105
|
+
| `title` | 箱に出す題。 書かなければ名前がそのまま題になる (`題` とも書ける) |
|
|
106
|
+
| `wBind` | 箱の幅を値に追随させる (状態の名前を `{名前}` の形で書く) |
|
|
107
|
+
| `hBind` | 箱の高さを値に追随させる (`wBind` と同じ読み方) |
|
|
108
|
+
| `opacity` | 箱の濃さ (0 から 1 の数か、状態の名前) |
|
|
109
|
+
| `renderOffsetX` | 描く時だけ箱を横へずらす量 (配置と矢印はずらす前の位置を使う) |
|
|
110
|
+
| `renderOffsetY` | 描く時だけ箱を縦へずらす量 (`renderOffsetX` と同じ読み方) |
|
|
102
111
|
|
|
103
112
|
<!-- notation:actor:end -->
|
|
104
113
|
|
|
@@ -108,15 +117,18 @@ flow:
|
|
|
108
117
|
|
|
109
118
|
<!-- notation:flow:start -->
|
|
110
119
|
|
|
111
|
-
| 欄
|
|
112
|
-
|
|
|
113
|
-
| `sub`
|
|
114
|
-
| `guard`
|
|
115
|
-
| `cardinality`
|
|
116
|
-
| `
|
|
117
|
-
| `
|
|
118
|
-
| `
|
|
119
|
-
| `
|
|
120
|
+
| 欄 | 何を書くか |
|
|
121
|
+
| ---------------- | ------------------------------------------------------------------- |
|
|
122
|
+
| `sub` | 説明の下の補足 |
|
|
123
|
+
| `guard` | 状態遷移の条件 |
|
|
124
|
+
| `cardinality` | 関係の多重度 (`1:N` 等) |
|
|
125
|
+
| `widthBind` | 線の太さを値に追随させる (状態やつまみの名前を `{名前}` の形で書く) |
|
|
126
|
+
| `strokeBind` | 線の色を値に追随させる (`widthBind` と同じ読み方) |
|
|
127
|
+
| `dashOffsetBind` | 破線の位置を値に追随させる (流れているように見せる) |
|
|
128
|
+
| `side` | 矢印がどの辺から出るか (`top` / `right` / `bottom` / `left`) |
|
|
129
|
+
| `labelOffsetX` | 説明文の位置を横にずらす |
|
|
130
|
+
| `labelOffsetY` | 説明文の位置を縦にずらす |
|
|
131
|
+
| `overlay` | `true` で説明文を線の上に重ねる (分岐図の条件ラベル用) |
|
|
120
132
|
|
|
121
133
|
<!-- notation:flow:end -->
|
|
122
134
|
|