@nutui/nutui-react 2.6.14 → 2.6.16

package/dist/nutui.react.umd.js

@@ -2,7 +2,7 @@
   typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("react"), require("react-dom")) : typeof define === "function" && define.amd ? define(["exports", "react", "react-dom"], factory) : (global2 = typeof globalThis !== "undefined" ? globalThis : global2 || self, factory(global2.nutui = {}, global2.React, global2.ReactDOM));
 })(this, function(exports2, React, ReactDOM) {
   "use strict";/*!
-* @nutui/nutui-react v2.6.14 Fri Jul 19 2024 16:21:28 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.6.16 Sat Aug 03 2024 09:49:59 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -548,7 +548,7 @@
     style: {}
   };
   const prefixCls$2 = "nut-button";
-  const defaultProps$1t = {
+  const defaultProps$1u = {
     ...ComponentDefaults,
     color: "",
     type: "default",
@@ -584,7 +584,7 @@
         onClick,
         ...rest
       } = {
-        ...defaultProps$1t,
+        ...defaultProps$1u,
         ...props
       };
       const getStyle = React.useCallback(() => {
@@ -643,7 +643,7 @@
   );
   Button.displayName = "NutButton";
   const CellGroupContext = React.createContext(null);
-  const defaultProps$1s = {
+  const defaultProps$1t = {
     ...ComponentDefaults,
     title: "",
     description: "",
@@ -652,7 +652,7 @@
   const classPrefix$r = "nut-cell-group";
   const CellGroup = (props) => {
     const { children, className, title, description, divider, ...rest } = {
-      ...defaultProps$1s,
+      ...defaultProps$1t,
       ...props
     };
     return /* @__PURE__ */ React.createElement("div", { className: classNames(classPrefix$r, className), ...rest }, title ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$r}-title` }, title) : null, description ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$r}-description` }, description) : null, /* @__PURE__ */ React.createElement(
@@ -664,7 +664,7 @@
     ));
   };
   CellGroup.displayName = "NutCellGroup";
