@cloudtower/eagle 0.22.40 → 0.23.1

package/dist/esm/index.js

@@ -1,10 +1,9 @@
-import { Alert as Alert$1, Badge as Badge$1, Button as Button$1, Tooltip as Tooltip$1, Checkbox as Checkbox$1, DatePicker, Select as Select$1, InputNumber as InputNumber$1, Input as Input$1, TimePicker as TimePicker$1, message, Modal as Modal$1, Steps as Steps$1, Dropdown, Menu, Progress as Progress$1, Radio as Radio$1, Switch as Switch$1, Table as Table$1, Space, Form, List, Tag, Row, Col, Tree, Divider, Skeleton, Layout, AutoComplete, Popover, Timeline, Typography, Cascader, Upload, Calendar, Tabs } from 'antd';
+import { Alert as Alert$1, Badge as Badge$1, Button as Button$1, Tooltip as Tooltip$1, Checkbox as Checkbox$1, DatePicker, Select as Select$1, InputNumber as InputNumber$1, Input as Input$1, TimePicker as TimePicker$1, message, Modal as Modal$1, Steps as Steps$1, Dropdown, Menu, Progress as Progress$1, Radio as Radio$1, Switch as Switch$1, Table as Table$1, Space, Form, List, Tag, Row, Col, Tree, Divider, Skeleton, Layout, AutoComplete, Popover, Timeline, Typography, Cascader, Upload, Calendar, Tabs, ConfigProvider } from 'antd';
 export { Col, Row } from 'antd';
 import React, { useState, useMemo, useRef, useCallback, useEffect, Fragment, useLayoutEffect, createContext, memo, useImperativeHandle, useContext } from 'react';
 import cs from 'classnames';
 import _, { uniqBy, groupBy, sortBy, toPairs } from 'lodash';
-import { parrotI18n } from '@cloudtower/parrot';
-export * from '@cloudtower/parrot';
+import { useTranslation, withTranslation, I18nextProvider } from 'react-i18next';
 import { cx } from '@linaria/core';
 import { styled } from '@linaria/react';
 import moment from 'moment';
@@ -13,10 +12,11 @@ import { isElement } from 'react-is';
 import { CloseCircleFilled, CheckOutlined, SearchOutlined, PlusOutlined, EyeOutlined, EyeInvisibleOutlined } from '@ant-design/icons';
 import { combineReducers, createStore } from 'redux';
 import { createDispatchHook, createSelectorHook, Provider } from 'react-redux';
-import { HandlePoint816SecondaryIcon, HandlePoint816BlueIcon, XmarkRemove16SecondaryIcon, XmarkRemove16RegularRedIcon, CheckmarkDoneSuccessCorrect16BlueIcon } from '@cloudtower/icons-react';
+import { XmarkRemove16SecondaryIcon, XmarkRemove16RegularRedIcon, HandlePoint816SecondaryIcon, HandlePoint816BlueIcon, CheckmarkDoneSuccessCorrect16BlueIcon } from '@cloudtower/icons-react';
 import { DragDropContext, Droppable, Draggable } from 'react-beautiful-dnd';
 import TimeZones from 'timezones.json';
-import { withTranslation } from 'react-i18next';
+import { parrotI18n } from '@cloudtower/parrot';
+export * from '@cloudtower/parrot';
 import dayjs from 'dayjs';
 import 'recharts';
 
@@ -477,10 +477,11 @@ const Alert = (_a) => {
 };
 
 const Arch = (props) => {
+  const { t } = useTranslation();
   const { architecture } = props;
   let text = "";
   if (architecture) {
-    text = parrotI18n.t(`components.Architecture_${architecture}`);
+    text = t(`components.Architecture_${architecture}`);
   }
   return /* @__PURE__ */ React.createElement("span", null, text);
 };
