@nutui/nutui-react-taro 2.0.0-alpha.5 → 2.0.0-alpha.7

package/dist/nutui.react.umd.js

@@ -8,7 +8,7 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 /*!
-* @nutui/nutui-react-taro v2.0.0-alpha.5 Wed May 10 2023 15:25:20 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.0.0-alpha.7 Fri May 12 2023 15:36:41 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -2763,7 +2763,7 @@ var __publicField = (obj, key, value) => {
     style: {}
   };
   const prefixCls = "nut-button";
-  const defaultProps$1t = {
+  const defaultProps$1u = {
     ...ComponentDefaults,
     color: "",
     type: "default",
@@ -2795,7 +2795,7 @@ var __publicField = (obj, key, value) => {
         style,
         ...rest
       } = {
-        ...defaultProps$1t,
+        ...defaultProps$1u,
         ...props
       };
       const getStyle = React.useCallback(() => {
@@ -2854,7 +2854,7 @@ var __publicField = (obj, key, value) => {
     }
   );
   Button.displayName = "NutButton";
-  const defaultProps$1s = {
+  const defaultProps$1t = {
     ...ComponentDefaults,
     title: null,
     description: null,
@@ -2878,7 +2878,7 @@ var __publicField = (obj, key, value) => {
       style,
       ...rest
     } = {
-      ...defaultProps$1s,
+      ...defaultProps$1t,
       ...props
     };
     const handleClick = (event) => {
@@ -2917,9 +2917,9 @@ var __publicField = (obj, key, value) => {
       }
     );
   };
-  Cell.defaultProps = defaultProps$1s;
+  Cell.defaultProps = defaultProps$1t;
   Cell.displayName = "NutCell";
-  const defaultProps$1r = {
+  const defaultProps$1s = {
     ...ComponentDefaults,
     title: "",
     description: "",
@@ -2928,7 +2928,7 @@ var __publicField = (obj, key, value) => {
   const classPrefix$e = "nut-cell-group";
   const CellGroup = (props) => {
     const { children, className, style, title, description, divider, ...rest } = {
-      ...defaultProps$1r,
+      ...defaultProps$1s,
       ...props
     };
     return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: classNames(classPrefix$e, className), ...rest, children: [
@@ -2943,7 +2943,7 @@ var __publicField = (obj, key, value) => {
       )
     ] });
   };
-  CellGroup.defaultProps = defaultProps$1r;
+  CellGroup.defaultProps = defaultProps$1s;
   CellGroup.displayName = "NutCellGroup";
   var INFINITY = 1 / 0;
   var symbolTag = "[object Symbol]";
@@ -3358,7 +3358,7 @@ var __publicField = (obj, key, value) => {
       errorCanvasTips: "当前环境不支持Canvas"
     }
   };
-  const defaultProps$1q = {
+  const defaultProps$1r = {
     locale: zhCN
   };
   const defaultConfigRef$1 = {
@@ -3381,7 +3381,7 @@ var __publicField = (obj, key, value) => {
     return cssVars;
   }
   const ConfigProvider = (props) => {
-    const { children, ...config2 } = { ...defaultProps$1q, ...props };
+    const { children, ...config2 } = { ...defaultProps$1r, ...props };
     const parentConfig = useConfig$1();
     const theme = config2.theme || {};
     const style = React.useMemo(
@@ -3399,9 +3399,9 @@ var __publicField = (obj, key, value) => {
       }
     );
   };
-  ConfigProvider.defaultProps = defaultProps$1q;
+  ConfigProvider.defaultProps = defaultProps$1r;
   ConfigProvider.displayName = "NutConfigProvider";
-  const defaultProps$1p = {
+  const defaultProps$1q = {
     fit: "fill",
     position: "center",
     alt: "",
@@ -3432,7 +3432,7 @@ var __publicField = (obj, key, value) => {
       onClick,
       onLoad,
       onError
-    } = { ...defaultProps$1p, ...props };
+    } = { ...defaultProps$1q, ...props };
     const [loading, setLoading] = React.useState(true);
     const [isError, setIsError] = React.useState(false);
     React.useEffect(() => {
@@ -3493,7 +3493,7 @@ var __publicField = (obj, key, value) => {
       }
     );
   };
-  Image$1.defaultProps = defaultProps$1p;
+  Image$1.defaultProps = defaultProps$1q;
   Image$1.displayName = "NutImage";
   const defaultOverlayProps = {
     ...ComponentDefaults,
@@ -3588,7 +3588,7 @@ var __publicField = (obj, key, value) => {
   Overlay.defaultProps = defaultOverlayProps;
   Overlay.displayName = "NutOverlay";
   const DataContext$2 = React.createContext({});
-  const defaultProps$1o = {
+  const defaultProps$1p = {
     ...ComponentDefaults,
     span: "24",
     offset: "0",
@@ -3596,7 +3596,7 @@ var __publicField = (obj, key, value) => {
   };
   const Col = (props) => {
     const { className, style, span, offset, children, onClick } = {
-      ...defaultProps$1o,
+      ...defaultProps$1p,
       ...props
     };
     const [colName, setColName] = React.useState("");
@@ -3628,9 +3628,9 @@ var __publicField = (obj, key, value) => {
       }
     );
   };
-  Col.defaultProps = defaultProps$1o;
+  Col.defaultProps = defaultProps$1p;
   Col.displayName = "NutCol";
-  const defaultProps$1n = {
+  const defaultProps$1o = {
     ...ComponentDefaults,
     contentPosition: "center",
     direction: "horizontal"
@@ -3638,7 +3638,7 @@ var __publicField = (obj, key, value) => {
   const classPrefix$d = `nut-divider`;
   const Divider = (props) => {
     const { children, contentPosition, style, className, direction, ...rest } = {
-      ...defaultProps$1n,
+      ...defaultProps$1o,
       ...props
     };
     const classes = direction === "horizontal" ? classNames({
@@ -3653,7 +3653,7 @@ var __publicField = (obj, key, value) => {
     });
     return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `${classes} ${className || ""}`, style, ...rest, children });
   };
-  Divider.defaultProps = defaultProps$1n;
+  Divider.defaultProps = defaultProps$1o;
   Divider.displayName = "NutDivider";
   const gridContext = {
     onClick: (item, index) => {
@@ -3663,7 +3663,7 @@ var __publicField = (obj, key, value) => {
   const pxCheck = (value) => {
     return Number.isNaN(Number(value)) ? String(value) : `${value}px`;
   };
-  const defaultProps$1m = {
+  const defaultProps$1n = {
     text: "",
     columns: 4,
     gap: 0,
@@ -3689,7 +3689,7 @@ var __publicField = (obj, key, value) => {
       onClick,
       ...rest
     } = {
-      ...defaultProps$1m,
+      ...defaultProps$1n,
       ...props
     };
     const classPrefix2 = "nut-grid-item";
@@ -3750,9 +3750,9 @@ var __publicField = (obj, key, value) => {
       }
     );
   };
-  GridItem.defaultProps = defaultProps$1m;
+  GridItem.defaultProps = defaultProps$1n;
   GridItem.displayName = "NutGridItem";
-  const defaultProps$1l = {
+  const defaultProps$1m = {
     columns: 4,
     gap: 0,
     center: true,
@@ -3773,7 +3773,7 @@ var __publicField = (obj, key, value) => {
       className,
       onClick,
       ...rest
-    } = { ...defaultProps$1l, ...props };
+    } = { ...defaultProps$1m, ...props };
     const childrenDom = React.Children.toArray(children);
     const classPrefix2 = "nut-grid";
     const rootClass = () => {
@@ -3803,18 +3803,18 @@ var __publicField = (obj, key, value) => {
       });
     }) }) });
   };
-  Grid.defaultProps = defaultProps$1l;
+  Grid.defaultProps = defaultProps$1m;
   Grid.displayName = "NutGrid";
   Grid.Item = GridItem;
-  const defaultProps$1k = {};
+  const defaultProps$1l = {};
   const Layout = (props) => {
-    ({ ...defaultProps$1k, ...props });
+    ({ ...defaultProps$1l, ...props });
     return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "nut-layout", children: "Layout" });
   };
-  Layout.defaultProps = defaultProps$1k;
+  Layout.defaultProps = defaultProps$1l;
   Layout.displayName = "NutLayout";
   const classPrefix$c = "nut-row";
-  const defaultProps$1j = {
+  const defaultProps$1k = {
     ...ComponentDefaults,
     type: "",
     justify: "start",
@@ -3834,7 +3834,7 @@ var __publicField = (obj, key, value) => {
       gutter,
       onClick
     } = {
-      ...defaultProps$1j,
+      ...defaultProps$1k,
       ...props
     };
     const getClass = (prefix2, type2) => {
@@ -3866,7 +3866,7 @@ var __publicField = (obj, key, value) => {
       children
     ) });
   };
-  Row.defaultProps = defaultProps$1j;
+  Row.defaultProps = defaultProps$1k;
   Row.displayName = "NutRow";
   function useWatch(dep, callback, config2 = { immediate: false }) {
     const { immediate } = config2;
@@ -3919,7 +3919,7 @@ var __publicField = (obj, key, value) => {
     }
     return root2;
   }
-  const defaultProps$1i = {
+  const defaultProps$1j = {
     ...ComponentDefaults,
     position: "top",
     zIndex: 2e3
@@ -3936,7 +3936,7 @@ var __publicField = (obj, key, value) => {
       className,
       onChange,
       ...rest
-    } = { ...defaultProps$1i, ...props };
+    } = { ...defaultProps$1j, ...props };
     const stickyRef = React.useRef(null);
     const rootRef = React.useRef(null);
     const [rootRect, setRootRect] = React.useState({});
@@ -4042,9 +4042,9 @@ var __publicField = (obj, key, value) => {
       }
     );
   };
-  Sticky.defaultProps = defaultProps$1i;
+  Sticky.defaultProps = defaultProps$1j;
   Sticky.displayName = "NutSticky";
-  const defaultProps$1h = {
+  const defaultProps$1i = {
     ...ComponentDefaults,
     threshold: 200,
     zIndex: 10,
@@ -4052,7 +4052,7 @@ var __publicField = (obj, key, value) => {
   };
   const BackTop = (props) => {
     const { children, threshold, zIndex, className, duration, style, onClick } = {
-      ...defaultProps$1h,
+      ...defaultProps$1i,
       ...props
     };
     const classPrefix2 = "nut-backtop";
@@ -4090,10 +4090,10 @@ var __publicField = (obj, key, value) => {
       }
     );
   };
-  BackTop.defaultProps = defaultProps$1h;
+  BackTop.defaultProps = defaultProps$1i;
   BackTop.displayName = "NutBackTop";
   const elevatorContext = React.createContext({});
-  const defaultProps$1g = {
+  const defaultProps$1h = {
     ...ComponentDefaults,
     height: "200px",
     floorKey: "title",
@@ -4118,7 +4118,7 @@ var __publicField = (obj, key, value) => {
       children,
       ...rest
     } = {
-      ...defaultProps$1g,
+      ...defaultProps$1h,
       ...props
     };
     const classPrefix2 = "nut-elevator";
@@ -4337,10 +4337,10 @@ var __publicField = (obj, key, value) => {
       sticky && scrollY > 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `${classPrefix2}__list__fixed`, children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `${classPrefix2}__list__fixed__title`, children: list[currentIndex][floorKey] }) }) : null
     ] });
   };
-  Elevator.defaultProps = defaultProps$1g;
+  Elevator.defaultProps = defaultProps$1h;
   Elevator.displayName = "NutElevator";
   Elevator.Context = elevatorContext;
-  const defaultProps$1f = {
+  const defaultProps$1g = {
     ...ComponentDefaults,
     activeText: "",
     inactiveText: "",
@@ -4368,7 +4368,7 @@ var __publicField = (obj, key, value) => {
       content,
       ...rest
     } = {
-      ...defaultProps$1f,
+      ...defaultProps$1g,
       ...props
     };
     const classPrefix2 = "nut-fixednav";
@@ -4427,9 +4427,9 @@ var __publicField = (obj, key, value) => {
       }
     );
   };
-  FixedNav.defaultProps = defaultProps$1f;
+  FixedNav.defaultProps = defaultProps$1g;
   FixedNav.displayName = "NutFixedNav";
-  const defaultProps$1e = {
+  const defaultProps$1f = {
     ...ComponentDefaults,
     left: "",
     right: "",
@@ -4452,7 +4452,7 @@ var __publicField = (obj, key, value) => {
       zIndex,
       onClickBack
     } = {
-      ...defaultProps$1e,
+      ...defaultProps$1f,
       ...props
     };
     const classPrefix2 = "nut-navbar";
@@ -4496,7 +4496,7 @@ var __publicField = (obj, key, value) => {
     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$1e;
+  NavBar.defaultProps = defaultProps$1f;
   NavBar.displayName = "NutNavBar";
   function _extends$3() {
     _extends$3 = Object.assign ? Object.assign.bind() : function(target) {
@@ -6239,7 +6239,7 @@ var __publicField = (obj, key, value) => {
     onExited: propTypesExports.func
   }) : {};
   const CSSTransition$1 = CSSTransition;
-  const defaultProps$1d = {
+  const defaultProps$1e = {
     ...ComponentDefaults,
     position: "center",
     transition: "",
@@ -6426,10 +6426,10 @@ var __publicField = (obj, key, value) => {
     }, [position, transition]);
     return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: renderToContainer(portal, renderNode()) });
   };
-  Popup.defaultProps = defaultProps$1d;
+  Popup.defaultProps = defaultProps$1e;
   Popup.displayName = "NutPopup";
   const OffsetContext = React.createContext(20);
-  const defaultProps$1c = {
+  const defaultProps$1d = {
     showhead: false,
     position: "left",
     width: "80%"
@@ -6446,7 +6446,7 @@ var __publicField = (obj, key, value) => {
       onClose,
       ...rest
     } = {
-      ...defaultProps$1c,
+      ...defaultProps$1d,
       ...props
     };
     const offset = props.offset ? Number(props.offset) : 20;
@@ -6497,7 +6497,7 @@ var __publicField = (obj, key, value) => {
       }
     );
   };
-  SideNavBar.defaultProps = defaultProps$1c;
+  SideNavBar.defaultProps = defaultProps$1d;
   SideNavBar.displayName = "NutSideNavBar";
   const SideNavBarItem = (props) => {
     const { title, key, children, onClick, ...rest } = props;
@@ -6515,12 +6515,12 @@ var __publicField = (obj, key, value) => {
       }
     );
   };
-  const defaultProps$1b = {
+  const defaultProps$1c = {
     open: true
   };
   const SubSideNavBar = (props) => {
     const { title, key, children, onClick, open, ...rest } = {
-      ...defaultProps$1b,
+      ...defaultProps$1c,
       ...props
     };
     const [subShow, setSubShow] = React.useState(open);
@@ -6594,7 +6594,7 @@ var __publicField = (obj, key, value) => {
     }
     return [uncontrolled, handleUncontrolledChange];
   }
-  const defaultProps$1a = {
+  const defaultProps$1b = {
     ...ComponentDefaults,
     value: "",
     dot: false,
@@ -6605,7 +6605,7 @@ var __publicField = (obj, key, value) => {
   };
   const Badge = (props) => {
     const { className, style, value, max, children, dot, top, right, color } = {
-      ...defaultProps$1a,
+      ...defaultProps$1b,
       ...props
     };
     const classPrefix2 = "nut-badge";
@@ -6636,9 +6636,9 @@ var __publicField = (obj, key, value) => {
       /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: contentClasses, style: getStyle(), children: content() })
     ] });
   };
-  Badge.defaultProps = defaultProps$1a;
+  Badge.defaultProps = defaultProps$1b;
   Badge.displayName = "NutBadge";
-  const defaultProps$19 = {
+  const defaultProps$1a = {
     ...ComponentDefaults,
     title: "",
     icon: null,
@@ -6660,7 +6660,7 @@ var __publicField = (obj, key, value) => {
       handleClick,
       ...rest
     } = {
-      ...defaultProps$19,
+      ...defaultProps$1a,
       ...props
     };
     const classPrefix2 = "nut-tabbar-item";
@@ -6687,7 +6687,7 @@ var __publicField = (obj, key, value) => {
       }
     );
   };
-  const defaultProps$18 = {
+  const defaultProps$19 = {
     ...ComponentDefaults,
     defaultValue: 0,
     fixed: false,
@@ -6710,7 +6710,7 @@ var __publicField = (obj, key, value) => {
       style,
       onSwitch
     } = {
-      ...defaultProps$18,
+      ...defaultProps$19,
       ...props
     };
     const classPrefix2 = "nut-tabbar";
@@ -6747,17 +6747,17 @@ var __publicField = (obj, key, value) => {
       }
     );
   };
-  Tabbar.defaultProps = defaultProps$18;
+  Tabbar.defaultProps = defaultProps$19;
   Tabbar.displayName = "NutTabbar";
   Tabbar.Item = TabbarItem;
-  const defaultProps$17 = {
+  const defaultProps$18 = {
     title: "",
     value: "",
     disabled: false
   };
   const TabPane = (props) => {
     const { children, autoHeightClassName, className, disabled } = {
-      ...defaultProps$17,
+      ...defaultProps$18,
       ...props
     };
     const classPrefix2 = "nut-tabpane";
@@ -6771,7 +6771,7 @@ var __publicField = (obj, key, value) => {
     );
     return children ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: classes, children: !disabled && children }) : null;
   };
-  const defaultProps$16 = {
+  const defaultProps$17 = {
     ...ComponentDefaults,
     tabStyle: {},
     activeColor: "",
@@ -6797,7 +6797,7 @@ var __publicField = (obj, key, value) => {
       autoHeight,
       ...rest
     } = {
-      ...defaultProps$16,
+      ...defaultProps$17,
       ...props
     };
     const [value, setValue] = usePropsValue({
@@ -6826,6 +6826,18 @@ var __publicField = (obj, key, value) => {
       return titles2;
     };
     const titles = React.useRef(getTitles());
+    React.useEffect(() => {
+      titles.current = getTitles();
+      let current = "";
+      titles.current.forEach((title2) => {
+        if (title2.value === value) {
+          current = value;
+        }
+      });
+      if (current !== "") {
+        setValue(current);
+      }
+    }, [children]);
     const classes = classNames(
       classPrefix$a,
       `${classPrefix$a}--${direction}`,
@@ -6938,7 +6950,7 @@ var __publicField = (obj, key, value) => {
       }) }) })
     ] });
   };
-  Tabs.defaultProps = defaultProps$16;
+  Tabs.defaultProps = defaultProps$17;
   Tabs.displayName = "NutTabs";
   Tabs.TabPane = TabPane;
   var classnameExports = {};
@@ -7073,7 +7085,7 @@ var __publicField = (obj, key, value) => {
   const useConfig = () => {
     return React.useContext(ConfigContext) ?? getDefaultConfig();
   };
-  const defaultProps$15 = {
+  const defaultProps$16 = {
     type: "custom",
     existAddress: [],
     defaultIcon: null,
@@ -7095,7 +7107,7 @@ var __publicField = (obj, key, value) => {
       onClose,
       onSwitchModule,
       ...rest
-    } = { ...defaultProps$15, ...props };
+    } = { ...defaultProps$16, ...props };
     const b2 = cn("address");
     const selectedExist = (item) => {
       const copyExistAdd = existAddress;
@@ -7137,7 +7149,7 @@ var __publicField = (obj, key, value) => {
       isShowCustomAddress && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: b2("choose-other"), onClick: onSwitch, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: b2("choose-other-btn"), children: customAndExistTitle || locale.address.chooseAnotherAddress }) })
     ] });
   };
-  const defaultProps$14 = {
+  const defaultProps$15 = {
     modelValue: [],
     type: "custom",
     province: [],
@@ -7162,7 +7174,7 @@ var __publicField = (obj, key, value) => {
       onClose,
       ...rest
     } = {
-      ...defaultProps$14,
+      ...defaultProps$15,
       ...props
     };
     const b2 = cn("address");
@@ -7326,28 +7338,28 @@ var __publicField = (obj, key, value) => {
       nextAreaList(item);
     };
     React.useEffect(() => {
-      const { province: province2 } = { ...defaultProps$14, ...props };
+      const { province: province2 } = { ...defaultProps$15, ...props };
       setRegionList({
         ...regionList,
         province: isCustom2() ? transformData(province2) : province2
       });
     }, [province]);
     React.useEffect(() => {
-      const { city: city2 } = { ...defaultProps$14, ...props };
+      const { city: city2 } = { ...defaultProps$15, ...props };
       setRegionList({
         ...regionList,
         city: isCustom2() ? transformData(city2) : city2
       });
     }, [city]);
     React.useEffect(() => {
-      const { country: country2 } = { ...defaultProps$14, ...props };
+      const { country: country2 } = { ...defaultProps$15, ...props };
       setRegionList({
         ...regionList,
         country: isCustom2() ? transformData(country2) : country2
       });
     }, [country]);
     React.useEffect(() => {
-      const { town: town2 } = { ...defaultProps$14, ...props };
+      const { town: town2 } = { ...defaultProps$15, ...props };
       setRegionList({
         ...regionList,
         town: isCustom2() ? transformData(town2) : town2
@@ -7420,7 +7432,7 @@ var __publicField = (obj, key, value) => {
       ) })
     ] });
   };
-  const defaultProps$13 = {
+  const defaultProps$14 = {
     ...ComponentDefaults,
     modelValue: false,
     modelSelect: [],
@@ -7471,7 +7483,7 @@ var __publicField = (obj, key, value) => {
       className,
       ...rest
     } = {
-      ...defaultProps$13,
+      ...defaultProps$14,
       ...props
     };
     const b2 = cn("address");
@@ -7629,7 +7641,7 @@ var __publicField = (obj, key, value) => {
       }
     ) });
   };
-  Address.defaultProps = defaultProps$13;
+  Address.defaultProps = defaultProps$14;
   Address.displayName = "NutAddress";
   const Utils = {
     /**
@@ -7762,7 +7774,7 @@ var __publicField = (obj, key, value) => {
     }
   }
   const requestAniFrame$1 = requestAniFrame();
-  const defaultProps$12 = {
+  const defaultProps$13 = {
     type: "one",
     isAutoBackFill: false,
     poppable: true,
@@ -7814,7 +7826,7 @@ var __publicField = (obj, key, value) => {
       onUpdate,
       onSelected,
       onYearMonthChange
-    } = { ...defaultProps$12, ...props };
+    } = { ...defaultProps$13, ...props };
     const weeks = locale.calendaritem.weekdays;
     const [yearMonthTitle, setYearMonthTitle] = React.useState("");
     const [monthsData, setMonthsData] = React.useState([]);
@@ -8419,9 +8431,9 @@ var __publicField = (obj, key, value) => {
       poppable && !isAutoBackFill ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "nut-calendar-footer", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "calendar-confirm-btn", onClick: confirm, children: confirmText || locale.confirm }) }) : ""
     ] }) });
   });
-  CalendarItem.defaultProps = defaultProps$12;
+  CalendarItem.defaultProps = defaultProps$13;
   CalendarItem.displayName = "NutCalendarItem";
-  const defaultProps$11 = {
+  const defaultProps$12 = {
     type: "one",
     isAutoBackFill: false,
     poppable: true,
@@ -8477,7 +8489,7 @@ var __publicField = (obj, key, value) => {
       onChoose,
       onSelected,
       onYearMonthChange
-    } = { ...defaultProps$11, ...props };
+    } = { ...defaultProps$12, ...props };
     const calendarRef = React.useRef(null);
     const close = () => {
       onClose && onClose();
@@ -8547,9 +8559,9 @@ var __publicField = (obj, key, value) => {
       }
     ) : renderItem() });
   });
-  Calendar.defaultProps = defaultProps$11;
+  Calendar.defaultProps = defaultProps$12;
   Calendar.displayName = "NutCalendar";
-  const defaultProps$10 = {
+  const defaultProps$11 = {
     data: {
       text: "",
       value: "",
@@ -8560,32 +8572,37 @@ var __publicField = (obj, key, value) => {
     },
     activeColor: "",
     checked: false,
-    checkedIcon: "checklist",
+    activeIcon: "checklist",
     chooseItem: () => {
     }
   };
   const InternalCascaderItem = (props, ref) => {
-    const { data, checked, checkedIcon, chooseItem, activeColor } = {
-      ...defaultProps$10,
+    const { data, checked, activeIcon, chooseItem, activeColor } = {
+      ...defaultProps$11,
       ...props
     };
-    const b2 = cn("cascader-item");
+    const classPrefix2 = "nut-cascader-item";
     const classes = classNames(
       {
         active: checked,
         disabled: data.disabled
       },
-      b2("")
+      classPrefix2
     );
     const classesTitle = classNames({
-      [`${b2("")}__title`]: true
+      [`${classPrefix2}__title`]: true
     });
     const renderIcon = () => {
       if (checked) {
-        if (React.isValidElement(checkedIcon)) {
-          return checkedIcon;
+        if (React.isValidElement(activeIcon)) {
+          return activeIcon;
         }
-        return /* @__PURE__ */ jsxRuntimeExports.jsx(a$q, { className: `${checked ? b2("icon-check") : ""}` });
+        return /* @__PURE__ */ jsxRuntimeExports.jsx(
+          a$q,
+          {
+            className: `${checked ? `${classPrefix2}__icon-check` : ""}`
+          }
+        );
       }
       return null;
     };
