@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.
Files changed (78) hide show
  1. package/dist/cjs/antd.js +6 -6
  2. package/dist/cjs/core/BitPerSecond/index.js +3 -3
  3. package/dist/cjs/core/KitStoreProvider/index.js +10 -0
  4. package/dist/cjs/core/Modal/index.js +53 -42
  5. package/dist/cjs/core/ModalStack/index.js +6 -0
  6. package/dist/cjs/core/Progress/progress.widgets.js +2 -5
  7. package/dist/cjs/core/SearchInput/index.js +21 -11
  8. package/dist/cjs/core/Timeline/Timeline.style.js +13 -0
  9. package/dist/cjs/core/Timeline/Timeline.widget.js +114 -0
  10. package/dist/cjs/core/Timeline/index.js +122 -0
  11. package/dist/cjs/coreX/CheckPointList/checkpointlist.style.js +9 -0
  12. package/dist/cjs/coreX/CheckPointList/index.js +90 -0
  13. package/dist/cjs/coreX/DateRangePicker/common.js +7 -5
  14. package/dist/cjs/coreX/DateRangePicker/index.js +10 -5
  15. package/dist/cjs/coreX/InfoRowList/InfoRow.js +31 -0
  16. package/dist/cjs/coreX/InfoRowList/InfoRowList.js +60 -0
  17. package/dist/cjs/coreX/Show/index.js +20 -0
  18. package/dist/cjs/index.js +122 -112
  19. package/dist/cjs/stats1.html +1 -1
  20. package/dist/cjs/store/modal.js +3 -0
  21. package/dist/cjs/utils/constants.js +11 -0
  22. package/dist/components.css +1800 -1552
  23. package/dist/esm/antd.js +3 -3
  24. package/dist/esm/core/BitPerSecond/index.js +3 -3
  25. package/dist/esm/core/KitStoreProvider/index.js +10 -1
  26. package/dist/esm/core/Modal/index.js +53 -42
  27. package/dist/esm/core/ModalStack/index.js +7 -1
  28. package/dist/esm/core/Progress/progress.widgets.js +1 -4
  29. package/dist/esm/core/SearchInput/index.js +21 -11
  30. package/dist/esm/core/Timeline/Timeline.style.js +7 -0
  31. package/dist/esm/core/Timeline/Timeline.widget.js +107 -0
  32. package/dist/esm/core/Timeline/index.js +115 -0
  33. package/dist/esm/coreX/CheckPointList/checkpointlist.style.js +5 -0
  34. package/dist/esm/coreX/CheckPointList/index.js +83 -0
  35. package/dist/esm/coreX/DateRangePicker/common.js +7 -5
  36. package/dist/esm/coreX/DateRangePicker/index.js +10 -5
  37. package/dist/esm/coreX/InfoRowList/InfoRow.js +25 -0
  38. package/dist/esm/coreX/InfoRowList/InfoRowList.js +54 -0
  39. package/dist/esm/coreX/Show/index.js +14 -0
  40. package/dist/esm/index.js +8 -4
  41. package/dist/esm/stats1.html +1 -1
  42. package/dist/esm/store/modal.js +3 -0
  43. package/dist/esm/utils/constants.js +7 -1
  44. package/dist/src/antd.d.ts +2 -2
  45. package/dist/src/core/Alert/alert.type.d.ts +5 -4
  46. package/dist/src/core/BitPerSecond/index.d.ts +2 -2
  47. package/dist/src/core/KitStoreProvider/index.d.ts +1 -0
  48. package/dist/src/core/Modal/modal.type.d.ts +25 -2
  49. package/dist/src/core/SearchInput/searchInput.type.d.ts +33 -0
  50. package/dist/src/core/Timeline/Timeline.style.d.ts +5 -0
  51. package/dist/src/core/Timeline/Timeline.type.d.ts +209 -0
  52. package/dist/src/core/Timeline/Timeline.widget.d.ts +5 -0
  53. package/dist/src/core/Timeline/index.d.ts +10 -0
  54. package/dist/src/core/index.d.ts +1 -0
  55. package/dist/src/coreX/CheckPointList/checkpointlist.style.d.ts +3 -0
  56. package/dist/src/coreX/CheckPointList/checkpointlist.type.d.ts +93 -0
  57. package/dist/src/coreX/CheckPointList/index.d.ts +8 -0
  58. package/dist/src/coreX/DateRangePicker/dateRangePicker.type.d.ts +6 -1
  59. package/dist/src/coreX/InfoRowList/InfoRow.d.ts +7 -0
  60. package/dist/src/coreX/InfoRowList/InfoRowList.d.ts +3 -0
  61. package/dist/src/coreX/InfoRowList/InfoRowList.type.d.ts +63 -0
  62. package/dist/src/coreX/InfoRowList/index.d.ts +1 -0
  63. package/dist/src/coreX/Show/index.d.ts +3 -0
  64. package/dist/src/coreX/Show/show.type.d.ts +13 -0
  65. package/dist/src/coreX/index.d.ts +5 -2
  66. package/dist/src/store/modal.d.ts +8 -2
  67. package/dist/src/utils/constants.d.ts +2 -0
  68. package/dist/stories/docs/core/Button.stories.d.ts +11 -0
  69. package/dist/stories/docs/core/KitStoreProvider.stories.d.ts +1 -1
  70. package/dist/stories/docs/core/Modal.stories.d.ts +4 -0
  71. package/dist/stories/docs/core/Timeline.stories.d.ts +38 -0
  72. package/dist/stories/docs/coreX/CheckPointList.stories.d.ts +67 -0
  73. package/dist/stories/docs/coreX/DateRangePicker.stories.d.ts +1 -0
  74. package/dist/stories/docs/coreX/I18nNameTag.stories.d.ts +8 -0
  75. package/dist/stories/docs/coreX/InfoRowList.stories.d.ts +36 -0
  76. package/dist/stories/docs/coreX/Show.stories.d.ts +31 -0
  77. package/dist/style.css +1294 -1075
  78. 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 TimelineItem = antd.Timeline.Item;
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 BitPerSeconds = ({
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 = BitPerSeconds;
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("div", { className: "footer-content" }, 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(
153
- "span",
154
+ footer: /* @__PURE__ */ React__default.default.createElement(
155
+ "div",
154
156
  {
155
- className: "prev-step",
156
- onClick: () => {
157
- var _a2, _b2, _c, _d;
158
- if (typeof wizard === "object" && ((_a2 = wizard.steps[wizard.step]) == null ? void 0 : _a2.onPrev)) {
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
- prevText
166
- ), 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(
167
- index$1,
168
- __spreadValues({
169
- type: "quiet",
170
- onMouseDown: (e) => {
171
- e.preventDefault();
172
- },
173
- onClick: (e) => {
174
- onCancel == null ? void 0 : onCancel(e);
175
- transitionClass.current = fullscreen ? "" : "modal-zoom";
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
- type: "primary",
192
- loading: confirmLoading
193
- }, okButtonProps),
194
- confirmText
195
- ))) : footer)
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(icons.SearchOutlined, null),
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;