@nutui/nutui-react-taro 2.0.0-alpha.13 → 2.0.0-alpha.15

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.13 Wed May 31 2023 15:00:24 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.0.0-alpha.15 Wed Jun 07 2023 16:24:05 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -1861,7 +1861,7 @@ var __publicField = (obj, key, value) => {
     style: {}
   };
   const prefixCls = "nut-button";
-  const defaultProps$1u = {
+  const defaultProps$1t = {
     ...ComponentDefaults,
     color: "",
     type: "default",
@@ -1893,7 +1893,7 @@ var __publicField = (obj, key, value) => {
         style,
         ...rest
       } = {
-        ...defaultProps$1u,
+        ...defaultProps$1t,
         ...props
       };
       const getStyle = React.useCallback(() => {
@@ -1948,7 +1948,7 @@ var __publicField = (obj, key, value) => {
     }
   );
   Button.displayName = "NutButton";
-  const defaultProps$1t = {
+  const defaultProps$1s = {
     ...ComponentDefaults,
     title: null,
     description: null,
@@ -1958,7 +1958,7 @@ var __publicField = (obj, key, value) => {
     onClick: (event) => {
     }
   };
-  const classPrefix$k = "nut-cell";
+  const classPrefix$n = "nut-cell";
   const Cell = (props) => {
     const {
       children,
@@ -1972,7 +1972,7 @@ var __publicField = (obj, key, value) => {
       style,
       ...rest
     } = {
-      ...defaultProps$1t,
+      ...defaultProps$1s,
       ...props
     };
     const handleClick = (event) => {
@@ -1989,44 +1989,44 @@ var __publicField = (obj, key, value) => {
     return /* @__PURE__ */ React.createElement(
       "div",
       {
-        className: classNames(classPrefix$k, className),
+        className: classNames(classPrefix$n, className),
         onClick: (event) => handleClick(event),
         style: baseStyle,
         ...rest
       },
-      children || /* @__PURE__ */ React.createElement(React.Fragment, null, title || description ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$k}__left` }, title ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$k}__title` }, title) : null, description ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$k}__description` }, description) : null) : null, extra ? /* @__PURE__ */ React.createElement(
+      children || /* @__PURE__ */ React.createElement(React.Fragment, null, title || description ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$n}__left` }, title ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$n}__title` }, title) : null, description ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$n}__description` }, description) : null) : null, extra ? /* @__PURE__ */ React.createElement(
         "div",
         {
-          className: `${classPrefix$k}__extra`,
+          className: `${classPrefix$n}__extra`,
           style: styles
         },
         extra
-      ) : null, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$k}__divider` }))
+      ) : null, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$n}__divider` }))
     );
   };
-  Cell.defaultProps = defaultProps$1t;
+  Cell.defaultProps = defaultProps$1s;
   Cell.displayName = "NutCell";
-  const defaultProps$1s = {
+  const defaultProps$1r = {
     ...ComponentDefaults,
     title: "",
     description: "",
     divider: true
   };
-  const classPrefix$j = "nut-cell-group";
+  const classPrefix$m = "nut-cell-group";
   const CellGroup = (props) => {
     const { children, className, style, title, description, divider, ...rest } = {
-      ...defaultProps$1s,
+      ...defaultProps$1r,
       ...props
     };
-    return /* @__PURE__ */ React.createElement("div", { className: classNames(classPrefix$j, className), ...rest }, title ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$j}__title` }, title) : null, description ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$j}__description` }, description) : null, /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ React.createElement("div", { className: classNames(classPrefix$m, className), ...rest }, title ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$m}__title` }, title) : null, description ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$m}__description` }, description) : null, /* @__PURE__ */ React.createElement(
       "div",
       {
-        className: `${classPrefix$j}__wrap ${divider ? `${classPrefix$j}__wrap--divider` : ""}`
+        className: `${classPrefix$m}__wrap ${divider ? `${classPrefix$m}__wrap--divider` : ""}`
       },
       children
     ));
   };
-  CellGroup.defaultProps = defaultProps$1s;
+  CellGroup.defaultProps = defaultProps$1r;
   CellGroup.displayName = "NutCellGroup";
   var INFINITY = 1 / 0;
   var symbolTag = "[object Symbol]";
@@ -2378,7 +2378,7 @@ var __publicField = (obj, key, value) => {
     },
     signature: {
       reSign: "重签",
-      unSupportTpl: "对不起，当前浏览器不支持Canvas，无法使用本控件！"
+      unsupported: "对不起，当前浏览器不支持Canvas，无法使用本控件！"
     },
     ecard: {
       chooseText: "请选择电子卡面值",
@@ -2441,7 +2441,7 @@ var __publicField = (obj, key, value) => {
       errorCanvasTips: "当前环境不支持Canvas"
     }
   };
