@nutui/nutui-react-taro 2.6.14 → 2.6.15

package/dist/nutui.react.umd.js

@@ -2,7 +2,7 @@
   typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("react"), require("@tarojs/taro"), require("@tarojs/components"), require("react-dom")) : typeof define === "function" && define.amd ? define(["exports", "react", "@tarojs/taro", "@tarojs/components", "react-dom"], factory) : (global2 = typeof globalThis !== "undefined" ? globalThis : global2 || self, factory((global2.nutui = global2.nutui || {}, global2.nutui.react = {}), global2.React, global2.Taro, global2.components, global2.ReactDOM));
 })(this, function(exports2, React, Taro, components, ReactDOM) {
   "use strict";/*!
-* @nutui/nutui-react-taro v2.6.14 Fri Jul 19 2024 16:23:26 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.6.15 Fri Jul 26 2024 15:18:34 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -143,7 +143,6 @@
   const g$6 = (M) => /* @__PURE__ */ React.createElement(S, { ...M, name: M.name || "ArrowDown", svg64: "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDI0IDEwMjQiPjxwYXRoIGZpbGw9IiMxQTFBMUEiIGQ9Ik0xNTguMTcgMjg5LjgzYTQyLjY3IDQyLjY3IDAgMSAwLTYwLjM0IDYwLjM0bDM4NCAzODRhNDIuNjcgNDIuNjcgMCAwIDAgNjAuMzYgMGwzODQtMzg0YTQyLjY3IDQyLjY3IDAgMSAwLTYwLjM2LTYwLjM0TDUxMiA2NDMuNjd6Ii8+PC9zdmc+" });
   g$6.defaultProps = k;
   const g$5 = (M) => /* @__PURE__ */ React.createElement(S, { ...M, name: M.name || "ArrowLeft", svg64: "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDI0IDEwMjQiPjxwYXRoIGZpbGw9IiMxQTFBMUEiIGQ9Ik03MTIuODMgMTU4LjE3YTQyLjY3IDQyLjY3IDAgMSAwLTYwLjMzLTYwLjM0bC0zODQgMzg0YTQyLjY3IDQyLjY3IDAgMCAwIDAgNjAuMzZsMzg0IDM4NGE0Mi42NyA0Mi42NyAwIDEgMCA2MC4zMy02MC4zNkwzNTkgNTEyeiIvPjwvc3ZnPg==" });
-  g$5.defaultProps = k;
   const a$2 = (M) => /* @__PURE__ */ React.createElement(S, { ...M, name: M.name || "ArrowUp", svg64: "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDI0IDEwMjQiPjxwYXRoIGZpbGw9IiMxQTFBMUEiIGQ9Ik0xNTguMTcgNzM0LjE3YTQyLjY3IDQyLjY3IDAgMSAxLTYwLjM0LTYwLjM0bDM4NC0zODRhNDIuNjcgNDIuNjcgMCAwIDEgNjAuMzYgMGwzODQgMzg0YTQyLjY3IDQyLjY3IDAgMSAxLTYwLjM2IDYwLjM0TDUxMiAzODAuMzN6Ii8+PC9zdmc+" });
   a$2.defaultProps = k;
   const g$4 = (M) => /* @__PURE__ */ React.createElement(S, { ...M, name: M.name || "CheckChecked", svg64: "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDI0IDEwMjQiPjxwYXRoIGZpbGw9IiMzMzMiIGQ9Ik01MDYuNjUgMi44MkMyMjguMDEgMi44Mi4wMyAyMzAuOC4wMyA1MDkuNDRzMjI3Ljk4IDUwNi42MiA1MDYuNjIgNTA2LjYyIDUwNi42Mi0yMjcuOTggNTA2LjYzLTUwNi42MlM3ODguMTEgMi44MiA1MDYuNjUgMi44Mm0wIDc4OC4wOGMtMTU0LjggMC0yODEuNDYtMTI2LjY2LTI4MS40NS0yODEuNDZzMTI2LjY2LTI4MS40NiAyODEuNDUtMjgxLjQ2IDI4MS40NiAxMjYuNjYgMjgxLjQ2IDI4MS40NlM2NjEuNDUgNzkwLjkgNTA2LjY1IDc5MC45Ii8+PHBhdGggZmlsbD0iIzMzMyIgZD0iTTM4MCA1MDkuNDRhMTI2LjY2IDEyNi42NiAwIDEgMCAyNTMuMzEgMCAxMjYuNjYgMTI2LjY2IDAgMSAwLTI1My4zMSAwIi8+PC9zdmc+" });
@@ -213,7 +212,7 @@
     style: {}
   };
   const prefixCls$2 = "nut-button";
-  const defaultProps$1v = {
+  const defaultProps$1u = {
     ...ComponentDefaults,
     color: "",
     type: "default",
@@ -248,7 +247,7 @@
         onClick,
         ...rest
       } = {
-        ...defaultProps$1v,
+        ...defaultProps$1u,
         ...props
       };
       const getStyle = React.useCallback(() => {
@@ -315,7 +314,7 @@
   );
   Button.displayName = "NutButton";
   const CellGroupContext = React.createContext(null);
-  const defaultProps$1u = {
+  const defaultProps$1t = {
     ...ComponentDefaults,
     title: "",
     description: "",
@@ -324,7 +323,7 @@
   const classPrefix$r = "nut-cell-group";
   const CellGroup = (props) => {
     const { children, className, title, description, divider, ...rest } = {
-      ...defaultProps$1u,
+      ...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(
@@ -336,7 +335,7 @@
     ));
   };
   CellGroup.displayName = "NutCellGroup";
-  const defaultProps$1t = {
+  const defaultProps$1s = {
     ...ComponentDefaults,
     title: null,
     description: null,
@@ -361,7 +360,7 @@
       style,
       ...rest
     } = {
-      ...defaultProps$1t,
+      ...defaultProps$1s,
       ...props
     };
     const handleClick = (event) => {
@@ -1536,7 +1535,7 @@
   const pxCheck = (value) => {
     return Number.isNaN(Number(value)) ? String(value) : `${value}px`;
   };
-  const defaultProps$1s = {
+  const defaultProps$1r = {
     src: "",
     error: true,
     loading: true
@@ -1555,7 +1554,7 @@
       onLoad,
       onError,
       ...rest
-    } = { ...defaultProps$1s, ...props };
+    } = { ...defaultProps$1r, ...props };
     const [innerLoading, setInnerLoading] = React.useState(true);
     const [isError, setIsError] = React.useState(false);
     const handleLoad = (e2) => {
@@ -3574,7 +3573,7 @@
   };
   Overlay.displayName = "NutOverlay";
   const DataContext$1 = React.createContext({});
-  const defaultProps$1r = {
+  const defaultProps$1q = {
     ...ComponentDefaults,
     span: "24",
     offset: "0",
@@ -3582,7 +3581,7 @@
   };
   const Col = (props) => {
     const { className, style, span, offset, children, onClick } = {
-      ...defaultProps$1r,
+      ...defaultProps$1q,
       ...props
     };
     const [colName, setColName] = React.useState("");
@@ -3615,7 +3614,7 @@
     );
   };
   Col.displayName = "NutCol";
-  const defaultProps$1q = {
+  const defaultProps$1p = {
     ...ComponentDefaults,
     contentPosition: "center",
     direction: "horizontal"
@@ -3623,7 +3622,7 @@
   const classPrefix$o = `nut-divider`;
   const Divider = (props) => {
     const { children, contentPosition, style, className, direction, ...rest } = {
-      ...defaultProps$1q,
+      ...defaultProps$1p,
       ...props
     };
     const classes = direction === "horizontal" ? classNames({
@@ -3644,7 +3643,7 @@
     }
   };
   const GridContext = React.createContext(gridContext);
-  const defaultProps$1p = {
+  const defaultProps$1o = {
     text: "",
     columns: 4,
     gap: 0,
@@ -3670,7 +3669,7 @@
       onClick,
       ...rest
     } = {
-      ...defaultProps$1p,
+      ...defaultProps$1o,
       ...props
     };
     const classPrefix2 = "nut-grid-item";
@@ -3729,7 +3728,7 @@
     );
   };
   GridItem.displayName = "NutGridItem";
-  const defaultProps$1o = {
+  const defaultProps$1n = {
     columns: 4,
     gap: 0,
     center: true,
@@ -3750,7 +3749,7 @@
       className,
       onClick,
       ...rest
-    } = { ...defaultProps$1o, ...props };
+    } = { ...defaultProps$1n, ...props };
     const childrenDom = React.Children.toArray(children);
     const classPrefix2 = "nut-grid";
     const rootClass = () => {
@@ -3786,14 +3785,14 @@
   };
   Grid.displayName = "NutGrid";
   Grid.Item = GridItem;
-  const defaultProps$1n = {};
+  const defaultProps$1m = {};
   const Layout = (props) => {
-    ({ ...defaultProps$1n, ...props });
+    ({ ...defaultProps$1m, ...props });
     return /* @__PURE__ */ React.createElement("div", { className: "nut-layout" }, "Layout");
   };
   Layout.displayName = "NutLayout";
   const classPrefix$n = "nut-row";
-  const defaultProps$1m = {
+  const defaultProps$1l = {
     ...ComponentDefaults,
     type: "",
     justify: "start",
@@ -3813,7 +3812,7 @@
       gutter,
       onClick
     } = {
-      ...defaultProps$1m,
+      ...defaultProps$1l,
       ...props
     };
     const getClass = (prefix, type22) => {
@@ -3847,12 +3846,12 @@
   };
   Row.displayName = "NutRow";
   const prefixCls$1 = "nut-space";
-  const defaultProps$1l = {
+  const defaultProps$1k = {
     direction: "horizontal"
   };
   const Space = (props) => {
     const { className, style, children, wrap, align, direction, justify } = {
-      ...defaultProps$1l,
+      ...defaultProps$1k,
       ...props
     };
     const cls = classNames(
@@ -3944,7 +3943,7 @@
     }
     return Promise.resolve(makeRect(0, 0));
   };
-  const defaultProps$1k = {
+  const defaultProps$1j = {
     ...ComponentDefaults,
     position: "top",
     zIndex: 900
@@ -3961,7 +3960,7 @@
       className,
       onChange,
       ...rest
-    } = { ...defaultProps$1k, ...props };
+    } = { ...defaultProps$1j, ...props };
     const stickyRef = React.useRef(null);
     const rootRef = React.useRef(null);
     const [rootRect, setRootRect] = React.useState({});
@@ -3977,13 +3976,10 @@
           width: ""
         };
       }
-      const style2 = {};
-      if (rootRect.height) {
-        style2.height = rootRect.height;
-      }
-      if (rootRect.width) {
-        style2.width = rootRect.width;
-      }
+      const style2 = {
+        height: rootRect.height ?? "",
+        width: rootRect.width ?? ""
+      };
       return style2;
     }, [fixed, rootRect.height, rootRect.width]);
     const stickyStyle = React.useMemo(() => {
@@ -3994,36 +3990,37 @@
           [position]: ""
         };
       }
-      const style2 = {};
-      if (rootRect.height) style2.height = rootRect.height;
-      if (rootRect.width) style2.width = rootRect.width;
-      style2.transform = `translate3d(0, ${transform}px, 0)`;
-      style2[position] = threshold;
-      style2.zIndex = zIndex;
+      const style2 = {
+        height: rootRect.height ?? "",
+        width: rootRect.width ?? "",
+        transform: `translate3d(0, ${transform}px, 0)`,
+        [position]: threshold,
+        zIndex
+      };
       return style2;
     }, [fixed, rootRect.height, rootRect.width, transform, position]);
     const handleScroll = async (scrollTop) => {
       const curRootRect = await getRectByTaro(rootRef.current);
       const stickyRect = await getRectByTaro(stickyRef.current);
-      if (curRootRect && stickyRect) {
-        setRootRect(curRootRect);
-        if (position === "top") {
-          if (container) {
-            const containerRect = await getRectByTaro(container.current);
-            const difference = containerRect.bottom - threshold - curRootRect.height;
-            const curTransform = difference < 0 ? difference : 0;
-            setTransform(curTransform);
-            const curFixed = threshold > curRootRect.top && containerRect.bottom > 0;
-            setFixed(curFixed);
-          } else {
-            setFixed(threshold > curRootRect.top);
-          }
+      if (!curRootRect || !stickyRect) {
+        console.warn("getRectByTaro获取失败", { stickyRect, curRootRect });
+        return;
+      }
+      setRootRect(curRootRect);
+      if (position === "top") {
+        if (container) {
+          const containerRect = await getRectByTaro(container.current);
+          const difference = containerRect.bottom - threshold - curRootRect.height;
+          const curTransform = difference < 0 ? difference : 0;
+          setTransform(curTransform);
+          const curFixed = threshold > curRootRect.top && containerRect.bottom > 0;
+          setFixed(curFixed);
         } else {
-          const windowHeight = Taro.getSystemInfoSync().windowHeight;
-          setFixed(windowHeight - threshold < curRootRect.bottom);
+          setFixed(threshold > curRootRect.top);
         }
       } else {
-        console.warn("getRectByTaro获取失败", { stickyRect, curRootRect });
+        const windowHeight = Taro.getSystemInfoSync().windowHeight;
+        setFixed(windowHeight - threshold < curRootRect.bottom);
       }
     };
     const getElement = React.useCallback(() => {
@@ -4079,7 +4076,7 @@
     );
   };
   SafeArea.displayName = "NutSafeArea";
-  const defaultProps$1j = {
+  const defaultProps$1i = {
     ...ComponentDefaults,
     threshold: 200,
     zIndex: 900,
@@ -4088,7 +4085,7 @@
   const BackTop = (props) => {
     const rtl = useRtl();
     const { children, threshold, zIndex, className, duration, style, onClick } = {
-      ...defaultProps$1j,
+      ...defaultProps$1i,
       ...props
     };
     const classPrefix2 = "nut-backtop";
@@ -4132,7 +4129,7 @@
   };
   BackTop.displayName = "NutBackTop";
   const elevatorContext = React.createContext({});
-  const defaultProps$1i = {
+  const defaultProps$1h = {
     ...ComponentDefaults,
     height: "200px",
     floorKey: "title",
@@ -4159,7 +4156,7 @@
       children,
       ...rest
     } = {
-      ...defaultProps$1i,
+      ...defaultProps$1h,
       ...props
     };
     const classPrefix2 = "nut-elevator";
@@ -4374,7 +4371,7 @@
   };
   Elevator.displayName = "NutElevator";
   Elevator.Context = elevatorContext;
-  const defaultProps$1h = {
+  const defaultProps$1g = {
     ...ComponentDefaults,
     activeText: "",
     inactiveText: "",
@@ -4402,7 +4399,7 @@
       content,
       ...rest
     } = {
-      ...defaultProps$1h,
+      ...defaultProps$1g,
       ...props
     };
     const classPrefix2 = "nut-fixednav";
@@ -4455,7 +4452,7 @@
     );
   };
   FixedNav.displayName = "NutFixedNav";
-  const defaultProps$1g = {
+  const defaultProps$1f = {
     ...ComponentDefaults,
     left: "",
     right: "",
@@ -4480,7 +4477,7 @@
       zIndex,
       onBackClick
     } = {
-      ...defaultProps$1g,
+      ...defaultProps$1f,
       ...props
     };
     const classPrefix2 = "nut-navbar";
@@ -4559,7 +4556,7 @@
     return /* @__PURE__ */ React.createElement(React.Fragment, null, fixed && placeholder ? /* @__PURE__ */ React.createElement(components.View, { className: `${classPrefix2}-placeholder` }, renderWrapper()) : renderWrapper());
   };
   NavBar.displayName = "NutNavBar";
-  const defaultProps$1f = {
+  const defaultProps$1e = {
     ...ComponentDefaults,
     position: "center",
     transition: "",
@@ -4612,7 +4609,7 @@
       afterShow,
       afterClose,
       onClick
-    } = { ...defaultProps$1f, ...props };
+    } = { ...defaultProps$1e, ...props };
     let innerIndex = zIndex || _zIndex;
     const [index, setIndex] = React.useState(innerIndex);
     const [innerVisible, setInnerVisible] = React.useState(visible);
@@ -4754,7 +4751,7 @@
   };
   Popup.displayName = "NutPopup";
   const OffsetContext = React.createContext(20);
-  const defaultProps$1e = {
+  const defaultProps$1d = {
     ...ComponentDefaults,
     position: "left",
     width: "80%"
@@ -4772,7 +4769,7 @@
       indent,
       ...rest
     } = {
-      ...defaultProps$1e,
+      ...defaultProps$1d,
       ...props
     };
     const innerIndent = indent ? Number(indent) : 20;
@@ -4830,13 +4827,13 @@
       title
     );
   };
-  const defaultProps$1d = {
+  const defaultProps$1c = {
     open: true
   };
   const SubSideNavBar = (props) => {
     const classPrefix2 = "nut-subsidenavbar";
     const { title, value, children, onClick, open: open2, ...rest } = {
-      ...defaultProps$1d,
+      ...defaultProps$1c,
       ...props
     };
     const [subShow, setSubShow] = React.useState(open2);
@@ -4914,7 +4911,7 @@
     );
     return [stateRef.current, setState];
   }
-  const defaultProps$1c = {
+  const defaultProps$1b = {
     ...ComponentDefaults,
     value: "",
     dot: false,
@@ -4939,7 +4936,7 @@
       color,
       fill
     } = {
-      ...defaultProps$1c,
+      ...defaultProps$1b,
       ...props
     };
     const classPrefix2 = "nut-badge";
@@ -4993,7 +4990,7 @@
   };
   Badge.displayName = "NutBadge";
   const TabbarContext = React.createContext(null);
-  const defaultProps$1b = {
+  const defaultProps$1a = {
     ...ComponentDefaults,
     title: "",
     icon: null,
@@ -5019,7 +5016,7 @@
       index,
       ...rest
     } = {
-      ...defaultProps$1b,
+      ...defaultProps$1a,
       ...props
     };
     const active = index === (ctx == null ? void 0 : ctx.selectIndex);
@@ -5057,7 +5054,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$1a = {
+  const defaultProps$19 = {
     ...ComponentDefaults,
     defaultValue: 0,
     fixed: false,
@@ -5080,7 +5077,7 @@
       style,
       onSwitch
     } = {
-      ...defaultProps$1a,
+      ...defaultProps$19,
       ...props
     };
     const classPrefix2 = "nut-tabbar";
@@ -5122,14 +5119,14 @@
   };
   Tabbar.displayName = "NutTabbar";
   Tabbar.Item = TabbarItem;
-  const defaultProps$19 = {
+  const defaultProps$18 = {
     title: "",
     value: "",
     disabled: false
   };
   const TabPane = (props) => {
     const { children, autoHeightClassName, className, disabled } = {
-      ...defaultProps$19,
+      ...defaultProps$18,
       ...props
     };
     const classPrefix2 = "nut-tabpane";
@@ -5170,7 +5167,7 @@
     const idRef = React.useRef(uniqueId());
     return idRef.current;
   }
-  const defaultProps$18 = {
+  const defaultProps$17 = {
     ...ComponentDefaults,
     tabStyle: {},
     activeColor: "",
@@ -5200,7 +5197,7 @@
       defaultValue: outerDefaultValue,
       ...rest
     } = {
-      ...defaultProps$18,
+      ...defaultProps$17,
       ...props
     };
     const uuid = useUuid();
@@ -5423,7 +5420,7 @@
   };
   Tabs.displayName = "NutTabs";
   Tabs.TabPane = TabPane;
-  const defaultProps$17 = {
+  const defaultProps$16 = {
     type: "custom",
     existList: [],
     defaultIcon: null,
@@ -5442,7 +5439,7 @@
       onSelect,
       onSwitch,
       ...rest
-    } = { ...defaultProps$17, ...props };
+    } = { ...defaultProps$16, ...props };
     const classPrefix2 = "nut-address";
     const selectedExist = (item) => {
       existList.forEach((list, index) => {
@@ -5604,7 +5601,7 @@
       return pathNodes;
     }
   }
-  const defaultProps$16 = {
+  const defaultProps$15 = {
     ...ComponentDefaults,
     activeColor: "",
     activeIcon: "checklist",
@@ -5649,7 +5646,7 @@
       onClose,
       onChange,
       onPathChange
-    } = { ...defaultProps$16, ...props };
+    } = { ...defaultProps$15, ...props };
     const [tabvalue, setTabvalue] = React.useState("c1");
     const [optionsData, setOptionsData] = React.useState([]);
     const isLazy = () => state.configs.lazy && Boolean(state.configs.onLoad);
@@ -5957,7 +5954,7 @@
   };
   const Cascader = React.forwardRef(InternalCascader);
   Cascader.displayName = "NutCascader";
-  const defaultProps$15 = {
+  const defaultProps$14 = {
     ...ComponentDefaults,
     visible: false,
     type: "custom",
@@ -5984,7 +5981,7 @@
       onPathChange,
       ...rest
     } = {
-      ...defaultProps$15,
+      ...defaultProps$14,
       ...props
     };
     return /* @__PURE__ */ React.createElement(React.Fragment, null, type2 === "custom" && /* @__PURE__ */ React.createElement(
@@ -6009,7 +6006,7 @@
       }
     ));
   };
-  const defaultProps$14 = {
+  const defaultProps$13 = {
     ...ComponentDefaults,
     defaultValue: [],
     type: "custom",
@@ -6051,7 +6048,7 @@
       onSwitch,
       ...rest
     } = {
-      ...defaultProps$14,
+      ...defaultProps$13,
       ...props
     };
     const classPrefix2 = "nut-address";
@@ -6389,7 +6386,7 @@
   const isStartAndEnd = (days) => {
     return days.length >= 2 && Utils.isEqual(days[0], days[1]);
   };
-  const defaultProps$13 = {
+  const defaultProps$12 = {
     ...ComponentDefaults,
     type: "single",
     autoBackfill: false,
@@ -6450,7 +6447,7 @@
       onUpdate,
       onDayClick,
       onPageChange
-    } = { ...defaultProps$13, ...props };
+    } = { ...defaultProps$12, ...props };
     const weekdays = locale.calendaritem.weekdays;
     const weeks = [
       ...weekdays.slice(firstDayOfWeek, 7),
@@ -6746,8 +6743,10 @@
     };
     React.useEffect(() => {
       setCurrentDate(resetDefaultValue() || []);
-      popup && resetRender();
     }, [defaultValue]);
+    React.useEffect(() => {
+      popup && resetRender();
+    }, [currentDate]);
     const scrollToDate = (date2) => {
       if (Utils.compareDate(date2, propStartDate)) {
         date2 = propStartDate;
@@ -6998,7 +6997,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$12 = {
+  const defaultProps$11 = {
     ...ComponentDefaults,
     type: "single",
     autoBackfill: false,
@@ -7061,7 +7060,7 @@
       onConfirm,
       onDayClick,
       onPageChange
-    } = { ...defaultProps$12, ...props };
+    } = { ...defaultProps$11, ...props };
     const calendarRef = React.useRef(null);
     const close2 = () => {
       onClose && onClose();
@@ -7210,7 +7209,7 @@
       )
     ];
   };
-  const defaultProps$11 = {
+  const defaultProps$10 = {
     ...ComponentDefaults,
     type: "single",
     firstDayOfWeek: 0
@@ -7234,7 +7233,7 @@
       onDayClick,
       onPageChange,
       onChange
-    } = { ...defaultProps$11, ...props };
+    } = { ...defaultProps$10, ...props };
     const [month, setMonth] = React.useState(() => {
       let date2 = new Date(Date.now());
       const val = value || defaultValue;
@@ -7538,7 +7537,7 @@
   });
   CalendarCard.displayName = "NutCalendarCard";
   const CheckboxGroupContext = React.createContext(null);
-  const defaultProps$10 = {
+  const defaultProps$$ = {
     max: void 0,
     min: void 0,
     list: false,
@@ -7558,17 +7557,17 @@
         className,
         disabled,
         list,
-        onChange,
         value,
         defaultValue,
         max,
         min,
-        onLimit,
         labelPosition,
         direction,
         options,
+        onChange,
+        onLimit,
         ...rest
-      } = { ...defaultProps$10, ...props };
+      } = { ...defaultProps$$, ...props };
       React.useImperativeHandle(ref, () => ({
         toggle(state) {
           if (state === false) {
@@ -7595,8 +7594,8 @@
         }
       }));
       const [_value, setValue] = usePropsValue({
-        value: props.value,
-        defaultValue: props.defaultValue,
+        value,
+        defaultValue,
         finalValue: [],
         onChange
       });
@@ -7648,7 +7647,7 @@
             className: classNames(
               classPrefix$j,
               {
-                [`nut-checkboxgroup-${props.direction}`]: props.direction,
+                [`nut-checkboxgroup-${direction}`]: direction,
                 [`nut-checkboxgroup-list`]: list
               },
               className
@@ -7660,9 +7659,8 @@
       );
     }
   );
-  CheckboxGroup.defaultProps = defaultProps$10;
   CheckboxGroup.displayName = "NutCheckboxGroup";
-  const defaultProps$$ = {
+  const defaultProps$_ = {
     ...ComponentDefaults,
     disabled: false,
     shape: "round",
@@ -7676,7 +7674,7 @@
   const classPrefix$i = "nut-checkbox";
   const Checkbox = (props) => {
     const { children } = {
-      ...defaultProps$$,
+      ...defaultProps$_,
       ...props
     };
     const {
@@ -8057,7 +8055,7 @@
     }, []);
     return [refs.current, setRefs, reset];
   }
-  const defaultProps$_ = {
+  const defaultProps$Z = {
     ...ComponentDefaults,
     visible: false,
     title: "",
@@ -8088,7 +8086,7 @@
       afterClose,
       onChange,
       ...rest
-    } = { ...defaultProps$_, ...props };
+    } = { ...defaultProps$Z, ...props };
     const classPrefix2 = "nut-picker";
     const classes = classNames(classPrefix2, className);
     const [selectedValue, setSelectedValue] = usePropsValue({
@@ -8400,7 +8398,7 @@
     return str;
   };
   const currentYear = (/* @__PURE__ */ new Date()).getFullYear();
-  const defaultProps$Z = {
+  const defaultProps$Y = {
     ...ComponentDefaults,
     visible: false,
     title: "",
@@ -8433,7 +8431,7 @@
       style,
       ...rest
     } = {
-      ...defaultProps$Z,
+      ...defaultProps$Y,
       ...props
     };
     const { locale } = useConfig$1();
@@ -8557,7 +8555,7 @@
         if (!isEqual) {
           setSelectedDate(formatValue(newDate));
         }
-        props.onChange && props.onChange(
+        onChange == null ? void 0 : onChange(
           selectedOptions,
           [
             String(newDate.getFullYear()),
@@ -8654,8 +8652,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;
     };
@@ -8722,7 +8720,6 @@
       )
     );
   };
-  DatePicker.defaultProps = defaultProps$Z;
   DatePicker.displayName = "NutDatePicker";
   const Context = React.createContext({});
   function _extends() {
@@ -9959,7 +9956,7 @@
     }
     return [formRef.current];
   };
-  const defaultProps$Y = {
+  const defaultProps$X = {
     ...ComponentDefaults,
     labelPosition: "right",
     starPosition: "left",
@@ -9990,7 +9987,7 @@
         starPosition,
         form
       } = {
-        ...defaultProps$Y,
+        ...defaultProps$X,
         ...props
       };
       let formInstance;
@@ -10046,7 +10043,7 @@
       }
     ).$$typeof === component.type.$$typeof;
   }
-  const defaultProps$X = {
+  const defaultProps$W = {
     ...ComponentDefaults,
     required: false,
     name: "",
@@ -10142,7 +10139,7 @@
           style,
           errorMessageAlign
         } = {
-          ...defaultProps$X,
+          ...defaultProps$W,
           ...this.props
         };
         const requiredInRules = rules2 == null ? void 0 : rules2.some((rule) => rule.required);
@@ -10211,7 +10208,7 @@
       return /* @__PURE__ */ React.createElement(React.Fragment, { key: this.state.resetCount }, this.props.noStyle ? returnChildNode : this.renderLayout(returnChildNode));
     }
   };
-  _FormItem.defaultProps = defaultProps$X;
+  _FormItem.defaultProps = defaultProps$W;
   _FormItem.contextType = Context;
   let FormItem = _FormItem;
   const InnerForm = Form;
@@ -10241,7 +10238,7 @@
     const regExp = allowDot ? /[^-0-9.]/g : /[^-0-9]/g;
     return value.replace(regExp, "");
   }
-  const defaultProps$W = {
+  const defaultProps$V = {
     ...ComponentDefaults,
     type: "text",
     name: "",
@@ -10286,7 +10283,7 @@
         value: _value,
         ...rest
       } = {
-        ...defaultProps$W,
+        ...defaultProps$V,
         ...props
       };
       const [value, setValue] = usePropsValue({
@@ -10437,7 +10434,7 @@
     }
   );
   Input.displayName = "NutInput";
-  const defaultProps$V = {
+  const defaultProps$U = {
     ...ComponentDefaults,
     disabled: false,
     readOnly: false,
@@ -10475,7 +10472,7 @@
       onChange,
       ...restProps
     } = {
-      ...defaultProps$V,
+      ...defaultProps$U,
       ...props
     };
     const classes = classNames(classPrefix$h, className, {
@@ -10628,7 +10625,7 @@
     )));
   };
   InputNumber.displayName = "NutInputNumber";
-  const defaultProps$U = {
+  const defaultProps$T = {
     ...ComponentDefaults,
     columns: 1,
     direction: "down",
@@ -10659,7 +10656,7 @@
       parent,
       index
     } = {
-      ...defaultProps$U,
+      ...defaultProps$T,
       ...props
     };
     const [showPopup, setShowPopup] = React.useState(show2);
@@ -10840,7 +10837,7 @@
     ));
   });
   MenuItem.displayName = "NutMenuItem";
-  const defaultProps$T = {
+  const defaultProps$S = {
     ...ComponentDefaults,
     activeColor: "",
     closeOnOverlayClick: true,
@@ -10867,7 +10864,7 @@
       onOpen,
       ...rest
     } = {
-      ...defaultProps$T,
+      ...defaultProps$S,
       ...props
     };
     const menuRef = React.useRef(null);
@@ -10946,14 +10943,10 @@
           return /* @__PURE__ */ React.createElement(
             "div",
             {
-              className: classNames(
-                "nut-menu-title ",
-                {
-                  active: showMenuItem[index],
-                  disabled
-                },
-                className
-              ),
+              className: classNames("nut-menu-title", `nut-menu-title-${index}`, {
+                active: showMenuItem[index],
+                disabled
+              }),
               style: { color: showMenuItem[index] ? activeColor : "" },
               key: index,
               onClick: () => {
@@ -11130,7 +11123,7 @@
   };
   NumberKeyboard.displayName = "NutNumberKeyboard";
   const RadioContext = React.createContext(null);
-  const defaultProps$S = {
+  const defaultProps$R = {
     labelPosition: "right",
     onChange: (value) => {
     },
@@ -11152,7 +11145,7 @@
         options,
         disabled,
         ...rest
-      } = { ...defaultProps$S, ...props };
+      } = { ...defaultProps$R, ...props };
       const [val2State, setVal2State] = usePropsValue({
         defaultValue: props.defaultValue,
         value: props.value,
@@ -11209,9 +11202,8 @@
       );
     }
   );
-  RadioGroup.defaultProps = defaultProps$S;
   RadioGroup.displayName = "NutRadioGroup";
-  const defaultProps$R = {
+  const defaultProps$Q = {
     ...ComponentDefaults,
     disabled: false,
     shape: "round",
@@ -11237,7 +11229,7 @@
       onChange,
       ...others
     } = {
-      ...defaultProps$R,
+      ...defaultProps$Q,
       ...props
     };
     let { labelPosition, disabled, ...rest } = others;
@@ -11337,10 +11329,9 @@
       renderRadioItem()
     );
   };
-  Radio.defaultProps = defaultProps$R;
   Radio.displayName = "NutRadio";
   Radio.Group = RadioGroup;
-  const defaultProps$Q = {
+  const defaultProps$P = {
     ...ComponentDefaults,
     range: false,
     min: 0,
@@ -11369,7 +11360,7 @@
       step,
       value,
       defaultValue
-    } = { ...defaultProps$Q, ...props };
+    } = { ...defaultProps$P, ...props };
     const classPrefix2 = "nut-range";
     const [buttonIndex, setButtonIndex] = React.useState(0);
     const [dragStatus, setDragStatus] = React.useState("start");
@@ -11651,7 +11642,7 @@
     ))), maxDescription !== null && /* @__PURE__ */ React.createElement("div", { className: "max" }, maxDescription || max));
   };
   Range.displayName = "NutRange";
