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

package/lib/vant.es.js

@@ -1,4 +1,4 @@
-import { useWindowSize, useRect, useChildren, useParent, onMountedOrActivated, getScrollParent, useEventListener, raf, useScrollParent, usePageVisibility, doubleRaf, CUSTOM_FIELD_INJECTION_KEY, useCustomFieldValue, useToggle, cancelRaf, useCountDown, useClickAway, inBrowser as inBrowser$1 } from "@vant/use";
+import { useWindowSize, useRect, useChildren, useParent, onMountedOrActivated, getScrollParent, useEventListener, raf, useScrollParent, usePageVisibility, doubleRaf, CUSTOM_FIELD_INJECTION_KEY, useCustomFieldValue, inBrowser as inBrowser$1, useToggle, cancelRaf, useCountDown, useClickAway } from "@vant/use";
 import { unref, ref, reactive, inject, watch, onMounted, nextTick, createVNode, defineComponent, getCurrentInstance, computed, onActivated, onDeactivated, onBeforeUnmount, provide, watchEffect, mergeProps, Transition, withDirectives, vShow, Teleport, Fragment, onBeforeUpdate, createTextVNode, onUnmounted, createApp, resolveDirective, withKeys, onUpdated, h } from "vue";
 import { offsetModifier, createPopper } from "@vant/popperjs";
 const isDef = (val) => val !== void 0 && val !== null;
@@ -235,7 +235,7 @@ function deepAssign(to, from) {
   });
   return to;
 }
