@nutui/nutui-react 2.0.0-alpha.14 → 2.0.0-alpha.16

package/dist/nutui.react.umd.js

@@ -9,7 +9,7 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 /*!
-* @nutui/nutui-react v2.0.0-alpha.14 Fri Jun 02 2023 17:08:20 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.0.0-alpha.16 Fri Jun 09 2023 18:29:35 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -2409,7 +2409,7 @@ Check the top-level render call using <` + t + ">.");
     style: {}
   };
   const prefixCls = "nut-button";
-  const defaultProps$1s = {
+  const defaultProps$1r = {
     ...ComponentDefaults,
     color: "",
     type: "default",
@@ -2441,7 +2441,7 @@ Check the top-level render call using <` + t + ">.");
         style,
         ...rest
       } = {
-        ...defaultProps$1s,
+        ...defaultProps$1r,
         ...props
       };
       const getStyle = React.useCallback(() => {
@@ -2494,7 +2494,7 @@ Check the top-level render call using <` + t + ">.");
     }
   );
   Button.displayName = "NutButton";
-  const defaultProps$1r = {
+  const defaultProps$1q = {
     ...ComponentDefaults,
     title: null,
     description: null,
@@ -2504,7 +2504,7 @@ Check the top-level render call using <` + t + ">.");
     onClick: (event) => {
     }
   };
-  const classPrefix$m = "nut-cell";
+  const classPrefix$n = "nut-cell";
   const Cell = (props) => {
     const {
       children,
@@ -2518,7 +2518,7 @@ Check the top-level render call using <` + t + ">.");
       style,
       ...rest
     } = {
-      ...defaultProps$1r,
+      ...defaultProps$1q,
       ...props
     };
     const handleClick2 = (event) => {
@@ -2535,44 +2535,44 @@ Check the top-level render call using <` + t + ">.");
     return /* @__PURE__ */ React.createElement(
       "div",
       {
-        className: classNames(classPrefix$m, className),
+        className: classNames(classPrefix$n, className),
         onClick: (event) => handleClick2(event),
         style: baseStyle,
         ...rest
       },
-      children || /* @__PURE__ */ React.createElement(React.Fragment, null, title || description ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$m}__left` }, title ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$m}__title` }, title) : null, description ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$m}__description` }, description) : null) : null, extra ? /* @__PURE__ */ React.createElement(
+      children || /* @__PURE__ */ React.createElement(React.Fragment, null, title || description ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$n}__left` }, title ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$n}__title` }, title) : null, description ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$n}__description` }, description) : null) : null, extra ? /* @__PURE__ */ React.createElement(
         "div",
         {
-          className: `${classPrefix$m}__extra`,
+          className: `${classPrefix$n}__extra`,
           style: styles
         },
         extra
-      ) : null, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$m}__divider` }))
+      ) : null, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$n}__divider` }))
     );
   };
-  Cell.defaultProps = defaultProps$1r;
+  Cell.defaultProps = defaultProps$1q;
   Cell.displayName = "NutCell";
-  const defaultProps$1q = {
+  const defaultProps$1p = {
     ...ComponentDefaults,
     title: "",
     description: "",
     divider: true
   };
-  const classPrefix$l = "nut-cell-group";
+  const classPrefix$m = "nut-cell-group";
   const CellGroup = (props) => {
     const { children, className, style, title, description, divider, ...rest } = {
-      ...defaultProps$1q,
+      ...defaultProps$1p,
       ...props
     };
-    return /* @__PURE__ */ React.createElement("div", { className: classNames(classPrefix$l, className), ...rest }, title ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$l}__title` }, title) : null, description ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$l}__description` }, description) : null, /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ React.createElement("div", { className: classNames(classPrefix$m, className), ...rest }, title ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$m}__title` }, title) : null, description ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$m}__description` }, description) : null, /* @__PURE__ */ React.createElement(
       "div",
       {
-        className: `${classPrefix$l}__wrap ${divider ? `${classPrefix$l}__wrap--divider` : ""}`
+        className: `${classPrefix$m}__wrap ${divider ? `${classPrefix$m}__wrap--divider` : ""}`
       },
       children
     ));
   };
-  CellGroup.defaultProps = defaultProps$1q;
+  CellGroup.defaultProps = defaultProps$1p;
   CellGroup.displayName = "NutCellGroup";
   var INFINITY = 1 / 0;
   var symbolTag = "[object Symbol]";
@@ -2924,7 +2924,7 @@ Check the top-level render call using <` + t + ">.");
     },
     signature: {
       reSign: "重签",
-      unSupportTpl: "对不起，当前浏览器不支持Canvas，无法使用本控件！"
+      unsupported: "对不起，当前浏览器不支持Canvas，无法使用本控件！"
     },
     ecard: {
       chooseText: "请选择电子卡面值",
@@ -2987,7 +2987,7 @@ Check the top-level render call using <` + t + ">.");
       errorCanvasTips: "当前环境不支持Canvas"
     }
   };
-  const defaultProps$1p = {
+  const defaultProps$1o = {
     locale: zhCN
   };
   const defaultConfigRef = {
@@ -3010,7 +3010,7 @@ Check the top-level render call using <` + t + ">.");
     return cssVars;
   }
   const ConfigProvider = (props) => {
-    const { children, ...config2 } = { ...defaultProps$1p, ...props };
+    const { children, ...config2 } = { ...defaultProps$1o, ...props };
     const parentConfig = useConfig();
     const theme = config2.theme || {};
     const style = React.useMemo(
@@ -3028,12 +3028,12 @@ Check the top-level render call using <` + t + ">.");
       /* @__PURE__ */ React.createElement("div", { style }, children)
     );
   };
-  ConfigProvider.defaultProps = defaultProps$1p;
+  ConfigProvider.defaultProps = defaultProps$1o;
   ConfigProvider.displayName = "NutConfigProvider";
   const pxCheck = (value) => {
     return Number.isNaN(Number(value)) ? String(value) : `${value}px`;
   };
-  const defaultProps$1o = {
+  const defaultProps$1n = {
     ...ComponentDefaults,
     fit: "fill",
     position: "center",
@@ -3044,7 +3044,7 @@ Check the top-level render call using <` + t + ">.");
     loading: true,
     lazy: false
   };
-  const classPrefix$k = "nut-image";
+  const classPrefix$l = "nut-image";
   const Image$1 = (props) => {
     const {
       className,
@@ -3062,7 +3062,7 @@ Check the top-level render call using <` + t + ">.");
       onClick,
       onLoad,
       onError
-    } = { ...defaultProps$1o, ...props };
+    } = { ...defaultProps$1n, ...props };
     const [innerLoading, setInnerLoading] = React.useState(true);
     const [isError, setIsError] = React.useState(false);
     const imgRef = React.useRef(null);
@@ -3155,7 +3155,7 @@ Check the top-level render call using <` + t + ">.");
     return /* @__PURE__ */ React.createElement(
       "div",
       {
-        className: classNames(classPrefix$k, className),
+        className: classNames(classPrefix$l, className),
         style: containerStyle,
         onClick: (e) => {
           imageClick(e);
@@ -3189,7 +3189,7 @@ Check the top-level render call using <` + t + ">.");
       renderErrorImg()
     );
   };
-  Image$1.defaultProps = defaultProps$1o;
+  Image$1.defaultProps = defaultProps$1n;
   Image$1.displayName = "NutImage";
   const defaultOverlayProps = {
     ...ComponentDefaults,
@@ -3274,7 +3274,7 @@ Check the top-level render call using <` + t + ">.");
   Overlay.defaultProps = defaultOverlayProps;
   Overlay.displayName = "NutOverlay";
   const DataContext$2 = React.createContext({});
-  const defaultProps$1n = {
+  const defaultProps$1m = {
     ...ComponentDefaults,
     span: "24",
     offset: "0",
@@ -3282,7 +3282,7 @@ Check the top-level render call using <` + t + ">.");
   };
   const Col = (props) => {
     const { className, style, span, offset, children, onClick } = {
-      ...defaultProps$1n,
+      ...defaultProps$1m,
       ...props
     };
     const [colName, setColName] = React.useState("");
@@ -3314,39 +3314,39 @@ Check the top-level render call using <` + t + ">.");
       children
     );
   };
-  Col.defaultProps = defaultProps$1n;
+  Col.defaultProps = defaultProps$1m;
   Col.displayName = "NutCol";
-  const defaultProps$1m = {
+  const defaultProps$1l = {
     ...ComponentDefaults,
     contentPosition: "center",
     direction: "horizontal"
   };
-  const classPrefix$j = `nut-divider`;
+  const classPrefix$k = `nut-divider`;
   const Divider = (props) => {
     const { children, contentPosition, style, className, direction, ...rest } = {
-      ...defaultProps$1m,
+      ...defaultProps$1l,
       ...props
     };
     const classes = direction === "horizontal" ? classNames({
-      [`${classPrefix$j}`]: true,
-      [`${classPrefix$j}__center`]: children,
-      [`${classPrefix$j}__left`]: contentPosition === "left",
-      [`${classPrefix$j}__right`]: contentPosition === "right",
-      [`${classPrefix$j}__hairline`]: true
+      [`${classPrefix$k}`]: true,
+      [`${classPrefix$k}__center`]: children,
+      [`${classPrefix$k}__left`]: contentPosition === "left",
+      [`${classPrefix$k}__right`]: contentPosition === "right",
+      [`${classPrefix$k}__hairline`]: true
     }) : classNames({
-      [`${classPrefix$j}`]: true,
-      [`${classPrefix$j}__vertical`]: direction === "vertical"
+      [`${classPrefix$k}`]: true,
+      [`${classPrefix$k}__vertical`]: direction === "vertical"
     });
     return /* @__PURE__ */ React.createElement("div", { className: `${classes} ${className || ""}`, style, ...rest }, children);
   };
-  Divider.defaultProps = defaultProps$1m;
+  Divider.defaultProps = defaultProps$1l;
   Divider.displayName = "NutDivider";
   const gridContext = {
     onClick: (item, index) => {
     }
   };
   const GridContext = React.createContext(gridContext);
-  const defaultProps$1l = {
+  const defaultProps$1k = {
     text: "",
     columns: 4,
     gap: 0,
@@ -3372,7 +3372,7 @@ Check the top-level render call using <` + t + ">.");
       onClick,
       ...rest
     } = {
-      ...defaultProps$1l,
+      ...defaultProps$1k,
       ...props
     };
     const classPrefix2 = "nut-grid-item";
@@ -3430,9 +3430,9 @@ Check the top-level render call using <` + t + ">.");
       /* @__PURE__ */ React.createElement("div", { className: contentClass() }, children && /* @__PURE__ */ React.createElement(React.Fragment, null, children), text && /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__text` }, text))
     );
   };
-  GridItem.defaultProps = defaultProps$1l;
+  GridItem.defaultProps = defaultProps$1k;
   GridItem.displayName = "NutGridItem";
-  const defaultProps$1k = {
+  const defaultProps$1j = {
     columns: 4,
     gap: 0,
     center: true,
@@ -3453,7 +3453,7 @@ Check the top-level render call using <` + t + ">.");
       className,
       onClick,
       ...rest
-    } = { ...defaultProps$1k, ...props };
+    } = { ...defaultProps$1j, ...props };
     const childrenDom = React.Children.toArray(children);
     const classPrefix2 = "nut-grid";
     const rootClass = () => {
@@ -3483,18 +3483,18 @@ Check the top-level render call using <` + t + ">.");
       });
     })));
   };
-  Grid.defaultProps = defaultProps$1k;
+  Grid.defaultProps = defaultProps$1j;
   Grid.displayName = "NutGrid";
   Grid.Item = GridItem;
-  const defaultProps$1j = {};
+  const defaultProps$1i = {};
   const Layout = (props) => {
-    ({ ...defaultProps$1j, ...props });
+    ({ ...defaultProps$1i, ...props });
     return /* @__PURE__ */ React.createElement("div", { className: "nut-layout" }, "Layout");
   };
-  Layout.defaultProps = defaultProps$1j;
+  Layout.defaultProps = defaultProps$1i;
   Layout.displayName = "NutLayout";
-  const classPrefix$i = "nut-row";
-  const defaultProps$1i = {
+  const classPrefix$j = "nut-row";
+  const defaultProps$1h = {
     ...ComponentDefaults,
     type: "",
     justify: "start",
@@ -3514,7 +3514,7 @@ Check the top-level render call using <` + t + ">.");
       gutter,
       onClick
     } = {
-      ...defaultProps$1i,
+      ...defaultProps$1h,
       ...props
     };
     const getClass = (prefix2, type22) => {
@@ -3528,7 +3528,7 @@ Check the top-level render call using <` + t + ">.");
     ${getClass("justify", justify)}
     ${getClass("align", align)}
     ${getClass("flex", wrap)}
-    ${classPrefix$i}
+    ${classPrefix$j}
    `;
     };
     const parentRow = {
@@ -3546,7 +3546,7 @@ Check the top-level render call using <` + t + ">.");
       children
     ));
   };
-  Row.defaultProps = defaultProps$1i;
+  Row.defaultProps = defaultProps$1h;
   Row.displayName = "NutRow";
   const canUseDom = !!(typeof window !== "undefined" && typeof document !== "undefined" && window.document && window.document.createElement);
   const defaultRoot = canUseDom ? window : void 0;
@@ -3621,13 +3621,13 @@ Check the top-level render call using <` + t + ">.");
       stop2.current = true;
     };
   }
-  const defaultProps$1h = {
+  const defaultProps$1g = {
     ...ComponentDefaults,
     position: "top",
     threshold: 0,
     zIndex: 2e3
   };
-  const classPrefix$h = "nut-sticky";
+  const classPrefix$i = "nut-sticky";
   const Sticky = (props) => {
     const {
       position,
@@ -3639,7 +3639,7 @@ Check the top-level render call using <` + t + ">.");
       threshold,
       onChange,
       ...rest
-    } = { ...defaultProps$1h, ...props };
+    } = { ...defaultProps$1g, ...props };
     const stickyRef = React.useRef(null);
     const rootRef = React.useRef(null);
     const [isFixed, setIsFixed] = React.useState(false);
@@ -3749,15 +3749,15 @@ Check the top-level render call using <` + t + ">.");
       {
         ref: rootRef,
         style: { ...style, ...rootStyle },
-        className: classNames(classPrefix$h, className),
+        className: classNames(classPrefix$i, className),
         ...rest
       },
       /* @__PURE__ */ React.createElement("div", { className: "nut-sticky--box", ref: stickyRef, style: stickyStyle }, children)
     );
   };
-  Sticky.defaultProps = defaultProps$1h;
+  Sticky.defaultProps = defaultProps$1g;
   Sticky.displayName = "NutSticky";
-  const defaultProps$1g = {
+  const defaultProps$1f = {
     ...ComponentDefaults,
     target: "",
     threshold: 200,
@@ -3775,7 +3775,7 @@ Check the top-level render call using <` + t + ">.");
       style,
       onClick
     } = {
-      ...defaultProps$1g,
+      ...defaultProps$1f,
       ...props
     };
     const classPrefix2 = "nut-backtop";
@@ -3873,7 +3873,7 @@ Check the top-level render call using <` + t + ">.");
       children || /* @__PURE__ */ React.createElement(y$2, { width: 19, height: 19, className: "nut-backtop-main" })
     );
   };
-  BackTop.defaultProps = defaultProps$1g;
+  BackTop.defaultProps = defaultProps$1f;
   BackTop.displayName = "NutBackTop";
   function clamp$1(v, min, max) {
     return Math.max(min, Math.min(v, max));
@@ -8991,7 +8991,7 @@ Please add \`${key}Action\` when creating your handler.`);
   });
   const animated = host.animated;
   const elevatorContext = React.createContext({});
-  const defaultProps$1f = {
+  const defaultProps$1e = {
     ...ComponentDefaults,
     height: "200px",
     floorKey: "title",
@@ -9017,7 +9017,7 @@ Please add \`${key}Action\` when creating your handler.`);
       children,
       ...rest
     } = {
-      ...defaultProps$1f,
+      ...defaultProps$1e,
       ...props
     };
     const classPrefix2 = "nut-elevator";
@@ -9192,10 +9192,10 @@ Please add \`${key}Action\` when creating your handler.`);
       })
     ))) : null);
   };
-  Elevator.defaultProps = defaultProps$1f;
+  Elevator.defaultProps = defaultProps$1e;
   Elevator.displayName = "NutElevator";
   Elevator.Context = elevatorContext;
-  const defaultProps$1e = {
+  const defaultProps$1d = {
     ...ComponentDefaults,
     activeText: "",
     inactiveText: "",
@@ -9223,7 +9223,7 @@ Please add \`${key}Action\` when creating your handler.`);
       content,
       ...rest
     } = {
-      ...defaultProps$1e,
+      ...defaultProps$1d,
       ...props
     };
     const classPrefix2 = "nut-fixednav";
