@nutui/nutui-react 2.6.3 → 2.6.5

package/dist/nutui.react.es.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.6.3 Tue Apr 30 2024 14:15:24 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.6.5 Fri May 17 2024 15:42:52 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -1127,7 +1127,7 @@ const ComponentDefaults = {
   style: {}
 };
 const prefixCls$2 = "nut-button";
-const defaultProps$1u = {
+const defaultProps$1t = {
   ...ComponentDefaults,
   color: "",
   type: "default",
@@ -1163,7 +1163,7 @@ const Button = React__default.forwardRef(
       onClick,
       ...rest
     } = {
-      ...defaultProps$1u,
+      ...defaultProps$1t,
       ...props
     };
     const getStyle = useCallback(() => {
@@ -1222,7 +1222,7 @@ const Button = React__default.forwardRef(
 );
 Button.displayName = "NutButton";
 const CellGroupContext = createContext(null);
-const defaultProps$1t = {
+const defaultProps$1s = {
   ...ComponentDefaults,
   title: "",
   description: "",
@@ -1231,7 +1231,7 @@ const defaultProps$1t = {
 const classPrefix$r = "nut-cell-group";
 const CellGroup = (props) => {
   const { children, className, title, description, divider, ...rest } = {
-    ...defaultProps$1t,
+    ...defaultProps$1s,
     ...props
   };
   return /* @__PURE__ */ React__default.createElement("div", { className: classNames(classPrefix$r, className), ...rest }, title ? /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix$r}-title` }, title) : null, description ? /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix$r}-description` }, description) : null, /* @__PURE__ */ React__default.createElement(
@@ -1242,9 +1242,8 @@ const CellGroup = (props) => {
     /* @__PURE__ */ React__default.createElement(CellGroupContext.Provider, { value: { divider } }, children)
   ));
 };
-CellGroup.defaultProps = defaultProps$1t;
 CellGroup.displayName = "NutCellGroup";
-const defaultProps$1s = {
+const defaultProps$1r = {
   ...ComponentDefaults,
   title: null,
   description: null,
@@ -1269,7 +1268,7 @@ const Cell = (props) => {
     style,
     ...rest
   } = {
-    ...defaultProps$1s,
+    ...defaultProps$1r,
     ...props
   };
   const handleClick2 = (event) => {
@@ -1302,7 +1301,6 @@ const Cell = (props) => {
     (ctx2 == null ? void 0 : ctx2.divider) ? /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix$q}-divider` }) : null
   );
 };
-Cell.defaultProps = defaultProps$1s;
 Cell.displayName = "NutCell";
 Cell.Group = CellGroup;
 var INFINITY = 1 / 0;
@@ -2464,7 +2462,7 @@ ConfigProvider.displayName = "NutConfigProvider";
 const pxCheck = (value) => {
   return Number.isNaN(Number(value)) ? String(value) : `${value}px`;
 };
-const defaultProps$1r = {
+const defaultProps$1q = {
   ...ComponentDefaults,
   fit: "fill",
   position: "center",
@@ -2490,10 +2488,11 @@ const Image$1 = (props) => {
     error,
     loading,
     lazy,
+    draggable,
     onClick,
     onLoad,
     onError
-  } = { ...defaultProps$1r, ...props };
+  } = { ...defaultProps$1q, ...props };
   const [innerLoading, setInnerLoading] = useState(false);
   const [isError, setIsError] = useState(false);
   const [complete, setComplete] = useState(false);
@@ -2618,7 +2617,7 @@ const Image$1 = (props) => {
         loading: "lazy",
         onLoad: handleLoad,
         onError: handleError,
-        draggable: props.draggable
+        draggable
       }
     ) : /* @__PURE__ */ React__default.createElement(
       "img",
@@ -2630,14 +2629,13 @@ const Image$1 = (props) => {
         alt,
         onLoad: handleLoad,
         onError: handleError,
-        draggable: props.draggable
+        draggable
       }
     ),
     renderLoading(),
     renderErrorImg()
   );
 };
-Image$1.defaultProps = defaultProps$1r;
 Image$1.displayName = "NutImage";
 function _extends$4() {
   _extends$4 = Object.assign ? Object.assign.bind() : function(target) {
@@ -4598,7 +4596,7 @@ const Overlay = (props) => {
       setInnerVisible(false);
     }
   }, [visible]);
-  useLockScroll(nodeRef, !!props.lockScroll && innerVisible);
+  useLockScroll(nodeRef, !!lockScroll && innerVisible);
   const classes = classNames(classPrefix2, className);
   const styles = {
     ...style
@@ -4638,10 +4636,9 @@ const Overlay = (props) => {
     )
   ));
 };
-Overlay.defaultProps = defaultOverlayProps;
 Overlay.displayName = "NutOverlay";
 const DataContext$1 = createContext({});
-const defaultProps$1q = {
+const defaultProps$1p = {
   ...ComponentDefaults,
   span: "24",
   offset: "0",
@@ -4649,7 +4646,7 @@ const defaultProps$1q = {
 };
 const Col = (props) => {
   const { className, style, span, offset, children, onClick } = {
-    ...defaultProps$1q,
+    ...defaultProps$1p,
     ...props
   };
   const [colName, setColName] = useState("");
@@ -4681,9 +4678,8 @@ const Col = (props) => {
     children
   );
 };
-Col.defaultProps = defaultProps$1q;
 Col.displayName = "NutCol";
-const defaultProps$1p = {
+const defaultProps$1o = {
   ...ComponentDefaults,
   contentPosition: "center",
   direction: "horizontal"
@@ -4691,7 +4687,7 @@ const defaultProps$1p = {
 const classPrefix$n = `nut-divider`;
 const Divider = (props) => {
   const { children, contentPosition, style, className, direction, ...rest } = {
-    ...defaultProps$1p,
+    ...defaultProps$1o,
     ...props
   };
   const classes = direction === "horizontal" ? classNames({
@@ -4706,14 +4702,13 @@ const Divider = (props) => {
   });
   return /* @__PURE__ */ React__default.createElement("div", { className: `${classes} ${className || ""}`, style, ...rest }, children);
 };
-Divider.defaultProps = defaultProps$1p;
 Divider.displayName = "NutDivider";
 const gridContext = {
   onClick: (item, index) => {
   }
 };
 const GridContext = React__default.createContext(gridContext);
-const defaultProps$1o = {
+const defaultProps$1n = {
   text: "",
   columns: 4,
   gap: 0,
@@ -4739,7 +4734,7 @@ const GridItem = (props) => {
     onClick,
     ...rest
   } = {
-    ...defaultProps$1o,
+    ...defaultProps$1n,
     ...props
   };
   const classPrefix2 = "nut-grid-item";
@@ -4797,9 +4792,8 @@ const GridItem = (props) => {
     /* @__PURE__ */ React__default.createElement("div", { className: contentClass() }, children && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, children), text && /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-text` }, text))
   );
 };
-GridItem.defaultProps = defaultProps$1o;
 GridItem.displayName = "NutGridItem";
-const defaultProps$1n = {
+const defaultProps$1m = {
   columns: 4,
   gap: 0,
   center: true,
@@ -4820,7 +4814,7 @@ const Grid = (props) => {
     className,
     onClick,
     ...rest
-  } = { ...defaultProps$1n, ...props };
+  } = { ...defaultProps$1m, ...props };
   const childrenDom = React__default.Children.toArray(children);
   const classPrefix2 = "nut-grid";
   const rootClass = () => {
@@ -4854,18 +4848,16 @@ const Grid = (props) => {
     });
   })));
 };
-Grid.defaultProps = defaultProps$1n;
 Grid.displayName = "NutGrid";
 Grid.Item = GridItem;
-const defaultProps$1m = {};
+const defaultProps$1l = {};
 const Layout = (props) => {
-  ({ ...defaultProps$1m, ...props });
+  ({ ...defaultProps$1l, ...props });
   return /* @__PURE__ */ React__default.createElement("div", { className: "nut-layout" }, "Layout");
 };