-  const defaultProps$P = {
+  const defaultProps$O = {
     ...ComponentDefaults,
     count: 5,
     min: 0,
@@ -11679,7 +11670,7 @@
       onChange,
       onTouchEnd
     } = {
-      ...defaultProps$P,
+      ...defaultProps$O,
       ...props
     };
     const classPrefix2 = "nut-rate";
@@ -11836,7 +11827,7 @@
     );
   };
   Rate.displayName = "NutRate";
-  const defaultProps$O = {
+  const defaultProps$N = {
     ...ComponentDefaults,
     placeholder: "",
     shape: "square",
@@ -11878,7 +11869,7 @@
       onSearch,
       onInputClick
     } = {
-      ...defaultProps$O,
+      ...defaultProps$N,
       ...props
     };
     const [value, setValue] = React.useState(() => outerValue);
@@ -11995,7 +11986,7 @@
     );
   };
   SearchBar.displayName = "NutSearchBar";
-  const defaultProps$N = {
+  const defaultProps$M = {
     ...ComponentDefaults,
     value: "",
     visible: false,
@@ -12032,7 +12023,7 @@
       onCloseIconClick,
       ...rest
     } = {
-      ...defaultProps$N,
+      ...defaultProps$M,
       ...props
     };
     const classPrefix2 = "nut-shortpassword";
@@ -12092,7 +12083,7 @@
     );
   };
   const ShortPassword = React.forwardRef(InternalShortPassword);
