@cardenelabs/cdl 0.40.0 → 0.40.1
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 +22 -1
- package/dist/index.cjs +48 -7
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +48 -7
- package/dist/index.js.map +1 -1
- package/dist/react.cjs +48 -7
- package/dist/react.cjs.map +1 -1
- package/dist/react.js +48 -7
- package/dist/react.js.map +1 -1
- package/package.json +1 -1
- package/src/kinds/chart-slope.tsx +100 -8
package/dist/index.js
CHANGED
|
@@ -25526,6 +25526,36 @@ function \u4E00\u89A7\u306E\u4E26\u3073(data, \u5DE6, \u53F3\u7AEF, \u7D1A) {
|
|
|
25526
25526
|
return out;
|
|
25527
25527
|
}
|
|
25528
25528
|
var \u7DDA\u306E\u6700\u5C0F\u5E45 = 120;
|
|
25529
|
+
function \u540D\u672D\u306E\u6BB5\u3092\u307B\u3069\u304F(\u771F\u306Ey, \u9593\u9694, \u4E0A\u9650, \u4E0B\u9650) {
|
|
25530
|
+
const \u4EF6\u6570 = \u771F\u306Ey.length;
|
|
25531
|
+
if (\u4EF6\u6570 === 0) return [];
|
|
25532
|
+
const \u4E26\u3073 = \u771F\u306Ey.map((y, i) => ({ y, i })).sort((a, b) => a.y - b.y || a.i - b.i);
|
|
25533
|
+
const \u7D50\u679C = new Array(\u4EF6\u6570);
|
|
25534
|
+
if (\u9593\u9694 * (\u4EF6\u6570 - 1) > \u4E0B\u9650 - \u4E0A\u9650) {
|
|
25535
|
+
\u4E26\u3073.forEach((e, k) => {
|
|
25536
|
+
\u7D50\u679C[e.i] = \u4EF6\u6570 > 1 ? \u4E0A\u9650 + (\u4E0B\u9650 - \u4E0A\u9650) / (\u4EF6\u6570 - 1) * k : (\u4E0A\u9650 + \u4E0B\u9650) / 2;
|
|
25537
|
+
});
|
|
25538
|
+
return \u7D50\u679C;
|
|
25539
|
+
}
|
|
25540
|
+
const \u584A\u305F\u3061 = [];
|
|
25541
|
+
\u4E26\u3073.forEach((e, k) => {
|
|
25542
|
+
\u584A\u305F\u3061.push({ \u5408\u8A08: e.y - \u9593\u9694 * k, \u4EF6\u6570: 1 });
|
|
25543
|
+
while (\u584A\u305F\u3061.length >= 2) {
|
|
25544
|
+
const \u5F8C = \u584A\u305F\u3061[\u584A\u305F\u3061.length - 1];
|
|
25545
|
+
const \u524D = \u584A\u305F\u3061[\u584A\u305F\u3061.length - 2];
|
|
25546
|
+
if (\u524D.\u5408\u8A08 / \u524D.\u4EF6\u6570 <= \u5F8C.\u5408\u8A08 / \u5F8C.\u4EF6\u6570) break;
|
|
25547
|
+
\u584A\u305F\u3061.splice(\u584A\u305F\u3061.length - 2, 2, { \u5408\u8A08: \u524D.\u5408\u8A08 + \u5F8C.\u5408\u8A08, \u4EF6\u6570: \u524D.\u4EF6\u6570 + \u5F8C.\u4EF6\u6570 });
|
|
25548
|
+
}
|
|
25549
|
+
});
|
|
25550
|
+
const \u307B\u3069\u3044\u305F = [];
|
|
25551
|
+
\u584A\u305F\u3061.forEach((\u584A) => {
|
|
25552
|
+
const \u5E73\u5747 = \u584A.\u5408\u8A08 / \u584A.\u4EF6\u6570;
|
|
25553
|
+
for (let j = 0; j < \u584A.\u4EF6\u6570; j++) \u307B\u3069\u3044\u305F.push(\u5E73\u5747 + \u9593\u9694 * \u307B\u3069\u3044\u305F.length);
|
|
25554
|
+
});
|
|
25555
|
+
const \u305A\u308C = Math.max(0, \u4E0A\u9650 - \u307B\u3069\u3044\u305F[0]) - Math.max(0, \u307B\u3069\u3044\u305F[\u4EF6\u6570 - 1] - \u4E0B\u9650);
|
|
25556
|
+
\u4E26\u3073.forEach((e, k) => \u7D50\u679C[e.i] = \u307B\u3069\u3044\u305F[k] + \u305A\u308C);
|
|
25557
|
+
return \u7D50\u679C;
|
|
25558
|
+
}
|
|
25529
25559
|
function ChartSlopeNode({
|
|
25530
25560
|
node,
|
|
25531
25561
|
active,
|
|
@@ -25591,6 +25621,15 @@ function ChartSlopeNode({
|
|
|
25591
25621
|
const \u53F3\u8EF8x = \u524D\u3042\u308A ? Math.min(node.w - PAD, Math.max(node.w - PAD - \u53F3\u306E\u4F59\u767D, node.w / 2 + \u7DDA\u306E\u6700\u5C0F\u5E45 / 2)) : \u5DE6\u8EF8x;
|
|
25592
25622
|
const \u4F38\u3073 = \u9032\u307F\u3092\u7573\u3080(drawing, progress);
|
|
25593
25623
|
const \u53F3\u3092\u51FA\u3059 = !drawing || \u4F38\u3073 >= 1;
|
|
25624
|
+
const \u5DE6\u306E\u70B9y = \u7CFB\u5217\u305F\u3061.map(
|
|
25625
|
+
(s, i) => \u5F62 === "rank" ? \u6BB5\u306Ey\u3092\u53D6\u308B(\u524D\u306E\u9806\u4F4D[i]) : y\u3092\u53D6\u308B(s.\u524D)
|
|
25626
|
+
);
|
|
25627
|
+
const \u53F3\u306E\u70B9y = \u7CFB\u5217\u305F\u3061.map(
|
|
25628
|
+
(s, i) => \u5F62 === "rank" ? \u6BB5\u306Ey\u3092\u53D6\u308B(\u4ECA\u306E\u9806\u4F4D[i]) : y\u3092\u53D6\u308B(s.\u4ECA)
|
|
25629
|
+
);
|
|
25630
|
+
const \u540D\u672D\u306E\u884C = Math.max(\u5024\u306E\u7D1A, \u540D\u524D\u306E\u7D1A) + 4;
|
|
25631
|
+
const \u5DE6\u306E\u540D\u672Dy = \u524D\u3042\u308A ? \u540D\u672D\u306E\u6BB5\u3092\u307B\u3069\u304F(\u5DE6\u306E\u70B9y, \u540D\u672D\u306E\u884C, \u4E0A\u7AEF, \u4E0B\u7AEF) : \u5DE6\u306E\u70B9y;
|
|
25632
|
+
const \u53F3\u306E\u540D\u672Dy = \u540D\u672D\u306E\u6BB5\u3092\u307B\u3069\u304F(\u53F3\u306E\u70B9y, \u540D\u672D\u306E\u884C, \u4E0A\u7AEF, \u4E0B\u7AEF);
|
|
25594
25633
|
return /* @__PURE__ */ jsxs("g", { transform: `translate(${x0} ${y0})`, children: [
|
|
25595
25634
|
/* @__PURE__ */ jsx(
|
|
25596
25635
|
"rect",
|
|
@@ -25648,8 +25687,10 @@ function ChartSlopeNode({
|
|
|
25648
25687
|
)
|
|
25649
25688
|
] }),
|
|
25650
25689
|
\u7CFB\u5217\u305F\u3061.map((s, i) => {
|
|
25651
|
-
const \u5DE6y = \
|
|
25652
|
-
const \u53F3y = \
|
|
25690
|
+
const \u5DE6y = \u5DE6\u306E\u70B9y[i];
|
|
25691
|
+
const \u53F3y = \u53F3\u306E\u70B9y[i];
|
|
25692
|
+
const \u5DE6\u672Dy = \u5DE6\u306E\u540D\u672Dy[i];
|
|
25693
|
+
const \u53F3\u672Dy = \u53F3\u306E\u540D\u672Dy[i];
|
|
25653
25694
|
const \u672A\u89E3\u6C7A = s.\u672A\u89E3\u6C7A ? "true" : void 0;
|
|
25654
25695
|
return /* @__PURE__ */ jsxs("g", { children: [
|
|
25655
25696
|
\u524D\u3042\u308A && /* @__PURE__ */ jsx(
|
|
@@ -25693,7 +25734,7 @@ function ChartSlopeNode({
|
|
|
25693
25734
|
{
|
|
25694
25735
|
"data-cdl-role": "chart-slope-value",
|
|
25695
25736
|
x: \u5DE6\u8EF8x - \u8EF8\u304B\u3089\u5024\u307E\u3067,
|
|
25696
|
-
y: \
|
|
25737
|
+
y: \u5DE6\u672Dy + 5,
|
|
25697
25738
|
textAnchor: "end",
|
|
25698
25739
|
fontSize: \u5024\u306E\u7D1A,
|
|
25699
25740
|
fontWeight: 600,
|
|
@@ -25706,7 +25747,7 @@ function ChartSlopeNode({
|
|
|
25706
25747
|
{
|
|
25707
25748
|
"data-cdl-role": "chart-slope-name",
|
|
25708
25749
|
x: \u5DE6\u8EF8x - \u8EF8\u304B\u3089\u5024\u307E\u3067 - \u5DE6\u5024\u5E45 - \u5024\u304B\u3089\u540D\u524D\u307E\u3067,
|
|
25709
|
-
y: \
|
|
25750
|
+
y: \u5DE6\u672Dy + 5,
|
|
25710
25751
|
textAnchor: "end",
|
|
25711
25752
|
fontSize: \u540D\u524D\u306E\u7D1A,
|
|
25712
25753
|
fill: s.\u8272,
|
|
@@ -25718,7 +25759,7 @@ function ChartSlopeNode({
|
|
|
25718
25759
|
{
|
|
25719
25760
|
"data-cdl-role": "chart-slope-name",
|
|
25720
25761
|
x: \u5DE6\u8EF8x - \u8EF8\u304B\u3089\u5024\u307E\u3067,
|
|
25721
|
-
y: \
|
|
25762
|
+
y: \u53F3\u672Dy + 5,
|
|
25722
25763
|
textAnchor: "end",
|
|
25723
25764
|
fontSize: \u540D\u524D\u306E\u7D1A,
|
|
25724
25765
|
fill: s.\u8272,
|
|
@@ -25731,7 +25772,7 @@ function ChartSlopeNode({
|
|
|
25731
25772
|
{
|
|
25732
25773
|
"data-cdl-role": \u5F62 === "delta" ? "chart-slope-delta" : "chart-slope-value",
|
|
25733
25774
|
x: \u53F3\u8EF8x + \u8EF8\u304B\u3089\u5024\u307E\u3067,
|
|
25734
|
-
y: \
|
|
25775
|
+
y: \u53F3\u672Dy + 5,
|
|
25735
25776
|
fontSize: \u5024\u306E\u7D1A,
|
|
25736
25777
|
fontWeight: 600,
|
|
25737
25778
|
fill: "var(--cdl-text, #1a1f2a)",
|
|
@@ -25743,7 +25784,7 @@ function ChartSlopeNode({
|
|
|
25743
25784
|
{
|
|
25744
25785
|
"data-cdl-role": "chart-slope-name",
|
|
25745
25786
|
x: \u53F3\u8EF8x + \u8EF8\u304B\u3089\u5024\u307E\u3067 + \u53F3\u5024\u5E45 + \u5024\u304B\u3089\u540D\u524D\u307E\u3067,
|
|
25746
|
-
y: \
|
|
25787
|
+
y: \u53F3\u672Dy + 5,
|
|
25747
25788
|
fontSize: \u540D\u524D\u306E\u7D1A,
|
|
25748
25789
|
fill: s.\u8272,
|
|
25749
25790
|
children: s.\u540D\u524D
|