@@ -8605,7 +8622,7 @@ var __publicField = (obj, key, value) => {
     );
   };
   const CascaderItem = React.forwardRef(InternalCascaderItem);
-  CascaderItem.defaultProps = defaultProps$10;
+  CascaderItem.defaultProps = defaultProps$11;
   CascaderItem.displayName = "NutCascaderItem";
   const formatTree = (tree, parent, config2) => tree.map((node) => {
     const {
@@ -8743,26 +8760,22 @@ var __publicField = (obj, key, value) => {
     }
   }
   const Tree$1 = Tree;
-  const defaultProps$$ = {
-    className: "",
-    style: {},
+  const defaultProps$10 = {
+    ...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: () => {
     },
@@ -8776,28 +8789,25 @@ var __publicField = (obj, key, value) => {
     const {
       className,
       style,
-      tabsColor,
-      poppable,
+      popup,
       visible,
       options,
       value,
       title,
-      textKey,
-      valueKey,
-      childrenKey,
-      convertConfig: convertConfig2,
+      optionKey: optionKey2,
+      format: format2,
       closeable,
       closeIconPosition,
       closeIcon,
       lazy,
-      lazyLoad,
+      onLoad,
       onClose,
       onChange,
       onPathChange
-    } = { ...defaultProps$$, ...props };
+    } = { ...defaultProps$10, ...props };
     const [tabvalue, setTabvalue] = React.useState("c1");
     const [optionsData, setOptionsData] = React.useState([]);
-    const isLazy = () => state.configs.lazy && Boolean(state.configs.lazyLoad);
+    const isLazy = () => state.configs.lazy && Boolean(state.configs.onLoad);
     const [state] = React.useState({
       optionsData: [],
       panes: [
@@ -8815,44 +8825,38 @@ var __publicField = (obj, key, value) => {
       currentProcessNode: [],
       configs: {
         lazy,
-        lazyLoad,
-        valueKey,
-        textKey,
-        childrenKey,
-        convertConfig: convertConfig2
+        onLoad,
+        optionKey: optionKey2,
+        format: format2
       },
       lazyLoadMap: /* @__PURE__ */ new Map()
     });
-    const b2 = cn("cascader");
-    const classes = classNames(b2(""));
+    const classPrefix2 = classNames(`nut-cascader`);
     const classesPane = classNames({
-      [`${b2("")}-pane`]: true
+      [`${classPrefix2}-pane`]: true
     });
     React.useEffect(() => {
       initData();
-    }, []);
+    }, [options]);
     React.useEffect(() => {
       if (value !== state.innerValue) {
         state.innerValue = value;
       }
     }, [value]);
-    React.useEffect(() => {
-      initData();
-    }, [options]);
     const initData = async () => {
       state.lazyLoadMap.clear();
-      if (convertConfig2 && Object.keys(convertConfig2).length > 0) {
+      if (format2 && Object.keys(format2).length > 0) {
         state.optionsData = convertListToOptions(
           options,
-          convertConfig2
+          format2
         );
       } else {
         state.optionsData = options;
       }
       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({
@@ -8918,7 +8922,7 @@ var __publicField = (obj, key, value) => {
       if (!node) {
         return;
       }
-      if (!state.configs.lazyLoad) {
+      if (!state.configs.onLoad) {
         node.leaf = true;
         return;
       }
@@ -8931,7 +8935,7 @@ var __publicField = (obj, key, value) => {
       if (!lazyLoadPromise) {
         lazyLoadPromise = new Promise((resolve) => {
           var _a, _b;
-          (_b = (_a = state.configs).lazyLoad) == null ? void 0 : _b.call(_a, node, resolve);
+          (_b = (_a = state.configs).onLoad) == null ? void 0 : _b.call(_a, node, resolve);
         });
         state.lazyLoadMap.set(node, lazyLoadPromise);
       }
@@ -8978,8 +8982,8 @@ var __publicField = (obj, key, value) => {
           selectedNode: null,
           paneKey: `c${state.tabsCursor + 1}`
         });
-        setTabvalue(`c${state.tabsCursor + 1}`);
         setOptionsData(state.panes);
+        setTabvalue(`c${state.tabsCursor + 1}`);
         if (!type) {
           const pathNodes = state.panes.map((item) => item.selectedNode);
           const optionParams = pathNodes.map((item) => item == null ? void 0 : item.value);
@@ -8999,8 +9003,8 @@ var __publicField = (obj, key, value) => {
       setOptionsData(state.panes);
     };
     const renderItem = () => {
-      return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `${classes} ${className}`, style, children: [
-        poppable && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: b2("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,
           {
@@ -9015,27 +9019,21 @@ var __publicField = (obj, key, value) => {
                       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 && ((_a = pane == null ? void 0 : pane.selectedNode) == null ? void 0 : _a.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 _a;
               return /* @__PURE__ */ jsxRuntimeExports.jsx(
                 CascaderItem,
@@ -9047,18 +9045,18 @@ var __publicField = (obj, key, value) => {
                 },
                 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,
+        closeIcon,
         closeable,
         closeIconPosition,
         onClickOverlay: closePopup,
@@ -9068,11 +9066,11 @@ var __publicField = (obj, key, value) => {
     ) : renderItem() });
   };
   const Cascader = React.forwardRef(InternalCascader);
-  Cascader.defaultProps = defaultProps$$;
+  Cascader.defaultProps = defaultProps$10;
   Cascader.displayName = "NutCascader";
   const CheckboxGroupContext = React.createContext(null);
   const Context = CheckboxGroupContext;
-  const defaultProps$_ = {
+  const defaultProps$$ = {
     max: void 0,
     labelPosition: "right",
     direction: "vertical",
@@ -9083,7 +9081,7 @@ var __publicField = (obj, key, value) => {
   const classPrefix$9 = "nut-checkboxgroup";
   const CheckboxGroup = React.forwardRef(
     (props, ref) => {
-      const { children } = { ...defaultProps$_, ...props };
+      const { children } = { ...defaultProps$$, ...props };
       const {
         className,
         disabled,
@@ -9173,9 +9171,9 @@ var __publicField = (obj, key, value) => {
       );
     }
   );
-  CheckboxGroup.defaultProps = defaultProps$_;
+  CheckboxGroup.defaultProps = defaultProps$$;
   CheckboxGroup.displayName = "NutCheckboxGroup";
-  const defaultProps$Z = {
+  const defaultProps$_ = {
     ...ComponentDefaults,
     disabled: false,
     labelPosition: "right",
@@ -9188,7 +9186,7 @@ var __publicField = (obj, key, value) => {
   const classPrefix$8 = "nut-checkbox";
   const Checkbox = (props) => {
     const { children } = {
-      ...defaultProps$Z,
+      ...defaultProps$_,
       ...props
     };
     const {
@@ -9293,7 +9291,7 @@ var __publicField = (obj, key, value) => {
       }
     );
   };
-  Checkbox.defaultProps = defaultProps$Z;
+  Checkbox.defaultProps = defaultProps$_;
   Checkbox.displayName = "NutCheckBox";
   Checkbox.Group = CheckboxGroup;
   const MIN_DISTANCE = 10;
@@ -9374,13 +9372,13 @@ var __publicField = (obj, key, value) => {
       console.log(e);
     }
   }
-  const InternalPickerSlot = (props, ref) => {
+  const InternalPickerPanel = (props, ref) => {
     const {
       keyIndex = 0,
       defaultValue,
-      listData = [],
+      options = [],
       threeDimensional = true,
-      swipeDuration = 1e3,
+      duration = 1e3,
       itemShow = false,
       chooseItem
     } = props;
@@ -9395,9 +9393,9 @@ var __publicField = (obj, key, value) => {
     const rotation = 20;
     const moving = React.useRef(false);
     let timer;
-    const listbox = React.useRef(null);
+    const listRef = React.useRef(null);
     const rollerRef = React.useRef(null);
-    const pickerSlotRef = React.useRef(null);
+    const PickerPanelRef = React.useRef(null);
     const [startTime, setStartTime] = React.useState(0);
     const [startY, setStartY] = React.useState(0);
     const transformY = React.useRef(0);
@@ -9423,8 +9421,8 @@ var __publicField = (obj, key, value) => {
         if (updateMove > 0) {
           updateMove = 0;
         }
-        if (updateMove < -(listData.length - 1) * lineSpacing.current) {
-          updateMove = -(listData.length - 1) * lineSpacing.current;
+        if (updateMove < -(options.length - 1) * lineSpacing.current) {
+          updateMove = -(options.length - 1) * lineSpacing.current;
         }
         const endMove = Math.round(updateMove / lineSpacing.current) * lineSpacing.current;
         const deg = `${(Math.abs(Math.round(endMove / lineSpacing.current)) + 1) * rotation}deg`;
@@ -9433,7 +9431,7 @@ var __publicField = (obj, key, value) => {
       } else {
         let deg = 0;
         const currentDeg = (-updateMove / lineSpacing.current + 1) * rotation;
-        const maxDeg = (listData.length + 1) * rotation;
+        const maxDeg = (options.length + 1) * rotation;
         const minDeg = 0;
         deg = Math.min(Math.max(currentDeg, minDeg), maxDeg);
         if (minDeg < deg && deg < maxDeg) {
@@ -9443,7 +9441,7 @@ var __publicField = (obj, key, value) => {
       }
     };
     const setChooseValue = (move) => {
-      chooseItem && chooseItem(listData == null ? void 0 : listData[Math.round(-move / lineSpacing.current)], keyIndex);
+      chooseItem && chooseItem(options == null ? void 0 : options[Math.round(-move / lineSpacing.current)], keyIndex);
     };
     const touchStart = (event) => {
       touch.start(event);
@@ -9467,7 +9465,7 @@ var __publicField = (obj, key, value) => {
       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");
       }
@@ -9475,9 +9473,9 @@ var __publicField = (obj, key, value) => {
         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;
     };
@@ -9485,7 +9483,7 @@ var __publicField = (obj, key, value) => {
       const value = val || defaultValue;
       let index = -1;
       if (value) {
-        listData.some((item, idx) => {
+        options.some((item, idx) => {
           if (item.value === value) {
             index = idx;
             return true;
@@ -9493,7 +9491,7 @@ var __publicField = (obj, key, value) => {
           return false;
         });
       } else {
-        listData.forEach((item, i) => {
+        options.forEach((item, i) => {
           if (item.value === defaultValue) {
             index = i;
           }
@@ -9518,7 +9516,7 @@ var __publicField = (obj, key, value) => {
       }
     };
     const getReference = async () => {
-      const refe = await getRectByTaro(listbox == null ? void 0 : listbox.current);
+      const refe = await getRectByTaro(listRef == null ? void 0 : listRef.current);
       lineSpacing.current = refe.height ? refe.height : 36;
       modifyStatus(true);
     };
@@ -9541,7 +9539,7 @@ var __publicField = (obj, key, value) => {
       return () => {
         clearTimeout(timer);
       };
-    }, [listData]);
+    }, [options]);
     React.useEffect(() => {
       if (itemShow) {
         setTimeout(() => {
@@ -9557,7 +9555,7 @@ var __publicField = (obj, key, value) => {
       "div",
       {
         className: "nut-picker-list",
-        ref: pickerSlotRef,
+        ref: PickerPanelRef,
         onTouchStart: touchStart,
         onTouchMove: touchMove,
         onTouchEnd: touchEnd,
@@ -9570,7 +9568,7 @@ var __publicField = (obj, key, value) => {
               style: threeDimensional ? touchRollerStyle() : touchTileStyle(),
               onTransitionEnd: stopMomentum,
               children: [
-                threeDimensional && listData.map((item, index) => {
+                threeDimensional && options.map((item, index) => {
                   return /* @__PURE__ */ jsxRuntimeExports.jsx(
                     "div",
                     {
@@ -9585,7 +9583,7 @@ var __publicField = (obj, key, value) => {
                     item.value ? item.value : index
                   );
                 }),
-                !threeDimensional && listData.map((item, index) => {
+                !threeDimensional && options.map((item, index) => {
                   return /* @__PURE__ */ jsxRuntimeExports.jsx(
                     "div",
                     {
@@ -9603,13 +9601,13 @@ var __publicField = (obj, key, value) => {
             }
           ),
           /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "nut-picker-mask" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "nut-picker-indicator", ref: listbox })
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "nut-picker-indicator", ref: listRef })
         ]
       }
     );
   };
-  const PickerSlot = React.forwardRef(InternalPickerSlot);
-  const PickerSlot$1 = PickerSlot;
+  const PickerPanel = React.forwardRef(InternalPickerPanel);
+  const PickerPanel$1 = PickerPanel;
   function useRefs() {
     const refs = React.useRef([]);
     const setRefs = React.useCallback(
@@ -9624,181 +9622,247 @@ var __publicField = (obj, key, value) => {
     }, []);
     return [refs.current, setRefs, reset];
   }
+  const defaultProps$Z = {
+    ...ComponentDefaults,
+    visible: false,
+    title: "",
+    options: [],
+    value: [],
+    defaultValue: [],
+    threeDimensional: true,
+    duration: 1e3
+  };
   const InternalPicker = (props, ref) => {
     const { locale } = useConfig$1();
     const {
       visible,
       title,
-      listData = [],
-      defaultValueData,
-      onConfirm,
-      onClose,
-      onCloseUpdate,
-      onChange,
+      options = [],
+      defaultValue = [],
       className,
       style,
       threeDimensional,
-      swipeDuration,
+      duration,
+      onConfirm,
+      onClose,
+      afterClose,
+      onChange,
       ...rest
-    } = props;
-    const [chooseValueData, setchooseValueData] = React.useState([]);
-    const [columnIndex, setcolumnIndex] = React.useState(0);
+    } = { ...defaultProps$Z, ...props };
+    const classPrefix2 = "nut-picker";
+    const classes = classNames(classPrefix2, className);
+    const [selectedValue, setSelectedValue] = usePropsValue({
+      value: props.value,
+      defaultValue: [...defaultValue],
+      finalValue: [...defaultValue],
+      onChange: (val) => {
+        var _a;
+        (_a = props.onConfirm) == null ? void 0 : _a.call(props, setSelectedOptions(), val);
+      }
+    });
+    const [currentValue2, setCurrentValue] = React.useState([]);
+    const [columnIndex, setColumnIndex] = React.useState(0);
     const pickerRef = React.useRef(null);
     const [refs, setRefs] = useRefs();
     const [columnsList, setColumnsList] = React.useState([]);
-    const b2 = cn("picker");
     const isConfirmEvent = React.useRef(false);
-    React.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 options2 = columnOptions.children;
+        const value = values[columnIndex2];
+        let index = options2.findIndex(
+          (columnItem) => columnItem.value === value
+        );
+        if (index === -1)
+          index = 0;
+        columnOptions = columnOptions.children[index];
+        columnIndex2++;
+        formatted.push(options2);
       }
-    }, [defaultValueData]);
-    React.useEffect(() => {
-      onChange && onChange(columnIndex, chooseValueData, selectedOptions());
-      if (isConfirmEvent.current) {
-        isConfirmEvent.current = false;
-        onConfirm && onConfirm(chooseValueData, selectedOptions());
+      return formatted;
+    };
+    const columnsType = () => {
+      const firstColumn = options[0];
+      if (firstColumn) {
+        if (Array.isArray(firstColumn)) {
+          return "multiple";
+        }
+        if ("children" in firstColumn) {
+          return "cascade";
+        }
       }
-    }, [chooseValueData]);
-    React.useEffect(() => {
-      init();
-    }, [listData]);
-    const closeActionSheet = () => {
-      onClose && onClose(chooseValueData, selectedOptions());
-      onCloseUpdate && onCloseUpdate(chooseValueData, selectedOptions(), pickerRef);
+      return "single";
     };
-    const confirm = () => {
-      let movings = false;
-      refs.forEach((_ref) => {
-        if (_ref.moving)
-          movings = true;
-        _ref.stopMomentum();
+    const normalListData = () => {
+      const type = columnsType();
+      switch (type) {
+        case "multiple":
+          return options;
+        case "cascade":
+          return formatCascade(options, selectedValue);
+        default:
+          return [options];
+      }
+    };
+    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]
+    React.useEffect(() => {
+      if (!visible) {
+        return;
+      }
+      init();
+    }, [options, visible]);
+    const setSelectedOptions = () => {
+      const options2 = [];
+      let currOptions = [];
+      columnsList.forEach((columnOptions, index) => {
+        currOptions = columnOptions.filter(
+          (item) => item.value === selectedValue[index]
         );
         if (currOptions[0]) {
-          optins.push(currOptions[0]);
+          options2.push(currOptions[0]);
         } else {
-          column[0] && optins.push(column[0]);
+          columnOptions[0] && options2.push(columnOptions[0]);
         }
-        return column;
       });
-      return optins;
+      return options2;
+    };
+    const defaultValuesConvert = () => {
+      const defaultIndexs = [];
+      if (selectedValue.length > 0) {
+        selectedValue.forEach((value, index) => {
+          var _a;
+          for (let i = 0; i < ((_a = columnsList == null ? void 0 : columnsList[index]) == null ? void 0 : _a.length); i++) {
+            if (columnsList[index][i].value === value) {
+              defaultIndexs.push(i);
+              break;
+            }
+          }
+        });
+      } else if (columnsList && columnsList.length > 0) {
+        columnsList.forEach((item) => {
+          defaultIndexs.push(0);
+          item.length > 0 && selectedValue.push(item[0].value);
+        });
+      }
+      return defaultIndexs;
     };
-    const chooseItem = (option, columnIndex2) => {
-      if (option && Object.keys(option).length) {
-        if (chooseValueData[columnIndex2] !== option.value) {
+    React.useEffect(() => {
+      if (!visible) {
+        return;
+      }
+      Taro.getEnv() !== "WEB" && setCurrentValue(defaultValuesConvert());
+      onChange && onChange(setSelectedOptions(), selectedValue, columnIndex);
+      if (isConfirmEvent.current) {
+        isConfirmEvent.current = false;
+        onConfirm && onConfirm(setSelectedOptions(), selectedValue);
+      }
+    }, [selectedValue, columnsList, visible]);
+    const chooseItem = (columnOptions, columnIndex2) => {
+      var _a, _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 ((_a = columnOptions == null ? void 0 : columnOptions.children) == null ? void 0 : _a[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 type = columnsType();
-      switch (type) {
-        case "multiple":
-          return listData;
-        case "cascade":
-          return formatCascade(listData, chooseValueData);
-        default:
-          return [listData];
+    const confirm = () => {
+      let movings = false;
+      refs.forEach((ref2) => {
+        if (ref2.moving)
+          movings = true;
+        ref2.stopMomentum();
+      });
+      if (movings) {
+        isConfirmEvent.current = true;
+      } else {
+        onConfirm && onConfirm(setSelectedOptions(), selectedValue);
+        closePicker();
       }
+      setTimeout(() => {
+        isConfirmEvent.current = false;
+      }, 0);
     };
-    const columnsType = () => {
-      const firstColumn = listData[0];
-      if (firstColumn) {
-        if (Array.isArray(firstColumn)) {
-          return "multiple";
-        }
-        if ("children" in firstColumn) {
-          return "cascade";
-        }
-      }
-      return "single";
+    const closePicker = () => {
+      onClose && onClose(setSelectedOptions(), selectedValue);
+      afterClose && afterClose(setSelectedOptions(), selectedValue, pickerRef);
     };
-    const formatCascade = (columns, defaultValues) => {
-      const formatted = [];
-      let cursor = {
-        text: "",
-        value: "",
-        children: columns
-      };
-      let columnIndex2 = 0;
-      while (cursor && cursor.children) {
-        const options = cursor.children;
-        const value = defaultValues[columnIndex2];
-        let index = options.findIndex(
-          (columnItem) => columnItem.value === value
-        );
-        if (index === -1)
-          index = 0;
-        cursor = cursor.children[index];
-        columnIndex2++;
-        formatted.push(options);
-      }
-      return formatted;
+    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: confirm, children: locale.confirm })
+      ] });
     };
-    const init = () => {
-      const data = [];
-      const normalData = normalListData();
-      setColumnsList(normalData);
-      normalData.length > 0 && normalData.map((item) => {
-        item[0] && data.push(item[0].value);
-        return item;
-      });
-      if (!defaultValueData && chooseValueData.length === 0) {
-        setchooseValueData([...data]);
-      }
+    const [pickingStatus, setPickingStatus] = React.useState(false);
+    const pickerStart = () => {
+      setPickingStatus(true);
     };
-    const renderToolbar = () => {
-      return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: b2("control"), children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: b2("cancel-btn"), onClick: () => closeActionSheet(), children: locale.cancel }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: b2("title"), children: title || "" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: b2("confirm-btn"), onClick: confirm, children: locale.confirm })
-      ] });
+    const pickerEnd = () => {
+      setPickingStatus(false);
+    };
+    const pickerChange = (data) => {
+      const prevDefaultValue = currentValue2;
+      let changeIndex = 0;
+      const list = data.detail.value;
+      for (let i = 0, len = list.length; i < len; i++) {
+        if (prevDefaultValue[i] !== list[i]) {
+          changeIndex = i;
+          break;
+        }
+      }
+      chooseItem(
+        columnsList[changeIndex][data.detail.value[changeIndex]],
+        changeIndex
+      );
     };
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
       Popup,
@@ -9806,36 +9870,50 @@ var __publicField = (obj, key, value) => {
         visible,
         position: "bottom",
         onClose: () => {
-          closeActionSheet();
+          closePicker();
         },
-        children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
-          components.View,
-          {
-            className: `${b2()} ${className || ""}`,
-            style,
-            ...rest,
-            catchMove: true,
-            children: [
-              renderToolbar(),
-              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: b2("panel"), ref: pickerRef, children: columnsList == null ? void 0 : columnsList.map((item, index) => {
-                return /* @__PURE__ */ jsxRuntimeExports.jsx(
-                  PickerSlot$1,
-                  {
-                    ref: setRefs(index),
-                    defaultValue: chooseValueData == null ? void 0 : chooseValueData[index],
-                    listData: item,
-                    threeDimensional,
-                    chooseItem: (value, index2) => chooseItem(value, index2),
-                    swipeDuration,
-                    keyIndex: index,
-                    itemShow: visible
-                  },
-                  index
-                );
-              }) })
-            ]
-          }
-        )
+        children: /* @__PURE__ */ jsxRuntimeExports.jsxs(components.View, { className: classes, style, ...rest, catchMove: true, children: [
+          renderTitleBar(),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `${classPrefix2}__panel`, ref: pickerRef, children: Taro.getEnv() === "WEB" ? columnsList == null ? void 0 : columnsList.map((item, index) => {
+            return /* @__PURE__ */ jsxRuntimeExports.jsx(
+              PickerPanel$1,
+              {
+                ref: setRefs(index),
+                defaultValue: selectedValue == null ? void 0 : selectedValue[index],
+                options: item,
+                threeDimensional,
+                chooseItem: (value, index2) => chooseItem(value, index2),
+                duration,
+                keyIndex: index,
+                itemShow: visible
+              },
+              index
+            );
+          }) : /* @__PURE__ */ jsxRuntimeExports.jsx(
+            components.PickerView,
+            {
+              ref: pickerRef,
+              value: currentValue2,
+              immediateChange: true,
+              onPickStart: pickerStart,
+              onChange: pickerChange,
+              onPickEnd: pickerEnd,
+              className: "nut-picker-view-panel",
+              children: columnsList == null ? void 0 : columnsList.map((columnOptions, index) => {
+                return /* @__PURE__ */ jsxRuntimeExports.jsx(components.PickerViewColumn, { children: columnOptions.map((item, index2) => {
+                  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+                    components.View,
+                    {
+                      className: "nut-picker-roller-item-title",
+                      children: /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: item.text || item })
+                    },
+                    item.value || index2
+                  );
+                }) }, `col${index}`);
+              })
+            }
+          ) })
+        ] })
       }
     );
   };
@@ -9880,7 +9958,7 @@ var __publicField = (obj, key, value) => {
     const [show, setShow] = React.useState(false);
     const [currentDate, setCurrentDate] = React.useState(modelValue);
     const [defaultValue, setDefaultValue] = React.useState([]);
-    const [listData, setListData] = React.useState([]);
+    const [options, setListData] = React.useState([]);
     const pickerRef = React.useRef(null);
     const isDate = (val) => {
       return Object.prototype.toString.call(val) === "[object Date]" && !Number.isNaN(val.getTime());
@@ -9998,7 +10076,7 @@ var __publicField = (obj, key, value) => {
       }
       return result;
     };
-    const updateChooseValueCustmer = (index, selectedValue, cacheValueData) => {
+    const updateChooseValueCustmer = (cacheValueData, selectedValue, index) => {
       if (["date", "datetime", "datehour", "month-day", "year-month"].includes(
         type.toLocaleLowerCase()
       )) {
@@ -10037,7 +10115,7 @@ var __publicField = (obj, key, value) => {
         const isEqual2 = (currentDate == null ? void 0 : currentDate.getTime()) === (date == null ? void 0 : date.getTime());
         date && isDate(date) && !isEqual2 && setCurrentDate(formatValue(date));
       }
-      props.onChange && props.onChange(index, selectedValue, cacheValueData);
+      props.onChange && props.onChange(cacheValueData, selectedValue, index);
     };
     const padZero = (num, targetLength = 2) => {
       let str = `${num}`;
@@ -10134,16 +10212,16 @@ var __publicField = (obj, key, value) => {
         style,
         catchMove: true,
         ...rest,
-        children: listData.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(
+        children: options.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(
           Picker$1,
           {
             title,
             visible: show,
-            listData,
+            options,
             onClose: onCloseDatePicker,
-            defaultValueData: defaultValue,
-            onConfirm: (values, options) => onConfirmDatePicker && onConfirmDatePicker(values, options),
-            onChange: (index, value, list) => updateChooseValueCustmer(index, value, list),
+            defaultValue,
+            onConfirm: (options2, values) => onConfirmDatePicker && onConfirmDatePicker(options2, values),
+            onChange: (list, value, index) => updateChooseValueCustmer(list, value, index),
             threeDimensional,
             ref: pickerRef
           }
@@ -12947,124 +13025,111 @@ var __publicField = (obj, key, value) => {
   Switch.defaultProps = defaultProps$I;
   Switch.displayName = "NutSwitch";
   const defaultProps$H = {
+    ...ComponentDefaults,
     defaultValue: "",
-    textAlign: "left",
-    limitshow: false,
-    maxlength: "",
-    rows: "",
+    showCount: false,
+    maxLength: 140,
     placeholder: "",
-    readonly: false,
+    readOnly: false,
     disabled: false,
-    autosize: false
+    autoSize: false
   };
   const TextArea = (props) => {
     const { locale } = useConfig$1();
     const {
       className,
+      value,
       defaultValue,
-      textAlign,
-      limitshow,
-      maxlength,
+      showCount,
+      maxLength,
       rows,
       placeholder,
-      readonly,
+      readOnly,
       disabled,
-      autosize,
+      autoSize,
       style,
       onChange,
       onBlur,
-      onFocus
+      onFocus,
+      ...rest
     } = { ...defaultProps$H, ...props };
-    const textareaBem = cn("textarea");
-    const [inputValue, SetInputValue] = React.useState("");
-    const compositingRef = React.useRef(false);
-    const [, updateState] = React.useState({});
-    const forceUpdate = React.useCallback(() => updateState({}), []);
-    React.useEffect(() => {
-      let initValue = defaultValue;
-      if (initValue && maxlength && [...initValue].length > Number(maxlength)) {
-        initValue = initValue.substring(0, Number(maxlength));
+    const classPrefix2 = "nut-textarea";
+    const compositionRef = React.useRef(false);
+    const format = (value2) => {
+      if (maxLength !== void 0 && value2.length > maxLength) {
+        return value2.substring(0, maxLength);
       }
-      SetInputValue(initValue);
-    }, [defaultValue]);
-    const textChange = (event) => {
-      if (disabled)
-        return;
-      if (readonly)
-        return;
-      const text = event.detail ? event.detail : event.target;
-      if (maxlength && [...text.value].length > Number(maxlength) && !compositingRef.current) {
-        text.value = text.value.substring(0, Number(maxlength));
-      }
-      if (text.value === inputValue) {
-        forceUpdate();
+      return value2;
+    };
+    const [inputValue, setInputValue] = usePropsValue({
+      value,
+      defaultValue,
+      finalValue: format(defaultValue),
+      onChange
+    });
+    const handleChange = (event) => {
+      var _a;
+      const text = (_a = event == null ? void 0 : event.detail) == null ? void 0 : _a.value;
+      if (text) {
+        const value2 = compositionRef.current ? text : format(text);
+        setInputValue(value2);
       } else {
-        SetInputValue(text.value);
+        setInputValue("");
       }
-      onChange && onChange(text.value, event);
     };
-    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.detail ? event.detail : 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",
+            components.Textarea,
             {
-              className: textareaBem("textarea"),
-              style: {
-                textAlign,
-                resize: `${autosize ? "vertical" : "none"}`,
-                ...style
+              nativeProps: {
+                style,
+                readOnly,
+                rows,
+                onCompositionStart: () => {
+                  compositionRef.current = true;
+                },
+                onCompositionEnd: () => {
+                  compositionRef.current = false;
+                }
               },
-              readOnly: disabled || readonly,
+              className: `${classPrefix2}__textarea`,
+              style: Taro.getEnv() === "WEB" ? void 0 : style,
+              disabled: Taro.getEnv() === "WEB" ? disabled : disabled || readOnly,
               value: inputValue,
-              onInput: (e) => {
-                textChange(e);
-              },
-              onChange: (e) => {
-                textChange(e);
-              },
-              onBlur: (e) => {
-                textBlur(e);
-              },
-              onFocus: (e) => {
-                textFocus(e);
-              },
-              onCompositionEnd: (e) => endComposing(),
-              onCompositionStart: (e) => startComposing(),
-              rows,
-              maxLength: maxlength < 0 ? 0 : maxlength,
-              placeholder: placeholder || locale.placeholder
+              onInput: (e) => handleChange(e),
+              onBlur: (e) => handleBlur(e),
+              onFocus: (e) => handleFocus(e),
+              autoHeight: autoSize,
+              maxlength: 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
+          ] })
         ]
       }
     );
@@ -22639,13 +22704,11 @@ This message will only show in development mode. It won't appear in production.
   Steps.displayName = "NutSteps";
   const defaultProps$9 = {
     ...ComponentDefaults,
-    className: "",
-    style: {},
     columns: [],
     data: [],
     bordered: true,
     striped: false,
-    noData: "无数据",
+    noData: "",
     sorterIcon: null,
     showHeader: true
   };
@@ -22663,8 +22726,8 @@ This message will only show in development mode. It won't appear in production.
       striped,
       noData,
       sorterIcon,
-      onSorter,
       showHeader,
+      onSort,
       ...rest
     } = {
       ...defaultProps$9,
@@ -22676,12 +22739,13 @@ This message will only show in development mode. It won't appear in production.
         setCurData(data);
       }
     }, [data]);
-    const b2 = cn("table");
-    const classes = classNames({});
-    const cls = classNames(b2(), 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 {
@@ -22691,8 +22755,8 @@ This message will only show in development mode. It won't appear in production.
     };
     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) => {
@@ -22703,10 +22767,7 @@ This message will only show in development mode. It won't appear in production.
         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,
@@ -22729,7 +22790,7 @@ This message will only show in development mode. It won't appear in production.
           "span",
           {
             className: classNames(
-              "nut-table__main__body__tr__td",
+              `${bodyClassPrefix}__td`,
               cellClasses(getColumnItem(value))
             ),
             children: typeof item[value] === "function" || typeof render === "function" ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: render ? render(item) : item[value](item) }) : item[value]
@@ -22740,24 +22801,23 @@ This message will only show in development mode. It won't appear in production.
     };
     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$9;