-  const defaultProps$1r = {
+  const defaultProps$1s = {
     ...ComponentDefaults,
     title: null,
     description: null,
@@ -689,7 +689,7 @@
       style,
       ...rest
     } = {
-      ...defaultProps$1r,
+      ...defaultProps$1s,
       ...props
     };
     const handleClick2 = (event) => {
@@ -1880,7 +1880,7 @@
   const pxCheck = (value) => {
     return Number.isNaN(Number(value)) ? String(value) : `${value}px`;
   };
-  const defaultProps$1q = {
+  const defaultProps$1r = {
     ...ComponentDefaults,
     fit: "fill",
     position: "center",
@@ -1910,7 +1910,7 @@
       onClick,
       onLoad,
       onError
-    } = { ...defaultProps$1q, ...props };
+    } = { ...defaultProps$1r, ...props };
     const [innerLoading, setInnerLoading] = React.useState(false);
     const [isError, setIsError] = React.useState(false);
     const [complete, setComplete] = React.useState(false);
@@ -2772,7 +2772,7 @@
   };
   Overlay.displayName = "NutOverlay";
   const DataContext$1 = React.createContext({});
-  const defaultProps$1p = {
+  const defaultProps$1q = {
     ...ComponentDefaults,
     span: "24",
     offset: "0",
@@ -2780,7 +2780,7 @@
   };
   const Col = (props) => {
     const { className, style, span, offset, children, onClick } = {
-      ...defaultProps$1p,
+      ...defaultProps$1q,
       ...props
     };
     const [colName, setColName] = React.useState("");
@@ -2813,7 +2813,7 @@
     );
   };
   Col.displayName = "NutCol";
-  const defaultProps$1o = {
+  const defaultProps$1p = {
     ...ComponentDefaults,
     contentPosition: "center",
     direction: "horizontal"
@@ -2821,7 +2821,7 @@
   const classPrefix$n = `nut-divider`;
   const Divider = (props) => {
     const { children, contentPosition, style, className, direction, ...rest } = {
-      ...defaultProps$1o,
+      ...defaultProps$1p,
       ...props
     };
     const classes = direction === "horizontal" ? classNames({
@@ -2842,7 +2842,7 @@
     }
   };
   const GridContext = React.createContext(gridContext);
-  const defaultProps$1n = {
+  const defaultProps$1o = {
     text: "",
     columns: 4,
     gap: 0,
@@ -2868,7 +2868,7 @@
       onClick,
       ...rest
     } = {
-      ...defaultProps$1n,
+      ...defaultProps$1o,
       ...props
     };
     const classPrefix2 = "nut-grid-item";
@@ -2927,7 +2927,7 @@
     );
   };
   GridItem.displayName = "NutGridItem";
-  const defaultProps$1m = {
+  const defaultProps$1n = {
     columns: 4,
     gap: 0,
     center: true,
@@ -2948,7 +2948,7 @@
       className,
       onClick,
       ...rest
-    } = { ...defaultProps$1m, ...props };
+    } = { ...defaultProps$1n, ...props };
     const childrenDom = React.Children.toArray(children);
     const classPrefix2 = "nut-grid";
     const rootClass = () => {
@@ -2984,14 +2984,14 @@
   };
   Grid.displayName = "NutGrid";
   Grid.Item = GridItem;
-  const defaultProps$1l = {};
+  const defaultProps$1m = {};
   const Layout = (props) => {
-    ({ ...defaultProps$1l, ...props });
+    ({ ...defaultProps$1m, ...props });
     return /* @__PURE__ */ React.createElement("div", { className: "nut-layout" }, "Layout");
   };
   Layout.displayName = "NutLayout";
   const classPrefix$m = "nut-row";
-  const defaultProps$1k = {
+  const defaultProps$1l = {
     ...ComponentDefaults,
     type: "",
     justify: "start",
@@ -3011,7 +3011,7 @@
       gutter,
       onClick
     } = {
-      ...defaultProps$1k,
+      ...defaultProps$1l,
       ...props
     };
     const getClass = (prefix2, type22) => {
@@ -3045,12 +3045,12 @@
   };
   Row.displayName = "NutRow";
   const prefixCls$1 = "nut-space";
-  const defaultProps$1j = {
+  const defaultProps$1k = {
     direction: "horizontal"
   };
   const Space = (props) => {
     const { className, style, children, wrap, align, direction, justify } = {
-      ...defaultProps$1j,
+      ...defaultProps$1k,
       ...props
     };
     const cls = classNames(
@@ -3118,7 +3118,7 @@
       stop2.current = true;
     };
   }
-  const defaultProps$1i = {
+  const defaultProps$1j = {
     ...ComponentDefaults,
     position: "top",
     threshold: 0,
@@ -3136,7 +3136,7 @@
       threshold,
       onChange,
       ...rest
-    } = { ...defaultProps$1i, ...props };
+    } = { ...defaultProps$1j, ...props };
     const stickyRef = React.useRef(null);
     const rootRef = React.useRef(null);
     const [isFixed, setIsFixed] = React.useState(false);
@@ -3150,13 +3150,14 @@
     }, []);
     React.useEffect(() => {
       if (position === "top") return;
-      const containerEle = container == null ? void 0 : container.current;
-      if (!rootRef.current && !containerEle) return;
-      const rootRect = getRect(rootRef.current);
+      const containerEle = container && container.current;
+      const rootEle = rootRef.current;
+      const stickyEle = stickyRef.current;
+      if (!rootEle && !containerEle) return;
+      const rootRect = getRect(rootEle);
       const containerRect = getRect(containerEle);
       const clientHeight = document.documentElement.clientHeight;
-      const stCurrent = stickyRef.current;
-      const stickyRect = getRect(stCurrent);
+      const stickyRect = getRect(stickyEle);
       let fixed = clientHeight - threshold < rootRect.bottom;
       if (containerEle) {
         fixed = containerRect.bottom > clientHeight - threshold - stickyRect.height && clientHeight - threshold - stickyRect.height > containerRect.top;
@@ -3171,19 +3172,18 @@
       setIsFixed(fixed);
     }, [position, container, threshold]);
     const handleScroll = React.useCallback(() => {
-      const containerEle = container == null ? void 0 : container.current;
-      if (!rootRef.current && !containerEle) return;
-      const rootRect = getRect(rootRef.current);
-      const stCurrent = stickyRef.current;
-      const stickyRect = getRect(stCurrent);
+      const containerEle = container && container.current;
+      const rootEle = rootRef.current;
+      const stickyEle = stickyRef.current;
+      if (!rootEle && !containerEle) return;
+      const rootRect = getRect(rootEle);
+      const stickyRect = getRect(stickyEle);
       const containerRect = getRect(containerEle);
       if (rootRect.height) {
-        setRootStyle((prev) => {
-          return {
-            ...prev,
-            height: rootRect.height
-          };
-        });
+        setRootStyle((prev) => ({
+          ...prev,
+          height: rootRect.height
+        }));
       }
       const getFixed = () => {
         let fixed2 = false;
@@ -3199,22 +3199,16 @@
         };
       };
       const getTransform = () => {
-        if (position === "top") {
-          if (containerEle) {
-            const diff = containerRect.bottom - threshold - stickyRect.height;
-            const transform = diff < 0 ? diff : 0;
-            return { transform: `translate3d(0, ${transform}px, 0)` };
-          }
-          return {};
+        if (position === "top" && containerEle) {
+          const diff = containerRect.bottom - threshold - stickyRect.height;
+          const transform = diff < 0 ? diff : 0;
+          return { transform: `translate3d(0, ${transform}px, 0)` };
         }
-        if (position === "bottom") {
-          if (containerEle) {
-            const clientHeight = document.documentElement.clientHeight;
-            const diff = containerRect.bottom - (clientHeight - threshold);
-            const transform = diff < 0 ? diff : 0;
-            return { transform: `translate3d(0, ${transform}px, 0)` };
-          }
-          return {};
+        if (position === "bottom" && containerEle) {
+          const clientHeight = document.documentElement.clientHeight;
+          const diff = containerRect.bottom - (clientHeight - threshold);
+          const transform = diff < 0 ? diff : 0;
+          return { transform: `translate3d(0, ${transform}px, 0)` };
         }
         return {};
       };
@@ -3233,9 +3227,9 @@
     });
     React.useEffect(() => {
       const el = getElement();
-      el.addEventListener("scroll", handleScroll, false);
+      el == null ? void 0 : el.addEventListener("scroll", handleScroll, false);
       return () => {
-        el.removeEventListener("scroll", handleScroll);
+        el == null ? void 0 : el.removeEventListener("scroll", handleScroll);
       };
     }, [getElement, handleScroll]);
     return /* @__PURE__ */ React.createElement(
@@ -3263,7 +3257,7 @@
     );
   };
   SafeArea.displayName = "NutSafeArea";
-  const defaultProps$1h = {
+  const defaultProps$1i = {
     ...ComponentDefaults,
     target: "",
     threshold: 200,
@@ -3282,7 +3276,7 @@
       style,
       onClick
     } = {
-      ...defaultProps$1h,
+      ...defaultProps$1i,
       ...props
     };
     const classPrefix2 = "nut-backtop";
@@ -8200,7 +8194,7 @@
   });
   const animated = host.animated;
   const elevatorContext = React.createContext({});
-  const defaultProps$1g = {
+  const defaultProps$1h = {
     ...ComponentDefaults,
     height: "200px",
     floorKey: "title",
@@ -8226,7 +8220,7 @@
       children,
       ...rest
     } = {
-      ...defaultProps$1g,
+      ...defaultProps$1h,
       ...props
     };
     const classPrefix2 = "nut-elevator";
@@ -8404,7 +8398,7 @@
   };
   Elevator.displayName = "NutElevator";
   Elevator.Context = elevatorContext;
-  const defaultProps$1f = {
+  const defaultProps$1g = {
     ...ComponentDefaults,
     activeText: "",
     inactiveText: "",
@@ -8432,7 +8426,7 @@
       content,
       ...rest
     } = {
-      ...defaultProps$1f,
+      ...defaultProps$1g,
       ...props
     };
     const classPrefix2 = "nut-fixednav";
@@ -8485,7 +8479,7 @@
     );
   };
   FixedNav.displayName = "NutFixedNav";
-  const defaultProps$1e = {
+  const defaultProps$1f = {
     ...ComponentDefaults,
     left: "",
     right: "",
@@ -8510,7 +8504,7 @@
       zIndex,
       onBackClick
     } = {
-      ...defaultProps$1e,
+      ...defaultProps$1f,
       ...props
     };
     const classPrefix2 = "nut-navbar";
@@ -8587,7 +8581,7 @@
     return /* @__PURE__ */ React.createElement(React.Fragment, null, fixed && placeholder ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-placeholder` }, renderWrapper()) : renderWrapper());
   };
   NavBar.displayName = "NutNavBar";
-  const defaultProps$1d = {
+  const defaultProps$1e = {
     ...ComponentDefaults,
     position: "center",
     transition: "",
@@ -8640,7 +8634,7 @@
       afterShow,
       afterClose,
       onClick
-    } = { ...defaultProps$1d, ...props };
+    } = { ...defaultProps$1e, ...props };
     const nodeRef = React.useRef(null);
     let innerIndex = zIndex || _zIndex;
     const [index, setIndex] = React.useState(innerIndex);
@@ -8796,7 +8790,7 @@
     }
   };
   const OffsetContext = React.createContext(20);
-  const defaultProps$1c = {
+  const defaultProps$1d = {
     ...ComponentDefaults,
     position: "left",
     width: "80%"
@@ -8814,7 +8808,7 @@
       indent,
       ...rest
     } = {
-      ...defaultProps$1c,
+      ...defaultProps$1d,
       ...props
     };
     const innerIndent = indent ? Number(indent) : 20;
@@ -8864,13 +8858,13 @@
       title
     );
   };
-  const defaultProps$1b = {
+  const defaultProps$1c = {
     open: true
   };
   const SubSideNavBar = (props) => {
     const classPrefix2 = "nut-subsidenavbar";
     const { title, value, children, onClick, open, ...rest } = {
-      ...defaultProps$1b,
+      ...defaultProps$1c,
       ...props
     };
     const offset = React.useContext(OffsetContext);
@@ -8947,7 +8941,7 @@
     );
     return [stateRef.current, setState];
   }
-  const defaultProps$1a = {
+  const defaultProps$1b = {
     ...ComponentDefaults,
     value: "",
     dot: false,
@@ -8972,7 +8966,7 @@
       color,
       fill
     } = {
-      ...defaultProps$1a,
+      ...defaultProps$1b,
       ...props
     };
     const classPrefix2 = "nut-badge";
@@ -9026,7 +9020,7 @@
   };
   Badge.displayName = "NutBadge";
   const TabbarContext = React.createContext(null);
-  const defaultProps$19 = {
+  const defaultProps$1a = {
     ...ComponentDefaults,
     title: "",
     icon: null,
@@ -9052,7 +9046,7 @@
       index,
       ...rest
     } = {
-      ...defaultProps$19,
+      ...defaultProps$1a,
       ...props
     };
     const active = index === (ctx2 == null ? void 0 : ctx2.selectIndex);
@@ -9090,7 +9084,7 @@
       icon ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Badge, { ...badgeProps }, /* @__PURE__ */ React.createElement("div", { className: boxPrefix }, icon)), /* @__PURE__ */ React.createElement("div", { className: titleClass }, title)) : /* @__PURE__ */ React.createElement(Badge, { ...badgeProps }, /* @__PURE__ */ React.createElement("div", { className: titleClass }, title))
     );
   };
-  const defaultProps$18 = {
+  const defaultProps$19 = {
     ...ComponentDefaults,
     defaultValue: 0,
     fixed: false,
@@ -9113,7 +9107,7 @@
       style,
       onSwitch
     } = {
-      ...defaultProps$18,
+      ...defaultProps$19,
       ...props
     };
     const classPrefix2 = "nut-tabbar";
@@ -9155,14 +9149,14 @@
   };
   Tabbar.displayName = "NutTabbar";
   Tabbar.Item = TabbarItem;
-  const defaultProps$17 = {
+  const defaultProps$18 = {
     title: "",
     value: "",
     disabled: false
   };
   const TabPane = (props) => {
     const { children, autoHeightClassName, className, disabled } = {
-      ...defaultProps$17,
+      ...defaultProps$18,
       ...props
     };
     const classPrefix2 = "nut-tabpane";
@@ -9176,7 +9170,7 @@
     );
     return children ? /* @__PURE__ */ React.createElement("div", { className: classes }, !disabled && children) : null;
   };
-  const defaultProps$16 = {
+  const defaultProps$17 = {
     ...ComponentDefaults,
     tabStyle: {},
     activeColor: "",
@@ -9205,7 +9199,7 @@
       defaultValue: outerDefaultValue,
       ...rest
     } = {
-      ...defaultProps$16,
+      ...defaultProps$17,
       ...props
     };
     const [value, setValue] = usePropsValue({
@@ -9513,7 +9507,7 @@
       return pathNodes;
     }
   }
-  const defaultProps$15 = {
+  const defaultProps$16 = {
     ...ComponentDefaults,
     activeColor: "",
     activeIcon: "checklist",
@@ -9558,7 +9552,7 @@
       onClose,
       onChange,
       onPathChange
-    } = { ...defaultProps$15, ...props };
+    } = { ...defaultProps$16, ...props };
     const [tabvalue, setTabvalue] = React.useState("c1");
     const [optionsData, setOptionsData] = React.useState([]);
     const isLazy = () => state.configs.lazy && Boolean(state.configs.onLoad);
@@ -9865,7 +9859,7 @@
   };
   const Cascader = React.forwardRef(InternalCascader);
   Cascader.displayName = "NutCascader";
-  const defaultProps$14 = {
+  const defaultProps$15 = {
     ...ComponentDefaults,
     visible: false,
     type: "custom",
@@ -9892,7 +9886,7 @@
       onPathChange,
       ...rest
     } = {
-      ...defaultProps$14,
+      ...defaultProps$15,
       ...props
     };
     return /* @__PURE__ */ React.createElement(React.Fragment, null, type === "custom" && /* @__PURE__ */ React.createElement(
@@ -9917,7 +9911,7 @@
       }
     ));
   };
-  const defaultProps$13 = {
+  const defaultProps$14 = {
     type: "custom",
     existList: [],
     defaultIcon: null,
@@ -9936,7 +9930,7 @@
       onSelect,
       onSwitch,
       ...rest
-    } = { ...defaultProps$13, ...props };
+    } = { ...defaultProps$14, ...props };
     const classPrefix2 = "nut-address";
     const selectedExist = (item) => {
       existList.forEach((list, index) => {
@@ -9965,7 +9959,7 @@
       );
     })), (custom || custom && locale.address.chooseAnotherAddress) && /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-footer`, onClick }, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-footer-btn` }, custom)));
   };
-  const defaultProps$12 = {
+  const defaultProps$13 = {
     ...ComponentDefaults,
     defaultValue: [],
     type: "custom",
@@ -10007,7 +10001,7 @@
       onSwitch,
       ...rest
     } = {
-      ...defaultProps$12,
+      ...defaultProps$13,
       ...props
     };
     const classPrefix2 = "nut-address";
@@ -10345,7 +10339,7 @@
   const isStartAndEnd = (days) => {
     return days.length >= 2 && Utils.isEqual(days[0], days[1]);
   };
-  const defaultProps$11 = {
+  const defaultProps$12 = {
     ...ComponentDefaults,
     type: "single",
     autoBackfill: false,
@@ -10406,7 +10400,7 @@
       onUpdate,
       onDayClick,
       onPageChange
-    } = { ...defaultProps$11, ...props };
+    } = { ...defaultProps$12, ...props };
     const weekdays = locale.calendaritem.weekdays;
     const weeks = [
       ...weekdays.slice(firstDayOfWeek, 7),
@@ -10698,8 +10692,10 @@
     };
     React.useEffect(() => {
       setCurrentDate(resetDefaultValue() || []);
-      popup && resetRender();
     }, [defaultValue]);
+    React.useEffect(() => {
+      popup && resetRender();
+    }, [currentDate]);
     const scrollToDate = (date) => {
       if (Utils.compareDate(date, propStartDate)) {
         date = propStartDate;
@@ -10943,7 +10939,7 @@
     return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: classes, style }, renderHeader(), renderContent(), popup && !autoBackfill ? renderFooter() : ""));
   });
   CalendarItem.displayName = "NutCalendarItem";
-  const defaultProps$10 = {
+  const defaultProps$11 = {
     ...ComponentDefaults,
     type: "single",
     autoBackfill: false,
@@ -11006,7 +11002,7 @@
       onConfirm,
       onDayClick,
       onPageChange
-    } = { ...defaultProps$10, ...props };
+    } = { ...defaultProps$11, ...props };
     const calendarRef = React.useRef(null);
     const close = () => {
       onClose && onClose();
@@ -11186,7 +11182,7 @@
       )
     ];
   };
-  const defaultProps$$ = {
+  const defaultProps$10 = {
     ...ComponentDefaults,
     type: "single",
     firstDayOfWeek: 0
@@ -11210,7 +11206,7 @@
       onDayClick,
       onPageChange,
       onChange
-    } = { ...defaultProps$$, ...props };
+    } = { ...defaultProps$10, ...props };
     const [month, setMonth] = React.useState(() => {
       let date = new Date(Date.now());
       const val = value || defaultValue;
@@ -11514,7 +11510,7 @@
   });
   CalendarCard.displayName = "NutCalendarCard";
   const CheckboxGroupContext = React.createContext(null);
-  const defaultProps$_ = {
+  const defaultProps$$ = {
     max: void 0,
     min: void 0,
     list: false,
@@ -11534,17 +11530,17 @@
         className,
         disabled,
         list,
-        onChange,
         value,
         defaultValue,
         max,
         min,
-        onLimit,
         labelPosition,
         direction,
         options: options2,
+        onChange,
+        onLimit,
         ...rest
-      } = { ...defaultProps$_, ...props };
+      } = { ...defaultProps$$, ...props };
       React.useImperativeHandle(ref, () => ({
         toggle(state) {
           if (state === false) {
@@ -11571,8 +11567,8 @@
         }
       }));
       const [_value, setValue] = usePropsValue({
-        value: props.value,
-        defaultValue: props.defaultValue,
+        value,
+        defaultValue,
         finalValue: [],
         onChange
       });
@@ -11624,7 +11620,7 @@
             className: classNames(
               classPrefix$i,
               {
-                [`nut-checkboxgroup-${props.direction}`]: props.direction,
+                [`nut-checkboxgroup-${direction}`]: direction,
                 [`nut-checkboxgroup-list`]: list
               },
               className
@@ -11636,9 +11632,8 @@
       );
     }
   );
-  CheckboxGroup.defaultProps = defaultProps$_;
   CheckboxGroup.displayName = "NutCheckboxGroup";
-  const defaultProps$Z = {
+  const defaultProps$_ = {
     ...ComponentDefaults,
     disabled: false,
     shape: "round",
@@ -11652,7 +11647,7 @@
   const classPrefix$h = "nut-checkbox";
   const Checkbox = (props) => {
     const { children } = {
-      ...defaultProps$Z,
+      ...defaultProps$_,
       ...props
     };
     const {
@@ -12029,7 +12024,7 @@
     }, []);
     return [refs.current, setRefs, reset];
   }
-  const defaultProps$Y = {
+  const defaultProps$Z = {
     ...ComponentDefaults,
     title: "",
     options: [],
@@ -12059,7 +12054,7 @@
       afterClose,
       onChange,
       ...rest
-    } = { ...defaultProps$Y, ...props };
+    } = { ...defaultProps$Z, ...props };
     const classPrefix2 = "nut-picker";
     const classes = classNames(classPrefix2, className);
     const [selectedValue, setSelectedValue] = usePropsValue({
@@ -12300,7 +12295,7 @@
     return str;
   };
   const currentYear = (/* @__PURE__ */ new Date()).getFullYear();
-  const defaultProps$X = {
+  const defaultProps$Y = {
     ...ComponentDefaults,
     visible: false,
     title: "",
@@ -12333,7 +12328,7 @@
       style,
       ...rest
     } = {
-      ...defaultProps$X,
+      ...defaultProps$Y,
       ...props
     };
     const { locale } = useConfig();
@@ -12457,7 +12452,7 @@
         if (!isEqual2) {
           setSelectedDate(formatValue(newDate));
         }
-        props.onChange && props.onChange(
+        onChange == null ? void 0 : onChange(
           selectedOptions,
           [
             String(newDate.getFullYear()),
@@ -12554,8 +12549,8 @@
       }
       pickerValue[columnIndex] = (_a = arr[index]) == null ? void 0 : _a.value;
       setPickerValue([...pickerValue]);
-      if (props.filter && props.filter(type22, arr)) {
-        return props.filter(type22, arr);
+      if (filter == null ? void 0 : filter(type22, arr)) {
+        return filter == null ? void 0 : filter(type22, arr);
       }
       return arr;
     };
@@ -12613,7 +12608,6 @@
       }
     ));
   };
-  DatePicker.defaultProps = defaultProps$X;
   DatePicker.displayName = "NutDatePicker";
   const Context = React.createContext({});
   function _extends() {
@@ -13845,7 +13839,7 @@
     }
     return [formRef.current];
   };
-  const defaultProps$W = {
+  const defaultProps$X = {
     ...ComponentDefaults,
     labelPosition: "right",
     starPosition: "left",
@@ -13876,7 +13870,7 @@
         starPosition,
         form
       } = {
-        ...defaultProps$W,
+        ...defaultProps$X,
         ...props
       };
       let formInstance;
@@ -13932,7 +13926,7 @@
       }
     ).$$typeof === component.type.$$typeof;
   }
-  const defaultProps$V = {
+  const defaultProps$W = {
     ...ComponentDefaults,
     required: false,
     name: "",
@@ -14025,9 +14019,10 @@
           rules: rules2,
           className,
           style,
-          errorMessageAlign
+          errorMessageAlign,
+          align
         } = {
-          ...defaultProps$V,
+          ...defaultProps$W,
           ...this.props
         };
         const requiredInRules = rules2 == null ? void 0 : rules2.some((rule) => rule.required);
@@ -14040,6 +14035,7 @@
           {
             className: `nut-form-item ${className}`,
             style,
+            align,
             onClick: (e2) => this.props.onClick && this.props.onClick(e2, this.componentRef)
           },
           label ? /* @__PURE__ */ React.createElement("div", { className: "nut-cell-title nut-form-item-label" }, renderLabel) : null,
@@ -14093,7 +14089,7 @@
       return /* @__PURE__ */ React.createElement(React.Fragment, { key: this.state.resetCount }, this.props.noStyle ? returnChildNode : this.renderLayout(returnChildNode));
     }
   };
-  _FormItem.defaultProps = defaultProps$V;
+  _FormItem.defaultProps = defaultProps$W;
   _FormItem.contextType = Context;
   let FormItem = _FormItem;
   const InnerForm = Form;
@@ -14123,7 +14119,7 @@
     const regExp = allowDot ? /[^-0-9.]/g : /[^-0-9]/g;
     return value.replace(regExp, "");
   }
-  const defaultProps$U = {
+  const defaultProps$V = {
     ...ComponentDefaults,
     type: "text",
     name: "",
@@ -14169,7 +14165,7 @@
         onCompositionEnd,
         ...rest
       } = {
-        ...defaultProps$U,
+        ...defaultProps$V,
         ...props
       };
       const [value, setValue] = usePropsValue({
@@ -14314,7 +14310,7 @@
     }
   );
   Input.displayName = "NutInput";
-  const defaultProps$T = {
+  const defaultProps$U = {
     ...ComponentDefaults,
     disabled: false,
     readOnly: false,
@@ -14350,7 +14346,7 @@
       onChange,
       ...restProps
     } = {
-      ...defaultProps$T,
+      ...defaultProps$U,
       ...props
     };
     const classes = classNames(classPrefix$g, className, {
@@ -14441,6 +14437,17 @@
       if (text === "-") return null;
       return text;
     };
+    const clampValue = (valueStr) => {
+      if (valueStr === null) return defaultValue;
+      const val = Number(parseFloat(valueStr || "0").toFixed(digits));
+      return Math.max(Number(min), Math.min(Number(max), val));
+    };
+    const handleValueChange = (valueStr, e2) => {
+      const val = clampValue(valueStr);
+      if (val !== Number(shadowValue)) {
+        onChange == null ? void 0 : onChange(val, e2);
+      }
+    };
     const handleInputChange = (e2) => {
       setInputValue(e2.target.value);
       const valueStr = parseValue(e2.target.value);
@@ -14451,26 +14458,31 @@
           setShadowValue(defaultValue);
         }
       } else {
-        setShadowValue(valueStr);
-      }
-      if (!async) {
-        onChange == null ? void 0 : onChange(parseFloat(valueStr || "0").toFixed(digits), e2);
+        setShadowValue(clampValue(valueStr));
       }
+      !async && handleValueChange(valueStr, e2);
     };
     const handleFocus = (e2) => {
       setFocused(true);
       setInputValue(
         shadowValue !== void 0 && shadowValue !== null ? bound2(Number(shadowValue), Number(min), Number(max)).toString() : ""
       );
-      onFocus && onFocus(e2);
+      onFocus == null ? void 0 : onFocus(e2);
     };
     const handleBlur = (e2) => {
       setFocused(false);
-      onBlur && onBlur(e2);
-      if (async) {
-        const valueStr = parseValue(e2.target.value);
-        onChange == null ? void 0 : onChange(parseFloat(valueStr || "0").toFixed(digits), e2);
+      onBlur == null ? void 0 : onBlur(e2);
+      const valueStr = parseValue(e2.target.value);
+      if (valueStr === null) {
+        if (allowEmpty) {
+          setShadowValue(null);
+        } else {
+          setShadowValue(defaultValue);
+        }
+      } else {
+        setShadowValue(clampValue(valueStr));
       }
+      async && handleValueChange(valueStr, e2);
     };
     return /* @__PURE__ */ React.createElement("div", { className: classes, style, ...restProps }, /* @__PURE__ */ React.createElement("div", { className: "nut-input-minus", onClick: handleReduce }, /* @__PURE__ */ React.createElement(
       e$6,
@@ -14550,8 +14562,9 @@
       };
     }, [target]);
   }
-  const defaultProps$S = {
+  const defaultProps$T = {
     ...ComponentDefaults,
+    titleIcon: null,
     columns: 1,
     direction: "down",
     icon: null,
@@ -14581,7 +14594,7 @@
       parent,
       index
     } = {
-      ...defaultProps$S,
+      ...defaultProps$T,
       ...props
     };
     const [showPopup, setShowPopup] = React.useState(show2);
@@ -14750,7 +14763,7 @@
     ));
   });
   MenuItem.displayName = "NutMenuItem";
-  const defaultProps$R = {
+  const defaultProps$S = {
     ...ComponentDefaults,
     activeColor: "",
     closeOnOverlayClick: true,
@@ -14777,7 +14790,7 @@
       onOpen,
       ...rest
     } = {
-      ...defaultProps$R,
+      ...defaultProps$S,
       ...props
     };
     const menuRef = React.useRef(null);
@@ -14842,7 +14855,15 @@
     const menuTitle = () => {
       return React.Children.map(children, (child, index) => {
         if (React.isValidElement(child)) {
-          const { title, options: options2, value, defaultValue, disabled, direction } = child.props;
+          const {
+            title,
+            titleIcon,
+            options: options2,
+            value,
+            defaultValue,
+            disabled,
+            direction
+          } = child.props;
           const selected = options2 == null ? void 0 : options2.filter(
             (option) => option.value === (value !== void 0 ? value : defaultValue)
           );
@@ -14853,27 +14874,10 @@
               return selected[0].text;
             return "";
           };
-          return /* @__PURE__ */ React.createElement(
-            "div",
-            {
-              className: classNames(
-                "nut-menu-title ",
-                {
-                  active: showMenuItem[index],
-                  disabled
-                },
-                className
-              ),
-              style: { color: showMenuItem[index] ? activeColor : "" },
-              key: index,
-              onClick: (e2) => {
-                e2.stopPropagation();
-                if ((!options2 || !options2.length) && !child.props.children) return;
-                !disabled && toggleMenuItem(index);
-              }
-            },
-            /* @__PURE__ */ React.createElement("div", { className: "nut-menu-title-text" }, finallyTitle()),
-            icon || (direction === "up" ? /* @__PURE__ */ React.createElement(
+          const finallyIcon = () => {
+            if (titleIcon) return titleIcon;
+            if (icon) return icon;
+            return direction === "up" ? /* @__PURE__ */ React.createElement(
               l$2,
               {
                 className: "nut-menu-title-icon",
@@ -14887,7 +14891,25 @@
                 width: "12px",
                 height: "12px"
               }
-            ))
+            );
+          };
+          return /* @__PURE__ */ React.createElement(
+            "div",
+            {
+              className: classNames("nut-menu-title", `nut-menu-title-${index}`, {
+                active: showMenuItem[index],
+                disabled
+              }),
+              style: { color: showMenuItem[index] ? activeColor : "" },
+              key: index,
+              onClick: (e2) => {
+                e2.stopPropagation();
+                if ((!options2 || !options2.length) && !child.props.children) return;
+                !disabled && toggleMenuItem(index);
+              }
+            },
+            /* @__PURE__ */ React.createElement("div", { className: "nut-menu-title-text" }, finallyTitle()),
+            finallyIcon()
           );
         }
         return null;
@@ -14916,6 +14938,16 @@
   };
   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 {
@@ -14933,7 +14965,7 @@
       onClose,
       onConfirm,
       ...rest
-    } = props;
+    } = { ...defaultProps$R, ...props };
     const classPrefix2 = "nut-numberkeyboard";
     const getBasicKeys = () => {
       const keys = new Array(9).fill(0).map((_, index) => {
@@ -14985,17 +15017,35 @@
       };
       const onTouchEnd = (item2) => {
         setActive(false);
-        if (item2.type === "num" || item2.type === "custom") {
-          onChange && onChange(item2.id);
-        }
-        if (item2.type === "close") {
-          onClose && onClose();
-        }
-        if (item2.type === "delete") {
-          onDelete && onDelete();
+        switch (item2.type) {
+          case "num":
+          case "custom":
+            onChange == null ? void 0 : onChange(item2.id);
+            break;
+          case "close":
+            onClose == null ? void 0 : onClose();
+            break;
+          case "delete":
+            onDelete == null ? void 0 : onDelete();
+            break;
+          case "confirm":
+            onConfirm == null ? void 0 : onConfirm();
+            break;
         }
-        if (item2.type === "confirm") {
-          onConfirm && onConfirm();
+      };
+      const renderContent = (item2) => {
+        switch (item2.type) {
+          case "num":
+          case "custom":
+            return /* @__PURE__ */ React.createElement("div", null, item2.id);
+          case "delete":
+            return /* @__PURE__ */ React.createElement(DeleteIcon, null);
+          case "close":
+            return /* @__PURE__ */ React.createElement(l$3, { width: 18, height: 18 });
+          case "confirm":
+            return /* @__PURE__ */ React.createElement(React.Fragment, null, confirmText || locale.done);
+          default:
+            return null;
         }
       };
       return /* @__PURE__ */ React.createElement("div", { key: item.id, className: `${classPrefix2}-body-wrapper` }, /* @__PURE__ */ React.createElement(
@@ -15012,22 +15062,19 @@
           onTouchEnd: () => onTouchEnd(item),
           onTouchCancel: () => onTouchEnd(item)
         },
-        (item.type === "num" || item.type === "custom") && /* @__PURE__ */ React.createElement("div", null, item.id),
-        item.type === "delete" && /* @__PURE__ */ React.createElement(DeleteIcon, null),
-        item.type === "close" && /* @__PURE__ */ React.createElement(l$3, { width: 18, height: 18 }),
-        item.type === "confirm" && /* @__PURE__ */ React.createElement(React.Fragment, null, confirmText || locale.done)
+        renderContent(item)
       ));
     };
     return /* @__PURE__ */ React.createElement(
       Popup,
       {
+        ...rest,
         visible,
         position: "bottom",
         onOverlayClick: onClose,
         onCloseIconClick: onClose,
         zIndex: 9999,
-        overlayStyle: { backgroundColor: "rgba(0, 0, 0, 0)" },
-        ...rest
+        overlayStyle: { backgroundColor: "rgba(0, 0, 0, 0)" }
       },
       /* @__PURE__ */ React.createElement("div", { className: classNames(classPrefix2, className), style }, title && /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-header` }, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-header-title` }, title), type === "default" && /* @__PURE__ */ React.createElement(
         "span",
@@ -15140,7 +15187,6 @@
       );
     }
   );
-  RadioGroup.defaultProps = defaultProps$Q;
   RadioGroup.displayName = "NutRadioGroup";
   const defaultProps$P = {
     ...ComponentDefaults,
@@ -15268,7 +15314,6 @@
       renderRadioItem()
     );
   };
-  Radio.defaultProps = defaultProps$P;
   Radio.displayName = "NutRadio";
   Radio.Group = RadioGroup;
   const defaultProps$O = {
@@ -16647,6 +16692,7 @@
   };
   const InternalUploader = (props, ref) => {
     const { locale } = useConfig();
+    const fileListRef = React.useRef([]);
     const {
       children,
       uploadIcon,
@@ -16699,6 +16745,9 @@
     });
     const [uploadQueue, setUploadQueue] = React.useState([]);
     const classes = classNames(className, "nut-uploader");
+    React.useEffect(() => {
+      fileListRef.current = fileList;
+    }, [fileList]);
     React.useImperativeHandle(ref, () => ({
       submit: () => {
         Promise.all(uploadQueue).then((res) => {
@@ -16743,7 +16792,7 @@
       uploadOption.onStart = (option) => {
         clearUploadQueue(index);
         setFileList(
-          fileList.map((item) => {
+          fileListRef.current.map((item) => {
             if (item.uid === fileItem.uid) {
               item.status = "ready";
               item.message = locale.uploader.readyUpload;
@@ -16751,23 +16800,23 @@
             return item;
           })
         );
-        onStart && onStart(option);
+        onStart == null ? void 0 : onStart(option);
       };
       uploadOption.onProgress = (e2, option) => {
         setFileList(
-          fileList.map((item) => {
+          fileListRef.current.map((item) => {
             if (item.uid === fileItem.uid) {
               item.status = UPLOADING;
               item.message = locale.uploader.uploading;
               item.percentage = (e2.loaded / e2.total * 100).toFixed(0);
-              onProgress && onProgress({ e: e2, option, percentage: item.percentage });
+              onProgress == null ? void 0 : onProgress({ e: e2, option, percentage: item.percentage });
             }
             return item;
           })
         );
       };
       uploadOption.onSuccess = (responseText, option) => {
-        const list = fileList.map((item) => {
+        const list = fileListRef.current.map((item) => {
           if (item.uid === fileItem.uid) {
             item.status = SUCCESS;
             item.message = locale.uploader.success;
@@ -16784,7 +16833,7 @@
         });
       };
       uploadOption.onFailure = (responseText, option) => {
-        const list = fileList.map((item) => {
+        const list = fileListRef.current.map((item) => {
           if (item.uid === fileItem.uid) {
             item.status = ERROR;
             item.message = locale.uploader.error;
@@ -16846,9 +16895,7 @@
         }
         return true;
       });
-      if (oversizes.length) {
-        onOversize && onOversize(files);
-      }
+      oversizes.length && (onOversize == null ? void 0 : onOversize(files));
       if (filterFile.length > maximum) {
         filterFile.splice(maximum, filterFile.length - maximum);
       }
@@ -16887,7 +16934,6 @@
         const _files = filterFiles(new Array().slice.call(files));
         readFile(_files);
       }
-      setFileList(fileList);
       if (clearInput) {
         clearInputValue($el);
       }
@@ -17212,18 +17258,6 @@
     );
   };
   Content.displayName = "NutContent";
-  const defaultDialogProps = {
-    ...ComponentDefaults,
-    overlay: true,
-    overlayStyle: {},
-    overlayClassName: "",
-    onCancel: () => {
-    },
-    onClose: () => {
-    },
-    onOverlayClick: (e2) => true,
-    ...defaultOverlayProps
-  };
   const DialogWrap = (props) => {
     const {
       visible,
@@ -17265,7 +17299,6 @@
       /* @__PURE__ */ React.createElement(Content, { ...props, visible })
     ));
   };
-  DialogWrap.defaultProps = defaultDialogProps;
   DialogWrap.displayName = "NutDialogWrap";
   const defaultProps$E = {
     ...ComponentDefaults,
@@ -18798,7 +18831,6 @@
       /* @__PURE__ */ React.createElement("div", null, renderStatusText())
     )), /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-content` }, props.children));
   };
