react-vant-nova 1.0.8 → 1.1.0

package/bundle/react-vant-nova.js

@@ -935,7 +935,7 @@
     );
     return [stateRef.current, setState];
   }
-  var index$16 = {
+  var index$18 = {
     useClickAway,
     useCountDown,
     useEventListener,
@@ -954,7 +954,7 @@
     useMemoizedFn,
     usePropsValue
   };
-  var index$15 = "";
+  var index$17 = "";
   function r(e2) {
     var t2, f2, n2 = "";
     if ("string" == typeof e2 || "number" == typeof e2)
@@ -973,7 +973,7 @@
       (e2 = arguments[f2++]) && (t2 = r(e2)) && (n2 && (n2 += " "), n2 += t2);
     return n2;
   }
-  var index$14 = "";
+  var index$16 = "";
   const SpinIcon = ({ bem: bem2 }) => /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, Array(12).fill(null).map((_, index2) => /* @__PURE__ */ React__default["default"].createElement("i", {
     key: index2,
     className: clsx(bem2("line", String(index2 + 1)))
@@ -1001,7 +1001,7 @@
       bem: bem2
     })
   });
-  const [bem$1E] = createNamespace("loading");
+  const [bem$1G] = createNamespace("loading");
   const Loading = (props) => {
     const {
       className,
@@ -1023,7 +1023,7 @@
     const renderText = () => {
       if (children) {
         return /* @__PURE__ */ React__default["default"].createElement("span", {
-          className: clsx(bem$1E("text")),
+          className: clsx(bem$1G("text")),
           style: {
             fontSize: addUnit$1(textSize),
             color: textColor != null ? textColor : color
@@ -1033,12 +1033,12 @@
       return null;
     };
     return /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: clsx(className, bem$1E([type2, { vertical }])),
+      className: clsx(className, bem$1G([type2, { vertical }])),
       style: props.style
     }, /* @__PURE__ */ React__default["default"].createElement("span", {
-      className: clsx(bem$1E("spinner", type2)),
+      className: clsx(bem$1G("spinner", type2)),
       style: spinnerStyle
-    }, Icon(bem$1E)[type2]), renderText());
+    }, Icon(bem$1G)[type2]), renderText());
   };
   const WHITE = "#fff";
   const BORDER = "rv-hairline";
@@ -1051,7 +1051,7 @@
   const SHADOW = "rv-shadow";
   const COMPONENT_TYPE_KEY = "__REACT_VANT_COMPONENT";
   const ButtonContext = React__default["default"].createContext({});
