@cardenelabs/cdl 0.111.0 → 0.113.0

package/CHANGELOG.md

@@ -5,6 +5,64 @@ 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
+
+- **放射の図が札の縦を 4 分の 1 しか使わなかった** (#962)
+
+  隣り合う枝の縦の間隔の上限が px の定数 (96) で、枝が横に伸びる量と無関係だった。
+  枝が左右 2 本ずつの図では割り算の側が 432 になるため上限が必ず効き、
+  横に 230 伸びる図でも縦は 96 までしか開かない。 枝の傾きが 12 度にしかならなかった。
+
+  上限を **枝が横に伸びる量** から出すようにした。
+  横の伸びを超えない範囲で開けば、隣り合う枝の傾きは 45 度を超えない。
+  #913 が防ぎたかった「細長く伸びる」 を、px ではなく角度で抑える形になる。
+
+  | 図の形 | 直す前 | 直した後 |
+  |---|---|---|
+  | 左右 2 本ずつ | 144 | 278 |
+  | 入れ子あり (左 3 葉 / 右 1 葉) | 236 | 394 |
+  | 枝 14 本 | 480 | 480 (変わらない) |
+
+  枝が多い図では割り算の側が先に効くため、札 720x480 では位置が変わらない。
+
+  見本帳 (`cardene777/dragon`) の 3 図を実際の画面で測ると、札の縦を使う割合が
+  25% から 48%、43% から 65%、23% から 46% になった。
+
 ## [0.111.0] - 2026-09-30
 
 ### Fixed
@@ -4454,7 +4512,9 @@ Initial OSS release.
 使わない = annotated tag を push しても GitHub Release は作られず、 Release を作っていない版で
 行き止まりになる。
 
-[Unreleased]: https://github.com/cardene777/cdl/compare/v0.111.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
 [0.109.0]: https://github.com/cardene777/cdl/compare/v0.108.0...v0.109.0

package/dist/index.cjs

@@ -16008,7 +16008,7 @@ var MIND_BOX_GAP = 24;
 var \u679D\u306E\u592A\u3055 = (\u6BB5) => Math.max(1.2, 3.2 - \u6BB5 * 0.7);
 var BRANCH_BOX_H_MAX = 48;
 var SUB_BOX_H_MAX = 40;
-var ROW_GAP_MAX = 96;
+var \u7E26\u306E\u9593\u9694\u306E\u4E0A\u9650 = (\u679D\u306E\u6A2A\u306E\u4F38\u3073) => \u679D\u306E\u6A2A\u306E\u4F38\u3073;
 var MIND_PAD = 40;
 function \u653E\u5C04\u306E\u4E2D\u8EAB(node, stateValues = {}) {
   const mindData = node.mindData ? resolveMindData(node.mindData, stateValues) : void 0;
@@ -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;
@@ -16237,7 +16245,7 @@ function computeMindMapLayout(mindData, cx, cy, canvasW, canvasH) {
   );
   const sideLaneCount = Math.max(leavesOfSide(leftBranches), leavesOfSide(rightBranches));
   const laneBandH = Math.max(0, canvasH - BRANCH_BOX_H_MAX);
-  const rowGap = sideLaneCount > 1 ? Math.min(laneBandH / (sideLaneCount - 1), ROW_GAP_MAX) : subBranchH + 14;
+  const rowGap = sideLaneCount > 1 ? Math.min(laneBandH / (sideLaneCount - 1), \u7E26\u306E\u9593\u9694\u306E\u4E0A\u9650(layer1XOffset)) : subBranchH + 14;
   const effSubH = Math.min(SUB_BOX_H_MAX, rowGap * 0.7);
   const effBranchH = Math.min(BRANCH_BOX_H_MAX, rowGap * 0.7);
   const \u7AEF\u306E\u4F59\u308A = Math.max(effSubH, effBranchH) / 2;
@@ -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);