@cloudtower/eagle 0.34.0 → 0.34.2

package/dist/esm/UIKitProvider/index.js

@@ -1,10 +1,11 @@
 import { parrotI18n } from '@cloudtower/parrot';
-import _message from '../core/message/index.js';
+import _message from '../core/message/message.js';
 import { antdKit } from '../legacy-antd.js';
 import { omit } from 'lodash';
 import React__default, { createContext, useMemo, useEffect, useContext } from 'react';
 import { ConfigProvider } from '../core/ConfigProvider/index.js';
 import { createBatchMessageMethods } from '../core/message-group/index.js';
+import { MessageContext } from '../core/message/useMessage.js';
 
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -26,7 +27,6 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 const kitContext = createContext(antdKit);
-const MessageContext = createContext(_message);
 const UIKitProvider = (props) => {
   const { children, kit = antdKit, message, lng = "en-US", config } = props;
   const batchMessage = useMemo(() => {
@@ -60,8 +60,5 @@ var UIKitProvider$1 = UIKitProvider;
 const useUIKit = () => {
   return useContext(kitContext);
 };
-const useMessage = () => {
-  return useContext(MessageContext);
-};
 
-export { MessageContext, UIKitProvider$1 as default, kitContext, useMessage, useUIKit };
+export { UIKitProvider$1 as default, kitContext, useUIKit };

package/dist/esm/core/Banner/banner.style.js

@@ -0,0 +1,6 @@
+const BasicBanner = "E_bpgac8u";
+const ErrorBanner = "E_envn4g3";
+const InfoBanner = "E_i12w18eu";
+const WarningBanner = "E_wujsnt4";
+
+export { BasicBanner, ErrorBanner, InfoBanner, WarningBanner };

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

@@ -0,0 +1,25 @@
+import { InfoICircleFill16OntintIcon } from '@cloudtower/icons-react';
+import Icon from '../Icon/index.js';
+import { Typo } from '../Typo/index.js';
+import cs from 'classnames';
+import React__default from 'react';
+import { BasicBanner, ErrorBanner, InfoBanner, WarningBanner } from './banner.style.js';
+import { Show } from '../../coreX/Show/index.js';
+
+const Banner = ({ message, type, btnProps }) => {
+  return /* @__PURE__ */ React__default.createElement("div", { id: "global-banner" }, /* @__PURE__ */ React__default.createElement(
+    "div",
+    {
+      className: cs(Typo.Label.l3_bold, BasicBanner, {
+        [ErrorBanner]: type === "error",
+        [InfoBanner]: type === "info",
+        [WarningBanner]: type === "warning"
+      })
+    },
+    /* @__PURE__ */ React__default.createElement(Icon, { src: InfoICircleFill16OntintIcon }),
+    /* @__PURE__ */ React__default.createElement("span", null, message),
+    /* @__PURE__ */ React__default.createElement(Show, { condition: !(btnProps == null ? void 0 : btnProps.hide) }, /* @__PURE__ */ React__default.createElement("span", { className: "dashed-btn", onClick: btnProps == null ? void 0 : btnProps.onClick }, btnProps == null ? void 0 : btnProps.text))
+  ));
+};
+
+export { Banner };

package/dist/esm/core/BasicCTError/BasicCTError.style.js

@@ -0,0 +1,3 @@
+const BasicCTErrorStyle = "E_b1jaupqb";
+
+export { BasicCTErrorStyle };

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

@@ -0,0 +1,34 @@
+import React__default, { useMemo } from 'react';
+import { cx } from '@linaria/core';
+import { BasicCTErrorStyle } from './BasicCTError.style.js';
+import { Typo } from '../Typo/index.js';
+import { useCTErrorMsg } from '../../hooks/useCTErrorMsg.js';
+import useParrotTranslation from '../../hooks/useParrotTranslation.js';
+
+const defaultErrorContainerRender = ({
+  children,
+  className
+}) => {
+  return /* @__PURE__ */ React__default.createElement("span", { className: cx(Typo.Label.l3_regular, BasicCTErrorStyle, className) }, children);
+};
+const BasicCTError = (props) => {
+  const {
+    error,
+    className,
+    ErrorItemRender,
+    ErrorContainerRender,
+    errorMsgOptions
+  } = props;
+  const msgs = useCTErrorMsg(error, errorMsgOptions);
+  const { t } = useParrotTranslation();
+  const ContainerRender = ErrorContainerRender || defaultErrorContainerRender;
+  const child = useMemo(() => {
+    if (ErrorItemRender) {
+      return msgs.map((errorMsg, index) => /* @__PURE__ */ React__default.createElement(ErrorItemRender, { errorMsg, index, key: index }));
+    }
+    return msgs.join("");
+  }, [msgs, ErrorItemRender, t]);
+  return /* @__PURE__ */ React__default.createElement(ContainerRender, { className, errorMsgs: msgs, children: child });
+};
+
+export { BasicCTError };

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

@@ -7,7 +7,7 @@ import antd5enUS from 'antd5/lib/locale/en_US';
 import antd5zhCN from 'antd5/lib/locale/zh_CN';
 import dayjs from 'dayjs';
 import moment from 'moment';
-import React__default, { useEffect } from 'react';
+import React__default, { createContext, useContext, useEffect } from 'react';
 
 var __defProp = Object.defineProperty;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
@@ -25,9 +25,14 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
+const ConfigProviderContext = createContext({});
+const useConfig = () => {
+  return useContext(ConfigProviderContext);
+};
 const ConfigProvider = ({
   antd5Configs,
   antd4Configs,
+  config = {},
   children
 }) => {
   const { i18n } = useParrotTranslation();
@@ -39,7 +44,7 @@ const ConfigProvider = ({
     i18n.on("languageChanged", adjustDateLocale);
     adjustDateLocale(i18n.language);
   }, [i18n]);
-  return /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ React__default.createElement(ConfigProviderContext.Provider, { value: config }, /* @__PURE__ */ React__default.createElement(
     ConfigProvider$1,
     __spreadValues({
       autoInsertSpaceInButton: false,
@@ -53,7 +58,7 @@ const ConfigProvider = ({
       }, antd4Configs),
       children
     )
-  );
+  ));
 };
 
-export { ConfigProvider };
+export { ConfigProvider, useConfig };

package/dist/esm/core/Fields/FieldsDateTimeRange/index.js

@@ -2,9 +2,25 @@ import { DatePicker } from 'antd';
 import moment from 'moment';
 import React__default from '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));
 var __objRest = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -26,7 +42,9 @@ const FieldsDateTimeRange = (_a) => {
   var _a2, _b2;
   return /* @__PURE__ */ React__default.createElement("div", { className: "datatime-range" }, /* @__PURE__ */ React__default.createElement(
     DatePicker.RangePicker,
-    {
+    __spreadProps(__spreadValues({
+      showTime: true
+    }, input), {
       onFocus: () => {
         var _a3;
         return (_a3 = input.onFocus) == null ? void 0 : _a3.call(input);
@@ -35,12 +53,11 @@ const FieldsDateTimeRange = (_a) => {
         var _a3;
         return (_a3 = input.onBlur) == null ? void 0 : _a3.call(input);
       },
-      showTime: true,
       defaultValue: (_a2 = input.value) == null ? void 0 : _a2.map((v) => v && moment(v)),
       onChange: input.onChange,
       value: (_b2 = input.value) == null ? void 0 : _b2.map((v) => v && moment(v)),
       format: props.format
-    }
+    })
   ));
 };
 var FieldsDateTimeRange$1 = FieldsDateTimeRange;

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

@@ -0,0 +1,182 @@
+import { ExclamationErrorCircleFill16RedIcon, XmarkCloseBold24TertiaryIcon, XmarkCloseBold24SecondaryIcon } from '@cloudtower/icons-react';
+import { cx } from '@linaria/core';
+import Button from '../Button/index.js';
+import { usePopModal } from '../KitStoreProvider/index.js';
+import { Typo } from '../Typo/index.js';
+import Icon from '../Icon/index.js';
+import OverflowTooltip from '../../coreX/OverflowTooltip/index.js';
+import useParrotTranslation from '../../hooks/useParrotTranslation.js';
+import { Modal } from 'antd';
+import React__default, { useMemo } from 'react';
+import { FooterStyle, FooterButtonStyle, ErrorStyle, ErrorIconStyle, ErrorTextStyle, FooterButtonRightStyle, TitleStyle, ImmersiveDialogStyle, FullContentStyle, MultiAreaStyle, CloseIconStyle, BodyStyle, MultiAreaBodyStyle, CancelButtonStyle } from './styles.js';
+
+var __defProp = Object.defineProperty;
+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 __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+function ImmersiveDialog(props) {
+  const _a = props, {
+    className,
+    title,
+    children,
+    footerLeftAction,
+    left,
+    right,
+    leftClassName,
+    rightClassName,
+    closeIcon,
+    footer,
+    showCancel = true,
+    showOk = true,
+    okLoading,
+    okButtonProps,
+    cancelButtonProps,
+    okText,
+    cancelText,
+    error,
+    visible = true,
+    isContentFull,
+    onCancel,
+    onOk
+  } = _a, restProps = __objRest(_a, [
+    "className",
+    "title",
+    "children",
+    "footerLeftAction",
+    "left",
+    "right",
+    "leftClassName",
+    "rightClassName",
+    "closeIcon",
+    "footer",
+    "showCancel",
+    "showOk",
+    "okLoading",
+    "okButtonProps",
+    "cancelButtonProps",
+    "okText",
+    "cancelText",
+    "error",
+    "visible",
+    "isContentFull",
+    "onCancel",
+    "onOk"
+  ]);
+  const { t } = useParrotTranslation();
+  const popModal = usePopModal();
+  const _confirmText = useMemo(() => {
+    let text = okText || t("common.confirm");
+    return text;
+  }, [okText, t]);
+  const finalFooter = useMemo(() => {
+    return footer || /* @__PURE__ */ React__default.createElement("div", { className: FooterStyle }, /* @__PURE__ */ React__default.createElement("div", { className: FooterButtonStyle }, footerLeftAction, error && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("span", { className: cx(ErrorStyle, Typo.Label.l2_regular) }, /* @__PURE__ */ React__default.createElement(
+      ExclamationErrorCircleFill16RedIcon,
+      {
+        className: ErrorIconStyle
+      }
+    ), /* @__PURE__ */ React__default.createElement(
+      OverflowTooltip,
+      {
+        className: ErrorTextStyle,
+        multiLines: 3,
+        content: error,
+        tooltip: error
+      }
+    )))), /* @__PURE__ */ React__default.createElement("div", { className: FooterButtonRightStyle }, showCancel ? /* @__PURE__ */ React__default.createElement(
+      Button,
+      __spreadValues({
+        type: "quiet",
+        className: CancelButtonStyle,
+        onMouseDown: (e) => {
+          e.preventDefault();
+        },
+        onClick: (e) => {
+          popModal();
+          onCancel == null ? void 0 : onCancel(e);
+        }
+      }, cancelButtonProps),
+      cancelText || t("common.cancel")
+    ) : null, showOk ? /* @__PURE__ */ React__default.createElement(
+      Button,
+      __spreadValues({
+        onClick: (e) => {
+          onOk == null ? void 0 : onOk(e);
+        },
+        type: "primary",
+        loading: okLoading
+      }, okButtonProps),
+      _confirmText
+    ) : null));
+  }, [
+    footerLeftAction,
+    _confirmText,
+    cancelButtonProps,
+    cancelText,
+    error,
+    footer,
+    okButtonProps,
+    okLoading,
+    onCancel,
+    onOk,
+    popModal,
+    showCancel,
+    showOk,
+    t
+  ]);
+  return /* @__PURE__ */ React__default.createElement(
+    Modal,
+    __spreadValues({
+      width: "calc(100% - 20px)",
+      title: /* @__PURE__ */ React__default.createElement("span", { className: cx(Typo.Display.d1_bold_title, TitleStyle) }, title),
+      className: cx(
+        ImmersiveDialogStyle,
+        isContentFull ? FullContentStyle : MultiAreaStyle,
+        className
+      ),
+      closeIcon: closeIcon != null ? closeIcon : /* @__PURE__ */ React__default.createElement(
+        Icon,
+        {
+          src: XmarkCloseBold24TertiaryIcon,
+          className: CloseIconStyle,
+          iconHeight: 24,
+          iconWidth: 24,
+          hoverSrc: XmarkCloseBold24SecondaryIcon
+        }
+      ),
+      footer: finalFooter,
+      onCancel: (e) => {
+        popModal();
+        onCancel == null ? void 0 : onCancel(e);
+      },
+      visible,
+      destroyOnClose: true
+    }, restProps),
+    /* @__PURE__ */ React__default.createElement("div", { className: cx(BodyStyle, isContentFull ? "" : MultiAreaBodyStyle) }, isContentFull ? null : /* @__PURE__ */ React__default.createElement("div", { className: cx("left", leftClassName) }, left), /* @__PURE__ */ React__default.createElement("div", { className: "middle" }, children), isContentFull ? null : /* @__PURE__ */ React__default.createElement("div", { className: cx("right", rightClassName) }, right))
+  );
+}
+
+export { ImmersiveDialog };

package/dist/esm/core/ImmersiveDialog/styles.js

@@ -0,0 +1,16 @@
+const ImmersiveDialogStyle = "E_icab5o7";
+const MultiAreaStyle = "E_msiso3p";
+const CloseIconStyle = "E_cxvrrew";
+const TitleStyle = "E_tskzd0j";
+const FullContentStyle = "E_f1fbnfp";
+const BodyStyle = "E_b4g2nsx";
+const MultiAreaBodyStyle = "E_myhed70";
+const FooterStyle = "E_fo07jei";
+const FooterButtonStyle = "E_fph3s12";
+const FooterButtonRightStyle = "E_f1f8uj0i";
+const ErrorStyle = "E_ejcjd85";
+const ErrorIconStyle = "E_e1lj3r2s";
+const ErrorTextStyle = "E_eb58k2y";
+const CancelButtonStyle = "E_c1bad0d";
+
+export { BodyStyle, CancelButtonStyle, CloseIconStyle, ErrorIconStyle, ErrorStyle, ErrorTextStyle, FooterButtonRightStyle, FooterButtonStyle, FooterStyle, FullContentStyle, ImmersiveDialogStyle, MultiAreaBodyStyle, MultiAreaStyle, TitleStyle };

package/dist/esm/core/LineChart/LineChartLegend.js

@@ -48,7 +48,8 @@ const LineChartLegend = (props) => {
                 onMouseLeave: () => onHover("leave", legend.id)
               },
               /* @__PURE__ */ React__default.createElement(LineChartColorBlock, { background: legend.color }),
-              /* @__PURE__ */ React__default.createElement("span", { className: "legend-name" }, legend.name)
+              /* @__PURE__ */ React__default.createElement("span", { className: "legend-name" }, /* @__PURE__ */ React__default.createElement(Truncate, { text: legend.name, len: 50, backLen: 20 })),
+              /* @__PURE__ */ React__default.createElement("div", { className: "icon-suffix-wrapper" }, legend.iconSuffix)
             );
           }))
         },
