@cardenelabs/cdl 0.40.9 → 0.40.10

package/dist/react.js

@@ -12728,7 +12728,8 @@ function ChartStatNode({
   const y0 = node.cy - node.h / 2;
   const data = resolveChartData(node.chartData ?? [], stateValues);
   const total = data.reduce((acc, d) => acc + d.value, 0) || 1;
-  const \u533A\u753B = \u533A\u753B\u306E\u5272\u4ED8(node.w, node.h, data.length);
+  const \u524D\u3092\u51FA\u3059 = data.some((d) => d.previous !== void 0);
+  const \u533A\u753B = \u533A\u753B\u306E\u5272\u4ED8(node.w, node.h, data.length, \u524D\u3092\u51FA\u3059);
   const \u5272\u5408\u3092\u51FA\u3059 = data.length > 1;
   return /* @__PURE__ */ jsxs("g", { transform: `translate(${x0} ${y0})`, children: [
     /* @__PURE__ */ jsx(
@@ -12796,6 +12797,24 @@ function ChartStatNode({
                 children: \u6570\u5024
               }
             ),
+            d.previous !== void 0 && /* @__PURE__ */ jsx(
+              "text",
+              {
+                "data-cdl-role": "chart-stat-previous",
+                "data-cdl-unresolved": d.unresolved ? "true" : void 0,
+                x: \u67A02.w / 2,
+                y: \u533A\u753B.\u524D\u306Ey,
+                fontSize: \u53CE\u3081\u308B\u7D1A(
+                  `\u524D ${\u5B9F\u5024\u8868\u8A18(d.previous)}`,
+                  \u67A02.w - \u533A\u753B.\u4F59\u767D * 2,
+                  \u533A\u753B.\u524D\u306E\u7D1A,
+                  8
+                ),
+                textAnchor: "middle",
+                fill: "var(--cdl-text-dim, #5a6270)",
+                children: `\u524D ${\u5B9F\u5024\u8868\u8A18(d.previous)}`
+              }
+            ),
             \u5272\u5408\u3092\u51FA\u3059 && /* @__PURE__ */ jsx(
               "circle",
               {
@@ -12839,29 +12858,34 @@ function ChartStatNode({
     })
   ] });
 }
-function \u533A\u753B\u306E\u5272\u4ED8(w, h, \u4EF6\u6570) {
+function \u533A\u753B\u306E\u5272\u4ED8(w, h, \u4EF6\u6570, \u524D\u3092\u51FA\u3059) {
   const \u4F59\u767D = 20;
   const \u5E45 = \u4EF6\u6570 > 0 ? w / \u4EF6\u6570 : w;
   const \u540D\u524D\u306E\u7D1A = 14;
   const \u6570\u5024\u306E\u7D1A = 40;
+  const \u524D\u306E\u7D1A = \u540D\u524D\u306E\u7D1A;
   const \u5272\u5408\u306E\u7D1A = 12;
   const \u5F27\u306E\u534A\u5F84 = 20;
   const \u5F27\u306E\u592A\u3055 = 4;
-  const \u4E2D\u8EAB\u306E\u9AD8\u3055 = \u540D\u524D\u306E\u7D1A + 12 + \u6570\u5024\u306E\u7D1A + 16 + \u5F27\u306E\u534A\u5F84 * 2 + 8 + \u5272\u5408\u306E\u7D1A;
+  const \u524D\u306E\u9AD8\u3055 = \u524D\u3092\u51FA\u3059 ? 8 + \u524D\u306E\u7D1A : 0;
+  const \u4E2D\u8EAB\u306E\u9AD8\u3055 = \u540D\u524D\u306E\u7D1A + 12 + \u6570\u5024\u306E\u7D1A + \u524D\u306E\u9AD8\u3055 + 16 + \u5F27\u306E\u534A\u5F84 * 2 + 8 + \u5272\u5408\u306E\u7D1A;
   const \u4E0A\u7AEF = Math.max(\u4F59\u767D, (h - \u4E2D\u8EAB\u306E\u9AD8\u3055) / 2);
   const \u540D\u524D\u306Ey = \u4E0A\u7AEF + \u540D\u524D\u306E\u7D1A;
   const \u6570\u5024\u306Ey = \u540D\u524D\u306Ey + 12 + \u6570\u5024\u306E\u7D1A * 0.78;
-  const \u5F27\u306Ey = \u6570\u5024\u306Ey + 16 + \u5F27\u306E\u534A\u5F84;
+  const \u524D\u306Ey = \u6570\u5024\u306Ey + 8 + \u524D\u306E\u7D1A;
+  const \u5F27\u306Ey = \u6570\u5024\u306Ey + \u524D\u306E\u9AD8\u3055 + 16 + \u5F27\u306E\u534A\u5F84;
   const \u5272\u5408\u306Ey = \u5F27\u306Ey + \u5F27\u306E\u534A\u5F84 + 8 + \u5272\u5408\u306E\u7D1A;
   return {
     \u4F59\u767D,
     \u540D\u524D\u306E\u7D1A,
     \u6570\u5024\u306E\u7D1A,
+    \u524D\u306E\u7D1A,
     \u5272\u5408\u306E\u7D1A,
     \u5F27\u306E\u534A\u5F84,
     \u5F27\u306E\u592A\u3055,
     \u540D\u524D\u306Ey,
     \u6570\u5024\u306Ey,
+    \u524D\u306Ey,
     \u5F27\u306Ey,
     \u5272\u5408\u306Ey,
     \u67A0: (idx) => ({ x: \u5E45 * idx, y: 0, w: \u5E45, h })