@nutui/nutui-react 2.6.4 → 2.6.6

package/dist/nutui.react.es.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.6.4 Fri May 10 2024 14:45:06 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.6.6 Fri May 24 2024 15:03:59 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -1127,7 +1127,7 @@ const ComponentDefaults = {
   style: {}
 };
 const prefixCls$2 = "nut-button";
-const defaultProps$1u = {
+const defaultProps$1t = {
   ...ComponentDefaults,
   color: "",
   type: "default",
@@ -1163,7 +1163,7 @@ const Button = React__default.forwardRef(
       onClick,
       ...rest
     } = {
-      ...defaultProps$1u,
+      ...defaultProps$1t,
       ...props
     };
     const getStyle = useCallback(() => {
@@ -1222,7 +1222,7 @@ const Button = React__default.forwardRef(
 );
 Button.displayName = "NutButton";
 const CellGroupContext = createContext(null);
-const defaultProps$1t = {
+const defaultProps$1s = {
   ...ComponentDefaults,
   title: "",
   description: "",
@@ -1231,7 +1231,7 @@ const defaultProps$1t = {
 const classPrefix$r = "nut-cell-group";
 const CellGroup = (props) => {
   const { children, className, title, description, divider, ...rest } = {
-    ...defaultProps$1t,
+    ...defaultProps$1s,
     ...props
   };
   return /* @__PURE__ */ React__default.createElement("div", { className: classNames(classPrefix$r, className), ...rest }, title ? /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix$r}-title` }, title) : null, description ? /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix$r}-description` }, description) : null, /* @__PURE__ */ React__default.createElement(
@@ -1243,7 +1243,7 @@ const CellGroup = (props) => {
   ));
 };
 CellGroup.displayName = "NutCellGroup";
-const defaultProps$1s = {
+const defaultProps$1r = {
   ...ComponentDefaults,
   title: null,
   description: null,
@@ -1268,7 +1268,7 @@ const Cell = (props) => {
     style,
     ...rest
   } = {
-    ...defaultProps$1s,
+    ...defaultProps$1r,
     ...props
   };
   const handleClick2 = (event) => {
@@ -2462,7 +2462,7 @@ ConfigProvider.displayName = "NutConfigProvider";
 const pxCheck = (value) => {
   return Number.isNaN(Number(value)) ? String(value) : `${value}px`;
 };
-const defaultProps$1r = {
+const defaultProps$1q = {
   ...ComponentDefaults,
   fit: "fill",
   position: "center",
@@ -2492,7 +2492,7 @@ const Image$1 = (props) => {
     onClick,
     onLoad,
     onError
-  } = { ...defaultProps$1r, ...props };
+  } = { ...defaultProps$1q, ...props };
   const [innerLoading, setInnerLoading] = useState(false);
   const [isError, setIsError] = useState(false);
   const [complete, setComplete] = useState(false);
@@ -4638,7 +4638,7 @@ const Overlay = (props) => {
 };
 Overlay.displayName = "NutOverlay";
 const DataContext$1 = createContext({});
-const defaultProps$1q = {
+const defaultProps$1p = {
   ...ComponentDefaults,
   span: "24",
   offset: "0",
@@ -4646,7 +4646,7 @@ const defaultProps$1q = {
 };
 const Col = (props) => {
   const { className, style, span, offset, children, onClick } = {
-    ...defaultProps$1q,
+    ...defaultProps$1p,
     ...props
   };
   const [colName, setColName] = useState("");
@@ -4679,7 +4679,7 @@ const Col = (props) => {
   );
 };
 Col.displayName = "NutCol";
-const defaultProps$1p = {
+const defaultProps$1o = {
   ...ComponentDefaults,
   contentPosition: "center",
   direction: "horizontal"
@@ -4687,7 +4687,7 @@ const defaultProps$1p = {
 const classPrefix$n = `nut-divider`;
 const Divider = (props) => {
   const { children, contentPosition, style, className, direction, ...rest } = {
-    ...defaultProps$1p,
+    ...defaultProps$1o,
     ...props
   };
   const classes = direction === "horizontal" ? classNames({
@@ -4708,7 +4708,7 @@ const gridContext = {
   }
 };
 const GridContext = React__default.createContext(gridContext);
-const defaultProps$1o = {
+const defaultProps$1n = {
   text: "",
   columns: 4,
   gap: 0,
@@ -4734,7 +4734,7 @@ const GridItem = (props) => {
     onClick,
     ...rest
   } = {
-    ...defaultProps$1o,
+    ...defaultProps$1n,
     ...props
   };
   const classPrefix2 = "nut-grid-item";
@@ -4793,7 +4793,7 @@ const GridItem = (props) => {
   );
 };
 GridItem.displayName = "NutGridItem";
-const defaultProps$1n = {
+const defaultProps$1m = {
   columns: 4,
   gap: 0,
   center: true,
@@ -4814,7 +4814,7 @@ const Grid = (props) => {
     className,
     onClick,
     ...rest
-  } = { ...defaultProps$1n, ...props };
+  } = { ...defaultProps$1m, ...props };
   const childrenDom = React__default.Children.toArray(children);
   const classPrefix2 = "nut-grid";
   const rootClass = () => {
@@ -4850,15 +4850,14 @@ const Grid = (props) => {
 };
 Grid.displayName = "NutGrid";
 Grid.Item = GridItem;
-const defaultProps$1m = {};
+const defaultProps$1l = {};
 const Layout = (props) => {
-  ({ ...defaultProps$1m, ...props });
+  ({ ...defaultProps$1l, ...props });
   return /* @__PURE__ */ React__default.createElement("div", { className: "nut-layout" }, "Layout");
 };
-Layout.defaultProps = defaultProps$1m;
 Layout.displayName = "NutLayout";
 const classPrefix$m = "nut-row";
-const defaultProps$1l = {
+const defaultProps$1k = {
   ...ComponentDefaults,
   type: "",
   justify: "start",
@@ -4878,7 +4877,7 @@ const Row = (props) => {
     gutter,
     onClick
   } = {
-    ...defaultProps$1l,
+    ...defaultProps$1k,
     ...props
   };
   const getClass = (prefix2, type22) => {
@@ -4912,12 +4911,12 @@ const Row = (props) => {
 };
 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(
@@ -4985,7 +4984,7 @@ function useWatch(dep, callback, config2 = { immediate: false }) {
     stop2.current = true;
   };
 }
-const defaultProps$1j = {
+const defaultProps$1i = {
   ...ComponentDefaults,
   position: "top",
   threshold: 0,
@@ -5003,7 +5002,7 @@ const Sticky = (props) => {
     threshold,
     onChange,
     ...rest
-  } = { ...defaultProps$1j, ...props };
+  } = { ...defaultProps$1i, ...props };
   const stickyRef = useRef(null);
   const rootRef = useRef(null);
   const [isFixed, setIsFixed] = useState(false);
@@ -5133,7 +5132,7 @@ const SafeArea = (props) => {
   );
 };
 SafeArea.displayName = "NutSafeArea";
-const defaultProps$1i = {
+const defaultProps$1h = {
   ...ComponentDefaults,
   target: "",
   threshold: 200,
@@ -5152,7 +5151,7 @@ const BackTop = (props) => {
     style,
     onClick
   } = {
-    ...defaultProps$1i,
+    ...defaultProps$1h,
     ...props
   };
   const classPrefix2 = "nut-backtop";
@@ -10366,7 +10365,7 @@ const host = createHost(primitives, {
 });
 const animated = host.animated;
 const elevatorContext = createContext({});
-const defaultProps$1h = {
+const defaultProps$1g = {
   ...ComponentDefaults,
   height: "200px",
   floorKey: "title",
@@ -10392,7 +10391,7 @@ const Elevator = (props) => {
     children,
     ...rest
   } = {
-    ...defaultProps$1h,
+    ...defaultProps$1g,
     ...props
   };
   const classPrefix2 = "nut-elevator";
@@ -10570,7 +10569,7 @@ const Elevator = (props) => {
 };
 Elevator.displayName = "NutElevator";
 Elevator.Context = elevatorContext;
-const defaultProps$1g = {
+const defaultProps$1f = {
   ...ComponentDefaults,
   activeText: "",
   inactiveText: "",
@@ -10598,7 +10597,7 @@ const FixedNav = (props) => {
     content,
     ...rest
   } = {
-    ...defaultProps$1g,
+    ...defaultProps$1f,
     ...props
   };
   const classPrefix2 = "nut-fixednav";
@@ -10651,7 +10650,7 @@ const FixedNav = (props) => {
   );
 };
 FixedNav.displayName = "NutFixedNav";
-const defaultProps$1f = {
+const defaultProps$1e = {
   ...ComponentDefaults,
   left: "",
   right: "",
@@ -10676,7 +10675,7 @@ const NavBar = (props) => {
     zIndex,
     onBackClick
   } = {
-    ...defaultProps$1f,
+    ...defaultProps$1e,
     ...props
   };
   const classPrefix2 = "nut-navbar";
@@ -10753,7 +10752,7 @@ const NavBar = (props) => {
   return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, fixed && placeholder ? /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-placeholder` }, renderWrapper()) : renderWrapper());
 };
 NavBar.displayName = "NutNavBar";
-const defaultProps$1e = {
+const defaultProps$1d = {
   ...ComponentDefaults,
   position: "center",
   transition: "",
@@ -10806,7 +10805,7 @@ const Popup = (props) => {
     afterShow,
     afterClose,
     onClick
-  } = { ...defaultProps$1e, ...props };
+  } = { ...defaultProps$1d, ...props };
   const nodeRef = React__default.useRef(null);
   let innerIndex = zIndex || _zIndex;
   const [index, setIndex] = useState(innerIndex);
@@ -10947,7 +10946,6 @@ const Popup = (props) => {
   }, [position, transition]);
   return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, renderToContainer(portal, renderNode()));
 };
-Popup.defaultProps = defaultProps$1e;
 Popup.displayName = "NutPopup";
 const handleClick = (e2) => {
   e2.stopPropagation();
@@ -10963,7 +10961,7 @@ const handleClick = (e2) => {
   }
 };
 const OffsetContext = createContext(20);
-const defaultProps$1d = {
+const defaultProps$1c = {
   ...ComponentDefaults,
   position: "left",
   width: "80%"
@@ -10981,7 +10979,7 @@ const SideNavBar = (props) => {
     indent,
     ...rest
   } = {
-    ...defaultProps$1d,
+    ...defaultProps$1c,
     ...props
   };
   const innerIndent = indent ? Number(indent) : 20;
@@ -11031,13 +11029,13 @@ const SideNavBarItem = (props) => {
     title
   );
 };
-const defaultProps$1c = {
+const defaultProps$1b = {
   open: true
 };
 const SubSideNavBar = (props) => {
   const classPrefix2 = "nut-subsidenavbar";
   const { title, value, children, onClick, open, ...rest } = {
-    ...defaultProps$1c,
+    ...defaultProps$1b,
     ...props
   };
   const offset = useContext(OffsetContext);
@@ -11114,7 +11112,7 @@ function usePropsValue({
   );
   return [stateRef.current, setState];
 }
-const defaultProps$1b = {
+const defaultProps$1a = {
   ...ComponentDefaults,
   value: "",
   dot: false,
@@ -11139,7 +11137,7 @@ const Badge = (props) => {
     color,
     fill
   } = {
-    ...defaultProps$1b,
+    ...defaultProps$1a,
     ...props
   };
   const classPrefix2 = "nut-badge";
@@ -11195,10 +11193,9 @@ const Badge = (props) => {
   };
   return /* @__PURE__ */ React__default.createElement("div", { className: classes, style }, isIcon() && /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-icon` }, value), children, !isIcon() && /* @__PURE__ */ React__default.createElement("div", { className: contentClasses, style: getStyle() }, content()));
 };
-Badge.defaultProps = defaultProps$1b;
 Badge.displayName = "NutBadge";
 const TabbarContext = React__default.createContext(null);
-const defaultProps$1a = {
+const defaultProps$19 = {
   ...ComponentDefaults,
   title: "",
   icon: null,
@@ -11224,7 +11221,7 @@ const TabbarItem = (props) => {
     index,
     ...rest
   } = {
-    ...defaultProps$1a,
+    ...defaultProps$19,
     ...props
   };
   const active = index === (ctx2 == null ? void 0 : ctx2.selectIndex);
@@ -11262,7 +11259,7 @@ const TabbarItem = (props) => {
     icon ? /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(Badge, { ...badgeProps }, /* @__PURE__ */ React__default.createElement("div", { className: boxPrefix }, icon)), /* @__PURE__ */ React__default.createElement("div", { className: titleClass }, title)) : /* @__PURE__ */ React__default.createElement(Badge, { ...badgeProps }, /* @__PURE__ */ React__default.createElement("div", { className: titleClass }, title))
   );
 };
-const defaultProps$19 = {
+const defaultProps$18 = {
   ...ComponentDefaults,
   defaultValue: 0,
   fixed: false,
@@ -11285,7 +11282,7 @@ const Tabbar = (props) => {
     style,
     onSwitch
   } = {
-    ...defaultProps$19,
+    ...defaultProps$18,
     ...props
   };
   const classPrefix2 = "nut-tabbar";
@@ -11328,14 +11325,14 @@ const Tabbar = (props) => {
 };
 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";
@@ -11349,7 +11346,7 @@ const TabPane = (props) => {
   );
   return children ? /* @__PURE__ */ React__default.createElement("div", { className: classes }, !disabled && children) : null;
 };
-const defaultProps$17 = {
+const defaultProps$16 = {
   ...ComponentDefaults,
   tabStyle: {},
   activeColor: "",
@@ -11378,7 +11375,7 @@ const Tabs = (props) => {
     defaultValue: outerDefaultValue,
     ...rest
   } = {
-    ...defaultProps$17,
+    ...defaultProps$16,
     ...props
   };
   const [value, setValue] = usePropsValue({
@@ -11684,7 +11681,7 @@ class Tree {
     return pathNodes;
   }
 }
-const defaultProps$16 = {
+const defaultProps$15 = {
   ...ComponentDefaults,
   activeColor: "",
   activeIcon: "checklist",
@@ -11723,11 +11720,13 @@ const InternalCascader = (props, ref) => {
     closeIconPosition,
     closeIcon,
     lazy,
+    title,
+    left,
     onLoad,
     onClose,
     onChange,
     onPathChange
-  } = { ...defaultProps$16, ...props };
+  } = { ...defaultProps$15, ...props };
   const [tabvalue, setTabvalue] = useState("c1");
   const [optionsData, setOptionsData] = useState([]);
   const isLazy = () => state.configs.lazy && Boolean(state.configs.onLoad);
@@ -11737,7 +11736,7 @@ const InternalCascader = (props, ref) => {
     finalValue: defaultValue
   });
   const [innerVisible, setInnerVisible] = usePropsValue({
-    value: props.visible,
+    value: visible,
     defaultValue: void 0,
     finalValue: false
   });
@@ -12024,8 +12023,8 @@ const InternalCascader = (props, ref) => {
       closeIcon,
       closeable,
       closeIconPosition,
-      title: popup && props.title,
-      left: props.left,
+      title: popup && title,
+      left,
       onOverlayClick: closePopup,
       onCloseIconClick: closePopup
     },
@@ -12033,9 +12032,8 @@ const InternalCascader = (props, ref) => {
   ) : renderTabs());
 };
 const Cascader = React__default.forwardRef(InternalCascader);
-Cascader.defaultProps = defaultProps$16;
 Cascader.displayName = "NutCascader";
-const defaultProps$15 = {
+const defaultProps$14 = {
   ...ComponentDefaults,
   visible: false,
   type: "custom",
@@ -12062,7 +12060,7 @@ const CustomRender = (props) => {
     onPathChange,
     ...rest
   } = {
-    ...defaultProps$15,
+    ...defaultProps$14,
     ...props
   };
   return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, type4 === "custom" && /* @__PURE__ */ React__default.createElement(
@@ -12087,7 +12085,7 @@ const CustomRender = (props) => {
     }
   ));
 };
-const defaultProps$14 = {
+const defaultProps$13 = {
   type: "custom",
   existList: [],
   defaultIcon: null,
@@ -12106,7 +12104,7 @@ const ExistRender = (props) => {
     onSelect,
     onSwitch,
     ...rest
-  } = { ...defaultProps$14, ...props };
+  } = { ...defaultProps$13, ...props };
   const classPrefix2 = "nut-address";
   const selectedExist = (item) => {
     existList.forEach((list, index) => {
@@ -12135,7 +12133,7 @@ const ExistRender = (props) => {
     );
   })), (custom || custom && locale.address.chooseAnotherAddress) && /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-footer`, onClick }, /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-footer-btn` }, custom)));
 };
-const defaultProps$13 = {
+const defaultProps$12 = {
   ...ComponentDefaults,
   defaultValue: [],
   type: "custom",
@@ -12177,7 +12175,7 @@ const InternalAddress = (props, ref) => {
     onSwitch,
     ...rest
   } = {
-    ...defaultProps$13,
+    ...defaultProps$12,
     ...props
   };
   const classPrefix2 = "nut-address";
@@ -12269,7 +12267,6 @@ const InternalAddress = (props, ref) => {
   ));
 };
 const Address = forwardRef(InternalAddress);
-Address.defaultProps = defaultProps$13;
 Address.displayName = "NutAddress";
 const Utils = {
   /**
@@ -12519,7 +12516,7 @@ const isEnd = (day, days) => {
 const isStartAndEnd = (days) => {
   return days.length >= 2 && Utils.isEqual(days[0], days[1]);
 };
-const defaultProps$12 = {
+const defaultProps$11 = {
   ...ComponentDefaults,
   type: "single",
   autoBackfill: false,
@@ -12575,11 +12572,12 @@ const CalendarItem = React__default.forwardRef((props, ref) => {
     renderDay,
     renderDayTop,
     renderDayBottom,
+    value,
     onConfirm,
     onUpdate,
     onDayClick,
     onPageChange
-  } = { ...defaultProps$12, ...props };
+  } = { ...defaultProps$11, ...props };
   const weekdays = locale.calendaritem.weekdays;
   const weeks = [
     ...weekdays.slice(firstDayOfWeek, 7),
@@ -12611,7 +12609,7 @@ const CalendarItem = React__default.forwardRef((props, ref) => {
     return void 0;
   };
   const [currentDate, setCurrentDate] = usePropsValue({
-    value: props.value,
+    value,
     defaultValue: resetDefaultValue(),
     finalValue: [],
     onChange: (val) => {
@@ -12817,7 +12815,7 @@ const CalendarItem = React__default.forwardRef((props, ref) => {
           monthsData[current.lastCurrent],
           true
         );
-      } else if (props.type === "week") {
+      } else if (type4 === "week") {
         chooseDay(
           { day: defaultData[2], type: "curr" },
           monthsData[current.current],
@@ -13121,9 +13119,8 @@ const CalendarItem = React__default.forwardRef((props, ref) => {
   };
   return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("div", { className: classes, style }, renderHeader(), renderContent(), popup && !autoBackfill ? renderFooter() : ""));
 });
-CalendarItem.defaultProps = defaultProps$12;
 CalendarItem.displayName = "NutCalendarItem";
-const defaultProps$11 = {
+const defaultProps$10 = {
   ...ComponentDefaults,
   type: "single",
   autoBackfill: false,
@@ -13186,7 +13183,7 @@ const Calendar = React__default.forwardRef((props, ref) => {
     onConfirm,
     onDayClick,
     onPageChange
-  } = { ...defaultProps$11, ...props };
+  } = { ...defaultProps$10, ...props };
   const calendarRef = useRef(null);
   const close = () => {
     onClose && onClose();
@@ -13261,7 +13258,6 @@ const Calendar = React__default.forwardRef((props, ref) => {
     renderItem()
   ) : renderItem());
 });
-Calendar.defaultProps = defaultProps$11;
 Calendar.displayName = "NutCalendar";
 const ArrowLeft = () => {
   return /* @__PURE__ */ React__default.createElement(
@@ -13367,7 +13363,7 @@ const getCurrentWeekDays = (day, firstDayOfWeek) => {
     )
   ];
 };
-const defaultProps$10 = {
+const defaultProps$$ = {
   ...ComponentDefaults,
   type: "single",
   firstDayOfWeek: 0
@@ -13391,7 +13387,7 @@ const CalendarCard = React__default.forwardRef((props, ref) => {
     onDayClick,
     onPageChange,
     onChange
-  } = { ...defaultProps$10, ...props };
+  } = { ...defaultProps$$, ...props };
   const [month, setMonth] = useState(() => {
     let date4 = new Date(Date.now());
     const val = value || defaultValue;
@@ -13693,11 +13689,10 @@ const CalendarCard = React__default.forwardRef((props, ref) => {
   };
   return days.length > 0 ? /* @__PURE__ */ React__default.createElement("div", { className: classNames(prefixCls, className), style }, renderHeader(), renderContent()) : null;
 });
-CalendarCard.defaultProps = defaultProps$10;
 CalendarCard.displayName = "NutCalendarCard";
 const CheckboxGroupContext = createContext(null);
 const Context$1 = CheckboxGroupContext;
-const defaultProps$$ = {
+const defaultProps$_ = {
   max: void 0,
   min: void 0,
   list: false,
@@ -13727,7 +13722,7 @@ const CheckboxGroup = React__default.forwardRef(
       direction,
       options: options2,
       ...rest
-    } = { ...defaultProps$$, ...props };
+    } = { ...defaultProps$_, ...props };
     useImperativeHandle(ref, () => ({
       toggle(state) {
         if (state === false) {
@@ -13819,9 +13814,9 @@ const CheckboxGroup = React__default.forwardRef(
     );
   }
 );
-CheckboxGroup.defaultProps = defaultProps$$;
+CheckboxGroup.defaultProps = defaultProps$_;
 CheckboxGroup.displayName = "NutCheckboxGroup";
-const defaultProps$_ = {
+const defaultProps$Z = {
   ...ComponentDefaults,
   disabled: false,
   shape: "round",
@@ -13835,7 +13830,7 @@ const defaultProps$_ = {
 const classPrefix$h = "nut-checkbox";
 const Checkbox = (props) => {
   const { children } = {
-    ...defaultProps$_,
+    ...defaultProps$Z,
     ...props
   };
   const {
@@ -13856,8 +13851,8 @@ const Checkbox = (props) => {
   let { labelPosition, ...rest } = others;
   const ctx2 = useContext(Context$1);
   let [innerChecked, setChecked] = usePropsValue({
-    value: props.checked,
-    defaultValue: props.defaultChecked,
+    value: checked,
+    defaultValue: defaultChecked,
     finalValue: defaultChecked,
     onChange
   });
@@ -13979,7 +13974,6 @@ const Checkbox = (props) => {
     renderCheckboxItem()
   );
 };
-Checkbox.defaultProps = defaultProps$_;
 Checkbox.displayName = "NutCheckBox";
 Checkbox.Group = CheckboxGroup;
 const InternalPickerPanel = (props, ref) => {
@@ -14221,7 +14215,7 @@ function useRefs() {
   }, []);
   return [refs.current, setRefs, reset];
 }
-const defaultProps$Z = {
+const defaultProps$Y = {
   ...ComponentDefaults,
   title: "",
   options: [],
@@ -14251,7 +14245,7 @@ const InternalPicker = (props, ref) => {
     afterClose,
     onChange,
     ...rest
-  } = { ...defaultProps$Z, ...props };
+  } = { ...defaultProps$Y, ...props };
   const classPrefix2 = "nut-picker";
   const classes = classNames(classPrefix2, className);
   const [selectedValue, setSelectedValue] = usePropsValue({
@@ -14495,7 +14489,7 @@ const padZero = (num, targetLength = 2) => {
   return str;
 };
 const currentYear = (/* @__PURE__ */ new Date()).getFullYear();
-const defaultProps$Y = {
+const defaultProps$X = {
   ...ComponentDefaults,
   visible: false,
   title: "",
@@ -14528,7 +14522,7 @@ const DatePicker = (props) => {
     style,
     ...rest
   } = {
-    ...defaultProps$Y,
+    ...defaultProps$X,
     ...props
   };
   const { locale } = useConfig();
@@ -14810,7 +14804,7 @@ const DatePicker = (props) => {
     }
   ));
 };
-DatePicker.defaultProps = defaultProps$Y;
+DatePicker.defaultProps = defaultProps$X;
 DatePicker.displayName = "NutDatePicker";
 const Context = createContext({});
 function _extends() {
@@ -16048,7 +16042,7 @@ const useForm = (form) => {
   }
   return [formRef.current];
 };
-const defaultProps$X = {
+const defaultProps$W = {
   ...ComponentDefaults,
   labelPosition: "right",
   starPosition: "left",
@@ -16079,7 +16073,7 @@ const Form = React__default.forwardRef(
       starPosition,
       form
     } = {
-      ...defaultProps$X,
+      ...defaultProps$W,
       ...props
     };
     let formInstance;
@@ -16125,7 +16119,6 @@ const Form = React__default.forwardRef(
     );
   }
 );
-Form.defaultProps = defaultProps$X;
 Form.displayName = "NutForm";
 function isForwardRefComponent(component) {
   return component.type && component.type.$$typeof && // eslint-disable-next-line react/display-name
@@ -16136,7 +16129,7 @@ function isForwardRefComponent(component) {
     }
   ).$$typeof === component.type.$$typeof;
 }
-const defaultProps$W = {
+const defaultProps$V = {
   ...ComponentDefaults,
   required: false,
   name: "",
@@ -16231,7 +16224,7 @@ const _FormItem = class _FormItem extends React__default.Component {
         style,
         errorMessageAlign
       } = {
-        ...defaultProps$W,
+        ...defaultProps$V,
         ...this.props
       };
       const requiredInRules = rules2 == null ? void 0 : rules2.some((rule) => rule.required);
@@ -16263,6 +16256,13 @@ const _FormItem = class _FormItem extends React__default.Component {
     };
   }
   componentDidMount() {
+    const { store = {}, setInitialValues } = this.context.getInternal(SECRET);
+    if (this.props.initialValue && this.props.name && !Object.keys(store).includes(this.props.name)) {
+      setInitialValues(
+        { ...store, [this.props.name]: this.props.initialValue },
+        true
+      );
+    }
     const { registerField, registerUpdate } = this.context.getInternal(SECRET);
     this.cancelRegister = registerField(this);
     this.eventOff = registerUpdate(this, this.props.shouldUpdate);
@@ -16290,7 +16290,7 @@ const _FormItem = class _FormItem extends React__default.Component {
     return /* @__PURE__ */ React__default.createElement(React__default.Fragment, { key: this.state.resetCount }, this.props.noStyle ? returnChildNode : this.renderLayout(returnChildNode));
   }
 };
-_FormItem.defaultProps = defaultProps$W;
+_FormItem.defaultProps = defaultProps$V;
 _FormItem.contextType = Context;
 let FormItem = _FormItem;
 const InnerForm = Form;
@@ -16320,11 +16320,11 @@ function formatNumber(value, allowDot = true, allowMinus = true) {
   const regExp = allowDot ? /[^-0-9.]/g : /[^-0-9]/g;
   return value.replace(regExp, "");
 }
-const defaultProps$V = {
+const defaultProps$U = {
   ...ComponentDefaults,
   type: "text",
   name: "",
-  placeholder: "",
+  placeholder: void 0,
   confirmType: "done",
   align: "left",
   required: false,
@@ -16362,14 +16362,16 @@ const Input = forwardRef(
       confirmType,
       defaultValue,
       value: _value,
+      onCompositionStart,
+      onCompositionEnd,
       ...rest
     } = {
-      ...defaultProps$V,
+      ...defaultProps$U,
       ...props
     };
     const [value, setValue] = usePropsValue({
-      value: props.value,
-      defaultValue: props.defaultValue,
+      value: _value,
+      defaultValue,
       finalValue: "",
       onChange
     });
@@ -16467,7 +16469,7 @@ const Input = forwardRef(
           },
           type: inputType(type4),
           maxLength,
-          placeholder: placeholder || locale.placeholder,
+          placeholder: placeholder === void 0 ? locale.placeholder : placeholder,
           disabled,
           readOnly,
           value,
@@ -16483,21 +16485,19 @@ const Input = forwardRef(
             handleInput(e2.currentTarget.value);
           },
           onCompositionStart: (e2) => {
-            var _a;
             composingRef.current = true;
-            (_a = props.onCompositionStart) == null ? void 0 : _a.call(props, e2);
+            onCompositionStart == null ? void 0 : onCompositionStart(e2);
           },
           onCompositionEnd: (e2) => {
-            var _a;
             composingRef.current = false;
-            (_a = props.onCompositionEnd) == null ? void 0 : _a.call(props, e2);
+            onCompositionEnd == null ? void 0 : onCompositionEnd(e2);
           }
         }
       ),
       clearable && !readOnly && active && value.length > 0 ? /* @__PURE__ */ React__default.createElement(
         "span",
         {
-          style: { display: "flex", alignItems: "center" },
+          style: { display: "flex", alignItems: "center", cursor: "pointer" },
           onClick: () => {
             if (!disabled) {
               setValue("");
@@ -16510,9 +16510,8 @@ const Input = forwardRef(
     );
   }
 );
-Input.defaultProps = defaultProps$V;
 Input.displayName = "NutInput";
-const defaultProps$U = {
+const defaultProps$T = {
   ...ComponentDefaults,
   disabled: false,
   readOnly: false,
@@ -16548,7 +16547,7 @@ const InputNumber = (props) => {
     onChange,
     ...restProps
   } = {
-    ...defaultProps$U,
+    ...defaultProps$T,
     ...props
   };
   const classes = classNames(classPrefix$g, className, {
@@ -16706,7 +16705,6 @@ const InputNumber = (props) => {
     }
   )));
 };
-InputNumber.defaultProps = defaultProps$U;
 InputNumber.displayName = "NutInputNumber";
 const isObject = (val) => val !== null && typeof val === "object";
 const isFunction = (val) => typeof val === "function";
@@ -16757,7 +16755,7 @@ function useClickAway(onClickAway, target, eventName = "click", useCapture, isLi
     };
   }, [target]);
 }
-const defaultProps$T = {
+const defaultProps$S = {
   ...ComponentDefaults,
   columns: 1,
   direction: "down",
@@ -16788,7 +16786,7 @@ const MenuItem = forwardRef((props, ref) => {
     parent,
     index
   } = {
-    ...defaultProps$T,
+    ...defaultProps$S,
     ...props
   };
   const [showPopup, setShowPopup] = useState(show2);
@@ -16957,9 +16955,8 @@ const MenuItem = forwardRef((props, ref) => {
     )
   ));
 });
-MenuItem.defaultProps = defaultProps$T;
 MenuItem.displayName = "NutMenuItem";
-const defaultProps$S = {
+const defaultProps$R = {
   ...ComponentDefaults,
   activeColor: "",
   closeOnOverlayClick: true,
@@ -16986,7 +16983,7 @@ const Menu = (props) => {
     onOpen,
     ...rest
   } = {
-    ...defaultProps$S,
+    ...defaultProps$R,
     ...props
   };
   const menuRef = useRef(null);
@@ -17126,19 +17123,8 @@ const Menu = (props) => {
     cloneChildren()
   );
 };
-Menu.defaultProps = defaultProps$S;
 Menu.displayName = "NutMenu";
 Menu.Item = MenuItem;
-const defaultProps$R = {
-  ...ComponentDefaults,
-  visible: false,
-  rightActions: "",
-  type: "default",
-  custom: [],
-  random: false,
-  onClose: () => {
-  }
-};
 const NumberKeyboard = (props) => {
   const { locale } = useConfig();
   const {
@@ -17283,7 +17269,6 @@ const NumberKeyboard = (props) => {
     ))))
   );
 };
-NumberKeyboard.defaultProps = defaultProps$R;
 NumberKeyboard.displayName = "NutNumberKeyboard";
 const RadioContext = React__default.createContext(null);
 const defaultProps$Q = {
@@ -17806,7 +17791,6 @@ const Range = (props) => {
     renderButton()
   ))), maxDescription !== null && /* @__PURE__ */ React__default.createElement("div", { className: "max" }, maxDescription || max));
 };
-Range.defaultProps = defaultProps$O;
 Range.displayName = "NutRange";
 const defaultProps$N = {
   ...ComponentDefaults,
@@ -18002,7 +17986,6 @@ const Rate = (props) => {
     })
   );
 };
-Rate.defaultProps = defaultProps$N;
 Rate.displayName = "NutRate";
 const defaultProps$M = {
   ...ComponentDefaults,
@@ -18023,8 +18006,9 @@ const SearchBar = (props) => {
   const classPrefix2 = "nut-searchbar";
   const { locale } = useConfig();
   const searchRef = useRef(null);
-  const [value, setValue] = useState(() => props.value);
   const {
+    value: outerValue,
+    style,
     placeholder,
     shape,
     className,
@@ -18048,6 +18032,7 @@ const SearchBar = (props) => {
     ...defaultProps$M,
     ...props
   };
+  const [value, setValue] = useState(() => outerValue);
   const forceFocus = () => {
     const searchSelf = searchRef.current;
     searchSelf && searchSelf.focus();
@@ -18068,8 +18053,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]);
@@ -18079,7 +18064,7 @@ const SearchBar = (props) => {
       {
         className: `${classPrefix2}-input ${clearable ? `${classPrefix2}-input-clear` : ""}`,
         ref: searchRef,
-        style: { ...props.style },
+        style,
         value: value || "",
         placeholder: placeholder || locale.placeholder,
         disabled,
@@ -18147,7 +18132,7 @@ const SearchBar = (props) => {
     "div",
     {
       className: `${classPrefix2} ${disabled ? `${classPrefix2}-disabled` : ""}  ${className || ""}`,
-      style: { ...props.style }
+      style
     },
     renderLeft(),
     /* @__PURE__ */ React__default.createElement(
@@ -18163,7 +18148,6 @@ const SearchBar = (props) => {
     renderRight()
   );
 };
-SearchBar.defaultProps = defaultProps$M;
 SearchBar.displayName = "NutSearchBar";
 const defaultProps$L = {
   ...ComponentDefaults,
@@ -18181,7 +18165,7 @@ const InternalShortPassword = (props, ref) => {
     title,
     description,
     tips,
-    visible: deleteVisible,
+    visible: outerVisible,
     value,
     error,
     hideFooter,
@@ -18213,7 +18197,7 @@ const InternalShortPassword = (props, ref) => {
     return val.slice(0, comLen);
   };
   const [visible, setVisible] = usePropsValue({
-    value: props.visible,
+    value: outerVisible,
     defaultValue: false,
     finalValue: false
   });
@@ -18389,7 +18373,6 @@ const InternalSignature = (props, ref) => {
 const Signature = React__default.forwardRef(
   InternalSignature
 );
-Signature.defaultProps = defaultProps$K;
 Signature.displayName = "NutSignature";
 const defaultProps$J = {
   ...ComponentDefaults,
@@ -18437,7 +18420,6 @@ const Switch = (props) => {
     /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-button` }, !value && /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-close-line` }), activeText && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, value ? /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-label open` }, activeText) : /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-label close` }, inactiveText)))
   );
 };
-Switch.defaultProps = defaultProps$J;
 Switch.displayName = "NutSwitch";
 const defaultProps$I = {
   ...ComponentDefaults,
@@ -18556,7 +18538,6 @@ const TextArea = (props) => {
     showCount && /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-limit` }, inputValue.length, "/", maxLength < 0 ? 0 : maxLength)
   );
 };
-TextArea.defaultProps = defaultProps$I;
 TextArea.displayName = "NutTextArea";
 class UploadOptions {
   constructor() {
@@ -18757,7 +18738,6 @@ const Progress = (props) => {
     )))
   );
 };
-Progress.defaultProps = defaultProps$H;
 Progress.displayName = "NutProgress";
 const Preview = ({
   fileList,
@@ -19034,7 +19014,7 @@ const InternalUploader = (props, ref) => {
       });
     };
     const task = new Upload(uploadOption);
-    if (props.autoUpload) {
+    if (autoUpload) {
       task.upload();
     } else {
       uploadQueue.push(
@@ -19073,7 +19053,7 @@ const InternalUploader = (props, ref) => {
     });
   };
   const filterFiles = (files) => {
-    const maximum = props.maxCount * 1;
+    const maximum = maxCount * 1;
     const oversizes = new Array();
     const filterFile = files.filter((file) => {
       if (file.size > maxFileSize) {
@@ -19180,7 +19160,6 @@ const InternalUploader = (props, ref) => {
   ));
 };
 const Uploader = React__default.forwardRef(InternalUploader);
-Uploader.defaultProps = defaultProps$G;
 Uploader.displayName = "NutUploader";
 const defaultProps$F = {
   ...ComponentDefaults,
@@ -19253,7 +19232,6 @@ const ActionSheet = (props) => {
     ))
   );
 };
-ActionSheet.defaultProps = defaultProps$F;
 ActionSheet.displayName = "NutActionSheet";
 const fullClone = {
   ...ReactDOM
@@ -19676,7 +19654,7 @@ const Drag = (props) => {
     ({ down, last, offset: [x, y] }) => {
       api.start({ x, y, immediate: down });
       if (last) {
-        if (props.direction !== "y" && props.attract) {
+        if (direction !== "y" && attract) {
           if (x < middleLine.current) {
             api.start({ x: boundaryState.left, y, immediate: down });
           } else {
@@ -19709,7 +19687,6 @@ const Drag = (props) => {
     /* @__PURE__ */ React__default.createElement(animated.div, { style: currstyle, ...bind() }, children)
   );
 };
-Drag.defaultProps = defaultProps$D;
 Drag.displayName = "NutDrag";
 const defaultStatus = {
   empty: "https://storage.360buyimg.com/imgtools/30186cfda0-0d3eee40-c0ac-11ee-9382-9125782aa3b8.png",
@@ -19784,7 +19761,6 @@ const Empty = (props) => {
     );
   })), children);
 };
-Empty.defaultProps = defaultProps$C;
 Empty.displayName = "NutEmpty";
 const defaultProps$B = {
   ...ComponentDefaults,
@@ -19953,7 +19929,6 @@ const InfiniteLoading = (props) => {
     /* @__PURE__ */ React__default.createElement("div", { className: "nut-infinite-bottom" }, isInfiniting ? /* @__PURE__ */ React__default.createElement("div", { className: "nut-infinite-bottom-tips" }, loadingText || locale.infiniteloading.loadText) : !hasMore && /* @__PURE__ */ React__default.createElement("div", { className: "nut-infinite-bottom-tips" }, loadMoreText || locale.infiniteloading.loadMoreText))
   );
 };
-InfiniteLoading.defaultProps = defaultProps$B;
 InfiniteLoading.displayName = "NutInfiniteLoading";
 const loadingMap = {
   circular: c,
@@ -19986,7 +19961,6 @@ const Loading = (props) => {
     children ? /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-text` }, children) : ""
   );
 };
-Loading.defaultProps = defaultProps$A;
 Loading.displayName = "NutLoading";
 const defaultProps$z = {
   ...ComponentDefaults,
@@ -20394,7 +20368,6 @@ const NoticeBar = (props) => {
     )
   ) : null);
 };
-NoticeBar.defaultProps = defaultProps$z;
 NoticeBar.displayName = "NutNoticeBar";
 const classPrefix$c = "nut-notify";
 let Notification$1 = class Notification extends React.PureComponent {
@@ -20641,8 +20614,7 @@ const Popover = (props) => {
   }
   useClickAway(
     () => {
-      var _a;
-      (_a = props.onClick) == null ? void 0 : _a.call(props);
+      onClick == null ? void 0 : onClick();
       onClose == null ? void 0 : onClose();
     },
     targetSet,
@@ -20731,7 +20703,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)) {
@@ -20760,12 +20732,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();
     }
   };
@@ -20775,8 +20746,7 @@ const Popover = (props) => {
       className: "nut-popover-wrapper",
       ref: popoverRef,
       onClick: () => {
-        var _a;
-        (_a = props.onClick) == null ? void 0 : _a.call(props);
+        onClick == null ? void 0 : onClick();
         if (!visible) {
           onOpen == null ? void 0 : onOpen();
         } else {
@@ -20839,7 +20809,6 @@ const Popover = (props) => {
     document.body
   ));
 };
-Popover.defaultProps = defaultProps$y;
 Popover.displayName = "NutPopover";
 function bound(position, min, max) {
   let ret = position;
@@ -21056,7 +21025,6 @@ const AvatarGroup = (props) => {
   };
   return /* @__PURE__ */ React__default.createElement(AvatarContext.Provider, { value: parentAvatar }, /* @__PURE__ */ React__default.createElement("div", { className: cls, style, ref: avatarGroupRef }, children));
 };
-AvatarGroup.defaultProps = defaultProps$w;
 AvatarGroup.displayName = "NutAvatarGroup";
 const defaultProps$v = {
   ...ComponentDefaults,
@@ -21138,8 +21106,8 @@ const Avatar = (props) => {
     }
   };
   const errorEvent = () => {
-    if (props.onError) {
-      props.onError();
+    if (onError) {
+      onError();
     }
   };
   const clickAvatar = (e2) => {
@@ -21170,7 +21138,6 @@ const Avatar = (props) => {
     showMax && /* @__PURE__ */ React__default.createElement("div", { className: "text" }, ((_l = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _l.maxContent) ? (_m = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _m.maxContent : `+ ${avatarIndex - Number(((_n = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _n.max) || 0)}`)
   ));
 };
-Avatar.defaultProps = defaultProps$v;
 Avatar.displayName = "NutAvatar";
 Avatar.Group = AvatarGroup;
 const defaultProps$u = {
@@ -21232,7 +21199,6 @@ const Skeleton = (props) => {
     return /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-block`, key: index });
   })))));
 };
-Skeleton.defaultProps = defaultProps$u;
 Skeleton.displayName = "NutSkeleton";
 function preventDefault(event, isStopPropagation) {
   if (typeof event.cancelable !== "boolean" || event.cancelable) {
@@ -21661,7 +21627,6 @@ const Animate = (props) => {
   };
   return /* @__PURE__ */ React__default.createElement("div", { className: "nut-animate" }, /* @__PURE__ */ React__default.createElement("div", { className: cls, onClick: handleClick2, ...rest }, children));
 };
-Animate.defaultProps = defaultProps$s;
 Animate.displayName = "NutAnimate";
 const defaultProps$r = {
   ...ComponentDefaults,
@@ -22064,11 +22029,10 @@ const CircleProgress = (props) => {
     return `M 50 50 m -45 0 a 45 45 0 1 ${isWise} 90 0  a 45 45 0 1 ${isWise} -90 0`;
   };
   const stop2 = () => {
-    if (!isObject(props.color)) {
+    if (!isObject(color)) {
       return;
     }
-    const color2 = props.color;
-    const colorArr = Object.keys(color2).sort(
+    const colorArr = Object.keys(color).sort(
       (a2, b) => parseFloat(a2) - parseFloat(b)
     );
     const stopArr = [];
@@ -22078,7 +22042,7 @@ const CircleProgress = (props) => {
         value: ""
       };
       obj.key = item;
-      obj.value = color2[item];
+      obj.value = color[item];
       stopArr.push(obj);
     });
     return stopArr;
@@ -22107,7 +22071,6 @@ const CircleProgress = (props) => {
     }
   )), /* @__PURE__ */ React__default.createElement("div", { className: "nut-circleprogress-text" }, children));
 };
-CircleProgress.defaultProps = defaultProps$o;
 CircleProgress.displayName = "NutCircleProgress";
 const collapseContext = {
   isOpen: (name) => {
@@ -22217,7 +22180,6 @@ const CollapseItem = (props) => {
     /* @__PURE__ */ React__default.createElement("div", { ref: contentRef, className: `${classPrefix2}-content-text` }, children)
   ));
 };
-CollapseItem.defaultProps = defaultProps$n;
 CollapseItem.displayName = "NutCollapseItem";
 const defaultProps$m = {
   ...ComponentDefaults,
@@ -22295,7 +22257,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 = {
@@ -22536,7 +22497,6 @@ const InternalCountDown = (props, ref) => {
 const CountDown = React__default.forwardRef(
   InternalCountDown
 );
-CountDown.defaultProps = defaultProps$l;
 CountDown.displayName = "NutCountDown";
 const useIsomorphicLayoutEffect = canUseDom ? useLayoutEffect : useEffect;
 const defaultProps$k = {
@@ -22717,7 +22677,6 @@ const Ellipsis = (props) => {
     collapseText
   ) : null) : null);
 };
-Ellipsis.defaultProps = defaultProps$k;
 Ellipsis.displayName = "NutEllipsis";
 const defaultProps$j = {
   ...ComponentDefaults,
@@ -22797,7 +22756,6 @@ const Video = (props) => {
     /* @__PURE__ */ React__default.createElement("track", { kind: "captions" })
   ));
 };
-Video.defaultProps = defaultProps$j;
 Video.displayName = "NutVideo";
 const defaultProps$i = {
   total: 3,
@@ -22830,7 +22788,6 @@ const Indicator = (props) => {
   };
   return /* @__PURE__ */ React__default.createElement("div", { className: classNames(classPrefix$3, classes, className), ...rest }, renderElement());
 };
-Indicator.defaultProps = defaultProps$i;
 Indicator.displayName = "NutIndicator";
 const getRefValue = (ref) => {
   return ref.current;
@@ -23259,6 +23216,7 @@ const defaultProps$f = {
 };
 const ImagePreview = (props) => {
   const {
+    value,
     className,
     style,
     images,
@@ -23271,17 +23229,17 @@ const ImagePreview = (props) => {
     closeOnContentClick,
     closeIcon,
     closeIconPosition,
-    onClose
-  } = props;
+    onClose,
+    onChange
+  } = { ...defaultProps$f, ...props };
   const classPrefix2 = "nut-imagepreview";
   const ref = useRef(null);
   const [innerNo, setInnerNo] = usePropsValue({
-    value: props.value,
+    value,
     defaultValue,
     finalValue: defaultValue,
     onChange: (val) => {
-      var _a;
-      (_a = props.onChange) == null ? void 0 : _a.call(props, val);
+      onChange == null ? void 0 : onChange(val);
     }
   });
   const [showPop, setShowPop] = useState(visible);
@@ -23392,9 +23350,8 @@ 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 = (e2) => {
     e2.stopPropagation();
@@ -23408,6 +23365,7 @@ const ImagePreview = (props) => {
     });
   };
   const closeOnImg = (e2) => {
+    e2.stopPropagation();
     if (closeOnContentClick) {
       onCloseInner(e2);
     }
@@ -23465,7 +23423,6 @@ const ImagePreview = (props) => {
     ) : null
   );
 };
-ImagePreview.defaultProps = defaultProps$f;
 ImagePreview.displayName = "NutImagePreview";
 const defaultProps$e = {
   ...ComponentDefaults,
@@ -23577,7 +23534,6 @@ const Pagination = (props) => {
     next || locale.pagination.next
   )), mode === "lite" && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-lite` }, /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-lite-active` }, 2), /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-lite-default` }, 8))));
 };
-Pagination.defaultProps = defaultProps$e;
 Pagination.displayName = "NutPagination";
 const defaultProps$d = {
   ...ComponentDefaults,
@@ -23670,7 +23626,6 @@ const Price = (props) => {
     symbol && position === "after" ? renderSymbol() : null
   );
 };
-Price.defaultProps = defaultProps$d;
 Price.displayName = "NutPrice";
 const DataContext = createContext({});
 const defaultProps$c = {
@@ -23716,7 +23671,6 @@ const Step = (props) => {
   };
   return /* @__PURE__ */ React__default.createElement("div", { className: classes, ...restProps, onClick: handleClickStep }, /* @__PURE__ */ React__default.createElement("div", { className: "nut-step-head" }, /* @__PURE__ */ React__default.createElement("div", { className: "nut-step-line" }), /* @__PURE__ */ React__default.createElement("div", { className: renderIconClass() }, icon || !dot && /* @__PURE__ */ React__default.createElement("span", { className: "nut-step-inner" }, value))), (title || description) && /* @__PURE__ */ React__default.createElement("div", { className: "nut-step-main" }, /* @__PURE__ */ React__default.createElement("span", { className: "nut-step-title" }, title), description && /* @__PURE__ */ React__default.createElement("span", { className: "nut-step-description" }, description)));
 };
-Step.defaultProps = defaultProps$c;
 Step.displayName = "NutStep";
 const defaultProps$b = {
   ...ComponentDefaults,
@@ -23743,13 +23697,12 @@ const Steps = (props) => {
     classPrefix2,
     {
       [`${classPrefix2}-${direction}`]: true,
-      [`${classPrefix2}-dot`]: !!props.dot
+      [`${classPrefix2}-dot`]: !!dot
     },
     className
   );
   return /* @__PURE__ */ React__default.createElement(DataContext.Provider, { value: parentSteps }, /* @__PURE__ */ React__default.createElement("div", { className: classes, ...restProps }, children));
 };
-Steps.defaultProps = defaultProps$b;
 Steps.displayName = "NutSteps";
 function useTableSticky(columns, rtl = false) {
   const [isSticky, setIsSticky] = useState(false);
@@ -23890,7 +23843,7 @@ const Table = (props) => {
   };
   const cellClasses = (item) => {
     return {
-      [`${headerClassPrefix}-border`]: props.bordered,
+      [`${headerClassPrefix}-border`]: bordered,
       [`${headerClassPrefix}-align${item.align ? item.align : ""}`]: true
     };
   };
@@ -23976,7 +23929,6 @@ const Table = (props) => {
     }
   )) : null, (summary || innerValue.length === 0) && /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-summary` }, summary || noData));
 };
-Table.defaultProps = defaultProps$a;
 Table.displayName = "NutTable";
 const defaultProps$9 = {
   ...ComponentDefaults,
@@ -24079,7 +24031,6 @@ const Tag = (props) => {
     children && /* @__PURE__ */ React__default.createElement("span", { className: `${classPrefix2}-text` }, children)
   ));
 };
-Tag.defaultProps = defaultProps$9;
 Tag.displayName = "NutTag";
 const defaultProps$8 = {
   ...ComponentDefaults,
@@ -24237,7 +24188,6 @@ const Tour = (props) => {
     )));
   }));
 };
-Tour.defaultProps = defaultProps$8;
 Tour.displayName = "NutTour";
 const initPositinoCache = (reaItemSize, length = 0) => {
   let index = 0;
@@ -24542,7 +24492,6 @@ const VirtualList = (props) => {
     )
   );
 };
-VirtualList.defaultProps = defaultProps$7;
 VirtualList.displayName = "NutVirtualList";
 const defaultProps$6 = {
   ...ComponentDefaults,
@@ -24650,7 +24599,6 @@ const InternalBarrage = (props, ref) => {
 const Barrage = React__default.forwardRef(
   InternalBarrage
 );
-Barrage.defaultProps = defaultProps$6;
 Barrage.displayName = "NutBarrage";
 const defaultProps$5 = {
   ...ComponentDefaults,
@@ -24696,7 +24644,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,
@@ -24751,7 +24698,6 @@ const TimeDetail = (props) => {
     item[optionKey.textKey]
   )));
 };
-TimeDetail.defaultProps = defaultProps$4;
 TimeDetail.displayName = "NutTimeDetail";
 const defaultProps$3 = {
   ...ComponentDefaults,
@@ -24889,7 +24835,6 @@ const TimeSelect = (props) => {
     )))
   );
 };
-TimeSelect.defaultProps = defaultProps$3;
 TimeSelect.displayName = "NutTimeSelect";
 const defaultProps$2 = {
   ...ComponentDefaults,
@@ -24970,7 +24915,6 @@ const TrendArrow = (props) => {
   };
   return /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2} ${className}`, style, ...rest }, !left && renderContent(!left), Number(value) !== 0 && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, rateTrend.current ? /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, riseIcon || /* @__PURE__ */ React__default.createElement(o, { color: calcIconProps.color })) : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, dropIcon || /* @__PURE__ */ React__default.createElement(e, { color: calcIconProps.color }))), left && renderContent(!left));
 };
-TrendArrow.defaultProps = defaultProps$2;
 TrendArrow.displayName = "NutTrendArrow";
 const defaultProps$1 = {
   ...ComponentDefaults,
@@ -25082,7 +25026,6 @@ const WaterMark = (props) => {
     }
   );
 };
-WaterMark.defaultProps = defaultProps$1;
 WaterMark.displayName = "NutWaterMark";
 const defaultProps = {
   ...ComponentDefaults,
@@ -25445,7 +25388,6 @@ const AvatarCropper = (props) => {
     }
   ), /* @__PURE__ */ React__default.createElement("div", { className: "nut-avatar-cropper-edit-text" }, editText)), CropperPopup());
 };
-AvatarCropper.defaultProps = defaultProps;
 AvatarCropper.displayName = "NutAvatarCropper";
 export {
   ActionSheet,