@cloudtower/eagle 0.33.0 → 0.33.2

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

@@ -0,0 +1,122 @@
+'use strict';
+
+var iconsReact = require('@cloudtower/icons-react');
+var core = require('@linaria/core');
+var antd5 = require('antd5');
+var React = require('react');
+var Timeline_style = require('./Timeline.style.js');
+var index$1 = require('../Alert/index.js');
+var index = require('../Icon/index.js');
+var cs = require('classnames');
+var Timeline_widget = require('./Timeline.widget.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+var cs__default = /*#__PURE__*/_interopDefault(cs);
+
+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.default.createElement(React__default.default.Fragment, null, emptyRender(emptyText));
+    }
+    return /* @__PURE__ */ React__default.default.createElement("div", { className: core.cx(Timeline_style.EmptyWrapper, emptyTextClassName) }, emptyText);
+  }
+  const iconMap = {
+    success: iconsReact.CheckmarkDoneSuccessCorrect16GreenIcon,
+    failed: iconsReact.XmarkFailed16RedIcon,
+    progress: iconsReact.Loading16GradientBlueIcon,
+    notice: iconsReact.NoticeTriangleFill16YellowIcon,
+    pending: iconsReact.WaitingBreathingLed16YellowIcon,
+    idle: iconsReact.TimelineNotStart16GrayIcon
+  };
+  const alertTypeMap = {
+    success: "success",
+    failed: "error",
+    progress: "info",
+    notice: "warning",
+    pending: "info",
+    idle: "normal"
+  };
+  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) => {
+    const {
+      status,
+      infos,
+      infosRender,
+      infoAction,
+      subInfo,
+      subInfoRender,
+      detailMessage,
+      detailMessageRender
+    } = item;
+    return /* @__PURE__ */ React__default.default.createElement(
+      antd5.Timeline.Item,
+      {
+        key: `timeline-item-${index$2}`,
+        className: cs__default.default(Timeline_style.TimelineItemWrapper, { compact }),
+        dot: /* @__PURE__ */ React__default.default.createElement(
+          index,
+          {
+            src: iconMap[status],
+            iconHeight: 16,
+            iconWidth: 16,
+            isRotate: status === "progress"
+          }
+        )
+      },
+      infosRender ? infosRender(infos) : /* @__PURE__ */ React__default.default.createElement(
+        antd5.Flex,
+        {
+          vertical: true,
+          justify: "space-between",
+          gap: 2,
+          className: "info-wrapper"
+        },
+        infos.map((item2, index2) => /* @__PURE__ */ React__default.default.createElement(
+          Timeline_widget.TimelineArea,
+          __spreadProps(__spreadValues({
+            gap: 6,
+            key: `title-area-${index2}`
+          }, item2), {
+            compact,
+            suffix: !index2 && infoAction ? /* @__PURE__ */ React__default.default.createElement("span", { className: "info-action" }, infoAction) : void 0
+          })
+        ))
+      ),
+      /* @__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(
+        index$1,
+        __spreadValues({
+          showIcon: false,
+          type: alertTypeMap[status]
+        }, detailMessage)
+      ) : /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null))
+    );
+  })));
+};
+
+exports.Timeline = Timeline;

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

@@ -59,8 +59,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";
@@ -168,7 +169,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
+        )
       );
     });
   });
@@ -212,6 +216,7 @@ function attachTypeApi(originalApi, type) {
 api.warn = api.warning;
 var _message = api;
 
+exports.DEFAULT_DURATION = DEFAULT_DURATION;
 exports.attachTypeApi = attachTypeApi;
 exports.default = _message;
 exports.getKeyThenIncreaseKey = getKeyThenIncreaseKey;

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

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

package/dist/cjs/coreX/CheckPointList/checkpointlist.style.js

@@ -0,0 +1,9 @@
+'use strict';
+
+const CheckPointListStyle = "E_cyms3br";
+const CheckPointItemStyle = "E_c157gu4z";
+const EmptyWrapper = "E_eu1sysj";
+
+exports.CheckPointItemStyle = CheckPointItemStyle;
+exports.CheckPointListStyle = CheckPointListStyle;
+exports.EmptyWrapper = EmptyWrapper;

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

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

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

@@ -145,12 +145,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) {

package/dist/cjs/coreX/DateRangePicker/index.js

@@ -54,7 +54,8 @@ const TimeRange = (props) => {
     onTypeChange,
     onRelativeTimeChange,
     onAbsoluteTimeOk,
-    onAbsoluteTimeChange
+    onAbsoluteTimeChange,
+    relativeTimeSelectOptions
   } = props;
   const { t } = useParrotTranslation();
   const absoluteDateRef = React.useRef(null);
@@ -69,7 +70,8 @@ const TimeRange = (props) => {
       RelativeTime,
       {
         value: relativeTime,
-        onChange: (time) => onRelativeTimeChange == null ? void 0 : onRelativeTimeChange(time)
+        onChange: (time) => onRelativeTimeChange == null ? void 0 : onRelativeTimeChange(time),
+        config: relativeTimeSelectOptions
       }
     ));
   } else if (mode === "absolute") {
@@ -93,7 +95,8 @@ const TimeRange = (props) => {
           RelativeTime,
           {
             value: relativeTime,
-            onChange: (time) => onRelativeTimeChange == null ? void 0 : onRelativeTimeChange(time)
+            onChange: (time) => onRelativeTimeChange == null ? void 0 : onRelativeTimeChange(time),
+            config: relativeTimeSelectOptions
           }
         ))
       },
@@ -150,7 +153,8 @@ const DateRangePicker = (props) => {
     mode = ["relative", "absolute"],
     minDate,
     maxDate,
-    onChange
+    onChange,
+    relativeTimeSelectOptions
   } = props;
   const { t } = useParrotTranslation();
   const [datePickerVisible, setDatePickerVisible] = React.useState(false);
@@ -290,7 +294,8 @@ const DateRangePicker = (props) => {
             onAbsoluteTimeChange: setRange,
             onAbsoluteTimeOk: (range2) => {
               handleChange("absolute", range2);
-            }
+            },
+            relativeTimeSelectOptions
           }
         ),
         placement: "bottomLeft",

package/dist/cjs/coreX/InfoRowList/InfoRow.js

@@ -0,0 +1,31 @@
+'use strict';
+
+var react = require('@linaria/react');
+var React = require('react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+const InfoRow = ({
+  label,
+  content,
+  className,
+  onClick
+}) => {
+  return /* @__PURE__ */React__default.default.createElement(Col, {
+    className,
+    onClick
+  }, /* @__PURE__ */React__default.default.createElement("div", {
+    className: "col-label"
+  }, label), /* @__PURE__ */React__default.default.createElement("div", {
+    className: "col-content"
+  }, content));
+};
+const Col = /*#__PURE__*/react.styled('div')({
+  name: "Col",
+  class: "E_c14ouk5o",
+  propsAsIs: false
+});
+
+exports.InfoRow = InfoRow;

package/dist/cjs/coreX/InfoRowList/InfoRowList.js

@@ -0,0 +1,60 @@
+'use strict';
+
+var core = require('@linaria/core');
+var react = require('@linaria/react');
+var index = require('../../core/Loading/index.js');
+var React = require('react');
+var InfoRow = require('./InfoRow.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+const InfoListRowStyle = "E_i5w779o";
+const LooseStyle = "E_l18dja44";
+const ContentWrapper = /*#__PURE__*/react.styled('div')({
+  name: "ContentWrapper",
+  class: "E_c8c2hys",
+  propsAsIs: false
+});
+const NullText = /*#__PURE__*/react.styled('div')({
+  name: "NullText",
+  class: "E_n4m6c4d",
+  propsAsIs: false
+});
+const InfoRowList = React__default.default.forwardRef(function InfoList(props, ref) {
+  const {
+    loading,
+    data,
+    className,
+    rowClassName,
+    compact
+  } = props;
+  if (loading) {
+    return /* @__PURE__ */React__default.default.createElement("div", {
+      ref,
+      className
+    }, /* @__PURE__ */React__default.default.createElement(index, null));
+  }
+  return /* @__PURE__ */React__default.default.createElement("div", {
+    ref,
+    className
+  }, data.map(item => {
+    const {
+      key,
+      value,
+      name,
+      action,
+      hidden
+    } = item;
+    if (hidden) return null;
+    return /* @__PURE__ */React__default.default.createElement(InfoRow.InfoRow, {
+      key,
+      className: core.cx(compact ? "" : LooseStyle, InfoListRowStyle, rowClassName),
+      label: /* @__PURE__ */React__default.default.createElement("div", null, name || key),
+      content: /* @__PURE__ */React__default.default.createElement(ContentWrapper, null, value || /* @__PURE__ */React__default.default.createElement(NullText, null, "-"), action)
+    });
+  }));
+});
+
+exports.InfoRowList = InfoRowList;

package/dist/cjs/coreX/Show/index.js

@@ -0,0 +1,20 @@
+'use strict';
+
+var React = require('react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+const Show = ({
+  condition,
+  children,
+  fallback
+}) => {
+  if (typeof condition === "function") {
+    condition = condition();
+  }
+  return condition ? /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, children) : fallback != null ? fallback : /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null);
+};
+
+exports.Show = Show;