vant 4.0.0-rc.7 → 4.0.0-rc.8

package/lib/vant.js

@@ -604,7 +604,7 @@
     });
     return to;
   }
-  var stdin_default$1J = {
+  var stdin_default$1K = {
     name: "\u59D3\u540D",
     tel: "\u7535\u8BDD",
     save: "\u4FDD\u5B58",
@@ -667,7 +667,7 @@
   };
   const lang = vue.ref("zh-CN");
   const messages = vue.reactive({
-    "zh-CN": stdin_default$1J
+    "zh-CN": stdin_default$1K
   });
   const Locale = {
     messages() {
@@ -681,11 +681,11 @@
       deepAssign(messages, newMessages);
     }
   };
-  var stdin_default$1I = Locale;
+  var stdin_default$1J = Locale;
   function createTranslate(name2) {
     const prefix = camelize(name2) + ".";
     return (path, ...args) => {
-      const messages2 = stdin_default$1I.messages();
+      const messages2 = stdin_default$1J.messages();
       const message = get(messages2, prefix + path) || get(messages2, path);
       return isFunction(message) ? message(...args) : message;
     };
@@ -806,20 +806,20 @@
       }
     }, [renderContent()]);
   }
-  const [name$1A, bem$1v] = createNamespace("action-bar");
-  const ACTION_BAR_KEY = Symbol(name$1A);
+  const [name$1B, bem$1w] = createNamespace("action-bar");
+  const ACTION_BAR_KEY = Symbol(name$1B);
   const actionBarProps = {
     placeholder: Boolean,
     safeAreaInsetBottom: truthProp
   };