@@ -9275,9 +9275,9 @@ Please add \`${key}Action\` when creating your handler.`);
       /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__btn`, onClick: () => onUpdateValue() }, content || /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(y$6, { color: "#fff" }), /* @__PURE__ */ React.createElement("div", { className: "text" }, visible ? activeText || locale.fixednav.activeText : inactiveText || locale.fixednav.inactiveText)))
     );
   };
-  FixedNav.defaultProps = defaultProps$1e;
+  FixedNav.defaultProps = defaultProps$1d;
   FixedNav.displayName = "NutFixedNav";
-  const defaultProps$1d = {
+  const defaultProps$1c = {
     ...ComponentDefaults,
     left: "",
     right: "",
@@ -9300,7 +9300,7 @@ Please add \`${key}Action\` when creating your handler.`);
       zIndex,
       onClickBack
     } = {
-      ...defaultProps$1d,
+      ...defaultProps$1c,
       ...props
     };
     const classPrefix2 = "nut-navbar";
@@ -9337,7 +9337,7 @@ Please add \`${key}Action\` when creating your handler.`);
     const cls = classNames(classPrefix2, classes, className);
     return /* @__PURE__ */ React.createElement(React.Fragment, null, fixed && placeholder ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}--placeholder` }, renderWrapper()) : renderWrapper());
   };
-  NavBar.defaultProps = defaultProps$1d;
+  NavBar.defaultProps = defaultProps$1c;
   NavBar.displayName = "NutNavBar";
   function _extends$1() {
     _extends$1 = Object.assign ? Object.assign.bind() : function(target) {
@@ -11080,7 +11080,7 @@ Please add \`${key}Action\` when creating your handler.`);
     onExited: propTypesExports.func
   }) : {};
   const CSSTransition$1 = CSSTransition;
-  const defaultProps$1c = {
+  const defaultProps$1b = {
     ...ComponentDefaults,
     position: "center",
     transition: "",
@@ -11221,7 +11221,7 @@ Please add \`${key}Action\` when creating your handler.`);
         {
           classNames: transitionName,
           unmountOnExit: true,
-          timeout: 500,
+          timeout: 300,
           in: innerVisible,
           onEntered: onHandleOpened,
           onExited: onHandleClosed
@@ -11253,7 +11253,7 @@ Please add \`${key}Action\` when creating your handler.`);
     }, [position, transition]);
     return /* @__PURE__ */ React.createElement(React.Fragment, null, renderToContainer(portal, renderNode()));
   };
-  Popup.defaultProps = defaultProps$1c;
+  Popup.defaultProps = defaultProps$1b;
   Popup.displayName = "NutPopup";
   const handleClick = (e) => {
     e.stopPropagation();
@@ -11269,7 +11269,7 @@ Please add \`${key}Action\` when creating your handler.`);
     }
   };
   const OffsetContext = React.createContext(20);
-  const defaultProps$1b = {
+  const defaultProps$1a = {
     ...ComponentDefaults,
     position: "left",
     width: "80%"
@@ -11286,7 +11286,7 @@ Please add \`${key}Action\` when creating your handler.`);
       onClose,
       ...rest
     } = {
-      ...defaultProps$1b,
+      ...defaultProps$1a,
       ...props
     };
     const indent = props.indent ? Number(props.indent) : 20;
@@ -11318,7 +11318,7 @@ Please add \`${key}Action\` when creating your handler.`);
       )))
     );
   };
-  SideNavBar.defaultProps = defaultProps$1b;
+  SideNavBar.defaultProps = defaultProps$1a;
   SideNavBar.displayName = "NutSideNavBar";
   const SideNavBarItem = (props) => {
     const classPrefix2 = "nut-subsidenavbar";
@@ -11337,13 +11337,13 @@ Please add \`${key}Action\` when creating your handler.`);
       title
     );
   };
-  const defaultProps$1a = {
+  const defaultProps$19 = {
     open: true
   };
   const SubSideNavBar = (props) => {
     const classPrefix2 = "nut-subsidenavbar";
     const { title, value, children, onClick, open, ...rest } = {
-      ...defaultProps$1a,
+      ...defaultProps$19,
       ...props
     };
     const offset = React.useContext(OffsetContext);
@@ -11409,7 +11409,7 @@ Please add \`${key}Action\` when creating your handler.`);
     }
     return [uncontrolled, handleUncontrolledChange];
   }
-  const defaultProps$19 = {
+  const defaultProps$18 = {
     ...ComponentDefaults,
     value: "",
     dot: false,
@@ -11420,7 +11420,7 @@ Please add \`${key}Action\` when creating your handler.`);
   };
   const Badge = (props) => {
     const { className, style, value, max, children, dot, top, right, color } = {
-      ...defaultProps$19,
+      ...defaultProps$18,
       ...props
     };
     const classPrefix2 = "nut-badge";
@@ -11447,9 +11447,9 @@ Please add \`${key}Action\` when creating your handler.`);
     };
     return /* @__PURE__ */ React.createElement("div", { className: classes, style }, typeof value === "object" && value && /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__icon` }, value), /* @__PURE__ */ React.createElement("div", null, children), /* @__PURE__ */ React.createElement("div", { className: contentClasses, style: getStyle() }, content()));
   };
-  Badge.defaultProps = defaultProps$19;
+  Badge.defaultProps = defaultProps$18;
   Badge.displayName = "NutBadge";
-  const defaultProps$18 = {
+  const defaultProps$17 = {
     ...ComponentDefaults,
     title: "",
     icon: null,
@@ -11471,7 +11471,7 @@ Please add \`${key}Action\` when creating your handler.`);
       handleClick: handleClick2,
       ...rest
     } = {
-      ...defaultProps$18,
+      ...defaultProps$17,
       ...props
     };
     const classPrefix2 = "nut-tabbar-item";
@@ -11495,7 +11495,7 @@ Please add \`${key}Action\` when creating your handler.`);
       icon ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Badge, { ...rest }, /* @__PURE__ */ React.createElement("div", { className: boxPrefix }, icon)), /* @__PURE__ */ React.createElement("div", { className: titleClass }, title)) : /* @__PURE__ */ React.createElement(Badge, { ...rest }, /* @__PURE__ */ React.createElement("div", { className: titleClass }, title))
     );
   };
-  const defaultProps$17 = {
+  const defaultProps$16 = {
     ...ComponentDefaults,
     defaultValue: 0,
     fixed: false,
@@ -11518,7 +11518,7 @@ Please add \`${key}Action\` when creating your handler.`);
       style,
       onSwitch
     } = {
-      ...defaultProps$17,
+      ...defaultProps$16,
       ...props
     };
     const classPrefix2 = "nut-tabbar";
@@ -11553,17 +11553,17 @@ Please add \`${key}Action\` when creating your handler.`);
       (fixed || safeArea) && /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__safe-area` })
     );
   };
-  Tabbar.defaultProps = defaultProps$17;
+  Tabbar.defaultProps = defaultProps$16;
   Tabbar.displayName = "NutTabbar";
   Tabbar.Item = TabbarItem;
-  const defaultProps$16 = {
+  const defaultProps$15 = {
     title: "",
     value: "",
     disabled: false
   };
   const TabPane = (props) => {
     const { children, autoHeightClassName, className, disabled } = {
-      ...defaultProps$16,
+      ...defaultProps$15,
       ...props
     };
     const classPrefix2 = "nut-tabpane";
@@ -11594,7 +11594,7 @@ Please add \`${key}Action\` when creating your handler.`);
     const [, updateState] = React.useState();
     return React.useCallback(() => updateState({}), []);
   }
-  const defaultProps$15 = {
+  const defaultProps$14 = {
     ...ComponentDefaults,
     tabStyle: {},
     activeColor: "",
@@ -11603,7 +11603,7 @@ Please add \`${key}Action\` when creating your handler.`);
     duration: 300,
     autoHeight: false
   };
-  const classPrefix$g = "nut-tabs";
+  const classPrefix$h = "nut-tabs";
   const Tabs = (props) => {
     const {
       activeColor,
@@ -11620,7 +11620,7 @@ Please add \`${key}Action\` when creating your handler.`);
       autoHeight,
       ...rest
     } = {
-      ...defaultProps$15,
+      ...defaultProps$14,
       ...props
     };
     const [value, setValue] = usePropsValue({
@@ -11697,14 +11697,14 @@ Please add \`${key}Action\` when creating your handler.`);
       }
     }, [children]);
     const classes = classNames(
-      classPrefix$g,
-      `${classPrefix$g}--${direction}`,
+      classPrefix$h,
+      `${classPrefix$h}--${direction}`,
       className
     );
-    const classesTitle = classNames(`${classPrefix$g}__titles`, {
-      [`${classPrefix$g}__titles--${activeType}`]: activeType,
-      [`${classPrefix$g}__titles--scrollable`]: true,
-      [`${classPrefix$g}__titles--${align}`]: align
+    const classesTitle = classNames(`${classPrefix$h}__titles`, {
+      [`${classPrefix$h}__titles--${activeType}`]: activeType,
+      [`${classPrefix$h}__titles--scrollable`]: true,
+      [`${classPrefix$h}__titles--${align}`]: align
     });
     const tabsActiveStyle = {
       color: activeType === "smile" ? activeColor : "",
@@ -11734,7 +11734,7 @@ Please add \`${key}Action\` when creating your handler.`);
           onClick: () => {
             tabChange(item);
           },
-          className: classNames(`${classPrefix$g}__titles-item`, {
+          className: classNames(`${classPrefix$h}__titles-item`, {
             [`nut-tabs__titles-item--active`]: !item.disabled && String(item.value) === String(value),
             [`nut-tabs__titles-item--disabled`]: item.disabled,
             [`nut-tabs__titles-item--${align}`]: align
@@ -11745,14 +11745,14 @@ Please add \`${key}Action\` when creating your handler.`);
         activeType === "line" && /* @__PURE__ */ React.createElement(
           "div",
           {
-            className: `${classPrefix$g}__titles-item__line`,
+            className: `${classPrefix$h}__titles-item__line`,
             style: tabsActiveStyle
           }
         ),
         activeType === "smile" && /* @__PURE__ */ React.createElement(
           "div",
           {
-            className: `${classPrefix$g}__titles-item__smile`,
+            className: `${classPrefix$h}__titles-item__smile`,
             style: tabsActiveStyle
           },
           /* @__PURE__ */ React.createElement(x$7, { color: activeColor, width: 40, height: 20 })
@@ -11764,13 +11764,13 @@ Please add \`${key}Action\` when creating your handler.`);
               {
                 ellipsis: true
               },
-              `${classPrefix$g}__titles-item__text`
+              `${classPrefix$h}__titles-item__text`
             )
           },
           item.title
         )
       );
-    })), /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$g}__content__wrap` }, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$g}__content`, style: contentStyle }, React.Children.map(children, (child, idx) => {
+    })), /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$h}__content__wrap` }, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$h}__content`, style: contentStyle }, React.Children.map(children, (child, idx) => {
       if (!React.isValidElement(child)) {
         return null;
       }
@@ -11787,7 +11787,7 @@ Please add \`${key}Action\` when creating your handler.`);
       return React.cloneElement(child, childProps);
     }))));
   };
-  Tabs.defaultProps = defaultProps$15;
+  Tabs.defaultProps = defaultProps$14;
   Tabs.displayName = "NutTabs";
   Tabs.TabPane = TabPane;
   var classnameExports = {};
@@ -11910,7 +11910,7 @@ Please add \`${key}Action\` when creating your handler.`);
     }
   })(classname);
   const cn = classnameExports.withNaming({ n: "nut-", e: "__", m: "--", v: "-" });
-  const defaultProps$14 = {
+  const defaultProps$13 = {
     type: "custom",
     existAddress: [],
     defaultIcon: null,
@@ -11932,7 +11932,7 @@ Please add \`${key}Action\` when creating your handler.`);
       onClose,
       onSwitchModule,
       ...rest
-    } = { ...defaultProps$14, ...props };
+    } = { ...defaultProps$13, ...props };
     const b = cn("address");
     const selectedExist = (item) => {
       const copyExistAdd = existAddress;
@@ -11962,7 +11962,7 @@ Please add \`${key}Action\` when creating your handler.`);
       return /* @__PURE__ */ React.createElement("li", { className: b("exist-item"), key: index }, /* @__PURE__ */ React.createElement("div", { onClick: () => selectedExist(item) }, item.selectedAddress ? selectedIcon : defaultIcon, /* @__PURE__ */ React.createElement("div", { className: b("exist-item-info") }, item.name && item.phone && /* @__PURE__ */ React.createElement("div", { className: "exist-item-info-top" }, /* @__PURE__ */ React.createElement("div", { className: "exist-item-info-name" }, item.name), /* @__PURE__ */ React.createElement("div", { className: "exist-item-info-phone" }, item.phone)), /* @__PURE__ */ React.createElement("div", { className: "exist-item-info-bottom" }, /* @__PURE__ */ React.createElement("div", null, item.provinceName + item.cityName + item.countyName + item.townName + item.addressDetail)))));
     }))), isShowCustomAddress && /* @__PURE__ */ React.createElement("div", { className: b("choose-other"), onClick: onSwitch }, /* @__PURE__ */ React.createElement("div", { className: b("choose-other-btn") }, customAndExistTitle || locale.address.chooseAnotherAddress)));
   };
-  const defaultProps$13 = {
+  const defaultProps$12 = {
     modelValue: [],
     type: "custom",
     province: [],
@@ -11987,7 +11987,7 @@ Please add \`${key}Action\` when creating your handler.`);
       onClose,
       ...rest
     } = {
-      ...defaultProps$13,
+      ...defaultProps$12,
       ...props
     };
     const b = cn("address");
@@ -12156,28 +12156,28 @@ Please add \`${key}Action\` when creating your handler.`);
       nextAreaList(item);
     };
     React.useEffect(() => {
-      const { province: province2 } = { ...defaultProps$13, ...props };
+      const { province: province2 } = { ...defaultProps$12, ...props };
       setRegionList({
         ...regionList,
         province: isCustom2() ? transformData(province2) : province2
       });
     }, [province]);
     React.useEffect(() => {
-      const { city: city2 } = { ...defaultProps$13, ...props };
+      const { city: city2 } = { ...defaultProps$12, ...props };
       setRegionList({
         ...regionList,
         city: isCustom2() ? transformData(city2) : city2
       });
     }, [city]);
     React.useEffect(() => {
-      const { country: country2 } = { ...defaultProps$13, ...props };
+      const { country: country2 } = { ...defaultProps$12, ...props };
       setRegionList({
         ...regionList,
         country: isCustom2() ? transformData(country2) : country2
       });
     }, [country]);
     React.useEffect(() => {
-      const { town: town2 } = { ...defaultProps$13, ...props };
+      const { town: town2 } = { ...defaultProps$12, ...props };
       setRegionList({
         ...regionList,
         town: isCustom2() ? transformData(town2) : town2
@@ -12243,7 +12243,7 @@ Please add \`${key}Action\` when creating your handler.`);
       }
     )));
   };
-  const defaultProps$12 = {
+  const defaultProps$11 = {
     ...ComponentDefaults,
     modelValue: false,
     modelSelect: [],
@@ -12294,7 +12294,7 @@ Please add \`${key}Action\` when creating your handler.`);
       className,
       ...rest
     } = {
-      ...defaultProps$12,
+      ...defaultProps$11,
       ...props
     };
     const b = cn("address");
@@ -12446,7 +12446,7 @@ Please add \`${key}Action\` when creating your handler.`);
       )
     ));
   };
-  Address.defaultProps = defaultProps$12;
+  Address.defaultProps = defaultProps$11;
   Address.displayName = "NutAddress";
   const Utils = {
     /**
@@ -12566,7 +12566,7 @@ Please add \`${key}Action\` when creating your handler.`);
       return false;
     }
   };
-  const defaultProps$11 = {
+  const defaultProps$10 = {
     type: "one",
     isAutoBackFill: false,
     poppable: true,
@@ -12618,7 +12618,7 @@ Please add \`${key}Action\` when creating your handler.`);
       onUpdate,
       onSelected,
       onYearMonthChange
-    } = { ...defaultProps$11, ...props };
+    } = { ...defaultProps$10, ...props };
     const weeks = locale.calendaritem.weekdays;
     const [yearMonthTitle, setYearMonthTitle] = React.useState("");
     const [monthsData, setMonthsData] = React.useState([]);
@@ -13200,9 +13200,9 @@ Please add \`${key}Action\` when creating your handler.`);
       ))
     ), poppable && !isAutoBackFill ? /* @__PURE__ */ React.createElement("div", { className: "nut-calendar-footer" }, /* @__PURE__ */ React.createElement("div", { className: "calendar-confirm-btn", onClick: confirm2 }, confirmText || locale.confirm)) : ""));
   });
-  CalendarItem.defaultProps = defaultProps$11;
+  CalendarItem.defaultProps = defaultProps$10;
   CalendarItem.displayName = "NutCalendarItem";
-  const defaultProps$10 = {
+  const defaultProps$$ = {
     type: "one",
     isAutoBackFill: false,
     poppable: true,
@@ -13257,7 +13257,7 @@ Please add \`${key}Action\` when creating your handler.`);
       onChoose,
       onSelected,
       onYearMonthChange
-    } = { ...defaultProps$10, ...props };
+    } = { ...defaultProps$$, ...props };
     const calendarRef = React.useRef(null);
     const close = () => {
       onClose && onClose();
@@ -13327,9 +13327,9 @@ Please add \`${key}Action\` when creating your handler.`);
       renderItem()
     ) : renderItem());
   });
