@cardenelabs/cdl 0.68.0 → 0.70.0

package/dist/react.js

@@ -12451,9 +12451,9 @@ function renderRect(shape, x, y, w, h, stateValues, fillColor, strokeColor, opac
     /* @__PURE__ */ jsxs(
       "text",
       {
-        x: x + w / 2,
+        x: x + w,
         y: y - 6,
-        textAnchor: "middle",
+        textAnchor: "end",
         fontSize: 11,
         fontFamily: "monospace",
         fill: "var(--cdl-text-dim, #5a6270)",
@@ -14494,6 +14494,27 @@ function GanttNode({
   const \u884C\u306E\u4F38\u3073 = (row) => \u6BB5\u306E\u4F38\u3073(\u4F38\u3073, row + 1, rowCount);
   const taskById = new Map(\u6574\u3048\u305F.map((t) => [t.id, t]));
   const rowOf = new Map(\u6574\u3048\u305F.map((t, i) => [t.id, i]));
+  const \u7DDA\u306E\u53D6\u308A\u5206 = 0.35;
+  const \u533A\u5207\u308B = (v) => Math.min(1, Math.max(0, v));
+  const \u4E0A\u304B\u3089\u6765\u308B\u7DDA = (row) => {
+    const t = \u6574\u3048\u305F[row];
+    if (t === void 0 || t.dependsOn === void 0) return false;
+    const \u89AA = taskById.get(t.dependsOn);
+    if (\u89AA === void 0) return false;
+    const \u89AA\u306E\u884C = rowOf.get(\u89AA.id);
+    return \u89AA\u306E\u884C !== void 0 && \u89AA\u306E\u884C < row;
+  };
+  const \u5E2F\u306E\u4F38\u3073 = (row) => {
+    const r = \u884C\u306E\u4F38\u3073(row);
+    return \u4E0A\u304B\u3089\u6765\u308B\u7DDA(row) ? \u533A\u5207\u308B((r - \u7DDA\u306E\u53D6\u308A\u5206) / (1 - \u7DDA\u306E\u53D6\u308A\u5206)) : r;
+  };
+  const \u7DDA\u306E\u4F38\u3073 = (\u89AA\u306E\u884C, \u5B50\u306E\u884C) => {
+    if (!drawing) return 1;
+    if (\u89AA\u306E\u884C >= \u5B50\u306E\u884C) {
+      return \u884C\u306E\u4F38\u3073(\u89AA\u306E\u884C) >= 1 && \u884C\u306E\u4F38\u3073(\u5B50\u306E\u884C) >= 1 ? 1 : 0;
+    }
+    return \u533A\u5207\u308B(\u884C\u306E\u4F38\u3073(\u5B50\u306E\u884C) / \u7DDA\u306E\u53D6\u308A\u5206);
+  };
   return /* @__PURE__ */ jsxs("g", { transform: `translate(${x0} ${y0})`, children: [
     /* @__PURE__ */ jsx(
       "rect",
@@ -14602,7 +14623,7 @@ function GanttNode({
       const bx = \u5E2F\u306E\u5DE6(t.startIdx);
       const by = \u5E2F\u306E\u4E0A(row);
       const bw = Math.max(0, \u5E2F\u306E\u53F3(t.endIdx) - bx);
-      const \u3053\u306E\u884C = \u884C\u306E\u4F38\u3073(row);
+      const \u3053\u306E\u884C = \u5E2F\u306E\u4F38\u3073(row);
       const \u4ECA\u306E\u5E45 = drawing ? bw * \u3053\u306E\u884C : bw;
       return /* @__PURE__ */ jsxs("g", { children: [
         /* @__PURE__ */ jsx(
@@ -14656,7 +14677,8 @@ function GanttNode({
       const \u624B = Math.max(6, (\u7E26\u306E\u7D42\u308F\u308AY - \u51FA\u767AY) * 0.55);
       const path = `M ${\u51FA\u767AX} ${\u51FA\u767AY} C ${\u51FA\u767AX} ${\u51FA\u767AY + \u624B}, ${\u7740\u5730X} ${\u7E26\u306E\u7D42\u308F\u308AY - \u624B}, ${\u7740\u5730X} ${\u7E26\u306E\u7D42\u308F\u308AY}`;
       const arrowHeadPath = `M ${\u7740\u5730X} ${\u7740\u5730Y} L ${\u7740\u5730X - \u77E2\u3058\u308A\u306E\u5E45 / 2} ${\u7E26\u306E\u7D42\u308F\u308AY} L ${\u7740\u5730X + \u77E2\u3058\u308A\u306E\u5E45 / 2} ${\u7E26\u306E\u7D42\u308F\u308AY} Z`;
-      return drawing && !(\u884C\u306E\u4F38\u3073(parentRow) >= 1 && \u884C\u306E\u4F38\u3073(childRow) >= 1) ? null : /* @__PURE__ */ jsxs("g", { "data-cdl-role": "gantt-arrow", children: [
+      const \u5F15\u3051\u305F = \u7DDA\u306E\u4F38\u3073(parentRow, childRow);
+      return \u5F15\u3051\u305F <= 0 ? null : /* @__PURE__ */ jsxs("g", { "data-cdl-role": "gantt-arrow", children: [
         /* @__PURE__ */ jsx(
           "path",
           {
@@ -14665,10 +14687,11 @@ function GanttNode({
             stroke: "var(--cdl-text-mute, #8a8678)",
             strokeWidth: 2.4,
             strokeLinejoin: "round",
-            strokeLinecap: "round"
+            strokeLinecap: "round",
+            ...\u4F38\u3070\u3059dash(drawing, \u5F15\u3051\u305F)
           }
         ),
-        /* @__PURE__ */ jsx(
+        \u5F15\u3051\u305F < 1 ? null : /* @__PURE__ */ jsx(
           "path",
           {
             d: arrowHeadPath,