@cloudtower/eagle 0.32.1 → 0.32.3

package/dist/esm/core/TableForm/TableFormBodyCell.js

@@ -37,20 +37,22 @@ const TableFormBodyCell = (props) => {
     onChange,
     onBlur,
     validateAll,
-    error
+    error,
+    onValidate
   } = props;
   const [validateResult, setValidateResult] = useState();
   const [isTouched, setIsTouched] = useState(false);
   const width = typeof column.width === "number" ? column.width + "px" : column.width;
   const isCellErrorStyle = Boolean((validateResult == null ? void 0 : validateResult.isError) || isRowError);
   useEffect(() => {
-    if (isTouched)
+    if (isTouched) {
       setValidateResult(
         error ? {
           msg: error,
           isError: true
         } : void 0
       );
+    }
   }, [error, isTouched]);
   const triggerValidate = useCallback(
     (currentValue) => {
@@ -69,10 +71,11 @@ const TableFormBodyCell = (props) => {
         });
         const isError = result ? typeof result === "string" : false;
         setValidateResult({ msg: result || "", isError });
+        onValidate == null ? void 0 : onValidate(`${column.key}${rowIndex}`, !isError);
         return;
       }
     },
-    [data, rowIndex, column, getRowValidateResult]
+    [data, rowIndex, column, getRowValidateResult, onValidate]
   );
   useEffect(() => {
     if (validateAll) {

package/dist/esm/core/TableForm/TableFormBodyRows.js

@@ -78,7 +78,8 @@ const TableFormRow = (props) => {
     updateData,
     onBodyBlur,
     renderRowDescription,
-    validateAll
+    validateAll,
+    onValidate
   } = props;
   const rowData = data[rowIndex];
   const errorFromProps = errors[rowIndex];
@@ -89,6 +90,9 @@ const TableFormRow = (props) => {
   useEffect(() => {
     setRowError(rowLevelError);
   }, [rowLevelError]);
+  useEffect(() => {
+    onValidate == null ? void 0 : onValidate(`table_row_${rowIndex}`, !rowError);
+  }, [onValidate, rowError, rowIndex]);
   const rowDeletable = typeof (row == null ? void 0 : row.deletable) === "boolean" ? row.deletable : (_a = typeof (row == null ? void 0 : row.deletable) === "function" || (deleteConfig == null ? void 0 : deleteConfig.deletable)) != null ? _a : false;
   const getRowValidateResult = useCallback(
     (rowData2) => {
@@ -118,7 +122,8 @@ const TableFormRow = (props) => {
         isRowError: !!rowError,
         getRowValidateResult,
         validateAll,
-        error: cellError
+        error: cellError,
+        onValidate
       }
     );
   });

package/dist/esm/core/TableForm/index.js

@@ -3,7 +3,7 @@ import { TableFormWrapper, DraggableHandleWrapper } from './style.js';
 import TableFormBodyRows from './TableFormBodyRows.js';
 import { BatchInputListHeaderCell } from './TableFormHeaderCell.js';
 import { List } from 'antd';
-import React__default, { useState, useCallback, useImperativeHandle, useMemo } from 'react';
+import React__default, { useState, useRef, useCallback, useImperativeHandle, useMemo } from 'react';
 
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -55,6 +55,7 @@ const TableForm = React__default.forwardRef(
     const [validateAll, setValidateAll] = useState(false);
     const rowSplitType = (row == null ? void 0 : row.splitType) || props.rowSplitType || "border";
     const draggable = (_b = (_a = row == null ? void 0 : row.draggable) != null ? _a : props.draggable) != null ? _b : false;
+    const formValidMapRef = useRef({});
     const updateData = useCallback(
       (value, rowIndex, columnKey) => {
         setLatestData(value);
@@ -99,11 +100,20 @@ const TableForm = React__default.forwardRef(
           updateData(data2);
         },
         validateWholeFields() {
+          formValidMapRef.current = {};
           setValidateAll(true);
+        },
+        isValid() {
+          return Object.values(formValidMapRef.current).every(
+            (v) => v === true
+          );
         }
       }),
       [updateData]
     );
+    const onValidate = (id, isValid) => {
+      formValidMapRef.current[id] = isValid;
+    };
     const headerCells = columns.map((col) => {
       return /* @__PURE__ */ React__default.createElement(
         BatchInputListHeaderCell,
@@ -159,7 +169,8 @@ const TableForm = React__default.forwardRef(
           renderRowDescription,
           rowValidator,
           validateAll,
-          errors
+          errors,
+          onValidate
         }
       ))
     ), (rowAddConfig == null ? void 0 : rowAddConfig.addible) ? /* @__PURE__ */ React__default.createElement(

package/dist/esm/core/TimeZoneSelect/index.js

@@ -1,7 +1,7 @@
 import { CheckmarkDoneSuccessCorrect16BlueIcon } from '@cloudtower/icons-react';
 import { cx } from '@linaria/core';
 import Icon from '../Icon/index.js';
-import Select$1 from '../Select/index.js';
+import LegacySelect from '../LegacySelect/index.js';
 import { Typo } from '../Typo/index.js';
 import useParrotTranslation from '../../hooks/useParrotTranslation.js';
 import { Select, Tag } from 'antd';
@@ -86,7 +86,7 @@ const TimeZoneSelect = props => {
       }));
     }));
   });
