@nutui/nutui-react 2.0.0-alpha.5 → 2.0.0-alpha.6

package/dist/nutui.react.mjs

@@ -6,7 +6,7 @@ var __publicField = (obj, key, value) => {
 };
 var _a;
 /*!
-* @nutui/nutui-react v2.0.0-alpha.5 Wed May 10 2023 14:17:23 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.0.0-alpha.6 Fri May 12 2023 15:13:32 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -3233,7 +3233,7 @@ const ComponentDefaults = {
   style: {}
 };
 const prefixCls = "nut-button";
-const defaultProps$1r = {
+const defaultProps$1s = {
   ...ComponentDefaults,
   color: "",
   type: "default",
@@ -3265,7 +3265,7 @@ const Button = React__default.forwardRef(
       style,
       ...rest
     } = {
-      ...defaultProps$1r,
+      ...defaultProps$1s,
       ...props
     };
     const getStyle = useCallback(() => {
@@ -3322,7 +3322,7 @@ const Button = React__default.forwardRef(
   }
 );
 Button.displayName = "NutButton";
-const defaultProps$1q = {
+const defaultProps$1r = {
   ...ComponentDefaults,
   title: null,
   description: null,
@@ -3346,7 +3346,7 @@ const Cell = (props) => {
     style,
     ...rest
   } = {
-    ...defaultProps$1q,
+    ...defaultProps$1r,
     ...props
   };
   const handleClick2 = (event) => {
@@ -3385,9 +3385,9 @@ const Cell = (props) => {
     }
   );
 };
-Cell.defaultProps = defaultProps$1q;
+Cell.defaultProps = defaultProps$1r;
 Cell.displayName = "NutCell";
-const defaultProps$1p = {
+const defaultProps$1q = {
   ...ComponentDefaults,
   title: "",
   description: "",
@@ -3396,7 +3396,7 @@ const defaultProps$1p = {
 const classPrefix$f = "nut-cell-group";
 const CellGroup = (props) => {
   const { children, className, style, title, description, divider, ...rest } = {
-    ...defaultProps$1p,
+    ...defaultProps$1q,
     ...props
   };
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: classNames(classPrefix$f, className), ...rest, children: [
@@ -3411,7 +3411,7 @@ const CellGroup = (props) => {
     )
   ] });
 };
-CellGroup.defaultProps = defaultProps$1p;
+CellGroup.defaultProps = defaultProps$1q;
 CellGroup.displayName = "NutCellGroup";
 var INFINITY = 1 / 0;
 var symbolTag = "[object Symbol]";
@@ -3826,7 +3826,7 @@ const zhCN = {
     errorCanvasTips: "当前环境不支持Canvas"
   }
 };
-const defaultProps$1o = {
+const defaultProps$1p = {
   locale: zhCN
 };
 const defaultConfigRef = {
@@ -3849,7 +3849,7 @@ function convertThemeVarsToCSSVars(themeVars) {
   return cssVars;
 }
 const ConfigProvider = (props) => {
-  const { children, ...config2 } = { ...defaultProps$1o, ...props };
+  const { children, ...config2 } = { ...defaultProps$1p, ...props };
   const parentConfig = useConfig();
   const theme = config2.theme || {};
   const style = useMemo(
@@ -3867,12 +3867,12 @@ const ConfigProvider = (props) => {
     }
   );
 };
-ConfigProvider.defaultProps = defaultProps$1o;
+ConfigProvider.defaultProps = defaultProps$1p;
 ConfigProvider.displayName = "NutConfigProvider";
 const pxCheck = (value) => {
   return Number.isNaN(Number(value)) ? String(value) : `${value}px`;
 };
-const defaultProps$1n = {
+const defaultProps$1o = {
   ...ComponentDefaults,
   fit: "fill",
   position: "center",
@@ -3901,21 +3901,19 @@ const Image$1 = (props) => {
     onClick,
     onLoad,
     onError
-  } = { ...defaultProps$1n, ...props };
+  } = { ...defaultProps$1o, ...props };
   const [innerLoading, setInnerLoading] = useState(true);
   const [isError, setIsError] = useState(false);
-  const [_src, setSrc] = useState("");
   const imgRef = useRef(null);
   useEffect(() => {
     if (imgRef.current && imgRef.current.complete && imgRef.current.naturalHeight !== 0) {
       setInnerLoading(false);
     } else if (src) {
-      setSrc(src);
-      setIsError(false);
       setInnerLoading(true);
     }
   }, [src]);
   const handleLoad = () => {
+    setIsError(false);
     setInnerLoading(false);
     onLoad && onLoad();
   };
@@ -4011,7 +4009,7 @@ const Image$1 = (props) => {
             ref: imgRef,
             className: "nut-img lazyload",
             style: imgStyle,
-            "data-src": _src,
+            "data-src": src,
             alt,
             loading: "lazy",
             onLoad: handleLoad,
@@ -4023,7 +4021,7 @@ const Image$1 = (props) => {
             ref: imgRef,
             className: "nut-img",
             style: imgStyle,
-            src: _src,
+            src,
             alt,
             onLoad: handleLoad,
             onError: handleError
@@ -4035,7 +4033,7 @@ const Image$1 = (props) => {
     }
   );
 };
-Image$1.defaultProps = defaultProps$1n;
+Image$1.defaultProps = defaultProps$1o;
 Image$1.displayName = "NutImage";
 const defaultOverlayProps = {
   ...ComponentDefaults,
@@ -4120,7 +4118,7 @@ const Overlay = (props) => {
 Overlay.defaultProps = defaultOverlayProps;
 Overlay.displayName = "NutOverlay";
 const DataContext$2 = createContext({});
-const defaultProps$1m = {
+const defaultProps$1n = {
   ...ComponentDefaults,
   span: "24",
   offset: "0",
@@ -4128,7 +4126,7 @@ const defaultProps$1m = {
 };
 const Col = (props) => {
   const { className, style, span, offset, children, onClick } = {
-    ...defaultProps$1m,
+    ...defaultProps$1n,
     ...props
   };
   const [colName, setColName] = useState("");
@@ -4160,9 +4158,9 @@ const Col = (props) => {
     }
   );
 };
-Col.defaultProps = defaultProps$1m;
+Col.defaultProps = defaultProps$1n;
 Col.displayName = "NutCol";
-const defaultProps$1l = {
+const defaultProps$1m = {
   ...ComponentDefaults,
   contentPosition: "center",
   direction: "horizontal"
@@ -4170,7 +4168,7 @@ const defaultProps$1l = {
 const classPrefix$d = `nut-divider`;
 const Divider = (props) => {
   const { children, contentPosition, style, className, direction, ...rest } = {
-    ...defaultProps$1l,
+    ...defaultProps$1m,
     ...props
   };
   const classes = direction === "horizontal" ? classNames({
@@ -4185,14 +4183,14 @@ const Divider = (props) => {
   });
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `${classes} ${className || ""}`, style, ...rest, children });
 };
-Divider.defaultProps = defaultProps$1l;
+Divider.defaultProps = defaultProps$1m;
 Divider.displayName = "NutDivider";
 const gridContext = {
   onClick: (item, index) => {
   }
 };
 const GridContext = React__default.createContext(gridContext);
-const defaultProps$1k = {
+const defaultProps$1l = {
   text: "",
   columns: 4,
   gap: 0,
@@ -4218,7 +4216,7 @@ const GridItem = (props) => {
     onClick,
     ...rest
   } = {
-    ...defaultProps$1k,
+    ...defaultProps$1l,
     ...props
   };
   const classPrefix2 = "nut-grid-item";
@@ -4279,9 +4277,9 @@ const GridItem = (props) => {
     }
   );
 };
-GridItem.defaultProps = defaultProps$1k;
+GridItem.defaultProps = defaultProps$1l;
 GridItem.displayName = "NutGridItem";
-const defaultProps$1j = {
+const defaultProps$1k = {
   columns: 4,
   gap: 0,
   center: true,
@@ -4302,7 +4300,7 @@ const Grid = (props) => {
     className,
     onClick,
     ...rest
-  } = { ...defaultProps$1j, ...props };
+  } = { ...defaultProps$1k, ...props };
   const childrenDom = React__default.Children.toArray(children);
   const classPrefix2 = "nut-grid";
   const rootClass = () => {
@@ -4332,18 +4330,18 @@ const Grid = (props) => {
     });
   }) }) });
 };
-Grid.defaultProps = defaultProps$1j;
+Grid.defaultProps = defaultProps$1k;
 Grid.displayName = "NutGrid";
 Grid.Item = GridItem;
-const defaultProps$1i = {};
+const defaultProps$1j = {};
 const Layout = (props) => {
-  ({ ...defaultProps$1i, ...props });
+  ({ ...defaultProps$1j, ...props });
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "nut-layout", children: "Layout" });
 };
-Layout.defaultProps = defaultProps$1i;
+Layout.defaultProps = defaultProps$1j;
 Layout.displayName = "NutLayout";
 const classPrefix$c = "nut-row";
-const defaultProps$1h = {
+const defaultProps$1i = {
   ...ComponentDefaults,
   type: "",
   justify: "start",
@@ -4363,7 +4361,7 @@ const Row = (props) => {
     gutter,
     onClick
   } = {
-    ...defaultProps$1h,
+    ...defaultProps$1i,
     ...props
   };
   const getClass = (prefix2, type22) => {
@@ -4395,7 +4393,7 @@ const Row = (props) => {
     children
   ) });
 };
-Row.defaultProps = defaultProps$1h;
+Row.defaultProps = defaultProps$1i;
 Row.displayName = "NutRow";
 const canUseDom = !!(typeof window !== "undefined" && typeof document !== "undefined" && window.document && window.document.createElement);
 const defaultRoot = canUseDom ? window : void 0;
@@ -4470,7 +4468,7 @@ function useWatch(dep, callback, config2 = { immediate: false }) {
     stop2.current = true;
   };
 }
-const defaultProps$1g = {
+const defaultProps$1h = {
   ...ComponentDefaults,
   position: "top",
   threshold: 0,
@@ -4488,7 +4486,7 @@ const Sticky = (props) => {
     threshold,
     onChange,
     ...rest
-  } = { ...defaultProps$1g, ...props };
+  } = { ...defaultProps$1h, ...props };
   const stickyRef = useRef(null);
   const rootRef = useRef(null);
   const [isFixed, setIsFixed] = useState(false);
@@ -4604,9 +4602,9 @@ const Sticky = (props) => {
     }
   );
 };
-Sticky.defaultProps = defaultProps$1g;
+Sticky.defaultProps = defaultProps$1h;
 Sticky.displayName = "NutSticky";
-const defaultProps$1f = {
+const defaultProps$1g = {
   ...ComponentDefaults,
   target: "",
   threshold: 200,
@@ -4624,7 +4622,7 @@ const BackTop = (props) => {
     style,
     onClick
   } = {
-    ...defaultProps$1f,
+    ...defaultProps$1g,
     ...props
   };
   const classPrefix2 = "nut-backtop";
@@ -4722,7 +4720,7 @@ const BackTop = (props) => {
     }
   );
 };
-BackTop.defaultProps = defaultProps$1f;
+BackTop.defaultProps = defaultProps$1g;
 BackTop.displayName = "NutBackTop";
 function clamp$1(v, min, max) {
   return Math.max(min, Math.min(v, max));
@@ -9840,7 +9838,7 @@ const host = createHost(primitives, {
 });
 const animated = host.animated;
 const elevatorContext = createContext({});
-const defaultProps$1e = {
+const defaultProps$1f = {
   ...ComponentDefaults,
   height: "200px",
   floorKey: "title",
@@ -9864,7 +9862,7 @@ const Elevator = (props) => {
     children,
     ...rest
   } = {
-    ...defaultProps$1e,
+    ...defaultProps$1f,
     ...props
   };
   const classPrefix2 = "nut-elevator";
@@ -10047,10 +10045,10 @@ const Elevator = (props) => {
     ) })
   ] });
 };
-Elevator.defaultProps = defaultProps$1e;
+Elevator.defaultProps = defaultProps$1f;
 Elevator.displayName = "NutElevator";
 Elevator.Context = elevatorContext;
-const defaultProps$1d = {
+const defaultProps$1e = {
   ...ComponentDefaults,
   activeText: "",
   inactiveText: "",
@@ -10078,7 +10076,7 @@ const FixedNav = (props) => {
     content,
     ...rest
   } = {
-    ...defaultProps$1d,
+    ...defaultProps$1e,
     ...props
   };
   const classPrefix2 = "nut-fixednav";
@@ -10137,9 +10135,9 @@ const FixedNav = (props) => {
     }
   );
 };
-FixedNav.defaultProps = defaultProps$1d;
+FixedNav.defaultProps = defaultProps$1e;
 FixedNav.displayName = "NutFixedNav";
-const defaultProps$1c = {
+const defaultProps$1d = {
   ...ComponentDefaults,
   left: "",
   right: "",
@@ -10162,7 +10160,7 @@ const NavBar = (props) => {
     zIndex,
     onClickBack
   } = {
-    ...defaultProps$1c,
+    ...defaultProps$1d,
     ...props
   };
   const classPrefix2 = "nut-navbar";
@@ -10206,7 +10204,7 @@ const NavBar = (props) => {
   const cls = classNames(classPrefix2, classes, className);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: fixed && placeholder ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `${classPrefix2}--placeholder`, children: renderWrapper() }) : renderWrapper() });
 };
-NavBar.defaultProps = defaultProps$1c;
+NavBar.defaultProps = defaultProps$1d;
 NavBar.displayName = "NutNavBar";
 function _extends$1() {
   _extends$1 = Object.assign ? Object.assign.bind() : function(target) {
@@ -11949,7 +11947,7 @@ CSSTransition.propTypes = process.env.NODE_ENV !== "production" ? _extends$1({},
   onExited: propTypesExports.func
 }) : {};
 const CSSTransition$1 = CSSTransition;
-const defaultProps$1b = {
+const defaultProps$1c = {
   ...ComponentDefaults,
   position: "center",
   transition: "",
@@ -12128,7 +12126,7 @@ const Popup = (props) => {
   }, [position, transition]);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: renderToContainer(portal, renderNode()) });
 };
-Popup.defaultProps = defaultProps$1b;
+Popup.defaultProps = defaultProps$1c;
 Popup.displayName = "NutPopup";
 const handleClick = (e) => {
   e.stopPropagation();
@@ -12144,7 +12142,7 @@ const handleClick = (e) => {
   }
 };
 const OffsetContext = createContext(20);
-const defaultProps$1a = {
+const defaultProps$1b = {
   showhead: false,
   position: "left",
   width: "80%"
@@ -12161,7 +12159,7 @@ const SideNavBar = (props) => {
     onClose,
     ...rest
   } = {
-    ...defaultProps$1a,
+    ...defaultProps$1b,
     ...props
   };
   const offset = props.offset ? Number(props.offset) : 20;
@@ -12197,7 +12195,7 @@ const SideNavBar = (props) => {
     }
   );
 };
-SideNavBar.defaultProps = defaultProps$1a;
+SideNavBar.defaultProps = defaultProps$1b;
 SideNavBar.displayName = "NutSideNavBar";
 const SideNavBarItem = (props) => {
   const { title, key, children, onClick, ...rest } = props;
@@ -12215,12 +12213,12 @@ const SideNavBarItem = (props) => {
     }
   );
 };
-const defaultProps$19 = {
+const defaultProps$1a = {
   open: true
 };
 const SubSideNavBar = (props) => {
   const { title, key, children, onClick, open, ...rest } = {
-    ...defaultProps$19,
+    ...defaultProps$1a,
     ...props
   };
   const offset = useContext(OffsetContext);
@@ -12294,7 +12292,7 @@ function usePropsValue({
   }
   return [uncontrolled, handleUncontrolledChange];
 }
-const defaultProps$18 = {
+const defaultProps$19 = {
   ...ComponentDefaults,
   value: "",
   dot: false,
@@ -12305,7 +12303,7 @@ const defaultProps$18 = {
 };
 const Badge = (props) => {
   const { className, style, value, max, children, dot, top, right, color } = {
-    ...defaultProps$18,
+    ...defaultProps$19,
     ...props
   };
   const classPrefix2 = "nut-badge";
@@ -12336,9 +12334,9 @@ const Badge = (props) => {
     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: contentClasses, style: getStyle(), children: content() })
   ] });
 };
-Badge.defaultProps = defaultProps$18;
+Badge.defaultProps = defaultProps$19;
 Badge.displayName = "NutBadge";
-const defaultProps$17 = {
+const defaultProps$18 = {
   ...ComponentDefaults,
   title: "",
   icon: null,
@@ -12360,7 +12358,7 @@ const TabbarItem = (props) => {
     handleClick: handleClick2,
     ...rest
   } = {
-    ...defaultProps$17,
+    ...defaultProps$18,
     ...props
   };
   const classPrefix2 = "nut-tabbar-item";
@@ -12387,7 +12385,7 @@ const TabbarItem = (props) => {
     }
   );
 };
-const defaultProps$16 = {
+const defaultProps$17 = {
   ...ComponentDefaults,
   defaultValue: 0,
   fixed: false,
@@ -12410,7 +12408,7 @@ const Tabbar = (props) => {
     style,
     onSwitch
   } = {
-    ...defaultProps$16,
+    ...defaultProps$17,
     ...props
   };
   const classPrefix2 = "nut-tabbar";
@@ -12447,17 +12445,17 @@ const Tabbar = (props) => {
     }
   );
 };
-Tabbar.defaultProps = defaultProps$16;
+Tabbar.defaultProps = defaultProps$17;
 Tabbar.displayName = "NutTabbar";
 Tabbar.Item = TabbarItem;
-const defaultProps$15 = {
+const defaultProps$16 = {
   title: "",
   value: "",
   disabled: false
 };
 const TabPane = (props) => {
   const { children, autoHeightClassName, className, disabled } = {
-    ...defaultProps$15,
+    ...defaultProps$16,
     ...props
   };
   const classPrefix2 = "nut-tabpane";
@@ -12484,7 +12482,7 @@ function requestAniFrame() {
   }
 }
 const requestAniFrame$1 = requestAniFrame();
-const defaultProps$14 = {
+const defaultProps$15 = {
   ...ComponentDefaults,
   tabStyle: {},
   activeColor: "",
@@ -12510,7 +12508,7 @@ const Tabs = (props) => {
     autoHeight,
     ...rest
   } = {
-    ...defaultProps$14,
+    ...defaultProps$15,
     ...props
   };
   const [value, setValue] = usePropsValue({
@@ -12571,6 +12569,16 @@ const Tabs = (props) => {
     return titles2;
   };
   const titles = useRef(getTitles());
+  useEffect(() => {
+    titles.current = getTitles();
+    let current = "";
+    titles.current.forEach((title2) => {
+      if (title2.value === value) {
+        current = value;
+      }
+    });
+    setValue(current);
+  }, [children]);
   const classes = classNames(
     classPrefix$a,
     `${classPrefix$a}--${direction}`,
@@ -12665,7 +12673,7 @@ const Tabs = (props) => {
     }) }) })
   ] });
 };
-Tabs.defaultProps = defaultProps$14;
+Tabs.defaultProps = defaultProps$15;
 Tabs.displayName = "NutTabs";
 Tabs.TabPane = TabPane;
 var classnameExports = {};
@@ -12788,7 +12796,7 @@ function requireClassname_development() {
   }
 })(classname);
 const cn = classnameExports.withNaming({ n: "nut-", e: "__", m: "--", v: "-" });
-const defaultProps$13 = {
+const defaultProps$14 = {
   type: "custom",
   existAddress: [],
   defaultIcon: null,
@@ -12810,7 +12818,7 @@ const ExistRender = (props) => {
     onClose,
     onSwitchModule,
     ...rest
-  } = { ...defaultProps$13, ...props };
+  } = { ...defaultProps$14, ...props };
   const b = cn("address");
   const selectedExist = (item) => {
     const copyExistAdd = existAddress;
@@ -12852,7 +12860,7 @@ const ExistRender = (props) => {
     isShowCustomAddress && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: b("choose-other"), onClick: onSwitch, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: b("choose-other-btn"), children: customAndExistTitle || locale.address.chooseAnotherAddress }) })
   ] });
 };
-const defaultProps$12 = {
+const defaultProps$13 = {
   modelValue: [],
   type: "custom",
   province: [],
@@ -12877,7 +12885,7 @@ const CustomRender = (props) => {
     onClose,
     ...rest
   } = {
-    ...defaultProps$12,
+    ...defaultProps$13,
     ...props
   };
   const b = cn("address");
@@ -13046,28 +13054,28 @@ const CustomRender = (props) => {
     nextAreaList(item);
   };
   useEffect(() => {
-    const { province: province2 } = { ...defaultProps$12, ...props };
+    const { province: province2 } = { ...defaultProps$13, ...props };
     setRegionList({
       ...regionList,
       province: isCustom2() ? transformData(province2) : province2
     });
   }, [province]);
   useEffect(() => {
-    const { city: city2 } = { ...defaultProps$12, ...props };
+    const { city: city2 } = { ...defaultProps$13, ...props };
     setRegionList({
       ...regionList,
       city: isCustom2() ? transformData(city2) : city2
     });
   }, [city]);
   useEffect(() => {
-    const { country: country2 } = { ...defaultProps$12, ...props };
+    const { country: country2 } = { ...defaultProps$13, ...props };
     setRegionList({
       ...regionList,
       country: isCustom2() ? transformData(country2) : country2
     });
   }, [country]);
   useEffect(() => {
-    const { town: town2 } = { ...defaultProps$12, ...props };
+    const { town: town2 } = { ...defaultProps$13, ...props };
     setRegionList({
       ...regionList,
       town: isCustom2() ? transformData(town2) : town2
@@ -13142,7 +13150,7 @@ const CustomRender = (props) => {
     ) })
   ] });
 };
-const defaultProps$11 = {
+const defaultProps$12 = {
   ...ComponentDefaults,
   modelValue: false,
   modelSelect: [],
@@ -13193,7 +13201,7 @@ const Address = (props) => {
     className,
     ...rest
   } = {
-    ...defaultProps$11,
+    ...defaultProps$12,
     ...props
   };
   const b = cn("address");
@@ -13351,7 +13359,7 @@ const Address = (props) => {
     }
   ) });
 };
-Address.defaultProps = defaultProps$11;
+Address.defaultProps = defaultProps$12;
 Address.displayName = "NutAddress";
 const Utils = {
   /**
@@ -13471,7 +13479,7 @@ const Utils = {
     return false;
   }
 };
-const defaultProps$10 = {
+const defaultProps$11 = {
   type: "one",
   isAutoBackFill: false,
   poppable: true,
@@ -13523,7 +13531,7 @@ const CalendarItem = React__default.forwardRef((props, ref) => {
     onUpdate,
     onSelected,
     onYearMonthChange
-  } = { ...defaultProps$10, ...props };
+  } = { ...defaultProps$11, ...props };
   const weeks = locale.calendaritem.weekdays;
   const [yearMonthTitle, setYearMonthTitle] = useState("");
   const [monthsData, setMonthsData] = useState([]);
@@ -14119,9 +14127,9 @@ const CalendarItem = React__default.forwardRef((props, ref) => {
     poppable && !isAutoBackFill ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "nut-calendar-footer", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "calendar-confirm-btn", onClick: confirm2, children: confirmText || locale.confirm }) }) : ""
   ] }) });
 });
-CalendarItem.defaultProps = defaultProps$10;
+CalendarItem.defaultProps = defaultProps$11;
 CalendarItem.displayName = "NutCalendarItem";
-const defaultProps$$ = {
+const defaultProps$10 = {
   type: "one",
   isAutoBackFill: false,
   poppable: true,
@@ -14176,7 +14184,7 @@ const Calendar = React__default.forwardRef((props, ref) => {
     onChoose,
     onSelected,
     onYearMonthChange
-  } = { ...defaultProps$$, ...props };
+  } = { ...defaultProps$10, ...props };
   const calendarRef = useRef(null);
   const close = () => {
     onClose && onClose();
@@ -14246,9 +14254,9 @@ const Calendar = React__default.forwardRef((props, ref) => {
     }
   ) : renderItem() });
 });
-Calendar.defaultProps = defaultProps$$;
+Calendar.defaultProps = defaultProps$10;
 Calendar.displayName = "NutCalendar";
-const defaultProps$_ = {
+const defaultProps$$ = {
   data: {
     text: "",
     value: "",
@@ -14259,32 +14267,37 @@ const defaultProps$_ = {
   },
   activeColor: "",
   checked: false,
-  checkedIcon: "checklist",
+  activeIcon: "checklist",
   chooseItem: () => {
   }
 };
 const InternalCascaderItem = (props, ref) => {
-  const { data, checked, checkedIcon, chooseItem, activeColor } = {
-    ...defaultProps$_,
+  const { data, checked, activeIcon, chooseItem, activeColor } = {
+    ...defaultProps$$,
     ...props
   };
-  const b = cn("cascader-item");
+  const classPrefix2 = "nut-cascader-item";
   const classes = classNames(
     {
       active: checked,
       disabled: data.disabled
     },
-    b("")
+    classPrefix2
   );
   const classesTitle = classNames({
-    [`${b("")}__title`]: true
+    [`${classPrefix2}__title`]: true
   });
   const renderIcon = () => {
     if (checked) {
-      if (isValidElement(checkedIcon)) {
-        return checkedIcon;
+      if (isValidElement(activeIcon)) {
+        return activeIcon;
       }
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(x$c, { className: `${checked ? b("icon-check") : ""}` });
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(
+        x$c,
+        {
+          className: `${checked ? `${classPrefix2}__icon-check` : ""}`
+        }
+      );
     }
     return null;
   };
@@ -14304,7 +14317,7 @@ const InternalCascaderItem = (props, ref) => {
   );
 };
 const CascaderItem = React__default.forwardRef(InternalCascaderItem);
-CascaderItem.defaultProps = defaultProps$_;
+CascaderItem.defaultProps = defaultProps$$;
 CascaderItem.displayName = "NutCascaderItem";
 const formatTree = (tree, parent, config2) => tree.map((node) => {
   const {
@@ -14442,26 +14455,22 @@ class Tree {
   }
 }
 const Tree$1 = Tree;
-const defaultProps$Z = {
-  className: "",
-  style: {},
+const defaultProps$_ = {
+  ...ComponentDefaults,
   activeColor: "",
-  checkedIcon: "checklist",
-  tabsColor: "",
-  poppable: true,
+  activeIcon: "checklist",
+  popup: true,
   visible: false,
   options: [],
   value: [],
   title: "",
-  textKey: "text",
-  valueKey: "value",
-  childrenKey: "children",
-  convertConfig: {},
+  optionKey: { textKey: "text", valueKey: "value", childrenKey: "children" },
+  format: {},
   closeable: false,
   closeIconPosition: "top-right",
   closeIcon: "close",
   lazy: false,
-  lazyLoad: () => {
+  onLoad: () => {
   },
   onClose: () => {
   },
@@ -14475,28 +14484,25 @@ const InternalCascader = (props, ref) => {
   const {
     className,
     style,
-    tabsColor,
-    poppable,
+    popup,
     visible,
     options: options2,
     value,
     title,
-    textKey,
-    valueKey,
-    childrenKey,
-    convertConfig: convertConfig2,
+    optionKey: optionKey2,
+    format: format2,
     closeable,
     closeIconPosition,
     closeIcon,
     lazy,
-    lazyLoad,
+    onLoad,
     onClose,
     onChange,
     onPathChange
-  } = { ...defaultProps$Z, ...props };
+  } = { ...defaultProps$_, ...props };
   const [tabvalue, setTabvalue] = useState("c1");
   const [optionsData, setOptionsData] = useState([]);
-  const isLazy = () => state.configs.lazy && Boolean(state.configs.lazyLoad);
+  const isLazy = () => state.configs.lazy && Boolean(state.configs.onLoad);
   const [state] = useState({
     optionsData: [],
     panes: [
@@ -14514,44 +14520,38 @@ const InternalCascader = (props, ref) => {
     currentProcessNode: [],
     configs: {
       lazy,
-      lazyLoad,
-      valueKey,
-      textKey,
-      childrenKey,
-      convertConfig: convertConfig2
+      onLoad,
+      optionKey: optionKey2,
+      format: format2
     },
     lazyLoadMap: /* @__PURE__ */ new Map()
   });