-  const defaultProps$M = {
+  const defaultProps$L = {
     ...ComponentDefaults,
     canvasId: "spcanvas",
     type: "png",
@@ -12111,7 +12102,7 @@
       onClear,
       ...rest
     } = {
-      ...defaultProps$M,
+      ...defaultProps$L,
       ...props
     };
     const classPrefix2 = `nut-signature`;
@@ -12268,7 +12259,7 @@
     InternalSignature
   );
   Signature.displayName = "NutSignature";
-  const defaultProps$L = {
+  const defaultProps$K = {
     ...ComponentDefaults,
     disabled: false,
     activeText: "",
@@ -12286,7 +12277,7 @@
       onChange,
       ...rest
     } = {
-      ...defaultProps$L,
+      ...defaultProps$K,
       ...props
     };
     const classPrefix2 = "nut-switch";
@@ -12314,7 +12305,7 @@
     );
   };
   Switch.displayName = "NutSwitch";
-  const defaultProps$K = {
+  const defaultProps$J = {
     ...ComponentDefaults,
     defaultValue: "",
     showCount: false,
@@ -12342,7 +12333,7 @@
       onBlur,
       onFocus,
       ...rest
-    } = { ...defaultProps$K, ...props };
+    } = { ...defaultProps$J, ...props };
     const classPrefix2 = "nut-textarea";
     const compositionRef = React.useRef(false);
     const format2 = (value2) => {
@@ -12572,7 +12563,7 @@
       this.formData = {};
     }
   }