-Layout.defaultProps = defaultProps$1m;
 Layout.displayName = "NutLayout";
 const classPrefix$m = "nut-row";
-const defaultProps$1l = {
+const defaultProps$1k = {
   ...ComponentDefaults,
   type: "",
   justify: "start",
@@ -4885,7 +4877,7 @@ const Row = (props) => {
     gutter,
     onClick
   } = {
-    ...defaultProps$1l,
+    ...defaultProps$1k,
     ...props
   };
   const getClass = (prefix2, type22) => {
@@ -4917,15 +4909,14 @@ const Row = (props) => {
     children
   ));
 };
-Row.defaultProps = defaultProps$1l;
 Row.displayName = "NutRow";
 const prefixCls$1 = "nut-space";
-const defaultProps$1k = {
+const defaultProps$1j = {
   direction: "horizontal"
 };
 const Space = (props) => {
   const { className, style, children, wrap, align, direction, justify } = {
-    ...defaultProps$1k,
+    ...defaultProps$1j,
     ...props
   };
   const cls = classNames(
@@ -4940,7 +4931,6 @@ const Space = (props) => {
     return child !== null && child !== void 0 && /* @__PURE__ */ React__default.createElement("div", { className: `${prefixCls$1}-item` }, child);
   }));
 };
-Space.defaultProps = defaultProps$1k;
 Space.displayName = "NutSpace";
 function isWindow(val) {
   return val === window;
@@ -4994,7 +4984,7 @@ function useWatch(dep, callback, config2 = { immediate: false }) {
     stop2.current = true;
   };
 }
-const defaultProps$1j = {
+const defaultProps$1i = {
   ...ComponentDefaults,
   position: "top",
   threshold: 0,
@@ -5012,7 +5002,7 @@ const Sticky = (props) => {
     threshold,
     onChange,
     ...rest
-  } = { ...defaultProps$1j, ...props };
+  } = { ...defaultProps$1i, ...props };
   const stickyRef = useRef(null);
   const rootRef = useRef(null);
   const [isFixed, setIsFixed] = useState(false);
@@ -5128,7 +5118,6 @@ const Sticky = (props) => {
     /* @__PURE__ */ React__default.createElement("div", { className: "nut-sticky-box", ref: stickyRef, style: stickyStyle }, children)
   );
 };
-Sticky.defaultProps = defaultProps$1j;
 Sticky.displayName = "NutSticky";
 const classPrefix$k = "nut-safe-area";
 const SafeArea = (props) => {
@@ -5142,7 +5131,8 @@ const SafeArea = (props) => {
     }
   );
 };
-const defaultProps$1i = {
+SafeArea.displayName = "NutSafeArea";
+const defaultProps$1h = {
   ...ComponentDefaults,
   target: "",
   threshold: 200,
@@ -5161,7 +5151,7 @@ const BackTop = (props) => {
     style,
     onClick
   } = {
-    ...defaultProps$1i,
+    ...defaultProps$1h,
     ...props
   };
   const classPrefix2 = "nut-backtop";
@@ -5258,7 +5248,6 @@ const BackTop = (props) => {
     children || /* @__PURE__ */ React__default.createElement(e$1, { width: 19, height: 19, className: "nut-backtop-main" })
   );
 };
-BackTop.defaultProps = defaultProps$1i;
 BackTop.displayName = "NutBackTop";
 function clamp$2(v, min, max) {
   return Math.max(min, Math.min(v, max));
@@ -10376,7 +10365,7 @@ const host = createHost(primitives, {
 });
 const animated = host.animated;
 const elevatorContext = createContext({});
-const defaultProps$1h = {
+const defaultProps$1g = {
   ...ComponentDefaults,
   height: "200px",
   floorKey: "title",
@@ -10402,7 +10391,7 @@ const Elevator = (props) => {
     children,
     ...rest
   } = {
-    ...defaultProps$1h,
+    ...defaultProps$1g,
     ...props
   };
   const classPrefix2 = "nut-elevator";
@@ -10578,10 +10567,9 @@ const Elevator = (props) => {
     })
   ))) : null);
 };
-Elevator.defaultProps = defaultProps$1h;
 Elevator.displayName = "NutElevator";
 Elevator.Context = elevatorContext;
-const defaultProps$1g = {
+const defaultProps$1f = {
   ...ComponentDefaults,
   activeText: "",
   inactiveText: "",
@@ -10609,7 +10597,7 @@ const FixedNav = (props) => {
     content,
     ...rest
   } = {
-    ...defaultProps$1g,
+    ...defaultProps$1f,
     ...props
   };
   const classPrefix2 = "nut-fixednav";
@@ -10661,9 +10649,8 @@ const FixedNav = (props) => {
     /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-btn`, onClick: () => onUpdateValue() }, content || /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(e$d, { color: "#fff" }), /* @__PURE__ */ React__default.createElement("div", { className: "text" }, visible ? activeText || locale.fixednav.activeText : inactiveText || locale.fixednav.inactiveText)))
   );
 };
-FixedNav.defaultProps = defaultProps$1g;
 FixedNav.displayName = "NutFixedNav";
-const defaultProps$1f = {
+const defaultProps$1e = {
   ...ComponentDefaults,
   left: "",
   right: "",
@@ -10688,7 +10675,7 @@ const NavBar = (props) => {
     zIndex,
     onBackClick
   } = {
-    ...defaultProps$1f,
+    ...defaultProps$1e,
     ...props
   };
   const classPrefix2 = "nut-navbar";
@@ -10764,9 +10751,8 @@ const NavBar = (props) => {
   const cls = classNames(classPrefix2, classes, className);
   return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, fixed && placeholder ? /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-placeholder` }, renderWrapper()) : renderWrapper());
 };
-NavBar.defaultProps = defaultProps$1f;
 NavBar.displayName = "NutNavBar";
-const defaultProps$1e = {
+const defaultProps$1d = {
   ...ComponentDefaults,
   position: "center",
   transition: "",
@@ -10819,7 +10805,7 @@ const Popup = (props) => {
     afterShow,
     afterClose,
     onClick
-  } = { ...defaultProps$1e, ...props };
+  } = { ...defaultProps$1d, ...props };
   const nodeRef = React__default.useRef(null);
   let innerIndex = zIndex || _zIndex;
   const [index, setIndex] = useState(innerIndex);
@@ -10960,7 +10946,6 @@ const Popup = (props) => {
   }, [position, transition]);
   return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, renderToContainer(portal, renderNode()));
 };
-Popup.defaultProps = defaultProps$1e;
 Popup.displayName = "NutPopup";
 const handleClick = (e2) => {
   e2.stopPropagation();
@@ -10976,7 +10961,7 @@ const handleClick = (e2) => {
   }
 };
 const OffsetContext = createContext(20);
-const defaultProps$1d = {
+const defaultProps$1c = {
   ...ComponentDefaults,
   position: "left",
   width: "80%"
@@ -10991,12 +10976,13 @@ const SideNavBar = (props) => {
     children,
     className,
     onClose,
+    indent,
     ...rest
   } = {
-    ...defaultProps$1d,
+    ...defaultProps$1c,
     ...props
   };
-  const indent = props.indent ? Number(props.indent) : 20;
+  const innerIndent = indent ? Number(indent) : 20;
   return /* @__PURE__ */ React__default.createElement(
     Popup,
     {
@@ -11015,17 +11001,16 @@ const SideNavBar = (props) => {
         "div",
         {
           className: `${classPrefix2}-title ${classPrefix2}-border-bt`,
-          style: { paddingLeft: `${indent}px` }
+          style: { paddingLeft: `${innerIndent}px` }
         },
         title,
         " ",
         /* @__PURE__ */ React__default.createElement("i", { className: "arrow-icon arrow-down" })
       ),
-      /* @__PURE__ */ React__default.createElement(OffsetContext.Provider, { value: indent }, /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-content` }, children))
+      /* @__PURE__ */ React__default.createElement(OffsetContext.Provider, { value: innerIndent }, /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-content` }, children))
     )))
   );
 };
