vant 4.0.0-rc.7 → 4.0.0-rc.9

package/lib/vant.cjs.js

@@ -237,7 +237,7 @@ function deepAssign(to, from) {
   });
   return to;
 }
-var stdin_default$1J = {
+var stdin_default$1K = {
   name: "\u59D3\u540D",
   tel: "\u7535\u8BDD",
   save: "\u4FDD\u5B58",
@@ -300,7 +300,7 @@ var stdin_default$1J = {
 };
 const lang = vue.ref("zh-CN");
 const messages = vue.reactive({
-  "zh-CN": stdin_default$1J
+  "zh-CN": stdin_default$1K
 });
 const Locale = {
   messages() {
@@ -314,11 +314,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;
   };
@@ -439,20 +439,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 = 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
     } = use.useChildren(ACTION_BAR_KEY);
@@ -461,7 +461,7 @@ var stdin_default$1H = vue.defineComponent({
       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)]);
@@ -474,7 +474,7 @@ var stdin_default$1H = vue.defineComponent({
     };
   }
 });
-const ActionBar = withInstall(stdin_default$1H);
+const ActionBar = withInstall(stdin_default$1I);
 function useExpose(apis) {
   const instance2 = vue.getCurrentInstance();
   if (instance2) {
@@ -502,7 +502,7 @@ function useRoute() {
   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,
@@ -513,8 +513,8 @@ const badgeProps = {
   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
@@ -568,7 +568,7 @@ var stdin_default$1G = vue.defineComponent({
     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
           }]),
@@ -582,7 +582,7 @@ var stdin_default$1G = vue.defineComponent({
           tag
         } = props;
         return vue.createVNode(tag, {
-          "class": bem$1u("wrapper")
+          "class": bem$1v("wrapper")
         }, {
           default: () => [slots.default(), renderBadge()]
         });
@@ -591,14 +591,14 @@ var stdin_default$1G = vue.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"),
@@ -615,8 +615,8 @@ function mapThemeVarsToCSSVars(themeVars) {
   });
   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
@@ -648,7 +648,7 @@ var stdin_default$1F = vue.defineComponent({
       }
     });
     return () => vue.createVNode(props.tag, {
-      "class": bem$1t(),
+      "class": bem$1u(),
       "style": style.value
     }, {
       default: () => {
@@ -658,7 +658,7 @@ var stdin_default$1F = vue.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,
@@ -670,14 +670,14 @@ const iconProps = {
   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,
@@ -701,7 +701,7 @@ var stdin_default$1E = vue.defineComponent({
         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)];
         }
@@ -709,13 +709,13 @@ var stdin_default$1E = vue.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) => 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",
@@ -731,8 +731,8 @@ const loadingProps = {
   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
@@ -743,7 +743,7 @@ var stdin_default$1D = vue.defineComponent({
     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]);
     };
@@ -751,7 +751,7 @@ var stdin_default$1D = vue.defineComponent({
       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
@@ -765,7 +765,7 @@ var stdin_default$1D = vue.defineComponent({
         vertical
       } = props;
       return vue.createVNode("div", {
-        "class": bem$1r([type, {
+        "class": bem$1s([type, {
           vertical
         }]),
         "aria-live": "polite",
@@ -774,8 +774,8 @@ var stdin_default$1D = vue.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,
@@ -797,8 +797,8 @@ const buttonProps = extend({}, routeProps, {
   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, {
@@ -813,7 +813,7 @@ var stdin_default$1C = vue.defineComponent({
       return vue.createVNode(Loading, {
         "size": props.loadingSize,
         "type": props.loadingType,
-        "class": bem$1q("loading")
+        "class": bem$1r("loading")
       }, null);
     };
     const renderIcon = () => {
@@ -822,13 +822,13 @@ var stdin_default$1C = vue.defineComponent({
       }
       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);
       }
@@ -842,7 +842,7 @@ var stdin_default$1C = vue.defineComponent({
       }
       if (text) {
         return vue.createVNode("span", {
-          "class": bem$1q("text")
+          "class": bem$1r("text")
         }, [text]);
       }
     };
@@ -889,7 +889,7 @@ var stdin_default$1C = vue.defineComponent({
         nativeType,
         iconPosition
       } = props;
-      const classes = [bem$1q([type, size, {
+      const classes = [bem$1r([type, size, {
         plain,
         block,
         round,
@@ -908,14 +908,14 @@ var stdin_default$1C = vue.defineComponent({
         "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,
@@ -924,8 +924,8 @@ const actionBarButtonProps = extend({}, routeProps, {
   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
@@ -960,7 +960,7 @@ var stdin_default$1B = vue.defineComponent({
         disabled
       } = props;
       return vue.createVNode(Button, {
-        "class": bem$1p([type, {
+        "class": bem$1q([type, {
           last: isLast.value,
           first: isFirst.value
         }]),
@@ -977,8 +977,8 @@ var stdin_default$1B = vue.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,
@@ -989,8 +989,8 @@ const actionBarIconProps = extend({}, routeProps, {
   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
@@ -1010,7 +1010,7 @@ var stdin_default$1A = vue.defineComponent({
       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
@@ -1022,20 +1022,20 @@ var stdin_default$1A = vue.defineComponent({
         "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,
@@ -1174,7 +1174,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,
@@ -1184,8 +1184,8 @@ const overlayProps = {
   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
@@ -1206,7 +1206,7 @@ var stdin_default$1z = vue.defineComponent({
       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]]);
     });
     use.useEventListener("touchmove", onTouchMove, {
@@ -1220,7 +1220,7 @@ var stdin_default$1z = vue.defineComponent({
     });
   }
 });
-const Overlay = withInstall(stdin_default$1z);
+const Overlay = withInstall(stdin_default$1A);
 const popupProps$2 = extend({}, popupSharedProps, {
   round: Boolean,
   position: makeStringProp("center"),
@@ -1233,9 +1233,9 @@ const popupProps$2 = extend({}, popupSharedProps, {
   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"],
@@ -1309,7 +1309,7 @@ var stdin_default$1y = vue.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);
@@ -1331,7 +1331,7 @@ var stdin_default$1y = vue.defineComponent({
         "style": style.value,
         "role": "dialog",
         "tabindex": 0,
-        "class": [bem$1m({
+        "class": [bem$1n({
           round,
           [position]: position
         }), {
@@ -1412,8 +1412,8 @@ var stdin_default$1y = vue.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,
@@ -1427,8 +1427,8 @@ const actionSheetProps = extend({}, popupSharedProps, {
   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, {
@@ -1443,10 +1443,10 @@ var stdin_default$1x = vue.defineComponent({
     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)]);
       }
@@ -1454,10 +1454,10 @@ var stdin_default$1x = vue.defineComponent({
     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])];
       }
@@ -1465,7 +1465,7 @@ var stdin_default$1x = vue.defineComponent({
     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) {
@@ -1475,9 +1475,9 @@ var stdin_default$1x = vue.defineComponent({
         });
       }
       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) => {
@@ -1505,7 +1505,7 @@ var stdin_default$1x = vue.defineComponent({
         "style": {
           color
         },
-        "class": [bem$1l("item", {
+        "class": [bem$1m("item", {
           loading,
           disabled
         }), className],
@@ -1516,26 +1516,26 @@ var stdin_default$1x = vue.defineComponent({
       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];
@@ -1604,10 +1604,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 = 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),
@@ -1740,7 +1740,7 @@ var stdin_default$1w = vue.defineComponent({
           role: "button",
           style: optionStyle,
           tabindex: disabled ? -1 : 0,
-          class: [bem$1j("item", {
+          class: [bem$1k("item", {
             disabled,
             selected: value === props.value
           }), option.className],
@@ -1768,7 +1768,7 @@ var stdin_default$1w = vue.defineComponent({
     });
     return () => vue.createVNode("div", {
       "ref": root,
-      "class": bem$1j(),
+      "class": bem$1k(),
       "onTouchstartPassive": onTouchStart,
       "onTouchend": onTouchEnd,
       "onTouchcancel": onTouchEnd
@@ -1779,12 +1779,12 @@ var stdin_default$1w = vue.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,
@@ -1792,8 +1792,8 @@ const pickerToolbarProps = {
 };
 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, {
@@ -1806,7 +1806,7 @@ var stdin_default$1v = vue.defineComponent({
       }
       if (props.title) {
         return vue.createVNode("div", {
-          "class": [bem$1k("title"), "van-ellipsis"]
+          "class": [bem$1l("title"), "van-ellipsis"]
         }, [props.title]);
       }
     };
@@ -1816,7 +1816,7 @@ var stdin_default$1v = vue.defineComponent({
       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]);
     };
@@ -1824,12 +1824,12 @@ var stdin_default$1v = vue.defineComponent({
       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()]]);
   }
 });
@@ -1913,7 +1913,7 @@ function useVisibilityChange(target, onChange) {
   vue.onBeforeUnmount(unobserve);
   use.onMountedOrActivated(observe);
 }
-const [name$1m, bem$1i] = createNamespace("sticky");
+const [name$1n, bem$1j] = createNamespace("sticky");
 const stickyProps = {
   zIndex: numericProp,
   position: makeStringProp("top"),
@@ -1921,8 +1921,8 @@ const stickyProps = {
   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, {
@@ -2017,7 +2017,7 @@ var stdin_default$1u = vue.defineComponent({
         "ref": root,
         "style": rootStyle.value
       }, [vue.createVNode("div", {
-        "class": bem$1i({
+        "class": bem$1j({
           fixed: state.fixed
         }),
         "style": stickyStyle.value
@@ -2025,10 +2025,10 @@ var stdin_default$1u = vue.defineComponent({
     };
   }
 });
-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,
@@ -2077,7 +2077,7 @@ var stdin_default$1t = vue.defineComponent({
     });
     const renderText = () => {
       const Text2 = vue.createVNode("span", {
-        "class": bem$1h("text", {
+        "class": bem$1i("text", {
           ellipsis: !props.scrollable
         })
       }, [slots.title ? slots.title() : props.title]);
@@ -2095,7 +2095,7 @@ var stdin_default$1t = vue.defineComponent({
     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,
@@ -2109,7 +2109,7 @@ var stdin_default$1t = vue.defineComponent({
     }, [renderText()]);
   }
 });
-const [name$1k, bem$1g] = createNamespace("swipe");
+const [name$1l, bem$1h] = createNamespace("swipe");
 const swipeProps = {
   loop: truthProp,
   width: numericProp,
@@ -2124,9 +2124,9 @@ const swipeProps = {
   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, {
@@ -2388,7 +2388,7 @@ var stdin_default$1s = vue.defineComponent({
       } : void 0;
       return vue.createVNode("i", {
         "style": style,
-        "class": bem$1g("indicator", {
+        "class": bem$1h("indicator", {
           active
         })
       }, null);
@@ -2402,7 +2402,7 @@ var stdin_default$1s = vue.defineComponent({
       }
       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)]);
@@ -2444,11 +2444,11 @@ var stdin_default$1s = vue.defineComponent({
       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,
@@ -2458,10 +2458,10 @@ var stdin_default$1s = vue.defineComponent({
     };
   }
 });
-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,
@@ -2485,7 +2485,7 @@ var stdin_default$1r = vue.defineComponent({
         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,
@@ -2513,13 +2513,13 @@ var stdin_default$1r = vue.defineComponent({
       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,
@@ -2542,9 +2542,9 @@ const tabsProps = {
   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, {
@@ -2733,7 +2733,7 @@ var stdin_default$1q = vue.defineComponent({
         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),
@@ -2754,7 +2754,7 @@ var stdin_default$1q = vue.defineComponent({
     const renderLine = () => {
       if (props.type === "line" && children.length) {
         return vue.createVNode("div", {
-          "class": bem$1e("line"),
+          "class": bem$1f("line"),
           "style": state.lineStyle
         }, null);
       }
@@ -2768,13 +2768,13 @@ var stdin_default$1q = vue.defineComponent({
       } = 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
         }]),
@@ -2842,14 +2842,14 @@ var stdin_default$1q = vue.defineComponent({
     });
     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,
@@ -2869,9 +2869,9 @@ var stdin_default$1q = vue.defineComponent({
 });
 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
   }) {
@@ -2936,14 +2936,14 @@ var stdin_default$1p = vue.defineComponent({
     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,
@@ -2954,8 +2954,8 @@ const tabProps = extend({}, routeProps, {
   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
@@ -3023,7 +3023,7 @@ var stdin_default$1o = vue.defineComponent({
         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,
@@ -3033,7 +3033,7 @@ var stdin_default$1o = vue.defineComponent({
           default: () => {
             var _a2;
             return [vue.createVNode("div", {
-              "class": bem$1c("panel")
+              "class": bem$1d("panel")
             }, [(_a2 = slots.default) == null ? void 0 : _a2.call(slots)])];
           }
         });
@@ -3046,22 +3046,22 @@ var stdin_default$1o = vue.defineComponent({
       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, {
@@ -3081,18 +3081,18 @@ var stdin_default$1n = vue.defineComponent({
       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]]
         }))]
@@ -3115,8 +3115,8 @@ const pickerProps = extend({}, pickerSharedProps, {
   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, {
@@ -3189,7 +3189,7 @@ var stdin_default$1m = vue.defineComponent({
       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,
@@ -3212,10 +3212,10 @@ var stdin_default$1m = vue.defineComponent({
           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)];
       }
@@ -3227,13 +3227,13 @@ var stdin_default$1m = vue.defineComponent({
       };
       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));
@@ -3275,9 +3275,9 @@ var stdin_default$1m = vue.defineComponent({
     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]);
     };
   }
@@ -3368,8 +3368,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),
@@ -3379,8 +3379,8 @@ const areaProps = extend({}, pickerSharedProps, {
     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, {
@@ -3427,7 +3427,7 @@ var stdin_default$1l = vue.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,
@@ -3435,8 +3435,8 @@ var stdin_default$1l = vue.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,
@@ -3460,8 +3460,8 @@ const cellSharedProps = {
   }
 };
 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
@@ -3471,14 +3471,14 @@ var stdin_default$1k = vue.defineComponent({
       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()]);
       }
@@ -3488,7 +3488,7 @@ var stdin_default$1k = vue.defineComponent({
       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])]);
       }
     };
@@ -3499,7 +3499,7 @@ var stdin_default$1k = vue.defineComponent({
       if (props.icon) {
         return vue.createVNode(Icon, {
           "name": props.icon,
-          "class": bem$19("left-icon"),
+          "class": bem$1a("left-icon"),
           "classPrefix": props.iconPrefix
         }, null);
       }
@@ -3509,10 +3509,10 @@ var stdin_default$1k = vue.defineComponent({
         return slots["right-icon"]();
       }
       if (props.isLink) {
-        const name2 = props.arrowDirection ? `arrow-${props.arrowDirection}` : "arrow";
+        const name2 = props.arrowDirection && props.arrowDirection !== "right" ? `arrow-${props.arrowDirection}` : "arrow";
         return vue.createVNode(Icon, {
           "name": name2,
-          "class": bem$19("right-icon")
+          "class": bem$1a("right-icon")
         }, null);
       }
     };
@@ -3537,7 +3537,7 @@ var stdin_default$1k = vue.defineComponent({
         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
@@ -3550,8 +3550,8 @@ var stdin_default$1k = vue.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,
@@ -3570,8 +3570,8 @@ const formProps = {
     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, {
@@ -3695,13 +3695,13 @@ var stdin_default$1j = vue.defineComponent({
     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;
@@ -3790,7 +3790,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,
@@ -3837,8 +3837,8 @@ const fieldProps = extend({}, cellSharedProps, fieldSharedProps, {
     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, {
@@ -4067,7 +4067,7 @@ var stdin_default$1i = vue.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
@@ -4109,7 +4109,7 @@ var stdin_default$1i = vue.defineComponent({
       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,
@@ -4121,7 +4121,7 @@ var stdin_default$1i = vue.defineComponent({
       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,
@@ -4133,9 +4133,9 @@ var stdin_default$1i = vue.defineComponent({
       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]);
       }
     };
@@ -4148,7 +4148,7 @@ var stdin_default$1i = vue.defineComponent({
         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]);
@@ -4167,13 +4167,13 @@ var stdin_default$1i = vue.defineComponent({
       }
     };
     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,
@@ -4212,7 +4212,7 @@ var stdin_default$1i = vue.defineComponent({
       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
@@ -4222,8 +4222,8 @@ var stdin_default$1i = vue.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
@@ -4236,7 +4236,7 @@ var stdin_default$1i = vue.defineComponent({
     };
   }
 });
-const Field = withInstall(stdin_default$1i);
+const Field = withInstall(stdin_default$1j);
 let lockCount = 0;
 function lockClick(lock) {
   if (lock) {
@@ -4251,7 +4251,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,
@@ -4274,8 +4274,8 @@ const toastProps = {
   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, {
@@ -4311,13 +4311,13 @@ var stdin_default$1h = vue.defineComponent({
         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);
@@ -4330,16 +4330,16 @@ var stdin_default$1h = vue.defineComponent({
       } = 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]);
       }
     };
@@ -4355,7 +4355,7 @@ var stdin_default$1h = vue.defineComponent({
     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,
@@ -4456,7 +4456,7 @@ function createInstance() {
           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;
@@ -4526,8 +4526,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,
@@ -4544,8 +4544,8 @@ const switchProps = {
     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, {
@@ -4564,7 +4564,7 @@ var stdin_default$1g = vue.defineComponent({
       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);
       }
@@ -4589,7 +4589,7 @@ var stdin_default$1g = vue.defineComponent({
       };
       return vue.createVNode("div", {
         "role": "switch",
-        "class": bem$15({
+        "class": bem$16({
           on: checked,
           loading,
           disabled
@@ -4599,16 +4599,16 @@ var stdin_default$1g = vue.defineComponent({
         "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,
@@ -4642,7 +4642,7 @@ var stdin_default$1f = vue.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));
@@ -4656,7 +4656,7 @@ var stdin_default$1f = vue.defineComponent({
           "autosize": true,
           "clearable": true,
           "ref": field,
-          "class": bem$14(),
+          "class": bem$15(),
           "rows": props.rows,
           "type": "textarea",
           "rules": props.rules,
@@ -4673,7 +4673,7 @@ var stdin_default$1f = vue.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: "",
@@ -4713,8 +4713,8 @@ const addressEditProps = {
     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, {
@@ -4825,7 +4825,7 @@ var stdin_default$1e = vue.defineComponent({
         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]]);
       }
     };
@@ -4851,13 +4851,13 @@ var stdin_default$1e = vue.defineComponent({
         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,
@@ -4888,7 +4888,7 @@ var stdin_default$1e = vue.defineComponent({
               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,
@@ -4902,19 +4902,19 @@ var stdin_default$1e = vue.defineComponent({
             "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
@@ -4944,8 +4944,8 @@ var stdin_default$1e = vue.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,
@@ -4953,9 +4953,9 @@ const radioGroupProps = {
   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, {
@@ -4975,14 +4975,14 @@ var stdin_default$1d = vue.defineComponent({
     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,
@@ -4994,8 +4994,8 @@ const tagProps = {
   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, {
@@ -5038,12 +5038,12 @@ var stdin_default$1c = vue.defineComponent({
       }
       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, {
@@ -5053,7 +5053,7 @@ var stdin_default$1c = vue.defineComponent({
     });
   }
 });
-const Tag = withInstall(stdin_default$1c);
+const Tag = withInstall(stdin_default$1d);
 const checkerProps = {
   name: unknownProp,
   shape: makeStringProp("round"),
@@ -5064,7 +5064,7 @@ const checkerProps = {
   labelPosition: String,
   labelDisabled: Boolean
 };
-var stdin_default$1b = vue.defineComponent({
+var stdin_default$1c = vue.defineComponent({
   props: extend({}, checkerProps, {
     bem: makeRequiredProp(Function),
     role: String,
@@ -5154,9 +5154,9 @@ var stdin_default$1b = vue.defineComponent({
   }
 });
 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, {
@@ -5177,8 +5177,8 @@ var stdin_default$1a = vue.defineComponent({
         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(),
@@ -5186,10 +5186,10 @@ var stdin_default$1a = vue.defineComponent({
     }, 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,
@@ -5209,7 +5209,7 @@ var stdin_default$19 = vue.defineComponent({
     };
     const renderRightIcon = () => vue.createVNode(Icon, {
       "name": "edit",
-      "class": bem$$("edit"),
+      "class": bem$10("edit"),
       "onClick": (event) => {
         event.stopPropagation();
         emit("edit");
@@ -5224,7 +5224,7 @@ var stdin_default$19 = vue.defineComponent({
         return vue.createVNode(Tag, {
           "type": "primary",
           "round": true,
-          "class": bem$$("tag")
+          "class": bem$10("tag")
         }, {
           default: () => [props.defaultTagText]
         });
@@ -5237,9 +5237,9 @@ var stdin_default$19 = vue.defineComponent({
         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, {
@@ -5257,13 +5257,13 @@ var stdin_default$19 = vue.defineComponent({
         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
@@ -5273,7 +5273,7 @@ var stdin_default$19 = vue.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,
@@ -5283,8 +5283,8 @@ const addressListProps = {
   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, {
@@ -5300,7 +5300,7 @@ var stdin_default$18 = vue.defineComponent({
           emit("update:modelValue", item.id);
         }
       };
-      return vue.createVNode(stdin_default$19, {
+      return vue.createVNode(stdin_default$1a, {
         "key": item.id,
         "address": item,
         "disabled": disabled,
@@ -5320,13 +5320,13 @@ var stdin_default$18 = vue.defineComponent({
       }
     };
     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 () => {
@@ -5334,10 +5334,10 @@ var stdin_default$18 = vue.defineComponent({
       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
       }, {
@@ -5346,7 +5346,249 @@ var stdin_default$18 = vue.defineComponent({
     };
   }
 });
-const AddressList = withInstall(stdin_default$18);
+const AddressList = withInstall(stdin_default$19);
+const hasIntersectionObserver = use.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) => use.inBrowser ? window.devicePixelRatio || scale : scale;
+function supportWebp() {
+  if (!use.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');
+    };
+    use.useEventListener("scroll", throttle(scroll, 300), {
+      target: scrollParent
+    });
+    vue.onMounted(() => {
+      vue.nextTick(() => {
+        if (inBrowser) {
+          target = props.target ? getTarget() : use.getScrollParent(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) {
@@ -6845,7 +7087,7 @@ var stdin_default$_ = vue.defineComponent({
       checked
     });
     use.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,
@@ -7366,7 +7608,7 @@ var stdin_default$V = vue.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,
@@ -8844,11 +9086,13 @@ const dropdownItemProps = {
 };
 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,
@@ -8954,11 +9198,11 @@ var stdin_default$I = vue.defineComponent({
       } else {
         style.bottom = `${offset.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",
@@ -9957,7 +10201,7 @@ var stdin_default$B = vue.defineComponent({
     emit,
     slots
   }) {
-    const loading = vue.ref(false);
+    const loading = vue.ref(props.loading);
     const root = vue.ref();
     const placeholder = vue.ref();
     const tabStatus = useTabStatus();
@@ -10523,11 +10767,13 @@ function shuffle(array) {
 }
 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 = () => {
@@ -10683,7 +10929,7 @@ var stdin_default$w = vue.defineComponent({
       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({
@@ -10692,7 +10938,7 @@ var stdin_default$w = vue.defineComponent({
           }),
           "onAnimationend": onAnimationEnd,
           "onTouchstartPassive": stopPropagation
-        }, [Title, vue.createVNode("div", {
+        }, attrs), [Title, vue.createVNode("div", {
           "class": bem$q("body")
         }, [vue.createVNode("div", {
           "class": bem$q("keys")
@@ -10922,7 +11168,7 @@ var stdin_default$u = vue.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 = vue.ref(getProp());
   vue.watch(getProp, (value) => {
@@ -13818,158 +14064,6 @@ var stdin_default$4 = vue.defineComponent({
   }
 });
 const Uploader = withInstall(stdin_default$4);
-const hasIntersectionObserver = use.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) => use.inBrowser ? window.devicePixelRatio || scale : scale;
-function supportWebp() {
-  if (!use.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,
@@ -14715,7 +14809,7 @@ const Lazyload = {
     });
   }
 };
-const version = "4.0.0-rc.7";
+const version = "4.0.0-rc.9";
 function install(app) {
   const components = [
     ActionBar,
@@ -14725,6 +14819,7 @@ function install(app) {
     AddressEdit,
     AddressList,
     Area,
+    BackTop,
     Badge,
     Button,
     Calendar,
@@ -14826,6 +14921,7 @@ exports.ActionSheet = ActionSheet;
 exports.AddressEdit = AddressEdit;
 exports.AddressList = AddressList;
 exports.Area = Area;
+exports.BackTop = BackTop;
 exports.Badge = Badge;
 exports.Button = Button;
 exports.Calendar = Calendar;
@@ -14920,6 +15016,7 @@ exports.addressEditProps = addressEditProps;
 exports.addressListProps = addressListProps;
 exports.allowMultipleToast = allowMultipleToast;
 exports.areaProps = areaProps;
+exports.backTopProps = backTopProps;
 exports.badgeProps = badgeProps;
 exports.buttonProps = buttonProps;
 exports.calendarProps = calendarProps;