-  Calendar.defaultProps = defaultProps$10;
+  Calendar.defaultProps = defaultProps$$;
   Calendar.displayName = "NutCalendar";
-  const defaultProps$$ = {
+  const defaultProps$_ = {
     data: {
       text: "",
       value: "",
@@ -13346,7 +13346,7 @@ Please add \`${key}Action\` when creating your handler.`);
   };
   const InternalCascaderItem = (props, ref) => {
     const { data, checked, activeIcon, chooseItem, activeColor } = {
-      ...defaultProps$$,
+      ...defaultProps$_,
       ...props
     };
     const classPrefix2 = "nut-cascader-item";
@@ -13388,7 +13388,7 @@ Please add \`${key}Action\` when creating your handler.`);
     );
   };
   const CascaderItem = React.forwardRef(InternalCascaderItem);
-  CascaderItem.defaultProps = defaultProps$$;
+  CascaderItem.defaultProps = defaultProps$_;
   CascaderItem.displayName = "NutCascaderItem";
   const formatTree = (tree, parent, config2) => tree.map((node) => {
     const {
@@ -13526,7 +13526,7 @@ Please add \`${key}Action\` when creating your handler.`);
     }
   }
   const Tree$1 = Tree;
-  const defaultProps$_ = {
+  const defaultProps$Z = {
     ...ComponentDefaults,
     activeColor: "",
     activeIcon: "checklist",
@@ -13569,7 +13569,7 @@ Please add \`${key}Action\` when creating your handler.`);
       onClose,
       onChange,
       onPathChange
-    } = { ...defaultProps$_, ...props };
+    } = { ...defaultProps$Z, ...props };
     const [tabvalue, setTabvalue] = React.useState("c1");
     const [optionsData, setOptionsData] = React.useState([]);
     const isLazy = () => state.configs.lazy && Boolean(state.configs.onLoad);
@@ -13831,11 +13831,11 @@ Please add \`${key}Action\` when creating your handler.`);
     ) : renderItem());
   };
   const Cascader = React.forwardRef(InternalCascader);
-  Cascader.defaultProps = defaultProps$_;
+  Cascader.defaultProps = defaultProps$Z;
   Cascader.displayName = "NutCascader";
   const CheckboxGroupContext = React.createContext(null);
   const Context = CheckboxGroupContext;
-  const defaultProps$Z = {
+  const defaultProps$Y = {
     max: void 0,
     labelPosition: "right",
     direction: "vertical",
@@ -13843,10 +13843,10 @@ Please add \`${key}Action\` when creating your handler.`);
     },
     options: []
   };
-  const classPrefix$f = "nut-checkboxgroup";
+  const classPrefix$g = "nut-checkboxgroup";
   const CheckboxGroup = React.forwardRef(
     (props, ref) => {
-      const { children } = { ...defaultProps$Z, ...props };
+      const { children } = { ...defaultProps$Y, ...props };
       const {
         className,
         disabled,
@@ -13925,7 +13925,7 @@ Please add \`${key}Action\` when creating your handler.`);
         /* @__PURE__ */ React.createElement(
           "div",
           {
-            className: classNames(classPrefix$f, className, {
+            className: classNames(classPrefix$g, className, {
               [`nut-checkboxgroup--${props.direction}`]: props.direction
             }),
             ...rest
@@ -13935,9 +13935,9 @@ Please add \`${key}Action\` when creating your handler.`);
       );
     }
   );
-  CheckboxGroup.defaultProps = defaultProps$Z;
+  CheckboxGroup.defaultProps = defaultProps$Y;
   CheckboxGroup.displayName = "NutCheckboxGroup";
-  const defaultProps$Y = {
+  const defaultProps$X = {
     ...ComponentDefaults,
     disabled: false,
     labelPosition: "right",
@@ -13947,10 +13947,10 @@ Please add \`${key}Action\` when creating your handler.`);
     onChange: (value) => {
     }
   };
-  const classPrefix$e = "nut-checkbox";
+  const classPrefix$f = "nut-checkbox";
   const Checkbox = (props) => {
     const { children } = {
-      ...defaultProps$Y,
+      ...defaultProps$X,
       ...props
     };
     const {
@@ -14009,22 +14009,22 @@ Please add \`${key}Action\` when creating your handler.`);
     };
     const color = () => {
       if (innerDisabled) {
-        return `${classPrefix$e}__icon--disable`;
+        return `${classPrefix$f}__icon--disable`;
       }
       if (innerChecked) {
         if (innerIndeterminate) {
-          return `${classPrefix$e}__icon--indeterminate`;
+          return `${classPrefix$f}__icon--indeterminate`;
         }
-        return `${classPrefix$e}__icon`;
+        return `${classPrefix$f}__icon`;
       }
-      return `${classPrefix$e}__icon--unchecked`;
+      return `${classPrefix$f}__icon--unchecked`;
     };
     const renderLabel = () => {
       return /* @__PURE__ */ React.createElement(
         "span",
         {
-          className: classNames(`${classPrefix$e}__label `, {
-            [`${classPrefix$e}__label--disabled`]: innerDisabled
+          className: classNames(`${classPrefix$f}__label `, {
+            [`${classPrefix$f}__label--disabled`]: innerDisabled
           })
         },
         children || label
@@ -14043,8 +14043,8 @@ Please add \`${key}Action\` when creating your handler.`);
     return /* @__PURE__ */ React.createElement(
       "div",
       {
-        className: classNames(classPrefix$e, className, {
-          [`${classPrefix$e}--reverse`]: labelPosition === "left"
+        className: classNames(classPrefix$f, className, {
+          [`${classPrefix$f}--reverse`]: labelPosition === "left"
         }),
         ...rest,
         onClick: handleClick2
@@ -14053,7 +14053,7 @@ Please add \`${key}Action\` when creating your handler.`);
       renderLabel()
     );
   };
-  Checkbox.defaultProps = defaultProps$Y;
+  Checkbox.defaultProps = defaultProps$X;
   Checkbox.displayName = "NutCheckBox";
   Checkbox.Group = CheckboxGroup;
   const MIN_DISTANCE = 10;
@@ -14347,7 +14347,7 @@ Please add \`${key}Action\` when creating your handler.`);
     }, []);
     return [refs.current, setRefs, reset];
   }
-  const defaultProps$X = {
+  const defaultProps$W = {
     ...ComponentDefaults,
     visible: false,
     title: "",
@@ -14374,7 +14374,7 @@ Please add \`${key}Action\` when creating your handler.`);
       afterClose,
       onChange,
       ...rest
-    } = { ...defaultProps$X, ...props };
+    } = { ...defaultProps$W, ...props };
     const classPrefix2 = "nut-picker";
     const classes = classNames(classPrefix2, className);
     const [selectedValue, setSelectedValue] = usePropsValue({
@@ -14549,7 +14549,7 @@ Please add \`${key}Action\` when creating your handler.`);
       {
         visible,
         position: "bottom",
-        onClose: () => {
+        afterClose: () => {
           closePicker();
         }
       },
@@ -14573,30 +14573,30 @@ Please add \`${key}Action\` when creating your handler.`);
   const Picker = React.forwardRef(InternalPicker);
   const Picker$1 = Picker;
   const currentYear = (/* @__PURE__ */ new Date()).getFullYear();
-  const defaultProps$W = {
-    modelValue: null,
+  const defaultProps$V = {
+    ...ComponentDefaults,
     visible: false,
     title: "",
     type: "date",
-    isShowChinese: false,
+    showChinese: false,
     threeDimensional: true,
     minuteStep: 1,
-    minDate: new Date(currentYear - 10, 0, 1),
-    maxDate: new Date(currentYear + 10, 11, 31)
+    startDate: new Date(currentYear - 10, 0, 1),
+    endDate: new Date(currentYear + 10, 11, 31)
   };
   const DatePicker = (props) => {
     const {
-      minDate,
-      maxDate,
+      startDate,
+      endDate,
       type: type2,
-      isShowChinese,
+      showChinese,
       minuteStep,
-      modelValue,
       visible,
       title,
+      defaultValue,
       formatter,
-      onCloseDatePicker,
-      onConfirmDatePicker,
+      onClose,
+      onConfirm,
       filter,
       onChange,
       threeDimensional,
@@ -14604,18 +14604,10 @@ Please add \`${key}Action\` when creating your handler.`);
       style,
       ...rest
     } = {
-      ...defaultProps$W,
+      ...defaultProps$V,
       ...props
     };
     const { locale } = useConfig();
-    const [show2, setShow] = React.useState(false);
-    const [currentDate, setCurrentDate] = React.useState(modelValue);
-    const [defaultValue, setDefaultValue] = React.useState([]);
-    const [options2, setListData] = React.useState([]);
-    const pickerRef = React.useRef(null);
-    const isDate = (val) => {
-      return Object.prototype.toString.call(val) === "[object Date]" && !Number.isNaN(val.getTime());
-    };
     const datepickerLang = locale.datepicker;
     const zhCNType = {
       day: datepickerLang.day,
@@ -14625,20 +14617,32 @@ Please add \`${key}Action\` when creating your handler.`);
       minute: datepickerLang.min,
       seconds: datepickerLang.seconds
     };
+    const [defaultValueOfPicker, setDefaultValueOfPicker] = React.useState([]);
+    const [options2, setOptions] = React.useState([]);
+    const isDate = (val) => {
+      return Object.prototype.toString.call(val) === "[object Date]" && !Number.isNaN(val.getTime());
+    };
     const formatValue = (value) => {
       let cvalue = value;
       if (!cvalue || cvalue && !isDate(cvalue)) {
-        cvalue = minDate;
+        cvalue = startDate;
       }
-      let timestmp = Math.max(cvalue.getTime(), minDate.getTime());
-      timestmp = Math.min(timestmp, maxDate.getTime());
+      let timestmp = Math.max(cvalue.getTime(), startDate.getTime());
+      timestmp = Math.min(timestmp, endDate.getTime());
       return new Date(timestmp);
     };
+    const [currentDate, setCurrentDate] = usePropsValue({
+      value: props.value && formatValue(props.value),
+      defaultValue: formatValue(props.defaultValue || null),
+      finalValue: null,
+      onChange: (val) => {
+      }
+    });
     function getMonthEndDay(year, month) {
       return new Date(year, month, 0).getDate();
     }
     const getBoundary = (type22, value) => {
-      const boundary = type22 === "min" ? minDate : maxDate;
+      const boundary = type22 === "min" ? startDate : endDate;
       const year = boundary.getFullYear();
       let month = 1;
       let date2 = 1;
@@ -14672,12 +14676,12 @@ Please add \`${key}Action\` when creating your handler.`);
         [`${type22}Seconds`]: seconds
       };
     };
-    const ranges = (date2) => {
-      const curDate = date2 || currentDate;
+    const ranges = () => {
+      const curDate = currentDate;
       if (!curDate)
         return [];
-      const { maxYear, maxDate: maxDate2, maxMonth, maxHour, maxMinute, maxSeconds } = getBoundary("max", curDate);
-      const { minYear, minDate: minDate2, minMonth, minHour, minMinute, minSeconds } = getBoundary("min", curDate);
+      const { maxYear, maxDate, maxMonth, maxHour, maxMinute, maxSeconds } = getBoundary("max", curDate);
+      const { minYear, minDate, minMonth, minHour, minMinute, minSeconds } = getBoundary("min", curDate);
       let result = [
         {
           type: "year",
@@ -14689,7 +14693,7 @@ Please add \`${key}Action\` when creating your handler.`);
         },
         {
           type: "day",
-          range: [minDate2, maxDate2]
+          range: [minDate, maxDate]
         },
         {
           type: "hour",
@@ -14729,7 +14733,7 @@ Please add \`${key}Action\` when creating your handler.`);
       }
       return result;
     };
-    const updateChooseValueCustmer = (cacheValueData, selectedValue, index) => {
+    const updateChooseValueCustmer = (selectedOptions, selectedValue, index) => {
       if (["date", "datetime", "datehour", "month-day", "year-month"].includes(
         type2.toLocaleLowerCase()
       )) {
@@ -14739,11 +14743,13 @@ Please add \`${key}Action\` when creating your handler.`);
         });
         if (type2.toLocaleLowerCase() === "month-day" && formatDate.length < 3) {
           formatDate.unshift(
-            new Date(modelValue || minDate || maxDate).getFullYear()
+            new Date(defaultValue || startDate || endDate).getFullYear()
           );
         }
         if (type2.toLocaleLowerCase() === "year-month" && formatDate.length < 3) {
-          formatDate.push(new Date(modelValue || minDate || maxDate).getDate());
+          formatDate.push(
+            new Date(defaultValue || startDate || endDate).getDate()
+          );
         }
         const year = Number(formatDate[0]);
         const month = Number(formatDate[1]) - 1;
@@ -14768,7 +14774,7 @@ Please add \`${key}Action\` when creating your handler.`);
         const isEqual2 = (currentDate == null ? void 0 : currentDate.getTime()) === (date2 == null ? void 0 : date2.getTime());
         date2 && isDate(date2) && !isEqual2 && setCurrentDate(formatValue(date2));
       }
-      props.onChange && props.onChange(cacheValueData, selectedValue, index);
+      props.onChange && props.onChange(selectedOptions, selectedValue, index);
     };
     const padZero = (num, targetLength = 2) => {
       let str = `${num}`;
@@ -14786,12 +14792,13 @@ Please add \`${key}Action\` when creating your handler.`);
         });
       } else {
         const padMin = padZero(value, 2);
-        const fatter = isShowChinese ? zhCNType[type22] : "";
+        const fatter = showChinese ? zhCNType[type22] : "";
         fOption = { text: padMin + fatter, value: padMin };
       }
       return fOption;
     };
     const generateValue = (min, max, val, type22, columnIndex) => {
+      var _a2;
       let cmin = min;
       const arr = [];
       let index = 0;
@@ -14806,8 +14813,8 @@ Please add \`${key}Action\` when creating your handler.`);
           index++;
         }
       }
-      defaultValue[columnIndex] = arr[index].value;
-      setDefaultValue([...defaultValue]);
+      defaultValueOfPicker[columnIndex] = (_a2 = arr[index]) == null ? void 0 : _a2.value;
+      setDefaultValueOfPicker([...defaultValueOfPicker]);
       if (props.filter && props.filter(type22, arr)) {
         return props.filter(type22, arr);
       }
@@ -14832,8 +14839,8 @@ Please add \`${key}Action\` when creating your handler.`);
       }
       return d;
     };
-    const columns = (date2) => {
-      const val = ranges(date2).map((res, columnIndex) => {
+    const columns = () => {
+      const val = ranges().map((res, columnIndex) => {
         return generateValue(
           res.range[0],
           res.range[1],
@@ -14844,44 +14851,26 @@ Please add \`${key}Action\` when creating your handler.`);
       });
       return val || [];
     };
-    React.useEffect(() => {
-      setCurrentDate(formatValue(modelValue));
-    }, []);
-    React.useEffect(() => {
-      setCurrentDate(formatValue(modelValue));
-    }, [modelValue]);
-    React.useEffect(() => {
-      setShow(visible);
-    }, [visible]);
     React.useEffect(() => {
       if (currentDate) {
-        setListData(columns());
+        setOptions(columns());
       }
-    }, [currentDate]);
-    return /* @__PURE__ */ React.createElement(
-      "div",
+    }, []);
+    return /* @__PURE__ */ React.createElement("div", { className: `nut-datepicker ${className}`, style, ...rest }, options2.length && /* @__PURE__ */ React.createElement(
+      Picker$1,
       {
-        className: `nut-datepicker ${className || ""}`,
-        style,
-        ...rest
-      },
-      options2.length > 0 && /* @__PURE__ */ React.createElement(
-        Picker$1,
-        {
-          title,
-          visible: show2,
-          options: options2,
-          onClose: onCloseDatePicker,
-          defaultValue,
-          onConfirm: (options22, values) => onConfirmDatePicker && onConfirmDatePicker(options22, values),
-          onChange: (list, value, index) => updateChooseValueCustmer(list, value, index),
-          threeDimensional,
-          ref: pickerRef
-        }
-      )
-    );
+        title,
+        visible,
+        options: options2,
+        onClose,
+        defaultValue: defaultValueOfPicker,
+        onConfirm: (options22, value) => onConfirm && onConfirm(options22, value),
+        onChange: (options22, value, index) => updateChooseValueCustmer(options22, value, index),
+        threeDimensional
+      }
+    ));
   };
-  DatePicker.defaultProps = defaultProps$W;
+  DatePicker.defaultProps = defaultProps$V;
   DatePicker.displayName = "NutDatePicker";
   const FormItemContext = React.createContext({});
   function _extends() {
@@ -16072,7 +16061,7 @@ Please add \`${key}Action\` when creating your handler.`);
     }
     return [formRef.current];
   };
-  const defaultProps$V = {
+  const defaultProps$U = {
     ...ComponentDefaults,
     name: "",
     label: "",
@@ -16134,7 +16123,7 @@ Please add \`${key}Action\` when creating your handler.`);
           showErrorLine,
           showErrorMessage
         } = {
-          ...defaultProps$V,
+          ...defaultProps$U,
           ...this.props
         };
         const item = ((_a2 = this.context.errList) == null ? void 0 : _a2.length) > 0 && ((_b = this.context.errList) == null ? void 0 : _b.filter((item2) => {
@@ -16189,9 +16178,9 @@ Please add \`${key}Action\` when creating your handler.`);
       return this.renderLayout(returnChildNode);
     }
   }
