@nutui/nutui-react 2.6.3 → 2.6.5

package/dist/nutui.react.umd.js

@@ -2,7 +2,7 @@
   typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("react"), require("react-dom")) : typeof define === "function" && define.amd ? define(["exports", "react", "react-dom"], factory) : (global2 = typeof globalThis !== "undefined" ? globalThis : global2 || self, factory((global2.nutui = global2.nutui || {}, global2.nutui.react = {}), global2.React, global2.ReactDOM));
 })(this, function(exports2, React, ReactDOM) {
   "use strict";/*!
-* @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.
 */
@@ -1145,7 +1145,7 @@ Check the top-level render call using <` + t2 + ">.");
     style: {}
   };
   const prefixCls$2 = "nut-button";
-  const defaultProps$1u = {
+  const defaultProps$1t = {
     ...ComponentDefaults,
     color: "",
     type: "default",
@@ -1181,7 +1181,7 @@ Check the top-level render call using <` + t2 + ">.");
         onClick,
         ...rest
       } = {
-        ...defaultProps$1u,
+        ...defaultProps$1t,
         ...props
       };
       const getStyle = React.useCallback(() => {
@@ -1240,7 +1240,7 @@ Check the top-level render call using <` + t2 + ">.");
   );
   Button.displayName = "NutButton";
   const CellGroupContext = React.createContext(null);
-  const defaultProps$1t = {
+  const defaultProps$1s = {
     ...ComponentDefaults,
     title: "",
     description: "",
@@ -1249,7 +1249,7 @@ Check the top-level render call using <` + t2 + ">.");
   const classPrefix$r = "nut-cell-group";
   const CellGroup = (props) => {
     const { children, className, title, description, divider, ...rest } = {
-      ...defaultProps$1t,
+      ...defaultProps$1s,
       ...props
     };
     return /* @__PURE__ */ React.createElement("div", { className: classNames(classPrefix$r, className), ...rest }, title ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$r}-title` }, title) : null, description ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$r}-description` }, description) : null, /* @__PURE__ */ React.createElement(
@@ -1260,9 +1260,8 @@ Check the top-level render call using <` + t2 + ">.");
       /* @__PURE__ */ React.createElement(CellGroupContext.Provider, { value: { divider } }, children)
     ));
   };
-  CellGroup.defaultProps = defaultProps$1t;
   CellGroup.displayName = "NutCellGroup";
-  const defaultProps$1s = {
+  const defaultProps$1r = {
     ...ComponentDefaults,
     title: null,
     description: null,
@@ -1287,7 +1286,7 @@ Check the top-level render call using <` + t2 + ">.");
       style,
       ...rest
     } = {
-      ...defaultProps$1s,
+      ...defaultProps$1r,
       ...props
     };
     const handleClick2 = (event) => {
@@ -1320,7 +1319,6 @@ Check the top-level render call using <` + t2 + ">.");
       (ctx2 == null ? void 0 : ctx2.divider) ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$q}-divider` }) : null
     );
   };
-  Cell.defaultProps = defaultProps$1s;
   Cell.displayName = "NutCell";
   Cell.Group = CellGroup;
   var INFINITY = 1 / 0;
@@ -2482,7 +2480,7 @@ Check the top-level render call using <` + t2 + ">.");
   const pxCheck = (value) => {
     return Number.isNaN(Number(value)) ? String(value) : `${value}px`;
   };
-  const defaultProps$1r = {
+  const defaultProps$1q = {
     ...ComponentDefaults,
     fit: "fill",
     position: "center",
@@ -2508,10 +2506,11 @@ Check the top-level render call using <` + t2 + ">.");
       error,
       loading,
       lazy,
+      draggable,
       onClick,
       onLoad,
       onError
-    } = { ...defaultProps$1r, ...props };
+    } = { ...defaultProps$1q, ...props };
     const [innerLoading, setInnerLoading] = React.useState(false);
     const [isError, setIsError] = React.useState(false);
     const [complete, setComplete] = React.useState(false);
@@ -2636,7 +2635,7 @@ Check the top-level render call using <` + t2 + ">.");
           loading: "lazy",
           onLoad: handleLoad,
           onError: handleError,
-          draggable: props.draggable
+          draggable
         }
       ) : /* @__PURE__ */ React.createElement(
         "img",
@@ -2648,14 +2647,13 @@ Check the top-level render call using <` + t2 + ">.");
           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) {
@@ -4616,7 +4614,7 @@ Check the top-level render call using <` + t2 + ">.");
         setInnerVisible(false);
       }
     }, [visible]);
-    useLockScroll(nodeRef, !!props.lockScroll && innerVisible);
+    useLockScroll(nodeRef, !!lockScroll && innerVisible);
     const classes = classNames(classPrefix2, className);
     const styles = {
       ...style
@@ -4656,10 +4654,9 @@ Check the top-level render call using <` + t2 + ">.");
       )
     ));
   };
-  Overlay.defaultProps = defaultOverlayProps;
   Overlay.displayName = "NutOverlay";
   const DataContext$1 = React.createContext({});
-  const defaultProps$1q = {
+  const defaultProps$1p = {
     ...ComponentDefaults,
     span: "24",
     offset: "0",
@@ -4667,7 +4664,7 @@ Check the top-level render call using <` + t2 + ">.");
   };
   const Col = (props) => {
     const { className, style, span, offset, children, onClick } = {
-      ...defaultProps$1q,
+      ...defaultProps$1p,
       ...props
     };
     const [colName, setColName] = React.useState("");
@@ -4699,9 +4696,8 @@ Check the top-level render call using <` + t2 + ">.");
       children
     );
   };
-  Col.defaultProps = defaultProps$1q;
   Col.displayName = "NutCol";
-  const defaultProps$1p = {
+  const defaultProps$1o = {
     ...ComponentDefaults,
     contentPosition: "center",
     direction: "horizontal"
@@ -4709,7 +4705,7 @@ Check the top-level render call using <` + t2 + ">.");
   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({
@@ -4724,14 +4720,13 @@ Check the top-level render call using <` + t2 + ">.");
     });
     return /* @__PURE__ */ React.createElement("div", { className: `${classes} ${className || ""}`, style, ...rest }, children);
   };
-  Divider.defaultProps = defaultProps$1p;
   Divider.displayName = "NutDivider";
   const gridContext = {
     onClick: (item, index) => {
     }
   };
   const GridContext = React.createContext(gridContext);