-  const [bem$1D] = createNamespace("button");
+  const [bem$1F] = createNamespace("button");
   const Button$1 = (props) => {
     const {
       color,
@@ -1107,7 +1107,7 @@
     const TagElement = tag;
     const classes = clsx(
       className,
-      bem$1D([
+      bem$1F([
         type2,
         size,
         {
@@ -1144,7 +1144,7 @@
       if (loading) {
         const { loadingSize = "20px" } = props;
         return /* @__PURE__ */ React__default["default"].createElement(Loading, {
-          className: clsx(bem$1D("loading")),
+          className: clsx(bem$1F("loading")),
           size: loadingSize,
           type: loadingType,
           color: type2 === "default" ? void 0 : ""
@@ -1158,7 +1158,7 @@
       }
       if (props.icon) {
         return React__default["default"].cloneElement(props.icon, {
-          className: clsx(bem$1D("icon"))
+          className: clsx(bem$1F("icon"))
         });
       }
       return null;
@@ -1173,13 +1173,13 @@
       if (text) {
         return /* @__PURE__ */ React__default["default"].createElement("span", {
           key: "text",
-          className: clsx(bem$1D("text"))
+          className: clsx(bem$1F("text"))
         }, text);
       }
       return null;
     };
     const renderContent = () => /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: clsx(bem$1D("content"))
+      className: clsx(bem$1F("content"))
     }, iconPosition === "left" && renderIcon(), renderText(), iconPosition === "right" && renderIcon());
     const ValidTagElement = TagElement;
     return /* @__PURE__ */ React__default["default"].createElement(ValidTagElement, {
@@ -1191,7 +1191,7 @@
       onClick
     }, renderContent());
   };
-  const [bem$1C] = createNamespace("button-group");
+  const [bem$1E] = createNamespace("button-group");
   const ButtonGroup = ({
     className,
     style,
@@ -1209,7 +1209,7 @@
       style,
       className: clsx(
         className,
-        bem$1C([
+        bem$1E([
           props.type,
           {
             round: props.round,
@@ -1224,7 +1224,7 @@
     }, children));
   };
   const Button = Object.assign(Button$1, { Group: ButtonGroup });
-  var index$13 = "";
+  var index$15 = "";
   function mergeProps(...items) {
     const result = { ...items[0] };
     items.forEach((item) => {
@@ -1235,7 +1235,7 @@
     });
     return result;
   }
-  const [bem$1B] = createNamespace("badge");
+  const [bem$1D] = createNamespace("badge");
   const Badge = (p2) => {
     const props = mergeProps(p2, {
       tag: "div",
@@ -1281,7 +1281,7 @@
             {
               [props.className]: props.className && !props.children
             },
-            bem$1B({ dot: props.dot, fixed: !!props.children })
+            bem$1D({ dot: props.dot, fixed: !!props.children })
           ),
           style
         }, renderContent());
@@ -1291,7 +1291,7 @@
     if (props.children) {
       const ValidTagElement = TagElement;
       return /* @__PURE__ */ React__default["default"].createElement(ValidTagElement, {
-        className: clsx(bem$1B("wrapper"), props.className),
+        className: clsx(bem$1D("wrapper"), props.className),
         style: props.style,
         onClick: props.onClick,
         onTouchStart: props.onTouchStart
@@ -1299,7 +1299,70 @@
     }
     return renderBadge();
   };
-  var index$12 = "";
+  var index$14 = "";
+  const [bem$1C] = createNamespace("avatar");
+  const presetSizes = ["mini", "small", "normal", "large"];
+  const Avatar = (props) => {
+    const {
+      alt,
+      children,
+      className,
+      fallback,
+      fit = "cover",
+      shape = "circle",
+      size = "normal",
+      src,
+      style,
+      onClick,
+      onError,
+      onLoad
+    } = props;
+    const [failed, setFailed] = React.useState(false);
+    React.useEffect(() => {
+      setFailed(false);
+    }, [src]);
+    const avatarStyle = React.useMemo(() => {
+      const internalStyle = { ...style };
+      if (!presetSizes.includes(String(size))) {
+        const sizeValue = addUnit$1(size);
+        internalStyle.width = sizeValue;
+        internalStyle.height = sizeValue;
+      }
+      return internalStyle;
+    }, [style, size]);
+    const handleLoad = (event) => {
+      onLoad == null ? void 0 : onLoad(event);
+    };
+    const handleError = (event) => {
+      setFailed(true);
+      onError == null ? void 0 : onError(event);
+    };
+    const renderContent = () => {
+      if (src && !failed) {
+        return /* @__PURE__ */ React__default["default"].createElement("img", {
+          className: clsx(bem$1C("img")),
+          src,
+          alt: alt || "",
+          style: { objectFit: fit },
+          onLoad: handleLoad,
+          onError: handleError
+        });
+      }
+      return fallback != null ? fallback : children;
+    };
+    return /* @__PURE__ */ React__default["default"].createElement("div", {
+      className: clsx(
+        className,
+        bem$1C({
+          [shape]: !!shape,
+          [String(size)]: presetSizes.includes(String(size))
+        })
+      ),
+      style: avatarStyle,
+      onClick
+    }, renderContent());
+  };
+  var index$13 = "";
   var __rest = globalThis && globalThis.__rest || function(s, e2) {
     var t2 = {};
     for (var p2 in s)
@@ -1593,8 +1656,8 @@
     );
   });
   var Success = SvgSuccess;
-  var index$11 = "";
-  const [bem$1A] = createNamespace("cell-group");
+  var index$12 = "";
+  const [bem$1B] = createNamespace("cell-group");
   const CellGroup = (p2) => {
     const props = mergeProps(p2, {
       border: true
@@ -1602,14 +1665,14 @@
     const { title, border, inset: insetP, card } = props;
     const inset = card || insetP;
     const renderGroup = () => /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: clsx(bem$1A({ inset }), {
+      className: clsx(bem$1B({ inset }), {
         [BORDER_TOP_BOTTOM]: !inset && border
       })
     }, props.children);
     const renderTitle = () => {
       if (title)
         return /* @__PURE__ */ React__default["default"].createElement("div", {
-          className: clsx(bem$1A("title"))
+          className: clsx(bem$1B("title"))
         }, title);
       return null;
     };
@@ -1618,13 +1681,13 @@
       style: props.style
     }, renderTitle(), renderGroup());
   };
-  const [bem$1z] = createNamespace("cell");
+  const [bem$1A] = createNamespace("cell");
   const Cell$1 = (props) => {
     const renderLabel = () => {
       const showLabel = isDef(props.label);
       if (showLabel) {
         return /* @__PURE__ */ React__default["default"].createElement("div", {
-          className: clsx(bem$1z("label"), props.labelClass)
+          className: clsx(bem$1A("label"), props.labelClass)
         }, props.label);
       }
       return null;
@@ -1632,7 +1695,7 @@
     const renderTitle = () => {
       if (isDef(props.title)) {
         return /* @__PURE__ */ React__default["default"].createElement("div", {
-          className: clsx(bem$1z("title"), props.titleClass),
+          className: clsx(bem$1A("title"), props.titleClass),
           style: props.titleStyle
         }, props.title, renderLabel());
       }
@@ -1643,7 +1706,7 @@
       const hasValue = isDef(props.children) || isDef(props.value);
       if (hasValue) {
         return /* @__PURE__ */ React__default["default"].createElement("div", {
-          className: clsx(bem$1z("value", { alone: !hasTitle }), props.valueClass)
+          className: clsx(bem$1A("value", { alone: !hasTitle }), props.valueClass)
         }, isDef(props.children) ? props.children : /* @__PURE__ */ React__default["default"].createElement("span", null, props.value));
       }
       return null;
@@ -1652,7 +1715,7 @@
       var _a, _b, _c;
       if (props.icon) {
         return React__default["default"].cloneElement(props.icon, {
-          className: clsx((_c = (_b = (_a = props.icon) == null ? void 0 : _a.props) == null ? void 0 : _b.className) != null ? _c : "", bem$1z("left-icon"))
+          className: clsx((_c = (_b = (_a = props.icon) == null ? void 0 : _a.props) == null ? void 0 : _b.className) != null ? _c : "", bem$1A("left-icon"))
         });
       }
       return null;
@@ -1662,7 +1725,7 @@
         return props.rightIcon;
       }
       if (props.isLink) {
-        const className2 = clsx(bem$1z("right-icon"));
+        const className2 = clsx(bem$1A("right-icon"));
         if (props.arrowDirection === "left")
           return /* @__PURE__ */ React__default["default"].createElement(ArrowLeft, {
             className: className2
@@ -1703,14 +1766,14 @@
     }
     return /* @__PURE__ */ React__default["default"].createElement("div", {
       style,
-      className: clsx(bem$1z(classes), className),
+      className: clsx(bem$1A(classes), className),
       role: clickable ? "button" : void 0,
       onClick
     }, renderLeftIcon(), renderTitle(), renderValue(), renderRightIcon(), props.extra);
   };
   const Cell = Object.assign(Cell$1, { Group: CellGroup });
+  var index$11 = "";
   var index$10 = "";
-  var index$$ = "";
   function _extends$1() {
     return _extends$1 = Object.assign ? Object.assign.bind() : function(n2) {
       for (var e2 = 1; e2 < arguments.length; e2++) {
@@ -2161,8 +2224,8 @@
       throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
     return e2;
   }
-  var index$_ = "";
-  const [bem$1y] = createNamespace("overlay");
+  var index$$ = "";
+  const [bem$1z] = createNamespace("overlay");
   const Overlay = (p2) => {
     const nodeRef = React.useRef(null);
     const props = mergeProps(p2, {
@@ -2197,7 +2260,7 @@
               (_a = props.onClick) == null ? void 0 : _a.call(props, e2);
             }
           },
-          className: clsx(bem$1y(), props.className)
+          className: clsx(bem$1z(), props.className)
         }, props.children)
       );
     };
@@ -2340,7 +2403,7 @@
     "beforeClose"
   ];
   let globalZIndex = 2e3;
-  const [bem$1x] = createNamespace("popup");
+  const [bem$1y] = createNamespace("popup");
   const Popup = React.forwardRef((p2, ref) => {
     var _a;
     const props = mergeProps(p2, {
@@ -2432,7 +2495,7 @@
         const { closeIconPosition } = props;
         if (closeIcon) {
           return /* @__PURE__ */ React__default["default"].createElement("div", {
-            className: clsx(bem$1x("close-icon", closeIconPosition)),
+            className: clsx(bem$1y("close-icon", closeIconPosition)),
             onClick: onClickCloseIcon
           }, closeIcon);
         }
@@ -2443,7 +2506,7 @@
     const renderTitle = () => {
       if (title) {
         return /* @__PURE__ */ React__default["default"].createElement("div", {
-          className: clsx(bem$1x("title"))
+          className: clsx(bem$1y("title"))
         }, title);
       }
       return null;
@@ -2451,7 +2514,7 @@
     const renderDescription = () => {
       if (description) {
         return /* @__PURE__ */ React__default["default"].createElement("div", {
-          className: clsx(bem$1x("description"))
+          className: clsx(bem$1y("description"))
         }, description);
       }
       return null;
@@ -2467,7 +2530,7 @@
             display: !visible && !animatedVisible ? "none" : void 0
           },
           className: clsx(
-            bem$1x({
+            bem$1y({
               round: round2,
               [position]: position
             }),
@@ -2521,9 +2584,9 @@
       }, renderOverlay(), renderTransition())
     );
   });
-  var index$Z = "";
+  var index$_ = "";
   const ActionButtonContext = React.createContext({});
-  const [bem$1w] = createNamespace("action-bar");
+  const [bem$1x] = createNamespace("action-bar");
   const ActionBar$1 = (p2) => {
     const props = mergeProps(p2, {
       safeAreaInsetBottom: true
@@ -2535,7 +2598,7 @@
     return /* @__PURE__ */ React__default["default"].createElement(ActionButtonContext.Provider, {
       value: { parent: { children } }
     }, /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: clsx(props.className, bem$1w(), {
+      className: clsx(props.className, bem$1x(), {
         "rv-safe-area-bottom": props.safeAreaInsetBottom
       }),
       style: props.style
@@ -2545,27 +2608,27 @@
       })
     )));
   };
-  const [bem$1v] = createNamespace("action-bar-icon");
+  const [bem$1w] = createNamespace("action-bar-icon");
   const ActionBarIcon = (props) => {
     const renderIcon = () => {
       const { badge, icon } = props;
       if (icon) {
         return /* @__PURE__ */ React__default["default"].createElement(Badge, {
           ...badge,
-          className: clsx(bem$1v("icon"))
+          className: clsx(bem$1w("icon"))
         }, icon);
       }
       return null;
     };
     return /* @__PURE__ */ React__default["default"].createElement("div", {
       role: "button",
-      className: clsx(props.className, bem$1v()),
+      className: clsx(props.className, bem$1w()),
       style: props.style,
       tabIndex: 0,
       onClick: props.onClick
     }, renderIcon(), props.children || props.text);
   };
-  const [bem$1u] = createNamespace("action-bar-button");
+  const [bem$1v] = createNamespace("action-bar-button");
   const ActionBarButton = (props) => {
     const { type: type2, icon, text, color, loading, disabled, index: index2 } = props;
     const { parent } = React.useContext(ActionButtonContext);
@@ -2586,7 +2649,7 @@
     return /* @__PURE__ */ React__default["default"].createElement(Button, {
       className: clsx(
         props.className,
-        bem$1u([
+        bem$1v([
           type2,
           {
             last: isLast,
@@ -2707,7 +2770,7 @@
     locale: zhCN
   };
   const ConfigProvider$1 = React.createContext(INITIAL_STATE$1);
-  const [bem$1t] = createNamespace("dialog");
+  const [bem$1u] = createNamespace("dialog");
   const Dialog$1 = (p2) => {
     const { locale } = React.useContext(ConfigProvider$1);
     const props = mergeProps(p2, {
@@ -2731,7 +2794,7 @@
       if (props.title) {
         return /* @__PURE__ */ React__default["default"].createElement("div", {
           className: clsx(
-            bem$1t("header", {
+            bem$1u("header", {
               isolated: !props.message && !props.children
             })
           )
@@ -2742,15 +2805,15 @@
     const renderContent = () => {
       if (props.children) {
         return /* @__PURE__ */ React__default["default"].createElement("div", {
-          className: clsx(bem$1t("content"))
+          className: clsx(bem$1u("content"))
         }, props.children);
       }
       if (message) {
         return /* @__PURE__ */ React__default["default"].createElement("div", {
-          className: clsx(bem$1t("content", { isolated: !title }))
+          className: clsx(bem$1u("content", { isolated: !title }))
         }, /* @__PURE__ */ React__default["default"].createElement("div", {
           className: clsx(
-            bem$1t("message", {
+            bem$1u("message", {
               "has-title": title,
               [messageAlign]: messageAlign
             })
@@ -2762,11 +2825,11 @@
     const renderButtons = () => {
       var _a, _b, _c, _d, _e, _f;
       return /* @__PURE__ */ React__default["default"].createElement("div", {
-        className: clsx(BORDER_TOP, bem$1t("footer"))
+        className: clsx(BORDER_TOP, bem$1u("footer"))
       }, props.showCancelButton && /* @__PURE__ */ React__default["default"].createElement(Button, {
         size: "large",
         text: props.cancelButtonText || locale.cancel,
-        className: clsx(bem$1t("cancel")),
+        className: clsx(bem$1u("cancel")),
         style: { color: props.cancelButtonColor },
         loading: (_a = props.cancelProps) == null ? void 0 : _a.loading,
         disabled: (_b = props.cancelProps) == null ? void 0 : _b.disabled,
@@ -2774,7 +2837,7 @@
       }), props.showConfirmButton && /* @__PURE__ */ React__default["default"].createElement(Button, {
         size: "large",
         text: props.confirmButtonText || locale.confirm,
-        className: clsx(bem$1t("confirm"), {
+        className: clsx(bem$1u("confirm"), {
           [BORDER_LEFT]: props.showCancelButton
         }),
         round: theme === "round-button" || void 0,
@@ -2787,11 +2850,11 @@
     const renderRoundButtons = () => {
       var _a, _b, _c, _d, _e, _f;
       return /* @__PURE__ */ React__default["default"].createElement(ActionBar, {
-        className: clsx(bem$1t("footer"))
+        className: clsx(bem$1u("footer"))
       }, props.showCancelButton && /* @__PURE__ */ React__default["default"].createElement(ActionBar.Button, {
         type: "warning",
         text: props.cancelButtonText || locale.cancel,
-        className: clsx(bem$1t("cancel")),
+        className: clsx(bem$1u("cancel")),
         color: props.cancelButtonColor,
         loading: (_a = props.cancelProps) == null ? void 0 : _a.loading,
         disabled: (_b = props.cancelProps) == null ? void 0 : _b.disabled,
@@ -2799,7 +2862,7 @@
       }), props.showConfirmButton && /* @__PURE__ */ React__default["default"].createElement(ActionBar.Button, {
         type: "danger",
         text: props.confirmButtonText || locale.confirm,
-        className: clsx(bem$1t("confirm")),
+        className: clsx(bem$1u("confirm")),
         color: props.confirmButtonColor,
         loading: (_d = props.confirmProps) == null ? void 0 : _d.loading,
         disabled: (_e = props.confirmProps) == null ? void 0 : _e.disabled,
@@ -2814,7 +2877,7 @@
     return /* @__PURE__ */ React__default["default"].createElement(Popup, {
       ...others,
       visible,
-      className: clsx(bem$1t([theme]), className),
+      className: clsx(bem$1u([theme]), className),
       style: { width: addUnit$1(width) },
       "aria-labelledby": title || message,
       closeOnClickOverlay,
@@ -3002,7 +3065,7 @@
       });
     });
   };
-  const [bem$1s] = createNamespace("input");
+  const [bem$1t] = createNamespace("input");
   const Input$1 = React.forwardRef((p2, ref) => {
     const props = mergeProps(p2, {
       clearIcon: /* @__PURE__ */ React__default["default"].createElement(Clear, null),
@@ -3109,7 +3172,7 @@
         inputMode,
         ref: inputRef,
         name,
-        className: clsx(bem$1s("control")),
+        className: clsx(bem$1t("control")),
         disabled,
         autoFocus,
         readOnly,
@@ -3145,21 +3208,21 @@
       (_a = props.onClear) == null ? void 0 : _a.call(props, e2);
     };
     return /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: clsx(bem$1s([align]), className),
+      className: clsx(bem$1t([align]), className),
       style
     }, props.prefix && /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: clsx(bem$1s("prefix"))
+      className: clsx(bem$1t("prefix"))
     }, props.prefix), renderInput(), showClear && React__default["default"].cloneElement(
       props.clearIcon || /* @__PURE__ */ React__default["default"].createElement(Clear, null),
       {
-        className: clsx(bem$1s("clear")),
+        className: clsx(bem$1t("clear")),
         onTouchStart: handleClear
       }
     ), props.suffix && /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: clsx(bem$1s("suffix"))
+      className: clsx(bem$1t("suffix"))
     }, props.suffix));
   });
-  const [bem$1r] = createNamespace("textarea");
+  const [bem$1s] = createNamespace("textarea");
   const TextArea = React.forwardRef((p2, ref) => {
     const props = mergeProps(p2, {
       rows: 2,
@@ -3226,7 +3289,7 @@
       adjustSize();
     }, [value]);
     const controlClass = React__default["default"].useMemo(() => {
-      return bem$1r("control", [
+      return bem$1s("control", [
         {
           "min-height": !props.autoSize,
           clear: props.clearable
@@ -3262,9 +3325,9 @@
       if (showWordLimit) {
         const currentCount = (value ? `${value}` : "").length;
         return /* @__PURE__ */ React__default["default"].createElement("div", {
-          className: clsx(bem$1r("word-limit"))
+          className: clsx(bem$1s("word-limit"))
         }, typeof showWordLimit === "function" ? showWordLimit({ currentCount, maxLength }) : /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, /* @__PURE__ */ React__default["default"].createElement("span", {
-          className: clsx(bem$1r("word-num"))
+          className: clsx(bem$1s("word-num"))
         }, currentCount), maxLength ? `/${maxLength}` : false));
       }
       return null;
@@ -3283,7 +3346,7 @@
       return false;
     }, [value, props.clearTrigger, hasFocus]);
     return /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: clsx(bem$1r(), className),
+      className: clsx(bem$1s(), className),
       style
     }, /* @__PURE__ */ React__default["default"].createElement("textarea", {
       ref: nativeTextAreaRef,
@@ -3318,14 +3381,14 @@
       },
       onClick: props.onClick
     }), showClear && React__default["default"].cloneElement(props.clearIcon, {
-      className: clsx(bem$1r("clear")),
+      className: clsx(bem$1s("clear")),
       onTouchStart: handleClear
     }), renderWordLimit());
   });
+  var index$Z = "";
   var index$Y = "";
-  var index$X = "";
   const Input = Object.assign(Input$1, { TextArea });
-  const [bem$1q] = createNamespace("field");
+  const [bem$1r] = createNamespace("field");
   const Field$1 = React.forwardRef((p2, ref) => {
     var _a;
     const props = mergeProps(p2, {
@@ -3407,7 +3470,7 @@
       } = props;
       if (isDef(props.children)) {
         return /* @__PURE__ */ React__default["default"].createElement("div", {
-          className: clsx(bem$1q("children"))
+          className: clsx(bem$1r("children"))
         }, props.children);
       }
       const commonProps = {
@@ -3451,7 +3514,7 @@
       if (!leftIcon)
         return null;
       return /* @__PURE__ */ React__default["default"].createElement("div", {
-        className: clsx(bem$1q("left-icon")),
+        className: clsx(bem$1r("left-icon")),
         onClick: onClickLeftIcon
       }, leftIcon);
     };
@@ -3460,7 +3523,7 @@
       if (!rightIcon)
         return null;
       return /* @__PURE__ */ React__default["default"].createElement("div", {
-        className: clsx(bem$1q("right-icon")),
+        className: clsx(bem$1r("right-icon")),
         onClick: onClickRightIcon
       }, rightIcon);
     };
@@ -3468,7 +3531,7 @@
       const message = props.errorMessage;
       if (message) {
         return /* @__PURE__ */ React__default["default"].createElement("div", {
-          className: clsx(bem$1q("error-message"))
+          className: clsx(bem$1r("error-message"))
         }, message);
       }
       return null;
@@ -3476,7 +3539,7 @@
     const renderIntro = () => {
       if (props.intro) {
         return /* @__PURE__ */ React__default["default"].createElement("div", {
-          className: clsx(bem$1q("intro"))
+          className: clsx(bem$1r("intro"))
         }, props.intro);
       }
       return null;
@@ -3492,7 +3555,7 @@
           dialogProps = customDialogProps;
         }
         return /* @__PURE__ */ React__default["default"].createElement("div", {
-          className: clsx(bem$1q("tooltip")),
+          className: clsx(bem$1r("tooltip")),
           onClick: () => Dialog.show(dialogProps)
         }, icon);
       }
@@ -3534,13 +3597,13 @@
       clickable,
       extra: props.extra,
       titleStyle: { ...labelStyle(), ...titleStyle },
-      valueClass: clsx(bem$1q("value", [controlAlign]), valueClass),
-      titleClass: clsx(bem$1q("label", labelAlign), labelClass),
+      valueClass: clsx(bem$1r("value", [controlAlign]), valueClass),
+      titleClass: clsx(bem$1r("label", labelAlign), labelClass),
       arrowDirection,
       onClick: props.onClick,
       style: props.style,
       className: clsx(
-        bem$1q({
+        bem$1r({
           error,
           disabled,
           [`label-${labelAlign}`]: labelAlign
@@ -3548,20 +3611,20 @@
         className
       )
     }, /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: clsx(bem$1q("body"))
+      className: clsx(bem$1r("body"))
     }, props.prefix && /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: clsx(bem$1q("prefix"))
+      className: clsx(bem$1r("prefix"))
     }, props.prefix), /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: clsx(bem$1q("control-wrapper"))
+      className: clsx(bem$1r("control-wrapper"))
     }, renderInput()), renderRightIcon(), suffix && /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: clsx(bem$1q("suffix"))
+      className: clsx(bem$1r("suffix"))
     }, suffix)), renderMessage(), renderIntro());
   });
   const FIELD_KEY = Symbol("field");
   const FieldNamespace = Object.assign(Field$1, { [COMPONENT_TYPE_KEY]: FIELD_KEY });
-  var index$W = "";
+  var index$X = "";
   const FlexContext = React.createContext({});
-  const [bem$1p] = createNamespace("flexbox");
+  const [bem$1q] = createNamespace("flexbox");
   const Flex$1 = (props) => {
     const {
       direction,
@@ -3591,7 +3654,7 @@
     };
     const wrapCls = clsx(
       className,
-      bem$1p([
+      bem$1q([
         direction,
         wrap,
         justify ? `justify-${justify}` : false,
@@ -3606,10 +3669,10 @@
       ...rest
     }, children));
   };
-  const [bem$1o] = createNamespace("flexitem");
+  const [bem$1p] = createNamespace("flexitem");
   const FlexItem = (props) => {
     const { style, className, span, children, flex, ...others } = props;
-    const classes = clsx(bem$1o([span == null ? void 0 : span.toString()]), className);
+    const classes = clsx(bem$1p([span == null ? void 0 : span.toString()]), className);
     const parseFlex = (_flex) => {
       if (typeof _flex === "number") {
         return `${_flex} ${_flex} auto`;
@@ -3645,9 +3708,9 @@
     });
   };
   const Flex = Object.assign(Flex$1, { Item: FlexItem });
-  var index$V = "";
+  var index$W = "";
   const formatGap = (gap) => typeof gap === "number" ? `${gap}px` : gap;
-  const [bem$1n] = createNamespace("space");
+  const [bem$1o] = createNamespace("space");
   const Space = (props) => {
     const { wrap, block, direction = "horizontal", align, justify } = props;
     const style = React__default["default"].useMemo(() => {
@@ -3675,7 +3738,7 @@
     return /* @__PURE__ */ React__default["default"].createElement("div", {
       className: clsx(
         props.className,
-        bem$1n({
+        bem$1o({
           wrap,
           block,
           [`${direction}`]: !!direction,
@@ -3689,13 +3752,13 @@
       return /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, {
         key: idx
       }, /* @__PURE__ */ React__default["default"].createElement("div", {
-        className: clsx(bem$1n("item"))
+        className: clsx(bem$1o("item"))
       }, child), !!props.divider && idx !== childList.length - 1 && /* @__PURE__ */ React__default["default"].createElement("div", {
-        className: clsx(bem$1n("item-divider"))
+        className: clsx(bem$1o("item-divider"))
       }, props.divider));
     }));
   };
-  var index$U = "";
+  var index$V = "";
   const CheckMark = React.memo(() => {
     return /* @__PURE__ */ React__default["default"].createElement("svg", {
       width: "17px",
@@ -3724,7 +3787,7 @@
       points: "34.2767388 22 24.797043 31.4796958 21 27.6826527"
     })))))));
   });
-  const [bem$1m] = createNamespace("selector");
+  const [bem$1n] = createNamespace("selector");
   const Selector = (p2) => {
     const props = mergeProps(p2, {
       multiple: false,
@@ -3748,7 +3811,7 @@
       const active = (value || []).includes(option.value);
       const disabled = option.disabled || props.disabled;
       const itemCls = clsx(
-        bem$1m("item", {
+        bem$1n("item", {
           active: active && !props.multiple,
           "multiple-active": active && props.multiple,
           disabled
@@ -3770,17 +3833,17 @@
           }
         }
       }, option.label, option.description && /* @__PURE__ */ React__default["default"].createElement("div", {
-        className: clsx(bem$1m("item-description"))
+        className: clsx(bem$1n("item-description"))
       }, option.description), active && props.showCheckMark && /* @__PURE__ */ React__default["default"].createElement("div", {
-        className: clsx(bem$1m("check-mark-wrapper"))
+        className: clsx(bem$1n("check-mark-wrapper"))
       }, /* @__PURE__ */ React__default["default"].createElement(CheckMark, null)));
     });
     return /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: clsx(bem$1m(), props.className),
+      className: clsx(bem$1n(), props.className),
       style: props.style
     }, items);
   };
-  var index$T = "";
+  var index$U = "";
   function useResizeEffect(effect3, targetRef) {
     const fn = useMemoizedFn(effect3);
     useIsomorphicLayoutEffect$1(() => {
@@ -3925,7 +3988,7 @@
     const match = value.match(/^\d*(\.\d*)?/);
     return match ? Number(match[0]) : 0;
   }
-  const [bem$1l] = createNamespace("typography");
+  const [bem$1m] = createNamespace("typography");
   const ellipsisDefaultValue = {
     rows: 1
   };
@@ -4005,7 +4068,7 @@
           className: clsx(
             className,
             `rv-typography__${renderType}`,
-            bem$1l([
+            bem$1m([
               type2,
               size,
               {
@@ -4026,7 +4089,7 @@
         className: clsx(
           className,
           `rv-typography__${renderType}`,
-          bem$1l([
+          bem$1m([
             type2,
             size,
             {
@@ -4066,7 +4129,7 @@
     ...props
   });
   const TypographyNamespace = Object.assign(TypographyBase, { Text, Title, Link });
-  var index$S = "";
+  var index$T = "";
   function parseFormat(format2, currentTime) {
     const { days } = currentTime;
     let { hours, minutes, seconds, milliseconds } = currentTime;
@@ -4102,7 +4165,7 @@
     }
     return format2;
   }
-  const [bem$1k] = createNamespace("count-down");
+  const [bem$1l] = createNamespace("count-down");
   const CountDown = React.forwardRef((p2, ref) => {
     const props = mergeProps(p2, {
       autoStart: true,
@@ -4136,12 +4199,12 @@
       reset: resetTime
     }));
     return /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: clsx(props.className, bem$1k()),
+      className: clsx(props.className, bem$1l()),
       style: props.style
     }, props.children ? props.children(current) : timeText);
   });
-  var index$R = "";
-  const [bem$1j] = createNamespace("divider");
+  var index$S = "";
+  const [bem$1k] = createNamespace("divider");
   const Divider = ({
     children,
     className,
@@ -4155,7 +4218,7 @@
       role: "separator",
       className: clsx(
         className,
-        bem$1j({
+        bem$1k({
           dashed,
           hairline,
           "vertical": type2 === "vertical",
@@ -4165,8 +4228,8 @@
       ...props
     }, children);
   };
-  var index$Q = "";
-  const [bem$1i] = createNamespace("image");
+  var index$R = "";
+  const [bem$1j] = createNamespace("image");
   const Image$1 = (props) => {
     const [status, setStatus] = useSetState({ loading: true, error: false });
     const imgRef = React.useRef(null);
@@ -4209,7 +4272,7 @@
     const renderLoadingIcon = () => {
       if (loadingIcon)
         return React__default["default"].cloneElement(loadingIcon, {
-          className: clsx(bem$1i("loading-icon")),
+          className: clsx(bem$1j("loading-icon")),
           fontSize: props.iconSize
         });
       return null;
@@ -4217,7 +4280,7 @@
     const renderErrorIcon = () => {
       if (errorIcon) {
         return React__default["default"].cloneElement(errorIcon, {
-          className: clsx(bem$1i("error-icon")),
+          className: clsx(bem$1j("error-icon")),
           fontSize: props.iconSize
         });
       }
@@ -4226,13 +4289,13 @@
     const renderPlaceholder = () => {
       if (status.loading && showLoading) {
         return /* @__PURE__ */ React__default["default"].createElement("div", {
-          className: clsx(bem$1i("loading")),
+          className: clsx(bem$1j("loading")),
           onClick: props.onClick
         }, renderLoadingIcon());
       }
       if (status.error && showError) {
         return /* @__PURE__ */ React__default["default"].createElement("div", {
-          className: clsx(bem$1i("error")),
+          className: clsx(bem$1j("error")),
           onClick: props.onClick
         }, renderErrorIcon());
       }
@@ -4243,7 +4306,7 @@
         return null;
       }
       const attrs = {
-        className: clsx(bem$1i("img")),
+        className: clsx(bem$1j("img")),
         style: {
           objectFit: fit
         }
@@ -4260,7 +4323,7 @@
     return /* @__PURE__ */ React__default["default"].createElement("div", {
       className: clsx(
         props.className,
-        bem$1i({
+        bem$1j({
           block,
           round: props.round
         })
@@ -4269,11 +4332,11 @@
       onClick: props.onClick
     }, renderImage(), renderPlaceholder(), props.children);
   };
+  var index$Q = "";
   var index$P = "";
-  var index$O = "";
   const DEFAULT_ROW_WIDTH = "100%";
   const DEFAULT_LAST_ROW_WIDTH = "60%";
-  const [bem$1h] = createNamespace("skeleton");
+  const [bem$1i] = createNamespace("skeleton");
   const Skeleton = ({
     children,
     className,
@@ -4308,7 +4371,7 @@
     const renderAvatar = () => {
       if (props.avatar) {
         return /* @__PURE__ */ React__default["default"].createElement("div", {
-          className: clsx(bem$1h("avatar", props.avatarShape)),
+          className: clsx(bem$1i("avatar", props.avatarShape)),
           style: getSizeStyle(props.avatarSize)
         });
       }
@@ -4319,7 +4382,7 @@
         const width = addUnit$1(props.titleWidth);
         const height = addUnit$1(getRowHeight(0));
         return /* @__PURE__ */ React__default["default"].createElement("div", {
-          className: clsx(bem$1h("title")),
+          className: clsx(bem$1i("title")),
           style: { width, height }
         });
       }
@@ -4330,7 +4393,7 @@
       const height = addUnit$1(getRowHeight(i));
       return /* @__PURE__ */ React__default["default"].createElement("div", {
         key: i,
-        className: clsx(bem$1h("row")),
+        className: clsx(bem$1i("row")),
         style: { width, height }
       });
     });
@@ -4339,14 +4402,14 @@
     return /* @__PURE__ */ React__default["default"].createElement("div", {
       className: clsx(
         className,
-        bem$1h({ animate: props.animate, round: props.round })
+        bem$1i({ animate: props.animate, round: props.round })
       ),
       style
     }, renderAvatar(), /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: clsx(bem$1h("content"))
+      className: clsx(bem$1i("content"))
     }, renderTitle(), renderRows()));
   };
-  const [bem$1g] = createNamespace("lazyload");
+  const [bem$1h] = createNamespace("lazyload");
   const Lazyload = (p2) => {
     const props = mergeProps(p2, {
       placeholder: /* @__PURE__ */ React__default["default"].createElement(Skeleton, {
@@ -4358,7 +4421,7 @@
     const { height, placeholder, children, className, style } = props;
     return inViewPort ? /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, children) : /* @__PURE__ */ React__default["default"].createElement("div", {
       ref,
-      className: clsx(bem$1g(), className),
+      className: clsx(bem$1h(), className),
       style: { height, ...style }
     }, placeholder);
   };
@@ -4367,7 +4430,7 @@
   }, /* @__PURE__ */ React__default["default"].createElement(Photo, {
     className: clsx(bem2("loading-icon"))
   }));
-  const [bem$1f] = createNamespace("image");
+  const [bem$1g] = createNamespace("image");
   const LazyImage = (p2) => {
     const props = mergeProps(p2, {
       fit: "fill",
@@ -4380,13 +4443,13 @@
     const { lazyload, ...imageProps } = props;
     const renderPlaceholder = () => {
       if (typeof lazyload === "boolean")
-        return getLazyImagePlaceholder(bem$1f);
-      return lazyload.placeholder || getLazyImagePlaceholder(bem$1f);
+        return getLazyImagePlaceholder(bem$1g);
+      return lazyload.placeholder || getLazyImagePlaceholder(bem$1g);
     };
     if (lazyload) {
       const { className, style, height, width } = imageProps;
       const attrs = {
-        className: clsx(className, bem$1f({ block: imageProps.block })),
+        className: clsx(className, bem$1g({ block: imageProps.block })),
         style: { ...style, height, width }
       };
       return /* @__PURE__ */ React__default["default"].createElement(Lazyload, {
@@ -4404,7 +4467,7 @@
   const ImageNamespace = Object.assign(LazyImage, {
     [COMPONENT_TYPE_KEY]: IMAGE_KEY
   });
-  var index$N = "";
+  var index$O = "";
   function clamp$1(v2, min, max) {
     return Math.max(min, Math.min(v2, max));
   }
@@ -9297,7 +9360,7 @@
       return +rubberband(position - max, dimension, constant) + max;
     return position;
   }
-  const [bem$1e] = createNamespace("image-preview");
+  const [bem$1f] = createNamespace("image-preview");
   const Slide = (props) => {
     const { dragLockRef } = props;
     const controlRef = React.useRef(null);
@@ -9417,21 +9480,21 @@
     const { lazyload } = props;
     const renderPlaceholder = () => {
       if (typeof lazyload === "boolean")
-        return getLazyImagePlaceholder(bem$1e);
-      return lazyload.placeholder || getLazyImagePlaceholder(bem$1e);
+        return getLazyImagePlaceholder(bem$1f);
+      return lazyload.placeholder || getLazyImagePlaceholder(bem$1f);
     };
     return /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: clsx(bem$1e("slide")),
+      className: clsx(bem$1f("slide")),
       onPointerMove: (e2) => {
         if (zoom.get() !== 1) {
           e2.stopPropagation();
         }
       }
     }, /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: clsx(bem$1e("control")),
+      className: clsx(bem$1f("control")),
       ref: controlRef
     }, /* @__PURE__ */ React__default["default"].createElement(animated.div, {
-      className: clsx(bem$1e("image-wrapper")),
+      className: clsx(bem$1f("image-wrapper")),
       style: {
         translateX: x,
         translateY: y,
@@ -9451,7 +9514,7 @@
       alt: props.image
     }))));
   };
-  const [bem$1d] = createNamespace("image-preview");
+  const [bem$1e] = createNamespace("image-preview");
   const Slides = React.forwardRef((props, ref) => {
     const slideWidth = window.innerWidth + unitToPx(16);
     const [{ x }, api] = useSpring(() => ({
@@ -9513,10 +9576,10 @@
       }
     );
     return /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: clsx(bem$1d("slides")),
+      className: clsx(bem$1e("slides")),
       ...bind()
     }, /* @__PURE__ */ React__default["default"].createElement(animated.div, {
-      className: clsx(bem$1d("slides-inner")),
+      className: clsx(bem$1e("slides-inner")),
       style: { x: x.to((x2) => -x2) }
     }, props.images.map((image, idx) => /* @__PURE__ */ React__default["default"].createElement(Slide, {
       key: `${image}${idx}`,
@@ -9535,7 +9598,7 @@
       dragLockRef
     }))));
   });
-  const [bem$1c] = createNamespace("indicator");
+  const [bem$1d] = createNamespace("indicator");
   const SwiperPagIndicator = React__default["default"].memo(
     ({ vertical, ...props }) => {
       const dots = [];
@@ -9544,7 +9607,7 @@
           /* @__PURE__ */ React__default["default"].createElement("div", {
             key: i,
             className: clsx(
-              bem$1c("dot", {
+              bem$1d("dot", {
                 active: props.current === i
               })
             )
@@ -9552,12 +9615,12 @@
         );
       }
       return /* @__PURE__ */ React__default["default"].createElement("div", {
-        className: clsx(props.className, bem$1c({ vertical })),
+        className: clsx(props.className, bem$1d({ vertical })),
         style: props.style
       }, dots);
     }
   );
-  const [bem$1b] = createNamespace("image-preview");
+  const [bem$1c] = createNamespace("image-preview");
   const ImagePreview$1 = React__default["default"].forwardRef(
     (p2, ref) => {
       const props = mergeProps(p2, {
@@ -9589,7 +9652,7 @@
         (_a = props.onClose) == null ? void 0 : _a.call(props, { url: currentImage, index: active });
       };
       const renderContent = () => /* @__PURE__ */ React__default["default"].createElement("div", {
-        className: clsx(bem$1b("content"))
+        className: clsx(bem$1c("content"))
       }, props.images && /* @__PURE__ */ React__default["default"].createElement(Slides, {
         ref: slidesRef,
         defaultIndex: props.startPosition,
@@ -9606,7 +9669,7 @@
       const renderClose = () => {
         if (props.closeable) {
           return React__default["default"].cloneElement(props.closeIcon, {
-            className: clsx(bem$1b("close-icon", props.closeIconPosition)),
+            className: clsx(bem$1c("close-icon", props.closeIconPosition)),
             onClick: onClose
           });
         }
@@ -9615,7 +9678,7 @@
       const renderIndex = () => {
         if (props.showIndex) {
           return /* @__PURE__ */ React__default["default"].createElement("div", {
-            className: clsx(bem$1b("index"))
+            className: clsx(bem$1c("index"))
           }, props.indexRender ? props.indexRender({ index: active, len: props.images.length }) : `${active + 1} / ${props.images.length}`);
         }
         return null;
@@ -9623,7 +9686,7 @@
       const renderIndicator = () => {
         if (props.showIndicators) {
           return /* @__PURE__ */ React__default["default"].createElement("div", {
-            className: clsx(bem$1b("indicator"))
+            className: clsx(bem$1c("indicator"))
           }, /* @__PURE__ */ React__default["default"].createElement(SwiperPagIndicator, {
             total: props.images.length,
             current: active
@@ -9639,8 +9702,8 @@
         }
       }));
       return /* @__PURE__ */ React__default["default"].createElement(Popup, {
-        className: clsx(bem$1b(), props.className),
-        overlayClass: clsx(bem$1b("overlay")),
+        className: clsx(bem$1c(), props.className),
+        overlayClass: clsx(bem$1c("overlay")),
         ...pick(props, [
           "visible",
           "overlayStyle",
@@ -9707,7 +9770,7 @@
   const ImagePreview = Object.assign(ImagePreview$1, {
     open
   });
-  var index$M = "";
+  var index$N = "";
   const prefix = "rv-empty-network-";
   const renderStop = (color, offset2, opacity) => /* @__PURE__ */ React__default["default"].createElement("stop", {
     stopColor: color,
@@ -9825,7 +9888,7 @@
     rx: "1.114"
   }))));
   const PRESET_IMAGES = ["error", "search", "default"];
-  const [bem$1a] = createNamespace("empty");
+  const [bem$1b] = createNamespace("empty");
   const Empty = (p2) => {
     const props = mergeProps(p2, {
       image: "default"
@@ -9849,7 +9912,7 @@
     const renderDescription = () => {
       if (props.description) {
         return /* @__PURE__ */ React__default["default"].createElement("div", {
-          className: clsx(bem$1a("description"))
+          className: clsx(bem$1b("description"))
         }, props.description);
       }
       return null;
@@ -9857,21 +9920,21 @@
     const renderBottom = () => {
       if (props.children) {
         return /* @__PURE__ */ React__default["default"].createElement("div", {
-          className: clsx(bem$1a("bottom"))
+          className: clsx(bem$1b("bottom"))
         }, props.children);
       }
       return null;
     };
     return /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: clsx(props.className, bem$1a()),
+      className: clsx(props.className, bem$1b()),
       style: props.style
     }, /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: clsx(bem$1a("image")),
+      className: clsx(bem$1b("image")),
       style: getSizeStyle(props.imageSize)
     }, renderImage()), renderDescription(), renderBottom());
   };
-  var index$L = "";
-  const [bem$19] = createNamespace("notify");
+  var index$M = "";
+  const [bem$1a] = createNamespace("notify");
   const Notify = ({
     children,
     ...p2
@@ -9897,7 +9960,7 @@
       onClosed: props.onClosed,
       teleport: props.teleport
     }, /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: clsx(bem$19([props.type]), props.className)
+      className: clsx(bem$1a([props.type]), props.className)
     }, children || props.message));
   };
   let lockCount = 0;
@@ -10008,10 +10071,10 @@
     resetDefaultOptions,
     clear
   });
-  var index$K = "";
+  var index$L = "";
   const DEFAULT_HEAD_HEIGHT = 50;
   const TEXT_STATUS = ["pulling", "loosing", "success"];
-  const [bem$18] = createNamespace("pull-refresh");
+  const [bem$19] = createNamespace("pull-refresh");
   const PullRefresh = (p2) => {
     const props = mergeProps(p2, {
       headHeight: 50,
@@ -10083,7 +10146,7 @@
         nodes.push(
           /* @__PURE__ */ React__default["default"].createElement("div", {
             key: "text",
-            className: clsx(bem$18("text"))
+            className: clsx(bem$19("text"))
           }, getStatusText())
         );
       }
@@ -10091,7 +10154,7 @@
         nodes.push(
           /* @__PURE__ */ React__default["default"].createElement(Loading, {
             key: "loading",
-            className: clsx(bem$18("loading"))
+            className: clsx(bem$19("loading"))
           }, getStatusText())
         );
       }
@@ -10180,21 +10243,21 @@
     );
     return /* @__PURE__ */ React__default["default"].createElement("div", {
       ref: root2,
-      className: clsx(props.className, bem$18()),
+      className: clsx(props.className, bem$19()),
       style: props.style
     }, /* @__PURE__ */ React__default["default"].createElement("div", {
       ref: track,
-      className: clsx(bem$18("track")),
+      className: clsx(bem$19("track")),
       style: trackStyle,
       onTouchStart,
       onTouchEnd,
       onTouchCancel: onTouchEnd
     }, /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: clsx(bem$18("head")),
+      className: clsx(bem$19("head")),
       style: getHeadStyle()
     }, renderStatus()), props.children));
   };
-  var index$J = "";
+  var index$K = "";
   function isWindow$1(val) {
     return val === window;
   }
@@ -10224,7 +10287,7 @@
       height: 0
     };
   };
-  const [bem$17] = createNamespace("swipe-cell");
+  const [bem$18] = createNamespace("swipe-cell");
   const SwipeCell = React.forwardRef(
     (p2, instanceRef) => {
       const props = mergeProps(p2, {
@@ -10349,7 +10412,7 @@
         if (props[`${side}Action`]) {
           return /* @__PURE__ */ React__default["default"].createElement("div", {
             ref: measuredRef,
-            className: clsx(bem$17(side)),
+            className: clsx(bem$18(side)),
             onClick: getClickHandler(side, true)
           }, props[`${side}Action`]);
         }
@@ -10370,18 +10433,18 @@
       });
       return /* @__PURE__ */ React__default["default"].createElement("div", {
         ref: root2,
-        className: clsx(bem$17()),
+        className: clsx(bem$18()),
         onClick: getClickHandler("cell"),
         onTouchStart,
         onTouchEnd,
         onTouchCancel: onTouchEnd
       }, /* @__PURE__ */ React__default["default"].createElement("div", {
-        className: clsx(bem$17("wrapper")),
+        className: clsx(bem$18("wrapper")),
         style: wrapperStyle
       }, renderSideContent("left", leftRef), props.children, renderSideContent("right", rightRef)));
     }
   );
-  var index$I = "";
+  var index$J = "";
   const PRESET_ICONS = [
     "qq",
     "link",
@@ -10398,7 +10461,7 @@
     }
     return icon;
   }
-  const [bem$16] = createNamespace("share-sheet");
+  const [bem$17] = createNamespace("share-sheet");
   const ShareSheet = (p2) => {
     const props = mergeProps(p2, {
       options: [],
@@ -10420,11 +10483,11 @@
       const { title, description } = props;
       if (title || description) {
         return /* @__PURE__ */ React__default["default"].createElement("div", {
-          className: clsx(bem$16("header"))
+          className: clsx(bem$17("header"))
         }, title && /* @__PURE__ */ React__default["default"].createElement("div", {
-          className: clsx(bem$16("title"))
+          className: clsx(bem$17("title"))
         }, title), description && /* @__PURE__ */ React__default["default"].createElement("div", {
-          className: clsx(bem$16("description"))
+          className: clsx(bem$17("description"))
         }, description));
       }
       return null;
@@ -10435,21 +10498,21 @@
         key: index2,
         role: "button",
         tabIndex: 0,
-        className: clsx([bem$16("option"), className]),
+        className: clsx([bem$17("option"), className]),
         onClick: () => onSelect(option, index2)
       }, typeof icon === "string" ? /* @__PURE__ */ React__default["default"].createElement("img", {
         alt: "share sheet icon",
         src: getIconURL(icon),
-        className: clsx(bem$16("icon"))
+        className: clsx(bem$17("icon"))
       }) : icon, name && /* @__PURE__ */ React__default["default"].createElement("span", {
-        className: clsx(bem$16("name"))
+        className: clsx(bem$17("name"))
       }, name), description && /* @__PURE__ */ React__default["default"].createElement("span", {
-        className: clsx(bem$16("option-description"))
+        className: clsx(bem$17("option-description"))
       }, description));
     };
     const renderOptions = (options, border, key) => /* @__PURE__ */ React__default["default"].createElement("div", {
       key,
-      className: clsx(bem$16("options", { border }))
+      className: clsx(bem$17("options", { border }))
     }, options.map(renderOption));
     const renderRows = () => {
       const { options } = props;
@@ -10465,7 +10528,7 @@
       if (cancelText) {
         return /* @__PURE__ */ React__default["default"].createElement("button", {
           type: "button",
-          className: clsx(bem$16("cancel")),
+          className: clsx(bem$17("cancel")),
           onClick: onCancel
         }, cancelText);
       }
@@ -10473,7 +10536,7 @@
     };
     return /* @__PURE__ */ React__default["default"].createElement(Popup, {
       round: true,
-      className: clsx(bem$16()),
+      className: clsx(bem$17()),
       position: "bottom",
       onClose: onCancel,
       ...pick(props, [
@@ -10489,8 +10552,8 @@
       ])
     }, renderHeader(), renderRows(), renderCancelButton());
   };
-  var index$H = "";
-  const [bem$15] = createNamespace("notice-bar");
+  var index$I = "";
+  const [bem$16] = createNamespace("notice-bar");
   const NoticeBar = React.forwardRef((p2, ref) => {
     const props = mergeProps(p2, {
       delay: 1,
@@ -10521,7 +10584,7 @@
     const renderLeftIcon = () => {
       if (props.leftIcon) {
         return React__default["default"].cloneElement(props.leftIcon, {
-          className: clsx(bem$15("left-icon"))
+          className: clsx(bem$16("left-icon"))
         });
       }
       return null;
@@ -10550,7 +10613,7 @@
       const finalRightIcon = props.rightIcon || getRightIcon();
       if (finalRightIcon) {
         return React__default["default"].cloneElement(finalRightIcon, {
-          className: clsx(bem$15("right-icon")),
+          className: clsx(bem$16("right-icon")),
           onClick: onClickRightIcon
         });
       }
@@ -10580,10 +10643,10 @@
         transitionDuration: `${state.duration}s`
       };
       return /* @__PURE__ */ React__default["default"].createElement("div", {
-        className: clsx(bem$15("wrap")),
+        className: clsx(bem$16("wrap")),
         ref: wrapRef
       }, /* @__PURE__ */ React__default["default"].createElement("div", {
-        className: clsx(bem$15("content"), { "rv-ellipsis": ellipsis }),
+        className: clsx(bem$16("content"), { "rv-ellipsis": ellipsis }),
         ref: contentRef,
         style,
         onTransitionEnd
@@ -10628,12 +10691,12 @@
     }));
     return state.show && /* @__PURE__ */ React__default["default"].createElement("div", {
       role: "alert",
-      className: clsx(bem$15({ wrapable }), props.className),
+      className: clsx(bem$16({ wrapable }), props.className),
       style: { color, background, ...props.style },
       onClick: props.onClick
     }, renderLeftIcon(), renderMarquee(), renderRightIcon());
   });
-  var index$G = "";
+  var index$H = "";
   function getWindow(node) {
     if (node == null) {
       return window;
@@ -11563,7 +11626,7 @@
     "onOpened",
     "onClickOverlay"
   ];
-  const [bem$14] = createNamespace("popover");
+  const [bem$15] = createNamespace("popover");
   const Popover = React.forwardRef(
     ({ children, className, ...p2 }, ref) => {
       const props = mergeProps(p2, {
@@ -11651,15 +11714,15 @@
         return /* @__PURE__ */ React__default["default"].createElement("div", {
           key: index2,
           className: clsx(
-            bem$14("action", { disabled, "with-icon": icon }),
+            bem$15("action", { disabled, "with-icon": icon }),
             actionClassname
           ),
           style: { color },
           onClick: () => onClickAction(action, index2)
         }, icon ? React__default["default"].cloneElement(icon, {
-          className: clsx(bem$14("action-icon"))
+          className: clsx(bem$15("action-icon"))
         }) : null, /* @__PURE__ */ React__default["default"].createElement("div", {
-          className: clsx(bem$14("action-text"), BORDER_BOTTOM)
+          className: clsx(bem$15("action-text"), BORDER_BOTTOM)
         }, text));
       };
       React.useEffect(() => {
@@ -11700,12 +11763,12 @@
       useClickAway(wrapperRef, onClickAway, "touchstart");
       return /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, /* @__PURE__ */ React__default["default"].createElement("span", {
         ref: wrapperRef,
-        className: clsx(bem$14("wrapper")),
+        className: clsx(bem$15("wrapper")),
         onClick: onClickWrapper
       }, props.reference), /* @__PURE__ */ React__default["default"].createElement(Popup, {
         ref: popoverRef,
         visible,
-        className: clsx(className, bem$14([props.theme])),
+        className: clsx(className, bem$15([props.theme])),
         position: "",
         transition: "rv-zoom",
         lockScroll: false,
@@ -11713,14 +11776,14 @@
         onClose: onInternalClose,
         ...pick(props, popupProps)
       }, /* @__PURE__ */ React__default["default"].createElement("div", {
-        className: clsx(bem$14("arrow"))
+        className: clsx(bem$15("arrow"))
       }), /* @__PURE__ */ React__default["default"].createElement("div", {
         role: "menu",
-        className: clsx(bem$14("content"))
+        className: clsx(bem$15("content"))
       }, children || props.actions.map(renderAction))));
     }
   );
-  var index$F = "";
+  var index$G = "";
   function useLockFn(fn) {
     const lockRef = React.useRef(false);
     return React.useCallback(
@@ -11886,7 +11949,7 @@
       flush: throttled.flush
     };
   }
-  const [bem$13] = createNamespace("list");
+  const [bem$14] = createNamespace("list");
   function isWindow(element) {
     return element === window;
   }
@@ -11964,7 +12027,7 @@
     const renderDone = () => {
       if (props.finishedText) {
         return /* @__PURE__ */ React__default["default"].createElement("div", {
-          className: clsx(bem$13("finished"))
+          className: clsx(bem$14("finished"))
         }, props.finishedText);
       }
       return null;
@@ -11975,14 +12038,14 @@
           return props.errorText(retry);
         return /* @__PURE__ */ React__default["default"].createElement("div", {
           onClick: retry,
-          className: clsx(bem$13("error"))
+          className: clsx(bem$14("error"))
         }, props.errorText);
       }
       return null;
     };
     const renderLoading = () => {
       return /* @__PURE__ */ React__default["default"].createElement(Loading, {
-        className: clsx(bem$13("loading")),
+        className: clsx(bem$14("loading")),
         size: 16
       }, props.loadingText || locale.loading);
     };
@@ -11995,10 +12058,10 @@
     };
     React__default["default"].useImperativeHandle(ref, () => ({ check }));
     return /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: clsx(props.className, bem$13()),
+      className: clsx(props.className, bem$14()),
       style: props.style
     }, props.children, /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: clsx(props.className, bem$13("loadmore")),
+      className: clsx(props.className, bem$14("loadmore")),
       ref: elementRef
     }, renderPlaceholder()));
   });
@@ -12018,8 +12081,8 @@
       errorText: props.errorText
     }, props.children);
   });
-  var index$E = "";
-  const [bem$12] = createNamespace("steps");
+  var index$F = "";
+  const [bem$13] = createNamespace("steps");
   const Steps$1 = ({ children, className, style, ...p2 }) => {
     const props = mergeProps(p2, {
       active: 0,
@@ -12027,10 +12090,10 @@
       activeIcon: /* @__PURE__ */ React__default["default"].createElement(Checked, null)
     });
     return /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: clsx(className, bem$12([props.direction])),
+      className: clsx(className, bem$13([props.direction])),
       style
     }, /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: clsx(bem$12("items"))
+      className: clsx(bem$13("items"))
     }, React__default["default"].Children.toArray(children).filter(Boolean).map(
       (child, index2) => React__default["default"].cloneElement(child, {
         index: index2,
@@ -12038,7 +12101,7 @@
       })
     )));
   };
-  const [bem$11] = createNamespace("step");
+  const [bem$12] = createNamespace("step");
   const StepsItem = ({ children, ...props }) => {
     const { index: index2, parent: parentProps } = props;
     const getStatus = () => {
@@ -12087,7 +12150,7 @@
       if (isActive()) {
         if (activeIcon) {
           return React__default["default"].cloneElement(activeIcon, {
-            className: clsx(bem$11("icon", "active")),
+            className: clsx(bem$12("icon", "active")),
             color: activeColor,
             style: {
               color: activeColor
@@ -12097,7 +12160,7 @@
       }
       if (getStatus() === "finish" && finishIcon) {
         return React__default["default"].cloneElement(finishIcon, {
-          className: clsx(bem$11("icon", "finish")),
+          className: clsx(bem$12("icon", "finish")),
           color: activeColor,
           style: {
             color: activeColor
@@ -12106,7 +12169,7 @@
       }
       if (inactiveIcon) {
         return React__default["default"].cloneElement(inactiveIcon, {
-          className: clsx(bem$11("icon")),
+          className: clsx(bem$12("icon")),
           color: activeColor,
           style: {
             color: activeColor
@@ -12114,7 +12177,7 @@
         });
       }
       return /* @__PURE__ */ React__default["default"].createElement("i", {
-        className: clsx(bem$11("circle")),
+        className: clsx(bem$12("circle")),
         style: lineStyle
       });
     };
@@ -12124,23 +12187,23 @@
       className: clsx(
         props.className,
         BORDER,
-        bem$11([parentProps.direction, { [status]: status }])
+        bem$12([parentProps.direction, { [status]: status }])
       )
     }, /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: clsx(bem$11("title", { active: isActive() })),
+      className: clsx(bem$12("title", { active: isActive() })),
       style: titleStyle,
       onClick: onClickStep
     }, children), /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: clsx(bem$11("circle-container")),
+      className: clsx(bem$12("circle-container")),
       onClick: onClickStep
     }, renderCircle()), /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: clsx(bem$11("line")),
+      className: clsx(bem$12("line")),
       style: lineStyle
     }));
   };
   const Steps = Object.assign(Steps$1, { Item: StepsItem });
-  var index$D = "";
-  const [bem$10] = createNamespace("toast");
+  var index$E = "";
+  const [bem$11] = createNamespace("toast");
   const Toast$1 = (p2) => {
     const props = mergeProps(p2, {
       type: "info",
@@ -12173,13 +12236,13 @@
       if (hasIcon) {
         const buildInIcon = type2 === "fail" ? /* @__PURE__ */ React__default["default"].createElement(Cross, null) : /* @__PURE__ */ React__default["default"].createElement(Success, null);
         return React__default["default"].cloneElement(icon || buildInIcon, {
-          className: clsx(bem$10("icon")),
+          className: clsx(bem$11("icon")),
           fontSize: iconSize
         });
       }
       if (type2 === "loading") {
         return /* @__PURE__ */ React__default["default"].createElement(Loading, {
-          className: clsx(bem$10("loading")),
+          className: clsx(bem$11("loading")),
           type: loadingType
         });
       }
@@ -12189,14 +12252,14 @@
       const { message } = props;
       if (isDef(message) && message !== "") {
         return /* @__PURE__ */ React__default["default"].createElement("div", {
-          className: clsx(bem$10("info"))
+          className: clsx(bem$11("info"))
         }, message);
       }
       return null;
     };
     return /* @__PURE__ */ React__default["default"].createElement(Popup, {
       className: clsx([
-        bem$10([props.position, { [props.type]: !props.icon }]),
+        bem$11([props.position, { [props.type]: !props.icon }]),
         props.className
       ]),
       visible: props.visible,
@@ -12344,8 +12407,8 @@
     }
   };
   const Toast = ToastObj;
-  var index$C = "";
-  const [bem$$] = createNamespace("action-sheet");
+  var index$D = "";
+  const [bem$10] = createNamespace("action-sheet");
   const ActionSheet = (p2) => {
     const props = mergeProps(p2, {
       closeable: true,
@@ -12365,9 +12428,9 @@
       if (!props.title)
         return null;
       return /* @__PURE__ */ React__default["default"].createElement("div", {
-        className: clsx(bem$$("header"))
+        className: clsx(bem$10("header"))
       }, props.title, props.closeable && React__default["default"].cloneElement(props.closeIcon, {
-        className: clsx(bem$$("clear")),
+        className: clsx(bem$10("clear")),
         onClick: onCancel
       }));
     };
@@ -12377,12 +12440,12 @@
       return [
         /* @__PURE__ */ React__default["default"].createElement("div", {
           key: "cancel-gap",
-          className: clsx(bem$$("gap"))
+          className: clsx(bem$10("gap"))
         }),
         /* @__PURE__ */ React__default["default"].createElement("button", {
           key: "cancel-btn",
           type: "button",
-          className: clsx(bem$$("cancel")),
+          className: clsx(bem$10("cancel")),
           onClick: onCancel
         }, props.cancelText)
       ];
@@ -12399,15 +12462,15 @@
         style
       } = item;
       const Content = loading ? /* @__PURE__ */ React__default["default"].createElement(Loading, {
-        className: clsx(bem$$("loading-icon"))
+        className: clsx(bem$10("loading-icon"))
       }) : [
         /* @__PURE__ */ React__default["default"].createElement("span", {
           key: `${index2}-1`,
-          className: clsx(bem$$("name"))
+          className: clsx(bem$10("name"))
         }, name),
         subname && /* @__PURE__ */ React__default["default"].createElement("div", {
           key: `${index2}-2`,
-          className: clsx(bem$$("subname"))
+          className: clsx(bem$10("subname"))
         }, subname)
       ];
       const onClick = () => {
@@ -12429,14 +12492,14 @@
         key: index2,
         type: "button",
         style: { color, ...style },
-        className: clsx(bem$$("item", { loading, disabled }), className),
+        className: clsx(bem$10("item", { loading, disabled }), className),
         onClick
       }, Content);
     };
     const renderDescription = () => {
       if (props.description) {
         return /* @__PURE__ */ React__default["default"].createElement("div", {
-          className: clsx(bem$$("description"))
+          className: clsx(bem$10("description"))
         }, props.description);
       }
       return null;
@@ -12449,19 +12512,19 @@
     };
     return /* @__PURE__ */ React__default["default"].createElement(Popup, {
       visible: props.visible,
-      className: clsx(bem$$("wrapper")),
+      className: clsx(bem$10("wrapper")),
       position: "bottom",
       ...pick(props, sharedPopupProps),
       onClose: onCancel,
       closeable: false
     }, /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: clsx(bem$$(), props.className),
+      className: clsx(bem$10(), props.className),
       style: props.style
     }, renderHeader(), renderDescription(), /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: clsx(bem$$("content"))
+      className: clsx(bem$10("content"))
     }, renderOptions(), props.children), renderCancel()));
   };
-  var index$B = "";
+  var index$C = "";
   function useRefs() {
     const refs = React__default["default"].useRef([]);
     const setRefs = React__default["default"].useCallback(
@@ -12494,7 +12557,7 @@
     }
     return [mergedValue, triggerChange];
   };
-  const [bem$_] = createNamespace("dropdown-menu");
+  const [bem$$] = createNamespace("dropdown-menu");
   const DropdownMenu$1 = React.forwardRef(
     (p2, ref) => {
       const props = mergeProps(p2, {
@@ -12599,7 +12662,7 @@
           key: index2,
           role: "button",
           tabIndex: disabled ? -1 : 0,
-          className: clsx(bem$_("item", { disabled })),
+          className: clsx(bem$$("item", { disabled })),
           onClick: () => {
             if (!disabled) {
               toggleItem(index2);
@@ -12607,7 +12670,7 @@
           }
         }, /* @__PURE__ */ React__default["default"].createElement("span", {
           className: clsx(
-            bem$_("title", {
+            bem$$("title", {
               down: showPopup === (props.direction === "down"),
               active: showPopup
             }),
@@ -12653,12 +12716,12 @@
         value: { props, value: innerValue, onChange: onInnerChange, close }
       }, /* @__PURE__ */ React__default["default"].createElement("div", {
         ref: root2,
-        className: clsx(bem$_(), props.className),
+        className: clsx(bem$$(), props.className),
         style: { ...props.style }
       }, /* @__PURE__ */ React__default["default"].createElement("div", {
         ref: barRef,
         style: barStyle(),
-        className: clsx(bem$_("bar", { opened }))
+        className: clsx(bem$$("bar", { opened }))
       }, React.Children.toArray(props.children).filter(Boolean).map((child, index2) => {
         return renderTitle(child.props, index2);
       })), React.Children.toArray(props.children).filter(Boolean).map(
@@ -12685,7 +12748,7 @@
   function inheritProps(parentProps, props) {
     return { ...parentProps, ...props };
   }
-  const [bem$Z] = createNamespace("dropdown-item");
+  const [bem$_] = createNamespace("dropdown-item");
   const DropdownMenuItem = React.forwardRef(({ options = [], placeholder = "\u8BF7\u9009\u62E9", ...props }, ref) => {
     var _a;
     const [state, setState] = useSetState({
@@ -12743,11 +12806,11 @@
         key: option.value,
         icon: option.icon,
         title: option.text,
-        className: clsx(bem$Z("option", { active })),
+        className: clsx(bem$_("option", { active })),
         style: { color: active ? activeColor : "" },
         onClick
       }, active && (activeIcon || /* @__PURE__ */ React__default["default"].createElement(Success, {
-        className: clsx(bem$Z("icon")),
+        className: clsx(bem$_("icon")),
         color: activeColor
       })));
     };
@@ -12763,12 +12826,12 @@
       const attrs = pick(inheritProps(parent.props, props), inheritPropsKey);
       return /* @__PURE__ */ React__default["default"].createElement("div", {
         style: { ...style, display: state.showWrapper ? "block" : "none" },
-        className: clsx(bem$Z([direction])),
+        className: clsx(bem$_([direction])),
         onClick: onClickWrapper
       }, /* @__PURE__ */ React__default["default"].createElement(Popup, {
         ...attrs,
         visible: props.showPopup,
-        className: clsx(bem$Z("content")),
+        className: clsx(bem$_("content")),
         position: direction === "down" ? "top" : "bottom",
         duration: state.transition ? +duration : 0,
         overlayStyle: { position: "absolute", ...overlayStyle },
@@ -12790,8 +12853,8 @@
     return renderContent();
   });
   const DropdownMenu = Object.assign(DropdownMenu$1, { Item: DropdownMenuItem });
-  var index$A = "";
-  const [bem$Y] = createNamespace("search");
+  var index$B = "";
+  const [bem$Z] = createNamespace("search");
   const Search = React.forwardRef((p2, ref) => {
     const props = mergeProps(p2, {
       shape: "square",
@@ -12840,7 +12903,7 @@
     const renderLabel = () => {
       if (props.label) {
         return /* @__PURE__ */ React__default["default"].createElement("div", {
-          className: clsx(bem$Y("label"))
+          className: clsx(bem$Z("label"))
         }, props.label);
       }
       return null;
@@ -12850,7 +12913,7 @@
         return props.action;
       if (props.showAction) {
         return /* @__PURE__ */ React__default["default"].createElement("div", {
-          className: clsx(bem$Y("action")),
+          className: clsx(bem$Z("action")),
           role: "button",
           tabIndex: 0,
           onClick: onCancel
@@ -12895,7 +12958,7 @@
     const renderField = () => {
       return /* @__PURE__ */ React__default["default"].createElement(FieldNamespace, {
         ref: filedRef,
-        className: clsx(bem$Y("field")),
+        className: clsx(bem$Z("field")),
         type: "search",
         rows: 1,
         value: value || "",
@@ -12923,15 +12986,15 @@
     return /* @__PURE__ */ React__default["default"].createElement("div", {
       className: clsx(
         props.className,
-        bem$Y({ "show-action": props.showAction })
+        bem$Z({ "show-action": props.showAction })
       ),
       style: { ...props.style, background: props.background }
     }, /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: clsx(bem$Y("content", props.shape))
+      className: clsx(bem$Z("content", props.shape))
     }, renderLabel(), renderField()), renderAction());
   });
-  var index$z = "";
-  const [bem$X] = createNamespace("sidebar-item");
+  var index$A = "";
+  const [bem$Y] = createNamespace("sidebar-item");
   const SidebarItem = (props) => {
     const { parent, index: index2 } = props;
     const onClick = () => {
@@ -12945,15 +13008,15 @@
     const { dot, badge, title, disabled } = props;
     const selected = index2 === parent.getActive();
     return /* @__PURE__ */ React__default["default"].createElement("div", null, /* @__PURE__ */ React__default["default"].createElement("a", {
-      className: clsx(bem$X({ select: selected, disabled })),
+      className: clsx(bem$Y({ select: selected, disabled })),
       onClick
     }, /* @__PURE__ */ React__default["default"].createElement(Badge, {
       dot,
       content: badge,
-      className: clsx(bem$X("text"))
+      className: clsx(bem$Y("text"))
     }, title)));
   };
-  const [bem$W] = createNamespace("sidebar");
+  const [bem$X] = createNamespace("sidebar");
   const Sidebar$1 = ({
     children,
     className,
@@ -12984,10 +13047,10 @@
       [children]
     );
     return /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: clsx(className, bem$W("wrapper")),
+      className: clsx(className, bem$X("wrapper")),
       style
     }, /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: clsx(props.sideClassName, bem$W()),
+      className: clsx(props.sideClassName, bem$X()),
       style: props.sideStyle
     }, validChildren.map(
       (child, index2) => React__default["default"].cloneElement(child, {
@@ -13000,7 +13063,7 @@
     )), validChildren.map(
       (child, index2) => {
         return /* @__PURE__ */ React__default["default"].createElement("div", {
-          className: clsx(child.props.contentClassName, bem$W("content")),
+          className: clsx(child.props.contentClassName, bem$X("content")),
           key: child.key,
           style: {
             ...child.props.contentStyle,
@@ -13011,9 +13074,9 @@
     ));
   };
   const Sidebar = Object.assign(Sidebar$1, { Item: SidebarItem });
+  var index$z = "";
   var index$y = "";
-  var index$x = "";
-  const [bem$V] = createNamespace("sticky");
+  const [bem$W] = createNamespace("sticky");
   const Sticky = (p2) => {
     const props = mergeProps(p2, {
       offsetTop: 0,
@@ -13117,11 +13180,11 @@
       ref: root2,
       style: rootStyle
     }, /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: clsx(bem$V({ fixed: state.fixed })),
+      className: clsx(bem$W({ fixed: state.fixed })),
       style: stickyStyle
     }, props.children));
   };
-  const [bem$U] = createNamespace("tab");
+  const [bem$V] = createNamespace("tab");
   const TabsTitle = React.forwardRef((props, ref) => {
     const {
       type: type2,
@@ -13161,7 +13224,7 @@
     const renderText = () => {
       const Title2 = /* @__PURE__ */ React__default["default"].createElement("span", {
         className: clsx(
-          bem$U("text", { ellipsis: !props.scrollable && props.type !== "jumbo" })
+          bem$V("text", { ellipsis: !props.scrollable && props.type !== "jumbo" })
         ),
         style: {
           backgroundColor: props.type === "capsule" && isActive && color
@@ -13173,7 +13236,7 @@
         return props.title;
       })());
       const Description2 = props.type === "jumbo" && !!props.description ? /* @__PURE__ */ React__default["default"].createElement("div", {
-        className: clsx(bem$U("description")),
+        className: clsx(bem$V("description")),
         style: { backgroundColor: isActive && color }
       }, (() => {
         if (typeof props.description === "function") {
@@ -13193,7 +13256,7 @@
     return /* @__PURE__ */ React__default["default"].createElement("div", {
       ref,
       className: clsx([
-        bem$U({
+        bem$V({
           active: props.isActive,
           disabled: props.disabled
         }),
@@ -13204,8 +13267,8 @@
       onClick: props.onClick
     }, renderText());
   });
-  var index$w = "";
-  const [bem$T] = createNamespace("swiper-item");
+  var index$x = "";
+  const [bem$U] = createNamespace("swiper-item");
   const SwiperItem = React__default["default"].forwardRef(
     (props, ref) => {
       const wrapperRef = React__default["default"].useRef(null);
@@ -13224,7 +13287,7 @@
         ref: wrapperRef,
         className: clsx(
           props.className,
-          bem$T({
+          bem$U({
             hidden: props.autoHeight && show2 === false
           })
         ),
@@ -13233,7 +13296,7 @@
       }, props.children);
     }
   );
-  const [bem$S] = createNamespace("swiper");
+  const [bem$T] = createNamespace("swiper");
   const Swiper$1 = React.forwardRef((p2, ref) => {
     const props = mergeProps(p2, {
       initialSwipe: 0,
@@ -13390,7 +13453,7 @@
     const renderIndicator = () => {
       if (props.indicator === void 0 || props.indicator === true) {
         return /* @__PURE__ */ React__default["default"].createElement("div", {
-          className: clsx(bem$S("indicator", { vertical }))
+          className: clsx(bem$T("indicator", { vertical }))
         }, /* @__PURE__ */ React__default["default"].createElement(SwiperPagIndicator, {
           ...props.indicatorProps,
           vertical,
@@ -13455,13 +13518,13 @@
       if (loop2) {
         return /* @__PURE__ */ React__default["default"].createElement("div", {
           className: clsx(
-            bem$S("track-inner", {
+            bem$T("track-inner", {
               vertical
             })
           )
         }, React__default["default"].Children.map(validChildren, (child, index2) => {
           return /* @__PURE__ */ React__default["default"].createElement(animated.div, {
-            className: clsx(bem$S("slide")),
+            className: clsx(bem$T("slide")),
             style: {
               [axis]: position.to((pos) => {
                 let finalPosition = -pos + index2 * 100;
@@ -13480,13 +13543,13 @@
         }));
       }
       return /* @__PURE__ */ React__default["default"].createElement(animated.div, {
-        className: clsx(bem$S("track-inner")),
+        className: clsx(bem$T("track-inner")),
         style: {
           [axis]: position.to((position2) => `${-position2}%`)
         }
       }, React__default["default"].Children.map(validChildren, (child, index2) => {
         return /* @__PURE__ */ React__default["default"].createElement("div", {
-          className: clsx(bem$S("slide"))
+          className: clsx(bem$T("slide"))
         }, React__default["default"].cloneElement(child, {
           ref: setChildrenRefs(index2),
           autoHeight
@@ -13494,12 +13557,12 @@
       }));
     };
     return /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: clsx(props.className, bem$S({ vertical })),
+      className: clsx(props.className, bem$T({ vertical })),
       style: computedStyle
     }, /* @__PURE__ */ React__default["default"].createElement("div", {
       ref: trackRef,
       className: clsx(
-        bem$S("track", {
+        bem$T("track", {
           "allow-touch-move": props.touchable
         })
       ),
@@ -13527,7 +13590,7 @@
     return false;
   }
   const Swiper = Object.assign(Swiper$1, { Item: SwiperItem });
-  const [bem$R] = createNamespace("tabs");
+  const [bem$S] = createNamespace("tabs");
   const TabsContent = (props) => {
     const innerEffect = React.useRef(false);
     const { animated: animated2, swipeable, duration, swiperRef } = props;
@@ -13542,7 +13605,7 @@
           loop: false,
           autoplay: false,
           touchable: !!swipeable,
-          className: clsx(bem$R("track")),
+          className: clsx(bem$S("track")),
           duration: +duration,
           indicator: false,
           onChange: (idx) => {
@@ -13555,7 +13618,7 @@
           }
         }, React__default["default"].Children.map(props.children, (child) => /* @__PURE__ */ React__default["default"].createElement(Swiper.Item, {
           style: { cursor: !swipeable ? "auto" : void 0 },
-          className: clsx(bem$R("pane-wrapper"))
+          className: clsx(bem$S("pane-wrapper"))
         }, child)));
       }
       return props.children;
@@ -13574,7 +13637,7 @@
     }, [props.currentIndex]);
     return /* @__PURE__ */ React__default["default"].createElement("div", {
       className: clsx(
-        bem$R("content", {
+        bem$S("content", {
           animated: animated2 || swipeable
         })
       )
@@ -13619,7 +13682,7 @@
   function isReachBottom(offset2 = 0) {
     return getScrollTop() + getWindowHeight() + offset2 >= getScrollHeight();
   }
-  const [bem$Q] = createNamespace("tabs");
+  const [bem$R] = createNamespace("tabs");
   const getTabName = (tab, index2) => {
     var _a;
     return (_a = tab == null ? void 0 : tab.name) != null ? _a : index2;
@@ -13849,21 +13912,21 @@
       return /* @__PURE__ */ React__default["default"].createElement("div", {
         ref: wrapRef,
         className: clsx([
-          bem$Q("wrap", { scrollable }),
+          bem$R("wrap", { scrollable }),
           { [BORDER_TOP_BOTTOM]: type2 !== "card" && border }
         ])
       }, /* @__PURE__ */ React__default["default"].createElement("div", {
         ref: navRef,
         role: "tablist",
         className: clsx(
-          bem$Q("nav", [
+          bem$R("nav", [
             type2,
             { complete: scrollable, start: align === "start" }
           ])
         ),
         style: navStyle
       }, props.navLeft, renderNav(), type2 === "line" && !immediateRef.current && /* @__PURE__ */ React__default["default"].createElement("div", {
-        className: clsx(bem$Q("line")),
+        className: clsx(bem$R("line")),
         style: lineStyle
       }), props.navRight));
     };
@@ -13916,7 +13979,7 @@
       value: { props, currentName, scrollIntoView }
     }, /* @__PURE__ */ React__default["default"].createElement("div", {
       ref: root2,
-      className: clsx(props.className, bem$Q([props.type])),
+      className: clsx(props.className, bem$R([props.type])),
       style: props.style
     }, props.sticky ? /* @__PURE__ */ React__default["default"].createElement(Sticky, {
       container: root2,
@@ -13938,7 +14001,7 @@
       })
     ))));
   });
-  const [bem$P] = createNamespace("tab");
+  const [bem$Q] = createNamespace("tab");
   const TabPane = React.forwardRef((props, ref) => {
     const parent = React.useContext(TabsContext);
     const { animated: animated2, swipeable, scrollspy, lazyRender, lazyRenderPlaceholder } = parent.props;
@@ -13968,18 +14031,18 @@
       return /* @__PURE__ */ React__default["default"].createElement("div", {
         ref,
         role: "tabpanel",
-        className: clsx(bem$P("pane"))
+        className: clsx(bem$Q("pane"))
       }, Content);
     }
     return /* @__PURE__ */ React__default["default"].createElement("div", {
       ref,
       style: { display: show2 ? "block" : "none" },
       role: "tabpanel",
-      className: clsx(bem$P("pane"))
+      className: clsx(bem$Q("pane"))
     }, Content);
   });
   const Tabs = Object.assign(Tabs$1, { TabPane });
-  var index$v = "";
+  var index$w = "";
   const useHeight = (element) => {
     const [height, setHeight] = React.useState(0);
     React.useEffect(() => {
@@ -13989,7 +14052,7 @@
     }, [element.current]);
     return height;
   };
-  const [bem$O] = createNamespace("nav-bar");
+  const [bem$P] = createNamespace("nav-bar");
   const NavBar = (p2) => {
     const props = mergeProps(p2, {
       border: true,
@@ -14012,11 +14075,11 @@
       return [
         props.leftArrow && React__default["default"].cloneElement(props.leftArrow, {
           key: "arroe",
-          className: clsx(bem$O("arrow"))
+          className: clsx(bem$P("arrow"))
         }),
         props.leftText && /* @__PURE__ */ React__default["default"].createElement("span", {
           key: "text",
-          className: clsx(bem$O("text"))
+          className: clsx(bem$P("text"))
         }, props.leftText)
       ];
     };
@@ -14025,7 +14088,7 @@
         return props.rightText;
       }
       return /* @__PURE__ */ React__default["default"].createElement("span", {
-        className: clsx(bem$O("text"))
+        className: clsx(bem$P("text"))
       }, props.rightText);
     };
     const renderNavBar = () => {
@@ -14040,28 +14103,28 @@
         ref: navBarRef,
         style,
         className: clsx(
-          bem$O({ fixed, "safe-area-inset-top": props.safeAreaInsetTop }),
+          bem$P({ fixed, "safe-area-inset-top": props.safeAreaInsetTop }),
           {
             [BORDER_BOTTOM]: border
           },
           props.className
         )
       }, /* @__PURE__ */ React__default["default"].createElement("div", {
-        className: clsx(bem$O("content"))
+        className: clsx(bem$P("content"))
       }, hasLeft && /* @__PURE__ */ React__default["default"].createElement("div", {
-        className: clsx(bem$O("left")),
+        className: clsx(bem$P("left")),
         onClick: onClickLeft
       }, renderLeft()), /* @__PURE__ */ React__default["default"].createElement("div", {
-        className: clsx(bem$O("title"), "rv-ellipsis")
+        className: clsx(bem$P("title"), "rv-ellipsis")
       }, title), hasRight && /* @__PURE__ */ React__default["default"].createElement("div", {
-        className: clsx(bem$O("right")),
+        className: clsx(bem$P("right")),
         onClick: onClickRight
       }, renderRight())));
     };
     const renderPlaceholder = () => {
       if (props.fixed && props.placeholder) {
         return /* @__PURE__ */ React__default["default"].createElement("div", {
-          className: clsx(bem$O("placeholder")),
+          className: clsx(bem$P("placeholder")),
           style: { height: navBarHeight ? `${navBarHeight}px` : void 0 }
         });
       }
@@ -14069,8 +14132,8 @@
     };
     return /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, renderPlaceholder(), renderNavBar());
   };
-  var index$u = "";
-  const [bem$N] = createNamespace("tag");
+  var index$v = "";
+  const [bem$O] = createNamespace("tag");
   const Tag = (p2) => {
     const props = mergeProps(p2, {
       show: true,
@@ -14106,13 +14169,13 @@
         classes[size] = size;
       }
       const CloseIcon = closeable && /* @__PURE__ */ React__default["default"].createElement(Cross, {
-        className: clsx(bem$N("close")),
+        className: clsx(bem$O("close")),
         onClick: onClose
       });
       return /* @__PURE__ */ React__default["default"].createElement("span", {
         ref: nodeRef,
         style: { ...getStyle, ...props.style },
-        className: clsx(props.className, bem$N([classes, type2])),
+        className: clsx(props.className, bem$O([classes, type2])),
         onClick: props.onClick
       }, props.children, CloseIcon);
     };
@@ -14124,8 +14187,8 @@
       unmountOnExit: true
     }, renderTag());
   };
-  var index$t = "";
-  const [bem$M] = createNamespace("grid");
+  var index$u = "";
+  const [bem$N] = createNamespace("grid");
   const Grid = ({ children, className, style, ...p2 }) => {
     const props = mergeProps(p2, {
       center: true,
@@ -14134,7 +14197,7 @@
     });
     return /* @__PURE__ */ React__default["default"].createElement("div", {
       style: { paddingLeft: addUnit$1(props.gutter), ...style },
-      className: clsx(className, bem$M(), {
+      className: clsx(className, bem$N(), {
         [BORDER_TOP]: props.border && !props.gutter
       })
     }, React__default["default"].Children.toArray(children).filter(Boolean).map(
@@ -14144,7 +14207,7 @@
       })
     ));
   };
-  const [bem$L] = createNamespace("grid-item");
+  const [bem$M] = createNamespace("grid-item");
   const GridItem = ({
     children,
     className,
@@ -14188,7 +14251,7 @@
         return /* @__PURE__ */ React__default["default"].createElement(Badge, {
           ...props.badge
         }, React__default["default"].cloneElement(props.icon, {
-          className: clsx(bem$L("icon")),
+          className: clsx(bem$M("icon")),
           color: props.iconColor,
           fontSize: parent.iconSize
         }));
@@ -14201,7 +14264,7 @@
       }
       if (props.text) {
         return /* @__PURE__ */ React__default["default"].createElement("span", {
-          className: clsx(bem$L("text"))
+          className: clsx(bem$M("text"))
         }, props.text);
       }
       return null;
@@ -14215,7 +14278,7 @@
     const { center, border, square, gutter, reverse, direction } = parent;
     const classes = clsx(
       props.contentClassName,
-      bem$L("content", [
+      bem$M("content", [
         direction,
         {
           center,
@@ -14228,7 +14291,7 @@
       { [BORDER]: border }
     );
     return /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: clsx(className, bem$L({ square })),
+      className: clsx(className, bem$M({ square })),
       style: rootStyle
     }, /* @__PURE__ */ React__default["default"].createElement("div", {
       role: props.onClick ? "button" : void 0,
@@ -14238,10 +14301,10 @@
     }, renderContent()));
   };
   const GridNamespace = Object.assign(Grid, { Item: GridItem });
-  var index$s = "";
+  var index$t = "";
   const IndexBarContext = React.createContext({});
   const INDEX_ANCHORE_KEY = Symbol("index-anchor");
-  const [bem$K] = createNamespace("index-anchor");
+  const [bem$L] = createNamespace("index-anchor");
   const IndexAnchor = React.forwardRef((props, ref) => {
     const root2 = React.useRef();
     const height = useHeight(root2);
@@ -14302,11 +14365,11 @@
       }
     }, /* @__PURE__ */ React__default["default"].createElement("div", {
       style: anchorStyle,
-      className: clsx(bem$K({ sticky }), { [BORDER_BOTTOM]: sticky })
+      className: clsx(bem$L({ sticky }), { [BORDER_BOTTOM]: sticky })
     }, props.children || props.index));
   });
   IndexAnchor[COMPONENT_TYPE_KEY] = INDEX_ANCHORE_KEY;
-  const [bem$J] = createNamespace("index-bar");
+  const [bem$K] = createNamespace("index-bar");
   const IndexBar$1 = React.forwardRef((p2, ref) => {
     const props = mergeProps(p2, {
       sticky: true,
@@ -14400,7 +14463,7 @@
       const active = index2 === activeAnchor;
       return /* @__PURE__ */ React__default["default"].createElement("span", {
         key: index2,
-        className: clsx(bem$J("index", { active })),
+        className: clsx(bem$K("index", { active })),
         style: active ? highlightStyle : null,
         "data-index": index2
       }, props.itemRender ? props.itemRender(index2, active) : index2);
@@ -14488,13 +14551,13 @@
       value: { zIndex, highlightColor, sticky }
     }, /* @__PURE__ */ React__default["default"].createElement("div", {
       ref: root2,
-      className: clsx(bem$J(), props.className),
+      className: clsx(bem$K(), props.className),
       style: props.style
     }, renderToContainer(
       props.teleport,
       /* @__PURE__ */ React__default["default"].createElement("div", {
         ref: sidebar,
-        className: clsx(bem$J("sidebar")),
+        className: clsx(bem$K("sidebar")),
         style: sidebarStyle,
         onClick: onClickSidebar,
         onTouchStart
@@ -14510,9 +14573,9 @@
     return indexList;
   }
   const IndexBar = Object.assign(IndexBar$1, { Anchor: IndexAnchor });
-  var index$r = "";
+  var index$s = "";
   const CollapseContext = React.createContext({});
-  const [bem$I] = createNamespace("collapse");
+  const [bem$J] = createNamespace("collapse");
   const Collapse$1 = (p2) => {
     const props = mergeProps(p2, {
       border: true
@@ -14559,7 +14622,7 @@
     }, /* @__PURE__ */ React__default["default"].createElement("div", {
       style: props.style,
       ref: props.nativeRef,
-      className: clsx(bem$I(), props.className, {
+      className: clsx(bem$J(), props.className, {
         [BORDER_TOP_BOTTOM]: props.border
       })
     }, React__default["default"].Children.toArray(props.children).filter(Boolean).map(
@@ -14577,7 +14640,7 @@
     }, [show2]);
     return (render2) => () => inited ? render2() : null;
   }
-  const [bem$H] = createNamespace("collapse-item");
+  const [bem$I] = createNamespace("collapse-item");
   const CollapseItem = React.forwardRef(
     ({ className, style, ...p2 }, ref) => {
       const props = mergeProps(p2, {
@@ -14639,7 +14702,7 @@
         const { border, disabled, children, readOnly, ...others } = props;
         return /* @__PURE__ */ React__default["default"].createElement(Cell, {
           className: clsx(
-            bem$H("title", {
+            bem$I("title", {
               disabled,
               expanded,
               borderless: !border
@@ -14654,25 +14717,25 @@
       };
       const renderContent = lazyRender(() => /* @__PURE__ */ React__default["default"].createElement("div", {
         ref: wrapperRef,
-        className: clsx(bem$H("wrapper")),
+        className: clsx(bem$I("wrapper")),
         onTransitionEnd
       }, /* @__PURE__ */ React__default["default"].createElement("div", {
         ref: contentRef,
-        className: clsx(bem$H("content"))
+        className: clsx(bem$I("content"))
       }, props.children)));
       React.useImperativeHandle(ref, () => ({
         toggle
       }));
       return /* @__PURE__ */ React__default["default"].createElement("div", {
         style,
-        className: clsx(className, bem$H({ border: index2 && props.border }))
+        className: clsx(className, bem$I({ border: index2 && props.border }))
       }, renderTitle(), renderContent());
     }
   );
   const Collapse = Object.assign(Collapse$1, { Item: CollapseItem });
-  var index$q = "";
+  var index$r = "";
   const RadioContext = React.createContext({});
-  const [bem$G] = createNamespace("radio-group");
+  const [bem$H] = createNamespace("radio-group");
   function RadioGroup(props) {
     const [checked, setChecked] = useMergedState({
       value: props.value,
@@ -14686,7 +14749,7 @@
     return /* @__PURE__ */ React__default["default"].createElement(RadioContext.Provider, {
       value: { parent: { props }, toggle, checked }
     }, /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: clsx(props.className, bem$G([props.direction])),
+      className: clsx(props.className, bem$H([props.direction])),
       style: props.style,
       role: "radiogroup"
     }, props.children));
@@ -14771,7 +14834,7 @@
       onClick
     }, props.labelPosition === "left" && renderLabel(), renderIcon(), props.labelPosition !== "left" && renderLabel());
   };
-  const [bem$F] = createNamespace("radio");
+  const [bem$G] = createNamespace("radio");
   function Radio$1(props) {
     const { parent, ...context } = React.useContext(RadioContext);
     const checked = React.useMemo(() => {
@@ -14784,7 +14847,7 @@
     };
     return /* @__PURE__ */ React__default["default"].createElement(Checker, {
       ...props,
-      bem: bem$F,
+      bem: bem$G,
       role: "radio",
       parent,
       checked,
@@ -14792,7 +14855,7 @@
     });
   }
   const Radio = Object.assign(Radio$1, { Group: RadioGroup });
-  var index$p = "";
+  var index$q = "";
   function getRateStatus(value, index2, allowHalf, readOnly) {
     if (value >= index2) {
       return { status: "full", value: 1 };
@@ -14809,7 +14872,7 @@
     }
     return { status: "void", value: 0 };
   }
-  const [bem$E] = createNamespace("rate");
+  const [bem$F] = createNamespace("rate");
   const Rate = ({
     count = 5,
     touchable = true,
@@ -14914,25 +14977,25 @@
         ref: setItemRefs(index2),
         role: "radio",
         style,
-        className: clsx(bem$E("item")),
+        className: clsx(bem$F("item")),
         tabIndex: 0,
         "aria-setsize": parseInt(count == null ? void 0 : count.toString(), 10),
         "aria-posinset": score,
         "aria-checked": !isVoid,
         onClick: onClickItem
       }, React__default["default"].cloneElement(isFull ? icon : voidIcon, {
-        className: clsx(bem$E("icon", { disabled, full: isFull })),
+        className: clsx(bem$F("icon", { disabled, full: isFull })),
         style: {
           color: disabled ? disabledColor : isFull ? color : voidColor,
           fontSize: size
         }
       }), renderHalf && /* @__PURE__ */ React__default["default"].createElement("div", {
-        className: clsx(bem$E("icon", ["half"])),
+        className: clsx(bem$F("icon", ["half"])),
         style: { width: `${item.value * 100}%` }
       }, React__default["default"].cloneElement(
         isVoid ? voidIcon : icon,
         {
-          className: clsx(bem$E("icon", [{ disabled, full: !isVoid }])),
+          className: clsx(bem$F("icon", [{ disabled, full: !isVoid }])),
           style: {
             color: disabled ? disabledColor : isVoid ? voidColor : color,
             fontSize: size
@@ -14948,7 +15011,7 @@
       ref: root2,
       role: "radiogroup",
       className: clsx(
-        bem$E({
+        bem$F({
           readOnly: props.readOnly,
           disabled: props.disabled
         })
@@ -14957,7 +15020,7 @@
       onTouchStart
     }, list.map(renderStar));
   };
-  var index$o = "";
+  var index$p = "";
   function formatMonthTitle(date2) {
     return [date2.getFullYear(), date2.getMonth() + 1];
   }
@@ -15023,7 +15086,7 @@
   function getMonthEndDay(year, month) {
     return 32 - new Date(year, month - 1, 32).getDate();
   }
-  const [bem$D] = createNamespace("calendar");
+  const [bem$E] = createNamespace("calendar");
   const CalenderDay = (p2) => {
     const props = mergeProps(p2, {
       offset: 0
@@ -15066,7 +15129,7 @@
       const { topInfo } = props.item;
       if (topInfo || props.topInfoRender) {
         return /* @__PURE__ */ React__default["default"].createElement("div", {
-          className: clsx(bem$D("top-info"))
+          className: clsx(bem$E("top-info"))
         }, props.topInfoRender ? props.topInfoRender(props.item) : topInfo);
       }
       return null;
@@ -15075,7 +15138,7 @@
       const { bottomInfo } = props.item;
       if (bottomInfo || props.bottomInfoRender) {
         return /* @__PURE__ */ React__default["default"].createElement("div", {
-          className: clsx(bem$D("bottom-info"))
+          className: clsx(bem$E("bottom-info"))
         }, props.bottomInfoRender ? props.bottomInfoRender(props.item) : bottomInfo);
       }
       return null;
@@ -15086,7 +15149,7 @@
       const Nodes = /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, renderTopInfo(), text, renderBottomInfo());
       if (type22 === "selected") {
         return /* @__PURE__ */ React__default["default"].createElement("div", {
-          className: clsx(bem$D("selected-day")),
+          className: clsx(bem$E("selected-day")),
           style: {
             width: rowHeight,
             height: rowHeight,
@@ -15099,19 +15162,19 @@
     const { type: type2, className } = props.item;
     if (type2 === "placeholder") {
       return /* @__PURE__ */ React__default["default"].createElement("div", {
-        className: clsx(bem$D("day")),
+        className: clsx(bem$E("day")),
         style
       });
     }
     return /* @__PURE__ */ React__default["default"].createElement("div", {
       role: "gridcell",
       style,
-      className: clsx(bem$D("day", type2), className),
+      className: clsx(bem$E("day", type2), className),
       tabIndex: type2 === "disabled" ? void 0 : -1,
       onClick
     }, renderContent());
   };
-  const [bem$C] = createNamespace("calendar");
+  const [bem$D] = createNamespace("calendar");
   const CalenderMonth = React.forwardRef((props, ref) => {
     const [visible, setVisible] = React.useState();
     const daysRef = React.useRef();
@@ -15226,7 +15289,7 @@
     const renderTitle = () => {
       if (props.showMonthTitle) {
         return /* @__PURE__ */ React__default["default"].createElement("div", {
-          className: clsx(bem$C("month-title"))
+          className: clsx(bem$D("month-title"))
         }, title);
       }
       return null;
@@ -15234,7 +15297,7 @@
     const renderMark = () => {
       if (props.showMark && shouldRender) {
         return /* @__PURE__ */ React__default["default"].createElement("div", {
-          className: clsx(bem$C("month-mark"))
+          className: clsx(bem$D("month-mark"))
         }, props.date.getMonth() + 1);
       }
       return null;
@@ -15277,7 +15340,7 @@
     const renderDays = () => /* @__PURE__ */ React__default["default"].createElement("div", {
       ref: daysRef,
       role: "grid",
-      className: clsx(bem$C("days"))
+      className: clsx(bem$D("days"))
     }, renderMark(), (shouldRender ? days : placeholders).map(renderDay));
     React.useImperativeHandle(ref, () => ({
       getTitle,
@@ -15286,18 +15349,18 @@
       scrollIntoView
     }));
     return /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: clsx(bem$C("month")),
+      className: clsx(bem$D("month")),
       ref: setMonthRef
     }, renderTitle(), renderDays());
   });
-  const [bem$B] = createNamespace("calendar");
+  const [bem$C] = createNamespace("calendar");
   const CalenderHeader = (props) => {
     const { locale } = React.useContext(ConfigProvider$1);
     const renderTitle = () => {
       if (props.showTitle) {
         const text = props.title || locale.vanCalendar.title;
         return /* @__PURE__ */ React__default["default"].createElement("div", {
-          className: clsx(bem$B("header-title"))
+          className: clsx(bem$C("header-title"))
         }, text);
       }
       return null;
@@ -15309,7 +15372,7 @@
     const renderSubtitle = () => {
       if (props.showSubtitle) {
         return /* @__PURE__ */ React__default["default"].createElement("div", {
-          className: clsx(bem$B("header-subtitle")),
+          className: clsx(bem$C("header-subtitle")),
           onClick: onClickSubtitle
         }, props.subtitle);
       }
@@ -15324,17 +15387,17 @@
         ...weekdays.slice(0, firstDayOfWeek)
       ];
       return /* @__PURE__ */ React__default["default"].createElement("div", {
-        className: clsx(bem$B("weekdays"))
+        className: clsx(bem$C("weekdays"))
       }, renderWeekDaysContent.map((text, i) => /* @__PURE__ */ React__default["default"].createElement("span", {
         key: i,
-        className: clsx(bem$B("weekday"))
+        className: clsx(bem$C("weekday"))
       }, text)));
     };
     return /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: clsx(bem$B("header"))
+      className: clsx(bem$C("header"))
     }, renderTitle(), renderSubtitle(), renderWeekDays());
   };
-  const [bem$A] = createNamespace("calendar");
+  const [bem$B] = createNamespace("calendar");
   const defaultMinDate = getToday();
   const defaultMaxDate = (() => {
     const now = getToday();
@@ -15675,7 +15738,7 @@
             block: true,
             type: "danger",
             color: props.color,
-            className: clsx(bem$A("confirm")),
+            className: clsx(bem$B("confirm")),
             disabled: buttonDisabled,
             nativeType: "button",
             onClick: onConfirm
@@ -15684,12 +15747,12 @@
         return null;
       };
       const renderFooter = () => /* @__PURE__ */ React__default["default"].createElement("div", {
-        className: clsx(bem$A("footer"), {
+        className: clsx(bem$B("footer"), {
           "rv-safe-area-bottom": props.safeAreaInsetBottom
         })
       }, renderFooterButton());
       const renderCalendar = () => /* @__PURE__ */ React__default["default"].createElement("div", {
-        className: clsx(className, bem$A()),
+        className: clsx(className, bem$B()),
         style
       }, /* @__PURE__ */ React__default["default"].createElement(CalenderHeader, {
         weekdays: props.weekdays,
@@ -15704,7 +15767,7 @@
         }
       }), props.horizontal ? /* @__PURE__ */ React__default["default"].createElement("div", {
         ref: bodyRef,
-        className: clsx(bem$A("horizontal-body"))
+        className: clsx(bem$B("horizontal-body"))
       }, /* @__PURE__ */ React__default["default"].createElement(Swiper, {
         indicator: () => null,
         onChange: (index2) => {
@@ -15714,7 +15777,7 @@
         key: month
       }, renderMonth(month, index2))))) : /* @__PURE__ */ React__default["default"].createElement("div", {
         ref: bodyRef,
-        className: clsx(bem$A("body")),
+        className: clsx(bem$B("body")),
         onScroll
       }, months.map(renderMonth)), renderFooter());
       const actions = {
@@ -15754,7 +15817,7 @@
       if (props.poppable) {
         return /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, /* @__PURE__ */ React__default["default"].createElement(Popup, {
           visible,
-          className: clsx(bem$A("popup")),
+          className: clsx(bem$B("popup")),
           round: props.round,
           position: props.position,
           closeable: props.showTitle || props.showSubtitle,
@@ -15773,7 +15836,7 @@
       return renderCalendar();
     }
   );
-  var index$n = "";
+  var index$o = "";
   function useCascaderExtend(options, keys2, value) {
     const { childrenKey, valueKey } = keys2;
     const depth = React.useMemo(() => {
@@ -15849,7 +15912,7 @@
     }, deps);
     useUpdateEffect(effect3, [flag]);
   }
-  const [bem$z] = createNamespace("cascader");
+  const [bem$A] = createNamespace("cascader");
   const Cascader = (props) => {
     const { locale } = React.useContext(ConfigProvider$1);
     const [value, setValue] = React.useState(
@@ -15927,19 +15990,19 @@
         return null;
       if (props.closeIcon) {
         return React__default["default"].cloneElement(props.closeIcon, {
-          className: clsx(bem$z("close-icon")),
+          className: clsx(bem$A("close-icon")),
           onClick: props.onClose
         });
       }
       return /* @__PURE__ */ React__default["default"].createElement(Cross, {
-        className: clsx(bem$z("close-icon")),
+        className: clsx(bem$A("close-icon")),
         onClick: props.onClose
       });
     };
     const renderHeader = () => /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: clsx(bem$z("header"))
+      className: clsx(bem$A("header"))
     }, /* @__PURE__ */ React__default["default"].createElement("h2", {
-      className: clsx(bem$z("title"))
+      className: clsx(bem$A("title"))
     }, props.title), renderCloseIcon());
     const renderOption = (option, selected, tabIndex) => {
       const color = option.color || (selected ? props.activeColor : void 0);
@@ -15947,7 +16010,7 @@
       return /* @__PURE__ */ React__default["default"].createElement("li", {
         key: option[valueKey],
         className: clsx(
-          bem$z("option", {
+          bem$A("option", {
             selected,
             disabled: option.disabled
           }),
@@ -15956,12 +16019,12 @@
         style: { color },
         onClick: () => onSelect(option, tabIndex)
       }, Text2, selected ? /* @__PURE__ */ React__default["default"].createElement(Success, {
-        className: clsx(bem$z("selected-icon"))
+        className: clsx(bem$A("selected-icon"))
       }) : null);
     };
     const renderOptions = (options, selectedOption, tabIndex) => /* @__PURE__ */ React__default["default"].createElement("ul", {
       key: tabIndex,
-      className: clsx(bem$z("options"))
+      className: clsx(bem$A("options"))
     }, options.map(
       (option) => renderOption(
         option,
@@ -15976,7 +16039,7 @@
         key: tabIndex,
         title,
         titleClass: clsx(
-          bem$z("tab", {
+          bem$A("tab", {
             unselected: !selectedOption
           })
         )
@@ -15985,7 +16048,7 @@
     const renderTabs = () => /* @__PURE__ */ React__default["default"].createElement(Tabs, {
       animated: true,
       active: activeTab,
-      className: clsx(bem$z("tabs")),
+      className: clsx(bem$A("tabs")),
       color: props.activeColor,
       swipeThreshold: 0,
       swipeable: props.swipeable,
@@ -15993,7 +16056,7 @@
       onClickTab
     }, tabs.map(renderTab));
     return /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: clsx(bem$z())
+      className: clsx(bem$A())
     }, renderHeader(), tabs.length ? renderTabs() : null);
   };
   const CascaderPopup = React__default["default"].forwardRef(
@@ -16109,9 +16172,9 @@
       }, content), (_a = props.children) == null ? void 0 : _a.call(props, value, items, actions));
     }
   );
-  var index$m = "";
+  var index$n = "";
   const CheckboxContext = React.createContext({});
-  const [bem$y] = createNamespace("checkbox-group");
+  const [bem$z] = createNamespace("checkbox-group");
   const CheckBoxGroup = React.forwardRef(
     (props, ref) => {
       const [childrenRefs, setChildrenRefs] = useRefs();
@@ -16148,7 +16211,7 @@
       return /* @__PURE__ */ React__default["default"].createElement(CheckboxContext.Provider, {
         value: { parent: { props }, toggle, checked: checked || [] }
       }, /* @__PURE__ */ React__default["default"].createElement("div", {
-        className: clsx(props.className, bem$y([props.direction]))
+        className: clsx(props.className, bem$z([props.direction]))
       }, React__default["default"].Children.toArray(props.children).filter(Boolean).map((child, index2) => {
         var _a;
         if (((_a = child.type) == null ? void 0 : _a.displayName) !== "Checkbox")
@@ -16157,7 +16220,7 @@
       })));
     }
   );
-  const [bem$x] = createNamespace("checkbox");
+  const [bem$y] = createNamespace("checkbox");
   const CheckBox = React.forwardRef((p2, ref) => {
     const props = mergeProps(p2, {
       bindGroup: true
@@ -16211,7 +16274,7 @@
     }));
     return /* @__PURE__ */ React__default["default"].createElement(Checker, {
       ...props,
-      bem: bem$x,
+      bem: bem$y,
       role: "checkbox",
       parent,
       checked: isChecked,
@@ -16222,7 +16285,7 @@
   });
   CheckBox.displayName = "Checkbox";
   const Checkbox = Object.assign(CheckBox, { Group: CheckBoxGroup });
-  var index$l = "";
+  var index$m = "";
   const DEFAULT_DURATION = 200;
   const MOMENTUM_LIMIT_TIME = 300;
   const MOMENTUM_LIMIT_DISTANCE = 15;
@@ -16232,7 +16295,7 @@
     const translateY = transform.slice(7, transform.length - 1).split(", ")[5];
     return Number(translateY);
   }
-  const [bem$w] = createNamespace("picker-column");
+  const [bem$x] = createNamespace("picker-column");
   const PickerColumn = React.memo(
     React.forwardRef((props, ref) => {
       const { locale } = React.useContext(ConfigProvider$1);
@@ -16415,7 +16478,7 @@
             style: optionStyle,
             tabIndex: disabled ? -1 : 0,
             className: clsx(
-              bem$w("item", {
+              bem$x("item", {
                 disabled,
                 selected: option[valueKey] === value
               })
@@ -16440,7 +16503,7 @@
         stopMomentum
       }));
       return /* @__PURE__ */ React__default["default"].createElement("div", {
-        className: clsx(bem$w(), props.className),
+        className: clsx(bem$x(), props.className),
         onTouchStart,
         onTouchMove,
         onTouchEnd,
@@ -16452,7 +16515,7 @@
           transitionDuration: `${state.duration}ms`,
           transitionProperty: state.duration ? "all" : "none"
         },
-        className: clsx(bem$w("wrapper")),
+        className: clsx(bem$x("wrapper")),
         onTransitionEnd: stopMomentum
       }, renderOptions()));
     }),
@@ -16600,7 +16663,7 @@
       [columns, keys2, value]
     );
   }
-  const [bem$v] = createNamespace("picker");
+  const [bem$w] = createNamespace("picker");
   function PickerInner(props) {
     const { locale } = React.useContext(ConfigProvider$1);
     const wrapper = React.useRef(null);
@@ -16668,7 +16731,7 @@
     const renderTitle = () => {
       if (props.title) {
         return /* @__PURE__ */ React__default["default"].createElement("div", {
-          className: clsx(bem$v("title"), "rv-ellipsis")
+          className: clsx(bem$w("title"), "rv-ellipsis")
         }, props.title);
       }
       return null;
@@ -16677,7 +16740,7 @@
       const text = props.cancelButtonText || locale.cancel;
       return /* @__PURE__ */ React__default["default"].createElement("button", {
         type: "button",
-        className: clsx(bem$v("cancel")),
+        className: clsx(bem$w("cancel")),
         onClick: cancel
       }, text);
     };
@@ -16685,14 +16748,14 @@
       const text = props.confirmButtonText || locale.confirm;
       return /* @__PURE__ */ React__default["default"].createElement("button", {
         type: "button",
-        className: clsx(bem$v("confirm")),
+        className: clsx(bem$w("confirm")),
         onClick: confirm
       }, text);
     };
     const renderToolbar = () => {
       if (props.showToolbar) {
         return /* @__PURE__ */ React__default["default"].createElement("div", {
-          className: clsx(bem$v("toolbar"))
+          className: clsx(bem$w("toolbar"))
         }, props.toolbar || /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, renderCancel(), renderTitle(), renderConfirm()));
       }
       return null;
@@ -16727,13 +16790,13 @@
       };
       return /* @__PURE__ */ React__default["default"].createElement("div", {
         ref: wrapper,
-        className: clsx(bem$v("columns")),
+        className: clsx(bem$w("columns")),
         style: columnsStyle
       }, renderColumnItems(), /* @__PURE__ */ React__default["default"].createElement("div", {
-        className: clsx(bem$v("mask")),
+        className: clsx(bem$w("mask")),
         style: maskStyle
       }), /* @__PURE__ */ React__default["default"].createElement("div", {
-        className: clsx(BORDER_UNSET_TOP_BOTTOM, bem$v("frame")),
+        className: clsx(BORDER_UNSET_TOP_BOTTOM, bem$w("frame")),
         style: frameStyle
       }));
     };
@@ -16741,9 +16804,9 @@
       target: wrapper.current
     });
     return /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: clsx(bem$v(), props.className)
+      className: clsx(bem$w(), props.className)
     }, props.toolbarPosition === "top" ? renderToolbar() : null, props.loading ? /* @__PURE__ */ React__default["default"].createElement(Loading, {
-      className: clsx(bem$v("loading"))
+      className: clsx(bem$w("loading"))
     }) : null, props.columnsTop, renderColumns(), props.columnsBottom, props.toolbarPosition === "bottom" ? renderToolbar() : null);
   }
   function PopupPicker(p2, ref) {
@@ -17225,25 +17288,25 @@
       });
     }
   );
-  const [bem$u] = createNamespace("datetime-picker");
+  const [bem$v] = createNamespace("datetime-picker");
   const DateTimePicker = React.forwardRef(
     (props, ref) => {
       const isTimePicker = props.type === "time";
       if (isTimePicker)
         return /* @__PURE__ */ React__default["default"].createElement(TimePicker, {
           ref,
-          className: clsx(bem$u()),
+          className: clsx(bem$v()),
           ...props
         });
       return /* @__PURE__ */ React__default["default"].createElement(DatePicker, {
         ref,
-        className: clsx(bem$u()),
+        className: clsx(bem$v()),
         ...props
       });
     }
   );
-  var index$k = "";
-  const [bem$t] = createNamespace("password-input");
+  var index$l = "";
+  const [bem$u] = createNamespace("password-input");
   const PasswordInput = React.forwardRef(
     (p2, ref) => {
       const props = mergeProps(p2, {
@@ -17325,13 +17388,13 @@
                   [BORDER_LEFT]: showBorder,
                   [props.highlightClass]: props.highlightClass && char && !props.mask
                 },
-                bem$t("item", { focus: showCursor })
+                bem$u("item", { focus: showCursor })
               ),
               style
             }, mask ? /* @__PURE__ */ React__default["default"].createElement("i", {
               style: { visibility: char ? "visible" : "hidden" }
             }) : char, showCursor && /* @__PURE__ */ React__default["default"].createElement("div", {
-              className: clsx(bem$t("cursor"))
+              className: clsx(bem$u("cursor"))
             }))
           );
         }
@@ -17366,10 +17429,10 @@
       }));
       const info = props.errorInfo || props.info;
       return /* @__PURE__ */ React__default["default"].createElement("div", {
-        className: clsx(bem$t(), props.className),
+        className: clsx(bem$u(), props.className),
         style: props.style
       }, /* @__PURE__ */ React__default["default"].createElement("ul", {
-        className: clsx(bem$t("security"), {
+        className: clsx(bem$u("security"), {
           [BORDER_SURROUND]: !props.gutter
         })
       }, renderPoints(), /* @__PURE__ */ React__default["default"].createElement("input", {
@@ -17396,11 +17459,11 @@
           (_a = props.onBlur) == null ? void 0 : _a.call(props, e2);
         }
       })), info ? /* @__PURE__ */ React__default["default"].createElement("div", {
-        className: clsx(bem$t(props.errorInfo ? "error-info" : "info"))
+        className: clsx(bem$u(props.errorInfo ? "error-info" : "info"))
       }, info) : null);
     }
   );
-  var index$j = "";
+  var index$k = "";
   const CollapseIcon = ({ bem: bem2 }) => /* @__PURE__ */ React__default["default"].createElement("svg", {
     className: clsx(bem2("collapse-icon")),
     viewBox: "0 0 30 24"
@@ -17415,7 +17478,7 @@
     d: "M28.016 0A3.991 3.991 0 0132 3.987v14.026c0 2.2-1.787 3.987-3.98 3.987H10.382c-.509 0-.996-.206-1.374-.585L.89 13.09C.33 12.62 0 11.84 0 11.006c0-.86.325-1.62.887-2.08L9.01.585A1.936 1.936 0 0110.383 0zm0 1.947H10.368L2.24 10.28c-.224.226-.312.432-.312.73 0 .287.094.51.312.729l8.128 8.333h17.648a2.041 2.041 0 002.037-2.04V3.987c0-1.127-.915-2.04-2.037-2.04zM23.028 6a.96.96 0 01.678.292.95.95 0 01-.003 1.377l-3.342 3.348 3.326 3.333c.189.188.292.43.292.679 0 .248-.103.49-.292.679a.96.96 0 01-.678.292.959.959 0 01-.677-.292L18.99 12.36l-3.343 3.345a.96.96 0 01-.677.292.96.96 0 01-.678-.292.962.962 0 01-.292-.68c0-.248.104-.49.292-.679l3.342-3.348-3.342-3.348A.963.963 0 0114 6.971c0-.248.104-.49.292-.679A.96.96 0 0114.97 6a.96.96 0 01.677.292l3.358 3.348 3.345-3.348A.96.96 0 0123.028 6z",
     fill: "currentColor"
   }));
-  const [bem$s] = createNamespace("key");
+  const [bem$t] = createNamespace("key");
   const NumberKeyboardKey = ({
     children,
     className,
@@ -17447,18 +17510,18 @@
     const renderContent = () => {
       if (props.loading) {
         return /* @__PURE__ */ React__default["default"].createElement(Loading, {
-          className: clsx(bem$s("loading-icon"))
+          className: clsx(bem$t("loading-icon"))
         });
       }
       const text = children || props.text;
       switch (props.type) {
         case "delete":
           return text || /* @__PURE__ */ React__default["default"].createElement(DeleteIcon, {
-            bem: bem$s
+            bem: bem$t
           });
         case "extra":
           return text || /* @__PURE__ */ React__default["default"].createElement(CollapseIcon, {
-            bem: bem$s
+            bem: bem$t
           });
         default:
           return text;
@@ -17466,7 +17529,7 @@
     };
     return /* @__PURE__ */ React__default["default"].createElement("div", {
       style,
-      className: clsx(className, bem$s("wrapper", { wider: props.wider })),
+      className: clsx(className, bem$t("wrapper", { wider: props.wider })),
       onTouchStart,
       onTouchMove,
       onTouchEnd,
@@ -17475,7 +17538,7 @@
       role: "button",
       tabIndex: 0,
       className: clsx(
-        bem$s([
+        bem$t([
           props.color,
           {
             large: props.large,
@@ -17486,7 +17549,7 @@
       )
     }, renderContent()));
   };
-  const [bem$r] = createNamespace("number-keyboard");
+  const [bem$s] = createNamespace("number-keyboard");
   const NumberKeyboard = ({
     className,
     style,
@@ -17583,12 +17646,12 @@
         return null;
       }
       return /* @__PURE__ */ React__default["default"].createElement("div", {
-        className: clsx(bem$r("header"))
+        className: clsx(bem$s("header"))
       }, title && /* @__PURE__ */ React__default["default"].createElement("h2", {
-        className: clsx(bem$r("title"))
+        className: clsx(bem$s("title"))
       }, title), showClose && /* @__PURE__ */ React__default["default"].createElement("button", {
         type: "button",
-        className: clsx(bem$r("close")),
+        className: clsx(bem$s("close")),
         onClick: onClose
       }, closeButtonText));
     };
@@ -17617,7 +17680,7 @@
     const renderSidebar = () => {
       if (props.theme === "custom") {
         return /* @__PURE__ */ React__default["default"].createElement("div", {
-          className: clsx(bem$r("sidebar"))
+          className: clsx(bem$s("sidebar"))
         }, props.showDeleteKey && /* @__PURE__ */ React__default["default"].createElement(NumberKeyboardKey, {
           large: true,
           text: props.deleteButtonText,
@@ -17655,21 +17718,21 @@
       style: { ...style, ...getZIndexStyle(props.zIndex) },
       className: clsx(
         className,
-        bem$r({
+        bem$s({
           unfit: !props.safeAreaInsetBottom,
           "with-title": !!Title2
         })
       ),
       onTouchStart: stopPropagation
     }, Title2, /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: clsx(bem$r("body"))
+      className: clsx(bem$s("body"))
     }, /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: clsx(bem$r("keys"))
+      className: clsx(bem$s("keys"))
     }, renderKeys()), renderSidebar())));
     return Content;
   };
-  var index$i = "";
-  const [bem$q] = createNamespace("slider");
+  var index$j = "";
+  const [bem$r] = createNamespace("slider");
   const Slider = (p2) => {
     const props = mergeProps(p2, {
       min: 0,
@@ -17849,9 +17912,9 @@
     const getButtonClassName = (index2) => {
       if (typeof index2 === "number") {
         const position = ["left", "right"];
-        return bem$q("button-wrapper", position[index2]);
+        return bem$r("button-wrapper", position[index2]);
       }
-      return bem$q("button-wrapper", props.reverse ? "left" : "right");
+      return bem$r("button-wrapper", props.reverse ? "left" : "right");
     };
     const renderButtonContent = (value, index2) => {
       if (typeof index2 === "number") {
@@ -17867,7 +17930,7 @@
         return props.button;
       }
       return /* @__PURE__ */ React__default["default"].createElement("div", {
-        className: clsx(bem$q("button")),
+        className: clsx(bem$r("button")),
         style: getSizeStyle(props.buttonSize)
       });
     };
@@ -17917,25 +17980,25 @@
       style: wrapperStyle,
       className: clsx(
         props.className,
-        bem$q({
+        bem$r({
           vertical: props.vertical,
           disabled: props.disabled
         })
       ),
       onClick
     }, /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: clsx(bem$q("bar")),
+      className: clsx(bem$r("bar")),
       style: barStyle
     }, props.range ? [renderButton(setButtonRef1, 0), renderButton(setButtonRef2, 1)] : renderButton(setButtonRef1)));
   };
-  var index$h = "";
+  var index$i = "";
   const LONG_PRESS_INTERVAL = 100;
   const LONG_PRESS_START_TIME = 600;
   function add(num1, num2) {
     const cardinal = 10 ** 10;
     return Math.round((num1 + num2) * cardinal) / cardinal;
   }
-  const [bem$p] = createNamespace("stepper");
+  const [bem$q] = createNamespace("stepper");
   const Stepper = React__default["default"].forwardRef((p2, ref) => {
     const props = mergeProps(p2, {
       theme: "default",
@@ -18104,19 +18167,19 @@
       blur: () => inputRef.current.blur()
     }));
     return /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: clsx(props.className, bem$p([props.theme])),
+      className: clsx(props.className, bem$q([props.theme])),
       style: props.style
     }, props.showMinus && /* @__PURE__ */ React__default["default"].createElement("button", {
       type: "button",
       "aria-label": "minus",
       style: buttonStyle,
-      className: clsx(bem$p("minus", { disabled: minusDisabled })),
+      className: clsx(bem$q("minus", { disabled: minusDisabled })),
       ...createListeners("minus")
     }), props.showInput && /* @__PURE__ */ React__default["default"].createElement("input", {
       ref: inputRef,
       type: props.integer ? "tel" : "text",
       role: "spinbutton",
-      className: clsx(bem$p("input")),
+      className: clsx(bem$q("input")),
       value: inputValue,
       style: inputStyle,
       disabled: props.disabled || props.disableInput,
@@ -18135,7 +18198,7 @@
       type: "button",
       "aria-label": "add",
       style: buttonStyle,
-      className: clsx(bem$p("plus", { disabled: plusDisabled })),
+      className: clsx(bem$q("plus", { disabled: plusDisabled })),
       ...createListeners("plus")
     }));
   });
@@ -18153,7 +18216,7 @@
       return null;
     return parseFloat(text);
   }
-  const [bem$o] = createNamespace("switch");
+  const [bem$p] = createNamespace("switch");
   const Swtich = (p2) => {
     const props = mergeProps(p2, {
       activeValue: true,
@@ -18188,7 +18251,7 @@
       if (props.loading) {
         const color = isChecked ? props.activeColor : props.inactiveColor;
         return /* @__PURE__ */ React__default["default"].createElement(Loading, {
-          className: clsx(bem$o("loading")),
+          className: clsx(bem$p("loading")),
           color
         });
       }
@@ -18199,7 +18262,7 @@
       tabIndex: 0,
       className: clsx(
         props.className,
-        bem$o({
+        bem$p({
           on: isChecked,
           loading,
           disabled
@@ -18209,11 +18272,11 @@
       "aria-checked": isChecked,
       onClick
     }, /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: clsx(bem$o("node"))
+      className: clsx(bem$p("node"))
     }, renderLoading()));
   };
+  var index$h = "";
   var index$g = "";
-  var index$f = "";
   function toArray$2(item) {
     if (Array.isArray(item)) {
       return item;
@@ -18283,7 +18346,7 @@
     }
     return false;
   }
-  const [bem$n] = createNamespace("uploader");
+  const [bem$o] = createNamespace("uploader");
   const UploaderPreviewItem = (props) => {
     const { onPreview, statusTextRender, status, file, url } = props;
     const isImage = React.useMemo(
@@ -18299,14 +18362,14 @@
     const renderMask = () => {
       if (status === "failed" || status === "pending") {
         const MaskIcon = status === "failed" ? /* @__PURE__ */ React__default["default"].createElement(Close, {
-          className: clsx(bem$n("mask-icon"))
+          className: clsx(bem$o("mask-icon"))
         }) : /* @__PURE__ */ React__default["default"].createElement(Loading, {
-          className: clsx(bem$n("loading"))
+          className: clsx(bem$o("loading"))
         });
         return /* @__PURE__ */ React__default["default"].createElement("div", {
-          className: clsx(bem$n("mask"))
+          className: clsx(bem$o("mask"))
         }, MaskIcon, statusTextRender && /* @__PURE__ */ React__default["default"].createElement("div", {
-          className: clsx(bem$n("mask-message"))
+          className: clsx(bem$o("mask-message"))
         }, statusTextRender(status)));
       }
       return null;
@@ -18314,10 +18377,10 @@
     const renderDeleteIcon = () => {
       if (props.deletable) {
         return props.deleteRender ? props.deleteRender(props.onDelete) : /* @__PURE__ */ React__default["default"].createElement("div", {
-          className: clsx(bem$n("preview-delete")),
+          className: clsx(bem$o("preview-delete")),
           onClick: props.onDelete
         }, /* @__PURE__ */ React__default["default"].createElement(Cross, {
-          className: clsx(bem$n("preview-delete-icon"))
+          className: clsx(bem$o("preview-delete-icon"))
         }));
       }
       return null;
@@ -18331,27 +18394,27 @@
         return /* @__PURE__ */ React__default["default"].createElement(ImageNamespace, {
           fit: props.imageFit,
           src: imageSrc,
-          className: clsx(bem$n("preview-image")),
+          className: clsx(bem$o("preview-image")),
           width: props.previewSize,
           height: props.previewSize,
           onClick: onPreview
         }, renderCover());
       }
       return /* @__PURE__ */ React__default["default"].createElement("div", {
-        className: clsx(bem$n("file")),
+        className: clsx(bem$o("file")),
         style: getSizeStyle(props.previewSize)
       }, /* @__PURE__ */ React__default["default"].createElement(Description, {
-        className: clsx(bem$n("file-icon"))
+        className: clsx(bem$o("file-icon"))
       }), /* @__PURE__ */ React__default["default"].createElement("div", {
-        className: clsx(bem$n("file-name"), "rv-ellipsis")
+        className: clsx(bem$o("file-name"), "rv-ellipsis")
       }, file ? file.name : url), renderCover());
     };
     return /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: clsx(bem$n("preview")),
+      className: clsx(bem$o("preview")),
       onClick: props.onClick
     }, renderPreview(), renderMask(), renderDeleteIcon());
   };
-  const [bem$m] = createNamespace("uploader");
+  const [bem$n] = createNamespace("uploader");
   const Uploader = React.forwardRef((p2, ref) => {
     var _a;
     const props = mergeProps(p2, {
@@ -18560,7 +18623,7 @@
     const renderUploadIcon = () => {
       if (props.uploadIcon) {
         return React__default["default"].cloneElement(props.uploadIcon, {
-          className: clsx(bem$m("upload-icon"))
+          className: clsx(bem$n("upload-icon"))
         });
       }
       return null;
@@ -18570,7 +18633,7 @@
         const Input2 = props.readOnly ? null : /* @__PURE__ */ React__default["default"].createElement("input", {
           ref: inputRef,
           type: "file",
-          className: clsx(bem$m("input")),
+          className: clsx(bem$n("input")),
           accept: props.accept,
           capture: props.capture,
           multiple: props.multiple,
@@ -18579,16 +18642,16 @@
         });
         if (props.children) {
           return /* @__PURE__ */ React__default["default"].createElement("div", {
-            className: clsx(bem$m("input-wrapper")),
+            className: clsx(bem$n("input-wrapper")),
             onClick: props.onClickUpload
           }, props.children, Input2);
         }
         return /* @__PURE__ */ React__default["default"].createElement("div", {
-          className: clsx(bem$m("upload", { readOnly: props.readOnly })),
+          className: clsx(bem$n("upload", { readOnly: props.readOnly })),
           style: getSizeStyle(props.previewSize),
           onClick: props.onClickUpload
         }, renderUploadIcon(), props.uploadText && /* @__PURE__ */ React__default["default"].createElement("span", {
-          className: clsx(bem$m("upload-text"))
+          className: clsx(bem$n("upload-text"))
         }, props.uploadText), Input2);
       }
       return null;
@@ -18603,13 +18666,13 @@
       closeImagePreview
     }));
     return /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: clsx(bem$m())
+      className: clsx(bem$n())
     }, /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: clsx(bem$m("wrapper", { disabled: props.disabled }))
+      className: clsx(bem$n("wrapper", { disabled: props.disabled }))
     }, renderPreviewList(), renderUpload()));
   });
-  var index$e = "";
-  const [bem$l] = createNamespace("progress");
+  var index$f = "";
+  const [bem$m] = createNamespace("progress");
   const Progress = (p2) => {
     const props = mergeProps(p2, {
       showPivot: true,
@@ -18631,7 +18694,7 @@
         };
         return /* @__PURE__ */ React__default["default"].createElement("span", {
           style,
-          className: clsx(bem$l("pivot"))
+          className: clsx(bem$m("pivot"))
         }, text);
       }
       return null;
@@ -18647,14 +18710,14 @@
       transform: `scaleX(${+percentage / 100})`
     };
     return /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: clsx(bem$l(), props.className),
+      className: clsx(bem$m(), props.className),
       style: rootStyle
     }, /* @__PURE__ */ React__default["default"].createElement("span", {
-      className: clsx(bem$l("portion")),
+      className: clsx(bem$m("portion")),
       style: portionStyle
     }), renderPivot());
   };
-  var index$d = "";
+  var index$e = "";
   let uid = 0;
   function format$1(rate) {
     return Math.min(Math.max(+rate, 0), 100);
@@ -18669,7 +18732,7 @@
     bottom: 180,
     left: 270
   };
-  const [bem$k] = createNamespace("circle");
+  const [bem$l] = createNamespace("circle");
   const Circle = (p2) => {
     const props = mergeProps(p2, {
       clockwise: true,
@@ -18743,7 +18806,7 @@
       return /* @__PURE__ */ React__default["default"].createElement("path", {
         d: path,
         style,
-        className: clsx(bem$k("hover")),
+        className: clsx(bem$l("hover")),
         stroke: color
       });
     };
@@ -18754,7 +18817,7 @@
         strokeWidth: `${props.strokeWidth}px`
       };
       return /* @__PURE__ */ React__default["default"].createElement("path", {
-        className: clsx(bem$k("layer")),
+        className: clsx(bem$l("layer")),
         style,
         d: path
       });
@@ -18780,24 +18843,24 @@
     const renderText = () => {
       if (props.text) {
         return /* @__PURE__ */ React__default["default"].createElement("div", {
-          className: clsx(bem$k("text"))
+          className: clsx(bem$l("text"))
         }, props.text);
       }
       return props.children;
     };
     return /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: clsx(bem$k(), props.className),
+      className: clsx(bem$l(), props.className),
       style: { ...props.style, ...getSizeStyle(props.size) }
     }, /* @__PURE__ */ React__default["default"].createElement("svg", {
       viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`,
       style: svgStyle
     }, renderGradient(), renderLayer(), renderHover()), renderText());
   };
-  var index$c = "";
+  var index$d = "";
   function makePage(number2, text, active) {
     return { number: number2, text, active };
   }
-  const [bem$j] = createNamespace("pagination");
+  const [bem$k] = createNamespace("pagination");
   const Pagination = (p2) => {
     const props = mergeProps(p2, {
       mode: "multi",
@@ -18862,7 +18925,7 @@
     const renderDesc = () => {
       if (props.mode !== "multi") {
         return /* @__PURE__ */ React__default["default"].createElement("li", {
-          className: clsx(bem$j("page-desc"))
+          className: clsx(bem$k("page-desc"))
         }, props.pageDesc ? props.pageDesc : `${props.value}/${count}`);
       }
       return null;
@@ -18871,34 +18934,34 @@
     const onSelect = (value2) => () => select(value2, true);
     const { value } = props;
     return /* @__PURE__ */ React__default["default"].createElement("ul", {
-      className: clsx(bem$j({ simple }))
+      className: clsx(bem$k({ simple }))
     }, /* @__PURE__ */ React__default["default"].createElement("li", {
       className: clsx(
-        bem$j("item", { disabled: value === 1 }),
-        bem$j("prev"),
+        bem$k("item", { disabled: value === 1 }),
+        bem$k("prev"),
         BORDER
       ),
       onClick: onSelect(value - 1)
     }, props.prevText || locale.vanPagination.prev), pages.map((page, index2) => /* @__PURE__ */ React__default["default"].createElement("li", {
       key: index2,
       className: clsx(
-        bem$j("item", { active: page.active }),
-        bem$j("page"),
+        bem$k("item", { active: page.active }),
+        bem$k("page"),
         BORDER
       ),
       onClick: onSelect(page.number)
     }, props.pageRender ? props.pageRender(page) : page.text)), renderDesc(), /* @__PURE__ */ React__default["default"].createElement("li", {
       className: clsx(
-        bem$j("item", { disabled: value === count }),
-        bem$j("next"),
+        bem$k("item", { disabled: value === count }),
+        bem$k("next"),
         BORDER
       ),
       onClick: onSelect(value + 1)
     }, props.nextText || locale.vanPagination.next));
   };
-  var index$b = "";
+  var index$c = "";
   const TabbarContext = React.createContext({});
-  const [bem$i] = createNamespace("tabbar");
+  const [bem$j] = createNamespace("tabbar");
   const Tabbar$1 = (p2) => {
     const props = mergeProps(p2, {
       fixed: true,
@@ -18913,7 +18976,7 @@
     const height = useHeight(root2);
     const renderPlaceholder = (renderContent) => {
       return /* @__PURE__ */ React__default["default"].createElement("div", {
-        className: clsx(bem$i("placeholder")),
+        className: clsx(bem$j("placeholder")),
         style: { height }
       }, renderContent());
     };
@@ -18935,7 +18998,7 @@
       }, /* @__PURE__ */ React__default["default"].createElement("div", {
         ref: root2,
         style: { ...props.style, ...getZIndexStyle(zIndex) },
-        className: clsx(props.className, bem$i({ fixed }), {
+        className: clsx(props.className, bem$j({ fixed }), {
           [BORDER_TOP_BOTTOM]: border,
           "rv-safe-area-bottom": enableSafeArea()
         })
@@ -18951,7 +19014,7 @@
     }
     return renderTabbar();
   };
-  const [bem$h] = createNamespace("tabbar-item");
+  const [bem$i] = createNamespace("tabbar-item");
   const TabbarItem = (props) => {
     const { setActive, index: index2 } = props;
     const { parent } = React.useContext(TabbarContext);
@@ -18975,14 +19038,14 @@
     };
     const color = active ? activeColor : inactiveColor;
     return /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: clsx(props.className, bem$h({ active })),
+      className: clsx(props.className, bem$i({ active })),
       style: { ...props.style, color },
       onClick
     }, /* @__PURE__ */ React__default["default"].createElement(Badge, {
       ...props.badge,
-      className: clsx(bem$h("icon"))
+      className: clsx(bem$i("icon"))
     }, renderIcon()), /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: clsx(bem$h("text"))
+      className: clsx(bem$i("text"))
     }, typeof props.children === "function" ? props.children(active) : props.children));
   };
   const Tabbar = Object.assign(Tabbar$1, { Item: TabbarItem });
@@ -19019,7 +19082,7 @@
       style: varStyle
     }, children));
   };
-  var index$a = "";
+  var index$b = "";
   function _objectWithoutProperties(e2, t2) {
     if (null == e2)
       return {};
@@ -22737,7 +22800,7 @@
     controlAlign: "left"
   };
   const FormContext = React__default["default"].createContext(DEFAULT_FORM_CONTEXT);
-  const [bem$g] = createNamespace("form");
+  const [bem$h] = createNamespace("form");
   const Form$1 = React.forwardRef((props, ref) => {
     const {
       className,
@@ -22754,7 +22817,7 @@
       ...formProps
     } = props;
     return /* @__PURE__ */ React__default["default"].createElement(RefForm, {
-      className: clsx(bem$g(), className),
+      className: clsx(bem$h(), className),
       style,
       ref,
       ...formProps
@@ -22769,7 +22832,7 @@
         labelAlign
       }
     }, children), footer && /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: clsx(bem$g("footer"))
+      className: clsx(bem$h("footer"))
     }, footer));
   });
   var reactIs = { exports: {} };
@@ -22907,7 +22970,7 @@
     ),
     (prev2, next) => prev2.value === next.value && prev2.update === next.update
   );
-  const [bem$f] = createNamespace("form-item");
+  const [bem$g] = createNamespace("form-item");
   const FormItemLayout = (props) => {
     var _a, _b, _c, _d, _e, _f;
     const { meta, ...fieldProps } = props;
@@ -22922,7 +22985,7 @@
     const errorMessage = showValidateMessage && error ? meta.errors[0] : null;
     const attrs = {
       ...fieldProps,
-      className: clsx(bem$f({ vertical: layout === "vertical" }), props.className),
+      className: clsx(bem$g({ vertical: layout === "vertical" }), props.className),
       colon,
       error: showValidateMessage ? false : error,
       errorMessage,
@@ -23142,7 +23205,7 @@
     }
     return provinces;
   }
-  const [bem$e] = createNamespace("area");
+  const [bem$f] = createNamespace("area");
   const Area = React.forwardRef((p2, ref) => {
     const props = mergeProps(p2, {
       areaList: {},
@@ -23164,12 +23227,12 @@
     return /* @__PURE__ */ React__default["default"].createElement(Picker, {
       ref,
       style: props.style,
-      className: clsx(bem$e(), props.className),
+      className: clsx(bem$f(), props.className),
       columns,
       ...pick(props, INHERIT_PROPS)
     });
   });
-  var index$9 = "";
+  var index$a = "";
   const CardHeader = (props) => {
     const [bem2] = createNamespace("card-header");
     return /* @__PURE__ */ React__default["default"].createElement("div", {
@@ -23223,11 +23286,11 @@
     Footer: CardFooter,
     Cover: CardCover
   });
-  var index$8 = "";
+  var index$9 = "";
   function isStringOrNumber(target) {
     return typeof target === "string" || typeof target === "number";
   }
-  const [bem$d] = createNamespace("product-card");
+  const [bem$e] = createNamespace("product-card");
   const ProductCard = (p2) => {
     const props = mergeProps(p2, {
       currency: "\xA5",
@@ -23236,7 +23299,7 @@
     const renderTitle = () => {
       if (props.title) {
         return /* @__PURE__ */ React__default["default"].createElement("div", {
-          className: clsx(bem$d("title"), "rv-multi-ellipsis--l2")
+          className: clsx(bem$e("title"), "rv-multi-ellipsis--l2")
         }, props.title);
       }
       return null;
@@ -23244,7 +23307,7 @@
     const renderThumbTag = () => {
       if (props.tag) {
         return /* @__PURE__ */ React__default["default"].createElement("div", {
-          className: clsx(bem$d("tag"))
+          className: clsx(bem$e("tag"))
         }, isStringOrNumber(props.tag) ? /* @__PURE__ */ React__default["default"].createElement(Tag, {
           mark: true,
           type: "danger"
@@ -23270,7 +23333,7 @@
       if (props.thumb) {
         return /* @__PURE__ */ React__default["default"].createElement("a", {
           href: props.thumbLink,
-          className: clsx(bem$d("thumb")),
+          className: clsx(bem$e("thumb")),
           onClick: props.onClickThumb
         }, renderThumbImage(), renderThumbTag());
       }
@@ -23279,7 +23342,7 @@
     const renderDesc = () => {
       if (props.desc) {
         return /* @__PURE__ */ React__default["default"].createElement("div", {
-          className: clsx(bem$d("desc"), "rv-ellipsis")
+          className: clsx(bem$e("desc"), "rv-ellipsis")
         }, props.desc);
       }
       return null;
@@ -23288,18 +23351,18 @@
       if (isStringOrNumber(props.price)) {
         const priceArr = props.price.toString().split(".");
         return /* @__PURE__ */ React__default["default"].createElement("div", null, /* @__PURE__ */ React__default["default"].createElement("span", {
-          className: clsx(bem$d("price-currency"))
+          className: clsx(bem$e("price-currency"))
         }, props.currency), /* @__PURE__ */ React__default["default"].createElement("span", {
-          className: clsx(bem$d("price-integer"))
+          className: clsx(bem$e("price-integer"))
         }, priceArr[0]), props.decimal && /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, ".", /* @__PURE__ */ React__default["default"].createElement("span", {
-          className: clsx(bem$d("price-decimal"))
+          className: clsx(bem$e("price-decimal"))
         }, priceArr[1] || "00")));
       }
       return props.price;
     };
     const renderOriginalPrice = () => {
       return /* @__PURE__ */ React__default["default"].createElement("div", {
-        className: clsx(bem$d("origin-price"))
+        className: clsx(bem$e("origin-price"))
       }, isStringOrNumber(props.originPrice) ? `${props.currency} ${props.originPrice}` : props.originPrice);
     };
     const showNum = isDef(props.num);
@@ -23307,30 +23370,30 @@
     const showOriginPrice = isDef(props.originPrice);
     const showBottom = showNum || showPrice || showOriginPrice || props.bottom;
     const Price = showPrice && /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: clsx(bem$d("price"))
+      className: clsx(bem$e("price"))
     }, renderPriceText());
     const OriginPrice = showOriginPrice && renderOriginalPrice();
     const Num = showNum && /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: clsx(bem$d("num"))
+      className: clsx(bem$e("num"))
     }, isStringOrNumber(props.num) ? `x${props.num}` : props.num);
     const Footer = props.footer && /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: clsx(bem$d("footer"))
+      className: clsx(bem$e("footer"))
     }, props.footer);
     const Bottom = showBottom && /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: clsx(bem$d("bottom"))
+      className: clsx(bem$e("bottom"))
     }, props.priceTop, Price, OriginPrice, Num, props.bottom);
     return /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: clsx(bem$d(), props.className),
+      className: clsx(bem$e(), props.className),
       style: props.style,
       onClick: props.onClick
     }, /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: clsx(bem$d("header"))
+      className: clsx(bem$e("header"))
     }, renderThumb(), /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: clsx(bem$d("content", { centered: props.centered }))
+      className: clsx(bem$e("content", { centered: props.centered }))
     }, /* @__PURE__ */ React__default["default"].createElement("div", null, renderTitle(), renderDesc(), props.tags), Bottom)), Footer);
   };
-  var index$7 = "";
-  const [bem$c] = createNamespace("submit-bar");
+  var index$8 = "";
+  const [bem$d] = createNamespace("submit-bar");
   const SubmitBar = (p2) => {
     const props = mergeProps(p2, {
       buttonType: "danger",
@@ -23345,14 +23408,14 @@
         const pricePair = (+price / 100).toFixed(+decimalLength).split(".");
         const decimal = decimalLength ? `.${pricePair[1]}` : "";
         return /* @__PURE__ */ React__default["default"].createElement("div", {
-          className: clsx(bem$c("text")),
+          className: clsx(bem$d("text")),
           style: { textAlign }
         }, /* @__PURE__ */ React__default["default"].createElement("span", null, label || locale.vanSubmitBar.label), /* @__PURE__ */ React__default["default"].createElement("span", {
-          className: clsx(bem$c("price"))
+          className: clsx(bem$d("price"))
         }, currency, /* @__PURE__ */ React__default["default"].createElement("span", {
-          className: clsx(bem$c("price-integer"))
+          className: clsx(bem$d("price-integer"))
         }, pricePair[0]), decimal), suffixLabel && /* @__PURE__ */ React__default["default"].createElement("span", {
-          className: clsx(bem$c("suffix-label"))
+          className: clsx(bem$d("suffix-label"))
         }, suffixLabel));
       }
       return null;
@@ -23361,11 +23424,11 @@
       const { tip, tipIcon } = props;
       if (tip) {
         return /* @__PURE__ */ React__default["default"].createElement("div", {
-          className: clsx(bem$c("tip"))
+          className: clsx(bem$d("tip"))
         }, tipIcon && React__default["default"].cloneElement(tipIcon, {
-          className: clsx(bem$c("tip-icon"))
+          className: clsx(bem$d("tip-icon"))
         }), tip && /* @__PURE__ */ React__default["default"].createElement("span", {
-          className: clsx(bem$c("tip-text"))
+          className: clsx(bem$d("tip-text"))
         }, tip));
       }
       return null;
@@ -23379,7 +23442,7 @@
         round: true,
         type: props.buttonType,
         text: props.buttonText,
-        className: clsx(bem$c("button", props.buttonType)),
+        className: clsx(bem$d("button", props.buttonType)),
         color: props.buttonColor,
         loading: props.loading,
         disabled: props.disabled,
@@ -23387,15 +23450,15 @@
       });
     };
     return /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: clsx(props.className, bem$c(), {
+      className: clsx(props.className, bem$d(), {
         "rv-safe-area-bottom": props.safeAreaInsetBottom
       }),
       style: props.style
     }, props.top, renderTip(), /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: clsx(bem$c("bar"))
+      className: clsx(bem$d("bar"))
     }, props.children, renderText(), renderButton()));
   };
-  var index$6 = "";
+  var index$7 = "";
   function formatValue(coupons, chosenCoupon, currency, locale) {
     const coupon = coupons[+chosenCoupon];
     if (coupon) {
@@ -23409,7 +23472,7 @@
     }
     return coupons.length === 0 ? locale.noCoupon : locale.vanCouponCell.count(coupons.length);
   }
-  const [bem$b] = createNamespace("coupon-cell");
+  const [bem$c] = createNamespace("coupon-cell");
   const CouponCell = (p2) => {
     const props = mergeProps(p2, {
       border: true,
@@ -23428,16 +23491,16 @@
     );
     return /* @__PURE__ */ React__default["default"].createElement(Cell, {
       style: props.style,
-      className: clsx(bem$b(), props.className),
+      className: clsx(bem$c(), props.className),
       value,
       title: props.title || locale.vanCouponCell.title,
       border: props.border,
       isLink: props.editable,
-      valueClass: clsx(bem$b("value", { selected })),
+      valueClass: clsx(bem$c("value", { selected })),
       onClick: props.onClick
     });
   };
-  var index$5 = "";
+  var index$6 = "";
   function getDate(timeStamp) {
     const date2 = new Date(timeStamp * 1e3);
     return `${date2.getFullYear()}.${padZero(date2.getMonth() + 1)}.${padZero(
@@ -23452,7 +23515,7 @@
       amount % 100 === 0 ? 0 : amount % 10 === 0 ? 1 : 2
     );
   }
-  const [bem$a] = createNamespace("coupon");
+  const [bem$b] = createNamespace("coupon");
   const Coupon = (p2) => {
     const props = mergeProps(p2, {
       currency: "\xA5"
@@ -23483,31 +23546,31 @@
     const { chosen, coupon, disabled } = props;
     const description = disabled && coupon.reason || coupon.description;
     return /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: clsx(props.className, bem$a({ disabled })),
+      className: clsx(props.className, bem$b({ disabled })),
       style: props.style,
       onClick: props.onClick
     }, /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: clsx(bem$a("content"))
+      className: clsx(bem$b("content"))
     }, /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: clsx(bem$a("head"))
+      className: clsx(bem$b("head"))
     }, /* @__PURE__ */ React__default["default"].createElement("h2", {
-      className: clsx(bem$a("amount"))
+      className: clsx(bem$b("amount"))
     }, faceAmount), /* @__PURE__ */ React__default["default"].createElement("p", {
-      className: clsx(bem$a("condition"))
+      className: clsx(bem$b("condition"))
     }, coupon.condition || conditionMessage)), /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: clsx(bem$a("body"))
+      className: clsx(bem$b("body"))
     }, /* @__PURE__ */ React__default["default"].createElement("p", {
-      className: clsx(bem$a("name"))
+      className: clsx(bem$b("name"))
     }, coupon.name), /* @__PURE__ */ React__default["default"].createElement("p", {
-      className: clsx(bem$a("valid"))
+      className: clsx(bem$b("valid"))
     }, validPeriod), !disabled && /* @__PURE__ */ React__default["default"].createElement(Checkbox, {
-      className: clsx(bem$a("corner")),
+      className: clsx(bem$b("corner")),
       checked: chosen
     }))), description && /* @__PURE__ */ React__default["default"].createElement("p", {
-      className: clsx(bem$a("description"))
+      className: clsx(bem$b("description"))
     }, description));
   };
-  const [bem$9] = createNamespace("coupon-list");
+  const [bem$a] = createNamespace("coupon-list");
   const CouponList = (p2) => {
     var _a;
     const props = mergeProps(p2, {
@@ -23550,7 +23613,7 @@
       }
     };
     const renderEmpty = () => /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: clsx(bem$9("empty"))
+      className: clsx(bem$a("empty"))
     }, /* @__PURE__ */ React__default["default"].createElement("img", {
       alt: "empty",
       src: props.emptyImage
@@ -23558,19 +23621,19 @@
     const renderExchangeBar = () => {
       if (props.showExchangeBar) {
         return /* @__PURE__ */ React__default["default"].createElement("div", {
-          className: clsx(bem$9("exchange-bar"))
+          className: clsx(bem$a("exchange-bar"))
         }, /* @__PURE__ */ React__default["default"].createElement(FieldNamespace, {
           value: state.code,
           onChange: innerChange,
           clearable: true,
           border: false,
-          className: clsx(bem$9("field")),
+          className: clsx(bem$a("field")),
           placeholder: props.inputPlaceholder || locale.vanCouponList.placeholder,
           maxLength: 20
         }), /* @__PURE__ */ React__default["default"].createElement(Button, {
           plain: true,
           type: "primary",
-          className: clsx(bem$9("exchange")),
+          className: clsx(bem$a("exchange")),
           text: props.exchangeButtonText || locale.vanCouponList.exchange,
           loading: props.exchangeButtonLoading,
           disabled: buttonDisabled,
@@ -23587,7 +23650,7 @@
         title
       }, /* @__PURE__ */ React__default["default"].createElement("div", {
         className: clsx(
-          bem$9("list", {
+          bem$a("list", {
             "with-bar": props.showExchangeBar,
             "with-bottom": props.showCloseButton
           })
@@ -23608,7 +23671,7 @@
         title
       }, /* @__PURE__ */ React__default["default"].createElement("div", {
         className: clsx(
-          bem$9("list", {
+          bem$a("list", {
             "with-bar": props.showExchangeBar,
             "with-bottom": props.showCloseButton
           })
@@ -23628,21 +23691,21 @@
       updateState({ code: props.code });
     }, [props.code]);
     return /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: clsx(bem$9(), props.className),
+      className: clsx(bem$a(), props.className),
       style: props.style
     }, renderExchangeBar(), /* @__PURE__ */ React__default["default"].createElement(Tabs, {
       active: state.tab,
       border: false,
       ...props.tabsProps,
-      className: clsx(bem$9("tab"), (_a = props.tabsProps) == null ? void 0 : _a.className)
+      className: clsx(bem$a("tab"), (_a = props.tabsProps) == null ? void 0 : _a.className)
     }, renderCouponTab(), renderDisabledTab()), /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: clsx(bem$9("bottom"))
+      className: clsx(bem$a("bottom"))
     }, /* @__PURE__ */ React__default["default"].createElement(Button, {
       "v-show": props.showCloseButton,
       round: true,
       block: true,
       type: "primary",
-      className: clsx(bem$9("close")),
+      className: clsx(bem$a("close")),
       text: props.closeButtonText || locale.vanCouponList.close,
       onClick: () => {
         var _a2;
@@ -23651,7 +23714,7 @@
     })));
   };
   const EMPTY_IMAGE = "https://img.yzcdn.cn/vant/coupon-empty.png";
-  var index$4 = "";
+  var index$5 = "";
   const LIMIT_TYPE = {
     QUOTA_LIMIT: 0,
     STOCK_LIMIT: 1
@@ -23772,29 +23835,29 @@
     });
     return list;
   };
-  const [bem$8] = createNamespace("sku-row");
+  const [bem$9] = createNamespace("sku-row");
   const SkuRow = (props) => {
     const { skuRow } = props;
     const renderTitle = () => {
       return /* @__PURE__ */ React__default["default"].createElement("div", {
-        className: clsx(bem$8("title"))
+        className: clsx(bem$9("title"))
       }, skuRow.k, skuRow.is_multiple && /* @__PURE__ */ React__default["default"].createElement("span", {
-        className: clsx(bem$8("title-multiple"))
+        className: clsx(bem$9("title-multiple"))
       }, "\uFF08\u53EF\u591A\u9009\uFF09"));
     };
     const renderContent = () => {
       const { largeImageMode } = skuRow;
       return largeImageMode ? /* @__PURE__ */ React__default["default"].createElement("div", {
-        className: clsx(bem$8("scroller"))
+        className: clsx(bem$9("scroller"))
       }, /* @__PURE__ */ React__default["default"].createElement("div", {
-        className: clsx(bem$8("row"))
+        className: clsx(bem$9("row"))
       }, props.children)) : props.children;
     };
     return /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: clsx(bem$8(), BORDER_BOTTOM)
+      className: clsx(bem$9(), BORDER_BOTTOM)
     }, renderTitle(), renderContent());
   };
-  const [bem$7] = createNamespace("sku-row");
+  const [bem$8] = createNamespace("sku-row");
   const SkuRowItem = (props) => {
     var _a, _b;
     const classPrefix = props.largeImageMode ? "image-item" : "item";
@@ -23821,7 +23884,7 @@
           fit: "cover",
           src: imgUrl,
           lazyload: props.lazyload,
-          className: clsx(bem$7(`${classPrefix}-img`))
+          className: clsx(bem$8(`${classPrefix}-img`))
         });
       }
       return null;
@@ -23843,22 +23906,22 @@
     const choosed = props.skuValue.id === props.selectedSku[props.skuKeyStr];
     return /* @__PURE__ */ React__default["default"].createElement("span", {
       className: clsx(
-        bem$7(classPrefix, {
+        bem$8(classPrefix, {
           active: choosed,
           disabled: !choosable
         })
       ),
       onClick: onSelect
     }, imageRender(), /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: clsx(bem$7(`${classPrefix}-name`))
+      className: clsx(bem$8(`${classPrefix}-name`))
     }, props.largeImageMode ? /* @__PURE__ */ React__default["default"].createElement("span", {
       className: clsx("rv-multi-ellipsis--l2")
     }, (_a = props.skuValue) == null ? void 0 : _a.name) : (_b = props.skuValue) == null ? void 0 : _b.name), props.largeImageMode && (props.previewIcon || /* @__PURE__ */ React__default["default"].createElement(ExpandO, {
-      className: clsx(bem$7(`${classPrefix}-img-icon`)),
+      className: clsx(bem$8(`${classPrefix}-img-icon`)),
       onClick: onPreviewImg
     })));
   };
-  const [bem$6] = createNamespace("sku-row");
+  const [bem$7] = createNamespace("sku-row");
   const SkuRowPropItem = (props) => {
     var _a;
     const choosed = React.useMemo(() => {
@@ -23881,17 +23944,17 @@
     };
     return /* @__PURE__ */ React__default["default"].createElement("span", {
       className: clsx(
-        bem$6("item", {
+        bem$7("item", {
           active: choosed
         })
       ),
       onClick: onSelect
     }, /* @__PURE__ */ React__default["default"].createElement("span", {
-      className: clsx(bem$6("item-name"))
+      className: clsx(bem$7("item-name"))
     }, (_a = props.skuValue) == null ? void 0 : _a.name));
   };
   const { QUOTA_LIMIT: QUOTA_LIMIT$1, STOCK_LIMIT } = LIMIT_TYPE;
-  const [bem$5] = createNamespace("sku");
+  const [bem$6] = createNamespace("sku");
   const SkuStepper = (p2) => {
     const props = mergeProps(p2, {
       quota: 0,
@@ -23977,23 +24040,23 @@
       });
     };
     return /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: clsx(bem$5("stepper-stock"))
+      className: clsx(bem$6("stepper-stock"))
     }, /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: clsx(bem$5("stepper-title"))
+      className: clsx(bem$6("stepper-title"))
     }, props.stepperTitle), /* @__PURE__ */ React__default["default"].createElement(Stepper, {
       min: stepperMinLimit,
       max: stepperLimit,
-      className: clsx(bem$5("stepper")),
+      className: clsx(bem$6("stepper")),
       disableInput: props.disableStepperInput,
       value: props.currentNum,
       onChange,
       onOverlimit: onOverLimit
     }), !props.hideQuotaText && quotaContent && /* @__PURE__ */ React__default["default"].createElement("span", {
-      className: clsx(bem$5("stepper-quota"))
+      className: clsx(bem$6("stepper-quota"))
     }, quotaContent));
   };
   const { QUOTA_LIMIT } = LIMIT_TYPE;
-  const [bem$4] = createNamespace("sku");
+  const [bem$5] = createNamespace("sku");
   const Sku = React.forwardRef((p2, ref) => {
     var _a, _b;
     const props = mergeProps(p2, {
@@ -24138,7 +24201,7 @@
       }
       return /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, "\u5269\u4F59", /* @__PURE__ */ React__default["default"].createElement("span", {
         className: clsx(
-          bem$4("stock-num", {
+          bem$5("stock-num", {
             highlight: stock < props.stockThreshold
           })
         )
@@ -24323,21 +24386,21 @@
     const renderHeaderInfo = () => {
       var _a2;
       return /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, ((_a2 = props.skuHeaderPriceRender) == null ? void 0 : _a2.call(props, price)) || /* @__PURE__ */ React__default["default"].createElement("div", {
-        className: clsx(bem$4("goods-price"))
+        className: clsx(bem$5("goods-price"))
       }, /* @__PURE__ */ React__default["default"].createElement("span", {
-        className: clsx(bem$4("price-symbol"))
+        className: clsx(bem$5("price-symbol"))
       }, "\uFFE5"), /* @__PURE__ */ React__default["default"].createElement("span", {
-        className: clsx(bem$4("price-num"))
+        className: clsx(bem$5("price-num"))
       }, price), props.priceTag && /* @__PURE__ */ React__default["default"].createElement("span", {
-        className: clsx(bem$4("price-tag"))
+        className: clsx(bem$5("price-tag"))
       }, props.priceTag)), props.skuHeaderOriginPrice && /* @__PURE__ */ React__default["default"].createElement("div", {
-        className: clsx(bem$4("header-item"))
+        className: clsx(bem$5("header-item"))
       }, props.skuHeaderOriginPrice), !props.hideStock && /* @__PURE__ */ React__default["default"].createElement("div", {
-        className: clsx(bem$4("header-item"))
+        className: clsx(bem$5("header-item"))
       }, /* @__PURE__ */ React__default["default"].createElement("span", {
-        className: clsx(bem$4("stock"))
+        className: clsx(bem$5("stock"))
       }, stockContent)), !props.hideSelectedText && /* @__PURE__ */ React__default["default"].createElement("div", {
-        className: clsx(bem$4("header-item"))
+        className: clsx(bem$5("header-item"))
       }, selectedText));
     };
     const renderHeader = () => {
@@ -24346,20 +24409,20 @@
       const selectedValue = getSkuImgValue(sku, state.selectedSku);
       const imgUrl = selectedValue ? selectedValue.imgUrl : props.goods.picture;
       return /* @__PURE__ */ React__default["default"].createElement("div", {
-        className: clsx(bem$4("header"), BORDER_BOTTOM)
+        className: clsx(bem$5("header"), BORDER_BOTTOM)
       }, props.showHeaderImage && /* @__PURE__ */ React__default["default"].createElement(ImageNamespace, {
         fit: "cover",
         src: imgUrl,
-        className: clsx(bem$4("header__img-wrap")),
+        className: clsx(bem$5("header__img-wrap")),
         onClick: () => onPreviewImage(selectedValue)
       }, props.skuHeaderImageExtra), /* @__PURE__ */ React__default["default"].createElement("div", {
-        className: clsx(bem$4("header__goods-info"))
+        className: clsx(bem$5("header__goods-info"))
       }, renderHeaderInfo(), props.skuHeaderExtra));
     };
     const renderGroup = () => {
       return props.skuGroup || hasSkuOrAttr && /* @__PURE__ */ React__default["default"].createElement("div", {
         className: clsx(
-          bem$4("group-container", {
+          bem$5("group-container", {
             "hide-soldout": !props.showSoldoutSku
           })
         )
@@ -24409,13 +24472,13 @@
     });
     const renderBody = () => {
       return /* @__PURE__ */ React__default["default"].createElement("div", {
-        className: clsx(bem$4("body")),
+        className: clsx(bem$5("body")),
         style: bodyStyle
       }, props.skuBodyTop, renderGroup(), props.skuGroupExtra, renderStepper());
     };
     const renderActions = () => {
       return props.skuActions || /* @__PURE__ */ React__default["default"].createElement("div", {
-        className: clsx(bem$4("actions"))
+        className: clsx(bem$5("actions"))
       }, /* @__PURE__ */ React__default["default"].createElement(ActionBar, null, props.showAddCartBtn && /* @__PURE__ */ React__default["default"].createElement(ActionBar.Button, {
         type: "warning",
         text: props.addCartText || "\u52A0\u5165\u8D2D\u7269\u8F66",
@@ -24445,10 +24508,10 @@
       visible,
       onClose: onPopupClose,
       onClosed: onPopupClosed,
-      className: clsx((_b = props.popupProps) == null ? void 0 : _b.className, bem$4("container"))
+      className: clsx((_b = props.popupProps) == null ? void 0 : _b.className, bem$5("container"))
     }, renderHeader(), renderBody(), props.skuActionsTop, renderActions(), props.skuActionsBottom);
   });
-  var index$3 = "";
+  var index$4 = "";
   const FloatingBallItem$1 = React.createContext({});
   var FloatingBallItem = (props) => {
     const parent = React__default["default"].useContext(FloatingBallItem$1);
@@ -24570,7 +24633,7 @@
   const TOUCH_DURATION = 0;
   const TRANSITION_DURATION = 300;
   const DEFAULT_ADSORB = { indent: 0.5, distance: 0 };
-  const [bem$3] = createNamespace("floating-ball");
+  const [bem$4] = createNamespace("floating-ball");
   const FloatingBall = React.forwardRef(
     (p2, ref) => {
       var _a, _b, _c, _d;
@@ -24622,7 +24685,7 @@
         const [position1, position2] = position.split(" ");
         return /* @__PURE__ */ React__default["default"].createElement("div", {
           className: clsx(
-            bem$3("menu", {
+            bem$4("menu", {
               [(_a2 = props.menu) == null ? void 0 : _a2.direction]: !!((_b2 = props.menu) == null ? void 0 : _b2.direction),
               [position1]: !!position1,
               [position2]: !!position2
@@ -24781,7 +24844,7 @@
           }
         }
       }, /* @__PURE__ */ React__default["default"].createElement("div", {
-        className: clsx(props.className, indentClassName, bem$3({ active })),
+        className: clsx(props.className, indentClassName, bem$4({ active })),
         style: trackStyle,
         ref: setContainer,
         onTouchStart,
@@ -24789,7 +24852,7 @@
         onTouchCancel: onTouchEnd
       }, renderMenus(), /* @__PURE__ */ React__default["default"].createElement("div", {
         className: clsx(
-          bem$3("base", {
+          bem$4("base", {
             [props.disabledClassName]: props.disabled
           })
         ),
@@ -24797,7 +24860,7 @@
       }, typeof props.children === "function" ? props.children({ active, indenting: state.indenting }) : props.children)));
     }
   );
-  var index$2 = "";
+  var index$3 = "";
   const DEFAULT_FONT = {
     style: "normal",
     weight: "normal",
@@ -24805,7 +24868,7 @@
     size: 14,
     family: "sans-serif"
   };
-  const [bem$2] = createNamespace("water-mark");
+  const [bem$3] = createNamespace("water-mark");
   const WaterMark = (p2) => {
     const props = mergeProps(p2, {
       zIndex: 2e3,
@@ -24869,7 +24932,7 @@
     }, [gapX, gapY, rotate, width, height, image, content, font]);
     return /* @__PURE__ */ React__default["default"].createElement("div", {
       className: clsx(
-        bem$2({
+        bem$3({
           full: props.fullPage
         })
       ),
@@ -24880,8 +24943,8 @@
       }
     });
   };
-  var index$1 = "";
-  const [bem$1] = createNamespace("floating-panel");
+  var index$2 = "";
+  const [bem$2] = createNamespace("floating-panel");
   function scrollReachBottom(el) {
     const scrollTop = getScrollTop$1(el);
     return scrollTop >= el.scrollHeight - getVisibleHeight(el);
@@ -24959,7 +25022,7 @@
       useEventListener("touchend", onTouchEnd, { target: root2, passive: false });
       return /* @__PURE__ */ React__default["default"].createElement(animated.div, {
         ref: root2,
-        className: clsx(bem$1(), className),
+        className: clsx(bem$2(), className),
         style: {
           height: maxAnchor,
           transform: visibleH.to((h2) => `translateY(calc(100% - ${h2}px))`),
@@ -24967,12 +25030,12 @@
         }
       }, /* @__PURE__ */ React__default["default"].createElement("div", {
         ref: header,
-        className: clsx(bem$1("header"))
+        className: clsx(bem$2("header"))
       }, /* @__PURE__ */ React__default["default"].createElement("div", {
-        className: clsx(bem$1("thumb"))
+        className: clsx(bem$2("thumb"))
       })), /* @__PURE__ */ React__default["default"].createElement(animated.div, {
         ref: body,
-        className: clsx(bem$1("body"))
+        className: clsx(bem$2("body"))
       }, props.children));
     }
   );
@@ -24981,8 +25044,8 @@
       return Math.abs(target - pre) < Math.abs(target - cur) ? pre : cur;
     });
   }
-  var index = "";
-  const [bem] = createNamespace("table");
+  var index$1 = "";
+  const [bem$1] = createNamespace("table");
   const Table = (props) => {
     const containerRef = React.useRef(null);
     const [containerWidth, setContainerWidth] = React.useState(0);
@@ -25065,10 +25128,10 @@
       if (!showHeader)
         return null;
       return /* @__PURE__ */ React__default["default"].createElement("thead", {
-        className: clsx(bem("header"))
+        className: clsx(bem$1("header"))
       }, /* @__PURE__ */ React__default["default"].createElement("tr", null, columns.map((column, index2) => /* @__PURE__ */ React__default["default"].createElement("th", {
         key: column.dataIndex || index2,
-        className: clsx(bem("header-cell")),
+        className: clsx(bem$1("header-cell")),
         style: {
           ...columnStyles[index2],
           textAlign: column.align || "left"
@@ -25078,26 +25141,26 @@
     const renderBody = () => {
       if (dataSource.length === 0) {
         return /* @__PURE__ */ React__default["default"].createElement("tbody", {
-          className: clsx(bem("body"))
+          className: clsx(bem$1("body"))
         }, /* @__PURE__ */ React__default["default"].createElement("tr", null, /* @__PURE__ */ React__default["default"].createElement("td", {
           colSpan: columns.length,
-          className: clsx(bem("empty-cell"))
+          className: clsx(bem$1("empty-cell"))
         }, /* @__PURE__ */ React__default["default"].createElement("div", {
-          className: clsx(bem("empty-image"))
+          className: clsx(bem$1("empty-image"))
         }, emptyImage && /* @__PURE__ */ React__default["default"].createElement("img", {
           src: emptyImage
         })), /* @__PURE__ */ React__default["default"].createElement("div", null, emptyText))));
       }
       return /* @__PURE__ */ React__default["default"].createElement("tbody", {
-        className: clsx(bem("body"))
+        className: clsx(bem$1("body"))
       }, dataSource.map((record, rowIndex) => /* @__PURE__ */ React__default["default"].createElement("tr", {
         key: getRowKey(record, rowIndex),
-        className: clsx(bem("row"))
+        className: clsx(bem$1("row"))
       }, columns.map((column, colIndex) => {
         const text = record[column.dataIndex];
         return /* @__PURE__ */ React__default["default"].createElement("td", {
           key: column.dataIndex || colIndex,
-          className: clsx(bem("cell")),
+          className: clsx(bem$1("cell")),
           style: {
             ...columnStyles[colIndex],
             textAlign: column.align || "left"
@@ -25107,14 +25170,14 @@
     };
     const classes = clsx(
       className,
-      bem([
+      bem$1([
         {
           bordered
         }
       ])
     );
     return /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: clsx(bem("wrapper")),
+      className: clsx(bem$1("wrapper")),
       ref: containerRef
     }, /* @__PURE__ */ React__default["default"].createElement("table", {
       className: classes,
@@ -25125,9 +25188,238 @@
       ...restProps
     }, renderHeader(), renderBody()));
   };
+  var index = "";
+  const [bem] = createNamespace("tree-select");
+  const TreeSelectItem = ({
+    node,
+    selected,
+    multiple,
+    level = 0,
+    onClick,
+    fieldNames
+  }) => {
+    const {
+      title: titleKey = "title",
+      value: valueKey = "value",
+      children: childrenKey = "children"
+    } = fieldNames || {};
+    const title = node[titleKey];
+    const children = node[childrenKey];
+    const hasChildren = children && children.length > 0;
+    const handleClick = () => {
+      if (!node.disabled) {
+        onClick == null ? void 0 : onClick(node);
+      }
+    };
+    return /* @__PURE__ */ React__default["default"].createElement("div", {
+      className: clsx(bem("item-wrapper"))
+    }, /* @__PURE__ */ React__default["default"].createElement("div", {
+      className: clsx(
+        bem("item", {
+          active: selected,
+          disabled: node.disabled,
+          level: `level-${level}`
+        }),
+        node.className
+      ),
+      style: node.style,
+      onClick: handleClick
+    }, /* @__PURE__ */ React__default["default"].createElement("div", {
+      className: clsx(bem("item-content"))
+    }, node.icon && /* @__PURE__ */ React__default["default"].createElement("span", {
+      className: clsx(bem("item-icon"))
+    }, node.icon), /* @__PURE__ */ React__default["default"].createElement("span", {
+      className: clsx(bem("item-title"))
+    }, title)), selected && !multiple && /* @__PURE__ */ React__default["default"].createElement(Success, {
+      className: clsx(bem("item-selected-icon"))
+    }), multiple && /* @__PURE__ */ React__default["default"].createElement("input", {
+      type: "checkbox",
+      checked: selected,
+      disabled: node.disabled,
+      className: clsx(bem("item-checkbox")),
+      readOnly: true
+    })), hasChildren && /* @__PURE__ */ React__default["default"].createElement("div", {
+      className: clsx(bem("item-children"))
+    }, children.map((child, index2) => /* @__PURE__ */ React__default["default"].createElement(TreeSelectItem, {
+      key: child[valueKey] || index2,
+      node: child,
+      selected: false,
+      multiple,
+      level: level + 1,
+      onClick,
+      fieldNames
+    }))));
+  };
+  const TreeSelect = (p2) => {
+    const props = mergeProps(p2, {
+      treeData: [],
+      height: 272,
+      navWidth: 80,
+      defaultActiveIndex: 0,
+      fieldNames: {
+        title: "title",
+        value: "value",
+        key: "key",
+        children: "children"
+      }
+    });
+    const {
+      title: titleKey,
+      value: valueKey,
+      key: keyKey,
+      children: childrenKey
+    } = extend(
+      {
+        title: "title",
+        value: "value",
+        key: "key",
+        children: "children"
+      },
+      props.fieldNames
+    );
+    const [selectedValue, setSelectedValue] = useMergedState({
+      value: props.value,
+      defaultValue: props.defaultValue
+    });
+    const [activeIndex, setActiveIndex] = useMergedState({
+      value: props.activeIndex,
+      defaultValue: props.defaultActiveIndex
+    });
+    const navItems = React.useMemo(() => {
+      return props.treeData || [];
+    }, [props.treeData]);
+    const contentItems = React.useMemo(() => {
+      const currentNav = navItems[activeIndex];
+      return (currentNav == null ? void 0 : currentNav[childrenKey]) || [];
+    }, [navItems, activeIndex, childrenKey]);
+    const isValueSelected = useMemoizedFn((value) => {
+      if (props.multiple) {
+        return Array.isArray(selectedValue) && selectedValue.includes(value);
+      }
+      return selectedValue === value;
+    });
+    const findNode = useMemoizedFn(
+      (nodes, value) => {
+        for (const node of nodes) {
+          if (node[valueKey] === value) {
+            return node;
+          }
+          if (node[childrenKey]) {
+            const found = findNode(node[childrenKey], value);
+            if (found)
+              return found;
+          }
+        }
+        return null;
+      }
+    );
+    const getSelectedNodes = useMemoizedFn(
+      (value) => {
+        const values = Array.isArray(value) ? value : [value];
+        const nodes = [];
+        values.forEach((val) => {
+          const node = findNode(props.treeData || [], val);
+          if (node)
+            nodes.push(node);
+        });
+        return nodes;
+      }
+    );
+    const handleNavClick = useMemoizedFn((index2) => {
+      var _a;
+      setActiveIndex(index2);
+      (_a = props.onNavClick) == null ? void 0 : _a.call(props, index2);
+    });
+    const handleItemClick = useMemoizedFn((node) => {
+      var _a;
+      const value = node[valueKey];
+      let newValue;
+      if (props.multiple) {
+        const currentValues = Array.isArray(selectedValue) ? selectedValue : [];
+        if (currentValues.includes(value)) {
+          newValue = currentValues.filter((v2) => v2 !== value);
+        } else {
+          newValue = [...currentValues, value];
+        }
+      } else {
+        newValue = value;
+      }
+      setSelectedValue(newValue);
+      const selectedNodes = getSelectedNodes(newValue);
+      (_a = props.onChange) == null ? void 0 : _a.call(props, newValue, selectedNodes);
+    });
+    const renderNav = () => /* @__PURE__ */ React__default["default"].createElement("div", {
+      className: clsx(bem("nav"), props.navClassName),
+      style: {
+        width: props.navWidth,
+        height: props.height,
+        ...props.navStyle
+      }
+    }, navItems.map((item, index2) => {
+      const isActive = index2 === activeIndex;
+      const title = item[titleKey];
+      return /* @__PURE__ */ React__default["default"].createElement("div", {
+        key: item[keyKey] || item[valueKey] || index2,
+        className: clsx(
+          bem("nav-item", {
+            active: isActive,
+            disabled: item.disabled
+          }),
+          item.className
+        ),
+        style: item.style,
+        onClick: () => !item.disabled && handleNavClick(index2)
+      }, item.icon && /* @__PURE__ */ React__default["default"].createElement("span", {
+        className: clsx(bem("nav-icon"))
+      }, item.icon), /* @__PURE__ */ React__default["default"].createElement("span", {
+        className: clsx(bem("nav-text"))
+      }, title), item.badge && /* @__PURE__ */ React__default["default"].createElement("span", {
+        className: clsx(bem("nav-badge"))
+      }, item.badge));
+    }));
+    const renderContent = () => {
+      const currentNav = navItems[activeIndex];
+      if (props.contentRender && currentNav) {
+        return /* @__PURE__ */ React__default["default"].createElement("div", {
+          className: clsx(bem("content"), props.contentClassName),
+          style: {
+            height: props.height,
+            ...props.contentStyle
+          }
+        }, props.contentRender(currentNav));
+      }
+      return /* @__PURE__ */ React__default["default"].createElement("div", {
+        className: clsx(bem("content"), props.contentClassName),
+        style: {
+          height: props.height,
+          ...props.contentStyle
+        }
+      }, contentItems.length > 0 ? /* @__PURE__ */ React__default["default"].createElement("div", {
+        className: clsx(bem("items"))
+      }, contentItems.map((item, index2) => {
+        const value = item[valueKey];
+        const selected = isValueSelected(value);
+        return /* @__PURE__ */ React__default["default"].createElement(TreeSelectItem, {
+          key: item[keyKey] || value || index2,
+          node: item,
+          selected,
+          multiple: props.multiple,
+          onClick: handleItemClick,
+          fieldNames: props.fieldNames
+        });
+      })) : /* @__PURE__ */ React__default["default"].createElement("div", {
+        className: clsx(bem("content-empty"))
+      }, props.placeholder || "\u6682\u65E0\u6570\u636E"));
+    };
+    return /* @__PURE__ */ React__default["default"].createElement("div", {
+      className: clsx(props.className, bem()),
+      style: props.style
+    }, renderNav(), renderContent());
+  };
   exports2.ActionBar = ActionBar;
   exports2.ActionSheet = ActionSheet;
   exports2.Area = Area;
+  exports2.Avatar = Avatar;
   exports2.Badge = Badge;
   exports2.Button = Button;
   exports2.Calendar = Calendar;
@@ -25203,9 +25495,10 @@
   exports2.Tabs = Tabs;
   exports2.Tag = Tag;
   exports2.Toast = Toast;
+  exports2.TreeSelect = TreeSelect;
   exports2.Typography = TypographyNamespace;
   exports2.Uploader = Uploader;
   exports2.WaterMark = WaterMark;
-  exports2.hooks = index$16;
+  exports2.hooks = index$18;
   Object.defineProperties(exports2, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 });