@cloudtower/eagle 0.33.0 → 0.33.2

package/dist/esm/UIKitProvider/index.js

@@ -1,6 +1,7 @@
 import { parrotI18n } from '@cloudtower/parrot';
 import _message from '../core/message/index.js';
 import { antdKit } from '../legacy-antd.js';
+import { omit } from 'lodash';
 import React__default, { createContext, useMemo, useEffect, useContext } from 'react';
 import { ConfigProvider } from '../core/ConfigProvider/index.js';
 import { createBatchMessageMethods } from '../core/message-group/index.js';
@@ -39,10 +40,8 @@ const UIKitProvider = (props) => {
     });
   }, [batchMessage, kit]);
   useEffect(() => {
-    _message.config({
-      maxCount: message == null ? void 0 : message.maxCount
-    });
-  }, [message == null ? void 0 : message.maxCount]);
+    _message.config(omit(message, "batch"));
+  }, [message]);
   useEffect(() => {
     if (parrotI18n.language !== lng) {
       parrotI18n.changeLanguage(lng);

package/dist/esm/antd.js

@@ -1,16 +1,16 @@
 import { DatePicker, List, Menu, Skeleton, Tabs, Timeline, Typography, Upload, Select, Modal } from 'antd';
-export { Badge as AntdBadge, Button as AntdButton, Checkbox as AntdCheckbox, Collapse as AntdCollapse, Divider as AntdDivider, Drawer as AntdDrawer, Empty as AntdEmpty, Input as AntdInput, message as AntdMessage, Select as AntdSelect, Skeleton as AntdSkeleton, Steps as AntdSteps, Switch as AntdSwitch, Table as AntdTable, TimePicker as AntdTimePicker, Tooltip as AntdTooltip, TreeSelect as AntdTreeSelect, AutoComplete, Col, DatePicker, Dropdown, Layout, List, Menu, Popover, Row, Tabs, Timeline, Tree, Typography, Upload } from 'antd';
+export { Badge as AntdBadge, Button as AntdButton, Checkbox as AntdCheckbox, Collapse as AntdCollapse, Divider as AntdDivider, Drawer as AntdDrawer, Empty as AntdEmpty, Input as AntdInput, message as AntdMessage, Select as AntdSelect, Skeleton as AntdSkeleton, Steps as AntdSteps, Switch as AntdSwitch, Table as AntdTable, TimePicker as AntdTimePicker, Timeline as AntdTimeline, Tooltip as AntdTooltip, TreeSelect as AntdTreeSelect, AutoComplete, Col, DatePicker, Dropdown, Layout, List, Menu, Popover, Row, Tabs, Tree, Typography, Upload } from 'antd';
 
 const DatePickerRangePicker = DatePicker.RangePicker;
 const ListItem = List.Item;
 const MenuItemGroup = Menu.ItemGroup;
 const SkeletonButton = Skeleton.Button;
 const TabsTabPane = Tabs.TabPane;
-const TimelineItem = Timeline.Item;
+const AntdTimelineItem = Timeline.Item;
 const TypographyText = Typography.Text;
 const UploadDragger = Upload.Dragger;
 const AntdOption = Select.Option;
 const AntdSelectOptGroup = Select.OptGroup;
 const AntdModal = Modal;
 
-export { AntdModal, AntdOption, AntdSelectOptGroup, DatePickerRangePicker, ListItem, MenuItemGroup, SkeletonButton, TabsTabPane, TimelineItem, TypographyText, UploadDragger };
+export { AntdModal, AntdOption, AntdSelectOptGroup, AntdTimelineItem, DatePickerRangePicker, ListItem, MenuItemGroup, SkeletonButton, TabsTabPane, TypographyText, UploadDragger };

package/dist/esm/core/Alert/index.js

@@ -1,3 +1,4 @@
+import { XmarkRemove16RegularTertiaryCapsOffIcon, XmarkRemove16RegularPrimaryCapsOffIcon } from '@cloudtower/icons-react';
 import Icon from '../Icon/index.js';
 import { Alert as Alert$2 } from 'antd';
 import cs from 'classnames';
@@ -44,14 +45,16 @@ const Alert = _a => {
       onClose,
       closeText,
       action,
-      message
+      message,
+      closable
     } = _b,
-    props = __objRest(_b, ["type", "icon", "showIcon", "className", "onClose", "closeText", "action", "message"]);
+    props = __objRest(_b, ["type", "icon", "showIcon", "className", "onClose", "closeText", "action", "message", "closable"]);
   const _icon = /* @__PURE__ */React__default.createElement(Icon, {
     alt: type,
     src: getAlertIcon(type)
   });
   const _type = type === "normal" ? "info" : type;
+  const _closable = closable || Boolean(onClose) || Boolean(closeText);
   return /* @__PURE__ */React__default.createElement(Alert$2, __spreadProps(__spreadValues({}, props), {
     className: cs(AlertStyle, type ? `alert-${type}` : "", className, {
       action
@@ -69,8 +72,11 @@ const Alert = _a => {
     icon: icon || _icon,
     showIcon,
     onClose,
-    closeText,
-    closable: !!onClose
+    closeText: closeText || _closable && /* @__PURE__ */React__default.createElement(Icon, {
+      src: XmarkRemove16RegularTertiaryCapsOffIcon,
+      hoverSrc: XmarkRemove16RegularPrimaryCapsOffIcon
+    }),
+    closable: _closable
   }));
 };
 var Alert$1 = Alert;

package/dist/esm/core/BitPerSecond/index.js

@@ -21,7 +21,7 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
-const BitPerSeconds = ({
+const BitPerSecond = ({
   rawValue,
   decimals,
   valueClassName,
@@ -34,6 +34,6 @@ const BitPerSeconds = ({
   const { value, unit } = formatBitPerSecond(rawValue, decimals);
   return /* @__PURE__ */ React__default.createElement("span", null, /* @__PURE__ */ React__default.createElement("span", { className: cx("value", valueClassName) }, value), /* @__PURE__ */ React__default.createElement("span", { className: cx("unit", UnitStyle, unitClassName) }, ` ${unit}`));
 };
-var BitPerSecond = BitPerSeconds;
+var BitPerSecond$1 = BitPerSecond;
 
-export { BitPerSecond as default };
+export { BitPerSecond$1 as default };

package/dist/esm/core/KitStoreProvider/index.js

@@ -51,5 +51,14 @@ const usePopModal = () => {
   }, [dispatch]);
   return popModal;
 };
+const useResetModal = () => {
+  const dispatch = useKitDispatch();
+  const resetModal = useCallback(() => {
+    dispatch({
+      type: ModalActions.RESET_MODAL
+    });
+  }, [dispatch]);
+  return resetModal;
+};
 
-export { KitStoreProvider$1 as default, useCloseModal, useKitDispatch, useKitSelector, usePopModal, usePushModal };
+export { KitStoreProvider$1 as default, useCloseModal, useKitDispatch, useKitSelector, usePopModal, usePushModal, useResetModal };

package/dist/esm/core/Modal/index.js

@@ -62,7 +62,8 @@ const Modal = (props) => {
     showCancel = true,
     showOk = true,
     afterClose,
-    closeIcon
+    closeIcon,
+    hideFooterButtonBorder = true
   } = _a, restProps = __objRest(_a, [
     "error",
     "okText",
@@ -82,7 +83,8 @@ const Modal = (props) => {
     "showCancel",
     "showOk",
     "afterClose",
-    "closeIcon"
+    "closeIcon",
+    "hideFooterButtonBorder"
   ]);
   const stack = useKitSelector(
     (state) => state.modal.stack
@@ -142,50 +144,59 @@ const Modal = (props) => {
         dispatch({ type: ModalActions.REMOVE_MODAL, id: idRef.current });
       },
       visible: idRef.current !== id,
-      footer: /* @__PURE__ */ React__default.createElement("div", { className: "footer-content" }, footer === void 0 ? /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("div", { className: "modal-footer-left" }, wizard && typeof wizard === "object" && !wizard.disablePrevStep && wizard.step !== 0 && /* @__PURE__ */ React__default.createElement(
-        "span",
+      footer: /* @__PURE__ */ React__default.createElement(
+        "div",
         {
-          className: "prev-step",
-          onClick: () => {
-            var _a2, _b2, _c, _d;
-            if (typeof wizard === "object" && ((_a2 = wizard.steps[wizard.step]) == null ? void 0 : _a2.onPrev)) {
-              (_c = (_b2 = wizard.steps[wizard.step]).onPrev) == null ? void 0 : _c.call(_b2);
-              return;
-            }
-            (_d = wizard.onStepChange) == null ? void 0 : _d.call(wizard, wizard.step - 1);
-          }
+          className: cs(
+            "footer-content",
+            hideFooterButtonBorder && "no-button-border"
+          )
         },
-        prevText
-      ), error && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("span", { className: "modal-error" }, error))), /* @__PURE__ */ React__default.createElement("div", { className: "modal-footer-btn-group" }, showCancel && /* @__PURE__ */ React__default.createElement(
-        Button,
-        __spreadValues({
-          type: "quiet",
-          onMouseDown: (e) => {
-            e.preventDefault();
-          },
-          onClick: (e) => {
-            onCancel == null ? void 0 : onCancel(e);
-            transitionClass.current = fullscreen ? "" : "modal-zoom";
-          },
-          className: cs(cancelButtonProps == null ? void 0 : cancelButtonProps.className)
-        }, cancelButtonProps),
-        cancelText
-      ), showOk && /* @__PURE__ */ React__default.createElement(
-        Button,
-        __spreadValues({
-          onClick: (e) => {
-            var _a2, _b2;
-            onOk == null ? void 0 : onOk(e);
-            if (typeof wizard === "object" && wizard.steps[wizard.step]) {
-              (_b2 = (_a2 = wizard.steps[wizard.step]).onOk) == null ? void 0 : _b2.call(_a2, e);
+        footer === void 0 ? /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("div", { className: "modal-footer-left" }, wizard && typeof wizard === "object" && !wizard.disablePrevStep && wizard.step !== 0 && /* @__PURE__ */ React__default.createElement(
+          "span",
+          {
+            className: "prev-step",
+            onClick: () => {
+              var _a2, _b2, _c, _d;
+              if (typeof wizard === "object" && ((_a2 = wizard.steps[wizard.step]) == null ? void 0 : _a2.onPrev)) {
+                (_c = (_b2 = wizard.steps[wizard.step]).onPrev) == null ? void 0 : _c.call(_b2);
+                return;
+              }
+              (_d = wizard.onStepChange) == null ? void 0 : _d.call(wizard, wizard.step - 1);
             }
-            transitionClass.current = fullscreen ? "" : "modal-send";
           },
-          type: "primary",
-          loading: confirmLoading
-        }, okButtonProps),
-        confirmText
-      ))) : footer)
+          prevText
+        ), error && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("span", { className: "modal-error" }, error))), /* @__PURE__ */ React__default.createElement("div", { className: "modal-footer-btn-group" }, showCancel && /* @__PURE__ */ React__default.createElement(
+          Button,
+          __spreadValues({
+            type: "quiet",
+            onMouseDown: (e) => {
+              e.preventDefault();
+            },
+            onClick: (e) => {
+              onCancel == null ? void 0 : onCancel(e);
+              transitionClass.current = fullscreen ? "" : "modal-zoom";
+            },
+            className: cs(cancelButtonProps == null ? void 0 : cancelButtonProps.className)
+          }, cancelButtonProps),
+          cancelText
+        ), showOk && /* @__PURE__ */ React__default.createElement(
+          Button,
+          __spreadValues({
+            onClick: (e) => {
+              var _a2, _b2;
+              onOk == null ? void 0 : onOk(e);
+              if (typeof wizard === "object" && wizard.steps[wizard.step]) {
+                (_b2 = (_a2 = wizard.steps[wizard.step]).onOk) == null ? void 0 : _b2.call(_a2, e);
+              }
+              transitionClass.current = fullscreen ? "" : "modal-send";
+            },
+            type: "primary",
+            loading: confirmLoading
+          }, okButtonProps),
+          confirmText
+        ))) : footer
+      )
     }),
     wizard && typeof wizard === "object" ? /* @__PURE__ */ React__default.createElement(WizardBody, null, /* @__PURE__ */ React__default.createElement("div", { className: "left" }, wizard.hideLeft ? null : /* @__PURE__ */ React__default.createElement(
       Steps,

package/dist/esm/core/ModalStack/index.js

@@ -1,4 +1,4 @@
-import { useKitSelector, useCloseModal } from '../KitStoreProvider/index.js';
+import { useKitSelector, useCloseModal, useResetModal } from '../KitStoreProvider/index.js';
 import React__default from 'react';
 
 var __defProp = Object.defineProperty;
@@ -25,6 +25,7 @@ const ModalStack = () => {
     (state) => state.modal.stack
   );
   const closeModal = useCloseModal();
+  const resetModal = useResetModal();
   return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, stack.map((modal) => /* @__PURE__ */ React__default.createElement(
     modal.component,
     __spreadProps(__spreadValues({}, modal.props), {
@@ -36,6 +37,11 @@ const ModalStack = () => {
         }
         closeModal(modal.id);
       },
+      closeAllModal: () => {
+        var _a, _b;
+        (_b = (_a = modal.props).closeAllModal) == null ? void 0 : _b.call(_a);
+        resetModal();
+      },
       key: modal.id
     })
   )));

package/dist/esm/core/Progress/progress.widgets.js

@@ -1,6 +1,6 @@
-import { DotIntervalSeparation16TertiaryIcon } from '@cloudtower/icons-react';
 import { styled } from '@linaria/react';
 import Link from '../Link/index.js';
+import { splitMap } from '../../utils/constants.js';
 import { IconField, Info } from './components.js';
 import Tag from '../Tag/index.js';
 import React__default from 'react';
@@ -33,9 +33,6 @@ var __objRest = (source, exclude) => {
   }
   return target;
 };
-const splitMap = {
-  dot: /* @__PURE__ */React__default.createElement(DotIntervalSeparation16TertiaryIcon, null)
-};
 const titleAreaStyle = "E_t1gvlxt5";
 const _exp = /*#__PURE__*/() => props => props.gap;
 const AreaWrapper = /*#__PURE__*/styled('div')({

package/dist/esm/core/SearchInput/index.js

@@ -48,9 +48,17 @@ const SearchInput = props => {
       debounceWait = 300,
       total = 0,
       onSearchNext,
-      onSearchPrev
+      onSearchPrev,
+      prefixHoverIcon,
+      nextHoverIcon,
+      clearHoverIcon,
+      prefixIcon,
+      nextIcon,
+      clearIcon,
+      width,
+      searchIcon
     } = _a,
-    restProps = __objRest(_a, ["onChange", "debounceWait", "total", "onSearchNext", "onSearchPrev"]);
+    restProps = __objRest(_a, ["onChange", "debounceWait", "total", "onSearchNext", "onSearchPrev", "prefixHoverIcon", "nextHoverIcon", "clearHoverIcon", "prefixIcon", "nextIcon", "clearIcon", "width", "searchIcon"]);
   const [current, setCurrent] = useState(0);
   const [value, setValue] = useState(props.value || "");
   const {
@@ -71,7 +79,7 @@ const SearchInput = props => {
     }
   }, [onSearchPrev, current, total, value]);
   const suffix = onSearchNext && onSearchPrev && value ? /* @__PURE__ */React__default.createElement(React__default.Fragment, null, typeof total === "number" ? /* @__PURE__ */React__default.createElement("span", {
-    className: cx(Typo.Label.l4_regular, CountTextStyle)
+    className: cx(Typo.Label.l4_regular, "counter-text", CountTextStyle)
   }, current, "/", total) : null, /* @__PURE__ */React__default.createElement("span", {
     className: IconContainerStyle
   }, isNoMatch ? /* @__PURE__ */React__default.createElement(Icon, {
@@ -83,8 +91,8 @@ const SearchInput = props => {
   }) : /* @__PURE__ */React__default.createElement(Tooltip, {
     title: t("components.prev")
   }, /* @__PURE__ */React__default.createElement(Icon, {
-    src: ArrowChevronUp16SecondaryIcon,
-    hoverSrc: ArrowChevronUp16BlueIcon,
+    src: prefixIcon != null ? prefixIcon : ArrowChevronUp16SecondaryIcon,
+    hoverSrc: prefixHoverIcon != null ? prefixHoverIcon : ArrowChevronUp16BlueIcon,
     onClick: prev
   })), isNoMatch ? /* @__PURE__ */React__default.createElement(Icon, {
     className: DisabledIconStyle,
@@ -95,14 +103,14 @@ const SearchInput = props => {
   }) : /* @__PURE__ */React__default.createElement(Tooltip, {
     title: t("components.next")
   }, /* @__PURE__ */React__default.createElement(Icon, {
-    src: ArrowChevronDown16SecondaryIcon,
-    hoverSrc: ArrowChevronDown16BlueIcon,
+    src: nextIcon != null ? nextIcon : ArrowChevronDown16SecondaryIcon,
+    hoverSrc: nextHoverIcon != null ? nextHoverIcon : ArrowChevronDown16BlueIcon,
     onClick: next
   })), /* @__PURE__ */React__default.createElement(Tooltip, {
     title: t("components.clear")
   }, /* @__PURE__ */React__default.createElement(Icon, {
-    src: XmarkCloseCircleFill16TertiaryIcon,
-    hoverSrc: XmarkCloseCircleFill16SecondaryIcon,
+    src: clearIcon != null ? clearIcon : XmarkCloseCircleFill16TertiaryIcon,
+    hoverSrc: clearHoverIcon != null ? clearHoverIcon : XmarkCloseCircleFill16SecondaryIcon,
     onClick: () => {
       onSearch("");
       setValue("");
@@ -116,9 +124,11 @@ const SearchInput = props => {
   }, [value, total]);
   return /* @__PURE__ */React__default.createElement(Input, __spreadProps(__spreadValues({
     style: {
-      width: 276
+      width: width != null ? width : 276
     },
-    prefix: /* @__PURE__ */React__default.createElement(SearchOutlined, null),
+    prefix: searchIcon ? /* @__PURE__ */React__default.createElement(Icon, {
+      src: searchIcon
+    }) : /* @__PURE__ */React__default.createElement(SearchOutlined, null),
     suffix,
     onChange: e => {
       const newValue = e.target.value;

package/dist/esm/core/TableForm/TableFormBodyCell.js

@@ -128,7 +128,8 @@ const TableFormBodyCell = (props) => {
     },
     onBlur: _onBlur,
     rowIndex,
-    error: isCellErrorStyle
+    error: isCellErrorStyle,
+    formValue: data
   }) : renderDefaultComponent();
   const CellDescription = useMemo(() => {
     var _a;

package/dist/esm/core/TableForm/TableFormHeaderCell.js

@@ -71,7 +71,8 @@ const BatchInputListHeaderCell = (props) => {
         isHeader: true,
         disabled,
         onChange: headerOnChange,
-        onBlur: headerOnBlur
+        onBlur: headerOnBlur,
+        formValue: data
       });
     }
     if (disableBatchFilling) {
@@ -89,7 +90,8 @@ const BatchInputListHeaderCell = (props) => {
         isHeader: true,
         disabled,
         onChange: headerOnChange,
-        onBlur: headerOnBlur
+        onBlur: headerOnBlur,
+        formValue: data
       }) : renderDefaultComponent()
     );
   };

package/dist/esm/core/Timeline/Timeline.style.js

@@ -0,0 +1,7 @@
+const TimelineWrapper = "E_t59qhqp";
+const TimelineItemWrapper = "E_t2e44lg";
+const EmptyWrapper = "E_e14ua30y";
+const SubInfoTextWrapper = "E_s1ikqzph";
+const InfoTextWrapper = "E_i15astnl";
+
+export { EmptyWrapper, InfoTextWrapper, SubInfoTextWrapper, TimelineItemWrapper, TimelineWrapper };

package/dist/esm/core/Timeline/Timeline.widget.js

@@ -0,0 +1,107 @@
+import React__default from 'react';
+import { cx } from '@linaria/core';
+import { splitMap } from '../../utils/constants.js';
+import Link from '../Link/index.js';
+import { Typo } from '../Typo/index.js';
+import OverflowTooltip from '../../coreX/OverflowTooltip/index.js';
+import Tag from '../Tag/index.js';
+import { Flex } from 'antd5';
+import cs from 'classnames';
+import { InfoTextWrapper, SubInfoTextWrapper } from './Timeline.style.js';
+import { Show } from '../../coreX/Show/index.js';
+
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const TimelineBasicText = ({
+  children,
+  className,
+  multiLines
+}) => {
+  return /* @__PURE__ */ React__default.createElement(
+    OverflowTooltip,
+    {
+      className,
+      multiLines: multiLines != null ? multiLines : 2,
+      content: children
+    }
+  );
+};
+const TimelineArea = ({ items, gap = 1, split, suffix, className, compact }) => {
+  const splitNode = typeof split === "string" ? splitMap[split] || split : split;
+  const rendetItem = (category, props, compact2) => {
+    const _a = props, { className: className2 } = _a, restProps = __objRest(_a, ["className"]);
+    switch (category) {
+      case "subinfo_label":
+        return /* @__PURE__ */ React__default.createElement(
+          TimelineBasicText,
+          __spreadValues({
+            className: cx(SubInfoTextWrapper, Typo.Label.l4_regular, className2)
+          }, restProps)
+        );
+      case "info":
+        return /* @__PURE__ */ React__default.createElement(
+          TimelineBasicText,
+          __spreadValues({
+            className: cs(
+              InfoTextWrapper,
+              {
+                [Typo.Label.l4_regular]: compact2,
+                [Typo.Label.l2_regular]: !compact2
+              },
+              className2
+            )
+          }, restProps)
+        );
+      case "info_bold":
+        return /* @__PURE__ */ React__default.createElement(
+          TimelineBasicText,
+          __spreadValues({
+            className: cs(
+              InfoTextWrapper,
+              {
+                [Typo.Label.l4_bold]: compact2,
+                [Typo.Label.l2_bold]: !compact2
+              },
+              className2
+            )
+          }, restProps)
+        );
+      case "link":
+        return /* @__PURE__ */ React__default.createElement(Link, __spreadValues({}, props));
+      case "tag":
+        return /* @__PURE__ */ React__default.createElement(Tag, __spreadValues({}, props));
+    }
+  };
+  return /* @__PURE__ */ React__default.createElement(Flex, { justify: "space-between", align: "center", className }, /* @__PURE__ */ React__default.createElement(Flex, { align: "center", gap }, items.map((item, idx) => {
+    const { category } = item;
+    return /* @__PURE__ */ React__default.createElement(React__default.Fragment, { key: idx }, rendetItem(category, item, compact), /* @__PURE__ */ React__default.createElement(Show, { condition: Boolean(split) }, /* @__PURE__ */ React__default.createElement(Show, { condition: idx < items.length - 1 }, splitNode)));
+  })), /* @__PURE__ */ React__default.createElement(Show, { condition: Boolean(suffix) }, /* @__PURE__ */ React__default.createElement(Show, { condition: Boolean(split) }, splitNode), suffix));
+};
+
+export { TimelineArea };

package/dist/esm/core/Timeline/index.js

@@ -0,0 +1,115 @@
+import { CheckmarkDoneSuccessCorrect16GreenIcon, XmarkFailed16RedIcon, Loading16GradientBlueIcon, NoticeTriangleFill16YellowIcon, WaitingBreathingLed16YellowIcon, TimelineNotStart16GrayIcon } from '@cloudtower/icons-react';
+import { cx } from '@linaria/core';
+import { Timeline as Timeline$1, Flex } from 'antd5';
+import React__default from 'react';
+import { EmptyWrapper, TimelineWrapper, TimelineItemWrapper } from './Timeline.style.js';
+import Alert from '../Alert/index.js';
+import Icon from '../Icon/index.js';
+import cs from 'classnames';
+import { TimelineArea } from './Timeline.widget.js';
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+const Timeline = ({
+  items,
+  emptyText,
+  emptyRender,
+  compact,
+  emptyTextClassName
+}) => {
+  if (!items.length) {
+    if (emptyRender) {
+      return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, emptyRender(emptyText));
+    }
+    return /* @__PURE__ */ React__default.createElement("div", { className: cx(EmptyWrapper, emptyTextClassName) }, emptyText);
+  }
+  const iconMap = {
+    success: CheckmarkDoneSuccessCorrect16GreenIcon,
+    failed: XmarkFailed16RedIcon,
+    progress: Loading16GradientBlueIcon,
+    notice: NoticeTriangleFill16YellowIcon,
+    pending: WaitingBreathingLed16YellowIcon,
+    idle: TimelineNotStart16GrayIcon
+  };
+  const alertTypeMap = {
+    success: "success",
+    failed: "error",
+    progress: "info",
+    notice: "warning",
+    pending: "info",
+    idle: "normal"
+  };
+  return /* @__PURE__ */ React__default.createElement("div", { className: cx(TimelineWrapper) }, /* @__PURE__ */ React__default.createElement(Timeline$1, null, items.map((item, index) => {
+    const {
+      status,
+      infos,
+      infosRender,
+      infoAction,
+      subInfo,
+      subInfoRender,
+      detailMessage,
+      detailMessageRender
+    } = item;
+    return /* @__PURE__ */ React__default.createElement(
+      Timeline$1.Item,
+      {
+        key: `timeline-item-${index}`,
+        className: cs(TimelineItemWrapper, { compact }),
+        dot: /* @__PURE__ */ React__default.createElement(
+          Icon,
+          {
+            src: iconMap[status],
+            iconHeight: 16,
+            iconWidth: 16,
+            isRotate: status === "progress"
+          }
+        )
+      },
+      infosRender ? infosRender(infos) : /* @__PURE__ */ React__default.createElement(
+        Flex,
+        {
+          vertical: true,
+          justify: "space-between",
+          gap: 2,
+          className: "info-wrapper"
+        },
+        infos.map((item2, index2) => /* @__PURE__ */ React__default.createElement(
+          TimelineArea,
+          __spreadProps(__spreadValues({
+            gap: 6,
+            key: `title-area-${index2}`
+          }, item2), {
+            compact,
+            suffix: !index2 && infoAction ? /* @__PURE__ */ React__default.createElement("span", { className: "info-action" }, infoAction) : void 0
+          })
+        ))
+      ),
+      /* @__PURE__ */ React__default.createElement("div", { className: "item-time" }, subInfoRender ? subInfoRender(subInfo) : subInfo ? /* @__PURE__ */ React__default.createElement(TimelineArea, __spreadValues({}, subInfo)) : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null), detailMessageRender ? detailMessageRender(detailMessage) : detailMessage ? /* @__PURE__ */ React__default.createElement(
+        Alert,
+        __spreadValues({
+          showIcon: false,
+          type: alertTypeMap[status]
+        }, detailMessage)
+      ) : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null))
+    );
+  })));
+};
+
+export { Timeline };

package/dist/esm/core/message/index.js

@@ -26,8 +26,9 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+const DEFAULT_DURATION = 3;
 let messageInstance;
-let defaultDuration = 3;
+let defaultDuration = DEFAULT_DURATION;
 let defaultTop;
 let key = 1;
 let localPrefixCls = "ant-message";
@@ -135,7 +136,10 @@ function notice(args) {
     }
     getRCNotificationInstance(args, ({ prefixCls, instance }) => {
       instance.notice(
-        getRCNoticeProps(__spreadProps(__spreadValues({}, args), { key: target, onClose: callback }), prefixCls)
+        getRCNoticeProps(
+          __spreadProps(__spreadValues({}, args), { key: target, onClose: callback }),
+          prefixCls
+        )
       );
     });
   });
@@ -179,4 +183,4 @@ function attachTypeApi(originalApi, type) {
 api.warn = api.warning;
 var _message = api;
 
-export { attachTypeApi, _message as default, getKeyThenIncreaseKey };
+export { DEFAULT_DURATION, attachTypeApi, _message as default, getKeyThenIncreaseKey };

package/dist/esm/core/message-group/index.js

@@ -1,3 +1,5 @@
+import { DEFAULT_DURATION } from '../message/index.js';
+
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
 var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
@@ -135,7 +137,7 @@ function normalizeContent(args, type) {
   }
   return {
     content: c,
-    duration: typeof args[1] === "number" ? args[1] : 6,
+    duration: typeof args[1] === "number" ? args[1] : DEFAULT_DURATION,
     type: type === "warn" ? "warning" : type
   };
 }