@cardenelabs/cdl 0.21.1 → 0.21.2

package/CHANGELOG.md

@@ -5,6 +5,21 @@ CDL (Chainome Diagram Language) の主要変更履歴。
 
 ## [Unreleased]
 
+## [0.21.2] - 2026-08-30
+
+### Fixed
+
+- **雲の字を絵の芯に合わせた** (#588)
+
+  雲は 5 つの円で描き、箱の上へ 0.11 はみ出し下は 0.15 手前で終わる = **絵の芯が箱の芯より
+  上にある**。 字を箱の芯に合わせていたので、絵に対して下へ寄って見えていた
+  (実測で上 71.5 / 下 27.9、差 43.6)。 直して 49 / 51.5 になる。
+
+  円の中心と半径を `layout/spec.ts` の表に移し、描き手と字を置く側が同じ表から引く。
+  絵の芯もその表から出すので、円を動かせば字も追随する。
+
+  ひし形 (`decision`) は箱と絵の芯が同じなので動かない。
+
 ## [0.21.1] - 2026-08-29
 
 ### Fixed
@@ -1080,7 +1095,8 @@ Initial OSS release.
 使わない = annotated tag を push しても GitHub Release は作られず、 Release を作っていない版で
 行き止まりになる。
 
-[Unreleased]: https://github.com/cardene777/cdl/compare/v0.21.1...HEAD
+[Unreleased]: https://github.com/cardene777/cdl/compare/v0.21.2...HEAD
+[0.21.2]: https://github.com/cardene777/cdl/compare/v0.21.1...v0.21.2
 [0.21.1]: https://github.com/cardene777/cdl/compare/v0.21.0...v0.21.1
 [0.21.0]: https://github.com/cardene777/cdl/compare/v0.20.1...v0.21.0
 [0.20.1]: https://github.com/cardene777/cdl/compare/v0.20.0...v0.20.1

package/dist/index.cjs

@@ -12026,6 +12026,18 @@ function \u4E2D\u8EAB\u304B\u3089\u51FA\u3059\u9AD8\u3055(kind, \u6E80\u8F09h, \
   return Math.max(MIN_BOX_H, \u6E80\u8F09h - \u5F15\u304F);
 }
 var MIN_BOX_H = 44;
+var CLOUD_CIRCLES = [
+  { cx: -0.8, cy: -0.05 + 0.08, r: 0.32 },
+  { cx: -0.4, cy: -0.05 - 0.05, r: 0.4 },
+  { cx: 0, cy: -0.05 - 0.1, r: 0.46 },
+  { cx: 0.4, cy: -0.05 - 0.05, r: 0.4 },
+  { cx: 0.8, cy: -0.05 + 0.08, r: 0.32 }
+];
+var CLOUD_ART_CENTER_RISE = (() => {
+  const \u4E0A = Math.min(...CLOUD_CIRCLES.map((c) => c.cy - c.r));
+  const \u4E0B = Math.max(...CLOUD_CIRCLES.map((c) => c.cy + c.r));
+  return -(\u4E0A + \u4E0B) / 2;
+})();
 
 // src/layout/footer-shape.ts
 var SHAPE_DRAW_UP_EXTENT = {
@@ -22504,21 +22516,12 @@ function GenericNode({
     if (shape === "cloud") {
       const cx = w / 2;
       const cy = h / 2;
-      const cloudCenterY = cy - h * 0.05;
-      const usableW = w * 0.85;
-      const halfW = usableW / 2;
-      const circles = [
-        { cx: cx - halfW * 0.8, cy: cloudCenterY + h * 0.08, r: h * 0.32 },
-        // 左端
-        { cx: cx - halfW * 0.4, cy: cloudCenterY - h * 0.05, r: h * 0.4 },
-        // 左
-        { cx, cy: cloudCenterY - h * 0.1, r: h * 0.46 },
-        // 中央 (最大)
-        { cx: cx + halfW * 0.4, cy: cloudCenterY - h * 0.05, r: h * 0.4 },
-        // 右
-        { cx: cx + halfW * 0.8, cy: cloudCenterY + h * 0.08, r: h * 0.32 }
-        // 右端
-      ];
+      const halfW = w * 0.85 / 2;
+      const circles = CLOUD_CIRCLES.map((c) => ({
+        cx: cx + halfW * c.cx,
+        cy: cy + h * c.cy,
+        r: h * c.r
+      }));
       return /* @__PURE__ */ jsxRuntime.jsxs("g", { children: [
         circles.map((c, i) => /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: c.cx, cy: c.cy, r: c.r, fill: "var(--cdl-node-fill, #ffffff)" }, `fill-${i}`)),
         circles.map((c, i) => /* @__PURE__ */ jsxRuntime.jsx(
@@ -22557,11 +22560,12 @@ function GenericNode({
   const textX = centered ? w / 2 : 20;
   const cylinderShift = genericTextShift(node.kind);
   const \u7E70\u308A\u4E0A\u3052 = node.eyebrow || centered ? 0 : \u76EE\u5370\u306A\u3057\u306E\u7E70\u308A\u4E0A\u3052(node.kind, hasRows);
-  const eyebrowY = centered ? h / 2 - 26 : 32 + cylinderShift;
-  const titleY = genericTitleBaselineY(node.kind, h, hasRows) - \u7E70\u308A\u4E0A\u3052;
-  const subtitleY = centered ? h / 2 + 28 : 96 + cylinderShift - \u7E70\u308A\u4E0A\u3052;
+  const \u7D75\u306E\u82AF = centered && STYLES[node.kind]?.shape === "cloud" ? h * CLOUD_ART_CENTER_RISE : 0;
+  const eyebrowY = centered ? h / 2 - 26 - \u7D75\u306E\u82AF : 32 + cylinderShift;
+  const titleY = genericTitleBaselineY(node.kind, h, hasRows) - \u7E70\u308A\u4E0A\u3052 - \u7D75\u306E\u82AF;
+  const subtitleY = centered ? h / 2 + 28 - \u7D75\u306E\u82AF : 96 + cylinderShift - \u7E70\u308A\u4E0A\u3052;
   const iconX = centered ? w / 2 + 40 : w - 48;
-  const iconY = centered ? h / 2 - 44 : 18 + cylinderShift;
+  const iconY = centered ? h / 2 - 44 - \u7D75\u306E\u82AF : 18 + cylinderShift;
   const dominantBaseline = centered ? "middle" : void 0;
   return /* @__PURE__ */ jsxRuntime.jsxs("g", { transform: `translate(${x} ${y})`, "data-cdl-role": "node-body", children: [
     shapeEl,