-SideNavBar.defaultProps = defaultProps$1d;
 SideNavBar.displayName = "NutSideNavBar";
 const SideNavBarItem = (props) => {
   const classPrefix2 = "nut-subsidenavbar";
@@ -11044,13 +11029,13 @@ const SideNavBarItem = (props) => {
     title
   );
 };
-const defaultProps$1c = {
+const defaultProps$1b = {
   open: true
 };
 const SubSideNavBar = (props) => {
   const classPrefix2 = "nut-subsidenavbar";
   const { title, value, children, onClick, open, ...rest } = {
-    ...defaultProps$1c,
+    ...defaultProps$1b,
     ...props
   };
   const offset = useContext(OffsetContext);
@@ -11127,7 +11112,7 @@ function usePropsValue({
   );
   return [stateRef.current, setState];
 }
-const defaultProps$1b = {
+const defaultProps$1a = {
   ...ComponentDefaults,
   value: "",
   dot: false,
@@ -11152,7 +11137,7 @@ const Badge = (props) => {
     color,
     fill
   } = {
-    ...defaultProps$1b,
+    ...defaultProps$1a,
     ...props
   };
   const classPrefix2 = "nut-badge";
@@ -11208,10 +11193,9 @@ const Badge = (props) => {
   };
   return /* @__PURE__ */ React__default.createElement("div", { className: classes, style }, isIcon() && /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-icon` }, value), children, !isIcon() && /* @__PURE__ */ React__default.createElement("div", { className: contentClasses, style: getStyle() }, content()));
 };
-Badge.defaultProps = defaultProps$1b;
 Badge.displayName = "NutBadge";
 const TabbarContext = React__default.createContext(null);
-const defaultProps$1a = {
+const defaultProps$19 = {
   ...ComponentDefaults,
   title: "",
   icon: null,
@@ -11237,7 +11221,7 @@ const TabbarItem = (props) => {
     index,
     ...rest
   } = {
-    ...defaultProps$1a,
+    ...defaultProps$19,
     ...props
   };
   const active = index === (ctx2 == null ? void 0 : ctx2.selectIndex);
@@ -11275,7 +11259,7 @@ const TabbarItem = (props) => {
     icon ? /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(Badge, { ...badgeProps }, /* @__PURE__ */ React__default.createElement("div", { className: boxPrefix }, icon)), /* @__PURE__ */ React__default.createElement("div", { className: titleClass }, title)) : /* @__PURE__ */ React__default.createElement(Badge, { ...badgeProps }, /* @__PURE__ */ React__default.createElement("div", { className: titleClass }, title))
   );
 };
-const defaultProps$19 = {
+const defaultProps$18 = {
   ...ComponentDefaults,
   defaultValue: 0,
   fixed: false,
@@ -11298,7 +11282,7 @@ const Tabbar = (props) => {
     style,
     onSwitch
   } = {
-    ...defaultProps$19,
+    ...defaultProps$18,
     ...props
   };
   const classPrefix2 = "nut-tabbar";
@@ -11339,17 +11323,16 @@ const Tabbar = (props) => {
     (fixed || safeArea) && /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-safe-area` })
   );
 };
-Tabbar.defaultProps = defaultProps$19;
 Tabbar.displayName = "NutTabbar";
 Tabbar.Item = TabbarItem;
-const defaultProps$18 = {
+const defaultProps$17 = {
   title: "",
   value: "",
   disabled: false
 };
 const TabPane = (props) => {
   const { children, autoHeightClassName, className, disabled } = {
-    ...defaultProps$18,
+    ...defaultProps$17,
     ...props
   };
   const classPrefix2 = "nut-tabpane";
@@ -11363,7 +11346,7 @@ const TabPane = (props) => {
   );
   return children ? /* @__PURE__ */ React__default.createElement("div", { className: classes }, !disabled && children) : null;
 };
-const defaultProps$17 = {
+const defaultProps$16 = {
   ...ComponentDefaults,
   tabStyle: {},
   activeColor: "",
@@ -11388,14 +11371,16 @@ const Tabs = (props) => {
     onChange,
     className,
     autoHeight,
+    value: outerValue,
+    defaultValue: outerDefaultValue,
     ...rest
   } = {
-    ...defaultProps$17,
+    ...defaultProps$16,
     ...props
   };
   const [value, setValue] = usePropsValue({
-    value: props.value,
-    defaultValue: props.defaultValue,
+    value: outerValue,
+    defaultValue: outerDefaultValue,
     finalValue: 0,
     onChange
   });
@@ -11425,13 +11410,13 @@ const Tabs = (props) => {
     }
     const title2 = titleItem[index];
     let to2 = 0;
-    if (props.direction === "vertical") {
+    if (direction === "vertical") {
       const runTop = title2.offsetTop - nav.offsetTop + 10;
       to2 = runTop - (nav.offsetHeight - title2.offsetHeight) / 2;
     } else {
       to2 = title2.offsetLeft - (nav.offsetWidth - title2.offsetWidth) / 2;
     }
-    scrollDirection(nav, to2, immediate ? 0 : 0.3, props.direction);
+    scrollDirection(nav, to2, immediate ? 0 : 0.3, direction);
   };
   const getTitles = () => {
     const titles2 = [];
@@ -11561,7 +11546,6 @@ const Tabs = (props) => {
     return React__default.cloneElement(child, childProps);
   }))));
 };
-Tabs.defaultProps = defaultProps$17;
 Tabs.displayName = "NutTabs";
 Tabs.TabPane = TabPane;
 const formatTree = (tree, parent, config2) => tree.map((node) => {
@@ -11697,7 +11681,7 @@ class Tree {
     return pathNodes;
   }
 }
-const defaultProps$16 = {
+const defaultProps$15 = {
   ...ComponentDefaults,
   activeColor: "",
   activeIcon: "checklist",
@@ -11736,11 +11720,13 @@ const InternalCascader = (props, ref) => {
     closeIconPosition,
     closeIcon,
     lazy,
+    title,
+    left,
     onLoad,
     onClose,
     onChange,
     onPathChange
-  } = { ...defaultProps$16, ...props };
+  } = { ...defaultProps$15, ...props };
   const [tabvalue, setTabvalue] = useState("c1");
   const [optionsData, setOptionsData] = useState([]);
   const isLazy = () => state.configs.lazy && Boolean(state.configs.onLoad);
@@ -11750,7 +11736,7 @@ const InternalCascader = (props, ref) => {
     finalValue: defaultValue
   });
   const [innerVisible, setInnerVisible] = usePropsValue({
-    value: props.visible,
+    value: visible,
     defaultValue: void 0,
     finalValue: false
   });
@@ -12037,8 +12023,8 @@ const InternalCascader = (props, ref) => {
       closeIcon,
       closeable,
       closeIconPosition,
-      title: popup && props.title,
-      left: props.left,
+      title: popup && title,
+      left,
       onOverlayClick: closePopup,
       onCloseIconClick: closePopup
     },
@@ -12046,9 +12032,8 @@ const InternalCascader = (props, ref) => {
   ) : renderTabs());
 };
 const Cascader = React__default.forwardRef(InternalCascader);
-Cascader.defaultProps = defaultProps$16;
 Cascader.displayName = "NutCascader";
-const defaultProps$15 = {
+const defaultProps$14 = {
   ...ComponentDefaults,
   visible: false,
   type: "custom",
@@ -12075,7 +12060,7 @@ const CustomRender = (props) => {
     onPathChange,
     ...rest
   } = {
-    ...defaultProps$15,
+    ...defaultProps$14,
     ...props
   };
   return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, type4 === "custom" && /* @__PURE__ */ React__default.createElement(
@@ -12100,7 +12085,7 @@ const CustomRender = (props) => {
     }
   ));
 };