-  PullToRefresh.defaultProps = defaultProps$x;
   PullToRefresh.displayName = "NutPullToRefresh";
   const AvatarContext = React.createContext({});
   const defaultProps$w = {
@@ -19182,7 +19214,6 @@
       /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-wrapper`, style: wrapperStyle }, renderActionContent("left", leftRef), children, renderActionContent("right", rightRef))
     );
   });
-  Swipe.defaultProps = defaultProps$t;
   Swipe.displayName = "NutSwipe";
   const classPrefix$8 = "nut-toast";
   class Notification extends React__namespace.PureComponent {
@@ -19582,16 +19613,16 @@
       percent: 0,
       duration: "00:00:00",
       second: 0,
-      hanMuted: props.muted,
-      playing: props.autoPlay,
+      hanMuted: muted,
+      playing: autoPlay,
       handPlaying: false
     });
     const classPrefix2 = "nut-audio";
     const handleEnded = (e2) => {
-      if (props.loop) {
+      if (loop2) {
         console.warn(locale.audio.tips || "onPlayEnd事件在loop=false时才会触发");
       } else {
-        props.onEnd && props.onEnd(e2);
+        onEnd == null ? void 0 : onEnd(e2);
       }
     };
     function watch() {
@@ -19632,25 +19663,25 @@
       if (statusRef.current.currentTime > 0 && AudioRef.current) {
         statusRef.current.currentTime--;
         AudioRef.current.currentTime = statusRef.current.currentTime;
-        props.onBack && props.onBack(AudioRef.current);
+        onBack == null ? void 0 : onBack(AudioRef.current);
       }
     };
     const handleForward = () => {
       if (AudioRef.current) {
         statusRef.current.currentTime++;
         AudioRef.current.currentTime = statusRef.current.currentTime;
-        props.onForward && props.onForward(AudioRef.current);
+        onForward == null ? void 0 : onForward(AudioRef.current);
       }
     };
     const handleMute = () => {
       if (AudioRef.current) {
         AudioRef.current.muted = !AudioRef.current.muted;
-        props.onMute && props.onMute(AudioRef.current);
+        onMute == null ? void 0 : onMute(AudioRef.current);
       }
     };
     const handlePause = (e2) => {
       setPlaying(false);
-      props.onPause && props.onPause(e2);
+      onPause == null ? void 0 : onPause(e2);
     };
     const formatSeconds = (value) => {
       if (!value) {
@@ -19739,12 +19770,12 @@
     };
     const handleCanplay = (e2) => {
       setIsCanPlay(true);
-      if (props.autoPlay && !playing) {
+      if (autoPlay && !playing) {
         AudioRef && AudioRef.current && AudioRef.current.play();
       }
       if (AudioRef.current) {
         statusRef.current.second = AudioRef.current.duration || 0;
-        props.onCanPlay && props.onCanPlay(e2);
+        onCanPlay == null ? void 0 : onCanPlay(e2);
       }
     };
     const onTimeupdate = (e2) => {
@@ -19773,7 +19804,6 @@
       /* @__PURE__ */ React.createElement("track", { kind: "captions" })
     ));
   };
-  Audio.defaultProps = defaultProps$p;
   Audio.displayName = "NutAudio";
   const defaultProps$o = {
     ...ComponentDefaults,
@@ -20969,7 +20999,6 @@
       );
     }
   );
-  Swiper.defaultProps = defaultProps$h;
   Swiper.displayName = "NutSwiper";
   const defaultProps$g = {
     onClick: (e2) => void 0
@@ -20980,7 +21009,6 @@
     const classes = classNames(classPrefix2, className);
     return /* @__PURE__ */ React.createElement("div", { className: classes, onClick: props.onClick, style }, children);
   };
-  SwiperItem.defaultProps = defaultProps$g;
   SwiperItem.displayName = "NutSwiperItem";
   const InnerSwiper = Swiper;
   InnerSwiper.Item = SwiperItem;
@@ -21676,10 +21704,6 @@
       });
     };
     const renderBodyTds = (item, rowIndex) => {
-      const { rowRender } = item;
-      if (rowRender && typeof rowRender === "function") {
-        return rowRender(item, rowIndex);
-      }
       return sortDataItem().map(([value, render2]) => {
         return /* @__PURE__ */ React.createElement(
           "div",
@@ -21698,7 +21722,12 @@
     };
     const renderBodyTrs = () => {
       return innerValue.map((item, index) => {
-        return /* @__PURE__ */ React.createElement("div", { className: bodyClassPrefix, key: index }, renderBodyTds(item, index));
+        const inner = renderBodyTds(item, index);
+        const { rowRender } = item;
+        if (rowRender && typeof rowRender === "function") {
+          return rowRender(item, index, { inner });
+        }
+        return /* @__PURE__ */ React.createElement("div", { className: bodyClassPrefix, key: index }, inner);
       });
     };
     return /* @__PURE__ */ React.createElement("div", { className: cls, ...rest }, /* @__PURE__ */ React.createElement(
@@ -22722,6 +22751,8 @@
     gapY: 48,
     width: 120,
     height: 64,
+    startX: 0,
+    startY: 0,
     image: "",
     imageWidth: 120,
     imageHeight: 64,
@@ -22740,6 +22771,8 @@
       className,
       gapX,
       gapY,
+      startX,
+      startY,
       width,
       height,
       image,
@@ -22802,7 +22835,7 @@
           const markSize = Number(fontSize) * ratio;
           ctx2.font = `${fontStyle} normal ${fontWeight} ${markSize}px/${markHeight}px ${fontFamily}`;
           ctx2.fillStyle = color;
-          ctx2.fillText(content, 0, 0);
+          ctx2.fillText(content, startX, startY);
           ctx2.restore();
           setBase64Url(canvas.toDataURL());
         }