-  __publicField(FormItem, "defaultProps", defaultProps$V);
+  __publicField(FormItem, "defaultProps", defaultProps$U);
   __publicField(FormItem, "contextType", FormItemContext);
-  const defaultProps$U = {
+  const defaultProps$T = {
     ...ComponentDefaults,
     className: "",
     style: void 0,
@@ -16219,7 +16208,7 @@ Please add \`${key}Action\` when creating your handler.`);
       form,
       ...rest
     } = {
-      ...defaultProps$U,
+      ...defaultProps$T,
       ...props
     };
     let formInstance = {};
@@ -16251,7 +16240,7 @@ Please add \`${key}Action\` when creating your handler.`);
       /* @__PURE__ */ React.createElement(CellGroup, null, /* @__PURE__ */ React.createElement(FormItemContext.Provider, { value: formInstance }, children))
     );
   };
-  Form.defaultProps = defaultProps$U;
+  Form.defaultProps = defaultProps$T;
   Form.displayName = "NutForm";
   Form.Item = FormItem;
   Form.useForm = useForm;
@@ -16279,7 +16268,7 @@ Please add \`${key}Action\` when creating your handler.`);
     const regExp = allowDot ? /[^-0-9.]/g : /[^-0-9]/g;
     return value.replace(regExp, "");
   }
-  const defaultProps$T = {
+  const defaultProps$S = {
     ...ComponentDefaults,
     type: "text",
     name: "",
@@ -16322,7 +16311,7 @@ Please add \`${key}Action\` when creating your handler.`);
         value: _value,
         ...rest
       } = {
-        ...defaultProps$T,
+        ...defaultProps$S,
         ...props
       };
       const [value, setValue] = usePropsValue({
@@ -16457,9 +16446,9 @@ Please add \`${key}Action\` when creating your handler.`);
       );
     }
   );
-  Input.defaultProps = defaultProps$T;
+  Input.defaultProps = defaultProps$S;
   Input.displayName = "NutInput";
-  const defaultProps$S = {
+  const defaultProps$R = {
     ...ComponentDefaults,
     disabled: false,
     min: 1,
@@ -16471,7 +16460,7 @@ Please add \`${key}Action\` when creating your handler.`);
     digits: 0,
     async: false
   };
-  const classPrefix$d = `nut-inputnumber`;
+  const classPrefix$e = `nut-inputnumber`;
   const InputNumber = (props) => {
     const {
       children,
@@ -16496,7 +16485,7 @@ Please add \`${key}Action\` when creating your handler.`);
       onChange,
       ...restProps
     } = {
-      ...defaultProps$S,
+      ...defaultProps$R,
       ...props
     };
     const inputRef = React.useRef("");
@@ -16514,8 +16503,8 @@ Please add \`${key}Action\` when creating your handler.`);
     }, []);
     const classes = classNames(
       {
-        [`${classPrefix$d}`]: true,
-        [`${classPrefix$d}--disabled`]: disabled
+        [`${classPrefix$e}`]: true,
+        [`${classPrefix$e}--disabled`]: disabled
       },
       className
     );
@@ -16693,9 +16682,9 @@ Please add \`${key}Action\` when creating your handler.`);
       }
     )), /* @__PURE__ */ React.createElement("div", { className: "nut-input-add" }, /* @__PURE__ */ React.createElement(y$4, { className: iconAddClasses, onClick: (e) => addNumber(e) })));
   };
-  InputNumber.defaultProps = defaultProps$S;
+  InputNumber.defaultProps = defaultProps$R;
   InputNumber.displayName = "NutInputNumber";
-  const defaultProps$R = {
+  const defaultProps$Q = {
     ...ComponentDefaults,
     activeColor: "",
     closeOnOverlayClick: true,
@@ -16714,7 +16703,7 @@ Please add \`${key}Action\` when creating your handler.`);
       activeColor,
       ...rest
     } = {
-      ...defaultProps$R,
+      ...defaultProps$Q,
       ...props
     };
     const menuRef = React.useRef(null);
@@ -16745,6 +16734,7 @@ Please add \`${key}Action\` when creating your handler.`);
     };
     const hideMenuItem = (index) => {
       showMenuItem[index] = false;
+      console.log([...showMenuItem]);
       setShowMenuItem([...showMenuItem]);
     };
     const updateTitle = (text, index) => {
@@ -16754,6 +16744,7 @@ Please add \`${key}Action\` when creating your handler.`);
     const cloneChildren = () => {
       return React.Children.map(children, (child, index) => {
         return React.cloneElement(child, {
+          ...child.props,
           show: showMenuItem[index],
           index,
           activeColor,
@@ -16793,7 +16784,8 @@ Please add \`${key}Action\` when creating your handler.`);
               }),
               style: { color: showMenuItem[index] ? activeColor : "" },
               key: index,
-              onClick: () => {
+              onClick: (e) => {
+                e.stopPropagation();
                 !disabled && toggleMenuItem(index);
               }
             },
@@ -16833,14 +16825,61 @@ Please add \`${key}Action\` when creating your handler.`);
       ), cloneChildren())
     );
   };
-  Menu.defaultProps = defaultProps$R;
+  Menu.defaultProps = defaultProps$Q;
   Menu.displayName = "NutMenu";
-  const defaultProps$Q = {
+  const isObject = (val) => val !== null && typeof val === "object";
+  const isFunction = (val) => typeof val === "function";
+  const isPromise = (val) => {
+    return isObject(val) && isFunction(val.then) && isFunction(val.catch);
+  };
+  const upperCaseFirst = (str) => {
+    var str = str.toLowerCase();
+    str = str.replace(
+      /\b\w+\b/g,
+      (word) => word.substring(0, 1).toUpperCase() + word.substring(1)
+    );
+    return str;
+  };
+  const getTargetElement = (target) => {
+    let targetElement;
+    if (isFunction(target)) {
+      targetElement = target();
+    } else if ("current" in target) {
+      targetElement = target.current;
+    } else {
+      targetElement = target;
+    }
+    return targetElement;
+  };
+  function useClickAway(onClickAway, target, eventName = "click", isListener, outerVar) {
+    const handler = (event) => {
+      const targets = Array.isArray(target) ? target : [target];
+      if (targets.some((item) => {
+        const targetElement = getTargetElement(item);
+        return !targetElement || targetElement.contains(event.target);
+      })) {
+        return;
+      }
+      if (outerVar) {
+        onClickAway();
+      }
+    };
+    React.useEffect(() => {
+      if (isListener) {
+        window.addEventListener(eventName, handler, false);
+      } else {
+        window.removeEventListener(eventName, handler, false);
+      }
+      return () => {
+        window.removeEventListener(eventName, handler, true);
+      };
+    }, [target]);
+  }
+  const defaultProps$P = {
     ...ComponentDefaults,
     columns: 1,
     direction: "down",
     icon: null,
-    closeOnClickAway: false,
     activeTitleClass: "",
     inactiveTitleClass: "",
     onChange: (value) => void 0
@@ -16865,7 +16904,7 @@ Please add \`${key}Action\` when creating your handler.`);
       parent,
       index
     } = {
-      ...defaultProps$Q,
+      ...defaultProps$P,
       ...props
     };
     const [_showPopup, setShowPopup] = React.useState(show2);
@@ -16873,9 +16912,6 @@ Please add \`${key}Action\` when creating your handler.`);
     React.useEffect(() => {
       setShowPopup(show2);
     }, [show2]);
-    React.useEffect(() => {
-      getParentOffset();
-    }, [_showPopup]);
     React.useImperativeHandle(ref, () => ({
       toggle: parent.toggleMenuItem
     }));
@@ -16896,123 +16932,112 @@ Please add \`${key}Action\` when creating your handler.`);
       setValue(item.value);
       onChange && onChange(item);
     };
-    const [position, setPosition] = React.useState({
-      top: 0,
-      height: 0
-    });
-    const getParentOffset = () => {
-      setTimeout(() => {
-        const p = parent.menuRef.current;
-        const rect = p.getBoundingClientRect();
-        setPosition({
-          height: rect.height,
-          top: rect.top
-        });
-      });
-    };
     const isShow = () => {
       if (_showPopup)
         return {};
       return { display: "none" };
     };
     const getPosition = () => {
-      return direction === "down" ? { top: `${position.top + position.height}px` } : { bottom: `${window.innerHeight - position.top}px`, top: "auto" };
-    };
-    const placeholderStyle = () => {
-      if (direction === "down") {
-        return {
-          height: `${position.top + position.height}px`,
-          top: 0,
-          ...isShow()
-        };
-      }
-      return {
-        height: `${window.innerHeight - position.top}px`,
-        bottom: `0px`,
+      return direction === "down" ? { position: "absolute", height: `${window.innerHeight}px` } : {
+        position: "absolute",
+        bottom: "100%",
         top: "auto",
-        ...isShow()
+        height: `${window.innerHeight}px`
       };
     };
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, closeOnClickAway ? /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        className: `placeholder-element ${classNames({
-          up: direction === "up"
-        })}`,
-        style: placeholderStyle(),
-        onClick: () => parent.toggleMenuItem(index)
-      }
-    ) : null, /* @__PURE__ */ React.createElement(
-      Overlay,
-      {
-        className: "nut-menu__overlay",
-        style: getPosition(),
-        lockScroll: parent.lockScroll,
-        visible: _showPopup,
-        closeOnOverlayClick: parent.closeOnOverlayClick,
-        onClick: () => {
-          parent.closeOnOverlayClick && parent.toggleMenuItem(index);
-        }
-      }
-    ), /* @__PURE__ */ React.createElement(
+    const micRef = React.useRef(null);
+    const targetSet = [micRef.current];
+    useClickAway(
+      () => {
+        parent.hideMenuItem(index);
+      },
+      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+      // @ts-ignore
+      targetSet,
+      "click",
+      _showPopup,
+      closeOnClickAway
+    );
+    return /* @__PURE__ */ React.createElement(
       "div",
       {
-        className: classNames(className, {
-          "nut-menu-item__wrap": direction === "down",
-          "nut-menu-item__wrap-up": direction !== "down"
-        }),
-        style: {
-          ...style,
-          ...isShow()
-        }
+        className: "nut-menu-item-container",
+        ref: micRef,
+        style: { position: "absolute", left: 0, right: 0 }
       },
       /* @__PURE__ */ React.createElement(
-        CSSTransition$1,
+        Overlay,
         {
-          in: _showPopup,
-          timeout: 100,
-          classNames: direction === "down" ? "menu-item" : "menu-item-up"
+          className: "nut-menu__overlay",
+          style: getPosition(),
+          lockScroll: parent.lockScroll,
+          visible: _showPopup,
+          closeOnOverlayClick: parent.closeOnOverlayClick,
+          onClick: () => {
+            parent.closeOnOverlayClick && parent.toggleMenuItem(index);
+          }
+        }
+      ),
+      /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          className: classNames(className, {
+            "nut-menu-item__wrap": direction === "down",
+            "nut-menu-item__wrap-up": direction !== "down"
+          }),
+          style: {
+            ...style,
+            ...isShow()
+          }
         },
-        /* @__PURE__ */ React.createElement("div", { className: "nut-menu-item__content" }, options2 == null ? void 0 : options2.map((item, index2) => {
-          return /* @__PURE__ */ React.createElement(
-            "div",
-            {
-              className: `nut-menu-item__option ${classNames({
-                active: item.value === _value
-              })}`,
-              key: item.text,
-              style: {
-                flexBasis: `${100 / columns}%`
-              },
-              onClick: () => {
-                handleClick2(item);
-              }
-            },
-            item.value === _value ? /* @__PURE__ */ React.createElement("i", null, icon || /* @__PURE__ */ React.createElement(
-              x$f,
-              {
-                color: activeColor,
-                className: getIconCName(item.value, value)
-              }
-            )) : null,
-            /* @__PURE__ */ React.createElement(
+        /* @__PURE__ */ React.createElement(
+          CSSTransition$1,
+          {
+            in: _showPopup,
+            timeout: 100,
+            classNames: direction === "down" ? "menu-item" : "menu-item-up"
+          },
+          /* @__PURE__ */ React.createElement("div", { className: "nut-menu-item__content" }, options2 == null ? void 0 : options2.map((item) => {
+            return /* @__PURE__ */ React.createElement(
               "div",
               {
-                className: getIconCName(item.value, value),
+                className: `nut-menu-item__option ${classNames({
+                  active: item.value === _value
+                })}`,
+                key: item.text,
                 style: {
-                  color: `${item.value === _value ? activeColor : ""}`
+                  flexBasis: `${100 / columns}%`
+                },
+                onClick: () => {
+                  handleClick2(item);
                 }
               },
-              item.text
-            )
-          );
-        }), children)
+              item.value === _value ? /* @__PURE__ */ React.createElement("i", null, icon || /* @__PURE__ */ React.createElement(
+                x$f,
+                {
+                  color: activeColor,
+                  className: getIconCName(item.value, value)
+                }
+              )) : null,
+              /* @__PURE__ */ React.createElement(
+                "div",
+                {
+                  className: getIconCName(item.value, value),
+                  style: {
+                    color: `${item.value === _value ? activeColor : ""}`
+                  }
+                },
+                item.text
+              )
+            );
+          }), children)
+        )
       )
-    ));
+    );
   });
-  MenuItem.defaultProps = defaultProps$Q;
+  MenuItem.defaultProps = defaultProps$P;
   MenuItem.displayName = "NutMenuItem";
-  const defaultProps$P = {
+  const defaultProps$O = {
     ...ComponentDefaults,
     visible: false,
     type: "default",
@@ -17163,17 +17188,17 @@ Please add \`${key}Action\` when creating your handler.`);
       ))))
     );
   };
-  NumberKeyboard.defaultProps = defaultProps$P;
+  NumberKeyboard.defaultProps = defaultProps$O;
   NumberKeyboard.displayName = "NutNumberKeyboard";
   const RadioContext = React.createContext(null);
-  const defaultProps$O = {
+  const defaultProps$N = {
     labelPosition: "right",
     onChange: (value) => {
     },
     direction: "vertical",
     options: []
   };
-  const classPrefix$c = "nut-radiogroup";
+  const classPrefix$d = "nut-radiogroup";
   const RadioGroup = React.forwardRef(
     (props, ref) => {
       const {
@@ -17187,7 +17212,7 @@ Please add \`${key}Action\` when creating your handler.`);
         options: options2,
         disabled,
         ...rest
-      } = { ...defaultProps$O, ...props };
+      } = { ...defaultProps$N, ...props };
       const [val2State, setVal2State] = usePropsValue({
         defaultValue: props.defaultValue,
         value: props.value,
@@ -17229,8 +17254,8 @@ Please add \`${key}Action\` when creating your handler.`);
         /* @__PURE__ */ React.createElement(
           "div",
           {
-            className: classNames(classPrefix$c, className, {
-              [`${classPrefix$c}--${props.direction}`]: props.direction
+            className: classNames(classPrefix$d, className, {
+              [`${classPrefix$d}--${props.direction}`]: props.direction
             }),
             ...rest
           },
@@ -17239,9 +17264,9 @@ Please add \`${key}Action\` when creating your handler.`);
       );
     }
   );
-  RadioGroup.defaultProps = defaultProps$O;
+  RadioGroup.defaultProps = defaultProps$N;
   RadioGroup.displayName = "NutRadioGroup";
-  const defaultProps$N = {
+  const defaultProps$M = {
     ...ComponentDefaults,
     disabled: false,
     shape: "round",
@@ -17267,7 +17292,7 @@ Please add \`${key}Action\` when creating your handler.`);
       onChange,
       ...others
     } = {
-      ...defaultProps$N,
+      ...defaultProps$M,
       ...props
     };
     let { labelPosition, disabled, ...rest } = others;
@@ -17363,10 +17388,10 @@ Please add \`${key}Action\` when creating your handler.`);
       renderRadioItem()
     );
   };
-  Radio.defaultProps = defaultProps$N;
+  Radio.defaultProps = defaultProps$M;
   Radio.displayName = "NutRadio";
   Radio.Group = RadioGroup;
-  const defaultProps$M = {
+  const defaultProps$L = {
     ...ComponentDefaults,
     range: false,
     min: 0,
@@ -17394,7 +17419,7 @@ Please add \`${key}Action\` when creating your handler.`);
       step,
       value,
       defaultValue
-    } = { ...defaultProps$M, ...props };
+    } = { ...defaultProps$L, ...props };
     const classPrefix2 = "nut-range";
     const [buttonIndex, setButtonIndex] = React.useState(0);
     const [dragStatus, setDragStatus] = React.useState("start");
@@ -17658,9 +17683,9 @@ Please add \`${key}Action\` when creating your handler.`);
       renderButton()
     ))), maxDescription !== null && /* @__PURE__ */ React.createElement("div", { className: "max" }, maxDescription || max));
   };
-  Range.defaultProps = defaultProps$M;
+  Range.defaultProps = defaultProps$L;
   Range.displayName = "NutRange";
