@cardenelabs/cdl 0.40.8 → 0.40.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +19 -1
- package/dist/index.cjs +86 -77
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +86 -77
- package/dist/index.js.map +1 -1
- package/dist/react.cjs +86 -77
- package/dist/react.cjs.map +1 -1
- package/dist/react.js +86 -77
- package/dist/react.js.map +1 -1
- package/package.json +1 -1
- package/src/kinds/chart-stat.tsx +42 -22
package/dist/react.js
CHANGED
|
@@ -12729,6 +12729,7 @@ function ChartStatNode({
|
|
|
12729
12729
|
const data = resolveChartData(node.chartData ?? [], stateValues);
|
|
12730
12730
|
const total = data.reduce((acc, d) => acc + d.value, 0) || 1;
|
|
12731
12731
|
const \u533A\u753B = \u533A\u753B\u306E\u5272\u4ED8(node.w, node.h, data.length);
|
|
12732
|
+
const \u5272\u5408\u3092\u51FA\u3059 = data.length > 1;
|
|
12732
12733
|
return /* @__PURE__ */ jsxs("g", { transform: `translate(${x0} ${y0})`, children: [
|
|
12733
12734
|
/* @__PURE__ */ jsx(
|
|
12734
12735
|
"rect",
|
|
@@ -12750,83 +12751,91 @@ function ChartStatNode({
|
|
|
12750
12751
|
const \u8272 = \u5370\u306E\u8272(d.tone, idx);
|
|
12751
12752
|
const \u6570\u5024 = \u5B9F\u5024\u8868\u8A18(d.value);
|
|
12752
12753
|
const \u6570\u5024\u306E\u7D1A = \u53CE\u3081\u308B\u7D1A(\u6570\u5024, \u67A02.w - \u533A\u753B.\u4F59\u767D * 2, \u533A\u753B.\u6570\u5024\u306E\u7D1A, \u533A\u753B.\u540D\u524D\u306E\u7D1A + 1);
|
|
12753
|
-
return /* @__PURE__ */ jsxs(
|
|
12754
|
-
|
|
12755
|
-
|
|
12756
|
-
|
|
12757
|
-
|
|
12758
|
-
|
|
12759
|
-
|
|
12760
|
-
|
|
12761
|
-
|
|
12762
|
-
|
|
12763
|
-
|
|
12764
|
-
|
|
12765
|
-
|
|
12766
|
-
|
|
12767
|
-
|
|
12768
|
-
|
|
12769
|
-
|
|
12770
|
-
|
|
12771
|
-
|
|
12772
|
-
|
|
12773
|
-
|
|
12774
|
-
|
|
12775
|
-
|
|
12776
|
-
|
|
12777
|
-
|
|
12778
|
-
|
|
12779
|
-
|
|
12780
|
-
|
|
12781
|
-
|
|
12782
|
-
|
|
12783
|
-
|
|
12784
|
-
|
|
12785
|
-
|
|
12786
|
-
|
|
12787
|
-
|
|
12788
|
-
|
|
12789
|
-
|
|
12790
|
-
|
|
12791
|
-
|
|
12792
|
-
|
|
12793
|
-
|
|
12794
|
-
|
|
12795
|
-
|
|
12796
|
-
|
|
12797
|
-
|
|
12798
|
-
|
|
12799
|
-
|
|
12800
|
-
|
|
12801
|
-
|
|
12802
|
-
|
|
12803
|
-
|
|
12804
|
-
|
|
12805
|
-
|
|
12806
|
-
|
|
12807
|
-
|
|
12808
|
-
|
|
12809
|
-
|
|
12810
|
-
|
|
12811
|
-
|
|
12812
|
-
|
|
12813
|
-
|
|
12814
|
-
|
|
12815
|
-
|
|
12816
|
-
|
|
12817
|
-
|
|
12818
|
-
|
|
12819
|
-
|
|
12820
|
-
|
|
12821
|
-
|
|
12822
|
-
|
|
12823
|
-
|
|
12824
|
-
|
|
12825
|
-
|
|
12826
|
-
|
|
12827
|
-
|
|
12828
|
-
|
|
12829
|
-
|
|
12754
|
+
return /* @__PURE__ */ jsxs(
|
|
12755
|
+
"g",
|
|
12756
|
+
{
|
|
12757
|
+
"data-cdl-role": "chart-stat-item",
|
|
12758
|
+
transform: `translate(${\u67A02.x} ${\u67A02.y})`,
|
|
12759
|
+
children: [
|
|
12760
|
+
idx > 0 && /* @__PURE__ */ jsx(
|
|
12761
|
+
"line",
|
|
12762
|
+
{
|
|
12763
|
+
"data-cdl-role": "chart-stat-divider",
|
|
12764
|
+
x1: 0,
|
|
12765
|
+
y1: \u533A\u753B.\u4F59\u767D,
|
|
12766
|
+
x2: 0,
|
|
12767
|
+
y2: \u67A02.h - \u533A\u753B.\u4F59\u767D,
|
|
12768
|
+
stroke: "var(--cdl-divider, #d4d4d8)",
|
|
12769
|
+
strokeWidth: 1
|
|
12770
|
+
}
|
|
12771
|
+
),
|
|
12772
|
+
/* @__PURE__ */ jsx(
|
|
12773
|
+
"text",
|
|
12774
|
+
{
|
|
12775
|
+
"data-cdl-role": "chart-stat-label",
|
|
12776
|
+
x: \u67A02.w / 2,
|
|
12777
|
+
y: \u533A\u753B.\u540D\u524D\u306Ey,
|
|
12778
|
+
fontSize: \u533A\u753B.\u540D\u524D\u306E\u7D1A,
|
|
12779
|
+
fontWeight: 700,
|
|
12780
|
+
textAnchor: "middle",
|
|
12781
|
+
fill: "var(--cdl-text-dim, #5a6270)",
|
|
12782
|
+
children: d.label
|
|
12783
|
+
}
|
|
12784
|
+
),
|
|
12785
|
+
/* @__PURE__ */ jsx(
|
|
12786
|
+
"text",
|
|
12787
|
+
{
|
|
12788
|
+
"data-cdl-role": "chart-stat-value",
|
|
12789
|
+
"data-cdl-unresolved": d.unresolved ? "true" : void 0,
|
|
12790
|
+
x: \u67A02.w / 2,
|
|
12791
|
+
y: \u533A\u753B.\u6570\u5024\u306Ey,
|
|
12792
|
+
fontSize: \u6570\u5024\u306E\u7D1A,
|
|
12793
|
+
fontWeight: 700,
|
|
12794
|
+
textAnchor: "middle",
|
|
12795
|
+
fill: \u8272,
|
|
12796
|
+
children: \u6570\u5024
|
|
12797
|
+
}
|
|
12798
|
+
),
|
|
12799
|
+
\u5272\u5408\u3092\u51FA\u3059 && /* @__PURE__ */ jsx(
|
|
12800
|
+
"circle",
|
|
12801
|
+
{
|
|
12802
|
+
"data-cdl-role": "chart-stat-track",
|
|
12803
|
+
cx: \u67A02.w / 2,
|
|
12804
|
+
cy: \u533A\u753B.\u5F27\u306Ey,
|
|
12805
|
+
r: \u533A\u753B.\u5F27\u306E\u534A\u5F84,
|
|
12806
|
+
fill: "none",
|
|
12807
|
+
stroke: "var(--cdl-divider, #d4d4d8)",
|
|
12808
|
+
strokeWidth: \u533A\u753B.\u5F27\u306E\u592A\u3055,
|
|
12809
|
+
strokeOpacity: 0.5
|
|
12810
|
+
}
|
|
12811
|
+
),
|
|
12812
|
+
\u5272\u5408\u3092\u51FA\u3059 && frac > 0 && /* @__PURE__ */ jsx(
|
|
12813
|
+
"path",
|
|
12814
|
+
{
|
|
12815
|
+
"data-cdl-role": "chart-stat-arc",
|
|
12816
|
+
d: \u5F27\u306E\u90533(\u67A02.w / 2, \u533A\u753B.\u5F27\u306Ey, \u533A\u753B.\u5F27\u306E\u534A\u5F84, Math.min(frac, 0.9999)),
|
|
12817
|
+
fill: "none",
|
|
12818
|
+
stroke: \u8272,
|
|
12819
|
+
strokeWidth: \u533A\u753B.\u5F27\u306E\u592A\u3055,
|
|
12820
|
+
strokeLinecap: "round"
|
|
12821
|
+
}
|
|
12822
|
+
),
|
|
12823
|
+
\u5272\u5408\u3092\u51FA\u3059 && /* @__PURE__ */ jsx(
|
|
12824
|
+
"text",
|
|
12825
|
+
{
|
|
12826
|
+
"data-cdl-role": "chart-stat-share",
|
|
12827
|
+
x: \u67A02.w / 2,
|
|
12828
|
+
y: \u533A\u753B.\u5272\u5408\u306Ey,
|
|
12829
|
+
fontSize: \u533A\u753B.\u5272\u5408\u306E\u7D1A,
|
|
12830
|
+
textAnchor: "middle",
|
|
12831
|
+
fill: "var(--cdl-text-dim, #5a6270)",
|
|
12832
|
+
children: \u5272\u5408\u8868\u8A18(frac)
|
|
12833
|
+
}
|
|
12834
|
+
)
|
|
12835
|
+
]
|
|
12836
|
+
},
|
|
12837
|
+
`stat-${idx}`
|
|
12838
|
+
);
|
|
12830
12839
|
})
|
|
12831
12840
|
] });
|
|
12832
12841
|
}
|