@cloudtower/eagle 0.33.0 → 0.33.2

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) {

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

@@ -45,7 +45,8 @@ const TimeRange = (props) => {
     onTypeChange,
     onRelativeTimeChange,
     onAbsoluteTimeOk,
-    onAbsoluteTimeChange
+    onAbsoluteTimeChange,
+    relativeTimeSelectOptions
   } = props;
   const { t } = useParrotTranslation();
   const absoluteDateRef = useRef(null);
@@ -60,7 +61,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") {
@@ -84,7 +86,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
           }
         ))
       },
@@ -141,7 +144,8 @@ const DateRangePicker = (props) => {
     mode = ["relative", "absolute"],
     minDate,
     maxDate,
-    onChange
+    onChange,
+    relativeTimeSelectOptions
   } = props;
   const { t } = useParrotTranslation();
   const [datePickerVisible, setDatePickerVisible] = useState(false);
@@ -281,7 +285,8 @@ const DateRangePicker = (props) => {
             onAbsoluteTimeChange: setRange,
             onAbsoluteTimeOk: (range2) => {
               handleChange("absolute", range2);
-            }
+            },
+            relativeTimeSelectOptions
           }
         ),
         placement: "bottomLeft",

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

@@ -0,0 +1,25 @@
+import { styled } from '@linaria/react';
+import React__default from 'react';
+
+const InfoRow = ({
+  label,
+  content,
+  className,
+  onClick
+}) => {
+  return /* @__PURE__ */React__default.createElement(Col, {
+    className,
+    onClick
+  }, /* @__PURE__ */React__default.createElement("div", {
+    className: "col-label"
+  }, label), /* @__PURE__ */React__default.createElement("div", {
+    className: "col-content"
+  }, content));
+};
+const Col = /*#__PURE__*/styled('div')({
+  name: "Col",
+  class: "E_c14ouk5o",
+  propsAsIs: false
+});
+
+export { InfoRow };

package/dist/esm/coreX/InfoRowList/InfoRowList.js

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

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

@@ -0,0 +1,14 @@
+import React__default from 'react';
+
+const Show = ({
+  condition,
+  children,
+  fallback
+}) => {
+  if (typeof condition === "function") {
+    condition = condition();
+  }
+  return condition ? /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, children) : fallback != null ? fallback : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null);
+};
+
+export { Show };

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';
@@ -43,11 +43,11 @@ export { AntdIntStyled, default as InputInteger } from './core/InputInteger/inde
 export { AntdInputNumberStyled, default as InputNumber } from './core/InputNumber/index.js';
 export { AntdPasswordInputStyled, default as InputPassword } from './core/InputPassword/index.js';
 export { default as InputTagItem } from './core/InputTagItem/index.js';
-export { default as KitStoreProvider, useCloseModal, useKitDispatch, useKitSelector, usePopModal, usePushModal } from './core/KitStoreProvider/index.js';
+export { default as KitStoreProvider, useCloseModal, useKitDispatch, useKitSelector, usePopModal, usePushModal, useResetModal } from './core/KitStoreProvider/index.js';
 export { default as LegacySelect } from './core/LegacySelect/index.js';
 export { default as Link } from './core/Link/index.js';
 export { default as Loading } from './core/Loading/index.js';
-export { attachTypeApi, getKeyThenIncreaseKey, default as message } from './core/message/index.js';
+export { DEFAULT_DURATION, attachTypeApi, getKeyThenIncreaseKey, default as message } from './core/message/index.js';
 export { default as Metric } from './core/Metric/index.js';
 export { default as Modal } from './core/Modal/index.js';
 export { default as ModalStack } from './core/ModalStack/index.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';
@@ -111,6 +112,7 @@ export { Typo } from './core/Typo/index.js';
 export { default as BarChart, getWidth } from './coreX/BarChart/index.js';
 export { default as BatchOperation, renderBatchOperationMenuItem } from './coreX/BatchOperation/index.js';
 export { default as ChartWithTooltip, ChartWithUnit } from './coreX/ChartWithTooltip/index.js';
+export { default as CircleLoading } from './coreX/CircleLoading/index.js';
 export { default as Counting } from './coreX/Counting/index.js';
 export { default as CronCalendar } from './coreX/CronCalendar/index.js';
 export { default as CronPlan, stringifyPlan } from './coreX/CronPlan/index.js';
@@ -128,12 +130,14 @@ export { default as SummaryTable, SummaryTableRow } from './coreX/SummaryTable/i
 export { default as SwitchWithText } from './coreX/SwitchWithText/index.js';
 export { default as TabMenu } from './coreX/TabMenu/index.js';
 export { default as UnitWithChart, UnitWrapper } from './coreX/UnitWithChart/index.js';
-export { default as CircleLoading } from './coreX/CircleLoading/index.js';
 export { getCalendarTitle } from './coreX/common/getCalendarTitle.js';
 export { default as AbsoluteDate } from './coreX/DateRangePicker/AbsoluteDate.js';
 export { default as DateRangePickerCalendar } from './coreX/DateRangePicker/Calendar.js';
 export { default as InputTime } from './coreX/DateRangePicker/InputTime.js';
 export { default as RelativeTime } from './coreX/DateRangePicker/RelativeTime.js';
+export { InfoRowList } from './coreX/InfoRowList/InfoRowList.js';
+export { Show } from './coreX/Show/index.js';
+export { CheckPointItem, CheckPointList } from './coreX/CheckPointList/index.js';
 export { Animation, Keyframes } from './styles/token/animation.js';
 export { Color } from './styles/token/color.js';
 export { zIndices } from './styles/token/zIndices.js';