@cardenelabs/cdl 0.114.0 → 0.115.0

package/CHANGELOG.md

@@ -5,6 +5,36 @@ CDL (Chainome Diagram Language) の主要変更履歴。
 
 ## [Unreleased]
 
+## [0.115.0] - 2026-09-30
+
+### Fixed
+
+- **木の兄弟どうしが遠くへ離れ、離れた 2 本の列に見えた** (#968)
+
+  葉は `canvasW / 葉の数` で等分した区画の中央に置かれていた。
+  区画は箱より広いので、葉が少ない図では兄弟が区画の幅だけ離れる。
+  見本帳の `配布物の構成` は葉が 2 枚で、箱の縁の間が 196 空いていた。
+  同じ図の段と段の隙間は 95 なので、横だけが縦の 2 倍になる。
+
+  横の隙間を **段と段の隙間に揃えた**。
+  木は根から下へ辿る図なので、間隔が 1 つの調子で揃っていないと系統が読めない。
+
+  | 図の形 | 横の隙間 (直す前 → 後) | 縦の隙間 |
+  |---|---|---|
+  | 葉 2 枚 | 196 → 95 | 95 |
+  | 葉 3 枚 | 84 → 84 (変わらない) | 95 |
+
+  **今より広げない**。 葉が多い図では区画の方が狭いので、そちらが効いて位置は動かない。
+  頭打ちを外すと間隔が区画の 3 倍になり、最後の一様縮小が効いて箱まで小さくなる
+  (実測 = 葉 10 枚の図で箱の幅が 57.1 から 19.5 に縮んだ)。
+
+  箱の幅を出す処理を置き場所より先に回した。
+  端の葉がどれだけ幅を取るかは、名前と段から決まるので位置より先に出せる。
+
+  見本帳 (`cardene777/dragon`) の `配布物の構成` は、札に対する中身の割合が
+  横 66% から 52% に **下がる**。 兄弟が近づいたぶん中身が小さくなるためで、
+  図が札の中で浮くのは札の大きさの話として別に扱う。
+
 ## [0.114.0] - 2026-09-30
 
 ### Fixed
@@ -4550,7 +4580,8 @@ Initial OSS release.
 使わない = annotated tag を push しても GitHub Release は作られず、 Release を作っていない版で
 行き止まりになる。
 
-[Unreleased]: https://github.com/cardene777/cdl/compare/v0.114.0...HEAD
+[Unreleased]: https://github.com/cardene777/cdl/compare/v0.115.0...HEAD
+[0.115.0]: https://github.com/cardene777/cdl/compare/v0.114.0...v0.115.0
 [0.114.0]: https://github.com/cardene777/cdl/compare/v0.113.0...v0.114.0
 [0.113.0]: https://github.com/cardene777/cdl/compare/v0.112.0...v0.113.0
 [0.112.0]: https://github.com/cardene777/cdl/compare/v0.111.0...v0.112.0

package/dist/index.cjs

@@ -15931,6 +15931,28 @@ function computeTreeLayout(treeNodes, canvasW, canvasH) {
     const \u8981\u308B = measureTextWidth(\u540D\u524D.text, { fontSize: \u540D\u524D.fontSize}) + (nodeW - \u4F7F\u3048\u308B\u5E45(nodeW));
     return Math.min(Math.max(\u8981\u308B, nodeW), slotW * 0.92);
   };
+  const \u8449\u306E\u4E26\u3073 = [];
+  const \u6BB5\u306E\u8868 = /* @__PURE__ */ new Map();
+  const \u5E45\u306E\u8868 = /* @__PURE__ */ new Map();
+  {
+    const \u898B\u305F = /* @__PURE__ */ new Set();
+    const \u4E0B\u898B = (n, depth) => {
+      \u898B\u305F.add(n.id);
+      \u6BB5\u306E\u8868.set(n.id, depth);
+      \u5E45\u306E\u8868.set(n.id, \u7BB1\u306E\u5E45(n, depth));
+      const kids = (childrenOf.get(n.id) ?? []).filter((k) => !\u898B\u305F.has(k.id));
+      if (kids.length === 0) {
+        \u8449\u306E\u4E26\u3073.push(n.id);
+        return;
+      }
+      for (const k of kids) \u4E0B\u898B(k, depth + 1);
+    };
+    for (const r of roots) if (!\u898B\u305F.has(r.id)) \u4E0B\u898B(r, 0);
+  }
+  const \u8449\u306E\u6570 = Math.max(\u8449\u306E\u4E26\u3073.length, 1);
+  const \u6BB5\u306E\u9699\u9593 = depthGap - nodeH;
+  const \u8449\u306E\u9593\u9694 = Math.min(slotW, nodeW + \u6BB5\u306E\u9699\u9593);
+  const \u8449\u306Ex = (i) => canvasW / 2 - (\u8449\u306E\u6570 - 1) * \u8449\u306E\u9593\u9694 / 2 + i * \u8449\u306E\u9593\u9694;
   const posOf = /* @__PURE__ */ new Map();
   const nodes = [];
   const placed = /* @__PURE__ */ new Set();
@@ -15940,7 +15962,7 @@ function computeTreeLayout(treeNodes, canvasW, canvasH) {
     const kids = (childrenOf.get(n.id) ?? []).filter((k) => !placed.has(k.id));
     let x;
     if (kids.length === 0) {
-      x = leafCursor * slotW + slotW / 2;
+      x = \u8449\u306Ex(leafCursor);
       leafCursor += 1;
     } else {
       const xs = kids.map((k) => place(k, depth + 1));
@@ -15954,7 +15976,7 @@ function computeTreeLayout(treeNodes, canvasW, canvasH) {
       ...n.subtitle !== void 0 ? { subtitle: n.subtitle } : {},
       x,
       y,
-      w: \u7BB1\u306E\u5E45(n, depth),
+      w: \u5E45\u306E\u8868.get(n.id) ?? \u7BB1\u306E\u5E45(n, depth),
       h: nodeH,
       depth,
       ...n.unresolved ? { unresolved: true } : {}