-  const defaultProps$L = {
+  const defaultProps$K = {
     ...ComponentDefaults,
     count: 5,
     min: 0,
@@ -17685,7 +17710,7 @@ Please add \`${key}Action\` when creating your handler.`);
       allowHalf,
       onChange
     } = {
-      ...defaultProps$L,
+      ...defaultProps$K,
       ...props
     };
     const classPrefix2 = "nut-rate";
@@ -17768,9 +17793,9 @@ Please add \`${key}Action\` when creating your handler.`);
       })
     );
   };
-  Rate.defaultProps = defaultProps$L;
+  Rate.defaultProps = defaultProps$K;
   Rate.displayName = "NutRate";
-  const defaultProps$K = {
+  const defaultProps$J = {
     ...ComponentDefaults,
     placeholder: "",
     shape: "square",
@@ -17809,7 +17834,7 @@ Please add \`${key}Action\` when creating your handler.`);
       onSearch,
       onClickInput
     } = {
-      ...defaultProps$K,
+      ...defaultProps$J,
       ...props
     };
     const forceFocus = () => {
@@ -17918,9 +17943,9 @@ Please add \`${key}Action\` when creating your handler.`);
       renderRight()
     );
   };
-  SearchBar.defaultProps = defaultProps$K;
+  SearchBar.defaultProps = defaultProps$J;
   SearchBar.displayName = "NutSearchBar";
-  const defaultProps$J = {
+  const defaultProps$I = {
     ...ComponentDefaults,
     value: "",
     visible: false,
@@ -17957,7 +17982,7 @@ Please add \`${key}Action\` when creating your handler.`);
       onClickCloseIcon,
       ...rest
     } = {
-      ...defaultProps$J,
+      ...defaultProps$I,
       ...props
     };
     const classPrefix2 = "nut-shortpassword";
@@ -18014,33 +18039,32 @@ Please add \`${key}Action\` when creating your handler.`);
       ), /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__footer__sure`, onClick: sure }, locale.confirm)))
     );
   };
-  ShortPassword.defaultProps = defaultProps$J;
+  ShortPassword.defaultProps = defaultProps$I;
   ShortPassword.displayName = "NutShortPassword";
-  const defaultProps$I = {
+  const defaultProps$H = {
+    ...ComponentDefaults,
     type: "png",
     lineWidth: 2,
     strokeStyle: "#000",
-    unSupportTpl: "对不起，当前浏览器不支持Canvas，无法使用本控件！",
-    className: ""
+    unsupported: ""
   };
-  const Signature = (props) => {
+  const InternalSignature = (props, ref) => {
     const { locale } = useConfig();
     const {
       type: type2,
       lineWidth,
       strokeStyle,
-      unSupportTpl,
+      unsupported,
       className,
-      confirm: confirm2,
-      clear,
+      style,
       onConfirm,
       onClear,
       ...rest
     } = {
-      ...defaultProps$I,
+      ...defaultProps$H,
       ...props
     };
-    const b = cn("signature");
+    const classPrefix2 = `nut-signature`;
     const canvasRef = React.useRef(null);
     const wrapRef = React.useRef(null);
     const [canvasHeight, setCanvasHeight] = React.useState(0);
@@ -18107,12 +18131,8 @@ Please add \`${key}Action\` when creating your handler.`);
         ctx2.current.clearRect(0, 0, canvasWidth, canvasHeight);
         ctx2.current.closePath();
       }
-      clear && clear();
       onClear && onClear();
     };
-    const handleConfirmBtn = () => {
-      onSave(canvasRef.current);
-    };
     const onSave = (canvas) => {
       let dataurl;
       switch (type2) {
@@ -18126,30 +18146,22 @@ Please add \`${key}Action\` when creating your handler.`);
           dataurl = canvas.toDataURL("image/png");
       }
       handleClearBtn();
-      confirm2 && confirm2(canvas, dataurl);
       onConfirm && onConfirm(canvas, dataurl);
     };
-    return /* @__PURE__ */ React.createElement("div", { className: `${b()} ${className}`, ...rest }, /* @__PURE__ */ React.createElement("div", { className: `${b("inner")}`, ref: wrapRef }, isCanvasSupported() ? /* @__PURE__ */ React.createElement("canvas", { ref: canvasRef, height: canvasHeight, width: canvasWidth }) : /* @__PURE__ */ React.createElement("p", { className: `${b("unsopport")}` }, locale.signature.unSupportTpl || unSupportTpl)), /* @__PURE__ */ React.createElement(
-      Button,
-      {
-        className: `${b("btn")}`,
-        type: "default",
-        onClick: () => handleClearBtn()
-      },
-      locale.signature.reSign
-    ), /* @__PURE__ */ React.createElement(
-      Button,
-      {
-        className: `${b("btn")}`,
-        type: "primary",
-        onClick: () => handleConfirmBtn()
+    React.useImperativeHandle(ref, () => ({
+      confirm: () => {
+        onSave(canvasRef.current);
       },
-      locale.confirm
-    ));
+      clear: () => {
+        handleClearBtn();
+      }
+    }));
+    return /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2} ${className}`, style, ...rest }, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__inner`, ref: wrapRef }, isCanvasSupported() ? /* @__PURE__ */ React.createElement("canvas", { ref: canvasRef, height: canvasHeight, width: canvasWidth }) : /* @__PURE__ */ React.createElement(React.Fragment, null, unsupported || /* @__PURE__ */ React.createElement("p", { className: `${classPrefix2}__unsupport` }, locale.signature.unsupported))));
   };
-  Signature.defaultProps = defaultProps$I;
+  const Signature = React.forwardRef(InternalSignature);
+  Signature.defaultProps = defaultProps$H;
   Signature.displayName = "NutSignature";
-  const defaultProps$H = {
+  const defaultProps$G = {
     ...ComponentDefaults,
     disabled: false,
     activeText: "",
@@ -18166,7 +18178,7 @@ Please add \`${key}Action\` when creating your handler.`);
       style,
       onChange
     } = {
-      ...defaultProps$H,
+      ...defaultProps$G,
       ...props
     };
     const classPrefix2 = "nut-switch";
@@ -18185,9 +18197,9 @@ Please add \`${key}Action\` when creating your handler.`);
     };
     return /* @__PURE__ */ React.createElement("div", { className: classes(), onClick: (e) => onClick(e), style }, /* @__PURE__ */ React.createElement("div", { className: "switch-button" }, !value && /* @__PURE__ */ React.createElement("div", { className: "close-line" }), activeText && /* @__PURE__ */ React.createElement(React.Fragment, null, value ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__label open` }, activeText) : /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__label close` }, inactiveText))));
   };
-  Switch.defaultProps = defaultProps$H;
+  Switch.defaultProps = defaultProps$G;
   Switch.displayName = "NutSwitch";
-  const defaultProps$G = {
+  const defaultProps$F = {
     ...ComponentDefaults,
     defaultValue: "",
     showCount: false,
@@ -18216,7 +18228,7 @@ Please add \`${key}Action\` when creating your handler.`);
       onBlur,
       onFocus,
       ...rest
-    } = { ...defaultProps$G, ...props };
+    } = { ...defaultProps$F, ...props };
     const classPrefix2 = "nut-textarea";
     const textareaRef = React.useRef(null);
     const compositionRef = React.useRef(false);
@@ -18300,9 +18312,9 @@ Please add \`${key}Action\` when creating your handler.`);
       showCount && /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__limit` }, inputValue.length, "/", maxLength < 0 ? 0 : maxLength)
     );
   };
-  TextArea.defaultProps = defaultProps$G;
+  TextArea.defaultProps = defaultProps$F;
   TextArea.displayName = "NutTextArea";
-  const defaultProps$F = {
+  const defaultProps$E = {
     ...ComponentDefaults,
     percent: 0,
     showText: false,
@@ -18325,7 +18337,7 @@ Please add \`${key}Action\` when creating your handler.`);
       delay,
       ...rest
     } = {
-      ...defaultProps$F,
+      ...defaultProps$E,
       ...props
     };
     const classPrefix2 = "nut-progress";
@@ -18420,7 +18432,7 @@ Please add \`${key}Action\` when creating your handler.`);
       )))
     );
   };
-  Progress.defaultProps = defaultProps$F;
+  Progress.defaultProps = defaultProps$E;
   Progress.displayName = "NutProgress";
   class UploadOptions {
     constructor() {
@@ -18487,19 +18499,6 @@ Please add \`${key}Action\` when creating your handler.`);
       }
     }
   }
-  const isObject = (val) => val !== null && typeof val === "object";
-  const isFunction = (val) => typeof val === "function";
-  const isPromise = (val) => {
-    return isObject(val) && isFunction(val.then) && isFunction(val.catch);
-  };
-  const upperCaseFirst = (str) => {
-    var str = str.toLowerCase();
-    str = str.replace(
-      /\b\w+\b/g,
-      (word) => word.substring(0, 1).toUpperCase() + word.substring(1)
-    );
-    return str;
-  };
   const funcInterceptor = (interceptor, {
     args = [],
     done,
@@ -18525,7 +18524,7 @@ Please add \`${key}Action\` when creating your handler.`);
       done();
     }
   };
-  const defaultProps$E = {
+  const defaultProps$D = {
     ...ComponentDefaults,
     url: "",
     maxCount: 1,
@@ -18607,7 +18606,7 @@ Please add \`${key}Action\` when creating your handler.`);
       beforeXhrUpload,
       beforeDelete,
       ...restProps
-    } = { ...defaultProps$E, ...props };
+    } = { ...defaultProps$D, ...props };
     const [fileList, setFileList] = React.useState(defaultValue || []);
     const [uploadQueue, setUploadQueue] = React.useState([]);
     React.useEffect(() => {
@@ -18948,9 +18947,9 @@ Please add \`${key}Action\` when creating your handler.`);
     ));
   };
   const Uploader = React.forwardRef(InternalUploader);
-  Uploader.defaultProps = defaultProps$E;
+  Uploader.defaultProps = defaultProps$D;
   Uploader.displayName = "NutUploader";
-  const defaultProps$D = {
+  const defaultProps$C = {
     ...ComponentDefaults,
     visible: false,
     title: "",
@@ -18977,7 +18976,7 @@ Please add \`${key}Action\` when creating your handler.`);
       className,
       style,
       ...rest
-    } = { ...defaultProps$D, ...props };
+    } = { ...defaultProps$C, ...props };
     const classPrefix2 = "nut-actionsheet";
     const cancelActionSheet = () => {
       onCancel && onCancel();
@@ -19018,7 +19017,7 @@ Please add \`${key}Action\` when creating your handler.`);
       ))
     );
   };
-  ActionSheet.defaultProps = defaultProps$D;
+  ActionSheet.defaultProps = defaultProps$C;
   ActionSheet.displayName = "NutActionSheet";
   const fullClone = {
     ...ReactDOM__namespace
@@ -19251,7 +19250,7 @@ Please add \`${key}Action\` when creating your handler.`);
   };
   DialogWrap.defaultProps = defaultDialogProps;
   DialogWrap.displayName = "NutDialogWrap";
-  const defaultProps$C = {
+  const defaultProps$B = {
     confirmText: "",
     cancelText: "",
     overlay: true,
@@ -19350,9 +19349,9 @@ Please add \`${key}Action\` when creating your handler.`);
       });
     };
   });
-  Dialog.defaultProps = defaultProps$C;
+  Dialog.defaultProps = defaultProps$B;
   Dialog.displayName = "NutDialog";
-  const defaultProps$B = {
+  const defaultProps$A = {
     ...ComponentDefaults,
     attract: false,
     direction: void 0,
@@ -19365,7 +19364,7 @@ Please add \`${key}Action\` when creating your handler.`);
   };
   const Drag = (props) => {
     const { attract, direction, boundary, children, className, style, ...reset } = {
-      ...defaultProps$B,
+      ...defaultProps$A,
       ...props
     };
     const classPrefix2 = "nut-drag";
@@ -19428,20 +19427,20 @@ Please add \`${key}Action\` when creating your handler.`);
       /* @__PURE__ */ React.createElement(animated.div, { style: currstyle, ...bind() }, children)
     );
   };
-  Drag.defaultProps = defaultProps$B;
+  Drag.defaultProps = defaultProps$A;
   Drag.displayName = "NutDrag";
   const defaultStatus = {
     empty: "https://static-ftcms.jd.com/p/files/61a9e3183985005b3958672b.png",
     error: "https://ftcms.jd.com/p/files/61a9e33ee7dcdbcc0ce62736.png",
     network: "https://static-ftcms.jd.com/p/files/61a9e31de7dcdbcc0ce62734.png"
   };
-  const defaultProps$A = {
+  const defaultProps$z = {
     ...ComponentDefaults,
     description: "",
     imageSize: "",
     status: "empty"
   };
-  const classPrefix$b = `nut-empty`;
+  const classPrefix$c = `nut-empty`;
   const Empty = (props) => {
     const { locale } = useConfig();
     const {
@@ -19453,7 +19452,7 @@ Please add \`${key}Action\` when creating your handler.`);
       status,
       ...rest
     } = {
-      ...defaultProps$A,
+      ...defaultProps$z,
       ...props
     };
     const [imgStyle, setImgStyle] = React.useState({});
@@ -19476,46 +19475,38 @@ Please add \`${key}Action\` when creating your handler.`);
         };
       });
     }, [imageSize]);
-    return /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$b} ${className}`, ...rest }, /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$b}__image`, style: imgStyle }, imageNode), typeof description === "string" ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$b}__description` }, description || locale.noData) : description, children));
+    return /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$c} ${className}`, ...rest }, /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$c}__image`, style: imgStyle }, imageNode), typeof description === "string" ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$c}__description` }, description || locale.noData) : description, children));
   };
-  Empty.defaultProps = defaultProps$A;
+  Empty.defaultProps = defaultProps$z;
   Empty.displayName = "NutEmpty";
-  const defaultProps$z = {
+  const defaultProps$y = {
     ...ComponentDefaults,
     hasMore: true,
     threshold: 200,
-    containerId: "",
-    useWindow: true,
-    useCapture: false,
-    isOpenRefresh: false,
-    pullIcon: null,
-    pullText: "松开刷新",
-    loadIcon: null,
-    loadingText: "加载中···",
-    loadMoreText: "哎呀，这里是底部了啦"
-  };
-  const Infiniteloading = (props) => {
+    target: "",
+    capture: false,
+    pullRefresh: false
+  };
+  const classPrefix$b = `nut-infiniteloading`;
+  const InfiniteLoading = (props) => {
     const { locale } = useConfig();
     const {
       children,
       hasMore,
       threshold,
-      containerId,
-      useWindow,
-      useCapture,
-      isOpenRefresh,
-      pullIcon,
-      pullText,
-      loadIcon,
+      target,
+      capture,
+      pullRefresh,
+      pullingText,
       loadingText,
       loadMoreText,
       className,
       onRefresh,
       onLoadMore,
-      onScrollChange,
+      onScroll,
       ...restProps
     } = {
-      ...defaultProps$z,
+      ...defaultProps$y,
       ...props
     };
     const [isInfiniting, setIsInfiniting] = React.useState(false);
@@ -19527,16 +19518,16 @@ Please add \`${key}Action\` when creating your handler.`);
     const refreshMaxH = React.useRef(0);
     const y2 = React.useRef(0);
     const distance = React.useRef(0);
-    const b = cn("infiniteloading");
-    const classes = classNames(className, b());
+    const classes = classNames(className, classPrefix$b);
     React.useEffect(() => {
-      const parentElement = getParentElement(
-        scroller.current
-      );
-      scrollEl.current = useWindow ? window : parentElement;
-      scrollEl.current.addEventListener("scroll", handleScroll, useCapture);
+      if (target && document.getElementById(target)) {
+        scrollEl.current = document.getElementById(target);
+      } else {
+        scrollEl.current = window;
+      }
+      scrollEl.current.addEventListener("scroll", handleScroll, capture);
       return () => {
-        scrollEl.current.removeEventListener("scroll", handleScroll, useCapture);
+        scrollEl.current.removeEventListener("scroll", handleScroll, capture);
       };
     }, [hasMore, isInfiniting]);
     React.useEffect(() => {
@@ -19554,9 +19545,6 @@ Please add \`${key}Action\` when creating your handler.`);
         transition: isTouching.current ? `height 0s cubic-bezier(0.25,0.1,0.25,1)` : `height 0.2s cubic-bezier(0.25,0.1,0.25,1)`
       };
     };