-  const defaultProps$1r = {
+  const defaultProps$1q = {
     locale: zhCN
   };
   const defaultConfigRef$1 = {
@@ -2464,7 +2464,7 @@ var __publicField = (obj, key, value) => {
     return cssVars;
   }
   const ConfigProvider = (props) => {
-    const { children, ...config2 } = { ...defaultProps$1r, ...props };
+    const { children, ...config2 } = { ...defaultProps$1q, ...props };
     const parentConfig = useConfig$1();
     const theme = config2.theme || {};
     const style = React.useMemo(
@@ -2482,9 +2482,9 @@ var __publicField = (obj, key, value) => {
       /* @__PURE__ */ React.createElement("div", { style }, children)
     );
   };
-  ConfigProvider.defaultProps = defaultProps$1r;
+  ConfigProvider.defaultProps = defaultProps$1q;
   ConfigProvider.displayName = "NutConfigProvider";
-  const defaultProps$1q = {
+  const defaultProps$1p = {
     fit: "fill",
     position: "center",
     alt: "",
@@ -2515,7 +2515,7 @@ var __publicField = (obj, key, value) => {
       onClick,
       onLoad,
       onError
-    } = { ...defaultProps$1q, ...props };
+    } = { ...defaultProps$1p, ...props };
     const [loading, setLoading] = React.useState(true);
     const [isError, setIsError] = React.useState(false);
     React.useEffect(() => {
@@ -2574,7 +2574,7 @@ var __publicField = (obj, key, value) => {
       showError && isError && !loading ? /* @__PURE__ */ React.createElement("div", { className: "nut-img-error" }, slotError || children || /* @__PURE__ */ React.createElement(a$l, null)) : null
     );
   };
-  Image$1.defaultProps = defaultProps$1q;
+  Image$1.defaultProps = defaultProps$1p;
   Image$1.displayName = "NutImage";
   const defaultOverlayProps$1 = {
     ...ComponentDefaults,
@@ -2669,7 +2669,7 @@ var __publicField = (obj, key, value) => {
   Overlay$1.defaultProps = defaultOverlayProps$1;
   Overlay$1.displayName = "NutOverlay";
   const DataContext$1 = React.createContext({});
-  const defaultProps$1p = {
+  const defaultProps$1o = {
     ...ComponentDefaults,
     span: "24",
     offset: "0",
@@ -2677,7 +2677,7 @@ var __publicField = (obj, key, value) => {
   };
   const Col = (props) => {
     const { className, style, span, offset, children, onClick } = {
-      ...defaultProps$1p,
+      ...defaultProps$1o,
       ...props
     };
     const [colName, setColName] = React.useState("");
@@ -2709,32 +2709,32 @@ var __publicField = (obj, key, value) => {
       children
     );
   };
-  Col.defaultProps = defaultProps$1p;
+  Col.defaultProps = defaultProps$1o;
   Col.displayName = "NutCol";
-  const defaultProps$1o = {
+  const defaultProps$1n = {
     ...ComponentDefaults,
     contentPosition: "center",
     direction: "horizontal"
   };
-  const classPrefix$i = `nut-divider`;
+  const classPrefix$l = `nut-divider`;
   const Divider = (props) => {
     const { children, contentPosition, style, className, direction, ...rest } = {
-      ...defaultProps$1o,
+      ...defaultProps$1n,
       ...props
     };
     const classes = direction === "horizontal" ? classNames({
-      [`${classPrefix$i}`]: true,
-      [`${classPrefix$i}__center`]: children,
-      [`${classPrefix$i}__left`]: contentPosition === "left",
-      [`${classPrefix$i}__right`]: contentPosition === "right",
-      [`${classPrefix$i}__hairline`]: true
+      [`${classPrefix$l}`]: true,
+      [`${classPrefix$l}__center`]: children,
+      [`${classPrefix$l}__left`]: contentPosition === "left",
+      [`${classPrefix$l}__right`]: contentPosition === "right",
+      [`${classPrefix$l}__hairline`]: true
     }) : classNames({
-      [`${classPrefix$i}`]: true,
-      [`${classPrefix$i}__vertical`]: direction === "vertical"
+      [`${classPrefix$l}`]: true,
+      [`${classPrefix$l}__vertical`]: direction === "vertical"
     });
     return /* @__PURE__ */ React.createElement("div", { className: `${classes} ${className || ""}`, style, ...rest }, children);
   };
-  Divider.defaultProps = defaultProps$1o;
+  Divider.defaultProps = defaultProps$1n;
   Divider.displayName = "NutDivider";
   const gridContext = {
     onClick: (item, index) => {
@@ -2744,7 +2744,7 @@ var __publicField = (obj, key, value) => {
   const pxCheck = (value) => {
     return Number.isNaN(Number(value)) ? String(value) : `${value}px`;
   };
-  const defaultProps$1n = {
+  const defaultProps$1m = {
     text: "",
     columns: 4,
     gap: 0,
@@ -2770,7 +2770,7 @@ var __publicField = (obj, key, value) => {
       onClick,
       ...rest
     } = {
-      ...defaultProps$1n,
+      ...defaultProps$1m,
       ...props
     };
     const classPrefix2 = "nut-grid-item";
@@ -2828,9 +2828,9 @@ var __publicField = (obj, key, value) => {
       /* @__PURE__ */ React.createElement("div", { className: contentClass() }, children && /* @__PURE__ */ React.createElement(React.Fragment, null, children), text && /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__text` }, text))
     );
   };
-  GridItem.defaultProps = defaultProps$1n;
+  GridItem.defaultProps = defaultProps$1m;
   GridItem.displayName = "NutGridItem";
-  const defaultProps$1m = {
+  const defaultProps$1l = {
     columns: 4,
     gap: 0,
     center: true,
@@ -2851,7 +2851,7 @@ var __publicField = (obj, key, value) => {
       className,
       onClick,
       ...rest
-    } = { ...defaultProps$1m, ...props };
+    } = { ...defaultProps$1l, ...props };
     const childrenDom = React.Children.toArray(children);
     const classPrefix2 = "nut-grid";
     const rootClass = () => {
@@ -2881,18 +2881,18 @@ var __publicField = (obj, key, value) => {
       });
     })));
   };
-  Grid.defaultProps = defaultProps$1m;
+  Grid.defaultProps = defaultProps$1l;
   Grid.displayName = "NutGrid";
   Grid.Item = GridItem;
-  const defaultProps$1l = {};
+  const defaultProps$1k = {};
   const Layout = (props) => {
-    ({ ...defaultProps$1l, ...props });
+    ({ ...defaultProps$1k, ...props });
     return /* @__PURE__ */ React.createElement("div", { className: "nut-layout" }, "Layout");
   };
-  Layout.defaultProps = defaultProps$1l;
+  Layout.defaultProps = defaultProps$1k;
   Layout.displayName = "NutLayout";
-  const classPrefix$h = "nut-row";
-  const defaultProps$1k = {
+  const classPrefix$k = "nut-row";
+  const defaultProps$1j = {
     ...ComponentDefaults,
     type: "",
     justify: "start",
@@ -2912,7 +2912,7 @@ var __publicField = (obj, key, value) => {
       gutter,
       onClick
     } = {
-      ...defaultProps$1k,
+      ...defaultProps$1j,
       ...props
     };
     const getClass = (prefix, type2) => {
@@ -2926,7 +2926,7 @@ var __publicField = (obj, key, value) => {
     ${getClass("justify", justify)}
     ${getClass("align", align)}
     ${getClass("flex", wrap)}
-    ${classPrefix$h}
+    ${classPrefix$k}
    `;
     };
     const parentRow = {
@@ -2944,7 +2944,7 @@ var __publicField = (obj, key, value) => {
       children
     ));
   };
-  Row.defaultProps = defaultProps$1k;
+  Row.defaultProps = defaultProps$1j;
   Row.displayName = "NutRow";
   function useWatch(dep, callback, config2 = { immediate: false }) {
     const { immediate } = config2;
@@ -2969,6 +2969,35 @@ var __publicField = (obj, key, value) => {
       stop.current = true;
     };
   }
+  function isWindow(val) {
+    return val === window;
+  }
+  const getRect = (elementRef) => {
+    const element = elementRef;
+    if (isWindow(element)) {
+      const width = element.innerWidth;
+      const height = element.innerHeight;
+      return {
+        top: 0,
+        left: 0,
+        right: width,
+        bottom: height,
+        width,
+        height
+      };
+    }
+    if (element && element.getBoundingClientRect) {
+      return element.getBoundingClientRect();
+    }
+    return {
+      top: 0,
+      left: 0,
+      right: 0,
+      bottom: 0,
+      width: 0,
+      height: 0
+    };
+  };
   const getRectByTaro = async (element) => {
     if (element) {
       const res = await element.getBoundingClientRect();
@@ -2997,12 +3026,12 @@ var __publicField = (obj, key, value) => {
     }
     return root2;
   }
-  const defaultProps$1j = {
+  const defaultProps$1i = {
     ...ComponentDefaults,
     position: "top",
     zIndex: 2e3
   };
-  const classPrefix$g = "nut-sticky";
+  const classPrefix$j = "nut-sticky";
   const Sticky = (props) => {
     const {
       position,
@@ -3014,7 +3043,7 @@ var __publicField = (obj, key, value) => {
       className,
       onChange,
       ...rest
-    } = { ...defaultProps$1j, ...props };
+    } = { ...defaultProps$1i, ...props };
     const stickyRef = React.useRef(null);
     const rootRef = React.useRef(null);
     const [rootRect, setRootRect] = React.useState({});
@@ -3078,7 +3107,7 @@ var __publicField = (obj, key, value) => {
           setFixed(windowHeight - threshold < curRootRect.bottom);
         }
       } else {
-        console.log("getRectByTaro获取失败", { stickyRect, curRootRect });
+        console.warn("getRectByTaro获取失败", { stickyRect, curRootRect });
       }
     };
     const getElement = React.useCallback(() => {
@@ -3104,7 +3133,7 @@ var __publicField = (obj, key, value) => {
       {
         ref: rootRef,
         style: rootStyle,
-        className: classNames(classPrefix$g, className),
+        className: classNames(classPrefix$j, className),
         ...rest
       },
       /* @__PURE__ */ React.createElement(
@@ -3120,9 +3149,9 @@ var __publicField = (obj, key, value) => {
       )
     );
   };
-  Sticky.defaultProps = defaultProps$1j;
+  Sticky.defaultProps = defaultProps$1i;
   Sticky.displayName = "NutSticky";
-  const defaultProps$1i = {
+  const defaultProps$1h = {
     ...ComponentDefaults,
     threshold: 200,
     zIndex: 10,
@@ -3130,7 +3159,7 @@ var __publicField = (obj, key, value) => {
   };
   const BackTop = (props) => {
     const { children, threshold, zIndex, className, duration, style, onClick } = {
-      ...defaultProps$1i,
+      ...defaultProps$1h,
       ...props
     };
     const classPrefix2 = "nut-backtop";
@@ -3168,10 +3197,10 @@ var __publicField = (obj, key, value) => {
       children || /* @__PURE__ */ React.createElement(a$2, { width: 19, height: 19, className: "nut-backtop-main" })
     );
   };
-  BackTop.defaultProps = defaultProps$1i;
+  BackTop.defaultProps = defaultProps$1h;
   BackTop.displayName = "NutBackTop";
   const elevatorContext = React.createContext({});
-  const defaultProps$1h = {
+  const defaultProps$1g = {
     ...ComponentDefaults,
     height: "200px",
     floorKey: "title",
@@ -3198,7 +3227,7 @@ var __publicField = (obj, key, value) => {
       children,
       ...rest
     } = {
-      ...defaultProps$1h,
+      ...defaultProps$1g,
       ...props
     };
     const classPrefix2 = "nut-elevator";
@@ -3410,10 +3439,10 @@ var __publicField = (obj, key, value) => {
       })
     ))) : null, sticky && scrollY > 0 ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__list__fixed` }, /* @__PURE__ */ React.createElement("span", { className: `${classPrefix2}__list__fixed__title` }, list[currentIndex][floorKey])) : null);
   };
-  Elevator.defaultProps = defaultProps$1h;
+  Elevator.defaultProps = defaultProps$1g;
   Elevator.displayName = "NutElevator";
   Elevator.Context = elevatorContext;
-  const defaultProps$1g = {
+  const defaultProps$1f = {
     ...ComponentDefaults,
     activeText: "",
     inactiveText: "",
@@ -3441,7 +3470,7 @@ var __publicField = (obj, key, value) => {
       content,
       ...rest
     } = {
-      ...defaultProps$1g,
+      ...defaultProps$1f,
       ...props
     };
     const classPrefix2 = "nut-fixednav";
@@ -3493,9 +3522,9 @@ var __publicField = (obj, key, value) => {
       /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__btn`, onClick: () => onUpdateValue() }, content || /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(a$i, { color: "#fff" }), /* @__PURE__ */ React.createElement("div", { className: "text" }, visible ? activeText || locale.fixednav.activeText : inactiveText || locale.fixednav.inactiveText)))
     );
   };
-  FixedNav.defaultProps = defaultProps$1g;
+  FixedNav.defaultProps = defaultProps$1f;
   FixedNav.displayName = "NutFixedNav";
-  const defaultProps$1f = {
+  const defaultProps$1e = {
     ...ComponentDefaults,
     left: "",
     right: "",
@@ -3518,7 +3547,7 @@ var __publicField = (obj, key, value) => {
       zIndex,
       onClickBack
     } = {
-      ...defaultProps$1f,
+      ...defaultProps$1e,
       ...props
     };
     const classPrefix2 = "nut-navbar";
@@ -3555,7 +3584,7 @@ var __publicField = (obj, key, value) => {
     const cls = classNames(classPrefix2, classes, className);
     return /* @__PURE__ */ React.createElement(React.Fragment, null, fixed && placeholder ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}--placeholder` }, renderWrapper()) : renderWrapper());
   };
-  NavBar.defaultProps = defaultProps$1f;
+  NavBar.defaultProps = defaultProps$1e;
   NavBar.displayName = "NutNavBar";
   function _extends() {
     _extends = Object.assign ? Object.assign.bind() : function(target) {
@@ -5298,7 +5327,7 @@ var __publicField = (obj, key, value) => {
     onExited: propTypesExports.func
   }) : {};
   const CSSTransition$1 = CSSTransition;
-  const defaultProps$1e = {
+  const defaultProps$1d = {
     ...ComponentDefaults,
     position: "center",
     transition: "",
@@ -5480,15 +5509,16 @@ var __publicField = (obj, key, value) => {
     }, [position, transition]);
     return /* @__PURE__ */ React.createElement(React.Fragment, null, renderToContainer(portal, renderNode()));
   };
-  Popup.defaultProps = defaultProps$1e;
+  Popup.defaultProps = defaultProps$1d;
   Popup.displayName = "NutPopup";
   const OffsetContext = React.createContext(20);
-  const defaultProps$1d = {
-    showhead: false,
+  const defaultProps$1c = {
+    ...ComponentDefaults,
     position: "left",
     width: "80%"
   };
   const SideNavBar = (props) => {
+    const classPrefix2 = "nut-sidenavbar";
     const {
       title,
       visible,
@@ -5496,14 +5526,13 @@ var __publicField = (obj, key, value) => {
       position,
       children,
       className,
-      showhead,
       onClose,
       ...rest
     } = {
-      ...defaultProps$1d,
+      ...defaultProps$1c,
       ...props
     };
-    const offset = props.offset ? Number(props.offset) : 20;
+    const indent = props.indent ? Number(props.indent) : 20;
     const [sidenavbarShow, setSidenavbarShow] = React.useState(true);
     const handleClick = () => {
       setSidenavbarShow(!sidenavbarShow);
@@ -5516,61 +5545,56 @@ var __publicField = (obj, key, value) => {
         position,
         onClose
       },
-      /* @__PURE__ */ React.createElement(
+      /* @__PURE__ */ React.createElement("div", { className: classNames(className, classPrefix2), ...rest }, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__content` }, /* @__PURE__ */ React.createElement(
         "div",
         {
-          className: className ? `${className} nut-sidenavbar` : "nut-sidenavbar",
-          ...rest
+          className: `${classPrefix2}__list ${sidenavbarShow ? "sidenavbar-show" : "sidenavbar-hide"}`,
+          onClick: handleClick
         },
-        /* @__PURE__ */ React.createElement("div", { className: "nut-sidenavbar__content" }, /* @__PURE__ */ React.createElement(
+        /* @__PURE__ */ React.createElement(
           "div",
           {
-            className: `nut-sidenavbar__list ${sidenavbarShow ? "nutShow" : "nutHide"}`,
-            onClick: handleClick
+            className: `${classPrefix2}__title ${classPrefix2}-border-bt`,
+            style: { paddingLeft: `${indent}px` }
           },
+          title,
           /* @__PURE__ */ React.createElement(
-            "div",
+            "i",
             {
-              className: "nut-sidenavbar__title border-bt ",
-              style: { paddingLeft: `${offset}px` }
-            },
-            title,
-            /* @__PURE__ */ React.createElement(
-              "i",
-              {
-                className: `arrow-icon ${sidenavbarShow ? "arrow-up" : "arrow-down"}`
-              }
-            )
-          ),
-          /* @__PURE__ */ React.createElement(OffsetContext.Provider, { value: offset }, /* @__PURE__ */ React.createElement("div", { className: "nut-sidenavbar__content" }, children))
-        ))
-      )
+              className: `arrow-icon ${sidenavbarShow ? "arrow-up" : "arrow-down"}`
+            }
+          )
+        ),
+        /* @__PURE__ */ React.createElement(OffsetContext.Provider, { value: indent }, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__content` }, children))
+      )))
     );
   };
-  SideNavBar.defaultProps = defaultProps$1d;
+  SideNavBar.defaultProps = defaultProps$1c;
   SideNavBar.displayName = "NutSideNavBar";
   const SideNavBarItem = (props) => {
-    const { title, key, children, onClick, ...rest } = props;
+    const classPrefix2 = "nut-subsidenavbar";
+    const { title, value, children, onClick, ...rest } = props;
     const clickFn = (e) => {
       e.stopPropagation();
-      onClick && onClick({ title, key });
+      onClick && onClick({ title, value });
     };
     return /* @__PURE__ */ React.createElement(
       "div",
       {
-        className: "nut-subsidenavbar__item border-bt",
+        className: `${classPrefix2}__item ${classPrefix2}-border-bt`,
         onClick: clickFn,
         ...rest
       },
       title
     );
   };
-  const defaultProps$1c = {
+  const defaultProps$1b = {
     open: true
   };
   const SubSideNavBar = (props) => {
-    const { title, key, children, onClick, open, ...rest } = {
-      ...defaultProps$1c,
+    const classPrefix2 = "nut-subsidenavbar";
+    const { title, value, children, onClick, open, ...rest } = {
+      ...defaultProps$1b,
       ...props
     };
     const [subShow, setSubShow] = React.useState(open);
@@ -5579,7 +5603,7 @@ var __publicField = (obj, key, value) => {
     const setListLevel = React.useCallback(
       (nodeList, level = 1) => {
         const titleClass = nodeList[0].className;
-        if (titleClass.includes("nut-subsidenavbar__title")) {
+        if (titleClass.includes(`${classPrefix2}__title`)) {
           const left = offset * (level + 1);
           nodeList[0].style.paddingLeft = `${left}px`;
         }
@@ -5588,11 +5612,11 @@ var __publicField = (obj, key, value) => {
         );
         childNodes.forEach((item) => {
           const itemClass = item.className;
-          if (itemClass.includes("nut-subsidenavbar__item")) {
+          if (itemClass.includes(`${classPrefix2}__item`)) {
             const left = offset * (level + 2);
             item.style.paddingLeft = `${left}px`;
           }
-          if (itemClass.includes("nut-subsidenavbar__list")) {
+          if (itemClass.includes(`${classPrefix2}__list`)) {
             let level2 = item.getAttribute("level") ? Number(item.getAttribute("level")) : 1;
             level2 += 1;
             item.setAttribute("level", level2.toString());
@@ -5606,7 +5630,7 @@ var __publicField = (obj, key, value) => {
       e.stopPropagation();
       setSubShow(!subShow);
       const isShow = !subShow;
-      onClick && onClick({ title, key, isShow });
+      onClick && onClick({ title, value, isShow });
     };
     React.useEffect(() => {
       var _a, _b;
@@ -5614,9 +5638,9 @@ var __publicField = (obj, key, value) => {
       (_b = listRef.current) == null ? void 0 : _b.setAttribute("level", "1");
       childNodes && setListLevel(childNodes);
     }, [setListLevel]);
-    const divClass = subShow ? "nut-subsidenavbar__list  nutShow" : "nut-subsidenavbar__list  nutHide";
+    const divClass = subShow ? `${classPrefix2}__list sidenavbar-show` : `${classPrefix2}__list sidenavbar-hide`;
     const iconClass = subShow ? "arrow-icon arrow-down" : "arrow-icon arrow-up";
-    return /* @__PURE__ */ React.createElement("div", { className: divClass, ref: listRef, onClick: clickFn, ...rest }, /* @__PURE__ */ React.createElement("div", { className: "nut-subsidenavbar__title border-bt" }, title, " ", /* @__PURE__ */ React.createElement("i", { className: iconClass })), /* @__PURE__ */ React.createElement("div", { className: "nut-subsidenavbar__content" }, children));
+    return /* @__PURE__ */ React.createElement("div", { className: divClass, ref: listRef, onClick: clickFn, ...rest }, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__title ${classPrefix2}-border-bt` }, title, " ", /* @__PURE__ */ React.createElement("i", { className: iconClass })), /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__content` }, children));
   };
   function usePropsValue({
     value,
@@ -5637,7 +5661,7 @@ var __publicField = (obj, key, value) => {
     }
     return [uncontrolled, handleUncontrolledChange];
   }
-  const defaultProps$1b = {
+  const defaultProps$1a = {
     ...ComponentDefaults,
     value: "",
     dot: false,
@@ -5648,7 +5672,7 @@ var __publicField = (obj, key, value) => {
   };
   const Badge = (props) => {
     const { className, style, value, max, children, dot, top, right, color } = {
-      ...defaultProps$1b,
+      ...defaultProps$1a,
       ...props
     };
     const classPrefix2 = "nut-badge";
@@ -5675,9 +5699,9 @@ var __publicField = (obj, key, value) => {
     };
     return /* @__PURE__ */ React.createElement("div", { className: classes, style }, typeof value === "object" && value && /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__icon` }, value), /* @__PURE__ */ React.createElement("div", null, children), /* @__PURE__ */ React.createElement("div", { className: contentClasses, style: getStyle() }, content()));
   };
-  Badge.defaultProps = defaultProps$1b;
+  Badge.defaultProps = defaultProps$1a;
   Badge.displayName = "NutBadge";
-  const defaultProps$1a = {
+  const defaultProps$19 = {
     ...ComponentDefaults,
     title: "",
     icon: null,
@@ -5699,7 +5723,7 @@ var __publicField = (obj, key, value) => {
       handleClick,
       ...rest
     } = {
-      ...defaultProps$1a,
+      ...defaultProps$19,
       ...props
     };
     const classPrefix2 = "nut-tabbar-item";
@@ -5723,7 +5747,7 @@ var __publicField = (obj, key, value) => {
       icon ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Badge, { ...rest }, /* @__PURE__ */ React.createElement("div", { className: boxPrefix }, icon)), /* @__PURE__ */ React.createElement("div", { className: titleClass }, title)) : /* @__PURE__ */ React.createElement(Badge, { ...rest }, /* @__PURE__ */ React.createElement("div", { className: titleClass }, title))
     );
   };
-  const defaultProps$19 = {
+  const defaultProps$18 = {
     ...ComponentDefaults,
     defaultValue: 0,
     fixed: false,
@@ -5746,7 +5770,7 @@ var __publicField = (obj, key, value) => {
       style,
       onSwitch
     } = {
-      ...defaultProps$19,
+      ...defaultProps$18,
       ...props
     };
     const classPrefix2 = "nut-tabbar";
@@ -5781,17 +5805,17 @@ var __publicField = (obj, key, value) => {
       (fixed || safeArea) && /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__safe-area` })
     );
   };
-  Tabbar.defaultProps = defaultProps$19;
+  Tabbar.defaultProps = defaultProps$18;
   Tabbar.displayName = "NutTabbar";
   Tabbar.Item = TabbarItem;
-  const defaultProps$18 = {
+  const defaultProps$17 = {
     title: "",
     value: "",
     disabled: false
   };
   const TabPane = (props) => {
     const { children, autoHeightClassName, className, disabled } = {
-      ...defaultProps$18,
+      ...defaultProps$17,
       ...props
     };
     const classPrefix2 = "nut-tabpane";
@@ -5809,7 +5833,7 @@ var __publicField = (obj, key, value) => {
     const [, updateState] = React.useState();
     return React.useCallback(() => updateState({}), []);
   }
-  const defaultProps$17 = {
+  const defaultProps$16 = {
     ...ComponentDefaults,
     tabStyle: {},
     activeColor: "",
@@ -5818,7 +5842,7 @@ var __publicField = (obj, key, value) => {
     duration: 300,
     autoHeight: false
   };
-  const classPrefix$f = "nut-tabs";
+  const classPrefix$i = "nut-tabs";
   const Tabs = (props) => {
     const {
       activeColor,
@@ -5835,7 +5859,7 @@ var __publicField = (obj, key, value) => {
       autoHeight,
       ...rest
     } = {
-      ...defaultProps$17,
+      ...defaultProps$16,
       ...props
     };
     const [value, setValue] = usePropsValue({
@@ -5880,14 +5904,14 @@ var __publicField = (obj, key, value) => {
       }
     }, [children]);
     const classes = classNames(
-      classPrefix$f,
-      `${classPrefix$f}--${direction}`,
+      classPrefix$i,
+      `${classPrefix$i}--${direction}`,
       className
     );
-    const classesTitle = classNames(`${classPrefix$f}__titles`, {
-      [`${classPrefix$f}__titles--${activeType}`]: activeType,
-      [`${classPrefix$f}__titles--scrollable`]: true,
-      [`${classPrefix$f}__titles--${align}`]: align
+    const classesTitle = classNames(`${classPrefix$i}__titles`, {
+      [`${classPrefix$i}__titles--${activeType}`]: activeType,
+      [`${classPrefix$i}__titles--scrollable`]: true,
+      [`${classPrefix$i}__titles--${align}`]: align
     });
     const tabsActiveStyle = {
       color: activeType === "smile" ? activeColor : "",
@@ -5933,7 +5957,7 @@ var __publicField = (obj, key, value) => {
             onClick: (e) => {
               tabChange(item);
             },
-            className: classNames(`${classPrefix$f}__titles-item`, {
+            className: classNames(`${classPrefix$i}__titles-item`, {
               [`nut-tabs__titles-item--active`]: !item.disabled && String(item.value) === String(value),
               [`nut-tabs__titles-item--disabled`]: item.disabled,
               [`nut-tabs__titles-item--${align}`]: align
@@ -5943,14 +5967,14 @@ var __publicField = (obj, key, value) => {
           activeType === "line" && /* @__PURE__ */ React.createElement(
             components.View,
             {
-              className: `${classPrefix$f}__titles-item__line`,
+              className: `${classPrefix$i}__titles-item__line`,
               style: tabsActiveStyle
             }
           ),
           activeType === "smile" && /* @__PURE__ */ React.createElement(
             components.View,
             {
-              className: `${classPrefix$f}__titles-item__smile`,
+              className: `${classPrefix$i}__titles-item__smile`,
               style: tabsActiveStyle
             },
             /* @__PURE__ */ React.createElement(a$j, { color: activeColor, width: 40, height: 20 })
@@ -5962,14 +5986,14 @@ var __publicField = (obj, key, value) => {
                 {
                   ellipsis: true
                 },
-                `${classPrefix$f}__titles-item__text`
+                `${classPrefix$i}__titles-item__text`
               )
             },
             item.title
           )
         );
       })
-    ), /* @__PURE__ */ React.createElement(components.View, { className: `${classPrefix$f}__content__wrap` }, /* @__PURE__ */ React.createElement(components.View, { className: `${classPrefix$f}__content`, style: contentStyle }, React.Children.map(children, (child, idx) => {
+    ), /* @__PURE__ */ React.createElement(components.View, { className: `${classPrefix$i}__content__wrap` }, /* @__PURE__ */ React.createElement(components.View, { className: `${classPrefix$i}__content`, style: contentStyle }, React.Children.map(children, (child, idx) => {
       if (!React.isValidElement(child)) {
         return null;
       }
@@ -5986,7 +6010,7 @@ var __publicField = (obj, key, value) => {
       return React.cloneElement(child, childProps);
     }))));
   };
-  Tabs.defaultProps = defaultProps$17;
+  Tabs.defaultProps = defaultProps$16;
   Tabs.displayName = "NutTabs";
   Tabs.TabPane = TabPane;
   var classnameExports = {};
@@ -6121,7 +6145,7 @@ var __publicField = (obj, key, value) => {
   const useConfig = () => {
     return React.useContext(ConfigContext) ?? getDefaultConfig();
   };
-  const defaultProps$16 = {
+  const defaultProps$15 = {
     type: "custom",
     existAddress: [],
     defaultIcon: null,
@@ -6143,7 +6167,7 @@ var __publicField = (obj, key, value) => {
       onClose,
       onSwitchModule,
       ...rest
-    } = { ...defaultProps$16, ...props };
+    } = { ...defaultProps$15, ...props };
     const b2 = cn("address");
     const selectedExist = (item) => {
       const copyExistAdd = existAddress;
@@ -6173,7 +6197,7 @@ var __publicField = (obj, key, value) => {
       return /* @__PURE__ */ React.createElement("li", { className: b2("exist-item"), key: index }, /* @__PURE__ */ React.createElement("div", { onClick: () => selectedExist(item) }, item.selectedAddress ? selectedIcon : defaultIcon, /* @__PURE__ */ React.createElement("div", { className: b2("exist-item-info") }, item.name && item.phone && /* @__PURE__ */ React.createElement("div", { className: "exist-item-info-top" }, /* @__PURE__ */ React.createElement("div", { className: "exist-item-info-name" }, item.name), /* @__PURE__ */ React.createElement("div", { className: "exist-item-info-phone" }, item.phone)), /* @__PURE__ */ React.createElement("div", { className: "exist-item-info-bottom" }, /* @__PURE__ */ React.createElement("div", null, item.provinceName + item.cityName + item.countyName + item.townName + item.addressDetail)))));
     }))), isShowCustomAddress && /* @__PURE__ */ React.createElement("div", { className: b2("choose-other"), onClick: onSwitch }, /* @__PURE__ */ React.createElement("div", { className: b2("choose-other-btn") }, customAndExistTitle || locale.address.chooseAnotherAddress)));
   };
-  const defaultProps$15 = {
+  const defaultProps$14 = {
     modelValue: [],
     type: "custom",
     province: [],
@@ -6198,7 +6222,7 @@ var __publicField = (obj, key, value) => {
       onClose,
       ...rest
     } = {
-      ...defaultProps$15,
+      ...defaultProps$14,
       ...props
     };
     const b2 = cn("address");
@@ -6362,28 +6386,28 @@ var __publicField = (obj, key, value) => {
       nextAreaList(item);
     };
     React.useEffect(() => {
-      const { province: province2 } = { ...defaultProps$15, ...props };
+      const { province: province2 } = { ...defaultProps$14, ...props };
       setRegionList({
         ...regionList,
         province: isCustom2() ? transformData(province2) : province2
       });
     }, [province]);
     React.useEffect(() => {
-      const { city: city2 } = { ...defaultProps$15, ...props };
+      const { city: city2 } = { ...defaultProps$14, ...props };
       setRegionList({
         ...regionList,
         city: isCustom2() ? transformData(city2) : city2
       });
     }, [city]);
     React.useEffect(() => {
-      const { country: country2 } = { ...defaultProps$15, ...props };
+      const { country: country2 } = { ...defaultProps$14, ...props };
       setRegionList({
         ...regionList,
         country: isCustom2() ? transformData(country2) : country2
       });
     }, [country]);
     React.useEffect(() => {
-      const { town: town2 } = { ...defaultProps$15, ...props };
+      const { town: town2 } = { ...defaultProps$14, ...props };
       setRegionList({
         ...regionList,
         town: isCustom2() ? transformData(town2) : town2
@@ -6447,7 +6471,7 @@ var __publicField = (obj, key, value) => {
       }
     )));
   };
-  const defaultProps$14 = {
+  const defaultProps$13 = {
     ...ComponentDefaults,
     modelValue: false,
     modelSelect: [],
@@ -6498,7 +6522,7 @@ var __publicField = (obj, key, value) => {
       className,
       ...rest
     } = {
-      ...defaultProps$14,
+      ...defaultProps$13,
       ...props
     };
     const b2 = cn("address");
@@ -6650,7 +6674,7 @@ var __publicField = (obj, key, value) => {
       )
     ));
   };
-  Address.defaultProps = defaultProps$14;
+  Address.defaultProps = defaultProps$13;
   Address.displayName = "NutAddress";
   const Utils = {
     /**
@@ -6783,7 +6807,7 @@ var __publicField = (obj, key, value) => {
     }
   }
   const requestAniFrame$1 = requestAniFrame();
-  const defaultProps$13 = {
+  const defaultProps$12 = {
     type: "one",
     isAutoBackFill: false,
     poppable: true,
@@ -6835,7 +6859,7 @@ var __publicField = (obj, key, value) => {
       onUpdate,
       onSelected,
       onYearMonthChange
-    } = { ...defaultProps$13, ...props };
+    } = { ...defaultProps$12, ...props };
     const weeks = locale.calendaritem.weekdays;
     const [yearMonthTitle, setYearMonthTitle] = React.useState("");
     const [monthsData, setMonthsData] = React.useState([]);
@@ -7426,9 +7450,9 @@ var __publicField = (obj, key, value) => {
       ))
     ), poppable && !isAutoBackFill ? /* @__PURE__ */ React.createElement("div", { className: "nut-calendar-footer" }, /* @__PURE__ */ React.createElement("div", { className: "calendar-confirm-btn", onClick: confirm }, confirmText || locale.confirm)) : ""));
   });
-  CalendarItem.defaultProps = defaultProps$13;
+  CalendarItem.defaultProps = defaultProps$12;
   CalendarItem.displayName = "NutCalendarItem";
-  const defaultProps$12 = {
+  const defaultProps$11 = {
     type: "one",
     isAutoBackFill: false,
     poppable: true,
@@ -7484,7 +7508,7 @@ var __publicField = (obj, key, value) => {
       onChoose,
       onSelected,
       onYearMonthChange
-    } = { ...defaultProps$12, ...props };
+    } = { ...defaultProps$11, ...props };
     const calendarRef = React.useRef(null);
     const close = () => {
       onClose && onClose();
@@ -7554,9 +7578,9 @@ var __publicField = (obj, key, value) => {
       renderItem()
     ) : renderItem());
   });
-  Calendar.defaultProps = defaultProps$12;
+  Calendar.defaultProps = defaultProps$11;
   Calendar.displayName = "NutCalendar";
-  const defaultProps$11 = {
+  const defaultProps$10 = {
     data: {
       text: "",
       value: "",
@@ -7573,7 +7597,7 @@ var __publicField = (obj, key, value) => {
   };
   const InternalCascaderItem = (props, ref) => {
     const { data, checked, activeIcon, chooseItem, activeColor } = {
-      ...defaultProps$11,
+      ...defaultProps$10,
       ...props
     };
     const classPrefix2 = "nut-cascader-item";
@@ -7615,7 +7639,7 @@ var __publicField = (obj, key, value) => {
     );
   };
   const CascaderItem = React.forwardRef(InternalCascaderItem);
-  CascaderItem.defaultProps = defaultProps$11;
+  CascaderItem.defaultProps = defaultProps$10;
   CascaderItem.displayName = "NutCascaderItem";
   const formatTree = (tree, parent, config2) => tree.map((node) => {
     const {
@@ -7753,7 +7777,7 @@ var __publicField = (obj, key, value) => {
     }
   }
   const Tree$1 = Tree;
-  const defaultProps$10 = {
+  const defaultProps$$ = {
     ...ComponentDefaults,
     activeColor: "",
     activeIcon: "checklist",
@@ -7796,7 +7820,7 @@ var __publicField = (obj, key, value) => {
       onClose,
       onChange,
       onPathChange
-    } = { ...defaultProps$10, ...props };
+    } = { ...defaultProps$$, ...props };
     const [tabvalue, setTabvalue] = React.useState("c1");
     const [optionsData, setOptionsData] = React.useState([]);
     const isLazy = () => state.configs.lazy && Boolean(state.configs.onLoad);
@@ -8058,11 +8082,11 @@ var __publicField = (obj, key, value) => {
     ) : renderItem());
   };
   const Cascader = React.forwardRef(InternalCascader);
-  Cascader.defaultProps = defaultProps$10;
+  Cascader.defaultProps = defaultProps$$;
   Cascader.displayName = "NutCascader";
   const CheckboxGroupContext = React.createContext(null);
   const Context = CheckboxGroupContext;
-  const defaultProps$$ = {
+  const defaultProps$_ = {
     max: void 0,
     labelPosition: "right",
     direction: "vertical",
@@ -8070,10 +8094,10 @@ var __publicField = (obj, key, value) => {
     },
     options: []
   };
-  const classPrefix$e = "nut-checkboxgroup";
+  const classPrefix$h = "nut-checkboxgroup";
   const CheckboxGroup = React.forwardRef(
     (props, ref) => {
-      const { children } = { ...defaultProps$$, ...props };
+      const { children } = { ...defaultProps$_, ...props };
       const {
         className,
         disabled,
@@ -8152,7 +8176,7 @@ var __publicField = (obj, key, value) => {
         /* @__PURE__ */ React.createElement(
           "div",
           {
-            className: classNames(classPrefix$e, className, {
+            className: classNames(classPrefix$h, className, {
               [`nut-checkboxgroup--${props.direction}`]: props.direction
             }),
             ...rest
@@ -8162,9 +8186,9 @@ var __publicField = (obj, key, value) => {
       );
     }
   );
-  CheckboxGroup.defaultProps = defaultProps$$;
+  CheckboxGroup.defaultProps = defaultProps$_;
   CheckboxGroup.displayName = "NutCheckboxGroup";
-  const defaultProps$_ = {
+  const defaultProps$Z = {
     ...ComponentDefaults,
     disabled: false,
     labelPosition: "right",
@@ -8174,10 +8198,10 @@ var __publicField = (obj, key, value) => {
     onChange: (value) => {
     }
   };
-  const classPrefix$d = "nut-checkbox";
+  const classPrefix$g = "nut-checkbox";
   const Checkbox = (props) => {
     const { children } = {
-      ...defaultProps$_,
+      ...defaultProps$Z,
       ...props
     };
     const {
@@ -8236,22 +8260,22 @@ var __publicField = (obj, key, value) => {
     };
     const color = () => {
       if (innerDisabled) {
-        return `${classPrefix$d}__icon--disable`;
+        return `${classPrefix$g}__icon--disable`;
       }
       if (innerChecked) {
         if (innerIndeterminate) {
-          return `${classPrefix$d}__icon--indeterminate`;
+          return `${classPrefix$g}__icon--indeterminate`;
         }
-        return `${classPrefix$d}__icon`;
+        return `${classPrefix$g}__icon`;
       }
-      return `${classPrefix$d}__icon--unchecked`;
+      return `${classPrefix$g}__icon--unchecked`;
     };
     const renderLabel = () => {
       return /* @__PURE__ */ React.createElement(
         "span",
         {
-          className: classNames(`${classPrefix$d}__label `, {
-            [`${classPrefix$d}__label--disabled`]: innerDisabled
+          className: classNames(`${classPrefix$g}__label `, {
+            [`${classPrefix$g}__label--disabled`]: innerDisabled
           })
         },
         children || label
@@ -8270,8 +8294,8 @@ var __publicField = (obj, key, value) => {
     return /* @__PURE__ */ React.createElement(
       "div",
       {
-        className: classNames(classPrefix$d, className, {
-          [`${classPrefix$d}--reverse`]: labelPosition === "left"
+        className: classNames(classPrefix$g, className, {
+          [`${classPrefix$g}--reverse`]: labelPosition === "left"
         }),
         ...rest,
         onClick: handleClick
@@ -8280,7 +8304,7 @@ var __publicField = (obj, key, value) => {
       renderLabel()
     );
   };
-  Checkbox.defaultProps = defaultProps$_;
+  Checkbox.defaultProps = defaultProps$Z;
   Checkbox.displayName = "NutCheckBox";
   Checkbox.Group = CheckboxGroup;
   const MIN_DISTANCE = 10;
@@ -8607,7 +8631,7 @@ var __publicField = (obj, key, value) => {
     }, []);
     return [refs.current, setRefs, reset];
   }
-  const defaultProps$Z = {
+  const defaultProps$Y = {
     ...ComponentDefaults,
     visible: false,
     title: "",
@@ -8620,6 +8644,7 @@ var __publicField = (obj, key, value) => {
   const InternalPicker = (props, ref) => {
     const { locale } = useConfig$1();
     const {
+      children,
       visible,
       title,
       options = [],
@@ -8633,7 +8658,7 @@ var __publicField = (obj, key, value) => {
       afterClose,
       onChange,
       ...rest
-    } = { ...defaultProps$Z, ...props };
+    } = { ...defaultProps$Y, ...props };
     const classPrefix2 = "nut-picker";
     const classes = classNames(classPrefix2, className);
     const [selectedValue, setSelectedValue] = usePropsValue({
@@ -8645,6 +8670,7 @@ var __publicField = (obj, key, value) => {
         (_a = props.onConfirm) == null ? void 0 : _a.call(props, setSelectedOptions(), val);
       }
     });
+    const [innerValue, setInnerValue] = React.useState(selectedValue);
     const [currentValue, setCurrentValue] = React.useState([]);
     const [columnIndex, setColumnIndex] = React.useState(0);
     const pickerRef = React.useRef(null);
@@ -8685,41 +8711,52 @@ var __publicField = (obj, key, value) => {
       }
       return "single";
     };
-    const normalListData = () => {
+    const normalListData = (innerValue2) => {
       const type = columnsType();
       switch (type) {
         case "multiple":
           return options;
         case "cascade":
-          return formatCascade(options, selectedValue);
+          return formatCascade(options, innerValue2);
         default:
           return [options];
       }
     };
     const init = () => {
-      const normalData = normalListData();
+      const normalData = normalListData(
+        innerValue
+      );
       setColumnsList(normalData);
       const data = [];
       normalData.length > 0 && normalData.map((item) => {
         item[0] && data.push(item[0].value);
         return item;
       });
-      if (!defaultValue.length && selectedValue.length === 0) {
-        setSelectedValue([...data]);
+      if (!innerValue.length && innerValue.length === 0) {
+        setInnerValue([...data]);
       }
     };
+    React.useEffect(() => {
+      setInnerValue(innerValue !== selectedValue ? selectedValue : innerValue);
+    }, [visible]);
+    React.useEffect(() => {
+      if (visible) {
+        init();
+      }
+    }, [options, visible]);
     React.useEffect(() => {
       if (!visible) {
         return;
       }
-      init();
-    }, [options, visible]);
+      Taro.getEnv() !== "WEB" && setCurrentValue(defaultValuesConvert());
+      onChange && onChange(setSelectedOptions(), innerValue, columnIndex);
+    }, [innerValue, columnsList, visible]);
     const setSelectedOptions = () => {
       const options2 = [];
       let currOptions = [];
       columnsList.forEach((columnOptions, index) => {
         currOptions = columnOptions.filter(
-          (item) => item.value === selectedValue[index]
+          (item) => item.value === innerValue[index]
         );
         if (currOptions[0]) {
           options2.push(currOptions[0]);
@@ -8731,8 +8768,8 @@ var __publicField = (obj, key, value) => {
     };
     const defaultValuesConvert = () => {
       const defaultIndexs = [];
-      if (selectedValue.length > 0) {
-        selectedValue.forEach((value, index) => {
+      if (innerValue.length > 0) {
+        innerValue.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) {
@@ -8749,37 +8786,30 @@ var __publicField = (obj, key, value) => {
       }
       return defaultIndexs;
     };
-    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;
+      const values = [];
+      const start = columnIndex2;
       if (columnOptions && Object.keys(columnOptions).length) {
-        if (selectedValue[columnIndex2] !== columnOptions.value) {
+        if (values[columnIndex2] !== columnOptions.value) {
           if (columnsType() === "cascade") {
-            selectedValue[columnIndex2] = columnOptions.value || "";
-            setSelectedValue([...selectedValue]);
+            values[columnIndex2] = columnOptions.value || "";
             while ((_a = columnOptions == null ? void 0 : columnOptions.children) == null ? void 0 : _a[0]) {
-              selectedValue[columnIndex2 + 1] = columnOptions.children[0].value;
-              setSelectedValue([...selectedValue]);
+              values[columnIndex2 + 1] = columnOptions.children[0].value;
               columnIndex2++;
               columnOptions = columnOptions.children[0];
             }
             if ((_b = columnOptions == null ? void 0 : columnOptions.children) == null ? void 0 : _b.length) {
-              selectedValue[columnIndex2 + 1] = "";
-              setSelectedValue([...selectedValue]);
+              values[columnIndex2 + 1] = "";
             }
-            setColumnsList(normalListData());
+            const combineResult = [
+              ...innerValue.slice(0, start),
+              ...values.splice(start)
+            ];
+            setInnerValue(combineResult);
+            setColumnsList(normalListData(combineResult));
           } else {
-            setSelectedValue((data) => {
+            setInnerValue((data) => {
               const cdata = [...data];
               cdata[columnIndex2] = Object.prototype.hasOwnProperty.call(
                 columnOptions,
@@ -8793,16 +8823,16 @@ var __publicField = (obj, key, value) => {
       }
     };
     const confirm = () => {
-      let movings = false;
+      let moving = false;
       refs.forEach((ref2) => {
         if (ref2.moving)
-          movings = true;
+          moving = true;
         ref2.stopMomentum();
       });
-      if (movings) {
+      if (moving) {
         isConfirmEvent.current = true;
       } else {
-        onConfirm && onConfirm(setSelectedOptions(), selectedValue);
+        setSelectedValue(innerValue);
         closePicker();
       }
       setTimeout(() => {
@@ -8810,8 +8840,8 @@ var __publicField = (obj, key, value) => {
       }, 0);
     };
     const closePicker = () => {
-      onClose && onClose(setSelectedOptions(), selectedValue);
-      afterClose && afterClose(setSelectedOptions(), selectedValue, pickerRef);
+      onClose && onClose(setSelectedOptions(), innerValue);
+      afterClose && afterClose(setSelectedOptions(), innerValue, pickerRef);
     };
     const renderTitleBar = () => {
       return /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__control` }, /* @__PURE__ */ React.createElement(
@@ -8823,7 +8853,7 @@ var __publicField = (obj, key, value) => {
         locale.cancel
       ), /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__title` }, title || ""), /* @__PURE__ */ React.createElement("span", { className: `${classPrefix2}__confirm-btn`, onClick: confirm }, locale.confirm));
     };
-    const [pickingStatus, setPickingStatus] = React.useState(false);
+    const [, setPickingStatus] = React.useState(false);
     const pickerStart = () => {
       setPickingStatus(true);
     };
@@ -8854,12 +8884,12 @@ var __publicField = (obj, key, value) => {
           closePicker();
         }
       },
-      /* @__PURE__ */ React.createElement(components.View, { className: classes, style, ...rest, catchMove: true }, renderTitleBar(), /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__panel`, ref: pickerRef }, Taro.getEnv() === "WEB" ? columnsList == null ? void 0 : columnsList.map((item, index) => {
+      /* @__PURE__ */ React.createElement(components.View, { className: classes, style, ...rest, catchMove: true }, renderTitleBar(), children, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__panel`, ref: pickerRef }, Taro.getEnv() === "WEB" ? columnsList == null ? void 0 : columnsList.map((item, index) => {
         return /* @__PURE__ */ React.createElement(
           PickerPanel$1,
           {
             ref: setRefs(index),
-            defaultValue: selectedValue == null ? void 0 : selectedValue[index],
+            defaultValue: innerValue == null ? void 0 : innerValue[index],
             options: item,
             threeDimensional,
             chooseItem: (value, index2) => chooseItem(value, index2),
@@ -8898,7 +8928,7 @@ var __publicField = (obj, key, value) => {
   const Picker = React.forwardRef(InternalPicker);
   const Picker$1 = Picker;
   const currentYear = (/* @__PURE__ */ new Date()).getFullYear();
-  const defaultProps$Y = {
+  const defaultProps$X = {
     modelValue: null,
     visible: false,
     title: "",
@@ -8929,7 +8959,7 @@ var __publicField = (obj, key, value) => {
       style,
       ...rest
     } = {
-      ...defaultProps$Y,
+      ...defaultProps$X,
       ...props
     };
     const { locale } = useConfig$1();
@@ -9207,10 +9237,10 @@ var __publicField = (obj, key, value) => {
       )
     );
   };
-  DatePicker.defaultProps = defaultProps$Y;
+  DatePicker.defaultProps = defaultProps$X;
   DatePicker.displayName = "NutDatePicker";
   const FormItemContext = React.createContext({});
-  const defaultProps$X = {
+  const defaultProps$W = {
     ...ComponentDefaults,
     name: "",
     label: "",
@@ -9259,7 +9289,7 @@ var __publicField = (obj, key, value) => {
           showErrorLine,
           showErrorMessage
         } = {
-          ...defaultProps$X,
+          ...defaultProps$W,
           ...this.props
         };
         const item = ((_a = this.context.errList) == null ? void 0 : _a.length) > 0 && ((_b = this.context.errList) == null ? void 0 : _b.filter((item2) => {
@@ -9308,7 +9338,7 @@ var __publicField = (obj, key, value) => {
       return this.renderLayout(returnChildNode);
     }
   }
-  __publicField(FormItem, "defaultProps", defaultProps$X);
+  __publicField(FormItem, "defaultProps", defaultProps$W);
   __publicField(FormItem, "contextType", FormItemContext);
   class FormStore {
     constructor() {
@@ -9432,7 +9462,7 @@ var __publicField = (obj, key, value) => {
     }
     return [formRef.current];
   };
-  const defaultProps$W = {
+  const defaultProps$V = {
     ...ComponentDefaults,
     className: "",
     style: void 0,
@@ -9459,7 +9489,7 @@ var __publicField = (obj, key, value) => {
       starPositon,
       ...rest
     } = {
-      ...defaultProps$W,
+      ...defaultProps$V,
       ...props
     };
     console.log("46 dddd");
@@ -9483,7 +9513,7 @@ var __publicField = (obj, key, value) => {
       /* @__PURE__ */ React.createElement(CellGroup, null, /* @__PURE__ */ React.createElement(FormItemContext.Provider, { value: formInstance }, children))
     );
   };
-  Form.defaultProps = defaultProps$W;
+  Form.defaultProps = defaultProps$V;
   Form.displayName = "NutForm";
   Form.Item = FormItem;
   function trimExtraChar(value, char, regExp) {
@@ -9510,7 +9540,7 @@ var __publicField = (obj, key, value) => {
     const regExp = allowDot ? /[^-0-9.]/g : /[^-0-9]/g;
     return value.replace(regExp, "");
   }
-  const defaultProps$V = {
+  const defaultProps$U = {
     ...ComponentDefaults,
     type: "text",
     name: "",
@@ -9554,7 +9584,7 @@ var __publicField = (obj, key, value) => {
         value: _value,
         ...rest
       } = {
-        ...defaultProps$V,
+        ...defaultProps$U,
         ...props
       };
       const [value, setValue] = usePropsValue({
@@ -9695,9 +9725,9 @@ var __publicField = (obj, key, value) => {
       );
     }
   );
-  Input.defaultProps = defaultProps$V;
+  Input.defaultProps = defaultProps$U;
   Input.displayName = "NutInput";
-  const defaultProps$U = {
+  const defaultProps$T = {
     ...ComponentDefaults,
     disabled: false,
     min: 1,
@@ -9709,7 +9739,7 @@ var __publicField = (obj, key, value) => {
     digits: 0,
     async: false
   };
-  const classPrefix$c = `nut-inputnumber`;
+  const classPrefix$f = `nut-inputnumber`;
   const InputNumber = (props) => {
     const {
       children,
@@ -9734,7 +9764,7 @@ var __publicField = (obj, key, value) => {
       onChange,
       ...restProps
     } = {
-      ...defaultProps$U,
+      ...defaultProps$T,
       ...props
     };
     const inputRef = React.useRef("");
@@ -9752,8 +9782,8 @@ var __publicField = (obj, key, value) => {
     }, []);
     const classes = classNames(
       {
-        [`${classPrefix$c}`]: true,
-        [`${classPrefix$c}--disabled`]: disabled
+        [`${classPrefix$f}`]: true,
+        [`${classPrefix$f}--disabled`]: disabled
       },
       className
     );
@@ -9921,12 +9951,12 @@ var __publicField = (obj, key, value) => {
       }
     )), /* @__PURE__ */ React.createElement("div", { className: "nut-input-add" }, /* @__PURE__ */ React.createElement(a$9, { className: iconAddClasses, onClick: addNumber })));
   };
-  InputNumber.defaultProps = defaultProps$U;
+  InputNumber.defaultProps = defaultProps$T;
   InputNumber.displayName = "NutInputNumber";
-  const defaultProps$T = {
+  const defaultProps$S = {
     ...ComponentDefaults,
     activeColor: "",
-    closeOnClickOverlay: true,
+    closeOnOverlayClick: true,
     scrollFixed: false,
     lockScroll: true,
     icon: null
@@ -9937,12 +9967,12 @@ var __publicField = (obj, key, value) => {
       icon,
       scrollFixed,
       lockScroll,
-      closeOnClickOverlay,
+      closeOnOverlayClick,
       children,
       activeColor,
       ...rest
     } = {
-      ...defaultProps$T,
+      ...defaultProps$S,
       ...props
     };
     const menuRef = React.useRef(null);
@@ -9986,7 +10016,7 @@ var __publicField = (obj, key, value) => {
           index,
           activeColor,
           parent: {
-            closeOnClickOverlay,
+            closeOnOverlayClick,
             lockScroll,
             toggleMenuItem,
             updateTitle,
@@ -10061,9 +10091,9 @@ var __publicField = (obj, key, value) => {
       ), cloneChildren())
     );
   };
-  Menu.defaultProps = defaultProps$T;
+  Menu.defaultProps = defaultProps$S;
   Menu.displayName = "NutMenu";
-  const defaultProps$S = {
+  const defaultProps$R = {
     ...ComponentDefaults,
     columns: 1,
     direction: "down",
@@ -10093,7 +10123,7 @@ var __publicField = (obj, key, value) => {
       parent,
       index
     } = {
-      ...defaultProps$S,
+      ...defaultProps$R,
       ...props
     };
     const [_showPopup, setShowPopup] = React.useState(show);
@@ -10242,9 +10272,9 @@ var __publicField = (obj, key, value) => {
       )
     ));
   });
-  MenuItem.defaultProps = defaultProps$S;
+  MenuItem.defaultProps = defaultProps$R;
   MenuItem.displayName = "NutMenuItem";
-  const defaultProps$R = {
+  const defaultProps$Q = {
     ...ComponentDefaults,
     visible: false,
     type: "default",
@@ -10389,17 +10419,17 @@ var __publicField = (obj, key, value) => {
       ))))
     );
   };
-  NumberKeyboard.defaultProps = defaultProps$R;
+  NumberKeyboard.defaultProps = defaultProps$Q;
   NumberKeyboard.displayName = "NutNumberKeyboard";
   const RadioContext = React.createContext(null);
-  const defaultProps$Q = {
+  const defaultProps$P = {
     labelPosition: "right",
     onChange: (value) => {
     },
     direction: "vertical",
     options: []
   };
-  const classPrefix$b = "nut-radiogroup";
+  const classPrefix$e = "nut-radiogroup";
   const RadioGroup = React.forwardRef(
     (props, ref) => {
       const {
@@ -10413,7 +10443,7 @@ var __publicField = (obj, key, value) => {
         options,
         disabled,
         ...rest
-      } = { ...defaultProps$Q, ...props };
+      } = { ...defaultProps$P, ...props };
       const [val2State, setVal2State] = usePropsValue({
         defaultValue: props.defaultValue,
         value: props.value,
@@ -10455,8 +10485,8 @@ var __publicField = (obj, key, value) => {
         /* @__PURE__ */ React.createElement(
           "div",
           {
-            className: classNames(classPrefix$b, className, {
-              [`${classPrefix$b}--${props.direction}`]: props.direction
+            className: classNames(classPrefix$e, className, {
+              [`${classPrefix$e}--${props.direction}`]: props.direction
             }),
             ...rest
           },
@@ -10465,9 +10495,9 @@ var __publicField = (obj, key, value) => {
       );
     }
   );
-  RadioGroup.defaultProps = defaultProps$Q;
+  RadioGroup.defaultProps = defaultProps$P;
   RadioGroup.displayName = "NutRadioGroup";
-  const defaultProps$P = {
+  const defaultProps$O = {
     ...ComponentDefaults,
     disabled: false,
     shape: "round",
@@ -10493,7 +10523,7 @@ var __publicField = (obj, key, value) => {
       onChange,
       ...others
     } = {
-      ...defaultProps$P,
+      ...defaultProps$O,
       ...props
     };
     let { labelPosition, disabled, ...rest } = others;
@@ -10589,10 +10619,10 @@ var __publicField = (obj, key, value) => {
       renderRadioItem()
     );
   };
-  Radio.defaultProps = defaultProps$P;
+  Radio.defaultProps = defaultProps$O;
   Radio.displayName = "NutRadio";
   Radio.Group = RadioGroup;
-  const defaultProps$O = {
+  const defaultProps$N = {
     ...ComponentDefaults,
     range: false,
     min: 0,
@@ -10620,7 +10650,7 @@ var __publicField = (obj, key, value) => {
       step,
       value,
       defaultValue
-    } = { ...defaultProps$O, ...props };
+    } = { ...defaultProps$N, ...props };
     const classPrefix2 = "nut-range";
     const [buttonIndex, setButtonIndex] = React.useState(0);
     const [dragStatus, setDragStatus] = React.useState("start");
@@ -10884,9 +10914,9 @@ var __publicField = (obj, key, value) => {
       renderButton()
     ))), maxDescription !== null && /* @__PURE__ */ React.createElement("div", { className: "max" }, maxDescription || max));
   };
-  Range.defaultProps = defaultProps$O;
+  Range.defaultProps = defaultProps$N;
   Range.displayName = "NutRange";
-  const defaultProps$N = {
+  const defaultProps$M = {
     ...ComponentDefaults,
     count: 5,
     min: 0,
@@ -10911,7 +10941,7 @@ var __publicField = (obj, key, value) => {
       allowHalf,
       onChange
     } = {
-      ...defaultProps$N,
+      ...defaultProps$M,
       ...props
     };
     const classPrefix2 = "nut-rate";
@@ -10994,9 +11024,9 @@ var __publicField = (obj, key, value) => {
       })
     );
   };
-  Rate.defaultProps = defaultProps$N;
+  Rate.defaultProps = defaultProps$M;
   Rate.displayName = "NutRate";
-  const defaultProps$M = {
+  const defaultProps$L = {
     ...ComponentDefaults,
     placeholder: "",
     shape: "square",
@@ -11035,7 +11065,7 @@ var __publicField = (obj, key, value) => {
       onSearch,
       onClickInput
     } = {
-      ...defaultProps$M,
+      ...defaultProps$L,
       ...props
     };
     const forceFocus = () => {
@@ -11144,9 +11174,9 @@ var __publicField = (obj, key, value) => {
       renderRight()
     );
   };
-  SearchBar.defaultProps = defaultProps$M;
+  SearchBar.defaultProps = defaultProps$L;
   SearchBar.displayName = "NutSearchBar";
-  const defaultProps$L = {
+  const defaultProps$K = {
     ...ComponentDefaults,
     value: "",
     visible: false,
@@ -11183,7 +11213,7 @@ var __publicField = (obj, key, value) => {
       onClickCloseIcon,
       ...rest
     } = {
-      ...defaultProps$L,
+      ...defaultProps$K,
       ...props
     };
     const classPrefix2 = "nut-shortpassword";
@@ -11240,34 +11270,31 @@ var __publicField = (obj, key, value) => {
       ), /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__footer__sure`, onClick: sure }, locale.confirm)))
     );
   };
-  ShortPassword.defaultProps = defaultProps$L;
+  ShortPassword.defaultProps = defaultProps$K;
   ShortPassword.displayName = "NutShortPassword";
-  const defaultProps$K = {
+  const defaultProps$J = {
+    ...ComponentDefaults,
     canvasId: "spcanvas",
     type: "png",
     lineWidth: 2,
-    strokeStyle: "#000",
-    className: ""
+    strokeStyle: "#000"
   };
-  const Signature = (props) => {
-    const { locale } = useConfig$1();
+  const InternalSignature = (props, ref) => {
     const {
       canvasId,
       type,
       lineWidth,
       strokeStyle,
-      unSupportTpl,
       className,
-      confirm,
-      clear,
+      style,
       onConfirm,
       onClear,
       ...rest
     } = {
-      ...defaultProps$K,
+      ...defaultProps$J,
       ...props
     };
-    const b2 = cn("signature");
+    const classPrefix2 = `nut-signature`;
     const canvasRef = React.useRef(null);
     const wrapRef = React.useRef(null);
     const [canvasHeight, setCanvasHeight] = React.useState(0);
@@ -11305,12 +11332,8 @@ var __publicField = (obj, key, value) => {
         ctx.current.clearRect(0, 0, canvasWidth, canvasHeight);
         ctx.current.closePath();
       }
-      clear && clear();
       onClear && onClear();
     };
-    const handleConfirmBtn = () => {
-      onSave();
-    };
     const onSave = () => {
       Taro.createSelectorQuery().select(`#${canvasId}`).fields({
         node: true,
@@ -11322,11 +11345,10 @@ var __publicField = (obj, key, value) => {
           canvasId: `${canvasId}`,
           success: (res2) => {
             handleClearBtn();
-            confirm && confirm(res2.tempFilePath);
             onConfirm && onConfirm(res2.tempFilePath);
           },
           fail: (res2) => {
-            console.log("保存失败");
+            console.warn("保存失败");
           }
         });
       });
@@ -11346,6 +11368,14 @@ var __publicField = (obj, key, value) => {
         ctx.current.strokeStyle = strokeStyle;
       }
     };
+    React.useImperativeHandle(ref, () => ({
+      confirm: () => {
+        onSave();
+      },
+      clear: () => {
+        handleClearBtn();
+      }
+    }));
     const initCanvas = () => {
       Taro.nextTick(() => {
         setTimeout(() => {
@@ -11382,7 +11412,7 @@ var __publicField = (obj, key, value) => {
     React.useEffect(() => {
       initCanvas();
     }, []);
-    return /* @__PURE__ */ React.createElement("div", { className: `${b2()} ${className}`, ...rest }, /* @__PURE__ */ React.createElement("div", { className: `${b2("inner")} spcanvas_WEAPP`, ref: wrapRef }, Taro.getEnv() === "WEAPP" || Taro.getEnv() === "JD" ? /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2} ${className}`, ...rest }, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__inner spcanvas_WEAPP`, ref: wrapRef }, Taro.getEnv() === "WEAPP" || Taro.getEnv() === "JD" ? /* @__PURE__ */ React.createElement(
       "canvas",
       {
         id: canvasId,
@@ -11406,27 +11436,12 @@ var __publicField = (obj, key, value) => {
         onTouchEnd: endEventHandler,
         onTouchCancel: endEventHandler
       }
-    )), /* @__PURE__ */ React.createElement(
-      Button,
-      {
-        className: `${b2("btn")}`,
-        type: "default",
-        onClick: () => handleClearBtn()
-      },
-      locale.signature.reSign
-    ), /* @__PURE__ */ React.createElement(
-      Button,
-      {
-        className: `${b2("btn")}`,
-        type: "primary",
-        onClick: () => handleConfirmBtn()
-      },
-      locale.confirm
-    ));
+    )));
   };
-  Signature.defaultProps = defaultProps$K;
+  const Signature = React.forwardRef(InternalSignature);
+  Signature.defaultProps = defaultProps$J;
   Signature.displayName = "NutSignature";
-  const defaultProps$J = {
+  const defaultProps$I = {
     ...ComponentDefaults,
     disabled: false,
     activeText: "",
@@ -11443,7 +11458,7 @@ var __publicField = (obj, key, value) => {
       style,
       onChange
     } = {
-      ...defaultProps$J,
+      ...defaultProps$I,
       ...props
     };
     const classPrefix2 = "nut-switch";
@@ -11462,9 +11477,9 @@ var __publicField = (obj, key, value) => {
     };
     return /* @__PURE__ */ React.createElement("div", { className: classes(), onClick: (e) => onClick(e), style }, /* @__PURE__ */ React.createElement("div", { className: "switch-button" }, !value && /* @__PURE__ */ React.createElement("div", { className: "close-line" }), activeText && /* @__PURE__ */ React.createElement(React.Fragment, null, value ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__label open` }, activeText) : /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__label close` }, inactiveText))));
   };
-  Switch.defaultProps = defaultProps$J;
+  Switch.defaultProps = defaultProps$I;
   Switch.displayName = "NutSwitch";
-  const defaultProps$I = {
+  const defaultProps$H = {
     ...ComponentDefaults,
     defaultValue: "",
     showCount: false,
@@ -11492,7 +11507,7 @@ var __publicField = (obj, key, value) => {
       onBlur,
       onFocus,
       ...rest
-    } = { ...defaultProps$I, ...props };
+    } = { ...defaultProps$H, ...props };
     const classPrefix2 = "nut-textarea";
     const compositionRef = React.useRef(false);
     const format = (value2) => {
@@ -11568,9 +11583,9 @@ var __publicField = (obj, key, value) => {
       showCount && /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__limit` }, inputValue.length, "/", maxLength < 0 ? 0 : maxLength)
     );
   };
-  TextArea.defaultProps = defaultProps$I;
+  TextArea.defaultProps = defaultProps$H;
   TextArea.displayName = "NutTextArea";
-  const defaultProps$H = {
+  const defaultProps$G = {
     ...ComponentDefaults,
     percent: 0,
     showText: false,
@@ -11591,7 +11606,7 @@ var __publicField = (obj, key, value) => {
       delay,
       ...rest
     } = {
-      ...defaultProps$H,
+      ...defaultProps$G,
       ...props
     };
     const classPrefix2 = "nut-progress";
@@ -11642,7 +11657,7 @@ var __publicField = (obj, key, value) => {
       )
     ))));
   };
-  Progress.defaultProps = defaultProps$H;
+  Progress.defaultProps = defaultProps$G;
   Progress.displayName = "NutProgress";
   class UploadOptions {
     constructor() {
@@ -11762,6 +11777,14 @@ var __publicField = (obj, key, value) => {
   const isPromise = (val) => {
     return isObject(val) && isFunction(val.then) && isFunction(val.catch);
   };
+  const upperCaseFirst = (str) => {
+    var str = str.toLowerCase();
+    str = str.replace(
+      /\b\w+\b/g,
+      (word) => word.substring(0, 1).toUpperCase() + word.substring(1)
+    );
+    return str;
+  };
   const funcInterceptor = (interceptor, {
     args = [],
     done,
@@ -11787,7 +11810,7 @@ var __publicField = (obj, key, value) => {
       done();
     }
   };
-  const defaultProps$G = {
+  const defaultProps$F = {
     ...ComponentDefaults,
     url: "",
     maxCount: 1,
@@ -11875,7 +11898,7 @@ var __publicField = (obj, key, value) => {
       beforeXhrUpload,
       beforeDelete,
       ...restProps
-    } = { ...defaultProps$G, ...props };
+    } = { ...defaultProps$F, ...props };
     const [fileList, setFileList] = React.useState(defaultValue || []);
     const [uploadQueue, setUploadQueue] = React.useState([]);
     React.useEffect(() => {
@@ -12208,9 +12231,9 @@ var __publicField = (obj, key, value) => {
     ));
   };
   const Uploader = React.forwardRef(InternalUploader);
-  Uploader.defaultProps = defaultProps$G;
+  Uploader.defaultProps = defaultProps$F;
   Uploader.displayName = "NutUploader";
-  const defaultProps$F = {
+  const defaultProps$E = {
     ...ComponentDefaults,
     visible: false,
     title: "",
@@ -12237,7 +12260,7 @@ var __publicField = (obj, key, value) => {
       className,
       style,
       ...rest
-    } = { ...defaultProps$F, ...props };
+    } = { ...defaultProps$E, ...props };
     const classPrefix2 = "nut-actionsheet";
     const cancelActionSheet = () => {
       onCancel && onCancel();
@@ -12278,7 +12301,7 @@ var __publicField = (obj, key, value) => {
       ))
     );
   };
-  ActionSheet.defaultProps = defaultProps$F;
+  ActionSheet.defaultProps = defaultProps$E;
   ActionSheet.displayName = "NutActionSheet";
   const Content = (props) => {
     const { visible, title, footer, footerDirection, onClick, children } = props;
@@ -12368,7 +12391,7 @@ var __publicField = (obj, key, value) => {
   };
   DialogWrap.defaultProps = defaultDialogProps;
   DialogWrap.displayName = "NutDialogWrap";
-  const defaultProps$E = {
+  const defaultProps$D = {
     confirmText: "",
     cancelText: "",
     overlay: true,
@@ -12463,9 +12486,9 @@ var __publicField = (obj, key, value) => {
       );
     }
   );
-  BaseDialog.defaultProps = defaultProps$E;
+  BaseDialog.defaultProps = defaultProps$D;
   BaseDialog.displayName = "NutDialog";
-  const defaultProps$D = {
+  const defaultProps$C = {
     ...ComponentDefaults,
     attract: false,
     direction: void 0,
@@ -12479,7 +12502,7 @@ var __publicField = (obj, key, value) => {
   };
   const Drag = (props) => {
     const { attract, direction, boundary, children, className, style, ...reset } = {
-      ...defaultProps$D,
+      ...defaultProps$C,
       ...props
     };
     const classPrefix2 = "nut-drag";
@@ -12576,23 +12599,23 @@ var __publicField = (obj, key, value) => {
       )
     );
   };
-  Drag.defaultProps = defaultProps$D;
+  Drag.defaultProps = defaultProps$C;
   Drag.displayName = "NutDrag";
   const defaultStatus = {
     empty: "https://static-ftcms.jd.com/p/files/61a9e3183985005b3958672b.png",
     error: "https://ftcms.jd.com/p/files/61a9e33ee7dcdbcc0ce62736.png",
     network: "https://static-ftcms.jd.com/p/files/61a9e31de7dcdbcc0ce62734.png"
   };
-  const defaultProps$C = {
+  const defaultProps$B = {
     ...ComponentDefaults,
     description: "",
     imageSize: "",
     status: "empty"
   };
-  const classPrefix$a = `nut-empty`;
+  const classPrefix$d = `nut-empty`;
   const Empty = (props) => {
     const { locale } = useConfig$1();
-    defaultProps$C.description = locale.noData || defaultProps$C.description;
+    defaultProps$B.description = locale.noData || defaultProps$B.description;
     const {
       image,
       imageSize,
@@ -12602,7 +12625,7 @@ var __publicField = (obj, key, value) => {
       status,
       ...rest
     } = {
-      ...defaultProps$C,
+      ...defaultProps$B,
       ...props
     };
     const [imgStyle, setImgStyle] = React.useState({});
@@ -12625,41 +12648,35 @@ var __publicField = (obj, key, value) => {
         };
       });
     }, [imageSize]);
-    return /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$a} ${className}`, ...rest }, /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$a}__image`, style: imgStyle }, imageNode), typeof description === "string" ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$a}__description` }, description) : description, children));
+    return /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$d} ${className}`, ...rest }, /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$d}__image`, style: imgStyle }, imageNode), typeof description === "string" ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$d}__description` }, description) : description, children));
   };
-  Empty.defaultProps = defaultProps$C;
+  Empty.defaultProps = defaultProps$B;
   Empty.displayName = "NutEmpty";
-  const defaultProps$B = {
+  const defaultProps$A = {
     ...ComponentDefaults,
     hasMore: true,
-    upperThreshold: 40,
-    containerId: "",
-    isOpenRefresh: false,
-    pullIcon: "https://img10.360buyimg.com/imagetools/jfs/t1/169863/6/4565/6306/60125948E7e92774e/40b3a0cf42852bcb.png",
-    pullText: "松开刷新",
-    loadIcon: "https://img10.360buyimg.com/imagetools/jfs/t1/169863/6/4565/6306/60125948E7e92774e/40b3a0cf42852bcb.png",
-    loadingText: "加载中···",
-    loadMoreText: "哎呀，这里是底部了啦"
+    threshold: 40,
+    target: "",
+    pullRefresh: false
   };
-  const Infiniteloading = (props) => {
+  const classPrefix$c = `nut-infiniteloading`;
+  const InfiniteLoading = (props) => {
     const { locale } = useConfig$1();
     const {
       children,
       hasMore,
-      upperThreshold,
-      containerId,
-      isOpenRefresh,
-      pullIcon,
-      pullText,
-      loadIcon,
+      threshold,
+      target,
+      pullRefresh,
+      pullingText,
       loadingText,
       loadMoreText,
       className,
       onRefresh,
       onLoadMore,
-      onScrollChange
+      onScroll
     } = {
-      ...defaultProps$B,
+      ...defaultProps$A,
       ...props
     };
     const [isInfiniting, setIsInfiniting] = React.useState(false);
@@ -12672,10 +12689,9 @@ var __publicField = (obj, key, value) => {
     const y2 = React.useRef(0);
     const refreshMaxH = React.useRef(0);
     const distance = React.useRef(0);
-    const b2 = cn("infiniteloading");
-    const classes = classNames(className, b2());
+    const classes = classNames(className, classPrefix$c);
     React.useEffect(() => {
-      refreshMaxH.current = upperThreshold;
+      refreshMaxH.current = threshold;
       setTimeout(() => {
         getScrollHeight();
       }, 200);
@@ -12693,9 +12709,7 @@ var __publicField = (obj, key, value) => {
       };
     };
     const getParentElement = (el) => {
-      return Taro.createSelectorQuery().select(
-        containerId ? `#${containerId} #${el}` : `#${el}`
-      );
+      return Taro.createSelectorQuery().select(target ? `#${target} #${el}` : `#${el}`);
     };
     const infiniteDone = () => {
       setIsInfiniting(false);
@@ -12717,7 +12731,7 @@ var __publicField = (obj, key, value) => {
         direction.current = "up";
       }
       scrollTop.current = e.detail.scrollTop;
-      onScrollChange && onScrollChange(e.detail.scrollTop);
+      onScroll && onScroll(e.detail.scrollTop);
     };
     const lower = () => {
       if (direction.current == "up" || !hasMore || isInfiniting) {
@@ -12727,7 +12741,7 @@ var __publicField = (obj, key, value) => {
       onLoadMore && onLoadMore(infiniteDone);
     };
     const touchStart = (event) => {
-      if (scrollTop.current == 0 && !isTouching.current && isOpenRefresh) {
+      if (scrollTop.current == 0 && !isTouching.current && pullRefresh) {
         y2.current = event.touches[0].pageY;
         isTouching.current = true;
       }
@@ -12769,14 +12783,14 @@ var __publicField = (obj, key, value) => {
         onTouchMove: touchMove,
         onTouchEnd: touchEnd
       },
-      /* @__PURE__ */ React.createElement("div", { className: "nut-infinite-top", ref: refreshTop, style: getStyle() }, /* @__PURE__ */ React.createElement("div", { className: "top-box" }, pullIcon && /* @__PURE__ */ React.createElement(React.Fragment, null, pullIcon), /* @__PURE__ */ React.createElement("span", { className: "top-text" }, pullText || locale.infiniteloading.pullRefreshText))),
+      /* @__PURE__ */ React.createElement("div", { className: "nut-infinite-top", ref: refreshTop, style: getStyle() }, /* @__PURE__ */ React.createElement("div", { className: "top-box" }, pullingText || locale.infiniteloading.pullRefreshText)),
       /* @__PURE__ */ React.createElement("div", { className: "nut-infinite-container" }, children),
-      /* @__PURE__ */ React.createElement("div", { className: "nut-infinite-bottom" }, isInfiniting ? /* @__PURE__ */ React.createElement("div", { className: "bottom-box" }, loadIcon && /* @__PURE__ */ React.createElement(React.Fragment, null, loadIcon), /* @__PURE__ */ React.createElement("div", { className: "bottom-text" }, loadingText || locale.infiniteloading.loadText)) : !hasMore && /* @__PURE__ */ React.createElement("div", { className: "tips" }, loadMoreText || locale.infiniteloading.loadMoreText))
+      /* @__PURE__ */ React.createElement("div", { className: "nut-infinite-bottom" }, isInfiniting ? /* @__PURE__ */ React.createElement("div", { className: "bottom-box" }, loadingText || locale.infiniteloading.loadText) : !hasMore && /* @__PURE__ */ React.createElement("div", { className: "tips" }, loadMoreText || locale.infiniteloading.loadMoreText))
     );
   };
-  Infiniteloading.defaultProps = defaultProps$B;
-  Infiniteloading.displayName = "NutInfiniteloading";
-  const defaultProps$A = {
+  InfiniteLoading.defaultProps = defaultProps$A;
+  InfiniteLoading.displayName = "NutInfiniteLoading";
+  const defaultProps$z = {
     ...ComponentDefaults,
     direction: "horizontal",
     list: [],
@@ -12814,7 +12828,7 @@ var __publicField = (obj, key, value) => {
       onClick,
       onClickItem
     } = {
-      ...defaultProps$A,
+      ...defaultProps$z,
       ...props
     };
     const classPrefix2 = "nut-noticebar";
@@ -13176,9 +13190,9 @@ var __publicField = (obj, key, value) => {
       )
     ) : null);
   };
-  NoticeBar.defaultProps = defaultProps$A;
+  NoticeBar.defaultProps = defaultProps$z;
   NoticeBar.displayName = "NutNoticeBar";
-  const defaultProps$z = {
+  const defaultProps$y = {
     ...ComponentDefaults,
     id: "",
     duration: 3e3,
@@ -13191,7 +13205,7 @@ var __publicField = (obj, key, value) => {
     onClick: () => {
     }
   };
-  const classPrefix$9 = "nut-notify";
+  const classPrefix$b = "nut-notify";
   const Notify = (props) => {
     const {
       id,
@@ -13205,7 +13219,7 @@ var __publicField = (obj, key, value) => {
       onClose,
       onClick,
       ...rest
-    } = { ...defaultProps$z, ...props };
+    } = { ...defaultProps$y, ...props };
     let timer;
     const [showNotify, SetShow] = React.useState(false);
     React.useEffect(() => {
@@ -13242,10 +13256,10 @@ var __publicField = (obj, key, value) => {
       onClose();
     };
     const classes = classNames({
-      [`${classPrefix$9}--popup-top`]: position === "top",
-      [`${classPrefix$9}--popup-bottom`]: position === "bottom",
-      [`${classPrefix$9}`]: true,
-      [`${classPrefix$9}--${type}`]: true
+      [`${classPrefix$b}--popup-top`]: position === "top",
+      [`${classPrefix$b}--popup-bottom`]: position === "bottom",
+      [`${classPrefix$b}`]: true,
+      [`${classPrefix$b}--${type}`]: true
     });
     return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
       CSSTransition$1,
@@ -13269,169 +13283,268 @@ var __publicField = (obj, key, value) => {
       )
     ));
   };
-  Notify.defaultProps = defaultProps$z;
+  Notify.defaultProps = defaultProps$y;
   Notify.displayName = "NutNotify";
-  function fillRef(ref, node) {
-    if (typeof ref === "function") {
-      ref(node);
-    } else if (typeof ref === "object" && ref && "current" in ref) {
-      ref.current = node;
-    }
-  }
-  function composeRef(...refs) {
-    return (node) => {
-      refs.forEach((ref) => {
-        fillRef(ref, node);
-      });
-    };
-  }
-  class Trigger extends React.Component {
-    fireEvents(type, e) {
-      const childCallback = this.props.children.props[type];
-      if (childCallback) {
-        childCallback(e);
-      }
-      const callback = this.props[type];
-      if (callback) {
-        callback(e);
-      }
-    }
-    render() {
-      const { children, className = "" } = this.props;
-      const child = React.Children.only(children);
-      const newChildProps = {
-        key: "trigger"
-      };
-      if (child && child.props && child.props.className) {
-        newChildProps.className = className;
-      }
-      const cloneProps = {
-        ...newChildProps
-      };
-      cloneProps.ref = composeRef(this.props.forwardedRef, child.ref);
-      const trigger = React.cloneElement(child, cloneProps);
-      return trigger;
-    }
-  }
-  const defaultProps$y = {
+  const defaultProps$x = {
     ...ComponentDefaults,
     list: [],
-    theme: "light",
     location: "bottom",
     visible: false,
-    offset: 20,
+    offset: [0, 12],
+    targetId: "",
     className: "",
-    onClick: (e) => {
+    background: "",
+    color: "",
+    showArrow: true,
+    duration: 0.3,
+    overlay: false,
+    overlayClassName: "",
+    overlayStyle: {},
+    closeOnClickOutside: true,
+    closeOnClickAction: true,
+    closeOnOverlayClick: true,
+    onClick: () => {
+    },
+    onOpen: () => {
+    },
+    onClose: () => {
     },
-    onChoose: (item, index) => {
+    onSelect: (item, index) => {
     }
   };
+  const classPrefix$a = `nut-popover`;
   const Popover = (props) => {
     const {
       children,
       list,
-      theme,
       location,
       visible,
       offset,
+      targetId,
+      overlay,
+      overlayStyle,
+      overlayClassName,
+      closeOnClickOutside,
+      closeOnClickAction,
+      closeOnOverlayClick,
       className,
+      showArrow,
       style,
+      background,
+      color,
       onClick,
-      onChoose,
+      onOpen,
+      onClose,
+      onSelect,
       ...reset
     } = {
-      ...defaultProps$y,
+      ...defaultProps$x,
       ...props
     };
-    const goodItem = React.useRef(null);
-    setTimeout(async () => {
-      if (goodItem.current) {
-        const res = await getRectByTaro(goodItem.current);
-        setElWidth(res == null ? void 0 : res.width);
-        setElHeight(res == null ? void 0 : res.height);
-      }
-    });
-    const [classes, setClasses] = React.useState("");
+    const popoverRef = React.useRef(null);
+    const popoverContentRef = React.useRef(null);
+    const [showPopup, setShowPopup] = React.useState(false);
     const [elWidth, setElWidth] = React.useState(0);
     const [elHeight, setElHeight] = React.useState(0);
-    const [popoverContent, setPopoverContent] = React.useState("");
-    const [popoverArrow, setPopoverArrow] = React.useState("");
+    const [rootPosition, setRootPosition] = React.useState();
     React.useEffect(() => {
-      setClasses(classesSelf());
-      setPopoverContent(popoverContentSelf());
-      setPopoverArrow(popoverArrowSelf());
-    }, [list, theme]);
-    const getStyle = () => {
-      const offNumer = Number(offset) ? Number(offset) : 0;
-      const style2 = {};
-      if (location.includes("top")) {
-        style2.bottom = `${elHeight + offNumer}px`;
-      } else if (location.includes("right")) {
-        style2.left = `${elWidth + offNumer}px`;
-      } else if (location.includes("left")) {
-        style2.right = `${elWidth + offNumer}px`;
-      } else {
-        style2.top = `${elHeight + offNumer}px`;
+      setShowPopup(visible);
+      if (visible) {
+        setTimeout(() => {
+          getContentWidth();
+        }, 0);
       }
-      return style2;
+    }, [visible]);
+    const getContentWidth = async () => {
+      let rect;
+      if (targetId) {
+        if (Taro.getEnv() == Taro.ENV_TYPE.WEB) {
+          rect = getRect(document.querySelector(`#${targetId}`));
+        } else {
+          rect = await getRectTaro(targetId);
+        }
+      } else {
+        rect = await getRectByTaro(popoverRef.current);
+      }
+      setRootPosition({
+        width: rect.width,
+        height: rect.height,
+        left: rect.left,
+        top: rect.top,
+        right: rect.right
+      });
+      setTimeout(() => {
+        getPopoverContentW();
+      }, 300);
+    };
+    const getRectTaro = async (targetId2) => {
+      return new Promise((resolve) => {
+        const query = Taro.createSelectorQuery();
+        query.select(`#${targetId2}`) && query.select(`#${targetId2}`).boundingClientRect();
+        query.exec(function(res) {
+          resolve(res[0]);
+        });
+      });
     };
-    const classesSelf = () => {
-      const prefixCls2 = "nut-popover";
-      return `${prefixCls2} ${theme ? `${prefixCls2}--${theme}` : ""}`;
+    const getPopoverContentW = async () => {
+      let rectContent = await getRectByTaro(popoverContentRef.current);
+      setElWidth(rectContent.width);
+      setElHeight(rectContent.height);
     };
-    const popoverContentSelf = () => {
-      const prefixCls2 = "popover-content";
-      return `${prefixCls2}-show ${prefixCls2} ${location ? `${prefixCls2}--${location}` : ""}`;
+    const clickAway = () => {
+      if (closeOnClickOutside) {
+        props.onClick && props.onClick();
+        onClose && onClose();
+      }
     };
-    const filter = () => {
-      const ms = ["top", "bottom", "left", "right"];
-      return ms.filter((m) => location.includes(m))[0];
+    const classes = classNames(
+      {
+        [`${classPrefix$a}`]: true
+      },
+      className
+    );
+    const customStyle = () => {
+      const styles = {};
+      if (background) {
+        styles.background = background;
+      }
+      if (color) {
+        styles.color = color;
+      }
+      return styles;
     };
-    const popoverArrowSelf = () => {
-      const prefixCls2 = "popover-arrow";
-      return `${prefixCls2} ${prefixCls2}-${filter()} ${location ? `${prefixCls2}--${location}` : ""}`;
+    const popoverArrow = () => {
+      const prefixCls2 = "nut-popover-arrow";
+      const loca = location;
+      const direction = loca.split("-")[0];
+      return `${prefixCls2} ${prefixCls2}-${direction} ${prefixCls2}--${loca}`;
     };
-    const handleClick = (e) => {
-      if (props.onClick) {
-        props.onClick(e);
+    const popoverArrowStyle = () => {
+      const styles = {};
+      const { background: background2 } = props;
+      const direction = location.split("-")[0];
+      if (background2) {
+        styles[`border${upperCaseFirst(direction)}Color`] = background2;
+      }
+      return styles;
+    };
+    const getRootPosition = () => {
+      let styles = {};
+      if (!rootPosition) {
+        styles.visibility = "hidden";
+        return styles;
+      }
+      const contentWidth = elWidth;
+      const contentHeight = elHeight;
+      const { width, height, left, top, right } = rootPosition;
+      const direction = location.split("-")[0];
+      const skew = location.split("-")[1];
+      let cross = 0;
+      let parallel = 0;
+      if (Array.isArray(offset) && offset.length == 2) {
+        cross += +offset[1];
+        parallel += +offset[0];
+      }
+      if (width) {
+        if (["bottom", "top"].includes(direction)) {
+          const h = direction == "bottom" ? height + cross : -(contentHeight + cross);
+          styles.top = `${top + h}px`;
+          if (!skew) {
+            styles.left = `${-(contentWidth - width) / 2 + left + parallel}px`;
+          }
+          if (skew == "start") {
+            styles.left = `${left + parallel}px`;
+          }
+          if (skew == "end") {
+            styles.left = `${right + parallel}px`;
+          }
+        }
+        if (["left", "right"].includes(direction)) {
+          const contentW = direction == "left" ? -(contentWidth + cross) : width + cross;
+          styles.left = `${left + contentW}px`;
+          if (!skew) {
+            styles.top = `${top - contentHeight / 2 + height / 2 - 4 + parallel}px`;
+          }
+          if (skew == "start") {
+            styles.top = `${top + parallel}px`;
+          }
+          if (skew == "end") {
+            styles.top = `${top + height + parallel}px`;
+          }
+        }
       }
+      if (elWidth === 0) {
+        styles.visibility = "hidden";
+      } else {
+        styles.visibility = "initial";
+      }
+      return styles;
     };
-    const handleChoose = (item, index) => {
+    const handleSelect = (item, index) => {
       if (!item.disabled) {
-        onChoose(item, index);
+        onSelect(item, index);
+      }
+      if (closeOnClickAction) {
+        props.onClick && props.onClick();
+        onClose && onClose();
       }
     };
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, !targetId && /* @__PURE__ */ React.createElement(
       "div",
       {
-        className: `${classes} ${className}`,
-        style: { ...style },
-        ...reset
+        className: "nut-popover-wrapper",
+        ref: popoverRef,
+        onClick: () => {
+          props.onClick && props.onClick();
+          if (!visible) {
+            onOpen && onOpen();
+          } else {
+            onClose && onClose();
+          }
+        },
+        style
       },
-      /* @__PURE__ */ React.createElement(Trigger, { forwardedRef: goodItem }, /* @__PURE__ */ React.createElement("div", { onClick: (e) => handleClick(e) }, Array.isArray(children) ? children[0] : children, visible ? /* @__PURE__ */ React.createElement("div", { className: `${popoverContent}`, style: getStyle() }, /* @__PURE__ */ React.createElement("div", { className: `${popoverArrow}` }), Array.isArray(children) ? children[1] : "", /* @__PURE__ */ React.createElement("div", null, list.map((item, i) => {
+      Array.isArray(children) ? children[0] : children
+    ), /* @__PURE__ */ React.createElement("div", { className: classes, style: getRootPosition(), ...reset }, /* @__PURE__ */ React.createElement(
+      Popup,
+      {
+        className: `nut-popover-content nut-popover-content--${location}`,
+        style: customStyle(),
+        position: "default",
+        overlay,
+        overlayStyle,
+        overlayClassName,
+        closeOnOverlayClick,
+        visible: showPopup
+      },
+      /* @__PURE__ */ React.createElement("div", { className: "nut-popover-content-group", ref: popoverContentRef }, showArrow && /* @__PURE__ */ React.createElement("div", { className: popoverArrow(), style: popoverArrowStyle() }), Array.isArray(children) ? children[1] : "", list.map((item, index) => {
         return /* @__PURE__ */ React.createElement(
           "div",
           {
-            key: item.name,
-            className: `popover-menu-item ${item.disabled ? "disabled" : ""}`,
-            onClick: () => {
-              handleChoose(item, i);
-            }
+            className: classNames(
+              {
+                "nut-popover-menu-item": true,
+                "nut-popover-menu-disabled": item.disabled
+              },
+              item.className
+            ),
+            key: item.key,
+            onClick: () => handleSelect(item, index)
           },
           item.icon ? item.icon : null,
-          /* @__PURE__ */ React.createElement("div", { className: "popover-menu-item-name" }, item.name)
+          /* @__PURE__ */ React.createElement("div", { className: "nut-popover-menu-item-name" }, item.name)
         );
-      }))) : null))
-    ), visible ? /* @__PURE__ */ React.createElement(
-      Overlay$1,
+      }))
+    ), showPopup && /* @__PURE__ */ React.createElement(
+      "div",
       {
-        visible,
-        onClick: (e) => handleClick(e),
-        style: { background: "transparent" }
+        className: "nut-popover-content-bg",
+        onClick: clickAway,
+        onTouchMove: clickAway
       }
-    ) : null);
+    )));
   };
-  Popover.defaultProps = defaultProps$y;
+  Popover.defaultProps = defaultProps$x;
   Popover.displayName = "NutPopover";
   function bound(position, min, max) {
     let ret = position;
@@ -13456,7 +13569,7 @@ var __publicField = (obj, key, value) => {
     return position;
   }
   const sleep = (time) => new Promise((resolve) => setTimeout(resolve, time));
-  const defaultProps$x = {
+  const defaultProps$w = {
     ...ComponentDefaults,
     pullingText: "",
     canReleaseText: "",
@@ -13475,7 +13588,7 @@ var __publicField = (obj, key, value) => {
     const { locale } = useConfig$1();
     const touch = useTouch();
     const props = {
-      ...defaultProps$x,
+      ...defaultProps$w,
       ...p,
       ...{
         pullingText: p.pullingText || locale.pullToRefresh.pullingText,
@@ -13575,10 +13688,10 @@ var __publicField = (obj, key, value) => {
       /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-content` }, props.children)
     );
   };
-  PullToRefresh.defaultProps = defaultProps$x;
+  PullToRefresh.defaultProps = defaultProps$w;
   PullToRefresh.displayName = "NutPullToRefresh";
   const AvatarContext = React.createContext({});
-  const defaultProps$w = {
+  const defaultProps$v = {
     ...ComponentDefaults,
     size: "",
     shape: "round",
@@ -13589,7 +13702,7 @@ var __publicField = (obj, key, value) => {
     src: "",
     alt: ""
   };
-  const classPrefix$8 = `nut-avatar`;
+  const classPrefix$9 = `nut-avatar`;
   const Avatar = (props) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
     const {
@@ -13608,7 +13721,7 @@ var __publicField = (obj, key, value) => {
       onError,
       ...rest
     } = {
-      ...defaultProps$w,
+      ...defaultProps$v,
       ...props
     };
     const [maxSum, setMaxSum] = React.useState(0);
@@ -13621,7 +13734,7 @@ var __publicField = (obj, key, value) => {
       [`nut-avatar-${((_a = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _a.size) || size || "normal"}`]: true,
       [`nut-avatar-${((_b = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _b.shape) || shape}`]: true
     });
-    const cls = classNames(classPrefix$8, classes, className);
+    const cls = classNames(classPrefix$9, classes, className);
     const styles = {
       width: sizeValue.indexOf(size) > -1 ? "" : `${size}px`,
       height: sizeValue.indexOf(size) > -1 ? "" : `${size}px`,
@@ -13690,9 +13803,9 @@ var __publicField = (obj, key, value) => {
       showMax && /* @__PURE__ */ React.createElement("div", { className: "text" }, ((_l = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _l.maxContent) ? (_m = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _m.maxContent : `+ ${avatarIndex - ((_n = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _n.max)}`)
     ));
   };
-  Avatar.defaultProps = defaultProps$w;
+  Avatar.defaultProps = defaultProps$v;
   Avatar.displayName = "NutAvatar";
-  const defaultProps$v = {
+  const defaultProps$u = {
     ...ComponentDefaults,
     rows: 1,
     animated: false,
@@ -13715,7 +13828,7 @@ var __publicField = (obj, key, value) => {
       avatarShape,
       ...rest
     } = {
-      ...defaultProps$v,
+      ...defaultProps$u,
       ...props
     };
     const classPrefix2 = "nut-skeleton";
@@ -13752,7 +13865,7 @@ var __publicField = (obj, key, value) => {
       return /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__block`, key: index });
     })))));
   };
-  Skeleton.defaultProps = defaultProps$v;
+  Skeleton.defaultProps = defaultProps$u;
   Skeleton.displayName = "NutSkeleton";
   function preventDefault(event, isStopPropagation) {
     if (typeof event.cancelable !== "boolean" || event.cancelable) {
@@ -13762,7 +13875,7 @@ var __publicField = (obj, key, value) => {
       event.stopPropagation();
     }
   }
-  const defaultProps$u = {
+  const defaultProps$t = {
     name: ""
   };
   const Swipe = React.forwardRef((props, instanceRef) => {
@@ -13781,7 +13894,7 @@ var __publicField = (obj, key, value) => {
       };
       Taro.nextTick(() => getWidth());
     });
-    const { children, className, style } = { ...defaultProps$u, ...props };
+    const { children, className, style } = { ...defaultProps$t, ...props };
     const root2 = React.useRef();
     const opened = React.useRef(false);
     const lockClick = React.useRef(false);
@@ -13937,7 +14050,7 @@ var __publicField = (obj, key, value) => {
       /* @__PURE__ */ React.createElement("div", { className: `${swipeBem("wrapper")}`, style: wrapperStyle }, renderActionContent("left"), children, renderActionContent("right"))
     );
   });
-  Swipe.defaultProps = defaultProps$u;
+  Swipe.defaultProps = defaultProps$t;
   Swipe.displayName = "NutSwipe";
   const defaultOverlayProps = {
     ...ComponentDefaults,
@@ -14021,7 +14134,7 @@ var __publicField = (obj, key, value) => {
   };
   Overlay.defaultProps = defaultOverlayProps;
   Overlay.displayName = "NutOverlay";
-  const defaultProps$t = {
+  const defaultProps$s = {
     ...ComponentDefaults,
     id: "",
     icon: null,
@@ -14042,7 +14155,7 @@ var __publicField = (obj, key, value) => {
     }
     // 未实现
   };
-  const classPrefix$7 = "nut-toast";
+  const classPrefix$8 = "nut-toast";
   const Toast = (props) => {
     const {
       children,
@@ -14063,7 +14176,7 @@ var __publicField = (obj, key, value) => {
       style,
       onClose,
       ...rest
-    } = { ...defaultProps$t, ...props };
+    } = { ...defaultProps$s, ...props };
     let timer;
     const [openState, SetOpenState] = React.useState(false);
     React.useEffect(() => {
@@ -14123,27 +14236,27 @@ var __publicField = (obj, key, value) => {
       {
         visible: openState,
         style,
-        className: `${classPrefix$7}__overlay-default ${className}`,
+        className: `${classPrefix$8}__overlay-default ${className}`,
         closeOnOverlayClick,
         onClick: () => {
           clickCover();
         }
       },
-      /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$7} ${classes}`, id }, /* @__PURE__ */ React.createElement(
+      /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$8} ${classes}`, id }, /* @__PURE__ */ React.createElement(
         "div",
         {
-          className: `${classPrefix$7}__inner ${classPrefix$7}-${position} ${contentClassName}`,
+          className: `${classPrefix$8}__inner ${classPrefix$8}-${position} ${contentClassName}`,
           style: contentStyle
         },
-        hasIcon() ? /* @__PURE__ */ React.createElement("p", { className: `${classPrefix$7}__icon-wrapper` }, iconName()) : null,
-        title ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$7}-title` }, title) : null,
-        /* @__PURE__ */ React.createElement("span", { className: `${classPrefix$7}-text` }, msg)
+        hasIcon() ? /* @__PURE__ */ React.createElement("p", { className: `${classPrefix$8}__icon-wrapper` }, iconName()) : null,
+        title ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$8}-title` }, title) : null,
+        /* @__PURE__ */ React.createElement("span", { className: `${classPrefix$8}-text` }, msg)
       ))
     ) : null);
   };
-  Toast.defaultProps = defaultProps$t;
+  Toast.defaultProps = defaultProps$s;
   Toast.displayName = "NutToast";
-  const defaultProps$s = {
+  const defaultProps$r = {
     ...ComponentDefaults,
     type: "shake",
     action: "initial",
@@ -14151,16 +14264,16 @@ var __publicField = (obj, key, value) => {
     onClick: (event) => {
     }
   };
-  const classPrefix$6 = `nut-animate`;
+  const classPrefix$7 = `nut-animate`;
   const Animate = (props) => {
     const { className, type, action, loop, onClick, children, ...rest } = {
-      ...defaultProps$s,
+      ...defaultProps$r,
       ...props
     };
     const [clicked, setClicked] = React.useState(false);
     const classes = classNames({
       "nut-ani-container": true,
-      [`${classPrefix$6}-${type}`]: action === "initial" || clicked ? type : false,
+      [`${classPrefix$7}-${type}`]: action === "initial" || clicked ? type : false,
       loop
     });
     const cls = classNames(classes, className);
@@ -14175,9 +14288,9 @@ var __publicField = (obj, key, value) => {
     };
     return /* @__PURE__ */ React.createElement("div", { className: "nut-animate" }, /* @__PURE__ */ React.createElement("div", { className: cls, onClick: handleClick, ...rest }, children));
   };
-  Animate.defaultProps = defaultProps$s;
+  Animate.defaultProps = defaultProps$r;
   Animate.displayName = "NutAnimate";
-  const defaultProps$r = {
+  const defaultProps$q = {
     ...ComponentDefaults,
     length: 0,
     value: "",
@@ -14196,7 +14309,7 @@ var __publicField = (obj, key, value) => {
       style,
       ...reset
     } = {
-      ...defaultProps$r,
+      ...defaultProps$q,
       ...props
     };
     const classPrefix2 = "nut-countup";
@@ -14270,9 +14383,9 @@ var __publicField = (obj, key, value) => {
       );
     })));
   };
-  CountUp.defaultProps = defaultProps$r;
+  CountUp.defaultProps = defaultProps$q;
   CountUp.displayName = "NutCountUp";
-  const defaultProps$q = {};
+  const defaultProps$p = {};
   class AnimatingNumbers extends React.Component {
     constructor(props) {
       super(props);
@@ -14282,13 +14395,13 @@ var __publicField = (obj, key, value) => {
       return /* @__PURE__ */ React.createElement("div", { className: "nut-animatingnumbers" });
     }
   }
-  __publicField(AnimatingNumbers, "defaultProps", defaultProps$q);
+  __publicField(AnimatingNumbers, "defaultProps", defaultProps$p);
   __publicField(AnimatingNumbers, "displayName", "NutAnimatingNumbers");
   __publicField(AnimatingNumbers, "CountUp", CountUp);
   AnimatingNumbers.CountUp = CountUp;
   const b = cn("audio");
   const warn = console.warn;
-  const defaultProps$p = {
+  const defaultProps$o = {
     ...ComponentDefaults,
     className: "",
     url: "",
@@ -14331,7 +14444,7 @@ var __publicField = (obj, key, value) => {
       iconFontClassName,
       ...rest
     } = {
-      ...defaultProps$p,
+      ...defaultProps$o,
       ...props
     };
     const [playing, setPlaying] = React.useState(false);
@@ -14382,8 +14495,8 @@ var __publicField = (obj, key, value) => {
       setCurrentDuration(formatSeconds(audioCtx.currentTime.toString()));
     });
     audioCtx.onError((res) => {
-      console.log("code", res.errCode);
-      console.log("message", res.errMsg);
+      console.warn("code", res.errCode);
+      console.warn("message", res.errMsg);
     });
     function formatSeconds(value) {
       if (!value) {
@@ -14488,9 +14601,9 @@ var __publicField = (obj, key, value) => {
     };
     return /* @__PURE__ */ React.createElement("div", { className: `${b()} ${className}`, style, ...rest }, renderAudio());
   };
-  Audio.defaultProps = defaultProps$p;
+  Audio.defaultProps = defaultProps$o;
   Audio.displayName = "NutAudio";
-  const defaultProps$o = {
+  const defaultProps$n = {
     ...ComponentDefaults,
     maxContent: "",
     max: "",
@@ -14499,21 +14612,21 @@ var __publicField = (obj, key, value) => {
     gap: "-8",
     level: "left"
   };
-  const classPrefix$5 = `nut-avatar-group`;
+  const classPrefix$6 = `nut-avatar-group`;
   const AvatarGroup = (props) => {
-    const propAvatarGroup = { ...defaultProps$o, ...props };
+    const propAvatarGroup = { ...defaultProps$n, ...props };
     const { className, style, children } = propAvatarGroup;
     const avatarGroupRef = React.useRef(null);
-    const cls = classNames(classPrefix$5, className);
+    const cls = classNames(classPrefix$6, className);
     const parentAvatar = {
       propAvatarGroup,
       avatarGroupRef
     };
     return /* @__PURE__ */ React.createElement(AvatarContext.Provider, { value: parentAvatar }, /* @__PURE__ */ React.createElement("div", { className: cls, style, ref: avatarGroupRef }, children));
   };
-  AvatarGroup.defaultProps = defaultProps$o;
+  AvatarGroup.defaultProps = defaultProps$n;
   AvatarGroup.displayName = "NutAvatarGroup";
-  const defaultProps$n = {
+  const defaultProps$m = {
     ...ComponentDefaults,
     strokeWidth: 5,
     radius: 50,
@@ -14522,7 +14635,7 @@ var __publicField = (obj, key, value) => {
     background: "#e5e9f2",
     clockwise: true
   };
-  const classPrefix$4 = `nut-circleprogress`;
+  const classPrefix$5 = `nut-circleprogress`;
   const CircleProgress = (props) => {
     const {
       children,
@@ -14537,11 +14650,11 @@ var __publicField = (obj, key, value) => {
       strokeLinecap,
       ...restProps
     } = {
-      ...defaultProps$n,
+      ...defaultProps$m,
       ...props
     };
     const [oldValue, setOldValue] = React.useState(percent);
-    const classes = classNames(className, classPrefix$4);
+    const classes = classNames(className, classPrefix$5);
     const refRandomId = Math.random().toString(36).slice(-8);
     const animateIdRef = React.useRef(0);
     const styles = {
@@ -14623,7 +14736,7 @@ var __publicField = (obj, key, value) => {
     };
     return /* @__PURE__ */ React.createElement("div", { className: classes, style: styles, ...restProps }, /* @__PURE__ */ React.createElement("div", { style: circleStyle() }), /* @__PURE__ */ React.createElement("div", { className: "nut-circleprogress-text" }, children));
   };
-  CircleProgress.defaultProps = defaultProps$n;
+  CircleProgress.defaultProps = defaultProps$m;
   CircleProgress.displayName = "NutCircleProgress";
   const collapseContext = {
     isOpen: (name) => {
@@ -14635,7 +14748,7 @@ var __publicField = (obj, key, value) => {
     rotate: 180
   };
   const CollapseContext = React.createContext(collapseContext);
-  const defaultProps$m = {
+  const defaultProps$l = {
     ...ComponentDefaults,
     title: null,
     name: "",
@@ -14657,7 +14770,7 @@ var __publicField = (obj, key, value) => {
       extra,
       ...rest
     } = {
-      ...defaultProps$m,
+      ...defaultProps$l,
       ...props
     };
     const classPrefix2 = "nut-collapse-item";
@@ -14684,7 +14797,7 @@ var __publicField = (obj, key, value) => {
     const [wrapperHeight, setWrapperHeight] = React.useState(
       () => expanded ? "auto" : "0px"
     );
-    const getRect = (selector) => {
+    const getRect2 = (selector) => {
       return new Promise((resolve) => {
         Taro.createSelectorQuery().select(selector).boundingClientRect().exec((rect = []) => {
           resolve(rect[0]);
@@ -14693,7 +14806,7 @@ var __publicField = (obj, key, value) => {
     };
     React.useEffect(() => {
       setTimeout(() => {
-        getRect(target).then((res) => {
+        getRect2(target).then((res) => {
           if (res == null ? void 0 : res.height) {
             setCurrentHeight(`${res.height}px`);
           }
@@ -14702,7 +14815,7 @@ var __publicField = (obj, key, value) => {
     }, [children]);
     React.useEffect(() => {
       setTimeout(() => {
-        getRect(target).then((res) => {
+        getRect2(target).then((res) => {
           if (res == null ? void 0 : res.height) {
             setCurrentHeight(`${res.height}px`);
           }
@@ -14762,9 +14875,9 @@ var __publicField = (obj, key, value) => {
       )
     ));
   };
-  CollapseItem.defaultProps = defaultProps$m;
+  CollapseItem.defaultProps = defaultProps$l;
   CollapseItem.displayName = "NutCollapseItem";
-  const defaultProps$l = {
+  const defaultProps$k = {
     ...ComponentDefaults,
     defaultActiveName: [],
     accordion: false,
@@ -14783,7 +14896,7 @@ var __publicField = (obj, key, value) => {
       rotate,
       onChange
     } = {
-      ...defaultProps$l,
+      ...defaultProps$k,
       ...props
     };
     const classPrefix2 = "nut-collapse";
@@ -14840,10 +14953,10 @@ var __publicField = (obj, key, value) => {
       /* @__PURE__ */ React.createElement("div", { className: classNames(classPrefix2, className), style }, children)
     );
   };
-  Collapse.defaultProps = defaultProps$l;
+  Collapse.defaultProps = defaultProps$k;
   Collapse.displayName = "NutCollapse";
   Collapse.Item = CollapseItem;
-  const defaultProps$k = {
+  const defaultProps$j = {
     ...ComponentDefaults,
     paused: false,
     startTime: Date.now(),
@@ -14875,7 +14988,7 @@ var __publicField = (obj, key, value) => {
       onUpdate,
       children,
       ...rest
-    } = { ...defaultProps$k, ...props };
+    } = { ...defaultProps$j, ...props };
     const classPrefix2 = "nut-countdown";
     const [restTimeStamp, setRestTime] = React.useState(0);
     const stateRef = React.useRef({
@@ -15086,9 +15199,9 @@ var __publicField = (obj, key, value) => {
     );
   };
   const CountDown = React.forwardRef(InternalCountDown);
-  CountDown.defaultProps = defaultProps$k;
+  CountDown.defaultProps = defaultProps$j;
   CountDown.displayName = "NutCountDown";
-  const defaultProps$j = {
+  const defaultProps$i = {
     ...ComponentDefaults,
     content: "",
     direction: "end",
@@ -15099,7 +15212,7 @@ var __publicField = (obj, key, value) => {
     lineHeight: "20",
     width: "auto"
   };
-  const classPrefix$3 = `nut-ellipsis`;
+  const classPrefix$4 = `nut-ellipsis`;
   const Ellipsis = (props) => {
     var _a, _b, _c, _d;
     const {
@@ -15116,8 +15229,8 @@ var __publicField = (obj, key, value) => {
       onClick,
       onChange,
       ...rest
-    } = { ...defaultProps$j, ...props };
-    let maxHeight = 0;
+    } = { ...defaultProps$i, ...props };
+    const maxHeight = React.useRef(0);
     const [exceeded, setExceeded] = React.useState(false);
     const [expanded, setExpanded] = React.useState(false);
     const ellipsis = React.useRef({
@@ -15128,8 +15241,8 @@ var __publicField = (obj, key, value) => {
     const rootContain = React.useRef(null);
     const symbolContain = React.useRef(null);
     const [contentCopy, setContentCopy] = React.useState(content);
-    let lineH = 0;
-    let originHeight = 0;
+    const lineH = React.useRef(0);
+    const originHeight = React.useRef(0);
     const refRandomId = Math.random().toString(36).slice(-8);
     const widthRef = React.useRef("auto");
     let widthBase = [14, 10, 7, 8.4, 10];
@@ -15139,9 +15252,9 @@ var __publicField = (obj, key, value) => {
     const letterUpperReg = /^[A-Z]+$/;
     const letterLowerReg = /^[a-z]+$/;
     const classes = classNames(
-      classPrefix$3,
+      classPrefix$4,
       className,
-      width ? `${classPrefix$3}-width` : ""
+      width ? `${classPrefix$4}-width` : ""
     );
     const init = () => {
       setExceeded(false);
@@ -15153,7 +15266,10 @@ var __publicField = (obj, key, value) => {
       });
     };
     Taro.useReady(() => init());
-    React.useEffect(() => init(), [content]);
+    React.useEffect(
+      () => init(),
+      [content, lineH.current, maxHeight.current, originHeight.current]
+    );
     const getSymbolInfo = async () => {
       const refe = await getRectByTaro(symbolContain == null ? void 0 : symbolContain.current);
       symbolTextWidth = refe.width ? Math.ceil(refe.width) : Math.ceil(widthBase[0] * 0.7921);
@@ -15181,13 +15297,13 @@ var __publicField = (obj, key, value) => {
         (res) => {
           if (!res)
             return;
-          lineH = pxToNumber(
+          lineH.current = pxToNumber(
             res.lineHeight === "normal" ? lineHeight : res.lineHeight
           );
-          maxHeight = Math.floor(
-            lineH * (Number(rows) + 0.5) + pxToNumber(res.paddingTop) + pxToNumber(res.paddingBottom)
+          maxHeight.current = Math.floor(
+            lineH.current * (Number(rows) + 0.5) + pxToNumber(res.paddingTop) + pxToNumber(res.paddingBottom)
           );
-          originHeight = pxToNumber(res.height);
+          originHeight.current = pxToNumber(res.height);
           widthRef.current = res.width;
           const bsize = pxToNumber(res.fontSize);
           widthBase = [
@@ -15203,10 +15319,12 @@ var __publicField = (obj, key, value) => {
     };
     const calcEllipse = async () => {
       const refe = await getRectByTaro(rootContain.current);
-      if (refe.height <= maxHeight) {
+      if (refe.height <= maxHeight.current) {
         setExceeded(false);
       } else {
-        const rowNum = Math.floor(content.length / (originHeight / lineH - 1));
+        const rowNum = Math.floor(
+          content.length / (originHeight.current / lineH.current - 1)
+        );
         if (direction === "middle") {
           const end = content.length;
           ellipsis.current.leading = tailorContent(
@@ -15235,7 +15353,7 @@ var __publicField = (obj, key, value) => {
     const verifyEllipsis = async () => {
       var _a2, _b2, _c2, _d2, _e, _f;
       const refe = await getRectByTaro(rootContain.current);
-      if (refe && refe.height && refe.height > maxHeight) {
+      if (refe && refe.height && refe.height > maxHeight.current) {
         if (direction === "end") {
           ellipsis.current.leading = (_c2 = (_a2 = ellipsis.current) == null ? void 0 : _a2.leading) == null ? void 0 : _c2.slice(
             0,
@@ -15395,21 +15513,21 @@ var __publicField = (obj, key, value) => {
       symbolText()
     ));
   };
-  Ellipsis.defaultProps = defaultProps$j;
+  Ellipsis.defaultProps = defaultProps$i;
   Ellipsis.displayName = "NutEllipsis";
-  const defaultProps$i = {
+  const defaultProps$h = {
     total: 3,
     current: 0,
     direction: "horizontal"
   };
-  const classPrefix$2 = `nut-indicator`;
+  const classPrefix$3 = `nut-indicator`;
   const Indicator = (props) => {
     const { total, current, children, className, direction, ...rest } = {
-      ...defaultProps$i,
+      ...defaultProps$h,
       ...props
     };
     const classes = classNames({
-      [`${classPrefix$2}__vertical`]: direction === "vertical"
+      [`${classPrefix$3}__vertical`]: direction === "vertical"
     });
     const renderElement = () => {
       const childs = [];
@@ -15419,25 +15537,25 @@ var __publicField = (obj, key, value) => {
             "div",
             {
               key: item,
-              className: `${classPrefix$2}__dot ${classPrefix$2}__active`
+              className: `${classPrefix$3}__dot ${classPrefix$3}__active`
             }
-          ) : /* @__PURE__ */ React.createElement("div", { key: item, className: `${classPrefix$2}__dot` })
+          ) : /* @__PURE__ */ React.createElement("div", { key: item, className: `${classPrefix$3}__dot` })
         );
       }
       return childs;
     };
     return /* @__PURE__ */ React.createElement("div", { className: classNames(classes, className), ...rest }, renderElement());
   };
-  Indicator.defaultProps = defaultProps$i;
+  Indicator.defaultProps = defaultProps$h;
   Indicator.displayName = "NutIndicator";
-  const defaultProps$h = {
+  const defaultProps$g = {
     direction: "horizontal",
     indicator: false,
     autoPlay: false,
     loop: false,
     defaultValue: 0
   };
-  const classPrefix$1 = "nut-swiper";
+  const classPrefix$2 = "nut-swiper";
   const Swiper = React.forwardRef((props, ref) => {
     const {
       width,
@@ -15452,7 +15570,7 @@ var __publicField = (obj, key, value) => {
       defaultValue,
       ...rest
     } = {
-      ...defaultProps$h,
+      ...defaultProps$g,
       ...props
     };
     const [current, setCurrent] = React.useState(defaultValue);
@@ -15468,8 +15586,8 @@ var __publicField = (obj, key, value) => {
           "div",
           {
             className: classNames({
-              [`${classPrefix$1}__indicator`]: true,
-              [`${classPrefix$1}__indicator-vertical`]: direction === "vertical"
+              [`${classPrefix$2}__indicator`]: true,
+              [`${classPrefix$2}__indicator-vertical`]: direction === "vertical"
             })
           },
           /* @__PURE__ */ React.createElement(
@@ -15511,7 +15629,7 @@ var __publicField = (obj, key, value) => {
     return /* @__PURE__ */ React.createElement(
       components.View,
       {
-        className: classNames(classPrefix$1, className),
+        className: classNames(classPrefix$2, className),
         style: {
           width: !width ? "100%" : `${width}px`,
           height: !height ? "150px" : `${height}px`
@@ -15547,9 +15665,9 @@ var __publicField = (obj, key, value) => {
       renderIndicator()
     );
   });
-  Swiper.defaultProps = defaultProps$h;
+  Swiper.defaultProps = defaultProps$g;
   Swiper.displayName = "NutSwiper";
-  const defaultProps$g = {
+  const defaultProps$f = {
     itemId: "",
     skipHiddenItemLayout: false
   };
@@ -15557,9 +15675,9 @@ var __publicField = (obj, key, value) => {
     const { children, ...rest } = props;
     return /* @__PURE__ */ React.createElement(React.Fragment, null, children);
   };
-  SwiperItem.defaultProps = defaultProps$g;
+  SwiperItem.defaultProps = defaultProps$f;
   SwiperItem.displayName = "NutSwiperItem";
-  const defaultProps$f = {
+  const defaultProps$e = {
     ...ComponentDefaults,
     images: [],
     videos: [],
@@ -15569,6 +15687,7 @@ var __publicField = (obj, key, value) => {
     closeOnContentClick: false,
     indicator: false,
     indicatorColor: "#fff",
+    showMenuByLongpress: false,
     onChange: (value) => {
     },
     onClose: () => {
@@ -15584,6 +15703,7 @@ var __publicField = (obj, key, value) => {
       indicator,
       autoPlay,
       closeOnContentClick,
+      showMenuByLongpress,
       onClose
     } = props;
     const classPrefix2 = "nut-imagepreview";
@@ -15767,6 +15887,7 @@ var __publicField = (obj, key, value) => {
                 {
                   src: item.src,
                   mode: "aspectFit",
+                  showMenuByLongpress: true,
                   style: { width: "100%", height: "100%" }
                 }
               ));
@@ -15777,7 +15898,7 @@ var __publicField = (obj, key, value) => {
       /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-index` }, active, "/", (images ? images.length : 0) + (videos ? videos.length : 0))
     );
   };
-  ImagePreview.defaultProps = defaultProps$f;
+  ImagePreview.defaultProps = defaultProps$e;
   ImagePreview.displayName = "NutImagePreview";
   const initPositinoCache = (reaItemSize, length = 0) => {
     let index = 0;
@@ -15849,7 +15970,7 @@ var __publicField = (obj, key, value) => {
     });
   };
   const clientHeight = Taro.getSystemInfoSync().windowHeight - 5 || 667;
-  const defaultProps$e = {
+  const defaultProps$d = {
     ...ComponentDefaults,
     list: [],
     containerHeight: clientHeight,
@@ -15870,7 +15991,7 @@ var __publicField = (obj, key, value) => {
       containerHeight,
       ...rest
     } = {
-      ...defaultProps$e,
+      ...defaultProps$d,
       ...props
     };
     const [startOffset, setStartOffset] = React.useState(0);
@@ -16010,9 +16131,9 @@ var __publicField = (obj, key, value) => {
       )
     );
   };
-  VirtualList.defaultProps = defaultProps$e;
+  VirtualList.defaultProps = defaultProps$d;
   VirtualList.displayName = "NutVirtualList";
-  const defaultProps$d = {
+  const defaultProps$c = {
     ...ComponentDefaults,
     defaultValue: 1,
     mode: "multi",
@@ -16040,7 +16161,7 @@ var __publicField = (obj, key, value) => {
       className,
       ...rest
     } = {
-      ...defaultProps$d,
+      ...defaultProps$c,
       ...props
     };
     const classPrefix2 = "nut-pagination";
@@ -16122,9 +16243,9 @@ var __publicField = (obj, key, value) => {
       next || locale.pagination.next
     ));
   };
-  Pagination.defaultProps = defaultProps$d;
+  Pagination.defaultProps = defaultProps$c;
   Pagination.displayName = "NutPagination";
-  const defaultProps$c = {
+  const defaultProps$b = {
     ...ComponentDefaults,
     price: 0,
     symbol: "&yen;",
@@ -16147,7 +16268,7 @@ var __publicField = (obj, key, value) => {
       style,
       ...rest
     } = {
-      ...defaultProps$c,
+      ...defaultProps$b,
       ...props
     };
     const classPrefix2 = "nut-price";
@@ -16236,10 +16357,10 @@ var __publicField = (obj, key, value) => {
       symbol && position === "after" ? renderSymbol() : null
     );
   };
-  Price.defaultProps = defaultProps$c;
+  Price.defaultProps = defaultProps$b;
   Price.displayName = "NutPrice";
   const DataContext = React.createContext({});
-  const defaultProps$b = {
+  const defaultProps$a = {
     ...ComponentDefaults,
     title: "",
     description: "",
@@ -16248,7 +16369,7 @@ var __publicField = (obj, key, value) => {
   };
   const Step = (props) => {
     const { children, title, description, value, icon, className, ...restProps } = {
-      ...defaultProps$b,
+      ...defaultProps$a,
       ...props
     };
     const parent = React.useContext(DataContext);
@@ -16282,16 +16403,16 @@ var __publicField = (obj, key, value) => {
     };
     return /* @__PURE__ */ React.createElement("div", { className: classes, ...restProps, onClick: handleClickStep }, /* @__PURE__ */ React.createElement("div", { className: "nut-step-head" }, /* @__PURE__ */ React.createElement("div", { className: "nut-step-line" }), /* @__PURE__ */ React.createElement("div", { className: renderIconClass() }, icon || !dot && /* @__PURE__ */ React.createElement("span", { className: "nut-step-inner" }, value))), /* @__PURE__ */ React.createElement("div", { className: "nut-step-main" }, /* @__PURE__ */ React.createElement("span", { className: "nut-step-title" }, title), description && /* @__PURE__ */ React.createElement("span", { className: "nut-step-description" }, description)));
   };
-  Step.defaultProps = defaultProps$b;
+  Step.defaultProps = defaultProps$a;
   Step.displayName = "NutStep";
-  const defaultProps$a = {
+  const defaultProps$9 = {
     ...ComponentDefaults,
     value: 0,
     direction: "horizontal",
     dot: false
   };
   const Steps = (props) => {
-    const propSteps = { ...defaultProps$a, ...props };
+    const propSteps = { ...defaultProps$9, ...props };
     const {
       children,
       value,
@@ -16322,9 +16443,9 @@ var __publicField = (obj, key, value) => {
       children
     ));
   };
-  Steps.defaultProps = defaultProps$a;
+  Steps.defaultProps = defaultProps$9;
   Steps.displayName = "NutSteps";
-  const defaultProps$9 = {
+  const defaultProps$8 = {
     ...ComponentDefaults,
     columns: [],
     data: [],
@@ -16336,7 +16457,7 @@ var __publicField = (obj, key, value) => {
   };
   const Table = (props) => {
     const { locale } = useConfig$1();
-    defaultProps$9.noData = locale.noData;
+    defaultProps$8.noData = locale.noData;
     const {
       children,
       className,
@@ -16352,7 +16473,7 @@ var __publicField = (obj, key, value) => {
       onSort,
       ...rest
     } = {
-      ...defaultProps$9,
+      ...defaultProps$8,
       ...props
     };
     const [curData, setCurData] = React.useState(data);
@@ -16435,19 +16556,18 @@ var __publicField = (obj, key, value) => {
       /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__main__body` }, renderBoyTrs())
     ), (summary || curData.length === 0) && /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__summary` }, summary || noData));
   };
-  Table.defaultProps = defaultProps$9;
+  Table.defaultProps = defaultProps$8;
   Table.displayName = "NutTable";
-  const defaultProps$8 = {
+  const defaultProps$7 = {
     ...ComponentDefaults,
     type: "default",
+    background: "",
     color: "",
-    textColor: "",
     plain: false,
     round: false,
     mark: false,
     closeable: false,
     closeIcon: null,
-    prefixCls: "nut-tag",
     onClose: (e) => {
     },
     onClick: (e) => {
@@ -16457,86 +16577,70 @@ var __publicField = (obj, key, value) => {
     const {
       className,
       style,
-      color,
+      background,
       plain,
       type,
       round,
-      prefixCls: prefixCls2,
       children,
       mark,
       closeable,
       closeIcon,
-      textColor,
+      color,
       onClick,
       onClose
     } = {
-      ...defaultProps$8,
+      ...defaultProps$7,
       ...props
     };
-    const [btnName, setBtnName] = React.useState("");
-    const [isTagShow, setIsTagShow] = React.useState(true);
-    React.useEffect(() => {
-      setBtnName(classes());
-    }, [
-      type,
-      color,
-      textColor,
-      plain,
-      round,
-      mark,
-      closeable,
-      prefixCls2,
-      onClick,
-      onClose,
-      className
-    ]);
+    const [tagClass, setTagClass] = React.useState("");
+    const [visible, setVisible] = React.useState(true);
+    const classPrefix2 = "nut-tag";
     const classes = () => {
-      const prefixCls22 = "nut-tag";
       return classNames({
-        [prefixCls22]: true,
-        [`${prefixCls22}--${type}`]: type,
-        [`${prefixCls22}--plain`]: plain,
-        [`${prefixCls22}--round`]: round,
-        [`${prefixCls22}--mark`]: mark,
-        [`${prefixCls22}--close`]: closeable,
+        [classPrefix2]: true,
+        [`${classPrefix2}--${type}`]: type,
+        [`${classPrefix2}--plain`]: plain,
+        [`${classPrefix2}--round`]: round,
+        [`${classPrefix2}--mark`]: mark,
+        [`${classPrefix2}--close`]: closeable,
         [`${className}`]: className
       });
     };
+    React.useEffect(() => {
+      setTagClass(classes());
+    }, [type, background, color, plain, round, mark, closeable, className]);
     const handleClick = (e) => {
-      if (props.onClick) {
-        props.onClick(e);
-      }
+      onClick && onClick(e);
     };
     const getStyle = () => {
       const style2 = {};
-      if (textColor) {
-        style2.color = textColor;
-      } else if (color && plain) {
+      if (color) {
         style2.color = color;
+      } else if (background && plain) {
+        style2.color = background;
       }
       if (plain) {
-        style2.background = "#fff";
-        style2.borderColor = color;
-      } else if (color) {
-        style2.background = color;
+        style2.borderColor = background;
+      } else if (background) {
+        style2.background = background;
       }
       return style2;
     };
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, closeable ? isTagShow && /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, closeable ? visible && /* @__PURE__ */ React.createElement(
       "div",
       {
-        className: btnName,
+        className: tagClass,
         style: { ...style, ...getStyle() },
         onClick: (e) => handleClick(e)
       },
-      children && /* @__PURE__ */ React.createElement("span", { className: "nut-tag-text" }, children),
+      children && /* @__PURE__ */ React.createElement("span", { className: `${classPrefix2}-text` }, children),
       React.isValidElement(closeIcon) ? /* @__PURE__ */ React.createElement(
         "i",
         {
-          className: "nut-tag-custom-icon",
+          className: `${classPrefix2}-custom-icon`,
           onClick: (e) => {
-            setIsTagShow(false);
-            props.onClose && props.onClose(e);
+            setVisible(false);
+            onClose && onClose(e);
           }
         },
         closeIcon
@@ -16545,24 +16649,24 @@ var __publicField = (obj, key, value) => {
         {
           size: 12,
           onClick: (e) => {
-            setIsTagShow(false);
-            props.onClose && props.onClose(e);
+            setVisible(false);
+            onClose && onClose(e);
           }
         }
       )
     ) : /* @__PURE__ */ React.createElement(
       "div",
       {
-        className: btnName,
+        className: tagClass,
         style: { ...style, ...getStyle() },
         onClick: (e) => handleClick(e)
       },
-      children && /* @__PURE__ */ React.createElement("span", { className: "nut-tag-text" }, children)
+      children && /* @__PURE__ */ React.createElement("span", { className: `${classPrefix2}-text` }, children)
     ));
   };
-  Tag.defaultProps = defaultProps$8;
+  Tag.defaultProps = defaultProps$7;
   Tag.displayName = "NutTag";
-  const defaultProps$7 = {
+  const defaultProps$6 = {
     ...ComponentDefaults,
     source: {
       type: {},
@@ -16578,7 +16682,7 @@ var __publicField = (obj, key, value) => {
       loop: false
     }
   };
-  const classPrefix = `nut-video`;
+  const classPrefix$1 = `nut-video`;
   const Video = (props) => {
     const {
       children,
@@ -16590,10 +16694,10 @@ var __publicField = (obj, key, value) => {
       onPlayEnd,
       ...restProps
     } = {
-      ...defaultProps$7,
+      ...defaultProps$6,
       ...props
     };
-    const classes = classNames(className, classPrefix);
+    const classes = classNames(className, classPrefix$1);
     return /* @__PURE__ */ React.createElement("div", { className: classes, ...restProps }, /* @__PURE__ */ React.createElement(
       components.Video,
       {
@@ -16610,41 +16714,41 @@ var __publicField = (obj, key, value) => {
       }
     ));
   };
-  Video.defaultProps = defaultProps$7;
+  Video.defaultProps = defaultProps$6;
   Video.displayName = "NutVideo";
-  const defaultProps$6 = {
-    barrageList: [],
-    frequency: 500,
+  const defaultProps$5 = {
+    ...ComponentDefaults,
+    list: [],
+    interval: 500,
     loop: true,
-    speeds: 3e3,
+    duration: 3e3,
     rows: 3,
-    top: 10
+    gapY: 10
   };
+  const classPrefix = `nut-barrage`;
   const InternalBarrage = (props, ref) => {
     const {
       className,
-      frequency,
+      interval,
       loop,
-      barrageList,
-      speeds,
+      list,
+      duration,
       rows,
-      top,
+      gapY,
       ...restProps
     } = {
-      ...defaultProps$6,
+      ...defaultProps$5,
       ...props
     };
     const [styleList, setStyleList] = React.useState([]);
-    const [baItemList, setBaItemList] = React.useState(barrageList);
-    const barrageListSet = React.useRef(barrageList);
+    const [baItemList, setBaItemList] = React.useState(list);
+    const barrageListSet = React.useRef(list);
     const barrageBody = React.useRef(null);
     const barrageContainer = React.useRef(null);
     const timeId = React.useRef((/* @__PURE__ */ new Date()).getTime());
     const timer = React.useRef(0);
-    React.useRef(0);
-    const b2 = cn("barrage");
-    const classes = classNames(className, b2(""), {
-      [`nut-barrage__body${timeId.current}`]: true
+    const classes = classNames(className, classPrefix, {
+      [`${classPrefix}__body${timeId.current}`]: true
     });
     React.useImperativeHandle(ref, () => ({
       add: (word) => {
@@ -16653,303 +16757,296 @@ var __publicField = (obj, key, value) => {
       }
     }));
     React.useEffect(() => {
-      barrageListSet.current = [...barrageList];
+      barrageListSet.current = [...list];
       run();
       return () => {
         clearInterval(timer.current);
       };
-    }, [barrageList]);
+    }, [list]);
     const run = () => {
       setBaItemList(barrageListSet.current);
-      barrageListSet.current.forEach((item, index2) => {
-        getNode(index2);
+      barrageListSet.current.forEach((item, index) => {
+        getNode(index);
       });
     };
-    const getNode = (index2) => {
+    const getNode = (index) => {
       const query = Taro.createSelectorQuery();
       setTimeout(() => {
         let width = 100;
-        query.select(".nut-barrage__body" + timeId.current).boundingClientRect((rec) => {
+        query.select(`.${classPrefix}__body` + timeId.current).boundingClientRect((rec) => {
           width = rec.width || 300;
         });
-        query.select(".nut-barrage__item" + index2).boundingClientRect((recs) => {
+        query.select(`.${classPrefix}__item` + index).boundingClientRect((recs) => {
           let height = recs.height;
-          let nodeTop = index2 % rows * (height + top) + 20 + "px";
-          styleInfo(index2, nodeTop, width);
+          let nodeTop = index % rows * (height + gapY) + 20 + "px";
+          styleInfo(index, nodeTop, width);
         }).exec();
       }, 500);
     };
-    const styleInfo = (index2, nodeTop, width) => {
-      let timeIndex = index2 - rows > 0 ? index2 - rows : 0;
-      let list = styleList;
-      let time = list[timeIndex] ? Number(list[timeIndex]["--time"]) : 0;
+    const styleInfo = (index, nodeTop, width) => {
+      let timeIndex = index - rows > 0 ? index - rows : 0;
+      let list2 = styleList;
+      let time = list2[timeIndex] ? Number(list2[timeIndex]["--time"]) : 0;
       let obj = {
         top: nodeTop,
-        "--time": `${frequency * index2 + time}`,
-        animationDuration: `${speeds}ms`,
+        "--time": `${interval * index + time}`,
+        animationDuration: `${duration}ms`,
         animationIterationCount: `${loop ? "infinite" : 1}`,
-        animationDelay: `${frequency * index2 + time}ms`,
+        animationDelay: `${interval * index + time}ms`,
         "--move-distance": `-${width}px`
       };
-      list.push(obj);
-      setStyleList([...list]);
+      list2.push(obj);
+      setStyleList([...list2]);
     };
-    return /* @__PURE__ */ React.createElement("div", { className: classes, ref: barrageBody, ...restProps }, /* @__PURE__ */ React.createElement("div", { ref: barrageContainer, className: "bContainer" }, baItemList.map((item, index2) => {
+    return /* @__PURE__ */ React.createElement("div", { className: classes, ref: barrageBody, ...restProps }, /* @__PURE__ */ React.createElement("div", { ref: barrageContainer, className: "bContainer" }, baItemList.map((item, index) => {
       return /* @__PURE__ */ React.createElement(
         "div",
         {
-          className: `barrage-item nut-barrage__item${index2} move`,
-          style: styleList[index2]
+          className: `barrage-item ${classPrefix}__item${index} move`,
+          style: styleList[index]
         },
         item.length > 8 ? item.substr(0, 8) + "..." : item
       );
     })));
   };
   const Barrage = React.forwardRef(InternalBarrage);
-  Barrage.defaultProps = defaultProps$6;
+  Barrage.defaultProps = defaultProps$5;
   Barrage.displayName = "NutBarrage";
-  const defaultProps$5 = {};
+  const defaultProps$4 = {
+    ...ComponentDefaults,
+    src: "",
+    title: "",
+    price: "",
+    vipPrice: "",
+    shopDescription: "",
+    delivery: "",
+    shopName: "",
+    description: "",
+    tag: "",
+    priceTag: "",
+    extra: ""
+  };
   const Card = (props) => {
     const {
       className,
       style,
-      imgUrl,
+      src,
       title,
       price,
       vipPrice,
-      shopDesc,
+      shopDescription,
       delivery,
       shopName,
-      shopTagTpl,
-      originTpl,
-      prolistTpl,
-      footerTpl,
+      tag,
+      priceTag,
+      description,
+      extra,
       ...rest
     } = {
-      ...defaultProps$5,
+      ...defaultProps$4,
       ...props
     };
-    const b2 = cn("card");
-    return /* @__PURE__ */ React.createElement("div", { className: classNames(b2(), className), style, ...rest }, /* @__PURE__ */ React.createElement("div", { className: b2("left") }, /* @__PURE__ */ React.createElement("img", { src: imgUrl, alt: "" })), /* @__PURE__ */ React.createElement("div", { className: b2("right") }, /* @__PURE__ */ React.createElement("div", { className: b2("right__title") }, title), prolistTpl, /* @__PURE__ */ React.createElement("div", { className: b2("right__price") }, /* @__PURE__ */ React.createElement(Price, { price }), originTpl || /* @__PURE__ */ React.createElement(Price, { className: b2("right__price__origin"), price: vipPrice })), /* @__PURE__ */ React.createElement("div", { className: b2("right__other") }, shopTagTpl || /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Tag, { type: "danger" }, shopDesc), /* @__PURE__ */ React.createElement(Tag, { plain: true }, delivery))), /* @__PURE__ */ React.createElement("div", { className: b2("right__shop") }, /* @__PURE__ */ React.createElement("div", { className: b2("right__shop__name") }, shopName), footerTpl)));
+    const classPrefix2 = "nut-card";
+    return /* @__PURE__ */ React.createElement("div", { className: classNames(classPrefix2, className), style, ...rest }, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__left` }, /* @__PURE__ */ React.createElement("img", { src, alt: "" })), /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__right` }, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__right-title` }, title), description, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}right-price` }, /* @__PURE__ */ React.createElement(Price, { size: "normal", price }), priceTag || /* @__PURE__ */ React.createElement(
+      Price,
+      {
+        size: "normal",
+        className: `${classPrefix2}right-price-origin`,
+        price: vipPrice
+      }
+    )), /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}right-other` }, tag || /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Tag, { type: "danger" }, shopDescription), /* @__PURE__ */ React.createElement(Tag, { plain: true }, delivery))), /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}right-shop` }, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}right-shop-name` }, shopName), extra)));
   };
-  Card.defaultProps = defaultProps$5;
+  Card.defaultProps = defaultProps$4;
   Card.displayName = "NutCard";
-  const defaultProps$4 = {
-    className: "",
-    currentKey: 0,
-    currentTime: [],
-    times: [],
-    select: () => null
+  const defaultProps$3 = {
+    ...ComponentDefaults,
+    activeDate: "",
+    activeTime: [],
+    options: [],
+    optionKey: {
+      valueKey: "value",
+      textKey: "text",
+      childrenKey: "children"
+    },
+    onSelect: () => {
+    }
   };
   const TimeDetail = (props) => {
-    useConfig$1();
-    const { children, times, className, currentKey, currentTime, select } = {
-      ...defaultProps$4,
+    const { options, optionKey, className, activeDate, activeTime, onSelect } = {
+      ...defaultProps$3,
       ...props
     };
-    const b2 = cn("timedetail");
-    const [renderData, setRenderData] = React.useState([]);
-    React.useEffect(() => {
-      const currentData = times.find(
-        (timesItem) => String(timesItem.key) === String(currentKey)
-      );
-      const renderData2 = currentData ? currentData.list : [];
-      setRenderData(renderData2);
-    }, [times, currentKey]);
-    const handleTime = (time) => {
-      select(time);
-    };
-    const getDetailClass = (item) => {
-      let initClass = "nut-timedetail__item";
-      const curTimeData = currentTime.find(
-        (item2) => String(item2.key) === String(currentKey)
-      );
-      if (curTimeData && curTimeData.list && curTimeData.list.includes(item)) {
-        initClass += " nut-timedetail__item-active";
-      }
-      return initClass;
-    };
-    return /* @__PURE__ */ React.createElement("div", { className: `${b2()} ${className || ""}` }, renderData.map((item, index) => /* @__PURE__ */ React.createElement(
+    const classPrefix2 = "nut-timedetail";
+    const timeList = React.useMemo(() => {
+      return (options == null ? void 0 : options.find(
+        (item) => item[optionKey.valueKey] === activeDate
+      )) || {
+        [optionKey.childrenKey]: []
+      };
+    }, [options, optionKey, activeDate]);
+    const isActive = React.useCallback(
+      (timeKey) => {
+        const date = activeTime.find((item) => {
+          return item[optionKey.valueKey] === activeDate;
+        });
+        if (date == null ? void 0 : date[optionKey.childrenKey]) {
+          const time = date == null ? void 0 : date[optionKey.childrenKey].find((time2) => {
+            return time2[optionKey.valueKey] === timeKey;
+          });
+          return time;
+        }
+        return false;
+      },
+      [activeTime, optionKey, activeDate]
+    );
+    return /* @__PURE__ */ React.createElement("div", { className: classNames(classPrefix2, className) }, timeList[optionKey.childrenKey].map((item) => /* @__PURE__ */ React.createElement(
       "span",
       {
-        className: getDetailClass(item),
-        key: item,
-        onClick: () => handleTime(item)
+        className: classNames(`${classPrefix2}__item`, {
+          active: isActive(item[optionKey.valueKey])
+        }),
+        key: item[optionKey.valueKey],
+        onClick: () => onSelect(item)
       },
-      item
+      item[optionKey.textKey]
     )));
   };
-  TimeDetail.defaultProps = defaultProps$4;
+  TimeDetail.defaultProps = defaultProps$3;
   TimeDetail.displayName = "NutTimeDetail";
-  const defaultProps$3 = {
-    className: "",
-    date: "",
-    curKey: 0
-  };
-  const TimePannel = (props) => {
-    useConfig$1();
-    const { children, className, date, curKey, change } = {
-      ...defaultProps$3,
-      ...props
-    };
-    const b2 = cn("timepannel");
-    return /* @__PURE__ */ React.createElement("div", { className: `${b2()} ${className || ""}`, onClick: () => change(curKey) }, date);
-  };
-  TimePannel.defaultProps = defaultProps$3;
-  TimePannel.displayName = "NutTimePannel";
   const defaultProps$2 = {
-    className: "",
-    style: {},
+    ...ComponentDefaults,
     visible: false,
-    height: "20%",
     multiple: false,
-    currentKey: 0,
-    currentTime: [],
-    title: "取件时间",
-    dates: [],
-    times: []
+    defaultValue: [],
+    options: [],
+    optionKey: {
+      valueKey: "value",
+      textKey: "text",
+      childrenKey: "children"
+    }
   };
   const TimeSelect = (props) => {
-    useConfig$1();
+    const { locale } = useConfig$1();
     const {
       visible,
       className,
-      height,
+      style,
       title,
-      currentKey,
-      currentTime,
-      dates,
-      times,
+      defaultValue,
+      options,
+      optionKey,
       multiple,
-      select,
-      pannelChange,
-      timeChange,
       onSelect,
-      onPannelChange,
-      onTimeChange
+      onDateChange,
+      onTimeChange,
+      ...rest
     } = {
       ...defaultProps$2,
       ...props
     };
-    const [activeKey, setActiveKey] = React.useState(currentKey);
+    const [activeDate, setActiveDate] = React.useState(() => {
+      if (defaultValue == null ? void 0 : defaultValue.length) {
+        return defaultValue[0][optionKey.valueKey];
+      }
+      if (options == null ? void 0 : options.length) {
+        return options[0][optionKey.valueKey];
+      }
+      return "";
+    });
     const [activeTime, setActiveTime] = React.useState(
-      currentTime.length ? currentTime : [
-        {
-          key: currentKey,
-          list: []
-        }
-      ]
+      () => defaultValue || []
     );
-    const [popVisible, setPopVisible] = React.useState(visible);
-    const popStyle = {
-      width: "100%",
-      height
-    };
-    const b2 = cn("timeselect");
+    const classPrefix2 = "nut-timeselect";
     const closeFun = () => {
-      if (onSelect) {
-        onSelect(activeTime);
-      } else if (select) {
-        select(activeTime);
-      }
-    };
-    const handleSelectTime = (time) => {
-      let curTimeData = {};
-      let curIndex = -1;
-      for (let i = 0; i < activeTime.length; i++) {
-        if (String(activeTime[i].key) === String(activeKey)) {
-          curTimeData = activeTime[i];
-          curIndex = i;
-          break;
-        }
-      }
-      const curTimeIndex = curTimeData.list.findIndex(
-        (item) => String(item) === String(time)
-      );
-      if (curTimeIndex === -1) {
-        curTimeData.list.push(time);
-      } else {
-        curTimeData.list.splice(curTimeIndex, 1);
-      }
-      const resultTimeData = [...activeTime];
-      resultTimeData.splice(curIndex, 1, curTimeData);
-      setActiveTime(resultTimeData);
-      if (onTimeChange) {
-        onTimeChange(time, resultTimeData);
-      } else if (timeChange) {
-        timeChange(time, resultTimeData);
-      }
-    };
-    const handleChange = (pannelKey) => {
-      const resultTimeData = [...activeTime];
-      if (String(pannelKey) !== String(activeKey)) {
-        setActiveKey == null ? void 0 : setActiveKey(pannelKey);
-        if (multiple) {
-          const curTimeDataIndex = activeTime.findIndex(
-            (item) => String(item.key) === String(pannelKey)
-          );
-          if (curTimeDataIndex === -1) {
-            resultTimeData.push({
-              key: pannelKey,
-              list: []
-            });
-            setActiveTime(resultTimeData);
+      onSelect && onSelect(activeTime);
+    };
+    const handleSelectTime = (selectTime) => {
+      let newActiveTime = [...activeTime];
+      const date = newActiveTime.find((item) => {
+        return item[optionKey.valueKey] === activeDate;
+      });
+      if (date) {
+        const timeIndex = date[optionKey.childrenKey].findIndex(
+          (time) => {
+            return time[optionKey.valueKey] === selectTime[optionKey.valueKey];
           }
+        );
+        if (timeIndex > -1) {
+          if (multiple) {
+            date[optionKey.childrenKey].splice(timeIndex, 1);
+          } else {
+            newActiveTime = [];
+          }
+        } else if (multiple) {
+          date[optionKey.childrenKey].push({ ...selectTime });
         } else {
-          setActiveTime([
+          newActiveTime = [
             {
-              key: pannelKey,
-              list: []
+              [optionKey.valueKey]: activeDate,
+              [optionKey.childrenKey]: [{ ...selectTime }]
             }
-          ]);
+          ];
         }
+      } else if (multiple) {
+        newActiveTime.push({
+          [optionKey.valueKey]: activeDate,
+          [optionKey.childrenKey]: [{ ...selectTime }]
+        });
+      } else {
+        newActiveTime = [
+          {
+            [optionKey.valueKey]: activeDate,
+            [optionKey.childrenKey]: [{ ...selectTime }]
+          }
+        ];
       }
-      if (onPannelChange) {
-        onPannelChange(pannelKey, resultTimeData);
-      } else if (pannelChange) {
-        pannelChange(pannelKey, resultTimeData);
-      }
+      newActiveTime = newActiveTime.filter((item) => {
+        var _a;
+        return ((_a = item[optionKey.childrenKey]) == null ? void 0 : _a.length) > 0;
+      });
+      setActiveTime(newActiveTime);
+      onTimeChange && onTimeChange(selectTime, newActiveTime);
     };
-    const getTimePannelClass = (dataItem) => {
-      if (String(dataItem["paneKey"]) === String(activeKey)) {
-        return "nut-timepannel-active";
-      }
-      return "";
+    const handleChange = (date) => {
+      setActiveDate(date[optionKey.valueKey]);
+      onDateChange && onDateChange(date, activeTime);
     };
-    React.useEffect(() => {
-      setPopVisible(visible);
-    }, [visible]);
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ React.createElement(
       Popup,
       {
         closeable: true,
         round: true,
-        visible: popVisible,
+        visible,
         position: "bottom",
-        style: popStyle,
-        onClose: () => {
-          closeFun();
-        }
+        style: {
+          width: "100%",
+          height: "20%",
+          ...style
+        },
+        onClose: closeFun,
+        ...rest
       },
-      /* @__PURE__ */ React.createElement("div", { className: `${b2()} ${className || ""}` }, /* @__PURE__ */ React.createElement("div", { className: "nut-timeselect__title" }, title), /* @__PURE__ */ React.createElement("div", { className: "nut-timeselect__content" }, /* @__PURE__ */ React.createElement("div", { className: "nut-timeselect__content-left" }, dates.map((dataItem, index) => /* @__PURE__ */ React.createElement(
-        TimePannel,
+      /* @__PURE__ */ React.createElement("div", { className: classNames(classPrefix2, className) }, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__title` }, title || locale.timeselect.pickupTime), /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__content` }, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__content-left` }, options.map((item) => /* @__PURE__ */ React.createElement(
+        "div",
         {
-          date: dataItem.date,
-          className: getTimePannelClass(dataItem),
-          key: String(dataItem["paneKey"] || index),
-          curKey: String(dataItem["paneKey"] || index),
-          change: handleChange
-        }
+          key: item[optionKey.valueKey],
+          className: classNames("nut-timepannel", {
+            active: item[optionKey.valueKey] === activeDate
+          }),
+          onClick: () => handleChange(item)
+        },
+        item[optionKey.textKey]
       ))), /* @__PURE__ */ React.createElement(
         TimeDetail,
         {
-          times,
-          currentKey: String(activeKey),
-          currentTime: activeTime,
-          select: handleSelectTime
+          options,
+          optionKey,
+          activeDate,
+          activeTime,
+          onSelect: handleSelectTime
         }
       )))
-    ));
+    );
   };
   TimeSelect.defaultProps = defaultProps$2;
   TimeSelect.displayName = "NutTimeSelect";
@@ -17205,7 +17302,7 @@ var __publicField = (obj, key, value) => {
   exports2.Image = Image$1;
   exports2.ImagePreview = ImagePreview;
   exports2.Indicator = Indicator;
-  exports2.Infiniteloading = Infiniteloading;
+  exports2.InfiniteLoading = InfiniteLoading;
   exports2.Input = Input;
   exports2.InputNumber = InputNumber;
   exports2.Layout = Layout;
@@ -17250,7 +17347,6 @@ var __publicField = (obj, key, value) => {
   exports2.Tag = Tag;
   exports2.TextArea = TextArea;
   exports2.TimeDetail = TimeDetail;
-  exports2.TimePannel = TimePannel;
   exports2.TimeSelect = TimeSelect;
   exports2.Toast = Toast;
   exports2.TrendArrow = TrendArrow;