-  const defaultProps$1o = {
+  const defaultProps$1n = {
     text: "",
     columns: 4,
     gap: 0,
@@ -4757,7 +4752,7 @@ Check the top-level render call using <` + t2 + ">.");
       onClick,
       ...rest
     } = {
-      ...defaultProps$1o,
+      ...defaultProps$1n,
       ...props
     };
     const classPrefix2 = "nut-grid-item";
@@ -4815,9 +4810,8 @@ Check the top-level render call using <` + t2 + ">.");
       /* @__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$1o;
   GridItem.displayName = "NutGridItem";
-  const defaultProps$1n = {
+  const defaultProps$1m = {
     columns: 4,
     gap: 0,
     center: true,
@@ -4838,7 +4832,7 @@ Check the top-level render call using <` + t2 + ">.");
       className,
       onClick,
       ...rest
-    } = { ...defaultProps$1n, ...props };
+    } = { ...defaultProps$1m, ...props };
     const childrenDom = React.Children.toArray(children);
     const classPrefix2 = "nut-grid";
     const rootClass = () => {
@@ -4872,18 +4866,16 @@ Check the top-level render call using <` + t2 + ">.");
       });
     })));
   };
-  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.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",
@@ -4903,7 +4895,7 @@ Check the top-level render call using <` + t2 + ">.");
       gutter,
       onClick
     } = {
-      ...defaultProps$1l,
+      ...defaultProps$1k,
       ...props
     };
     const getClass = (prefix2, type22) => {
@@ -4935,15 +4927,14 @@ Check the top-level render call using <` + t2 + ">.");
       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(
@@ -4958,7 +4949,6 @@ Check the top-level render call using <` + t2 + ">.");
       return child !== null && child !== void 0 && /* @__PURE__ */ React.createElement("div", { className: `${prefixCls$1}-item` }, child);
     }));
   };
-  Space.defaultProps = defaultProps$1k;
   Space.displayName = "NutSpace";
   function isWindow(val) {
     return val === window;
@@ -5012,7 +5002,7 @@ Check the top-level render call using <` + t2 + ">.");
       stop2.current = true;
     };
   }
-  const defaultProps$1j = {
+  const defaultProps$1i = {
     ...ComponentDefaults,
     position: "top",
     threshold: 0,
@@ -5030,7 +5020,7 @@ Check the top-level render call using <` + t2 + ">.");
       threshold,
       onChange,
       ...rest
-    } = { ...defaultProps$1j, ...props };
+    } = { ...defaultProps$1i, ...props };
     const stickyRef = React.useRef(null);
     const rootRef = React.useRef(null);
     const [isFixed, setIsFixed] = React.useState(false);
@@ -5146,7 +5136,6 @@ Check the top-level render call using <` + t2 + ">.");
       /* @__PURE__ */ React.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) => {
@@ -5160,7 +5149,8 @@ Check the top-level render call using <` + t2 + ">.");
       }
     );
   };
-  const defaultProps$1i = {
+  SafeArea.displayName = "NutSafeArea";
+  const defaultProps$1h = {
     ...ComponentDefaults,
     target: "",
     threshold: 200,
@@ -5179,7 +5169,7 @@ Check the top-level render call using <` + t2 + ">.");
       style,
       onClick
     } = {
-      ...defaultProps$1i,
+      ...defaultProps$1h,
       ...props
     };
     const classPrefix2 = "nut-backtop";
@@ -5276,7 +5266,6 @@ Check the top-level render call using <` + t2 + ">.");
       children || /* @__PURE__ */ React.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));
@@ -10394,7 +10383,7 @@ Please add \`${key}Action\` when creating your handler.`);
   });
   const animated = host.animated;
   const elevatorContext = React.createContext({});
-  const defaultProps$1h = {
+  const defaultProps$1g = {
     ...ComponentDefaults,
     height: "200px",
     floorKey: "title",
@@ -10420,7 +10409,7 @@ Please add \`${key}Action\` when creating your handler.`);
       children,
       ...rest
     } = {
-      ...defaultProps$1h,
+      ...defaultProps$1g,
       ...props
     };
     const classPrefix2 = "nut-elevator";
@@ -10596,10 +10585,9 @@ Please add \`${key}Action\` when creating your handler.`);
       })
     ))) : null);
   };
-  Elevator.defaultProps = defaultProps$1h;
   Elevator.displayName = "NutElevator";
   Elevator.Context = elevatorContext;
-  const defaultProps$1g = {
+  const defaultProps$1f = {
     ...ComponentDefaults,
     activeText: "",
     inactiveText: "",
@@ -10627,7 +10615,7 @@ Please add \`${key}Action\` when creating your handler.`);
       content,
       ...rest
     } = {
-      ...defaultProps$1g,
+      ...defaultProps$1f,
       ...props
     };
     const classPrefix2 = "nut-fixednav";
@@ -10679,9 +10667,8 @@ 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(e$d, { color: "#fff" }), /* @__PURE__ */ React.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: "",
@@ -10706,7 +10693,7 @@ Please add \`${key}Action\` when creating your handler.`);
       zIndex,
       onBackClick
     } = {
-      ...defaultProps$1f,
+      ...defaultProps$1e,
       ...props
     };
     const classPrefix2 = "nut-navbar";
@@ -10782,9 +10769,8 @@ 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$1f;
   NavBar.displayName = "NutNavBar";
-  const defaultProps$1e = {
+  const defaultProps$1d = {
     ...ComponentDefaults,
     position: "center",
     transition: "",
@@ -10837,7 +10823,7 @@ Please add \`${key}Action\` when creating your handler.`);
       afterShow,
       afterClose,
       onClick
-    } = { ...defaultProps$1e, ...props };
+    } = { ...defaultProps$1d, ...props };
     const nodeRef = React.useRef(null);
     let innerIndex = zIndex || _zIndex;
     const [index, setIndex] = React.useState(innerIndex);
@@ -10978,7 +10964,6 @@ Please add \`${key}Action\` when creating your handler.`);
     }, [position, transition]);
     return /* @__PURE__ */ React.createElement(React.Fragment, null, renderToContainer(portal, renderNode()));
   };
-  Popup.defaultProps = defaultProps$1e;
   Popup.displayName = "NutPopup";
   const handleClick = (e2) => {
     e2.stopPropagation();
@@ -10994,7 +10979,7 @@ Please add \`${key}Action\` when creating your handler.`);
     }
   };
   const OffsetContext = React.createContext(20);