-    const getParentElement = (el) => {
-      return containerId ? document.querySelector(`#${containerId}`) : el && el.parentNode;
-    };
     const handleScroll = () => {
       requestAniFrame2()(() => {
         if (!isScrollAtBottom() || !hasMore || isInfiniting) {
@@ -19576,7 +19564,7 @@ Please add \`${key}Action\` when creating your handler.`);
       isTouching.current = false;
     };
     const touchStart = (event) => {
-      if (beforeScrollTop.current === 0 && !isTouching.current && isOpenRefresh) {
+      if (beforeScrollTop.current === 0 && !isTouching.current && pullRefresh) {
         y2.current = event.touches[0].pageY;
         isTouching.current = true;
         const childHeight = refreshTop.current.firstElementChild.offsetHeight;
@@ -19608,12 +19596,12 @@ Please add \`${key}Action\` when creating your handler.`);
       }
     };
     const requestAniFrame2 = () => {
-      return window.requestAnimationFrame || window.webkitRequestAnimationFrame || function fn(callback) {
+      return window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || function fn(callback) {
         window.setTimeout(callback, 1e3 / 60);
       };
     };
     const getWindowScrollTop = () => {
-      return window.pageYOffset !== void 0 ? window.pageYOffset : (document.documentElement || document.body.parentNode || document.body).scrollTop;
+      return window.scrollY !== void 0 ? window.scrollY : (document.documentElement || document.body.parentNode || document.body).scrollTop;
     };
     const calculateTopPosition = (el) => {
       return !el ? 0 : el.offsetTop + calculateTopPosition(el.offsetParent);
@@ -19623,7 +19611,7 @@ Please add \`${key}Action\` when creating your handler.`);
       let resScrollTop = 0;
       let direction = "down";
       const windowScrollTop = getWindowScrollTop();
-      if (useWindow) {
+      if (!target || !document.getElementById(target)) {
         if (scroller.current) {
           offsetDistance = calculateTopPosition(scroller.current) + scroller.current.offsetHeight - windowScrollTop - window.innerHeight;
         }
@@ -19639,7 +19627,7 @@ Please add \`${key}Action\` when creating your handler.`);
         direction = "down";
       }
       beforeScrollTop.current = resScrollTop;
-      onScrollChange && onScrollChange(resScrollTop);
+      onScroll && onScroll(resScrollTop);
       return offsetDistance <= threshold && direction === "down";
     };
     return /* @__PURE__ */ React.createElement(
@@ -19651,14 +19639,14 @@ Please add \`${key}Action\` when creating your handler.`);
         onTouchEnd: touchEnd,
         ...restProps
       },
-      /* @__PURE__ */ React.createElement("div", { className: "nut-infinite-top", ref: refreshTop, style: getStyle() }, /* @__PURE__ */ React.createElement("div", { className: "top-box" }, pullIcon && /* @__PURE__ */ React.createElement(React.Fragment, null, pullIcon), /* @__PURE__ */ React.createElement("span", { className: "top-text" }, pullText || locale.infiniteloading.pullRefreshText))),
+      /* @__PURE__ */ React.createElement("div", { className: "nut-infinite-top", ref: refreshTop, style: getStyle() }, /* @__PURE__ */ React.createElement("div", { className: "top-box" }, pullingText || locale.infiniteloading.pullRefreshText)),
       /* @__PURE__ */ React.createElement("div", { className: "nut-infinite-container" }, children),
-      /* @__PURE__ */ React.createElement("div", { className: "nut-infinite-bottom" }, isInfiniting ? /* @__PURE__ */ React.createElement("div", { className: "bottom-box" }, loadIcon && /* @__PURE__ */ React.createElement(React.Fragment, null, loadIcon), /* @__PURE__ */ React.createElement("div", { className: "bottom-text" }, loadingText || locale.infiniteloading.loadText)) : !hasMore && /* @__PURE__ */ React.createElement("div", { className: "tips" }, loadMoreText || locale.infiniteloading.loadMoreText))
+      /* @__PURE__ */ React.createElement("div", { className: "nut-infinite-bottom" }, isInfiniting ? /* @__PURE__ */ React.createElement("div", { className: "bottom-box" }, loadingText || locale.infiniteloading.loadText) : !hasMore && /* @__PURE__ */ React.createElement("div", { className: "tips" }, loadMoreText || locale.infiniteloading.loadMoreText))
     );
   };
-  Infiniteloading.defaultProps = defaultProps$z;
-  Infiniteloading.displayName = "NutInfiniteloading";
-  const defaultProps$y = {
+  InfiniteLoading.defaultProps = defaultProps$y;
+  InfiniteLoading.displayName = "NutInfiniteLoading";
+  const defaultProps$x = {
     ...ComponentDefaults,
     direction: "horizontal",
     list: [],
@@ -19696,7 +19684,7 @@ Please add \`${key}Action\` when creating your handler.`);
       onClick,
       onClickItem
     } = {
-      ...defaultProps$y,
+      ...defaultProps$x,
       ...props
     };
     const classPrefix2 = "nut-noticebar";
@@ -20005,7 +19993,7 @@ Please add \`${key}Action\` when creating your handler.`);
         onClick: handleClick2
       },
       leftIcon ? /* @__PURE__ */ React.createElement("div", { className: "left-icon" }, leftIcon) : null,
-      children ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: "nut-noticebar__inner", ref: innerRef }, scrollList.current.map((item, index) => {
+      children ? /* @__PURE__ */ React.createElement("div", { className: "nut-noticebar__inner", ref: innerRef }, scrollList.current.map((item, index) => {
         return /* @__PURE__ */ React.createElement(
           "div",
           {
@@ -20018,7 +20006,7 @@ Please add \`${key}Action\` when creating your handler.`);
           },
           item
         );
-      }))) : /* @__PURE__ */ React.createElement("div", { className: "horseLamp_list", style: horseLampStyle }, scrollList.current.map((item, index) => {
+      })) : /* @__PURE__ */ React.createElement("div", { className: "horseLamp_list", style: horseLampStyle }, scrollList.current.map((item, index) => {
         return (
           // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions
           /* @__PURE__ */ React.createElement(
@@ -20047,7 +20035,7 @@ Please add \`${key}Action\` when creating your handler.`);
       )
     ) : null);
   };
-  NoticeBar.defaultProps = defaultProps$y;
+  NoticeBar.defaultProps = defaultProps$x;
   NoticeBar.displayName = "NutNoticeBar";
   const classPrefix$a = "nut-notify";
   let Notification$1 = (_a = class extends React__namespace.PureComponent {
@@ -20212,42 +20200,7 @@ Please add \`${key}Action\` when creating your handler.`);
       }
     }
   };
-  const getTargetElement = (target) => {
-    let targetElement;
-    if (isFunction(target)) {
-      targetElement = target();
-    } else if ("current" in target) {
-      targetElement = target.current;
-    } else {
-      targetElement = target;
-    }
-    return targetElement;
-  };
-  function useClickAway(onClickAway, target, eventName = "click", isListener, outerVar) {
-    const handler = (event) => {
-      const targets = Array.isArray(target) ? target : [target];
-      if (targets.some((item) => {
-        const targetElement = getTargetElement(item);
-        return !targetElement || targetElement.contains(event.target);
-      })) {
-        return;
-      }
-      if (outerVar) {
-        onClickAway();
-      }
-    };
-    React.useEffect(() => {
-      if (isListener) {
-        window.addEventListener(eventName, handler, true);
-      } else {
-        window.removeEventListener(eventName, handler, true);
-      }
-      return () => {
-        window.removeEventListener(eventName, handler, true);
-      };
-    }, [target]);
-  }
-  const defaultProps$x = {
+  const defaultProps$w = {
     ...ComponentDefaults,
     list: [],
     location: "bottom",
@@ -20300,7 +20253,7 @@ Please add \`${key}Action\` when creating your handler.`);
       onSelect,
       ...reset
     } = {
-      ...defaultProps$x,
+      ...defaultProps$w,
       ...props
     };
     const popoverRef = React.useRef(null);
@@ -20495,7 +20448,7 @@ Please add \`${key}Action\` when creating your handler.`);
       }))
     )));
   };
-  Popover.defaultProps = defaultProps$x;
+  Popover.defaultProps = defaultProps$w;
   Popover.displayName = "NutPopover";
   function bound(position, min, max) {
     let ret = position;
@@ -20533,7 +20486,7 @@ Please add \`${key}Action\` when creating your handler.`);
       console.log(e);
     }
   }
-  const defaultProps$w = {
+  const defaultProps$v = {
     ...ComponentDefaults,
     pullingText: "",
     canReleaseText: "",
@@ -20550,7 +20503,7 @@ Please add \`${key}Action\` when creating your handler.`);
     const classPrefix2 = "nut-pulltorefresh";
     const { locale } = useConfig();
     const props = {
-      ...defaultProps$w,
+      ...defaultProps$v,
       ...p,
       ...{
         pullingText: p.pullingText || locale.pullToRefresh.pullingText,
@@ -20693,10 +20646,10 @@ Please add \`${key}Action\` when creating your handler.`);
       /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-content` }, props.children)
     );
   };
-  PullToRefresh.defaultProps = defaultProps$w;
+  PullToRefresh.defaultProps = defaultProps$v;
   PullToRefresh.displayName = "NutPullToRefresh";
   const AvatarContext = React.createContext({});
-  const defaultProps$v = {
+  const defaultProps$u = {
     ...ComponentDefaults,
     size: "",
     shape: "round",
@@ -20726,7 +20679,7 @@ Please add \`${key}Action\` when creating your handler.`);
       onError,
       ...rest
     } = {
-      ...defaultProps$v,
+      ...defaultProps$u,
       ...props
     };
     const [maxSum, setMaxSum] = React.useState(0);
@@ -20808,9 +20761,9 @@ Please add \`${key}Action\` when creating your handler.`);
       showMax && /* @__PURE__ */ React.createElement("div", { className: "text" }, ((_l = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _l.maxContent) ? (_m = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _m.maxContent : `+ ${avatarIndex - ((_n = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _n.max)}`)
     ));
   };
-  Avatar.defaultProps = defaultProps$v;
+  Avatar.defaultProps = defaultProps$u;
   Avatar.displayName = "NutAvatar";
-  const defaultProps$u = {
+  const defaultProps$t = {
     ...ComponentDefaults,
     rows: 1,
     animated: false,
@@ -20833,7 +20786,7 @@ Please add \`${key}Action\` when creating your handler.`);
       avatarShape,
       ...rest
     } = {
-      ...defaultProps$u,
+      ...defaultProps$t,
       ...props
     };
     const classPrefix2 = "nut-skeleton";
@@ -20869,7 +20822,7 @@ Please add \`${key}Action\` when creating your handler.`);
       return /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__block`, key: index });
     })))));
   };
-  Skeleton.defaultProps = defaultProps$u;
+  Skeleton.defaultProps = defaultProps$t;
   Skeleton.displayName = "NutSkeleton";
   function preventDefault(event, isStopPropagation) {
     if (typeof event.cancelable !== "boolean" || event.cancelable) {
@@ -20879,13 +20832,13 @@ Please add \`${key}Action\` when creating your handler.`);
       event.stopPropagation();
     }
   }
-  const defaultProps$t = {
+  const defaultProps$s = {
     name: ""
   };
   const Swipe = React.forwardRef((props, instanceRef) => {
     const swipeBem = cn("swipe");
     const touch = useTouch();
-    const { children, className, style } = { ...defaultProps$t, ...props };
+    const { children, className, style } = { ...defaultProps$s, ...props };
     const root2 = React.useRef();
     const opened = React.useRef(false);
     const lockClick = React.useRef(false);
@@ -21053,7 +21006,7 @@ Please add \`${key}Action\` when creating your handler.`);
       /* @__PURE__ */ React.createElement("div", { className: `${swipeBem("wrapper")}`, style: wrapperStyle }, renderActionContent("left", leftRef), children, renderActionContent("right", rightRef))
     );
   });
-  Swipe.defaultProps = defaultProps$t;
+  Swipe.defaultProps = defaultProps$s;
   Swipe.displayName = "NutSwipe";
   const classPrefix$7 = "nut-toast";
   class Notification extends React__namespace.PureComponent {
@@ -21063,11 +21016,20 @@ Please add \`${key}Action\` when creating your handler.`);
       this.close = this.close.bind(this);
       this.startCloseTimer = this.startCloseTimer.bind(this);
       this.clearCloseTimer = this.clearCloseTimer.bind(this);
-      this.close = this.close.bind(this);
       this.clickCover = this.clickCover.bind(this);
+      this.state = {
+        show: true
+      };
     }
     close() {
+      this.setState({
+        show: false
+      });
       this.clearCloseTimer();
+      if (this.props.id) {
+        const element = document.getElementById(this.props.id);
+        element && element.parentNode && element.parentNode.removeChild(element);
+      }
       this.props.onClose();
     }
     startCloseTimer() {
@@ -21132,6 +21094,7 @@ Please add \`${key}Action\` when creating your handler.`);
         contentClassName,
         contentStyle
       } = this.props;
+      const { show: show2 } = this.state;
       const classes = classNames({
         "nut-toast-has-icon": icon,
         [`nut-toast-${size}`]: true
@@ -21139,11 +21102,10 @@ Please add \`${key}Action\` when creating your handler.`);
       return /* @__PURE__ */ React__namespace.createElement(React__namespace.Fragment, null, /* @__PURE__ */ React__namespace.createElement(
         Overlay,
         {
-          visible: true,
+          visible: show2,
           style,
           className: `${classPrefix$7}__overlay-default ${className}`,
           onClick: () => {
-            console.log("onclick");
             this.clickCover();
           },
           closeOnOverlayClick
@@ -21164,9 +21126,9 @@ Please add \`${key}Action\` when creating your handler.`);
   __publicField(Notification, "newInstance");
   Notification.newInstance = (properties, callback) => {
     const element = document.createElement("div");
-    if (properties.id) {
-      element.setAttribute("id", `${properties.id}`);
-    }
+    const id = properties.id ? properties.id : `${(/* @__PURE__ */ new Date()).getTime()}`;
+    element.id = id;
+    properties.id = id;
     document.body.appendChild(element);
     let called = false;
     function ref(instance) {
@@ -21259,7 +21221,7 @@ Please add \`${key}Action\` when creating your handler.`);
       }
     }
   };
-  const defaultProps$s = {
+  const defaultProps$r = {
     ...ComponentDefaults,
     type: "shake",
     action: "initial",
@@ -21270,7 +21232,7 @@ Please add \`${key}Action\` when creating your handler.`);
   const classPrefix$6 = `nut-animate`;
   const Animate = (props) => {
     const { className, type: type2, action, loop: loop2, onClick, children, ...rest } = {
-      ...defaultProps$s,
+      ...defaultProps$r,
       ...props
     };
     const [clicked, setClicked] = React.useState(false);
@@ -21291,9 +21253,9 @@ Please add \`${key}Action\` when creating your handler.`);
     };
     return /* @__PURE__ */ React.createElement("div", { className: "nut-animate" }, /* @__PURE__ */ React.createElement("div", { className: cls, onClick: handleClick2, ...rest }, children));
   };
-  Animate.defaultProps = defaultProps$s;
+  Animate.defaultProps = defaultProps$r;
   Animate.displayName = "NutAnimate";
-  const defaultProps$r = {
+  const defaultProps$q = {
     ...ComponentDefaults,
     length: 0,
     value: "",
@@ -21312,7 +21274,7 @@ Please add \`${key}Action\` when creating your handler.`);
       style,
       ...reset
     } = {
-      ...defaultProps$r,
+      ...defaultProps$q,
       ...props
     };
     const classPrefix2 = "nut-countup";
@@ -21376,9 +21338,9 @@ Please add \`${key}Action\` when creating your handler.`);
       );
     })));
   };
-  CountUp.defaultProps = defaultProps$r;
+  CountUp.defaultProps = defaultProps$q;
   CountUp.displayName = "NutCountUp";
-  const defaultProps$q = {};
+  const defaultProps$p = {};
   class AnimatingNumbers extends React.Component {
     constructor(props) {
       super(props);
@@ -21388,11 +21350,11 @@ Please add \`${key}Action\` when creating your handler.`);
       return /* @__PURE__ */ React.createElement("div", { className: "nut-animatingnumbers" });
     }
   }
-  __publicField(AnimatingNumbers, "defaultProps", defaultProps$q);
+  __publicField(AnimatingNumbers, "defaultProps", defaultProps$p);
   __publicField(AnimatingNumbers, "displayName", "NutAnimatingNumbers");
   __publicField(AnimatingNumbers, "CountUp", CountUp);
   AnimatingNumbers.CountUp = CountUp;
-  const defaultProps$p = {
+  const defaultProps$o = {
     ...ComponentDefaults,
     src: "",
     muted: false,
@@ -21435,7 +21397,7 @@ Please add \`${key}Action\` when creating your handler.`);
       children,
       ...rest
     } = {
-      ...defaultProps$p,
+      ...defaultProps$o,
       ...props
     };
     const [playing, setPlaying] = React.useState(false);
@@ -21641,9 +21603,9 @@ Please add \`${key}Action\` when creating your handler.`);
       /* @__PURE__ */ React.createElement("track", { kind: "captions" })
     ));
   };
-  Audio.defaultProps = defaultProps$p;
+  Audio.defaultProps = defaultProps$o;
   Audio.displayName = "NutAudio";
-  const defaultProps$o = {
+  const defaultProps$n = {
     ...ComponentDefaults,
     maxContent: "",
     max: "",
@@ -21654,7 +21616,7 @@ Please add \`${key}Action\` when creating your handler.`);
   };
   const classPrefix$5 = `nut-avatar-group`;
   const AvatarGroup = (props) => {
-    const propAvatarGroup = { ...defaultProps$o, ...props };
+    const propAvatarGroup = { ...defaultProps$n, ...props };
     const { className, style, children } = propAvatarGroup;
     const avatarGroupRef = React.useRef(null);
     const cls = classNames(classPrefix$5, className);
@@ -21664,9 +21626,9 @@ Please add \`${key}Action\` when creating your handler.`);
     };
     return /* @__PURE__ */ React.createElement(AvatarContext.Provider, { value: parentAvatar }, /* @__PURE__ */ React.createElement("div", { className: cls, style, ref: avatarGroupRef }, children));
   };