-var stdin_default$1J = {
+var stdin_default$1K = {
   name: "\u59D3\u540D",
   tel: "\u7535\u8BDD",
   save: "\u4FDD\u5B58",
@@ -298,7 +298,7 @@ var stdin_default$1J = {
 };
 const lang = ref("zh-CN");
 const messages = reactive({
-  "zh-CN": stdin_default$1J
+  "zh-CN": stdin_default$1K
 });
 const Locale = {
   messages() {
@@ -312,11 +312,11 @@ const Locale = {
     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;
   };
@@ -437,20 +437,20 @@ function usePlaceholder(contentRef, bem2) {
     }
   }, [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 = defineComponent({
-  name: name$1A,
+var stdin_default$1I = defineComponent({
+  name: name$1B,
   props: actionBarProps,
   setup(props, {
     slots
   }) {
     const root = ref();
-    const renderPlaceholder = usePlaceholder(root, bem$1v);
+    const renderPlaceholder = usePlaceholder(root, bem$1w);
     const {
       linkChildren
     } = useChildren(ACTION_BAR_KEY);
@@ -459,7 +459,7 @@ var stdin_default$1H = defineComponent({
       var _a;
       return 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)]);
@@ -472,7 +472,7 @@ var stdin_default$1H = defineComponent({
     };
   }
 });
-const ActionBar = withInstall(stdin_default$1H);
+const ActionBar = withInstall(stdin_default$1I);
 function useExpose(apis) {
   const instance2 = getCurrentInstance();
   if (instance2) {
@@ -500,7 +500,7 @@ function useRoute() {
   const vm = 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,
@@ -511,8 +511,8 @@ const badgeProps = {
   showZero: truthProp,
   position: makeStringProp("top-right")
 };
-var stdin_default$1G = defineComponent({
-  name: name$1z,
+var stdin_default$1H = defineComponent({
+  name: name$1A,
   props: badgeProps,
   setup(props, {
     slots
@@ -566,7 +566,7 @@ var stdin_default$1G = defineComponent({
     const renderBadge = () => {
       if (hasContent() || props.dot) {
         return createVNode("div", {
-          "class": bem$1u([props.position, {
+          "class": bem$1v([props.position, {
             dot: props.dot,
             fixed: !!slots.default
           }]),
@@ -580,7 +580,7 @@ var stdin_default$1G = defineComponent({
           tag
         } = props;
         return createVNode(tag, {
-          "class": bem$1u("wrapper")
+          "class": bem$1v("wrapper")
         }, {
           default: () => [slots.default(), renderBadge()]
         });
@@ -589,14 +589,14 @@ var stdin_default$1G = defineComponent({
     };
   }
 });
-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"),
@@ -613,8 +613,8 @@ function mapThemeVarsToCSSVars(themeVars) {
   });
   return cssVars;
 }
-var stdin_default$1F = defineComponent({
-  name: name$1y,
+var stdin_default$1G = defineComponent({
+  name: name$1z,
   props: configProviderProps,
   setup(props, {
     slots
@@ -646,7 +646,7 @@ var stdin_default$1F = defineComponent({
       }
     });
     return () => createVNode(props.tag, {
-      "class": bem$1t(),
+      "class": bem$1u(),
       "style": style.value
     }, {
       default: () => {
@@ -656,7 +656,7 @@ var stdin_default$1F = defineComponent({
     });
   }
 });
-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,
@@ -668,14 +668,14 @@ const iconProps = {
   badgeProps: Object,
   classPrefix: String
 };
-var stdin_default$1E = defineComponent({
-  name: name$1x,
+var stdin_default$1F = defineComponent({
+  name: name$1y,
   props: iconProps,
   setup(props, {
     slots
   }) {
     const config = inject(CONFIG_PROVIDER_KEY, null);
-    const classPrefix = computed(() => props.classPrefix || (config == null ? void 0 : config.iconPrefix) || bem$1s());
+    const classPrefix = computed(() => props.classPrefix || (config == null ? void 0 : config.iconPrefix) || bem$1t());
     return () => {
       const {
         tag,
@@ -699,7 +699,7 @@ var stdin_default$1E = defineComponent({
         default: () => {
           var _a;
           return [(_a = slots.default) == null ? void 0 : _a.call(slots), isImageIcon && createVNode("img", {
-            "class": bem$1s("image"),
+            "class": bem$1t("image"),
             "src": name2
           }, null)];
         }
@@ -707,13 +707,13 @@ var stdin_default$1E = defineComponent({
     };
   }
 });
-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) => createVNode("i", {
-  "class": bem$1r("line", String(index + 1))
+  "class": bem$1s("line", String(index + 1))
 }, null));
 const CircularIcon = createVNode("svg", {
-  "class": bem$1r("circular"),
+  "class": bem$1s("circular"),
   "viewBox": "25 25 50 50"
 }, [createVNode("circle", {
   "cx": "50",
@@ -729,8 +729,8 @@ const loadingProps = {
   textSize: numericProp,
   textColor: String
 };
-var stdin_default$1D = defineComponent({
-  name: name$1w,
+var stdin_default$1E = defineComponent({
+  name: name$1x,
   props: loadingProps,
   setup(props, {
     slots
@@ -741,7 +741,7 @@ var stdin_default$1D = defineComponent({
     const renderIcon = () => {
       const DefaultIcon = props.type === "spinner" ? SpinIcon : CircularIcon;
       return createVNode("span", {
-        "class": bem$1r("spinner", props.type),
+        "class": bem$1s("spinner", props.type),
         "style": spinnerStyle.value
       }, [slots.icon ? slots.icon() : DefaultIcon]);
     };
@@ -749,7 +749,7 @@ var stdin_default$1D = defineComponent({
       var _a;
       if (slots.default) {
         return createVNode("span", {
-          "class": bem$1r("text"),
+          "class": bem$1s("text"),
           "style": {
             fontSize: addUnit(props.textSize),
             color: (_a = props.textColor) != null ? _a : props.color
@@ -763,7 +763,7 @@ var stdin_default$1D = defineComponent({
         vertical
       } = props;
       return createVNode("div", {
-        "class": bem$1r([type, {
+        "class": bem$1s([type, {
           vertical
         }]),
         "aria-live": "polite",
@@ -772,8 +772,8 @@ var stdin_default$1D = defineComponent({
     };
   }
 });
-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,
@@ -795,8 +795,8 @@ const buttonProps = extend({}, routeProps, {
   loadingType: String,
   iconPosition: makeStringProp("left")
 });
-var stdin_default$1C = defineComponent({
-  name: name$1v,
+var stdin_default$1D = defineComponent({
+  name: name$1w,
   props: buttonProps,
   emits: ["click"],
   setup(props, {
@@ -811,7 +811,7 @@ var stdin_default$1C = defineComponent({
       return createVNode(Loading, {
         "size": props.loadingSize,
         "type": props.loadingType,
-        "class": bem$1q("loading")
+        "class": bem$1r("loading")
       }, null);
     };
     const renderIcon = () => {
@@ -820,13 +820,13 @@ var stdin_default$1C = defineComponent({
       }
       if (slots.icon) {
         return createVNode("div", {
-          "class": bem$1q("icon")
+          "class": bem$1r("icon")
         }, [slots.icon()]);
       }
       if (props.icon) {
         return createVNode(Icon, {
           "name": props.icon,
-          "class": bem$1q("icon"),
+          "class": bem$1r("icon"),
           "classPrefix": props.iconPrefix
         }, null);
       }
@@ -840,7 +840,7 @@ var stdin_default$1C = defineComponent({
       }
       if (text) {
         return createVNode("span", {
-          "class": bem$1q("text")
+          "class": bem$1r("text")
         }, [text]);
       }
     };
@@ -887,7 +887,7 @@ var stdin_default$1C = defineComponent({
         nativeType,
         iconPosition
       } = props;
-      const classes = [bem$1q([type, size, {
+      const classes = [bem$1r([type, size, {
         plain,
         block,
         round,
@@ -906,14 +906,14 @@ var stdin_default$1C = defineComponent({
         "onClick": onClick
       }, {
         default: () => [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,
@@ -922,8 +922,8 @@ const actionBarButtonProps = extend({}, routeProps, {
   loading: Boolean,
   disabled: Boolean
 });
-var stdin_default$1B = defineComponent({
-  name: name$1u,
+var stdin_default$1C = defineComponent({
+  name: name$1v,
   props: actionBarButtonProps,
   setup(props, {
     slots
@@ -958,7 +958,7 @@ var stdin_default$1B = defineComponent({
         disabled
       } = props;
       return createVNode(Button, {
-        "class": bem$1p([type, {
+        "class": bem$1q([type, {
           last: isLast.value,
           first: isFirst.value
         }]),
@@ -975,8 +975,8 @@ var stdin_default$1B = defineComponent({
     };
   }
 });
-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,
@@ -987,8 +987,8 @@ const actionBarIconProps = extend({}, routeProps, {
   badgeProps: Object,
   iconPrefix: String
 });
-var stdin_default$1A = defineComponent({
-  name: name$1t,
+var stdin_default$1B = defineComponent({
+  name: name$1u,
   props: actionBarIconProps,
   setup(props, {
     slots
@@ -1008,7 +1008,7 @@ var stdin_default$1A = defineComponent({
       if (slots.icon) {
         return createVNode(Badge, mergeProps({
           "dot": dot,
-          "class": bem$1o("icon"),
+          "class": bem$1p("icon"),
           "content": badge
         }, badgeProps2), {
           default: slots.icon
@@ -1020,20 +1020,20 @@ var stdin_default$1A = defineComponent({
         "name": icon,
         "badge": badge,
         "color": color,
-        "class": [bem$1o("icon"), iconClass],
+        "class": [bem$1p("icon"), iconClass],
         "badgeProps": badgeProps2,
         "classPrefix": iconPrefix
       }, null);
     };
     return () => 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,
@@ -1172,7 +1172,7 @@ function useLazyRender(show) {
   );
   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,
@@ -1182,8 +1182,8 @@ const overlayProps = {
   lazyRender: truthProp,
   customStyle: Object
 };
-var stdin_default$1z = defineComponent({
-  name: name$1s,
+var stdin_default$1A = defineComponent({
+  name: name$1t,
   props: overlayProps,
   setup(props, {
     slots
@@ -1204,7 +1204,7 @@ var stdin_default$1z = defineComponent({
       return withDirectives(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)]), [[vShow, props.show]]);
     });
     useEventListener("touchmove", onTouchMove, {
@@ -1218,7 +1218,7 @@ var stdin_default$1z = defineComponent({
     });
   }
 });
-const Overlay = withInstall(stdin_default$1z);
+const Overlay = withInstall(stdin_default$1A);
 const popupProps$2 = extend({}, popupSharedProps, {
   round: Boolean,
   position: makeStringProp("center"),
@@ -1231,9 +1231,9 @@ const popupProps$2 = extend({}, popupSharedProps, {
   safeAreaInsetTop: Boolean,
   safeAreaInsetBottom: Boolean
 });
-const [name$1r, bem$1m] = createNamespace("popup");
-var stdin_default$1y = defineComponent({
-  name: name$1r,
+const [name$1s, bem$1n] = createNamespace("popup");
+var stdin_default$1z = defineComponent({
+  name: name$1s,
   inheritAttrs: false,
   props: popupProps$2,
   emits: ["open", "close", "opened", "closed", "keydown", "update:show", "clickOverlay", "clickCloseIcon"],
@@ -1307,7 +1307,7 @@ var stdin_default$1y = defineComponent({
           "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);
@@ -1329,7 +1329,7 @@ var stdin_default$1y = defineComponent({
         "style": style.value,
         "role": "dialog",
         "tabindex": 0,
-        "class": [bem$1m({
+        "class": [bem$1n({
           round,
           [position]: position
         }), {
@@ -1410,8 +1410,8 @@ var stdin_default$1y = defineComponent({
     };
   }
 });
-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,
@@ -1425,8 +1425,8 @@ const actionSheetProps = extend({}, popupSharedProps, {
   safeAreaInsetBottom: truthProp
 });
 const popupInheritKeys$2 = [...popupSharedPropKeys, "round", "closeOnPopstate", "safeAreaInsetBottom"];
-var stdin_default$1x = defineComponent({
-  name: name$1q,
+var stdin_default$1y = defineComponent({
+  name: name$1r,
   props: actionSheetProps,
   emits: ["select", "cancel", "update:show"],
   setup(props, {
@@ -1441,10 +1441,10 @@ var stdin_default$1x = defineComponent({
     const renderHeader = () => {
       if (props.title) {
         return createVNode("div", {
-          "class": bem$1l("header")
+          "class": bem$1m("header")
         }, [props.title, props.closeable && createVNode(Icon, {
           "name": props.closeIcon,
-          "class": [bem$1l("close"), HAPTICS_FEEDBACK],
+          "class": [bem$1m("close"), HAPTICS_FEEDBACK],
           "onClick": onCancel
         }, null)]);
       }
@@ -1452,10 +1452,10 @@ var stdin_default$1x = defineComponent({
     const renderCancel = () => {
       if (slots.cancel || props.cancelText) {
         return [createVNode("div", {
-          "class": bem$1l("gap")
+          "class": bem$1m("gap")
         }, null), createVNode("button", {
           "type": "button",
-          "class": bem$1l("cancel"),
+          "class": bem$1m("cancel"),
           "onClick": onCancel
         }, [slots.cancel ? slots.cancel() : props.cancelText])];
       }
@@ -1463,7 +1463,7 @@ var stdin_default$1x = defineComponent({
     const renderActionContent = (action, index) => {
       if (action.loading) {
         return createVNode(Loading, {
-          "class": bem$1l("loading-icon")
+          "class": bem$1m("loading-icon")
         }, null);
       }
       if (slots.action) {
@@ -1473,9 +1473,9 @@ var stdin_default$1x = defineComponent({
         });
       }
       return [createVNode("span", {
-        "class": bem$1l("name")
+        "class": bem$1m("name")
       }, [action.name]), action.subname && createVNode("div", {
-        "class": bem$1l("subname")
+        "class": bem$1m("subname")
       }, [action.subname])];
     };
     const renderAction = (action, index) => {
@@ -1503,7 +1503,7 @@ var stdin_default$1x = defineComponent({
         "style": {
           color
         },
-        "class": [bem$1l("item", {
+        "class": [bem$1m("item", {
           loading,
           disabled
         }), className],
@@ -1514,26 +1514,26 @@ var stdin_default$1x = defineComponent({
       if (props.description || slots.description) {
         const content = slots.description ? slots.description() : props.description;
         return createVNode("div", {
-          "class": bem$1l("description")
+          "class": bem$1m("description")
         }, [content]);
       }
     };
     return () => createVNode(Popup, mergeProps({
-      "class": bem$1l(),
+      "class": bem$1m(),
       "position": "bottom",
       "onUpdate:show": updateShow
     }, pick(props, popupInheritKeys$2)), {
       default: () => {
         var _a;
         return [renderHeader(), renderDescription(), 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];
@@ -1602,10 +1602,10 @@ function assignDefaultFields(fields) {
 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 = defineComponent({
-  name: name$1o,
+const [name$1p, bem$1k] = createNamespace("picker-column");
+const PICKER_KEY = Symbol(name$1p);
+var stdin_default$1x = defineComponent({
+  name: name$1p,
   props: {
     value: numericProp,
     fields: makeRequiredProp(Object),
@@ -1738,7 +1738,7 @@ var stdin_default$1w = defineComponent({
           role: "button",
           style: optionStyle,
           tabindex: disabled ? -1 : 0,
-          class: [bem$1j("item", {
+          class: [bem$1k("item", {
             disabled,
             selected: value === props.value
           }), option.className],
@@ -1766,7 +1766,7 @@ var stdin_default$1w = defineComponent({
     });
     return () => createVNode("div", {
       "ref": root,
-      "class": bem$1j(),
+      "class": bem$1k(),
       "onTouchstartPassive": onTouchStart,
       "onTouchend": onTouchEnd,
       "onTouchcancel": onTouchEnd
@@ -1777,12 +1777,12 @@ var stdin_default$1w = defineComponent({
         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,
@@ -1790,8 +1790,8 @@ const pickerToolbarProps = {
 };
 const pickerToolbarSlots = ["cancel", "confirm", "title", "toolbar"];
 const pickerToolbarPropKeys = Object.keys(pickerToolbarProps);
-var stdin_default$1v = defineComponent({
-  name: name$1n,
+var stdin_default$1w = defineComponent({
+  name: name$1o,
   props: pickerToolbarProps,
   emits: ["confirm", "cancel"],
   setup(props, {
@@ -1804,7 +1804,7 @@ var stdin_default$1v = defineComponent({
       }
       if (props.title) {
         return createVNode("div", {
-          "class": [bem$1k("title"), "van-ellipsis"]
+          "class": [bem$1l("title"), "van-ellipsis"]
         }, [props.title]);
       }
     };
@@ -1814,7 +1814,7 @@ var stdin_default$1v = defineComponent({
       const text = props.cancelButtonText || t$j("cancel");
       return createVNode("button", {
         "type": "button",
-        "class": [bem$1k("cancel"), HAPTICS_FEEDBACK],
+        "class": [bem$1l("cancel"), HAPTICS_FEEDBACK],
         "onClick": onCancel
       }, [slots.cancel ? slots.cancel() : text]);
     };
@@ -1822,12 +1822,12 @@ var stdin_default$1v = defineComponent({
       const text = props.confirmButtonText || t$j("confirm");
       return createVNode("button", {
         "type": "button",
-        "class": [bem$1k("confirm"), HAPTICS_FEEDBACK],
+        "class": [bem$1l("confirm"), HAPTICS_FEEDBACK],
         "onClick": onConfirm
       }, [slots.confirm ? slots.confirm() : text]);
     };
     return () => createVNode("div", {
-      "class": bem$1k("toolbar")
+      "class": bem$1l("toolbar")
     }, [slots.toolbar ? slots.toolbar() : [renderCancel(), renderTitle(), renderConfirm()]]);
   }
 });
@@ -1911,7 +1911,7 @@ function useVisibilityChange(target, onChange) {
   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"),
@@ -1919,8 +1919,8 @@ const stickyProps = {
   offsetTop: makeNumericProp(0),
   offsetBottom: makeNumericProp(0)
 };
-var stdin_default$1u = defineComponent({
-  name: name$1m,
+var stdin_default$1v = defineComponent({
+  name: name$1n,
   props: stickyProps,
   emits: ["scroll", "change"],
   setup(props, {
@@ -2015,7 +2015,7 @@ var stdin_default$1u = defineComponent({
         "ref": root,
         "style": rootStyle.value
       }, [createVNode("div", {
-        "class": bem$1i({
+        "class": bem$1j({
           fixed: state.fixed
         }),
         "style": stickyStyle.value
@@ -2023,10 +2023,10 @@ var stdin_default$1u = defineComponent({
     };
   }
 });
-const Sticky = withInstall(stdin_default$1u);
-const [name$1l, bem$1h] = createNamespace("tab");
-var stdin_default$1t = defineComponent({
-  name: name$1l,
+const Sticky = withInstall(stdin_default$1v);
+const [name$1m, bem$1i] = createNamespace("tab");
+var stdin_default$1u = defineComponent({
+  name: name$1m,
   props: {
     id: String,
     dot: Boolean,
@@ -2075,7 +2075,7 @@ var stdin_default$1t = defineComponent({
     });
     const renderText = () => {
       const Text2 = createVNode("span", {
-        "class": bem$1h("text", {
+        "class": bem$1i("text", {
           ellipsis: !props.scrollable
         })
       }, [slots.title ? slots.title() : props.title]);
@@ -2093,7 +2093,7 @@ var stdin_default$1t = defineComponent({
     return () => 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,
@@ -2107,7 +2107,7 @@ var stdin_default$1t = defineComponent({
     }, [renderText()]);
   }
 });
-const [name$1k, bem$1g] = createNamespace("swipe");
+const [name$1l, bem$1h] = createNamespace("swipe");
 const swipeProps = {
   loop: truthProp,
   width: numericProp,
@@ -2122,9 +2122,9 @@ const swipeProps = {
   showIndicators: truthProp,
   stopPropagation: truthProp
 };
-const SWIPE_KEY = Symbol(name$1k);
-var stdin_default$1s = defineComponent({
-  name: name$1k,
+const SWIPE_KEY = Symbol(name$1l);
+var stdin_default$1t = defineComponent({
+  name: name$1l,
   props: swipeProps,
   emits: ["change"],
   setup(props, {
@@ -2386,7 +2386,7 @@ var stdin_default$1s = defineComponent({
       } : void 0;
       return createVNode("i", {
         "style": style,
-        "class": bem$1g("indicator", {
+        "class": bem$1h("indicator", {
           active
         })
       }, null);
@@ -2400,7 +2400,7 @@ var stdin_default$1s = defineComponent({
       }
       if (props.showIndicators && count.value > 1) {
         return createVNode("div", {
-          "class": bem$1g("indicators", {
+          "class": bem$1h("indicators", {
             vertical: props.vertical
           })
         }, [Array(count.value).fill("").map(renderDot)]);
@@ -2442,11 +2442,11 @@ var stdin_default$1s = defineComponent({
       var _a;
       return createVNode("div", {
         "ref": root,
-        "class": bem$1g()
+        "class": bem$1h()
       }, [createVNode("div", {
         "ref": track,
         "style": trackStyle.value,
-        "class": bem$1g("track", {
+        "class": bem$1h("track", {
           vertical: props.vertical
         }),
         "onTouchstartPassive": onTouchStart,
@@ -2456,10 +2456,10 @@ var stdin_default$1s = defineComponent({
     };
   }
 });
-const Swipe = withInstall(stdin_default$1s);
-const [name$1j, bem$1f] = createNamespace("tabs");
-var stdin_default$1r = defineComponent({
-  name: name$1j,
+const Swipe = withInstall(stdin_default$1t);
+const [name$1k, bem$1g] = createNamespace("tabs");
+var stdin_default$1s = defineComponent({
+  name: name$1k,
   props: {
     count: makeRequiredProp(Number),
     inited: Boolean,
@@ -2483,7 +2483,7 @@ var stdin_default$1r = defineComponent({
         return createVNode(Swipe, {
           "ref": swipeRef,
           "loop": false,
-          "class": bem$1f("track"),
+          "class": bem$1g("track"),
           "duration": +props.duration * 1e3,
           "touchable": props.swipeable,
           "lazyRender": props.lazyRender,
@@ -2511,13 +2511,13 @@ var stdin_default$1r = defineComponent({
       swipeRef
     });
     return () => 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,
@@ -2540,9 +2540,9 @@ const tabsProps = {
   titleActiveColor: String,
   titleInactiveColor: String
 };
-const TABS_KEY = Symbol(name$1i);
-var stdin_default$1q = defineComponent({
-  name: name$1i,
+const TABS_KEY = Symbol(name$1j);
+var stdin_default$1r = defineComponent({
+  name: name$1j,
   props: tabsProps,
   emits: ["change", "scroll", "rendered", "clickTab", "update:active"],
   setup(props, {
@@ -2731,7 +2731,7 @@ var stdin_default$1q = defineComponent({
         setCurrentIndex(index);
       }
     };
-    const renderNav = () => children.map((item, index) => createVNode(stdin_default$1t, mergeProps({
+    const renderNav = () => children.map((item, index) => createVNode(stdin_default$1u, mergeProps({
       "key": item.id,
       "id": `${id}-${index}`,
       "ref": setTitleRefs(index),
@@ -2752,7 +2752,7 @@ var stdin_default$1q = defineComponent({
     const renderLine = () => {
       if (props.type === "line" && children.length) {
         return createVNode("div", {
-          "class": bem$1e("line"),
+          "class": bem$1f("line"),
           "style": state.lineStyle
         }, null);
       }
@@ -2766,13 +2766,13 @@ var stdin_default$1q = defineComponent({
       } = props;
       const Header = [createVNode("div", {
         "ref": sticky ? void 0 : wrapRef,
-        "class": [bem$1e("wrap"), {
+        "class": [bem$1f("wrap"), {
           [BORDER_TOP_BOTTOM]: type === "line" && border
         }]
       }, [createVNode("div", {
         "ref": navRef,
         "role": "tablist",
-        "class": bem$1e("nav", [type, {
+        "class": bem$1f("nav", [type, {
           shrink: props.shrink,
           complete: scrollable.value
         }]),
@@ -2840,14 +2840,14 @@ var stdin_default$1q = defineComponent({
     });
     return () => createVNode("div", {
       "ref": root,
-      "class": bem$1e([props.type])
+      "class": bem$1f([props.type])
     }, [props.sticky ? createVNode(Sticky, {
       "container": root.value,
       "offsetTop": offsetTopPx.value,
       "onScroll": onStickyScroll
     }, {
       default: () => [renderHeader()]
-    }) : renderHeader(), createVNode(stdin_default$1r, {
+    }) : renderHeader(), createVNode(stdin_default$1s, {
       "ref": contentRef,
       "count": children.length,
       "inited": state.inited,
@@ -2867,9 +2867,9 @@ var stdin_default$1q = defineComponent({
 });
 const TAB_STATUS_KEY = Symbol();
 const useTabStatus = () => inject(TAB_STATUS_KEY, null);
-const [name$1h, bem$1d] = createNamespace("swipe-item");
-var stdin_default$1p = defineComponent({
-  name: name$1h,
+const [name$1i, bem$1e] = createNamespace("swipe-item");
+var stdin_default$1q = defineComponent({
+  name: name$1i,
   setup(props, {
     slots
   }) {
@@ -2934,14 +2934,14 @@ var stdin_default$1p = defineComponent({
     return () => {
       var _a;
       return 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,
@@ -2952,8 +2952,8 @@ const tabProps = extend({}, routeProps, {
   titleStyle: [String, Object],
   showZeroBadge: truthProp
 });
-var stdin_default$1o = defineComponent({
-  name: name$1g,
+var stdin_default$1p = defineComponent({
+  name: name$1h,
   props: tabProps,
   setup(props, {
     slots
@@ -3021,7 +3021,7 @@ var stdin_default$1o = defineComponent({
         return createVNode(SwipeItem, {
           "id": id,
           "role": "tabpanel",
-          "class": bem$1c("panel-wrapper", {
+          "class": bem$1d("panel-wrapper", {
             inactive: hasInactiveClass.value
           }),
           "tabindex": active.value ? 0 : -1,
@@ -3031,7 +3031,7 @@ var stdin_default$1o = defineComponent({
           default: () => {
             var _a2;
             return [createVNode("div", {
-              "class": bem$1c("panel")
+              "class": bem$1d("panel")
             }, [(_a2 = slots.default) == null ? void 0 : _a2.call(slots)])];
           }
         });
@@ -3044,22 +3044,22 @@ var stdin_default$1o = defineComponent({
       return withDirectives(createVNode("div", {
         "id": id,
         "role": "tabpanel",
-        "class": bem$1c("panel"),
+        "class": bem$1d("panel"),
         "tabindex": show ? 0 : -1,
         "aria-labelledby": label
       }, [Content]), [[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 = defineComponent({
-  name: name$1f,
+var stdin_default$1o = defineComponent({
+  name: name$1g,
   props: pickerGroupProps,
   emits: ["confirm", "cancel"],
   setup(props, {
@@ -3079,18 +3079,18 @@ var stdin_default$1n = defineComponent({
       var _a;
       const childNodes = (_a = slots.default) == null ? void 0 : _a.call(slots);
       return createVNode("div", {
-        "class": bem$1b()
-      }, [createVNode(stdin_default$1v, mergeProps(props, {
+        "class": bem$1c()
+      }, [createVNode(stdin_default$1w, mergeProps(props, {
         "onConfirm": onConfirm,
         "onCancel": onCancel
       }), null), createVNode(Tabs, {
         "shrink": true,
-        "class": bem$1b("tabs"),
+        "class": bem$1c("tabs"),
         "animated": true
       }, {
         default: () => [props.tabs.map((title, index) => createVNode(Tab, {
           "title": title,
-          "titleClass": bem$1b("tab-title")
+          "titleClass": bem$1c("tab-title")
         }, {
           default: () => [childNodes == null ? void 0 : childNodes[index]]
         }))]
@@ -3113,8 +3113,8 @@ const pickerProps = extend({}, pickerSharedProps, {
   toolbarPosition: makeStringProp("top"),
   columnsFieldNames: Object
 });
-var stdin_default$1m = defineComponent({
-  name: name$1p,
+var stdin_default$1n = defineComponent({
+  name: name$1q,
   props: pickerProps,
   emits: ["confirm", "cancel", "change", "clickOption", "update:modelValue"],
   setup(props, {
@@ -3187,7 +3187,7 @@ var stdin_default$1m = defineComponent({
       return params;
     };
     const cancel = () => emit("cancel", getEventParams());
-    const renderColumnItems = () => currentColumns.value.map((options, columnIndex) => createVNode(stdin_default$1w, {
+    const renderColumnItems = () => currentColumns.value.map((options, columnIndex) => createVNode(stdin_default$1x, {
       "value": selectedValues.value[columnIndex],
       "fields": fields.value,
       "options": options,
@@ -3210,10 +3210,10 @@ var stdin_default$1m = defineComponent({
           backgroundSize: `100% ${(wrapHeight - optionHeight.value) / 2}px`
         };
         return [createVNode("div", {
-          "class": bem$1k("mask"),
+          "class": bem$1l("mask"),
           "style": maskStyle
         }, null), createVNode("div", {
-          "class": [BORDER_UNSET_TOP_BOTTOM, bem$1k("frame")],
+          "class": [BORDER_UNSET_TOP_BOTTOM, bem$1l("frame")],
           "style": frameStyle
         }, null)];
       }
@@ -3225,13 +3225,13 @@ var stdin_default$1m = defineComponent({
       };
       return createVNode("div", {
         "ref": columnsRef,
-        "class": bem$1k("columns"),
+        "class": bem$1l("columns"),
         "style": columnsStyle
       }, [renderColumnItems(), renderMask(wrapHeight)]);
     };
     const renderToolbar = () => {
       if (props.showToolbar && !parent) {
-        return createVNode(stdin_default$1v, mergeProps(pick(props, pickerToolbarPropKeys), {
+        return createVNode(stdin_default$1w, mergeProps(pick(props, pickerToolbarPropKeys), {
           "onConfirm": confirm,
           "onCancel": cancel
         }), pick(slots, pickerToolbarSlots));
@@ -3273,9 +3273,9 @@ var stdin_default$1m = defineComponent({
     return () => {
       var _a, _b;
       return createVNode("div", {
-        "class": bem$1k()
+        "class": bem$1l()
       }, [props.toolbarPosition === "top" ? renderToolbar() : null, props.loading ? 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]);
     };
   }
@@ -3366,8 +3366,8 @@ function formatDataForCascade({
   }
   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),
@@ -3377,8 +3377,8 @@ const areaProps = extend({}, pickerSharedProps, {
     default: () => ({})
   }
 });
-var stdin_default$1l = defineComponent({
-  name: name$1e,
+var stdin_default$1m = defineComponent({
+  name: name$1f,
   props: areaProps,
   emits: ["change", "confirm", "cancel", "update:modelValue"],
   setup(props, {
@@ -3425,7 +3425,7 @@ var stdin_default$1l = defineComponent({
       "ref": picker,
       "modelValue": codes.value,
       "onUpdate:modelValue": ($event) => codes.value = $event,
-      "class": bem$1a(),
+      "class": bem$1b(),
       "columns": columns.value,
       "onChange": onChange,
       "onCancel": onCancel,
@@ -3433,8 +3433,8 @@ var stdin_default$1l = defineComponent({
     }, 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,
@@ -3458,8 +3458,8 @@ const cellSharedProps = {
   }
 };
 const cellProps = extend({}, cellSharedProps, routeProps);
-var stdin_default$1k = defineComponent({
-  name: name$1d,
+var stdin_default$1l = defineComponent({
+  name: name$1e,
   props: cellProps,
   setup(props, {
     slots
@@ -3469,14 +3469,14 @@ var stdin_default$1k = defineComponent({
       const showLabel = slots.label || isDef(props.label);
       if (showLabel) {
         return 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 createVNode("div", {
-          "class": [bem$19("title"), props.titleClass],
+          "class": [bem$1a("title"), props.titleClass],
           "style": props.titleStyle
         }, [slots.title ? slots.title() : createVNode("span", null, [props.title]), renderLabel()]);
       }
@@ -3486,7 +3486,7 @@ var stdin_default$1k = defineComponent({
       const hasValue = slot || isDef(props.value);
       if (hasValue) {
         return createVNode("div", {
-          "class": [bem$19("value"), props.valueClass]
+          "class": [bem$1a("value"), props.valueClass]
         }, [slot ? slot() : createVNode("span", null, [props.value])]);
       }
     };
@@ -3497,7 +3497,7 @@ var stdin_default$1k = defineComponent({
       if (props.icon) {
         return createVNode(Icon, {
           "name": props.icon,
-          "class": bem$19("left-icon"),
+          "class": bem$1a("left-icon"),
           "classPrefix": props.iconPrefix
         }, null);
       }
@@ -3510,7 +3510,7 @@ var stdin_default$1k = defineComponent({
         const name2 = props.arrowDirection ? `arrow-${props.arrowDirection}` : "arrow";
         return createVNode(Icon, {
           "name": name2,
-          "class": bem$19("right-icon")
+          "class": bem$1a("right-icon")
         }, null);
       }
     };
@@ -3535,7 +3535,7 @@ var stdin_default$1k = defineComponent({
         classes[size] = !!size;
       }
       return createVNode(tag, {
-        "class": bem$19(classes),
+        "class": bem$1a(classes),
         "role": clickable ? "button" : void 0,
         "tabindex": clickable ? 0 : void 0,
         "onClick": route2
@@ -3548,8 +3548,8 @@ var stdin_default$1k = defineComponent({
     };
   }
 });
-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,
@@ -3568,8 +3568,8 @@ const formProps = {
     default: "onBlur"
   }
 };
-var stdin_default$1j = defineComponent({
-  name: name$1c,
+var stdin_default$1k = defineComponent({
+  name: name$1d,
   props: formProps,
   emits: ["submit", "failed"],
   setup(props, {
@@ -3693,13 +3693,13 @@ var stdin_default$1j = defineComponent({
     return () => {
       var _a;
       return 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;
@@ -3788,7 +3788,7 @@ function getStringLength(str) {
 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,
@@ -3835,8 +3835,8 @@ const fieldProps = extend({}, cellSharedProps, fieldSharedProps, {
     default: null
   }
 });
-var stdin_default$1i = defineComponent({
-  name: name$1b,
+var stdin_default$1j = defineComponent({
+  name: name$1c,
   props: fieldProps,
   emits: ["blur", "focus", "clear", "keypress", "clickInput", "endValidate", "startValidate", "clickLeftIcon", "clickRightIcon", "update:modelValue"],
   setup(props, {
@@ -4065,7 +4065,7 @@ var stdin_default$1i = defineComponent({
     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
@@ -4107,7 +4107,7 @@ var stdin_default$1i = defineComponent({
       const leftIconSlot = slots["left-icon"];
       if (props.leftIcon || leftIconSlot) {
         return createVNode("div", {
-          "class": bem$17("left-icon"),
+          "class": bem$18("left-icon"),
           "onClick": onClickLeftIcon
         }, [leftIconSlot ? leftIconSlot() : createVNode(Icon, {
           "name": props.leftIcon,
@@ -4119,7 +4119,7 @@ var stdin_default$1i = defineComponent({
       const rightIconSlot = slots["right-icon"];
       if (props.rightIcon || rightIconSlot) {
         return createVNode("div", {
-          "class": bem$17("right-icon"),
+          "class": bem$18("right-icon"),
           "onClick": onClickRightIcon
         }, [rightIconSlot ? rightIconSlot() : createVNode(Icon, {
           "name": props.rightIcon,
@@ -4131,9 +4131,9 @@ var stdin_default$1i = defineComponent({
       if (props.showWordLimit && props.maxlength) {
         const count = getStringLength(getModelValue());
         return createVNode("div", {
-          "class": bem$17("word-limit")
+          "class": bem$18("word-limit")
         }, [createVNode("span", {
-          "class": bem$17("word-num")
+          "class": bem$18("word-num")
         }, [count]), createTextVNode("/"), props.maxlength]);
       }
     };
@@ -4146,7 +4146,7 @@ var stdin_default$1i = defineComponent({
         const slot = slots["error-message"];
         const errorMessageAlign = getProp("errorMessageAlign");
         return createVNode("div", {
-          "class": bem$17("error-message", errorMessageAlign)
+          "class": bem$18("error-message", errorMessageAlign)
         }, [slot ? slot({
           message
         }) : message]);
@@ -4165,13 +4165,13 @@ var stdin_default$1i = defineComponent({
       }
     };
     const renderFieldBody = () => [createVNode("div", {
-      "class": bem$17("body")
+      "class": bem$18("body")
     }, [renderInput(), showClear.value && createVNode(Icon, {
       "ref": clearIconRef,
       "name": props.clearIcon,
-      "class": bem$17("clear")
+      "class": bem$18("clear")
     }, null), renderRightIcon(), slots.button && createVNode("div", {
-      "class": bem$17("button")
+      "class": bem$18("button")
     }, [slots.button()])]), renderWordLimit(), renderMessage()];
     useExpose({
       blur,
@@ -4210,7 +4210,7 @@ var stdin_default$1i = defineComponent({
       const renderTitle = () => labelAlign === "top" ? [LeftIcon, Label] : Label;
       return createVNode(Cell, {
         "size": props.size,
-        "class": bem$17({
+        "class": bem$18({
           error: showError.value,
           disabled,
           [`label-${labelAlign}`]: labelAlign
@@ -4220,8 +4220,8 @@ var stdin_default$1i = defineComponent({
         "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
@@ -4234,7 +4234,7 @@ var stdin_default$1i = defineComponent({
     };
   }
 });
-const Field = withInstall(stdin_default$1i);
+const Field = withInstall(stdin_default$1j);
 let lockCount = 0;
 function lockClick(lock) {
   if (lock) {
@@ -4249,7 +4249,7 @@ function lockClick(lock) {
     }
   }
 }
-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,
@@ -4272,8 +4272,8 @@ const toastProps = {
   closeOnClick: Boolean,
   closeOnClickOverlay: Boolean
 };
-var stdin_default$1h = defineComponent({
-  name: name$1a,
+var stdin_default$1i = defineComponent({
+  name: name$1b,
   props: toastProps,
   emits: ["update:show"],
   setup(props, {
@@ -4309,13 +4309,13 @@ var stdin_default$1h = defineComponent({
         return createVNode(Icon, {
           "name": icon || type,
           "size": iconSize,
-          "class": bem$16("icon"),
+          "class": bem$17("icon"),
           "classPrefix": iconPrefix
         }, null);
       }
       if (type === "loading") {
         return createVNode(Loading, {
-          "class": bem$16("loading"),
+          "class": bem$17("loading"),
           "size": iconSize,
           "type": loadingType
         }, null);
@@ -4328,16 +4328,16 @@ var stdin_default$1h = defineComponent({
       } = props;
       if (slots.message) {
         return createVNode("div", {
-          "class": bem$16("text")
+          "class": bem$17("text")
         }, [slots.message()]);
       }
       if (isDef(message) && message !== "") {
         return type === "html" ? createVNode("div", {
           "key": 0,
-          "class": bem$16("text"),
+          "class": bem$17("text"),
           "innerHTML": String(message)
         }, null) : createVNode("div", {
-          "class": bem$16("text")
+          "class": bem$17("text")
         }, [message]);
       }
     };
@@ -4353,7 +4353,7 @@ var stdin_default$1h = defineComponent({
     onMounted(toggleClickable);
     onUnmounted(toggleClickable);
     return () => createVNode(Popup, 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,
@@ -4454,7 +4454,7 @@ function createInstance() {
           onClosed,
           "onUpdate:show": toggle
         };
-        return createVNode(stdin_default$1h, mergeProps(state, attrs), null);
+        return createVNode(stdin_default$1i, mergeProps(state, attrs), null);
       };
       watch(message, (val) => {
         state.message = val;
@@ -4524,8 +4524,8 @@ const resetToastDefaultOptions = (type) => {
 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,
@@ -4542,8 +4542,8 @@ const switchProps = {
     default: false
   }
 };
-var stdin_default$1g = defineComponent({
-  name: name$19,
+var stdin_default$1h = defineComponent({
+  name: name$1a,
   props: switchProps,
   emits: ["change", "update:modelValue"],
   setup(props, {
@@ -4562,7 +4562,7 @@ var stdin_default$1g = defineComponent({
       if (props.loading) {
         const color = isChecked() ? props.activeColor : props.inactiveColor;
         return createVNode(Loading, {
-          "class": bem$15("loading"),
+          "class": bem$16("loading"),
           "color": color
         }, null);
       }
@@ -4587,7 +4587,7 @@ var stdin_default$1g = defineComponent({
       };
       return createVNode("div", {
         "role": "switch",
-        "class": bem$15({
+        "class": bem$16({
           on: checked,
           loading,
           disabled
@@ -4597,16 +4597,16 @@ var stdin_default$1g = defineComponent({
         "aria-checked": checked,
         "onClick": onClick
       }, [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 = defineComponent({
-  name: name$18,
+var stdin_default$1g = defineComponent({
+  name: name$19,
   props: {
     show: Boolean,
     rows: numericProp,
@@ -4640,7 +4640,7 @@ var stdin_default$1f = defineComponent({
         "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));
@@ -4654,7 +4654,7 @@ var stdin_default$1f = defineComponent({
           "autosize": true,
           "clearable": true,
           "ref": field,
-          "class": bem$14(),
+          "class": bem$15(),
           "rows": props.rows,
           "type": "textarea",
           "rules": props.rules,
@@ -4671,7 +4671,7 @@ var stdin_default$1f = defineComponent({
     };
   }
 });
-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: "",
@@ -4711,8 +4711,8 @@ const addressEditProps = {
     default: isMobile
   }
 };
-var stdin_default$1e = defineComponent({
-  name: name$17,
+var stdin_default$1f = defineComponent({
+  name: name$18,
   props: addressEditProps,
   emits: ["save", "focus", "delete", "clickArea", "changeArea", "changeDetail", "selectSearch", "changeDefault"],
   setup(props, {
@@ -4823,7 +4823,7 @@ var stdin_default$1e = defineComponent({
         return withDirectives(createVNode(Cell, {
           "center": true,
           "title": t$h("defaultAddress"),
-          "class": bem$13("default")
+          "class": bem$14("default")
         }, slots2), [[vShow, !hideBottomFields.value]]);
       }
     };
@@ -4849,13 +4849,13 @@ var stdin_default$1e = defineComponent({
         disableArea
       } = props;
       return createVNode(Form, {
-        "class": bem$13(),
+        "class": bem$14(),
         "onSubmit": onSave
       }, {
         default: () => {
           var _a;
           return [createVNode("div", {
-            "class": bem$13("fields")
+            "class": bem$14("fields")
           }, [createVNode(Field, {
             "modelValue": data.name,
             "onUpdate:modelValue": ($event) => data.name = $event,
@@ -4886,7 +4886,7 @@ var stdin_default$1e = defineComponent({
               emit("clickArea");
               showAreaPopup.value = !disableArea;
             }
-          }, null), [[vShow, props.showArea]]), createVNode(stdin_default$1f, {
+          }, null), [[vShow, props.showArea]]), createVNode(stdin_default$1g, {
             "show": props.showDetail,
             "rows": props.detailRows,
             "rules": rules.value.addressDetail,
@@ -4900,19 +4900,19 @@ var stdin_default$1e = defineComponent({
             "onInput": onChangeDetail,
             "onSelectSearch": (event) => emit("selectSearch", event)
           }, null), (_a = slots.default) == null ? void 0 : _a.call(slots)]), renderSetDefaultCell(), withDirectives(createVNode("div", {
-            "class": bem$13("buttons")
+            "class": bem$14("buttons")
           }, [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 && 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
@@ -4942,8 +4942,8 @@ var stdin_default$1e = defineComponent({
     };
   }
 });
-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,
@@ -4951,9 +4951,9 @@ const radioGroupProps = {
   modelValue: unknownProp,
   checkedColor: String
 };
-const RADIO_KEY = Symbol(name$16);
-var stdin_default$1d = defineComponent({
-  name: name$16,
+const RADIO_KEY = Symbol(name$17);
+var stdin_default$1e = defineComponent({
+  name: name$17,
   props: radioGroupProps,
   emits: ["change", "update:modelValue"],
   setup(props, {
@@ -4973,14 +4973,14 @@ var stdin_default$1d = defineComponent({
     return () => {
       var _a;
       return 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,
@@ -4992,8 +4992,8 @@ const tagProps = {
   textColor: String,
   closeable: Boolean
 };
-var stdin_default$1c = defineComponent({
-  name: name$15,
+var stdin_default$1d = defineComponent({
+  name: name$16,
   props: tagProps,
   emits: ["close"],
   setup(props, {
@@ -5036,12 +5036,12 @@ var stdin_default$1c = defineComponent({
       }
       const CloseIcon = closeable && createVNode(Icon, {
         "name": "cross",
-        "class": [bem$11("close"), HAPTICS_FEEDBACK],
+        "class": [bem$12("close"), HAPTICS_FEEDBACK],
         "onClick": onClose
       }, null);
       return 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 () => createVNode(Transition, {
@@ -5051,7 +5051,7 @@ var stdin_default$1c = defineComponent({
     });
   }
 });
-const Tag = withInstall(stdin_default$1c);
+const Tag = withInstall(stdin_default$1d);
 const checkerProps = {
   name: unknownProp,
   shape: makeStringProp("round"),
@@ -5062,7 +5062,7 @@ const checkerProps = {
   labelPosition: String,
   labelDisabled: Boolean
 };
-var stdin_default$1b = defineComponent({
+var stdin_default$1c = defineComponent({
   props: extend({}, checkerProps, {
     bem: makeRequiredProp(Function),
     role: String,
@@ -5152,9 +5152,9 @@ var stdin_default$1b = defineComponent({
   }
 });
 const radioProps = checkerProps;
-const [name$14, bem$10] = createNamespace("radio");
-var stdin_default$1a = defineComponent({
-  name: name$14,
+const [name$15, bem$11] = createNamespace("radio");
+var stdin_default$1b = defineComponent({
+  name: name$15,
   props: checkerProps,
   emits: ["update:modelValue"],
   setup(props, {
@@ -5175,8 +5175,8 @@ var stdin_default$1a = defineComponent({
         emit("update:modelValue", props.name);
       }
     };
-    return () => createVNode(stdin_default$1b, mergeProps({
-      "bem": bem$10,
+    return () => createVNode(stdin_default$1c, mergeProps({
+      "bem": bem$11,
       "role": "radio",
       "parent": parent,
       "checked": checked(),
@@ -5184,10 +5184,10 @@ var stdin_default$1a = defineComponent({
     }, props), pick(slots, ["default", "icon"]));
   }
 });
-const Radio = withInstall(stdin_default$1a);
-const [name$13, bem$$] = createNamespace("address-item");
-var stdin_default$19 = defineComponent({
-  name: name$13,
+const Radio = withInstall(stdin_default$1b);
+const [name$14, bem$10] = createNamespace("address-item");
+var stdin_default$1a = defineComponent({
+  name: name$14,
   props: {
     address: makeRequiredProp(Object),
     disabled: Boolean,
@@ -5207,7 +5207,7 @@ var stdin_default$19 = defineComponent({
     };
     const renderRightIcon = () => createVNode(Icon, {
       "name": "edit",
-      "class": bem$$("edit"),
+      "class": bem$10("edit"),
       "onClick": (event) => {
         event.stopPropagation();
         emit("edit");
@@ -5222,7 +5222,7 @@ var stdin_default$19 = defineComponent({
         return createVNode(Tag, {
           "type": "primary",
           "round": true,
-          "class": bem$$("tag")
+          "class": bem$10("tag")
         }, {
           default: () => [props.defaultTagText]
         });
@@ -5235,9 +5235,9 @@ var stdin_default$19 = defineComponent({
         switchable
       } = props;
       const Info = [createVNode("div", {
-        "class": bem$$("name")
+        "class": bem$10("name")
       }, [`${address.name} ${address.tel}`, renderTag()]), createVNode("div", {
-        "class": bem$$("address")
+        "class": bem$10("address")
       }, [address.address])];
       if (switchable && !disabled) {
         return createVNode(Radio, {
@@ -5255,13 +5255,13 @@ var stdin_default$19 = defineComponent({
         disabled
       } = props;
       return createVNode("div", {
-        "class": bem$$({
+        "class": bem$10({
           disabled
         }),
         "onClick": onClick
       }, [createVNode(Cell, {
         "border": false,
-        "titleClass": bem$$("title")
+        "titleClass": bem$10("title")
       }, {
         title: renderContent,
         "right-icon": renderRightIcon
@@ -5271,7 +5271,7 @@ var stdin_default$19 = defineComponent({
     };
   }
 });
-const [name$12, bem$_, t$g] = createNamespace("address-list");
+const [name$13, bem$$, t$g] = createNamespace("address-list");
 const addressListProps = {
   list: makeArrayProp(),
   modelValue: numericProp,
@@ -5281,8 +5281,8 @@ const addressListProps = {
   addButtonText: String,
   defaultTagText: String
 };
-var stdin_default$18 = defineComponent({
-  name: name$12,
+var stdin_default$19 = defineComponent({
+  name: name$13,
   props: addressListProps,
   emits: ["add", "edit", "select", "clickItem", "editDisabled", "selectDisabled", "update:modelValue"],
   setup(props, {
@@ -5298,7 +5298,7 @@ var stdin_default$18 = defineComponent({
           emit("update:modelValue", item.id);
         }
       };
-      return createVNode(stdin_default$19, {
+      return createVNode(stdin_default$1a, {
         "key": item.id,
         "address": item,
         "disabled": disabled,
@@ -5318,13 +5318,13 @@ var stdin_default$18 = defineComponent({
       }
     };
     const renderBottom = () => createVNode("div", {
-      "class": [bem$_("bottom"), "van-safe-area-bottom"]
+      "class": [bem$$("bottom"), "van-safe-area-bottom"]
     }, [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 () => {
@@ -5332,10 +5332,10 @@ var stdin_default$18 = defineComponent({
       const List2 = renderList(props.list);
       const DisabledList = renderList(props.disabledList, true);
       const DisabledText = props.disabledText && createVNode("div", {
-        "class": bem$_("disabled-text")
+        "class": bem$$("disabled-text")
       }, [props.disabledText]);
       return createVNode("div", {
-        "class": bem$_()
+        "class": bem$$()
       }, [(_a = slots.top) == null ? void 0 : _a.call(slots), createVNode(RadioGroup, {
         "modelValue": props.modelValue
       }, {
@@ -5344,7 +5344,249 @@ var stdin_default$18 = defineComponent({
     };
   }
 });
-const AddressList = withInstall(stdin_default$18);
+const AddressList = withInstall(stdin_default$19);
+const hasIntersectionObserver = inBrowser$1 && "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$1 ? window.devicePixelRatio || scale : scale;
+function supportWebp() {
+  if (!inBrowser$1)
+    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 = defineComponent({
+  name: name$12,
+  inheritAttrs: false,
+  props: backTopProps,
+  emits: ["click"],
+  setup(props, {
+    emit,
+    slots,
+    attrs
+  }) {
+    const show = ref(false);
+    const scrollParent = ref();
+    const root = ref(null);
+    let target;
+    const style = 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
+    });
+    onMounted(() => {
+      nextTick(() => {
+        if (inBrowser) {
+          target = props.target ? getTarget() : getScrollParent(root.value);
+          scrollParent.value = target;
+        }
+      });
+    });
+    return () => {
+      const Content = createVNode("div", mergeProps({
+        "ref": root,
+        "class": bem$_({
+          active: show.value
+        }),
+        "style": style.value,
+        "onClick": onClick
+      }, attrs), [slots.default ? slots.default() : createVNode(Icon, {
+        "name": "back-top",
+        "class": bem$_("icon")
+      }, null)]);
+      if (props.teleport) {
+        return createVNode(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) {
@@ -6843,7 +7085,7 @@ var stdin_default$_ = defineComponent({
       checked
     });
     useCustomFieldValue(() => props.modelValue);
-    return () => createVNode(stdin_default$1b, mergeProps({
+    return () => createVNode(stdin_default$1c, mergeProps({
       "bem": bem$T,
       "role": "checkbox",
       "parent": parent,
@@ -7364,7 +7606,7 @@ var stdin_default$V = defineComponent({
   }
 });
 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,
@@ -8842,11 +9084,13 @@ const dropdownItemProps = {
 };
 var stdin_default$I = defineComponent({
   name: name$C,
+  inheritAttrs: false,
   props: dropdownItemProps,
   emits: ["open", "opened", "close", "closed", "change", "update:modelValue"],
   setup(props, {
     emit,
-    slots
+    slots,
+    attrs
   }) {
     const state = reactive({
       showPopup: false,
@@ -8952,11 +9196,11 @@ var stdin_default$I = defineComponent({
       } else {
         style.bottom = `${offset.value}px`;
       }
-      return withDirectives(createVNode("div", {
+      return withDirectives(createVNode("div", mergeProps({
         "style": style,
         "class": bem$C([direction]),
         "onClick": onClickWrapper
-      }, [createVNode(Popup, {
+      }, attrs), [createVNode(Popup, {
         "show": state.showPopup,
         "onUpdate:show": ($event) => state.showPopup = $event,
         "role": "menu",
@@ -9955,7 +10199,7 @@ var stdin_default$B = defineComponent({
     emit,
     slots
   }) {
-    const loading = ref(false);
+    const loading = ref(props.loading);
     const root = ref();
     const placeholder = ref();
     const tabStatus = useTabStatus();
@@ -10521,11 +10765,13 @@ function shuffle(array) {
 }
 var stdin_default$w = 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 = ref();
     const genBasicKeys = () => {
@@ -10681,7 +10927,7 @@ var stdin_default$w = defineComponent({
       const Content = createVNode(Transition, {
         "name": props.transition ? "van-slide-up" : ""
       }, {
-        default: () => [withDirectives(createVNode("div", {
+        default: () => [withDirectives(createVNode("div", mergeProps({
           "ref": root,
           "style": getZIndexStyle(props.zIndex),
           "class": bem$q({
@@ -10690,7 +10936,7 @@ var stdin_default$w = defineComponent({
           }),
           "onAnimationend": onAnimationEnd,
           "onTouchstartPassive": stopPropagation
-        }, [Title, createVNode("div", {
+        }, attrs), [Title, createVNode("div", {
           "class": bem$q("body")
         }, [createVNode("div", {
           "class": bem$q("keys")
@@ -10920,7 +11166,7 @@ var stdin_default$u = defineComponent({
   }
 });
 const PasswordInput = withInstall(stdin_default$u);
-const PickerGroup = withInstall(stdin_default$1n);
+const PickerGroup = withInstall(stdin_default$1o);
 const useSyncPropRef = (getProp, setProp) => {
   const propRef = ref(getProp());
   watch(getProp, (value) => {
@@ -13816,158 +14062,6 @@ var stdin_default$4 = defineComponent({
   }
 });
 const Uploader = withInstall(stdin_default$4);
-const hasIntersectionObserver = inBrowser$1 && "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$1 ? window.devicePixelRatio || scale : scale;
-function supportWebp() {
-  if (!inBrowser$1)
-    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,
@@ -14713,7 +14807,7 @@ const Lazyload = {
     });
   }
 };
-const version = "4.0.0-rc.7";
+const version = "4.0.0-rc.8";
 function install(app) {
   const components = [
     ActionBar,
@@ -14723,6 +14817,7 @@ function install(app) {
     AddressEdit,
     AddressList,
     Area,
+    BackTop,
     Badge,
     Button,
     Calendar,
@@ -14825,6 +14920,7 @@ export {
   AddressEdit,
   AddressList,
   Area,
+  BackTop,
   Badge,
   Button,
   Calendar,
@@ -14919,6 +15015,7 @@ export {
   addressListProps,
   allowMultipleToast,
   areaProps,
+  backTopProps,
   badgeProps,
   buttonProps,
   calendarProps,