-  const defaultProps$1d = {
+  const defaultProps$1c = {
     ...ComponentDefaults,
     position: "left",
     width: "80%"
@@ -11009,12 +10994,13 @@ Please add \`${key}Action\` when creating your handler.`);
       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.createElement(
       Popup,
       {
@@ -11033,17 +11019,16 @@ Please add \`${key}Action\` when creating your handler.`);
           "div",
           {
             className: `${classPrefix2}-title ${classPrefix2}-border-bt`,
-            style: { paddingLeft: `${indent}px` }
+            style: { paddingLeft: `${innerIndent}px` }
           },
           title,
           " ",
           /* @__PURE__ */ React.createElement("i", { className: "arrow-icon arrow-down" })
         ),
-        /* @__PURE__ */ React.createElement(OffsetContext.Provider, { value: indent }, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-content` }, children))
+        /* @__PURE__ */ React.createElement(OffsetContext.Provider, { value: innerIndent }, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-content` }, children))
       )))
     );
   };
-  SideNavBar.defaultProps = defaultProps$1d;
   SideNavBar.displayName = "NutSideNavBar";
   const SideNavBarItem = (props) => {
     const classPrefix2 = "nut-subsidenavbar";
@@ -11062,13 +11047,13 @@ Please add \`${key}Action\` when creating your handler.`);
       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 = React.useContext(OffsetContext);
@@ -11145,7 +11130,7 @@ Please add \`${key}Action\` when creating your handler.`);
     );
     return [stateRef.current, setState];
   }
-  const defaultProps$1b = {
+  const defaultProps$1a = {
     ...ComponentDefaults,
     value: "",
     dot: false,
@@ -11170,7 +11155,7 @@ Please add \`${key}Action\` when creating your handler.`);
       color,
       fill
     } = {
-      ...defaultProps$1b,
+      ...defaultProps$1a,
       ...props
     };
     const classPrefix2 = "nut-badge";
@@ -11226,10 +11211,9 @@ Please add \`${key}Action\` when creating your handler.`);
     };
     return /* @__PURE__ */ React.createElement("div", { className: classes, style }, isIcon() && /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-icon` }, value), children, !isIcon() && /* @__PURE__ */ React.createElement("div", { className: contentClasses, style: getStyle() }, content()));
   };
-  Badge.defaultProps = defaultProps$1b;
   Badge.displayName = "NutBadge";
   const TabbarContext = React.createContext(null);
-  const defaultProps$1a = {
+  const defaultProps$19 = {
     ...ComponentDefaults,
     title: "",
     icon: null,
@@ -11255,7 +11239,7 @@ Please add \`${key}Action\` when creating your handler.`);
       index,
       ...rest
     } = {
-      ...defaultProps$1a,
+      ...defaultProps$19,
       ...props
     };
     const active = index === (ctx2 == null ? void 0 : ctx2.selectIndex);
@@ -11293,7 +11277,7 @@ Please add \`${key}Action\` when creating your handler.`);
       icon ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Badge, { ...badgeProps }, /* @__PURE__ */ React.createElement("div", { className: boxPrefix }, icon)), /* @__PURE__ */ React.createElement("div", { className: titleClass }, title)) : /* @__PURE__ */ React.createElement(Badge, { ...badgeProps }, /* @__PURE__ */ React.createElement("div", { className: titleClass }, title))
     );
   };
-  const defaultProps$19 = {
+  const defaultProps$18 = {
     ...ComponentDefaults,
     defaultValue: 0,
     fixed: false,
@@ -11316,7 +11300,7 @@ Please add \`${key}Action\` when creating your handler.`);
       style,
       onSwitch
     } = {
-      ...defaultProps$19,
+      ...defaultProps$18,
       ...props
     };
     const classPrefix2 = "nut-tabbar";
@@ -11357,17 +11341,16 @@ Please add \`${key}Action\` when creating your handler.`);
       (fixed || safeArea) && /* @__PURE__ */ React.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";
@@ -11381,7 +11364,7 @@ Please add \`${key}Action\` when creating your handler.`);
     );
     return children ? /* @__PURE__ */ React.createElement("div", { className: classes }, !disabled && children) : null;
   };
-  const defaultProps$17 = {
+  const defaultProps$16 = {
     ...ComponentDefaults,
     tabStyle: {},
     activeColor: "",
@@ -11406,14 +11389,16 @@ Please add \`${key}Action\` when creating your handler.`);
       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
     });
@@ -11443,13 +11428,13 @@ Please add \`${key}Action\` when creating your handler.`);
       }
       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 = [];
@@ -11579,7 +11564,6 @@ Please add \`${key}Action\` when creating your handler.`);
       return React.cloneElement(child, childProps);
     }))));
   };
-  Tabs.defaultProps = defaultProps$17;
   Tabs.displayName = "NutTabs";
   Tabs.TabPane = TabPane;
   const formatTree = (tree, parent, config2) => tree.map((node) => {
@@ -11715,7 +11699,7 @@ Please add \`${key}Action\` when creating your handler.`);
       return pathNodes;
     }
   }
-  const defaultProps$16 = {
+  const defaultProps$15 = {
     ...ComponentDefaults,
     activeColor: "",
     activeIcon: "checklist",
@@ -11754,11 +11738,13 @@ Please add \`${key}Action\` when creating your handler.`);
       closeIconPosition,
       closeIcon,
       lazy,
+      title,
+      left,
       onLoad,
       onClose,
       onChange,
       onPathChange
-    } = { ...defaultProps$16, ...props };
+    } = { ...defaultProps$15, ...props };
     const [tabvalue, setTabvalue] = React.useState("c1");
     const [optionsData, setOptionsData] = React.useState([]);
     const isLazy = () => state.configs.lazy && Boolean(state.configs.onLoad);
@@ -11768,7 +11754,7 @@ Please add \`${key}Action\` when creating your handler.`);
       finalValue: defaultValue
     });
     const [innerVisible, setInnerVisible] = usePropsValue({
-      value: props.visible,
+      value: visible,
       defaultValue: void 0,
       finalValue: false
     });
@@ -12055,8 +12041,8 @@ Please add \`${key}Action\` when creating your handler.`);
         closeIcon,
         closeable,
         closeIconPosition,
-        title: popup && props.title,
-        left: props.left,
+        title: popup && title,
+        left,
         onOverlayClick: closePopup,
         onCloseIconClick: closePopup
       },
@@ -12064,9 +12050,8 @@ Please add \`${key}Action\` when creating your handler.`);
     ) : renderTabs());
   };
   const Cascader = React.forwardRef(InternalCascader);
-  Cascader.defaultProps = defaultProps$16;
   Cascader.displayName = "NutCascader";
-  const defaultProps$15 = {
+  const defaultProps$14 = {
     ...ComponentDefaults,
     visible: false,
     type: "custom",
@@ -12093,7 +12078,7 @@ Please add \`${key}Action\` when creating your handler.`);
       onPathChange,
       ...rest
     } = {
-      ...defaultProps$15,
+      ...defaultProps$14,
       ...props
     };
     return /* @__PURE__ */ React.createElement(React.Fragment, null, type2 === "custom" && /* @__PURE__ */ React.createElement(
@@ -12118,7 +12103,7 @@ Please add \`${key}Action\` when creating your handler.`);
       }
     ));
   };
