@cardenelabs/cdl 0.115.0 → 0.117.0

package/CHANGELOG.md

@@ -5,6 +5,72 @@ CDL (Chainome Diagram Language) の主要変更履歴。
 
 ## [Unreleased]
 
+## [0.117.0] - 2026-10-01
+
+### Fixed
+
+- **位置を手で書いた箱に、自動で並べた時の揃えの規則を当てていた** (#972)
+
+  揃えを見る 2 軸が「レーンの中の箱は縦 1 列に並ぶ」 前提を持っていた。
+
+  | 軸 | 何を見るか | 重さ |
+  |---|---|---|
+  | `alignment` (軸 5) | 同じレーンの箱の中心の横位置が揃っているか | error |
+  | `column-alignment` (軸 58) | 同じ縦列の箱の中心の横位置が許容 1 以内で揃っているか | error |
+
+  `posX` と `posY` を両方書いた箱は **その並びから外して置く** ためにある。
+  外して置いたこと自体を違反として数えるので、意図どおりの図が毎回落ちていた。
+
+  同じ条件は軸 15 (`lane-cx-consistency`) が元から持っており、そちらだけ直っていた。
+  その 1 行を `位置を手で書いた` として括り出し、3 軸で同じ条件を使う。
+
+  **基準の箱も先に外す**。 判定だけを外すと、レーンの先頭の箱が手で置かれていた時に
+  自動で置いた箱が全部その位置と比べられて落ちる。
+
+  片方だけ書いた箱は外さない。 採用の条件が
+  `posX !== undefined && posY !== undefined` なので、片方だけでは自動の配置が生きており、
+  並びから外す指定にならない。
+
+  描く位置は変えていない。 変えたのは判定だけで、焼き付けた見た目は動かない。
+
+## [0.116.0] - 2026-10-01
+
+### Fixed
+
+- **葉が少ない木の図が札の中で浮いていた** (#970)
+
+  木の札は種別ごとに 1 つの値 (720x480) で固定されていた。
+  必要な幅は葉の数で変わるので、葉が少ない図は札の中で小さく見える。
+  #968 で兄弟を近づけた結果これが目立ち、見本帳の `配布物の構成` は
+  中身 375 に対して札が 720 で、左右に 172 ずつ余っていた。
+
+  **札の幅を葉の数から出す**。
+
+  ```
+  要る幅 = 葉の数 × (箱の幅 + 隙間) + 左右の余白
+  隙間   = 段の高さ - 箱の高さ
+  ```
+
+  規則は縦が既に持っているものを横に当てただけになる。
+  段は区画の中央に置かれるので、縦の余白は隙間の半分ずつになる。
+  同じ形を横に当てると上の式になり、3 段の木では今の高さ (480) をそのまま返す
+  = 縦は既にこの値で描かれている。
+
+  | 図の形 | 札の幅 (直す前 → 後) | 中身 | 割合 |
+  |---|---|---|---|
+  | 葉 2 枚 / 段 3 つ | 720 → 519 | 375 | 52% → 72% |
+  | 葉 3 枚 / 段 3 つ | 720 → 720 (変わらない) | 588 | 82% |
+
+  **広げる向きには使わない**。 葉が多い図では式の値が既定を超えるが、
+  札を広げると並べる側の配置が崩れる。 超える図は今までどおり区画が狭まり、
+  箱が小さくなる側で吸収する (葉 10 枚の図は式の値が 2353 で、720 に留まる)。
+
+  **葉が 1 枚の図は 2 枚として扱う**。 1 枚の木は縦 1 本の鎖で、
+  式のまま出すと箱 1 つぶんの幅になり、木ではなく縦書きの字列に見える。
+
+  `木の札の幅` を公開した。 組み立てる側 (`tree()` preset と記法の側) が
+  札を作る前に引く。 規則を呼ぶ側に写さないための口になる。
+
 ## [0.115.0] - 2026-09-30
 
 ### Fixed
@@ -4580,7 +4646,9 @@ Initial OSS release.
 使わない = annotated tag を push しても GitHub Release は作られず、 Release を作っていない版で
 行き止まりになる。
 
-[Unreleased]: https://github.com/cardene777/cdl/compare/v0.115.0...HEAD
+[Unreleased]: https://github.com/cardene777/cdl/compare/v0.117.0...HEAD
+[0.117.0]: https://github.com/cardene777/cdl/compare/v0.116.0...v0.117.0
+[0.116.0]: https://github.com/cardene777/cdl/compare/v0.115.0...v0.116.0
 [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

package/dist/index.cjs

@@ -15720,6 +15720,43 @@ var PAD_TOP = 40;
 var PAD_RIGHT = 24;
 var PAD_BOTTOM = 40;
 var PAD_LEFT = 24;
+var \u7BB1\u306E\u6700\u5927\u5E45 = 140;
+var \u7BB1\u306E\u6700\u5927\u9AD8\u3055 = 38;
+var \u672D\u306E\u65E2\u5B9A\u5E45 = 720;
+var \u672D\u306E\u65E2\u5B9A\u9AD8\u3055 = 480;
+function \u6728\u306E\u672D\u306E\u5E45(treeNodes) {
+  const { \u8449\u306E\u6570, \u6BB5\u6570 } = \u6728\u306E\u5F62(treeNodes);
+  const \u6BB5\u306E\u9AD8\u3055 = (\u672D\u306E\u65E2\u5B9A\u9AD8\u3055 - PAD_TOP - PAD_BOTTOM) / Math.max(\u6BB5\u6570, 1);
+  const \u7BB1\u306E\u9AD8\u30553 = Math.min(\u7BB1\u306E\u6700\u5927\u9AD8\u3055, \u6BB5\u306E\u9AD8\u3055 * 0.7);
+  const \u9699\u9593 = \u6BB5\u306E\u9AD8\u3055 - \u7BB1\u306E\u9AD8\u30553;
+  const \u8981\u308B\u5E45 = Math.max(\u8449\u306E\u6570, 2) * (\u7BB1\u306E\u6700\u5927\u5E45 + \u9699\u9593);
+  return Math.ceil(Math.min(\u672D\u306E\u65E2\u5B9A\u5E45, \u8981\u308B\u5E45 + PAD_LEFT + PAD_RIGHT));
+}
+function \u6728\u306E\u5F62(treeNodes) {
+  const ids = new Set(treeNodes.map((n) => n.id));
+  const childrenOf = /* @__PURE__ */ new Map();
+  for (const n of treeNodes) {
+    const p = n.parent && ids.has(n.parent) ? n.parent : "__root__";
+    if (!childrenOf.has(p)) childrenOf.set(p, []);
+    childrenOf.get(p).push(n);
+  }
+  const \u898B\u305F = /* @__PURE__ */ new Set();
+  let \u8449\u306E\u6570 = 0;
+  let \u6BB5\u6570 = 0;
+  const \u4E0B\u898B = (n, depth) => {
+    \u898B\u305F.add(n.id);
+    \u6BB5\u6570 = Math.max(\u6BB5\u6570, depth + 1);
+    const kids = (childrenOf.get(n.id) ?? []).filter((k) => !\u898B\u305F.has(k.id));
+    if (kids.length === 0) {
+      \u8449\u306E\u6570 += 1;
+      return;
+    }
+    for (const k of kids) \u4E0B\u898B(k, depth + 1);
+  };
+  for (const r of childrenOf.get("__root__") ?? []) if (!\u898B\u305F.has(r.id)) \u4E0B\u898B(r, 0);
+  for (const n of treeNodes) if (!\u898B\u305F.has(n.id)) \u4E0B\u898B(n, 0);
+  return { \u8449\u306E\u6570, \u6BB5\u6570 };
+}
 var \u6728\u306E\u679D\u306E\u592A\u3055 = (\u6BB5) => Math.max(1.1, 2.6 - \u6BB5 * 0.45);
 function \u6728\u306E\u4E2D\u8EAB(node, stateValues = {}) {
   const treeNodes = resolveTreeData(node.treeData ?? [], stateValues);
@@ -15923,8 +15960,8 @@ function computeTreeLayout(treeNodes, canvasW, canvasH) {
   );
   const depthGap = canvasH / Math.max(maxDepth + 1, 1);
   const slotW = canvasW / totalLeaves;
-  const nodeH = Math.min(38, depthGap * 0.7);
-  const nodeW = Math.min(140, slotW * 0.85);
+  const nodeH = Math.min(\u7BB1\u306E\u6700\u5927\u9AD8\u3055, depthGap * 0.7);
+  const nodeW = Math.min(\u7BB1\u306E\u6700\u5927\u5E45, slotW * 0.85);
   const \u7BB1\u306E\u5E45 = (n, depth) => {
     const \u6750\u6599 = \u6728\u306E\u884C({ ...n, depth });
     const \u540D\u524D = \u6750\u6599[0];
@@ -17310,6 +17347,9 @@ function visualValidateInner(laid, diag, violations, counts, push, profile, skip
     return { diagramId: safeDiagramId(diag), ok: false, violations, counts, profile, skippedAxes };
   }
 }
+function \u4F4D\u7F6E\u3092\u624B\u3067\u66F8\u3044\u305F(n) {
+  return n.posX !== void 0 && n.posY !== void 0;
+}
 function runAxes(laid, diag, violations, counts, push, profile, skippedAxes, \u5668) {
   const LIFELINE_W_THRESHOLD = 8;
   for (const n of laid.nodes) {
@@ -17383,6 +17423,7 @@ function runAxes(laid, diag, violations, counts, push, profile, skippedAxes, \u5
   }
   const byLane = /* @__PURE__ */ new Map();
   for (const n of laid.nodes) {
+    if (\u4F4D\u7F6E\u3092\u624B\u3067\u66F8\u3044\u305F(n)) continue;
     const list = byLane.get(n.lane) ?? [];
     list.push(n);
     byLane.set(n.lane, list);
@@ -17727,6 +17768,7 @@ function runAxes(laid, diag, violations, counts, push, profile, skippedAxes, \u5
     const byLaneCol = /* @__PURE__ */ new Map();
     for (const n of laid.nodes) {
       if (n.id.endsWith("-spacer") || /^s\d+-/.test(n.id)) continue;
+      if (\u4F4D\u7F6E\u3092\u624B\u3067\u66F8\u3044\u305F(n)) continue;
       const list = byLaneCol.get(n.lane) ?? [];
       list.push(n);
       byLaneCol.set(n.lane, list);
@@ -17803,7 +17845,7 @@ function runAxes(laid, diag, violations, counts, push, profile, skippedAxes, \u5
   for (const l of laid.lanes) laneById.set(l.id, l);
   for (const n of laid.nodes) {
     if (n.id.endsWith("-spacer") || /^s\d+-/.test(n.id)) continue;
-    if (n.posX !== void 0 && n.posY !== void 0) continue;
+    if (\u4F4D\u7F6E\u3092\u624B\u3067\u66F8\u3044\u305F(n)) continue;
     const lane = laneById.get(n.lane);
     if (!lane) continue;
     const laneCx = lane.x + lane.width / 2;
@@ -34509,7 +34551,6 @@ function classDiagram(preset) {
   return api;
 }
 function tree(preset) {
-  const canvasW = preset.nodeWidth ? preset.nodeWidth * 2 : 720;
   const canvasH = 480;
   const b = diagram(preset.id, { topic: preset.topic, type: "tree" });
   const treeNodes = [];
@@ -34519,6 +34560,7 @@ function tree(preset) {
       return api;
     },
     build() {
+      const canvasW = preset.nodeWidth ? preset.nodeWidth * 2 : \u6728\u306E\u672D\u306E\u5E45(treeNodes.map((n) => ({ id: n.id, title: n.title, parent: n.parent })));
       b.lane("tree", { width: canvasW });
       const nodeId = `${preset.id}-tree`;
       b.node(nodeId, {
@@ -35193,5 +35235,6 @@ exports.visualValidateAll = visualValidateAll;
 exports.visualValidateLaid = visualValidateLaid;
 exports.withDerivedValues = withDerivedValues;
 exports.worldToPx = worldToPx;
+exports.木の札の幅 = 木の札の幅;
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map