@cardenelabs/cdl 0.68.0 → 0.70.0

package/CHANGELOG.md

@@ -5,6 +5,74 @@ CDL (Chainome Diagram Language) の主要変更履歴。
 
 ## [Unreleased]
 
+## [0.70.0] - 2026-09-26
+
+### Fixed
+
+- **箱の読み取り値を右端へ寄せ、縦の矢印が数字を割らないようにした** (#870)
+
+  箱に読み取り値 (`10 / 10` のような現在値と上限) を書くと、値は箱の上端の中央に出る。
+  同じ帯の上下に置いた箱を矢印で繋ぐと、道筋は受け手の上端の中央へ真下から入る。
+  置き場所が同じなので **必ず交わり**、矢印の先が区切りに刺さって `10 ⯆ 10` に見えていた。
+
+  ```
+  直す前の実測 (図の座標)
+  読み取り値 `8 / 10`  x 88.5 - 121.5
+  矢印の道筋           M 105 278 L 105 341   ← x=105 が読み取り値の真ん中
+  ```
+
+  指摘は 1 件も出ない。 `validate` も `visualValidateAll` も 0 件を返し、板の大きさも変わらない。
+  画面で見た時にだけ分かる。
+
+  **読み取り値を箱の右端へ揃えた** (`textAnchor="end"`)。 中央の縦の通り道が空く。
+
+  矢印の側ではなく数字の側を動かしたのは、矢印の取り付き点が 2 本並んだ時の振り分けを
+  既に持っており、そこへ別の理由でずらす条件を足すと、両方が効いた時の位置が読めなくなるため。
+  揃える先を右にしたのは、箱の右上が空いている図が多いから (左上には枠の題が来る)。
+
+  利用側 (`cardene777/dragon`) の割れていた 4 枚を実測で確かめた。
+
+  | 部品 | 矢印の x | 読み取り値の範囲 (変更後) |
+  |---|---|---|
+  | `parts-batch-collector` | 105 | 147 - 180 |
+  | `parts-backpressure` | 483 | 514 - 558 |
+  | `parts-funnel-3` | 205 | 241 - 285 |
+  | `parts-split-box` | 483 | 519.5 - 563.5 |
+
+  4 枚とも交わらなくなった。
+
+## [0.69.0] - 2026-09-26
+
+### Fixed
+
+- **ガントチャートの依存の線を根元から伸ばし、届いてから次の帯を伸ばすようにした** (#877)
+
+  線は両端の行が伸び切った瞬間に丸ごと現れていた。 帯は根元から先へ伸びるのに、線だけが一度に出る。
+
+  さらに出る順序が図の読み方と逆だった。 図は「前の工程が終わってから次が始まる」 を示すのに、
+  動きは「次の工程の帯が伸び切ってから、その帯へ向かう線が出る」 という順になる。
+  線が届いたから次が始まった、という因果が動きから読めない。
+
+  **行の持ち時間を 2 つに割る**。 先に入ってくる線を引き (`線の取り分` = 0.35)、残りで帯を伸ばす。
+  行の持ち時間そのものは変えないので、図全体の長さは変わらない。
+
+  | 何が | 変更前 | 変更後 |
+  |---|---|---|
+  | 線の出方 | 両端が伸び切った瞬間に丸ごと | 根元から先へ伸びる (`stroke-dashoffset`) |
+  | 矢じり | 線と同時 | 線が届いてから |
+  | 順序 | 帯 → 帯 → 線 | 帯 → 線 → 帯 |
+
+  **親が下にある依存だけは今までどおり一度に出す**。 上から下へ読む図で、下から戻る線を先に
+  引くと順序が逆に見えるため。
+
+### Changed
+
+- **図の日本語名を `工程表` から `ガントチャート` に変えた** (#877)
+
+  mermaid の呼び方に揃える。 記法の図種名 (`gantt`) は変えていない。
+  変えたのはコメントと検査の名前で、`packages/cdl/src` と `packages/cdl/test` の 20 箇所。
+  変更履歴の過去の entry は当時の呼び方の記録なので直していない。
+
 ## [0.68.0] - 2026-09-26
 
 ### Fixed
@@ -2900,7 +2968,8 @@ Initial OSS release.
 使わない = annotated tag を push しても GitHub Release は作られず、 Release を作っていない版で
 行き止まりになる。
 
-[Unreleased]: https://github.com/cardene777/cdl/compare/v0.68.0...HEAD
+[Unreleased]: https://github.com/cardene777/cdl/compare/v0.69.0...HEAD
+[0.69.0]: https://github.com/cardene777/cdl/compare/v0.68.0...v0.69.0
 [0.68.0]: https://github.com/cardene777/cdl/compare/v0.67.0...v0.68.0
 [0.67.0]: https://github.com/cardene777/cdl/compare/v0.66.0...v0.67.0
 [0.66.0]: https://github.com/cardene777/cdl/compare/v0.65.0...v0.66.0

package/dist/index.cjs

@@ -24991,9 +24991,9 @@ function renderRect(shape, x, y, w, h, stateValues, fillColor, strokeColor, opac
     /* @__PURE__ */ jsxRuntime.jsxs(
       "text",
       {
-        x: x + w / 2,
+        x: x + w,
         y: y - 6,
-        textAnchor: "middle",
+        textAnchor: "end",
         fontSize: 11,
         fontFamily: "monospace",
         fill: "var(--cdl-text-dim, #5a6270)",
@@ -27034,6 +27034,27 @@ function GanttNode({
   const \u884C\u306E\u4F38\u3073 = (row) => \u6BB5\u306E\u4F38\u3073(\u4F38\u3073, row + 1, rowCount);
   const taskById = new Map(\u6574\u3048\u305F.map((t) => [t.id, t]));
   const rowOf = new Map(\u6574\u3048\u305F.map((t, i) => [t.id, i]));
+  const \u7DDA\u306E\u53D6\u308A\u5206 = 0.35;
+  const \u533A\u5207\u308B = (v) => Math.min(1, Math.max(0, v));
+  const \u4E0A\u304B\u3089\u6765\u308B\u7DDA = (row) => {
+    const t = \u6574\u3048\u305F[row];
+    if (t === void 0 || t.dependsOn === void 0) return false;
+    const \u89AA = taskById.get(t.dependsOn);
+    if (\u89AA === void 0) return false;
+    const \u89AA\u306E\u884C = rowOf.get(\u89AA.id);
+    return \u89AA\u306E\u884C !== void 0 && \u89AA\u306E\u884C < row;
+  };
+  const \u5E2F\u306E\u4F38\u3073 = (row) => {
+    const r = \u884C\u306E\u4F38\u3073(row);
+    return \u4E0A\u304B\u3089\u6765\u308B\u7DDA(row) ? \u533A\u5207\u308B((r - \u7DDA\u306E\u53D6\u308A\u5206) / (1 - \u7DDA\u306E\u53D6\u308A\u5206)) : r;
+  };
+  const \u7DDA\u306E\u4F38\u3073 = (\u89AA\u306E\u884C, \u5B50\u306E\u884C) => {
+    if (!drawing) return 1;
+    if (\u89AA\u306E\u884C >= \u5B50\u306E\u884C) {
+      return \u884C\u306E\u4F38\u3073(\u89AA\u306E\u884C) >= 1 && \u884C\u306E\u4F38\u3073(\u5B50\u306E\u884C) >= 1 ? 1 : 0;
+    }
+    return \u533A\u5207\u308B(\u884C\u306E\u4F38\u3073(\u5B50\u306E\u884C) / \u7DDA\u306E\u53D6\u308A\u5206);
+  };
   return /* @__PURE__ */ jsxRuntime.jsxs("g", { transform: `translate(${x0} ${y0})`, children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       "rect",
@@ -27142,7 +27163,7 @@ function GanttNode({
       const bx = \u5E2F\u306E\u5DE6(t.startIdx);
       const by = \u5E2F\u306E\u4E0A(row);
       const bw = Math.max(0, \u5E2F\u306E\u53F3(t.endIdx) - bx);
-      const \u3053\u306E\u884C = \u884C\u306E\u4F38\u3073(row);
+      const \u3053\u306E\u884C = \u5E2F\u306E\u4F38\u3073(row);
       const \u4ECA\u306E\u5E45 = drawing ? bw * \u3053\u306E\u884C : bw;
       return /* @__PURE__ */ jsxRuntime.jsxs("g", { children: [
         /* @__PURE__ */ jsxRuntime.jsx(
@@ -27196,7 +27217,8 @@ function GanttNode({
       const \u624B = Math.max(6, (\u7E26\u306E\u7D42\u308F\u308AY - \u51FA\u767AY) * 0.55);
       const path = `M ${\u51FA\u767AX} ${\u51FA\u767AY} C ${\u51FA\u767AX} ${\u51FA\u767AY + \u624B}, ${\u7740\u5730X} ${\u7E26\u306E\u7D42\u308F\u308AY - \u624B}, ${\u7740\u5730X} ${\u7E26\u306E\u7D42\u308F\u308AY}`;
       const arrowHeadPath = `M ${\u7740\u5730X} ${\u7740\u5730Y} L ${\u7740\u5730X - \u77E2\u3058\u308A\u306E\u5E45 / 2} ${\u7E26\u306E\u7D42\u308F\u308AY} L ${\u7740\u5730X + \u77E2\u3058\u308A\u306E\u5E45 / 2} ${\u7E26\u306E\u7D42\u308F\u308AY} Z`;
-      return drawing && !(\u884C\u306E\u4F38\u3073(parentRow) >= 1 && \u884C\u306E\u4F38\u3073(childRow) >= 1) ? null : /* @__PURE__ */ jsxRuntime.jsxs("g", { "data-cdl-role": "gantt-arrow", children: [
+      const \u5F15\u3051\u305F = \u7DDA\u306E\u4F38\u3073(parentRow, childRow);
+      return \u5F15\u3051\u305F <= 0 ? null : /* @__PURE__ */ jsxRuntime.jsxs("g", { "data-cdl-role": "gantt-arrow", children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           "path",
           {
@@ -27205,10 +27227,11 @@ function GanttNode({
             stroke: "var(--cdl-text-mute, #8a8678)",
             strokeWidth: 2.4,
             strokeLinejoin: "round",
-            strokeLinecap: "round"
+            strokeLinecap: "round",
+            ...\u4F38\u3070\u3059dash(drawing, \u5F15\u3051\u305F)
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx(
+        \u5F15\u3051\u305F < 1 ? null : /* @__PURE__ */ jsxRuntime.jsx(
           "path",
           {
             d: arrowHeadPath,