@@ -80,7 +81,8 @@ const LineChartLegend = (props) => {
             onClick: () => onClick(legend.id)
           },
           /* @__PURE__ */ React__default.createElement(LineChartColorBlock, { background: legend.color }),
-          /* @__PURE__ */ React__default.createElement("span", { className: "legend-name" }, /* @__PURE__ */ React__default.createElement(Truncate, { text: legend.name, len: 50, backLen: 20 }))
+          /* @__PURE__ */ React__default.createElement("span", { className: "legend-name" }, /* @__PURE__ */ React__default.createElement(Truncate, { text: legend.name, len: 50, backLen: 20 })),
+          /* @__PURE__ */ React__default.createElement("div", { className: "icon-suffix-wrapper" }, legend.iconSuffix)
         );
       })
     }

package/dist/esm/core/LineChart/TooltipFormatter.js

@@ -43,17 +43,18 @@ const TooltipFormatter = props => {
   }
   return /* @__PURE__ */React__default.createElement(TooltipWrapper, null, /* @__PURE__ */React__default.createElement(TooltipTitle, {
     className: Typo.Label.l4_bold_title
-  }, dayjs(Number(payload[0].payload.t)).format("MM/DD HH:mm:ss")), payload.map((item, index) => {
+  }, dayjs(Number(payload[0].payload.t)).format("MM/DD HH:mm:ss")), payload.map(item => {
     return __spreadProps(__spreadValues({}, item), {
-      legend: legends[index]
+      legend: legends.find((_legend, index) => `v${index}` === item.name)
     });
   }).sort((a, b) => b.value - a.value).map(item => {
-    return deselected.includes(item.legend.id) ? null : /* @__PURE__ */React__default.createElement(TooltipColumn, {
-      key: item.legend.id
+    var _a, _b, _c, _d;
+    return deselected.includes(((_a = item.legend) == null ? void 0 : _a.id) || "") ? null : /* @__PURE__ */React__default.createElement(TooltipColumn, {
+      key: (_b = item.legend) == null ? void 0 : _b.id
     }, /* @__PURE__ */React__default.createElement("div", null, /* @__PURE__ */React__default.createElement(LineChartColorBlock, {
-      background: item.legend.color,
+      background: (_c = item.legend) == null ? void 0 : _c.color,
       borderd: true
-    }), item.legend.name), /* @__PURE__ */React__default.createElement("div", {
+    }), (_d = item.legend) == null ? void 0 : _d.name), /* @__PURE__ */React__default.createElement("div", {
       className: "column-value"
     }, format(item)));
   }));

package/dist/esm/core/MediumDialog/MediumDialog.js

@@ -0,0 +1,48 @@
+import React__default from 'react';
+import { cx } from '@linaria/core';
+import { Typo } from '../Typo/index.js';
+import { SmallDialog } from '../SmallDialog/SmallDialog.js';
+
+var __defProp = Object.defineProperty;
+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 __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source) if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0) target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols) for (var prop of __getOwnPropSymbols(source)) {
+    if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop)) target[prop] = source[prop];
+  }
+  return target;
+};
+const MediumDialogStyle = "E_m5foqp8";
+const MediumDialog = _a => {
+  var _b = _a,
+    {
+      className
+    } = _b,
+    restProps = __objRest(_b, ["className"]);
+  return /* @__PURE__ */React__default.createElement(SmallDialog, __spreadValues({
+    TitleRender: ({
+      title
+    }) => /* @__PURE__ */React__default.createElement("span", {
+      className: Typo.Display.d1s_bold_title
+    }, title),
+    className: cx(MediumDialogStyle, className)
+  }, restProps));
+};
+
+export { MediumDialog };