-  const defaultProps$14 = {
+  const defaultProps$13 = {
     type: "custom",
     existList: [],
     defaultIcon: null,
@@ -12137,7 +12122,7 @@ Please add \`${key}Action\` when creating your handler.`);
       onSelect,
       onSwitch,
       ...rest
-    } = { ...defaultProps$14, ...props };
+    } = { ...defaultProps$13, ...props };
     const classPrefix2 = "nut-address";
     const selectedExist = (item) => {
       existList.forEach((list, index) => {
@@ -12166,7 +12151,7 @@ Please add \`${key}Action\` when creating your handler.`);
       );
     })), (custom || custom && locale.address.chooseAnotherAddress) && /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-footer`, onClick }, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-footer-btn` }, custom)));
   };
-  const defaultProps$13 = {
+  const defaultProps$12 = {
     ...ComponentDefaults,
     defaultValue: [],
     type: "custom",
@@ -12208,7 +12193,7 @@ Please add \`${key}Action\` when creating your handler.`);
       onSwitch,
       ...rest
     } = {
-      ...defaultProps$13,
+      ...defaultProps$12,
       ...props
     };
     const classPrefix2 = "nut-address";
@@ -12300,7 +12285,6 @@ Please add \`${key}Action\` when creating your handler.`);
     ));
   };
   const Address = React.forwardRef(InternalAddress);
-  Address.defaultProps = defaultProps$13;
   Address.displayName = "NutAddress";
   const Utils = {
     /**
@@ -12550,7 +12534,7 @@ Please add \`${key}Action\` when creating your handler.`);
   const isStartAndEnd = (days) => {
     return days.length >= 2 && Utils.isEqual(days[0], days[1]);
   };
-  const defaultProps$12 = {
+  const defaultProps$11 = {
     ...ComponentDefaults,
     type: "single",
     autoBackfill: false,
@@ -12606,11 +12590,12 @@ Please add \`${key}Action\` when creating your handler.`);
       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),
@@ -12642,7 +12627,7 @@ Please add \`${key}Action\` when creating your handler.`);
       return void 0;
     };
     const [currentDate, setCurrentDate] = usePropsValue({
-      value: props.value,
+      value,
       defaultValue: resetDefaultValue(),
       finalValue: [],
       onChange: (val) => {
@@ -12848,7 +12833,7 @@ Please add \`${key}Action\` when creating your handler.`);
             monthsData[current.lastCurrent],
             true
           );
-        } else if (props.type === "week") {
+        } else if (type2 === "week") {
           chooseDay(
             { day: defaultData[2], type: "curr" },
             monthsData[current.current],
@@ -13152,9 +13137,8 @@ Please add \`${key}Action\` when creating your handler.`);
     };
     return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.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,
@@ -13217,7 +13201,7 @@ Please add \`${key}Action\` when creating your handler.`);
       onConfirm,
       onDayClick,
       onPageChange
-    } = { ...defaultProps$11, ...props };
+    } = { ...defaultProps$10, ...props };
     const calendarRef = React.useRef(null);
     const close = () => {
       onClose && onClose();
@@ -13292,7 +13276,6 @@ Please add \`${key}Action\` when creating your handler.`);
       renderItem()
     ) : renderItem());
   });
-  Calendar.defaultProps = defaultProps$11;
   Calendar.displayName = "NutCalendar";
   const ArrowLeft = () => {
     return /* @__PURE__ */ React.createElement(
@@ -13398,7 +13381,7 @@ Please add \`${key}Action\` when creating your handler.`);
       )
     ];
   };
-  const defaultProps$10 = {
+  const defaultProps$$ = {
     ...ComponentDefaults,
     type: "single",
     firstDayOfWeek: 0
@@ -13422,7 +13405,7 @@ Please add \`${key}Action\` when creating your handler.`);
       onDayClick,
       onPageChange,
       onChange
-    } = { ...defaultProps$10, ...props };
+    } = { ...defaultProps$$, ...props };
     const [month, setMonth] = React.useState(() => {
       let date2 = new Date(Date.now());
       const val = value || defaultValue;
@@ -13724,11 +13707,10 @@ Please add \`${key}Action\` when creating your handler.`);
     };
     return days.length > 0 ? /* @__PURE__ */ React.createElement("div", { className: classNames(prefixCls, className), style }, renderHeader(), renderContent()) : null;
   });
-  CalendarCard.defaultProps = defaultProps$10;
   CalendarCard.displayName = "NutCalendarCard";
   const CheckboxGroupContext = React.createContext(null);
   const Context$1 = CheckboxGroupContext;
-  const defaultProps$$ = {
+  const defaultProps$_ = {
     max: void 0,
     min: void 0,
     list: false,
@@ -13758,7 +13740,7 @@ Please add \`${key}Action\` when creating your handler.`);
         direction,
         options: options2,
         ...rest
-      } = { ...defaultProps$$, ...props };
+      } = { ...defaultProps$_, ...props };
       React.useImperativeHandle(ref, () => ({
         toggle(state) {
           if (state === false) {
@@ -13850,9 +13832,9 @@ Please add \`${key}Action\` when creating your handler.`);
       );
     }
   );
-  CheckboxGroup.defaultProps = defaultProps$$;
+  CheckboxGroup.defaultProps = defaultProps$_;
   CheckboxGroup.displayName = "NutCheckboxGroup";
-  const defaultProps$_ = {
+  const defaultProps$Z = {
     ...ComponentDefaults,
     disabled: false,
     shape: "round",
@@ -13866,7 +13848,7 @@ Please add \`${key}Action\` when creating your handler.`);
   const classPrefix$h = "nut-checkbox";
   const Checkbox = (props) => {
     const { children } = {
-      ...defaultProps$_,
+      ...defaultProps$Z,
       ...props
     };
     const {
@@ -13887,8 +13869,8 @@ Please add \`${key}Action\` when creating your handler.`);
     let { labelPosition, ...rest } = others;
     const ctx2 = React.useContext(Context$1);
     let [innerChecked, setChecked] = usePropsValue({
-      value: props.checked,
-      defaultValue: props.defaultChecked,
+      value: checked,
+      defaultValue: defaultChecked,
       finalValue: defaultChecked,
       onChange
     });
@@ -14010,7 +13992,6 @@ Please add \`${key}Action\` when creating your handler.`);
       renderCheckboxItem()
     );
   };