-  var stdin_default$1H = vue.defineComponent({
-    name: name$1A,
+  var stdin_default$1I = vue.defineComponent({
+    name: name$1B,
     props: actionBarProps,
     setup(props, {
       slots
     }) {
       const root = vue.ref();
-      const renderPlaceholder = usePlaceholder(root, bem$1v);
+      const renderPlaceholder = usePlaceholder(root, bem$1w);
       const {
         linkChildren
       } = useChildren(ACTION_BAR_KEY);
@@ -828,7 +828,7 @@
         var _a;
         return vue.createVNode("div", {
           "ref": root,
-          "class": [bem$1v(), {
+          "class": [bem$1w(), {
             "van-safe-area-bottom": props.safeAreaInsetBottom
           }]
         }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
@@ -841,7 +841,7 @@
       };
     }
   });
-  const ActionBar = withInstall(stdin_default$1H);
+  const ActionBar = withInstall(stdin_default$1I);
   function useExpose(apis) {
     const instance2 = vue.getCurrentInstance();
     if (instance2) {
@@ -869,7 +869,7 @@
     const vm = vue.getCurrentInstance().proxy;
     return () => route(vm);
   }
-  const [name$1z, bem$1u] = createNamespace("badge");
+  const [name$1A, bem$1v] = createNamespace("badge");
   const badgeProps = {
     dot: Boolean,
     max: numericProp,
@@ -880,8 +880,8 @@
     showZero: truthProp,
     position: makeStringProp("top-right")
   };
-  var stdin_default$1G = vue.defineComponent({
-    name: name$1z,
+  var stdin_default$1H = vue.defineComponent({
+    name: name$1A,
     props: badgeProps,
     setup(props, {
       slots
@@ -935,7 +935,7 @@
       const renderBadge = () => {
         if (hasContent() || props.dot) {
           return vue.createVNode("div", {
-            "class": bem$1u([props.position, {
+            "class": bem$1v([props.position, {
               dot: props.dot,
               fixed: !!slots.default
             }]),
@@ -949,7 +949,7 @@
             tag
           } = props;
           return vue.createVNode(tag, {
-            "class": bem$1u("wrapper")
+            "class": bem$1v("wrapper")
           }, {
             default: () => [slots.default(), renderBadge()]
           });
@@ -958,14 +958,14 @@
       };
     }
   });
-  const Badge = withInstall(stdin_default$1G);
+  const Badge = withInstall(stdin_default$1H);
   let globalZIndex = 2e3;
   const useGlobalZIndex = () => ++globalZIndex;
   const setGlobalZIndex = (val) => {
     globalZIndex = val;
   };
-  const [name$1y, bem$1t] = createNamespace("config-provider");
-  const CONFIG_PROVIDER_KEY = Symbol(name$1y);
+  const [name$1z, bem$1u] = createNamespace("config-provider");
+  const CONFIG_PROVIDER_KEY = Symbol(name$1z);
   const configProviderProps = {
     tag: makeStringProp("div"),
     theme: makeStringProp("light"),
@@ -982,8 +982,8 @@
     });
     return cssVars;
   }
-  var stdin_default$1F = vue.defineComponent({
-    name: name$1y,
+  var stdin_default$1G = vue.defineComponent({
+    name: name$1z,
     props: configProviderProps,
     setup(props, {
       slots
@@ -1015,7 +1015,7 @@
         }
       });
       return () => vue.createVNode(props.tag, {
-        "class": bem$1t(),
+        "class": bem$1u(),
         "style": style.value
       }, {
         default: () => {
@@ -1025,7 +1025,7 @@
       });
     }
   });
-  const [name$1x, bem$1s] = createNamespace("icon");
+  const [name$1y, bem$1t] = createNamespace("icon");
   const isImage = (name2) => name2 == null ? void 0 : name2.includes("/");
   const iconProps = {
     dot: Boolean,
@@ -1037,14 +1037,14 @@
     badgeProps: Object,
     classPrefix: String
   };
-  var stdin_default$1E = vue.defineComponent({
-    name: name$1x,
+  var stdin_default$1F = vue.defineComponent({
+    name: name$1y,
     props: iconProps,
     setup(props, {
       slots
     }) {
       const config = vue.inject(CONFIG_PROVIDER_KEY, null);
-      const classPrefix = vue.computed(() => props.classPrefix || (config == null ? void 0 : config.iconPrefix) || bem$1s());
+      const classPrefix = vue.computed(() => props.classPrefix || (config == null ? void 0 : config.iconPrefix) || bem$1t());
       return () => {
         const {
           tag,
@@ -1068,7 +1068,7 @@
           default: () => {
             var _a;
             return [(_a = slots.default) == null ? void 0 : _a.call(slots), isImageIcon && vue.createVNode("img", {
-              "class": bem$1s("image"),
+              "class": bem$1t("image"),
               "src": name2
             }, null)];
           }
@@ -1076,13 +1076,13 @@
       };
     }
   });
-  const Icon = withInstall(stdin_default$1E);
-  const [name$1w, bem$1r] = createNamespace("loading");
+  const Icon = withInstall(stdin_default$1F);
+  const [name$1x, bem$1s] = createNamespace("loading");
   const SpinIcon = Array(12).fill(null).map((_, index) => vue.createVNode("i", {
-    "class": bem$1r("line", String(index + 1))
+    "class": bem$1s("line", String(index + 1))
   }, null));
   const CircularIcon = vue.createVNode("svg", {
-    "class": bem$1r("circular"),
+    "class": bem$1s("circular"),
     "viewBox": "25 25 50 50"
   }, [vue.createVNode("circle", {
     "cx": "50",
@@ -1098,8 +1098,8 @@
     textSize: numericProp,
     textColor: String
   };
-  var stdin_default$1D = vue.defineComponent({
-    name: name$1w,
+  var stdin_default$1E = vue.defineComponent({
+    name: name$1x,
     props: loadingProps,
     setup(props, {
       slots
@@ -1110,7 +1110,7 @@
       const renderIcon = () => {
         const DefaultIcon = props.type === "spinner" ? SpinIcon : CircularIcon;
         return vue.createVNode("span", {
-          "class": bem$1r("spinner", props.type),
+          "class": bem$1s("spinner", props.type),
           "style": spinnerStyle.value
         }, [slots.icon ? slots.icon() : DefaultIcon]);
       };
@@ -1118,7 +1118,7 @@
         var _a;
         if (slots.default) {
           return vue.createVNode("span", {
-            "class": bem$1r("text"),
+            "class": bem$1s("text"),
             "style": {
               fontSize: addUnit(props.textSize),
               color: (_a = props.textColor) != null ? _a : props.color
@@ -1132,7 +1132,7 @@
           vertical
         } = props;
         return vue.createVNode("div", {
-          "class": bem$1r([type, {
+          "class": bem$1s([type, {
             vertical
           }]),
           "aria-live": "polite",
@@ -1141,8 +1141,8 @@
       };
     }
   });
-  const Loading = withInstall(stdin_default$1D);
-  const [name$1v, bem$1q] = createNamespace("button");
+  const Loading = withInstall(stdin_default$1E);
+  const [name$1w, bem$1r] = createNamespace("button");
   const buttonProps = extend({}, routeProps, {
     tag: makeStringProp("button"),
     text: String,
@@ -1164,8 +1164,8 @@
     loadingType: String,
     iconPosition: makeStringProp("left")
   });
-  var stdin_default$1C = vue.defineComponent({
-    name: name$1v,
+  var stdin_default$1D = vue.defineComponent({
+    name: name$1w,
     props: buttonProps,
     emits: ["click"],
     setup(props, {
@@ -1180,7 +1180,7 @@
         return vue.createVNode(Loading, {
           "size": props.loadingSize,
           "type": props.loadingType,
-          "class": bem$1q("loading")
+          "class": bem$1r("loading")
         }, null);
       };
       const renderIcon = () => {
@@ -1189,13 +1189,13 @@
         }
         if (slots.icon) {
           return vue.createVNode("div", {
-            "class": bem$1q("icon")
+            "class": bem$1r("icon")
           }, [slots.icon()]);
         }
         if (props.icon) {
           return vue.createVNode(Icon, {
             "name": props.icon,
-            "class": bem$1q("icon"),
+            "class": bem$1r("icon"),
             "classPrefix": props.iconPrefix
           }, null);
         }
@@ -1209,7 +1209,7 @@
         }
         if (text) {
           return vue.createVNode("span", {
-            "class": bem$1q("text")
+            "class": bem$1r("text")
           }, [text]);
         }
       };
@@ -1256,7 +1256,7 @@
           nativeType,
           iconPosition
         } = props;
-        const classes = [bem$1q([type, size, {
+        const classes = [bem$1r([type, size, {
           plain,
           block,
           round: round2,
@@ -1275,14 +1275,14 @@
           "onClick": onClick
         }, {
           default: () => [vue.createVNode("div", {
-            "class": bem$1q("content")
+            "class": bem$1r("content")
           }, [iconPosition === "left" && renderIcon(), renderText(), iconPosition === "right" && renderIcon()])]
         });
       };
     }
   });
-  const Button = withInstall(stdin_default$1C);
-  const [name$1u, bem$1p] = createNamespace("action-bar-button");
+  const Button = withInstall(stdin_default$1D);
+  const [name$1v, bem$1q] = createNamespace("action-bar-button");
   const actionBarButtonProps = extend({}, routeProps, {
     type: String,
     text: String,
@@ -1291,8 +1291,8 @@
     loading: Boolean,
     disabled: Boolean
   });
-  var stdin_default$1B = vue.defineComponent({
-    name: name$1u,
+  var stdin_default$1C = vue.defineComponent({
+    name: name$1v,
     props: actionBarButtonProps,
     setup(props, {
       slots
@@ -1327,7 +1327,7 @@
           disabled
         } = props;
         return vue.createVNode(Button, {
-          "class": bem$1p([type, {
+          "class": bem$1q([type, {
             last: isLast.value,
             first: isFirst.value
           }]),
@@ -1344,8 +1344,8 @@
       };
     }
   });
-  const ActionBarButton = withInstall(stdin_default$1B);
-  const [name$1t, bem$1o] = createNamespace("action-bar-icon");
+  const ActionBarButton = withInstall(stdin_default$1C);
+  const [name$1u, bem$1p] = createNamespace("action-bar-icon");
   const actionBarIconProps = extend({}, routeProps, {
     dot: Boolean,
     text: String,
@@ -1356,8 +1356,8 @@
     badgeProps: Object,
     iconPrefix: String
   });
-  var stdin_default$1A = vue.defineComponent({
-    name: name$1t,
+  var stdin_default$1B = vue.defineComponent({
+    name: name$1u,
     props: actionBarIconProps,
     setup(props, {
       slots
@@ -1377,7 +1377,7 @@
         if (slots.icon) {
           return vue.createVNode(Badge, vue.mergeProps({
             "dot": dot,
-            "class": bem$1o("icon"),
+            "class": bem$1p("icon"),
             "content": badge
           }, badgeProps2), {
             default: slots.icon
@@ -1389,20 +1389,20 @@
           "name": icon,
           "badge": badge,
           "color": color,
-          "class": [bem$1o("icon"), iconClass],
+          "class": [bem$1p("icon"), iconClass],
           "badgeProps": badgeProps2,
           "classPrefix": iconPrefix
         }, null);
       };
       return () => vue.createVNode("div", {
         "role": "button",
-        "class": bem$1o(),
+        "class": bem$1p(),
         "tabindex": 0,
         "onClick": route2
       }, [renderIcon(), slots.default ? slots.default() : props.text]);
     }
   });
-  const ActionBarIcon = withInstall(stdin_default$1A);
+  const ActionBarIcon = withInstall(stdin_default$1B);
   const popupSharedProps = {
     show: Boolean,
     zIndex: numericProp,
@@ -1541,7 +1541,7 @@
     );
     return (render) => () => inited.value ? render() : null;
   }
-  const [name$1s, bem$1n] = createNamespace("overlay");
+  const [name$1t, bem$1o] = createNamespace("overlay");
   const overlayProps = {
     show: Boolean,
     zIndex: numericProp,
@@ -1551,8 +1551,8 @@
     lazyRender: truthProp,
     customStyle: Object
   };
-  var stdin_default$1z = vue.defineComponent({
-    name: name$1s,
+  var stdin_default$1A = vue.defineComponent({
+    name: name$1t,
     props: overlayProps,
     setup(props, {
       slots
@@ -1573,7 +1573,7 @@
         return vue.withDirectives(vue.createVNode("div", {
           "ref": root,
           "style": style,
-          "class": [bem$1n(), props.className]
+          "class": [bem$1o(), props.className]
         }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]), [[vue.vShow, props.show]]);
       });
       useEventListener("touchmove", onTouchMove, {
@@ -1587,7 +1587,7 @@
       });
     }
   });
-  const Overlay = withInstall(stdin_default$1z);
+  const Overlay = withInstall(stdin_default$1A);
   const popupProps$2 = extend({}, popupSharedProps, {
     round: Boolean,
     position: makeStringProp("center"),
@@ -1600,9 +1600,9 @@
     safeAreaInsetTop: Boolean,
     safeAreaInsetBottom: Boolean
   });
-  const [name$1r, bem$1m] = createNamespace("popup");
-  var stdin_default$1y = vue.defineComponent({
-    name: name$1r,
+  const [name$1s, bem$1n] = createNamespace("popup");
+  var stdin_default$1z = vue.defineComponent({
+    name: name$1s,
     inheritAttrs: false,
     props: popupProps$2,
     emits: ["open", "close", "opened", "closed", "keydown", "update:show", "clickOverlay", "clickCloseIcon"],
@@ -1676,7 +1676,7 @@
             "role": "button",
             "tabindex": 0,
             "name": props.closeIcon,
-            "class": [bem$1m("close-icon", props.closeIconPosition), HAPTICS_FEEDBACK],
+            "class": [bem$1n("close-icon", props.closeIconPosition), HAPTICS_FEEDBACK],
             "classPrefix": props.iconPrefix,
             "onClick": onClickCloseIcon
           }, null);
@@ -1698,7 +1698,7 @@
           "style": style.value,
           "role": "dialog",
           "tabindex": 0,
-          "class": [bem$1m({
+          "class": [bem$1n({
             round: round2,
             [position]: position
           }), {
@@ -1779,8 +1779,8 @@
       };
     }
   });
-  const Popup = withInstall(stdin_default$1y);
-  const [name$1q, bem$1l] = createNamespace("action-sheet");
+  const Popup = withInstall(stdin_default$1z);
+  const [name$1r, bem$1m] = createNamespace("action-sheet");
   const actionSheetProps = extend({}, popupSharedProps, {
     title: String,
     round: truthProp,
@@ -1794,8 +1794,8 @@
     safeAreaInsetBottom: truthProp
   });
   const popupInheritKeys$2 = [...popupSharedPropKeys, "round", "closeOnPopstate", "safeAreaInsetBottom"];
-  var stdin_default$1x = vue.defineComponent({
-    name: name$1q,
+  var stdin_default$1y = vue.defineComponent({
+    name: name$1r,
     props: actionSheetProps,
     emits: ["select", "cancel", "update:show"],
     setup(props, {
@@ -1810,10 +1810,10 @@
       const renderHeader = () => {
         if (props.title) {
           return vue.createVNode("div", {
-            "class": bem$1l("header")
+            "class": bem$1m("header")
           }, [props.title, props.closeable && vue.createVNode(Icon, {
             "name": props.closeIcon,
-            "class": [bem$1l("close"), HAPTICS_FEEDBACK],
+            "class": [bem$1m("close"), HAPTICS_FEEDBACK],
             "onClick": onCancel
           }, null)]);
         }
@@ -1821,10 +1821,10 @@
       const renderCancel = () => {
         if (slots.cancel || props.cancelText) {
           return [vue.createVNode("div", {
-            "class": bem$1l("gap")
+            "class": bem$1m("gap")
           }, null), vue.createVNode("button", {
             "type": "button",
-            "class": bem$1l("cancel"),
+            "class": bem$1m("cancel"),
             "onClick": onCancel
           }, [slots.cancel ? slots.cancel() : props.cancelText])];
         }
@@ -1832,7 +1832,7 @@
       const renderActionContent = (action, index) => {
         if (action.loading) {
           return vue.createVNode(Loading, {
-            "class": bem$1l("loading-icon")
+            "class": bem$1m("loading-icon")
           }, null);
         }
         if (slots.action) {
@@ -1842,9 +1842,9 @@
           });
         }
         return [vue.createVNode("span", {
-          "class": bem$1l("name")
+          "class": bem$1m("name")
         }, [action.name]), action.subname && vue.createVNode("div", {
-          "class": bem$1l("subname")
+          "class": bem$1m("subname")
         }, [action.subname])];
       };
       const renderAction = (action, index) => {
@@ -1872,7 +1872,7 @@
           "style": {
             color
           },
-          "class": [bem$1l("item", {
+          "class": [bem$1m("item", {
             loading,
             disabled
           }), className],
@@ -1883,26 +1883,26 @@
         if (props.description || slots.description) {
           const content = slots.description ? slots.description() : props.description;
           return vue.createVNode("div", {
-            "class": bem$1l("description")
+            "class": bem$1m("description")
           }, [content]);
         }
       };
       return () => vue.createVNode(Popup, vue.mergeProps({
-        "class": bem$1l(),
+        "class": bem$1m(),
         "position": "bottom",
         "onUpdate:show": updateShow
       }, pick(props, popupInheritKeys$2)), {
         default: () => {
           var _a;
           return [renderHeader(), renderDescription(), vue.createVNode("div", {
-            "class": bem$1l("content")
+            "class": bem$1m("content")
           }, [props.actions.map(renderAction), (_a = slots.default) == null ? void 0 : _a.call(slots)]), renderCancel()];
         }
       });
     }
   });
-  const ActionSheet = withInstall(stdin_default$1x);
-  const [name$1p, bem$1k, t$j] = createNamespace("picker");
+  const ActionSheet = withInstall(stdin_default$1y);
+  const [name$1q, bem$1l, t$j] = createNamespace("picker");
   const getFirstEnabledOption = (options) => options.find((option) => !option.disabled) || options[0];
   function getColumnsType(columns, fields) {
     const firstColumn = columns[0];
@@ -1971,10 +1971,10 @@
   const DEFAULT_DURATION = 200;
   const MOMENTUM_TIME = 300;
   const MOMENTUM_DISTANCE = 15;
-  const [name$1o, bem$1j] = createNamespace("picker-column");
-  const PICKER_KEY = Symbol(name$1o);
-  var stdin_default$1w = vue.defineComponent({
-    name: name$1o,
+  const [name$1p, bem$1k] = createNamespace("picker-column");
+  const PICKER_KEY = Symbol(name$1p);
+  var stdin_default$1x = vue.defineComponent({
+    name: name$1p,
     props: {
       value: numericProp,
       fields: makeRequiredProp(Object),
@@ -2107,7 +2107,7 @@
             role: "button",
             style: optionStyle,
             tabindex: disabled ? -1 : 0,
-            class: [bem$1j("item", {
+            class: [bem$1k("item", {
               disabled,
               selected: value === props.value
             }), option.className],
@@ -2135,7 +2135,7 @@
       });
       return () => vue.createVNode("div", {
         "ref": root,
-        "class": bem$1j(),
+        "class": bem$1k(),
         "onTouchstartPassive": onTouchStart,
         "onTouchend": onTouchEnd,
         "onTouchcancel": onTouchEnd
@@ -2146,12 +2146,12 @@
           transitionDuration: `${currentDuration.value}ms`,
           transitionProperty: currentDuration.value ? "all" : "none"
         },
-        "class": bem$1j("wrapper"),
+        "class": bem$1k("wrapper"),
         "onTransitionend": stopMomentum
       }, [renderOptions()])]);
     }
   });
-  const [name$1n] = createNamespace("picker-toolbar");
+  const [name$1o] = createNamespace("picker-toolbar");
   const pickerToolbarProps = {
     title: String,
     cancelButtonText: String,
@@ -2159,8 +2159,8 @@
   };
   const pickerToolbarSlots = ["cancel", "confirm", "title", "toolbar"];
   const pickerToolbarPropKeys = Object.keys(pickerToolbarProps);
-  var stdin_default$1v = vue.defineComponent({
-    name: name$1n,
+  var stdin_default$1w = vue.defineComponent({
+    name: name$1o,
     props: pickerToolbarProps,
     emits: ["confirm", "cancel"],
     setup(props, {
@@ -2173,7 +2173,7 @@
         }
         if (props.title) {
           return vue.createVNode("div", {
-            "class": [bem$1k("title"), "van-ellipsis"]
+            "class": [bem$1l("title"), "van-ellipsis"]
           }, [props.title]);
         }
       };
@@ -2183,7 +2183,7 @@
         const text = props.cancelButtonText || t$j("cancel");
         return vue.createVNode("button", {
           "type": "button",
-          "class": [bem$1k("cancel"), HAPTICS_FEEDBACK],
+          "class": [bem$1l("cancel"), HAPTICS_FEEDBACK],
           "onClick": onCancel
         }, [slots.cancel ? slots.cancel() : text]);
       };
@@ -2191,12 +2191,12 @@
         const text = props.confirmButtonText || t$j("confirm");
         return vue.createVNode("button", {
           "type": "button",
-          "class": [bem$1k("confirm"), HAPTICS_FEEDBACK],
+          "class": [bem$1l("confirm"), HAPTICS_FEEDBACK],
           "onClick": onConfirm
         }, [slots.confirm ? slots.confirm() : text]);
       };
       return () => vue.createVNode("div", {
-        "class": bem$1k("toolbar")
+        "class": bem$1l("toolbar")
       }, [slots.toolbar ? slots.toolbar() : [renderCancel(), renderTitle(), renderConfirm()]]);
     }
   });
@@ -2277,7 +2277,7 @@
     vue.onBeforeUnmount(unobserve);
     onMountedOrActivated(observe);
   }
-  const [name$1m, bem$1i] = createNamespace("sticky");
+  const [name$1n, bem$1j] = createNamespace("sticky");
   const stickyProps = {
     zIndex: numericProp,
     position: makeStringProp("top"),
@@ -2285,8 +2285,8 @@
     offsetTop: makeNumericProp(0),
     offsetBottom: makeNumericProp(0)
   };
-  var stdin_default$1u = vue.defineComponent({
-    name: name$1m,
+  var stdin_default$1v = vue.defineComponent({
+    name: name$1n,
     props: stickyProps,
     emits: ["scroll", "change"],
     setup(props, {
@@ -2381,7 +2381,7 @@
           "ref": root,
           "style": rootStyle.value
         }, [vue.createVNode("div", {
-          "class": bem$1i({
+          "class": bem$1j({
             fixed: state.fixed
           }),
           "style": stickyStyle.value
@@ -2389,10 +2389,10 @@
       };
     }
   });
-  const Sticky = withInstall(stdin_default$1u);
-  const [name$1l, bem$1h] = createNamespace("tab");
-  var stdin_default$1t = vue.defineComponent({
-    name: name$1l,
+  const Sticky = withInstall(stdin_default$1v);
+  const [name$1m, bem$1i] = createNamespace("tab");
+  var stdin_default$1u = vue.defineComponent({
+    name: name$1m,
     props: {
       id: String,
       dot: Boolean,
@@ -2441,7 +2441,7 @@
       });
       const renderText = () => {
         const Text2 = vue.createVNode("span", {
-          "class": bem$1h("text", {
+          "class": bem$1i("text", {
             ellipsis: !props.scrollable
           })
         }, [slots.title ? slots.title() : props.title]);
@@ -2459,7 +2459,7 @@
       return () => vue.createVNode("div", {
         "id": props.id,
         "role": "tab",
-        "class": [bem$1h([props.type, {
+        "class": [bem$1i([props.type, {
           grow: props.scrollable && !props.shrink,
           shrink: props.shrink,
           active: props.isActive,
@@ -2473,7 +2473,7 @@
       }, [renderText()]);
     }
   });
-  const [name$1k, bem$1g] = createNamespace("swipe");
+  const [name$1l, bem$1h] = createNamespace("swipe");
   const swipeProps = {
     loop: truthProp,
     width: numericProp,
@@ -2488,9 +2488,9 @@
     showIndicators: truthProp,
     stopPropagation: truthProp
   };
-  const SWIPE_KEY = Symbol(name$1k);
-  var stdin_default$1s = vue.defineComponent({
-    name: name$1k,
+  const SWIPE_KEY = Symbol(name$1l);
+  var stdin_default$1t = vue.defineComponent({
+    name: name$1l,
     props: swipeProps,
     emits: ["change"],
     setup(props, {
@@ -2752,7 +2752,7 @@
         } : void 0;
         return vue.createVNode("i", {
           "style": style,
-          "class": bem$1g("indicator", {
+          "class": bem$1h("indicator", {
             active
           })
         }, null);
@@ -2766,7 +2766,7 @@
         }
         if (props.showIndicators && count.value > 1) {
           return vue.createVNode("div", {
-            "class": bem$1g("indicators", {
+            "class": bem$1h("indicators", {
               vertical: props.vertical
             })
           }, [Array(count.value).fill("").map(renderDot)]);
@@ -2808,11 +2808,11 @@
         var _a;
         return vue.createVNode("div", {
           "ref": root,
-          "class": bem$1g()
+          "class": bem$1h()
         }, [vue.createVNode("div", {
           "ref": track,
           "style": trackStyle.value,
-          "class": bem$1g("track", {
+          "class": bem$1h("track", {
             vertical: props.vertical
           }),
           "onTouchstartPassive": onTouchStart,
@@ -2822,10 +2822,10 @@
       };
     }
   });
-  const Swipe = withInstall(stdin_default$1s);
-  const [name$1j, bem$1f] = createNamespace("tabs");
-  var stdin_default$1r = vue.defineComponent({
-    name: name$1j,
+  const Swipe = withInstall(stdin_default$1t);
+  const [name$1k, bem$1g] = createNamespace("tabs");
+  var stdin_default$1s = vue.defineComponent({
+    name: name$1k,
     props: {
       count: makeRequiredProp(Number),
       inited: Boolean,
@@ -2849,7 +2849,7 @@
           return vue.createVNode(Swipe, {
             "ref": swipeRef,
             "loop": false,
-            "class": bem$1f("track"),
+            "class": bem$1g("track"),
             "duration": +props.duration * 1e3,
             "touchable": props.swipeable,
             "lazyRender": props.lazyRender,
@@ -2877,13 +2877,13 @@
         swipeRef
       });
       return () => vue.createVNode("div", {
-        "class": bem$1f("content", {
+        "class": bem$1g("content", {
           animated: props.animated || props.swipeable
         })
       }, [renderChildren()]);
     }
   });
-  const [name$1i, bem$1e] = createNamespace("tabs");
+  const [name$1j, bem$1f] = createNamespace("tabs");
   const tabsProps = {
     type: makeStringProp("line"),
     color: String,
@@ -2906,9 +2906,9 @@
     titleActiveColor: String,
     titleInactiveColor: String
   };
-  const TABS_KEY = Symbol(name$1i);
-  var stdin_default$1q = vue.defineComponent({
-    name: name$1i,
+  const TABS_KEY = Symbol(name$1j);
+  var stdin_default$1r = vue.defineComponent({
+    name: name$1j,
     props: tabsProps,
     emits: ["change", "scroll", "rendered", "clickTab", "update:active"],
     setup(props, {
@@ -3097,7 +3097,7 @@
           setCurrentIndex(index);
         }
       };
-      const renderNav = () => children.map((item, index) => vue.createVNode(stdin_default$1t, vue.mergeProps({
+      const renderNav = () => children.map((item, index) => vue.createVNode(stdin_default$1u, vue.mergeProps({
         "key": item.id,
         "id": `${id}-${index}`,
         "ref": setTitleRefs(index),
@@ -3118,7 +3118,7 @@
       const renderLine = () => {
         if (props.type === "line" && children.length) {
           return vue.createVNode("div", {
-            "class": bem$1e("line"),
+            "class": bem$1f("line"),
             "style": state.lineStyle
           }, null);
         }
@@ -3132,13 +3132,13 @@
         } = props;
         const Header = [vue.createVNode("div", {
           "ref": sticky ? void 0 : wrapRef,
-          "class": [bem$1e("wrap"), {
+          "class": [bem$1f("wrap"), {
             [BORDER_TOP_BOTTOM]: type === "line" && border
           }]
         }, [vue.createVNode("div", {
           "ref": navRef,
           "role": "tablist",
-          "class": bem$1e("nav", [type, {
+          "class": bem$1f("nav", [type, {
             shrink: props.shrink,
             complete: scrollable.value
           }]),
@@ -3206,14 +3206,14 @@
       });
       return () => vue.createVNode("div", {
         "ref": root,
-        "class": bem$1e([props.type])
+        "class": bem$1f([props.type])
       }, [props.sticky ? vue.createVNode(Sticky, {
         "container": root.value,
         "offsetTop": offsetTopPx.value,
         "onScroll": onStickyScroll
       }, {
         default: () => [renderHeader()]
-      }) : renderHeader(), vue.createVNode(stdin_default$1r, {
+      }) : renderHeader(), vue.createVNode(stdin_default$1s, {
         "ref": contentRef,
         "count": children.length,
         "inited": state.inited,
@@ -3233,9 +3233,9 @@
   });
   const TAB_STATUS_KEY = Symbol();
   const useTabStatus = () => vue.inject(TAB_STATUS_KEY, null);
-  const [name$1h, bem$1d] = createNamespace("swipe-item");
-  var stdin_default$1p = vue.defineComponent({
-    name: name$1h,
+  const [name$1i, bem$1e] = createNamespace("swipe-item");
+  var stdin_default$1q = vue.defineComponent({
+    name: name$1i,
     setup(props, {
       slots
     }) {
@@ -3297,14 +3297,14 @@
       return () => {
         var _a;
         return vue.createVNode("div", {
-          "class": bem$1d(),
+          "class": bem$1e(),
           "style": style.value
         }, [shouldRender.value ? (_a = slots.default) == null ? void 0 : _a.call(slots) : null]);
       };
     }
   });
-  const SwipeItem = withInstall(stdin_default$1p);
-  const [name$1g, bem$1c] = createNamespace("tab");
+  const SwipeItem = withInstall(stdin_default$1q);
+  const [name$1h, bem$1d] = createNamespace("tab");
   const tabProps = extend({}, routeProps, {
     dot: Boolean,
     name: numericProp,
@@ -3315,8 +3315,8 @@
     titleStyle: [String, Object],
     showZeroBadge: truthProp
   });
-  var stdin_default$1o = vue.defineComponent({
-    name: name$1g,
+  var stdin_default$1p = vue.defineComponent({
+    name: name$1h,
     props: tabProps,
     setup(props, {
       slots
@@ -3381,7 +3381,7 @@
           return vue.createVNode(SwipeItem, {
             "id": id,
             "role": "tabpanel",
-            "class": bem$1c("panel-wrapper", {
+            "class": bem$1d("panel-wrapper", {
               inactive: hasInactiveClass.value
             }),
             "tabindex": active.value ? 0 : -1,
@@ -3391,7 +3391,7 @@
             default: () => {
               var _a2;
               return [vue.createVNode("div", {
-                "class": bem$1c("panel")
+                "class": bem$1d("panel")
               }, [(_a2 = slots.default) == null ? void 0 : _a2.call(slots)])];
             }
           });
@@ -3404,22 +3404,22 @@
         return vue.withDirectives(vue.createVNode("div", {
           "id": id,
           "role": "tabpanel",
-          "class": bem$1c("panel"),
+          "class": bem$1d("panel"),
           "tabindex": show ? 0 : -1,
           "aria-labelledby": label
         }, [Content]), [[vue.vShow, show]]);
       };
     }
   });
-  const Tab = withInstall(stdin_default$1o);
-  const Tabs = withInstall(stdin_default$1q);
-  const [name$1f, bem$1b] = createNamespace("picker-group");
-  const PICKER_GROUP_KEY = Symbol(name$1f);
+  const Tab = withInstall(stdin_default$1p);
+  const Tabs = withInstall(stdin_default$1r);
+  const [name$1g, bem$1c] = createNamespace("picker-group");
+  const PICKER_GROUP_KEY = Symbol(name$1g);
   const pickerGroupProps = extend({
     tabs: makeArrayProp()
   }, pickerToolbarProps);
-  var stdin_default$1n = vue.defineComponent({
-    name: name$1f,
+  var stdin_default$1o = vue.defineComponent({
+    name: name$1g,
     props: pickerGroupProps,
     emits: ["confirm", "cancel"],
     setup(props, {
@@ -3439,18 +3439,18 @@
         var _a;
         const childNodes = (_a = slots.default) == null ? void 0 : _a.call(slots);
         return vue.createVNode("div", {
-          "class": bem$1b()
-        }, [vue.createVNode(stdin_default$1v, vue.mergeProps(props, {
+          "class": bem$1c()
+        }, [vue.createVNode(stdin_default$1w, vue.mergeProps(props, {
           "onConfirm": onConfirm,
           "onCancel": onCancel
         }), null), vue.createVNode(Tabs, {
           "shrink": true,
-          "class": bem$1b("tabs"),
+          "class": bem$1c("tabs"),
           "animated": true
         }, {
           default: () => [props.tabs.map((title, index) => vue.createVNode(Tab, {
             "title": title,
-            "titleClass": bem$1b("tab-title")
+            "titleClass": bem$1c("tab-title")
           }, {
             default: () => [childNodes == null ? void 0 : childNodes[index]]
           }))]
@@ -3473,8 +3473,8 @@
     toolbarPosition: makeStringProp("top"),
     columnsFieldNames: Object
   });
-  var stdin_default$1m = vue.defineComponent({
-    name: name$1p,
+  var stdin_default$1n = vue.defineComponent({
+    name: name$1q,
     props: pickerProps,
     emits: ["confirm", "cancel", "change", "clickOption", "update:modelValue"],
     setup(props, {
@@ -3547,7 +3547,7 @@
         return params;
       };
       const cancel = () => emit("cancel", getEventParams());
-      const renderColumnItems = () => currentColumns.value.map((options, columnIndex) => vue.createVNode(stdin_default$1w, {
+      const renderColumnItems = () => currentColumns.value.map((options, columnIndex) => vue.createVNode(stdin_default$1x, {
         "value": selectedValues.value[columnIndex],
         "fields": fields.value,
         "options": options,
@@ -3570,10 +3570,10 @@
             backgroundSize: `100% ${(wrapHeight - optionHeight.value) / 2}px`
           };
           return [vue.createVNode("div", {
-            "class": bem$1k("mask"),
+            "class": bem$1l("mask"),
             "style": maskStyle
           }, null), vue.createVNode("div", {
-            "class": [BORDER_UNSET_TOP_BOTTOM, bem$1k("frame")],
+            "class": [BORDER_UNSET_TOP_BOTTOM, bem$1l("frame")],
             "style": frameStyle
           }, null)];
         }
@@ -3585,13 +3585,13 @@
         };
         return vue.createVNode("div", {
           "ref": columnsRef,
-          "class": bem$1k("columns"),
+          "class": bem$1l("columns"),
           "style": columnsStyle
         }, [renderColumnItems(), renderMask(wrapHeight)]);
       };
       const renderToolbar = () => {
         if (props.showToolbar && !parent) {
-          return vue.createVNode(stdin_default$1v, vue.mergeProps(pick(props, pickerToolbarPropKeys), {
+          return vue.createVNode(stdin_default$1w, vue.mergeProps(pick(props, pickerToolbarPropKeys), {
             "onConfirm": confirm,
             "onCancel": cancel
           }), pick(slots, pickerToolbarSlots));
@@ -3633,9 +3633,9 @@
       return () => {
         var _a, _b;
         return vue.createVNode("div", {
-          "class": bem$1k()
+          "class": bem$1l()
         }, [props.toolbarPosition === "top" ? renderToolbar() : null, props.loading ? vue.createVNode(Loading, {
-          "class": bem$1k("loading")
+          "class": bem$1l("loading")
         }, null) : null, (_a = slots["columns-top"]) == null ? void 0 : _a.call(slots), renderColumns(), (_b = slots["columns-bottom"]) == null ? void 0 : _b.call(slots), props.toolbarPosition === "bottom" ? renderToolbar() : null]);
       };
     }
@@ -3726,8 +3726,8 @@
     }
     return options;
   }
-  const Picker = withInstall(stdin_default$1m);
-  const [name$1e, bem$1a] = createNamespace("area");
+  const Picker = withInstall(stdin_default$1n);
+  const [name$1f, bem$1b] = createNamespace("area");
   const areaProps = extend({}, pickerSharedProps, {
     modelValue: String,
     columnsNum: makeNumericProp(3),
@@ -3737,8 +3737,8 @@
       default: () => ({})
     }
   });
-  var stdin_default$1l = vue.defineComponent({
-    name: name$1e,
+  var stdin_default$1m = vue.defineComponent({
+    name: name$1f,
     props: areaProps,
     emits: ["change", "confirm", "cancel", "update:modelValue"],
     setup(props, {
@@ -3785,7 +3785,7 @@
         "ref": picker,
         "modelValue": codes.value,
         "onUpdate:modelValue": ($event) => codes.value = $event,
-        "class": bem$1a(),
+        "class": bem$1b(),
         "columns": columns.value,
         "onChange": onChange,
         "onCancel": onCancel,
@@ -3793,8 +3793,8 @@
       }, pick(props, INHERIT_PROPS)), pick(slots, INHERIT_SLOTS));
     }
   });
-  const Area = withInstall(stdin_default$1l);
-  const [name$1d, bem$19] = createNamespace("cell");
+  const Area = withInstall(stdin_default$1m);
+  const [name$1e, bem$1a] = createNamespace("cell");
   const cellSharedProps = {
     tag: makeStringProp("div"),
     icon: String,
@@ -3818,8 +3818,8 @@
     }
   };
   const cellProps = extend({}, cellSharedProps, routeProps);
-  var stdin_default$1k = vue.defineComponent({
-    name: name$1d,
+  var stdin_default$1l = vue.defineComponent({
+    name: name$1e,
     props: cellProps,
     setup(props, {
       slots
@@ -3829,14 +3829,14 @@
         const showLabel = slots.label || isDef(props.label);
         if (showLabel) {
           return vue.createVNode("div", {
-            "class": [bem$19("label"), props.labelClass]
+            "class": [bem$1a("label"), props.labelClass]
           }, [slots.label ? slots.label() : props.label]);
         }
       };
       const renderTitle = () => {
         if (slots.title || isDef(props.title)) {
           return vue.createVNode("div", {
-            "class": [bem$19("title"), props.titleClass],
+            "class": [bem$1a("title"), props.titleClass],
             "style": props.titleStyle
           }, [slots.title ? slots.title() : vue.createVNode("span", null, [props.title]), renderLabel()]);
         }
@@ -3846,7 +3846,7 @@
         const hasValue = slot || isDef(props.value);
         if (hasValue) {
           return vue.createVNode("div", {
-            "class": [bem$19("value"), props.valueClass]
+            "class": [bem$1a("value"), props.valueClass]
           }, [slot ? slot() : vue.createVNode("span", null, [props.value])]);
         }
       };
@@ -3857,7 +3857,7 @@
         if (props.icon) {
           return vue.createVNode(Icon, {
             "name": props.icon,
-            "class": bem$19("left-icon"),
+            "class": bem$1a("left-icon"),
             "classPrefix": props.iconPrefix
           }, null);
         }
@@ -3870,7 +3870,7 @@
           const name2 = props.arrowDirection ? `arrow-${props.arrowDirection}` : "arrow";
           return vue.createVNode(Icon, {
             "name": name2,
-            "class": bem$19("right-icon")
+            "class": bem$1a("right-icon")
           }, null);
         }
       };
@@ -3895,7 +3895,7 @@
           classes[size] = !!size;
         }
         return vue.createVNode(tag, {
-          "class": bem$19(classes),
+          "class": bem$1a(classes),
           "role": clickable ? "button" : void 0,
           "tabindex": clickable ? 0 : void 0,
           "onClick": route2
@@ -3908,8 +3908,8 @@
       };
     }
   });
-  const Cell = withInstall(stdin_default$1k);
-  const [name$1c, bem$18] = createNamespace("form");
+  const Cell = withInstall(stdin_default$1l);
+  const [name$1d, bem$19] = createNamespace("form");
   const formProps = {
     colon: Boolean,
     disabled: Boolean,
@@ -3928,8 +3928,8 @@
       default: "onBlur"
     }
   };
-  var stdin_default$1j = vue.defineComponent({
-    name: name$1c,
+  var stdin_default$1k = vue.defineComponent({
+    name: name$1d,
     props: formProps,
     emits: ["submit", "failed"],
     setup(props, {
@@ -4053,13 +4053,13 @@
       return () => {
         var _a;
         return vue.createVNode("form", {
-          "class": bem$18(),
+          "class": bem$19(),
           "onSubmit": onSubmit
         }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
       };
     }
   });
-  const Form = withInstall(stdin_default$1j);
+  const Form = withInstall(stdin_default$1k);
   function isEmptyValue(value) {
     if (Array.isArray(value)) {
       return !value.length;
@@ -4148,7 +4148,7 @@
   function cutString(str, maxlength) {
     return [...str].slice(0, maxlength).join("");
   }
-  const [name$1b, bem$17] = createNamespace("field");
+  const [name$1c, bem$18] = createNamespace("field");
   const fieldSharedProps = {
     id: String,
     name: String,
@@ -4195,8 +4195,8 @@
       default: null
     }
   });
-  var stdin_default$1i = vue.defineComponent({
-    name: name$1b,
+  var stdin_default$1j = vue.defineComponent({
+    name: name$1c,
     props: fieldProps,
     emits: ["blur", "focus", "clear", "keypress", "clickInput", "endValidate", "startValidate", "clickLeftIcon", "clickRightIcon", "update:modelValue"],
     setup(props, {
@@ -4425,7 +4425,7 @@
       const getInputId = () => props.id || `${id}-input`;
       const getValidationStatus = () => state.status;
       const renderInput = () => {
-        const controlClass = bem$17("control", [getProp("inputAlign"), {
+        const controlClass = bem$18("control", [getProp("inputAlign"), {
           error: showError.value,
           custom: !!slots.input,
           "min-height": props.type === "textarea" && !props.autosize
@@ -4467,7 +4467,7 @@
         const leftIconSlot = slots["left-icon"];
         if (props.leftIcon || leftIconSlot) {
           return vue.createVNode("div", {
-            "class": bem$17("left-icon"),
+            "class": bem$18("left-icon"),
             "onClick": onClickLeftIcon
           }, [leftIconSlot ? leftIconSlot() : vue.createVNode(Icon, {
             "name": props.leftIcon,
@@ -4479,7 +4479,7 @@
         const rightIconSlot = slots["right-icon"];
         if (props.rightIcon || rightIconSlot) {
           return vue.createVNode("div", {
-            "class": bem$17("right-icon"),
+            "class": bem$18("right-icon"),
             "onClick": onClickRightIcon
           }, [rightIconSlot ? rightIconSlot() : vue.createVNode(Icon, {
             "name": props.rightIcon,
@@ -4491,9 +4491,9 @@
         if (props.showWordLimit && props.maxlength) {
           const count = getStringLength(getModelValue());
           return vue.createVNode("div", {
-            "class": bem$17("word-limit")
+            "class": bem$18("word-limit")
           }, [vue.createVNode("span", {
-            "class": bem$17("word-num")
+            "class": bem$18("word-num")
           }, [count]), vue.createTextVNode("/"), props.maxlength]);
         }
       };
@@ -4506,7 +4506,7 @@
           const slot = slots["error-message"];
           const errorMessageAlign = getProp("errorMessageAlign");
           return vue.createVNode("div", {
-            "class": bem$17("error-message", errorMessageAlign)
+            "class": bem$18("error-message", errorMessageAlign)
           }, [slot ? slot({
             message
           }) : message]);
@@ -4525,13 +4525,13 @@
         }
       };
       const renderFieldBody = () => [vue.createVNode("div", {
-        "class": bem$17("body")
+        "class": bem$18("body")
       }, [renderInput(), showClear.value && vue.createVNode(Icon, {
         "ref": clearIconRef,
         "name": props.clearIcon,
-        "class": bem$17("clear")
+        "class": bem$18("clear")
       }, null), renderRightIcon(), slots.button && vue.createVNode("div", {
-        "class": bem$17("button")
+        "class": bem$18("button")
       }, [slots.button()])]), renderWordLimit(), renderMessage()];
       useExpose({
         blur,
@@ -4570,7 +4570,7 @@
         const renderTitle = () => labelAlign === "top" ? [LeftIcon, Label] : Label;
         return vue.createVNode(Cell, {
           "size": props.size,
-          "class": bem$17({
+          "class": bem$18({
             error: showError.value,
             disabled,
             [`label-${labelAlign}`]: labelAlign
@@ -4580,8 +4580,8 @@
           "isLink": props.isLink,
           "clickable": props.clickable,
           "titleStyle": labelStyle.value,
-          "valueClass": bem$17("value"),
-          "titleClass": [bem$17("label", [labelAlign, {
+          "valueClass": bem$18("value"),
+          "titleClass": [bem$18("label", [labelAlign, {
             required: props.required
           }]), props.labelClass],
           "arrowDirection": props.arrowDirection
@@ -4594,7 +4594,7 @@
       };
     }
   });
-  const Field = withInstall(stdin_default$1i);
+  const Field = withInstall(stdin_default$1j);
   let lockCount = 0;
   function lockClick(lock) {
     if (lock) {
@@ -4609,7 +4609,7 @@
       }
     }
   }
-  const [name$1a, bem$16] = createNamespace("toast");
+  const [name$1b, bem$17] = createNamespace("toast");
   const popupInheritProps = ["show", "overlay", "teleport", "transition", "overlayClass", "overlayStyle", "closeOnClickOverlay"];
   const toastProps = {
     icon: String,
@@ -4632,8 +4632,8 @@
     closeOnClick: Boolean,
     closeOnClickOverlay: Boolean
   };
-  var stdin_default$1h = vue.defineComponent({
-    name: name$1a,
+  var stdin_default$1i = vue.defineComponent({
+    name: name$1b,
     props: toastProps,
     emits: ["update:show"],
     setup(props, {
@@ -4669,13 +4669,13 @@
           return vue.createVNode(Icon, {
             "name": icon || type,
             "size": iconSize,
-            "class": bem$16("icon"),
+            "class": bem$17("icon"),
             "classPrefix": iconPrefix
           }, null);
         }
         if (type === "loading") {
           return vue.createVNode(Loading, {
-            "class": bem$16("loading"),
+            "class": bem$17("loading"),
             "size": iconSize,
             "type": loadingType
           }, null);
@@ -4688,16 +4688,16 @@
         } = props;
         if (slots.message) {
           return vue.createVNode("div", {
-            "class": bem$16("text")
+            "class": bem$17("text")
           }, [slots.message()]);
         }
         if (isDef(message) && message !== "") {
           return type === "html" ? vue.createVNode("div", {
             "key": 0,
-            "class": bem$16("text"),
+            "class": bem$17("text"),
             "innerHTML": String(message)
           }, null) : vue.createVNode("div", {
-            "class": bem$16("text")
+            "class": bem$17("text")
           }, [message]);
         }
       };
@@ -4713,7 +4713,7 @@
       vue.onMounted(toggleClickable);
       vue.onUnmounted(toggleClickable);
       return () => vue.createVNode(Popup, vue.mergeProps({
-        "class": [bem$16([props.position, props.wordBreak === "normal" ? "break-normal" : props.wordBreak, {
+        "class": [bem$17([props.position, props.wordBreak === "normal" ? "break-normal" : props.wordBreak, {
           [props.type]: !props.icon
         }]), props.className],
         "lockScroll": false,
@@ -4814,7 +4814,7 @@
             onClosed,
             "onUpdate:show": toggle
           };
-          return vue.createVNode(stdin_default$1h, vue.mergeProps(state, attrs), null);
+          return vue.createVNode(stdin_default$1i, vue.mergeProps(state, attrs), null);
         };
         vue.watch(message, (val) => {
           state.message = val;
@@ -4884,8 +4884,8 @@
   const allowMultipleToast = (value = true) => {
     allowMultiple = value;
   };
-  const Toast = withInstall(stdin_default$1h);
-  const [name$19, bem$15] = createNamespace("switch");
+  const Toast = withInstall(stdin_default$1i);
+  const [name$1a, bem$16] = createNamespace("switch");
   const switchProps = {
     size: numericProp,
     loading: Boolean,
@@ -4902,8 +4902,8 @@
       default: false
     }
   };
-  var stdin_default$1g = vue.defineComponent({
-    name: name$19,
+  var stdin_default$1h = vue.defineComponent({
+    name: name$1a,
     props: switchProps,
     emits: ["change", "update:modelValue"],
     setup(props, {
@@ -4922,7 +4922,7 @@
         if (props.loading) {
           const color = isChecked() ? props.activeColor : props.inactiveColor;
           return vue.createVNode(Loading, {
-            "class": bem$15("loading"),
+            "class": bem$16("loading"),
             "color": color
           }, null);
         }
@@ -4947,7 +4947,7 @@
         };
         return vue.createVNode("div", {
           "role": "switch",
-          "class": bem$15({
+          "class": bem$16({
             on: checked,
             loading,
             disabled
@@ -4957,16 +4957,16 @@
           "aria-checked": checked,
           "onClick": onClick
         }, [vue.createVNode("div", {
-          "class": bem$15("node")
+          "class": bem$16("node")
         }, [renderLoading()]), (_a = slots.background) == null ? void 0 : _a.call(slots)]);
       };
     }
   });
-  const Switch = withInstall(stdin_default$1g);
-  const [name$18, bem$14] = createNamespace("address-edit-detail");
+  const Switch = withInstall(stdin_default$1h);
+  const [name$19, bem$15] = createNamespace("address-edit-detail");
   const t$i = createNamespace("address-edit")[2];
-  var stdin_default$1f = vue.defineComponent({
-    name: name$18,
+  var stdin_default$1g = vue.defineComponent({
+    name: name$19,
     props: {
       show: Boolean,
       rows: numericProp,
@@ -5000,7 +5000,7 @@
           "icon": "location-o",
           "title": express.name,
           "label": express.address,
-          "class": bem$14("search-item"),
+          "class": bem$15("search-item"),
           "border": false,
           "onClick": () => onSelect(express)
         }, null));
@@ -5014,7 +5014,7 @@
             "autosize": true,
             "clearable": true,
             "ref": field,
-            "class": bem$14(),
+            "class": bem$15(),
             "rows": props.rows,
             "type": "textarea",
             "rules": props.rules,
@@ -5031,7 +5031,7 @@
       };
     }
   });
-  const [name$17, bem$13, t$h] = createNamespace("address-edit");
+  const [name$18, bem$14, t$h] = createNamespace("address-edit");
   const DEFAULT_DATA = {
     name: "",
     tel: "",
@@ -5071,8 +5071,8 @@
       default: isMobile
     }
   };
-  var stdin_default$1e = vue.defineComponent({
-    name: name$17,
+  var stdin_default$1f = vue.defineComponent({
+    name: name$18,
     props: addressEditProps,
     emits: ["save", "focus", "delete", "clickArea", "changeArea", "changeDetail", "selectSearch", "changeDefault"],
     setup(props, {
@@ -5183,7 +5183,7 @@
           return vue.withDirectives(vue.createVNode(Cell, {
             "center": true,
             "title": t$h("defaultAddress"),
-            "class": bem$13("default")
+            "class": bem$14("default")
           }, slots2), [[vue.vShow, !hideBottomFields.value]]);
         }
       };
@@ -5209,13 +5209,13 @@
           disableArea
         } = props;
         return vue.createVNode(Form, {
-          "class": bem$13(),
+          "class": bem$14(),
           "onSubmit": onSave
         }, {
           default: () => {
             var _a;
             return [vue.createVNode("div", {
-              "class": bem$13("fields")
+              "class": bem$14("fields")
             }, [vue.createVNode(Field, {
               "modelValue": data.name,
               "onUpdate:modelValue": ($event) => data.name = $event,
@@ -5246,7 +5246,7 @@
                 emit("clickArea");
                 showAreaPopup.value = !disableArea;
               }
-            }, null), [[vue.vShow, props.showArea]]), vue.createVNode(stdin_default$1f, {
+            }, null), [[vue.vShow, props.showArea]]), vue.createVNode(stdin_default$1g, {
               "show": props.showDetail,
               "rows": props.detailRows,
               "rules": rules.value.addressDetail,
@@ -5260,19 +5260,19 @@
               "onInput": onChangeDetail,
               "onSelectSearch": (event) => emit("selectSearch", event)
             }, null), (_a = slots.default) == null ? void 0 : _a.call(slots)]), renderSetDefaultCell(), vue.withDirectives(vue.createVNode("div", {
-              "class": bem$13("buttons")
+              "class": bem$14("buttons")
             }, [vue.createVNode(Button, {
               "block": true,
               "round": true,
               "type": "primary",
               "text": props.saveButtonText || t$h("save"),
-              "class": bem$13("button"),
+              "class": bem$14("button"),
               "loading": props.isSaving,
               "nativeType": "submit"
             }, null), props.showDelete && vue.createVNode(Button, {
               "block": true,
               "round": true,
-              "class": bem$13("button"),
+              "class": bem$14("button"),
               "loading": props.isDeleting,
               "text": props.deleteButtonText || t$h("delete"),
               "onClick": onDelete
@@ -5302,8 +5302,8 @@
       };
     }
   });
-  const AddressEdit = withInstall(stdin_default$1e);
-  const [name$16, bem$12] = createNamespace("radio-group");
+  const AddressEdit = withInstall(stdin_default$1f);
+  const [name$17, bem$13] = createNamespace("radio-group");
   const radioGroupProps = {
     disabled: Boolean,
     iconSize: numericProp,
@@ -5311,9 +5311,9 @@
     modelValue: unknownProp,
     checkedColor: String
   };
-  const RADIO_KEY = Symbol(name$16);
-  var stdin_default$1d = vue.defineComponent({
-    name: name$16,
+  const RADIO_KEY = Symbol(name$17);
+  var stdin_default$1e = vue.defineComponent({
+    name: name$17,
     props: radioGroupProps,
     emits: ["change", "update:modelValue"],
     setup(props, {
@@ -5333,14 +5333,14 @@
       return () => {
         var _a;
         return vue.createVNode("div", {
-          "class": bem$12([props.direction]),
+          "class": bem$13([props.direction]),
           "role": "radiogroup"
         }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
       };
     }
   });
-  const RadioGroup = withInstall(stdin_default$1d);
-  const [name$15, bem$11] = createNamespace("tag");
+  const RadioGroup = withInstall(stdin_default$1e);
+  const [name$16, bem$12] = createNamespace("tag");
   const tagProps = {
     size: String,
     mark: Boolean,
@@ -5352,8 +5352,8 @@
     textColor: String,
     closeable: Boolean
   };
-  var stdin_default$1c = vue.defineComponent({
-    name: name$15,
+  var stdin_default$1d = vue.defineComponent({
+    name: name$16,
     props: tagProps,
     emits: ["close"],
     setup(props, {
@@ -5396,12 +5396,12 @@
         }
         const CloseIcon = closeable && vue.createVNode(Icon, {
           "name": "cross",
-          "class": [bem$11("close"), HAPTICS_FEEDBACK],
+          "class": [bem$12("close"), HAPTICS_FEEDBACK],
           "onClick": onClose
         }, null);
         return vue.createVNode("span", {
           "style": getStyle(),
-          "class": bem$11([classes, type])
+          "class": bem$12([classes, type])
         }, [(_a = slots.default) == null ? void 0 : _a.call(slots), CloseIcon]);
       };
       return () => vue.createVNode(vue.Transition, {
@@ -5411,7 +5411,7 @@
       });
     }
   });
-  const Tag = withInstall(stdin_default$1c);
+  const Tag = withInstall(stdin_default$1d);
   const checkerProps = {
     name: unknownProp,
     shape: makeStringProp("round"),
@@ -5422,7 +5422,7 @@
     labelPosition: String,
     labelDisabled: Boolean
   };
-  var stdin_default$1b = vue.defineComponent({
+  var stdin_default$1c = vue.defineComponent({
     props: extend({}, checkerProps, {
       bem: makeRequiredProp(Function),
       role: String,
@@ -5512,9 +5512,9 @@
     }
   });
   const radioProps = checkerProps;
-  const [name$14, bem$10] = createNamespace("radio");
-  var stdin_default$1a = vue.defineComponent({
-    name: name$14,
+  const [name$15, bem$11] = createNamespace("radio");
+  var stdin_default$1b = vue.defineComponent({
+    name: name$15,
     props: checkerProps,
     emits: ["update:modelValue"],
     setup(props, {
@@ -5535,8 +5535,8 @@
           emit("update:modelValue", props.name);
         }
       };
-      return () => vue.createVNode(stdin_default$1b, vue.mergeProps({
-        "bem": bem$10,
+      return () => vue.createVNode(stdin_default$1c, vue.mergeProps({
+        "bem": bem$11,
         "role": "radio",
         "parent": parent,
         "checked": checked(),
@@ -5544,10 +5544,10 @@
       }, props), pick(slots, ["default", "icon"]));
     }
   });
-  const Radio = withInstall(stdin_default$1a);
-  const [name$13, bem$$] = createNamespace("address-item");
-  var stdin_default$19 = vue.defineComponent({
-    name: name$13,
+  const Radio = withInstall(stdin_default$1b);
+  const [name$14, bem$10] = createNamespace("address-item");
+  var stdin_default$1a = vue.defineComponent({
+    name: name$14,
     props: {
       address: makeRequiredProp(Object),
       disabled: Boolean,
@@ -5567,7 +5567,7 @@
       };
       const renderRightIcon = () => vue.createVNode(Icon, {
         "name": "edit",
-        "class": bem$$("edit"),
+        "class": bem$10("edit"),
         "onClick": (event) => {
           event.stopPropagation();
           emit("edit");
@@ -5582,7 +5582,7 @@
           return vue.createVNode(Tag, {
             "type": "primary",
             "round": true,
-            "class": bem$$("tag")
+            "class": bem$10("tag")
           }, {
             default: () => [props.defaultTagText]
           });
@@ -5595,9 +5595,9 @@
           switchable
         } = props;
         const Info = [vue.createVNode("div", {
-          "class": bem$$("name")
+          "class": bem$10("name")
         }, [`${address.name} ${address.tel}`, renderTag()]), vue.createVNode("div", {
-          "class": bem$$("address")
+          "class": bem$10("address")
         }, [address.address])];
         if (switchable && !disabled) {
           return vue.createVNode(Radio, {
@@ -5615,13 +5615,13 @@
           disabled
         } = props;
         return vue.createVNode("div", {
-          "class": bem$$({
+          "class": bem$10({
             disabled
           }),
           "onClick": onClick
         }, [vue.createVNode(Cell, {
           "border": false,
-          "titleClass": bem$$("title")
+          "titleClass": bem$10("title")
         }, {
           title: renderContent,
           "right-icon": renderRightIcon
@@ -5631,7 +5631,7 @@
       };
     }
   });
-  const [name$12, bem$_, t$g] = createNamespace("address-list");
+  const [name$13, bem$$, t$g] = createNamespace("address-list");
   const addressListProps = {
     list: makeArrayProp(),
     modelValue: numericProp,
@@ -5641,8 +5641,8 @@
     addButtonText: String,
     defaultTagText: String
   };
-  var stdin_default$18 = vue.defineComponent({
-    name: name$12,
+  var stdin_default$19 = vue.defineComponent({
+    name: name$13,
     props: addressListProps,
     emits: ["add", "edit", "select", "clickItem", "editDisabled", "selectDisabled", "update:modelValue"],
     setup(props, {
@@ -5658,7 +5658,7 @@
             emit("update:modelValue", item.id);
           }
         };
-        return vue.createVNode(stdin_default$19, {
+        return vue.createVNode(stdin_default$1a, {
           "key": item.id,
           "address": item,
           "disabled": disabled,
@@ -5678,13 +5678,13 @@
         }
       };
       const renderBottom = () => vue.createVNode("div", {
-        "class": [bem$_("bottom"), "van-safe-area-bottom"]
+        "class": [bem$$("bottom"), "van-safe-area-bottom"]
       }, [vue.createVNode(Button, {
         "round": true,
         "block": true,
         "type": "primary",
         "text": props.addButtonText || t$g("add"),
-        "class": bem$_("add"),
+        "class": bem$$("add"),
         "onClick": () => emit("add")
       }, null)]);
       return () => {
@@ -5692,10 +5692,10 @@
         const List2 = renderList(props.list);
         const DisabledList = renderList(props.disabledList, true);
         const DisabledText = props.disabledText && vue.createVNode("div", {
-          "class": bem$_("disabled-text")
+          "class": bem$$("disabled-text")
         }, [props.disabledText]);
         return vue.createVNode("div", {
-          "class": bem$_()
+          "class": bem$$()
         }, [(_a = slots.top) == null ? void 0 : _a.call(slots), vue.createVNode(RadioGroup, {
           "modelValue": props.modelValue
         }, {
@@ -5704,7 +5704,249 @@
       };
     }
   });
-  const AddressList = withInstall(stdin_default$18);
+  const AddressList = withInstall(stdin_default$19);
+  const hasIntersectionObserver = inBrowser && "IntersectionObserver" in window && "IntersectionObserverEntry" in window && "intersectionRatio" in window.IntersectionObserverEntry.prototype;
+  const modeType = {
+    event: "event",
+    observer: "observer"
+  };
+  function remove(arr, item) {
+    if (!arr.length)
+      return;
+    const index = arr.indexOf(item);
+    if (index > -1)
+      return arr.splice(index, 1);
+  }
+  function getBestSelectionFromSrcset(el, scale) {
+    if (el.tagName !== "IMG" || !el.getAttribute("data-srcset"))
+      return;
+    let options = el.getAttribute("data-srcset");
+    const container = el.parentNode;
+    const containerWidth = container.offsetWidth * scale;
+    let spaceIndex;
+    let tmpSrc;
+    let tmpWidth;
+    options = options.trim().split(",");
+    const result = options.map((item) => {
+      item = item.trim();
+      spaceIndex = item.lastIndexOf(" ");
+      if (spaceIndex === -1) {
+        tmpSrc = item;
+        tmpWidth = 999998;
+      } else {
+        tmpSrc = item.substr(0, spaceIndex);
+        tmpWidth = parseInt(
+          item.substr(spaceIndex + 1, item.length - spaceIndex - 2),
+          10
+        );
+      }
+      return [tmpWidth, tmpSrc];
+    });
+    result.sort((a, b) => {
+      if (a[0] < b[0]) {
+        return 1;
+      }
+      if (a[0] > b[0]) {
+        return -1;
+      }
+      if (a[0] === b[0]) {
+        if (b[1].indexOf(".webp", b[1].length - 5) !== -1) {
+          return 1;
+        }
+        if (a[1].indexOf(".webp", a[1].length - 5) !== -1) {
+          return -1;
+        }
+      }
+      return 0;
+    });
+    let bestSelectedSrc = "";
+    let tmpOption;
+    for (let i = 0; i < result.length; i++) {
+      tmpOption = result[i];
+      bestSelectedSrc = tmpOption[1];
+      const next = result[i + 1];
+      if (next && next[0] < containerWidth) {
+        bestSelectedSrc = tmpOption[1];
+        break;
+      } else if (!next) {
+        bestSelectedSrc = tmpOption[1];
+        break;
+      }
+    }
+    return bestSelectedSrc;
+  }
+  const getDPR = (scale = 1) => inBrowser ? window.devicePixelRatio || scale : scale;
+  function supportWebp() {
+    if (!inBrowser)
+      return false;
+    let support = true;
+    try {
+      const elem = document.createElement("canvas");
+      if (elem.getContext && elem.getContext("2d")) {
+        support = elem.toDataURL("image/webp").indexOf("data:image/webp") === 0;
+      }
+    } catch (err) {
+      support = false;
+    }
+    return support;
+  }
+  function throttle(action, delay) {
+    let timeout = null;
+    let lastRun = 0;
+    return function(...args) {
+      if (timeout) {
+        return;
+      }
+      const elapsed = Date.now() - lastRun;
+      const runCallback = () => {
+        lastRun = Date.now();
+        timeout = false;
+        action.apply(this, args);
+      };
+      if (elapsed >= delay) {
+        runCallback();
+      } else {
+        timeout = setTimeout(runCallback, delay);
+      }
+    };
+  }
+  function on(el, type, func) {
+    el.addEventListener(type, func, {
+      capture: false,
+      passive: true
+    });
+  }
+  function off(el, type, func) {
+    el.removeEventListener(type, func, false);
+  }
+  const loadImageAsync = (item, resolve, reject) => {
+    const image = new Image();
+    if (!item || !item.src) {
+      return reject(new Error("image src is required"));
+    }
+    image.src = item.src;
+    if (item.cors) {
+      image.crossOrigin = item.cors;
+    }
+    image.onload = () => resolve({
+      naturalHeight: image.naturalHeight,
+      naturalWidth: image.naturalWidth,
+      src: image.src
+    });
+    image.onerror = (e) => reject(e);
+  };
+  class ImageCache {
+    constructor({ max }) {
+      this.options = {
+        max: max || 100
+      };
+      this.caches = [];
+    }
+    has(key) {
+      return this.caches.indexOf(key) > -1;
+    }
+    add(key) {
+      if (this.has(key))
+        return;
+      this.caches.push(key);
+      if (this.caches.length > this.options.max) {
+        this.free();
+      }
+    }
+    free() {
+      this.caches.shift();
+    }
+  }
+  const [name$12, bem$_] = createNamespace("back-top");
+  const backTopProps = {
+    right: makeNumericProp(30),
+    bottom: makeNumericProp(40),
+    target: [String, Object],
+    visibilityHeight: makeNumericProp(200),
+    teleport: {
+      type: [String, Object],
+      default: "body"
+    }
+  };
+  var stdin_default$18 = vue.defineComponent({
+    name: name$12,
+    inheritAttrs: false,
+    props: backTopProps,
+    emits: ["click"],
+    setup(props, {
+      emit,
+      slots,
+      attrs
+    }) {
+      const show = vue.ref(false);
+      const scrollParent = vue.ref();
+      const root = vue.ref(null);
+      let target;
+      const style = vue.computed(() => ({
+        right: addUnit(props.right),
+        bottom: addUnit(props.bottom)
+      }));
+      const onClick = (event) => {
+        emit("click", event);
+        target.scrollTo({
+          top: 0,
+          behavior: "smooth"
+        });
+      };
+      const scroll = () => {
+        show.value = getScrollTop(target) >= props.visibilityHeight;
+      };
+      const getTarget = () => {
+        const {
+          target: target2
+        } = props;
+        if (typeof target2 === "string") {
+          const el = document.querySelector(props.target);
+          if (!el) {
+            throw Error("[Vant] BackTop: target element is not found.");
+          }
+          return el;
+        }
+        if (isObject(target2)) {
+          return target2;
+        }
+        throw Error('[Vant] BackTop: type of prop "target" should be a selector or an element object');
+      };
+      useEventListener("scroll", throttle(scroll, 300), {
+        target: scrollParent
+      });
+      vue.onMounted(() => {
+        vue.nextTick(() => {
+          if (inBrowser$1) {
+            target = props.target ? getTarget() : getScrollParent$1(root.value);
+            scrollParent.value = target;
+          }
+        });
+      });
+      return () => {
+        const Content = vue.createVNode("div", vue.mergeProps({
+          "ref": root,
+          "class": bem$_({
+            active: show.value
+          }),
+          "style": style.value,
+          "onClick": onClick
+        }, attrs), [slots.default ? slots.default() : vue.createVNode(Icon, {
+          "name": "back-top",
+          "class": bem$_("icon")
+        }, null)]);
+        if (props.teleport) {
+          return vue.createVNode(vue.Teleport, {
+            "to": props.teleport
+          }, {
+            default: () => [Content]
+          });
+        }
+        return Content;
+      };
+    }
+  });
+  const BackTop = withInstall(stdin_default$18);
   const [name$11, bem$Z, t$f] = createNamespace("calendar");
   const formatMonthTitle = (date) => t$f("monthTitle", date.getFullYear(), date.getMonth() + 1);
   function compareMonth(date1, date2) {
@@ -7203,7 +7445,7 @@
         checked
       });
       useCustomFieldValue(() => props.modelValue);
-      return () => vue.createVNode(stdin_default$1b, vue.mergeProps({
+      return () => vue.createVNode(stdin_default$1c, vue.mergeProps({
         "bem": bem$T,
         "role": "checkbox",
         "parent": parent,
@@ -7707,7 +7949,7 @@
     }
   });
   const CollapseItem = withInstall(stdin_default$V);
-  const ConfigProvider = withInstall(stdin_default$1F);
+  const ConfigProvider = withInstall(stdin_default$1G);
   const [name$O, bem$N, t$d] = createNamespace("contact-card");
   const contactCardProps = {
     tel: String,
@@ -9182,11 +9424,13 @@
   };
   var stdin_default$I = vue.defineComponent({
     name: name$C,
+    inheritAttrs: false,
     props: dropdownItemProps,
     emits: ["open", "opened", "close", "closed", "change", "update:modelValue"],
     setup(props, {
       emit,
-      slots
+      slots,
+      attrs
     }) {
       const state = vue.reactive({
         showPopup: false,
@@ -9289,11 +9533,11 @@
         } else {
           style.bottom = `${offset2.value}px`;
         }
-        return vue.withDirectives(vue.createVNode("div", {
+        return vue.withDirectives(vue.createVNode("div", vue.mergeProps({
           "style": style,
           "class": bem$C([direction]),
           "onClick": onClickWrapper
-        }, [vue.createVNode(Popup, {
+        }, attrs), [vue.createVNode(Popup, {
           "show": state.showPopup,
           "onUpdate:show": ($event) => state.showPopup = $event,
           "role": "menu",
@@ -10286,7 +10530,7 @@
       emit,
       slots
     }) {
-      const loading = vue.ref(false);
+      const loading = vue.ref(props.loading);
       const root = vue.ref();
       const placeholder = vue.ref();
       const tabStatus = useTabStatus();
@@ -10852,11 +11096,13 @@
   }
   var stdin_default$w = vue.defineComponent({
     name: name$r,
+    inheritAttrs: false,
     props: numberKeyboardProps,
     emits: ["show", "hide", "blur", "input", "close", "delete", "update:modelValue"],
     setup(props, {
       emit,
-      slots
+      slots,
+      attrs
     }) {
       const root = vue.ref();
       const genBasicKeys = () => {
@@ -11012,7 +11258,7 @@
         const Content = vue.createVNode(vue.Transition, {
           "name": props.transition ? "van-slide-up" : ""
         }, {
-          default: () => [vue.withDirectives(vue.createVNode("div", {
+          default: () => [vue.withDirectives(vue.createVNode("div", vue.mergeProps({
             "ref": root,
             "style": getZIndexStyle(props.zIndex),
             "class": bem$q({
@@ -11021,7 +11267,7 @@
             }),
             "onAnimationend": onAnimationEnd,
             "onTouchstartPassive": stopPropagation
-          }, [Title, vue.createVNode("div", {
+          }, attrs), [Title, vue.createVNode("div", {
             "class": bem$q("body")
           }, [vue.createVNode("div", {
             "class": bem$q("keys")
@@ -11251,7 +11497,7 @@
     }
   });
   const PasswordInput = withInstall(stdin_default$u);
-  const PickerGroup = withInstall(stdin_default$1n);
+  const PickerGroup = withInstall(stdin_default$1o);
   function getWindow(node) {
     if (node == null) {
       return window;
@@ -15044,158 +15290,6 @@
     }
   });
   const Uploader = withInstall(stdin_default$4);
-  const hasIntersectionObserver = inBrowser && "IntersectionObserver" in window && "IntersectionObserverEntry" in window && "intersectionRatio" in window.IntersectionObserverEntry.prototype;
-  const modeType = {
-    event: "event",
-    observer: "observer"
-  };
-  function remove(arr, item) {
-    if (!arr.length)
-      return;
-    const index = arr.indexOf(item);
-    if (index > -1)
-      return arr.splice(index, 1);
-  }
-  function getBestSelectionFromSrcset(el, scale) {
-    if (el.tagName !== "IMG" || !el.getAttribute("data-srcset"))
-      return;
-    let options = el.getAttribute("data-srcset");
-    const container = el.parentNode;
-    const containerWidth = container.offsetWidth * scale;
-    let spaceIndex;
-    let tmpSrc;
-    let tmpWidth;
-    options = options.trim().split(",");
-    const result = options.map((item) => {
-      item = item.trim();
-      spaceIndex = item.lastIndexOf(" ");
-      if (spaceIndex === -1) {
-        tmpSrc = item;
-        tmpWidth = 999998;
-      } else {
-        tmpSrc = item.substr(0, spaceIndex);
-        tmpWidth = parseInt(
-          item.substr(spaceIndex + 1, item.length - spaceIndex - 2),
-          10
-        );
-      }
-      return [tmpWidth, tmpSrc];
-    });
-    result.sort((a, b) => {
-      if (a[0] < b[0]) {
-        return 1;
-      }
-      if (a[0] > b[0]) {
-        return -1;
-      }
-      if (a[0] === b[0]) {
-        if (b[1].indexOf(".webp", b[1].length - 5) !== -1) {
-          return 1;
-        }
-        if (a[1].indexOf(".webp", a[1].length - 5) !== -1) {
-          return -1;
-        }
-      }
-      return 0;
-    });
-    let bestSelectedSrc = "";
-    let tmpOption;
-    for (let i = 0; i < result.length; i++) {
-      tmpOption = result[i];
-      bestSelectedSrc = tmpOption[1];
-      const next = result[i + 1];
-      if (next && next[0] < containerWidth) {
-        bestSelectedSrc = tmpOption[1];
-        break;
-      } else if (!next) {
-        bestSelectedSrc = tmpOption[1];
-        break;
-      }
-    }
-    return bestSelectedSrc;
-  }
-  const getDPR = (scale = 1) => inBrowser ? window.devicePixelRatio || scale : scale;
-  function supportWebp() {
-    if (!inBrowser)
-      return false;
-    let support = true;
-    try {
-      const elem = document.createElement("canvas");
-      if (elem.getContext && elem.getContext("2d")) {
-        support = elem.toDataURL("image/webp").indexOf("data:image/webp") === 0;
-      }
-    } catch (err) {
-      support = false;
-    }
-    return support;
-  }
-  function throttle(action, delay) {
-    let timeout = null;
-    let lastRun = 0;
-    return function(...args) {
-      if (timeout) {
-        return;
-      }
-      const elapsed = Date.now() - lastRun;
-      const runCallback = () => {
-        lastRun = Date.now();
-        timeout = false;
-        action.apply(this, args);
-      };
-      if (elapsed >= delay) {
-        runCallback();
-      } else {
-        timeout = setTimeout(runCallback, delay);
-      }
-    };
-  }
-  function on(el, type, func) {
-    el.addEventListener(type, func, {
-      capture: false,
-      passive: true
-    });
-  }
-  function off(el, type, func) {
-    el.removeEventListener(type, func, false);
-  }
-  const loadImageAsync = (item, resolve, reject) => {
-    const image = new Image();
-    if (!item || !item.src) {
-      return reject(new Error("image src is required"));
-    }
-    image.src = item.src;
-    if (item.cors) {
-      image.crossOrigin = item.cors;
-    }
-    image.onload = () => resolve({
-      naturalHeight: image.naturalHeight,
-      naturalWidth: image.naturalWidth,
-      src: image.src
-    });
-    image.onerror = (e) => reject(e);
-  };
-  class ImageCache {
-    constructor({ max }) {
-      this.options = {
-        max: max || 100
-      };
-      this.caches = [];
-    }
-    has(key) {
-      return this.caches.indexOf(key) > -1;
-    }
-    add(key) {
-      if (this.has(key))
-        return;
-      this.caches.push(key);
-      if (this.caches.length > this.options.max) {
-        this.free();
-      }
-    }
-    free() {
-      this.caches.shift();
-    }
-  }
   class ReactiveListener {
     constructor({
       el,
@@ -15924,7 +16018,7 @@
       });
     }
   };
-  const version = "4.0.0-rc.7";
+  const version = "4.0.0-rc.8";
   function install(app) {
     const components = [
       ActionBar,
@@ -15934,6 +16028,7 @@
       AddressEdit,
       AddressList,
       Area,
+      BackTop,
       Badge,
       Button,
       Calendar,
@@ -16035,6 +16130,7 @@
   exports2.AddressEdit = AddressEdit;
   exports2.AddressList = AddressList;
   exports2.Area = Area;
+  exports2.BackTop = BackTop;
   exports2.Badge = Badge;
   exports2.Button = Button;
   exports2.Calendar = Calendar;
@@ -16129,6 +16225,7 @@
   exports2.addressListProps = addressListProps;
   exports2.allowMultipleToast = allowMultipleToast;
   exports2.areaProps = areaProps;
+  exports2.backTopProps = backTopProps;
   exports2.badgeProps = badgeProps;
   exports2.buttonProps = buttonProps;
   exports2.calendarProps = calendarProps;