@nutui/nutui-react-taro 2.0.10 → 2.0.11

package/dist/nutui.react.umd.js

@@ -8,7 +8,7 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 /*!
-* @nutui/nutui-react-taro v2.0.10 Fri Aug 04 2023 14:00:12 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.0.11 Wed Aug 09 2023 13:52:27 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -1929,7 +1929,7 @@ var __publicField = (obj, key, value) => {
     style: {}
   };
   const prefixCls$1 = "nut-button";
-  const defaultProps$1t = {
+  const defaultProps$1u = {
     ...ComponentDefaults,
     color: "",
     type: "default",
@@ -1961,7 +1961,7 @@ var __publicField = (obj, key, value) => {
         style,
         ...rest
       } = {
-        ...defaultProps$1t,
+        ...defaultProps$1u,
         ...props
       };
       const getStyle = React.useCallback(() => {
@@ -2019,29 +2019,29 @@ var __publicField = (obj, key, value) => {
     }
   );
   Button.displayName = "NutButton";
-  const defaultProps$1s = {
+  const defaultProps$1t = {
     ...ComponentDefaults,
     title: "",
     description: "",
     divider: true
   };
-  const classPrefix$o = "nut-cell-group";
+  const classPrefix$p = "nut-cell-group";
   const CellGroup = (props) => {
     const { children, className, style, title, description, divider, ...rest } = {
-      ...defaultProps$1s,
+      ...defaultProps$1t,
       ...props
     };
-    return /* @__PURE__ */ React.createElement("div", { className: classNames(classPrefix$o, className), ...rest }, title ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$o}__title` }, title) : null, description ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$o}__description` }, description) : null, /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ React.createElement("div", { className: classNames(classPrefix$p, className), ...rest }, title ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$p}__title` }, title) : null, description ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$p}__description` }, description) : null, /* @__PURE__ */ React.createElement(
       "div",
       {
-        className: `${classPrefix$o}__wrap ${divider ? `${classPrefix$o}__wrap--divider` : ""}`
+        className: `${classPrefix$p}__wrap ${divider ? `${classPrefix$p}__wrap--divider` : ""}`
       },
       children
     ));
   };
-  CellGroup.defaultProps = defaultProps$1s;
+  CellGroup.defaultProps = defaultProps$1t;
   CellGroup.displayName = "NutCellGroup";
-  const defaultProps$1r = {
+  const defaultProps$1s = {
     ...ComponentDefaults,
     title: null,
     description: null,
@@ -2051,7 +2051,7 @@ var __publicField = (obj, key, value) => {
     onClick: (event) => {
     }
   };
-  const classPrefix$n = "nut-cell";
+  const classPrefix$o = "nut-cell";
   const Cell = (props) => {
     const {
       children,
@@ -2065,7 +2065,7 @@ var __publicField = (obj, key, value) => {
       style,
       ...rest
     } = {
-      ...defaultProps$1r,
+      ...defaultProps$1s,
       ...props
     };
     const handleClick = (event) => {
@@ -2082,22 +2082,22 @@ var __publicField = (obj, key, value) => {
     return /* @__PURE__ */ React.createElement(
       "div",
       {
-        className: classNames(classPrefix$n, className),
+        className: classNames(classPrefix$o, className),
         onClick: (event) => handleClick(event),
         style: baseStyle,
         ...rest
       },
-      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(
+      children || /* @__PURE__ */ React.createElement(React.Fragment, null, title || description ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$o}__left` }, title ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$o}__title` }, title) : null, description ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$o}__description` }, description) : null) : null, extra ? /* @__PURE__ */ React.createElement(
         "div",
         {
-          className: `${classPrefix$n}__extra`,
+          className: `${classPrefix$o}__extra`,
           style: styles
         },
         extra
-      ) : null, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$n}__divider` }))
+      ) : null, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$o}__divider` }))
     );
   };
-  Cell.defaultProps = defaultProps$1r;
+  Cell.defaultProps = defaultProps$1s;
   Cell.displayName = "NutCell";
   Cell.Group = CellGroup;
   var INFINITY = 1 / 0;
@@ -3175,22 +3175,27 @@ var __publicField = (obj, key, value) => {
       refreshingText: "加载中...",
       completeText: "刷新成功"
     },
+    tour: {
+      prevStepText: "上一步",
+      completeText: "完成",
+      nextStepText: "下一步"
+    },
     watermark: {
       errorCanvasTips: "当前环境不支持Canvas"
     }
   };
-  const classPrefix$m = "nut-configprovider";
-  const defaultConfigRef = {
+  const classPrefix$n = "nut-configprovider";
+  const defaultConfigRef$1 = {
     current: {
       locale: zhCN
     }
   };
-  const getDefaultConfig = () => {
-    return defaultConfigRef.current;
+  const getDefaultConfig$1 = () => {
+    return defaultConfigRef$1.current;
   };
-  const ConfigContext = React.createContext(null);
-  const useConfig = () => {
-    return React.useContext(ConfigContext) ?? getDefaultConfig();
+  const ConfigContext$1 = React.createContext(null);
+  const useConfig$1 = () => {
+    return React.useContext(ConfigContext$1) ?? getDefaultConfig$1();
   };
   function convertThemeVarsToCSSVars(themeVars) {
     const cssVars = {};
@@ -3204,7 +3209,7 @@ var __publicField = (obj, key, value) => {
     const mergedConfig = useMemo(
       () => {
         return {
-          ...getDefaultConfig(),
+          ...getDefaultConfig$1(),
           ...config2
         };
       },
@@ -3217,10 +3222,10 @@ var __publicField = (obj, key, value) => {
     const cssVarStyle = React.useMemo(() => {
       return convertThemeVarsToCSSVars(mergedConfig.theme || {});
     }, [mergedConfig.theme]);
-    return /* @__PURE__ */ React.createElement(ConfigContext.Provider, { value: mergedConfig }, /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ React.createElement(ConfigContext$1.Provider, { value: mergedConfig }, /* @__PURE__ */ React.createElement(
       "div",
       {
-        className: classNames(classPrefix$m, className),
+        className: classNames(classPrefix$n, className),
         style: {
           ...cssVarStyle,
           ...style
@@ -3230,7 +3235,7 @@ var __publicField = (obj, key, value) => {
     ));
   };
   ConfigProvider.displayName = "NutConfigProvider";
-  const defaultProps$1q = {
+  const defaultProps$1r = {
     src: "",
     error: true,
     loading: true
@@ -3249,7 +3254,7 @@ var __publicField = (obj, key, value) => {
       onLoad,
       onError,
       ...rest
-    } = { ...defaultProps$1q, ...props };
+    } = { ...defaultProps$1r, ...props };
     const [innerLoading, setInnerLoading] = React.useState(true);
     const [isError, setIsError] = React.useState(false);
     const handleLoad = (e) => {
@@ -3310,7 +3315,7 @@ var __publicField = (obj, key, value) => {
       }
     ), renderLoading(), renderErrorImg());
   };
-  Image$1.defaultProps = defaultProps$1q;
+  Image$1.defaultProps = defaultProps$1r;
   Image$1.displayName = "NutImage";
   function _extends$1() {
     _extends$1 = Object.assign ? Object.assign.bind() : function(target) {
@@ -5145,7 +5150,7 @@ var __publicField = (obj, key, value) => {
   Overlay.defaultProps = defaultOverlayProps;
   Overlay.displayName = "NutOverlay";
   const DataContext$1 = React.createContext({});
-  const defaultProps$1p = {
+  const defaultProps$1q = {
     ...ComponentDefaults,
     span: "24",
     offset: "0",
@@ -5153,7 +5158,7 @@ var __publicField = (obj, key, value) => {
   };
   const Col = (props) => {
     const { className, style, span, offset, children, onClick } = {
-      ...defaultProps$1p,
+      ...defaultProps$1q,
       ...props
     };
     const [colName, setColName] = React.useState("");
@@ -5185,32 +5190,32 @@ var __publicField = (obj, key, value) => {
       children
     );
   };
-  Col.defaultProps = defaultProps$1p;
+  Col.defaultProps = defaultProps$1q;
   Col.displayName = "NutCol";
-  const defaultProps$1o = {
+  const defaultProps$1p = {
     ...ComponentDefaults,
     contentPosition: "center",
     direction: "horizontal"
   };
-  const classPrefix$l = `nut-divider`;
+  const classPrefix$m = `nut-divider`;
   const Divider = (props) => {
     const { children, contentPosition, style, className, direction, ...rest } = {
-      ...defaultProps$1o,
+      ...defaultProps$1p,
       ...props
     };
     const classes = direction === "horizontal" ? classNames({
-      [`${classPrefix$l}`]: true,
-      [`${classPrefix$l}__center`]: children,
-      [`${classPrefix$l}__left`]: contentPosition === "left",
-      [`${classPrefix$l}__right`]: contentPosition === "right",
-      [`${classPrefix$l}__hairline`]: true
+      [`${classPrefix$m}`]: true,
+      [`${classPrefix$m}__center`]: children,
+      [`${classPrefix$m}__left`]: contentPosition === "left",
+      [`${classPrefix$m}__right`]: contentPosition === "right",
+      [`${classPrefix$m}__hairline`]: true
     }) : classNames({
-      [`${classPrefix$l}`]: true,
-      [`${classPrefix$l}__vertical`]: direction === "vertical"
+      [`${classPrefix$m}`]: true,
+      [`${classPrefix$m}__vertical`]: direction === "vertical"
     });
     return /* @__PURE__ */ React.createElement("div", { className: `${classes} ${className || ""}`, style, ...rest }, children);
   };
-  Divider.defaultProps = defaultProps$1o;
+  Divider.defaultProps = defaultProps$1p;
   Divider.displayName = "NutDivider";
   const gridContext = {
     onClick: (item, index) => {
@@ -5220,7 +5225,7 @@ var __publicField = (obj, key, value) => {
   const pxCheck = (value) => {
     return Number.isNaN(Number(value)) ? String(value) : `${value}px`;
   };
-  const defaultProps$1n = {
+  const defaultProps$1o = {
     text: "",
     columns: 4,
     gap: 0,
@@ -5230,7 +5235,7 @@ var __publicField = (obj, key, value) => {
     direction: "vertical"
   };
   const GridItem = (props) => {
-    useConfig();
+    useConfig$1();
     const {
       children,
       style,
@@ -5246,7 +5251,7 @@ var __publicField = (obj, key, value) => {
       onClick,
       ...rest
     } = {
-      ...defaultProps$1n,
+      ...defaultProps$1o,
       ...props
     };
     const classPrefix2 = "nut-grid-item";
@@ -5304,9 +5309,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$1o;
   GridItem.displayName = "NutGridItem";
-  const defaultProps$1m = {
+  const defaultProps$1n = {
     columns: 4,
     gap: 0,
     center: true,
@@ -5327,7 +5332,7 @@ var __publicField = (obj, key, value) => {
       className,
       onClick,
       ...rest
-    } = { ...defaultProps$1m, ...props };
+    } = { ...defaultProps$1n, ...props };
     const childrenDom = React.Children.toArray(children);
     const classPrefix2 = "nut-grid";
     const rootClass = () => {
@@ -5357,18 +5362,18 @@ var __publicField = (obj, key, value) => {
       });
     })));
   };
-  Grid.defaultProps = defaultProps$1m;
+  Grid.defaultProps = defaultProps$1n;
   Grid.displayName = "NutGrid";
   Grid.Item = GridItem;
-  const defaultProps$1l = {};
+  const defaultProps$1m = {};
   const Layout = (props) => {
-    ({ ...defaultProps$1l, ...props });
+    ({ ...defaultProps$1m, ...props });
     return /* @__PURE__ */ React.createElement("div", { className: "nut-layout" }, "Layout");
   };
-  Layout.defaultProps = defaultProps$1l;
+  Layout.defaultProps = defaultProps$1m;
   Layout.displayName = "NutLayout";
-  const classPrefix$k = "nut-row";
-  const defaultProps$1k = {
+  const classPrefix$l = "nut-row";
+  const defaultProps$1l = {
     ...ComponentDefaults,
     type: "",
     justify: "start",
@@ -5388,7 +5393,7 @@ var __publicField = (obj, key, value) => {
       gutter,
       onClick
     } = {
-      ...defaultProps$1k,
+      ...defaultProps$1l,
       ...props
     };
     const getClass = (prefix, type22) => {
@@ -5402,7 +5407,7 @@ var __publicField = (obj, key, value) => {
     ${getClass("justify", justify)}
     ${getClass("align", align)}
     ${getClass("flex", wrap)}
-    ${classPrefix$k}
+    ${classPrefix$l}
    `;
     };
     const parentRow = {
@@ -5420,15 +5425,15 @@ var __publicField = (obj, key, value) => {
       children
     ));
   };
