@cardenelabs/cdl 0.16.0 → 0.17.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/CHANGELOG.md +49 -1
- package/dist/index.cjs +736 -193
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +222 -10
- package/dist/index.d.ts +222 -10
- package/dist/index.js +728 -194
- package/dist/index.js.map +1 -1
- package/dist/react.cjs +458 -60
- package/dist/react.cjs.map +1 -1
- package/dist/react.d.cts +1 -1
- package/dist/react.d.ts +1 -1
- package/dist/react.js +458 -60
- package/dist/react.js.map +1 -1
- package/dist/{render-BS1E6Mlo.d.cts → render-Dc5Pdf7e.d.cts} +175 -4
- package/dist/{render-BS1E6Mlo.d.ts → render-Dc5Pdf7e.d.ts} +175 -4
- package/package.json +1 -1
- package/src/builder.ts +19 -0
- package/src/index.ts +21 -1
- package/src/kinds/card.tsx +15 -1
- package/src/kinds/sequence-board-metrics.ts +118 -0
- package/src/kinds/sequence-board.tsx +289 -0
- package/src/kinds/storage.tsx +137 -11
- package/src/layout/nodes.ts +32 -6
- package/src/layout/spec.ts +14 -1
- package/src/layout/tokens.ts +3 -0
- package/src/presets.ts +563 -183
- package/src/render/edge-head.ts +72 -8
- package/src/render/edges.tsx +30 -9
- package/src/render/nodes.tsx +4 -0
- package/src/render/stage.tsx +40 -29
- package/src/render/template-fields.ts +6 -2
- package/src/types.ts +156 -3
- package/src/visual-validate.ts +29 -2
package/src/layout/spec.ts
CHANGED
|
@@ -64,7 +64,7 @@ export function hasRenderedLabel(e: { label?: string; sub?: string }): boolean {
|
|
|
64
64
|
*
|
|
65
65
|
* 3 群ある。 形だけを描く `dyn-*` 5 種は `DynShapeNode` に回り、 `node.title` を一度も参照しない
|
|
66
66
|
* (描くのは形と数値の小さな label だけ)。 payload を自前 layout する chart / timeline / analytic
|
|
67
|
-
* 10 種は、 描くのが payload 側の label で `title` は使わない。 流れの始まりと終わりの印 2 種は
|
|
67
|
+
* 10 種と時系列のやり取り 1 種は、 描くのが payload 側の label で `title` は使わない。 流れの始まりと終わりの印 2 種は
|
|
68
68
|
* 印そのものが意味を持ち、 丸の中に名前を入れても読めない (#560)。
|
|
69
69
|
*
|
|
70
70
|
* 一覧は手で持つと描画側とずれるため、 `test/node-title-render.test.tsx` が `NODE_KINDS` を
|
|
@@ -72,6 +72,9 @@ export function hasRenderedLabel(e: { label?: string; sub?: string }): boolean {
|
|
|
72
72
|
* 足すと `NODE_KINDS` に載った時点で検査対象に入るので、 追記を忘れれば必ず落ちる。
|
|
73
73
|
*/
|
|
74
74
|
const KINDS_WITHOUT_TITLE_TEXT: ReadonlySet<string> = new Set([
|
|
75
|
+
// 時系列のやり取り (#578)。 図を丸ごと描く種別で、描くのは面々の名前と言づての語。
|
|
76
|
+
// 箱の `title` は使わない
|
|
77
|
+
"sequence-board",
|
|
75
78
|
// 形だけを描く (DynShapeNode)
|
|
76
79
|
"dyn-rect",
|
|
77
80
|
"dyn-circle",
|
|
@@ -276,6 +279,16 @@ export const ROW_FONT_GENERIC = 21;
|
|
|
276
279
|
/** `kinds/storage.tsx` の名前 (title) の baseline。 */
|
|
277
280
|
export const STORAGE_TITLE_BASELINE = 78;
|
|
278
281
|
|
|
282
|
+
/**
|
|
283
|
+
* 呼び名を出す箱で、行の群をどれだけ下げるか (#578)。
|
|
284
|
+
*
|
|
285
|
+
* 題の段が 1 行ぶん増えるので、その分だけ行を下へずらす。 ずらさないと呼び名と 1 行目が
|
|
286
|
+
* 詰まって、どちらも題の一部に見える。
|
|
287
|
+
*
|
|
288
|
+
* **描き手と高さの計算が同じ値を引く**。 片方だけ変えると、箱の下が空くか行が下端から出る。
|
|
289
|
+
*/
|
|
290
|
+
export const SUBTITLE_ROW_SHIFT = 46;
|
|
291
|
+
|
|
279
292
|
/**
|
|
280
293
|
* `storage` の名前と列の間に引く区切り線の Y。
|
|
281
294
|
*
|
package/src/layout/tokens.ts
CHANGED
|
@@ -138,6 +138,9 @@ export const TOKENS = {
|
|
|
138
138
|
// 箱としての最小 (80x40) より大きく、名前を持つ箱 (card 320x150) よりは明らかに小さい
|
|
139
139
|
"mark-start": { w: 96, h: 96 },
|
|
140
140
|
"mark-end": { w: 96, h: 96 },
|
|
141
|
+
// 時系列のやり取り (#578)。 実寸は中身から決まる (`sequenceBoardMetrics`) ので、
|
|
142
|
+
// ここは書かなかった時の受け皿
|
|
143
|
+
"sequence-board": { w: 960, h: 640 },
|
|
141
144
|
} as Record<NodeKind, { w: number; h: number }>,
|
|
142
145
|
|
|
143
146
|
// row gap (stack 間の vertical gap、 lane 内 / 跨ぎ共通)
|