@nutui/nutui-react-taro 2.0.10 → 2.0.11

package/dist/nutui.react.es.js

@@ -5,7 +5,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.
 */
@@ -1913,7 +1913,7 @@ const ComponentDefaults = {
   style: {}
 };
 const prefixCls$1 = "nut-button";
-const defaultProps$1t = {
+const defaultProps$1u = {
   ...ComponentDefaults,
   color: "",
   type: "default",
@@ -1945,7 +1945,7 @@ const Button = React__default.forwardRef(
       style,
       ...rest
     } = {
-      ...defaultProps$1t,
+      ...defaultProps$1u,
       ...props
     };
     const getStyle = useCallback(() => {
@@ -2003,29 +2003,29 @@ const Button = React__default.forwardRef(
   }
 );
 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__default.createElement("div", { className: classNames(classPrefix$o, className), ...rest }, title ? /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix$o}__title` }, title) : null, description ? /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix$o}__description` }, description) : null, /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ React__default.createElement("div", { className: classNames(classPrefix$p, className), ...rest }, title ? /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix$p}__title` }, title) : null, description ? /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix$p}__description` }, description) : null, /* @__PURE__ */ React__default.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,
@@ -2035,7 +2035,7 @@ const defaultProps$1r = {
   onClick: (event) => {
   }
 };
-const classPrefix$n = "nut-cell";
+const classPrefix$o = "nut-cell";
 const Cell = (props) => {
   const {
     children,
@@ -2049,7 +2049,7 @@ const Cell = (props) => {
     style,
     ...rest
   } = {
-    ...defaultProps$1r,
+    ...defaultProps$1s,
     ...props
   };
   const handleClick = (event) => {
@@ -2066,22 +2066,22 @@ const Cell = (props) => {
   return /* @__PURE__ */ React__default.createElement(
     "div",
     {
-      className: classNames(classPrefix$n, className),
+      className: classNames(classPrefix$o, className),
       onClick: (event) => handleClick(event),
       style: baseStyle,
       ...rest
     },
-    children || /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, title || description ? /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix$n}__left` }, title ? /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix$n}__title` }, title) : null, description ? /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix$n}__description` }, description) : null) : null, extra ? /* @__PURE__ */ React__default.createElement(
+    children || /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, title || description ? /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix$o}__left` }, title ? /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix$o}__title` }, title) : null, description ? /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix$o}__description` }, description) : null) : null, extra ? /* @__PURE__ */ React__default.createElement(
       "div",
       {
-        className: `${classPrefix$n}__extra`,
+        className: `${classPrefix$o}__extra`,
         style: styles
       },
       extra
-    ) : null, /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix$n}__divider` }))
+    ) : null, /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix$o}__divider` }))
   );
 };
-Cell.defaultProps = defaultProps$1r;
+Cell.defaultProps = defaultProps$1s;
 Cell.displayName = "NutCell";
 Cell.Group = CellGroup;
 var INFINITY = 1 / 0;