-  AvatarGroup.defaultProps = defaultProps$o;
+  AvatarGroup.defaultProps = defaultProps$n;
   AvatarGroup.displayName = "NutAvatarGroup";
-  const defaultProps$n = {
+  const defaultProps$m = {
     ...ComponentDefaults,
     strokeWidth: 5,
     radius: 50,
@@ -21691,7 +21653,7 @@ Please add \`${key}Action\` when creating your handler.`);
       strokeLinecap,
       ...restProps
     } = {
-      ...defaultProps$n,
+      ...defaultProps$m,
       ...props
     };
     const classes = classNames(className, classPrefix$4);
@@ -21760,7 +21722,7 @@ Please add \`${key}Action\` when creating your handler.`);
       }
     )), /* @__PURE__ */ React.createElement("div", { className: "nut-circleprogress-text" }, children));
   };
-  CircleProgress.defaultProps = defaultProps$n;
+  CircleProgress.defaultProps = defaultProps$m;
   CircleProgress.displayName = "NutCircleProgress";
   const collapseContext = {
     isOpen: (name) => {
@@ -21772,7 +21734,7 @@ Please add \`${key}Action\` when creating your handler.`);
     rotate: 180
   };
   const CollapseContext = React.createContext(collapseContext);
-  const defaultProps$m = {
+  const defaultProps$l = {
     ...ComponentDefaults,
     title: null,
     name: "",
@@ -21794,7 +21756,7 @@ Please add \`${key}Action\` when creating your handler.`);
       extra,
       ...rest
     } = {
-      ...defaultProps$m,
+      ...defaultProps$l,
       ...props
     };
     const classPrefix2 = "nut-collapse-item";
@@ -21861,9 +21823,9 @@ Please add \`${key}Action\` when creating your handler.`);
       /* @__PURE__ */ React.createElement("div", { ref: contentRef, className: `${classPrefix2}__content-text` }, children)
     ));
   };
-  CollapseItem.defaultProps = defaultProps$m;
+  CollapseItem.defaultProps = defaultProps$l;
   CollapseItem.displayName = "NutCollapseItem";
-  const defaultProps$l = {
+  const defaultProps$k = {
     ...ComponentDefaults,
     defaultActiveName: [],
     accordion: false,
@@ -21882,7 +21844,7 @@ Please add \`${key}Action\` when creating your handler.`);
       rotate,
       onChange
     } = {
-      ...defaultProps$l,
+      ...defaultProps$k,
       ...props
     };
     const classPrefix2 = "nut-collapse";
@@ -21939,10 +21901,10 @@ Please add \`${key}Action\` when creating your handler.`);
       /* @__PURE__ */ React.createElement("div", { className: classNames(classPrefix2, className), style }, children)
     );
   };
-  Collapse.defaultProps = defaultProps$l;
+  Collapse.defaultProps = defaultProps$k;
   Collapse.displayName = "NutCollapse";
   Collapse.Item = CollapseItem;
-  const defaultProps$k = {
+  const defaultProps$j = {
     ...ComponentDefaults,
     paused: false,
     startTime: Date.now(),
@@ -21974,7 +21936,7 @@ Please add \`${key}Action\` when creating your handler.`);
       onUpdate,
       children,
       ...rest
-    } = { ...defaultProps$k, ...props };
+    } = { ...defaultProps$j, ...props };
     const classPrefix2 = "nut-countdown";
     const [restTimeStamp, setRestTime] = React.useState(0);
     const stateRef = React.useRef({
@@ -22185,9 +22147,9 @@ Please add \`${key}Action\` when creating your handler.`);
     );
   };
   const CountDown = React.forwardRef(InternalCountDown);
-  CountDown.defaultProps = defaultProps$k;
+  CountDown.defaultProps = defaultProps$j;
   CountDown.displayName = "NutCountDown";
-  const defaultProps$j = {
+  const defaultProps$i = {
     ...ComponentDefaults,
     content: "",
     direction: "end",
@@ -22213,7 +22175,7 @@ Please add \`${key}Action\` when creating your handler.`);
       onClick,
       onChange,
       ...rest
-    } = { ...defaultProps$j, ...props };
+    } = { ...defaultProps$i, ...props };
     let container = null;
     let maxHeight = 0;
     const [exceeded, setExceeded] = React.useState(false);
@@ -22361,9 +22323,9 @@ Please add \`${key}Action\` when creating your handler.`);
       collapseText
     ) : null) : null));
   };
-  Ellipsis.defaultProps = defaultProps$j;
+  Ellipsis.defaultProps = defaultProps$i;
   Ellipsis.displayName = "NutEllipsis";
-  const defaultProps$i = {
+  const defaultProps$h = {
     ...ComponentDefaults,
     source: {
       type: {},
@@ -22391,7 +22353,7 @@ Please add \`${key}Action\` when creating your handler.`);
       onPlayEnd,
       ...restProps
     } = {
-      ...defaultProps$i,
+      ...defaultProps$h,
       ...props
     };
     const rootRef = React.useRef(null);
@@ -22441,10 +22403,10 @@ Please add \`${key}Action\` when creating your handler.`);
       /* @__PURE__ */ React.createElement("track", { kind: "captions" })
     ));
   };
-  Video.defaultProps = defaultProps$i;
+  Video.defaultProps = defaultProps$h;
   Video.displayName = "NutVideo";
   const DataContext$1 = React.createContext({});
-  const defaultProps$h = {
+  const defaultProps$g = {
     total: 3,
     current: 0,
     direction: "horizontal"
@@ -22452,7 +22414,7 @@ Please add \`${key}Action\` when creating your handler.`);
   const classPrefix$1 = `nut-indicator`;
   const Indicator = (props) => {
     const { total, current, children, className, direction, ...rest } = {
-      ...defaultProps$h,
+      ...defaultProps$g,
       ...props
     };
     const classes = classNames({
@@ -22475,9 +22437,9 @@ Please add \`${key}Action\` when creating your handler.`);
     };
     return /* @__PURE__ */ React.createElement("div", { className: classNames(classes, className), ...rest }, renderElement());
   };
-  Indicator.defaultProps = defaultProps$h;
+  Indicator.defaultProps = defaultProps$g;
   Indicator.displayName = "NutIndicator";
-  const defaultProps$g = {
+  const defaultProps$f = {
     width: typeof window === "object" ? window.innerWidth : 375,
     height: 0,
     duration: 500,
@@ -22494,7 +22456,7 @@ Please add \`${key}Action\` when creating your handler.`);
   };
   const DISTANCE = 5;
   const Swiper = React.forwardRef((props, ref) => {
-    const propSwiper = { ...defaultProps$g, ...props };
+    const propSwiper = { ...defaultProps$f, ...props };
     const {
       children,
       direction,
@@ -22907,13 +22869,13 @@ Please add \`${key}Action\` when creating your handler.`);
       renderIndicator()
     ));
   });
-  Swiper.defaultProps = defaultProps$g;
+  Swiper.defaultProps = defaultProps$f;
   Swiper.displayName = "NutSwiper";
-  const defaultProps$f = {
+  const defaultProps$e = {
     direction: "horizontal"
   };
   const SwiperItem = React.forwardRef((props, ref) => {
-    const _props = { ...defaultProps$f, ...props };
+    const _props = { ...defaultProps$e, ...props };
     const { className, style, children, direction, size } = _props;
     const parent = React.useContext(DataContext$1);
     const b = cn("swiper-item");
@@ -22929,9 +22891,9 @@ Please add \`${key}Action\` when creating your handler.`);
     };
     return /* @__PURE__ */ React.createElement("div", { className: classes, style: { ...style, ...getStyle() } }, children);
   });
-  SwiperItem.defaultProps = defaultProps$f;
+  SwiperItem.defaultProps = defaultProps$e;
   SwiperItem.displayName = "NutSwiperItem";
-  const defaultProps$e = {
+  const defaultProps$d = {
     ...ComponentDefaults,
     images: [],
     videos: [],
@@ -23133,7 +23095,7 @@ Please add \`${key}Action\` when creating your handler.`);
       /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-index` }, active, "/", (images ? images.length : 0) + (videos ? videos.length : 0))
     );
   };
-  ImagePreview.defaultProps = defaultProps$e;
+  ImagePreview.defaultProps = defaultProps$d;
   ImagePreview.displayName = "NutImagePreview";
   const initPositinoCache = (reaItemSize, length = 0) => {
     let index = 0;
@@ -23246,7 +23208,7 @@ Please add \`${key}Action\` when creating your handler.`);
       }
     });
   };
-  const defaultProps$d = {
+  const defaultProps$c = {
     ...ComponentDefaults,
     list: [],
     itemHeight: 66,
@@ -23268,7 +23230,7 @@ Please add \`${key}Action\` when creating your handler.`);
       containerHeight,
       ...rest
     } = {
-      ...defaultProps$d,
+      ...defaultProps$c,
       ...props
     };
     const horizontal = direction === "horizontal";
@@ -23432,9 +23394,9 @@ Please add \`${key}Action\` when creating your handler.`);
       )
     );
   };
-  VirtualList.defaultProps = defaultProps$d;
+  VirtualList.defaultProps = defaultProps$c;
   VirtualList.displayName = "NutVirtualList";
-  const defaultProps$c = {
+  const defaultProps$b = {
     ...ComponentDefaults,
     defaultValue: 1,
     mode: "multi",
@@ -23462,7 +23424,7 @@ Please add \`${key}Action\` when creating your handler.`);
       className,
       ...rest
     } = {
-      ...defaultProps$c,
+      ...defaultProps$b,
       ...props
     };
     const classPrefix2 = "nut-pagination";
@@ -23544,9 +23506,9 @@ Please add \`${key}Action\` when creating your handler.`);
       next || locale.pagination.next
     ));
   };
-  Pagination.defaultProps = defaultProps$c;
+  Pagination.defaultProps = defaultProps$b;
   Pagination.displayName = "NutPagination";
-  const defaultProps$b = {
+  const defaultProps$a = {
     ...ComponentDefaults,
     price: 0,
     symbol: "&yen;",
@@ -23569,7 +23531,7 @@ Please add \`${key}Action\` when creating your handler.`);
       style,
       ...rest
     } = {
-      ...defaultProps$b,
+      ...defaultProps$a,
       ...props
     };
     const classPrefix2 = "nut-price";
@@ -23649,10 +23611,10 @@ Please add \`${key}Action\` when creating your handler.`);
       symbol && position === "after" ? renderSymbol() : null
     );
   };
-  Price.defaultProps = defaultProps$b;
+  Price.defaultProps = defaultProps$a;
   Price.displayName = "NutPrice";
   const DataContext = React.createContext({});
-  const defaultProps$a = {
+  const defaultProps$9 = {
     ...ComponentDefaults,
     title: "",
     description: "",
@@ -23661,7 +23623,7 @@ Please add \`${key}Action\` when creating your handler.`);
   };
   const Step = (props) => {
     const { children, title, description, value, icon, className, ...restProps } = {
-      ...defaultProps$a,
+      ...defaultProps$9,
       ...props
     };
     const parent = React.useContext(DataContext);
@@ -23695,16 +23657,16 @@ Please add \`${key}Action\` when creating your handler.`);
     };
     return /* @__PURE__ */ React.createElement("div", { className: classes, ...restProps, onClick: handleClickStep }, /* @__PURE__ */ React.createElement("div", { className: "nut-step-head" }, /* @__PURE__ */ React.createElement("div", { className: "nut-step-line" }), /* @__PURE__ */ React.createElement("div", { className: renderIconClass() }, icon || !dot && /* @__PURE__ */ React.createElement("span", { className: "nut-step-inner" }, value))), /* @__PURE__ */ React.createElement("div", { className: "nut-step-main" }, /* @__PURE__ */ React.createElement("span", { className: "nut-step-title" }, title), description && /* @__PURE__ */ React.createElement("span", { className: "nut-step-description" }, description)));
   };
-  Step.defaultProps = defaultProps$a;
+  Step.defaultProps = defaultProps$9;
   Step.displayName = "NutStep";
-  const defaultProps$9 = {
+  const defaultProps$8 = {
     ...ComponentDefaults,
     value: 0,
     direction: "horizontal",
     dot: false
   };
   const Steps = (props) => {
-    const propSteps = { ...defaultProps$9, ...props };
+    const propSteps = { ...defaultProps$8, ...props };
     const {
       children,
       value,
@@ -23735,9 +23697,9 @@ Please add \`${key}Action\` when creating your handler.`);
       children
     ));
   };
-  Steps.defaultProps = defaultProps$9;
+  Steps.defaultProps = defaultProps$8;
   Steps.displayName = "NutSteps";
-  const defaultProps$8 = {
+  const defaultProps$7 = {
     ...ComponentDefaults,
     columns: [],
     data: [],
@@ -23749,7 +23711,7 @@ Please add \`${key}Action\` when creating your handler.`);
   };
   const Table = (props) => {
     const { locale } = useConfig();
-    defaultProps$8.noData = locale.noData;
+    defaultProps$7.noData = locale.noData;
     const {
       children,
       className,
@@ -23765,7 +23727,7 @@ Please add \`${key}Action\` when creating your handler.`);
       onSort,
       ...rest
     } = {
-      ...defaultProps$8,
+      ...defaultProps$7,
       ...props
     };
     const [curData, setCurData] = React.useState(data);
@@ -23848,19 +23810,18 @@ Please add \`${key}Action\` when creating your handler.`);
       /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__main__body` }, renderBoyTrs())
     ), (summary || curData.length === 0) && /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__summary` }, summary || noData));
   };
-  Table.defaultProps = defaultProps$8;
+  Table.defaultProps = defaultProps$7;
   Table.displayName = "NutTable";
-  const defaultProps$7 = {
+  const defaultProps$6 = {
     ...ComponentDefaults,
     type: "default",
+    background: "",
     color: "",
-    textColor: "",
     plain: false,
     round: false,
     mark: false,
     closeable: false,
     closeIcon: null,
-    prefixCls: "nut-tag",
     onClose: (e) => {
     },
     onClick: (e) => {
@@ -23870,86 +23831,70 @@ Please add \`${key}Action\` when creating your handler.`);
     const {
       className,
       style,
-      color,
+      background,
       plain,
       type: type2,
       round,
-      prefixCls: prefixCls2,
       children,
       mark,
       closeable,
       closeIcon,
-      textColor,
+      color,
       onClick,
       onClose
     } = {
-      ...defaultProps$7,
+      ...defaultProps$6,
       ...props
     };
-    const [btnName, setBtnName] = React.useState("");
-    const [isTagShow, setIsTagShow] = React.useState(true);
-    React.useEffect(() => {
-      setBtnName(classes());
-    }, [
-      type2,
-      color,
-      textColor,
-      plain,
-      round,
-      mark,
-      closeable,
-      prefixCls2,
-      onClick,
-      onClose,
-      className
-    ]);
+    const [tagClass, setTagClass] = React.useState("");
+    const [visible, setVisible] = React.useState(true);
+    const classPrefix2 = "nut-tag";
     const classes = () => {
-      const prefixCls22 = "nut-tag";
       return classNames({
-        [prefixCls22]: true,
-        [`${prefixCls22}--${type2}`]: type2,
-        [`${prefixCls22}--plain`]: plain,
-        [`${prefixCls22}--round`]: round,
-        [`${prefixCls22}--mark`]: mark,
-        [`${prefixCls22}--close`]: closeable,
+        [classPrefix2]: true,
+        [`${classPrefix2}--${type2}`]: type2,
+        [`${classPrefix2}--plain`]: plain,
+        [`${classPrefix2}--round`]: round,
+        [`${classPrefix2}--mark`]: mark,
+        [`${classPrefix2}--close`]: closeable,
         [`${className}`]: className
       });
     };
+    React.useEffect(() => {
+      setTagClass(classes());
+    }, [type2, background, color, plain, round, mark, closeable, className]);
     const handleClick2 = (e) => {
-      if (props.onClick) {
-        props.onClick(e);
-      }
+      onClick && onClick(e);
     };
     const getStyle = () => {
       const style2 = {};
-      if (textColor) {
-        style2.color = textColor;
-      } else if (color && plain) {
+      if (color) {
         style2.color = color;
+      } else if (background && plain) {
+        style2.color = background;
       }
       if (plain) {
-        style2.background = "#fff";
-        style2.borderColor = color;
-      } else if (color) {
-        style2.background = color;
+        style2.borderColor = background;
+      } else if (background) {
+        style2.background = background;
       }
       return style2;
     };
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, closeable ? isTagShow && /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, closeable ? visible && /* @__PURE__ */ React.createElement(
       "div",
       {
-        className: btnName,
+        className: tagClass,
         style: { ...style, ...getStyle() },
         onClick: (e) => handleClick2(e)
       },
-      children && /* @__PURE__ */ React.createElement("span", { className: "nut-tag-text" }, children),
+      children && /* @__PURE__ */ React.createElement("span", { className: `${classPrefix2}-text` }, children),
       React.isValidElement(closeIcon) ? /* @__PURE__ */ React.createElement(
         "i",
         {
-          className: "nut-tag-custom-icon",
+          className: `${classPrefix2}-custom-icon`,
           onClick: (e) => {
-            setIsTagShow(false);
-            props.onClose && props.onClose(e);
+            setVisible(false);
+            onClose && onClose(e);
           }
         },
         closeIcon
@@ -23959,24 +23904,24 @@ Please add \`${key}Action\` when creating your handler.`);
           width: 12,
           height: 12,
           onClick: (e) => {
-            setIsTagShow(false);
-            props.onClose && props.onClose(e);
+            setVisible(false);
+            onClose && onClose(e);
           }
         }
       )
     ) : /* @__PURE__ */ React.createElement(
       "div",
       {
-        className: btnName,
+        className: tagClass,
         style: { ...style, ...getStyle() },
         onClick: (e) => handleClick2(e)
       },
-      children && /* @__PURE__ */ React.createElement("span", { className: "nut-tag-text" }, children)
+      children && /* @__PURE__ */ React.createElement("span", { className: `${classPrefix2}-text` }, children)
     ));
   };