-  const defaultProps$J = {
+  const defaultProps$I = {
     ...ComponentDefaults,
     percent: 0,
     showText: false,
@@ -12596,7 +12587,7 @@
       delay,
       ...rest
     } = {
-      ...defaultProps$J,
+      ...defaultProps$I,
       ...props
     };
     const classPrefix2 = "nut-progress";
@@ -12805,7 +12796,7 @@
       );
     }));
   };
-  const defaultProps$I = {
+  const defaultProps$H = {
     ...ComponentDefaults,
     url: "",
     maxCount: 1,
@@ -12880,7 +12871,7 @@
       beforeXhrUpload,
       beforeDelete,
       ...restProps
-    } = { ...defaultProps$I, ...props };
+    } = { ...defaultProps$H, ...props };
     const [fileList, setFileList] = usePropsValue({
       value,
       defaultValue,
@@ -12901,6 +12892,10 @@
         clearUploadQueue();
       }
     }));
+    const fileListRef = React.useRef([]);
+    React.useEffect(() => {
+      fileListRef.current = fileList;
+    }, [fileList]);
     const clearUploadQueue = (index = -1) => {
       if (index > -1) {
         uploadQueue.splice(index, 1);
@@ -12980,7 +12975,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;
@@ -12988,23 +12983,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.progress;
-              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;
@@ -13020,7 +13015,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;
@@ -13082,8 +13077,8 @@
         if (preview) {
           fileItem.url = fileType === "video" ? file.thumbTempFilePath : filepath;
         }
-        setFileList([...fileList, fileItem]);
         executeUpload(fileItem, index);
+        setFileList([...fileList, fileItem]);
       });
     };
     const filterFiles = (files) => {
@@ -13097,9 +13092,7 @@
         }
         return true;
       });