package/dist/esm/core/SmallDialog/SmallDialog.js

@@ -0,0 +1,137 @@
+import { ExclamationErrorCircleFill16RedIcon, XmarkCloseBold24TertiaryIcon, XmarkCloseBold24SecondaryIcon } from '@cloudtower/icons-react';
+import { cx } from '@linaria/core';
+import { usePopModal } from '../KitStoreProvider/index.js';
+import { Modal } from 'antd';
+import React__default from 'react';
+import cs from 'classnames';
+import OverflowTooltip from '../../coreX/OverflowTooltip/index.js';
+import { Show } from '../../coreX/Show/index.js';
+import { FooterStyle, ErrorTextStyle, DialogStyle, CloseIconStyle } from './SmallDialog.style.js';
+import Icon from '../Icon/index.js';
+import Button from '../Button/index.js';
+import { Flex } from 'antd5';
+import { Typo } from '../Typo/index.js';
+
+var __defProp = Object.defineProperty;
+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;
+};
+const DefaultTitleRender = ({
+  title
+}) => {
+  return /* @__PURE__ */ React__default.createElement("span", { className: cs(Typo.Display.d2_bold_title) }, title);
+};
+const SmallDialog = ({
+  title,
+  TitleRender,
+  cancelText = "\u5173\u95ED",
+  okText = "\u786E\u5B9A",
+  showOk = true,
+  onOk,
+  onCancel,
+  maskClosable = true,
+  closable = true,
+  className,
+  footerClassName,
+  okButtonProps,
+  cancelButtonProps,
+  children,
+  showFooterErrorIcon = true,
+  error,
+  confirmLoading
+}) => {
+  const popModal = usePopModal();
+  const handleClose = () => {
+    if (onCancel) {
+      onCancel(popModal);
+    } else {
+      popModal();
+    }
+  };
+  const handleOk = () => {
+    if (onOk) {
+      onOk(popModal);
+    } else {
+      popModal();
+    }
+  };
+  const CustomTitleRender = TitleRender || DefaultTitleRender;
+  return /* @__PURE__ */ React__default.createElement(
+    Modal,
+    {
+      visible: true,
+      title: /* @__PURE__ */ React__default.createElement(CustomTitleRender, { title }),
+      footer: /* @__PURE__ */ React__default.createElement(
+        "div",
+        {
+          className: cs(FooterStyle, footerClassName, {
+            "has-error": !!error
+          })
+        },
+        /* @__PURE__ */ React__default.createElement(Show, { condition: !!error }, /* @__PURE__ */ React__default.createElement(
+          Flex,
+          {
+            gap: 4,
+            align: "center",
+            className: cx(ErrorTextStyle, Typo.Label.l3_regular)
+          },
+          /* @__PURE__ */ React__default.createElement(Show, { condition: showFooterErrorIcon }, /* @__PURE__ */ React__default.createElement(
+            Icon,
+            {
+              src: ExclamationErrorCircleFill16RedIcon,
+              iconHeight: 16,
+              iconWidth: 16
+            }
+          )),
+          /* @__PURE__ */ React__default.createElement(OverflowTooltip, { multiLines: 3, content: error, tooltip: error })
+        )),
+        /* @__PURE__ */ React__default.createElement(Flex, null, /* @__PURE__ */ React__default.createElement(
+          Button,
+          __spreadValues({
+            type: showOk ? "quiet" : "ordinary",
+            onClick: handleClose,
+            className: Typo.Label.l2_bold_title
+          }, cancelButtonProps),
+          cancelText
+        ), showOk && /* @__PURE__ */ React__default.createElement(
+          Button,
+          __spreadValues({
+            type: "primary",
+            onClick: handleOk,
+            loading: confirmLoading
+          }, okButtonProps),
+          okText
+        ))
+      ),
+      onCancel: handleClose,
+      closable,
+      maskClosable,
+      className: cx(DialogStyle, className),
+      closeIcon: /* @__PURE__ */ React__default.createElement(
+        Icon,
+        {
+          src: XmarkCloseBold24TertiaryIcon,
+          className: CloseIconStyle,
+          iconHeight: 24,
+          iconWidth: 24,
+          hoverSrc: XmarkCloseBold24SecondaryIcon
+        }
+      )
+    },
+    children
+  );
+};
+
+export { SmallDialog };

package/dist/esm/core/SmallDialog/SmallDialog.style.js

@@ -0,0 +1,6 @@
+const DialogStyle = "E_dxyv8bv";
+const FooterStyle = "E_fbgo4wr";
+const ErrorTextStyle = "E_ekxnz54";
+const CloseIconStyle = "E_ct1041x";
+
+export { CloseIconStyle, DialogStyle, ErrorTextStyle, FooterStyle };

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

@@ -42,7 +42,7 @@ const AddRowButton = (props) => {
   const {
     config: { maximum, className, CustomizedButton, buttonProps, text },
     columns,
-    updateData,
+    addData,
     data
   } = props;
   const { t } = useParrotTranslation();
@@ -57,7 +57,7 @@ const AddRowButton = (props) => {
     const newData = [...data2];
     const newRow = genEmptyRow(columns);
     newData.push(newRow);
-    updateData(newData);
+    addData(newData);
     onClick == null ? void 0 : onClick(e);
   };
   const disabled = useMemo(