-  const b = cn("cascader");
-  const classes = classNames(b(""));
+  const classPrefix2 = classNames(`nut-cascader`);
   const classesPane = classNames({
-    [`${b("")}-pane`]: true
+    [`${classPrefix2}-pane`]: true
   });
   useEffect(() => {
     initData();
-  }, []);
+  }, [options2]);
   useEffect(() => {
     if (value !== state.innerValue) {
       state.innerValue = value;
     }
   }, [value]);
-  useEffect(() => {
-    initData();
-  }, [options2]);
   const initData = async () => {
     state.lazyLoadMap.clear();
-    if (convertConfig2 && Object.keys(convertConfig2).length > 0) {
+    if (format2 && Object.keys(format2).length > 0) {
       state.optionsData = convertListToOptions(
         options2,
-        convertConfig2
+        format2
       );
     } else {
       state.optionsData = options2;
     }
     state.tree = new Tree$1(state.optionsData, {
-      value: state.configs.valueKey,
-      text: state.configs.textKey,
-      children: state.configs.childrenKey
+      value: state.configs.optionKey.valueKey,
+      text: state.configs.optionKey.textKey,
+      children: state.configs.optionKey.childrenKey
     });
     if (isLazy() && !state.tree.nodes.length) {
       await invokeLazyLoad({
@@ -14617,7 +14617,7 @@ const InternalCascader = (props, ref) => {
     if (!node) {
       return;
     }
-    if (!state.configs.lazyLoad) {
+    if (!state.configs.onLoad) {
       node.leaf = true;
       return;
     }
@@ -14630,7 +14630,7 @@ const InternalCascader = (props, ref) => {
     if (!lazyLoadPromise) {
       lazyLoadPromise = new Promise((resolve) => {
         var _a2, _b;
-        (_b = (_a2 = state.configs).lazyLoad) == null ? void 0 : _b.call(_a2, node, resolve);
+        (_b = (_a2 = state.configs).onLoad) == null ? void 0 : _b.call(_a2, node, resolve);
       });
       state.lazyLoadMap.set(node, lazyLoadPromise);
     }
@@ -14677,8 +14677,8 @@ const InternalCascader = (props, ref) => {
         selectedNode: null,
         paneKey: `c${state.tabsCursor + 1}`
       });
-      setTabvalue(`c${state.tabsCursor + 1}`);
       setOptionsData(state.panes);
+      setTabvalue(`c${state.tabsCursor + 1}`);
       if (!type4) {
         const pathNodes = state.panes.map((item) => item.selectedNode);
         const optionParams = pathNodes.map((item) => item == null ? void 0 : item.value);
@@ -14698,8 +14698,8 @@ const InternalCascader = (props, ref) => {
     setOptionsData(state.panes);
   };
   const renderItem = () => {
-    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `${classes} ${className}`, style, children: [
-      poppable && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: b("title"), children: title }),
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `${classPrefix2} ${className}`, style, children: [
+      popup && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "nut-cascader__title", children: title }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(
         Tabs,
         {
@@ -14714,27 +14714,21 @@ const InternalCascader = (props, ref) => {
                     setTabvalue(pane.paneKey);
                     state.tabsCursor = index;
                   },
-                  className: `nut-tabs__titles-item ${tabvalue === pane.paneKey ? "active" : ""}`,
+                  className: `nut-tabs__titles-item ${tabvalue === pane.paneKey ? "nut-tabs__titles-item--active" : ""}`,
                   children: [
                     /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "nut-tabs__titles-item__text", children: [
                       !state.initLoading && state.panes.length && ((_a2 = pane == null ? void 0 : pane.selectedNode) == null ? void 0 : _a2.text),
                       !state.initLoading && state.panes.length && !((_b = pane == null ? void 0 : pane.selectedNode) == null ? void 0 : _b.text) && "请选择",
                       !(!state.initLoading && state.panes.length) && "Loading..."
                     ] }),
-                    /* @__PURE__ */ jsxRuntimeExports.jsx(
-                      "span",
-                      {
-                        className: "nut-tabs__titles-item__line",
-                        style: { background: tabsColor }
-                      }
-                    )
+                    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "nut-tabs__titles-item__line" })
                   ]
                 },
                 pane.paneKey
               );
             });
           },
-          children: !state.initLoading && state.panes.length ? optionsData.map((pane) => /* @__PURE__ */ jsxRuntimeExports.jsx(TabPane, { value: pane.paneKey, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: classesPane, children: pane.nodes && pane.nodes.map((node, index) => {
+          children: !state.initLoading && state.panes.length ? optionsData.map((pane) => /* @__PURE__ */ jsxRuntimeExports.jsx(Tabs.TabPane, { value: pane.paneKey, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: classesPane, children: pane.nodes && pane.nodes.map((node, index) => {
             var _a2;
             return /* @__PURE__ */ jsxRuntimeExports.jsx(
               CascaderItem,
@@ -14746,15 +14740,14 @@ const InternalCascader = (props, ref) => {
               },
               index
             );
-          }) }) }, pane.paneKey)) : /* @__PURE__ */ jsxRuntimeExports.jsx(TabPane, { children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: classesPane }) })
+          }) }) }, pane.paneKey)) : /* @__PURE__ */ jsxRuntimeExports.jsx(Tabs.TabPane, { children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: classesPane }) })
         }
       )
     ] });
   };
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: poppable ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: popup ? /* @__PURE__ */ jsxRuntimeExports.jsx(
     Popup,
     {
-      className: "cascadar-popup",
       visible,
       position: "bottom",
       round: true,
@@ -14768,11 +14761,11 @@ const InternalCascader = (props, ref) => {
   ) : renderItem() });
 };
 const Cascader = React__default.forwardRef(InternalCascader);