@@ -975,11 +976,12 @@ const Byte = ({
   valueClassName,
   unitClassName
 }) => {
+  const { t } = useTranslation();
   if (isEmpty(rawValue)) {
     return Empty;
   }
   if (rawValue === -1) {
-    return /* @__PURE__ */ React.createElement("span", null, parrotI18n.t("common.calculation"));
+    return /* @__PURE__ */ React.createElement("span", null, t("common.calculation"));
   }
   const { value, unit } = formatBytes(rawValue, decimals);
   if (noUnitOnZero && value === 0) {
@@ -2597,10 +2599,11 @@ var __objRest$5 = (source, exclude) => {
 };
 const Modal = (props) => {
   var _b;
+  const { t } = useTranslation();
   const _a = props, {
     error,
-    okText = parrotI18n.t("common.confirm"),
-    cancelText = parrotI18n.t("common.cancel"),
+    okText = t("common.confirm"),
+    cancelText = t("common.cancel"),
     confirmLoading,
     okButtonProps,
     onOk,
@@ -2649,12 +2652,12 @@ const Modal = (props) => {
     let text = (okButtonProps == null ? void 0 : okButtonProps.children) || okText;
     if (wizard && typeof wizard === "object" && wizard.steps[wizard.step]) {
       const { step, steps } = wizard;
-      text = step < steps.length - 1 ? steps[step].okText || parrotI18n.t("common.next_step") : steps[step].okText || text;
+      text = step < steps.length - 1 ? steps[step].okText || t("common.next_step") : steps[step].okText || text;
     }
     return text;
-  }, [okButtonProps, okText, wizard]);
+  }, [okButtonProps == null ? void 0 : okButtonProps.children, okText, t, wizard]);
   const prevText = useMemo(() => {
-    let text = /* @__PURE__ */ React.createElement("span", null, "< ", parrotI18n.t("common.prev_step"));
+    let text = /* @__PURE__ */ React.createElement("span", null, "< ", t("common.prev_step"));
     if (wizard && typeof wizard === "object" && wizard.steps[wizard.step]) {
       const { step, steps } = wizard;
       if (typeof steps[step].prevText === "string") {
@@ -2664,7 +2667,7 @@ const Modal = (props) => {
       }
     }
     return text;
-  }, [wizard]);
+  }, [t, wizard]);
   const stepsRef = useRef([]);
   if (wizard && typeof wizard === "object" && !wizard.destroyOtherStep && wizard.steps[wizard.step]) {
     stepsRef.current[wizard.step] = wizard.steps[wizard.step].render;
@@ -2781,6 +2784,9 @@ const Pagination = props => {
     selectorVisible = true
   } = props;
   const sizeRef = useRef(size);
+  const {
+    t
+  } = useTranslation();
   useEffect(() => {
     if (sizeRef.current === size) return;
     sizeRef.current = size;
@@ -2795,18 +2801,18 @@ const Pagination = props => {
       const lastRange2 = value + size;
       return {
         value: i + 1,
-        text: parrotI18n.t("components.pagination_range", {
+        text: t("components.pagination_range", {
           range1: value + 1,
           range2: lastRange2 > count ? count : lastRange2
         })
       };
     });
-  }, [selectorVisible, count, size]);
+  }, [selectorVisible, count, size, t]);
   let lastRange = current * size;
   lastRange = lastRange > count ? count : lastRange;
   const renderLeft = () => {
     if (!showTotal) return null;
-    const content = parrotI18n.t("components.pagination_total", {
+    const content = t("components.pagination_total", {
       range1: (current - 1) * size + 1,
       range2: lastRange,
       total: count
@@ -2816,7 +2822,7 @@ const Pagination = props => {
         placement: "topLeft",
         overlayClassName: DropdownOverlayStyle,
         overlay: /* @__PURE__ */React.createElement(Menu, null, /* @__PURE__ */React.createElement(Menu.ItemGroup, {
-          title: parrotI18n.t("components.push_to")
+          title: t("components.push_to")
         }, selectOptions.map(option => /* @__PURE__ */React.createElement(Menu.Item, {
           key: option.value,
           onClick: () => onChange(option.value)
@@ -2851,7 +2857,7 @@ const Pagination = props => {
     onClick: () => {
       onChange == null ? void 0 : onChange(current - 1);
     }
-  }, parrotI18n.t("components.previous_items", {
+  }, t("components.previous_items", {
     size
   })), current * size < count && /* @__PURE__ */React.createElement(Button, {
     className: "next-btn",
@@ -2864,7 +2870,7 @@ const Pagination = props => {
     onClick: () => {
       onChange == null ? void 0 : onChange(current + 1);
     }
-  }, parrotI18n.t("components.next_items", {
+  }, t("components.next_items", {
     size
   }))));
 };
@@ -3075,11 +3081,12 @@ const Second = ({
   unitClassName,
   abbreviate
 }) => {
+  const { t } = useTranslation();
   if (isEmpty(rawValue)) {
     return Empty;
   }
   const { value, unit } = formatSeconds(rawValue, decimals);
-  return /* @__PURE__ */ React.createElement("span", null, /* @__PURE__ */ React.createElement("span", { className: cx("value", valueClassName) }, value, " "), /* @__PURE__ */ React.createElement("span", { className: cx("unit", unitClassName) }, parrotI18n.t(`common.${abbreviate ? `${unit}_abbreviation` : unit}`)));
+  return /* @__PURE__ */ React.createElement("span", null, /* @__PURE__ */ React.createElement("span", { className: cx("value", valueClassName) }, value, " "), /* @__PURE__ */ React.createElement("span", { className: cx("unit", unitClassName) }, t(`common.${abbreviate ? `${unit}_abbreviation` : unit}`)));
 };
 
 const inputStyle = "igz4le8";
@@ -3091,6 +3098,9 @@ const SimplePagination = props => {
     size,
     onPageChange
   } = props;
+  const {
+    t
+  } = useTranslation();
   const pageLength = Math.ceil(count / size);
   const showPrev = current > 1;
   const showNext = current * size < count;
@@ -3106,7 +3116,7 @@ const SimplePagination = props => {
     className: cs(PaginationStyle, "pagination-wrapper", className)
   }, /* @__PURE__ */React.createElement("span", {
     className: Typo.Label.l3_regular_title
-  }, parrotI18n.t("components.pagination_lots_total", {
+  }, t("components.pagination_lots_total", {
     total: count
   })), /* @__PURE__ */React.createElement("span", {
     className: "pagination-right"
@@ -3540,6 +3550,7 @@ const AddRowButton = (props) => {
     updateData,
     data
   } = props;
+  const { t } = useTranslation();
   const _a = buttonProps || {}, {
     disabled: disabledFromProp,
     onClick
@@ -3580,7 +3591,7 @@ const AddRowButton = (props) => {
       },
       disabled
     }),
-    CustomizedButtonText || parrotI18n.t("components.add")
+    CustomizedButtonText || t("components.add")
   ), typeof maximum === "number" ? /* @__PURE__ */ React.createElement(
     "span",
     {
@@ -3590,7 +3601,7 @@ const AddRowButton = (props) => {
         disabled && "disabled"
       )
     },
-    parrotI18n.t("components.maximum_row_count_desc", {
+    t("components.maximum_row_count_desc", {
       count: maximum
     })
   ) : null);
@@ -3599,6 +3610,7 @@ const AddRowButton = (props) => {
 const AffixColumnHeaderCell = ({ data, column, onChange, onBlur }) => {
   const [suffix, setSuffix] = useState("");
   const [prefix, setPrefix] = useState("");
+  const { t } = useTranslation();
   const onPrefixChange = useCallback(
     (e) => {
       const newPrefix = e.target.value;
@@ -3619,7 +3631,7 @@ const AffixColumnHeaderCell = ({ data, column, onChange, onBlur }) => {
     Input$1,
     {
       value: prefix,
-      placeholder: parrotI18n.t("components.prefix"),
+      placeholder: t("components.prefix"),
       size: "small",
       onChange: onPrefixChange,
       onBlur
@@ -3628,7 +3640,7 @@ const AffixColumnHeaderCell = ({ data, column, onChange, onBlur }) => {
     Input$1,
     {
       value: suffix,
-      placeholder: parrotI18n.t("components.suffix"),
+      placeholder: t("components.suffix"),
       size: "small",
       onChange: onSuffixChange,
       onBlur
@@ -3636,6 +3648,15 @@ const AffixColumnHeaderCell = ({ data, column, onChange, onBlur }) => {
   ) : void 0);
 };
 
+const CheckboxColumnHeaderCell = ({ onChange }) => {
+  const _onChange = useCallback(
+    (e) => {
+      onChange(e.target.checked, true);
+    },
+    [onChange]
+  );
+  return /* @__PURE__ */ React.createElement(Checkbox$1, { onChange: _onChange });
+};
 const CheckboxColumnBodyCell = ({ data, column, index, onChange }) => {
   const value = data[index][column.key] === void 0 ? column.defaultValue : data[index][column.key];
   const _onChange = useCallback(
@@ -3773,11 +3794,7 @@ const TextColumnHeaderCell = ({
     column.subTitle
   );
 };
-const TextColumnBodyCell = ({
-  data,
-  column,
-  index
-}) => {
+const TextColumnBodyCell = ({ data, column, index }) => {
   const text = column.displayText || data[index][column.key];
   const CellDescription = useMemo(() => {
     var _a, _b;
@@ -3806,7 +3823,7 @@ const ColumnHeaderImpls = {
   input: InputColumnHeaderCell,
   password: InputColumnHeaderCell,
   affix: AffixColumnHeaderCell,
-  checkbox: TextColumnHeaderCell
+  checkbox: CheckboxColumnHeaderCell
 };
 const ColumnBodyImpls = {
   text: TextColumnBodyCell,
@@ -3826,10 +3843,17 @@ const FormItem = props => {
   return /* @__PURE__ */React.createElement(Form.Item, {
     className: FormItemStyle,
     validateStatus,
-    help: validateStatus ? message : ""
+    help: validateStatus && message ? message : void 0
   }, children);
 };
 
+var ValidateTriggerType = /* @__PURE__ */ ((ValidateTriggerType2) => {
+  ValidateTriggerType2[ValidateTriggerType2["Normal"] = 0] = "Normal";
+  ValidateTriggerType2[ValidateTriggerType2["Aggressive"] = 1] = "Aggressive";
+  ValidateTriggerType2[ValidateTriggerType2["Lazy"] = 2] = "Lazy";
+  return ValidateTriggerType2;
+})(ValidateTriggerType || {});
+
 var __defProp$5 = Object.defineProperty;
 var __defProps$5 = Object.defineProperties;
 var __getOwnPropDescs$5 = Object.getOwnPropertyDescriptors;
@@ -3852,40 +3876,77 @@ var __spreadProps$5 = (a, b) => __defProps$5(a, __getOwnPropDescs$5(b));
 const TableFormBodyCell = (props) => {
   const {
     column,
-    disabled,
     index: rowIndex,
     data,
-    onChange,
     latestData,
+    validateTriggerType,
     isRowError,
-    onBlur
+    getRowValidateResult,
+    disabled,
+    onChange,
+    onBlur,
+    validateAll
   } = props;
+  const [validateResult, setValidateResult] = useState();
+  const isTouched = useRef(false);
   const width = typeof column.width === "number" ? column.width + "px" : column.width;
-  const _onChange = useCallback(
-    (value, data2) => {
-      const newData = data2.map(
-        (row, i) => i === rowIndex ? __spreadProps$5(__spreadValues$5({}, row), { [column.key]: value }) : row
-      );
-      onChange == null ? void 0 : onChange(newData, rowIndex, column.key);
+  const triggerValidate = useCallback(
+    (currentValue) => {
+      var _a;
+      const value = currentValue || data[rowIndex][column.key];
+      const rowData = __spreadProps$5(__spreadValues$5({}, data[rowIndex]), { [column.key]: value });
+      const rowValidateRes = getRowValidateResult(rowData);
+      if (rowValidateRes) {
+        return;
+      }
+      const result = (_a = column.validator) == null ? void 0 : _a.call(column, {
+        value,
+        rowIndex,
+        rowData: data[rowIndex]
+      });
+      const isError = result ? typeof result === "string" : false;
+      setValidateResult({ msg: result || "", isError });
     },
-    [rowIndex, onChange, column]
+    [data, column, rowIndex, getRowValidateResult]
   );
+  useEffect(() => {
+    if (validateAll) {
+      isTouched.current = true;
+      triggerValidate();
+    }
+  }, [validateAll, triggerValidate]);
+  const _onChange = (value, data2) => {
+    const newData = data2.map(
+      (row, i) => i === rowIndex ? __spreadProps$5(__spreadValues$5({}, row), { [column.key]: value }) : row
+    );
+    onChange == null ? void 0 : onChange(newData, rowIndex, column.key);
+    if (validateTriggerType === ValidateTriggerType.Normal && isTouched.current || validateTriggerType === ValidateTriggerType.Aggressive) {
+      triggerValidate(value);
+    }
+  };
   const _onBlur = useCallback(() => {
+    isTouched.current = true;
+    triggerValidate();
     onBlur == null ? void 0 : onBlur(data, rowIndex, column.key);
-  }, [rowIndex, column, onBlur, data]);
+  }, [rowIndex, column, onBlur, data, triggerValidate]);
   const renderDefaultComponent = () => {
     if (!column.type)
       return null;
     const CellComponent = ColumnBodyImpls[column.type];
     return /* @__PURE__ */ React.createElement(
       CellComponent,
-      __spreadProps$5(__spreadValues$5({}, props), {
-        customData: column.customData,
+      {
+        disabled,
+        data,
+        index: rowIndex,
+        latestData,
+        column,
+        visible: props.visible,
         onChange: (val) => {
           _onChange(val, data);
         },
         onBlur: _onBlur
-      })
+      }
     );
   };
   const Cell = column.render ? column.render({
@@ -3910,24 +3971,6 @@ const TableFormBodyCell = (props) => {
     })) || null;
     return typeof Result === "string" ? /* @__PURE__ */ React.createElement("p", { className: cx(Typo.Label.l4_regular, "cell-description") }, Result) : Result;
   }, [rowIndex, data, latestData, column]);
-  const validateResult = useMemo(() => {
-    var _a;
-    if (isRowError) {
-      return {
-        msg: "",
-        isError: true
-      };
-    }
-    const value = data[rowIndex][column.key];
-    const result = (_a = column.validator) == null ? void 0 : _a.call(column, {
-      value,
-      rowIndex,
-      rowData: data[rowIndex]
-    });
-    if (typeof result === "string" && result) {
-      return { msg: result, isError: true };
-    }
-  }, [data, column, rowIndex, isRowError]);
   return /* @__PURE__ */ React.createElement(
     "div",
     {
@@ -3941,8 +3984,8 @@ const TableFormBodyCell = (props) => {
     /* @__PURE__ */ React.createElement(
       FormItem,
       {
-        validateStatus: (validateResult == null ? void 0 : validateResult.isError) ? "error" : "",
-        message: (validateResult == null ? void 0 : validateResult.isError) && validateResult.msg ? validateResult.msg : void 0
+        validateStatus: isRowError || (validateResult == null ? void 0 : validateResult.isError) ? "error" : "",
+        message: isRowError ? "" : validateResult == null ? void 0 : validateResult.msg
       },
       Cell
     ),
@@ -3976,24 +4019,36 @@ const TableFormRow = (props) => {
     latestData,
     disabled,
     passwordVisible,
-    deletable,
+    deleteConfig,
     draggable,
     rowIndex,
     provided,
     snapshot,
+    validateTriggerType = ValidateTriggerType.Normal,
     updateData,
     onBodyBlur,
     renderRowDescription,
-    rowValidator
+    rowValidator,
+    validateAll
   } = props;
+  const { t } = useTranslation();
   const rowData = data[rowIndex];
-  const deleteRow = (index, data2) => {
-    const newData = [...data2];
-    newData.splice(index, 1);
-    updateData(newData);
-  };
-  const getRowActions = (index, rowDeletable) => {
-    const isRowDeleteDisabled = rowDeletable === false;
+  const [rowError, setRowError] = useState();
+  const deleteRow = useCallback(
+    (index, data2) => {
+      const newData = [...data2];
+      newData.splice(index, 1);
+      updateData(newData);
+    },
+    [updateData]
+  );
+  const RowActions = useMemo(() => {
+    var _a;
+    const isRowDeleteDisabled = (_a = deleteConfig == null ? void 0 : deleteConfig.specifyRowDeleteDisabled) == null ? void 0 : _a.call(
+      deleteConfig,
+      rowIndex,
+      data
+    );
     const DeleteIcon = /* @__PURE__ */ React.createElement(
       Icon,
       {
@@ -4003,20 +4058,21 @@ const TableFormRow = (props) => {
         onClick: () => {
           if (isRowDeleteDisabled)
             return;
-          deleteRow(index, data);
+          deleteRow(rowIndex, data);
         }
       }
     );
-    const FinalRenderIcon = isRowDeleteDisabled ? DeleteIcon : /* @__PURE__ */ React.createElement(Tooltip, { title: parrotI18n.t("components.remove") }, DeleteIcon);
-    return deletable ? [FinalRenderIcon] : void 0;
-  };
-  const RowValidateResult = useMemo(() => {
-    const result = rowValidator == null ? void 0 : rowValidator(rowIndex, data[rowIndex]);
-    if (typeof result === "string" && result) {
-      return /* @__PURE__ */ React.createElement("p", { className: cx(Typo.Label.l4_regular, "row-error-message") }, result);
-    }
-    return null;
-  }, [rowValidator, rowIndex, data]);
+    const FinalRenderIcon = isRowDeleteDisabled ? DeleteIcon : /* @__PURE__ */ React.createElement(Tooltip, { title: t("components.remove") }, DeleteIcon);
+    return (deleteConfig == null ? void 0 : deleteConfig.deletable) ? [FinalRenderIcon] : void 0;
+  }, [rowIndex, deleteConfig, data, deleteRow]);
+  const getRowValidateResult = useCallback(
+    (rowData2) => {
+      const result = rowValidator == null ? void 0 : rowValidator(rowIndex, rowData2);
+      setRowError(result);
+      return result;
+    },
+    [rowValidator, rowIndex]
+  );
   const Cells = columns.map((col) => {
     return /* @__PURE__ */ React.createElement(
       TableFormBodyCell,
@@ -4030,7 +4086,10 @@ const TableFormRow = (props) => {
         onChange: updateData,
         onBlur: onBodyBlur,
         visible: passwordVisible,
-        isRowError: !!RowValidateResult
+        validateTriggerType,
+        isRowError: !!rowError,
+        getRowValidateResult,
+        validateAll
       }
     );
   });
@@ -4060,11 +4119,11 @@ const TableFormRow = (props) => {
         "eagle-table-form-row",
         (snapshot == null ? void 0 : snapshot.isDragging) && "isDragging"
       ),
-      actions: getRowActions(rowIndex, rowData.deletable)
+      actions: RowActions
     },
     DraggableHandle,
     Cells,
-    RowValidateResult,
+    rowError ? /* @__PURE__ */ React.createElement("p", { className: cx(Typo.Label.l4_regular, "row-error-message") }, rowError) : null,
     RowDescription
   );
 };
@@ -4132,7 +4191,7 @@ const BatchInputListHeaderCell = (props) => {
   const [errMsg, setErrMsg] = useState();
   const width = Number.isNaN(Number(column.width)) ? column.width : column.width + "px";
   const headerOnChange = useCallback(
-    (value) => {
+    (value, shouldUpdateData = false) => {
       var _a;
       const err = (_a = column.validator) == null ? void 0 : _a.call(column, { value, isHeader: true });
       setErrMsg(err || void 0);
@@ -4142,7 +4201,7 @@ const BatchInputListHeaderCell = (props) => {
           [column.key]: shouldAutoIncrease && typeof value === "string" ? increaseLastNumber(value, rowIndex) : value
         });
       });
-      onChange == null ? void 0 : onChange(newData, column.key);
+      onChange == null ? void 0 : onChange(newData, column.key, shouldUpdateData);
     },
     [onChange, data, column]
   );
@@ -4178,14 +4237,14 @@ const BatchInputListHeaderCell = (props) => {
         visibility: column.hidden ? "hidden" : "visible"
       }
     },
-    /* @__PURE__ */ React.createElement(
+    /* @__PURE__ */ React.createElement("p", { className: cx(Typo.Label.l3_bold_title, TitleStyle) }, column.title),
+    disableBatchFilling ? null : /* @__PURE__ */ React.createElement(
       FormItem,
       {
         validateStatus: typeof errMsg === "string" && errMsg ? "error" : "",
         message: errMsg || void 0
       },
-      /* @__PURE__ */ React.createElement("p", { className: cx(Typo.Label.l3_bold_title, TitleStyle) }, column.title),
-      disableBatchFilling ? null : renderCell()
+      renderCell()
     )
   );
 };
@@ -4212,16 +4271,18 @@ var __spreadProps$2 = (a, b) => __defProps$2(a, __getOwnPropDescs$2(b));
 const DEFAULT_ROW_COUNT = 3;
 const TableForm = React.forwardRef(
   ({
-    defaultData,
+    defaultData = [],
     columns,
     disabled,
     rowAddConfig,
-    deletable,
+    deleteConfig,
     size = "default",
     className,
     draggable,
     disableBatchFilling = false,
     rowSplitType = "border",
+    validateTriggerType,
+    maxHeight,
     renderRowDescription,
     rowValidator,
     onHeaderChange,
@@ -4229,12 +4290,10 @@ const TableForm = React.forwardRef(
     onBodyChange,
     onBodyBlur
   }, ref) => {
-    const treatedDefaultData = useMemo(() => {
-      return defaultData || [...Array(DEFAULT_ROW_COUNT)].map(() => genEmptyRow(columns));
-    }, [defaultData, columns]);
-    const [data, setData] = useState(treatedDefaultData);
+    const [data, setData] = useState(defaultData);
     const [passwordVisible, setPasswordVisible] = useState(false);
-    const [latestData, setLatestData] = useState(treatedDefaultData);
+    const [latestData, setLatestData] = useState(defaultData);
+    const [validateAll, setValidateAll] = useState(false);
     const updateData = useCallback(
       (value, rowIndex, columnKey) => {
         setLatestData(value);
@@ -4243,12 +4302,23 @@ const TableForm = React.forwardRef(
       },
       [onBodyChange]
     );
+    useLayoutEffect(() => {
+      if (defaultData.length === 0) {
+        updateData(
+          [...Array(DEFAULT_ROW_COUNT)].map(() => genEmptyRow(columns))
+        );
+      }
+    }, []);
     const handleBatchChange = useCallback(
-      (newData, columnKey) => {
+      (newData, columnKey, shouldUpdateData) => {
         setLatestData(newData);
         onHeaderChange == null ? void 0 : onHeaderChange(newData, columnKey);
+        if (shouldUpdateData) {
+          setData(newData);
+          onBodyChange == null ? void 0 : onBodyChange(newData, void 0, columnKey);
+        }
       },
-      [onHeaderChange]
+      [onHeaderChange, onBodyChange]
     );
     const handleBatchBlur = useCallback(
       (key, error) => {
@@ -4273,6 +4343,9 @@ const TableForm = React.forwardRef(
       () => ({
         setData: (data2) => {
           updateData(data2);
+        },
+        validateWholeFields() {
+          setValidateAll(true);
         }
       }),
       [updateData]
@@ -4293,31 +4366,46 @@ const TableForm = React.forwardRef(
         }
       );
     });
-    return /* @__PURE__ */ React.createElement("div", { className }, /* @__PURE__ */ React.createElement(TableFormWrapper, { className: `table-form row-split-by-${rowSplitType}` }, /* @__PURE__ */ React.createElement(List, { size, className: `size-${size}` }, /* @__PURE__ */ React.createElement(
-      List.Item,
+    const tableFormWrapperStyle = useMemo(
+      () => maxHeight ? {
+        maxHeight: typeof maxHeight === "number" ? maxHeight + "px" : maxHeight
+      } : void 0,
+      []
+    );
+    return /* @__PURE__ */ React.createElement("div", { className }, /* @__PURE__ */ React.createElement(
+      TableFormWrapper,
       {
-        className: "eagle-table-form-header",
-        actions: deletable ? [/* @__PURE__ */ React.createElement(React.Fragment, null)] : void 0
+        className: `table-form row-split-by-${rowSplitType}`,
+        style: tableFormWrapperStyle
       },
-      draggable ? /* @__PURE__ */ React.createElement(DraggableHandleWrapper, null) : null,
-      headerCells
-    ), /* @__PURE__ */ React.createElement(
-      TableFormBodyRows,
-      {
-        data,
-        latestData,
-        columns,
-        passwordVisible,
-        deletable,
-        disabled,
-        draggable,
-        rowSplitType,
-        onBodyBlur,
-        updateData,
-        renderRowDescription,
-        rowValidator
-      }
-    ))), (rowAddConfig == null ? void 0 : rowAddConfig.addible) ? /* @__PURE__ */ React.createElement(
+      /* @__PURE__ */ React.createElement(List, { size, className: `size-${size}` }, /* @__PURE__ */ React.createElement(
+        List.Item,
+        {
+          className: "eagle-table-form-header",
+          actions: (deleteConfig == null ? void 0 : deleteConfig.deletable) ? [/* @__PURE__ */ React.createElement(React.Fragment, null)] : void 0
+        },
+        draggable ? /* @__PURE__ */ React.createElement(DraggableHandleWrapper, null) : null,
+        headerCells
+      ), /* @__PURE__ */ React.createElement(
+        TableFormBodyRows,
+        {
+          data,
+          latestData,
+          columns,
+          passwordVisible,
+          deleteConfig,
+          disabled,
+          draggable,
+          rowSplitType,
+          validateTriggerType,
+          onBodyBlur,
+          updateData,
+          renderRowDescription,
+          rowValidator,
+          validateAll
+        }
+      ))
+    ), (rowAddConfig == null ? void 0 : rowAddConfig.addible) ? /* @__PURE__ */ React.createElement(
       AddRowButton,
       {
         config: rowAddConfig,
@@ -4371,6 +4459,9 @@ const TimeZoneSelect = props => {
     defaultOptionValue
   } = props;
   const [innerValue, setInnerValue] = useState(value);
+  const {
+    t
+  } = useTranslation();
   const defaultTz = useMemo(() => {
     return allTimeZones.find(tz => tz.value === defaultOptionValue);
   }, [defaultOptionValue]);
@@ -4413,7 +4504,7 @@ const TimeZoneSelect = props => {
   return /* @__PURE__ */React.createElement(Select, {
     className: cx(SelectStyle, className),
     dropdownClassName: DropdownStyle,
-    placeholder: /* @__PURE__ */React.createElement("span", null, placeholder || parrotI18n.t("components.time_zone_select_placeholder")),
+    placeholder: /* @__PURE__ */React.createElement("span", null, placeholder || t("components.time_zone_select_placeholder")),
     value: innerValue,
     onChange: _onChange,
     showSearch: true,
@@ -4425,26 +4516,26 @@ const TimeZoneSelect = props => {
     input: {}
   }, defaultTz ? /* @__PURE__ */React.createElement(Select$1.Option, {
     value: DefaultTimeValue,
-    label: parrotI18n.t("components.default_time_zone"),
+    label: `${t("components.default_time_zone")} (${getUTCOffsetText(defaultTz.offset)})`,
     className: OptionWrapperStyle
   }, /* @__PURE__ */React.createElement(TimeZoneOption, {
     key: DefaultTimeValue,
-    customLabel: parrotI18n.t("components.default_time_zone"),
+    customLabel: t("components.default_time_zone"),
     timeZone: defaultTz
   })) : void 0, /* @__PURE__ */React.createElement(Select$1.Option, {
     value: BrowserTimeValue,
-    label: parrotI18n.t("components.browser_time_zone"),
+    label: `${t("components.browser_time_zone")} (${getUTCOffsetText(browserTz.offset)})`,
     className: OptionWrapperStyle
   }, /* @__PURE__ */React.createElement(TimeZoneOption, {
     key: BrowserTimeValue,
-    customLabel: parrotI18n.t("components.browser_time_zone"),
+    customLabel: t("components.browser_time_zone"),
     timeZone: browserTz
   })), /* @__PURE__ */React.createElement(Select$1.Option, {
     value: "UTC",
     className: OptionWrapperStyle
   }, /* @__PURE__ */React.createElement(TimeZoneOption, {
     key: "utc",
-    customLabel: parrotI18n.t("components.coorddinated_universal_time"),
+    customLabel: t("components.coorddinated_universal_time"),
     timeZone: {
       value: "UTC",
       text: "UTC",
@@ -4453,18 +4544,20 @@ const TimeZoneSelect = props => {
     }
   })), timeZoneOptionGroups);
 };
+function getUTCOffsetText(offset) {
+  if (offset === 0) {
+    return "UTC";
+  } else if (offset < 0) {
+    return `UTC${offset}:00`;
+  } else {
+    return `UTC+${offset}:00`;
+  }
+}
 const TimeZoneOption = ({
   timeZone,
   customLabel
 }) => {
-  let tagText = "";
-  if (timeZone.offset === 0) {
-    tagText = "UTC";
-  } else if (timeZone.offset < 0) {
-    tagText = `UTC${timeZone.offset}:00`;
-  } else {
-    tagText = `UTC+${timeZone.offset}:00`;
-  }
+  let tagText = getUTCOffsetText(timeZone.offset);
   return /* @__PURE__ */React.createElement(React.Fragment, null, /* @__PURE__ */React.createElement("div", {
     className: OptionFirstLineStyle
   }, /* @__PURE__ */React.createElement("span", {
@@ -4488,6 +4581,7 @@ function getAntdKit() {
     pagination: Pagination,
     select: Select,
     option: Select$1.Option,
+    selectOptGroup: Select$1.OptGroup,
     table: Table,
     row: Row,
     col: Col,
@@ -4559,7 +4653,8 @@ function getAntdKit() {
     antdMessage: message,
     antdButton: Button$1,
     antdSelect: Select$1,
-    antdTooltip: Tooltip$1
+    antdTooltip: Tooltip$1,
+    antdModal: Modal$1
   };
   kit.option.isSelectOption = true;
   kit.button.__ANT_BUTTON = true;
@@ -4593,6 +4688,9 @@ const FailedLoad = props => {
     title,
     refetchText
   } = props;
+  const {
+    t
+  } = useTranslation();
   return /* @__PURE__ */React.createElement("div", {
     className: cs(FailedLoadStyle, className),
     title
@@ -4601,7 +4699,7 @@ const FailedLoad = props => {
   }, String(error)), /* @__PURE__ */React.createElement(Button, {
     type: "ordinary",
     onClick: () => refetch()
-  }, refetchText || parrotI18n.t("common.retry")));
+  }, refetchText || t("common.retry")));
 };
 
 function getRangeTimestamp(dateRange) {
@@ -4704,7 +4802,7 @@ var __spreadValues = (a, b) => {
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 const kitContext = createContext(antdKit);
 const UIKitProvider = (props) => {
-  const { children, kit = antdKit, message } = props;
+  const { children, kit = antdKit, message, antdConfig } = props;
   const _kit = useMemo(() => {
     if ((message == null ? void 0 : message.batch) != null) {
       return __spreadProps(__spreadValues({}, kit), {
@@ -4713,10 +4811,10 @@ const UIKitProvider = (props) => {
     }
     return kit;
   }, [kit, message == null ? void 0 : message.batch]);
-  return /* @__PURE__ */ React.createElement(kitContext.Provider, { value: _kit }, children);
+  return /* @__PURE__ */ React.createElement(I18nextProvider, { i18n: parrotI18n }, /* @__PURE__ */ React.createElement(kitContext.Provider, { value: _kit }, /* @__PURE__ */ React.createElement(ConfigProvider, __spreadValues({ autoInsertSpaceInButton: false }, antdConfig), children)));
 };
 const useUIKit = () => {
   return useContext(kitContext);
 };
 
-export { Architecture, Button, ButtonStyle, EntityAsyncStatus, FailedLoad, Icon, InputTagItem, KitStoreProvider, ModalActions, ModalStack, TaskStatus, Typo, UIKitProvider, UIKitStore, UserSource, antdKit, closeModal, createBatchMessageMethods, kitContext, popModal, pushModal, tableStyleCover, tickFormatter, useElementsSize, useKitDispatch, useKitSelector, useUIKit };
+export { Architecture, Button, ButtonStyle, EntityAsyncStatus, FailedLoad, FullView, Icon, InputTagItem, KitStoreProvider, ModalActions, ModalStack, TaskStatus, Typo, UIKitProvider, UIKitStore, UserSource, ValidateTriggerType, WizardBody, antdKit, closeModal, createBatchMessageMethods, kitContext, popModal, pushModal, tableStyleCover, tickFormatter, useElementsSize, useKitDispatch, useKitSelector, useUIKit };