-  Checkbox.defaultProps = defaultProps$_;
   Checkbox.displayName = "NutCheckBox";
   Checkbox.Group = CheckboxGroup;
   const InternalPickerPanel = (props, ref) => {
@@ -14252,7 +14233,7 @@ Please add \`${key}Action\` when creating your handler.`);
     }, []);
     return [refs.current, setRefs, reset];
   }
-  const defaultProps$Z = {
+  const defaultProps$Y = {
     ...ComponentDefaults,
     title: "",
     options: [],
@@ -14282,7 +14263,7 @@ Please add \`${key}Action\` when creating your handler.`);
       afterClose,
       onChange,
       ...rest
-    } = { ...defaultProps$Z, ...props };
+    } = { ...defaultProps$Y, ...props };
     const classPrefix2 = "nut-picker";
     const classes = classNames(classPrefix2, className);
     const [selectedValue, setSelectedValue] = usePropsValue({
@@ -14526,7 +14507,7 @@ Please add \`${key}Action\` when creating your handler.`);
     return str;
   };
   const currentYear = (/* @__PURE__ */ new Date()).getFullYear();
-  const defaultProps$Y = {
+  const defaultProps$X = {
     ...ComponentDefaults,
     visible: false,
     title: "",
@@ -14559,7 +14540,7 @@ Please add \`${key}Action\` when creating your handler.`);
       style,
       ...rest
     } = {
-      ...defaultProps$Y,
+      ...defaultProps$X,
       ...props
     };
     const { locale } = useConfig();
@@ -14841,7 +14822,7 @@ Please add \`${key}Action\` when creating your handler.`);
       }
     ));
   };
-  DatePicker.defaultProps = defaultProps$Y;
+  DatePicker.defaultProps = defaultProps$X;
   DatePicker.displayName = "NutDatePicker";
   const Context = React.createContext({});
   function _extends() {
@@ -16079,7 +16060,7 @@ Please add \`${key}Action\` when creating your handler.`);
     }
     return [formRef.current];
   };
-  const defaultProps$X = {
+  const defaultProps$W = {
     ...ComponentDefaults,
     labelPosition: "right",
     starPosition: "left",
@@ -16110,7 +16091,7 @@ Please add \`${key}Action\` when creating your handler.`);
         starPosition,
         form
       } = {
-        ...defaultProps$X,
+        ...defaultProps$W,
         ...props
       };
       let formInstance;
@@ -16156,7 +16137,6 @@ Please add \`${key}Action\` when creating your handler.`);
       );
     }
   );
-  Form.defaultProps = defaultProps$X;
   Form.displayName = "NutForm";
   function isForwardRefComponent(component) {
     return component.type && component.type.$$typeof && // eslint-disable-next-line react/display-name
@@ -16167,7 +16147,7 @@ Please add \`${key}Action\` when creating your handler.`);
       }
     ).$$typeof === component.type.$$typeof;
   }
-  const defaultProps$W = {
+  const defaultProps$V = {
     ...ComponentDefaults,
     required: false,
     name: "",
@@ -16262,7 +16242,7 @@ Please add \`${key}Action\` when creating your handler.`);
           style,
           errorMessageAlign
         } = {
-          ...defaultProps$W,
+          ...defaultProps$V,
           ...this.props
         };
         const requiredInRules = rules2 == null ? void 0 : rules2.some((rule) => rule.required);
@@ -16321,7 +16301,7 @@ Please add \`${key}Action\` when creating your handler.`);
       return /* @__PURE__ */ React.createElement(React.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;
@@ -16351,7 +16331,7 @@ Please add \`${key}Action\` when creating your handler.`);
     const regExp = allowDot ? /[^-0-9.]/g : /[^-0-9]/g;
     return value.replace(regExp, "");
   }
-  const defaultProps$V = {
+  const defaultProps$U = {
     ...ComponentDefaults,
     type: "text",
     name: "",
@@ -16393,14 +16373,16 @@ Please add \`${key}Action\` when creating your handler.`);
         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
       });
@@ -16514,21 +16496,19 @@ Please add \`${key}Action\` when creating your handler.`);
               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.createElement(
           "span",
           {
-            style: { display: "flex", alignItems: "center" },
+            style: { display: "flex", alignItems: "center", cursor: "pointer" },
             onClick: () => {
               if (!disabled) {
                 setValue("");
@@ -16541,9 +16521,8 @@ Please add \`${key}Action\` when creating your handler.`);
       );
     }
   );
-  Input.defaultProps = defaultProps$V;
   Input.displayName = "NutInput";
-  const defaultProps$U = {
+  const defaultProps$T = {
     ...ComponentDefaults,
     disabled: false,
     readOnly: false,
@@ -16579,7 +16558,7 @@ Please add \`${key}Action\` when creating your handler.`);
       onChange,
       ...restProps
     } = {
-      ...defaultProps$U,
+      ...defaultProps$T,
       ...props
     };
     const classes = classNames(classPrefix$g, className, {
@@ -16737,7 +16716,6 @@ Please add \`${key}Action\` when creating your handler.`);
       }
     )));
   };
-  InputNumber.defaultProps = defaultProps$U;
   InputNumber.displayName = "NutInputNumber";
   const isObject = (val) => val !== null && typeof val === "object";
   const isFunction = (val) => typeof val === "function";
@@ -16788,7 +16766,7 @@ Please add \`${key}Action\` when creating your handler.`);
       };
     }, [target]);
   }
-  const defaultProps$T = {
+  const defaultProps$S = {
     ...ComponentDefaults,
     columns: 1,
     direction: "down",
@@ -16819,7 +16797,7 @@ Please add \`${key}Action\` when creating your handler.`);
       parent,
       index
     } = {
-      ...defaultProps$T,
+      ...defaultProps$S,
       ...props
     };
     const [showPopup, setShowPopup] = React.useState(show2);
@@ -16988,9 +16966,8 @@ Please add \`${key}Action\` when creating your handler.`);
       )
     ));
   });
-  MenuItem.defaultProps = defaultProps$T;
   MenuItem.displayName = "NutMenuItem";
-  const defaultProps$S = {
+  const defaultProps$R = {
     ...ComponentDefaults,
     activeColor: "",
     closeOnOverlayClick: true,
@@ -17017,7 +16994,7 @@ Please add \`${key}Action\` when creating your handler.`);
       onOpen,
       ...rest
     } = {
-      ...defaultProps$S,
+      ...defaultProps$R,
       ...props
     };
     const menuRef = React.useRef(null);
@@ -17157,19 +17134,8 @@ Please add \`${key}Action\` when creating your handler.`);
       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 {
@@ -17314,7 +17280,6 @@ Please add \`${key}Action\` when creating your handler.`);
       ))))
     );
   };
