@cardenelabs/cdl 0.112.0 → 0.113.0

package/CHANGELOG.md

@@ -5,6 +5,39 @@ CDL (Chainome Diagram Language) の主要変更履歴。
 
 ## [Unreleased]
 
+## [0.113.0] - 2026-09-30
+
+### Fixed
+
+- **放射の枝が札の横を 3 分の 2 しか使わなかった** (#964)
+
+  枝を中心からどれだけ離すかが `canvasW * 0.32` という決め打ちの割合だった。
+  枝の名前は枠を持たず、枠があった位置の内側の端から外へ伸びる (#907) ので、
+  名前が短い図ではこの位置の外側に誰も使わない余白が残る。
+  見本帳で測ると、左の名前は 173.2 の余地に対して 90.6 しか使っていなかった。
+
+  離す量を **第 1 階層の葉の名前のうち一番広いもの** から出すようにした。
+  名前の右端が描画域の端に一致する位置 (`canvasW / 2 + branchW / 2 - 名前の幅`) を上限にする。
+  名前が短い図では枝が外へ出て、名前が長い図では逆に内側へ寄る。
+
+  | 図の形 | 直す前 | 直した後 |
+  |---|---|---|
+  | 左右 2 本ずつ | 237.4 | 305.0 |
+  | 名前が長い左右 2 本ずつ | 230.4 | 186.3 |
+  | 枝 14 本 | 235.4 | 309.9 |
+  | 第 1 階層が全て子を持つ | 175.0 | 175.0 (変わらない) |
+
+  第 1 階層に葉が 1 つも無い図では名前では決まらず、入れ子のぶんを空ける従来の上限がそのまま効く。
+
+  あわせて、札に収める最後の一様縮小が横を **描く端** で測るようにした。
+  末端は枠を持たないので、箱で測ると描いてもいない幅を占めていることになり、
+  何もはみ出していない図まで縮んでいた (枝 1 本の図が 0.83 倍になり、
+  箱の高さが 30.8 から 25.6 に縮んで補足の行が落ちていた)。
+
+  見本帳 (`cardene777/dragon`) の 3 図を実際の画面で測ると、札の横を使う割合が
+  66% から 85%、54% から 79% になった。 入れ子を持つ 1 図は 52% のまま変わらない
+  (中心の箱を描いた中身の真ん中に置く話で、別 Issue で扱う)。
+
 ## [0.112.0] - 2026-09-30
 
 ### Fixed
@@ -4479,7 +4512,8 @@ Initial OSS release.
 使わない = annotated tag を push しても GitHub Release は作られず、 Release を作っていない版で
 行き止まりになる。
 
-[Unreleased]: https://github.com/cardene777/cdl/compare/v0.112.0...HEAD
+[Unreleased]: https://github.com/cardene777/cdl/compare/v0.113.0...HEAD
+[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
 [0.111.0]: https://github.com/cardene777/cdl/compare/v0.110.0...v0.111.0
 [0.110.0]: https://github.com/cardene777/cdl/compare/v0.109.0...v0.110.0

package/dist/index.cjs

@@ -16219,7 +16219,15 @@ function computeMindMapLayout(mindData, cx, cy, canvasW, canvasH) {
   const preferredSubDx = subBranchW + 20;
   const reserve = maxSubDepth > 0 ? branchW / 2 + maxSubDepth * preferredSubDx : 0;
   const maxLayer1XOffset = Math.max(minLayer1XOffset, canvasW / 2 - reserve);
-  const layer1XOffset = Math.max(minLayer1XOffset, Math.min(canvasW * 0.32, maxLayer1XOffset));
+  const \u8449\u306E\u540D\u524D\u306E\u6700\u5927\u5E45 = Math.max(
+    0,
+    ...firstLevel.filter((br) => (childrenOf.get(br.id) ?? []).length === 0).map((br) => {
+      const \u540D\u524D = \u653E\u5C04\u306E\u884C({ title: br.title, isRoot: false })[0];
+      return measureTextWidth(\u540D\u524D.text, { fontSize: \u540D\u524D.fontSize});
+    })
+  );
+  const \u540D\u524D\u3067\u6C7A\u307E\u308B\u4E0A\u9650 = canvasW / 2 + branchW / 2 - \u8449\u306E\u540D\u524D\u306E\u6700\u5927\u5E45;
+  const layer1XOffset = Math.max(minLayer1XOffset, Math.min(\u540D\u524D\u3067\u6C7A\u307E\u308B\u4E0A\u9650, maxLayer1XOffset));
   const room = canvasW / 2 - layer1XOffset;
   const MIN_SUB_W = 56;
   const PREFERRED_GAP = MIND_BOX_GAP;
@@ -16317,7 +16325,8 @@ function computeMindMapLayout(mindData, cx, cy, canvasW, canvasH) {
     let maxExtentX = rootW / 2;
     let maxExtentY = rootH / 2;
     for (const n of nodes) {
-      maxExtentX = Math.max(maxExtentX, Math.abs(n.x - cx) + n.w / 2);
+      const [\u5DE6, \u53F3] = \u63CF\u304F\u6A2A\u306E\u7AEF(n);
+      maxExtentX = Math.max(maxExtentX, Math.abs(\u5DE6 - cx), Math.abs(\u53F3 - cx));
       maxExtentY = Math.max(maxExtentY, Math.abs(n.y - cy) + n.h / 2);
     }
     const scale = Math.min(1, drawableHalfW / maxExtentX, drawableHalfH / maxExtentY);