@cloudtower/eagle 0.26.17 → 0.26.19

package/dist/umd/index.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('antd'), require('react'), require('classnames'), require('lodash'), require('react-svg-unique-id'), require('@cloudtower/parrot'), require('react-i18next'), require('@linaria/core'), require('@linaria/react'), require('@cloudtower/icons-react'), require('moment'), require('react-dom'), require('react-is'), require('@ant-design/icons'), require('@ant-design/icons/CheckCircleFilled'), require('@ant-design/icons/CloseCircleFilled'), require('@ant-design/icons/ExclamationCircleFilled'), require('@ant-design/icons/InfoCircleFilled'), require('@ant-design/icons/LoadingOutlined'), require('@cloudtower/rc-notification'), require('redux'), require('react-redux'), require('react-beautiful-dnd'), require('timezones.json'), require('dayjs'), require('recharts'), require('antd/lib/locale/en_US'), require('antd/lib/locale/zh_CN')) :
-  typeof define === 'function' && define.amd ? define(['exports', 'antd', 'react', 'classnames', 'lodash', 'react-svg-unique-id', '@cloudtower/parrot', 'react-i18next', '@linaria/core', '@linaria/react', '@cloudtower/icons-react', 'moment', 'react-dom', 'react-is', '@ant-design/icons', '@ant-design/icons/CheckCircleFilled', '@ant-design/icons/CloseCircleFilled', '@ant-design/icons/ExclamationCircleFilled', '@ant-design/icons/InfoCircleFilled', '@ant-design/icons/LoadingOutlined', '@cloudtower/rc-notification', 'redux', 'react-redux', 'react-beautiful-dnd', 'timezones.json', 'dayjs', 'recharts', 'antd/lib/locale/en_US', 'antd/lib/locale/zh_CN'], factory) :
-  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.index = {}, global.antd, global.React, global.cs, global._, global.reactSvgUniqueId, global.parrot, global.reactI18next, global.core, global.react, global.iconsReact, global.moment, global.reactDom, global.reactIs, global.icons, global.CheckCircleFilled, global.CloseCircleFilled, global.ExclamationCircleFilled, global.InfoCircleFilled, global.LoadingOutlined, global.RCNotification, global.redux, global.reactRedux, global.reactBeautifulDnd, global.TimeZones, global.dayjs, null, global.enUS, global.zhCN));
-})(this, (function (exports, antd, React, cs, _, reactSvgUniqueId, parrot, reactI18next, core, react, iconsReact, moment, reactDom, reactIs, icons, CheckCircleFilled, CloseCircleFilled, ExclamationCircleFilled, InfoCircleFilled, LoadingOutlined, RCNotification, redux, reactRedux, reactBeautifulDnd, TimeZones, dayjs, recharts, enUS, zhCN) { 'use strict';
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('antd'), require('react'), require('classnames'), require('lodash'), require('react-svg-unique-id'), require('@cloudtower/parrot'), require('react-i18next'), require('@linaria/core'), require('@linaria/react'), require('@cloudtower/icons-react'), require('moment'), require('react-dom'), require('react-is'), require('@ant-design/icons'), require('@ant-design/icons/CheckCircleFilled'), require('@ant-design/icons/CloseCircleFilled'), require('@ant-design/icons/ExclamationCircleFilled'), require('@ant-design/icons/InfoCircleFilled'), require('@ant-design/icons/LoadingOutlined'), require('@cloudtower/rc-notification'), require('redux'), require('react-redux'), require('react-beautiful-dnd'), require('dayjs'), require('timezones.json'), require('recharts'), require('antd/lib/locale/en_US'), require('antd/lib/locale/zh_CN')) :
+  typeof define === 'function' && define.amd ? define(['exports', 'antd', 'react', 'classnames', 'lodash', 'react-svg-unique-id', '@cloudtower/parrot', 'react-i18next', '@linaria/core', '@linaria/react', '@cloudtower/icons-react', 'moment', 'react-dom', 'react-is', '@ant-design/icons', '@ant-design/icons/CheckCircleFilled', '@ant-design/icons/CloseCircleFilled', '@ant-design/icons/ExclamationCircleFilled', '@ant-design/icons/InfoCircleFilled', '@ant-design/icons/LoadingOutlined', '@cloudtower/rc-notification', 'redux', 'react-redux', 'react-beautiful-dnd', 'dayjs', 'timezones.json', 'recharts', 'antd/lib/locale/en_US', 'antd/lib/locale/zh_CN'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.index = {}, global.antd, global.React, global.cs, global._, global.reactSvgUniqueId, global.parrot, global.reactI18next, global.core, global.react, global.iconsReact, global.moment, global.reactDom, global.reactIs, global.icons, global.CheckCircleFilled, global.CloseCircleFilled, global.ExclamationCircleFilled, global.InfoCircleFilled, global.LoadingOutlined, global.RCNotification, global.redux, global.reactRedux, global.reactBeautifulDnd, global.dayjs, global.TimeZones, null, global.enUS, global.zhCN));
+})(this, (function (exports, antd, React, cs, _, reactSvgUniqueId, parrot, reactI18next, core, react, iconsReact, moment, reactDom, reactIs, icons, CheckCircleFilled, CloseCircleFilled, ExclamationCircleFilled, InfoCircleFilled, LoadingOutlined, RCNotification, redux, reactRedux, reactBeautifulDnd, dayjs, TimeZones, recharts, enUS, zhCN) { 'use strict';
 
   function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -34,8 +34,8 @@
   var InfoCircleFilled__default = /*#__PURE__*/_interopDefault(InfoCircleFilled);
   var LoadingOutlined__default = /*#__PURE__*/_interopDefault(LoadingOutlined);
   var RCNotification__default = /*#__PURE__*/_interopDefault(RCNotification);
-  var TimeZones__default = /*#__PURE__*/_interopDefault(TimeZones);
   var dayjs__default = /*#__PURE__*/_interopDefault(dayjs);
+  var TimeZones__default = /*#__PURE__*/_interopDefault(TimeZones);
   var enUS__default = /*#__PURE__*/_interopDefault(enUS);
   var zhCN__default = /*#__PURE__*/_interopDefault(zhCN);
 
@@ -1180,6 +1180,7 @@
         subInfo,
         className,
         defaultOpen = false,
+        hoverable,
         shadow = true
       } = _a, domProps = __objRest$p(_a, [
         "collapsible",
@@ -1187,6 +1188,7 @@
         "subInfo",
         "className",
         "defaultOpen",
+        "hoverable",
         "shadow"
       ]);
       const [open, setOpen] = React.useState(defaultOpen);
@@ -1194,7 +1196,7 @@
         CardWrapper,
         __spreadProps$x(__spreadValues$H({
           ref,
-          className: cs__default.default(["card-wrapper", className])
+          className: cs__default.default(["card-wrapper", className, hoverable && "hoverable"])
         }, domProps), {
           shadow
         }),
@@ -3612,59 +3614,113 @@
     return /* @__PURE__ */ React__namespace.default.createElement("span", null, /* @__PURE__ */ React__namespace.default.createElement("span", { className: core.cx("value", valueClassName) }, value), /* @__PURE__ */ React__namespace.default.createElement("span", { className: core.cx("unit", unitClassName) }, ` ${unit}`));
   };
 
+  const StepsStyle = "sq6vos1";
+  const HorizontalStyle = "hjtnwxg";
+  const VerticalStyle = "v1p8siwu";
+  const HorizontalStepContentStyle = "h1xo7yjb";
+  const VerticalStepContentStyle = "v1f2f7cy";
+
   var __defProp$e = Object.defineProperty;
   var __defProps$e = Object.defineProperties;
   var __getOwnPropDescs$e = Object.getOwnPropertyDescriptors;
   var __getOwnPropSymbols$e = Object.getOwnPropertySymbols;
   var __hasOwnProp$e = Object.prototype.hasOwnProperty;
   var __propIsEnum$e = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$e = (obj, key, value) => key in obj ? __defProp$e(obj, key, {
-    enumerable: true,
-    configurable: true,
-    writable: true,
-    value
-  }) : obj[key] = value;
+  var __defNormalProp$e = (obj, key, value) => key in obj ? __defProp$e(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
   var __spreadValues$e = (a, b) => {
-    for (var prop in b || (b = {})) if (__hasOwnProp$e.call(b, prop)) __defNormalProp$e(a, prop, b[prop]);
-    if (__getOwnPropSymbols$e) for (var prop of __getOwnPropSymbols$e(b)) {
-      if (__propIsEnum$e.call(b, prop)) __defNormalProp$e(a, prop, b[prop]);
-    }
+    for (var prop in b || (b = {}))
+      if (__hasOwnProp$e.call(b, prop))
+        __defNormalProp$e(a, prop, b[prop]);
+    if (__getOwnPropSymbols$e)
+      for (var prop of __getOwnPropSymbols$e(b)) {
+        if (__propIsEnum$e.call(b, prop))
+          __defNormalProp$e(a, prop, b[prop]);
+      }
     return a;
   };
   var __spreadProps$e = (a, b) => __defProps$e(a, __getOwnPropDescs$e(b));
   var __objRest$5 = (source, exclude) => {
     var target = {};
-    for (var prop in source) if (__hasOwnProp$e.call(source, prop) && exclude.indexOf(prop) < 0) target[prop] = source[prop];
-    if (source != null && __getOwnPropSymbols$e) for (var prop of __getOwnPropSymbols$e(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$e.call(source, prop)) target[prop] = source[prop];
-    }
+    for (var prop in source)
+      if (__hasOwnProp$e.call(source, prop) && exclude.indexOf(prop) < 0)
+        target[prop] = source[prop];
+    if (source != null && __getOwnPropSymbols$e)
+      for (var prop of __getOwnPropSymbols$e(source)) {
+        if (exclude.indexOf(prop) < 0 && __propIsEnum$e.call(source, prop))
+          target[prop] = source[prop];
+      }
     return target;
   };
-  const StepsContainer = /*#__PURE__*/react.styled('div')({
-    name: "StepsContainer",
-    class: "s3mgie3",
-    propsAsIs: false
-  });
-  const Steps = props => {
-    const _a = props,
+  const StepTitle = (props) => {
+    const { current, step, index, isVerticalMode } = props;
+    const textRef = React.useRef(null);
+    const [tooltipEnable, setTooltipEnable] = React.useState({
+      visible: false
+    });
+    React.useLayoutEffect(() => {
+      if (textRef.current && textRef.current.offsetWidth < textRef.current.scrollWidth) {
+        setTooltipEnable({});
+      }
+    }, [textRef]);
+    return /* @__PURE__ */ React__namespace.default.createElement(Tooltip, __spreadProps$e(__spreadValues$e({}, tooltipEnable), { title: step.title }), /* @__PURE__ */ React__namespace.default.createElement(
+      "div",
       {
-        stepsConfig,
-        containerClassname,
-        showStepCount
-      } = _a,
-      stepsProps = __objRest$5(_a, ["stepsConfig", "containerClassname", "showStepCount"]);
-    const titleWithCount = (_step, count) => /* @__PURE__ */React__namespace.default.createElement(React__namespace.default.Fragment, null, showStepCount ? /* @__PURE__ */React__namespace.default.createElement("span", {
-      className: "step-count"
-    }, count) : null, _step.title);
-    return /* @__PURE__ */React__namespace.default.createElement(StepsContainer, {
-      className: containerClassname
-    }, /* @__PURE__ */React__namespace.default.createElement(antd.Steps, __spreadProps$e(__spreadValues$e({}, stepsProps), {
-      type: "default"
-    }), (stepsConfig == null ? void 0 : stepsConfig.length) ? stepsConfig.map((step, index) => /* @__PURE__ */React__namespace.default.createElement(antd.Steps.Step, __spreadProps$e(__spreadValues$e({
-      key: index
-    }, step), {
-      title: titleWithCount(step, index + 1)
-    }))) : props.children));
+        className: isVerticalMode ? VerticalStepContentStyle : HorizontalStepContentStyle
+      },
+      /* @__PURE__ */ React__namespace.default.createElement("span", { className: "step-item-prefix-container" }, index < current ? /* @__PURE__ */ React__namespace.default.createElement(iconsReact.CheckmarkDoneSuccessCorrect16SecondaryIcon, null) : index + 1),
+      /* @__PURE__ */ React__namespace.default.createElement("span", { ref: textRef, className: "step-item-title" }, /* @__PURE__ */ React__namespace.default.createElement("span", { className: "step-item-title" }, step.title))
+    ));
+  };
+  const Steps = (props) => {
+    const _a = props, {
+      stepsConfig,
+      direction,
+      containerClassname,
+      current = 0,
+      disabled
+    } = _a, stepsProps = __objRest$5(_a, [
+      "stepsConfig",
+      "direction",
+      "containerClassname",
+      "current",
+      "disabled"
+    ]);
+    const isVerticalMode = direction === "vertical";
+    return /* @__PURE__ */ React__namespace.default.createElement(
+      "div",
+      {
+        className: cs__default.default(
+          containerClassname,
+          StepsStyle,
+          isVerticalMode ? VerticalStyle : HorizontalStyle
+        )
+      },
+      /* @__PURE__ */ React__namespace.default.createElement(
+        antd.Steps,
+        __spreadProps$e(__spreadValues$e({}, stepsProps), {
+          direction,
+          current,
+          type: "default"
+        }),
+        (stepsConfig == null ? void 0 : stepsConfig.length) ? stepsConfig.map((step, index) => /* @__PURE__ */ React__namespace.default.createElement(
+          antd.Steps.Step,
+          __spreadProps$e(__spreadValues$e({
+            key: index
+          }, step), {
+            disabled: disabled || index > current,
+            title: /* @__PURE__ */ React__namespace.default.createElement(
+              StepTitle,
+              {
+                index,
+                step,
+                current,
+                isVerticalMode
+              }
+            )
+          })
+        )) : props.children
+      )
+    );
   };
 
   var __defProp$d = Object.defineProperty;
@@ -5041,6 +5097,23 @@
   };
   Tag.SplitTag = SplitTag;
 
+  const Time = (props) => {
+    const {
+      className,
+      date,
+      dateTemplate = "YYYY-MM-DD",
+      timeTemplate = "HH:mm",
+      plainText
+    } = props;
+    if (!date)
+      return /* @__PURE__ */ React__namespace.default.createElement(React__namespace.default.Fragment, null, "-");
+    const time = dayjs__default.default(date);
+    if (plainText) {
+      return /* @__PURE__ */ React__namespace.default.createElement(React__namespace.default.Fragment, null, dateTemplate !== null && time.format(dateTemplate), " ", timeTemplate !== null && time.format(timeTemplate));
+    }
+    return /* @__PURE__ */ React__namespace.default.createElement("span", { className: `time-wrapper ${className || ""}` }, dateTemplate !== null && /* @__PURE__ */ React__namespace.default.createElement("span", { className: "date" }, " ", time.format(dateTemplate)), timeTemplate !== null && /* @__PURE__ */ React__namespace.default.createElement("span", { className: "time" }, " ", time.format(timeTemplate)));
+  };
+
   const allTimeZones = _.uniqBy(TimeZones__default.default.reduce((sum, zone) => {
     const utcZones = zone.utc.map(utc => {
       return {
@@ -5228,7 +5301,7 @@
     large: "l1d492wb"
   };
   const TokenStyle = "t1lzavmu";
-  const Token = _a => {
+  const Token = React__namespace.default.forwardRef((_a, ref) => {
     var _b = _a,
       {
         size = "small",
@@ -5236,26 +5309,32 @@
         className,
         icon,
         checked,
-        children
+        children,
+        tooltipConfig
       } = _b,
-      props = __objRest(_b, ["size", "color", "className", "icon", "checked", "children"]);
+      props = __objRest(_b, ["size", "color", "className", "icon", "checked", "children", "tooltipConfig"]);
     return /* @__PURE__ */React__namespace.default.createElement(antd.Tag, __spreadProps$3(__spreadValues$3({}, props), {
+      ref,
       className: cs__default.default(className, Size[size], TokenStyle, {
         [Typo.Label.l4_regular]: size === "small" || size === "medium",
         [Typo.Label.l3_regular]: size === "large",
         [`ant-tag-${color}`]: PresetColors.includes(color)
       }, "ui-kit-token", checked && "ui-kit-token-checked"),
-      closeIcon: /* @__PURE__ */React__namespace.default.createElement(Icon, {
+      closeIcon: /* @__PURE__ */React__namespace.default.createElement(Tooltip, __spreadValues$3({
+        title: tooltipConfig == null ? void 0 : tooltipConfig.title
+      }, !(tooltipConfig == null ? void 0 : tooltipConfig.title) && {
+        visible: false
+      }), /* @__PURE__ */React__namespace.default.createElement(Icon, {
         className: "selected-icon",
         src: iconsReact.XmarkRemoveSmall16RegularInheritIcon,
         iconHeight: 16,
         iconWidth: 16
-      }),
+      })),
       color: color === "gray" ? void 0 : color
     }), icon && /* @__PURE__ */React__namespace.default.createElement("span", {
       className: cs__default.default("ui-kit-tag-icon", IconStyle)
     }, icon), children);
-  };
+  });
 
   const Inline = "i1e4sgug";
   const Truncate = props => {
@@ -5298,23 +5377,6 @@
     }, Text);
   };
 
-  const Time = (props) => {
-    const {
-      className,
-      date,
-      dateTemplate = "YYYY-MM-DD",
-      timeTemplate = "HH:mm",
-      plainText
-    } = props;
-    if (!date)
-      return /* @__PURE__ */ React__namespace.default.createElement(React__namespace.default.Fragment, null, "-");
-    const time = dayjs__default.default(date);
-    if (plainText) {
-      return /* @__PURE__ */ React__namespace.default.createElement(React__namespace.default.Fragment, null, dateTemplate !== null && time.format(dateTemplate), " ", timeTemplate !== null && time.format(timeTemplate));
-    }
-    return /* @__PURE__ */ React__namespace.default.createElement("span", { className: `time-wrapper ${className || ""}` }, dateTemplate !== null && /* @__PURE__ */ React__namespace.default.createElement("span", { className: "date" }, " ", time.format(dateTemplate)), timeTemplate !== null && /* @__PURE__ */ React__namespace.default.createElement("span", { className: "time" }, " ", time.format(timeTemplate)));
-  };
-
   function getAntdKit() {
     const kit = {
       loading: Loading,