@cloudtower/eagle 0.32.32 → 0.32.34

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/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/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/index.js

@@ -2,7 +2,7 @@ export { units as Units, units } from './core/index.js';
 export { UIKitStore, closeModal, popModal, pushModal } from './store/index.js';
 export { MessageContext, default as UIKitProvider, kitContext, useMessage, useUIKit } from './UIKitProvider/index.js';
 export * from '@cloudtower/parrot';
-export { AntdModal, AntdOption, AntdSelectOptGroup, DatePickerRangePicker, ListItem, MenuItemGroup, SkeletonButton, TabsTabPane, TimelineItem, TypographyText, UploadDragger } from './antd.js';
+export { AntdModal, AntdOption, AntdSelectOptGroup, AntdTimelineItem, DatePickerRangePicker, ListItem, MenuItemGroup, SkeletonButton, TabsTabPane, TypographyText, UploadDragger } from './antd.js';
 export { antdKit, getAntdKit } from './legacy-antd.js';
 export { default as useElementsSize } from './hooks/useElementsSize.js';
 export { ModalActions } from './store/modal.js';
@@ -61,7 +61,7 @@ export { default as Second } from './core/Second/index.js';
 export { default as SegmentControl } from './core/SegmentControl/index.js';
 export { default as Select } from './core/Select/index.js';
 export { default as SimplePagination } from './core/SimplePagination/index.js';
-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, Space, 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, Space, Tabs, Tree, Typography, Upload } from 'antd';
 export { default as Speed } from './core/Speed/index.js';
 export { default as StatusCapsule, StatusIcon, StatusPresetColors } from './core/StatusCapsule/index.js';
 export { default as Steps } from './core/Steps/index.js';
@@ -76,6 +76,7 @@ export { default as TimeZoneSelect } from './core/TimeZoneSelect/index.js';
 export { default as Token, TokenPresetColors } from './core/Token/index.js';
 export { default as Tooltip } from './core/Tooltip/index.js';
 export { default as Truncate } from './core/Truncate/index.js';
+export { Timeline } from './core/Timeline/index.js';
 export { Antd5Dropdown } from './core/Antd5Dropdown/Antd5Dropdown.js';
 export { Architecture } from './core/Arch/arch.type.js';
 export { CascaderDefaultHeader, CascaderDefaultHeaderContainer, CascaderDefaultHeaderSearch, CascaderDefaultOptionLabel, CascaderDropdown, CascaderInputStyle, CascaderLargeDropdown, CascaderNotData, CascaderSmallDropdown, DoubleRowOptionStyleWrapper, Hide } from './core/Cascader/cascader.style.js';