-  Row.defaultProps = defaultProps$1k;
+  Row.defaultProps = defaultProps$1l;
   Row.displayName = "NutRow";
   const prefixCls = "nut-space";
-  const defaultProps$1j = {
+  const defaultProps$1k = {
     direction: "horizontal"
   };
   const Space = (props) => {
     const { className, style, children, wrap, align, direction, justify } = {
-      ...defaultProps$1j,
+      ...defaultProps$1k,
       ...props
     };
     const cls = classNames(
@@ -5443,7 +5448,7 @@ var __publicField = (obj, key, value) => {
       return child !== null && child !== void 0 && /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-item` }, child);
     }));
   };
-  Space.defaultProps = defaultProps$1j;
+  Space.defaultProps = defaultProps$1k;
   Space.displayName = "NutSpace";
   function useWatch(dep, callback, config2 = { immediate: false }) {
     const { immediate } = config2;
@@ -5525,12 +5530,12 @@ var __publicField = (obj, key, value) => {
     }
     return root2;
   }
-  const defaultProps$1i = {
+  const defaultProps$1j = {
     ...ComponentDefaults,
     position: "top",
     zIndex: 2e3
   };
-  const classPrefix$j = "nut-sticky";
+  const classPrefix$k = "nut-sticky";
   const Sticky = (props) => {
     const {
       position,
@@ -5542,7 +5547,7 @@ var __publicField = (obj, key, value) => {
       className,
       onChange,
       ...rest
-    } = { ...defaultProps$1i, ...props };
+    } = { ...defaultProps$1j, ...props };
     const stickyRef = React.useRef(null);
     const rootRef = React.useRef(null);
     const [rootRect, setRootRect] = React.useState({});
@@ -5632,7 +5637,7 @@ var __publicField = (obj, key, value) => {
       {
         ref: rootRef,
         style: rootStyle,
-        className: classNames(classPrefix$j, className),
+        className: classNames(classPrefix$k, className),
         ...rest
       },
       /* @__PURE__ */ React.createElement(
@@ -5648,9 +5653,9 @@ var __publicField = (obj, key, value) => {
       )
     );
   };
-  Sticky.defaultProps = defaultProps$1i;
+  Sticky.defaultProps = defaultProps$1j;
   Sticky.displayName = "NutSticky";
-  const defaultProps$1h = {
+  const defaultProps$1i = {
     ...ComponentDefaults,
     threshold: 200,
     zIndex: 10,
@@ -5658,7 +5663,7 @@ var __publicField = (obj, key, value) => {
   };
   const BackTop = (props) => {
     const { children, threshold, zIndex, className, duration, style, onClick } = {
-      ...defaultProps$1h,
+      ...defaultProps$1i,
       ...props
     };
     const classPrefix2 = "nut-backtop";
@@ -5696,10 +5701,10 @@ var __publicField = (obj, key, value) => {
       children || /* @__PURE__ */ React.createElement(a$2, { width: 19, height: 19, className: "nut-backtop-main" })
     );
   };
-  BackTop.defaultProps = defaultProps$1h;
+  BackTop.defaultProps = defaultProps$1i;
   BackTop.displayName = "NutBackTop";
   const elevatorContext = React.createContext({});
-  const defaultProps$1g = {
+  const defaultProps$1h = {
     ...ComponentDefaults,
     height: "200px",
     floorKey: "title",
@@ -5726,7 +5731,7 @@ var __publicField = (obj, key, value) => {
       children,
       ...rest
     } = {
-      ...defaultProps$1g,
+      ...defaultProps$1h,
       ...props
     };
     const classPrefix2 = "nut-elevator";
@@ -5938,10 +5943,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$1g;
+  Elevator.defaultProps = defaultProps$1h;
   Elevator.displayName = "NutElevator";
   Elevator.Context = elevatorContext;
-  const defaultProps$1f = {
+  const defaultProps$1g = {
     ...ComponentDefaults,
     activeText: "",
     inactiveText: "",
@@ -5952,7 +5957,7 @@ var __publicField = (obj, key, value) => {
     }
   };
   const FixedNav = (props) => {
-    const { locale } = useConfig();
+    const { locale } = useConfig$1();
     const {
       className,
       overlay,
@@ -5969,7 +5974,7 @@ var __publicField = (obj, key, value) => {
       content,
       ...rest
     } = {
-      ...defaultProps$1f,
+      ...defaultProps$1g,
       ...props
     };
     const classPrefix2 = "nut-fixednav";
@@ -6021,9 +6026,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$j, { color: "#fff" }), /* @__PURE__ */ React.createElement("div", { className: "text" }, visible ? activeText || locale.fixednav.activeText : inactiveText || locale.fixednav.inactiveText)))
     );
   };
-  FixedNav.defaultProps = defaultProps$1f;
+  FixedNav.defaultProps = defaultProps$1g;
   FixedNav.displayName = "NutFixedNav";
-  const defaultProps$1e = {
+  const defaultProps$1f = {
     ...ComponentDefaults,
     left: "",
     right: "",
@@ -6046,7 +6051,7 @@ var __publicField = (obj, key, value) => {
       zIndex,
       onBackClick
     } = {
-      ...defaultProps$1e,
+      ...defaultProps$1f,
       ...props
     };
     const classPrefix2 = "nut-navbar";
@@ -6083,9 +6088,9 @@ 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$1e;
+  NavBar.defaultProps = defaultProps$1f;
   NavBar.displayName = "NutNavBar";
-  const defaultProps$1d = {
+  const defaultProps$1e = {
     ...ComponentDefaults,
     position: "center",
     transition: "",
@@ -6137,7 +6142,7 @@ var __publicField = (obj, key, value) => {
       afterShow,
       afterClose,
       onClick
-    } = { ...defaultProps$1d, ...props };
+    } = { ...defaultProps$1e, ...props };
     const [index, setIndex] = React.useState(zIndex || _zIndex);
     const [innerVisible, setInnerVisible] = React.useState(visible);
     const [showChildren, setShowChildren] = React.useState(true);
@@ -6273,10 +6278,10 @@ var __publicField = (obj, key, value) => {
     }, [position, transition]);
     return /* @__PURE__ */ React.createElement(React.Fragment, null, renderToContainer(portal, renderNode()));
   };
-  Popup.defaultProps = defaultProps$1d;
+  Popup.defaultProps = defaultProps$1e;
   Popup.displayName = "NutPopup";
   const OffsetContext = React.createContext(20);
-  const defaultProps$1c = {
+  const defaultProps$1d = {
     ...ComponentDefaults,
     position: "left",
     width: "80%"
@@ -6293,7 +6298,7 @@ var __publicField = (obj, key, value) => {
       onClose,
       ...rest
     } = {
-      ...defaultProps$1c,
+      ...defaultProps$1d,
       ...props
     };
     const indent = props.indent ? Number(props.indent) : 20;
@@ -6333,7 +6338,7 @@ var __publicField = (obj, key, value) => {
       )))
     );
   };
-  SideNavBar.defaultProps = defaultProps$1c;
+  SideNavBar.defaultProps = defaultProps$1d;
   SideNavBar.displayName = "NutSideNavBar";
   const SideNavBarItem = (props) => {
     const classPrefix2 = "nut-subsidenavbar";
@@ -6352,13 +6357,13 @@ var __publicField = (obj, key, value) => {
       title
     );
   };
-  const defaultProps$1b = {
+  const defaultProps$1c = {
     open: true
   };
   const SubSideNavBar = (props) => {
     const classPrefix2 = "nut-subsidenavbar";
     const { title, value, children, onClick, open: open2, ...rest } = {
-      ...defaultProps$1b,
+      ...defaultProps$1c,
       ...props
     };
     const [subShow, setSubShow] = React.useState(open2);
@@ -6436,7 +6441,7 @@ var __publicField = (obj, key, value) => {
     );
     return [stateRef.current, setState];
   }
-  const defaultProps$1a = {
+  const defaultProps$1b = {
     ...ComponentDefaults,
     value: "",
     dot: false,
@@ -6447,7 +6452,7 @@ var __publicField = (obj, key, value) => {
   };
   const Badge = (props) => {
     const { className, style, value, max, children, dot, top, right, color } = {
-      ...defaultProps$1a,
+      ...defaultProps$1b,
       ...props
     };
     const classPrefix2 = "nut-badge";
@@ -6474,9 +6479,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$1a;
+  Badge.defaultProps = defaultProps$1b;
   Badge.displayName = "NutBadge";
-  const defaultProps$19 = {
+  const defaultProps$1a = {
     ...ComponentDefaults,
     title: "",
     icon: null,
@@ -6503,9 +6508,10 @@ var __publicField = (obj, key, value) => {
       max,
       top,
       right,
-      handleClick
+      handleClick,
+      ...rest
     } = {
-      ...defaultProps$19,
+      ...defaultProps$1a,
       ...props
     };
     const classPrefix2 = "nut-tabbar-item";
@@ -6532,12 +6538,13 @@ var __publicField = (obj, key, value) => {
           color: active ? activeColor : inactiveColor,
           ...style
         },
-        onClick: () => handleClick(index)
+        onClick: () => handleClick(index),
+        ...rest
       },
       icon ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Badge, { ...badgeProps }, /* @__PURE__ */ React.createElement("div", { className: boxPrefix }, icon)), /* @__PURE__ */ React.createElement("div", { className: titleClass }, title)) : /* @__PURE__ */ React.createElement(Badge, { ...badgeProps }, /* @__PURE__ */ React.createElement("div", { className: titleClass }, title))
     );
   };
-  const defaultProps$18 = {
+  const defaultProps$19 = {
     ...ComponentDefaults,
     defaultValue: 0,
     fixed: false,
@@ -6560,7 +6567,7 @@ var __publicField = (obj, key, value) => {
       style,
       onSwitch
     } = {
-      ...defaultProps$18,
+      ...defaultProps$19,
       ...props
     };
     const classPrefix2 = "nut-tabbar";
@@ -6595,17 +6602,17 @@ var __publicField = (obj, key, value) => {
       (fixed || safeArea) && /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__safe-area` })
     );
   };
-  Tabbar.defaultProps = defaultProps$18;
+  Tabbar.defaultProps = defaultProps$19;
   Tabbar.displayName = "NutTabbar";
   Tabbar.Item = TabbarItem;