-  NumberKeyboard.defaultProps = defaultProps$R;
   NumberKeyboard.displayName = "NutNumberKeyboard";
   const RadioContext = React.createContext(null);
   const defaultProps$Q = {
@@ -17837,7 +17802,6 @@ Please add \`${key}Action\` when creating your handler.`);
       renderButton()
     ))), maxDescription !== null && /* @__PURE__ */ React.createElement("div", { className: "max" }, maxDescription || max));
   };
-  Range.defaultProps = defaultProps$O;
   Range.displayName = "NutRange";
   const defaultProps$N = {
     ...ComponentDefaults,
@@ -18033,7 +17997,6 @@ Please add \`${key}Action\` when creating your handler.`);
       })
     );
   };
-  Rate.defaultProps = defaultProps$N;
   Rate.displayName = "NutRate";
   const defaultProps$M = {
     ...ComponentDefaults,
@@ -18054,8 +18017,9 @@ Please add \`${key}Action\` when creating your handler.`);
     const classPrefix2 = "nut-searchbar";
     const { locale } = useConfig();
     const searchRef = React.useRef(null);
-    const [value, setValue] = React.useState(() => props.value);
     const {
+      value: outerValue,
+      style,
       placeholder,
       shape,
       className,
@@ -18079,6 +18043,7 @@ Please add \`${key}Action\` when creating your handler.`);
       ...defaultProps$M,
       ...props
     };
+    const [value, setValue] = React.useState(() => outerValue);
     const forceFocus = () => {
       const searchSelf = searchRef.current;
       searchSelf && searchSelf.focus();
@@ -18099,8 +18064,8 @@ Please add \`${key}Action\` when creating your handler.`);
       onBlur && (onBlur == null ? void 0 : onBlur(value2, event));
     };
     React.useEffect(() => {
-      setValue(props.value);
-    }, [props.value]);
+      setValue(outerValue);
+    }, [outerValue]);
     React.useEffect(() => {
       autoFocus && forceFocus();
     }, [autoFocus]);
@@ -18110,7 +18075,7 @@ Please add \`${key}Action\` when creating your handler.`);
         {
           className: `${classPrefix2}-input ${clearable ? `${classPrefix2}-input-clear` : ""}`,
           ref: searchRef,
-          style: { ...props.style },
+          style,
           value: value || "",
           placeholder: placeholder || locale.placeholder,
           disabled,
@@ -18178,7 +18143,7 @@ Please add \`${key}Action\` when creating your handler.`);
       "div",
       {
         className: `${classPrefix2} ${disabled ? `${classPrefix2}-disabled` : ""}  ${className || ""}`,
-        style: { ...props.style }
+        style
       },
       renderLeft(),
       /* @__PURE__ */ React.createElement(
@@ -18194,7 +18159,6 @@ Please add \`${key}Action\` when creating your handler.`);
       renderRight()
     );
   };
-  SearchBar.defaultProps = defaultProps$M;
   SearchBar.displayName = "NutSearchBar";
   const defaultProps$L = {
     ...ComponentDefaults,
@@ -18212,7 +18176,7 @@ Please add \`${key}Action\` when creating your handler.`);
       title,
       description,
       tips,
-      visible: deleteVisible,
+      visible: outerVisible,
       value,
       error,
       hideFooter,
@@ -18244,7 +18208,7 @@ Please add \`${key}Action\` when creating your handler.`);
       return val.slice(0, comLen);
     };
     const [visible, setVisible] = usePropsValue({
-      value: props.visible,
+      value: outerVisible,
       defaultValue: false,
       finalValue: false
     });
@@ -18420,7 +18384,6 @@ Please add \`${key}Action\` when creating your handler.`);
   const Signature = React.forwardRef(
     InternalSignature
   );
-  Signature.defaultProps = defaultProps$K;
   Signature.displayName = "NutSignature";
   const defaultProps$J = {
     ...ComponentDefaults,
@@ -18468,7 +18431,6 @@ Please add \`${key}Action\` when creating your handler.`);
       /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-button` }, !value && /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-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$J;
   Switch.displayName = "NutSwitch";
   const defaultProps$I = {
     ...ComponentDefaults,
@@ -18587,7 +18549,6 @@ 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$I;
   TextArea.displayName = "NutTextArea";
   class UploadOptions {
     constructor() {
@@ -18788,7 +18749,6 @@ Please add \`${key}Action\` when creating your handler.`);
       )))
     );
   };
-  Progress.defaultProps = defaultProps$H;
   Progress.displayName = "NutProgress";
   const Preview = ({
     fileList,
@@ -19065,7 +19025,7 @@ Please add \`${key}Action\` when creating your handler.`);
         });
       };
       const task = new Upload(uploadOption);
-      if (props.autoUpload) {
+      if (autoUpload) {
         task.upload();
       } else {
         uploadQueue.push(
@@ -19104,7 +19064,7 @@ Please add \`${key}Action\` when creating your handler.`);
       });
     };
     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) {
@@ -19211,7 +19171,6 @@ Please add \`${key}Action\` when creating your handler.`);
     ));
   };
   const Uploader = React.forwardRef(InternalUploader);
-  Uploader.defaultProps = defaultProps$G;
   Uploader.displayName = "NutUploader";
   const defaultProps$F = {
     ...ComponentDefaults,
@@ -19284,7 +19243,6 @@ Please add \`${key}Action\` when creating your handler.`);
       ))
     );
   };
-  ActionSheet.defaultProps = defaultProps$F;
   ActionSheet.displayName = "NutActionSheet";
   const fullClone = {
     ...ReactDOM__namespace
@@ -19707,7 +19665,7 @@ Please add \`${key}Action\` when creating your handler.`);
       ({ 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 {
@@ -19740,7 +19698,6 @@ Please add \`${key}Action\` when creating your handler.`);
       /* @__PURE__ */ React.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",
@@ -19815,7 +19772,6 @@ Please add \`${key}Action\` when creating your handler.`);
       );
     })), children);
   };
-  Empty.defaultProps = defaultProps$C;
   Empty.displayName = "NutEmpty";
   const defaultProps$B = {
     ...ComponentDefaults,
@@ -19984,7 +19940,6 @@ Please add \`${key}Action\` when creating your handler.`);
       /* @__PURE__ */ React.createElement("div", { className: "nut-infinite-bottom" }, isInfiniting ? /* @__PURE__ */ React.createElement("div", { className: "nut-infinite-bottom-tips" }, loadingText || locale.infiniteloading.loadText) : !hasMore && /* @__PURE__ */ React.createElement("div", { className: "nut-infinite-bottom-tips" }, loadMoreText || locale.infiniteloading.loadMoreText))
     );
   };