-const defaultProps$14 = {
+const defaultProps$13 = {
   type: "custom",
   existList: [],
   defaultIcon: null,
@@ -12119,7 +12104,7 @@ const ExistRender = (props) => {
     onSelect,
     onSwitch,
     ...rest
-  } = { ...defaultProps$14, ...props };
+  } = { ...defaultProps$13, ...props };
   const classPrefix2 = "nut-address";
   const selectedExist = (item) => {
     existList.forEach((list, index) => {
@@ -12148,7 +12133,7 @@ const ExistRender = (props) => {
     );
   })), (custom || custom && locale.address.chooseAnotherAddress) && /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-footer`, onClick }, /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-footer-btn` }, custom)));
 };
-const defaultProps$13 = {
+const defaultProps$12 = {
   ...ComponentDefaults,
   defaultValue: [],
   type: "custom",
@@ -12190,7 +12175,7 @@ const InternalAddress = (props, ref) => {
     onSwitch,
     ...rest
   } = {
-    ...defaultProps$13,
+    ...defaultProps$12,
     ...props
   };
   const classPrefix2 = "nut-address";
@@ -12282,7 +12267,6 @@ const InternalAddress = (props, ref) => {
   ));
 };
 const Address = forwardRef(InternalAddress);
-Address.defaultProps = defaultProps$13;
 Address.displayName = "NutAddress";
 const Utils = {
   /**
@@ -12532,7 +12516,7 @@ const isEnd = (day, days) => {
 const isStartAndEnd = (days) => {
   return days.length >= 2 && Utils.isEqual(days[0], days[1]);
 };
-const defaultProps$12 = {
+const defaultProps$11 = {
   ...ComponentDefaults,
   type: "single",
   autoBackfill: false,
@@ -12588,11 +12572,12 @@ const CalendarItem = React__default.forwardRef((props, ref) => {
     renderDay,
     renderDayTop,
     renderDayBottom,
+    value,
     onConfirm,
     onUpdate,
     onDayClick,
     onPageChange
-  } = { ...defaultProps$12, ...props };
+  } = { ...defaultProps$11, ...props };
   const weekdays = locale.calendaritem.weekdays;
   const weeks = [
     ...weekdays.slice(firstDayOfWeek, 7),
@@ -12624,7 +12609,7 @@ const CalendarItem = React__default.forwardRef((props, ref) => {
     return void 0;
   };
   const [currentDate, setCurrentDate] = usePropsValue({
-    value: props.value,
+    value,
     defaultValue: resetDefaultValue(),
     finalValue: [],
     onChange: (val) => {
@@ -12830,7 +12815,7 @@ const CalendarItem = React__default.forwardRef((props, ref) => {
           monthsData[current.lastCurrent],
           true
         );
-      } else if (props.type === "week") {
+      } else if (type4 === "week") {
         chooseDay(
           { day: defaultData[2], type: "curr" },
           monthsData[current.current],
@@ -13134,9 +13119,8 @@ const CalendarItem = React__default.forwardRef((props, ref) => {
   };
   return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("div", { className: classes, style }, renderHeader(), renderContent(), popup && !autoBackfill ? renderFooter() : ""));
 });
-CalendarItem.defaultProps = defaultProps$12;
 CalendarItem.displayName = "NutCalendarItem";
-const defaultProps$11 = {
+const defaultProps$10 = {
   ...ComponentDefaults,
   type: "single",
   autoBackfill: false,
@@ -13199,7 +13183,7 @@ const Calendar = React__default.forwardRef((props, ref) => {
     onConfirm,
     onDayClick,
     onPageChange
-  } = { ...defaultProps$11, ...props };
+  } = { ...defaultProps$10, ...props };
   const calendarRef = useRef(null);
   const close = () => {
     onClose && onClose();
@@ -13274,7 +13258,6 @@ const Calendar = React__default.forwardRef((props, ref) => {
     renderItem()
   ) : renderItem());
 });
-Calendar.defaultProps = defaultProps$11;
 Calendar.displayName = "NutCalendar";
 const ArrowLeft = () => {
   return /* @__PURE__ */ React__default.createElement(
@@ -13380,7 +13363,7 @@ const getCurrentWeekDays = (day, firstDayOfWeek) => {
     )
   ];
 };
