@cloudtower/eagle 0.33.1 → 0.33.2

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/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/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/coreX/CheckPointList/checkpointlist.style.js

@@ -0,0 +1,5 @@
+const CheckPointListStyle = "E_cyms3br";
+const CheckPointItemStyle = "E_c157gu4z";
+const EmptyWrapper = "E_eu1sysj";
+
+export { CheckPointItemStyle, CheckPointListStyle, EmptyWrapper };

package/dist/esm/coreX/CheckPointList/index.js

@@ -0,0 +1,83 @@
+import React__default, { useState, useCallback } from 'react';
+import useParrotTranslation from '../../hooks/useParrotTranslation.js';
+import { XmarkFailedSeriousWarningFill16RedIcon, CheckmarkDoneSuccessCircleFill16GreenIcon, Loading16GradientBlueIcon, NoticeTriangleFill16YellowIcon } from '@cloudtower/icons-react';
+import { List } from 'antd5';
+import { cx } from '@linaria/core';
+import { CheckPointItemStyle, CheckPointListStyle, EmptyWrapper } from './checkpointlist.style.js';
+import { Show } from '../Show/index.js';
+import Icon from '../../core/Icon/index.js';
+import { Typo } from '../../core/Typo/index.js';
+import Tag from '../../core/Tag/index.js';
+import Alert from '../../core/Alert/index.js';
+import Switch from '../../core/Switch/index.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 CheckPointItem = ({
+  description,
+  status,
+  key,
+  tagProps,
+  alertProps
+}) => {
+  const icon = {
+    failed: XmarkFailedSeriousWarningFill16RedIcon,
+    success: CheckmarkDoneSuccessCircleFill16GreenIcon,
+    loading: Loading16GradientBlueIcon,
+    warning: NoticeTriangleFill16YellowIcon
+  };
+  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(List.Item, { className: cx(CheckPointItemStyle), key }, /* @__PURE__ */ React__default.createElement(Show, { condition: Boolean(icon) }, /* @__PURE__ */ React__default.createElement(
+    Icon,
+    {
+      src: icon[status],
+      className: "icon-wrapper",
+      isRotate: status === "loading"
+    }
+  )), /* @__PURE__ */ React__default.createElement("span", { className: cx(Typo.Label.l4_regular, "description") }, description), /* @__PURE__ */ React__default.createElement(Show, { condition: Boolean(tagProps) }, /* @__PURE__ */ React__default.createElement(Tag, __spreadValues({}, tagProps)))), /* @__PURE__ */ React__default.createElement(Show, { condition: Boolean(alertProps) }, /* @__PURE__ */ React__default.createElement(Alert, __spreadValues({ showIcon: false }, alertProps))));
+};
+const CheckPointList = ({
+  items = [],
+  showSwitchControl = true,
+  title,
+  switchText,
+  emptyRender,
+  emptyText,
+  emptyTextClassName,
+  onClickSwitch
+}) => {
+  const { t } = useParrotTranslation();
+  const [checked, setChecked] = useState(false);
+  const onClickSwitchFn = useCallback(() => {
+    const nextChecked = !checked;
+    setChecked(nextChecked);
+    onClickSwitch == null ? void 0 : onClickSwitch(checked);
+  }, [onClickSwitch, checked]);
+  const isEmpty = !items.length;
+  return /* @__PURE__ */ React__default.createElement("div", { className: cx(CheckPointListStyle) }, /* @__PURE__ */ React__default.createElement("header", { className: cx(Typo.Label.l4_bold) }, title, /* @__PURE__ */ React__default.createElement(Show, { condition: showSwitchControl }, /* @__PURE__ */ React__default.createElement("span", { className: "switch-text" }, /* @__PURE__ */ React__default.createElement(Switch, { checked, onChange: onClickSwitchFn, size: "small" }), /* @__PURE__ */ React__default.createElement("span", null, switchText || t("common.show_unpassed"))))), /* @__PURE__ */ React__default.createElement(
+    Show,
+    {
+      condition: isEmpty,
+      fallback: /* @__PURE__ */ React__default.createElement(List, { split: false, bordered: false }, items.map((item, index) => /* @__PURE__ */ React__default.createElement(CheckPointItem, __spreadProps(__spreadValues({}, item), { key: `checklist-item-${index}` }))))
+    },
+    emptyRender ? emptyRender(emptyText) : /* @__PURE__ */ React__default.createElement("div", { className: cx(EmptyWrapper, emptyTextClassName) }, emptyText)
+  ));
+};
+
+export { CheckPointItem, CheckPointList };

package/dist/esm/coreX/DateRangePicker/common.js

@@ -139,12 +139,14 @@ function time2string(time) {
   }
 }
 function getDateText(date, t) {
-  const unit = {
-    d: t("common.day"),
-    h: t("common.hour"),
-    m: t("common.minute")
+  const count = date.value;
+  const dateString = {
+    d: t("common.day_count", { count }),
+    h: t("common.hour_count", { count }),
+    m: t("common.minute_count", { count }),
+    M: t("common.month_measure_count", { count })
   }[date.unit];
-  return `${t("components.past")} ${date.value} ${unit}`;
+  return `${t("components.past")} ${dateString}`;
 }
 function checkDateNotInRange(date, minDate, maxDate) {
   if (!minDate && !maxDate) {