@nutui/nutui-react-taro 2.6.3 → 2.6.5

package/dist/nutui.react.es.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v2.6.3 Tue Apr 30 2024 14:13:14 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.6.5 Fri May 17 2024 15:39:38 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -197,7 +197,7 @@ const ComponentDefaults = {
   style: {}
 };
 const prefixCls$2 = "nut-button";
-const defaultProps$1w = {
+const defaultProps$1v = {
   ...ComponentDefaults,
   color: "",
   type: "default",
@@ -231,7 +231,7 @@ const Button = React__default.forwardRef(
       onClick,
       ...rest
     } = {
-      ...defaultProps$1w,
+      ...defaultProps$1v,
       ...props
     };
     const getStyle = useCallback(() => {
@@ -297,7 +297,7 @@ const Button = React__default.forwardRef(
 );
 Button.displayName = "NutButton";
 const CellGroupContext = createContext(null);
-const defaultProps$1v = {
+const defaultProps$1u = {
   ...ComponentDefaults,
   title: "",
   description: "",
@@ -306,7 +306,7 @@ const defaultProps$1v = {
 const classPrefix$r = "nut-cell-group";
 const CellGroup = (props) => {
   const { children, className, title, description, divider, ...rest } = {
-    ...defaultProps$1v,
+    ...defaultProps$1u,
     ...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(
@@ -317,9 +317,8 @@ const CellGroup = (props) => {
     /* @__PURE__ */ React__default.createElement(CellGroupContext.Provider, { value: { divider } }, children)
   ));
 };
-CellGroup.defaultProps = defaultProps$1v;
 CellGroup.displayName = "NutCellGroup";
-const defaultProps$1u = {
+const defaultProps$1t = {
   ...ComponentDefaults,
   title: null,
   description: null,
@@ -344,7 +343,7 @@ const Cell = (props) => {
     style,
     ...rest
   } = {
-    ...defaultProps$1u,
+    ...defaultProps$1t,
     ...props
   };
   const handleClick = (event) => {
@@ -377,7 +376,6 @@ const Cell = (props) => {
     (ctx == null ? void 0 : ctx.divider) ? /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix$q}-divider` }) : null
   );
 };
-Cell.defaultProps = defaultProps$1u;
 Cell.displayName = "NutCell";
 Cell.Group = CellGroup;
 var INFINITY = 1 / 0;
@@ -1523,7 +1521,7 @@ ConfigProvider.displayName = "NutConfigProvider";
 const pxCheck = (value) => {
   return Number.isNaN(Number(value)) ? String(value) : `${value}px`;
 };
-const defaultProps$1t = {
+const defaultProps$1s = {
   src: "",
   error: true,
   loading: true
@@ -1542,7 +1540,7 @@ const Image$1 = (props) => {
     onLoad,
     onError,
     ...rest
-  } = { ...defaultProps$1t, ...props };
+  } = { ...defaultProps$1s, ...props };
   const [innerLoading, setInnerLoading] = useState(true);
   const [isError, setIsError] = useState(false);
   const handleLoad = (e2) => {
@@ -1602,7 +1600,6 @@ const Image$1 = (props) => {
     }
   ), renderLoading(), renderErrorImg());
 };
-Image$1.defaultProps = defaultProps$1t;
 Image$1.displayName = "NutImage";
 function _extends$1() {
   _extends$1 = Object.assign ? Object.assign.bind() : function(target) {
@@ -3548,7 +3545,7 @@ const Overlay = (props) => {
   };
   const classPrefix2 = `nut-overlay`;
   const [innerVisible, setInnerVisible] = useState(visible);
-  const nodeRef = useLockScrollTaro(!!props.lockScroll && innerVisible);
+  const nodeRef = useLockScrollTaro(!!lockScroll && innerVisible);
   useEffect(() => {
     if (visible) {
       setInnerVisible(true);
@@ -3596,10 +3593,9 @@ const Overlay = (props) => {
     )
   ));
 };
-Overlay.defaultProps = defaultOverlayProps;
 Overlay.displayName = "NutOverlay";
 const DataContext$1 = createContext({});
-const defaultProps$1s = {
+const defaultProps$1r = {
   ...ComponentDefaults,
   span: "24",
   offset: "0",
@@ -3607,7 +3603,7 @@ const defaultProps$1s = {
 };
 const Col = (props) => {
   const { className, style, span, offset, children, onClick } = {
-    ...defaultProps$1s,
+    ...defaultProps$1r,
     ...props
   };
   const [colName, setColName] = useState("");
@@ -3639,9 +3635,8 @@ const Col = (props) => {
     children
   );
 };
-Col.defaultProps = defaultProps$1s;
 Col.displayName = "NutCol";
-const defaultProps$1r = {
+const defaultProps$1q = {
   ...ComponentDefaults,
   contentPosition: "center",
   direction: "horizontal"
@@ -3649,7 +3644,7 @@ const defaultProps$1r = {
 const classPrefix$o = `nut-divider`;
 const Divider = (props) => {
   const { children, contentPosition, style, className, direction, ...rest } = {
-    ...defaultProps$1r,
+    ...defaultProps$1q,
     ...props
   };
   const classes = direction === "horizontal" ? classNames({
@@ -3664,14 +3659,13 @@ const Divider = (props) => {
   });
   return /* @__PURE__ */ React__default.createElement("div", { className: `${classes} ${className || ""}`, style, ...rest }, children);
 };
-Divider.defaultProps = defaultProps$1r;
 Divider.displayName = "NutDivider";
 const gridContext = {
   onClick: (item, index) => {
   }
 };
 const GridContext = React__default.createContext(gridContext);
-const defaultProps$1q = {
+const defaultProps$1p = {
   text: "",
   columns: 4,
   gap: 0,
@@ -3697,7 +3691,7 @@ const GridItem = (props) => {
     onClick,
     ...rest
   } = {
-    ...defaultProps$1q,
+    ...defaultProps$1p,
     ...props
   };
   const classPrefix2 = "nut-grid-item";
@@ -3755,9 +3749,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$1q;
 GridItem.displayName = "NutGridItem";
-const defaultProps$1p = {
+const defaultProps$1o = {
   columns: 4,
   gap: 0,
   center: true,
@@ -3778,7 +3771,7 @@ const Grid = (props) => {
     className,
     onClick,
     ...rest
-  } = { ...defaultProps$1p, ...props };
+  } = { ...defaultProps$1o, ...props };
   const childrenDom = React__default.Children.toArray(children);
   const classPrefix2 = "nut-grid";
   const rootClass = () => {
@@ -3812,18 +3805,16 @@ const Grid = (props) => {
     });
   })));
 };
-Grid.defaultProps = defaultProps$1p;
 Grid.displayName = "NutGrid";
 Grid.Item = GridItem;
-const defaultProps$1o = {};
+const defaultProps$1n = {};
 const Layout = (props) => {
-  ({ ...defaultProps$1o, ...props });
+  ({ ...defaultProps$1n, ...props });
   return /* @__PURE__ */ React__default.createElement("div", { className: "nut-layout" }, "Layout");
 };
-Layout.defaultProps = defaultProps$1o;
 Layout.displayName = "NutLayout";
 const classPrefix$n = "nut-row";
-const defaultProps$1n = {
+const defaultProps$1m = {
   ...ComponentDefaults,
   type: "",
   justify: "start",
@@ -3843,7 +3834,7 @@ const Row = (props) => {
     gutter,
     onClick
   } = {
-    ...defaultProps$1n,
+    ...defaultProps$1m,
     ...props
   };
   const getClass = (prefix, type22) => {
@@ -3875,15 +3866,14 @@ const Row = (props) => {
     children
   ));
 };
-Row.defaultProps = defaultProps$1n;
 Row.displayName = "NutRow";
 const prefixCls$1 = "nut-space";
-const defaultProps$1m = {
+const defaultProps$1l = {
   direction: "horizontal"
 };
 const Space = (props) => {
   const { className, style, children, wrap, align, direction, justify } = {
-    ...defaultProps$1m,
+    ...defaultProps$1l,
     ...props
   };
   const cls = classNames(
@@ -3898,7 +3888,6 @@ const Space = (props) => {
     return child !== null && child !== void 0 && /* @__PURE__ */ React__default.createElement("div", { className: `${prefixCls$1}-item` }, child);
   }));
 };
-Space.defaultProps = defaultProps$1m;
 Space.displayName = "NutSpace";
 function useWatch(dep, callback, config2 = { immediate: false }) {
   const { immediate } = config2;
@@ -3976,7 +3965,7 @@ const getRectByTaro = async (element) => {
   }
   return Promise.resolve(makeRect(0, 0));
 };
-const defaultProps$1l = {
+const defaultProps$1k = {
   ...ComponentDefaults,
   position: "top",
   zIndex: 900
@@ -3993,7 +3982,7 @@ const Sticky = (props) => {
     className,
     onChange,
     ...rest
-  } = { ...defaultProps$1l, ...props };
+  } = { ...defaultProps$1k, ...props };
   const stickyRef = useRef(null);
   const rootRef = useRef(null);
   const [rootRect, setRootRect] = useState({});
@@ -4099,7 +4088,6 @@ const Sticky = (props) => {
     )
   );
 };
-Sticky.defaultProps = defaultProps$1l;
 Sticky.displayName = "NutSticky";
 const classPrefix$l = "nut-safe-area";
 const SafeArea = (props) => {
@@ -4113,7 +4101,8 @@ const SafeArea = (props) => {
     }
   );
 };
-const defaultProps$1k = {
+SafeArea.displayName = "NutSafeArea";
+const defaultProps$1j = {
   ...ComponentDefaults,
   threshold: 200,
   zIndex: 900,
@@ -4122,7 +4111,7 @@ const defaultProps$1k = {
 const BackTop = (props) => {
   const rtl = useRtl();
   const { children, threshold, zIndex, className, duration, style, onClick } = {
-    ...defaultProps$1k,
+    ...defaultProps$1j,
     ...props
   };
   const classPrefix2 = "nut-backtop";
@@ -4164,10 +4153,9 @@ const BackTop = (props) => {
     children || /* @__PURE__ */ React__default.createElement(D, { size: 19, className: "nut-backtop-main" })
   );
 };
-BackTop.defaultProps = defaultProps$1k;
 BackTop.displayName = "NutBackTop";
 const elevatorContext = createContext({});
-const defaultProps$1j = {
+const defaultProps$1i = {
   ...ComponentDefaults,
   height: "200px",
   floorKey: "title",
@@ -4194,7 +4182,7 @@ const Elevator = (props) => {
     children,
     ...rest
   } = {
-    ...defaultProps$1j,
+    ...defaultProps$1i,
     ...props
   };
   const classPrefix2 = "nut-elevator";
@@ -4409,10 +4397,9 @@ const Elevator = (props) => {
     })
   ))) : null, sticky && scrollY > 0 ? /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-list-fixed` }, /* @__PURE__ */ React__default.createElement("span", { className: `${classPrefix2}-list-fixed-title` }, list[codeIndex][floorKey])) : null);
 };
-Elevator.defaultProps = defaultProps$1j;
 Elevator.displayName = "NutElevator";
 Elevator.Context = elevatorContext;
-const defaultProps$1i = {
+const defaultProps$1h = {
   ...ComponentDefaults,
   activeText: "",
   inactiveText: "",
@@ -4440,7 +4427,7 @@ const FixedNav = (props) => {
     content,
     ...rest
   } = {
-    ...defaultProps$1i,
+    ...defaultProps$1h,
     ...props
   };
   const classPrefix2 = "nut-fixednav";
@@ -4492,9 +4479,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(g$5, { color: "#fff" }), /* @__PURE__ */ React__default.createElement("div", { className: "text" }, visible ? activeText || locale.fixednav.activeText : inactiveText || locale.fixednav.inactiveText)))
   );
 };
-FixedNav.defaultProps = defaultProps$1i;
 FixedNav.displayName = "NutFixedNav";
-const defaultProps$1h = {
+const defaultProps$1g = {
   ...ComponentDefaults,
   left: "",
   right: "",
@@ -4519,7 +4505,7 @@ const NavBar = (props) => {
     zIndex,
     onBackClick
   } = {
-    ...defaultProps$1h,
+    ...defaultProps$1g,
     ...props
   };
   const classPrefix2 = "nut-navbar";
@@ -4597,9 +4583,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(View, { className: `${classPrefix2}-placeholder` }, renderWrapper()) : renderWrapper());
 };
-NavBar.defaultProps = defaultProps$1h;
 NavBar.displayName = "NutNavBar";
-const defaultProps$1g = {
+const defaultProps$1f = {
   ...ComponentDefaults,
   position: "center",
   transition: "",
@@ -4652,7 +4637,7 @@ const Popup = (props) => {
     afterShow,
     afterClose,
     onClick
-  } = { ...defaultProps$1g, ...props };
+  } = { ...defaultProps$1f, ...props };
   let innerIndex = zIndex || _zIndex;
   const [index, setIndex] = useState(innerIndex);
   const [innerVisible, setInnerVisible] = useState(visible);
@@ -4792,10 +4777,9 @@ const Popup = (props) => {
   }, [position, transition]);
   return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, renderToContainer(portal, renderNode()));
 };
-Popup.defaultProps = defaultProps$1g;
 Popup.displayName = "NutPopup";
 const OffsetContext = createContext(20);
-const defaultProps$1f = {
+const defaultProps$1e = {
   ...ComponentDefaults,
   position: "left",
   width: "80%"
@@ -4810,12 +4794,13 @@ const SideNavBar = (props) => {
     children,
     className,
     onClose,
+    indent,
     ...rest
   } = {
-    ...defaultProps$1f,
+    ...defaultProps$1e,
     ...props
   };
-  const indent = props.indent ? Number(props.indent) : 20;
+  const innerIndent = indent ? Number(indent) : 20;
   const [sidenavbarShow, setSidenavbarShow] = useState(true);
   const handleClick = () => {
     setSidenavbarShow(!sidenavbarShow);
@@ -4838,7 +4823,7 @@ const SideNavBar = (props) => {
         "div",
         {
           className: `${classPrefix2}-title ${classPrefix2}-border-bt`,
-          style: { paddingLeft: `${indent}px` }
+          style: { paddingLeft: `${innerIndent}px` }
         },
         title,
         /* @__PURE__ */ React__default.createElement(
@@ -4848,11 +4833,10 @@ const SideNavBar = (props) => {
           }
         )
       ),
-      /* @__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$1f;
 SideNavBar.displayName = "NutSideNavBar";
 const SideNavBarItem = (props) => {
   const classPrefix2 = "nut-subsidenavbar";
@@ -4871,13 +4855,13 @@ const SideNavBarItem = (props) => {
     title
   );
 };
-const defaultProps$1e = {
+const defaultProps$1d = {
   open: true
 };
 const SubSideNavBar = (props) => {
   const classPrefix2 = "nut-subsidenavbar";
   const { title, value, children, onClick, open: open2, ...rest } = {
-    ...defaultProps$1e,
+    ...defaultProps$1d,
     ...props
   };
   const [subShow, setSubShow] = useState(open2);
@@ -4955,7 +4939,7 @@ function usePropsValue({
   );
   return [stateRef.current, setState];
 }
-const defaultProps$1d = {
+const defaultProps$1c = {
   ...ComponentDefaults,
   value: "",
   dot: false,
@@ -4980,7 +4964,7 @@ const Badge = (props) => {
     color,
     fill
   } = {
-    ...defaultProps$1d,
+    ...defaultProps$1c,
     ...props
   };
   const classPrefix2 = "nut-badge";
@@ -5036,10 +5020,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$1d;
 Badge.displayName = "NutBadge";
 const TabbarContext = React__default.createContext(null);
-const defaultProps$1c = {
+const defaultProps$1b = {
   ...ComponentDefaults,
   title: "",
   icon: null,
@@ -5065,7 +5048,7 @@ const TabbarItem = (props) => {
     index,
     ...rest
   } = {
-    ...defaultProps$1c,
+    ...defaultProps$1b,
     ...props
   };
   const active = index === (ctx == null ? void 0 : ctx.selectIndex);
@@ -5103,7 +5086,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$1b = {
+const defaultProps$1a = {
   ...ComponentDefaults,
   defaultValue: 0,
   fixed: false,
@@ -5126,7 +5109,7 @@ const Tabbar = (props) => {
     style,
     onSwitch
   } = {
-    ...defaultProps$1b,
+    ...defaultProps$1a,
     ...props
   };
   const classPrefix2 = "nut-tabbar";
@@ -5167,17 +5150,16 @@ const Tabbar = (props) => {
     (fixed || safeArea) && /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-safe-area` })
   );
 };
-Tabbar.defaultProps = defaultProps$1b;
 Tabbar.displayName = "NutTabbar";
 Tabbar.Item = TabbarItem;
-const defaultProps$1a = {
+const defaultProps$19 = {
   title: "",
   value: "",
   disabled: false
 };
 const TabPane = (props) => {
   const { children, autoHeightClassName, className, disabled } = {
-    ...defaultProps$1a,
+    ...defaultProps$19,
     ...props
   };
   const classPrefix2 = "nut-tabpane";
@@ -5218,7 +5200,7 @@ function useUuid() {
   const idRef = useRef(uniqueId());
   return idRef.current;
 }
-const defaultProps$19 = {
+const defaultProps$18 = {
   ...ComponentDefaults,
   tabStyle: {},
   activeColor: "",
@@ -5244,15 +5226,17 @@ const Tabs = (props) => {
     onChange,
     className,
     autoHeight,
+    value: outerValue,
+    defaultValue: outerDefaultValue,
     ...rest
   } = {
-    ...defaultProps$19,
+    ...defaultProps$18,
     ...props
   };
   const uuid = useUuid();
   const [value, setValue] = usePropsValue({
-    value: props.value,
-    defaultValue: props.defaultValue,
+    value: outerValue,
+    defaultValue: outerDefaultValue,
     finalValue: 0,
     onChange
   });
@@ -5350,7 +5334,7 @@ const Tabs = (props) => {
         if (!titleRect)
           return;
         let to = 0;
-        if (props.direction === "vertical") {
+        if (direction === "vertical") {
           const top = titleRects.slice(0, index).reduce((prev, curr) => prev + curr.height, 0);
           to = top - (navRectRef.current.height - titleRect.height) / 2;
         } else {
@@ -5468,10 +5452,9 @@ const Tabs = (props) => {
     return React__default.cloneElement(child, childProps);
   }))));
 };
-Tabs.defaultProps = defaultProps$19;
 Tabs.displayName = "NutTabs";
 Tabs.TabPane = TabPane;
-const defaultProps$18 = {
+const defaultProps$17 = {
   type: "custom",
   existList: [],
   defaultIcon: null,
@@ -5490,7 +5473,7 @@ const ExistRender = (props) => {
     onSelect,
     onSwitch,
     ...rest
-  } = { ...defaultProps$18, ...props };
+  } = { ...defaultProps$17, ...props };
   const classPrefix2 = "nut-address";
   const selectedExist = (item) => {
     existList.forEach((list, index) => {
@@ -5652,7 +5635,7 @@ class Tree {
     return pathNodes;
   }
 }
-const defaultProps$17 = {
+const defaultProps$16 = {
   ...ComponentDefaults,
   activeColor: "",
   activeIcon: "checklist",
@@ -5691,11 +5674,13 @@ const InternalCascader = (props, ref) => {
     closeIconPosition,
     closeIcon,
     lazy,
+    title,
+    left: left2,
     onLoad,
     onClose,
     onChange,
     onPathChange
-  } = { ...defaultProps$17, ...props };
+  } = { ...defaultProps$16, ...props };
   const [tabvalue, setTabvalue] = useState("c1");
   const [optionsData, setOptionsData] = useState([]);
   const isLazy = () => state.configs.lazy && Boolean(state.configs.onLoad);
@@ -5705,7 +5690,7 @@ const InternalCascader = (props, ref) => {
     finalValue: defaultValue
   });
   const [innerVisible, setInnerVisible] = usePropsValue({
-    value: props.visible,
+    value: visible,
     defaultValue: void 0,
     finalValue: false
   });
@@ -5993,8 +5978,8 @@ const InternalCascader = (props, ref) => {
       closeIcon,
       closeable,
       closeIconPosition,
-      title: popup && props.title,
-      left: props.left,
+      title: popup && title,
+      left: left2,
       onOverlayClick: closePopup,
       onCloseIconClick: closePopup
     },
@@ -6002,9 +5987,8 @@ const InternalCascader = (props, ref) => {
   ) : renderTabs());
 };
 const Cascader = React__default.forwardRef(InternalCascader);
-Cascader.defaultProps = defaultProps$17;
 Cascader.displayName = "NutCascader";
-const defaultProps$16 = {
+const defaultProps$15 = {
   ...ComponentDefaults,
   visible: false,
   type: "custom",
@@ -6031,7 +6015,7 @@ const CustomRender = (props) => {
     onPathChange,
     ...rest
   } = {
-    ...defaultProps$16,
+    ...defaultProps$15,
     ...props
   };
   return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, type4 === "custom" && /* @__PURE__ */ React__default.createElement(
@@ -6056,7 +6040,7 @@ const CustomRender = (props) => {
     }
   ));
 };
-const defaultProps$15 = {
+const defaultProps$14 = {
   ...ComponentDefaults,
   defaultValue: [],
   type: "custom",
@@ -6098,7 +6082,7 @@ const InternalAddress = (props, ref) => {
     onSwitch,
     ...rest
   } = {
-    ...defaultProps$15,
+    ...defaultProps$14,
     ...props
   };
   const classPrefix2 = "nut-address";
@@ -6190,7 +6174,6 @@ const InternalAddress = (props, ref) => {
   ));
 };
 const Address = forwardRef(InternalAddress);
-Address.defaultProps = defaultProps$15;
 Address.displayName = "NutAddress";
 const Utils = {
   /**
@@ -6440,7 +6423,7 @@ const isEnd = (day, days) => {
 const isStartAndEnd = (days) => {
   return days.length >= 2 && Utils.isEqual(days[0], days[1]);
 };
-const defaultProps$14 = {
+const defaultProps$13 = {
   ...ComponentDefaults,
   type: "single",
   autoBackfill: false,
@@ -6496,11 +6479,12 @@ const CalendarItem = React__default.forwardRef((props, ref) => {
     renderDay,
     renderDayTop,
     renderDayBottom,
+    value,
     onConfirm,
     onUpdate,
     onDayClick,
     onPageChange
-  } = { ...defaultProps$14, ...props };
+  } = { ...defaultProps$13, ...props };
   const weekdays = locale.calendaritem.weekdays;
   const weeks = [
     ...weekdays.slice(firstDayOfWeek, 7),
@@ -6534,7 +6518,7 @@ const CalendarItem = React__default.forwardRef((props, ref) => {
     return void 0;
   };
   const [currentDate, setCurrentDate] = usePropsValue({
-    value: props.value,
+    value,
     defaultValue: resetDefaultValue(),
     finalValue: [],
     onChange: (val) => {
@@ -6740,7 +6724,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],
@@ -7053,9 +7037,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$14;
 CalendarItem.displayName = "NutCalendarItem";
-const defaultProps$13 = {
+const defaultProps$12 = {
   ...ComponentDefaults,
   type: "single",
   autoBackfill: false,
@@ -7118,7 +7101,7 @@ const Calendar = React__default.forwardRef((props, ref) => {
     onConfirm,
     onDayClick,
     onPageChange
-  } = { ...defaultProps$13, ...props };
+  } = { ...defaultProps$12, ...props };
   const calendarRef = useRef(null);
   const close2 = () => {
     onClose && onClose();
@@ -7193,7 +7176,6 @@ const Calendar = React__default.forwardRef((props, ref) => {
     renderItem()
   ) : renderItem());
 });
-Calendar.defaultProps = defaultProps$13;
 Calendar.displayName = "NutCalendar";
 const left = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij48cGF0aCBkPSJNNi42MDUgOS40OWEuNzcxLjc3MSAwIDAgMSAwLS45OGwzLjYtNC4zNzJhLjc3MS43NzEgMCAwIDEgMS4xOS45ODFMOC4yIDlsMy4xOTcgMy44ODFhLjc3MS43NzEgMCAxIDEtMS4xOTEuOThsLTMuNi00LjM3eiIvPjwvc3ZnPg==";
 const right = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij48cGF0aCBkPSJNMTEuMzk2IDkuNDlhLjc3MS43NzEgMCAwIDAgMC0uOThsLTMuNi00LjM3MmEuNzcxLjc3MSAwIDAgMC0xLjE5MS45ODFMOS44IDlsLTMuMTk2IDMuODgxYS43NzEuNzcxIDAgMCAwIDEuMTkuOThsMy42LTQuMzd6Ii8+PC9zdmc+";
@@ -7268,7 +7250,7 @@ const getCurrentWeekDays = (day, firstDayOfWeek) => {
     )
   ];
 };
-const defaultProps$12 = {
+const defaultProps$11 = {
   ...ComponentDefaults,
   type: "single",
   firstDayOfWeek: 0
@@ -7292,7 +7274,7 @@ const CalendarCard = React__default.forwardRef((props, ref) => {
     onDayClick,
     onPageChange,
     onChange
-  } = { ...defaultProps$12, ...props };
+  } = { ...defaultProps$11, ...props };
   const [month, setMonth] = useState(() => {
     let date4 = new Date(Date.now());
     const val = value || defaultValue;
@@ -7594,11 +7576,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$12;
 CalendarCard.displayName = "NutCalendarCard";
 const CheckboxGroupContext = createContext(null);
 const Context$1 = CheckboxGroupContext;
-const defaultProps$11 = {
+const defaultProps$10 = {
   max: void 0,
   min: void 0,
   list: false,
@@ -7628,7 +7609,7 @@ const CheckboxGroup = React__default.forwardRef(
       direction,
       options,
       ...rest
-    } = { ...defaultProps$11, ...props };
+    } = { ...defaultProps$10, ...props };
     useImperativeHandle(ref, () => ({
       toggle(state) {
         if (state === false) {
@@ -7720,9 +7701,9 @@ const CheckboxGroup = React__default.forwardRef(
     );
   }
 );
-CheckboxGroup.defaultProps = defaultProps$11;
+CheckboxGroup.defaultProps = defaultProps$10;
 CheckboxGroup.displayName = "NutCheckboxGroup";
-const defaultProps$10 = {
+const defaultProps$$ = {
   ...ComponentDefaults,
   disabled: false,
   shape: "round",
@@ -7736,7 +7717,7 @@ const defaultProps$10 = {
 const classPrefix$i = "nut-checkbox";
 const Checkbox = (props) => {
   const { children } = {
-    ...defaultProps$10,
+    ...defaultProps$$,
     ...props
   };
   const {
@@ -7757,8 +7738,8 @@ const Checkbox = (props) => {
   let { labelPosition, ...rest } = others;
   const ctx = useContext(Context$1);
   let [innerChecked, setChecked] = usePropsValue({
-    value: props.checked,
-    defaultValue: props.defaultChecked,
+    value: checked,
+    defaultValue: defaultChecked,
     finalValue: defaultChecked,
     onChange
   });
@@ -7880,7 +7861,6 @@ const Checkbox = (props) => {
     renderCheckboxItem()
   );
 };
-Checkbox.defaultProps = defaultProps$10;
 Checkbox.displayName = "NutCheckBox";
 Checkbox.Group = CheckboxGroup;
 const InternalPickerPanel = (props, ref) => {
@@ -8027,7 +8007,6 @@ const InternalPickerPanel = (props, ref) => {
   const getReference = async () => {
     const refe = await getRectByTaro(listRef == null ? void 0 : listRef.current);
     lineSpacing.current = refe.height ? refe.height : 36;
-    modifyStatus(true);
   };
   const touchRollerStyle = () => {
     return {
@@ -8127,7 +8106,7 @@ function useRefs() {
   }, []);
   return [refs.current, setRefs, reset];
 }
-const defaultProps$$ = {
+const defaultProps$_ = {
   ...ComponentDefaults,
   visible: false,
   title: "",
@@ -8158,7 +8137,7 @@ const InternalPicker = (props, ref) => {
     afterClose,
     onChange,
     ...rest
-  } = { ...defaultProps$$, ...props };
+  } = { ...defaultProps$_, ...props };
   const classPrefix2 = "nut-picker";
   const classes = classNames(classPrefix2, className);
   const [selectedValue, setSelectedValue] = usePropsValue({
@@ -8473,7 +8452,7 @@ const padZero = (num, targetLength = 2) => {
   return str;
 };
 const currentYear = (/* @__PURE__ */ new Date()).getFullYear();
-const defaultProps$_ = {
+const defaultProps$Z = {
   ...ComponentDefaults,
   visible: false,
   title: "",
@@ -8506,7 +8485,7 @@ const DatePicker = (props) => {
     style,
     ...rest
   } = {
-    ...defaultProps$_,
+    ...defaultProps$Z,
     ...props
   };
   const { locale } = useConfig$1();
@@ -8797,7 +8776,7 @@ const DatePicker = (props) => {
     )
   );
 };
-DatePicker.defaultProps = defaultProps$_;
+DatePicker.defaultProps = defaultProps$Z;
 DatePicker.displayName = "NutDatePicker";
 const Context = createContext({});
 function _extends() {
@@ -10040,7 +10019,7 @@ const useForm = (form) => {
   }
   return [formRef.current];
 };
-const defaultProps$Z = {
+const defaultProps$Y = {
   ...ComponentDefaults,
   labelPosition: "right",
   starPosition: "left",
@@ -10071,7 +10050,7 @@ const Form = React__default.forwardRef(
       starPosition,
       form
     } = {
-      ...defaultProps$Z,
+      ...defaultProps$Y,
       ...props
     };
     let formInstance;
@@ -10117,7 +10096,6 @@ const Form = React__default.forwardRef(
     );
   }
 );
-Form.defaultProps = defaultProps$Z;
 Form.displayName = "NutForm";
 function isForwardRefComponent(component) {
   return component.type && component.type.$$typeof && // eslint-disable-next-line react/display-name
@@ -10128,7 +10106,7 @@ function isForwardRefComponent(component) {
     }
   ).$$typeof === component.type.$$typeof;
 }
-const defaultProps$Y = {
+const defaultProps$X = {
   ...ComponentDefaults,
   required: false,
   name: "",
@@ -10224,7 +10202,7 @@ const _FormItem = class _FormItem extends React__default.Component {
         style,
         errorMessageAlign
       } = {
-        ...defaultProps$Y,
+        ...defaultProps$X,
         ...this.props
       };
       const requiredInRules = rules2 == null ? void 0 : rules2.some((rule) => rule.required);
@@ -10286,7 +10264,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$Y;
+_FormItem.defaultProps = defaultProps$X;
 _FormItem.contextType = Context;
 let FormItem = _FormItem;
 const InnerForm = Form;
@@ -10316,7 +10294,7 @@ function formatNumber(value, allowDot = true, allowMinus = true) {
   const regExp = allowDot ? /[^-0-9.]/g : /[^-0-9]/g;
   return value.replace(regExp, "");
 }
-const defaultProps$X = {
+const defaultProps$W = {
   ...ComponentDefaults,
   type: "text",
   name: "",
@@ -10361,12 +10339,12 @@ const Input = forwardRef(
       value: _value,
       ...rest
     } = {
-      ...defaultProps$X,
+      ...defaultProps$W,
       ...props
     };
     const [value, setValue] = usePropsValue({
-      value: props.value,
-      defaultValue: props.defaultValue,
+      value: _value,
+      defaultValue,
       finalValue: "",
       onChange
     });
@@ -10430,16 +10408,11 @@ const Input = forwardRef(
       updateValue(value2, "onChange");
     };
     const handleBlur = (event) => {
-      if (Taro.getEnv() === "WEB") {
-        const val = event.target.value;
-        updateValue(val, "onBlur");
-        setTimeout(() => {
-          setActive(false);
-        }, 50);
-      } else {
-        updateValue(value, "onBlur");
+      const val = Taro.getEnv() === "WEB" ? event.target.value : value;
+      updateValue(val, "onBlur");
+      setTimeout(() => {
         setActive(false);
-      }
+      }, 200);
     };
     const inputType = (type22) => {
       if (getEnv() === ENV_TYPE.WEB) {
@@ -10500,7 +10473,8 @@ const Input = forwardRef(
         {
           style: {
             display: clearable && !readOnly && active && value.length > 0 ? "flex" : "none",
-            alignItems: "center"
+            alignItems: "center",
+            cursor: "pointer"
           },
           onClick: (e2) => {
             e2.stopPropagation();
@@ -10515,9 +10489,8 @@ const Input = forwardRef(
     );
   }
 );
-Input.defaultProps = defaultProps$X;
 Input.displayName = "NutInput";
-const defaultProps$W = {
+const defaultProps$V = {
   ...ComponentDefaults,
   disabled: false,
   readOnly: false,
@@ -10555,7 +10528,7 @@ const InputNumber = (props) => {
     onChange,
     ...restProps
   } = {
-    ...defaultProps$W,
+    ...defaultProps$V,
     ...props
   };
   const classes = classNames(classPrefix$h, className, {
@@ -10715,9 +10688,8 @@ const InputNumber = (props) => {
     }
   )));
 };
-InputNumber.defaultProps = defaultProps$W;
 InputNumber.displayName = "NutInputNumber";
-const defaultProps$V = {
+const defaultProps$U = {
   ...ComponentDefaults,
   columns: 1,
   direction: "down",
@@ -10748,7 +10720,7 @@ const MenuItem = forwardRef((props, ref) => {
     parent,
     index
   } = {
-    ...defaultProps$V,
+    ...defaultProps$U,
     ...props
   };
   const [showPopup, setShowPopup] = useState(show2);
@@ -10909,7 +10881,7 @@ const MenuItem = forwardRef((props, ref) => {
             g$3,
             {
               color: activeColor,
-              size: 10,
+              size: 16,
               className: getIconCName(item.value, value)
             }
           )) : null,
@@ -10928,9 +10900,8 @@ const MenuItem = forwardRef((props, ref) => {
     )
   ));
 });
-MenuItem.defaultProps = defaultProps$V;
 MenuItem.displayName = "NutMenuItem";
-const defaultProps$U = {
+const defaultProps$T = {
   ...ComponentDefaults,
   activeColor: "",
   closeOnOverlayClick: true,
@@ -10957,7 +10928,7 @@ const Menu = (props) => {
     onOpen,
     ...rest
   } = {
-    ...defaultProps$U,
+    ...defaultProps$T,
     ...props
   };
   const menuRef = useRef(null);
@@ -11082,19 +11053,8 @@ const Menu = (props) => {
     cloneChildren()
   );
 };
-Menu.defaultProps = defaultProps$U;
 Menu.displayName = "NutMenu";
 Menu.Item = MenuItem;
-const defaultProps$T = {
-  ...ComponentDefaults,
-  visible: false,
-  rightActions: "",
-  type: "default",
-  custom: [],
-  random: false,
-  onClose: () => {
-  }
-};
 const NumberKeyboard = (props) => {
   const { locale } = useConfig$1();
   const {
@@ -11233,7 +11193,6 @@ const NumberKeyboard = (props) => {
     ))))
   );
 };
-NumberKeyboard.defaultProps = defaultProps$T;
 NumberKeyboard.displayName = "NutNumberKeyboard";
 const RadioContext = React__default.createContext(null);
 const defaultProps$S = {
@@ -11758,7 +11717,6 @@ const Range = (props) => {
     renderButton()
   ))), maxDescription !== null && /* @__PURE__ */ React__default.createElement("div", { className: "max" }, maxDescription || max));
 };
-Range.defaultProps = defaultProps$Q;
 Range.displayName = "NutRange";
 const defaultProps$P = {
   ...ComponentDefaults,
@@ -11945,7 +11903,6 @@ const Rate = (props) => {
     })
   );
 };
-Rate.defaultProps = defaultProps$P;
 Rate.displayName = "NutRate";
 const defaultProps$O = {
   ...ComponentDefaults,
@@ -11966,8 +11923,9 @@ const SearchBar = (props) => {
   const classPrefix2 = "nut-searchbar";
   const { locale } = useConfig$1();
   const searchRef = useRef(null);
-  const [value, setValue] = useState(() => props.value);
   const {
+    value: outerValue,
+    style,
     placeholder,
     shape,
     className,
@@ -11991,6 +11949,7 @@ const SearchBar = (props) => {
     ...defaultProps$O,
     ...props
   };
+  const [value, setValue] = useState(() => outerValue);
   const forceFocus = () => {
     const searchSelf = searchRef.current;
     searchSelf && searchSelf.focus();
@@ -12013,8 +11972,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]);
@@ -12024,7 +11983,7 @@ const SearchBar = (props) => {
       {
         className: `${classPrefix2}-input ${clearable ? `${classPrefix2}-input-clear` : ""}`,
         ref: searchRef,
-        style: { ...props.style },
+        style,
         value: value || "",
         placeholder: placeholder || locale.placeholder,
         disabled,
@@ -12091,7 +12050,7 @@ const SearchBar = (props) => {
     "div",
     {
       className: `${classPrefix2} ${disabled ? `${classPrefix2}-disabled` : ""}  ${className || ""}`,
-      style: { ...props.style }
+      style
     },
     renderLeft(),
     /* @__PURE__ */ React__default.createElement(
@@ -12107,7 +12066,6 @@ const SearchBar = (props) => {
     renderRight()
   );
 };
-SearchBar.defaultProps = defaultProps$O;
 SearchBar.displayName = "NutSearchBar";
 const defaultProps$N = {
   ...ComponentDefaults,
@@ -12125,7 +12083,7 @@ const InternalShortPassword = (props, ref) => {
     title,
     description,
     tips,
-    visible: deleteVisible,
+    visible: outerVisible,
     value,
     error,
     hideFooter,
@@ -12157,7 +12115,7 @@ const InternalShortPassword = (props, ref) => {
     return val.slice(0, comLen);
   };
   const [visible, setVisible] = usePropsValue({
-    value: props.visible,
+    value: outerVisible,
     defaultValue: false,
     finalValue: false
   });
@@ -12275,7 +12233,7 @@ const InternalSignature = (props, ref) => {
     }).exec((res) => {
       canvasToTempFilePath({
         canvas: res[0].node,
-        fileType: props.type,
+        fileType: type4,
         canvasId: `${canvasId}`,
         success: (res2) => {
           onConfirm && onConfirm(res2.tempFilePath);
@@ -12374,7 +12332,6 @@ const InternalSignature = (props, ref) => {
 const Signature = React__default.forwardRef(
   InternalSignature
 );
-Signature.defaultProps = defaultProps$M;
 Signature.displayName = "NutSignature";
 const defaultProps$L = {
   ...ComponentDefaults,
@@ -12422,7 +12379,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$L;
 Switch.displayName = "NutSwitch";
 const defaultProps$K = {
   ...ComponentDefaults,
@@ -12532,7 +12488,6 @@ const TextArea = (props) => {
     showCount && /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-limit` }, inputValue.length, "/", maxLength < 0 ? 0 : maxLength)
   );
 };
-TextArea.defaultProps = defaultProps$K;
 TextArea.displayName = "NutTextArea";
 class UploadOptions {
   constructor() {
@@ -12836,7 +12791,6 @@ const Progress = (props) => {
     )))
   );
 };
-Progress.defaultProps = defaultProps$J;
 Progress.displayName = "NutProgress";
 const Preview = ({
   fileList,
@@ -13153,7 +13107,7 @@ const InternalUploader = (props, ref) => {
       });
     };
     const task = new UploaderTaro(uploadOption);
-    if (props.autoUpload) {
+    if (autoUpload) {
       task.uploadTaro(uploadFile, getEnv());
     } else {
       uploadQueue.push(
@@ -13205,8 +13159,8 @@ const InternalUploader = (props, ref) => {
     });
   };
   const filterFiles = (files) => {
-    const maximum = props.maxCount * 1;
-    const maximize = props.maxFileSize * 1;
+    const maximum = maxCount * 1;
+    const maximize = maxFileSize * 1;
     const oversizes = new Array();
     const filterFile = files.filter((file) => {
       if (file.size > maximize) {
@@ -13272,7 +13226,6 @@ const InternalUploader = (props, ref) => {
   ));
 };
 const Uploader = React__default.forwardRef(InternalUploader);
-Uploader.defaultProps = defaultProps$I;
 Uploader.displayName = "NutUploader";
 const defaultProps$H = {
   ...ComponentDefaults,
@@ -13345,7 +13298,6 @@ const ActionSheet = (props) => {
     ))
   );
 };
-ActionSheet.defaultProps = defaultProps$H;
 ActionSheet.displayName = "NutActionSheet";
 const Content = (props) => {
   const {
@@ -13694,18 +13646,18 @@ const Drag = (props) => {
       } else if (translateY.current > boundaryState.bottom) {
         translateY.current = boundaryState.bottom;
       }
-      const transform = `translate3d(${props.direction !== "y" ? translateX.current : 0}px, ${props.direction !== "x" ? translateY.current : 0}px, 0px)`;
+      const transform = `translate3d(${direction !== "y" ? translateX.current : 0}px, ${direction !== "x" ? translateY.current : 0}px, 0px)`;
       setCurrStyle({ transform });
     }
   };
   const touchEnd = (e2) => {
-    if (props.direction !== "y" && props.attract && dragRef.current) {
+    if (direction !== "y" && attract && dragRef.current) {
       if (translateX.current < middleLine.current) {
         translateX.current = boundaryState.left;
       } else {
         translateX.current = boundaryState.right;
       }
-      const transform = `translate3d(${translateX.current}px, ${props.direction !== "x" ? translateY.current : 0}px, 0px)`;
+      const transform = `translate3d(${translateX.current}px, ${direction !== "x" ? translateY.current : 0}px, 0px)`;
       setCurrStyle({ transform });
     }
   };
@@ -13738,7 +13690,6 @@ const Drag = (props) => {
     )
   );
 };
-Drag.defaultProps = defaultProps$F;
 Drag.displayName = "NutDrag";
 const defaultStatus = {
   empty: "https://storage.360buyimg.com/imgtools/30186cfda0-0d3eee40-c0ac-11ee-9382-9125782aa3b8.png",
@@ -13813,7 +13764,6 @@ const Empty = (props) => {
     );
   })), children);
 };
-Empty.defaultProps = defaultProps$E;
 Empty.displayName = "NutEmpty";
 const defaultProps$D = {
   ...ComponentDefaults,
@@ -13949,7 +13899,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$D;
 InfiniteLoading.displayName = "NutInfiniteLoading";
 const loadingMap = {
   circular: D$5,
@@ -13982,7 +13931,6 @@ const Loading = (props) => {
     children ? /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-text` }, children) : ""
   );
 };
-Loading.defaultProps = defaultProps$C;
 Loading.displayName = "NutLoading";
 const defaultProps$B = {
   ...ComponentDefaults,
@@ -14404,7 +14352,6 @@ const NoticeBar = (props) => {
     )
   ) : null);
 };
-NoticeBar.defaultProps = defaultProps$B;
 NoticeBar.displayName = "NutNoticeBar";
 const defaultProps$A = {
   ...ComponentDefaults,
@@ -14610,7 +14557,7 @@ const Popover = (props) => {
   };
   const clickAway = () => {
     if (closeOnOutsideClick) {
-      props.onClick && props.onClick();
+      onClick && onClick();
       onClose && onClose();
     }
   };
@@ -14686,7 +14633,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)) {
@@ -14715,12 +14662,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();
     }
   };
@@ -14788,7 +14734,6 @@ const Popover = (props) => {
     }
   )));
 };
-Popover.defaultProps = defaultProps$z;
 Popover.displayName = "NutPopover";
 function bound(position, min, max) {
   let ret = position;
@@ -14980,7 +14925,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$x;
 AvatarGroup.displayName = "NutAvatarGroup";
 const defaultProps$w = {
   ...ComponentDefaults,
@@ -15069,8 +15013,8 @@ const Avatar = (props) => {
     }
   };
   const errorEvent = () => {
-    if (props.onError) {
-      props.onError();
+    if (onError) {
+      onError();
     }
   };
   const clickAvatar = (e2) => {
@@ -15100,7 +15044,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$w;
 Avatar.displayName = "NutAvatar";
 Avatar.Group = AvatarGroup;
 const defaultProps$v = {
@@ -15163,7 +15106,6 @@ const Skeleton = (props) => {
     return /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-block`, key: index });
   })))));
 };
-Skeleton.defaultProps = defaultProps$v;
 Skeleton.displayName = "NutSkeleton";
 function preventDefault(event, isStopPropagation) {
   if (typeof event.cancelable !== "boolean" || event.cancelable) {
@@ -15548,7 +15490,6 @@ const Animate = (props) => {
   };
   return /* @__PURE__ */ React__default.createElement("div", { className: "nut-animate" }, /* @__PURE__ */ React__default.createElement("div", { className: cls, onClick: handleClick, ...rest }, children));
 };
-Animate.defaultProps = defaultProps$s;
 Animate.displayName = "NutAnimate";
 const defaultProps$r = {
   ...ComponentDefaults,
@@ -15928,11 +15869,10 @@ const CircleProgress = (props) => {
     return () => window.cancelAnimationFrame(animateIdRef.current);
   }, [percent]);
   const stop = () => {
-    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 = [];
@@ -15942,7 +15882,7 @@ const CircleProgress = (props) => {
         value: ""
       };
       obj.key = item;
-      obj.value = color2[item];
+      obj.value = color[item];
       stopArr.push(obj);
     });
     return stopArr;
@@ -15966,15 +15906,15 @@ const CircleProgress = (props) => {
     const perimeter = 283;
     const progress = +oldValue.current;
     const offset = perimeter * Number(format2(parseFloat(progress.toFixed(1)))) / 100;
-    const isWise = props.clockwise ? 1 : 0;
-    const color2 = isObject(props.color) ? `url(%23${refRandomId})` : transColor(props.color);
+    const isWise = clockwise ? 1 : 0;
+    const realColor = isObject(color) ? `url(%23${refRandomId})` : transColor(color);
     const d = `M 50 50 m 0 -45 a 45 45 0 1 ${isWise} 0 90 a 45 45 0 1, ${isWise} 0 -90`;
     const pa = `%3Cdefs%3E%3ClinearGradient id='${refRandomId}' x1='100%25' y1='0%25' x2='0%25' y2='0%25'%3E${stopDom}%3C/linearGradient%3E%3C/defs%3E`;
     const path = `%3Cpath d='${d}' stroke-width='${strokeWidth}' stroke='${transColor(
-      props.background
+      background
     )}' fill='none'/%3E`;
     const path1 = `%3Cpath d='${d}' stroke-width='${strokeWidth}' stroke-dasharray='${offset},${perimeter}' stroke-linecap='round' stroke='${transColor(
-      color2
+      realColor
     )}' fill='none'/%3E`;
     return {
       background: `url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100'  xmlns='http://www.w3.org/2000/svg'%3E${pa}${path}${path1}%3C/svg%3E")`,
@@ -15984,7 +15924,6 @@ const CircleProgress = (props) => {
   };
   return /* @__PURE__ */ React__default.createElement("div", { className: classes, style: styles, ...restProps }, /* @__PURE__ */ React__default.createElement("div", { style: circleStyle() }), /* @__PURE__ */ React__default.createElement("div", { className: "nut-circleprogress-text" }, children));
 };
-CircleProgress.defaultProps = defaultProps$o;
 CircleProgress.displayName = "NutCircleProgress";
 const collapseContext = {
   isOpen: (name) => {
@@ -16129,7 +16068,6 @@ const CollapseItem = (props) => {
     )
   ));
 };
-CollapseItem.defaultProps = defaultProps$n;
 CollapseItem.displayName = "NutCollapseItem";
 const defaultProps$m = {
   ...ComponentDefaults,
@@ -16207,7 +16145,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 = {
@@ -16448,7 +16385,6 @@ const InternalCountDown = (props, ref) => {
 const CountDown = React__default.forwardRef(
   InternalCountDown
 );
-CountDown.defaultProps = defaultProps$l;
 CountDown.displayName = "NutCountDown";
 const defaultProps$k = {
   ...ComponentDefaults,
@@ -16771,7 +16707,6 @@ const Ellipsis = (props) => {
     symbolText()
   ));
 };
-Ellipsis.defaultProps = defaultProps$k;
 Ellipsis.displayName = "NutEllipsis";
 const defaultProps$j = {
   total: 3,
@@ -16804,7 +16739,6 @@ const Indicator = (props) => {
   };
   return /* @__PURE__ */ React__default.createElement("div", { className: classNames(classPrefix$5, classes, className), ...rest }, renderElement());
 };
-Indicator.defaultProps = defaultProps$j;
 Indicator.displayName = "NutIndicator";
 const defaultProps$i = {
   direction: "horizontal",
@@ -16977,6 +16911,7 @@ const defaultProps$g = {
 };
 const ImagePreview = (props) => {
   const {
+    value,
     className,
     style,
     images,
@@ -16990,17 +16925,17 @@ const ImagePreview = (props) => {
     closeIcon,
     closeIconPosition,
     showMenuByLongpress,
-    onClose
-  } = props;
+    onClose,
+    onChange
+  } = { ...defaultProps$g, ...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);
@@ -17111,11 +17046,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();
@@ -17125,9 +17060,9 @@ const ImagePreview = (props) => {
       scale: 1
     });
   };
-  const closeOnImg = () => {
+  const closeOnImg = (e2) => {
     if (closeOnContentClick) {
-      onCloseInner();
+      onCloseInner(e2);
     }
   };
   return /* @__PURE__ */ React__default.createElement(
@@ -17215,7 +17150,6 @@ const ImagePreview = (props) => {
     ) : null
   );
 };
-ImagePreview.defaultProps = defaultProps$g;
 ImagePreview.displayName = "NutImagePreview";
 const defaultProps$f = {
   ...ComponentDefaults,
@@ -17327,7 +17261,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$f;
 Pagination.displayName = "NutPagination";
 const defaultProps$e = {
   ...ComponentDefaults,
@@ -17429,7 +17362,6 @@ const Price = (props) => {
     symbol && position === "after" ? renderSymbol() : null
   );
 };
-Price.defaultProps = defaultProps$e;
 Price.displayName = "NutPrice";
 const DataContext = createContext({});
 const defaultProps$d = {
@@ -17475,7 +17407,6 @@ const Step = (props) => {
   };
   return /* @__PURE__ */ React__default.createElement("div", { className: classes, ...restProps, onClick: handleClickStep }, /* @__PURE__ */ React__default.createElement(View, { className: "nut-step-head" }, /* @__PURE__ */ React__default.createElement(View, { className: "nut-step-line" }), /* @__PURE__ */ React__default.createElement(View, { className: renderIconClass() }, icon || !dot && /* @__PURE__ */ React__default.createElement("span", { className: "nut-step-inner" }, value))), (title || description) && /* @__PURE__ */ React__default.createElement(View, { 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$d;
 Step.displayName = "NutStep";
 const defaultProps$c = {
   ...ComponentDefaults,
@@ -17502,13 +17433,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$c;
 Steps.displayName = "NutSteps";
 function useTableSticky(columns, rtl = false) {
   const [isSticky, setIsSticky] = useState(false);
@@ -17649,7 +17579,7 @@ const Table = (props) => {
   };
   const cellClasses = (item) => {
     return {
-      [`${headerClassPrefix}-border`]: props.bordered,
+      [`${headerClassPrefix}-border`]: bordered,
       [`${headerClassPrefix}-align${item.align ? item.align : ""}`]: true
     };
   };
@@ -17735,7 +17665,6 @@ const Table = (props) => {
     }
   )) : null, (summary || innerValue.length === 0) && /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-summary` }, summary || noData));
 };
-Table.defaultProps = defaultProps$b;
 Table.displayName = "NutTable";
 const defaultProps$a = {
   ...ComponentDefaults,
@@ -17837,7 +17766,6 @@ const Tag = (props) => {
     children && /* @__PURE__ */ React__default.createElement("span", { className: `${classPrefix2}-text` }, children)
   ));
 };
-Tag.defaultProps = defaultProps$a;
 Tag.displayName = "NutTag";
 const getTaroRectById = (id) => {
   return new Promise((resolve, reject) => {
@@ -18035,7 +17963,6 @@ const Tour = (props) => {
     )));
   }));
 };
-Tour.defaultProps = defaultProps$9;
 Tour.displayName = "NutTour";
 const defaultProps$8 = {
   source: {
@@ -18086,7 +18013,6 @@ const Video = (props) => {
     }
   ));
 };
-Video.defaultProps = defaultProps$8;
 Video.displayName = "NutVideo";
 const initPositinoCache = (reaItemSize, length = 0) => {
   let index = 0;
@@ -18199,7 +18125,6 @@ const VirtualList = (props) => {
     const pos = initPositinoCache(itemHeight + margin, list.length);
     setPositions(pos);
   }, [itemHeight, list]);
-  const prevListLength = useRef(list.length);
   const getContainerHeight = () => {
     const initH = (itemHeight + margin) * list.length;
     return initH < clientHeight ? initH + overscan * (itemHeight + margin) - 5 : Math.min(containerHeight, clientHeight);
@@ -18236,9 +18161,8 @@ const VirtualList = (props) => {
     start.current = Math.floor(scrollTop / (itemHeight + margin));
     setStartOffset(scrollTop - scrollTop % (itemHeight + margin));
     const endIndex = end();
-    if (endIndex > list.length - 1 && prevListLength.current < list.length) {
+    if (endIndex > list.length - 1) {
       onScroll && onScroll();
-      prevListLength.current = list.length;
     }
   };
   return /* @__PURE__ */ React__default.createElement(
@@ -18297,7 +18221,6 @@ const VirtualList = (props) => {
     )
   );
 };
-VirtualList.defaultProps = defaultProps$7;
 VirtualList.displayName = "NutVirtualList";
 const defaultProps$6 = {
   ...ComponentDefaults,
@@ -18419,7 +18342,6 @@ const InternalBarrage = (props, ref) => {
 const Barrage = React__default.forwardRef(
   InternalBarrage
 );
-Barrage.defaultProps = defaultProps$6;
 Barrage.displayName = "NutBarrage";
 const defaultProps$5 = {
   ...ComponentDefaults,
@@ -18465,7 +18387,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,
@@ -18520,7 +18441,6 @@ const TimeDetail = (props) => {
     item[optionKey.textKey]
   )));
 };
-TimeDetail.defaultProps = defaultProps$4;
 TimeDetail.displayName = "NutTimeDetail";
 const defaultProps$3 = {
   ...ComponentDefaults,
@@ -18658,7 +18578,6 @@ const TimeSelect = (props) => {
     )))
   );
 };
-TimeSelect.defaultProps = defaultProps$3;
 TimeSelect.displayName = "NutTimeSelect";
 const defaultProps$2 = {
   ...ComponentDefaults,
@@ -18739,7 +18658,6 @@ const TrendArrow = (props) => {
   };
   return /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2} ${className}`, style, ...rest }, !left2 && renderContent(!left2), 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(c, { color: calcIconProps.color })) : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, dropIcon || /* @__PURE__ */ React__default.createElement(e, { color: calcIconProps.color }))), left2 && renderContent(!left2));
 };
-TrendArrow.defaultProps = defaultProps$2;
 TrendArrow.displayName = "NutTrendArrow";
 const defaultProps$1 = {
   ...ComponentDefaults,
@@ -18870,7 +18788,6 @@ const WaterMark = (props) => {
     }
   );
 };
-WaterMark.defaultProps = defaultProps$1;
 WaterMark.displayName = "NutWaterMark";
 const defaultProps = {
   ...ComponentDefaults,
@@ -19405,7 +19322,6 @@ const AvatarCropper = (props) => {
   };
   return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("div", { className: cls, ...rest, style }, children, /* @__PURE__ */ React__default.createElement("div", { className: "nut-avatar-cropper-edit-text", onClick: chooseImage2 }, editText)), CropperPopup());
 };
-AvatarCropper.defaultProps = defaultProps;
 AvatarCropper.displayName = "NutAvatarCropper";
 export {
   ActionSheet,