@cloudtower/eagle 0.27.72 → 0.27.73
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/dist/cjs/core/DonutChart/index.js +33 -14
- package/dist/cjs/core/Progress/index.js +2 -0
- package/dist/cjs/core/SegmentControl/index.js +3 -1
- package/dist/cjs/core/SidebarMenu/SidebarMenu.js +2 -1
- package/dist/cjs/coreX/BarChart/index.js +2 -1
- package/dist/cjs/stats1.html +1 -1
- package/dist/components.css +3027 -3025
- package/dist/esm/core/DonutChart/index.js +33 -14
- package/dist/esm/core/Progress/index.js +2 -0
- package/dist/esm/core/SegmentControl/index.js +3 -1
- package/dist/esm/core/SidebarMenu/SidebarMenu.js +2 -1
- package/dist/esm/coreX/BarChart/index.js +2 -1
- package/dist/esm/stats1.html +1 -1
- package/dist/src/core/DonutChart/index.d.ts +24 -0
- package/dist/src/coreX/DateRangePicker/common.d.ts +1 -1
- package/dist/stories/docs/core/DonutChart.stories.d.ts +2 -0
- package/dist/style.css +3115 -3113
- package/package.json +4 -4
|
@@ -25,10 +25,14 @@ var DonutChartColor = /* @__PURE__ */(DonutChartColor2 => {
|
|
|
25
25
|
DonutChartColor2["PURPLE"] = "purple";
|
|
26
26
|
return DonutChartColor2;
|
|
27
27
|
})(DonutChartColor || {});
|
|
28
|
+
const _exp = /*#__PURE__*/() => props => `${props.width}`;
|
|
28
29
|
const DonutChartWrapper = /*#__PURE__*/react.styled('div')({
|
|
29
30
|
name: "DonutChartWrapper",
|
|
30
31
|
class: "E_d1bw7c5z",
|
|
31
|
-
propsAsIs: false
|
|
32
|
+
propsAsIs: false,
|
|
33
|
+
vars: {
|
|
34
|
+
"d1bw7c5z-0": [_exp(), "px"]
|
|
35
|
+
}
|
|
32
36
|
});
|
|
33
37
|
const TooltipDefaultClass = "E_t10pqbtc";
|
|
34
38
|
const ColorMap = {
|
|
@@ -96,7 +100,13 @@ const DonutChart = ({
|
|
|
96
100
|
overlayClassName,
|
|
97
101
|
color,
|
|
98
102
|
otherData,
|
|
99
|
-
collapseText
|
|
103
|
+
collapseText,
|
|
104
|
+
width = 148,
|
|
105
|
+
height = 100,
|
|
106
|
+
innerRadius = 45,
|
|
107
|
+
outerRadius = 50,
|
|
108
|
+
widthPadding = true,
|
|
109
|
+
showLegend = true
|
|
100
110
|
}) => {
|
|
101
111
|
const initColorMap = color ? ColorMap[color] : [];
|
|
102
112
|
const {
|
|
@@ -110,28 +120,37 @@ const DonutChart = ({
|
|
|
110
120
|
t
|
|
111
121
|
});
|
|
112
122
|
}, [data, otherData, t, collapseText]);
|
|
113
|
-
return /* @__PURE__ */React__default.default.createElement(DonutChartWrapper,
|
|
114
|
-
width
|
|
115
|
-
|
|
123
|
+
return /* @__PURE__ */React__default.default.createElement(DonutChartWrapper, {
|
|
124
|
+
width
|
|
125
|
+
}, /* @__PURE__ */React__default.default.createElement(recharts.PieChart, {
|
|
126
|
+
width,
|
|
127
|
+
height,
|
|
116
128
|
style: {
|
|
117
129
|
width: "100%"
|
|
118
130
|
},
|
|
119
|
-
className
|
|
131
|
+
className,
|
|
132
|
+
margin: {
|
|
133
|
+
left: 0,
|
|
134
|
+
top: 0,
|
|
135
|
+
right: 0,
|
|
136
|
+
bottom: 0
|
|
137
|
+
}
|
|
120
138
|
}, /* @__PURE__ */React__default.default.createElement(recharts.Pie, {
|
|
121
139
|
dataKey: "value",
|
|
122
140
|
data: formatData,
|
|
123
|
-
innerRadius
|
|
124
|
-
outerRadius:
|
|
125
|
-
cx:
|
|
126
|
-
cy:
|
|
127
|
-
paddingAngle: 4,
|
|
141
|
+
innerRadius,
|
|
142
|
+
outerRadius: outerRadius != null ? outerRadius : height / 2,
|
|
143
|
+
cx: width / 2,
|
|
144
|
+
cy: height / 2,
|
|
145
|
+
paddingAngle: widthPadding ? 4 : 0,
|
|
146
|
+
blendStroke: !widthPadding,
|
|
128
147
|
startAngle: 90,
|
|
129
148
|
endAngle: -270,
|
|
130
149
|
stroke: "none"
|
|
131
150
|
}, formatData.map((data2, index) => /* @__PURE__ */React__default.default.createElement(recharts.Cell, {
|
|
132
151
|
key: `cell-${index}`,
|
|
133
152
|
fill: (data2 == null ? void 0 : data2.color) || initColorMap[index]
|
|
134
|
-
}))), /* @__PURE__ */React__default.default.createElement(recharts.Legend, {
|
|
153
|
+
}))), showLegend && /* @__PURE__ */React__default.default.createElement(recharts.Legend, {
|
|
135
154
|
iconSize: 8,
|
|
136
155
|
iconType: "square",
|
|
137
156
|
layout: "vertical",
|
|
@@ -164,9 +183,9 @@ const DonutChart = ({
|
|
|
164
183
|
className: cs__default.default(index$1.Typo.Label.l4_regular, "value")
|
|
165
184
|
}, legendData.value));
|
|
166
185
|
}
|
|
167
|
-
})), !!centerRender && /* @__PURE__ */React__default.default.createElement("div", {
|
|
186
|
+
})), !!centerRender && /* @__PURE__ */React__default.default.createElement("div", null, "text" in centerRender ? /* @__PURE__ */React__default.default.createElement("div", {
|
|
168
187
|
className: "center"
|
|
169
|
-
},
|
|
188
|
+
}, /* @__PURE__ */React__default.default.createElement("div", {
|
|
170
189
|
className: "number"
|
|
171
190
|
}, centerRender.number), /* @__PURE__ */React__default.default.createElement(index$2, {
|
|
172
191
|
className: "text",
|
|
@@ -8,6 +8,7 @@ var progress_widgets = require('./progress.widgets.js');
|
|
|
8
8
|
var isStringArr = require('../../utils/isStringArr.js');
|
|
9
9
|
var antd5 = require('antd5');
|
|
10
10
|
var React = require('react');
|
|
11
|
+
var constants = require('../../utils/constants.js');
|
|
11
12
|
|
|
12
13
|
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
13
14
|
|
|
@@ -123,6 +124,7 @@ const Progress = _a => {
|
|
|
123
124
|
strokeWidth: storkeWidth,
|
|
124
125
|
showInfo: false
|
|
125
126
|
}, props), {
|
|
127
|
+
prefixCls: `${constants.Antd5PrefixCls}-progress`,
|
|
126
128
|
status: finalStatus === "active" ? "active" : void 0,
|
|
127
129
|
percent: indeterminate ? 100 : percent,
|
|
128
130
|
strokeColor: progress_const.StatusColorMap[finalStatus]
|
|
@@ -3,6 +3,7 @@
|
|
|
3
3
|
var antd5 = require('antd5');
|
|
4
4
|
var cs = require('classnames');
|
|
5
5
|
var React = require('react');
|
|
6
|
+
var constants = require('../../utils/constants.js');
|
|
6
7
|
|
|
7
8
|
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
8
9
|
|
|
@@ -40,7 +41,8 @@ const SegmentControl = props => {
|
|
|
40
41
|
[SmallSegment]: size === "small",
|
|
41
42
|
[MediumSegment]: size === "middle"
|
|
42
43
|
}, Segment, ColorSegment),
|
|
43
|
-
size
|
|
44
|
+
size,
|
|
45
|
+
prefixCls: constants.Antd5PrefixCls
|
|
44
46
|
}, props));
|
|
45
47
|
};
|
|
46
48
|
var SegmentControl$1 = SegmentControl;
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
var antd5 = require('antd5');
|
|
4
4
|
var React = require('react');
|
|
5
|
+
var constants = require('../../utils/constants.js');
|
|
5
6
|
|
|
6
7
|
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
7
8
|
|
|
@@ -27,7 +28,7 @@ var __spreadValues = (a, b) => {
|
|
|
27
28
|
};
|
|
28
29
|
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
29
30
|
const SidebarMenu = (props) => {
|
|
30
|
-
return /* @__PURE__ */ React__default.default.createElement(antd5.Menu, __spreadProps(__spreadValues({}, props), { mode: "inline" }));
|
|
31
|
+
return /* @__PURE__ */ React__default.default.createElement(antd5.Menu, __spreadProps(__spreadValues({}, props), { prefixCls: constants.Antd5PrefixCls, mode: "inline" }));
|
|
31
32
|
};
|
|
32
33
|
|
|
33
34
|
exports.SidebarMenu = SidebarMenu;
|
|
@@ -22,7 +22,7 @@ const BarChart = ({
|
|
|
22
22
|
total
|
|
23
23
|
}) => /* @__PURE__ */React__default.default.createElement("div", {
|
|
24
24
|
className: StackBar
|
|
25
|
-
}, (data || []).map(item => {
|
|
25
|
+
}, (data || []).map((item, index) => {
|
|
26
26
|
const {
|
|
27
27
|
value,
|
|
28
28
|
color
|
|
@@ -30,6 +30,7 @@ const BarChart = ({
|
|
|
30
30
|
const width = total === 0 ? 0 : getWidth(100 * value / total);
|
|
31
31
|
return /* @__PURE__ */React__default.default.createElement("div", {
|
|
32
32
|
className: "stack-bar-item",
|
|
33
|
+
key: index,
|
|
33
34
|
style: {
|
|
34
35
|
width,
|
|
35
36
|
background: color,
|