-  const defaultProps$17 = {
+  const defaultProps$18 = {
     title: "",
     value: "",
     disabled: false
   };
   const TabPane = (props) => {
     const { children, autoHeightClassName, className, disabled } = {
-      ...defaultProps$17,
+      ...defaultProps$18,
       ...props
     };
     const classPrefix2 = "nut-tabpane";
@@ -6631,7 +6638,7 @@ var __publicField = (obj, key, value) => {
     };
   }
   const requestAniFrame$1 = requestAniFrame();
-  const defaultProps$16 = {
+  const defaultProps$17 = {
     ...ComponentDefaults,
     tabStyle: {},
     name: "",
@@ -6641,7 +6648,7 @@ var __publicField = (obj, key, value) => {
     duration: 300,
     autoHeight: false
   };
-  const classPrefix$i = "nut-tabs";
+  const classPrefix$j = "nut-tabs";
   const Tabs = (props) => {
     const {
       activeColor,
@@ -6659,7 +6666,7 @@ var __publicField = (obj, key, value) => {
       autoHeight,
       ...rest
     } = {
-      ...defaultProps$16,
+      ...defaultProps$17,
       ...props
     };
     const [value, setValue] = usePropsValue({
@@ -6704,14 +6711,14 @@ var __publicField = (obj, key, value) => {
       }
     }, [children]);
     const classes = classNames(
-      classPrefix$i,
-      `${classPrefix$i}--${direction}`,
+      classPrefix$j,
+      `${classPrefix$j}--${direction}`,
       className
     );
-    const classesTitle = classNames(`${classPrefix$i}__titles`, {
-      [`${classPrefix$i}__titles--${activeType}`]: activeType,
-      [`${classPrefix$i}__titles--scrollable`]: true,
-      [`${classPrefix$i}__titles--${align}`]: align
+    const classesTitle = classNames(`${classPrefix$j}__titles`, {
+      [`${classPrefix$j}__titles--${activeType}`]: activeType,
+      [`${classPrefix$j}__titles--scrollable`]: true,
+      [`${classPrefix$j}__titles--${align}`]: align
     });
     const tabsActiveStyle = {
       color: activeType === "smile" ? activeColor : "",
@@ -6851,7 +6858,7 @@ var __publicField = (obj, key, value) => {
             onClick: (e) => {
               tabChange(item);
             },
-            className: classNames(`${classPrefix$i}__titles-item taro`, {
+            className: classNames(`${classPrefix$j}__titles-item taro`, {
               [`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
@@ -6861,14 +6868,14 @@ var __publicField = (obj, key, value) => {
           activeType === "line" && /* @__PURE__ */ React.createElement(
             components.View,
             {
-              className: `${classPrefix$i}__titles-item__line`,
+              className: `${classPrefix$j}__titles-item__line`,
               style: tabsActiveStyle
             }
           ),
           activeType === "smile" && /* @__PURE__ */ React.createElement(
             components.View,
             {
-              className: `${classPrefix$i}__titles-item__smile`,
+              className: `${classPrefix$j}__titles-item__smile`,
               style: tabsActiveStyle
             },
             /* @__PURE__ */ React.createElement(a$k, { color: activeColor, width: 40, height: 20 })
@@ -6880,14 +6887,14 @@ var __publicField = (obj, key, value) => {
                 {
                   ellipsis: true
                 },
-                `${classPrefix$i}__titles-item__text`
+                `${classPrefix$j}__titles-item__text`
               )
             },
             item.title
           )
         );
       }))
-    ), /* @__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) => {
+    ), /* @__PURE__ */ React.createElement(components.View, { className: `${classPrefix$j}__content__wrap` }, /* @__PURE__ */ React.createElement(components.View, { className: `${classPrefix$j}__content`, style: contentStyle }, React.Children.map(children, (child, idx) => {
       if (!React.isValidElement(child)) {
         return null;
       }
@@ -6904,10 +6911,10 @@ var __publicField = (obj, key, value) => {
       return React.cloneElement(child, childProps);
     }))));
   };
-  Tabs.defaultProps = defaultProps$16;
+  Tabs.defaultProps = defaultProps$17;
   Tabs.displayName = "NutTabs";
   Tabs.TabPane = TabPane;
-  const defaultProps$15 = {
+  const defaultProps$16 = {
     type: "custom",
     existList: [],
     defaultIcon: null,
@@ -6915,7 +6922,7 @@ var __publicField = (obj, key, value) => {
     custom: false
   };
   const ExistRender = (props) => {
-    const { locale } = useConfig();
+    const { locale } = useConfig$1();
     const {
       children,
       type: type2,
@@ -6926,7 +6933,7 @@ var __publicField = (obj, key, value) => {
       onSelect,
       onSwitch,
       ...rest
-    } = { ...defaultProps$15, ...props };
+    } = { ...defaultProps$16, ...props };
     const classPrefix2 = "nut-address";
     const selectedExist = (item) => {
       existList.forEach((list, index) => {
@@ -7087,7 +7094,7 @@ var __publicField = (obj, key, value) => {
     }
   }
   const Tree$1 = Tree;
-  const defaultProps$14 = {
+  const defaultProps$15 = {
     ...ComponentDefaults,
     activeColor: "",
     activeIcon: "checklist",
@@ -7130,7 +7137,7 @@ var __publicField = (obj, key, value) => {
       onClose,
       onChange,
       onPathChange
-    } = { ...defaultProps$14, ...props };
+    } = { ...defaultProps$15, ...props };
     const [tabvalue, setTabvalue] = React.useState("c1");
     const [optionsData, setOptionsData] = React.useState([]);
     const isLazy = () => state.configs.lazy && Boolean(state.configs.onLoad);
@@ -7426,9 +7433,9 @@ var __publicField = (obj, key, value) => {
     ) : renderTabs());
   };
   const Cascader = React.forwardRef(InternalCascader);
-  Cascader.defaultProps = defaultProps$14;
+  Cascader.defaultProps = defaultProps$15;
   Cascader.displayName = "NutCascader";
-  const defaultProps$13 = {
+  const defaultProps$14 = {
     ...ComponentDefaults,
     visible: false,
     type: "custom",
@@ -7455,7 +7462,7 @@ var __publicField = (obj, key, value) => {
       onPathChange,
       ...rest
     } = {
-      ...defaultProps$13,
+      ...defaultProps$14,
       ...props
     };
     return /* @__PURE__ */ React.createElement(React.Fragment, null, type2 === "custom" && /* @__PURE__ */ React.createElement(
@@ -7480,7 +7487,7 @@ var __publicField = (obj, key, value) => {
       }
     ));
   };
-  const defaultProps$12 = {
+  const defaultProps$13 = {
     ...ComponentDefaults,
     defaultValue: [],
     type: "custom",
@@ -7496,7 +7503,7 @@ var __publicField = (obj, key, value) => {
     backIcon: null
   };
   const InternalAddress = (props, ref) => {
-    const { locale } = useConfig();
+    const { locale } = useConfig$1();
     const {
       style,
       className,
@@ -7522,7 +7529,7 @@ var __publicField = (obj, key, value) => {
       onSwitch,
       ...rest
     } = {
-      ...defaultProps$12,
+      ...defaultProps$13,
       ...props
     };
     const classPrefix2 = "nut-address";
@@ -7613,7 +7620,7 @@ var __publicField = (obj, key, value) => {
     ));
   };
   const Address = React.forwardRef(InternalAddress);
-  Address.defaultProps = defaultProps$12;
+  Address.defaultProps = defaultProps$13;
   Address.displayName = "NutAddress";
   const Utils = {
     /**
@@ -7863,7 +7870,7 @@ var __publicField = (obj, key, value) => {
   const isStartAndEnd = (days) => {
     return days.length >= 2 && Utils.isEqual(days[0], days[1]);
   };
-  const defaultProps$11 = {
+  const defaultProps$12 = {
     ...ComponentDefaults,
     type: "single",
     autoBackfill: false,
@@ -7894,7 +7901,7 @@ var __publicField = (obj, key, value) => {
     }
   };
   const CalendarItem = React.forwardRef((props, ref) => {
-    const { locale } = useConfig();
+    const { locale } = useConfig$1();
     const {
       style,
       className,
@@ -7923,7 +7930,7 @@ var __publicField = (obj, key, value) => {
       onUpdate,
       onDayClick,
       onPageChange
-    } = { ...defaultProps$11, ...props };
+    } = { ...defaultProps$12, ...props };
     const weekdays = locale.calendaritem.weekdays;
     const weeks = [
       ...weekdays.slice(firstDayOfWeek, 7),
@@ -8468,9 +8475,9 @@ var __publicField = (obj, key, value) => {
     };
     return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: classes, style }, renderHeader(), renderContent(), popup && !autoBackfill ? renderFooter() : ""));
   });
-  CalendarItem.defaultProps = defaultProps$11;
+  CalendarItem.defaultProps = defaultProps$12;
   CalendarItem.displayName = "NutCalendarItem";
-  const defaultProps$10 = {
+  const defaultProps$11 = {
     ...ComponentDefaults,
     type: "single",
     autoBackfill: false,
@@ -8503,7 +8510,7 @@ var __publicField = (obj, key, value) => {
     }
   };
   const Calendar = React.forwardRef((props, ref) => {
-    const { locale } = useConfig();
+    const { locale } = useConfig$1();
     const {
       style,
       className,
@@ -8533,7 +8540,7 @@ var __publicField = (obj, key, value) => {
       onConfirm,
       onDayClick,
       onPageChange
-    } = { ...defaultProps$10, ...props };
+    } = { ...defaultProps$11, ...props };
     const calendarRef = React.useRef(null);
     const close2 = () => {
       onClose && onClose();
@@ -8607,11 +8614,11 @@ var __publicField = (obj, key, value) => {
       renderItem()
     ) : renderItem());
   });
-  Calendar.defaultProps = defaultProps$10;
+  Calendar.defaultProps = defaultProps$11;
   Calendar.displayName = "NutCalendar";
   const CheckboxGroupContext = React.createContext(null);
   const Context$1 = CheckboxGroupContext;
-  const defaultProps$$ = {
+  const defaultProps$10 = {
     max: void 0,
     labelPosition: "right",
     direction: "vertical",
@@ -8619,10 +8626,10 @@ var __publicField = (obj, key, value) => {
     },
     options: []
   };
-  const classPrefix$h = "nut-checkboxgroup";
+  const classPrefix$i = "nut-checkboxgroup";
   const CheckboxGroup = React.forwardRef(
     (props, ref) => {
-      const { children } = { ...defaultProps$$, ...props };
+      const { children } = { ...defaultProps$10, ...props };
       const {
         className,
         disabled,
@@ -8701,7 +8708,7 @@ var __publicField = (obj, key, value) => {
         /* @__PURE__ */ React.createElement(
           "div",
           {
-            className: classNames(classPrefix$h, className, {
+            className: classNames(classPrefix$i, className, {
               [`nut-checkboxgroup--${props.direction}`]: props.direction
             }),
             ...rest
@@ -8711,9 +8718,9 @@ var __publicField = (obj, key, value) => {
       );
     }
   );
-  CheckboxGroup.defaultProps = defaultProps$$;
+  CheckboxGroup.defaultProps = defaultProps$10;
   CheckboxGroup.displayName = "NutCheckboxGroup";
-  const defaultProps$_ = {
+  const defaultProps$$ = {
     ...ComponentDefaults,
     disabled: false,
     labelPosition: "right",
@@ -8723,10 +8730,10 @@ var __publicField = (obj, key, value) => {
     onChange: (value) => {
     }
   };
-  const classPrefix$g = "nut-checkbox";
+  const classPrefix$h = "nut-checkbox";
   const Checkbox = (props) => {
     const { children } = {
-      ...defaultProps$_,
+      ...defaultProps$$,
       ...props
     };
     const {
@@ -8785,22 +8792,22 @@ var __publicField = (obj, key, value) => {
     };
     const color = () => {
       if (innerDisabled) {
-        return `${classPrefix$g}__icon--disable`;
+        return `${classPrefix$h}__icon--disable`;
       }
       if (innerChecked) {
         if (innerIndeterminate) {
-          return `${classPrefix$g}__icon--indeterminate`;
+          return `${classPrefix$h}__icon--indeterminate`;
         }
-        return `${classPrefix$g}__icon`;
+        return `${classPrefix$h}__icon`;
       }
-      return `${classPrefix$g}__icon--unchecked`;
+      return `${classPrefix$h}__icon--unchecked`;
     };
     const renderLabel = () => {
       return /* @__PURE__ */ React.createElement(
         "span",
         {
-          className: classNames(`${classPrefix$g}__label `, {
-            [`${classPrefix$g}__label--disabled`]: innerDisabled
+          className: classNames(`${classPrefix$h}__label `, {
+            [`${classPrefix$h}__label--disabled`]: innerDisabled
           })
         },
         children || label
@@ -8819,8 +8826,8 @@ var __publicField = (obj, key, value) => {
     return /* @__PURE__ */ React.createElement(
       "div",
       {
-        className: classNames(classPrefix$g, className, {
-          [`${classPrefix$g}--reverse`]: labelPosition === "left"
+        className: classNames(classPrefix$h, className, {
+          [`${classPrefix$h}--reverse`]: labelPosition === "left"
         }),
         ...rest,
         onClick: handleClick
@@ -8829,7 +8836,7 @@ var __publicField = (obj, key, value) => {
       renderLabel()
     );
   };
-  Checkbox.defaultProps = defaultProps$_;
+  Checkbox.defaultProps = defaultProps$$;
   Checkbox.displayName = "NutCheckBox";
   Checkbox.Group = CheckboxGroup;
   const MIN_DISTANCE = 10;
@@ -9156,7 +9163,7 @@ var __publicField = (obj, key, value) => {
     }, []);
     return [refs.current, setRefs, reset];
   }
-  const defaultProps$Z = {
+  const defaultProps$_ = {
     ...ComponentDefaults,
     visible: false,
     title: "",
@@ -9167,7 +9174,7 @@ var __publicField = (obj, key, value) => {
     duration: 1e3
   };
   const InternalPicker = (props, ref) => {
-    const { locale } = useConfig();
+    const { locale } = useConfig$1();
     const {
       children,
       visible,
@@ -9183,7 +9190,7 @@ var __publicField = (obj, key, value) => {
       afterClose,
       onChange,
       ...rest
-    } = { ...defaultProps$Z, ...props };
+    } = { ...defaultProps$_, ...props };
     const classPrefix2 = "nut-picker";
     const classes = classNames(classPrefix2, className);
     const [selectedValue, setSelectedValue] = usePropsValue({
@@ -9481,7 +9488,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$Z = {
     ...ComponentDefaults,
     visible: false,
     title: "",
@@ -9512,10 +9519,10 @@ var __publicField = (obj, key, value) => {
       style,
       ...rest
     } = {
-      ...defaultProps$Y,
+      ...defaultProps$Z,
       ...props
     };
-    const { locale } = useConfig();
+    const { locale } = useConfig$1();
     const datepickerLang = locale.datepicker;
     const zhCNType = {
       day: datepickerLang.day,
@@ -9794,7 +9801,7 @@ var __publicField = (obj, key, value) => {
       )
     );
   };
-  DatePicker.defaultProps = defaultProps$Y;
+  DatePicker.defaultProps = defaultProps$Z;
   DatePicker.displayName = "NutDatePicker";
   const Context = React.createContext({});
   function _extends() {
@@ -11005,7 +11012,7 @@ var __publicField = (obj, key, value) => {
       }
     ).$$typeof === component.type.$$typeof;
   }
-  const defaultProps$X = {
+  const defaultProps$Y = {
     ...ComponentDefaults,
     required: false,
     name: "",
@@ -11072,7 +11079,7 @@ var __publicField = (obj, key, value) => {
       __publicField(this, "renderLayout", (childNode) => {
         var _a, _b;
         const { label, name, required: required2, className, style, errorMessageAlign } = {
-          ...defaultProps$X,
+          ...defaultProps$Y,
           ...this.props
         };
         const item = ((_a = this.context.errors) == null ? void 0 : _a.length) > 0 && ((_b = this.context.errors) == null ? void 0 : _b.filter((item2) => {
@@ -11122,9 +11129,9 @@ var __publicField = (obj, key, value) => {
       return /* @__PURE__ */ React.createElement(React.Fragment, { key: this.state.resetCount }, this.renderLayout(returnChildNode));
     }
   }
-  __publicField(FormItem, "defaultProps", defaultProps$X);
+  __publicField(FormItem, "defaultProps", defaultProps$Y);
   __publicField(FormItem, "contextType", Context);
-  const defaultProps$W = {
+  const defaultProps$X = {
     ...ComponentDefaults,
     labelPosition: "right",
     starPosition: "left",
@@ -11152,7 +11159,7 @@ var __publicField = (obj, key, value) => {
       starPosition,
       form
     } = {
-      ...defaultProps$W,
+      ...defaultProps$X,
       ...props
     };
     let formInstance;
@@ -11195,7 +11202,7 @@ var __publicField = (obj, key, value) => {
       /* @__PURE__ */ React.createElement(Cell.Group, null, /* @__PURE__ */ React.createElement(Context.Provider, { value: formInstance }, children), footer ? /* @__PURE__ */ React.createElement(Cell, null, footer) : null)
     );
   };
-  Form.defaultProps = defaultProps$W;
+  Form.defaultProps = defaultProps$X;
   Form.displayName = "NutForm";
   Form.Item = FormItem;
   Form.useForm = useForm;
@@ -11223,7 +11230,7 @@ var __publicField = (obj, key, value) => {
     const regExp = allowDot ? /[^-0-9.]/g : /[^-0-9]/g;
     return value.replace(regExp, "");
   }
-  const defaultProps$V = {
+  const defaultProps$W = {
     ...ComponentDefaults,
     type: "text",
     name: "",
@@ -11241,7 +11248,7 @@ var __publicField = (obj, key, value) => {
   };
   const Input = React.forwardRef(
     (props, ref) => {
-      const { locale } = useConfig();
+      const { locale } = useConfig$1();
       const {
         type: type2,
         name,
@@ -11267,7 +11274,7 @@ var __publicField = (obj, key, value) => {
         value: _value,
         ...rest
       } = {
-        ...defaultProps$V,
+        ...defaultProps$W,
         ...props
       };
       const [value, setValue] = usePropsValue({
@@ -11408,9 +11415,9 @@ var __publicField = (obj, key, value) => {
       );
     }
   );
-  Input.defaultProps = defaultProps$V;
+  Input.defaultProps = defaultProps$W;
   Input.displayName = "NutInput";
-  const defaultProps$U = {
+  const defaultProps$V = {
     ...ComponentDefaults,
     disabled: false,
     min: 1,
@@ -11422,7 +11429,7 @@ var __publicField = (obj, key, value) => {
     digits: 0,
     async: false
   };
-  const classPrefix$f = `nut-inputnumber`;
+  const classPrefix$g = `nut-inputnumber`;
   const InputNumber = (props) => {
     const {
       children,
@@ -11447,7 +11454,7 @@ var __publicField = (obj, key, value) => {
       onChange,
       ...restProps
     } = {
-      ...defaultProps$U,
+      ...defaultProps$V,
       ...props
     };
     const inputRef = React.useRef("");
@@ -11465,8 +11472,8 @@ var __publicField = (obj, key, value) => {
     }, []);
     const classes = classNames(
       {
-        [`${classPrefix$f}`]: true,
-        [`${classPrefix$f}--disabled`]: disabled
+        [`${classPrefix$g}`]: true,
+        [`${classPrefix$g}--disabled`]: disabled
       },
       className
     );
@@ -11636,9 +11643,9 @@ 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$V;
   InputNumber.displayName = "NutInputNumber";
-  const defaultProps$T = {
+  const defaultProps$U = {
     ...ComponentDefaults,
     columns: 1,
     direction: "down",
@@ -11668,7 +11675,7 @@ var __publicField = (obj, key, value) => {
       parent,
       index
     } = {
-      ...defaultProps$T,
+      ...defaultProps$U,
       ...props
     };
     const [showPopup, setShowPopup] = React.useState(show);
@@ -11833,9 +11840,9 @@ var __publicField = (obj, key, value) => {
       )
     ));
   });
-  MenuItem.defaultProps = defaultProps$T;
+  MenuItem.defaultProps = defaultProps$U;
   MenuItem.displayName = "NutMenuItem";
-  const defaultProps$S = {
+  const defaultProps$T = {
     ...ComponentDefaults,
     activeColor: "",
     closeOnOverlayClick: true,
@@ -11860,7 +11867,7 @@ var __publicField = (obj, key, value) => {
       onOpen,
       ...rest
     } = {
-      ...defaultProps$S,
+      ...defaultProps$T,
       ...props
     };
     const menuRef = React.useRef(null);
@@ -11986,10 +11993,10 @@ var __publicField = (obj, key, value) => {
       ), cloneChildren())
     );
   };
-  Menu.defaultProps = defaultProps$S;
+  Menu.defaultProps = defaultProps$T;
   Menu.displayName = "NutMenu";
   Menu.Item = MenuItem;
-  const defaultProps$R = {
+  const defaultProps$S = {
     ...ComponentDefaults,
     visible: false,
     type: "default",
@@ -11999,7 +12006,7 @@ var __publicField = (obj, key, value) => {
     }
   };
   const NumberKeyboard = (props) => {
-    const { locale } = useConfig();
+    const { locale } = useConfig$1();
     const {
       title,
       confirmText,
@@ -12108,7 +12115,7 @@ var __publicField = (obj, key, value) => {
         "span",
         {
           className: `${classPrefix2}__header__close`,
-          onClick: onClose
+          onClick: onConfirm
         },
         locale.done
       )), /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__body` }, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__body__keys` }, keysList == null ? void 0 : keysList.map((item) => {
@@ -12134,17 +12141,17 @@ var __publicField = (obj, key, value) => {
       ))))
     );
   };
-  NumberKeyboard.defaultProps = defaultProps$R;
+  NumberKeyboard.defaultProps = defaultProps$S;
   NumberKeyboard.displayName = "NutNumberKeyboard";
   const RadioContext = React.createContext(null);
-  const defaultProps$Q = {
+  const defaultProps$R = {
     labelPosition: "right",
     onChange: (value) => {
     },
     direction: "vertical",
     options: []
   };
-  const classPrefix$e = "nut-radiogroup";
+  const classPrefix$f = "nut-radiogroup";
   const RadioGroup = React.forwardRef(
     (props, ref) => {
       const {
@@ -12158,7 +12165,7 @@ var __publicField = (obj, key, value) => {
         options,
         disabled,
         ...rest
-      } = { ...defaultProps$Q, ...props };
+      } = { ...defaultProps$R, ...props };
       const [val2State, setVal2State] = usePropsValue({
         defaultValue: props.defaultValue,
         value: props.value,
@@ -12200,8 +12207,8 @@ var __publicField = (obj, key, value) => {
         /* @__PURE__ */ React.createElement(
           "div",
           {
-            className: classNames(classPrefix$e, className, {
-              [`${classPrefix$e}--${props.direction}`]: props.direction
+            className: classNames(classPrefix$f, className, {
+              [`${classPrefix$f}--${props.direction}`]: props.direction
             }),
             ...rest
           },
@@ -12210,9 +12217,9 @@ var __publicField = (obj, key, value) => {
       );
     }
   );
-  RadioGroup.defaultProps = defaultProps$Q;
+  RadioGroup.defaultProps = defaultProps$R;
   RadioGroup.displayName = "NutRadioGroup";
-  const defaultProps$P = {
+  const defaultProps$Q = {
     ...ComponentDefaults,
     disabled: false,
     shape: "round",
@@ -12238,7 +12245,7 @@ var __publicField = (obj, key, value) => {
       onChange,
       ...others
     } = {
-      ...defaultProps$P,
+      ...defaultProps$Q,
       ...props
     };
     let { labelPosition, disabled, ...rest } = others;
@@ -12334,10 +12341,10 @@ var __publicField = (obj, key, value) => {
       renderRadioItem()
     );
   };
-  Radio.defaultProps = defaultProps$P;
+  Radio.defaultProps = defaultProps$Q;
   Radio.displayName = "NutRadio";
   Radio.Group = RadioGroup;
-  const defaultProps$O = {
+  const defaultProps$P = {
     ...ComponentDefaults,
     range: false,
     min: 0,
@@ -12365,7 +12372,7 @@ var __publicField = (obj, key, value) => {
       step,
       value,
       defaultValue
-    } = { ...defaultProps$O, ...props };
+    } = { ...defaultProps$P, ...props };
     const classPrefix2 = "nut-range";
     const [buttonIndex, setButtonIndex] = React.useState(0);
     const [dragStatus, setDragStatus] = React.useState("start");
@@ -12629,9 +12636,9 @@ var __publicField = (obj, key, value) => {
       renderButton()
     ))), maxDescription !== null && /* @__PURE__ */ React.createElement("div", { className: "max" }, maxDescription || max));
   };
-  Range.defaultProps = defaultProps$O;
+  Range.defaultProps = defaultProps$P;
   Range.displayName = "NutRange";
-  const defaultProps$N = {
+  const defaultProps$O = {
     ...ComponentDefaults,
     count: 5,
     min: 0,
@@ -12656,7 +12663,7 @@ var __publicField = (obj, key, value) => {
       allowHalf,
       onChange
     } = {
-      ...defaultProps$N,
+      ...defaultProps$O,
       ...props
     };
     const classPrefix2 = "nut-rate";
@@ -12739,9 +12746,9 @@ var __publicField = (obj, key, value) => {
       })
     );
   };
-  Rate.defaultProps = defaultProps$N;
+  Rate.defaultProps = defaultProps$O;
   Rate.displayName = "NutRate";
-  const defaultProps$M = {
+  const defaultProps$N = {
     ...ComponentDefaults,
     placeholder: "",
     shape: "square",
@@ -12757,7 +12764,7 @@ var __publicField = (obj, key, value) => {
   };
   const SearchBar = (props) => {
     const classPrefix2 = "nut-searchbar";
-    const { locale } = useConfig();
+    const { locale } = useConfig$1();
     const searchRef = React.useRef(null);
     const [value, setValue] = React.useState(() => props.value);
     const {
@@ -12780,7 +12787,7 @@ var __publicField = (obj, key, value) => {
       onSearch,
       onInputClick
     } = {
-      ...defaultProps$M,
+      ...defaultProps$N,
       ...props
     };
     const forceFocus = () => {
@@ -12898,9 +12905,9 @@ var __publicField = (obj, key, value) => {
       renderRight()
     );
   };
-  SearchBar.defaultProps = defaultProps$M;
+  SearchBar.defaultProps = defaultProps$N;
   SearchBar.displayName = "NutSearchBar";
-  const defaultProps$L = {
+  const defaultProps$M = {
     ...ComponentDefaults,
     value: "",
     visible: false,
@@ -12911,7 +12918,7 @@ var __publicField = (obj, key, value) => {
     autoFocus: false
   };
   const ShortPassword = (props) => {
-    const { locale } = useConfig();
+    const { locale } = useConfig$1();
     const {
       title,
       description,
@@ -12937,7 +12944,7 @@ var __publicField = (obj, key, value) => {
       onCloseIconClick,
       ...rest
     } = {
-      ...defaultProps$L,
+      ...defaultProps$M,
       ...props
     };
     const classPrefix2 = "nut-shortpassword";
@@ -12994,9 +13001,9 @@ var __publicField = (obj, key, value) => {
       ), /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__footer__sure`, onClick: sure }, locale.confirm)))
     );
   };
-  ShortPassword.defaultProps = defaultProps$L;
+  ShortPassword.defaultProps = defaultProps$M;
   ShortPassword.displayName = "NutShortPassword";
-  const defaultProps$K = {
+  const defaultProps$L = {
     ...ComponentDefaults,
     canvasId: "spcanvas",
     type: "png",
@@ -13015,7 +13022,7 @@ var __publicField = (obj, key, value) => {
       onClear,
       ...rest
     } = {
-      ...defaultProps$K,
+      ...defaultProps$L,
       ...props
     };
     const classPrefix2 = `nut-signature`;
@@ -13163,9 +13170,9 @@ var __publicField = (obj, key, value) => {
     )));
   };
   const Signature = React.forwardRef(InternalSignature);
-  Signature.defaultProps = defaultProps$K;
+  Signature.defaultProps = defaultProps$L;
   Signature.displayName = "NutSignature";
-  const defaultProps$J = {
+  const defaultProps$K = {
     ...ComponentDefaults,
     disabled: false,
     activeText: "",
@@ -13180,9 +13187,10 @@ var __publicField = (obj, key, value) => {
       inactiveText,
       className,
       style,
-      onChange
+      onChange,
+      ...rest
     } = {
-      ...defaultProps$J,
+      ...defaultProps$K,
       ...props
     };
     const classPrefix2 = "nut-switch";
@@ -13199,11 +13207,20 @@ var __publicField = (obj, key, value) => {
       onChange && onChange(!value, event);
       setValue(!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))));
+    return /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        className: classes(),
+        onClick: (e) => onClick(e),
+        style,
+        ...rest
+      },
+      /* @__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$K;
   Switch.displayName = "NutSwitch";
-  const defaultProps$I = {
+  const defaultProps$J = {
     ...ComponentDefaults,
     defaultValue: "",
     showCount: false,
@@ -13214,7 +13231,7 @@ var __publicField = (obj, key, value) => {
     autoSize: false
   };
   const TextArea = (props) => {
-    const { locale } = useConfig();
+    const { locale } = useConfig$1();
     const {
       className,
       value,
@@ -13231,7 +13248,7 @@ var __publicField = (obj, key, value) => {
       onBlur,
       onFocus,
       ...rest
-    } = { ...defaultProps$I, ...props };
+    } = { ...defaultProps$J, ...props };
     const classPrefix2 = "nut-textarea";
     const compositionRef = React.useRef(false);
     const format2 = (value2) => {
@@ -13307,9 +13324,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$J;
   TextArea.displayName = "NutTextArea";
-  const defaultProps$H = {
+  const defaultProps$I = {
     ...ComponentDefaults,
     percent: 0,
     showText: false,
@@ -13330,7 +13347,7 @@ var __publicField = (obj, key, value) => {
       delay,
       ...rest
     } = {
-      ...defaultProps$H,
+      ...defaultProps$I,
       ...props
     };
     const classPrefix2 = "nut-progress";
@@ -13381,7 +13398,7 @@ var __publicField = (obj, key, value) => {
       )
     ))));
   };
-  Progress.defaultProps = defaultProps$H;
+  Progress.defaultProps = defaultProps$I;
   Progress.displayName = "NutProgress";
   class UploadOptions {
     constructor() {
@@ -13524,7 +13541,7 @@ var __publicField = (obj, key, value) => {
       done();
     }
   };
-  const defaultProps$G = {
+  const defaultProps$H = {
     ...ComponentDefaults,
     url: "",
     maxCount: 1,
@@ -13559,7 +13576,7 @@ var __publicField = (obj, key, value) => {
     constructor() {
       __publicField(this, "status", "ready");
       __publicField(this, "message", "准备中..");
-      __publicField(this, "uid", (/* @__PURE__ */ new Date()).getTime().toString());
+      __publicField(this, "uid", Date.now().toString());
       __publicField(this, "name");
       __publicField(this, "url");
       __publicField(this, "type");
@@ -13569,7 +13586,7 @@ var __publicField = (obj, key, value) => {
     }
   }
   const InternalUploader = (props, ref) => {
-    const { locale } = useConfig();
+    const { locale } = useConfig$1();
     const {
       children,
       uploadIcon,
@@ -13612,7 +13629,7 @@ var __publicField = (obj, key, value) => {
       beforeXhrUpload,
       beforeDelete,
       ...restProps
-    } = { ...defaultProps$G, ...props };
+    } = { ...defaultProps$H, ...props };
     const [fileList, setFileList] = React.useState(defaultValue || []);
     const [uploadQueue, setUploadQueue] = React.useState([]);
     React.useEffect(() => {
@@ -13799,6 +13816,7 @@ var __publicField = (obj, key, value) => {
         fileItem.name = filepath;
         fileItem.status = "ready";
         fileItem.type = fileType;
+        fileItem.uid = `${fileItem.uid}_${index}`;
         if (autoUpload) {
           fileItem.message = locale.uploader.readyUpload;
         } else {
@@ -13871,7 +13889,7 @@ var __publicField = (obj, key, value) => {
     const handleItemClick = (file) => {
       onFileItemClick && onFileItemClick(file);
     };
-    return /* @__PURE__ */ React.createElement("div", { className: classes, ...restProps }, children && /* @__PURE__ */ React.createElement("div", { className: "nut-uploader__slot" }, /* @__PURE__ */ React.createElement(React.Fragment, null, children, maxCount > fileList.length && /* @__PURE__ */ React.createElement(Button, { className: "nut-uploader__input", onClick: _chooseImage }))), fileList.length !== 0 && fileList.map((item, index) => {
+    return /* @__PURE__ */ React.createElement("div", { className: classes, ...restProps }, children && /* @__PURE__ */ React.createElement("div", { className: "nut-uploader__slot" }, /* @__PURE__ */ React.createElement(React.Fragment, null, children, maxCount > fileList.length && /* @__PURE__ */ React.createElement(Button, { className: "nut-uploader__input", onClick: _chooseImage }))), fileList.length !== 0 && Array.isArray(fileList) && fileList.map((item, index) => {
       return /* @__PURE__ */ React.createElement(
         "div",
         {
@@ -13947,9 +13965,9 @@ var __publicField = (obj, key, value) => {
     ));
   };
   const Uploader = React.forwardRef(InternalUploader);
-  Uploader.defaultProps = defaultProps$G;
+  Uploader.defaultProps = defaultProps$H;
   Uploader.displayName = "NutUploader";
-  const defaultProps$F = {
+  const defaultProps$G = {
     ...ComponentDefaults,
     visible: false,
     description: "",
@@ -13975,7 +13993,7 @@ var __publicField = (obj, key, value) => {
       className,
       style,
       ...rest
-    } = { ...defaultProps$F, ...props };
+    } = { ...defaultProps$G, ...props };
     const classPrefix2 = "nut-actionsheet";
     const cancelActionSheet = () => {
       onCancel && onCancel();
@@ -14018,7 +14036,7 @@ var __publicField = (obj, key, value) => {
       ))
     );
   };
-  ActionSheet.defaultProps = defaultProps$F;
+  ActionSheet.defaultProps = defaultProps$G;
   ActionSheet.displayName = "NutActionSheet";
   const Content = (props) => {
     const { visible, title, footer, footerDirection, onClick, children } = props;
@@ -14108,7 +14126,7 @@ var __publicField = (obj, key, value) => {
   };
   DialogWrap.defaultProps = defaultDialogProps;
   DialogWrap.displayName = "NutDialogWrap";
-  const defaultProps$E = {
+  const defaultProps$F = {
     confirmText: "",
     cancelText: "",
     overlay: true,
@@ -14123,7 +14141,7 @@ var __publicField = (obj, key, value) => {
   };
   const BaseDialog = React.forwardRef(
     (props, ref) => {
-      const { locale } = useConfig();
+      const { locale } = useConfig$1();
       const {
         visible,
         footer,
@@ -14203,9 +14221,9 @@ var __publicField = (obj, key, value) => {
       );
     }
   );
-  BaseDialog.defaultProps = defaultProps$E;
+  BaseDialog.defaultProps = defaultProps$F;
   BaseDialog.displayName = "NutDialog";
-  const defaultProps$D = {
+  const defaultProps$E = {
     ...ComponentDefaults,
     attract: false,
     direction: void 0,
@@ -14219,7 +14237,7 @@ var __publicField = (obj, key, value) => {
   };
   const Drag = (props) => {
     const { attract, direction, boundary, children, className, style, ...reset } = {
-      ...defaultProps$D,
+      ...defaultProps$E,
       ...props
     };
     const classPrefix2 = "nut-drag";
@@ -14316,23 +14334,23 @@ var __publicField = (obj, key, value) => {
       )
     );
   };
-  Drag.defaultProps = defaultProps$D;
+  Drag.defaultProps = defaultProps$E;
   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$D = {
     ...ComponentDefaults,
     description: "",
     imageSize: "",
     status: "empty"
   };
-  const classPrefix$d = `nut-empty`;
+  const classPrefix$e = `nut-empty`;
   const Empty = (props) => {
-    const { locale } = useConfig();
-    defaultProps$C.description = locale.noData || defaultProps$C.description;
+    const { locale } = useConfig$1();
+    defaultProps$D.description = locale.noData || defaultProps$D.description;
     const {
       image,
       imageSize,
@@ -14342,7 +14360,7 @@ var __publicField = (obj, key, value) => {
       status,
       ...rest
     } = {
-      ...defaultProps$C,
+      ...defaultProps$D,
       ...props
     };
     const [imgStyle, setImgStyle] = React.useState({});
@@ -14365,20 +14383,20 @@ var __publicField = (obj, key, value) => {
         };
       });
     }, [imageSize]);
-    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));
+    return /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$e} ${className}`, ...rest }, /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$e}__image`, style: imgStyle }, imageNode), typeof description === "string" ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$e}__description` }, description) : description, children));
   };
-  Empty.defaultProps = defaultProps$C;
+  Empty.defaultProps = defaultProps$D;
   Empty.displayName = "NutEmpty";
-  const defaultProps$B = {
+  const defaultProps$C = {
     ...ComponentDefaults,
     hasMore: true,
     threshold: 40,
     target: "",
     pullRefresh: false
   };
-  const classPrefix$c = `nut-infiniteloading`;
+  const classPrefix$d = `nut-infiniteloading`;
   const InfiniteLoading = (props) => {
-    const { locale } = useConfig();
+    const { locale } = useConfig$1();
     const {
       children,
       hasMore,
@@ -14393,7 +14411,7 @@ var __publicField = (obj, key, value) => {
       onLoadMore,
       onScroll
     } = {
-      ...defaultProps$B,
+      ...defaultProps$C,
       ...props
     };
     const [isInfiniting, setIsInfiniting] = React.useState(false);
@@ -14406,7 +14424,7 @@ var __publicField = (obj, key, value) => {
     const y2 = React.useRef(0);
     const refreshMaxH = React.useRef(0);
     const distance = React.useRef(0);
-    const classes = classNames(className, classPrefix$c);
+    const classes = classNames(className, classPrefix$d);
     React.useEffect(() => {
       refreshMaxH.current = threshold;
       setTimeout(() => {
@@ -14505,13 +14523,13 @@ var __publicField = (obj, key, value) => {
       /* @__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.defaultProps = defaultProps$C;
   InfiniteLoading.displayName = "NutInfiniteLoading";
   const loadingMap = {
     circular: r$g,
     spinner: r$h
   };
-  const defaultProps$A = {
+  const defaultProps$B = {
     ...ComponentDefaults,
     // 对比一下,个人感觉还是Loading1比较好看一些,所以用它作为了默认的loading图标
     type: "circular",
@@ -14519,7 +14537,7 @@ var __publicField = (obj, key, value) => {
   };
   const Loading = (props) => {
     const { className, style, children, direction, icon, ...rest } = {
-      ...defaultProps$A,
+      ...defaultProps$B,
       ...props
     };
     const classPrefix2 = "nut-loading";
@@ -14538,9 +14556,9 @@ var __publicField = (obj, key, value) => {
       children ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-text` }, children) : ""
     );
   };
-  Loading.defaultProps = defaultProps$A;
+  Loading.defaultProps = defaultProps$B;
   Loading.displayName = "NutLoading";
-  const defaultProps$z = {
+  const defaultProps$A = {
     ...ComponentDefaults,
     direction: "horizontal",
     list: [],
@@ -14578,7 +14596,7 @@ var __publicField = (obj, key, value) => {
       onClick,
       onItemClick
     } = {
-      ...defaultProps$z,
+      ...defaultProps$A,
       ...props
     };
     const classPrefix2 = "nut-noticebar";
@@ -14940,7 +14958,7 @@ var __publicField = (obj, key, value) => {
       )
     ) : null);
   };
-  NoticeBar.defaultProps = defaultProps$z;
+  NoticeBar.defaultProps = defaultProps$A;
   NoticeBar.displayName = "NutNoticeBar";
   const customEvents = new Taro.Events();
   function useCustomEventsPath(selector) {
@@ -14964,7 +14982,7 @@ var __publicField = (obj, key, value) => {
     };
     return [trigger, off];
   }
-  const defaultProps$y = {
+  const defaultProps$z = {
     ...ComponentDefaults,
     id: "",
     duration: 3e3,
@@ -14977,7 +14995,7 @@ var __publicField = (obj, key, value) => {
     onClick: () => {
     }
   };
-  const classPrefix$b = "nut-notify";
+  const classPrefix$c = "nut-notify";
   const Notify = (props) => {
     const {
       id,
@@ -14990,7 +15008,7 @@ var __publicField = (obj, key, value) => {
       duration,
       onClose,
       onClick
-    } = { ...defaultProps$y, ...props };
+    } = { ...defaultProps$z, ...props };
     useCustomEvent(id, (status) => {
       status ? show() : hide();
     });
@@ -15026,10 +15044,10 @@ var __publicField = (obj, key, value) => {
       onClose();
     };
     const classes = classNames({
-      [`${classPrefix$b}--popup-top`]: position === "top",
-      [`${classPrefix$b}--popup-bottom`]: position === "bottom",
-      [`${classPrefix$b}`]: true,
-      [`${classPrefix$b}--${type2}`]: true
+      [`${classPrefix$c}--popup-top`]: position === "top",
+      [`${classPrefix$c}--popup-bottom`]: position === "bottom",
+      [`${classPrefix$c}`]: true,
+      [`${classPrefix$c}--${type2}`]: true
     });
     return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
       CSSTransition$1,
@@ -15061,16 +15079,17 @@ var __publicField = (obj, key, value) => {
     const path = useCustomEventsPath(selector);
     customEvents.trigger(path, false);
   }
-  Notify.defaultProps = defaultProps$y;
+  Notify.defaultProps = defaultProps$z;
   Notify.displayName = "NutNotify";
   Notify.open = open;
   Notify.close = close;
-  const defaultProps$x = {
+  const defaultProps$y = {
     ...ComponentDefaults,
     list: [],
     location: "bottom",
     visible: false,
     offset: [0, 12],
+    arrowOffset: 0,
     targetId: "",
     className: "",
     showArrow: true,
@@ -15084,7 +15103,7 @@ var __publicField = (obj, key, value) => {
     onClose: () => {
     }
   };
-  const classPrefix$a = `nut-popover`;
+  const classPrefix$b = `nut-popover`;
   const Popover = (props) => {
     const {
       children,
@@ -15098,6 +15117,7 @@ var __publicField = (obj, key, value) => {
       closeOnActionClick,
       className,
       showArrow,
+      arrowOffset,
       style,
       onClick,
       onOpen,
@@ -15105,7 +15125,7 @@ var __publicField = (obj, key, value) => {
       onSelect,
       ...rest
     } = {
-      ...defaultProps$x,
+      ...defaultProps$y,
       ...props
     };
     const popoverRef = React.useRef(null);
@@ -15169,7 +15189,7 @@ var __publicField = (obj, key, value) => {
     };
     const classes = classNames(
       {
-        [`${classPrefix$a}`]: true
+        [`${classPrefix$b}`]: true
       },
       className
     );
@@ -15231,6 +15251,37 @@ var __publicField = (obj, key, value) => {
       }
       return styles;
     };
+    const popoverArrowStyle = () => {
+      const styles = {};
+      const direction = location.split("-")[0];
+      const skew = location.split("-")[1];
+      const base = 16;
+      if (props.arrowOffset !== 0) {
+        if (["bottom", "top"].includes(direction)) {
+          if (!skew) {
+            styles.left = `calc(50% + ${arrowOffset}px)`;
+          }
+          if (skew === "start") {
+            styles.left = `${base + arrowOffset}px`;
+          }
+          if (skew === "end") {
+            styles.right = `${base - arrowOffset}px`;
+          }
+        }
+        if (["left", "right"].includes(direction)) {
+          if (!skew) {
+            styles.top = `calc(50% - ${arrowOffset}px)`;
+          }
+          if (skew === "start") {
+            styles.top = `${base - arrowOffset}px`;
+          }
+          if (skew === "end") {
+            styles.bottom = `${base + arrowOffset}px`;
+          }
+        }
+      }
+      return styles;
+    };
     const handleSelect = (item, index) => {
       if (!item.disabled) {
         onSelect && onSelect(item, index);
@@ -15265,7 +15316,7 @@ var __publicField = (obj, key, value) => {
         visible: showPopup,
         ...rest
       },
-      /* @__PURE__ */ React.createElement("div", { className: "nut-popover-content-group", ref: popoverContentRef }, showArrow && /* @__PURE__ */ React.createElement("div", { className: popoverArrow() }), Array.isArray(children) ? children[1] : "", list.map((item, index) => {
+      /* @__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",
           {
@@ -15283,7 +15334,7 @@ var __publicField = (obj, key, value) => {
           /* @__PURE__ */ React.createElement("div", { className: "nut-popover-menu-item-name" }, item.name)
         );
       }))
-    ), showPopup && /* @__PURE__ */ React.createElement(
+    ), showPopup && closeOnOutsideClick && /* @__PURE__ */ React.createElement(
       "div",
       {
         className: "nut-popover-content-bg",
@@ -15292,7 +15343,7 @@ var __publicField = (obj, key, value) => {
       }
     )));
   };
-  Popover.defaultProps = defaultProps$x;
+  Popover.defaultProps = defaultProps$y;
   Popover.displayName = "NutPopover";
   function bound(position, min, max) {
     let ret = position;
@@ -15317,7 +15368,7 @@ var __publicField = (obj, key, value) => {
     return position;
   }
   const sleep = (time) => new Promise((resolve) => setTimeout(resolve, time));
-  const defaultProps$w = {
+  const defaultProps$x = {
     ...ComponentDefaults,
     pullingText: "",
     canReleaseText: "",
@@ -15333,10 +15384,10 @@ var __publicField = (obj, key, value) => {
   };
   const PullToRefresh = (p) => {
     const classPrefix2 = "nut-pulltorefresh";
-    const { locale } = useConfig();
+    const { locale } = useConfig$1();
     const touch = useTouch();
     const props = {
-      ...defaultProps$w,
+      ...defaultProps$x,
       ...p,
       ...{
         pullingText: p.pullingText || locale.pullToRefresh.pullingText,
@@ -15436,10 +15487,10 @@ var __publicField = (obj, key, value) => {
       /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-content` }, props.children)
     );
   };
-  PullToRefresh.defaultProps = defaultProps$w;
+  PullToRefresh.defaultProps = defaultProps$x;
   PullToRefresh.displayName = "NutPullToRefresh";
   const AvatarContext = React.createContext({});
-  const defaultProps$v = {
+  const defaultProps$w = {
     ...ComponentDefaults,
     maxContent: "",
     max: "",
@@ -15448,21 +15499,21 @@ var __publicField = (obj, key, value) => {
     gap: "-8",
     level: "left"
   };
-  const classPrefix$9 = `nut-avatar-group`;
+  const classPrefix$a = `nut-avatar-group`;
   const AvatarGroup = (props) => {
-    const propAvatarGroup = { ...defaultProps$v, ...props };
+    const propAvatarGroup = { ...defaultProps$w, ...props };
     const { className, style, children } = propAvatarGroup;
     const avatarGroupRef = React.useRef(null);
-    const cls = classNames(classPrefix$9, className);
+    const cls = classNames(classPrefix$a, 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$v;
+  AvatarGroup.defaultProps = defaultProps$w;
   AvatarGroup.displayName = "NutAvatarGroup";
-  const defaultProps$u = {
+  const defaultProps$v = {
     ...ComponentDefaults,
     size: "",
     shape: "round",
@@ -15473,7 +15524,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 {
@@ -15492,7 +15543,7 @@ var __publicField = (obj, key, value) => {
       onError,
       ...rest
     } = {
-      ...defaultProps$u,
+      ...defaultProps$v,
       ...props
     };
     const [maxSum, setMaxSum] = React.useState(0);
@@ -15505,7 +15556,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`,
@@ -15573,10 +15624,10 @@ 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$u;
+  Avatar.defaultProps = defaultProps$v;
   Avatar.displayName = "NutAvatar";
   Avatar.Group = AvatarGroup;
-  const defaultProps$t = {
+  const defaultProps$u = {
     ...ComponentDefaults,
     rows: 1,
     animated: false,
@@ -15599,7 +15650,7 @@ var __publicField = (obj, key, value) => {
       avatarShape,
       ...rest
     } = {
-      ...defaultProps$t,
+      ...defaultProps$u,
       ...props
     };
     const classPrefix2 = "nut-skeleton";
@@ -15636,7 +15687,7 @@ var __publicField = (obj, key, value) => {
       return /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__block`, key: index });
     })))));
   };
-  Skeleton.defaultProps = defaultProps$t;
+  Skeleton.defaultProps = defaultProps$u;
   Skeleton.displayName = "NutSkeleton";
   function preventDefault(event, isStopPropagation) {
     if (typeof event.cancelable !== "boolean" || event.cancelable) {
@@ -15646,7 +15697,7 @@ var __publicField = (obj, key, value) => {
       event.stopPropagation();
     }
   }
-  const defaultProps$s = {
+  const defaultProps$t = {
     ...ComponentDefaults,
     name: ""
   };
@@ -15666,7 +15717,7 @@ var __publicField = (obj, key, value) => {
       };
       Taro.nextTick(() => getWidth());
     });
-    const { children, className, style } = { ...defaultProps$s, ...props };
+    const { children, className, style } = { ...defaultProps$t, ...props };
     const root2 = React.useRef();
     const opened = React.useRef(false);
     const lockClick = React.useRef(false);
@@ -15822,9 +15873,9 @@ var __publicField = (obj, key, value) => {
       /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__wrapper`, style: wrapperStyle }, renderActionContent("left"), children, renderActionContent("right"))
     );
   });
-  Swipe.defaultProps = defaultProps$s;
+  Swipe.defaultProps = defaultProps$t;
   Swipe.displayName = "NutSwipe";
-  const defaultProps$r = {
+  const defaultProps$s = {
     ...ComponentDefaults,
     id: "",
     icon: null,
@@ -15846,7 +15897,7 @@ var __publicField = (obj, key, value) => {
     }
     // 未实现
   };
-  const classPrefix$7 = "nut-toast";
+  const classPrefix$8 = "nut-toast";
   const Toast = (props) => {
     const {
       children,
@@ -15868,7 +15919,7 @@ var __publicField = (obj, key, value) => {
       style,
       onClose,
       ...rest
-    } = { ...defaultProps$r, ...props };
+    } = { ...defaultProps$s, ...props };
     let timer;
     const [openState, SetOpenState] = React.useState(false);
     React.useEffect(() => {
@@ -15928,28 +15979,28 @@ var __publicField = (obj, key, value) => {
       {
         visible: openState,
         style,
-        className: `${classPrefix$7}__overlay-default ${className}`,
+        className: `${classPrefix$8}__overlay-default ${className}`,
         closeOnOverlayClick,
         lockScroll,
         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$r;
+  Toast.defaultProps = defaultProps$s;
   Toast.displayName = "NutToast";
-  const defaultProps$q = {
+  const defaultProps$r = {
     ...ComponentDefaults,
     type: "shake",
     action: "initial",
@@ -15957,16 +16008,16 @@ var __publicField = (obj, key, value) => {
     onClick: (event) => {
     }
   };
-  const classPrefix$6 = `nut-animate`;
+  const classPrefix$7 = `nut-animate`;
   const Animate = (props) => {
     const { className, type: type2, action, loop, onClick, children, ...rest } = {
-      ...defaultProps$q,
+      ...defaultProps$r,
       ...props
     };
     const [clicked, setClicked] = React.useState(false);
     const classes = classNames({
       "nut-ani-container": true,
-      [`${classPrefix$6}-${type2}`]: action === "initial" || clicked ? type2 : false,
+      [`${classPrefix$7}-${type2}`]: action === "initial" || clicked ? type2 : false,
       loop
     });
     const cls = classNames(classes, className);
@@ -15981,9 +16032,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$q;
+  Animate.defaultProps = defaultProps$r;
   Animate.displayName = "NutAnimate";
-  const defaultProps$p = {
+  const defaultProps$q = {
     ...ComponentDefaults,
     length: 0,
     value: "",
@@ -16002,7 +16053,7 @@ var __publicField = (obj, key, value) => {
       style,
       ...reset
     } = {
-      ...defaultProps$p,
+      ...defaultProps$q,
       ...props
     };
     const classPrefix2 = "nut-countup";
@@ -16076,9 +16127,9 @@ var __publicField = (obj, key, value) => {
       );
     })));
   };
-  CountUp.defaultProps = defaultProps$p;
+  CountUp.defaultProps = defaultProps$q;
   CountUp.displayName = "NutCountUp";
-  const defaultProps$o = {};
+  const defaultProps$p = {};
   class AnimatingNumbers extends React.Component {
     constructor(props) {
       super(props);
@@ -16088,12 +16139,12 @@ var __publicField = (obj, key, value) => {
       return /* @__PURE__ */ React.createElement("div", { className: "nut-animatingnumbers" });
     }
   }
-  __publicField(AnimatingNumbers, "defaultProps", defaultProps$o);
+  __publicField(AnimatingNumbers, "defaultProps", defaultProps$p);
   __publicField(AnimatingNumbers, "displayName", "NutAnimatingNumbers");
   __publicField(AnimatingNumbers, "CountUp", CountUp);
   AnimatingNumbers.CountUp = CountUp;
   const warn = console.warn;
-  const defaultProps$n = {
+  const defaultProps$o = {
     ...ComponentDefaults,
     className: "",
     url: "",
@@ -16118,7 +16169,7 @@ var __publicField = (obj, key, value) => {
   };
   const Audio = (props) => {
     const classPrefix2 = "nut-audio";
-    const { locale } = useConfig();
+    const { locale } = useConfig$1();
     const {
       className,
       url,
@@ -16137,7 +16188,7 @@ var __publicField = (obj, key, value) => {
       iconFontClassName,
       ...rest
     } = {
-      ...defaultProps$n,
+      ...defaultProps$o,
       ...props
     };
     const [playing, setPlaying] = React.useState(false);
@@ -16301,9 +16352,9 @@ var __publicField = (obj, key, value) => {
     };
     return /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2} ${className}`, style, ...rest }, renderAudio());
   };
-  Audio.defaultProps = defaultProps$n;
+  Audio.defaultProps = defaultProps$o;
   Audio.displayName = "NutAudio";
-  const defaultProps$m = {
+  const defaultProps$n = {
     ...ComponentDefaults,
     strokeWidth: 5,
     radius: 50,
@@ -16312,7 +16363,7 @@ var __publicField = (obj, key, value) => {
     background: "#e5e9f2",
     clockwise: true
   };
-  const classPrefix$5 = `nut-circleprogress`;
+  const classPrefix$6 = `nut-circleprogress`;
   const CircleProgress = (props) => {
     const {
       children,
@@ -16327,11 +16378,11 @@ var __publicField = (obj, key, value) => {
       strokeLinecap,
       ...restProps
     } = {
-      ...defaultProps$m,
+      ...defaultProps$n,
       ...props
     };
     const [oldValue, setOldValue] = React.useState(percent);
-    const classes = classNames(className, classPrefix$5);
+    const classes = classNames(className, classPrefix$6);
     const refRandomId = Math.random().toString(36).slice(-8);
     const animateIdRef = React.useRef(0);
     const styles = {
@@ -16413,7 +16464,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$m;
+  CircleProgress.defaultProps = defaultProps$n;
   CircleProgress.displayName = "NutCircleProgress";
   const collapseContext = {
     isOpen: (name) => {
@@ -16425,7 +16476,7 @@ var __publicField = (obj, key, value) => {
     rotate: 180
   };
   const CollapseContext = React.createContext(collapseContext);
-  const defaultProps$l = {
+  const defaultProps$m = {
     ...ComponentDefaults,
     title: null,
     name: "",
@@ -16446,7 +16497,7 @@ var __publicField = (obj, key, value) => {
       className,
       ...rest
     } = {
-      ...defaultProps$l,
+      ...defaultProps$m,
       ...props
     };
     const classPrefix2 = "nut-collapse-item";
@@ -16558,9 +16609,9 @@ var __publicField = (obj, key, value) => {
       )
     ));
   };
-  CollapseItem.defaultProps = defaultProps$l;
+  CollapseItem.defaultProps = defaultProps$m;
   CollapseItem.displayName = "NutCollapseItem";
-  const defaultProps$k = {
+  const defaultProps$l = {
     ...ComponentDefaults,
     defaultActiveName: [],
     accordion: false,
@@ -16579,7 +16630,7 @@ var __publicField = (obj, key, value) => {
       rotate,
       onChange
     } = {
-      ...defaultProps$k,
+      ...defaultProps$l,
       ...props
     };
     const classPrefix2 = "nut-collapse";
@@ -16636,10 +16687,10 @@ var __publicField = (obj, key, value) => {
       /* @__PURE__ */ React.createElement("div", { className: classNames(classPrefix2, className), style }, children)
     );
   };
-  Collapse.defaultProps = defaultProps$k;
+  Collapse.defaultProps = defaultProps$l;
   Collapse.displayName = "NutCollapse";
   Collapse.Item = CollapseItem;
-  const defaultProps$j = {
+  const defaultProps$k = {
     ...ComponentDefaults,
     paused: false,
     startTime: Date.now(),
@@ -16652,7 +16703,7 @@ var __publicField = (obj, key, value) => {
     destroy: false
   };
   const InternalCountDown = (props, ref) => {
-    useConfig();
+    useConfig$1();
     const {
       paused,
       startTime,
@@ -16671,7 +16722,7 @@ var __publicField = (obj, key, value) => {
       onUpdate,
       children,
       ...rest
-    } = { ...defaultProps$j, ...props };
+    } = { ...defaultProps$k, ...props };
     const classPrefix2 = "nut-countdown";
     const [restTimeStamp, setRestTime] = React.useState(0);
     const stateRef = React.useRef({
@@ -16882,9 +16933,9 @@ var __publicField = (obj, key, value) => {
     );
   };
   const CountDown = React.forwardRef(InternalCountDown);
-  CountDown.defaultProps = defaultProps$j;
+  CountDown.defaultProps = defaultProps$k;
   CountDown.displayName = "NutCountDown";
-  const defaultProps$i = {
+  const defaultProps$j = {
     ...ComponentDefaults,
     content: "",
     direction: "end",
@@ -16895,7 +16946,7 @@ var __publicField = (obj, key, value) => {
     lineHeight: "20",
     width: "auto"
   };
-  const classPrefix$4 = `nut-ellipsis`;
+  const classPrefix$5 = `nut-ellipsis`;
   const Ellipsis = (props) => {
     var _a, _b, _c, _d;
     const {
@@ -16912,7 +16963,7 @@ var __publicField = (obj, key, value) => {
       onClick,
       onChange,
       ...rest
-    } = { ...defaultProps$i, ...props };
+    } = { ...defaultProps$j, ...props };
     const maxHeight = React.useRef(0);
     const [exceeded, setExceeded] = React.useState(false);
     const [expanded, setExpanded] = React.useState(false);
@@ -16935,9 +16986,9 @@ var __publicField = (obj, key, value) => {
     const letterUpperReg = /^[A-Z]+$/;
     const letterLowerReg = /^[a-z]+$/;
     const classes = classNames(
-      classPrefix$4,
+      classPrefix$5,
       className,
-      width ? `${classPrefix$4}-width` : ""
+      width ? `${classPrefix$5}-width` : ""
     );
     const init = () => {
       setExceeded(false);
@@ -17196,21 +17247,21 @@ var __publicField = (obj, key, value) => {
       symbolText()
     ));
   };
-  Ellipsis.defaultProps = defaultProps$i;
+  Ellipsis.defaultProps = defaultProps$j;
   Ellipsis.displayName = "NutEllipsis";
-  const defaultProps$h = {
+  const defaultProps$i = {
     total: 3,
     current: 0,
     direction: "horizontal"
   };
-  const classPrefix$3 = `nut-indicator`;
+  const classPrefix$4 = `nut-indicator`;
   const Indicator = (props) => {
     const { total, current, children, className, direction, ...rest } = {
-      ...defaultProps$h,
+      ...defaultProps$i,
       ...props
     };
     const classes = classNames({
-      [`${classPrefix$3}__vertical`]: direction === "vertical"
+      [`${classPrefix$4}__vertical`]: direction === "vertical"
     });
     const renderElement = () => {
       const childs = [];
@@ -17220,25 +17271,25 @@ var __publicField = (obj, key, value) => {
             "div",
             {
               key: item,
-              className: `${classPrefix$3}__dot ${classPrefix$3}__active`
+              className: `${classPrefix$4}__dot ${classPrefix$4}__active`
             }
-          ) : /* @__PURE__ */ React.createElement("div", { key: item, className: `${classPrefix$3}__dot` })
+          ) : /* @__PURE__ */ React.createElement("div", { key: item, className: `${classPrefix$4}__dot` })
         );
       }
       return childs;
     };
     return /* @__PURE__ */ React.createElement("div", { className: classNames(classes, className), ...rest }, renderElement());
   };
-  Indicator.defaultProps = defaultProps$h;
+  Indicator.defaultProps = defaultProps$i;
   Indicator.displayName = "NutIndicator";
-  const defaultProps$g = {
+  const defaultProps$h = {
     direction: "horizontal",
     indicator: false,
     autoPlay: false,
     loop: false,
     defaultValue: 0
   };
-  const classPrefix$2 = "nut-swiper";
+  const classPrefix$3 = "nut-swiper";
   const Swiper = React.forwardRef((props, ref) => {
     const {
       width,
@@ -17253,7 +17304,7 @@ var __publicField = (obj, key, value) => {
       defaultValue,
       ...rest
     } = {
-      ...defaultProps$g,
+      ...defaultProps$h,
       ...props
     };
     const [current, setCurrent] = React.useState(defaultValue);
@@ -17269,8 +17320,8 @@ var __publicField = (obj, key, value) => {
           "div",
           {
             className: classNames({
-              [`${classPrefix$2}__indicator`]: true,
-              [`${classPrefix$2}__indicator-vertical`]: direction === "vertical"
+              [`${classPrefix$3}__indicator`]: true,
+              [`${classPrefix$3}__indicator-vertical`]: direction === "vertical"
             })
           },
           /* @__PURE__ */ React.createElement(
@@ -17312,7 +17363,7 @@ var __publicField = (obj, key, value) => {
     return /* @__PURE__ */ React.createElement(
       components.View,
       {
-        className: classNames(classPrefix$2, className),
+        className: classNames(classPrefix$3, className),
         style: {
           width: !width ? "100%" : `${width}px`,
           height: !height ? "150px" : `${height}px`
@@ -17348,9 +17399,9 @@ var __publicField = (obj, key, value) => {
       renderIndicator()
     );
   });
-  Swiper.defaultProps = defaultProps$g;
+  Swiper.defaultProps = defaultProps$h;
   Swiper.displayName = "NutSwiper";
-  const defaultProps$f = {
+  const defaultProps$g = {
     itemId: "",
     skipHiddenItemLayout: false
   };
@@ -17358,11 +17409,11 @@ var __publicField = (obj, key, value) => {
     const { children, ...rest } = props;
     return /* @__PURE__ */ React.createElement(React.Fragment, null, children);
   };
-  SwiperItem.defaultProps = defaultProps$f;
+  SwiperItem.defaultProps = defaultProps$g;
   SwiperItem.displayName = "NutSwiperItem";
   const InnerSwiper = Swiper;
   InnerSwiper.Item = SwiperItem;
-  const defaultProps$e = {
+  const defaultProps$f = {
     ...ComponentDefaults,
     images: [],
     videos: [],
@@ -17583,9 +17634,9 @@ var __publicField = (obj, key, value) => {
       /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-index` }, active, "/", (images ? images.length : 0) + (videos ? videos.length : 0))
     );
   };
-  ImagePreview.defaultProps = defaultProps$e;
+  ImagePreview.defaultProps = defaultProps$f;
   ImagePreview.displayName = "NutImagePreview";
-  const defaultProps$d = {
+  const defaultProps$e = {
     ...ComponentDefaults,
     defaultValue: 1,
     mode: "multi",
@@ -17597,7 +17648,7 @@ var __publicField = (obj, key, value) => {
     ellipse: false
   };
   const Pagination = (props) => {
-    const { locale } = useConfig();
+    const { locale } = useConfig$1();
     const {
       value,
       mode,
@@ -17613,7 +17664,7 @@ var __publicField = (obj, key, value) => {
       className,
       ...rest
     } = {
-      ...defaultProps$d,
+      ...defaultProps$e,
       ...props
     };
     const classPrefix2 = "nut-pagination";
@@ -17695,9 +17746,9 @@ var __publicField = (obj, key, value) => {
       next || locale.pagination.next
     ));
   };
-  Pagination.defaultProps = defaultProps$d;
+  Pagination.defaultProps = defaultProps$e;
   Pagination.displayName = "NutPagination";
-  const defaultProps$c = {
+  const defaultProps$d = {
     ...ComponentDefaults,
     price: 0,
     symbol: "&yen;",
@@ -17720,7 +17771,7 @@ var __publicField = (obj, key, value) => {
       style,
       ...rest
     } = {
-      ...defaultProps$c,
+      ...defaultProps$d,
       ...props
     };
     const classPrefix2 = "nut-price";
@@ -17809,10 +17860,10 @@ var __publicField = (obj, key, value) => {
       symbol && position === "after" ? renderSymbol() : null
     );
   };
-  Price.defaultProps = defaultProps$c;
+  Price.defaultProps = defaultProps$d;
   Price.displayName = "NutPrice";
   const DataContext = React.createContext({});
-  const defaultProps$b = {
+  const defaultProps$c = {
     ...ComponentDefaults,
     title: "",
     description: "",
@@ -17821,7 +17872,7 @@ var __publicField = (obj, key, value) => {
   };
   const Step = (props) => {
     const { children, title, description, value, icon, className, ...restProps } = {
-      ...defaultProps$b,
+      ...defaultProps$c,
       ...props
     };
     const parent = React.useContext(DataContext);
@@ -17855,16 +17906,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$c;
   Step.displayName = "NutStep";
-  const defaultProps$a = {
+  const defaultProps$b = {
     ...ComponentDefaults,
     value: 0,
     direction: "horizontal",
     dot: false
   };
   const Steps = (props) => {
-    const propSteps = { ...defaultProps$a, ...props };
+    const propSteps = { ...defaultProps$b, ...props };
     const {
       children,
       value,
@@ -17895,9 +17946,9 @@ var __publicField = (obj, key, value) => {
       children
     ));
   };
-  Steps.defaultProps = defaultProps$a;
+  Steps.defaultProps = defaultProps$b;
   Steps.displayName = "NutSteps";
-  const defaultProps$9 = {
+  const defaultProps$a = {
     ...ComponentDefaults,
     columns: [],
     data: [],
@@ -17908,8 +17959,8 @@ var __publicField = (obj, key, value) => {
     showHeader: true
   };
   const Table = (props) => {
-    const { locale } = useConfig();
-    defaultProps$9.noData = locale.noData;
+    const { locale } = useConfig$1();
+    defaultProps$a.noData = locale.noData;
     const {
       children,
       className,
@@ -17925,7 +17976,7 @@ var __publicField = (obj, key, value) => {
       onSort,
       ...rest
     } = {
-      ...defaultProps$9,
+      ...defaultProps$a,
       ...props
     };
     const [curData, setCurData] = React.useState(data);
@@ -18008,9 +18059,9 @@ 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$a;
   Table.displayName = "NutTable";
-  const defaultProps$8 = {
+  const defaultProps$9 = {
     ...ComponentDefaults,
     type: "default",
     background: "",
@@ -18041,7 +18092,7 @@ var __publicField = (obj, key, value) => {
       onClick,
       onClose
     } = {
-      ...defaultProps$8,
+      ...defaultProps$9,
       ...props
     };
     const [tagClass, setTagClass] = React.useState("");
@@ -18116,8 +18167,206 @@ var __publicField = (obj, key, value) => {
       children && /* @__PURE__ */ React.createElement("span", { className: `${classPrefix2}-text` }, children)
     ));
   };
-  Tag.defaultProps = defaultProps$8;
+  Tag.defaultProps = defaultProps$9;
   Tag.displayName = "NutTag";
+  const getTaroRectById = (id) => {
+    return new Promise((resolve, reject) => {
+      if (Taro.getEnv() === Taro.ENV_TYPE.WEB) {
+        const t = document ? document.querySelector(`#${id}`) : "";
+        if (t) {
+          resolve(t == null ? void 0 : t.getBoundingClientRect());
+        }
+        reject();
+      } else {
+        const query = Taro.createSelectorQuery();
+        query.select(`#${id}`).boundingClientRect().exec(function(rect) {
+          if (rect[0]) {
+            resolve(rect[0]);
+          } else {
+            reject();
+          }
+        });
+      }
+    });
+  };
+  const defaultConfigRef = {
+    current: {
+      locale: zhCN
+    }
+  };
+  const getDefaultConfig = () => {
+    return defaultConfigRef.current;
+  };
+  const ConfigContext = React.createContext(null);
+  const useConfig = () => {
+    return React.useContext(ConfigContext) ?? getDefaultConfig();
+  };
+  const defaultProps$8 = {
+    ...ComponentDefaults,
+    visible: false,
+    type: "step",
+    location: "bottom",
+    mask: true,
+    maskWidth: "",
+    maskHeight: "",
+    offset: [8, 10],
+    title: "",
+    next: "",
+    prev: "",
+    complete: "",
+    showPrev: true,
+    closeOnOverlayClick: true
+  };
+  const classPrefix$2 = "nut-tour";
+  const Tour = (props) => {
+    const { locale } = useConfig();
+    const {
+      children,
+      className,
+      title,
+      closeOnOverlayClick,
+      showPrev,
+      list,
+      type: type2,
+      location,
+      visible,
+      mask,
+      maskWidth,
+      maskHeight,
+      offset,
+      next,
+      prev,
+      complete,
+      onClose,
+      onChange,
+      ...rest
+    } = {
+      ...defaultProps$8,
+      ...props
+    };
+    const [showTour, setShowTour] = React.useState(false);
+    const [showPopup, setShowPopup] = React.useState(false);
+    const [active, setActive] = React.useState(0);
+    const [maskRect, setMaskRect] = React.useState({
+      top: 0,
+      left: 0,
+      right: 0,
+      bottom: 0,
+      width: 0,
+      height: 0
+    });
+    const classes = classNames(className, classPrefix$2);
+    React.useEffect(() => {
+      if (visible) {
+        getRootPosition();
+      }
+      setActive(0);
+      setShowTour(visible);
+      setShowPopup(visible);
+    }, [visible]);
+    React.useEffect(() => {
+      if (visible) {
+        setShowPopup(true);
+        getRootPosition();
+      }
+    }, [active]);
+    const getRootPosition = () => {
+      getTaroRectById(list[active].target).then((rect) => {
+        console.log("rect", rect);
+        setMaskRect({
+          top: rect.top,
+          left: rect.left,
+          right: rect.right,
+          bottom: rect.bottom,
+          width: rect.width,
+          height: rect.height
+        });
+      });
+    };
+    const maskStyle = () => {
+      const { width, height, left, top } = maskRect;
+      const center = [left + width / 2, top + height / 2];
+      const w2 = Number(maskWidth || width);
+      const h = Number(maskHeight || height);
+      const styles = {
+        width: `${w2 + +offset[1] * 2}px`,
+        height: `${h + +offset[0] * 2}px`,
+        top: `${center[1] - h / 2 - +offset[0]}px`,
+        left: `${center[0] - w2 / 2 - +offset[1]}px`
+      };
+      return styles;
+    };
+    const maskClose = (e) => {
+      setShowTour(false);
+      setShowPopup(false);
+      onClose && onClose(e);
+    };
+    const handleClickMask = (e) => {
+      closeOnOverlayClick && maskClose(e);
+    };
+    const changeStep = (type22) => {
+      if (type22 === "next") {
+        setActive(active + 1);
+        onChange && onChange(active + 1);
+      } else {
+        setActive(active - 1);
+        onChange && onChange(active - 1);
+      }
+      setShowPopup(false);
+    };
+    return /* @__PURE__ */ React.createElement("div", { className: classes, ...rest }, /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        className: "nut-tour-masked",
+        style: { display: showTour ? "block" : "none" },
+        onClick: handleClickMask
+      }
+    ), list.map((item, index) => {
+      return /* @__PURE__ */ React.createElement("div", { key: index, style: { height: 0 } }, index === active && /* @__PURE__ */ React.createElement(React.Fragment, null, showTour && /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          className: `${mask ? "nut-tour-mask" : "nut-tour-mask nut-tour-mask-none"}`,
+          id: "nut-tour-popid",
+          style: maskStyle()
+        }
+      ), /* @__PURE__ */ React.createElement(
+        Popover,
+        {
+          visible: showPopup,
+          location: item.location || location,
+          targetId: "nut-tour-popid",
+          closeOnOutsideClick: false,
+          offset: item.popoverOffset || [0, 12],
+          arrowOffset: item.arrowOffset || 0
+        },
+        /* @__PURE__ */ React.createElement(React.Fragment, null),
+        /* @__PURE__ */ React.createElement(React.Fragment, null, children || /* @__PURE__ */ React.createElement(React.Fragment, null, type2 === "step" && /* @__PURE__ */ React.createElement("div", { className: "nut-tour-content" }, title && /* @__PURE__ */ React.createElement("div", { className: "nut-tour-content-top" }, /* @__PURE__ */ React.createElement("div", { onClick: (e) => maskClose(e) }, /* @__PURE__ */ React.createElement(a$q, { className: "nut-tour-content-top-close" }))), /* @__PURE__ */ React.createElement("div", { className: "nut-tour-content-inner" }, item.content), /* @__PURE__ */ React.createElement("div", { className: "nut-tour-content-bottom" }, /* @__PURE__ */ React.createElement("div", { className: "nut-tour-content-bottom-init" }, active + 1, "/", list.length), /* @__PURE__ */ React.createElement("div", { className: "nut-tour-content-bottom-operate" }, active !== 0 && showPrev && /* @__PURE__ */ React.createElement(
+          "div",
+          {
+            className: "nut-tour-content-bottom-operate-btn",
+            onClick: () => changeStep("prev")
+          },
+          prev || locale.tour.prevStepText
+        ), list.length - 1 === active && /* @__PURE__ */ React.createElement(
+          "div",
+          {
+            className: "nut-tour-content-bottom-operate-btn active",
+            onClick: (e) => maskClose(e)
+          },
+          complete || locale.tour.completeText
+        ), list.length - 1 !== active && /* @__PURE__ */ React.createElement(
+          "div",
+          {
+            className: "nut-tour-content-bottom-operate-btn active",
+            onClick: () => changeStep("next")
+          },
+          next || locale.tour.nextStepText
+        )))), type2 === "tile" && /* @__PURE__ */ React.createElement("div", { className: "nut-tour-content nut-tour-content-tile" }, /* @__PURE__ */ React.createElement("div", { className: "nut-tour-content-inner" }, item.content))))
+      )));
+    }));
+  };
+  Tour.defaultProps = defaultProps$8;
+  Tour.displayName = "NutTour";
   const defaultProps$7 = {
     ...ComponentDefaults,
     source: {
@@ -18610,7 +18859,7 @@ var __publicField = (obj, key, value) => {
     }
   };
   const TimeSelect = (props) => {
-    const { locale } = useConfig();
+    const { locale } = useConfig$1();
     const {
       visible,
       className,
@@ -18834,7 +19083,7 @@ var __publicField = (obj, key, value) => {
     fontSize: 14
   };
   const WaterMark = (props) => {
-    const { locale } = useConfig();
+    const { locale } = useConfig$1();
     const {
       content,
       fullPage,
@@ -19035,6 +19284,7 @@ var __publicField = (obj, key, value) => {
   exports2.TimeDetail = TimeDetail;
   exports2.TimeSelect = TimeSelect;
   exports2.Toast = Toast;
+  exports2.Tour = Tour;
   exports2.TrendArrow = TrendArrow;
   exports2.Uploader = Uploader;
   exports2.Video = Video;