-Cascader.defaultProps = defaultProps$Z;
+Cascader.defaultProps = defaultProps$_;
 Cascader.displayName = "NutCascader";
 const CheckboxGroupContext = createContext(null);
 const Context = CheckboxGroupContext;
-const defaultProps$Y = {
+const defaultProps$Z = {
   max: void 0,
   labelPosition: "right",
   direction: "vertical",
@@ -14783,7 +14776,7 @@ const defaultProps$Y = {
 const classPrefix$9 = "nut-checkboxgroup";
 const CheckboxGroup = React__default.forwardRef(
   (props, ref) => {
-    const { children } = { ...defaultProps$Y, ...props };
+    const { children } = { ...defaultProps$Z, ...props };
     const {
       className,
       disabled,
@@ -14873,9 +14866,9 @@ const CheckboxGroup = React__default.forwardRef(
     );
   }
 );
-CheckboxGroup.defaultProps = defaultProps$Y;
+CheckboxGroup.defaultProps = defaultProps$Z;
 CheckboxGroup.displayName = "NutCheckboxGroup";
-const defaultProps$X = {
+const defaultProps$Y = {
   ...ComponentDefaults,
   disabled: false,
   labelPosition: "right",
@@ -14888,7 +14881,7 @@ const defaultProps$X = {
 const classPrefix$8 = "nut-checkbox";
 const Checkbox = (props) => {
   const { children } = {
-    ...defaultProps$X,
+    ...defaultProps$Y,
     ...props
   };
   const {
@@ -14993,7 +14986,7 @@ const Checkbox = (props) => {
     }
   );
 };
-Checkbox.defaultProps = defaultProps$X;
+Checkbox.defaultProps = defaultProps$Y;
 Checkbox.displayName = "NutCheckBox";
 Checkbox.Group = CheckboxGroup;
 const MIN_DISTANCE = 10;
@@ -15061,13 +15054,13 @@ function useTouch() {
     isHorizontal
   };
 }
-const InternalPickerSlot = (props, ref) => {
+const InternalPickerPanel = (props, ref) => {
   const {
     keyIndex = 0,
     defaultValue,
-    listData = [],
+    options: options2 = [],
     threeDimensional = true,
-    swipeDuration = 1e3,
+    duration = 1e3,
     chooseItem
   } = props;
   const touch = useTouch();
@@ -15081,9 +15074,8 @@ const InternalPickerSlot = (props, ref) => {
   const rotation = 20;
   const moving = useRef(false);
   let timer;
-  useRef(null);
   const rollerRef = useRef(null);
-  const pickerSlotRef = useRef(null);
+  const PickerPanelRef = useRef(null);
   const [startTime, setStartTime] = useState(0);
   const [startY, setStartY] = useState(0);
   const transformY = useRef(0);
@@ -15109,8 +15101,8 @@ const InternalPickerSlot = (props, ref) => {
       if (updateMove > 0) {
         updateMove = 0;
       }
-      if (updateMove < -(listData.length - 1) * lineSpacing) {
-        updateMove = -(listData.length - 1) * lineSpacing;
+      if (updateMove < -(options2.length - 1) * lineSpacing) {
+        updateMove = -(options2.length - 1) * lineSpacing;
       }
       const endMove = Math.round(updateMove / lineSpacing) * lineSpacing;
       const deg = `${(Math.abs(Math.round(endMove / lineSpacing)) + 1) * rotation}deg`;
@@ -15119,7 +15111,7 @@ const InternalPickerSlot = (props, ref) => {
     } else {
       let deg = 0;
       const currentDeg = (-updateMove / lineSpacing + 1) * rotation;
-      const maxDeg = (listData.length + 1) * rotation;
+      const maxDeg = (options2.length + 1) * rotation;
       const minDeg = 0;
       deg = Math.min(Math.max(currentDeg, minDeg), maxDeg);
       if (minDeg < deg && deg < maxDeg) {
@@ -15129,7 +15121,7 @@ const InternalPickerSlot = (props, ref) => {
     }
   };
   const setChooseValue = (move) => {
-    chooseItem && chooseItem(listData == null ? void 0 : listData[Math.round(-move / lineSpacing)], keyIndex);
+    chooseItem && chooseItem(options2 == null ? void 0 : options2[Math.round(-move / lineSpacing)], keyIndex);
   };
   const touchStart = (event) => {
     touch.start(event);
@@ -15153,7 +15145,7 @@ const InternalPickerSlot = (props, ref) => {
     const moveTime = Date.now() - startTime;
     if (moveTime <= INERTIA_TIME && Math.abs(move) > INERTIA_DISTANCE) {
       const distance = momentum(move, moveTime);
-      setMove(distance, "end", +swipeDuration);
+      setMove(distance, "end", +duration);
     } else {
       setMove(move, "end");
     }
@@ -15161,9 +15153,9 @@ const InternalPickerSlot = (props, ref) => {
       touch.reset();
     }, 0);
   };
-  const momentum = (distance, duration) => {
+  const momentum = (distance, duration2) => {
     let nDistance = distance;
-    const speed = Math.abs(nDistance / duration);
+    const speed = Math.abs(nDistance / duration2);
     nDistance = speed / 3e-3 * (nDistance < 0 ? -1 : 1);
     return nDistance;
   };
@@ -15171,7 +15163,7 @@ const InternalPickerSlot = (props, ref) => {
     const value = val || defaultValue;
     let index = -1;
     if (value) {
-      listData.some((item, idx) => {
+      options2.some((item, idx) => {
         if (item.value === value) {
           index = idx;
           return true;
@@ -15179,7 +15171,7 @@ const InternalPickerSlot = (props, ref) => {
         return false;
       });
     } else {
-      listData.forEach((item, i) => {
+      options2.forEach((item, i) => {
         if (item.value === defaultValue) {
           index = i;
         }
@@ -15222,7 +15214,7 @@ const InternalPickerSlot = (props, ref) => {
     return () => {
       clearTimeout(timer);
     };
-  }, [listData]);
+  }, [options2]);
   useImperativeHandle(ref, () => ({
     stopMomentum,
     moving: moving.current
@@ -15231,7 +15223,7 @@ const InternalPickerSlot = (props, ref) => {
     "div",
     {
       className: "nut-picker-list",
-      ref: pickerSlotRef,
+      ref: PickerPanelRef,
       onTouchStart: touchStart,
       onTouchMove: touchMove,
       onTouchEnd: touchEnd,
@@ -15244,7 +15236,7 @@ const InternalPickerSlot = (props, ref) => {
             style: threeDimensional ? touchRollerStyle() : touchTileStyle(),
             onTransitionEnd: stopMomentum,
             children: [
-              threeDimensional && listData.map((item, index) => {
+              threeDimensional && options2.map((item, index) => {
                 return /* @__PURE__ */ jsxRuntimeExports.jsx(
                   "div",
                   {
@@ -15257,7 +15249,7 @@ const InternalPickerSlot = (props, ref) => {
                   item.value ? item.value : index
                 );
               }),
-              !threeDimensional && listData.map((item, index) => {
+              !threeDimensional && options2.map((item, index) => {
                 return /* @__PURE__ */ jsxRuntimeExports.jsx(
                   "div",
                   {
@@ -15276,8 +15268,8 @@ const InternalPickerSlot = (props, ref) => {
     }
   );
 };
-const PickerSlot = React__default.forwardRef(InternalPickerSlot);
-const PickerSlot$1 = PickerSlot;
+const PickerPanel = React__default.forwardRef(InternalPickerPanel);
+const PickerPanel$1 = PickerPanel;
 function useRefs() {
   const refs = React__default.useRef([]);
   const setRefs = React__default.useCallback(
@@ -15292,180 +15284,202 @@ function useRefs() {
   }, []);
   return [refs.current, setRefs, reset];
 }
+const defaultProps$X = {
+  ...ComponentDefaults,
+  visible: false,
+  title: "",
+  options: [],
+  value: [],
+  defaultValue: [],
+  threeDimensional: true,
+  duration: 1e3
+};
 const InternalPicker = (props, ref) => {
   const { locale } = useConfig();
   const {
     visible,
     title,
-    listData = [],
-    defaultValueData,
-    onConfirm,
-    onClose,
-    onCloseUpdate,
-    onChange,
+    options: options2 = [],
+    defaultValue = [],
     className,
     style,
     threeDimensional,
-    swipeDuration,
+    duration,
+    onConfirm,
+    onClose,
+    afterClose,
+    onChange,
     ...rest
-  } = props;
-  const [chooseValueData, setchooseValueData] = useState([]);
-  const [columnIndex, setcolumnIndex] = useState(0);
+  } = { ...defaultProps$X, ...props };
+  const classPrefix2 = "nut-picker";
+  const classes = classNames(classPrefix2, className);
+  const [selectedValue, setSelectedValue] = usePropsValue({
+    value: props.value,
+    defaultValue: [...defaultValue],
+    finalValue: [...defaultValue],
+    onChange: (val) => {
+      var _a2;
+      (_a2 = props.onConfirm) == null ? void 0 : _a2.call(props, setSelectedOptions(), val);
+    }
+  });
+  const [columnIndex, setColumnIndex] = useState(0);
   const pickerRef = useRef(null);
   const [refs, setRefs] = useRefs();
   const [columnsList, setColumnsList] = useState([]);
-  const b = cn("picker");
   const isConfirmEvent = useRef(false);
-  useEffect(() => {
-    if (defaultValueData && defaultValueData.length !== 0 && defaultValueData.toString() !== chooseValueData.toString()) {
-      const data = [...defaultValueData];
-      setchooseValueData(data);
-      setColumnsList(normalListData());
+  const formatCascade = (columns, values) => {
+    const formatted = [];
+    let columnOptions = {
+      text: "",
+      value: "",
+      children: columns
+    };
+    let columnIndex2 = 0;
+    while (columnOptions && columnOptions.children) {
+      const options22 = columnOptions.children;
+      const value = values[columnIndex2];
+      let index = options22.findIndex(
+        (columnItem) => columnItem.value === value
+      );
+      if (index === -1)
+        index = 0;
+      columnOptions = columnOptions.children[index];
+      columnIndex2++;
+      formatted.push(options22);
     }
-  }, [defaultValueData]);
-  useEffect(() => {
-    onChange && onChange(columnIndex, chooseValueData, selectedOptions());
-    if (isConfirmEvent.current) {
-      isConfirmEvent.current = false;
-      onConfirm && onConfirm(chooseValueData, selectedOptions());
+    return formatted;
+  };
+  const columnsType = () => {
+    const firstColumn = options2[0];
+    if (firstColumn) {
+      if (Array.isArray(firstColumn)) {
+        return "multiple";
+      }
+      if ("children" in firstColumn) {
+        return "cascade";
+      }
     }
-  }, [chooseValueData]);
-  useEffect(() => {
-    init();
-  }, [listData]);
-  const closeActionSheet = () => {
-    onClose && onClose(chooseValueData, selectedOptions());
-    onCloseUpdate && onCloseUpdate(chooseValueData, selectedOptions(), pickerRef);
+    return "single";
   };
-  const confirm2 = () => {
-    let movings = false;
-    refs.forEach((_ref) => {
-      if (_ref.moving)
-        movings = true;
-      _ref.stopMomentum();
+  const normalListData = () => {
+    const type4 = columnsType();
+    switch (type4) {
+      case "multiple":
+        return options2;
+      case "cascade":
+        return formatCascade(options2, selectedValue);
+      default:
+        return [options2];
+    }
+  };
+  const init = () => {
+    const normalData = normalListData();
+    setColumnsList(normalData);
+    const data = [];
+    normalData.length > 0 && normalData.map((item) => {
+      item[0] && data.push(item[0].value);
+      return item;
     });
-    if (movings) {
-      isConfirmEvent.current = true;
-    } else {
-      onConfirm && onConfirm(chooseValueData, selectedOptions());
+    if (!defaultValue.length && selectedValue.length === 0) {
+      setSelectedValue([...data]);
     }
-    onClose && onClose(chooseValueData, selectedOptions());
-    setTimeout(() => {
-      isConfirmEvent.current = false;
-    }, 0);
   };
-  const selectedOptions = () => {
-    const optins = [];
-    columnsList.map((column, index) => {
-      let currOptions = [];
-      currOptions = column.filter(
-        (item) => item.value === chooseValueData[index]
+  useEffect(() => {
+    if (!visible) {
+      return;
+    }
+    init();
+  }, [options2, visible]);
+  const setSelectedOptions = () => {
+    const options22 = [];
+    let currOptions = [];
+    columnsList.forEach((columnOptions, index) => {
+      currOptions = columnOptions.filter(
+        (item) => item.value === selectedValue[index]
       );
       if (currOptions[0]) {
-        optins.push(currOptions[0]);
+        options22.push(currOptions[0]);
       } else {
-        column[0] && optins.push(column[0]);
+        columnOptions[0] && options22.push(columnOptions[0]);
       }
-      return column;
     });
-    return optins;
+    return options22;
   };
-  const chooseItem = (option, columnIndex2) => {
-    if (option && Object.keys(option).length) {
-      if (chooseValueData[columnIndex2] !== option.value) {
+  useEffect(() => {
+    if (!visible) {
+      return;
+    }
+    onChange && onChange(setSelectedOptions(), selectedValue, columnIndex);
+    if (isConfirmEvent.current) {
+      isConfirmEvent.current = false;
+      onConfirm && onConfirm(setSelectedOptions(), selectedValue);
+    }
+  }, [selectedValue, columnsList, visible]);
+  const chooseItem = (columnOptions, columnIndex2) => {
+    var _a2, _b;
+    if (columnOptions && Object.keys(columnOptions).length) {
+      if (selectedValue[columnIndex2] !== columnOptions.value) {
         if (columnsType() === "cascade") {
-          chooseValueData[columnIndex2] = option.value ? option.value : "";
-          setchooseValueData([...chooseValueData]);
-          let index = columnIndex2;
-          let cursor = option;
-          while (cursor && cursor.children && cursor.children[0]) {
-            chooseValueData[index + 1] = cursor.children[0].value;
-            setchooseValueData([...chooseValueData]);
-            index++;
-            const cc = cursor.children[0];
-            cursor = cc;
+          selectedValue[columnIndex2] = columnOptions.value || "";
+          setSelectedValue([...selectedValue]);
+          while ((_a2 = columnOptions == null ? void 0 : columnOptions.children) == null ? void 0 : _a2[0]) {
+            selectedValue[columnIndex2 + 1] = columnOptions.children[0].value;
+            setSelectedValue([...selectedValue]);
+            columnIndex2++;
+            columnOptions = columnOptions.children[0];
           }
-          if (cursor && cursor.children) {
-            chooseValueData[index + 1] = "";
-            setchooseValueData([...chooseValueData]);
+          if ((_b = columnOptions == null ? void 0 : columnOptions.children) == null ? void 0 : _b.length) {
+            selectedValue[columnIndex2 + 1] = "";
+            setSelectedValue([...selectedValue]);
           }
           setColumnsList(normalListData());
         } else {
-          setchooseValueData((data) => {
+          setSelectedValue((data) => {
             const cdata = [...data];
             cdata[columnIndex2] = Object.prototype.hasOwnProperty.call(
-              option,
+              columnOptions,
               "value"
-            ) ? option.value : "";
+            ) ? columnOptions.value : "";
             return cdata;
           });
         }
-        setcolumnIndex(columnIndex2);
+        setColumnIndex(columnIndex2);
       }
     }
   };
-  const normalListData = () => {
-    const type4 = columnsType();
-    switch (type4) {
-      case "multiple":
-        return listData;
-      case "cascade":
-        return formatCascade(listData, chooseValueData);
-      default:
-        return [listData];
-    }
-  };
-  const columnsType = () => {
-    const firstColumn = listData[0];
-    if (firstColumn) {
-      if (Array.isArray(firstColumn)) {
-        return "multiple";
-      }
-      if ("children" in firstColumn) {
-        return "cascade";
-      }
-    }
-    return "single";
-  };
-  const formatCascade = (columns, defaultValues) => {
-    const formatted = [];
-    let cursor = {
-      text: "",
-      value: "",
-      children: columns
-    };
-    let columnIndex2 = 0;
-    while (cursor && cursor.children) {
-      const options2 = cursor.children;
-      const value = defaultValues[columnIndex2];
-      let index = options2.findIndex(
-        (columnItem) => columnItem.value === value
-      );
-      if (index === -1)
-        index = 0;
-      cursor = cursor.children[index];
-      columnIndex2++;
-      formatted.push(options2);
-    }
-    return formatted;
-  };
-  const init = () => {
-    const data = [];
-    const normalData = normalListData();
-    setColumnsList(normalData);
-    normalData.length > 0 && normalData.map((item) => {
-      item[0] && data.push(item[0].value);
-      return item;
+  const confirm2 = () => {
+    let movings = false;
+    refs.forEach((ref2) => {
+      if (ref2.moving)
+        movings = true;
+      ref2.stopMomentum();
     });
-    if (!defaultValueData && chooseValueData.length === 0) {
-      setchooseValueData([...data]);
+    if (movings) {
+      isConfirmEvent.current = true;
+    } else {
+      onConfirm && onConfirm(setSelectedOptions(), selectedValue);
+      closePicker();
     }
+    setTimeout(() => {
+      isConfirmEvent.current = false;
+    }, 0);
+  };
+  const closePicker = () => {
+    onClose && onClose(setSelectedOptions(), selectedValue);
+    afterClose && afterClose(setSelectedOptions(), selectedValue, pickerRef);
   };
-  const renderToolbar = () => {
-    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: b("control"), children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: b("cancel-btn"), onClick: () => closeActionSheet(), children: locale.cancel }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: b("title"), children: title || "" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: b("confirm-btn"), onClick: confirm2, children: locale.confirm })
+  const renderTitleBar = () => {
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `${classPrefix2}__control`, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "span",
+        {
+          className: `${classPrefix2}__cancel-btn`,
+          onClick: () => closePicker(),
+          children: locale.cancel
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `${classPrefix2}__title`, children: title || "" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `${classPrefix2}__confirm-btn`, onClick: confirm2, children: locale.confirm })
     ] });
   };
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -15474,20 +15488,20 @@ const InternalPicker = (props, ref) => {
       visible,
       position: "bottom",
       onClose: () => {
-        closeActionSheet();
+        closePicker();
       },
-      children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `${b()} ${className || ""}`, style, ...rest, children: [
-        renderToolbar(),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: b("panel"), ref: pickerRef, children: columnsList == null ? void 0 : columnsList.map((item, index) => {
+      children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: classes, style, ...rest, children: [
+        renderTitleBar(),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `${classPrefix2}__panel`, ref: pickerRef, children: columnsList == null ? void 0 : columnsList.map((item, index) => {
           return /* @__PURE__ */ jsxRuntimeExports.jsx(
-            PickerSlot$1,
+            PickerPanel$1,
             {
               ref: setRefs(index),
-              defaultValue: chooseValueData == null ? void 0 : chooseValueData[index],
-              listData: item,
+              defaultValue: selectedValue == null ? void 0 : selectedValue[index],
+              options: item,
               threeDimensional,
               chooseItem: (value, index2) => chooseItem(value, index2),
-              swipeDuration,
+              duration,
               keyIndex: index
             },
             index
@@ -15538,7 +15552,7 @@ const DatePicker = (props) => {
   const [show, setShow] = useState(false);
   const [currentDate, setCurrentDate] = useState(modelValue);
   const [defaultValue, setDefaultValue] = useState([]);
-  const [listData, setListData] = useState([]);
+  const [options2, setListData] = useState([]);
   const pickerRef = useRef(null);
   const isDate = (val) => {
     return Object.prototype.toString.call(val) === "[object Date]" && !Number.isNaN(val.getTime());
@@ -15656,7 +15670,7 @@ const DatePicker = (props) => {
     }
     return result;
   };
-  const updateChooseValueCustmer = (index, selectedValue, cacheValueData) => {
+  const updateChooseValueCustmer = (cacheValueData, selectedValue, index) => {
     if (["date", "datetime", "datehour", "month-day", "year-month"].includes(
       type4.toLocaleLowerCase()
     )) {
@@ -15695,7 +15709,7 @@ const DatePicker = (props) => {
       const isEqual2 = (currentDate == null ? void 0 : currentDate.getTime()) === (date4 == null ? void 0 : date4.getTime());
       date4 && isDate(date4) && !isEqual2 && setCurrentDate(formatValue(date4));
     }
-    props.onChange && props.onChange(index, selectedValue, cacheValueData);
+    props.onChange && props.onChange(cacheValueData, selectedValue, index);
   };
   const padZero = (num, targetLength = 2) => {
     let str = `${num}`;
@@ -15791,16 +15805,16 @@ const DatePicker = (props) => {
       className: `nut-datepicker ${className || ""}`,
       style,
       ...rest,
-      children: listData.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(
+      children: options2.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(
         Picker$1,
         {
           title,
           visible: show,
-          listData,
+          options: options2,
           onClose: onCloseDatePicker,
-          defaultValueData: defaultValue,
-          onConfirm: (values, options2) => onConfirmDatePicker && onConfirmDatePicker(values, options2),
-          onChange: (index, value, list) => updateChooseValueCustmer(index, value, list),
+          defaultValue,
+          onConfirm: (options22, values) => onConfirmDatePicker && onConfirmDatePicker(options22, values),
+          onChange: (list, value, index) => updateChooseValueCustmer(list, value, index),
           threeDimensional,
           ref: pickerRef
         }
@@ -19750,144 +19764,120 @@ const Switch = (props) => {
 Switch.defaultProps = defaultProps$H;
 Switch.displayName = "NutSwitch";
 const defaultProps$G = {
+  ...ComponentDefaults,
   defaultValue: "",
-  textAlign: "left",
-  limitshow: false,
-  maxlength: "",
-  rows: "",
+  showCount: false,
+  rows: 2,
+  maxLength: 140,
   placeholder: "",
-  readonly: false,
+  readOnly: false,
   disabled: false,
-  autosize: false
+  autoSize: false
 };
 const TextArea = (props) => {
   const { locale } = useConfig();
   const {
     className,
+    value,
     defaultValue,
-    textAlign,
-    limitshow,
-    maxlength,
+    showCount,
+    maxLength,
     rows,
     placeholder,
-    readonly,
+    readOnly,
     disabled,
-    autosize,
+    autoSize,
     style,
     onChange,
     onBlur,
-    onFocus
+    onFocus,
+    ...rest
   } = { ...defaultProps$G, ...props };
-  const textareaBem = cn("textarea");
-  const [inputValue, SetInputValue] = useState("");
+  const classPrefix2 = "nut-textarea";
   const textareaRef = useRef(null);
-  const compositingRef = useRef(false);
-  useEffect(() => {
-    let initValue = defaultValue;
-    if (initValue && maxlength && [...initValue].length > Number(maxlength)) {
-      initValue = initValue.substring(0, Number(maxlength));
+  const compositionRef = useRef(false);
+  const format2 = (value2) => {
+    if (maxLength !== void 0 && value2.length > maxLength) {
+      return value2.substring(0, maxLength);
     }
-    SetInputValue(initValue);
-    if (autosize) {
-      setTimeout(() => {
-        setContentHeight();
-      });
-    }
-  }, [defaultValue, autosize]);
+    return value2;
+  };
+  const [inputValue, setInputValue] = usePropsValue({
+    value,
+    defaultValue,
+    finalValue: format2(defaultValue),
+    onChange
+  });
   useEffect(() => {
-    if (inputValue) {
-      if (autosize) {
-        setContentHeight();
-      }
+    if (autoSize) {
+      setContentHeight();
     }
-  }, [inputValue]);
+  }, [autoSize, defaultValue, inputValue]);
   const setContentHeight = () => {
     const textarea = textareaRef.current;
     if (textarea) {
       textarea.style.height = "auto";
-      let height = textarea == null ? void 0 : textarea.scrollHeight;
-      if (typeof autosize === "object") {
-        const { maxHeight, minHeight } = autosize;
-        if (maxHeight !== void 0) {
-          height = Math.min(height, maxHeight);
-        }
-        if (minHeight !== void 0) {
-          height = Math.max(height, minHeight);
-        }
-      }
+      const height = textarea == null ? void 0 : textarea.scrollHeight;
       if (height) {
         textarea.style.height = `${height}px`;
       }
     }
   };
-  const textChange = (event) => {
+  const handleChange = (event) => {
     const text = event.target;
-    if (maxlength && [...text.value].length > Number(maxlength) && !compositingRef.current) {
-      text.value = text.value.substring(0, Number(maxlength));
-    }
-    SetInputValue(text.value);
-    onChange && onChange(text.value, event);
+    const value2 = compositionRef.current ? text.value : format2(text.value);
+    setInputValue(value2);
   };
-  const textFocus = (event) => {
+  const handleFocus = (event) => {
     if (disabled)
       return;
-    if (readonly)
+    if (readOnly)
       return;
     onFocus && onFocus(event);
   };
-  const textBlur = (event) => {
+  const handleBlur = (event) => {
     if (disabled)
       return;
-    if (readonly)
+    if (readOnly)
       return;
-    const text = event.target;
-    onChange && onChange(text.value, event);
     onBlur && onBlur(event);
   };
-  const startComposing = () => {
-    compositingRef.current = true;
-  };
-  const endComposing = () => {
-    compositingRef.current = false;
-  };
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(
     "div",
     {
-      className: `${textareaBem()} ${disabled ? textareaBem("disabled") : ""} ${className || ""}`,
+      className: classNames(classPrefix2, className, {
+        [`${classPrefix2}__disabled`]: disabled
+      }),
       children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(
           "textarea",
           {
             ref: textareaRef,
-            className: textareaBem("textarea"),
-            style: {
-              textAlign,
-              ...style
-            },
+            className: `${classPrefix2}__textarea`,
+            style,
             disabled,
-            readOnly: readonly,
+            readOnly,
             value: inputValue,
-            onChange: (e) => {
-              textChange(e);
-            },
-            onBlur: (e) => {
-              textBlur(e);
+            onChange: (e) => handleChange(e),
+            onBlur: (e) => handleBlur(e),
+            onFocus: (e) => handleFocus(e),
+            onCompositionEnd: () => {
+              compositionRef.current = false;
             },
-            onFocus: (e) => {
-              textFocus(e);
+            onCompositionStart: () => {
+              compositionRef.current = true;
             },
-            onCompositionEnd: (e) => endComposing(),
-            onCompositionStart: (e) => startComposing(),
             rows,
-            maxLength: maxlength < 0 ? 0 : maxlength,
-            placeholder: placeholder || locale.placeholder
+            maxLength: maxLength === -1 ? void 0 : maxLength,
+            placeholder: placeholder || locale.placeholder,
+            ...rest
           }
         ),
-        limitshow ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: textareaBem("limit"), children: [
-          [...inputValue].length,
+        showCount && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `${classPrefix2}__limit`, children: [
+          inputValue.length,
           "/",
-          maxlength < 0 ? 0 : maxlength
-        ] }) : null
+          maxLength < 0 ? 0 : maxLength
+        ] })
       ]
     }
   );
@@ -25070,13 +25060,11 @@ Steps.defaultProps = defaultProps$9;
 Steps.displayName = "NutSteps";
 const defaultProps$8 = {
   ...ComponentDefaults,
-  className: "",
-  style: {},
   columns: [],
   data: [],
   bordered: true,
   striped: false,
-  noData: "无数据",
+  noData: "",
   sorterIcon: null,
   showHeader: true
 };
@@ -25093,9 +25081,9 @@ const Table = (props) => {
     summary,
     striped,
     noData,
-    onSorter,
     sorterIcon,
     showHeader,
+    onSort,
     ...rest
   } = {
     ...defaultProps$8,
@@ -25107,12 +25095,13 @@ const Table = (props) => {
       setCurData(data);
     }
   }, [data]);
-  const b = cn("table");
-  const classes = classNames({});
-  const cls = classNames(b(), classes, className);
+  const classPrefix2 = "nut-table";
+  const headerClassPrefix = `${classPrefix2}__main__head__tr`;
+  const bodyClassPrefix = `${classPrefix2}__main__body__tr`;
+  const cls = classNames(classPrefix2, className);
   const handleSorterClick = (item) => {
     if (item.sorter) {
-      onSorter && onSorter(item, curData);
+      onSort && onSort(item, curData);
       if (typeof item.sorter === "function") {
         setCurData(curData.sort(item.sorter));
       } else {
@@ -25122,8 +25111,8 @@ const Table = (props) => {
   };
   const cellClasses = (item) => {
     return {
-      "nut-table__main__head__tr--border": props.bordered,
-      [`nut-table__main__head__tr--align${item.align ? item.align : ""}`]: true
+      [`${headerClassPrefix}--border`]: props.bordered,
+      [`${headerClassPrefix}--align${item.align ? item.align : ""}`]: true
     };
   };
   const getColumnItem = (value) => {
@@ -25134,10 +25123,7 @@ const Table = (props) => {
       return /* @__PURE__ */ jsxRuntimeExports.jsxs(
         "span",
         {
-          className: classNames(
-            "nut-table__main__head__tr__th",
-            cellClasses(item)
-          ),
+          className: classNames(`${headerClassPrefix}__th`, cellClasses(item)),
           onClick: () => handleSorterClick(item),
           children: [
             item.title,
@@ -25160,7 +25146,7 @@ const Table = (props) => {
         "span",
         {
           className: classNames(
-            "nut-table__main__body__tr__td",
+            `${bodyClassPrefix}__td`,
             cellClasses(getColumnItem(value))
           ),
           children: typeof item[value] === "function" || typeof render2 === "function" ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: render2 ? render2(item) : item[value](item) }) : item[value]
@@ -25171,24 +25157,23 @@ const Table = (props) => {
   };
   const renderBoyTrs = () => {
     return curData.map((item, index) => {
-      return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "nut-table__main__body__tr", children: renderBodyTds(item) }, index);
+      return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: bodyClassPrefix, children: renderBodyTds(item) }, index);
     });
   };
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: cls, style, ...rest, children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs(
       "div",
       {
-        className: classNames("nut-table__main", {
-          "nut-table__main--striped": striped
+        className: classNames(`${classPrefix2}__main`, {
+          [`${classPrefix2}__main--striped`]: striped
         }),
         children: [
-          showHeader && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "nut-table__main__head", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "nut-table__main__head__tr", children: renderHeadCells() }) }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "nut-table__main__body", children: renderBoyTrs() })
+          showHeader && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `${classPrefix2}__main__head`, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: headerClassPrefix, children: renderHeadCells() }) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `${classPrefix2}__main__body`, children: renderBoyTrs() })
         ]
       }
     ),
-    summary && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "nut-table__summary", children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "nut-table__summary__text", children: summary }) }),
-    curData.length === 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "nut-table__nodata", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "nut-table__nodata", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "nut-table__nodata__text", children: noData }) }) })
+    (summary || curData.length === 0) && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `${classPrefix2}__summary`, children: summary || noData })
   ] });
 };
 Table.defaultProps = defaultProps$8;