@nutui/nutui-react 2.6.14 → 2.6.16

package/dist/nutui.react.es.js

@@ -1,5 +1,5 @@
 /*!
-* @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.
 */
@@ -530,7 +530,7 @@ const ComponentDefaults = {
   style: {}
 };
 const prefixCls$2 = "nut-button";
-const defaultProps$1t = {
+const defaultProps$1u = {
   ...ComponentDefaults,
   color: "",
   type: "default",
@@ -566,7 +566,7 @@ const Button = React__default.forwardRef(
       onClick,
       ...rest
     } = {
-      ...defaultProps$1t,
+      ...defaultProps$1u,
       ...props
     };
     const getStyle = useCallback(() => {
@@ -625,7 +625,7 @@ const Button = React__default.forwardRef(
 );
 Button.displayName = "NutButton";
 const CellGroupContext = createContext(null);
-const defaultProps$1s = {
+const defaultProps$1t = {
   ...ComponentDefaults,
   title: "",
   description: "",
@@ -634,7 +634,7 @@ const defaultProps$1s = {
 const classPrefix$r = "nut-cell-group";
 const CellGroup = (props) => {
   const { children, className, title, description, divider, ...rest } = {
-    ...defaultProps$1s,
+    ...defaultProps$1t,
     ...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(
@@ -646,7 +646,7 @@ const CellGroup = (props) => {
   ));
 };
 CellGroup.displayName = "NutCellGroup";
-const defaultProps$1r = {
+const defaultProps$1s = {
   ...ComponentDefaults,
   title: null,
   description: null,
@@ -671,7 +671,7 @@ const Cell = (props) => {
     style,
     ...rest
   } = {
-    ...defaultProps$1r,
+    ...defaultProps$1s,
     ...props
   };
   const handleClick2 = (event) => {
@@ -1862,7 +1862,7 @@ ConfigProvider.displayName = "NutConfigProvider";
 const pxCheck = (value) => {
   return Number.isNaN(Number(value)) ? String(value) : `${value}px`;
 };
-const defaultProps$1q = {
+const defaultProps$1r = {
   ...ComponentDefaults,
   fit: "fill",
   position: "center",
@@ -1892,7 +1892,7 @@ const Image$1 = (props) => {
     onClick,
     onLoad,
     onError
-  } = { ...defaultProps$1q, ...props };
+  } = { ...defaultProps$1r, ...props };
   const [innerLoading, setInnerLoading] = useState(false);
   const [isError, setIsError] = useState(false);
   const [complete, setComplete] = useState(false);
@@ -2754,7 +2754,7 @@ const Overlay = (props) => {
 };
 Overlay.displayName = "NutOverlay";
 const DataContext$1 = createContext({});
-const defaultProps$1p = {
+const defaultProps$1q = {
   ...ComponentDefaults,
   span: "24",
   offset: "0",
@@ -2762,7 +2762,7 @@ const defaultProps$1p = {
 };
 const Col = (props) => {
   const { className, style, span, offset, children, onClick } = {
-    ...defaultProps$1p,
+    ...defaultProps$1q,
     ...props
   };
   const [colName, setColName] = useState("");
@@ -2795,7 +2795,7 @@ const Col = (props) => {
   );
 };
 Col.displayName = "NutCol";
-const defaultProps$1o = {
+const defaultProps$1p = {
   ...ComponentDefaults,
   contentPosition: "center",
   direction: "horizontal"
@@ -2803,7 +2803,7 @@ const defaultProps$1o = {
 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({
@@ -2824,7 +2824,7 @@ const gridContext = {
   }
 };
 const GridContext = React__default.createContext(gridContext);
-const defaultProps$1n = {
+const defaultProps$1o = {
   text: "",
   columns: 4,
   gap: 0,
@@ -2850,7 +2850,7 @@ const GridItem = (props) => {
     onClick,
     ...rest
   } = {
-    ...defaultProps$1n,
+    ...defaultProps$1o,
     ...props
   };
   const classPrefix2 = "nut-grid-item";
@@ -2909,7 +2909,7 @@ const GridItem = (props) => {
   );
 };
 GridItem.displayName = "NutGridItem";
-const defaultProps$1m = {
+const defaultProps$1n = {
   columns: 4,
   gap: 0,
   center: true,
@@ -2930,7 +2930,7 @@ const Grid = (props) => {
     className,
     onClick,
     ...rest
-  } = { ...defaultProps$1m, ...props };
+  } = { ...defaultProps$1n, ...props };
   const childrenDom = React__default.Children.toArray(children);
   const classPrefix2 = "nut-grid";
   const rootClass = () => {
@@ -2966,14 +2966,14 @@ const Grid = (props) => {
 };
 Grid.displayName = "NutGrid";
 Grid.Item = GridItem;
-const defaultProps$1l = {};
+const defaultProps$1m = {};
 const Layout = (props) => {
-  ({ ...defaultProps$1l, ...props });
+  ({ ...defaultProps$1m, ...props });
   return /* @__PURE__ */ React__default.createElement("div", { className: "nut-layout" }, "Layout");
 };
 Layout.displayName = "NutLayout";
 const classPrefix$m = "nut-row";
-const defaultProps$1k = {
+const defaultProps$1l = {
   ...ComponentDefaults,
   type: "",
   justify: "start",
@@ -2993,7 +2993,7 @@ const Row = (props) => {
     gutter,
     onClick
   } = {
-    ...defaultProps$1k,
+    ...defaultProps$1l,
     ...props
   };
   const getClass = (prefix2, type22) => {
@@ -3027,12 +3027,12 @@ const Row = (props) => {
 };
 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(
@@ -3100,7 +3100,7 @@ function useWatch(dep, callback, config2 = { immediate: false }) {
     stop2.current = true;
   };
 }
-const defaultProps$1i = {
+const defaultProps$1j = {
   ...ComponentDefaults,
   position: "top",
   threshold: 0,
@@ -3118,7 +3118,7 @@ const Sticky = (props) => {
     threshold,
     onChange,
     ...rest
-  } = { ...defaultProps$1i, ...props };
+  } = { ...defaultProps$1j, ...props };
   const stickyRef = useRef(null);
   const rootRef = useRef(null);
   const [isFixed, setIsFixed] = useState(false);
@@ -3132,13 +3132,14 @@ const Sticky = (props) => {
   }, []);
   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;
@@ -3153,19 +3154,18 @@ const Sticky = (props) => {
     setIsFixed(fixed);
   }, [position, container, threshold]);
   const handleScroll = 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;
@@ -3181,22 +3181,16 @@ const Sticky = (props) => {
       };
     };
     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 {};
     };
@@ -3215,9 +3209,9 @@ const Sticky = (props) => {
   });
   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__default.createElement(
@@ -3245,7 +3239,7 @@ const SafeArea = (props) => {
   );
 };
 SafeArea.displayName = "NutSafeArea";
-const defaultProps$1h = {
+const defaultProps$1i = {
   ...ComponentDefaults,
   target: "",
   threshold: 200,
@@ -3264,7 +3258,7 @@ const BackTop = (props) => {
     style,
     onClick
   } = {
-    ...defaultProps$1h,
+    ...defaultProps$1i,
     ...props
   };
   const classPrefix2 = "nut-backtop";
@@ -8182,7 +8176,7 @@ const host = createHost(primitives, {
 });
 const animated = host.animated;
 const elevatorContext = createContext({});
-const defaultProps$1g = {
+const defaultProps$1h = {
   ...ComponentDefaults,
   height: "200px",
   floorKey: "title",
@@ -8208,7 +8202,7 @@ const Elevator = (props) => {
     children,
     ...rest
   } = {
-    ...defaultProps$1g,
+    ...defaultProps$1h,
     ...props
   };
   const classPrefix2 = "nut-elevator";
@@ -8386,7 +8380,7 @@ const Elevator = (props) => {
 };
 Elevator.displayName = "NutElevator";
 Elevator.Context = elevatorContext;
-const defaultProps$1f = {
+const defaultProps$1g = {
   ...ComponentDefaults,
   activeText: "",
   inactiveText: "",
@@ -8414,7 +8408,7 @@ const FixedNav = (props) => {
     content,
     ...rest
   } = {
-    ...defaultProps$1f,
+    ...defaultProps$1g,
     ...props
   };
   const classPrefix2 = "nut-fixednav";
@@ -8467,7 +8461,7 @@ const FixedNav = (props) => {
   );
 };
 FixedNav.displayName = "NutFixedNav";
-const defaultProps$1e = {
+const defaultProps$1f = {
   ...ComponentDefaults,
   left: "",
   right: "",
@@ -8492,7 +8486,7 @@ const NavBar = (props) => {
     zIndex,
     onBackClick
   } = {
-    ...defaultProps$1e,
+    ...defaultProps$1f,
     ...props
   };
   const classPrefix2 = "nut-navbar";
@@ -8569,7 +8563,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$1d = {
+const defaultProps$1e = {
   ...ComponentDefaults,
   position: "center",
   transition: "",
@@ -8622,7 +8616,7 @@ const Popup = (props) => {
     afterShow,
     afterClose,
     onClick
-  } = { ...defaultProps$1d, ...props };
+  } = { ...defaultProps$1e, ...props };
   const nodeRef = React__default.useRef(null);
   let innerIndex = zIndex || _zIndex;
   const [index, setIndex] = useState(innerIndex);
@@ -8778,7 +8772,7 @@ const handleClick = (e2) => {
   }
 };
 const OffsetContext = createContext(20);
-const defaultProps$1c = {
+const defaultProps$1d = {
   ...ComponentDefaults,
   position: "left",
   width: "80%"
@@ -8796,7 +8790,7 @@ const SideNavBar = (props) => {
     indent,
     ...rest
   } = {
-    ...defaultProps$1c,
+    ...defaultProps$1d,
     ...props
   };
   const innerIndent = indent ? Number(indent) : 20;
@@ -8846,13 +8840,13 @@ const SideNavBarItem = (props) => {
     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 = useContext(OffsetContext);
@@ -8929,7 +8923,7 @@ function usePropsValue({
   );
   return [stateRef.current, setState];
 }
-const defaultProps$1a = {
+const defaultProps$1b = {
   ...ComponentDefaults,
   value: "",
   dot: false,
@@ -8954,7 +8948,7 @@ const Badge = (props) => {
     color,
     fill
   } = {
-    ...defaultProps$1a,
+    ...defaultProps$1b,
     ...props
   };
   const classPrefix2 = "nut-badge";
@@ -9008,7 +9002,7 @@ const Badge = (props) => {
 };
 Badge.displayName = "NutBadge";
 const TabbarContext = React__default.createContext(null);
-const defaultProps$19 = {
+const defaultProps$1a = {
   ...ComponentDefaults,
   title: "",
   icon: null,
@@ -9034,7 +9028,7 @@ const TabbarItem = (props) => {
     index,
     ...rest
   } = {
-    ...defaultProps$19,
+    ...defaultProps$1a,
     ...props
   };
   const active = index === (ctx2 == null ? void 0 : ctx2.selectIndex);
@@ -9072,7 +9066,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$18 = {
+const defaultProps$19 = {
   ...ComponentDefaults,
   defaultValue: 0,
   fixed: false,
@@ -9095,7 +9089,7 @@ const Tabbar = (props) => {
     style,
     onSwitch
   } = {
-    ...defaultProps$18,
+    ...defaultProps$19,
     ...props
   };
   const classPrefix2 = "nut-tabbar";
@@ -9137,14 +9131,14 @@ const Tabbar = (props) => {
 };
 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";
@@ -9158,7 +9152,7 @@ const TabPane = (props) => {
   );
   return children ? /* @__PURE__ */ React__default.createElement("div", { className: classes }, !disabled && children) : null;
 };
-const defaultProps$16 = {
+const defaultProps$17 = {
   ...ComponentDefaults,
   tabStyle: {},
   activeColor: "",
@@ -9187,7 +9181,7 @@ const Tabs = (props) => {
     defaultValue: outerDefaultValue,
     ...rest
   } = {
-    ...defaultProps$16,
+    ...defaultProps$17,
     ...props
   };
   const [value, setValue] = usePropsValue({
@@ -9495,7 +9489,7 @@ class Tree {
     return pathNodes;
   }
 }
-const defaultProps$15 = {
+const defaultProps$16 = {
   ...ComponentDefaults,
   activeColor: "",
   activeIcon: "checklist",
@@ -9540,7 +9534,7 @@ const InternalCascader = (props, ref) => {
     onClose,
     onChange,
     onPathChange
-  } = { ...defaultProps$15, ...props };
+  } = { ...defaultProps$16, ...props };
   const [tabvalue, setTabvalue] = useState("c1");
   const [optionsData, setOptionsData] = useState([]);
   const isLazy = () => state.configs.lazy && Boolean(state.configs.onLoad);
@@ -9847,7 +9841,7 @@ const InternalCascader = (props, ref) => {
 };
 const Cascader = React__default.forwardRef(InternalCascader);
 Cascader.displayName = "NutCascader";
-const defaultProps$14 = {
+const defaultProps$15 = {
   ...ComponentDefaults,
   visible: false,
   type: "custom",
@@ -9874,7 +9868,7 @@ const CustomRender = (props) => {
     onPathChange,
     ...rest
   } = {
-    ...defaultProps$14,
+    ...defaultProps$15,
     ...props
   };
   return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, type4 === "custom" && /* @__PURE__ */ React__default.createElement(
@@ -9899,7 +9893,7 @@ const CustomRender = (props) => {
     }
   ));
 };
-const defaultProps$13 = {
+const defaultProps$14 = {
   type: "custom",
   existList: [],
   defaultIcon: null,
@@ -9918,7 +9912,7 @@ const ExistRender = (props) => {
     onSelect,
     onSwitch,
     ...rest
-  } = { ...defaultProps$13, ...props };
+  } = { ...defaultProps$14, ...props };
   const classPrefix2 = "nut-address";
   const selectedExist = (item) => {
     existList.forEach((list, index) => {
@@ -9947,7 +9941,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$12 = {
+const defaultProps$13 = {
   ...ComponentDefaults,
   defaultValue: [],
   type: "custom",
@@ -9989,7 +9983,7 @@ const InternalAddress = (props, ref) => {
     onSwitch,
     ...rest
   } = {
-    ...defaultProps$12,
+    ...defaultProps$13,
     ...props
   };
   const classPrefix2 = "nut-address";
@@ -10327,7 +10321,7 @@ const isEnd = (day, days) => {
 const isStartAndEnd = (days) => {
   return days.length >= 2 && Utils.isEqual(days[0], days[1]);
 };
-const defaultProps$11 = {
+const defaultProps$12 = {
   ...ComponentDefaults,
   type: "single",
   autoBackfill: false,
@@ -10388,7 +10382,7 @@ const CalendarItem = React__default.forwardRef((props, ref) => {
     onUpdate,
     onDayClick,
     onPageChange
-  } = { ...defaultProps$11, ...props };
+  } = { ...defaultProps$12, ...props };
   const weekdays = locale.calendaritem.weekdays;
   const weeks = [
     ...weekdays.slice(firstDayOfWeek, 7),
@@ -10680,8 +10674,10 @@ const CalendarItem = React__default.forwardRef((props, ref) => {
   };
   useEffect(() => {
     setCurrentDate(resetDefaultValue() || []);
-    popup && resetRender();
   }, [defaultValue]);
+  useEffect(() => {
+    popup && resetRender();
+  }, [currentDate]);
   const scrollToDate = (date4) => {
     if (Utils.compareDate(date4, propStartDate)) {
       date4 = propStartDate;
@@ -10925,7 +10921,7 @@ 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.displayName = "NutCalendarItem";
-const defaultProps$10 = {
+const defaultProps$11 = {
   ...ComponentDefaults,
   type: "single",
   autoBackfill: false,
@@ -10988,7 +10984,7 @@ const Calendar = React__default.forwardRef((props, ref) => {
     onConfirm,
     onDayClick,
     onPageChange
-  } = { ...defaultProps$10, ...props };
+  } = { ...defaultProps$11, ...props };
   const calendarRef = useRef(null);
   const close = () => {
     onClose && onClose();
@@ -11168,7 +11164,7 @@ const getCurrentWeekDays = (day, firstDayOfWeek) => {
     )
   ];
 };
-const defaultProps$$ = {
+const defaultProps$10 = {
   ...ComponentDefaults,
   type: "single",
   firstDayOfWeek: 0
@@ -11192,7 +11188,7 @@ const CalendarCard = React__default.forwardRef((props, ref) => {
     onDayClick,
     onPageChange,
     onChange
-  } = { ...defaultProps$$, ...props };
+  } = { ...defaultProps$10, ...props };
   const [month, setMonth] = useState(() => {
     let date4 = new Date(Date.now());
     const val = value || defaultValue;
@@ -11496,7 +11492,7 @@ const CalendarCard = React__default.forwardRef((props, ref) => {
 });
 CalendarCard.displayName = "NutCalendarCard";
 const CheckboxGroupContext = createContext(null);
-const defaultProps$_ = {
+const defaultProps$$ = {
   max: void 0,
   min: void 0,
   list: false,
@@ -11516,17 +11512,17 @@ const CheckboxGroup = React__default.forwardRef(
       className,
       disabled,
       list,
-      onChange,
       value,
       defaultValue,
       max,
       min,
-      onLimit,
       labelPosition,
       direction,
       options: options2,
+      onChange,
+      onLimit,
       ...rest
-    } = { ...defaultProps$_, ...props };
+    } = { ...defaultProps$$, ...props };
     useImperativeHandle(ref, () => ({
       toggle(state) {
         if (state === false) {
@@ -11553,8 +11549,8 @@ const CheckboxGroup = React__default.forwardRef(
       }
     }));
     const [_value, setValue] = usePropsValue({
-      value: props.value,
-      defaultValue: props.defaultValue,
+      value,
+      defaultValue,
       finalValue: [],
       onChange
     });
@@ -11606,7 +11602,7 @@ const CheckboxGroup = React__default.forwardRef(
           className: classNames(
             classPrefix$i,
             {
-              [`nut-checkboxgroup-${props.direction}`]: props.direction,
+              [`nut-checkboxgroup-${direction}`]: direction,
               [`nut-checkboxgroup-list`]: list
             },
             className
@@ -11618,9 +11614,8 @@ const CheckboxGroup = React__default.forwardRef(
     );
   }
 );
-CheckboxGroup.defaultProps = defaultProps$_;
 CheckboxGroup.displayName = "NutCheckboxGroup";
-const defaultProps$Z = {
+const defaultProps$_ = {
   ...ComponentDefaults,
   disabled: false,
   shape: "round",
@@ -11634,7 +11629,7 @@ const defaultProps$Z = {
 const classPrefix$h = "nut-checkbox";
 const Checkbox = (props) => {
   const { children } = {
-    ...defaultProps$Z,
+    ...defaultProps$_,
     ...props
   };
   const {
@@ -12011,7 +12006,7 @@ function useRefs() {
   }, []);
   return [refs.current, setRefs, reset];
 }
-const defaultProps$Y = {
+const defaultProps$Z = {
   ...ComponentDefaults,
   title: "",
   options: [],
@@ -12041,7 +12036,7 @@ const InternalPicker = (props, ref) => {
     afterClose,
     onChange,
     ...rest
-  } = { ...defaultProps$Y, ...props };
+  } = { ...defaultProps$Z, ...props };
   const classPrefix2 = "nut-picker";
   const classes = classNames(classPrefix2, className);
   const [selectedValue, setSelectedValue] = usePropsValue({
@@ -12282,7 +12277,7 @@ const padZero = (num, targetLength = 2) => {
   return str;
 };
 const currentYear = (/* @__PURE__ */ new Date()).getFullYear();
-const defaultProps$X = {
+const defaultProps$Y = {
   ...ComponentDefaults,
   visible: false,
   title: "",
@@ -12315,7 +12310,7 @@ const DatePicker = (props) => {
     style,
     ...rest
   } = {
-    ...defaultProps$X,
+    ...defaultProps$Y,
     ...props
   };
   const { locale } = useConfig();
@@ -12439,7 +12434,7 @@ const DatePicker = (props) => {
       if (!isEqual2) {
         setSelectedDate(formatValue(newDate));
       }
-      props.onChange && props.onChange(
+      onChange == null ? void 0 : onChange(
         selectedOptions,
         [
           String(newDate.getFullYear()),
@@ -12536,8 +12531,8 @@ const DatePicker = (props) => {
     }
     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;
   };
@@ -12595,7 +12590,6 @@ const DatePicker = (props) => {
     }
   ));
 };
-DatePicker.defaultProps = defaultProps$X;
 DatePicker.displayName = "NutDatePicker";
 const Context = createContext({});
 function _extends() {
@@ -13827,7 +13821,7 @@ const useForm = (form) => {
   }
   return [formRef.current];
 };
-const defaultProps$W = {
+const defaultProps$X = {
   ...ComponentDefaults,
   labelPosition: "right",
   starPosition: "left",
@@ -13858,7 +13852,7 @@ const Form = React__default.forwardRef(
       starPosition,
       form
     } = {
-      ...defaultProps$W,
+      ...defaultProps$X,
       ...props
     };
     let formInstance;
@@ -13914,7 +13908,7 @@ function isForwardRefComponent(component) {
     }
   ).$$typeof === component.type.$$typeof;
 }
-const defaultProps$V = {
+const defaultProps$W = {
   ...ComponentDefaults,
   required: false,
   name: "",
@@ -14007,9 +14001,10 @@ const _FormItem = class _FormItem extends React__default.Component {
         rules: rules2,
         className,
         style,
-        errorMessageAlign
+        errorMessageAlign,
+        align
       } = {
-        ...defaultProps$V,
+        ...defaultProps$W,
         ...this.props
       };
       const requiredInRules = rules2 == null ? void 0 : rules2.some((rule) => rule.required);
@@ -14022,6 +14017,7 @@ const _FormItem = class _FormItem extends React__default.Component {
         {
           className: `nut-form-item ${className}`,
           style,
+          align,
           onClick: (e2) => this.props.onClick && this.props.onClick(e2, this.componentRef)
         },
         label ? /* @__PURE__ */ React__default.createElement("div", { className: "nut-cell-title nut-form-item-label" }, renderLabel) : null,
@@ -14075,7 +14071,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$V;
+_FormItem.defaultProps = defaultProps$W;
 _FormItem.contextType = Context;
 let FormItem = _FormItem;
 const InnerForm = Form;
@@ -14105,7 +14101,7 @@ function formatNumber(value, allowDot = true, allowMinus = true) {
   const regExp = allowDot ? /[^-0-9.]/g : /[^-0-9]/g;
   return value.replace(regExp, "");
 }
-const defaultProps$U = {
+const defaultProps$V = {
   ...ComponentDefaults,
   type: "text",
   name: "",
@@ -14151,7 +14147,7 @@ const Input = forwardRef(
       onCompositionEnd,
       ...rest
     } = {
-      ...defaultProps$U,
+      ...defaultProps$V,
       ...props
     };
     const [value, setValue] = usePropsValue({
@@ -14296,7 +14292,7 @@ const Input = forwardRef(
   }
 );
 Input.displayName = "NutInput";
-const defaultProps$T = {
+const defaultProps$U = {
   ...ComponentDefaults,
   disabled: false,
   readOnly: false,
@@ -14332,7 +14328,7 @@ const InputNumber = (props) => {
     onChange,
     ...restProps
   } = {
-    ...defaultProps$T,
+    ...defaultProps$U,
     ...props
   };
   const classes = classNames(classPrefix$g, className, {
@@ -14423,6 +14419,17 @@ const InputNumber = (props) => {
     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);
@@ -14433,26 +14440,31 @@ const InputNumber = (props) => {
         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__default.createElement("div", { className: classes, style, ...restProps }, /* @__PURE__ */ React__default.createElement("div", { className: "nut-input-minus", onClick: handleReduce }, /* @__PURE__ */ React__default.createElement(
     e$6,
@@ -14532,8 +14544,9 @@ function useClickAway(onClickAway, target, eventName = "click", useCapture, isLi
     };
   }, [target]);
 }
-const defaultProps$S = {
+const defaultProps$T = {
   ...ComponentDefaults,
+  titleIcon: null,
   columns: 1,
   direction: "down",
   icon: null,
@@ -14563,7 +14576,7 @@ const MenuItem = forwardRef((props, ref) => {
     parent,
     index
   } = {
-    ...defaultProps$S,
+    ...defaultProps$T,
     ...props
   };
   const [showPopup, setShowPopup] = useState(show2);
@@ -14732,7 +14745,7 @@ const MenuItem = forwardRef((props, ref) => {
   ));
 });
 MenuItem.displayName = "NutMenuItem";
-const defaultProps$R = {
+const defaultProps$S = {
   ...ComponentDefaults,
   activeColor: "",
   closeOnOverlayClick: true,
@@ -14759,7 +14772,7 @@ const Menu = (props) => {
     onOpen,
     ...rest
   } = {
-    ...defaultProps$R,
+    ...defaultProps$S,
     ...props
   };
   const menuRef = useRef(null);
@@ -14824,7 +14837,15 @@ const Menu = (props) => {
   const menuTitle = () => {
     return React__default.Children.map(children, (child, index) => {
       if (React__default.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)
         );
@@ -14835,27 +14856,10 @@ const Menu = (props) => {
             return selected[0].text;
           return "";
         };
-        return /* @__PURE__ */ React__default.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__default.createElement("div", { className: "nut-menu-title-text" }, finallyTitle()),
-          icon || (direction === "up" ? /* @__PURE__ */ React__default.createElement(
+        const finallyIcon = () => {
+          if (titleIcon) return titleIcon;
+          if (icon) return icon;
+          return direction === "up" ? /* @__PURE__ */ React__default.createElement(
             l$2,
             {
               className: "nut-menu-title-icon",
@@ -14869,7 +14873,25 @@ const Menu = (props) => {
               width: "12px",
               height: "12px"
             }
-          ))
+          );
+        };
+        return /* @__PURE__ */ React__default.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__default.createElement("div", { className: "nut-menu-title-text" }, finallyTitle()),
+          finallyIcon()
         );
       }
       return null;
@@ -14898,6 +14920,16 @@ const Menu = (props) => {
 };
 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 {
@@ -14915,7 +14947,7 @@ const NumberKeyboard = (props) => {
     onClose,
     onConfirm,
     ...rest
-  } = props;
+  } = { ...defaultProps$R, ...props };
   const classPrefix2 = "nut-numberkeyboard";
   const getBasicKeys = () => {
     const keys = new Array(9).fill(0).map((_, index) => {
@@ -14967,17 +14999,35 @@ const NumberKeyboard = (props) => {
     };
     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__default.createElement("div", null, item2.id);
+        case "delete":
+          return /* @__PURE__ */ React__default.createElement(DeleteIcon, null);
+        case "close":
+          return /* @__PURE__ */ React__default.createElement(l$3, { width: 18, height: 18 });
+        case "confirm":
+          return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, confirmText || locale.done);
+        default:
+          return null;
       }
     };
     return /* @__PURE__ */ React__default.createElement("div", { key: item.id, className: `${classPrefix2}-body-wrapper` }, /* @__PURE__ */ React__default.createElement(
@@ -14994,22 +15044,19 @@ const NumberKeyboard = (props) => {
         onTouchEnd: () => onTouchEnd(item),
         onTouchCancel: () => onTouchEnd(item)
       },
-      (item.type === "num" || item.type === "custom") && /* @__PURE__ */ React__default.createElement("div", null, item.id),
-      item.type === "delete" && /* @__PURE__ */ React__default.createElement(DeleteIcon, null),
-      item.type === "close" && /* @__PURE__ */ React__default.createElement(l$3, { width: 18, height: 18 }),
-      item.type === "confirm" && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, confirmText || locale.done)
+      renderContent(item)
     ));
   };
   return /* @__PURE__ */ React__default.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__default.createElement("div", { className: classNames(classPrefix2, className), style }, title && /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-header` }, /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-header-title` }, title), type4 === "default" && /* @__PURE__ */ React__default.createElement(
       "span",
@@ -15122,7 +15169,6 @@ const RadioGroup = React__default.forwardRef(
     );
   }
 );
-RadioGroup.defaultProps = defaultProps$Q;
 RadioGroup.displayName = "NutRadioGroup";
 const defaultProps$P = {
   ...ComponentDefaults,
@@ -15250,7 +15296,6 @@ const Radio = (props) => {
     renderRadioItem()
   );
 };
-Radio.defaultProps = defaultProps$P;
 Radio.displayName = "NutRadio";
 Radio.Group = RadioGroup;
 const defaultProps$O = {
@@ -16629,6 +16674,7 @@ const defaultProps$G = {
 };
 const InternalUploader = (props, ref) => {
   const { locale } = useConfig();
+  const fileListRef = useRef([]);
   const {
     children,
     uploadIcon,
@@ -16681,6 +16727,9 @@ const InternalUploader = (props, ref) => {
   });
   const [uploadQueue, setUploadQueue] = useState([]);
   const classes = classNames(className, "nut-uploader");
+  useEffect(() => {
+    fileListRef.current = fileList;
+  }, [fileList]);
   useImperativeHandle(ref, () => ({
     submit: () => {
       Promise.all(uploadQueue).then((res) => {
@@ -16725,7 +16774,7 @@ const InternalUploader = (props, ref) => {
     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;
@@ -16733,23 +16782,23 @@ const InternalUploader = (props, ref) => {
           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;
@@ -16766,7 +16815,7 @@ const InternalUploader = (props, ref) => {
       });
     };
     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;
@@ -16828,9 +16877,7 @@ const InternalUploader = (props, ref) => {
       }
       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);
     }
@@ -16869,7 +16916,6 @@ const InternalUploader = (props, ref) => {
       const _files = filterFiles(new Array().slice.call(files));
       readFile(_files);
     }
-    setFileList(fileList);
     if (clearInput) {
       clearInputValue($el);
     }
@@ -17194,18 +17240,6 @@ const Content = (props) => {
   );
 };
 Content.displayName = "NutContent";
-const defaultDialogProps = {
-  ...ComponentDefaults,
-  overlay: true,
-  overlayStyle: {},
-  overlayClassName: "",
-  onCancel: () => {
-  },
-  onClose: () => {
-  },
-  onOverlayClick: (e2) => true,
-  ...defaultOverlayProps
-};
 const DialogWrap = (props) => {
   const {
     visible,
@@ -17247,7 +17281,6 @@ const DialogWrap = (props) => {
     /* @__PURE__ */ React__default.createElement(Content, { ...props, visible })
   ));
 };
-DialogWrap.defaultProps = defaultDialogProps;
 DialogWrap.displayName = "NutDialogWrap";
 const defaultProps$E = {
   ...ComponentDefaults,
@@ -18780,7 +18813,6 @@ const PullToRefresh = (p) => {
     /* @__PURE__ */ React__default.createElement("div", null, renderStatusText())
   )), /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-content` }, props.children));
 };
-PullToRefresh.defaultProps = defaultProps$x;
 PullToRefresh.displayName = "NutPullToRefresh";
 const AvatarContext = createContext({});
 const defaultProps$w = {
@@ -19164,7 +19196,6 @@ const Swipe = forwardRef((props, instanceRef) => {
     /* @__PURE__ */ React__default.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 Notification2 extends React.PureComponent {
@@ -19564,16 +19595,16 @@ const Audio = (props) => {
     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() {
@@ -19614,25 +19645,25 @@ const Audio = (props) => {
     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) {
@@ -19721,12 +19752,12 @@ const Audio = (props) => {
   };
   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) => {
@@ -19755,7 +19786,6 @@ const Audio = (props) => {
     /* @__PURE__ */ React__default.createElement("track", { kind: "captions" })
   ));
 };
-Audio.defaultProps = defaultProps$p;
 Audio.displayName = "NutAudio";
 const defaultProps$o = {
   ...ComponentDefaults,
@@ -20951,7 +20981,6 @@ const Swiper = React__default.forwardRef(
     );
   }
 );
-Swiper.defaultProps = defaultProps$h;
 Swiper.displayName = "NutSwiper";
 const defaultProps$g = {
   onClick: (e2) => void 0
@@ -20962,7 +20991,6 @@ const SwiperItem = (props) => {
   const classes = classNames(classPrefix2, className);
   return /* @__PURE__ */ React__default.createElement("div", { className: classes, onClick: props.onClick, style }, children);
 };
-SwiperItem.defaultProps = defaultProps$g;
 SwiperItem.displayName = "NutSwiperItem";
 const InnerSwiper = Swiper;
 InnerSwiper.Item = SwiperItem;
@@ -21658,10 +21686,6 @@ const Table = (props) => {
     });
   };
   const renderBodyTds = (item, rowIndex) => {
-    const { rowRender } = item;
-    if (rowRender && typeof rowRender === "function") {
-      return rowRender(item, rowIndex);
-    }
     return sortDataItem().map(([value, render2]) => {
       return /* @__PURE__ */ React__default.createElement(
         "div",
@@ -21680,7 +21704,12 @@ const Table = (props) => {
   };
   const renderBodyTrs = () => {
     return innerValue.map((item, index) => {
-      return /* @__PURE__ */ React__default.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__default.createElement("div", { className: bodyClassPrefix, key: index }, inner);
     });
   };
   return /* @__PURE__ */ React__default.createElement("div", { className: cls, ...rest }, /* @__PURE__ */ React__default.createElement(
@@ -22704,6 +22733,8 @@ const defaultProps$1 = {
   gapY: 48,
   width: 120,
   height: 64,
+  startX: 0,
+  startY: 0,
   image: "",
   imageWidth: 120,
   imageHeight: 64,
@@ -22722,6 +22753,8 @@ const WaterMark = (props) => {
     className,
     gapX,
     gapY,
+    startX,
+    startY,
     width,
     height,
     image,
@@ -22784,7 +22817,7 @@ const WaterMark = (props) => {
         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());
       }