@cloudtower/eagle 0.33.1 → 0.33.2
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/antd.js +6 -6
- package/dist/cjs/core/BitPerSecond/index.js +3 -3
- package/dist/cjs/core/KitStoreProvider/index.js +10 -0
- package/dist/cjs/core/Modal/index.js +53 -42
- package/dist/cjs/core/ModalStack/index.js +6 -0
- package/dist/cjs/core/Progress/progress.widgets.js +2 -5
- package/dist/cjs/core/SearchInput/index.js +21 -11
- package/dist/cjs/core/Timeline/Timeline.style.js +13 -0
- package/dist/cjs/core/Timeline/Timeline.widget.js +114 -0
- package/dist/cjs/core/Timeline/index.js +122 -0
- package/dist/cjs/coreX/CheckPointList/checkpointlist.style.js +9 -0
- package/dist/cjs/coreX/CheckPointList/index.js +90 -0
- package/dist/cjs/coreX/DateRangePicker/common.js +7 -5
- package/dist/cjs/coreX/DateRangePicker/index.js +10 -5
- package/dist/cjs/coreX/InfoRowList/InfoRow.js +31 -0
- package/dist/cjs/coreX/InfoRowList/InfoRowList.js +60 -0
- package/dist/cjs/coreX/Show/index.js +20 -0
- package/dist/cjs/index.js +122 -112
- package/dist/cjs/stats1.html +1 -1
- package/dist/cjs/store/modal.js +3 -0
- package/dist/cjs/utils/constants.js +11 -0
- package/dist/components.css +1800 -1552
- package/dist/esm/antd.js +3 -3
- package/dist/esm/core/BitPerSecond/index.js +3 -3
- package/dist/esm/core/KitStoreProvider/index.js +10 -1
- package/dist/esm/core/Modal/index.js +53 -42
- package/dist/esm/core/ModalStack/index.js +7 -1
- package/dist/esm/core/Progress/progress.widgets.js +1 -4
- package/dist/esm/core/SearchInput/index.js +21 -11
- package/dist/esm/core/Timeline/Timeline.style.js +7 -0
- package/dist/esm/core/Timeline/Timeline.widget.js +107 -0
- package/dist/esm/core/Timeline/index.js +115 -0
- package/dist/esm/coreX/CheckPointList/checkpointlist.style.js +5 -0
- package/dist/esm/coreX/CheckPointList/index.js +83 -0
- package/dist/esm/coreX/DateRangePicker/common.js +7 -5
- package/dist/esm/coreX/DateRangePicker/index.js +10 -5
- package/dist/esm/coreX/InfoRowList/InfoRow.js +25 -0
- package/dist/esm/coreX/InfoRowList/InfoRowList.js +54 -0
- package/dist/esm/coreX/Show/index.js +14 -0
- package/dist/esm/index.js +8 -4
- package/dist/esm/stats1.html +1 -1
- package/dist/esm/store/modal.js +3 -0
- package/dist/esm/utils/constants.js +7 -1
- package/dist/src/antd.d.ts +2 -2
- package/dist/src/core/Alert/alert.type.d.ts +5 -4
- package/dist/src/core/BitPerSecond/index.d.ts +2 -2
- package/dist/src/core/KitStoreProvider/index.d.ts +1 -0
- package/dist/src/core/Modal/modal.type.d.ts +25 -2
- package/dist/src/core/SearchInput/searchInput.type.d.ts +33 -0
- package/dist/src/core/Timeline/Timeline.style.d.ts +5 -0
- package/dist/src/core/Timeline/Timeline.type.d.ts +209 -0
- package/dist/src/core/Timeline/Timeline.widget.d.ts +5 -0
- package/dist/src/core/Timeline/index.d.ts +10 -0
- package/dist/src/core/index.d.ts +1 -0
- package/dist/src/coreX/CheckPointList/checkpointlist.style.d.ts +3 -0
- package/dist/src/coreX/CheckPointList/checkpointlist.type.d.ts +93 -0
- package/dist/src/coreX/CheckPointList/index.d.ts +8 -0
- package/dist/src/coreX/DateRangePicker/dateRangePicker.type.d.ts +6 -1
- package/dist/src/coreX/InfoRowList/InfoRow.d.ts +7 -0
- package/dist/src/coreX/InfoRowList/InfoRowList.d.ts +3 -0
- package/dist/src/coreX/InfoRowList/InfoRowList.type.d.ts +63 -0
- package/dist/src/coreX/InfoRowList/index.d.ts +1 -0
- package/dist/src/coreX/Show/index.d.ts +3 -0
- package/dist/src/coreX/Show/show.type.d.ts +13 -0
- package/dist/src/coreX/index.d.ts +5 -2
- package/dist/src/store/modal.d.ts +8 -2
- package/dist/src/utils/constants.d.ts +2 -0
- package/dist/stories/docs/core/Button.stories.d.ts +11 -0
- package/dist/stories/docs/core/KitStoreProvider.stories.d.ts +1 -1
- package/dist/stories/docs/core/Modal.stories.d.ts +4 -0
- package/dist/stories/docs/core/Timeline.stories.d.ts +38 -0
- package/dist/stories/docs/coreX/CheckPointList.stories.d.ts +67 -0
- package/dist/stories/docs/coreX/DateRangePicker.stories.d.ts +1 -0
- package/dist/stories/docs/coreX/I18nNameTag.stories.d.ts +8 -0
- package/dist/stories/docs/coreX/InfoRowList.stories.d.ts +36 -0
- package/dist/stories/docs/coreX/Show.stories.d.ts +31 -0
- package/dist/style.css +1294 -1075
- package/package.json +4 -4
package/dist/cjs/antd.js
CHANGED
|
@@ -7,7 +7,7 @@ const ListItem = antd.List.Item;
|
|
|
7
7
|
const MenuItemGroup = antd.Menu.ItemGroup;
|
|
8
8
|
const SkeletonButton = antd.Skeleton.Button;
|
|
9
9
|
const TabsTabPane = antd.Tabs.TabPane;
|
|
10
|
-
const
|
|
10
|
+
const AntdTimelineItem = antd.Timeline.Item;
|
|
11
11
|
const TypographyText = antd.Typography.Text;
|
|
12
12
|
const UploadDragger = antd.Upload.Dragger;
|
|
13
13
|
const AntdOption = antd.Select.Option;
|
|
@@ -74,6 +74,10 @@ Object.defineProperty(exports, 'AntdTimePicker', {
|
|
|
74
74
|
enumerable: true,
|
|
75
75
|
get: function () { return antd.TimePicker; }
|
|
76
76
|
});
|
|
77
|
+
Object.defineProperty(exports, 'AntdTimeline', {
|
|
78
|
+
enumerable: true,
|
|
79
|
+
get: function () { return antd.Timeline; }
|
|
80
|
+
});
|
|
77
81
|
Object.defineProperty(exports, 'AntdTooltip', {
|
|
78
82
|
enumerable: true,
|
|
79
83
|
get: function () { return antd.Tooltip; }
|
|
@@ -122,10 +126,6 @@ Object.defineProperty(exports, 'Tabs', {
|
|
|
122
126
|
enumerable: true,
|
|
123
127
|
get: function () { return antd.Tabs; }
|
|
124
128
|
});
|
|
125
|
-
Object.defineProperty(exports, 'Timeline', {
|
|
126
|
-
enumerable: true,
|
|
127
|
-
get: function () { return antd.Timeline; }
|
|
128
|
-
});
|
|
129
129
|
Object.defineProperty(exports, 'Tree', {
|
|
130
130
|
enumerable: true,
|
|
131
131
|
get: function () { return antd.Tree; }
|
|
@@ -141,11 +141,11 @@ Object.defineProperty(exports, 'Upload', {
|
|
|
141
141
|
exports.AntdModal = AntdModal;
|
|
142
142
|
exports.AntdOption = AntdOption;
|
|
143
143
|
exports.AntdSelectOptGroup = AntdSelectOptGroup;
|
|
144
|
+
exports.AntdTimelineItem = AntdTimelineItem;
|
|
144
145
|
exports.DatePickerRangePicker = DatePickerRangePicker;
|
|
145
146
|
exports.ListItem = ListItem;
|
|
146
147
|
exports.MenuItemGroup = MenuItemGroup;
|
|
147
148
|
exports.SkeletonButton = SkeletonButton;
|
|
148
149
|
exports.TabsTabPane = TabsTabPane;
|
|
149
|
-
exports.TimelineItem = TimelineItem;
|
|
150
150
|
exports.TypographyText = TypographyText;
|
|
151
151
|
exports.UploadDragger = UploadDragger;
|
|
@@ -27,7 +27,7 @@ var __spreadValues = (a, b) => {
|
|
|
27
27
|
}
|
|
28
28
|
return a;
|
|
29
29
|
};
|
|
30
|
-
const
|
|
30
|
+
const BitPerSecond = ({
|
|
31
31
|
rawValue,
|
|
32
32
|
decimals,
|
|
33
33
|
valueClassName,
|
|
@@ -40,6 +40,6 @@ const BitPerSeconds = ({
|
|
|
40
40
|
const { value, unit } = tower.formatBitPerSecond(rawValue, decimals);
|
|
41
41
|
return /* @__PURE__ */ React__default.default.createElement("span", null, /* @__PURE__ */ React__default.default.createElement("span", { className: core.cx("value", valueClassName) }, value), /* @__PURE__ */ React__default.default.createElement("span", { className: core.cx("unit", index$1.UnitStyle, unitClassName) }, ` ${unit}`));
|
|
42
42
|
};
|
|
43
|
-
var BitPerSecond =
|
|
43
|
+
var BitPerSecond$1 = BitPerSecond;
|
|
44
44
|
|
|
45
|
-
module.exports = BitPerSecond;
|
|
45
|
+
module.exports = BitPerSecond$1;
|
|
@@ -59,6 +59,15 @@ const usePopModal = () => {
|
|
|
59
59
|
}, [dispatch]);
|
|
60
60
|
return popModal;
|
|
61
61
|
};
|
|
62
|
+
const useResetModal = () => {
|
|
63
|
+
const dispatch = useKitDispatch();
|
|
64
|
+
const resetModal = React.useCallback(() => {
|
|
65
|
+
dispatch({
|
|
66
|
+
type: modal.ModalActions.RESET_MODAL
|
|
67
|
+
});
|
|
68
|
+
}, [dispatch]);
|
|
69
|
+
return resetModal;
|
|
70
|
+
};
|
|
62
71
|
|
|
63
72
|
exports.default = KitStoreProvider$1;
|
|
64
73
|
exports.useCloseModal = useCloseModal;
|
|
@@ -66,3 +75,4 @@ exports.useKitDispatch = useKitDispatch;
|
|
|
66
75
|
exports.useKitSelector = useKitSelector;
|
|
67
76
|
exports.usePopModal = usePopModal;
|
|
68
77
|
exports.usePushModal = usePushModal;
|
|
78
|
+
exports.useResetModal = useResetModal;
|
|
@@ -69,7 +69,8 @@ const Modal = (props) => {
|
|
|
69
69
|
showCancel = true,
|
|
70
70
|
showOk = true,
|
|
71
71
|
afterClose,
|
|
72
|
-
closeIcon
|
|
72
|
+
closeIcon,
|
|
73
|
+
hideFooterButtonBorder = true
|
|
73
74
|
} = _a, restProps = __objRest(_a, [
|
|
74
75
|
"error",
|
|
75
76
|
"okText",
|
|
@@ -89,7 +90,8 @@ const Modal = (props) => {
|
|
|
89
90
|
"showCancel",
|
|
90
91
|
"showOk",
|
|
91
92
|
"afterClose",
|
|
92
|
-
"closeIcon"
|
|
93
|
+
"closeIcon",
|
|
94
|
+
"hideFooterButtonBorder"
|
|
93
95
|
]);
|
|
94
96
|
const stack = index.useKitSelector(
|
|
95
97
|
(state) => state.modal.stack
|
|
@@ -149,50 +151,59 @@ const Modal = (props) => {
|
|
|
149
151
|
dispatch({ type: modal.ModalActions.REMOVE_MODAL, id: idRef.current });
|
|
150
152
|
},
|
|
151
153
|
visible: idRef.current !== id,
|
|
152
|
-
footer: /* @__PURE__ */ React__default.default.createElement(
|
|
153
|
-
"
|
|
154
|
+
footer: /* @__PURE__ */ React__default.default.createElement(
|
|
155
|
+
"div",
|
|
154
156
|
{
|
|
155
|
-
className:
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
(_c = (_b2 = wizard.steps[wizard.step]).onPrev) == null ? void 0 : _c.call(_b2);
|
|
160
|
-
return;
|
|
161
|
-
}
|
|
162
|
-
(_d = wizard.onStepChange) == null ? void 0 : _d.call(wizard, wizard.step - 1);
|
|
163
|
-
}
|
|
157
|
+
className: cs__default.default(
|
|
158
|
+
"footer-content",
|
|
159
|
+
hideFooterButtonBorder && "no-button-border"
|
|
160
|
+
)
|
|
164
161
|
},
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
},
|
|
177
|
-
className: cs__default.default(cancelButtonProps == null ? void 0 : cancelButtonProps.className)
|
|
178
|
-
}, cancelButtonProps),
|
|
179
|
-
cancelText
|
|
180
|
-
), showOk && /* @__PURE__ */ React__default.default.createElement(
|
|
181
|
-
index$1,
|
|
182
|
-
__spreadValues({
|
|
183
|
-
onClick: (e) => {
|
|
184
|
-
var _a2, _b2;
|
|
185
|
-
onOk == null ? void 0 : onOk(e);
|
|
186
|
-
if (typeof wizard === "object" && wizard.steps[wizard.step]) {
|
|
187
|
-
(_b2 = (_a2 = wizard.steps[wizard.step]).onOk) == null ? void 0 : _b2.call(_a2, e);
|
|
162
|
+
footer === void 0 ? /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, /* @__PURE__ */ React__default.default.createElement("div", { className: "modal-footer-left" }, wizard && typeof wizard === "object" && !wizard.disablePrevStep && wizard.step !== 0 && /* @__PURE__ */ React__default.default.createElement(
|
|
163
|
+
"span",
|
|
164
|
+
{
|
|
165
|
+
className: "prev-step",
|
|
166
|
+
onClick: () => {
|
|
167
|
+
var _a2, _b2, _c, _d;
|
|
168
|
+
if (typeof wizard === "object" && ((_a2 = wizard.steps[wizard.step]) == null ? void 0 : _a2.onPrev)) {
|
|
169
|
+
(_c = (_b2 = wizard.steps[wizard.step]).onPrev) == null ? void 0 : _c.call(_b2);
|
|
170
|
+
return;
|
|
171
|
+
}
|
|
172
|
+
(_d = wizard.onStepChange) == null ? void 0 : _d.call(wizard, wizard.step - 1);
|
|
188
173
|
}
|
|
189
|
-
transitionClass.current = fullscreen ? "" : "modal-send";
|
|
190
174
|
},
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
175
|
+
prevText
|
|
176
|
+
), error && /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, /* @__PURE__ */ React__default.default.createElement("span", { className: "modal-error" }, error))), /* @__PURE__ */ React__default.default.createElement("div", { className: "modal-footer-btn-group" }, showCancel && /* @__PURE__ */ React__default.default.createElement(
|
|
177
|
+
index$1,
|
|
178
|
+
__spreadValues({
|
|
179
|
+
type: "quiet",
|
|
180
|
+
onMouseDown: (e) => {
|
|
181
|
+
e.preventDefault();
|
|
182
|
+
},
|
|
183
|
+
onClick: (e) => {
|
|
184
|
+
onCancel == null ? void 0 : onCancel(e);
|
|
185
|
+
transitionClass.current = fullscreen ? "" : "modal-zoom";
|
|
186
|
+
},
|
|
187
|
+
className: cs__default.default(cancelButtonProps == null ? void 0 : cancelButtonProps.className)
|
|
188
|
+
}, cancelButtonProps),
|
|
189
|
+
cancelText
|
|
190
|
+
), showOk && /* @__PURE__ */ React__default.default.createElement(
|
|
191
|
+
index$1,
|
|
192
|
+
__spreadValues({
|
|
193
|
+
onClick: (e) => {
|
|
194
|
+
var _a2, _b2;
|
|
195
|
+
onOk == null ? void 0 : onOk(e);
|
|
196
|
+
if (typeof wizard === "object" && wizard.steps[wizard.step]) {
|
|
197
|
+
(_b2 = (_a2 = wizard.steps[wizard.step]).onOk) == null ? void 0 : _b2.call(_a2, e);
|
|
198
|
+
}
|
|
199
|
+
transitionClass.current = fullscreen ? "" : "modal-send";
|
|
200
|
+
},
|
|
201
|
+
type: "primary",
|
|
202
|
+
loading: confirmLoading
|
|
203
|
+
}, okButtonProps),
|
|
204
|
+
confirmText
|
|
205
|
+
))) : footer
|
|
206
|
+
)
|
|
196
207
|
}),
|
|
197
208
|
wizard && typeof wizard === "object" ? /* @__PURE__ */ React__default.default.createElement(index$2.WizardBody, null, /* @__PURE__ */ React__default.default.createElement("div", { className: "left" }, wizard.hideLeft ? null : /* @__PURE__ */ React__default.default.createElement(
|
|
198
209
|
index$3,
|
|
@@ -31,6 +31,7 @@ const ModalStack = () => {
|
|
|
31
31
|
(state) => state.modal.stack
|
|
32
32
|
);
|
|
33
33
|
const closeModal = index.useCloseModal();
|
|
34
|
+
const resetModal = index.useResetModal();
|
|
34
35
|
return /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, stack.map((modal) => /* @__PURE__ */ React__default.default.createElement(
|
|
35
36
|
modal.component,
|
|
36
37
|
__spreadProps(__spreadValues({}, modal.props), {
|
|
@@ -42,6 +43,11 @@ const ModalStack = () => {
|
|
|
42
43
|
}
|
|
43
44
|
closeModal(modal.id);
|
|
44
45
|
},
|
|
46
|
+
closeAllModal: () => {
|
|
47
|
+
var _a, _b;
|
|
48
|
+
(_b = (_a = modal.props).closeAllModal) == null ? void 0 : _b.call(_a);
|
|
49
|
+
resetModal();
|
|
50
|
+
},
|
|
45
51
|
key: modal.id
|
|
46
52
|
})
|
|
47
53
|
)));
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var iconsReact = require('@cloudtower/icons-react');
|
|
4
3
|
var react = require('@linaria/react');
|
|
5
4
|
var index$1 = require('../Link/index.js');
|
|
5
|
+
var constants = require('../../utils/constants.js');
|
|
6
6
|
var components = require('./components.js');
|
|
7
7
|
var index = require('../Tag/index.js');
|
|
8
8
|
var React = require('react');
|
|
@@ -39,9 +39,6 @@ var __objRest = (source, exclude) => {
|
|
|
39
39
|
}
|
|
40
40
|
return target;
|
|
41
41
|
};
|
|
42
|
-
const splitMap = {
|
|
43
|
-
dot: /* @__PURE__ */React__default.default.createElement(iconsReact.DotIntervalSeparation16TertiaryIcon, null)
|
|
44
|
-
};
|
|
45
42
|
const titleAreaStyle = "E_t1gvlxt5";
|
|
46
43
|
const _exp = /*#__PURE__*/() => props => props.gap;
|
|
47
44
|
const AreaWrapper = /*#__PURE__*/react.styled('div')({
|
|
@@ -58,7 +55,7 @@ const Area = ({
|
|
|
58
55
|
split,
|
|
59
56
|
className
|
|
60
57
|
}) => {
|
|
61
|
-
const splitNode = typeof split === "string" ? splitMap[split] || split : split;
|
|
58
|
+
const splitNode = typeof split === "string" ? constants.splitMap[split] || split : split;
|
|
62
59
|
return /* @__PURE__ */React__default.default.createElement(AreaWrapper, {
|
|
63
60
|
className,
|
|
64
61
|
gap
|
|
@@ -55,9 +55,17 @@ const SearchInput = props => {
|
|
|
55
55
|
debounceWait = 300,
|
|
56
56
|
total = 0,
|
|
57
57
|
onSearchNext,
|
|
58
|
-
onSearchPrev
|
|
58
|
+
onSearchPrev,
|
|
59
|
+
prefixHoverIcon,
|
|
60
|
+
nextHoverIcon,
|
|
61
|
+
clearHoverIcon,
|
|
62
|
+
prefixIcon,
|
|
63
|
+
nextIcon,
|
|
64
|
+
clearIcon,
|
|
65
|
+
width,
|
|
66
|
+
searchIcon
|
|
59
67
|
} = _a,
|
|
60
|
-
restProps = __objRest(_a, ["onChange", "debounceWait", "total", "onSearchNext", "onSearchPrev"]);
|
|
68
|
+
restProps = __objRest(_a, ["onChange", "debounceWait", "total", "onSearchNext", "onSearchPrev", "prefixHoverIcon", "nextHoverIcon", "clearHoverIcon", "prefixIcon", "nextIcon", "clearIcon", "width", "searchIcon"]);
|
|
61
69
|
const [current, setCurrent] = React.useState(0);
|
|
62
70
|
const [value, setValue] = React.useState(props.value || "");
|
|
63
71
|
const {
|
|
@@ -78,7 +86,7 @@ const SearchInput = props => {
|
|
|
78
86
|
}
|
|
79
87
|
}, [onSearchPrev, current, total, value]);
|
|
80
88
|
const suffix = onSearchNext && onSearchPrev && value ? /* @__PURE__ */React__default.default.createElement(React__default.default.Fragment, null, typeof total === "number" ? /* @__PURE__ */React__default.default.createElement("span", {
|
|
81
|
-
className: core.cx(index.Typo.Label.l4_regular, CountTextStyle)
|
|
89
|
+
className: core.cx(index.Typo.Label.l4_regular, "counter-text", CountTextStyle)
|
|
82
90
|
}, current, "/", total) : null, /* @__PURE__ */React__default.default.createElement("span", {
|
|
83
91
|
className: IconContainerStyle
|
|
84
92
|
}, isNoMatch ? /* @__PURE__ */React__default.default.createElement(index$1, {
|
|
@@ -90,8 +98,8 @@ const SearchInput = props => {
|
|
|
90
98
|
}) : /* @__PURE__ */React__default.default.createElement(index$2, {
|
|
91
99
|
title: t("components.prev")
|
|
92
100
|
}, /* @__PURE__ */React__default.default.createElement(index$1, {
|
|
93
|
-
src: iconsReact.ArrowChevronUp16SecondaryIcon,
|
|
94
|
-
hoverSrc: iconsReact.ArrowChevronUp16BlueIcon,
|
|
101
|
+
src: prefixIcon != null ? prefixIcon : iconsReact.ArrowChevronUp16SecondaryIcon,
|
|
102
|
+
hoverSrc: prefixHoverIcon != null ? prefixHoverIcon : iconsReact.ArrowChevronUp16BlueIcon,
|
|
95
103
|
onClick: prev
|
|
96
104
|
})), isNoMatch ? /* @__PURE__ */React__default.default.createElement(index$1, {
|
|
97
105
|
className: DisabledIconStyle,
|
|
@@ -102,14 +110,14 @@ const SearchInput = props => {
|
|
|
102
110
|
}) : /* @__PURE__ */React__default.default.createElement(index$2, {
|
|
103
111
|
title: t("components.next")
|
|
104
112
|
}, /* @__PURE__ */React__default.default.createElement(index$1, {
|
|
105
|
-
src: iconsReact.ArrowChevronDown16SecondaryIcon,
|
|
106
|
-
hoverSrc: iconsReact.ArrowChevronDown16BlueIcon,
|
|
113
|
+
src: nextIcon != null ? nextIcon : iconsReact.ArrowChevronDown16SecondaryIcon,
|
|
114
|
+
hoverSrc: nextHoverIcon != null ? nextHoverIcon : iconsReact.ArrowChevronDown16BlueIcon,
|
|
107
115
|
onClick: next
|
|
108
116
|
})), /* @__PURE__ */React__default.default.createElement(index$2, {
|
|
109
117
|
title: t("components.clear")
|
|
110
118
|
}, /* @__PURE__ */React__default.default.createElement(index$1, {
|
|
111
|
-
src: iconsReact.XmarkCloseCircleFill16TertiaryIcon,
|
|
112
|
-
hoverSrc: iconsReact.XmarkCloseCircleFill16SecondaryIcon,
|
|
119
|
+
src: clearIcon != null ? clearIcon : iconsReact.XmarkCloseCircleFill16TertiaryIcon,
|
|
120
|
+
hoverSrc: clearHoverIcon != null ? clearHoverIcon : iconsReact.XmarkCloseCircleFill16SecondaryIcon,
|
|
113
121
|
onClick: () => {
|
|
114
122
|
onSearch("");
|
|
115
123
|
setValue("");
|
|
@@ -123,9 +131,11 @@ const SearchInput = props => {
|
|
|
123
131
|
}, [value, total]);
|
|
124
132
|
return /* @__PURE__ */React__default.default.createElement(index$3, __spreadProps(__spreadValues({
|
|
125
133
|
style: {
|
|
126
|
-
width: 276
|
|
134
|
+
width: width != null ? width : 276
|
|
127
135
|
},
|
|
128
|
-
prefix: /* @__PURE__ */React__default.default.createElement(
|
|
136
|
+
prefix: searchIcon ? /* @__PURE__ */React__default.default.createElement(index$1, {
|
|
137
|
+
src: searchIcon
|
|
138
|
+
}) : /* @__PURE__ */React__default.default.createElement(icons.SearchOutlined, null),
|
|
129
139
|
suffix,
|
|
130
140
|
onChange: e => {
|
|
131
141
|
const newValue = e.target.value;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
const TimelineWrapper = "E_t59qhqp";
|
|
4
|
+
const TimelineItemWrapper = "E_t2e44lg";
|
|
5
|
+
const EmptyWrapper = "E_e14ua30y";
|
|
6
|
+
const SubInfoTextWrapper = "E_s1ikqzph";
|
|
7
|
+
const InfoTextWrapper = "E_i15astnl";
|
|
8
|
+
|
|
9
|
+
exports.EmptyWrapper = EmptyWrapper;
|
|
10
|
+
exports.InfoTextWrapper = InfoTextWrapper;
|
|
11
|
+
exports.SubInfoTextWrapper = SubInfoTextWrapper;
|
|
12
|
+
exports.TimelineItemWrapper = TimelineItemWrapper;
|
|
13
|
+
exports.TimelineWrapper = TimelineWrapper;
|
|
@@ -0,0 +1,114 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var React = require('react');
|
|
4
|
+
var core = require('@linaria/core');
|
|
5
|
+
var constants = require('../../utils/constants.js');
|
|
6
|
+
var index$2 = require('../Link/index.js');
|
|
7
|
+
var index$3 = require('../Typo/index.js');
|
|
8
|
+
var index$4 = require('../../coreX/OverflowTooltip/index.js');
|
|
9
|
+
var index$1 = require('../Tag/index.js');
|
|
10
|
+
var antd5 = require('antd5');
|
|
11
|
+
var cs = require('classnames');
|
|
12
|
+
var Timeline_style = require('./Timeline.style.js');
|
|
13
|
+
var index = require('../../coreX/Show/index.js');
|
|
14
|
+
|
|
15
|
+
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
16
|
+
|
|
17
|
+
var React__default = /*#__PURE__*/_interopDefault(React);
|
|
18
|
+
var cs__default = /*#__PURE__*/_interopDefault(cs);
|
|
19
|
+
|
|
20
|
+
var __defProp = Object.defineProperty;
|
|
21
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
22
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
23
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
24
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
25
|
+
var __spreadValues = (a, b) => {
|
|
26
|
+
for (var prop in b || (b = {}))
|
|
27
|
+
if (__hasOwnProp.call(b, prop))
|
|
28
|
+
__defNormalProp(a, prop, b[prop]);
|
|
29
|
+
if (__getOwnPropSymbols)
|
|
30
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
31
|
+
if (__propIsEnum.call(b, prop))
|
|
32
|
+
__defNormalProp(a, prop, b[prop]);
|
|
33
|
+
}
|
|
34
|
+
return a;
|
|
35
|
+
};
|
|
36
|
+
var __objRest = (source, exclude) => {
|
|
37
|
+
var target = {};
|
|
38
|
+
for (var prop in source)
|
|
39
|
+
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
40
|
+
target[prop] = source[prop];
|
|
41
|
+
if (source != null && __getOwnPropSymbols)
|
|
42
|
+
for (var prop of __getOwnPropSymbols(source)) {
|
|
43
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
44
|
+
target[prop] = source[prop];
|
|
45
|
+
}
|
|
46
|
+
return target;
|
|
47
|
+
};
|
|
48
|
+
const TimelineBasicText = ({
|
|
49
|
+
children,
|
|
50
|
+
className,
|
|
51
|
+
multiLines
|
|
52
|
+
}) => {
|
|
53
|
+
return /* @__PURE__ */ React__default.default.createElement(
|
|
54
|
+
index$4,
|
|
55
|
+
{
|
|
56
|
+
className,
|
|
57
|
+
multiLines: multiLines != null ? multiLines : 2,
|
|
58
|
+
content: children
|
|
59
|
+
}
|
|
60
|
+
);
|
|
61
|
+
};
|
|
62
|
+
const TimelineArea = ({ items, gap = 1, split, suffix, className, compact }) => {
|
|
63
|
+
const splitNode = typeof split === "string" ? constants.splitMap[split] || split : split;
|
|
64
|
+
const rendetItem = (category, props, compact2) => {
|
|
65
|
+
const _a = props, { className: className2 } = _a, restProps = __objRest(_a, ["className"]);
|
|
66
|
+
switch (category) {
|
|
67
|
+
case "subinfo_label":
|
|
68
|
+
return /* @__PURE__ */ React__default.default.createElement(
|
|
69
|
+
TimelineBasicText,
|
|
70
|
+
__spreadValues({
|
|
71
|
+
className: core.cx(Timeline_style.SubInfoTextWrapper, index$3.Typo.Label.l4_regular, className2)
|
|
72
|
+
}, restProps)
|
|
73
|
+
);
|
|
74
|
+
case "info":
|
|
75
|
+
return /* @__PURE__ */ React__default.default.createElement(
|
|
76
|
+
TimelineBasicText,
|
|
77
|
+
__spreadValues({
|
|
78
|
+
className: cs__default.default(
|
|
79
|
+
Timeline_style.InfoTextWrapper,
|
|
80
|
+
{
|
|
81
|
+
[index$3.Typo.Label.l4_regular]: compact2,
|
|
82
|
+
[index$3.Typo.Label.l2_regular]: !compact2
|
|
83
|
+
},
|
|
84
|
+
className2
|
|
85
|
+
)
|
|
86
|
+
}, restProps)
|
|
87
|
+
);
|
|
88
|
+
case "info_bold":
|
|
89
|
+
return /* @__PURE__ */ React__default.default.createElement(
|
|
90
|
+
TimelineBasicText,
|
|
91
|
+
__spreadValues({
|
|
92
|
+
className: cs__default.default(
|
|
93
|
+
Timeline_style.InfoTextWrapper,
|
|
94
|
+
{
|
|
95
|
+
[index$3.Typo.Label.l4_bold]: compact2,
|
|
96
|
+
[index$3.Typo.Label.l2_bold]: !compact2
|
|
97
|
+
},
|
|
98
|
+
className2
|
|
99
|
+
)
|
|
100
|
+
}, restProps)
|
|
101
|
+
);
|
|
102
|
+
case "link":
|
|
103
|
+
return /* @__PURE__ */ React__default.default.createElement(index$2, __spreadValues({}, props));
|
|
104
|
+
case "tag":
|
|
105
|
+
return /* @__PURE__ */ React__default.default.createElement(index$1.default, __spreadValues({}, props));
|
|
106
|
+
}
|
|
107
|
+
};
|
|
108
|
+
return /* @__PURE__ */ React__default.default.createElement(antd5.Flex, { justify: "space-between", align: "center", className }, /* @__PURE__ */ React__default.default.createElement(antd5.Flex, { align: "center", gap }, items.map((item, idx) => {
|
|
109
|
+
const { category } = item;
|
|
110
|
+
return /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, { key: idx }, rendetItem(category, item, compact), /* @__PURE__ */ React__default.default.createElement(index.Show, { condition: Boolean(split) }, /* @__PURE__ */ React__default.default.createElement(index.Show, { condition: idx < items.length - 1 }, splitNode)));
|
|
111
|
+
})), /* @__PURE__ */ React__default.default.createElement(index.Show, { condition: Boolean(suffix) }, /* @__PURE__ */ React__default.default.createElement(index.Show, { condition: Boolean(split) }, splitNode), suffix));
|
|
112
|
+
};
|
|
113
|
+
|
|
114
|
+
exports.TimelineArea = TimelineArea;
|
|
@@ -0,0 +1,122 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var iconsReact = require('@cloudtower/icons-react');
|
|
4
|
+
var core = require('@linaria/core');
|
|
5
|
+
var antd5 = require('antd5');
|
|
6
|
+
var React = require('react');
|
|
7
|
+
var Timeline_style = require('./Timeline.style.js');
|
|
8
|
+
var index$1 = require('../Alert/index.js');
|
|
9
|
+
var index = require('../Icon/index.js');
|
|
10
|
+
var cs = require('classnames');
|
|
11
|
+
var Timeline_widget = require('./Timeline.widget.js');
|
|
12
|
+
|
|
13
|
+
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
14
|
+
|
|
15
|
+
var React__default = /*#__PURE__*/_interopDefault(React);
|
|
16
|
+
var cs__default = /*#__PURE__*/_interopDefault(cs);
|
|
17
|
+
|
|
18
|
+
var __defProp = Object.defineProperty;
|
|
19
|
+
var __defProps = Object.defineProperties;
|
|
20
|
+
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
21
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
22
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
23
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
24
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
25
|
+
var __spreadValues = (a, b) => {
|
|
26
|
+
for (var prop in b || (b = {}))
|
|
27
|
+
if (__hasOwnProp.call(b, prop))
|
|
28
|
+
__defNormalProp(a, prop, b[prop]);
|
|
29
|
+
if (__getOwnPropSymbols)
|
|
30
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
31
|
+
if (__propIsEnum.call(b, prop))
|
|
32
|
+
__defNormalProp(a, prop, b[prop]);
|
|
33
|
+
}
|
|
34
|
+
return a;
|
|
35
|
+
};
|
|
36
|
+
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
37
|
+
const Timeline = ({
|
|
38
|
+
items,
|
|
39
|
+
emptyText,
|
|
40
|
+
emptyRender,
|
|
41
|
+
compact,
|
|
42
|
+
emptyTextClassName
|
|
43
|
+
}) => {
|
|
44
|
+
if (!items.length) {
|
|
45
|
+
if (emptyRender) {
|
|
46
|
+
return /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, emptyRender(emptyText));
|
|
47
|
+
}
|
|
48
|
+
return /* @__PURE__ */ React__default.default.createElement("div", { className: core.cx(Timeline_style.EmptyWrapper, emptyTextClassName) }, emptyText);
|
|
49
|
+
}
|
|
50
|
+
const iconMap = {
|
|
51
|
+
success: iconsReact.CheckmarkDoneSuccessCorrect16GreenIcon,
|
|
52
|
+
failed: iconsReact.XmarkFailed16RedIcon,
|
|
53
|
+
progress: iconsReact.Loading16GradientBlueIcon,
|
|
54
|
+
notice: iconsReact.NoticeTriangleFill16YellowIcon,
|
|
55
|
+
pending: iconsReact.WaitingBreathingLed16YellowIcon,
|
|
56
|
+
idle: iconsReact.TimelineNotStart16GrayIcon
|
|
57
|
+
};
|
|
58
|
+
const alertTypeMap = {
|
|
59
|
+
success: "success",
|
|
60
|
+
failed: "error",
|
|
61
|
+
progress: "info",
|
|
62
|
+
notice: "warning",
|
|
63
|
+
pending: "info",
|
|
64
|
+
idle: "normal"
|
|
65
|
+
};
|
|
66
|
+
return /* @__PURE__ */ React__default.default.createElement("div", { className: core.cx(Timeline_style.TimelineWrapper) }, /* @__PURE__ */ React__default.default.createElement(antd5.Timeline, null, items.map((item, index$2) => {
|
|
67
|
+
const {
|
|
68
|
+
status,
|
|
69
|
+
infos,
|
|
70
|
+
infosRender,
|
|
71
|
+
infoAction,
|
|
72
|
+
subInfo,
|
|
73
|
+
subInfoRender,
|
|
74
|
+
detailMessage,
|
|
75
|
+
detailMessageRender
|
|
76
|
+
} = item;
|
|
77
|
+
return /* @__PURE__ */ React__default.default.createElement(
|
|
78
|
+
antd5.Timeline.Item,
|
|
79
|
+
{
|
|
80
|
+
key: `timeline-item-${index$2}`,
|
|
81
|
+
className: cs__default.default(Timeline_style.TimelineItemWrapper, { compact }),
|
|
82
|
+
dot: /* @__PURE__ */ React__default.default.createElement(
|
|
83
|
+
index,
|
|
84
|
+
{
|
|
85
|
+
src: iconMap[status],
|
|
86
|
+
iconHeight: 16,
|
|
87
|
+
iconWidth: 16,
|
|
88
|
+
isRotate: status === "progress"
|
|
89
|
+
}
|
|
90
|
+
)
|
|
91
|
+
},
|
|
92
|
+
infosRender ? infosRender(infos) : /* @__PURE__ */ React__default.default.createElement(
|
|
93
|
+
antd5.Flex,
|
|
94
|
+
{
|
|
95
|
+
vertical: true,
|
|
96
|
+
justify: "space-between",
|
|
97
|
+
gap: 2,
|
|
98
|
+
className: "info-wrapper"
|
|
99
|
+
},
|
|
100
|
+
infos.map((item2, index2) => /* @__PURE__ */ React__default.default.createElement(
|
|
101
|
+
Timeline_widget.TimelineArea,
|
|
102
|
+
__spreadProps(__spreadValues({
|
|
103
|
+
gap: 6,
|
|
104
|
+
key: `title-area-${index2}`
|
|
105
|
+
}, item2), {
|
|
106
|
+
compact,
|
|
107
|
+
suffix: !index2 && infoAction ? /* @__PURE__ */ React__default.default.createElement("span", { className: "info-action" }, infoAction) : void 0
|
|
108
|
+
})
|
|
109
|
+
))
|
|
110
|
+
),
|
|
111
|
+
/* @__PURE__ */ React__default.default.createElement("div", { className: "item-time" }, subInfoRender ? subInfoRender(subInfo) : subInfo ? /* @__PURE__ */ React__default.default.createElement(Timeline_widget.TimelineArea, __spreadValues({}, subInfo)) : /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null), detailMessageRender ? detailMessageRender(detailMessage) : detailMessage ? /* @__PURE__ */ React__default.default.createElement(
|
|
112
|
+
index$1,
|
|
113
|
+
__spreadValues({
|
|
114
|
+
showIcon: false,
|
|
115
|
+
type: alertTypeMap[status]
|
|
116
|
+
}, detailMessage)
|
|
117
|
+
) : /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null))
|
|
118
|
+
);
|
|
119
|
+
})));
|
|
120
|
+
};
|
|
121
|
+
|
|
122
|
+
exports.Timeline = Timeline;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
const CheckPointListStyle = "E_cyms3br";
|
|
4
|
+
const CheckPointItemStyle = "E_c157gu4z";
|
|
5
|
+
const EmptyWrapper = "E_eu1sysj";
|
|
6
|
+
|
|
7
|
+
exports.CheckPointItemStyle = CheckPointItemStyle;
|
|
8
|
+
exports.CheckPointListStyle = CheckPointListStyle;
|
|
9
|
+
exports.EmptyWrapper = EmptyWrapper;
|