-const defaultProps$10 = {
+const defaultProps$$ = {
   ...ComponentDefaults,
   type: "single",
   firstDayOfWeek: 0
@@ -13404,7 +13387,7 @@ const CalendarCard = React__default.forwardRef((props, ref) => {
     onDayClick,
     onPageChange,
     onChange
-  } = { ...defaultProps$10, ...props };
+  } = { ...defaultProps$$, ...props };
   const [month, setMonth] = useState(() => {
     let date4 = new Date(Date.now());
     const val = value || defaultValue;
@@ -13706,11 +13689,10 @@ const CalendarCard = React__default.forwardRef((props, ref) => {
   };
   return days.length > 0 ? /* @__PURE__ */ React__default.createElement("div", { className: classNames(prefixCls, className), style }, renderHeader(), renderContent()) : null;
 });
-CalendarCard.defaultProps = defaultProps$10;
 CalendarCard.displayName = "NutCalendarCard";
 const CheckboxGroupContext = createContext(null);
 const Context$1 = CheckboxGroupContext;
-const defaultProps$$ = {
+const defaultProps$_ = {
   max: void 0,
   min: void 0,
   list: false,
@@ -13740,7 +13722,7 @@ const CheckboxGroup = React__default.forwardRef(
       direction,
       options: options2,
       ...rest
-    } = { ...defaultProps$$, ...props };
+    } = { ...defaultProps$_, ...props };
     useImperativeHandle(ref, () => ({
       toggle(state) {
         if (state === false) {
@@ -13832,9 +13814,9 @@ const CheckboxGroup = React__default.forwardRef(
     );
   }
 );
-CheckboxGroup.defaultProps = defaultProps$$;
+CheckboxGroup.defaultProps = defaultProps$_;
 CheckboxGroup.displayName = "NutCheckboxGroup";
-const defaultProps$_ = {
+const defaultProps$Z = {
   ...ComponentDefaults,
   disabled: false,
   shape: "round",
@@ -13848,7 +13830,7 @@ const defaultProps$_ = {
 const classPrefix$h = "nut-checkbox";
 const Checkbox = (props) => {
   const { children } = {
-    ...defaultProps$_,
+    ...defaultProps$Z,
     ...props
   };
   const {
@@ -13869,8 +13851,8 @@ const Checkbox = (props) => {
   let { labelPosition, ...rest } = others;
   const ctx2 = useContext(Context$1);
   let [innerChecked, setChecked] = usePropsValue({
-    value: props.checked,
-    defaultValue: props.defaultChecked,
+    value: checked,
+    defaultValue: defaultChecked,
     finalValue: defaultChecked,
     onChange
   });
@@ -13992,7 +13974,6 @@ const Checkbox = (props) => {
     renderCheckboxItem()
   );
 };
-Checkbox.defaultProps = defaultProps$_;
 Checkbox.displayName = "NutCheckBox";
 Checkbox.Group = CheckboxGroup;
 const InternalPickerPanel = (props, ref) => {
@@ -14234,7 +14215,7 @@ function useRefs() {
   }, []);
   return [refs.current, setRefs, reset];
 }
-const defaultProps$Z = {
+const defaultProps$Y = {
   ...ComponentDefaults,
   title: "",
   options: [],
@@ -14264,7 +14245,7 @@ const InternalPicker = (props, ref) => {
     afterClose,
     onChange,
     ...rest
-  } = { ...defaultProps$Z, ...props };
+  } = { ...defaultProps$Y, ...props };
   const classPrefix2 = "nut-picker";
   const classes = classNames(classPrefix2, className);
   const [selectedValue, setSelectedValue] = usePropsValue({
@@ -14508,7 +14489,7 @@ const padZero = (num, targetLength = 2) => {
   return str;
 };
 const currentYear = (/* @__PURE__ */ new Date()).getFullYear();
-const defaultProps$Y = {
+const defaultProps$X = {
   ...ComponentDefaults,
   visible: false,
   title: "",
@@ -14541,7 +14522,7 @@ const DatePicker = (props) => {
     style,
     ...rest
   } = {
-    ...defaultProps$Y,
+    ...defaultProps$X,
     ...props
   };
   const { locale } = useConfig();
@@ -14823,7 +14804,7 @@ const DatePicker = (props) => {
     }
   ));
 };
-DatePicker.defaultProps = defaultProps$Y;
+DatePicker.defaultProps = defaultProps$X;
 DatePicker.displayName = "NutDatePicker";
 const Context = createContext({});
 function _extends() {
@@ -16061,7 +16042,7 @@ const useForm = (form) => {
   }
   return [formRef.current];
 };
-const defaultProps$X = {
+const defaultProps$W = {
   ...ComponentDefaults,
   labelPosition: "right",
   starPosition: "left",
@@ -16092,7 +16073,7 @@ const Form = React__default.forwardRef(
       starPosition,
       form
     } = {
-      ...defaultProps$X,
+      ...defaultProps$W,
       ...props
     };
     let formInstance;
@@ -16138,7 +16119,6 @@ const Form = React__default.forwardRef(
     );
   }
 );
-Form.defaultProps = defaultProps$X;
 Form.displayName = "NutForm";
 function isForwardRefComponent(component) {
   return component.type && component.type.$$typeof && // eslint-disable-next-line react/display-name
@@ -16149,7 +16129,7 @@ function isForwardRefComponent(component) {
     }
   ).$$typeof === component.type.$$typeof;
 }
-const defaultProps$W = {
+const defaultProps$V = {
   ...ComponentDefaults,
   required: false,
   name: "",
@@ -16244,7 +16224,7 @@ const _FormItem = class _FormItem extends React__default.Component {
         style,
         errorMessageAlign
       } = {
-        ...defaultProps$W,
+        ...defaultProps$V,
         ...this.props
       };
       const requiredInRules = rules2 == null ? void 0 : rules2.some((rule) => rule.required);
@@ -16303,7 +16283,7 @@ const _FormItem = class _FormItem extends React__default.Component {
     return /* @__PURE__ */ React__default.createElement(React__default.Fragment, { key: this.state.resetCount }, this.props.noStyle ? returnChildNode : this.renderLayout(returnChildNode));
   }
 };
-_FormItem.defaultProps = defaultProps$W;
+_FormItem.defaultProps = defaultProps$V;
 _FormItem.contextType = Context;
 let FormItem = _FormItem;
 const InnerForm = Form;
@@ -16333,7 +16313,7 @@ function formatNumber(value, allowDot = true, allowMinus = true) {
   const regExp = allowDot ? /[^-0-9.]/g : /[^-0-9]/g;
   return value.replace(regExp, "");
 }
-const defaultProps$V = {
+const defaultProps$U = {
   ...ComponentDefaults,
   type: "text",
   name: "",
@@ -16375,14 +16355,16 @@ const Input = forwardRef(
       confirmType,
       defaultValue,
       value: _value,
+      onCompositionStart,
+      onCompositionEnd,
       ...rest
     } = {
-      ...defaultProps$V,
+      ...defaultProps$U,
       ...props
     };
     const [value, setValue] = usePropsValue({
-      value: props.value,
-      defaultValue: props.defaultValue,
+      value: _value,
+      defaultValue,
       finalValue: "",
       onChange
     });
@@ -16496,21 +16478,19 @@ const Input = forwardRef(
             handleInput(e2.currentTarget.value);
           },
           onCompositionStart: (e2) => {
-            var _a;
             composingRef.current = true;
-            (_a = props.onCompositionStart) == null ? void 0 : _a.call(props, e2);
+            onCompositionStart == null ? void 0 : onCompositionStart(e2);
           },
           onCompositionEnd: (e2) => {
-            var _a;
             composingRef.current = false;
-            (_a = props.onCompositionEnd) == null ? void 0 : _a.call(props, e2);
+            onCompositionEnd == null ? void 0 : onCompositionEnd(e2);
           }
         }
       ),
       clearable && !readOnly && active && value.length > 0 ? /* @__PURE__ */ React__default.createElement(
         "span",
         {
-          style: { display: "flex", alignItems: "center" },
+          style: { display: "flex", alignItems: "center", cursor: "pointer" },
           onClick: () => {
             if (!disabled) {
               setValue("");
@@ -16523,9 +16503,8 @@ const Input = forwardRef(
     );
   }
 );
-Input.defaultProps = defaultProps$V;
 Input.displayName = "NutInput";
-const defaultProps$U = {
+const defaultProps$T = {
   ...ComponentDefaults,
   disabled: false,
   readOnly: false,
@@ -16561,7 +16540,7 @@ const InputNumber = (props) => {
     onChange,
     ...restProps
   } = {
-    ...defaultProps$U,
+    ...defaultProps$T,
     ...props
   };
   const classes = classNames(classPrefix$g, className, {
@@ -16719,7 +16698,6 @@ const InputNumber = (props) => {
     }
   )));
 };
-InputNumber.defaultProps = defaultProps$U;
 InputNumber.displayName = "NutInputNumber";
 const isObject = (val) => val !== null && typeof val === "object";
 const isFunction = (val) => typeof val === "function";
@@ -16770,7 +16748,7 @@ function useClickAway(onClickAway, target, eventName = "click", useCapture, isLi
     };
   }, [target]);
 }
-const defaultProps$T = {
+const defaultProps$S = {
   ...ComponentDefaults,
   columns: 1,
   direction: "down",
@@ -16801,7 +16779,7 @@ const MenuItem = forwardRef((props, ref) => {
     parent,
     index
   } = {
-    ...defaultProps$T,
+    ...defaultProps$S,
     ...props
   };
   const [showPopup, setShowPopup] = useState(show2);
@@ -16970,9 +16948,8 @@ const MenuItem = forwardRef((props, ref) => {
     )
   ));
 });
-MenuItem.defaultProps = defaultProps$T;
 MenuItem.displayName = "NutMenuItem";
-const defaultProps$S = {
+const defaultProps$R = {
   ...ComponentDefaults,
   activeColor: "",
   closeOnOverlayClick: true,
@@ -16999,7 +16976,7 @@ const Menu = (props) => {
     onOpen,
     ...rest
   } = {
-    ...defaultProps$S,
+    ...defaultProps$R,
     ...props
   };
   const menuRef = useRef(null);
@@ -17139,19 +17116,8 @@ const Menu = (props) => {
     cloneChildren()
   );
 };
-Menu.defaultProps = defaultProps$S;
 Menu.displayName = "NutMenu";
 Menu.Item = MenuItem;
-const defaultProps$R = {
-  ...ComponentDefaults,
-  visible: false,
-  rightActions: "",
-  type: "default",
-  custom: [],
-  random: false,
-  onClose: () => {
-  }
-};
 const NumberKeyboard = (props) => {
   const { locale } = useConfig();
   const {
@@ -17296,7 +17262,6 @@ const NumberKeyboard = (props) => {
     ))))
   );
 };
-NumberKeyboard.defaultProps = defaultProps$R;
 NumberKeyboard.displayName = "NutNumberKeyboard";
 const RadioContext = React__default.createContext(null);
 const defaultProps$Q = {
@@ -17819,7 +17784,6 @@ const Range = (props) => {
     renderButton()
   ))), maxDescription !== null && /* @__PURE__ */ React__default.createElement("div", { className: "max" }, maxDescription || max));
 };
-Range.defaultProps = defaultProps$O;
 Range.displayName = "NutRange";
 const defaultProps$N = {
   ...ComponentDefaults,
@@ -18015,7 +17979,6 @@ const Rate = (props) => {
     })
   );
 };
-Rate.defaultProps = defaultProps$N;
 Rate.displayName = "NutRate";
 const defaultProps$M = {
   ...ComponentDefaults,
@@ -18036,8 +17999,9 @@ const SearchBar = (props) => {
   const classPrefix2 = "nut-searchbar";
   const { locale } = useConfig();
   const searchRef = useRef(null);
-  const [value, setValue] = useState(() => props.value);
   const {
+    value: outerValue,
+    style,
     placeholder,
     shape,
     className,
@@ -18061,6 +18025,7 @@ const SearchBar = (props) => {
     ...defaultProps$M,
     ...props
   };
+  const [value, setValue] = useState(() => outerValue);
   const forceFocus = () => {
     const searchSelf = searchRef.current;
     searchSelf && searchSelf.focus();
@@ -18081,8 +18046,8 @@ const SearchBar = (props) => {
     onBlur && (onBlur == null ? void 0 : onBlur(value2, event));
   };
   useEffect(() => {
-    setValue(props.value);
-  }, [props.value]);
+    setValue(outerValue);
+  }, [outerValue]);
   useEffect(() => {
     autoFocus && forceFocus();
   }, [autoFocus]);
@@ -18092,7 +18057,7 @@ const SearchBar = (props) => {
       {
         className: `${classPrefix2}-input ${clearable ? `${classPrefix2}-input-clear` : ""}`,
         ref: searchRef,
-        style: { ...props.style },
+        style,
         value: value || "",
         placeholder: placeholder || locale.placeholder,
         disabled,
@@ -18160,7 +18125,7 @@ const SearchBar = (props) => {
     "div",
     {
       className: `${classPrefix2} ${disabled ? `${classPrefix2}-disabled` : ""}  ${className || ""}`,
-      style: { ...props.style }
+      style
     },
     renderLeft(),
     /* @__PURE__ */ React__default.createElement(
@@ -18176,7 +18141,6 @@ const SearchBar = (props) => {
     renderRight()
   );
 };
-SearchBar.defaultProps = defaultProps$M;
 SearchBar.displayName = "NutSearchBar";
 const defaultProps$L = {
   ...ComponentDefaults,
@@ -18194,7 +18158,7 @@ const InternalShortPassword = (props, ref) => {
     title,
     description,
     tips,
-    visible: deleteVisible,
+    visible: outerVisible,
     value,
     error,
     hideFooter,
@@ -18226,7 +18190,7 @@ const InternalShortPassword = (props, ref) => {
     return val.slice(0, comLen);
   };
   const [visible, setVisible] = usePropsValue({
-    value: props.visible,
+    value: outerVisible,
     defaultValue: false,
     finalValue: false
   });
@@ -18402,7 +18366,6 @@ const InternalSignature = (props, ref) => {
 const Signature = React__default.forwardRef(
   InternalSignature
 );
-Signature.defaultProps = defaultProps$K;
 Signature.displayName = "NutSignature";
 const defaultProps$J = {
   ...ComponentDefaults,
@@ -18450,7 +18413,6 @@ const Switch = (props) => {
     /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-button` }, !value && /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-close-line` }), activeText && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, value ? /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-label open` }, activeText) : /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-label close` }, inactiveText)))
   );
 };
-Switch.defaultProps = defaultProps$J;
 Switch.displayName = "NutSwitch";
 const defaultProps$I = {
   ...ComponentDefaults,
@@ -18569,7 +18531,6 @@ const TextArea = (props) => {
     showCount && /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-limit` }, inputValue.length, "/", maxLength < 0 ? 0 : maxLength)
   );
 };
-TextArea.defaultProps = defaultProps$I;
 TextArea.displayName = "NutTextArea";
 class UploadOptions {
   constructor() {
@@ -18770,7 +18731,6 @@ const Progress = (props) => {
     )))
   );
 };
-Progress.defaultProps = defaultProps$H;
 Progress.displayName = "NutProgress";
 const Preview = ({
   fileList,
@@ -19047,7 +19007,7 @@ const InternalUploader = (props, ref) => {
       });
     };
     const task = new Upload(uploadOption);
-    if (props.autoUpload) {
+    if (autoUpload) {
       task.upload();
     } else {
       uploadQueue.push(
@@ -19086,7 +19046,7 @@ const InternalUploader = (props, ref) => {
     });
   };
   const filterFiles = (files) => {
-    const maximum = props.maxCount * 1;
+    const maximum = maxCount * 1;
     const oversizes = new Array();
     const filterFile = files.filter((file) => {
       if (file.size > maxFileSize) {
@@ -19193,7 +19153,6 @@ const InternalUploader = (props, ref) => {
   ));
 };
 const Uploader = React__default.forwardRef(InternalUploader);
-Uploader.defaultProps = defaultProps$G;
 Uploader.displayName = "NutUploader";
 const defaultProps$F = {
   ...ComponentDefaults,
@@ -19266,7 +19225,6 @@ const ActionSheet = (props) => {
     ))
   );
 };
-ActionSheet.defaultProps = defaultProps$F;
 ActionSheet.displayName = "NutActionSheet";
 const fullClone = {
   ...ReactDOM
@@ -19689,7 +19647,7 @@ const Drag = (props) => {
     ({ down, last, offset: [x, y] }) => {
       api.start({ x, y, immediate: down });
       if (last) {
-        if (props.direction !== "y" && props.attract) {
+        if (direction !== "y" && attract) {
           if (x < middleLine.current) {
             api.start({ x: boundaryState.left, y, immediate: down });
           } else {
@@ -19722,7 +19680,6 @@ const Drag = (props) => {
     /* @__PURE__ */ React__default.createElement(animated.div, { style: currstyle, ...bind() }, children)
   );
 };
-Drag.defaultProps = defaultProps$D;
 Drag.displayName = "NutDrag";
 const defaultStatus = {
   empty: "https://storage.360buyimg.com/imgtools/30186cfda0-0d3eee40-c0ac-11ee-9382-9125782aa3b8.png",
@@ -19797,7 +19754,6 @@ const Empty = (props) => {
     );
   })), children);
 };
-Empty.defaultProps = defaultProps$C;
 Empty.displayName = "NutEmpty";
 const defaultProps$B = {
   ...ComponentDefaults,
@@ -19966,7 +19922,6 @@ const InfiniteLoading = (props) => {
     /* @__PURE__ */ React__default.createElement("div", { className: "nut-infinite-bottom" }, isInfiniting ? /* @__PURE__ */ React__default.createElement("div", { className: "nut-infinite-bottom-tips" }, loadingText || locale.infiniteloading.loadText) : !hasMore && /* @__PURE__ */ React__default.createElement("div", { className: "nut-infinite-bottom-tips" }, loadMoreText || locale.infiniteloading.loadMoreText))
   );
 };
-InfiniteLoading.defaultProps = defaultProps$B;
 InfiniteLoading.displayName = "NutInfiniteLoading";
 const loadingMap = {
   circular: c,
@@ -19999,7 +19954,6 @@ const Loading = (props) => {
     children ? /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-text` }, children) : ""
   );
 };
-Loading.defaultProps = defaultProps$A;
 Loading.displayName = "NutLoading";
 const defaultProps$z = {
   ...ComponentDefaults,
@@ -20407,7 +20361,6 @@ const NoticeBar = (props) => {
     )
   ) : null);
 };
-NoticeBar.defaultProps = defaultProps$z;
 NoticeBar.displayName = "NutNoticeBar";
 const classPrefix$c = "nut-notify";
 let Notification$1 = class Notification extends React.PureComponent {
@@ -20654,8 +20607,7 @@ const Popover = (props) => {
   }
   useClickAway(
     () => {
-      var _a;
-      (_a = props.onClick) == null ? void 0 : _a.call(props);
+      onClick == null ? void 0 : onClick();
       onClose == null ? void 0 : onClose();
     },
     targetSet,
@@ -20744,7 +20696,7 @@ const Popover = (props) => {
     const direction = location.split("-")[0];
     const skew = location.split("-")[1];
     const base = 16;
-    if (props.arrowOffset !== 0) {
+    if (arrowOffset !== 0) {
       const dir = rtl ? "right" : "left";
       const dir2 = rtl ? "left" : "right";
       if (["bottom", "top"].includes(direction)) {
@@ -20773,12 +20725,11 @@ const Popover = (props) => {
     return styles;
   };
   const handleSelect = (item, index) => {
-    var _a;
     if (!item.disabled) {
       onSelect == null ? void 0 : onSelect(item, index);
     }
     if (closeOnActionClick) {
-      (_a = props.onClick) == null ? void 0 : _a.call(props);
+      onClick == null ? void 0 : onClick();
       onClose == null ? void 0 : onClose();
     }
   };
@@ -20788,8 +20739,7 @@ const Popover = (props) => {
       className: "nut-popover-wrapper",
       ref: popoverRef,
       onClick: () => {
-        var _a;
-        (_a = props.onClick) == null ? void 0 : _a.call(props);
+        onClick == null ? void 0 : onClick();
         if (!visible) {
           onOpen == null ? void 0 : onOpen();
         } else {
@@ -20852,7 +20802,6 @@ const Popover = (props) => {
     document.body
   ));
 };
-Popover.defaultProps = defaultProps$y;
 Popover.displayName = "NutPopover";
 function bound(position, min, max) {
   let ret = position;
@@ -21069,7 +21018,6 @@ const AvatarGroup = (props) => {
   };
   return /* @__PURE__ */ React__default.createElement(AvatarContext.Provider, { value: parentAvatar }, /* @__PURE__ */ React__default.createElement("div", { className: cls, style, ref: avatarGroupRef }, children));
 };
-AvatarGroup.defaultProps = defaultProps$w;
 AvatarGroup.displayName = "NutAvatarGroup";
 const defaultProps$v = {
   ...ComponentDefaults,
@@ -21151,8 +21099,8 @@ const Avatar = (props) => {
     }
   };
   const errorEvent = () => {
-    if (props.onError) {
-      props.onError();
+    if (onError) {
+      onError();
     }
   };
   const clickAvatar = (e2) => {
@@ -21183,7 +21131,6 @@ const Avatar = (props) => {
     showMax && /* @__PURE__ */ React__default.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 - Number(((_n = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _n.max) || 0)}`)
   ));
 };
-Avatar.defaultProps = defaultProps$v;
 Avatar.displayName = "NutAvatar";
 Avatar.Group = AvatarGroup;
 const defaultProps$u = {
@@ -21245,7 +21192,6 @@ const Skeleton = (props) => {
     return /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-block`, key: index });
   })))));
 };
-Skeleton.defaultProps = defaultProps$u;
 Skeleton.displayName = "NutSkeleton";
 function preventDefault(event, isStopPropagation) {
   if (typeof event.cancelable !== "boolean" || event.cancelable) {
@@ -21674,7 +21620,6 @@ const Animate = (props) => {
   };
   return /* @__PURE__ */ React__default.createElement("div", { className: "nut-animate" }, /* @__PURE__ */ React__default.createElement("div", { className: cls, onClick: handleClick2, ...rest }, children));
 };
-Animate.defaultProps = defaultProps$s;
 Animate.displayName = "NutAnimate";
 const defaultProps$r = {
   ...ComponentDefaults,
@@ -22077,11 +22022,10 @@ const CircleProgress = (props) => {
     return `M 50 50 m -45 0 a 45 45 0 1 ${isWise} 90 0  a 45 45 0 1 ${isWise} -90 0`;
   };
   const stop2 = () => {
-    if (!isObject(props.color)) {
+    if (!isObject(color)) {
       return;
     }
-    const color2 = props.color;
-    const colorArr = Object.keys(color2).sort(
+    const colorArr = Object.keys(color).sort(
       (a2, b) => parseFloat(a2) - parseFloat(b)
     );
     const stopArr = [];
@@ -22091,7 +22035,7 @@ const CircleProgress = (props) => {
         value: ""
       };
       obj.key = item;
-      obj.value = color2[item];
+      obj.value = color[item];
       stopArr.push(obj);
     });
     return stopArr;
@@ -22120,7 +22064,6 @@ const CircleProgress = (props) => {
     }
   )), /* @__PURE__ */ React__default.createElement("div", { className: "nut-circleprogress-text" }, children));
 };
-CircleProgress.defaultProps = defaultProps$o;
 CircleProgress.displayName = "NutCircleProgress";
 const collapseContext = {
   isOpen: (name) => {
@@ -22230,7 +22173,6 @@ const CollapseItem = (props) => {
     /* @__PURE__ */ React__default.createElement("div", { ref: contentRef, className: `${classPrefix2}-content-text` }, children)
   ));
 };
-CollapseItem.defaultProps = defaultProps$n;
 CollapseItem.displayName = "NutCollapseItem";
 const defaultProps$m = {
   ...ComponentDefaults,
@@ -22308,7 +22250,6 @@ const Collapse = (props) => {
     /* @__PURE__ */ React__default.createElement("div", { className: classNames(classPrefix2, className), style }, children)
   );
 };
-Collapse.defaultProps = defaultProps$m;
 Collapse.displayName = "NutCollapse";
 Collapse.Item = CollapseItem;
 const defaultProps$l = {
@@ -22549,7 +22490,6 @@ const InternalCountDown = (props, ref) => {
 const CountDown = React__default.forwardRef(
   InternalCountDown
 );
-CountDown.defaultProps = defaultProps$l;
 CountDown.displayName = "NutCountDown";
 const useIsomorphicLayoutEffect = canUseDom ? useLayoutEffect : useEffect;
 const defaultProps$k = {
@@ -22730,7 +22670,6 @@ const Ellipsis = (props) => {
     collapseText
   ) : null) : null);
 };
-Ellipsis.defaultProps = defaultProps$k;
 Ellipsis.displayName = "NutEllipsis";
 const defaultProps$j = {
   ...ComponentDefaults,
@@ -22810,7 +22749,6 @@ const Video = (props) => {
     /* @__PURE__ */ React__default.createElement("track", { kind: "captions" })
   ));
 };
-Video.defaultProps = defaultProps$j;
 Video.displayName = "NutVideo";
 const defaultProps$i = {
   total: 3,
@@ -22843,7 +22781,6 @@ const Indicator = (props) => {
   };
   return /* @__PURE__ */ React__default.createElement("div", { className: classNames(classPrefix$3, classes, className), ...rest }, renderElement());
 };
-Indicator.defaultProps = defaultProps$i;
 Indicator.displayName = "NutIndicator";
 const getRefValue = (ref) => {
   return ref.current;
@@ -23272,6 +23209,7 @@ const defaultProps$f = {
 };
 const ImagePreview = (props) => {
   const {
+    value,
     className,
     style,
     images,
@@ -23284,17 +23222,17 @@ const ImagePreview = (props) => {
     closeOnContentClick,
     closeIcon,
     closeIconPosition,
-    onClose
-  } = props;
+    onClose,
+    onChange
+  } = { ...defaultProps$f, ...props };
   const classPrefix2 = "nut-imagepreview";
   const ref = useRef(null);
   const [innerNo, setInnerNo] = usePropsValue({
-    value: props.value,
+    value,
     defaultValue,
     finalValue: defaultValue,
     onChange: (val) => {
-      var _a;
-      (_a = props.onChange) == null ? void 0 : _a.call(props, val);
+      onChange == null ? void 0 : onChange(val);
     }
   });
   const [showPop, setShowPop] = useState(visible);
@@ -23405,11 +23343,11 @@ const ImagePreview = (props) => {
     );
   };
   const slideChangeEnd = (page) => {
-    var _a;
     setActive(page + 1);
-    (_a = props.onChange) == null ? void 0 : _a.call(props, page + 1);
+    onChange == null ? void 0 : onChange(page + 1);
   };
-  const onCloseInner = () => {
+  const onCloseInner = (e2) => {
+    e2.stopPropagation();
     setShowPop(false);
     setActive(innerNo);
     scaleNow();
@@ -23419,9 +23357,9 @@ const ImagePreview = (props) => {
       scale: 1
     });
   };
-  const closeOnImg = () => {
+  const closeOnImg = (e2) => {
     if (closeOnContentClick) {
-      onCloseInner();
+      onCloseInner(e2);
     }
   };
   const duration = typeof autoPlay === "string" ? parseInt(autoPlay) : autoPlay;
@@ -23477,7 +23415,6 @@ const ImagePreview = (props) => {
     ) : null
   );
 };
-ImagePreview.defaultProps = defaultProps$f;
 ImagePreview.displayName = "NutImagePreview";
 const defaultProps$e = {
   ...ComponentDefaults,
@@ -23589,7 +23526,6 @@ const Pagination = (props) => {
     next || locale.pagination.next
   )), mode === "lite" && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-lite` }, /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-lite-active` }, 2), /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-lite-default` }, 8))));
 };
-Pagination.defaultProps = defaultProps$e;
 Pagination.displayName = "NutPagination";
 const defaultProps$d = {
   ...ComponentDefaults,
@@ -23682,7 +23618,6 @@ const Price = (props) => {
     symbol && position === "after" ? renderSymbol() : null
   );
 };
-Price.defaultProps = defaultProps$d;
 Price.displayName = "NutPrice";
 const DataContext = createContext({});
 const defaultProps$c = {
@@ -23728,7 +23663,6 @@ const Step = (props) => {
   };
   return /* @__PURE__ */ React__default.createElement("div", { className: classes, ...restProps, onClick: handleClickStep }, /* @__PURE__ */ React__default.createElement("div", { className: "nut-step-head" }, /* @__PURE__ */ React__default.createElement("div", { className: "nut-step-line" }), /* @__PURE__ */ React__default.createElement("div", { className: renderIconClass() }, icon || !dot && /* @__PURE__ */ React__default.createElement("span", { className: "nut-step-inner" }, value))), (title || description) && /* @__PURE__ */ React__default.createElement("div", { className: "nut-step-main" }, /* @__PURE__ */ React__default.createElement("span", { className: "nut-step-title" }, title), description && /* @__PURE__ */ React__default.createElement("span", { className: "nut-step-description" }, description)));
 };
-Step.defaultProps = defaultProps$c;
 Step.displayName = "NutStep";
 const defaultProps$b = {
   ...ComponentDefaults,
@@ -23755,13 +23689,12 @@ const Steps = (props) => {
     classPrefix2,
     {
       [`${classPrefix2}-${direction}`]: true,
-      [`${classPrefix2}-dot`]: !!props.dot
+      [`${classPrefix2}-dot`]: !!dot
     },
     className
   );
   return /* @__PURE__ */ React__default.createElement(DataContext.Provider, { value: parentSteps }, /* @__PURE__ */ React__default.createElement("div", { className: classes, ...restProps }, children));
 };
-Steps.defaultProps = defaultProps$b;
 Steps.displayName = "NutSteps";
 function useTableSticky(columns, rtl = false) {
   const [isSticky, setIsSticky] = useState(false);
@@ -23902,7 +23835,7 @@ const Table = (props) => {
   };
   const cellClasses = (item) => {
     return {
-      [`${headerClassPrefix}-border`]: props.bordered,
+      [`${headerClassPrefix}-border`]: bordered,
       [`${headerClassPrefix}-align${item.align ? item.align : ""}`]: true
     };
   };
@@ -23988,7 +23921,6 @@ const Table = (props) => {
     }
   )) : null, (summary || innerValue.length === 0) && /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-summary` }, summary || noData));
 };