-  InfiniteLoading.defaultProps = defaultProps$B;
   InfiniteLoading.displayName = "NutInfiniteLoading";
   const loadingMap = {
     circular: c,
@@ -20017,7 +19972,6 @@ Please add \`${key}Action\` when creating your handler.`);
       children ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-text` }, children) : ""
     );
   };
-  Loading.defaultProps = defaultProps$A;
   Loading.displayName = "NutLoading";
   const defaultProps$z = {
     ...ComponentDefaults,
@@ -20425,7 +20379,6 @@ Please add \`${key}Action\` when creating your handler.`);
       )
     ) : null);
   };
-  NoticeBar.defaultProps = defaultProps$z;
   NoticeBar.displayName = "NutNoticeBar";
   const classPrefix$c = "nut-notify";
   let Notification$1 = class Notification extends React__namespace.PureComponent {
@@ -20672,8 +20625,7 @@ Please add \`${key}Action\` when creating your handler.`);
     }
     useClickAway(
       () => {
-        var _a;
-        (_a = props.onClick) == null ? void 0 : _a.call(props);
+        onClick == null ? void 0 : onClick();
         onClose == null ? void 0 : onClose();
       },
       targetSet,
@@ -20762,7 +20714,7 @@ Please add \`${key}Action\` when creating your handler.`);
       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)) {
@@ -20791,12 +20743,11 @@ Please add \`${key}Action\` when creating your handler.`);
       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();
       }
     };
@@ -20806,8 +20757,7 @@ Please add \`${key}Action\` when creating your handler.`);
         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 {
@@ -20870,7 +20820,6 @@ Please add \`${key}Action\` when creating your handler.`);
       document.body
     ));
   };
-  Popover.defaultProps = defaultProps$y;
   Popover.displayName = "NutPopover";
   function bound(position, min, max) {
     let ret = position;
@@ -21087,7 +21036,6 @@ 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$w;
   AvatarGroup.displayName = "NutAvatarGroup";
   const defaultProps$v = {
     ...ComponentDefaults,
@@ -21169,8 +21117,8 @@ Please add \`${key}Action\` when creating your handler.`);
       }
     };
     const errorEvent = () => {
-      if (props.onError) {
-        props.onError();
+      if (onError) {
+        onError();
       }
     };
     const clickAvatar = (e2) => {
@@ -21201,7 +21149,6 @@ 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 - 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 = {
@@ -21263,7 +21210,6 @@ Please add \`${key}Action\` when creating your handler.`);
       return /* @__PURE__ */ React.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) {
@@ -21692,7 +21638,6 @@ 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.displayName = "NutAnimate";
   const defaultProps$r = {
     ...ComponentDefaults,
@@ -22095,11 +22040,10 @@ Please add \`${key}Action\` when creating your handler.`);
       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 = [];
@@ -22109,7 +22053,7 @@ Please add \`${key}Action\` when creating your handler.`);
           value: ""
         };
         obj.key = item;
-        obj.value = color2[item];
+        obj.value = color[item];
         stopArr.push(obj);
       });
       return stopArr;
@@ -22138,7 +22082,6 @@ Please add \`${key}Action\` when creating your handler.`);
       }
     )), /* @__PURE__ */ React.createElement("div", { className: "nut-circleprogress-text" }, children));
   };
-  CircleProgress.defaultProps = defaultProps$o;
   CircleProgress.displayName = "NutCircleProgress";
   const collapseContext = {
     isOpen: (name) => {
@@ -22248,7 +22191,6 @@ Please add \`${key}Action\` when creating your handler.`);
       /* @__PURE__ */ React.createElement("div", { ref: contentRef, className: `${classPrefix2}-content-text` }, children)
     ));
   };
-  CollapseItem.defaultProps = defaultProps$n;
   CollapseItem.displayName = "NutCollapseItem";
   const defaultProps$m = {
     ...ComponentDefaults,
@@ -22326,7 +22268,6 @@ Please add \`${key}Action\` when creating your handler.`);
       /* @__PURE__ */ React.createElement("div", { className: classNames(classPrefix2, className), style }, children)
     );
   };
-  Collapse.defaultProps = defaultProps$m;
   Collapse.displayName = "NutCollapse";
   Collapse.Item = CollapseItem;
   const defaultProps$l = {
@@ -22567,7 +22508,6 @@ Please add \`${key}Action\` when creating your handler.`);
   const CountDown = React.forwardRef(
     InternalCountDown
   );
-  CountDown.defaultProps = defaultProps$l;
   CountDown.displayName = "NutCountDown";
   const useIsomorphicLayoutEffect = canUseDom ? React.useLayoutEffect : React.useEffect;
   const defaultProps$k = {
@@ -22748,7 +22688,6 @@ Please add \`${key}Action\` when creating your handler.`);
       collapseText
     ) : null) : null);
   };
-  Ellipsis.defaultProps = defaultProps$k;
   Ellipsis.displayName = "NutEllipsis";
   const defaultProps$j = {
     ...ComponentDefaults,
@@ -22828,7 +22767,6 @@ Please add \`${key}Action\` when creating your handler.`);
       /* @__PURE__ */ React.createElement("track", { kind: "captions" })
     ));
   };
-  Video.defaultProps = defaultProps$j;
   Video.displayName = "NutVideo";
   const defaultProps$i = {
     total: 3,
@@ -22861,7 +22799,6 @@ Please add \`${key}Action\` when creating your handler.`);
     };
     return /* @__PURE__ */ React.createElement("div", { className: classNames(classPrefix$3, classes, className), ...rest }, renderElement());
   };
-  Indicator.defaultProps = defaultProps$i;
   Indicator.displayName = "NutIndicator";
   const getRefValue = (ref) => {
     return ref.current;
@@ -23290,6 +23227,7 @@ Please add \`${key}Action\` when creating your handler.`);
   };
   const ImagePreview = (props) => {
     const {
+      value,
       className,
       style,
       images,
@@ -23302,17 +23240,17 @@ Please add \`${key}Action\` when creating your handler.`);
       closeOnContentClick,
       closeIcon,
       closeIconPosition,
-      onClose
-    } = props;
+      onClose,
+      onChange
+    } = { ...defaultProps$f, ...props };
     const classPrefix2 = "nut-imagepreview";
     const ref = React.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] = React.useState(visible);
@@ -23423,11 +23361,11 @@ Please add \`${key}Action\` when creating your handler.`);
       );
     };
     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();
@@ -23437,9 +23375,9 @@ Please add \`${key}Action\` when creating your handler.`);
         scale: 1
       });
     };