-      if (oversizes.length) {
-        onOversize && onOversize(files);
-      }
+      oversizes.length && (onOversize == null ? void 0 : onOversize(files));
       const currentFileLength = filterFile.length + fileList.length;
       if (currentFileLength > maximum) {
         filterFile.splice(filterFile.length - (currentFileLength - maximum));
@@ -13169,7 +13162,7 @@
   };
   const Uploader = React.forwardRef(InternalUploader);
   Uploader.displayName = "NutUploader";
-  const defaultProps$H = {
+  const defaultProps$G = {
     ...ComponentDefaults,
     visible: false,
     description: "",
@@ -13195,7 +13188,7 @@
       className,
       style,
       ...rest
-    } = { ...defaultProps$H, ...props };
+    } = { ...defaultProps$G, ...props };
     const classPrefix2 = "nut-actionsheet";
     const cancelActionSheet = () => {
       onCancel && onCancel();
@@ -13333,7 +13326,7 @@
     const params = stateRef.current;
     return { params, setParams };
   }
-  const defaultProps$G = {
+  const defaultProps$F = {
     title: "",
     content: "",
     header: "",
@@ -13387,7 +13380,7 @@
         beforeClose
       },
       setParams
-    } = useParams({ ...defaultProps$G, ...props });
+    } = useParams({ ...defaultProps$F, ...props });
     useCustomEvent(
       id,
       ({ status, options }) => {
@@ -13512,11 +13505,11 @@
     const path = useCustomEventsPath(selector);
     customEvents.trigger(path, { status: false });
   }
-  BaseDialog.defaultProps = defaultProps$G;
+  BaseDialog.defaultProps = defaultProps$F;
   BaseDialog.displayName = "NutDialog";
   BaseDialog.open = open$1;
   BaseDialog.close = close$1;
-  const defaultProps$F = {
+  const defaultProps$E = {
     ...ComponentDefaults,
     attract: false,
     direction: void 0,
@@ -13541,7 +13534,7 @@
       style,
       ...reset
     } = {
-      ...defaultProps$F,
+      ...defaultProps$E,
       ...props
     };
     const classPrefix2 = "nut-drag";
@@ -13654,7 +13647,7 @@
     error: "https://storage.360buyimg.com/imgtools/f3278d0ebb-0ce360c0-c0ac-11ee-8375-193101bb1a46.png",
     network: "https://storage.360buyimg.com/imgtools/43c30f7e29-0d483d10-c0ac-11ee-bec4-eb4d2a09a51d.png"
   };
-  const defaultProps$E = {
+  const defaultProps$D = {
     ...ComponentDefaults,
     title: "",
     description: "",
@@ -13678,7 +13671,7 @@
       actions,
       ...rest
     } = {
-      ...defaultProps$E,
+      ...defaultProps$D,
       ...props
     };
     const [imgStyle, setImgStyle] = React.useState({});
@@ -13723,7 +13716,7 @@
     })), children);
   };
   Empty.displayName = "NutEmpty";