-Table.defaultProps = defaultProps$a;
 Table.displayName = "NutTable";
 const defaultProps$9 = {
   ...ComponentDefaults,
@@ -24091,7 +24023,6 @@ const Tag = (props) => {
     children && /* @__PURE__ */ React__default.createElement("span", { className: `${classPrefix2}-text` }, children)
   ));
 };
-Tag.defaultProps = defaultProps$9;
 Tag.displayName = "NutTag";
 const defaultProps$8 = {
   ...ComponentDefaults,
@@ -24249,7 +24180,6 @@ const Tour = (props) => {
     )));
   }));
 };
-Tour.defaultProps = defaultProps$8;
 Tour.displayName = "NutTour";
 const initPositinoCache = (reaItemSize, length = 0) => {
   let index = 0;
@@ -24554,7 +24484,6 @@ const VirtualList = (props) => {
     )
   );
 };
-VirtualList.defaultProps = defaultProps$7;
 VirtualList.displayName = "NutVirtualList";
 const defaultProps$6 = {
   ...ComponentDefaults,
@@ -24662,7 +24591,6 @@ const InternalBarrage = (props, ref) => {
 const Barrage = React__default.forwardRef(
   InternalBarrage
 );
-Barrage.defaultProps = defaultProps$6;
 Barrage.displayName = "NutBarrage";
 const defaultProps$5 = {
   ...ComponentDefaults,
@@ -24708,7 +24636,6 @@ const Card = (props) => {
     }
   )), /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-right-other` }, tag || /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(Tag, { type: "danger" }, shopDescription), /* @__PURE__ */ React__default.createElement(Tag, { plain: true }, delivery))), /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-right-shop` }, /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-right-shop-name` }, shopName), extra)));
 };
-Card.defaultProps = defaultProps$5;
 Card.displayName = "NutCard";
 const defaultProps$4 = {
   ...ComponentDefaults,
@@ -24763,7 +24690,6 @@ const TimeDetail = (props) => {
     item[optionKey.textKey]
   )));
 };
-TimeDetail.defaultProps = defaultProps$4;
 TimeDetail.displayName = "NutTimeDetail";
 const defaultProps$3 = {
   ...ComponentDefaults,
@@ -24901,7 +24827,6 @@ const TimeSelect = (props) => {
     )))
   );
 };
-TimeSelect.defaultProps = defaultProps$3;
 TimeSelect.displayName = "NutTimeSelect";
 const defaultProps$2 = {
   ...ComponentDefaults,
@@ -24982,7 +24907,6 @@ const TrendArrow = (props) => {
   };
   return /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2} ${className}`, style, ...rest }, !left && renderContent(!left), Number(value) !== 0 && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, rateTrend.current ? /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, riseIcon || /* @__PURE__ */ React__default.createElement(o, { color: calcIconProps.color })) : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, dropIcon || /* @__PURE__ */ React__default.createElement(e, { color: calcIconProps.color }))), left && renderContent(!left));
 };
-TrendArrow.defaultProps = defaultProps$2;
 TrendArrow.displayName = "NutTrendArrow";
 const defaultProps$1 = {
   ...ComponentDefaults,
@@ -25094,7 +25018,6 @@ const WaterMark = (props) => {
     }
   );
 };
-WaterMark.defaultProps = defaultProps$1;
 WaterMark.displayName = "NutWaterMark";
 const defaultProps = {
   ...ComponentDefaults,
@@ -25457,7 +25380,6 @@ const AvatarCropper = (props) => {
     }
   ), /* @__PURE__ */ React__default.createElement("div", { className: "nut-avatar-cropper-edit-text" }, editText)), CropperPopup());
 };
-AvatarCropper.defaultProps = defaultProps;
 AvatarCropper.displayName = "NutAvatarCropper";
 export {
   ActionSheet,