@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/index.js
CHANGED
|
@@ -25228,6 +25228,7 @@ function ChartStatNode({
|
|
|
25228
25228
|
const data = resolveChartData(node.chartData ?? [], stateValues);
|
|
25229
25229
|
const total = data.reduce((acc, d) => acc + d.value, 0) || 1;
|
|
25230
25230
|
const \u533A\u753B = \u533A\u753B\u306E\u5272\u4ED8(node.w, node.h, data.length);
|
|
25231
|
+
const \u5272\u5408\u3092\u51FA\u3059 = data.length > 1;
|
|
25231
25232
|
return /* @__PURE__ */ jsxs("g", { transform: `translate(${x0} ${y0})`, children: [
|
|
25232
25233
|
/* @__PURE__ */ jsx(
|
|
25233
25234
|
"rect",
|
|
@@ -25249,83 +25250,91 @@ function ChartStatNode({
|
|
|
25249
25250
|
const \u8272 = \u5370\u306E\u8272(d.tone, idx);
|
|
25250
25251
|
const \u6570\u5024 = \u5B9F\u5024\u8868\u8A18(d.value);
|
|
25251
25252
|
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);
|
|
25252
|
-
return /* @__PURE__ */ jsxs(
|
|
25253
|
-
|
|
25254
|
-
|
|
25255
|
-
|
|
25256
|
-
|
|
25257
|
-
|
|
25258
|
-
|
|
25259
|
-
|
|
25260
|
-
|
|
25261
|
-
|
|
25262
|
-
|
|
25263
|
-
|
|
25264
|
-
|
|
25265
|
-
|
|
25266
|
-
|
|
25267
|
-
|
|
25268
|
-
|
|
25269
|
-
|
|
25270
|
-
|
|
25271
|
-
|
|
25272
|
-
|
|
25273
|
-
|
|
25274
|
-
|
|
25275
|
-
|
|
25276
|
-
|
|
25277
|
-
|
|
25278
|
-
|
|
25279
|
-
|
|
25280
|
-
|
|
25281
|
-
|
|
25282
|
-
|
|
25283
|
-
|
|
25284
|
-
|
|
25285
|
-
|
|
25286
|
-
|
|
25287
|
-
|
|
25288
|
-
|
|
25289
|
-
|
|
25290
|
-
|
|
25291
|
-
|
|
25292
|
-
|
|
25293
|
-
|
|
25294
|
-
|
|
25295
|
-
|
|
25296
|
-
|
|
25297
|
-
|
|
25298
|
-
|
|
25299
|
-
|
|
25300
|
-
|
|
25301
|
-
|
|
25302
|
-
|
|
25303
|
-
|
|
25304
|
-
|
|
25305
|
-
|
|
25306
|
-
|
|
25307
|
-
|
|
25308
|
-
|
|
25309
|
-
|
|
25310
|
-
|
|
25311
|
-
|
|
25312
|
-
|
|
25313
|
-
|
|
25314
|
-
|
|
25315
|
-
|
|
25316
|
-
|
|
25317
|
-
|
|
25318
|
-
|
|
25319
|
-
|
|
25320
|
-
|
|
25321
|
-
|
|
25322
|
-
|
|
25323
|
-
|
|
25324
|
-
|
|
25325
|
-
|
|
25326
|
-
|
|
25327
|
-
|
|
25328
|
-
|
|
25253
|
+
return /* @__PURE__ */ jsxs(
|
|
25254
|
+
"g",
|
|
25255
|
+
{
|
|
25256
|
+
"data-cdl-role": "chart-stat-item",
|
|
25257
|
+
transform: `translate(${\u67A02.x} ${\u67A02.y})`,
|
|
25258
|
+
children: [
|
|
25259
|
+
idx > 0 && /* @__PURE__ */ jsx(
|
|
25260
|
+
"line",
|
|
25261
|
+
{
|
|
25262
|
+
"data-cdl-role": "chart-stat-divider",
|
|
25263
|
+
x1: 0,
|
|
25264
|
+
y1: \u533A\u753B.\u4F59\u767D,
|
|
25265
|
+
x2: 0,
|
|
25266
|
+
y2: \u67A02.h - \u533A\u753B.\u4F59\u767D,
|
|
25267
|
+
stroke: "var(--cdl-divider, #d4d4d8)",
|
|
25268
|
+
strokeWidth: 1
|
|
25269
|
+
}
|
|
25270
|
+
),
|
|
25271
|
+
/* @__PURE__ */ jsx(
|
|
25272
|
+
"text",
|
|
25273
|
+
{
|
|
25274
|
+
"data-cdl-role": "chart-stat-label",
|
|
25275
|
+
x: \u67A02.w / 2,
|
|
25276
|
+
y: \u533A\u753B.\u540D\u524D\u306Ey,
|
|
25277
|
+
fontSize: \u533A\u753B.\u540D\u524D\u306E\u7D1A,
|
|
25278
|
+
fontWeight: 700,
|
|
25279
|
+
textAnchor: "middle",
|
|
25280
|
+
fill: "var(--cdl-text-dim, #5a6270)",
|
|
25281
|
+
children: d.label
|
|
25282
|
+
}
|
|
25283
|
+
),
|
|
25284
|
+
/* @__PURE__ */ jsx(
|
|
25285
|
+
"text",
|
|
25286
|
+
{
|
|
25287
|
+
"data-cdl-role": "chart-stat-value",
|
|
25288
|
+
"data-cdl-unresolved": d.unresolved ? "true" : void 0,
|
|
25289
|
+
x: \u67A02.w / 2,
|
|
25290
|
+
y: \u533A\u753B.\u6570\u5024\u306Ey,
|
|
25291
|
+
fontSize: \u6570\u5024\u306E\u7D1A,
|
|
25292
|
+
fontWeight: 700,
|
|
25293
|
+
textAnchor: "middle",
|
|
25294
|
+
fill: \u8272,
|
|
25295
|
+
children: \u6570\u5024
|
|
25296
|
+
}
|
|
25297
|
+
),
|
|
25298
|
+
\u5272\u5408\u3092\u51FA\u3059 && /* @__PURE__ */ jsx(
|
|
25299
|
+
"circle",
|
|
25300
|
+
{
|
|
25301
|
+
"data-cdl-role": "chart-stat-track",
|
|
25302
|
+
cx: \u67A02.w / 2,
|
|
25303
|
+
cy: \u533A\u753B.\u5F27\u306Ey,
|
|
25304
|
+
r: \u533A\u753B.\u5F27\u306E\u534A\u5F84,
|
|
25305
|
+
fill: "none",
|
|
25306
|
+
stroke: "var(--cdl-divider, #d4d4d8)",
|
|
25307
|
+
strokeWidth: \u533A\u753B.\u5F27\u306E\u592A\u3055,
|
|
25308
|
+
strokeOpacity: 0.5
|
|
25309
|
+
}
|
|
25310
|
+
),
|
|
25311
|
+
\u5272\u5408\u3092\u51FA\u3059 && frac > 0 && /* @__PURE__ */ jsx(
|
|
25312
|
+
"path",
|
|
25313
|
+
{
|
|
25314
|
+
"data-cdl-role": "chart-stat-arc",
|
|
25315
|
+
d: \u5F27\u306E\u90533(\u67A02.w / 2, \u533A\u753B.\u5F27\u306Ey, \u533A\u753B.\u5F27\u306E\u534A\u5F84, Math.min(frac, 0.9999)),
|
|
25316
|
+
fill: "none",
|
|
25317
|
+
stroke: \u8272,
|
|
25318
|
+
strokeWidth: \u533A\u753B.\u5F27\u306E\u592A\u3055,
|
|
25319
|
+
strokeLinecap: "round"
|
|
25320
|
+
}
|
|
25321
|
+
),
|
|
25322
|
+
\u5272\u5408\u3092\u51FA\u3059 && /* @__PURE__ */ jsx(
|
|
25323
|
+
"text",
|
|
25324
|
+
{
|
|
25325
|
+
"data-cdl-role": "chart-stat-share",
|
|
25326
|
+
x: \u67A02.w / 2,
|
|
25327
|
+
y: \u533A\u753B.\u5272\u5408\u306Ey,
|
|
25328
|
+
fontSize: \u533A\u753B.\u5272\u5408\u306E\u7D1A,
|
|
25329
|
+
textAnchor: "middle",
|
|
25330
|
+
fill: "var(--cdl-text-dim, #5a6270)",
|
|
25331
|
+
children: \u5272\u5408\u8868\u8A18(frac)
|
|
25332
|
+
}
|
|
25333
|
+
)
|
|
25334
|
+
]
|
|
25335
|
+
},
|
|
25336
|
+
`stat-${idx}`
|
|
25337
|
+
);
|
|
25329
25338
|
})
|
|
25330
25339
|
] });
|
|
25331
25340
|
}
|