-    const closeOnImg = () => {
+    const closeOnImg = (e2) => {
       if (closeOnContentClick) {
-        onCloseInner();
+        onCloseInner(e2);
       }
     };
     const duration = typeof autoPlay === "string" ? parseInt(autoPlay) : autoPlay;
@@ -23495,7 +23433,6 @@ Please add \`${key}Action\` when creating your handler.`);
       ) : null
     );
   };
-  ImagePreview.defaultProps = defaultProps$f;
   ImagePreview.displayName = "NutImagePreview";
   const defaultProps$e = {
     ...ComponentDefaults,
@@ -23607,7 +23544,6 @@ Please add \`${key}Action\` when creating your handler.`);
       next || locale.pagination.next
     )), mode === "lite" && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-lite` }, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-lite-active` }, 2), /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-lite-default` }, 8))));
   };
-  Pagination.defaultProps = defaultProps$e;
   Pagination.displayName = "NutPagination";
   const defaultProps$d = {
     ...ComponentDefaults,
@@ -23700,7 +23636,6 @@ Please add \`${key}Action\` when creating your handler.`);
       symbol && position === "after" ? renderSymbol() : null
     );
   };
-  Price.defaultProps = defaultProps$d;
   Price.displayName = "NutPrice";
   const DataContext = React.createContext({});
   const defaultProps$c = {
@@ -23746,7 +23681,6 @@ 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))), (title || description) && /* @__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$c;
   Step.displayName = "NutStep";
   const defaultProps$b = {
     ...ComponentDefaults,
@@ -23773,13 +23707,12 @@ Please add \`${key}Action\` when creating your handler.`);
       classPrefix2,
       {
         [`${classPrefix2}-${direction}`]: true,
-        [`${classPrefix2}-dot`]: !!props.dot
+        [`${classPrefix2}-dot`]: !!dot
       },
       className
     );
     return /* @__PURE__ */ React.createElement(DataContext.Provider, { value: parentSteps }, /* @__PURE__ */ React.createElement("div", { className: classes, ...restProps }, children));
   };
-  Steps.defaultProps = defaultProps$b;
   Steps.displayName = "NutSteps";
   function useTableSticky(columns, rtl = false) {
     const [isSticky, setIsSticky] = React.useState(false);
@@ -23920,7 +23853,7 @@ Please add \`${key}Action\` when creating your handler.`);
     };
     const cellClasses = (item) => {
       return {
-        [`${headerClassPrefix}-border`]: props.bordered,
+        [`${headerClassPrefix}-border`]: bordered,
         [`${headerClassPrefix}-align${item.align ? item.align : ""}`]: true
       };
     };
@@ -24006,7 +23939,6 @@ Please add \`${key}Action\` when creating your handler.`);
       }
     )) : null, (summary || innerValue.length === 0) && /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-summary` }, summary || noData));
   };
-  Table.defaultProps = defaultProps$a;
   Table.displayName = "NutTable";
   const defaultProps$9 = {
     ...ComponentDefaults,
@@ -24109,7 +24041,6 @@ Please add \`${key}Action\` when creating your handler.`);
       children && /* @__PURE__ */ React.createElement("span", { className: `${classPrefix2}-text` }, children)
     ));
   };
-  Tag.defaultProps = defaultProps$9;
   Tag.displayName = "NutTag";
   const defaultProps$8 = {
     ...ComponentDefaults,
@@ -24267,7 +24198,6 @@ Please add \`${key}Action\` when creating your handler.`);
       )));
     }));
   };
-  Tour.defaultProps = defaultProps$8;
   Tour.displayName = "NutTour";
   const initPositinoCache = (reaItemSize, length = 0) => {
     let index = 0;
@@ -24572,7 +24502,6 @@ Please add \`${key}Action\` when creating your handler.`);
       )
     );
   };
-  VirtualList.defaultProps = defaultProps$7;
   VirtualList.displayName = "NutVirtualList";
   const defaultProps$6 = {
     ...ComponentDefaults,
@@ -24680,7 +24609,6 @@ Please add \`${key}Action\` when creating your handler.`);
   const Barrage = React.forwardRef(
     InternalBarrage
   );
-  Barrage.defaultProps = defaultProps$6;
   Barrage.displayName = "NutBarrage";
   const defaultProps$5 = {
     ...ComponentDefaults,
@@ -24726,7 +24654,6 @@ Please add \`${key}Action\` when creating your handler.`);
       }
     )), /* @__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.displayName = "NutCard";
   const defaultProps$4 = {
     ...ComponentDefaults,
@@ -24781,7 +24708,6 @@ Please add \`${key}Action\` when creating your handler.`);
       item[optionKey.textKey]
     )));
   };
-  TimeDetail.defaultProps = defaultProps$4;
   TimeDetail.displayName = "NutTimeDetail";
   const defaultProps$3 = {
     ...ComponentDefaults,
@@ -24919,7 +24845,6 @@ Please add \`${key}Action\` when creating your handler.`);
       )))
     );
   };
-  TimeSelect.defaultProps = defaultProps$3;
   TimeSelect.displayName = "NutTimeSelect";
   const defaultProps$2 = {
     ...ComponentDefaults,
@@ -25000,7 +24925,6 @@ Please add \`${key}Action\` when creating your handler.`);
     };
     return /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2} ${className}`, style, ...rest }, !left && renderContent(!left), Number(value) !== 0 && /* @__PURE__ */ React.createElement(React.Fragment, null, rateTrend.current ? /* @__PURE__ */ React.createElement(React.Fragment, null, riseIcon || /* @__PURE__ */ React.createElement(o, { color: calcIconProps.color })) : /* @__PURE__ */ React.createElement(React.Fragment, null, dropIcon || /* @__PURE__ */ React.createElement(e, { color: calcIconProps.color }))), left && renderContent(!left));
   };
-  TrendArrow.defaultProps = defaultProps$2;
   TrendArrow.displayName = "NutTrendArrow";
   const defaultProps$1 = {
     ...ComponentDefaults,
@@ -25112,7 +25036,6 @@ Please add \`${key}Action\` when creating your handler.`);
       }
     );
   };
-  WaterMark.defaultProps = defaultProps$1;
   WaterMark.displayName = "NutWaterMark";
   const defaultProps = {
     ...ComponentDefaults,
@@ -25475,7 +25398,6 @@ Please add \`${key}Action\` when creating your handler.`);
       }
     ), /* @__PURE__ */ React.createElement("div", { className: "nut-avatar-cropper-edit-text" }, editText)), CropperPopup());
   };
-  AvatarCropper.defaultProps = defaultProps;
   AvatarCropper.displayName = "NutAvatarCropper";
   exports2.ActionSheet = ActionSheet;
   exports2.Address = Address;