-  const defaultProps$D = {
+  const defaultProps$C = {
     ...ComponentDefaults,
     type: "default",
     hasMore: true,
@@ -13750,7 +13743,7 @@
       onScroll,
       ...rest
     } = {
-      ...defaultProps$D,
+      ...defaultProps$C,
       ...props
     };
     const [isInfiniting, setIsInfiniting] = React.useState(false);
@@ -13842,6 +13835,7 @@
     return /* @__PURE__ */ React.createElement(
       components.ScrollView,
       {
+        ...rest,
         className: classes,
         scrollY: true,
         id: "scroller",
@@ -13851,8 +13845,7 @@
         onScrollToLower: lower,
         onTouchStart: touchStart,
         onTouchMove: touchMove,
-        onTouchEnd: touchEnd,
-        ...rest
+        onTouchEnd: touchEnd
       },
       /* @__PURE__ */ React.createElement("div", { className: "nut-infinite-top", ref: refreshTop, style: getStyle() }, /* @__PURE__ */ React.createElement("div", { className: "nut-infinite-top-tips" }, pullingText || locale.infiniteloading.pullRefreshText)),
       /* @__PURE__ */ React.createElement("div", { className: "nut-infinite-container" }, children),
@@ -13864,7 +13857,7 @@
     circular: D$5,
     spinner: I
   };
-  const defaultProps$C = {
+  const defaultProps$B = {
     ...ComponentDefaults,
     // 对比一下,个人感觉还是Loading1比较好看一些,所以用它作为了默认的loading图标
     type: "circular",
@@ -13872,7 +13865,7 @@
   };
   const Loading = (props) => {
     const { className, style, children, direction, icon, ...rest } = {
-      ...defaultProps$C,
+      ...defaultProps$B,
       ...props
     };
     const classPrefix2 = "nut-loading";
@@ -13892,7 +13885,7 @@
     );
   };
   Loading.displayName = "NutLoading";
-  const defaultProps$B = {
+  const defaultProps$A = {
     ...ComponentDefaults,
     align: "left",
     direction: "horizontal",
@@ -13935,7 +13928,7 @@
       onClick,
       onItemClick
     } = {
-      ...defaultProps$B,
+      ...defaultProps$A,
       ...props
     };
     const classPrefix2 = "nut-noticebar";
@@ -14309,7 +14302,7 @@
     ) : null);
   };
   NoticeBar.displayName = "NutNoticeBar";
-  const defaultProps$A = {
+  const defaultProps$z = {
     ...ComponentDefaults,
     id: "",
     duration: 3e3,
@@ -14335,7 +14328,7 @@
       duration,
       onClose,
       onClick
-    } = { ...defaultProps$A, ...props };
+    } = { ...defaultProps$z, ...props };
     useCustomEvent(id, (status) => {
       status ? show2() : hide2();
     });
@@ -14406,11 +14399,11 @@
     const path = useCustomEventsPath(selector);
     customEvents.trigger(path, false);
   }
-  Notify.defaultProps = defaultProps$A;
+  Notify.defaultProps = defaultProps$z;
   Notify.displayName = "NutNotify";
   Notify.open = open;
   Notify.close = close;