-  Tag.defaultProps = defaultProps$7;
+  Tag.defaultProps = defaultProps$6;
   Tag.displayName = "NutTag";
-  const defaultProps$6 = {
+  const defaultProps$5 = {
     ...ComponentDefaults,
     list: [],
     interval: 500,
@@ -23997,7 +23942,7 @@ Please add \`${key}Action\` when creating your handler.`);
       gapY,
       ...restProps
     } = {
-      ...defaultProps$6,
+      ...defaultProps$5,
       ...props
     };
     const barrageBody = React.useRef(null);
@@ -24063,250 +24008,243 @@ Please add \`${key}Action\` when creating your handler.`);
     return /* @__PURE__ */ React.createElement("div", { className: classes, ref: barrageBody, ...restProps }, /* @__PURE__ */ React.createElement("div", { ref: barrageContainer, className: "bContainer" }));
   };
   const Barrage = React.forwardRef(InternalBarrage);
-  Barrage.defaultProps = defaultProps$6;
+  Barrage.defaultProps = defaultProps$5;
   Barrage.displayName = "NutBarrage";
-  const defaultProps$5 = {};
+  const defaultProps$4 = {
+    ...ComponentDefaults,
+    src: "",
+    title: "",
+    price: "",
+    vipPrice: "",
+    shopDescription: "",
+    delivery: "",
+    shopName: "",
+    description: "",
+    tag: "",
+    priceTag: "",
+    extra: ""
+  };
   const Card = (props) => {
     const {
       className,
       style,
-      imgUrl,
+      src,
       title,
       price,
       vipPrice,
-      shopDesc,
+      shopDescription,
       delivery,
       shopName,
-      shopTagTpl,
-      originTpl,
-      prolistTpl,
-      footerTpl,
+      tag,
+      priceTag,
+      description,
+      extra,
       ...rest
     } = {
-      ...defaultProps$5,
+      ...defaultProps$4,
       ...props
     };
-    const b = cn("card");
-    return /* @__PURE__ */ React.createElement("div", { className: classNames(b(), className), style, ...rest }, /* @__PURE__ */ React.createElement("div", { className: b("left") }, /* @__PURE__ */ React.createElement("img", { src: imgUrl, alt: "" })), /* @__PURE__ */ React.createElement("div", { className: b("right") }, /* @__PURE__ */ React.createElement("div", { className: b("right__title") }, title), prolistTpl, /* @__PURE__ */ React.createElement("div", { className: b("right__price") }, /* @__PURE__ */ React.createElement(Price, { price }), originTpl || /* @__PURE__ */ React.createElement(Price, { className: b("right__price__origin"), price: vipPrice })), /* @__PURE__ */ React.createElement("div", { className: b("right__other") }, shopTagTpl || /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Tag, { type: "danger" }, shopDesc), /* @__PURE__ */ React.createElement(Tag, { plain: true }, delivery))), /* @__PURE__ */ React.createElement("div", { className: b("right__shop") }, /* @__PURE__ */ React.createElement("div", { className: b("right__shop__name") }, shopName), footerTpl)));
+    const classPrefix2 = "nut-card";
+    return /* @__PURE__ */ React.createElement("div", { className: classNames(classPrefix2, className), style, ...rest }, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__left` }, /* @__PURE__ */ React.createElement("img", { src, alt: "" })), /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__right` }, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__right-title` }, title), description, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}right-price` }, /* @__PURE__ */ React.createElement(Price, { size: "normal", price }), priceTag || /* @__PURE__ */ React.createElement(
+      Price,
+      {
+        size: "normal",
+        className: `${classPrefix2}right-price-origin`,
+        price: vipPrice
+      }
+    )), /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}right-other` }, tag || /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Tag, { type: "danger" }, shopDescription), /* @__PURE__ */ React.createElement(Tag, { plain: true }, delivery))), /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}right-shop` }, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}right-shop-name` }, shopName), extra)));
   };
-  Card.defaultProps = defaultProps$5;
+  Card.defaultProps = defaultProps$4;
   Card.displayName = "NutCard";
-  const defaultProps$4 = {
-    className: "",
-    currentKey: 0,
-    currentTime: [],
-    times: [],
-    select: () => null
+  const defaultProps$3 = {
+    ...ComponentDefaults,
+    activeDate: "",
+    activeTime: [],
+    options: [],
+    optionKey: {
+      valueKey: "value",
+      textKey: "text",
+      childrenKey: "children"
+    },
+    onSelect: () => {
+    }
   };
   const TimeDetail = (props) => {
-    useConfig();
-    const { children, times, className, currentKey, currentTime, select } = {
-      ...defaultProps$4,
+    const { options: options2, optionKey, className, activeDate, activeTime, onSelect } = {
+      ...defaultProps$3,
       ...props
     };
-    const b = cn("timedetail");
-    const [renderData, setRenderData] = React.useState([]);
-    React.useEffect(() => {
-      const currentData = times.find(
-        (timesItem) => String(timesItem.key) === String(currentKey)
-      );
-      const renderData2 = currentData ? currentData.list : [];
-      setRenderData(renderData2);
-    }, [times, currentKey]);
-    const handleTime = (time) => {
-      select(time);
-    };
-    const getDetailClass = (item) => {
-      let initClass = "nut-timedetail__item";
-      const curTimeData = currentTime.find(
-        (item2) => String(item2.key) === String(currentKey)
-      );
-      if (curTimeData && curTimeData.list && curTimeData.list.includes(item)) {
-        initClass += " nut-timedetail__item-active";
-      }
-      return initClass;
-    };
-    return /* @__PURE__ */ React.createElement("div", { className: `${b()} ${className || ""}` }, renderData.map((item, index) => /* @__PURE__ */ React.createElement(
+    const classPrefix2 = "nut-timedetail";
+    const timeList = React.useMemo(() => {
+      return (options2 == null ? void 0 : options2.find(
+        (item) => item[optionKey.valueKey] === activeDate
+      )) || {
+        [optionKey.childrenKey]: []
+      };
+    }, [options2, optionKey, activeDate]);
+    const isActive = React.useCallback(
+      (timeKey) => {
+        const date2 = activeTime.find((item) => {
+          return item[optionKey.valueKey] === activeDate;
+        });
+        if (date2 == null ? void 0 : date2[optionKey.childrenKey]) {
+          const time = date2 == null ? void 0 : date2[optionKey.childrenKey].find((time2) => {
+            return time2[optionKey.valueKey] === timeKey;
+          });
+          return time;
+        }
+        return false;
+      },
+      [activeTime, optionKey, activeDate]
+    );
+    return /* @__PURE__ */ React.createElement("div", { className: classNames(classPrefix2, className) }, timeList[optionKey.childrenKey].map((item) => /* @__PURE__ */ React.createElement(
       "span",
       {
-        className: getDetailClass(item),
-        key: item,
-        onClick: () => handleTime(item)
+        className: classNames(`${classPrefix2}__item`, {
+          active: isActive(item[optionKey.valueKey])
+        }),
+        key: item[optionKey.valueKey],
+        onClick: () => onSelect(item)
       },
-      item
+      item[optionKey.textKey]
     )));
   };
-  TimeDetail.defaultProps = defaultProps$4;
+  TimeDetail.defaultProps = defaultProps$3;
   TimeDetail.displayName = "NutTimeDetail";
-  const defaultProps$3 = {
-    className: "",
-    date: "",
-    curKey: 0
-  };
-  const TimePannel = (props) => {
-    useConfig();
-    const { children, className, date: date2, curKey, change } = {
-      ...defaultProps$3,
-      ...props
-    };
-    const b = cn("timepannel");
-    return /* @__PURE__ */ React.createElement("div", { className: `${b()} ${className || ""}`, onClick: () => change(curKey) }, date2);
-  };
-  TimePannel.defaultProps = defaultProps$3;
-  TimePannel.displayName = "NutTimePannel";
   const defaultProps$2 = {
-    className: "",
-    style: {},
+    ...ComponentDefaults,
     visible: false,
-    height: "20%",
     multiple: false,
-    currentKey: 0,
-    currentTime: [],
-    title: "取件时间",
-    dates: [],
-    times: []
+    defaultValue: [],
+    options: [],
+    optionKey: {
+      valueKey: "value",
+      textKey: "text",
+      childrenKey: "children"
+    }
   };
   const TimeSelect = (props) => {
-    useConfig();
+    const { locale } = useConfig();
     const {
       visible,
       className,
-      height,
+      style,
       title,
-      currentKey,
-      currentTime,
-      dates,
-      times,
+      defaultValue,
+      options: options2,
+      optionKey,
       multiple,
-      select,
-      pannelChange,
-      timeChange,
       onSelect,
-      onPannelChange,
-      onTimeChange
+      onDateChange,
+      onTimeChange,
+      ...rest
     } = {
       ...defaultProps$2,
       ...props
     };
-    const [activeKey, setActiveKey] = React.useState(currentKey);
+    const [activeDate, setActiveDate] = React.useState(() => {
+      if (defaultValue == null ? void 0 : defaultValue.length) {
+        return defaultValue[0][optionKey.valueKey];
+      }
+      if (options2 == null ? void 0 : options2.length) {
+        return options2[0][optionKey.valueKey];
+      }
+      return "";
+    });
     const [activeTime, setActiveTime] = React.useState(
-      currentTime.length ? currentTime : [
-        {
-          key: currentKey,
-          list: []
-        }
-      ]
+      () => defaultValue || []
     );
-    const [popVisible, setPopVisible] = React.useState(visible);
-    const popStyle = {
-      width: "100%",
-      height
-    };
-    const b = cn("timeselect");
+    const classPrefix2 = "nut-timeselect";
     const closeFun = () => {
-      if (onSelect) {
-        onSelect(activeTime);
-      } else if (select) {
-        select(activeTime);
-      }
-    };
-    const handleSelectTime = (time) => {
-      let curTimeData = {};
-      let curIndex = -1;
-      for (let i = 0; i < activeTime.length; i++) {
-        if (String(activeTime[i].key) === String(activeKey)) {
-          curTimeData = activeTime[i];
-          curIndex = i;
-          break;
-        }
-      }
-      const curTimeIndex = curTimeData.list.findIndex(
-        (item) => String(item) === String(time)
-      );
-      if (curTimeIndex === -1) {
-        curTimeData.list.push(time);
-      } else {
-        curTimeData.list.splice(curTimeIndex, 1);
-      }
-      const resultTimeData = [...activeTime];
-      resultTimeData.splice(curIndex, 1, curTimeData);
-      setActiveTime(resultTimeData);
-      if (onTimeChange) {
-        onTimeChange(time, resultTimeData);
-      } else if (timeChange) {
-        timeChange(time, resultTimeData);
-      }
-    };
-    const handleChange = (pannelKey) => {
-      const resultTimeData = [...activeTime];
-      if (String(pannelKey) !== String(activeKey)) {
-        setActiveKey == null ? void 0 : setActiveKey(pannelKey);
-        if (multiple) {
-          const curTimeDataIndex = activeTime.findIndex(
-            (item) => String(item.key) === String(pannelKey)
-          );
-          if (curTimeDataIndex === -1) {
-            resultTimeData.push({
-              key: pannelKey,
-              list: []
-            });
-            setActiveTime(resultTimeData);
+      onSelect && onSelect(activeTime);
+    };
+    const handleSelectTime = (selectTime) => {
+      let newActiveTime = [...activeTime];
+      const date2 = newActiveTime.find((item) => {
+        return item[optionKey.valueKey] === activeDate;
+      });
+      if (date2) {
+        const timeIndex = date2[optionKey.childrenKey].findIndex(
+          (time) => {
+            return time[optionKey.valueKey] === selectTime[optionKey.valueKey];
+          }
+        );
+        if (timeIndex > -1) {
+          if (multiple) {
+            date2[optionKey.childrenKey].splice(timeIndex, 1);
+          } else {
+            newActiveTime = [];
           }
+        } else if (multiple) {
+          date2[optionKey.childrenKey].push({ ...selectTime });
         } else {
-          setActiveTime([
+          newActiveTime = [
             {
-              key: pannelKey,
-              list: []
+              [optionKey.valueKey]: activeDate,
+              [optionKey.childrenKey]: [{ ...selectTime }]
             }
-          ]);
+          ];
         }
+      } else if (multiple) {
+        newActiveTime.push({
+          [optionKey.valueKey]: activeDate,
+          [optionKey.childrenKey]: [{ ...selectTime }]
+        });
+      } else {
+        newActiveTime = [
+          {
+            [optionKey.valueKey]: activeDate,
+            [optionKey.childrenKey]: [{ ...selectTime }]
+          }
+        ];
       }
-      if (onPannelChange) {
-        onPannelChange(pannelKey, resultTimeData);
-      } else if (pannelChange) {
-        pannelChange(pannelKey, resultTimeData);
-      }
+      newActiveTime = newActiveTime.filter((item) => {
+        var _a2;
+        return ((_a2 = item[optionKey.childrenKey]) == null ? void 0 : _a2.length) > 0;
+      });
+      setActiveTime(newActiveTime);
+      onTimeChange && onTimeChange(selectTime, newActiveTime);
     };
-    const getTimePannelClass = (dataItem) => {
-      if (String(dataItem["paneKey"]) === String(activeKey)) {
-        return "nut-timepannel-active";
-      }
-      return "";
+    const handleChange = (date2) => {
+      setActiveDate(date2[optionKey.valueKey]);
+      onDateChange && onDateChange(date2, activeTime);
     };
-    React.useEffect(() => {
-      setPopVisible(visible);
-    }, [visible]);
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ React.createElement(
       Popup,
       {
         closeable: true,
         round: true,
-        visible: popVisible,
+        visible,
         position: "bottom",
-        style: popStyle,
-        onClose: () => {
-          closeFun();
-        }
+        style: {
+          width: "100%",
+          height: "20%",
+          ...style
+        },
+        onClose: closeFun,
+        ...rest
       },
-      /* @__PURE__ */ React.createElement("div", { className: `${b()} ${className || ""}` }, /* @__PURE__ */ React.createElement("div", { className: "nut-timeselect__title" }, title), /* @__PURE__ */ React.createElement("div", { className: "nut-timeselect__content" }, /* @__PURE__ */ React.createElement("div", { className: "nut-timeselect__content-left" }, dates.map((dataItem, index) => /* @__PURE__ */ React.createElement(
-        TimePannel,
+      /* @__PURE__ */ React.createElement("div", { className: classNames(classPrefix2, className) }, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__title` }, title || locale.timeselect.pickupTime), /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__content` }, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__content-left` }, options2.map((item) => /* @__PURE__ */ React.createElement(
+        "div",
         {
-          date: dataItem.date,
-          className: getTimePannelClass(dataItem),
-          key: String(dataItem["paneKey"] || index),
-          curKey: String(dataItem["paneKey"] || index),
-          change: handleChange
-        }
+          key: item[optionKey.valueKey],
+          className: classNames("nut-timepannel", {
+            active: item[optionKey.valueKey] === activeDate
+          }),
+          onClick: () => handleChange(item)
+        },
+        item[optionKey.textKey]
       ))), /* @__PURE__ */ React.createElement(
         TimeDetail,
         {
-          times,
-          currentKey: String(activeKey),
-          currentTime: activeTime,
-          select: handleSelectTime
+          options: options2,
+          optionKey,
+          activeDate,
+          activeTime,
+          onSelect: handleSelectTime
         }
       )))
-    ));
+    );
   };
   TimeSelect.defaultProps = defaultProps$2;
   TimeSelect.displayName = "NutTimeSelect";
@@ -24543,7 +24481,7 @@ Please add \`${key}Action\` when creating your handler.`);
   exports2.Image = Image$1;
   exports2.ImagePreview = ImagePreview;
   exports2.Indicator = Indicator;
-  exports2.Infiniteloading = Infiniteloading;
+  exports2.InfiniteLoading = InfiniteLoading;
   exports2.Input = Input;
   exports2.InputNumber = InputNumber;
   exports2.Layout = Layout;
@@ -24588,7 +24526,6 @@ Please add \`${key}Action\` when creating your handler.`);
   exports2.Tag = Tag;
   exports2.TextArea = TextArea;
   exports2.TimeDetail = TimeDetail;
-  exports2.TimePannel = TimePannel;
   exports2.TimeSelect = TimeSelect;
   exports2.Toast = Toast;
   exports2.TrendArrow = TrendArrow;