@cloudtower/eagle 0.27.72 → 0.27.74
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/coreX/CronPlan/index.js +30 -13
- package/dist/cjs/stats1.html +1 -1
- package/dist/components.css +3302 -3300
- 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/coreX/CronPlan/index.js +27 -10
- 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 +2920 -2918
- package/package.json +4 -4
- package/dist/stories/changeLng.stories.d.ts +0 -8
|
@@ -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,
|
|
@@ -8,8 +8,9 @@ var core = require('@linaria/core');
|
|
|
8
8
|
var index = require('../../core/AccordionCard/index.js');
|
|
9
9
|
var index$4 = require('../../core/Button/index.js');
|
|
10
10
|
var index$3 = require('../../core/Fields/index.js');
|
|
11
|
+
var index$5 = require('../../core/ParrotTrans/index.js');
|
|
11
12
|
var index$2 = require('../../core/Switch/index.js');
|
|
12
|
-
var index$
|
|
13
|
+
var index$6 = require('../../core/TimePicker/index.js');
|
|
13
14
|
var index$1 = require('../../core/Typo/index.js');
|
|
14
15
|
var useParrotTranslation = require('../../hooks/useParrotTranslation.js');
|
|
15
16
|
var antd = require('antd');
|
|
@@ -131,12 +132,12 @@ const Daily = ({
|
|
|
131
132
|
daily,
|
|
132
133
|
setDaily
|
|
133
134
|
}) => {
|
|
134
|
-
const {
|
|
135
|
-
t
|
|
136
|
-
} = useParrotTranslation();
|
|
137
135
|
return /* @__PURE__ */React__default.default.createElement("div", {
|
|
138
136
|
className: Wrapper
|
|
139
|
-
},
|
|
137
|
+
}, /* @__PURE__ */React__default.default.createElement(index$5.ParrotTrans, {
|
|
138
|
+
i18nKey: "components.day_execute_task",
|
|
139
|
+
count: daily.step
|
|
140
|
+
}, /* @__PURE__ */React__default.default.createElement(index$3.Int, {
|
|
140
141
|
meta: {},
|
|
141
142
|
input: {
|
|
142
143
|
value: daily.step,
|
|
@@ -150,7 +151,7 @@ const Daily = ({
|
|
|
150
151
|
onFocus() {},
|
|
151
152
|
maxLength: 3
|
|
152
153
|
}
|
|
153
|
-
}),
|
|
154
|
+
}), /* @__PURE__ */React__default.default.createElement(index$6, {
|
|
154
155
|
format: "HH:mm",
|
|
155
156
|
value: daily.time,
|
|
156
157
|
onChange: value => {
|
|
@@ -162,7 +163,7 @@ const Daily = ({
|
|
|
162
163
|
},
|
|
163
164
|
clearIcon: null,
|
|
164
165
|
suffixIcon: null
|
|
165
|
-
})
|
|
166
|
+
})));
|
|
166
167
|
};
|
|
167
168
|
const WEEK_DAYS = t => [{
|
|
168
169
|
value: 1,
|
|
@@ -205,7 +206,15 @@ const Weekly = ({
|
|
|
205
206
|
const week_days = React.useMemo(() => WEEK_DAYS(t), [t]);
|
|
206
207
|
return /* @__PURE__ */React__default.default.createElement("div", {
|
|
207
208
|
className: Wrapper
|
|
208
|
-
},
|
|
209
|
+
}, /* @__PURE__ */React__default.default.createElement(index$5.ParrotTrans, {
|
|
210
|
+
i18nKey: "components.week_with_below_date",
|
|
211
|
+
count: weekly.step,
|
|
212
|
+
values: {
|
|
213
|
+
day: t("components.day_date", {
|
|
214
|
+
count: weekly.days.length
|
|
215
|
+
})
|
|
216
|
+
}
|
|
217
|
+
}, /* @__PURE__ */React__default.default.createElement(index$3.Int, {
|
|
209
218
|
meta: {},
|
|
210
219
|
input: {
|
|
211
220
|
value: weekly.step,
|
|
@@ -219,7 +228,7 @@ const Weekly = ({
|
|
|
219
228
|
onFocus() {},
|
|
220
229
|
maxLength: 3
|
|
221
230
|
}
|
|
222
|
-
})
|
|
231
|
+
})), /* @__PURE__ */React__default.default.createElement("div", {
|
|
223
232
|
className: "options"
|
|
224
233
|
}, week_days.map(d => {
|
|
225
234
|
const active = weekly.days.includes(d.value);
|
|
@@ -231,7 +240,7 @@ const Weekly = ({
|
|
|
231
240
|
days: active ? weekly.days.filter(day => day !== d.value) : weekly.days.concat(d.value).sort((a, b) => a - b)
|
|
232
241
|
}))
|
|
233
242
|
}, d.text);
|
|
234
|
-
})), t("components.execution_time"), /* @__PURE__ */React__default.default.createElement(index$
|
|
243
|
+
})), t("components.execution_time"), /* @__PURE__ */React__default.default.createElement(index$6, {
|
|
235
244
|
style: {
|
|
236
245
|
marginLeft: 0
|
|
237
246
|
},
|
|
@@ -261,7 +270,15 @@ const Monthly = ({
|
|
|
261
270
|
const mark = i18n.language === parrot.ParrotLngs.en ? " , " : "\u3001";
|
|
262
271
|
return /* @__PURE__ */React__default.default.createElement("div", {
|
|
263
272
|
className: Wrapper
|
|
264
|
-
},
|
|
273
|
+
}, /* @__PURE__ */React__default.default.createElement(index$5.ParrotTrans, {
|
|
274
|
+
i18nKey: "components.month_with_below_date",
|
|
275
|
+
count: monthly.step,
|
|
276
|
+
values: {
|
|
277
|
+
day: t("components.day_date", {
|
|
278
|
+
count: monthly.days.length
|
|
279
|
+
})
|
|
280
|
+
}
|
|
281
|
+
}, /* @__PURE__ */React__default.default.createElement(index$3.Int, {
|
|
265
282
|
meta: {},
|
|
266
283
|
input: {
|
|
267
284
|
value: monthly.step,
|
|
@@ -275,7 +292,7 @@ const Monthly = ({
|
|
|
275
292
|
onFocus() {},
|
|
276
293
|
maxLength: 3
|
|
277
294
|
}
|
|
278
|
-
})
|
|
295
|
+
})), /* @__PURE__ */React__default.default.createElement("div", {
|
|
279
296
|
className: "options"
|
|
280
297
|
}, MONTH_DAYS.map(d => {
|
|
281
298
|
const active = monthly.days.includes(d);
|
|
@@ -291,7 +308,7 @@ const Monthly = ({
|
|
|
291
308
|
className: core.cx("help", index$1.Typo.Label.l4_regular)
|
|
292
309
|
}, t("components.will_excute_at_last_day_with_date", {
|
|
293
310
|
date: `${mayNotExistDays.join(mark)} `
|
|
294
|
-
}))), t("components.execution_time"), /* @__PURE__ */React__default.default.createElement(index$
|
|
311
|
+
}))), t("components.execution_time"), /* @__PURE__ */React__default.default.createElement(index$6, {
|
|
295
312
|
style: {
|
|
296
313
|
marginLeft: 0
|
|
297
314
|
},
|