-  const defaultProps$z = {
+  const defaultProps$y = {
     ...ComponentDefaults,
     list: [],
     theme: "light",
@@ -14455,7 +14448,7 @@
       onSelect,
       ...rest
     } = {
-      ...defaultProps$z,
+      ...defaultProps$y,
       ...props
     };
     const popoverRef = React.useRef(null);
@@ -14713,7 +14706,7 @@
     return position;
   }
   const sleep = (time) => new Promise((resolve) => setTimeout(resolve, time));
-  const defaultProps$y = {
+  const defaultProps$x = {
     ...ComponentDefaults,
     type: "default",
     pullingText: "",
@@ -14733,7 +14726,7 @@
     const { locale } = useConfig$1();
     const touch = useTouch();
     const props = {
-      ...defaultProps$y,
+      ...defaultProps$x,
       ...p,
       ...{
         pullingText: p.pullingText || locale.pullToRefresh.pullingText,
@@ -14851,10 +14844,9 @@
       /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-content` }, props.children)
     );
   };
-  PullToRefresh.defaultProps = defaultProps$y;
   PullToRefresh.displayName = "NutPullToRefresh";
   const AvatarContext = React.createContext({});
-  const defaultProps$x = {
+  const defaultProps$w = {
     ...ComponentDefaults,
     maxContent: "",
     max: "",
@@ -14865,7 +14857,7 @@
   };
   const classPrefix$b = `nut-avatar-group`;
   const AvatarGroup = (props) => {
-    const propAvatarGroup = { ...defaultProps$x, ...props };
+    const propAvatarGroup = { ...defaultProps$w, ...props };
     const { className, style, children } = propAvatarGroup;
     const avatarGroupRef = React.useRef(null);
     const cls = classNames(classPrefix$b, className);
@@ -14876,7 +14868,7 @@
     return /* @__PURE__ */ React.createElement(AvatarContext.Provider, { value: parentAvatar }, /* @__PURE__ */ React.createElement("div", { className: cls, style, ref: avatarGroupRef }, children));
   };
   AvatarGroup.displayName = "NutAvatarGroup";
-  const defaultProps$w = {
+  const defaultProps$v = {
     ...ComponentDefaults,
     size: "",
     shape: "round",
@@ -14906,7 +14898,7 @@
       onError,
       ...rest
     } = {
-      ...defaultProps$w,
+      ...defaultProps$v,
       ...props
     };
     const [maxSum, setMaxSum] = React.useState(0);
@@ -14996,7 +14988,7 @@
   };
   Avatar.displayName = "NutAvatar";
   Avatar.Group = AvatarGroup;
-  const defaultProps$v = {
+  const defaultProps$u = {
     ...ComponentDefaults,
     rows: 1,
     animated: false,
@@ -15019,7 +15011,7 @@
       avatarShape,
       ...rest
     } = {
-      ...defaultProps$v,
+      ...defaultProps$u,
       ...props
     };
     const classPrefix2 = "nut-skeleton";
@@ -15065,7 +15057,7 @@
       event.stopPropagation();
     }
   }
-  const defaultProps$u = {
+  const defaultProps$t = {
     ...ComponentDefaults,
     name: ""
   };
@@ -15085,7 +15077,7 @@
       };
       Taro.nextTick(() => getWidth());
     });
-    const { children, className, style } = { ...defaultProps$u, ...props };
+    const { children, className, style } = { ...defaultProps$t, ...props };
     const root2 = React.useRef();
     const opened = React.useRef(false);
     const lockClick = React.useRef(false);
@@ -15245,9 +15237,8 @@
       /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-wrapper`, style: wrapperStyle }, renderActionContent("left"), children, renderActionContent("right"))
     );
   });
-  Swipe.defaultProps = defaultProps$u;
   Swipe.displayName = "NutSwipe";
-  const defaultProps$t = {
+  const defaultProps$s = {
     ...ComponentDefaults,
     id: "",
     icon: null,
@@ -15296,7 +15287,7 @@
         wordBreak
       },
       setParams
-    } = useParams({ ...defaultProps$t, ...props });
+    } = useParams({ ...defaultProps$s, ...props });
     const timer = React.useRef(-1);
     const [innerVisible, setInnerVisible] = usePropsValue({
       value: visible,
@@ -15404,11 +15395,11 @@
     const path = useCustomEventsPath(selector);
     customEvents.trigger(path, { status: false });
   }
-  Toast.defaultProps = defaultProps$t;
+  Toast.defaultProps = defaultProps$s;
   Toast.displayName = "NutToast";
   Toast.show = show;
   Toast.hide = hide;
-  const defaultProps$s = {
+  const defaultProps$r = {
     ...ComponentDefaults,
     type: "shake",
     action: "initial",
@@ -15419,7 +15410,7 @@
   const classPrefix$8 = `nut-animate`;
   const Animate = (props) => {
     const { className, type: type2, action, loop, onClick, children, ...rest } = {
-      ...defaultProps$s,
+      ...defaultProps$r,
       ...props
     };
     const [clicked, setClicked] = React.useState(false);
@@ -15441,7 +15432,7 @@
     return /* @__PURE__ */ React.createElement("div", { className: "nut-animate" }, /* @__PURE__ */ React.createElement("div", { className: cls, onClick: handleClick, ...rest }, children));
   };
   Animate.displayName = "NutAnimate";
-  const defaultProps$r = {
+  const defaultProps$q = {
     ...ComponentDefaults,
     length: 0,
     value: "",
@@ -15460,7 +15451,7 @@
       style,
       ...reset
     } = {
-      ...defaultProps$r,
+      ...defaultProps$q,
       ...props
     };
     const classPrefix2 = "nut-countup";
@@ -15534,9 +15525,9 @@
       );
     })));
   };
-  CountUp.defaultProps = defaultProps$r;
+  CountUp.defaultProps = defaultProps$q;
   CountUp.displayName = "NutCountUp";
-  const defaultProps$q = {};
+  const defaultProps$p = {};
   const _AnimatingNumbers = class _AnimatingNumbers extends React.Component {
     constructor(props) {
       super(props);
@@ -15546,12 +15537,12 @@
       return /* @__PURE__ */ React.createElement("div", { className: "nut-animatingnumbers" });
     }
   };
-  _AnimatingNumbers.defaultProps = defaultProps$q;
+  _AnimatingNumbers.defaultProps = defaultProps$p;
   _AnimatingNumbers.displayName = "NutAnimatingNumbers";
   _AnimatingNumbers.CountUp = CountUp;
   let AnimatingNumbers = _AnimatingNumbers;
   AnimatingNumbers.CountUp = CountUp;