@@ -3159,22 +3159,27 @@ const zhCN = {
     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 = createContext(null);
-const useConfig = () => {
-  return useContext(ConfigContext) ?? getDefaultConfig();
+const ConfigContext$1 = createContext(null);
+const useConfig$1 = () => {
+  return useContext(ConfigContext$1) ?? getDefaultConfig$1();
 };
 function convertThemeVarsToCSSVars(themeVars) {
   const cssVars = {};
@@ -3188,7 +3193,7 @@ const ConfigProvider = (props) => {
   const mergedConfig = useMemo(
     () => {
       return {
-        ...getDefaultConfig(),
+        ...getDefaultConfig$1(),
         ...config2
       };
     },
@@ -3201,10 +3206,10 @@ const ConfigProvider = (props) => {
   const cssVarStyle = React__default.useMemo(() => {
     return convertThemeVarsToCSSVars(mergedConfig.theme || {});
   }, [mergedConfig.theme]);
-  return /* @__PURE__ */ React__default.createElement(ConfigContext.Provider, { value: mergedConfig }, /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ React__default.createElement(ConfigContext$1.Provider, { value: mergedConfig }, /* @__PURE__ */ React__default.createElement(
     "div",
     {
-      className: classNames(classPrefix$m, className),
+      className: classNames(classPrefix$n, className),
       style: {
         ...cssVarStyle,
         ...style
@@ -3214,7 +3219,7 @@ const ConfigProvider = (props) => {
   ));
 };
 ConfigProvider.displayName = "NutConfigProvider";
-const defaultProps$1q = {
+const defaultProps$1r = {
   src: "",
   error: true,
   loading: true
@@ -3233,7 +3238,7 @@ const Image$1 = (props) => {
     onLoad,
     onError,
     ...rest
-  } = { ...defaultProps$1q, ...props };
+  } = { ...defaultProps$1r, ...props };
   const [innerLoading, setInnerLoading] = useState(true);
   const [isError, setIsError] = useState(false);
   const handleLoad = (e) => {
@@ -3294,7 +3299,7 @@ const Image$1 = (props) => {
     }
   ), 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) {
@@ -5129,7 +5134,7 @@ const Overlay = (props) => {
 Overlay.defaultProps = defaultOverlayProps;
 Overlay.displayName = "NutOverlay";
 const DataContext$1 = createContext({});
-const defaultProps$1p = {
+const defaultProps$1q = {
   ...ComponentDefaults,
   span: "24",
   offset: "0",
@@ -5137,7 +5142,7 @@ const defaultProps$1p = {
 };
 const Col = (props) => {
   const { className, style, span, offset, children, onClick } = {
-    ...defaultProps$1p,
+    ...defaultProps$1q,
     ...props
   };
   const [colName, setColName] = useState("");
@@ -5169,32 +5174,32 @@ const Col = (props) => {
     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__default.createElement("div", { className: `${classes} ${className || ""}`, style, ...rest }, children);
 };
-Divider.defaultProps = defaultProps$1o;
+Divider.defaultProps = defaultProps$1p;
 Divider.displayName = "NutDivider";
 const gridContext = {
   onClick: (item, index) => {
@@ -5204,7 +5209,7 @@ const GridContext = React__default.createContext(gridContext);
 const pxCheck = (value) => {
   return Number.isNaN(Number(value)) ? String(value) : `${value}px`;
 };
-const defaultProps$1n = {
+const defaultProps$1o = {
   text: "",
   columns: 4,
   gap: 0,
@@ -5214,7 +5219,7 @@ const defaultProps$1n = {
   direction: "vertical"
 };
 const GridItem = (props) => {
-  useConfig();
+  useConfig$1();
   const {
     children,
     style,
@@ -5230,7 +5235,7 @@ const GridItem = (props) => {
     onClick,
     ...rest
   } = {
-    ...defaultProps$1n,
+    ...defaultProps$1o,
     ...props
   };
   const classPrefix2 = "nut-grid-item";
@@ -5288,9 +5293,9 @@ const GridItem = (props) => {
     /* @__PURE__ */ React__default.createElement("div", { className: contentClass() }, children && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, children), text && /* @__PURE__ */ React__default.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,
@@ -5311,7 +5316,7 @@ const Grid = (props) => {
     className,
     onClick,
     ...rest
-  } = { ...defaultProps$1m, ...props };
+  } = { ...defaultProps$1n, ...props };
   const childrenDom = React__default.Children.toArray(children);
   const classPrefix2 = "nut-grid";
   const rootClass = () => {
@@ -5341,18 +5346,18 @@ const Grid = (props) => {
     });
   })));
 };
-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__default.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",
@@ -5372,7 +5377,7 @@ const Row = (props) => {
     gutter,
     onClick
   } = {
-    ...defaultProps$1k,
+    ...defaultProps$1l,
     ...props
   };
   const getClass = (prefix, type22) => {
@@ -5386,7 +5391,7 @@ const Row = (props) => {
     ${getClass("justify", justify)}
     ${getClass("align", align)}
     ${getClass("flex", wrap)}
-    ${classPrefix$k}
+    ${classPrefix$l}
    `;
   };
   const parentRow = {
@@ -5404,15 +5409,15 @@ const Row = (props) => {
     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(
@@ -5427,7 +5432,7 @@ const Space = (props) => {
     return child !== null && child !== void 0 && /* @__PURE__ */ React__default.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;
@@ -5509,12 +5514,12 @@ function getScrollParent(el, root2 = defaultRoot) {
   }
   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,
@@ -5526,7 +5531,7 @@ const Sticky = (props) => {
     className,
     onChange,
     ...rest
-  } = { ...defaultProps$1i, ...props };
+  } = { ...defaultProps$1j, ...props };
   const stickyRef = useRef(null);
   const rootRef = useRef(null);
   const [rootRect, setRootRect] = useState({});
@@ -5616,7 +5621,7 @@ const Sticky = (props) => {
     {
       ref: rootRef,
       style: rootStyle,
-      className: classNames(classPrefix$j, className),
+      className: classNames(classPrefix$k, className),
       ...rest
     },
     /* @__PURE__ */ React__default.createElement(
@@ -5632,9 +5637,9 @@ const Sticky = (props) => {
     )
   );
 };
-Sticky.defaultProps = defaultProps$1i;
+Sticky.defaultProps = defaultProps$1j;
 Sticky.displayName = "NutSticky";
-const defaultProps$1h = {
+const defaultProps$1i = {
   ...ComponentDefaults,
   threshold: 200,
   zIndex: 10,
@@ -5642,7 +5647,7 @@ const defaultProps$1h = {
 };
 const BackTop = (props) => {
   const { children, threshold, zIndex, className, duration, style, onClick } = {
-    ...defaultProps$1h,
+    ...defaultProps$1i,
     ...props
   };
   const classPrefix2 = "nut-backtop";
@@ -5680,10 +5685,10 @@ const BackTop = (props) => {
     children || /* @__PURE__ */ React__default.createElement(a$2, { width: 19, height: 19, className: "nut-backtop-main" })
   );
 };
-BackTop.defaultProps = defaultProps$1h;
+BackTop.defaultProps = defaultProps$1i;
 BackTop.displayName = "NutBackTop";
 const elevatorContext = createContext({});
-const defaultProps$1g = {
+const defaultProps$1h = {
   ...ComponentDefaults,
   height: "200px",
   floorKey: "title",
@@ -5710,7 +5715,7 @@ const Elevator = (props) => {
     children,
     ...rest
   } = {
-    ...defaultProps$1g,
+    ...defaultProps$1h,
     ...props
   };
   const classPrefix2 = "nut-elevator";
@@ -5922,10 +5927,10 @@ const Elevator = (props) => {
     })
   ))) : null, sticky && scrollY > 0 ? /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}__list__fixed` }, /* @__PURE__ */ React__default.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: "",
@@ -5936,7 +5941,7 @@ const defaultProps$1f = {
   }
 };
 const FixedNav = (props) => {
-  const { locale } = useConfig();
+  const { locale } = useConfig$1();
   const {
     className,
     overlay,
@@ -5953,7 +5958,7 @@ const FixedNav = (props) => {
     content,
     ...rest
   } = {
-    ...defaultProps$1f,
+    ...defaultProps$1g,
     ...props
   };
   const classPrefix2 = "nut-fixednav";
@@ -6005,9 +6010,9 @@ const FixedNav = (props) => {
     /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}__btn`, onClick: () => onUpdateValue() }, content || /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(a$j, { color: "#fff" }), /* @__PURE__ */ React__default.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: "",
@@ -6030,7 +6035,7 @@ const NavBar = (props) => {
     zIndex,
     onBackClick
   } = {
-    ...defaultProps$1e,
+    ...defaultProps$1f,
     ...props
   };
   const classPrefix2 = "nut-navbar";
@@ -6067,9 +6072,9 @@ const NavBar = (props) => {
   const cls = classNames(classPrefix2, classes, className);
   return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, fixed && placeholder ? /* @__PURE__ */ React__default.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: "",
@@ -6121,7 +6126,7 @@ const Popup = (props) => {
     afterShow,
     afterClose,
     onClick
-  } = { ...defaultProps$1d, ...props };
+  } = { ...defaultProps$1e, ...props };
   const [index, setIndex] = useState(zIndex || _zIndex);
   const [innerVisible, setInnerVisible] = useState(visible);
   const [showChildren, setShowChildren] = useState(true);
@@ -6257,10 +6262,10 @@ const Popup = (props) => {
   }, [position, transition]);
   return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, renderToContainer(portal, renderNode()));
 };
-Popup.defaultProps = defaultProps$1d;
+Popup.defaultProps = defaultProps$1e;
 Popup.displayName = "NutPopup";
 const OffsetContext = createContext(20);
-const defaultProps$1c = {
+const defaultProps$1d = {
   ...ComponentDefaults,
   position: "left",
   width: "80%"
@@ -6277,7 +6282,7 @@ const SideNavBar = (props) => {
     onClose,
     ...rest
   } = {
-    ...defaultProps$1c,
+    ...defaultProps$1d,
     ...props
   };
   const indent = props.indent ? Number(props.indent) : 20;
@@ -6317,7 +6322,7 @@ const SideNavBar = (props) => {
     )))
   );
 };
-SideNavBar.defaultProps = defaultProps$1c;
+SideNavBar.defaultProps = defaultProps$1d;
 SideNavBar.displayName = "NutSideNavBar";
 const SideNavBarItem = (props) => {
   const classPrefix2 = "nut-subsidenavbar";
@@ -6336,13 +6341,13 @@ const SideNavBarItem = (props) => {
     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] = useState(open2);
@@ -6420,7 +6425,7 @@ function usePropsValue({
   );
   return [stateRef.current, setState];
 }
-const defaultProps$1a = {
+const defaultProps$1b = {
   ...ComponentDefaults,
   value: "",
   dot: false,
@@ -6431,7 +6436,7 @@ const defaultProps$1a = {
 };
 const Badge = (props) => {
   const { className, style, value, max, children, dot, top, right, color } = {
-    ...defaultProps$1a,
+    ...defaultProps$1b,
     ...props
   };
   const classPrefix2 = "nut-badge";
@@ -6458,9 +6463,9 @@ const Badge = (props) => {
   };
   return /* @__PURE__ */ React__default.createElement("div", { className: classes, style }, typeof value === "object" && value && /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}__icon` }, value), /* @__PURE__ */ React__default.createElement("div", null, children), /* @__PURE__ */ React__default.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,
@@ -6487,9 +6492,10 @@ const TabbarItem = (props) => {
     max,
     top,
     right,
-    handleClick
+    handleClick,
+    ...rest
   } = {
-    ...defaultProps$19,
+    ...defaultProps$1a,
     ...props
   };
   const classPrefix2 = "nut-tabbar-item";
@@ -6516,12 +6522,13 @@ const TabbarItem = (props) => {
         color: active ? activeColor : inactiveColor,
         ...style
       },
-      onClick: () => handleClick(index)
+      onClick: () => handleClick(index),
+      ...rest
     },
     icon ? /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(Badge, { ...badgeProps }, /* @__PURE__ */ React__default.createElement("div", { className: boxPrefix }, icon)), /* @__PURE__ */ React__default.createElement("div", { className: titleClass }, title)) : /* @__PURE__ */ React__default.createElement(Badge, { ...badgeProps }, /* @__PURE__ */ React__default.createElement("div", { className: titleClass }, title))
   );
 };
-const defaultProps$18 = {
+const defaultProps$19 = {
   ...ComponentDefaults,
   defaultValue: 0,
   fixed: false,
@@ -6544,7 +6551,7 @@ const Tabbar = (props) => {
     style,
     onSwitch
   } = {
-    ...defaultProps$18,
+    ...defaultProps$19,
     ...props
   };
   const classPrefix2 = "nut-tabbar";
@@ -6579,17 +6586,17 @@ const Tabbar = (props) => {
     (fixed || safeArea) && /* @__PURE__ */ React__default.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";
@@ -6615,7 +6622,7 @@ function requestAniFrame() {
   };
 }
 const requestAniFrame$1 = requestAniFrame();
-const defaultProps$16 = {
+const defaultProps$17 = {
   ...ComponentDefaults,
   tabStyle: {},
   name: "",
@@ -6625,7 +6632,7 @@ const defaultProps$16 = {
   duration: 300,
   autoHeight: false
 };
-const classPrefix$i = "nut-tabs";
+const classPrefix$j = "nut-tabs";
 const Tabs = (props) => {
   const {
     activeColor,
@@ -6643,7 +6650,7 @@ const Tabs = (props) => {
     autoHeight,
     ...rest
   } = {
-    ...defaultProps$16,
+    ...defaultProps$17,
     ...props
   };
   const [value, setValue] = usePropsValue({
@@ -6688,14 +6695,14 @@ const Tabs = (props) => {
     }
   }, [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 : "",
@@ -6835,7 +6842,7 @@ const Tabs = (props) => {
           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
@@ -6845,14 +6852,14 @@ const Tabs = (props) => {
         activeType === "line" && /* @__PURE__ */ React__default.createElement(
           View,
           {
-            className: `${classPrefix$i}__titles-item__line`,
+            className: `${classPrefix$j}__titles-item__line`,
             style: tabsActiveStyle
           }
         ),
         activeType === "smile" && /* @__PURE__ */ React__default.createElement(
           View,
           {
-            className: `${classPrefix$i}__titles-item__smile`,
+            className: `${classPrefix$j}__titles-item__smile`,
             style: tabsActiveStyle
           },
           /* @__PURE__ */ React__default.createElement(a$k, { color: activeColor, width: 40, height: 20 })
@@ -6864,14 +6871,14 @@ const Tabs = (props) => {
               {
                 ellipsis: true
               },
-              `${classPrefix$i}__titles-item__text`
+              `${classPrefix$j}__titles-item__text`
             )
           },
           item.title
         )
       );
     }))
-  ), /* @__PURE__ */ React__default.createElement(View, { className: `${classPrefix$i}__content__wrap` }, /* @__PURE__ */ React__default.createElement(View, { className: `${classPrefix$i}__content`, style: contentStyle }, React__default.Children.map(children, (child, idx) => {
+  ), /* @__PURE__ */ React__default.createElement(View, { className: `${classPrefix$j}__content__wrap` }, /* @__PURE__ */ React__default.createElement(View, { className: `${classPrefix$j}__content`, style: contentStyle }, React__default.Children.map(children, (child, idx) => {
     if (!React__default.isValidElement(child)) {
       return null;
     }
@@ -6888,10 +6895,10 @@ const Tabs = (props) => {
     return React__default.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,
@@ -6899,7 +6906,7 @@ const defaultProps$15 = {
   custom: false
 };
 const ExistRender = (props) => {
-  const { locale } = useConfig();
+  const { locale } = useConfig$1();
   const {
     children,
     type: type4,
@@ -6910,7 +6917,7 @@ const ExistRender = (props) => {
     onSelect,
     onSwitch,
     ...rest
-  } = { ...defaultProps$15, ...props };
+  } = { ...defaultProps$16, ...props };
   const classPrefix2 = "nut-address";
   const selectedExist = (item) => {
     existList.forEach((list, index) => {
@@ -7071,7 +7078,7 @@ class Tree {
   }
 }
 const Tree$1 = Tree;
-const defaultProps$14 = {
+const defaultProps$15 = {
   ...ComponentDefaults,
   activeColor: "",
   activeIcon: "checklist",
@@ -7114,7 +7121,7 @@ const InternalCascader = (props, ref) => {
     onClose,
     onChange,
     onPathChange
-  } = { ...defaultProps$14, ...props };
+  } = { ...defaultProps$15, ...props };
   const [tabvalue, setTabvalue] = useState("c1");
   const [optionsData, setOptionsData] = useState([]);
   const isLazy = () => state.configs.lazy && Boolean(state.configs.onLoad);
@@ -7410,9 +7417,9 @@ const InternalCascader = (props, ref) => {
   ) : renderTabs());
 };
 const Cascader = React__default.forwardRef(InternalCascader);
-Cascader.defaultProps = defaultProps$14;
+Cascader.defaultProps = defaultProps$15;
 Cascader.displayName = "NutCascader";
-const defaultProps$13 = {
+const defaultProps$14 = {
   ...ComponentDefaults,
   visible: false,
   type: "custom",
@@ -7439,7 +7446,7 @@ const CustomRender = (props) => {
     onPathChange,
     ...rest
   } = {
-    ...defaultProps$13,
+    ...defaultProps$14,
     ...props
   };
   return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, type4 === "custom" && /* @__PURE__ */ React__default.createElement(
@@ -7464,7 +7471,7 @@ const CustomRender = (props) => {
     }
   ));
 };
-const defaultProps$12 = {
+const defaultProps$13 = {
   ...ComponentDefaults,
   defaultValue: [],
   type: "custom",
@@ -7480,7 +7487,7 @@ const defaultProps$12 = {
   backIcon: null
 };
 const InternalAddress = (props, ref) => {
-  const { locale } = useConfig();
+  const { locale } = useConfig$1();
   const {
     style,
     className,
@@ -7506,7 +7513,7 @@ const InternalAddress = (props, ref) => {
     onSwitch,
     ...rest
   } = {
-    ...defaultProps$12,
+    ...defaultProps$13,
     ...props
   };
   const classPrefix2 = "nut-address";
@@ -7597,7 +7604,7 @@ const InternalAddress = (props, ref) => {
   ));
 };
 const Address = forwardRef(InternalAddress);
-Address.defaultProps = defaultProps$12;
+Address.defaultProps = defaultProps$13;
 Address.displayName = "NutAddress";
 const Utils = {
   /**
@@ -7847,7 +7854,7 @@ const isEnd = (day, days) => {
 const isStartAndEnd = (days) => {
   return days.length >= 2 && Utils.isEqual(days[0], days[1]);
 };
-const defaultProps$11 = {
+const defaultProps$12 = {
   ...ComponentDefaults,
   type: "single",
   autoBackfill: false,
@@ -7878,7 +7885,7 @@ const defaultProps$11 = {
   }
 };
 const CalendarItem = React__default.forwardRef((props, ref) => {
-  const { locale } = useConfig();
+  const { locale } = useConfig$1();
   const {
     style,
     className,
@@ -7907,7 +7914,7 @@ const CalendarItem = React__default.forwardRef((props, ref) => {
     onUpdate,
     onDayClick,
     onPageChange
-  } = { ...defaultProps$11, ...props };
+  } = { ...defaultProps$12, ...props };
   const weekdays = locale.calendaritem.weekdays;
   const weeks = [
     ...weekdays.slice(firstDayOfWeek, 7),
@@ -8452,9 +8459,9 @@ const CalendarItem = React__default.forwardRef((props, ref) => {
   };
   return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.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,
@@ -8487,7 +8494,7 @@ const defaultProps$10 = {
   }
 };
 const Calendar = React__default.forwardRef((props, ref) => {
-  const { locale } = useConfig();
+  const { locale } = useConfig$1();
   const {
     style,
     className,
@@ -8517,7 +8524,7 @@ const Calendar = React__default.forwardRef((props, ref) => {
     onConfirm,
     onDayClick,
     onPageChange
-  } = { ...defaultProps$10, ...props };
+  } = { ...defaultProps$11, ...props };
   const calendarRef = useRef(null);
   const close2 = () => {
     onClose && onClose();
@@ -8591,11 +8598,11 @@ const Calendar = React__default.forwardRef((props, ref) => {
     renderItem()
   ) : renderItem());
 });
-Calendar.defaultProps = defaultProps$10;
+Calendar.defaultProps = defaultProps$11;
 Calendar.displayName = "NutCalendar";
 const CheckboxGroupContext = createContext(null);
 const Context$1 = CheckboxGroupContext;
-const defaultProps$$ = {
+const defaultProps$10 = {
   max: void 0,
   labelPosition: "right",
   direction: "vertical",
@@ -8603,10 +8610,10 @@ const defaultProps$$ = {
   },
   options: []
 };
-const classPrefix$h = "nut-checkboxgroup";
+const classPrefix$i = "nut-checkboxgroup";
 const CheckboxGroup = React__default.forwardRef(
   (props, ref) => {
-    const { children } = { ...defaultProps$$, ...props };
+    const { children } = { ...defaultProps$10, ...props };
     const {
       className,
       disabled,
@@ -8685,7 +8692,7 @@ const CheckboxGroup = React__default.forwardRef(
       /* @__PURE__ */ React__default.createElement(
         "div",
         {
-          className: classNames(classPrefix$h, className, {
+          className: classNames(classPrefix$i, className, {
             [`nut-checkboxgroup--${props.direction}`]: props.direction
           }),
           ...rest
@@ -8695,9 +8702,9 @@ const CheckboxGroup = React__default.forwardRef(
     );
   }
 );
-CheckboxGroup.defaultProps = defaultProps$$;
+CheckboxGroup.defaultProps = defaultProps$10;
 CheckboxGroup.displayName = "NutCheckboxGroup";
-const defaultProps$_ = {
+const defaultProps$$ = {
   ...ComponentDefaults,
   disabled: false,
   labelPosition: "right",
@@ -8707,10 +8714,10 @@ const defaultProps$_ = {
   onChange: (value) => {
   }
 };
-const classPrefix$g = "nut-checkbox";
+const classPrefix$h = "nut-checkbox";
 const Checkbox = (props) => {
   const { children } = {
-    ...defaultProps$_,
+    ...defaultProps$$,
     ...props
   };
   const {
@@ -8769,22 +8776,22 @@ const Checkbox = (props) => {
   };
   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__default.createElement(
       "span",
       {
-        className: classNames(`${classPrefix$g}__label `, {
-          [`${classPrefix$g}__label--disabled`]: innerDisabled
+        className: classNames(`${classPrefix$h}__label `, {
+          [`${classPrefix$h}__label--disabled`]: innerDisabled
         })
       },
       children || label
@@ -8803,8 +8810,8 @@ const Checkbox = (props) => {
   return /* @__PURE__ */ React__default.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
@@ -8813,7 +8820,7 @@ const Checkbox = (props) => {
     renderLabel()
   );
 };
-Checkbox.defaultProps = defaultProps$_;
+Checkbox.defaultProps = defaultProps$$;
 Checkbox.displayName = "NutCheckBox";
 Checkbox.Group = CheckboxGroup;
 const MIN_DISTANCE = 10;
@@ -9140,7 +9147,7 @@ function useRefs() {
   }, []);
   return [refs.current, setRefs, reset];
 }
-const defaultProps$Z = {
+const defaultProps$_ = {
   ...ComponentDefaults,
   visible: false,
   title: "",
@@ -9151,7 +9158,7 @@ const defaultProps$Z = {
   duration: 1e3
 };
 const InternalPicker = (props, ref) => {
-  const { locale } = useConfig();
+  const { locale } = useConfig$1();
   const {
     children,
     visible,
@@ -9167,7 +9174,7 @@ const InternalPicker = (props, ref) => {
     afterClose,
     onChange,
     ...rest
-  } = { ...defaultProps$Z, ...props };
+  } = { ...defaultProps$_, ...props };
   const classPrefix2 = "nut-picker";
   const classes = classNames(classPrefix2, className);
   const [selectedValue, setSelectedValue] = usePropsValue({
@@ -9465,7 +9472,7 @@ const InternalPicker = (props, ref) => {
 const Picker = React__default.forwardRef(InternalPicker);
 const Picker$1 = Picker;
 const currentYear = (/* @__PURE__ */ new Date()).getFullYear();
-const defaultProps$Y = {
+const defaultProps$Z = {
   ...ComponentDefaults,
   visible: false,
   title: "",
@@ -9496,10 +9503,10 @@ const DatePicker = (props) => {
     style,
     ...rest
   } = {
-    ...defaultProps$Y,
+    ...defaultProps$Z,
     ...props
   };
-  const { locale } = useConfig();
+  const { locale } = useConfig$1();
   const datepickerLang = locale.datepicker;
   const zhCNType = {
     day: datepickerLang.day,
@@ -9778,7 +9785,7 @@ const DatePicker = (props) => {
     )
   );
 };
-DatePicker.defaultProps = defaultProps$Y;
+DatePicker.defaultProps = defaultProps$Z;
 DatePicker.displayName = "NutDatePicker";
 const Context = createContext({});
 function _extends() {
@@ -10989,7 +10996,7 @@ function isForwardRefComponent(component) {
     }
   ).$$typeof === component.type.$$typeof;
 }
-const defaultProps$X = {
+const defaultProps$Y = {
   ...ComponentDefaults,
   required: false,
   name: "",
@@ -11056,7 +11063,7 @@ class FormItem extends React__default.Component {
     __publicField(this, "renderLayout", (childNode) => {
       var _a, _b;
       const { label, name, required: required4, 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) => {
@@ -11106,9 +11113,9 @@ class FormItem extends React__default.Component {
     return /* @__PURE__ */ React__default.createElement(React__default.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",
@@ -11136,7 +11143,7 @@ const Form = (props) => {
     starPosition,
     form
   } = {
-    ...defaultProps$W,
+    ...defaultProps$X,
     ...props
   };
   let formInstance;
@@ -11179,7 +11186,7 @@ const Form = (props) => {
     /* @__PURE__ */ React__default.createElement(Cell.Group, null, /* @__PURE__ */ React__default.createElement(Context.Provider, { value: formInstance }, children), footer ? /* @__PURE__ */ React__default.createElement(Cell, null, footer) : null)
   );
 };
-Form.defaultProps = defaultProps$W;
+Form.defaultProps = defaultProps$X;
 Form.displayName = "NutForm";
 Form.Item = FormItem;
 Form.useForm = useForm;
@@ -11207,7 +11214,7 @@ function formatNumber(value, allowDot = true, allowMinus = true) {
   const regExp = allowDot ? /[^-0-9.]/g : /[^-0-9]/g;
   return value.replace(regExp, "");
 }
-const defaultProps$V = {
+const defaultProps$W = {
   ...ComponentDefaults,
   type: "text",
   name: "",
@@ -11225,7 +11232,7 @@ const defaultProps$V = {
 };
 const Input = forwardRef(
   (props, ref) => {
-    const { locale } = useConfig();
+    const { locale } = useConfig$1();
     const {
       type: type4,
       name,
@@ -11251,7 +11258,7 @@ const Input = forwardRef(
       value: _value,
       ...rest
     } = {
-      ...defaultProps$V,
+      ...defaultProps$W,
       ...props
     };
     const [value, setValue] = usePropsValue({
@@ -11392,9 +11399,9 @@ const Input = forwardRef(
     );
   }
 );
-Input.defaultProps = defaultProps$V;
+Input.defaultProps = defaultProps$W;
 Input.displayName = "NutInput";
-const defaultProps$U = {
+const defaultProps$V = {
   ...ComponentDefaults,
   disabled: false,
   min: 1,
@@ -11406,7 +11413,7 @@ const defaultProps$U = {
   digits: 0,
   async: false
 };
-const classPrefix$f = `nut-inputnumber`;
+const classPrefix$g = `nut-inputnumber`;
 const InputNumber = (props) => {
   const {
     children,
@@ -11431,7 +11438,7 @@ const InputNumber = (props) => {
     onChange,
     ...restProps
   } = {
-    ...defaultProps$U,
+    ...defaultProps$V,
     ...props
   };
   const inputRef = useRef("");
@@ -11449,8 +11456,8 @@ const InputNumber = (props) => {
   }, []);
   const classes = classNames(
     {
-      [`${classPrefix$f}`]: true,
-      [`${classPrefix$f}--disabled`]: disabled
+      [`${classPrefix$g}`]: true,
+      [`${classPrefix$g}--disabled`]: disabled
     },
     className
   );
@@ -11620,9 +11627,9 @@ const InputNumber = (props) => {
     }
   )), /* @__PURE__ */ React__default.createElement("div", { className: "nut-input-add" }, /* @__PURE__ */ React__default.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",
@@ -11652,7 +11659,7 @@ const MenuItem = forwardRef((props, ref) => {
     parent,
     index
   } = {
-    ...defaultProps$T,
+    ...defaultProps$U,
     ...props
   };
   const [showPopup, setShowPopup] = useState(show);
@@ -11817,9 +11824,9 @@ const MenuItem = forwardRef((props, ref) => {
     )
   ));
 });
-MenuItem.defaultProps = defaultProps$T;
+MenuItem.defaultProps = defaultProps$U;
 MenuItem.displayName = "NutMenuItem";
-const defaultProps$S = {
+const defaultProps$T = {
   ...ComponentDefaults,
   activeColor: "",
   closeOnOverlayClick: true,
@@ -11844,7 +11851,7 @@ const Menu = (props) => {
     onOpen,
     ...rest
   } = {
-    ...defaultProps$S,
+    ...defaultProps$T,
     ...props
   };
   const menuRef = useRef(null);
@@ -11970,10 +11977,10 @@ const Menu = (props) => {
     ), 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",
@@ -11983,7 +11990,7 @@ const defaultProps$R = {
   }
 };
 const NumberKeyboard = (props) => {
-  const { locale } = useConfig();
+  const { locale } = useConfig$1();
   const {
     title,
     confirmText,
@@ -12092,7 +12099,7 @@ const NumberKeyboard = (props) => {
       "span",
       {
         className: `${classPrefix2}__header__close`,
-        onClick: onClose
+        onClick: onConfirm
       },
       locale.done
     )), /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}__body` }, /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}__body__keys` }, keysList == null ? void 0 : keysList.map((item) => {
@@ -12118,17 +12125,17 @@ const NumberKeyboard = (props) => {
     ))))
   );
 };
-NumberKeyboard.defaultProps = defaultProps$R;
+NumberKeyboard.defaultProps = defaultProps$S;
 NumberKeyboard.displayName = "NutNumberKeyboard";
 const RadioContext = React__default.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__default.forwardRef(
   (props, ref) => {
     const {
@@ -12142,7 +12149,7 @@ const RadioGroup = React__default.forwardRef(
       options,
       disabled,
       ...rest
-    } = { ...defaultProps$Q, ...props };
+    } = { ...defaultProps$R, ...props };
     const [val2State, setVal2State] = usePropsValue({
       defaultValue: props.defaultValue,
       value: props.value,
@@ -12184,8 +12191,8 @@ const RadioGroup = React__default.forwardRef(
       /* @__PURE__ */ React__default.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
         },
@@ -12194,9 +12201,9 @@ const RadioGroup = React__default.forwardRef(
     );
   }
 );
-RadioGroup.defaultProps = defaultProps$Q;
+RadioGroup.defaultProps = defaultProps$R;
 RadioGroup.displayName = "NutRadioGroup";
-const defaultProps$P = {
+const defaultProps$Q = {
   ...ComponentDefaults,
   disabled: false,
   shape: "round",
@@ -12222,7 +12229,7 @@ const Radio = (props) => {
     onChange,
     ...others
   } = {
-    ...defaultProps$P,
+    ...defaultProps$Q,
     ...props
   };
   let { labelPosition, disabled, ...rest } = others;
@@ -12318,10 +12325,10 @@ const Radio = (props) => {
     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,
@@ -12349,7 +12356,7 @@ const Range = (props) => {
     step,
     value,
     defaultValue
-  } = { ...defaultProps$O, ...props };
+  } = { ...defaultProps$P, ...props };
   const classPrefix2 = "nut-range";
   const [buttonIndex, setButtonIndex] = useState(0);
   const [dragStatus, setDragStatus] = useState("start");
@@ -12613,9 +12620,9 @@ const Range = (props) => {
     renderButton()
   ))), maxDescription !== null && /* @__PURE__ */ React__default.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,
@@ -12640,7 +12647,7 @@ const Rate = (props) => {
     allowHalf,
     onChange
   } = {
-    ...defaultProps$N,
+    ...defaultProps$O,
     ...props
   };
   const classPrefix2 = "nut-rate";
@@ -12723,9 +12730,9 @@ const Rate = (props) => {
     })
   );
 };
-Rate.defaultProps = defaultProps$N;
+Rate.defaultProps = defaultProps$O;
 Rate.displayName = "NutRate";
-const defaultProps$M = {
+const defaultProps$N = {
   ...ComponentDefaults,
   placeholder: "",
   shape: "square",
@@ -12741,7 +12748,7 @@ const defaultProps$M = {
 };
 const SearchBar = (props) => {
   const classPrefix2 = "nut-searchbar";
-  const { locale } = useConfig();
+  const { locale } = useConfig$1();
   const searchRef = useRef(null);
   const [value, setValue] = useState(() => props.value);
   const {
@@ -12764,7 +12771,7 @@ const SearchBar = (props) => {
     onSearch,
     onInputClick
   } = {
-    ...defaultProps$M,
+    ...defaultProps$N,
     ...props
   };
   const forceFocus = () => {
@@ -12882,9 +12889,9 @@ const SearchBar = (props) => {
     renderRight()
   );
 };
-SearchBar.defaultProps = defaultProps$M;
+SearchBar.defaultProps = defaultProps$N;
 SearchBar.displayName = "NutSearchBar";
-const defaultProps$L = {
+const defaultProps$M = {
   ...ComponentDefaults,
   value: "",
   visible: false,
@@ -12895,7 +12902,7 @@ const defaultProps$L = {
   autoFocus: false
 };
 const ShortPassword = (props) => {
-  const { locale } = useConfig();
+  const { locale } = useConfig$1();
   const {
     title,
     description,
@@ -12921,7 +12928,7 @@ const ShortPassword = (props) => {
     onCloseIconClick,
     ...rest
   } = {
-    ...defaultProps$L,
+    ...defaultProps$M,
     ...props
   };
   const classPrefix2 = "nut-shortpassword";
@@ -12978,9 +12985,9 @@ const ShortPassword = (props) => {
     ), /* @__PURE__ */ React__default.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",
@@ -12999,7 +13006,7 @@ const InternalSignature = (props, ref) => {
     onClear,
     ...rest
   } = {
-    ...defaultProps$K,
+    ...defaultProps$L,
     ...props
   };
   const classPrefix2 = `nut-signature`;
@@ -13147,9 +13154,9 @@ const InternalSignature = (props, ref) => {
   )));
 };
 const Signature = React__default.forwardRef(InternalSignature);
-Signature.defaultProps = defaultProps$K;
+Signature.defaultProps = defaultProps$L;
 Signature.displayName = "NutSignature";
-const defaultProps$J = {
+const defaultProps$K = {
   ...ComponentDefaults,
   disabled: false,
   activeText: "",
@@ -13164,9 +13171,10 @@ const Switch = (props) => {
     inactiveText,
     className,
     style,
-    onChange
+    onChange,
+    ...rest
   } = {
-    ...defaultProps$J,
+    ...defaultProps$K,
     ...props
   };
   const classPrefix2 = "nut-switch";
@@ -13183,11 +13191,20 @@ const Switch = (props) => {
     onChange && onChange(!value, event);
     setValue(!value);
   };
-  return /* @__PURE__ */ React__default.createElement("div", { className: classes(), onClick: (e) => onClick(e), style }, /* @__PURE__ */ React__default.createElement("div", { className: "switch-button" }, !value && /* @__PURE__ */ React__default.createElement("div", { className: "close-line" }), activeText && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, value ? /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}__label open` }, activeText) : /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}__label close` }, inactiveText))));
+  return /* @__PURE__ */ React__default.createElement(
+    "div",
+    {
+      className: classes(),
+      onClick: (e) => onClick(e),
+      style,
+      ...rest
+    },
+    /* @__PURE__ */ React__default.createElement("div", { className: "switch-button" }, !value && /* @__PURE__ */ React__default.createElement("div", { className: "close-line" }), activeText && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, value ? /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}__label open` }, activeText) : /* @__PURE__ */ React__default.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,
@@ -13198,7 +13215,7 @@ const defaultProps$I = {
   autoSize: false
 };
 const TextArea = (props) => {
-  const { locale } = useConfig();
+  const { locale } = useConfig$1();
   const {
     className,
     value,
@@ -13215,7 +13232,7 @@ const TextArea = (props) => {
     onBlur,
     onFocus,
     ...rest
-  } = { ...defaultProps$I, ...props };
+  } = { ...defaultProps$J, ...props };
   const classPrefix2 = "nut-textarea";
   const compositionRef = useRef(false);
   const format2 = (value2) => {
@@ -13291,9 +13308,9 @@ const TextArea = (props) => {
     showCount && /* @__PURE__ */ React__default.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,
@@ -13314,7 +13331,7 @@ const Progress = (props) => {
     delay,
     ...rest
   } = {
-    ...defaultProps$H,
+    ...defaultProps$I,
     ...props
   };
   const classPrefix2 = "nut-progress";
@@ -13365,7 +13382,7 @@ const Progress = (props) => {
     )
   ))));
 };
-Progress.defaultProps = defaultProps$H;
+Progress.defaultProps = defaultProps$I;
 Progress.displayName = "NutProgress";
 class UploadOptions {
   constructor() {
@@ -13508,7 +13525,7 @@ const funcInterceptor = (interceptor, {
     done();
   }
 };
-const defaultProps$G = {
+const defaultProps$H = {
   ...ComponentDefaults,
   url: "",
   maxCount: 1,
@@ -13543,7 +13560,7 @@ class FileItem {
   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");
@@ -13553,7 +13570,7 @@ class FileItem {
   }
 }
 const InternalUploader = (props, ref) => {
-  const { locale } = useConfig();
+  const { locale } = useConfig$1();
   const {
     children,
     uploadIcon,
@@ -13596,7 +13613,7 @@ const InternalUploader = (props, ref) => {
     beforeXhrUpload,
     beforeDelete,
     ...restProps
-  } = { ...defaultProps$G, ...props };
+  } = { ...defaultProps$H, ...props };
   const [fileList, setFileList] = useState(defaultValue || []);
   const [uploadQueue, setUploadQueue] = useState([]);
   useEffect(() => {
@@ -13783,6 +13800,7 @@ const InternalUploader = (props, ref) => {
       fileItem.name = filepath;
       fileItem.status = "ready";
       fileItem.type = fileType;
+      fileItem.uid = `${fileItem.uid}_${index}`;
       if (autoUpload) {
         fileItem.message = locale.uploader.readyUpload;
       } else {
@@ -13855,7 +13873,7 @@ const InternalUploader = (props, ref) => {
   const handleItemClick = (file) => {
     onFileItemClick && onFileItemClick(file);
   };
-  return /* @__PURE__ */ React__default.createElement("div", { className: classes, ...restProps }, children && /* @__PURE__ */ React__default.createElement("div", { className: "nut-uploader__slot" }, /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, children, maxCount > fileList.length && /* @__PURE__ */ React__default.createElement(Button, { className: "nut-uploader__input", onClick: _chooseImage }))), fileList.length !== 0 && fileList.map((item, index) => {
+  return /* @__PURE__ */ React__default.createElement("div", { className: classes, ...restProps }, children && /* @__PURE__ */ React__default.createElement("div", { className: "nut-uploader__slot" }, /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, children, maxCount > fileList.length && /* @__PURE__ */ React__default.createElement(Button, { className: "nut-uploader__input", onClick: _chooseImage }))), fileList.length !== 0 && Array.isArray(fileList) && fileList.map((item, index) => {
     return /* @__PURE__ */ React__default.createElement(
       "div",
       {
@@ -13931,9 +13949,9 @@ const InternalUploader = (props, ref) => {
   ));
 };
 const Uploader = React__default.forwardRef(InternalUploader);
-Uploader.defaultProps = defaultProps$G;
+Uploader.defaultProps = defaultProps$H;
 Uploader.displayName = "NutUploader";
-const defaultProps$F = {
+const defaultProps$G = {
   ...ComponentDefaults,
   visible: false,
   description: "",
@@ -13959,7 +13977,7 @@ const ActionSheet = (props) => {
     className,
     style,
     ...rest
-  } = { ...defaultProps$F, ...props };
+  } = { ...defaultProps$G, ...props };
   const classPrefix2 = "nut-actionsheet";
   const cancelActionSheet = () => {
     onCancel && onCancel();
@@ -14002,7 +14020,7 @@ const ActionSheet = (props) => {
     ))
   );
 };
-ActionSheet.defaultProps = defaultProps$F;
+ActionSheet.defaultProps = defaultProps$G;
 ActionSheet.displayName = "NutActionSheet";
 const Content = (props) => {
   const { visible, title, footer, footerDirection, onClick, children } = props;
@@ -14092,7 +14110,7 @@ const DialogWrap = (props) => {
 };
 DialogWrap.defaultProps = defaultDialogProps;
 DialogWrap.displayName = "NutDialogWrap";
-const defaultProps$E = {
+const defaultProps$F = {
   confirmText: "",
   cancelText: "",
   overlay: true,
@@ -14107,7 +14125,7 @@ const defaultProps$E = {
 };
 const BaseDialog = forwardRef(
   (props, ref) => {
-    const { locale } = useConfig();
+    const { locale } = useConfig$1();
     const {
       visible,
       footer,
@@ -14187,9 +14205,9 @@ const BaseDialog = forwardRef(
     );
   }
 );
-BaseDialog.defaultProps = defaultProps$E;
+BaseDialog.defaultProps = defaultProps$F;
 BaseDialog.displayName = "NutDialog";
-const defaultProps$D = {
+const defaultProps$E = {
   ...ComponentDefaults,
   attract: false,
   direction: void 0,
@@ -14203,7 +14221,7 @@ const defaultProps$D = {
 };
 const Drag = (props) => {
   const { attract, direction, boundary, children, className, style, ...reset } = {
-    ...defaultProps$D,
+    ...defaultProps$E,
     ...props
   };
   const classPrefix2 = "nut-drag";
@@ -14300,23 +14318,23 @@ const Drag = (props) => {
     )
   );
 };
-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,
@@ -14326,7 +14344,7 @@ const Empty = (props) => {
     status,
     ...rest
   } = {
-    ...defaultProps$C,
+    ...defaultProps$D,
     ...props
   };
   const [imgStyle, setImgStyle] = useState({});
@@ -14349,20 +14367,20 @@ const Empty = (props) => {
       };
     });
   }, [imageSize]);
-  return /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix$d} ${className}`, ...rest }, /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix$d}__image`, style: imgStyle }, imageNode), typeof description === "string" ? /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix$d}__description` }, description) : description, children));
+  return /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix$e} ${className}`, ...rest }, /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix$e}__image`, style: imgStyle }, imageNode), typeof description === "string" ? /* @__PURE__ */ React__default.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,
@@ -14377,7 +14395,7 @@ const InfiniteLoading = (props) => {
     onLoadMore,
     onScroll
   } = {
-    ...defaultProps$B,
+    ...defaultProps$C,
     ...props
   };
   const [isInfiniting, setIsInfiniting] = useState(false);
@@ -14390,7 +14408,7 @@ const InfiniteLoading = (props) => {
   const y2 = useRef(0);
   const refreshMaxH = useRef(0);
   const distance = useRef(0);
-  const classes = classNames(className, classPrefix$c);
+  const classes = classNames(className, classPrefix$d);
   useEffect(() => {
     refreshMaxH.current = threshold;
     setTimeout(() => {
@@ -14489,13 +14507,13 @@ const InfiniteLoading = (props) => {
     /* @__PURE__ */ React__default.createElement("div", { className: "nut-infinite-bottom" }, isInfiniting ? /* @__PURE__ */ React__default.createElement("div", { className: "bottom-box" }, loadingText || locale.infiniteloading.loadText) : !hasMore && /* @__PURE__ */ React__default.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",
@@ -14503,7 +14521,7 @@ const defaultProps$A = {
 };
 const Loading = (props) => {
   const { className, style, children, direction, icon, ...rest } = {
-    ...defaultProps$A,
+    ...defaultProps$B,
     ...props
   };
   const classPrefix2 = "nut-loading";
@@ -14522,9 +14540,9 @@ const Loading = (props) => {
     children ? /* @__PURE__ */ React__default.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: [],
@@ -14562,7 +14580,7 @@ const NoticeBar = (props) => {
     onClick,
     onItemClick
   } = {
-    ...defaultProps$z,
+    ...defaultProps$A,
     ...props
   };
   const classPrefix2 = "nut-noticebar";
@@ -14924,7 +14942,7 @@ const NoticeBar = (props) => {
     )
   ) : null);
 };
-NoticeBar.defaultProps = defaultProps$z;
+NoticeBar.defaultProps = defaultProps$A;
 NoticeBar.displayName = "NutNoticeBar";
 const customEvents = new Events();
 function useCustomEventsPath(selector) {
@@ -14948,7 +14966,7 @@ function useCustomEvent(selector, cb) {
   };
   return [trigger, off];
 }
-const defaultProps$y = {
+const defaultProps$z = {
   ...ComponentDefaults,
   id: "",
   duration: 3e3,
@@ -14961,7 +14979,7 @@ const defaultProps$y = {
   onClick: () => {
   }
 };
-const classPrefix$b = "nut-notify";
+const classPrefix$c = "nut-notify";
 const Notify = (props) => {
   const {
     id,
@@ -14974,7 +14992,7 @@ const Notify = (props) => {
     duration,
     onClose,
     onClick
-  } = { ...defaultProps$y, ...props };
+  } = { ...defaultProps$z, ...props };
   useCustomEvent(id, (status) => {
     status ? show() : hide();
   });
@@ -15010,10 +15028,10 @@ const Notify = (props) => {
     onClose();
   };
   const classes = classNames({
-    [`${classPrefix$b}--popup-top`]: position === "top",
-    [`${classPrefix$b}--popup-bottom`]: position === "bottom",
-    [`${classPrefix$b}`]: true,
-    [`${classPrefix$b}--${type4}`]: true
+    [`${classPrefix$c}--popup-top`]: position === "top",
+    [`${classPrefix$c}--popup-bottom`]: position === "bottom",
+    [`${classPrefix$c}`]: true,
+    [`${classPrefix$c}--${type4}`]: true
   });
   return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
     CSSTransition$1,
@@ -15045,16 +15063,17 @@ function close(selector) {
   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,
@@ -15068,7 +15087,7 @@ const defaultProps$x = {
   onClose: () => {
   }
 };
-const classPrefix$a = `nut-popover`;
+const classPrefix$b = `nut-popover`;
 const Popover = (props) => {
   const {
     children,
@@ -15082,6 +15101,7 @@ const Popover = (props) => {
     closeOnActionClick,
     className,
     showArrow,
+    arrowOffset,
     style,
     onClick,
     onOpen,
@@ -15089,7 +15109,7 @@ const Popover = (props) => {
     onSelect,
     ...rest
   } = {
-    ...defaultProps$x,
+    ...defaultProps$y,
     ...props
   };
   const popoverRef = useRef(null);
@@ -15153,7 +15173,7 @@ const Popover = (props) => {
   };
   const classes = classNames(
     {
-      [`${classPrefix$a}`]: true
+      [`${classPrefix$b}`]: true
     },
     className
   );
@@ -15215,6 +15235,37 @@ const Popover = (props) => {
     }
     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);
@@ -15249,7 +15300,7 @@ const Popover = (props) => {
       visible: showPopup,
       ...rest
     },
-    /* @__PURE__ */ React__default.createElement("div", { className: "nut-popover-content-group", ref: popoverContentRef }, showArrow && /* @__PURE__ */ React__default.createElement("div", { className: popoverArrow() }), Array.isArray(children) ? children[1] : "", list.map((item, index) => {
+    /* @__PURE__ */ React__default.createElement("div", { className: "nut-popover-content-group", ref: popoverContentRef }, showArrow && /* @__PURE__ */ React__default.createElement("div", { className: popoverArrow(), style: popoverArrowStyle() }), Array.isArray(children) ? children[1] : "", list.map((item, index) => {
       return /* @__PURE__ */ React__default.createElement(
         "div",
         {
@@ -15267,7 +15318,7 @@ const Popover = (props) => {
         /* @__PURE__ */ React__default.createElement("div", { className: "nut-popover-menu-item-name" }, item.name)
       );
     }))
-  ), showPopup && /* @__PURE__ */ React__default.createElement(
+  ), showPopup && closeOnOutsideClick && /* @__PURE__ */ React__default.createElement(
     "div",
     {
       className: "nut-popover-content-bg",
@@ -15276,7 +15327,7 @@ const Popover = (props) => {
     }
   )));
 };
-Popover.defaultProps = defaultProps$x;
+Popover.defaultProps = defaultProps$y;
 Popover.displayName = "NutPopover";
 function bound(position, min, max) {
   let ret = position;
@@ -15301,7 +15352,7 @@ function rubberbandIfOutOfBounds(position, min, max, dimension, constant = 0.15)
   return position;
 }
 const sleep = (time) => new Promise((resolve) => setTimeout(resolve, time));
-const defaultProps$w = {
+const defaultProps$x = {
   ...ComponentDefaults,
   pullingText: "",
   canReleaseText: "",
@@ -15317,10 +15368,10 @@ const defaultProps$w = {
 };
 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,
@@ -15420,10 +15471,10 @@ const PullToRefresh = (p) => {
     /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-content` }, props.children)
   );
 };
-PullToRefresh.defaultProps = defaultProps$w;
+PullToRefresh.defaultProps = defaultProps$x;
 PullToRefresh.displayName = "NutPullToRefresh";
 const AvatarContext = createContext({});
-const defaultProps$v = {
+const defaultProps$w = {
   ...ComponentDefaults,
   maxContent: "",
   max: "",
@@ -15432,21 +15483,21 @@ const defaultProps$v = {
   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 = useRef(null);
-  const cls = classNames(classPrefix$9, className);
+  const cls = classNames(classPrefix$a, className);
   const parentAvatar = {
     propAvatarGroup,
     avatarGroupRef
   };
   return /* @__PURE__ */ React__default.createElement(AvatarContext.Provider, { value: parentAvatar }, /* @__PURE__ */ React__default.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",
@@ -15457,7 +15508,7 @@ const defaultProps$u = {
   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 {
@@ -15476,7 +15527,7 @@ const Avatar = (props) => {
     onError,
     ...rest
   } = {
-    ...defaultProps$u,
+    ...defaultProps$v,
     ...props
   };
   const [maxSum, setMaxSum] = useState(0);
@@ -15489,7 +15540,7 @@ const Avatar = (props) => {
     [`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`,
@@ -15557,10 +15608,10 @@ const Avatar = (props) => {
     showMax && /* @__PURE__ */ React__default.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,
@@ -15583,7 +15634,7 @@ const Skeleton = (props) => {
     avatarShape,
     ...rest
   } = {
-    ...defaultProps$t,
+    ...defaultProps$u,
     ...props
   };
   const classPrefix2 = "nut-skeleton";
@@ -15620,7 +15671,7 @@ const Skeleton = (props) => {
     return /* @__PURE__ */ React__default.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) {
@@ -15630,7 +15681,7 @@ function preventDefault(event, isStopPropagation) {
     event.stopPropagation();
   }
 }
-const defaultProps$s = {
+const defaultProps$t = {
   ...ComponentDefaults,
   name: ""
 };
@@ -15650,7 +15701,7 @@ const Swipe = forwardRef((props, instanceRef) => {
     };
     nextTick(() => getWidth());
   });
-  const { children, className, style } = { ...defaultProps$s, ...props };
+  const { children, className, style } = { ...defaultProps$t, ...props };
   const root2 = useRef();
   const opened = useRef(false);
   const lockClick = useRef(false);
@@ -15806,9 +15857,9 @@ const Swipe = forwardRef((props, instanceRef) => {
     /* @__PURE__ */ React__default.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,
@@ -15830,7 +15881,7 @@ const defaultProps$r = {
   }
   // 未实现
 };
-const classPrefix$7 = "nut-toast";
+const classPrefix$8 = "nut-toast";
 const Toast = (props) => {
   const {
     children,
@@ -15852,7 +15903,7 @@ const Toast = (props) => {
     style,
     onClose,
     ...rest
-  } = { ...defaultProps$r, ...props };
+  } = { ...defaultProps$s, ...props };
   let timer;
   const [openState, SetOpenState] = useState(false);
   useEffect(() => {
@@ -15912,28 +15963,28 @@ const Toast = (props) => {
     {
       visible: openState,
       style,
-      className: `${classPrefix$7}__overlay-default ${className}`,
+      className: `${classPrefix$8}__overlay-default ${className}`,
       closeOnOverlayClick,
       lockScroll,
       onClick: () => {
         clickCover();
       }
     },
-    /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix$7} ${classes}`, id }, /* @__PURE__ */ React__default.createElement(
+    /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix$8} ${classes}`, id }, /* @__PURE__ */ React__default.createElement(
       "div",
       {
-        className: `${classPrefix$7}__inner ${classPrefix$7}-${position} ${contentClassName}`,
+        className: `${classPrefix$8}__inner ${classPrefix$8}-${position} ${contentClassName}`,
         style: contentStyle
       },
-      hasIcon() ? /* @__PURE__ */ React__default.createElement("p", { className: `${classPrefix$7}__icon-wrapper` }, iconName()) : null,
-      title ? /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix$7}-title` }, title) : null,
-      /* @__PURE__ */ React__default.createElement("span", { className: `${classPrefix$7}-text` }, msg)
+      hasIcon() ? /* @__PURE__ */ React__default.createElement("p", { className: `${classPrefix$8}__icon-wrapper` }, iconName()) : null,
+      title ? /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix$8}-title` }, title) : null,
+      /* @__PURE__ */ React__default.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",
@@ -15941,16 +15992,16 @@ const defaultProps$q = {
   onClick: (event) => {
   }
 };
-const classPrefix$6 = `nut-animate`;
+const classPrefix$7 = `nut-animate`;
 const Animate = (props) => {
   const { className, type: type4, action, loop, onClick, children, ...rest } = {
-    ...defaultProps$q,
+    ...defaultProps$r,
     ...props
   };
   const [clicked, setClicked] = useState(false);
   const classes = classNames({
     "nut-ani-container": true,
-    [`${classPrefix$6}-${type4}`]: action === "initial" || clicked ? type4 : false,
+    [`${classPrefix$7}-${type4}`]: action === "initial" || clicked ? type4 : false,
     loop
   });
   const cls = classNames(classes, className);
@@ -15965,9 +16016,9 @@ const Animate = (props) => {
   };
   return /* @__PURE__ */ React__default.createElement("div", { className: "nut-animate" }, /* @__PURE__ */ React__default.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: "",
@@ -15986,7 +16037,7 @@ const CountUp = (props) => {
     style,
     ...reset
   } = {
-    ...defaultProps$p,
+    ...defaultProps$q,
     ...props
   };
   const classPrefix2 = "nut-countup";
@@ -16060,9 +16111,9 @@ const CountUp = (props) => {
     );
   })));
 };
-CountUp.defaultProps = defaultProps$p;
+CountUp.defaultProps = defaultProps$q;
 CountUp.displayName = "NutCountUp";
-const defaultProps$o = {};
+const defaultProps$p = {};
 class AnimatingNumbers extends Component {
   constructor(props) {
     super(props);
@@ -16072,12 +16123,12 @@ class AnimatingNumbers extends Component {
     return /* @__PURE__ */ React__default.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: "",
@@ -16102,7 +16153,7 @@ const defaultProps$n = {
 };
 const Audio = (props) => {
   const classPrefix2 = "nut-audio";
-  const { locale } = useConfig();
+  const { locale } = useConfig$1();
   const {
     className,
     url: url2,
@@ -16121,7 +16172,7 @@ const Audio = (props) => {
     iconFontClassName,
     ...rest
   } = {
-    ...defaultProps$n,
+    ...defaultProps$o,
     ...props
   };
   const [playing, setPlaying] = useState(false);
@@ -16285,9 +16336,9 @@ const Audio = (props) => {
   };
   return /* @__PURE__ */ React__default.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,
@@ -16296,7 +16347,7 @@ const defaultProps$m = {
   background: "#e5e9f2",
   clockwise: true
 };
-const classPrefix$5 = `nut-circleprogress`;
+const classPrefix$6 = `nut-circleprogress`;
 const CircleProgress = (props) => {
   const {
     children,
@@ -16311,11 +16362,11 @@ const CircleProgress = (props) => {
     strokeLinecap,
     ...restProps
   } = {
-    ...defaultProps$m,
+    ...defaultProps$n,
     ...props
   };
   const [oldValue, setOldValue] = useState(percent);
-  const classes = classNames(className, classPrefix$5);
+  const classes = classNames(className, classPrefix$6);
   const refRandomId = Math.random().toString(36).slice(-8);
   const animateIdRef = useRef(0);
   const styles = {
@@ -16397,7 +16448,7 @@ const CircleProgress = (props) => {
   };
   return /* @__PURE__ */ React__default.createElement("div", { className: classes, style: styles, ...restProps }, /* @__PURE__ */ React__default.createElement("div", { style: circleStyle() }), /* @__PURE__ */ React__default.createElement("div", { className: "nut-circleprogress-text" }, children));
 };
-CircleProgress.defaultProps = defaultProps$m;
+CircleProgress.defaultProps = defaultProps$n;
 CircleProgress.displayName = "NutCircleProgress";
 const collapseContext = {
   isOpen: (name) => {
@@ -16409,7 +16460,7 @@ const collapseContext = {
   rotate: 180
 };
 const CollapseContext = createContext(collapseContext);
-const defaultProps$l = {
+const defaultProps$m = {
   ...ComponentDefaults,
   title: null,
   name: "",
@@ -16430,7 +16481,7 @@ const CollapseItem = (props) => {
     className,
     ...rest
   } = {
-    ...defaultProps$l,
+    ...defaultProps$m,
     ...props
   };
   const classPrefix2 = "nut-collapse-item";
@@ -16542,9 +16593,9 @@ const CollapseItem = (props) => {
     )
   ));
 };
-CollapseItem.defaultProps = defaultProps$l;
+CollapseItem.defaultProps = defaultProps$m;
 CollapseItem.displayName = "NutCollapseItem";
-const defaultProps$k = {
+const defaultProps$l = {
   ...ComponentDefaults,
   defaultActiveName: [],
   accordion: false,
@@ -16563,7 +16614,7 @@ const Collapse = (props) => {
     rotate,
     onChange
   } = {
-    ...defaultProps$k,
+    ...defaultProps$l,
     ...props
   };
   const classPrefix2 = "nut-collapse";
@@ -16620,10 +16671,10 @@ const Collapse = (props) => {
     /* @__PURE__ */ React__default.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(),
@@ -16636,7 +16687,7 @@ const defaultProps$j = {
   destroy: false
 };
 const InternalCountDown = (props, ref) => {
-  useConfig();
+  useConfig$1();
   const {
     paused,
     startTime,
@@ -16655,7 +16706,7 @@ const InternalCountDown = (props, ref) => {
     onUpdate,
     children,
     ...rest
-  } = { ...defaultProps$j, ...props };
+  } = { ...defaultProps$k, ...props };
   const classPrefix2 = "nut-countdown";
   const [restTimeStamp, setRestTime] = useState(0);
   const stateRef = useRef({
@@ -16866,9 +16917,9 @@ const InternalCountDown = (props, ref) => {
   );
 };
 const CountDown = React__default.forwardRef(InternalCountDown);
-CountDown.defaultProps = defaultProps$j;
+CountDown.defaultProps = defaultProps$k;
 CountDown.displayName = "NutCountDown";
-const defaultProps$i = {
+const defaultProps$j = {
   ...ComponentDefaults,
   content: "",
   direction: "end",
@@ -16879,7 +16930,7 @@ const defaultProps$i = {
   lineHeight: "20",
   width: "auto"
 };
-const classPrefix$4 = `nut-ellipsis`;
+const classPrefix$5 = `nut-ellipsis`;
 const Ellipsis = (props) => {
   var _a, _b, _c, _d;
   const {
@@ -16896,7 +16947,7 @@ const Ellipsis = (props) => {
     onClick,
     onChange,
     ...rest
-  } = { ...defaultProps$i, ...props };
+  } = { ...defaultProps$j, ...props };
   const maxHeight = useRef(0);
   const [exceeded, setExceeded] = useState(false);
   const [expanded, setExpanded] = useState(false);
@@ -16919,9 +16970,9 @@ const Ellipsis = (props) => {
   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);
@@ -17180,21 +17231,21 @@ const Ellipsis = (props) => {
     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 = [];
@@ -17204,25 +17255,25 @@ const Indicator = (props) => {
           "div",
           {
             key: item,
-            className: `${classPrefix$3}__dot ${classPrefix$3}__active`
+            className: `${classPrefix$4}__dot ${classPrefix$4}__active`
           }
-        ) : /* @__PURE__ */ React__default.createElement("div", { key: item, className: `${classPrefix$3}__dot` })
+        ) : /* @__PURE__ */ React__default.createElement("div", { key: item, className: `${classPrefix$4}__dot` })
       );
     }
     return childs;
   };
   return /* @__PURE__ */ React__default.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 = forwardRef((props, ref) => {
   const {
     width,
@@ -17237,7 +17288,7 @@ const Swiper = forwardRef((props, ref) => {
     defaultValue,
     ...rest
   } = {
-    ...defaultProps$g,
+    ...defaultProps$h,
     ...props
   };
   const [current, setCurrent] = useState(defaultValue);
@@ -17253,8 +17304,8 @@ const Swiper = forwardRef((props, ref) => {
         "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__default.createElement(
@@ -17296,7 +17347,7 @@ const Swiper = forwardRef((props, ref) => {
   return /* @__PURE__ */ React__default.createElement(
     View,
     {
-      className: classNames(classPrefix$2, className),
+      className: classNames(classPrefix$3, className),
       style: {
         width: !width ? "100%" : `${width}px`,
         height: !height ? "150px" : `${height}px`
@@ -17332,9 +17383,9 @@ const Swiper = forwardRef((props, ref) => {
     renderIndicator()
   );
 });
-Swiper.defaultProps = defaultProps$g;
+Swiper.defaultProps = defaultProps$h;
 Swiper.displayName = "NutSwiper";
-const defaultProps$f = {
+const defaultProps$g = {
   itemId: "",
   skipHiddenItemLayout: false
 };
@@ -17342,11 +17393,11 @@ const SwiperItem = (props) => {
   const { children, ...rest } = props;
   return /* @__PURE__ */ React__default.createElement(React__default.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: [],
@@ -17567,9 +17618,9 @@ const ImagePreview = (props) => {
     /* @__PURE__ */ React__default.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",
@@ -17581,7 +17632,7 @@ const defaultProps$d = {
   ellipse: false
 };
 const Pagination = (props) => {
-  const { locale } = useConfig();
+  const { locale } = useConfig$1();
   const {
     value,
     mode,
@@ -17597,7 +17648,7 @@ const Pagination = (props) => {
     className,
     ...rest
   } = {
-    ...defaultProps$d,
+    ...defaultProps$e,
     ...props
   };
   const classPrefix2 = "nut-pagination";
@@ -17679,9 +17730,9 @@ const Pagination = (props) => {
     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;",
@@ -17704,7 +17755,7 @@ const Price = (props) => {
     style,
     ...rest
   } = {
-    ...defaultProps$c,
+    ...defaultProps$d,
     ...props
   };
   const classPrefix2 = "nut-price";
@@ -17793,10 +17844,10 @@ const Price = (props) => {
     symbol && position === "after" ? renderSymbol() : null
   );
 };
-Price.defaultProps = defaultProps$c;
+Price.defaultProps = defaultProps$d;
 Price.displayName = "NutPrice";
 const DataContext = createContext({});
-const defaultProps$b = {
+const defaultProps$c = {
   ...ComponentDefaults,
   title: "",
   description: "",
@@ -17805,7 +17856,7 @@ const defaultProps$b = {
 };
 const Step = (props) => {
   const { children, title, description, value, icon, className, ...restProps } = {
-    ...defaultProps$b,
+    ...defaultProps$c,
     ...props
   };
   const parent = useContext(DataContext);
@@ -17839,16 +17890,16 @@ const Step = (props) => {
   };
   return /* @__PURE__ */ React__default.createElement("div", { className: classes, ...restProps, onClick: handleClickStep }, /* @__PURE__ */ React__default.createElement("div", { className: "nut-step-head" }, /* @__PURE__ */ React__default.createElement("div", { className: "nut-step-line" }), /* @__PURE__ */ React__default.createElement("div", { className: renderIconClass() }, icon || !dot && /* @__PURE__ */ React__default.createElement("span", { className: "nut-step-inner" }, value))), /* @__PURE__ */ React__default.createElement("div", { className: "nut-step-main" }, /* @__PURE__ */ React__default.createElement("span", { className: "nut-step-title" }, title), description && /* @__PURE__ */ React__default.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,
@@ -17879,9 +17930,9 @@ const Steps = (props) => {
     children
   ));
 };
-Steps.defaultProps = defaultProps$a;
+Steps.defaultProps = defaultProps$b;
 Steps.displayName = "NutSteps";
-const defaultProps$9 = {
+const defaultProps$a = {
   ...ComponentDefaults,
   columns: [],
   data: [],
@@ -17892,8 +17943,8 @@ const defaultProps$9 = {
   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,
@@ -17909,7 +17960,7 @@ const Table = (props) => {
     onSort,
     ...rest
   } = {
-    ...defaultProps$9,
+    ...defaultProps$a,
     ...props
   };
   const [curData, setCurData] = useState(data);
@@ -17992,9 +18043,9 @@ const Table = (props) => {
     /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}__main__body` }, renderBoyTrs())
   ), (summary || curData.length === 0) && /* @__PURE__ */ React__default.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: "",
@@ -18025,7 +18076,7 @@ const Tag = (props) => {
     onClick,
     onClose
   } = {
-    ...defaultProps$8,
+    ...defaultProps$9,
     ...props
   };
   const [tagClass, setTagClass] = useState("");
@@ -18100,8 +18151,206 @@ const Tag = (props) => {
     children && /* @__PURE__ */ React__default.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 = createContext(null);
+const useConfig = () => {
+  return 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: type4,
+    location,
+    visible,
+    mask,
+    maskWidth,
+    maskHeight,
+    offset,
+    next,
+    prev,
+    complete,
+    onClose,
+    onChange,
+    ...rest
+  } = {
+    ...defaultProps$8,
+    ...props
+  };
+  const [showTour, setShowTour] = useState(false);
+  const [showPopup, setShowPopup] = useState(false);
+  const [active, setActive] = useState(0);
+  const [maskRect, setMaskRect] = useState({
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    width: 0,
+    height: 0
+  });
+  const classes = classNames(className, classPrefix$2);
+  useEffect(() => {
+    if (visible) {
+      getRootPosition();
+    }
+    setActive(0);
+    setShowTour(visible);
+    setShowPopup(visible);
+  }, [visible]);
+  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__default.createElement("div", { className: classes, ...rest }, /* @__PURE__ */ React__default.createElement(
+    "div",
+    {
+      className: "nut-tour-masked",
+      style: { display: showTour ? "block" : "none" },
+      onClick: handleClickMask
+    }
+  ), list.map((item, index) => {
+    return /* @__PURE__ */ React__default.createElement("div", { key: index, style: { height: 0 } }, index === active && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, showTour && /* @__PURE__ */ React__default.createElement(
+      "div",
+      {
+        className: `${mask ? "nut-tour-mask" : "nut-tour-mask nut-tour-mask-none"}`,
+        id: "nut-tour-popid",
+        style: maskStyle()
+      }
+    ), /* @__PURE__ */ React__default.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__default.createElement(React__default.Fragment, null),
+      /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, children || /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, type4 === "step" && /* @__PURE__ */ React__default.createElement("div", { className: "nut-tour-content" }, title && /* @__PURE__ */ React__default.createElement("div", { className: "nut-tour-content-top" }, /* @__PURE__ */ React__default.createElement("div", { onClick: (e) => maskClose(e) }, /* @__PURE__ */ React__default.createElement(a$q, { className: "nut-tour-content-top-close" }))), /* @__PURE__ */ React__default.createElement("div", { className: "nut-tour-content-inner" }, item.content), /* @__PURE__ */ React__default.createElement("div", { className: "nut-tour-content-bottom" }, /* @__PURE__ */ React__default.createElement("div", { className: "nut-tour-content-bottom-init" }, active + 1, "/", list.length), /* @__PURE__ */ React__default.createElement("div", { className: "nut-tour-content-bottom-operate" }, active !== 0 && showPrev && /* @__PURE__ */ React__default.createElement(
+        "div",
+        {
+          className: "nut-tour-content-bottom-operate-btn",
+          onClick: () => changeStep("prev")
+        },
+        prev || locale.tour.prevStepText
+      ), list.length - 1 === active && /* @__PURE__ */ React__default.createElement(
+        "div",
+        {
+          className: "nut-tour-content-bottom-operate-btn active",
+          onClick: (e) => maskClose(e)
+        },
+        complete || locale.tour.completeText
+      ), list.length - 1 !== active && /* @__PURE__ */ React__default.createElement(
+        "div",
+        {
+          className: "nut-tour-content-bottom-operate-btn active",
+          onClick: () => changeStep("next")
+        },
+        next || locale.tour.nextStepText
+      )))), type4 === "tile" && /* @__PURE__ */ React__default.createElement("div", { className: "nut-tour-content nut-tour-content-tile" }, /* @__PURE__ */ React__default.createElement("div", { className: "nut-tour-content-inner" }, item.content))))
+    )));
+  }));
+};
+Tour.defaultProps = defaultProps$8;
+Tour.displayName = "NutTour";
 const defaultProps$7 = {
   ...ComponentDefaults,
   source: {
@@ -18594,7 +18843,7 @@ const defaultProps$2 = {
   }
 };
 const TimeSelect = (props) => {
-  const { locale } = useConfig();
+  const { locale } = useConfig$1();
   const {
     visible,
     className,
@@ -18818,7 +19067,7 @@ const defaultProps = {
   fontSize: 14
 };
 const WaterMark = (props) => {
-  const { locale } = useConfig();
+  const { locale } = useConfig$1();
   const {
     content,
     fullPage,
@@ -19020,6 +19269,7 @@ export {
   TimeDetail,
   TimeSelect,
   Toast,
+  Tour,
   TrendArrow,
   Uploader,
   Video,