-  return /* @__PURE__ */React__default.createElement(Select$1, {
+  return /* @__PURE__ */React__default.createElement(LegacySelect, {
     className: cx(SelectStyle, className),
     dropdownClassName: DropdownStyle,
     placeholder: /* @__PURE__ */React__default.createElement("span", null, placeholder || t("components.time_zone_select_placeholder")),

package/dist/esm/core/Tooltip/EllipsisTooltipContent.js

@@ -0,0 +1,49 @@
+import { cx } from '@linaria/core';
+import { styled } from '@linaria/react';
+import { debounce, isNull } from 'lodash';
+import React__default, { useRef, useState, useEffect } from 'react';
+
+const _exp = /*#__PURE__*/() => props => props.maxHeight ? `${props.maxHeight}px` : "unset";
+const Wrapper = /*#__PURE__*/styled('div')({
+  name: "Wrapper",
+  class: "E_w1dxz879",
+  propsAsIs: false,
+  vars: {
+    "w1dxz879-0": [_exp()]
+  }
+});
+const EllipsisTooltipContent = ({
+  tooltip,
+  maxHeight,
+  contentWrapperClassName,
+  ellipsisTips
+}) => {
+  const overFlowWrapperRef = useRef(null);
+  const [showTips, setShowTips] = useState(null);
+  useEffect(() => {
+    const wrapperEle = overFlowWrapperRef.current;
+    let wrapperObserver;
+    if (wrapperEle) {
+      const handleVisibleTips = debounce(() => {
+        setShowTips(wrapperEle.scrollHeight > (maxHeight || Infinity));
+      }, 200);
+      wrapperObserver = new ResizeObserver(handleVisibleTips);
+      wrapperObserver.observe(wrapperEle);
+    }
+    return () => {
+      wrapperObserver == null ? void 0 : wrapperObserver.disconnect();
+    };
+  }, [maxHeight]);
+  return /* @__PURE__ */React__default.createElement(Wrapper, {
+    className: cx(contentWrapperClassName, isNull(showTips) && "eagle-ellipsis-content"),
+    maxHeight
+  }, /* @__PURE__ */React__default.createElement("div", {
+    className: "ellipsis-tooltip",
+    ref: overFlowWrapperRef
+  }, tooltip), !!showTips && /* @__PURE__ */React__default.createElement("span", {
+    className: "tips"
+  }, ellipsisTips));
+};
+var EllipsisTooltipContent$1 = EllipsisTooltipContent;
+
+export { EllipsisTooltipContent$1 as default };

package/dist/esm/core/Tooltip/index.js

@@ -1,6 +1,7 @@
 import { Tooltip as Tooltip$2 } from 'antd';
 import cs from 'classnames';
 import React__default, { useRef, useMemo, useCallback, useEffect } from 'react';
+import EllipsisTooltipContent from './EllipsisTooltipContent.js';
 
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -32,7 +33,7 @@ var __objRest = (source, exclude) => {
 };
 let componentId = 0;
 const TooltipDefaultClass = "E_t1m2x205";
-const Tooltip = props => {
+const InternalTooltip = props => {
   const _a = props,
     {
       followMouse,
@@ -80,6 +81,8 @@ const Tooltip = props => {
     }, overlayStyle) : overlayStyle
   }));
 };
+const Tooltip = InternalTooltip;
+Tooltip.EllipsisContent = EllipsisTooltipContent;
 var Tooltip$1 = Tooltip;
 
 export { Tooltip$1 as default };

package/dist/esm/core/index.js

@@ -2,6 +2,7 @@ import Bit from './Bit/index.js';
 import BitPerSecond from './BitPerSecond/index.js';
 import Bps from './Bps/index.js';
 import Byte from './Byte/index.js';
+import BytePerSecond from './BytePerSecond/index.js';
 import Frequency from './Frequency/index.js';
 import Percent from './Percent/index.js';
 import Second from './Second/index.js';
@@ -10,6 +11,7 @@ import Speed from './Speed/index.js';
 const units = {
   Percent,
   Byte,
+  BytePerSecond,
   Frequency,
   Speed,
   Bps,
@@ -18,4 +20,4 @@ const units = {
   Second
 };
 
-export { Bit, BitPerSecond, Bps, Byte, Frequency, Percent, Second, Speed, units as Units, units };
+export { Bit, BitPerSecond, Bps, Byte, BytePerSecond, Frequency, Percent, Second, Speed, units as Units, units };

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

@@ -3,6 +3,7 @@ import Bit from '../../core/Bit/index.js';
 import BitPerSecond from '../../core/BitPerSecond/index.js';
 import Bps from '../../core/Bps/index.js';
 import Byte from '../../core/Byte/index.js';
+import BytePerSecond from '../../core/BytePerSecond/index.js';
 import Frequency from '../../core/Frequency/index.js';
 import Percent from '../../core/Percent/index.js';
 import Second from '../../core/Second/index.js';
@@ -17,6 +18,7 @@ import React__default from 'react';
 const units = {
   Percent,
   Byte,
+  BytePerSecond,
   Frequency,
   Speed,
   Bps,

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

@@ -10,6 +10,8 @@ import dayjs from 'dayjs';
 import React__default, { useState, useEffect, useRef } from 'react';
 import { getDiffMonthAndDate, getTime, checkDateNotInRange, getClassNameForDateBlock } from './common.js';
 import { CalendarStyle } from './DateRangePicker.style.js';
+import { parrotI18n } from '@cloudtower/parrot';
+import { getCalendarTitle } from '../common/getCalendarTitle.js';
 
 const Year = (props) => {
   const { year, onChange } = props;
@@ -78,7 +80,7 @@ const MonthItem = (props) => {
     onRangeChange,
     onMouseEnter
   } = props;
-  const { t } = useParrotTranslation();
+  useParrotTranslation();
   const containerRef = useRef(null);
   const datesContainerRef = useRef(null);
   const headerRef = useRef(null);
@@ -129,8 +131,7 @@ const MonthItem = (props) => {
       className: cx(Typo.Label.l1_bold, isPinned && "pinned"),
       ref: headerRef
     },
-    initMonth.month,
-    t("common.month")
+    getCalendarTitle(initMonth.month.toString(), parrotI18n.t, parrotI18n)
   ), /* @__PURE__ */ React__default.createElement("div", { className: "dates-in-month", ref: datesContainerRef }, new Array(initMonth.firstDateOfDay).fill(null).map((value, index) => /* @__PURE__ */ React__default.createElement("span", { key: `blank-date-${index}`, className: "blank" })), initMonth.dates.map((date) => {
     const _date = getTime(initYear, initMonth.month, date);
     const dateNotIncludeInRange = checkDateNotInRange(

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

@@ -1,4 +1,4 @@
-import { CalendarClockDateTime24GradientGrayIcon, CalendarClockDateTime24GradientBlueIcon, CalendarTimeRecord16Icon } from '@cloudtower/icons-react';
+import { CalendarClockDateTime16SecondaryIcon, CalendarClockDateTime16GradientBlueIcon, CalendarTimeRecord16Icon } from '@cloudtower/icons-react';
 import { cx } from '@linaria/core';
 import Icon from '../../core/Icon/index.js';
 import Input from '../../core/Input/index.js';
@@ -247,7 +247,7 @@ const DateRangePicker = (props) => {
         className: "default-calendar-icon",
         iconWidth: 16,
         iconHeight: 16,
-        src: CalendarClockDateTime24GradientGrayIcon
+        src: CalendarClockDateTime16SecondaryIcon
       }
     ),
     /* @__PURE__ */ React__default.createElement(
@@ -256,7 +256,7 @@ const DateRangePicker = (props) => {
         className: "hover-calendar-icon",
         iconWidth: 16,
         iconHeight: 16,
-        src: CalendarClockDateTime24GradientBlueIcon
+        src: CalendarClockDateTime16GradientBlueIcon
       }
     ),
     /* @__PURE__ */ React__default.createElement(

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

@@ -40,12 +40,14 @@ const SummaryTableRow = props => {
     title,
     children,
     hiddenTitle = false,
-    hiddenBorder = false
+    hiddenBorder = false,
+    dataKey
   } = props;
   return /* @__PURE__ */React__default.createElement(TableRow, {
     className: cs("table-row", {
       hiddenBorder
-    })
+    }),
+    "data-key": dataKey
   }, /* @__PURE__ */React__default.createElement(RowLabel, {
     width: labelWidth,
     className: cs({
@@ -71,7 +73,8 @@ const SummaryTableContent = props => {
       labelWidth,
       hiddenTitle: item == null ? void 0 : item.hiddenTitle,
       hiddenBorder: item == null ? void 0 : item.hiddenBorder,
-      title: item.title
+      title: item.title,
+      dataKey: item.key
     }, item.render ? item.render(value, dataSource) : _.isNull(value) || _.isUndefined(value) || value === "" ? Empty : value);
   }));
 };

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

@@ -3,6 +3,7 @@ import Bit from '../../core/Bit/index.js';
 import BitPerSecond from '../../core/BitPerSecond/index.js';
 import Bps from '../../core/Bps/index.js';
 import Byte from '../../core/Byte/index.js';
+import BytePerSecond from '../../core/BytePerSecond/index.js';
 import Empty from '../../core/Empty/index.js';
 import Frequency from '../../core/Frequency/index.js';
 import Percent from '../../core/Percent/index.js';
@@ -32,6 +33,7 @@ var __spreadValues = (a, b) => {
 const units = {
   Percent,
   Byte,
+  BytePerSecond,
   Frequency,
   Speed,
   Bps,

package/dist/esm/index.js

@@ -20,6 +20,7 @@ export { BreadWrapper, default as Breadcrumb } from './core/Breadcrumb/index.js'
 export { default as Button } from './core/Button/index.js';
 export { default as ButtonGroup, ButtonStyle } from './core/ButtonGroup/index.js';
 export { default as Byte } from './core/Byte/index.js';
+export { default as BytePerSecond } from './core/BytePerSecond/index.js';
 export { default as Calendar } from './core/Calendar/index.js';
 export { default as Card } from './core/Card/index.js';
 export { default as Checkbox } from './core/Checkbox/index.js';
@@ -43,6 +44,7 @@ export { AntdInputNumberStyled, default as InputNumber } from './core/InputNumbe
 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 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';
@@ -79,6 +81,7 @@ 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';
 export { CascaderDoubleRowOption, CascaderOptionWithCount, NotDataContent, PresetCascaderHeader, PresetCascaderRender, defaultTagRender } from './core/Cascader/cascader.widget.js';
 export { Cascader } from './core/Cascader/index.js';
+export { ConfigProvider } from './core/ConfigProvider/index.js';
 export { default as ExpandableContainer } from './core/ExpandableList/ExpandableContainer.js';
 export { default as ExpandableItem } from './core/ExpandableList/ExpandableItem.js';
 export { default as ExpandIcon } from './core/ExpandableList/ExpandIcon.js';
@@ -94,7 +97,10 @@ export { GraphType, TimeUnit } from './core/Metric/type.js';
 export { ParrotTrans } from './core/ParrotTrans/index.js';
 export { Area, TitleArea } from './core/Progress/progress.widgets.js';
 export { Progress } from './core/Progress/index.js';
+export { getOptions } from './core/Select/select.widgets.js';
 export { SidebarMenu } from './core/SidebarMenu/SidebarMenu.js';
+export { default as Skeleton } from './core/Skeleton/index.js';
+export { default as SkeletonContent } from './core/Skeleton/Content.js';
 export { CircleProgress } from './core/StepProgress/index.js';
 export { CannotOperationInfo, CommonContent, ContentWrapper, Desc, Description, Divider, Dot, ErrorSpan, ExpandArrow, FieldTitle, FormField, FormItemDiv, FormSectionTitle, FormWrapper, FullView, HorizontalWizardModalCompactStyle, HorizontalWizardModalLooseStyle, InfoAlert, InputStyle, KitInputStyle, LeftEndInputStyle, LeftEndSelectStyle, LightDesc, LoadingWrapper, ModalBody, ModalWrapper, NameTag, NormalAlert, NoticeAlert, OperationWraper, RadioDesc, RightEndInputStyle, RightEndSelectStyle, SelectOptionDisabledText, TagSpan, TertiaryText, UnitStyle, WarningAlert, WizardBody, radioStyle } from './core/Styled/index.js';
 export { useTableBodyHasScrollBar } from './core/Table/common.js';
@@ -102,9 +108,6 @@ export { TableSkeleton } from './core/Table/TableSkeleton.js';
 export { ColumnTitle, EmptyRowMenu, KitTableContext, TableLoading } from './core/Table/TableWidget.js';
 export { ValidateTriggerType } from './core/TableForm/types.js';
 export { Typo } from './core/Typo/index.js';
-export { ConfigProvider } from './core/ConfigProvider/index.js';
-export { default as Skeleton } from './core/Skeleton/index.js';
-export { default as SkeletonContent } from './core/Skeleton/Content.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';

package/dist/esm/legacy-antd.js

@@ -11,6 +11,7 @@ import Breadcrumb from './core/Breadcrumb/index.js';
 import Button from './core/Button/index.js';
 import ButtonGroup from './core/ButtonGroup/index.js';
 import Byte from './core/Byte/index.js';
+import BytePerSecond from './core/BytePerSecond/index.js';
 import Calendar from './core/Calendar/index.js';
 import Card from './core/Card/index.js';
 import Checkbox from './core/Checkbox/index.js';
@@ -27,6 +28,7 @@ import Form from './core/Form/index.js';
 import Frequency from './core/Frequency/index.js';
 import Input from './core/Input/index.js';
 import InputGroup from './core/InputGroup/index.js';
+import LegacySelect from './core/LegacySelect/index.js';
 import Link from './core/Link/index.js';
 import Loading from './core/Loading/index.js';
 import _message from './core/message/index.js';
@@ -76,6 +78,7 @@ function getAntdKit() {
     loading: Loading,
     error: Error,
     pagination: Pagination,
+    legacySelect: LegacySelect,
     select: Select,
     option: Select$1.Option,
     selectOptGroup: Select$1.OptGroup,
@@ -94,6 +97,7 @@ function getAntdKit() {
     units: {
       Percent,
       Byte,
+      BytePerSecond,
       Frequency,
       Speed,
       Bps,