-  const defaultProps$p = {
+  const defaultProps$o = {
     ...ComponentDefaults,
     className: "",
     url: "",
@@ -15595,7 +15586,7 @@
       iconFontClassName,
       ...rest
     } = {
-      ...defaultProps$p,
+      ...defaultProps$o,
       ...props
     };
     const [playing, setPlaying] = React.useState(false);
@@ -15614,19 +15605,19 @@
     audioCtx.autoplay = autoplay || false;
     audioCtx.loop = loop || false;
     audioCtx.onPause(() => {
-      props.onPause && props.onPause(audioCtx);
+      onPause == null ? void 0 : onPause(audioCtx);
     });
     audioCtx.onEnded(() => {
-      if (props.loop) {
+      if (loop) {
         console.warn(locale.audio.tips || "onPlayEnd事件在loop=false时才会触发");
       } else {
-        props.onPlayEnd && props.onPlayEnd(audioCtx);
+        onPlayEnd == null ? void 0 : onPlayEnd(audioCtx);
       }
     });
     audioCtx.onPlay(() => {
       const { duration } = audioCtx;
       setTotalSeconds(Math.floor(duration));
-      props.onPlay && props.onPlay(audioCtx);
+      onPlay == null ? void 0 : onPlay(audioCtx);
     });
     audioCtx.onCanplay(() => {
       const intervalID = setInterval(function() {
@@ -15636,7 +15627,7 @@
         }
       }, 500);
       setIsCanPlay(true);
-      props.onCanPlay && props.onCanPlay(audioCtx);
+      onCanPlay == null ? void 0 : onCanPlay(audioCtx);
     });
     audioCtx.onTimeUpdate(() => {
       const time = parseInt(`${audioCtx.currentTime}`);
@@ -15668,14 +15659,14 @@
       statusRef.current.currentTime = Math.max(currentTime - 1, 0);
       setCurrentDuration(formatSeconds(statusRef.current.currentTime.toString()));
       audioCtx.seek(statusRef.current.currentTime);
-      props.onFastBack && props.onFastBack(audioCtx);
+      onFastBack == null ? void 0 : onFastBack(audioCtx);
     };
     const handleForward = () => {
       const currentTime = Math.floor(audioCtx.currentTime);
       statusRef.current.currentTime = Math.min(currentTime + 1, audioCtx.duration);
       setCurrentDuration(formatSeconds(statusRef.current.currentTime.toString()));
       audioCtx.seek(statusRef.current.currentTime);
-      props.onForward && props.onForward(audioCtx);
+      onForward == null ? void 0 : onForward(audioCtx);
     };
     const handleStatusChange = () => {
       setPlaying(!playing);
@@ -15759,9 +15750,8 @@
     };
     return /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2} ${className}`, style, ...rest }, renderAudio());
   };
-  Audio.defaultProps = defaultProps$p;
   Audio.displayName = "NutAudio";
-  const defaultProps$o = {
+  const defaultProps$n = {
     ...ComponentDefaults,
     strokeWidth: 5,
     radius: 50,
@@ -15785,7 +15775,7 @@
       strokeLinecap,
       ...restProps
     } = {
-      ...defaultProps$o,
+      ...defaultProps$n,
       ...props
     };
     const oldValue = React.useRef(percent);
@@ -15885,7 +15875,7 @@
     rotate: 180
   };
   const CollapseContext = React.createContext(collapseContext);
-  const defaultProps$n = {
+  const defaultProps$m = {
     ...ComponentDefaults,
     title: null,
     name: "",
@@ -15906,7 +15896,7 @@
       className,
       ...rest
     } = {
-      ...defaultProps$n,
+      ...defaultProps$m,
       ...props
     };
     const classPrefix2 = "nut-collapse-item";
@@ -16019,7 +16009,7 @@
     ));
   };
   CollapseItem.displayName = "NutCollapseItem";
-  const defaultProps$m = {
+  const defaultProps$l = {
     ...ComponentDefaults,
     defaultActiveName: [],
     accordion: false,
@@ -16038,7 +16028,7 @@
       rotate,
       onChange
     } = {
-      ...defaultProps$m,
+      ...defaultProps$l,
       ...props
     };
     const classPrefix2 = "nut-collapse";
@@ -16097,7 +16087,7 @@
   };
   Collapse.displayName = "NutCollapse";
   Collapse.Item = CollapseItem;
-  const defaultProps$l = {
+  const defaultProps$k = {
     ...ComponentDefaults,
     paused: false,
     startTime: Date.now(),
@@ -16129,7 +16119,7 @@
       onUpdate,
       children,
       ...rest
-    } = { ...defaultProps$l, ...props };
+    } = { ...defaultProps$k, ...props };
     const classPrefix2 = "nut-countdown";
     const [restTimeStamp, setRestTime] = React.useState(0);
     const stateRef = React.useRef({
@@ -16334,7 +16324,7 @@
     InternalCountDown
   );
   CountDown.displayName = "NutCountDown";
-  const defaultProps$k = {
+  const defaultProps$j = {
     ...ComponentDefaults,
     content: "",
     direction: "end",
@@ -16362,7 +16352,7 @@
       onClick,
       onChange,
       ...rest
-    } = { ...defaultProps$k, ...props };
+    } = { ...defaultProps$j, ...props };
     const maxHeight = React.useRef(0);
     const [exceeded, setExceeded] = React.useState(false);
     const [expanded, setExpanded] = React.useState(false);
@@ -16654,7 +16644,7 @@
     ));
   };
   Ellipsis.displayName = "NutEllipsis";
-  const defaultProps$j = {
+  const defaultProps$i = {
     total: 3,
     current: 0,
     direction: "horizontal"
@@ -16662,7 +16652,7 @@
   const classPrefix$5 = `nut-indicator`;
   const Indicator = (props) => {
     const { total, current, children, className, direction, ...rest } = {
-      ...defaultProps$j,
+      ...defaultProps$i,
       ...props
     };
     const classes = classNames({
@@ -16686,7 +16676,7 @@
     return /* @__PURE__ */ React.createElement("div", { className: classNames(classPrefix$5, classes, className), ...rest }, renderElement());
   };
   Indicator.displayName = "NutIndicator";
-  const defaultProps$i = {
+  const defaultProps$h = {
     direction: "horizontal",
     indicator: false,
     autoPlay: false,
@@ -16711,7 +16701,7 @@
       style,
       ...rest
     } = {
-      ...defaultProps$i,
+      ...defaultProps$h,
       ...props
     };
     const [current, setCurrent] = React.useState(defaultValue);
@@ -16822,17 +16812,11 @@
       renderIndicator()
     );
   });
-  Swiper.defaultProps = defaultProps$i;
   Swiper.displayName = "NutSwiper";
-  const defaultProps$h = {
-    itemId: "",
-    skipHiddenItemLayout: false
-  };
   const SwiperItem = (props) => {
     const { children, ...rest } = props;
     return /* @__PURE__ */ React.createElement(React.Fragment, null, children);
   };
-  SwiperItem.defaultProps = defaultProps$h;
   SwiperItem.displayName = "NutSwiperItem";
   const InnerSwiper = Swiper;
   InnerSwiper.Item = SwiperItem;
@@ -17564,10 +17548,6 @@
       });
     };
     const renderBodyTds = (item, rowIndex) => {
-      const { rowRender } = item;
-      if (rowRender && typeof rowRender === "function") {
-        return rowRender(item, rowIndex);
-      }
       return sortDataItem().map(([value, render]) => {
         return /* @__PURE__ */ React.createElement(
           "div",
@@ -17586,7 +17566,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(
@@ -18612,6 +18597,8 @@
     gapY: 48,
     width: 120,
     height: 64,
+    startX: 0,
+    startY: 0,
     image: "",
     imageWidth: 120,
     imageHeight: 64,
@@ -18630,6 +18617,8 @@
       className,
       gapX,
       gapY,
+      startX,
+      startY,
       width,
       height,
       image,
@@ -18710,7 +18699,7 @@
             const markSize = Number(fontSize) * ratio;
             ctx.font = `${fontStyle} normal ${fontWeight} ${markSize}px/${markHeight}px ${fontFamily}`;
             ctx.fillStyle = color;
-            ctx.fillText(content, 0, 0);
+            ctx.fillText(content, startX, startY);
             ctx.restore();
             setBase64Url(canvas.toDataURL());
           }