vant 4.4.0 → 4.5.0

package/lib/vant.es.js

@@ -1,5 +1,6 @@
-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, Comment, Text, h } from "vue";
+import { unref, ref, reactive, inject, watch, onMounted, nextTick, createVNode, defineComponent, getCurrentInstance, computed, onActivated, onDeactivated, onBeforeUnmount, provide, watchEffect, mergeProps, Transition, withDirectives, vShow, Teleport, Fragment, onBeforeUpdate, normalizeClass, normalizeStyle, createTextVNode, onUnmounted, createApp, resolveDirective, withKeys, onUpdated, Comment, Text, h } from "vue";
 import { useWindowSize, useRect, useChildren, useParent, onMountedOrActivated, getScrollParent, useEventListener, cancelRaf, raf, useScrollParent, usePageVisibility, doubleRaf, CUSTOM_FIELD_INJECTION_KEY, useCustomFieldValue, inBrowser as inBrowser$1, useToggle, useCountDown, useClickAway } from "@vant/use";
+import { stringifyStyle } from "@vue/shared";
 import { offsetModifier, createPopper } from "@vant/popperjs";
 const isDef = (val) => val !== void 0 && val !== null;
 const isFunction = (val) => typeof val === "function";
@@ -111,7 +112,7 @@ function isHidden(elementRef) {
   const parentHidden = el.offsetParent === null && style.position !== "fixed";
   return hidden || parentHidden;
 }
-const { width: windowWidth, height: windowHeight } = useWindowSize();
+const { width: windowWidth, height: windowHeight$1 } = useWindowSize();
 function addUnit(value) {
   if (isDef(value)) {
     return isNumeric(value) ? `${value}px` : String(value);
@@ -159,7 +160,7 @@ function convertVw(value) {
 }
 function convertVh(value) {
   value = value.replace(/vh/g, "");
-  return +value * windowHeight.value / 100;
+  return +value * windowHeight$1.value / 100;
 }
 function unitToPx(value) {
   if (typeof value === "number") {
@@ -235,7 +236,7 @@ function deepAssign(to, from) {
   });
   return to;
 }
-var stdin_default$1Q = {
+var stdin_default$1R = {
   name: "姓名",
   tel: "电话",
   save: "保存",
@@ -299,7 +300,7 @@ var stdin_default$1Q = {
 };
 const lang = ref("zh-CN");
 const messages = reactive({
-  "zh-CN": stdin_default$1Q
+  "zh-CN": stdin_default$1R
 });
 const Locale = {
   messages() {
@@ -314,11 +315,11 @@ const Locale = {
   }
 };
 const useCurrentLang = () => lang;
-var stdin_default$1P = Locale;
+var stdin_default$1Q = Locale;
 function createTranslate(name2) {
   const prefix = camelize(name2) + ".";
   return (path, ...args) => {
-    const messages2 = stdin_default$1P.messages();
+    const messages2 = stdin_default$1Q.messages();
     const message = get(messages2, prefix + path) || get(messages2, path);
     return isFunction(message) ? message(...args) : message;
   };
@@ -362,6 +363,7 @@ function createNamespace(name2) {
 const BORDER = "van-hairline";
 const BORDER_TOP = `${BORDER}--top`;
 const BORDER_LEFT = `${BORDER}--left`;
+const BORDER_RIGHT = `${BORDER}--right`;
 const BORDER_BOTTOM = `${BORDER}--bottom`;
 const BORDER_SURROUND = `${BORDER}--surround`;
 const BORDER_TOP_BOTTOM = `${BORDER}--top-bottom`;
@@ -428,7 +430,7 @@ const useHeight = (element, withSafeArea) => {
     }
   });
   onPopupReopen(() => nextTick(setHeight));
-  watch([windowWidth, windowHeight], setHeight);
+  watch([windowWidth, windowHeight$1], setHeight);
   return height;
 };
 function usePlaceholder(contentRef, bem2) {
@@ -440,20 +442,20 @@ function usePlaceholder(contentRef, bem2) {
     }
   }, [renderContent()]);
 }
-const [name$1F, bem$1A] = createNamespace("action-bar");
-const ACTION_BAR_KEY = Symbol(name$1F);
+const [name$1G, bem$1B] = createNamespace("action-bar");
+const ACTION_BAR_KEY = Symbol(name$1G);
 const actionBarProps = {
   placeholder: Boolean,
   safeAreaInsetBottom: truthProp
 };
-var stdin_default$1O = defineComponent({
-  name: name$1F,
+var stdin_default$1P = defineComponent({
+  name: name$1G,
   props: actionBarProps,
   setup(props, {
     slots
   }) {
     const root = ref();
-    const renderPlaceholder = usePlaceholder(root, bem$1A);
+    const renderPlaceholder = usePlaceholder(root, bem$1B);
     const {
       linkChildren
     } = useChildren(ACTION_BAR_KEY);
@@ -462,7 +464,7 @@ var stdin_default$1O = defineComponent({
       var _a;
       return createVNode("div", {
         "ref": root,
-        "class": [bem$1A(), {
+        "class": [bem$1B(), {
           "van-safe-area-bottom": props.safeAreaInsetBottom
         }]
       }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
@@ -475,7 +477,7 @@ var stdin_default$1O = defineComponent({
     };
   }
 });
-const ActionBar = withInstall(stdin_default$1O);
+const ActionBar = withInstall(stdin_default$1P);
 function useExpose(apis) {
   const instance2 = getCurrentInstance();
   if (instance2) {
@@ -503,7 +505,7 @@ function useRoute() {
   const vm = getCurrentInstance().proxy;
   return () => route(vm);
 }
-const [name$1E, bem$1z] = createNamespace("badge");
+const [name$1F, bem$1A] = createNamespace("badge");
 const badgeProps = {
   dot: Boolean,
   max: numericProp,
@@ -514,8 +516,8 @@ const badgeProps = {
   showZero: truthProp,
   position: makeStringProp("top-right")
 };
-var stdin_default$1N = defineComponent({
-  name: name$1E,
+var stdin_default$1O = defineComponent({
+  name: name$1F,
   props: badgeProps,
   setup(props, {
     slots
@@ -578,7 +580,7 @@ var stdin_default$1N = defineComponent({
     const renderBadge = () => {
       if (hasContent() || props.dot) {
         return createVNode("div", {
-          "class": bem$1z([props.position, {
+          "class": bem$1A([props.position, {
             dot: props.dot,
             fixed: !!slots.default
           }]),
@@ -592,7 +594,7 @@ var stdin_default$1N = defineComponent({
           tag
         } = props;
         return createVNode(tag, {
-          "class": bem$1z("wrapper")
+          "class": bem$1A("wrapper")
         }, {
           default: () => [slots.default(), renderBadge()]
         });
@@ -601,14 +603,14 @@ var stdin_default$1N = defineComponent({
     };
   }
 });
-const Badge = withInstall(stdin_default$1N);
+const Badge = withInstall(stdin_default$1O);
 let globalZIndex = 2e3;
 const useGlobalZIndex = () => ++globalZIndex;
 const setGlobalZIndex = (val) => {
   globalZIndex = val;
 };
-const [name$1D, bem$1y] = createNamespace("config-provider");
-const CONFIG_PROVIDER_KEY = Symbol(name$1D);
+const [name$1E, bem$1z] = createNamespace("config-provider");
+const CONFIG_PROVIDER_KEY = Symbol(name$1E);
 const configProviderProps = {
   tag: makeStringProp("div"),
   theme: makeStringProp("light"),
@@ -625,8 +627,8 @@ function mapThemeVarsToCSSVars(themeVars) {
   });
   return cssVars;
 }
-var stdin_default$1M = defineComponent({
-  name: name$1D,
+var stdin_default$1N = defineComponent({
+  name: name$1E,
   props: configProviderProps,
   setup(props, {
     slots
@@ -658,7 +660,7 @@ var stdin_default$1M = defineComponent({
       }
     });
     return () => createVNode(props.tag, {
-      "class": bem$1y(),
+      "class": bem$1z(),
       "style": style.value
     }, {
       default: () => {
@@ -668,7 +670,7 @@ var stdin_default$1M = defineComponent({
     });
   }
 });
-const [name$1C, bem$1x] = createNamespace("icon");
+const [name$1D, bem$1y] = createNamespace("icon");
 const isImage$1 = (name2) => name2 == null ? void 0 : name2.includes("/");
 const iconProps = {
   dot: Boolean,
@@ -680,14 +682,14 @@ const iconProps = {
   badgeProps: Object,
   classPrefix: String
 };
-var stdin_default$1L = defineComponent({
-  name: name$1C,
+var stdin_default$1M = defineComponent({
+  name: name$1D,
   props: iconProps,
   setup(props, {
     slots
   }) {
     const config = inject(CONFIG_PROVIDER_KEY, null);
-    const classPrefix = computed(() => props.classPrefix || (config == null ? void 0 : config.iconPrefix) || bem$1x());
+    const classPrefix = computed(() => props.classPrefix || (config == null ? void 0 : config.iconPrefix) || bem$1y());
     return () => {
       const {
         tag,
@@ -711,7 +713,7 @@ var stdin_default$1L = defineComponent({
         default: () => {
           var _a;
           return [(_a = slots.default) == null ? void 0 : _a.call(slots), isImageIcon && createVNode("img", {
-            "class": bem$1x("image"),
+            "class": bem$1y("image"),
             "src": name2
           }, null)];
         }
@@ -719,13 +721,13 @@ var stdin_default$1L = defineComponent({
     };
   }
 });
-const Icon = withInstall(stdin_default$1L);
-const [name$1B, bem$1w] = createNamespace("loading");
+const Icon = withInstall(stdin_default$1M);
+const [name$1C, bem$1x] = createNamespace("loading");
 const SpinIcon = Array(12).fill(null).map((_, index) => createVNode("i", {
-  "class": bem$1w("line", String(index + 1))
+  "class": bem$1x("line", String(index + 1))
 }, null));
 const CircularIcon = createVNode("svg", {
-  "class": bem$1w("circular"),
+  "class": bem$1x("circular"),
   "viewBox": "25 25 50 50"
 }, [createVNode("circle", {
   "cx": "50",
@@ -741,8 +743,8 @@ const loadingProps = {
   textSize: numericProp,
   textColor: String
 };
-var stdin_default$1K = defineComponent({
-  name: name$1B,
+var stdin_default$1L = defineComponent({
+  name: name$1C,
   props: loadingProps,
   setup(props, {
     slots
@@ -753,7 +755,7 @@ var stdin_default$1K = defineComponent({
     const renderIcon = () => {
       const DefaultIcon = props.type === "spinner" ? SpinIcon : CircularIcon;
       return createVNode("span", {
-        "class": bem$1w("spinner", props.type),
+        "class": bem$1x("spinner", props.type),
         "style": spinnerStyle.value
       }, [slots.icon ? slots.icon() : DefaultIcon]);
     };
@@ -761,7 +763,7 @@ var stdin_default$1K = defineComponent({
       var _a;
       if (slots.default) {
         return createVNode("span", {
-          "class": bem$1w("text"),
+          "class": bem$1x("text"),
           "style": {
             fontSize: addUnit(props.textSize),
             color: (_a = props.textColor) != null ? _a : props.color
@@ -775,7 +777,7 @@ var stdin_default$1K = defineComponent({
         vertical
       } = props;
       return createVNode("div", {
-        "class": bem$1w([type, {
+        "class": bem$1x([type, {
           vertical
         }]),
         "aria-live": "polite",
@@ -784,8 +786,8 @@ var stdin_default$1K = defineComponent({
     };
   }
 });
-const Loading = withInstall(stdin_default$1K);
-const [name$1A, bem$1v] = createNamespace("button");
+const Loading = withInstall(stdin_default$1L);
+const [name$1B, bem$1w] = createNamespace("button");
 const buttonProps = extend({}, routeProps, {
   tag: makeStringProp("button"),
   text: String,
@@ -807,8 +809,8 @@ const buttonProps = extend({}, routeProps, {
   loadingType: String,
   iconPosition: makeStringProp("left")
 });
-var stdin_default$1J = defineComponent({
-  name: name$1A,
+var stdin_default$1K = defineComponent({
+  name: name$1B,
   props: buttonProps,
   emits: ["click"],
   setup(props, {
@@ -823,7 +825,7 @@ var stdin_default$1J = defineComponent({
       return createVNode(Loading, {
         "size": props.loadingSize,
         "type": props.loadingType,
-        "class": bem$1v("loading")
+        "class": bem$1w("loading")
       }, null);
     };
     const renderIcon = () => {
@@ -832,13 +834,13 @@ var stdin_default$1J = defineComponent({
       }
       if (slots.icon) {
         return createVNode("div", {
-          "class": bem$1v("icon")
+          "class": bem$1w("icon")
         }, [slots.icon()]);
       }
       if (props.icon) {
         return createVNode(Icon, {
           "name": props.icon,
-          "class": bem$1v("icon"),
+          "class": bem$1w("icon"),
           "classPrefix": props.iconPrefix
         }, null);
       }
@@ -852,7 +854,7 @@ var stdin_default$1J = defineComponent({
       }
       if (text) {
         return createVNode("span", {
-          "class": bem$1v("text")
+          "class": bem$1w("text")
         }, [text]);
       }
     };
@@ -899,7 +901,7 @@ var stdin_default$1J = defineComponent({
         nativeType,
         iconPosition
       } = props;
-      const classes = [bem$1v([type, size, {
+      const classes = [bem$1w([type, size, {
         plain,
         block,
         round,
@@ -918,14 +920,14 @@ var stdin_default$1J = defineComponent({
         "onClick": onClick
       }, {
         default: () => [createVNode("div", {
-          "class": bem$1v("content")
+          "class": bem$1w("content")
         }, [iconPosition === "left" && renderIcon(), renderText(), iconPosition === "right" && renderIcon()])]
       });
     };
   }
 });
-const Button = withInstall(stdin_default$1J);
-const [name$1z, bem$1u] = createNamespace("action-bar-button");
+const Button = withInstall(stdin_default$1K);
+const [name$1A, bem$1v] = createNamespace("action-bar-button");
 const actionBarButtonProps = extend({}, routeProps, {
   type: String,
   text: String,
@@ -934,8 +936,8 @@ const actionBarButtonProps = extend({}, routeProps, {
   loading: Boolean,
   disabled: Boolean
 });
-var stdin_default$1I = defineComponent({
-  name: name$1z,
+var stdin_default$1J = defineComponent({
+  name: name$1A,
   props: actionBarButtonProps,
   setup(props, {
     slots
@@ -970,7 +972,7 @@ var stdin_default$1I = defineComponent({
         disabled
       } = props;
       return createVNode(Button, {
-        "class": bem$1u([type, {
+        "class": bem$1v([type, {
           last: isLast.value,
           first: isFirst.value
         }]),
@@ -987,8 +989,8 @@ var stdin_default$1I = defineComponent({
     };
   }
 });
-const ActionBarButton = withInstall(stdin_default$1I);
-const [name$1y, bem$1t] = createNamespace("action-bar-icon");
+const ActionBarButton = withInstall(stdin_default$1J);
+const [name$1z, bem$1u] = createNamespace("action-bar-icon");
 const actionBarIconProps = extend({}, routeProps, {
   dot: Boolean,
   text: String,
@@ -999,8 +1001,8 @@ const actionBarIconProps = extend({}, routeProps, {
   badgeProps: Object,
   iconPrefix: String
 });
-var stdin_default$1H = defineComponent({
-  name: name$1y,
+var stdin_default$1I = defineComponent({
+  name: name$1z,
   props: actionBarIconProps,
   setup(props, {
     slots
@@ -1020,7 +1022,7 @@ var stdin_default$1H = defineComponent({
       if (slots.icon) {
         return createVNode(Badge, mergeProps({
           "dot": dot,
-          "class": bem$1t("icon"),
+          "class": bem$1u("icon"),
           "content": badge
         }, badgeProps2), {
           default: slots.icon
@@ -1032,20 +1034,20 @@ var stdin_default$1H = defineComponent({
         "name": icon,
         "badge": badge,
         "color": color,
-        "class": [bem$1t("icon"), iconClass],
+        "class": [bem$1u("icon"), iconClass],
         "badgeProps": badgeProps2,
         "classPrefix": iconPrefix
       }, null);
     };
     return () => createVNode("div", {
       "role": "button",
-      "class": bem$1t(),
+      "class": bem$1u(),
       "tabindex": 0,
       "onClick": route2
     }, [renderIcon(), slots.default ? slots.default() : props.text]);
   }
 });
-const ActionBarIcon = withInstall(stdin_default$1H);
+const ActionBarIcon = withInstall(stdin_default$1I);
 const popupSharedProps = {
   // whether to show popup
   show: Boolean,
@@ -1196,7 +1198,7 @@ function useLazyRender(show) {
   );
   return (render) => () => inited.value ? render() : null;
 }
-const [name$1x, bem$1s] = createNamespace("overlay");
+const [name$1y, bem$1t] = createNamespace("overlay");
 const overlayProps = {
   show: Boolean,
   zIndex: numericProp,
@@ -1206,8 +1208,8 @@ const overlayProps = {
   lazyRender: truthProp,
   customStyle: Object
 };
-var stdin_default$1G = defineComponent({
-  name: name$1x,
+var stdin_default$1H = defineComponent({
+  name: name$1y,
   props: overlayProps,
   setup(props, {
     slots
@@ -1228,7 +1230,7 @@ var stdin_default$1G = defineComponent({
       return withDirectives(createVNode("div", {
         "ref": root,
         "style": style,
-        "class": [bem$1s(), props.className]
+        "class": [bem$1t(), props.className]
       }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]), [[vShow, props.show]]);
     });
     useEventListener("touchmove", onTouchMove, {
@@ -1242,7 +1244,7 @@ var stdin_default$1G = defineComponent({
     });
   }
 });
-const Overlay = withInstall(stdin_default$1G);
+const Overlay = withInstall(stdin_default$1H);
 const popupProps$2 = extend({}, popupSharedProps, {
   round: Boolean,
   position: makeStringProp("center"),
@@ -1255,9 +1257,9 @@ const popupProps$2 = extend({}, popupSharedProps, {
   safeAreaInsetTop: Boolean,
   safeAreaInsetBottom: Boolean
 });
-const [name$1w, bem$1r] = createNamespace("popup");
-var stdin_default$1F = defineComponent({
-  name: name$1w,
+const [name$1x, bem$1s] = createNamespace("popup");
+var stdin_default$1G = defineComponent({
+  name: name$1x,
   inheritAttrs: false,
   props: popupProps$2,
   emits: ["open", "close", "opened", "closed", "keydown", "update:show", "clickOverlay", "clickCloseIcon"],
@@ -1331,13 +1333,20 @@ var stdin_default$1F = defineComponent({
           "role": "button",
           "tabindex": 0,
           "name": props.closeIcon,
-          "class": [bem$1r("close-icon", props.closeIconPosition), HAPTICS_FEEDBACK],
+          "class": [bem$1s("close-icon", props.closeIconPosition), HAPTICS_FEEDBACK],
           "classPrefix": props.iconPrefix,
           "onClick": onClickCloseIcon
         }, null);
       }
     };
-    const onOpened = () => emit("opened");
+    let timer2;
+    const onOpened = () => {
+      if (timer2)
+        clearTimeout(timer2);
+      timer2 = setTimeout(() => {
+        emit("opened");
+      });
+    };
     const onClosed = () => emit("closed");
     const onKeydown = (event) => emit("keydown", event);
     const renderPopup = lazyRender(() => {
@@ -1353,7 +1362,7 @@ var stdin_default$1F = defineComponent({
         "style": style.value,
         "role": "dialog",
         "tabindex": 0,
-        "class": [bem$1r({
+        "class": [bem$1s({
           round,
           [position]: position
         }), {
@@ -1434,8 +1443,8 @@ var stdin_default$1F = defineComponent({
     };
   }
 });
-const Popup = withInstall(stdin_default$1F);
-const [name$1v, bem$1q] = createNamespace("action-sheet");
+const Popup = withInstall(stdin_default$1G);
+const [name$1w, bem$1r] = createNamespace("action-sheet");
 const actionSheetProps = extend({}, popupSharedProps, {
   title: String,
   round: truthProp,
@@ -1449,8 +1458,8 @@ const actionSheetProps = extend({}, popupSharedProps, {
   safeAreaInsetBottom: truthProp
 });
 const popupInheritKeys$2 = [...popupSharedPropKeys, "round", "closeOnPopstate", "safeAreaInsetBottom"];
-var stdin_default$1E = defineComponent({
-  name: name$1v,
+var stdin_default$1F = defineComponent({
+  name: name$1w,
   props: actionSheetProps,
   emits: ["select", "cancel", "update:show"],
   setup(props, {
@@ -1465,10 +1474,10 @@ var stdin_default$1E = defineComponent({
     const renderHeader = () => {
       if (props.title) {
         return createVNode("div", {
-          "class": bem$1q("header")
+          "class": bem$1r("header")
         }, [props.title, props.closeable && createVNode(Icon, {
           "name": props.closeIcon,
-          "class": [bem$1q("close"), HAPTICS_FEEDBACK],
+          "class": [bem$1r("close"), HAPTICS_FEEDBACK],
           "onClick": onCancel
         }, null)]);
       }
@@ -1476,10 +1485,10 @@ var stdin_default$1E = defineComponent({
     const renderCancel = () => {
       if (slots.cancel || props.cancelText) {
         return [createVNode("div", {
-          "class": bem$1q("gap")
+          "class": bem$1r("gap")
         }, null), createVNode("button", {
           "type": "button",
-          "class": bem$1q("cancel"),
+          "class": bem$1r("cancel"),
           "onClick": onCancel
         }, [slots.cancel ? slots.cancel() : props.cancelText])];
       }
@@ -1487,7 +1496,7 @@ var stdin_default$1E = defineComponent({
     const renderActionContent = (action, index) => {
       if (action.loading) {
         return createVNode(Loading, {
-          "class": bem$1q("loading-icon")
+          "class": bem$1r("loading-icon")
         }, null);
       }
       if (slots.action) {
@@ -1497,9 +1506,9 @@ var stdin_default$1E = defineComponent({
         });
       }
       return [createVNode("span", {
-        "class": bem$1q("name")
+        "class": bem$1r("name")
       }, [action.name]), action.subname && createVNode("div", {
-        "class": bem$1q("subname")
+        "class": bem$1r("subname")
       }, [action.subname])];
     };
     const renderAction = (action, index) => {
@@ -1527,7 +1536,7 @@ var stdin_default$1E = defineComponent({
         "style": {
           color
         },
-        "class": [bem$1q("item", {
+        "class": [bem$1r("item", {
           loading,
           disabled
         }), className],
@@ -1538,26 +1547,26 @@ var stdin_default$1E = defineComponent({
       if (props.description || slots.description) {
         const content = slots.description ? slots.description() : props.description;
         return createVNode("div", {
-          "class": bem$1q("description")
+          "class": bem$1r("description")
         }, [content]);
       }
     };
     return () => createVNode(Popup, mergeProps({
-      "class": bem$1q(),
+      "class": bem$1r(),
       "position": "bottom",
       "onUpdate:show": updateShow
     }, pick(props, popupInheritKeys$2)), {
       default: () => {
         var _a;
         return [renderHeader(), renderDescription(), createVNode("div", {
-          "class": bem$1q("content")
+          "class": bem$1r("content")
         }, [props.actions.map(renderAction), (_a = slots.default) == null ? void 0 : _a.call(slots)]), renderCancel()];
       }
     });
   }
 });
-const ActionSheet = withInstall(stdin_default$1E);
-const [name$1u, bem$1p, t$k] = createNamespace("picker");
+const ActionSheet = withInstall(stdin_default$1F);
+const [name$1v, bem$1q, t$k] = createNamespace("picker");
 const getFirstEnabledOption = (options) => options.find((option) => !option.disabled) || options[0];
 function getColumnsType(columns, fields) {
   const firstColumn = columns[0];
@@ -1626,10 +1635,10 @@ function assignDefaultFields(fields) {
 const DEFAULT_DURATION = 200;
 const MOMENTUM_TIME = 300;
 const MOMENTUM_DISTANCE = 15;
-const [name$1t, bem$1o] = createNamespace("picker-column");
-const PICKER_KEY = Symbol(name$1t);
-var stdin_default$1D = defineComponent({
-  name: name$1t,
+const [name$1u, bem$1p] = createNamespace("picker-column");
+const PICKER_KEY = Symbol(name$1u);
+var stdin_default$1E = defineComponent({
+  name: name$1u,
   props: {
     value: numericProp,
     fields: makeRequiredProp(Object),
@@ -1768,7 +1777,7 @@ var stdin_default$1D = defineComponent({
           role: "button",
           style: optionStyle,
           tabindex: disabled ? -1 : 0,
-          class: [bem$1o("item", {
+          class: [bem$1p("item", {
             disabled,
             selected: value === props.value
           }), option.className],
@@ -1796,7 +1805,7 @@ var stdin_default$1D = defineComponent({
     });
     return () => createVNode("div", {
       "ref": root,
-      "class": bem$1o(),
+      "class": bem$1p(),
       "onTouchstartPassive": onTouchStart,
       "onTouchend": onTouchEnd,
       "onTouchcancel": onTouchEnd
@@ -1807,12 +1816,12 @@ var stdin_default$1D = defineComponent({
         transitionDuration: `${currentDuration.value}ms`,
         transitionProperty: currentDuration.value ? "all" : "none"
       },
-      "class": bem$1o("wrapper"),
+      "class": bem$1p("wrapper"),
       "onTransitionend": stopMomentum
     }, [renderOptions()])]);
   }
 });
-const [name$1s] = createNamespace("picker-toolbar");
+const [name$1t] = createNamespace("picker-toolbar");
 const pickerToolbarProps = {
   title: String,
   cancelButtonText: String,
@@ -1820,8 +1829,8 @@ const pickerToolbarProps = {
 };
 const pickerToolbarSlots = ["cancel", "confirm", "title", "toolbar"];
 const pickerToolbarPropKeys = Object.keys(pickerToolbarProps);
-var stdin_default$1C = defineComponent({
-  name: name$1s,
+var stdin_default$1D = defineComponent({
+  name: name$1t,
   props: pickerToolbarProps,
   emits: ["confirm", "cancel"],
   setup(props, {
@@ -1834,7 +1843,7 @@ var stdin_default$1C = defineComponent({
       }
       if (props.title) {
         return createVNode("div", {
-          "class": [bem$1p("title"), "van-ellipsis"]
+          "class": [bem$1q("title"), "van-ellipsis"]
         }, [props.title]);
       }
     };
@@ -1844,7 +1853,7 @@ var stdin_default$1C = defineComponent({
       const text = props.cancelButtonText || t$k("cancel");
       return createVNode("button", {
         "type": "button",
-        "class": [bem$1p("cancel"), HAPTICS_FEEDBACK],
+        "class": [bem$1q("cancel"), HAPTICS_FEEDBACK],
         "onClick": onCancel
       }, [slots.cancel ? slots.cancel() : text]);
     };
@@ -1852,12 +1861,12 @@ var stdin_default$1C = defineComponent({
       const text = props.confirmButtonText || t$k("confirm");
       return createVNode("button", {
         "type": "button",
-        "class": [bem$1p("confirm"), HAPTICS_FEEDBACK],
+        "class": [bem$1q("confirm"), HAPTICS_FEEDBACK],
         "onClick": onConfirm
       }, [slots.confirm ? slots.confirm() : text]);
     };
     return () => createVNode("div", {
-      "class": bem$1p("toolbar")
+      "class": bem$1q("toolbar")
     }, [slots.toolbar ? slots.toolbar() : [renderCancel(), renderTitle(), renderConfirm()]]);
   }
 });
@@ -1965,7 +1974,7 @@ function useVisibilityChange(target, onChange) {
   onBeforeUnmount(unobserve);
   onMountedOrActivated(observe);
 }
-const [name$1r, bem$1n] = createNamespace("sticky");
+const [name$1s, bem$1o] = createNamespace("sticky");
 const stickyProps = {
   zIndex: numericProp,
   position: makeStringProp("top"),
@@ -1973,8 +1982,8 @@ const stickyProps = {
   offsetTop: makeNumericProp(0),
   offsetBottom: makeNumericProp(0)
 };
-var stdin_default$1B = defineComponent({
-  name: name$1r,
+var stdin_default$1C = defineComponent({
+  name: name$1s,
   props: stickyProps,
   emits: ["scroll", "change"],
   setup(props, {
@@ -2069,7 +2078,7 @@ var stdin_default$1B = defineComponent({
       passive: true
     });
     useVisibilityChange(root, onScroll);
-    watch([windowWidth, windowHeight], () => {
+    watch([windowWidth, windowHeight$1], () => {
       if (!root.value || isHidden(root) || !state.fixed) {
         return;
       }
@@ -2087,7 +2096,7 @@ var stdin_default$1B = defineComponent({
         "ref": root,
         "style": rootStyle.value
       }, [createVNode("div", {
-        "class": bem$1n({
+        "class": bem$1o({
           fixed: state.fixed && !isReset.value
         }),
         "style": stickyStyle.value
@@ -2095,8 +2104,8 @@ var stdin_default$1B = defineComponent({
     };
   }
 });
-const Sticky = withInstall(stdin_default$1B);
-const [name$1q, bem$1m] = createNamespace("swipe");
+const Sticky = withInstall(stdin_default$1C);
+const [name$1r, bem$1n] = createNamespace("swipe");
 const swipeProps = {
   loop: truthProp,
   width: numericProp,
@@ -2111,9 +2120,9 @@ const swipeProps = {
   showIndicators: truthProp,
   stopPropagation: truthProp
 };
-const SWIPE_KEY = Symbol(name$1q);
-var stdin_default$1A = defineComponent({
-  name: name$1q,
+const SWIPE_KEY = Symbol(name$1r);
+var stdin_default$1B = defineComponent({
+  name: name$1r,
   props: swipeProps,
   emits: ["change", "dragStart", "dragEnd"],
   setup(props, {
@@ -2391,7 +2400,7 @@ var stdin_default$1A = defineComponent({
       } : void 0;
       return createVNode("i", {
         "style": style,
-        "class": bem$1m("indicator", {
+        "class": bem$1n("indicator", {
           active
         })
       }, null);
@@ -2405,7 +2414,7 @@ var stdin_default$1A = defineComponent({
       }
       if (props.showIndicators && count.value > 1) {
         return createVNode("div", {
-          "class": bem$1m("indicators", {
+          "class": bem$1n("indicators", {
             vertical: props.vertical
           })
         }, [Array(count.value).fill("").map(renderDot)]);
@@ -2427,7 +2436,7 @@ var stdin_default$1A = defineComponent({
     watch(() => props.initialSwipe, (value) => initialize(+value));
     watch(count, () => initialize(state.active));
     watch(() => props.autoplay, autoplay);
-    watch([windowWidth, windowHeight, () => props.width, () => props.height], resize);
+    watch([windowWidth, windowHeight$1, () => props.width, () => props.height], resize);
     watch(usePageVisibility(), (visible) => {
       if (visible === "visible") {
         autoplay();
@@ -2447,11 +2456,11 @@ var stdin_default$1A = defineComponent({
       var _a;
       return createVNode("div", {
         "ref": root,
-        "class": bem$1m()
+        "class": bem$1n()
       }, [createVNode("div", {
         "ref": track,
         "style": trackStyle.value,
-        "class": bem$1m("track", {
+        "class": bem$1n("track", {
           vertical: props.vertical
         }),
         "onTouchstartPassive": onTouchStart,
@@ -2461,10 +2470,10 @@ var stdin_default$1A = defineComponent({
     };
   }
 });
-const Swipe = withInstall(stdin_default$1A);
-const [name$1p, bem$1l] = createNamespace("tabs");
-var stdin_default$1z = defineComponent({
-  name: name$1p,
+const Swipe = withInstall(stdin_default$1B);
+const [name$1q, bem$1m] = createNamespace("tabs");
+var stdin_default$1A = defineComponent({
+  name: name$1q,
   props: {
     count: makeRequiredProp(Number),
     inited: Boolean,
@@ -2488,7 +2497,7 @@ var stdin_default$1z = defineComponent({
         return createVNode(Swipe, {
           "ref": swipeRef,
           "loop": false,
-          "class": bem$1l("track"),
+          "class": bem$1m("track"),
           "duration": +props.duration * 1e3,
           "touchable": props.swipeable,
           "lazyRender": props.lazyRender,
@@ -2516,13 +2525,13 @@ var stdin_default$1z = defineComponent({
       swipeRef
     });
     return () => createVNode("div", {
-      "class": bem$1l("content", {
+      "class": bem$1m("content", {
         animated: props.animated || props.swipeable
       })
     }, [renderChildren()]);
   }
 });
-const [name$1o, bem$1k] = createNamespace("tabs");
+const [name$1p, bem$1l] = createNamespace("tabs");
 const tabsProps = {
   type: makeStringProp("line"),
   color: String,
@@ -2545,9 +2554,9 @@ const tabsProps = {
   titleActiveColor: String,
   titleInactiveColor: String
 };
-const TABS_KEY = Symbol(name$1o);
-var stdin_default$1y = defineComponent({
-  name: name$1o,
+const TABS_KEY = Symbol(name$1p);
+var stdin_default$1z = defineComponent({
+  name: name$1p,
   props: tabsProps,
   emits: ["change", "scroll", "rendered", "clickTab", "update:active"],
   setup(props, {
@@ -2745,7 +2754,7 @@ var stdin_default$1y = defineComponent({
     const renderLine = () => {
       if (props.type === "line" && children.length) {
         return createVNode("div", {
-          "class": bem$1k("line"),
+          "class": bem$1l("line"),
           "style": state.lineStyle
         }, null);
       }
@@ -2759,13 +2768,13 @@ var stdin_default$1y = defineComponent({
       } = props;
       const Header = [createVNode("div", {
         "ref": sticky ? void 0 : wrapRef,
-        "class": [bem$1k("wrap"), {
+        "class": [bem$1l("wrap"), {
           [BORDER_TOP_BOTTOM]: type === "line" && border
         }]
       }, [createVNode("div", {
         "ref": navRef,
         "role": "tablist",
-        "class": bem$1k("nav", [type, {
+        "class": bem$1l("nav", [type, {
           shrink: props.shrink,
           complete: scrollable.value
         }]),
@@ -2838,14 +2847,14 @@ var stdin_default$1y = defineComponent({
     });
     return () => createVNode("div", {
       "ref": root,
-      "class": bem$1k([props.type])
+      "class": bem$1l([props.type])
     }, [props.sticky ? createVNode(Sticky, {
       "container": root.value,
       "offsetTop": offsetTopPx.value,
       "onScroll": onStickyScroll
     }, {
       default: () => [renderHeader()]
-    }) : renderHeader(), createVNode(stdin_default$1z, {
+    }) : renderHeader(), createVNode(stdin_default$1A, {
       "ref": contentRef,
       "count": children.length,
       "inited": state.inited,
@@ -2865,9 +2874,9 @@ var stdin_default$1y = defineComponent({
 });
 const TAB_STATUS_KEY = Symbol();
 const useTabStatus = () => inject(TAB_STATUS_KEY, null);
-const [name$1n, bem$1j] = createNamespace("tab");
+const [name$1o, bem$1k] = createNamespace("tab");
 const TabTitle = defineComponent({
-  name: name$1n,
+  name: name$1o,
   props: {
     id: String,
     dot: Boolean,
@@ -2916,7 +2925,7 @@ const TabTitle = defineComponent({
     });
     const renderText = () => {
       const Text2 = createVNode("span", {
-        "class": bem$1j("text", {
+        "class": bem$1k("text", {
           ellipsis: !props.scrollable
         })
       }, [slots.title ? slots.title() : props.title]);
@@ -2934,7 +2943,7 @@ const TabTitle = defineComponent({
     return () => createVNode("div", {
       "id": props.id,
       "role": "tab",
-      "class": [bem$1j([props.type, {
+      "class": [bem$1k([props.type, {
         grow: props.scrollable && !props.shrink,
         shrink: props.shrink,
         active: props.isActive,
@@ -2948,9 +2957,9 @@ const TabTitle = defineComponent({
     }, [renderText()]);
   }
 });
-const [name$1m, bem$1i] = createNamespace("swipe-item");
-var stdin_default$1x = defineComponent({
-  name: name$1m,
+const [name$1n, bem$1j] = createNamespace("swipe-item");
+var stdin_default$1y = defineComponent({
+  name: name$1n,
   setup(props, {
     slots
   }) {
@@ -3015,14 +3024,14 @@ var stdin_default$1x = defineComponent({
     return () => {
       var _a;
       return createVNode("div", {
-        "class": bem$1i(),
+        "class": bem$1j(),
         "style": style.value
       }, [shouldRender.value ? (_a = slots.default) == null ? void 0 : _a.call(slots) : null]);
     };
   }
 });
-const SwipeItem = withInstall(stdin_default$1x);
-const [name$1l, bem$1h] = createNamespace("tab");
+const SwipeItem = withInstall(stdin_default$1y);
+const [name$1m, bem$1i] = createNamespace("tab");
 const tabProps = extend({}, routeProps, {
   dot: Boolean,
   name: numericProp,
@@ -3033,8 +3042,8 @@ const tabProps = extend({}, routeProps, {
   titleStyle: [String, Object],
   showZeroBadge: truthProp
 });
-var stdin_default$1w = defineComponent({
-  name: name$1l,
+var stdin_default$1x = defineComponent({
+  name: name$1m,
   props: tabProps,
   setup(props, {
     slots
@@ -3071,12 +3080,22 @@ var stdin_default$1w = defineComponent({
       }
       return isActive;
     });
+    const parsedClass = ref("");
+    const parsedStyle = ref("");
+    watchEffect(() => {
+      const {
+        titleClass,
+        titleStyle
+      } = props;
+      parsedClass.value = titleClass ? normalizeClass(titleClass) : "";
+      parsedStyle.value = titleStyle && typeof titleStyle !== "string" ? stringifyStyle(normalizeStyle(titleStyle)) : titleStyle;
+    });
     const renderTitle = (onClickTab) => createVNode(TabTitle, mergeProps({
       "key": id,
       "id": `${parent.id}-${index.value}`,
       "ref": parent.setTitleRefs(index.value),
-      "style": props.titleStyle,
-      "class": props.titleClass,
+      "style": parsedStyle.value,
+      "class": parsedClass.value,
       "isActive": active.value,
       "controls": id,
       "scrollable": parent.scrollable.value,
@@ -3122,7 +3141,7 @@ var stdin_default$1w = defineComponent({
         return createVNode(SwipeItem, {
           "id": id,
           "role": "tabpanel",
-          "class": bem$1h("panel-wrapper", {
+          "class": bem$1i("panel-wrapper", {
             inactive: hasInactiveClass.value
           }),
           "tabindex": active.value ? 0 : -1,
@@ -3132,7 +3151,7 @@ var stdin_default$1w = defineComponent({
           default: () => {
             var _a2;
             return [createVNode("div", {
-              "class": bem$1h("panel")
+              "class": bem$1i("panel")
             }, [(_a2 = slots.default) == null ? void 0 : _a2.call(slots)])];
           }
         });
@@ -3142,24 +3161,24 @@ var stdin_default$1w = defineComponent({
       return withDirectives(createVNode("div", {
         "id": id,
         "role": "tabpanel",
-        "class": bem$1h("panel"),
+        "class": bem$1i("panel"),
         "tabindex": show ? 0 : -1,
         "aria-labelledby": label
       }, [Content]), [[vShow, show]]);
     };
   }
 });
-const Tab = withInstall(stdin_default$1w);
-const Tabs = withInstall(stdin_default$1y);
-const [name$1k, bem$1g] = createNamespace("picker-group");
-const PICKER_GROUP_KEY = Symbol(name$1k);
+const Tab = withInstall(stdin_default$1x);
+const Tabs = withInstall(stdin_default$1z);
+const [name$1l, bem$1h] = createNamespace("picker-group");
+const PICKER_GROUP_KEY = Symbol(name$1l);
 const pickerGroupProps = extend({
   tabs: makeArrayProp(),
   activeTab: makeNumericProp(0),
   nextStepText: String
 }, pickerToolbarProps);
-var stdin_default$1v = defineComponent({
-  name: name$1k,
+var stdin_default$1w = defineComponent({
+  name: name$1l,
   props: pickerGroupProps,
   emits: ["confirm", "cancel", "update:activeTab"],
   setup(props, {
@@ -3186,8 +3205,8 @@ var stdin_default$1v = defineComponent({
       const childNodes = (_a = slots.default) == null ? void 0 : _a.call(slots);
       const confirmButtonText = showNextButton() ? props.nextStepText : props.confirmButtonText;
       return createVNode("div", {
-        "class": bem$1g()
-      }, [createVNode(stdin_default$1C, {
+        "class": bem$1h()
+      }, [createVNode(stdin_default$1D, {
         "title": props.title,
         "cancelButtonText": props.cancelButtonText,
         "confirmButtonText": confirmButtonText,
@@ -3196,14 +3215,14 @@ var stdin_default$1v = defineComponent({
       }, pick(slots, pickerToolbarSlots)), createVNode(Tabs, {
         "active": activeTab.value,
         "onUpdate:active": ($event) => activeTab.value = $event,
-        "class": bem$1g("tabs"),
+        "class": bem$1h("tabs"),
         "shrink": true,
         "animated": true,
         "lazyRender": false
       }, {
         default: () => [props.tabs.map((title, index) => createVNode(Tab, {
           "title": title,
-          "titleClass": bem$1g("tab-title")
+          "titleClass": bem$1h("tab-title")
         }, {
           default: () => [childNodes == null ? void 0 : childNodes[index]]
         }))]
@@ -3226,8 +3245,8 @@ const pickerProps = extend({}, pickerSharedProps, {
   toolbarPosition: makeStringProp("top"),
   columnsFieldNames: Object
 });
-var stdin_default$1u = defineComponent({
-  name: name$1u,
+var stdin_default$1v = defineComponent({
+  name: name$1v,
   props: pickerProps,
   emits: ["confirm", "cancel", "change", "scrollInto", "clickOption", "update:modelValue"],
   setup(props, {
@@ -3308,7 +3327,7 @@ var stdin_default$1u = defineComponent({
       return params;
     };
     const cancel = () => emit("cancel", getEventParams());
-    const renderColumnItems = () => currentColumns.value.map((options, columnIndex) => createVNode(stdin_default$1D, {
+    const renderColumnItems = () => currentColumns.value.map((options, columnIndex) => createVNode(stdin_default$1E, {
       "value": selectedValues.value[columnIndex],
       "fields": fields.value,
       "options": options,
@@ -3337,10 +3356,10 @@ var stdin_default$1u = defineComponent({
           backgroundSize: `100% ${(wrapHeight - optionHeight.value) / 2}px`
         };
         return [createVNode("div", {
-          "class": bem$1p("mask"),
+          "class": bem$1q("mask"),
           "style": maskStyle
         }, null), createVNode("div", {
-          "class": [BORDER_UNSET_TOP_BOTTOM, bem$1p("frame")],
+          "class": [BORDER_UNSET_TOP_BOTTOM, bem$1q("frame")],
           "style": frameStyle
         }, null)];
       }
@@ -3352,13 +3371,13 @@ var stdin_default$1u = defineComponent({
       };
       return createVNode("div", {
         "ref": columnsRef,
-        "class": bem$1p("columns"),
+        "class": bem$1q("columns"),
         "style": columnsStyle
       }, [renderColumnItems(), renderMask(wrapHeight)]);
     };
     const renderToolbar = () => {
       if (props.showToolbar && !parent) {
-        return createVNode(stdin_default$1C, mergeProps(pick(props, pickerToolbarPropKeys), {
+        return createVNode(stdin_default$1D, mergeProps(pick(props, pickerToolbarPropKeys), {
           "onConfirm": confirm,
           "onCancel": cancel
         }), pick(slots, pickerToolbarSlots));
@@ -3401,9 +3420,9 @@ var stdin_default$1u = defineComponent({
     return () => {
       var _a, _b;
       return createVNode("div", {
-        "class": bem$1p()
+        "class": bem$1q()
       }, [props.toolbarPosition === "top" ? renderToolbar() : null, props.loading ? createVNode(Loading, {
-        "class": bem$1p("loading")
+        "class": bem$1q("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]);
     };
   }
@@ -3494,8 +3513,8 @@ function formatDataForCascade({
   }
   return options;
 }
-const Picker = withInstall(stdin_default$1u);
-const [name$1j, bem$1f] = createNamespace("area");
+const Picker = withInstall(stdin_default$1v);
+const [name$1k, bem$1g] = createNamespace("area");
 const areaProps = extend({}, pick(pickerSharedProps, INHERIT_PROPS), {
   modelValue: String,
   columnsNum: makeNumericProp(3),
@@ -3505,8 +3524,8 @@ const areaProps = extend({}, pick(pickerSharedProps, INHERIT_PROPS), {
     default: () => ({})
   }
 });
-var stdin_default$1t = defineComponent({
-  name: name$1j,
+var stdin_default$1u = defineComponent({
+  name: name$1k,
   props: areaProps,
   emits: ["change", "confirm", "cancel", "update:modelValue"],
   setup(props, {
@@ -3553,7 +3572,7 @@ var stdin_default$1t = defineComponent({
       "ref": picker,
       "modelValue": codes.value,
       "onUpdate:modelValue": ($event) => codes.value = $event,
-      "class": bem$1f(),
+      "class": bem$1g(),
       "columns": columns.value,
       "onChange": onChange,
       "onCancel": onCancel,
@@ -3561,8 +3580,8 @@ var stdin_default$1t = defineComponent({
     }, pick(props, INHERIT_PROPS)), pick(slots, INHERIT_SLOTS));
   }
 });
-const Area = withInstall(stdin_default$1t);
-const [name$1i, bem$1e] = createNamespace("cell");
+const Area = withInstall(stdin_default$1u);
+const [name$1j, bem$1f] = createNamespace("cell");
 const cellSharedProps = {
   tag: makeStringProp("div"),
   icon: String,
@@ -3586,8 +3605,8 @@ const cellSharedProps = {
   }
 };
 const cellProps = extend({}, cellSharedProps, routeProps);
-var stdin_default$1s = defineComponent({
-  name: name$1i,
+var stdin_default$1t = defineComponent({
+  name: name$1j,
   props: cellProps,
   setup(props, {
     slots
@@ -3597,7 +3616,7 @@ var stdin_default$1s = defineComponent({
       const showLabel = slots.label || isDef(props.label);
       if (showLabel) {
         return createVNode("div", {
-          "class": [bem$1e("label"), props.labelClass]
+          "class": [bem$1f("label"), props.labelClass]
         }, [slots.label ? slots.label() : props.label]);
       }
     };
@@ -3609,7 +3628,7 @@ var stdin_default$1s = defineComponent({
           return;
         }
         return createVNode("div", {
-          "class": [bem$1e("title"), props.titleClass],
+          "class": [bem$1f("title"), props.titleClass],
           "style": props.titleStyle
         }, [titleSlot || createVNode("span", null, [props.title]), renderLabel()]);
       }
@@ -3619,7 +3638,7 @@ var stdin_default$1s = defineComponent({
       const hasValue = slot || isDef(props.value);
       if (hasValue) {
         return createVNode("div", {
-          "class": [bem$1e("value"), props.valueClass]
+          "class": [bem$1f("value"), props.valueClass]
         }, [slot ? slot() : createVNode("span", null, [props.value])]);
       }
     };
@@ -3630,7 +3649,7 @@ var stdin_default$1s = defineComponent({
       if (props.icon) {
         return createVNode(Icon, {
           "name": props.icon,
-          "class": bem$1e("left-icon"),
+          "class": bem$1f("left-icon"),
           "classPrefix": props.iconPrefix
         }, null);
       }
@@ -3643,7 +3662,7 @@ var stdin_default$1s = defineComponent({
         const name2 = props.arrowDirection && props.arrowDirection !== "right" ? `arrow-${props.arrowDirection}` : "arrow";
         return createVNode(Icon, {
           "name": name2,
-          "class": bem$1e("right-icon")
+          "class": bem$1f("right-icon")
         }, null);
       }
     };
@@ -3668,7 +3687,7 @@ var stdin_default$1s = defineComponent({
         classes[size] = !!size;
       }
       return createVNode(tag, {
-        "class": bem$1e(classes),
+        "class": bem$1f(classes),
         "role": clickable ? "button" : void 0,
         "tabindex": clickable ? 0 : void 0,
         "onClick": route2
@@ -3681,8 +3700,8 @@ var stdin_default$1s = defineComponent({
     };
   }
 });
-const Cell = withInstall(stdin_default$1s);
-const [name$1h, bem$1d] = createNamespace("form");
+const Cell = withInstall(stdin_default$1t);
+const [name$1i, bem$1e] = createNamespace("form");
 const formProps = {
   colon: Boolean,
   disabled: Boolean,
@@ -3701,8 +3720,8 @@ const formProps = {
     default: "onBlur"
   }
 };
-var stdin_default$1r = defineComponent({
-  name: name$1h,
+var stdin_default$1s = defineComponent({
+  name: name$1i,
   props: formProps,
   emits: ["submit", "failed"],
   setup(props, {
@@ -3828,13 +3847,13 @@ var stdin_default$1r = defineComponent({
     return () => {
       var _a;
       return createVNode("form", {
-        "class": bem$1d(),
+        "class": bem$1e(),
         "onSubmit": onSubmit
       }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
     };
   }
 });
-const Form = withInstall(stdin_default$1r);
+const Form = withInstall(stdin_default$1s);
 function isEmptyValue(value) {
   if (Array.isArray(value)) {
     return !value.length;
@@ -3923,7 +3942,7 @@ function getStringLength(str) {
 function cutString(str, maxlength) {
   return [...str].slice(0, maxlength).join("");
 }
-const [name$1g, bem$1c] = createNamespace("field");
+const [name$1h, bem$1d] = createNamespace("field");
 const fieldSharedProps = {
   id: String,
   name: String,
@@ -3970,8 +3989,8 @@ const fieldProps = extend({}, cellSharedProps, fieldSharedProps, {
     default: null
   }
 });
-var stdin_default$1q = defineComponent({
-  name: name$1g,
+var stdin_default$1r = defineComponent({
+  name: name$1h,
   props: fieldProps,
   emits: ["blur", "focus", "clear", "keypress", "clickInput", "endValidate", "startValidate", "clickLeftIcon", "clickRightIcon", "update:modelValue"],
   setup(props, {
@@ -4245,7 +4264,7 @@ var stdin_default$1q = defineComponent({
     const getInputId = () => props.id || `${id}-input`;
     const getValidationStatus = () => state.status;
     const renderInput = () => {
-      const controlClass = bem$1c("control", [getProp("inputAlign"), {
+      const controlClass = bem$1d("control", [getProp("inputAlign"), {
         error: showError.value,
         custom: !!slots.input,
         "min-height": props.type === "textarea" && !props.autosize
@@ -4287,7 +4306,7 @@ var stdin_default$1q = defineComponent({
       const leftIconSlot = slots["left-icon"];
       if (props.leftIcon || leftIconSlot) {
         return createVNode("div", {
-          "class": bem$1c("left-icon"),
+          "class": bem$1d("left-icon"),
           "onClick": onClickLeftIcon
         }, [leftIconSlot ? leftIconSlot() : createVNode(Icon, {
           "name": props.leftIcon,
@@ -4299,7 +4318,7 @@ var stdin_default$1q = defineComponent({
       const rightIconSlot = slots["right-icon"];
       if (props.rightIcon || rightIconSlot) {
         return createVNode("div", {
-          "class": bem$1c("right-icon"),
+          "class": bem$1d("right-icon"),
           "onClick": onClickRightIcon
         }, [rightIconSlot ? rightIconSlot() : createVNode(Icon, {
           "name": props.rightIcon,
@@ -4311,9 +4330,9 @@ var stdin_default$1q = defineComponent({
       if (props.showWordLimit && props.maxlength) {
         const count = getStringLength(getModelValue());
         return createVNode("div", {
-          "class": bem$1c("word-limit")
+          "class": bem$1d("word-limit")
         }, [createVNode("span", {
-          "class": bem$1c("word-num")
+          "class": bem$1d("word-num")
         }, [count]), createTextVNode("/"), props.maxlength]);
       }
     };
@@ -4326,7 +4345,7 @@ var stdin_default$1q = defineComponent({
         const slot = slots["error-message"];
         const errorMessageAlign = getProp("errorMessageAlign");
         return createVNode("div", {
-          "class": bem$1c("error-message", errorMessageAlign)
+          "class": bem$1d("error-message", errorMessageAlign)
         }, [slot ? slot({
           message
         }) : message]);
@@ -4354,13 +4373,13 @@ var stdin_default$1q = defineComponent({
       }
     };
     const renderFieldBody = () => [createVNode("div", {
-      "class": bem$1c("body")
+      "class": bem$1d("body")
     }, [renderInput(), showClear.value && createVNode(Icon, {
       "ref": clearIconRef,
       "name": props.clearIcon,
-      "class": bem$1c("clear")
+      "class": bem$1d("clear")
     }, null), renderRightIcon(), slots.button && createVNode("div", {
-      "class": bem$1c("button")
+      "class": bem$1d("button")
     }, [slots.button()])]), renderWordLimit(), renderMessage()];
     useExpose({
       blur,
@@ -4404,7 +4423,7 @@ var stdin_default$1q = defineComponent({
       };
       return createVNode(Cell, {
         "size": props.size,
-        "class": bem$1c({
+        "class": bem$1d({
           error: showError.value,
           disabled,
           [`label-${labelAlign}`]: labelAlign
@@ -4414,8 +4433,8 @@ var stdin_default$1q = defineComponent({
         "isLink": props.isLink,
         "clickable": props.clickable,
         "titleStyle": labelStyle.value,
-        "valueClass": bem$1c("value"),
-        "titleClass": [bem$1c("label", [labelAlign, {
+        "valueClass": bem$1d("value"),
+        "titleClass": [bem$1d("label", [labelAlign, {
           required: props.required
         }]), props.labelClass],
         "arrowDirection": props.arrowDirection
@@ -4428,7 +4447,7 @@ var stdin_default$1q = defineComponent({
     };
   }
 });
-const Field = withInstall(stdin_default$1q);
+const Field = withInstall(stdin_default$1r);
 let lockCount = 0;
 function lockClick(lock) {
   if (lock) {
@@ -4443,7 +4462,7 @@ function lockClick(lock) {
     }
   }
 }
-const [name$1f, bem$1b] = createNamespace("toast");
+const [name$1g, bem$1c] = createNamespace("toast");
 const popupInheritProps = ["show", "overlay", "teleport", "transition", "overlayClass", "overlayStyle", "closeOnClickOverlay"];
 const toastProps = {
   icon: String,
@@ -4466,8 +4485,8 @@ const toastProps = {
   closeOnClick: Boolean,
   closeOnClickOverlay: Boolean
 };
-var stdin_default$1p = defineComponent({
-  name: name$1f,
+var stdin_default$1q = defineComponent({
+  name: name$1g,
   props: toastProps,
   emits: ["update:show"],
   setup(props, {
@@ -4503,13 +4522,13 @@ var stdin_default$1p = defineComponent({
         return createVNode(Icon, {
           "name": icon || type,
           "size": iconSize,
-          "class": bem$1b("icon"),
+          "class": bem$1c("icon"),
           "classPrefix": iconPrefix
         }, null);
       }
       if (type === "loading") {
         return createVNode(Loading, {
-          "class": bem$1b("loading"),
+          "class": bem$1c("loading"),
           "size": iconSize,
           "type": loadingType
         }, null);
@@ -4522,16 +4541,16 @@ var stdin_default$1p = defineComponent({
       } = props;
       if (slots.message) {
         return createVNode("div", {
-          "class": bem$1b("text")
+          "class": bem$1c("text")
         }, [slots.message()]);
       }
       if (isDef(message) && message !== "") {
         return type === "html" ? createVNode("div", {
           "key": 0,
-          "class": bem$1b("text"),
+          "class": bem$1c("text"),
           "innerHTML": String(message)
         }, null) : createVNode("div", {
-          "class": bem$1b("text")
+          "class": bem$1c("text")
         }, [message]);
       }
     };
@@ -4547,7 +4566,7 @@ var stdin_default$1p = defineComponent({
     onMounted(toggleClickable);
     onUnmounted(toggleClickable);
     return () => createVNode(Popup, mergeProps({
-      "class": [bem$1b([props.position, props.wordBreak === "normal" ? "break-normal" : props.wordBreak, {
+      "class": [bem$1c([props.position, props.wordBreak === "normal" ? "break-normal" : props.wordBreak, {
         [props.type]: !props.icon
       }]), props.className],
       "lockScroll": false,
@@ -4648,7 +4667,7 @@ function createInstance() {
           onClosed,
           "onUpdate:show": toggle
         };
-        return createVNode(stdin_default$1p, mergeProps(state, attrs), null);
+        return createVNode(stdin_default$1q, mergeProps(state, attrs), null);
       };
       watch(message, (val) => {
         state.message = val;
@@ -4718,8 +4737,8 @@ const resetToastDefaultOptions = (type) => {
 const allowMultipleToast = (value = true) => {
   allowMultiple = value;
 };
-const Toast = withInstall(stdin_default$1p);
-const [name$1e, bem$1a] = createNamespace("switch");
+const Toast = withInstall(stdin_default$1q);
+const [name$1f, bem$1b] = createNamespace("switch");
 const switchProps = {
   size: numericProp,
   loading: Boolean,
@@ -4736,8 +4755,8 @@ const switchProps = {
     default: false
   }
 };
-var stdin_default$1o = defineComponent({
-  name: name$1e,
+var stdin_default$1p = defineComponent({
+  name: name$1f,
   props: switchProps,
   emits: ["change", "update:modelValue"],
   setup(props, {
@@ -4756,7 +4775,7 @@ var stdin_default$1o = defineComponent({
       if (props.loading) {
         const color = isChecked() ? props.activeColor : props.inactiveColor;
         return createVNode(Loading, {
-          "class": bem$1a("loading"),
+          "class": bem$1b("loading"),
           "color": color
         }, null);
       }
@@ -4781,7 +4800,7 @@ var stdin_default$1o = defineComponent({
       };
       return createVNode("div", {
         "role": "switch",
-        "class": bem$1a({
+        "class": bem$1b({
           on: checked,
           loading,
           disabled
@@ -4791,16 +4810,16 @@ var stdin_default$1o = defineComponent({
         "aria-checked": checked,
         "onClick": onClick
       }, [createVNode("div", {
-        "class": bem$1a("node")
+        "class": bem$1b("node")
       }, [renderLoading()]), (_a = slots.background) == null ? void 0 : _a.call(slots)]);
     };
   }
 });
-const Switch = withInstall(stdin_default$1o);
-const [name$1d, bem$19] = createNamespace("address-edit-detail");
+const Switch = withInstall(stdin_default$1p);
+const [name$1e, bem$1a] = createNamespace("address-edit-detail");
 const t$j = createNamespace("address-edit")[2];
-var stdin_default$1n = defineComponent({
-  name: name$1d,
+var stdin_default$1o = defineComponent({
+  name: name$1e,
   props: {
     show: Boolean,
     rows: numericProp,
@@ -4834,7 +4853,7 @@ var stdin_default$1n = defineComponent({
         "icon": "location-o",
         "title": express.name,
         "label": express.address,
-        "class": bem$19("search-item"),
+        "class": bem$1a("search-item"),
         "border": false,
         "onClick": () => onSelect(express)
       }, null));
@@ -4848,7 +4867,7 @@ var stdin_default$1n = defineComponent({
           "autosize": true,
           "clearable": true,
           "ref": field,
-          "class": bem$19(),
+          "class": bem$1a(),
           "rows": props.rows,
           "type": "textarea",
           "rules": props.rules,
@@ -4865,7 +4884,7 @@ var stdin_default$1n = defineComponent({
     };
   }
 });
-const [name$1c, bem$18, t$i] = createNamespace("address-edit");
+const [name$1d, bem$19, t$i] = createNamespace("address-edit");
 const DEFAULT_DATA = {
   name: "",
   tel: "",
@@ -4905,8 +4924,8 @@ const addressEditProps = {
     default: isMobile
   }
 };
-var stdin_default$1m = defineComponent({
-  name: name$1c,
+var stdin_default$1n = defineComponent({
+  name: name$1d,
   props: addressEditProps,
   emits: ["save", "focus", "delete", "clickArea", "changeArea", "changeDetail", "selectSearch", "changeDefault"],
   setup(props, {
@@ -5018,7 +5037,7 @@ var stdin_default$1m = defineComponent({
           "center": true,
           "border": false,
           "title": t$i("defaultAddress"),
-          "class": bem$18("default")
+          "class": bem$19("default")
         }, slots2), [[vShow, !hideBottomFields.value]]);
       }
     };
@@ -5044,13 +5063,13 @@ var stdin_default$1m = defineComponent({
         disableArea
       } = props;
       return createVNode(Form, {
-        "class": bem$18(),
+        "class": bem$19(),
         "onSubmit": onSave
       }, {
         default: () => {
           var _a;
           return [createVNode("div", {
-            "class": bem$18("fields")
+            "class": bem$19("fields")
           }, [createVNode(Field, {
             "modelValue": data.name,
             "onUpdate:modelValue": ($event) => data.name = $event,
@@ -5081,7 +5100,7 @@ var stdin_default$1m = defineComponent({
               emit("clickArea");
               showAreaPopup.value = !disableArea;
             }
-          }, null), [[vShow, props.showArea]]), createVNode(stdin_default$1n, {
+          }, null), [[vShow, props.showArea]]), createVNode(stdin_default$1o, {
             "show": props.showDetail,
             "rows": props.detailRows,
             "rules": rules.value.addressDetail,
@@ -5095,19 +5114,19 @@ var stdin_default$1m = defineComponent({
             "onInput": onChangeDetail,
             "onSelectSearch": (event) => emit("selectSearch", event)
           }, null), (_a = slots.default) == null ? void 0 : _a.call(slots)]), renderSetDefaultCell(), withDirectives(createVNode("div", {
-            "class": bem$18("buttons")
+            "class": bem$19("buttons")
           }, [createVNode(Button, {
             "block": true,
             "round": true,
             "type": "primary",
             "text": props.saveButtonText || t$i("save"),
-            "class": bem$18("button"),
+            "class": bem$19("button"),
             "loading": props.isSaving,
             "nativeType": "submit"
           }, null), props.showDelete && createVNode(Button, {
             "block": true,
             "round": true,
-            "class": bem$18("button"),
+            "class": bem$19("button"),
             "loading": props.isDeleting,
             "text": props.deleteButtonText || t$i("delete"),
             "onClick": onDelete
@@ -5137,8 +5156,8 @@ var stdin_default$1m = defineComponent({
     };
   }
 });
-const AddressEdit = withInstall(stdin_default$1m);
-const [name$1b, bem$17] = createNamespace("radio-group");
+const AddressEdit = withInstall(stdin_default$1n);
+const [name$1c, bem$18] = createNamespace("radio-group");
 const radioGroupProps = {
   disabled: Boolean,
   iconSize: numericProp,
@@ -5146,9 +5165,9 @@ const radioGroupProps = {
   modelValue: unknownProp,
   checkedColor: String
 };
-const RADIO_KEY = Symbol(name$1b);
-var stdin_default$1l = defineComponent({
-  name: name$1b,
+const RADIO_KEY = Symbol(name$1c);
+var stdin_default$1m = defineComponent({
+  name: name$1c,
   props: radioGroupProps,
   emits: ["change", "update:modelValue"],
   setup(props, {
@@ -5168,14 +5187,14 @@ var stdin_default$1l = defineComponent({
     return () => {
       var _a;
       return createVNode("div", {
-        "class": bem$17([props.direction]),
+        "class": bem$18([props.direction]),
         "role": "radiogroup"
       }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
     };
   }
 });
-const RadioGroup = withInstall(stdin_default$1l);
-const [name$1a, bem$16] = createNamespace("tag");
+const RadioGroup = withInstall(stdin_default$1m);
+const [name$1b, bem$17] = createNamespace("tag");
 const tagProps = {
   size: String,
   mark: Boolean,
@@ -5187,8 +5206,8 @@ const tagProps = {
   textColor: String,
   closeable: Boolean
 };
-var stdin_default$1k = defineComponent({
-  name: name$1a,
+var stdin_default$1l = defineComponent({
+  name: name$1b,
   props: tagProps,
   emits: ["close"],
   setup(props, {
@@ -5231,12 +5250,12 @@ var stdin_default$1k = defineComponent({
       }
       const CloseIcon = closeable && createVNode(Icon, {
         "name": "cross",
-        "class": [bem$16("close"), HAPTICS_FEEDBACK],
+        "class": [bem$17("close"), HAPTICS_FEEDBACK],
         "onClick": onClose
       }, null);
       return createVNode("span", {
         "style": getStyle(),
-        "class": bem$16([classes, type])
+        "class": bem$17([classes, type])
       }, [(_a = slots.default) == null ? void 0 : _a.call(slots), CloseIcon]);
     };
     return () => createVNode(Transition, {
@@ -5246,7 +5265,7 @@ var stdin_default$1k = defineComponent({
     });
   }
 });
-const Tag = withInstall(stdin_default$1k);
+const Tag = withInstall(stdin_default$1l);
 const checkerProps = {
   name: unknownProp,
   shape: makeStringProp("round"),
@@ -5257,7 +5276,7 @@ const checkerProps = {
   labelPosition: String,
   labelDisabled: Boolean
 };
-var stdin_default$1j = defineComponent({
+var stdin_default$1k = defineComponent({
   props: extend({}, checkerProps, {
     bem: makeRequiredProp(Function),
     role: String,
@@ -5359,9 +5378,9 @@ var stdin_default$1j = defineComponent({
   }
 });
 const radioProps = checkerProps;
-const [name$19, bem$15] = createNamespace("radio");
-var stdin_default$1i = defineComponent({
-  name: name$19,
+const [name$1a, bem$16] = createNamespace("radio");
+var stdin_default$1j = defineComponent({
+  name: name$1a,
   props: checkerProps,
   emits: ["update:modelValue"],
   setup(props, {
@@ -5382,8 +5401,8 @@ var stdin_default$1i = defineComponent({
         emit("update:modelValue", props.name);
       }
     };
-    return () => createVNode(stdin_default$1j, mergeProps({
-      "bem": bem$15,
+    return () => createVNode(stdin_default$1k, mergeProps({
+      "bem": bem$16,
       "role": "radio",
       "parent": parent,
       "checked": checked(),
@@ -5391,15 +5410,16 @@ var stdin_default$1i = defineComponent({
     }, props), pick(slots, ["default", "icon"]));
   }
 });
-const Radio = withInstall(stdin_default$1i);
-const [name$18, bem$14] = createNamespace("address-item");
-var stdin_default$1h = defineComponent({
-  name: name$18,
+const Radio = withInstall(stdin_default$1j);
+const [name$19, bem$15] = createNamespace("address-item");
+var stdin_default$1i = defineComponent({
+  name: name$19,
   props: {
     address: makeRequiredProp(Object),
     disabled: Boolean,
     switchable: Boolean,
-    defaultTagText: String
+    defaultTagText: String,
+    rightIcon: makeStringProp("edit")
   },
   emits: ["edit", "click", "select"],
   setup(props, {
@@ -5413,8 +5433,8 @@ var stdin_default$1h = defineComponent({
       emit("click");
     };
     const renderRightIcon = () => createVNode(Icon, {
-      "name": "edit",
-      "class": bem$14("edit"),
+      "name": props.rightIcon,
+      "class": bem$15("edit"),
       "onClick": (event) => {
         event.stopPropagation();
         emit("edit");
@@ -5429,7 +5449,7 @@ var stdin_default$1h = defineComponent({
         return createVNode(Tag, {
           "type": "primary",
           "round": true,
-          "class": bem$14("tag")
+          "class": bem$15("tag")
         }, {
           default: () => [props.defaultTagText]
         });
@@ -5442,9 +5462,9 @@ var stdin_default$1h = defineComponent({
         switchable
       } = props;
       const Info = [createVNode("div", {
-        "class": bem$14("name")
+        "class": bem$15("name")
       }, [`${address.name} ${address.tel}`, renderTag()]), createVNode("div", {
-        "class": bem$14("address")
+        "class": bem$15("address")
       }, [address.address])];
       if (switchable && !disabled) {
         return createVNode(Radio, {
@@ -5462,13 +5482,13 @@ var stdin_default$1h = defineComponent({
         disabled
       } = props;
       return createVNode("div", {
-        "class": bem$14({
+        "class": bem$15({
           disabled
         }),
         "onClick": onClick
       }, [createVNode(Cell, {
         "border": false,
-        "titleClass": bem$14("title")
+        "titleClass": bem$15("title")
       }, {
         title: renderContent,
         "right-icon": renderRightIcon
@@ -5478,7 +5498,7 @@ var stdin_default$1h = defineComponent({
     };
   }
 });
-const [name$17, bem$13, t$h] = createNamespace("address-list");
+const [name$18, bem$14, t$h] = createNamespace("address-list");
 const addressListProps = {
   list: makeArrayProp(),
   modelValue: numericProp,
@@ -5486,10 +5506,11 @@ const addressListProps = {
   disabledText: String,
   disabledList: makeArrayProp(),
   addButtonText: String,
-  defaultTagText: String
+  defaultTagText: String,
+  rightIcon: makeStringProp("edit")
 };
-var stdin_default$1g = defineComponent({
-  name: name$17,
+var stdin_default$1h = defineComponent({
+  name: name$18,
   props: addressListProps,
   emits: ["add", "edit", "select", "clickItem", "editDisabled", "selectDisabled", "update:modelValue"],
   setup(props, {
@@ -5505,12 +5526,13 @@ var stdin_default$1g = defineComponent({
           emit("update:modelValue", item.id);
         }
       };
-      return createVNode(stdin_default$1h, {
+      return createVNode(stdin_default$1i, {
         "key": item.id,
         "address": item,
         "disabled": disabled,
         "switchable": props.switchable,
         "defaultTagText": props.defaultTagText,
+        "rightIcon": props.rightIcon,
         "onEdit": onEdit,
         "onClick": onClick,
         "onSelect": onSelect
@@ -5525,13 +5547,13 @@ var stdin_default$1g = defineComponent({
       }
     };
     const renderBottom = () => createVNode("div", {
-      "class": [bem$13("bottom"), "van-safe-area-bottom"]
+      "class": [bem$14("bottom"), "van-safe-area-bottom"]
     }, [createVNode(Button, {
       "round": true,
       "block": true,
       "type": "primary",
       "text": props.addButtonText || t$h("add"),
-      "class": bem$13("add"),
+      "class": bem$14("add"),
       "onClick": () => emit("add")
     }, null)]);
     return () => {
@@ -5539,10 +5561,10 @@ var stdin_default$1g = defineComponent({
       const List2 = renderList(props.list);
       const DisabledList = renderList(props.disabledList, true);
       const DisabledText = props.disabledText && createVNode("div", {
-        "class": bem$13("disabled-text")
+        "class": bem$14("disabled-text")
       }, [props.disabledText]);
       return createVNode("div", {
-        "class": bem$13()
+        "class": bem$14()
       }, [(_a = slots.top) == null ? void 0 : _a.call(slots), createVNode(RadioGroup, {
         "modelValue": props.modelValue
       }, {
@@ -5551,7 +5573,7 @@ var stdin_default$1g = defineComponent({
     };
   }
 });
-const AddressList = withInstall(stdin_default$1g);
+const AddressList = withInstall(stdin_default$1h);
 const hasIntersectionObserver = inBrowser$1 && "IntersectionObserver" in window && "IntersectionObserverEntry" in window && "intersectionRatio" in window.IntersectionObserverEntry.prototype;
 const modeType = {
   event: "event",
@@ -5704,7 +5726,7 @@ class ImageCache {
     this.caches.shift();
   }
 }
-const [name$16, bem$12] = createNamespace("back-top");
+const [name$17, bem$13] = createNamespace("back-top");
 const backTopProps = {
   right: numericProp,
   bottom: numericProp,
@@ -5717,8 +5739,8 @@ const backTopProps = {
     default: "body"
   }
 };
-var stdin_default$1f = defineComponent({
-  name: name$16,
+var stdin_default$1g = defineComponent({
+  name: name$17,
   inheritAttrs: false,
   props: backTopProps,
   emits: ["click"],
@@ -5727,6 +5749,7 @@ var stdin_default$1f = defineComponent({
     slots,
     attrs
   }) {
+    let shouldReshow = false;
     const show = ref(false);
     const root = ref();
     const scrollParent = ref();
@@ -5773,23 +5796,35 @@ var stdin_default$1f = defineComponent({
       target: scrollParent
     });
     onMounted(updateTarget);
+    onActivated(() => {
+      if (shouldReshow) {
+        show.value = true;
+        shouldReshow = false;
+      }
+    });
+    onDeactivated(() => {
+      if (show.value && props.teleport) {
+        show.value = false;
+        shouldReshow = true;
+      }
+    });
     watch(() => props.target, updateTarget);
     return () => {
       const Content = createVNode("div", mergeProps({
         "ref": !props.teleport ? root : void 0,
-        "class": bem$12({
+        "class": bem$13({
           active: show.value
         }),
         "style": style.value,
         "onClick": onClick
       }, attrs), [slots.default ? slots.default() : createVNode(Icon, {
         "name": "back-top",
-        "class": bem$12("icon")
+        "class": bem$13("icon")
       }, null)]);
       if (props.teleport) {
         return [createVNode("div", {
           "ref": root,
-          "class": bem$12("placeholder")
+          "class": bem$13("placeholder")
         }, null), createVNode(Teleport, {
           "to": props.teleport
         }, {
@@ -5800,7 +5835,7 @@ var stdin_default$1f = defineComponent({
     };
   }
 });
-const BackTop = withInstall(stdin_default$1f);
+const BackTop = withInstall(stdin_default$1g);
 var __async = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
@@ -5829,9 +5864,9 @@ const barrageProps = {
   delay: makeNumberProp(300),
   modelValue: makeArrayProp()
 };
-const [name$15, bem$11] = createNamespace("barrage");
-var stdin_default$1e = defineComponent({
-  name: name$15,
+const [name$16, bem$12] = createNamespace("barrage");
+var stdin_default$1f = defineComponent({
+  name: name$16,
   props: barrageProps,
   emits: ["update:modelValue"],
   setup(props, {
@@ -5839,7 +5874,7 @@ var stdin_default$1e = defineComponent({
     slots
   }) {
     const barrageWrapper = ref();
-    const className = bem$11("item");
+    const className = bem$12("item");
     const total = ref(0);
     const barrageItems = [];
     const createBarrageItem = (text, delay = props.delay) => {
@@ -5920,15 +5955,15 @@ var stdin_default$1e = defineComponent({
     return () => {
       var _a;
       return createVNode("div", {
-        "class": bem$11(),
+        "class": bem$12(),
         "ref": barrageWrapper,
         "style": rootStyle.value
       }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
     };
   }
 });
-const Barrage = withInstall(stdin_default$1e);
-const [name$14, bem$10, t$g] = createNamespace("calendar");
+const Barrage = withInstall(stdin_default$1f);
+const [name$15, bem$11, t$g] = createNamespace("calendar");
 const formatMonthTitle = (date) => t$g("monthTitle", date.getFullYear(), date.getMonth() + 1);
 function compareMonth(date1, date2) {
   const year1 = date1.getFullYear();
@@ -5989,7 +6024,7 @@ function times(n, iteratee) {
   return result;
 }
 const getMonthEndDay = (year, month) => 32 - new Date(year, month - 1, 32).getDate();
-const genOptions = (min, max, type, formatter, filter) => {
+const genOptions = (min, max, type, formatter, filter, values) => {
   const options = times(max - min + 1, (index) => {
     const value = padZero(min + index);
     return formatter(type, {
@@ -5997,7 +6032,7 @@ const genOptions = (min, max, type, formatter, filter) => {
       value
     });
   });
-  return filter ? filter(type, options) : options;
+  return filter ? filter(type, options, values) : options;
 };
 const formatValueRange = (values, columns) => values.map((value, index) => {
   const column = columns[index];
@@ -6008,9 +6043,9 @@ const formatValueRange = (values, columns) => values.map((value, index) => {
   }
   return value;
 });
-const [name$13] = createNamespace("calendar-day");
-var stdin_default$1d = defineComponent({
-  name: name$13,
+const [name$14] = createNamespace("calendar-day");
+var stdin_default$1e = defineComponent({
+  name: name$14,
   props: {
     item: makeRequiredProp(Object),
     color: String,
@@ -6072,7 +6107,7 @@ var stdin_default$1d = defineComponent({
       } = props.item;
       if (topInfo || slots["top-info"]) {
         return createVNode("div", {
-          "class": bem$10("top-info")
+          "class": bem$11("top-info")
         }, [slots["top-info"] ? slots["top-info"](props.item) : topInfo]);
       }
     };
@@ -6082,7 +6117,7 @@ var stdin_default$1d = defineComponent({
       } = props.item;
       if (bottomInfo || slots["bottom-info"]) {
         return createVNode("div", {
-          "class": bem$10("bottom-info")
+          "class": bem$11("bottom-info")
         }, [slots["bottom-info"] ? slots["bottom-info"](props.item) : bottomInfo]);
       }
     };
@@ -6099,7 +6134,7 @@ var stdin_default$1d = defineComponent({
       const Nodes = [renderTopInfo(), text, renderBottomInfo()];
       if (type === "selected") {
         return createVNode("div", {
-          "class": bem$10("selected-day"),
+          "class": bem$11("selected-day"),
           "style": {
             width: rowHeight,
             height: rowHeight,
@@ -6116,21 +6151,21 @@ var stdin_default$1d = defineComponent({
       } = props.item;
       if (type === "placeholder") {
         return createVNode("div", {
-          "class": bem$10("day"),
+          "class": bem$11("day"),
           "style": style.value
         }, null);
       }
       return createVNode("div", {
         "role": "gridcell",
         "style": style.value,
-        "class": [bem$10("day", type), className],
+        "class": [bem$11("day", type), className],
         "tabindex": type === "disabled" ? void 0 : -1,
         "onClick": onClick
       }, [renderContent()]);
     };
   }
 });
-const [name$12] = createNamespace("calendar-month");
+const [name$13] = createNamespace("calendar-month");
 const calendarMonthProps = {
   date: makeRequiredProp(Date),
   type: String,
@@ -6147,8 +6182,8 @@ const calendarMonthProps = {
   showMonthTitle: Boolean,
   firstDayOfWeek: Number
 };
-var stdin_default$1c = defineComponent({
-  name: name$12,
+var stdin_default$1d = defineComponent({
+  name: name$13,
   props: calendarMonthProps,
   emits: ["click"],
   setup(props, {
@@ -6253,7 +6288,7 @@ var stdin_default$1c = defineComponent({
     const renderTitle = () => {
       if (props.showMonthTitle) {
         return createVNode("div", {
-          "class": bem$10("month-title")
+          "class": bem$11("month-title")
         }, [slots["month-title"] ? slots["month-title"]({
           date: props.date,
           text: title.value
@@ -6263,7 +6298,7 @@ var stdin_default$1c = defineComponent({
     const renderMark = () => {
       if (props.showMark && shouldRender.value) {
         return createVNode("div", {
-          "class": bem$10("month-mark")
+          "class": bem$11("month-mark")
         }, [props.date.getMonth() + 1]);
       }
     };
@@ -6303,7 +6338,7 @@ var stdin_default$1c = defineComponent({
         setScrollTop(body, daysRect.top + rowOffset + body.scrollTop - useRect(body).top);
       }
     };
-    const renderDay = (item, index) => createVNode(stdin_default$1d, {
+    const renderDay = (item, index) => createVNode(stdin_default$1e, {
       "item": item,
       "index": index,
       "color": props.color,
@@ -6314,7 +6349,7 @@ var stdin_default$1c = defineComponent({
     const renderDays = () => createVNode("div", {
       "ref": daysRef,
       "role": "grid",
-      "class": bem$10("days")
+      "class": bem$11("days")
     }, [renderMark(), (shouldRender.value ? days : placeholders).value.map(renderDay)]);
     useExpose({
       getTitle,
@@ -6324,14 +6359,14 @@ var stdin_default$1c = defineComponent({
       disabledDays
     });
     return () => createVNode("div", {
-      "class": bem$10("month"),
+      "class": bem$11("month"),
       "ref": monthRef
     }, [renderTitle(), renderDays()]);
   }
 });
-const [name$11] = createNamespace("calendar-header");
-var stdin_default$1b = defineComponent({
-  name: name$11,
+const [name$12] = createNamespace("calendar-header");
+var stdin_default$1c = defineComponent({
+  name: name$12,
   props: {
     date: Date,
     title: String,
@@ -6350,7 +6385,7 @@ var stdin_default$1b = defineComponent({
         const text = props.title || t$g("title");
         const title = slots.title ? slots.title() : text;
         return createVNode("div", {
-          "class": bem$10("header-title")
+          "class": bem$11("header-title")
         }, [title]);
       }
     };
@@ -6362,7 +6397,7 @@ var stdin_default$1b = defineComponent({
           text: props.subtitle
         }) : props.subtitle;
         return createVNode("div", {
-          "class": bem$10("header-subtitle"),
+          "class": bem$11("header-subtitle"),
           "onClick": onClickSubtitle
         }, [title]);
       }
@@ -6374,13 +6409,13 @@ var stdin_default$1b = defineComponent({
       const weekdays = t$g("weekdays");
       const renderWeekDays2 = [...weekdays.slice(firstDayOfWeek, 7), ...weekdays.slice(0, firstDayOfWeek)];
       return createVNode("div", {
-        "class": bem$10("weekdays")
+        "class": bem$11("weekdays")
       }, [renderWeekDays2.map((text) => createVNode("span", {
-        "class": bem$10("weekday")
+        "class": bem$11("weekday")
       }, [text]))]);
     };
     return () => createVNode("div", {
-      "class": bem$10("header")
+      "class": bem$11("header")
     }, [renderTitle(), renderSubtitle(), renderWeekDays()]);
   }
 });
@@ -6431,8 +6466,8 @@ const calendarProps = {
     validator: (val) => val >= 0 && val <= 6
   }
 };
-var stdin_default$1a = defineComponent({
-  name: name$14,
+var stdin_default$1b = defineComponent({
+  name: name$15,
   props: calendarProps,
   emits: ["select", "confirm", "unselect", "monthShow", "overRange", "update:show", "clickSubtitle"],
   setup(props, {
@@ -6695,7 +6730,7 @@ var stdin_default$1a = defineComponent({
     const updateShow = (value) => emit("update:show", value);
     const renderMonth = (date, index) => {
       const showMonthTitle = index !== 0 || !props.showSubtitle;
-      return createVNode(stdin_default$1c, mergeProps({
+      return createVNode(stdin_default$1d, mergeProps({
         "ref": setMonthRefs(index),
         "date": date,
         "currentDate": currentDate.value,
@@ -6718,7 +6753,7 @@ var stdin_default$1a = defineComponent({
           "block": true,
           "type": "primary",
           "color": props.color,
-          "class": bem$10("confirm"),
+          "class": bem$11("confirm"),
           "disabled": disabled,
           "nativeType": "button",
           "onClick": onConfirm
@@ -6730,13 +6765,13 @@ var stdin_default$1a = defineComponent({
       }
     };
     const renderFooter = () => createVNode("div", {
-      "class": [bem$10("footer"), {
+      "class": [bem$11("footer"), {
         "van-safe-area-bottom": props.safeAreaInsetBottom
       }]
     }, [renderFooterButton()]);
     const renderCalendar = () => createVNode("div", {
-      "class": bem$10()
-    }, [createVNode(stdin_default$1b, {
+      "class": bem$11()
+    }, [createVNode(stdin_default$1c, {
       "date": subtitle.value.date,
       "title": props.title,
       "subtitle": subtitle.value.text,
@@ -6746,7 +6781,7 @@ var stdin_default$1a = defineComponent({
       "onClickSubtitle": (event) => emit("clickSubtitle", event)
     }, pick(slots, ["title", "subtitle"])), createVNode("div", {
       "ref": bodyRef,
-      "class": bem$10("body"),
+      "class": bem$11("body"),
       "onScroll": onScroll
     }, [months.value.map(renderMonth)]), renderFooter()]);
     watch(() => props.show, init);
@@ -6765,7 +6800,7 @@ var stdin_default$1a = defineComponent({
       if (props.poppable) {
         return createVNode(Popup, {
           "show": props.show,
-          "class": bem$10("popup"),
+          "class": bem$11("popup"),
           "round": props.round,
           "position": props.position,
           "closeable": props.showTitle || props.showSubtitle,
@@ -6782,8 +6817,8 @@ var stdin_default$1a = defineComponent({
     };
   }
 });
-const Calendar = withInstall(stdin_default$1a);
-const [name$10, bem$$] = createNamespace("image");
+const Calendar = withInstall(stdin_default$1b);
+const [name$11, bem$10] = createNamespace("image");
 const imageProps = {
   src: String,
   alt: String,
@@ -6802,8 +6837,8 @@ const imageProps = {
   showLoading: truthProp,
   loadingIcon: makeStringProp("photo")
 };
-var stdin_default$19 = defineComponent({
-  name: name$10,
+var stdin_default$1a = defineComponent({
+  name: name$11,
   props: imageProps,
   emits: ["load", "error"],
   setup(props, {
@@ -6864,13 +6899,13 @@ var stdin_default$19 = defineComponent({
     const renderPlaceholder = () => {
       if (loading.value && props.showLoading) {
         return createVNode("div", {
-          "class": bem$$("loading")
-        }, [renderIcon(props.loadingIcon, bem$$("loading-icon"), slots.loading)]);
+          "class": bem$10("loading")
+        }, [renderIcon(props.loadingIcon, bem$10("loading-icon"), slots.loading)]);
       }
       if (error.value && props.showError) {
         return createVNode("div", {
-          "class": bem$$("error")
-        }, [renderIcon(props.errorIcon, bem$$("error-icon"), slots.error)]);
+          "class": bem$10("error")
+        }, [renderIcon(props.errorIcon, bem$10("error-icon"), slots.error)]);
       }
     };
     const renderImage = () => {
@@ -6879,7 +6914,7 @@ var stdin_default$19 = defineComponent({
       }
       const attrs = {
         alt: props.alt,
-        class: bem$$("img"),
+        class: bem$10("img"),
         style: {
           objectFit: props.fit,
           objectPosition: props.position
@@ -6937,7 +6972,7 @@ var stdin_default$19 = defineComponent({
     return () => {
       var _a;
       return createVNode("div", {
-        "class": bem$$({
+        "class": bem$10({
           round: props.round,
           block: props.block
         }),
@@ -6946,8 +6981,8 @@ var stdin_default$19 = defineComponent({
     };
   }
 });
-const Image$1 = withInstall(stdin_default$19);
-const [name$$, bem$_] = createNamespace("card");
+const Image$1 = withInstall(stdin_default$1a);
+const [name$10, bem$$] = createNamespace("card");
 const cardProps = {
   tag: String,
   num: numericProp,
@@ -6961,8 +6996,8 @@ const cardProps = {
   thumbLink: String,
   originPrice: numericProp
 };
-var stdin_default$18 = defineComponent({
-  name: name$$,
+var stdin_default$19 = defineComponent({
+  name: name$10,
   props: cardProps,
   emits: ["clickThumb"],
   setup(props, {
@@ -6975,14 +7010,14 @@ var stdin_default$18 = defineComponent({
       }
       if (props.title) {
         return createVNode("div", {
-          "class": [bem$_("title"), "van-multi-ellipsis--l2"]
+          "class": [bem$$("title"), "van-multi-ellipsis--l2"]
         }, [props.title]);
       }
     };
     const renderThumbTag = () => {
       if (slots.tag || props.tag) {
         return createVNode("div", {
-          "class": bem$_("tag")
+          "class": bem$$("tag")
         }, [slots.tag ? slots.tag() : createVNode(Tag, {
           "mark": true,
           "type": "primary"
@@ -7007,7 +7042,7 @@ var stdin_default$18 = defineComponent({
       if (slots.thumb || props.thumb) {
         return createVNode("a", {
           "href": props.thumbLink,
-          "class": bem$_("thumb"),
+          "class": bem$$("thumb"),
           "onClick": (event) => emit("clickThumb", event)
         }, [renderThumbImage(), renderThumbTag()]);
       }
@@ -7018,18 +7053,18 @@ var stdin_default$18 = defineComponent({
       }
       if (props.desc) {
         return createVNode("div", {
-          "class": [bem$_("desc"), "van-ellipsis"]
+          "class": [bem$$("desc"), "van-ellipsis"]
         }, [props.desc]);
       }
     };
     const renderPriceText = () => {
       const priceArr = props.price.toString().split(".");
       return createVNode("div", null, [createVNode("span", {
-        "class": bem$_("price-currency")
+        "class": bem$$("price-currency")
       }, [props.currency]), createVNode("span", {
-        "class": bem$_("price-integer")
+        "class": bem$$("price-integer")
       }, [priceArr[0]]), createTextVNode("."), createVNode("span", {
-        "class": bem$_("price-decimal")
+        "class": bem$$("price-decimal")
       }, [priceArr[1]])]);
     };
     return () => {
@@ -7039,34 +7074,34 @@ var stdin_default$18 = defineComponent({
       const showOriginPrice = slots["origin-price"] || isDef(props.originPrice);
       const showBottom = showNum || showPrice || showOriginPrice || slots.bottom;
       const Price = showPrice && createVNode("div", {
-        "class": bem$_("price")
+        "class": bem$$("price")
       }, [slots.price ? slots.price() : renderPriceText()]);
       const OriginPrice = showOriginPrice && createVNode("div", {
-        "class": bem$_("origin-price")
+        "class": bem$$("origin-price")
       }, [slots["origin-price"] ? slots["origin-price"]() : `${props.currency} ${props.originPrice}`]);
       const Num = showNum && createVNode("div", {
-        "class": bem$_("num")
+        "class": bem$$("num")
       }, [slots.num ? slots.num() : `x${props.num}`]);
       const Footer = slots.footer && createVNode("div", {
-        "class": bem$_("footer")
+        "class": bem$$("footer")
       }, [slots.footer()]);
       const Bottom = showBottom && createVNode("div", {
-        "class": bem$_("bottom")
+        "class": bem$$("bottom")
       }, [(_a = slots["price-top"]) == null ? void 0 : _a.call(slots), Price, OriginPrice, Num, (_b = slots.bottom) == null ? void 0 : _b.call(slots)]);
       return createVNode("div", {
-        "class": bem$_()
+        "class": bem$$()
       }, [createVNode("div", {
-        "class": bem$_("header")
+        "class": bem$$("header")
       }, [renderThumb(), createVNode("div", {
-        "class": bem$_("content", {
+        "class": bem$$("content", {
           centered: props.centered
         })
       }, [createVNode("div", null, [renderTitle(), renderDesc(), (_c = slots.tags) == null ? void 0 : _c.call(slots)]), Bottom])]), Footer]);
     };
   }
 });
-const Card = withInstall(stdin_default$18);
-const [name$_, bem$Z, t$f] = createNamespace("cascader");
+const Card = withInstall(stdin_default$19);
+const [name$$, bem$_, t$f] = createNamespace("cascader");
 const cascaderProps = {
   title: String,
   options: makeArrayProp(),
@@ -7079,8 +7114,8 @@ const cascaderProps = {
   placeholder: String,
   activeColor: String
 };
-var stdin_default$17 = defineComponent({
-  name: name$_,
+var stdin_default$18 = defineComponent({
+  name: name$$,
   props: cascaderProps,
   emits: ["close", "change", "finish", "clickTab", "update:modelValue"],
   setup(props, {
@@ -7189,12 +7224,12 @@ var stdin_default$17 = defineComponent({
       title
     }) => emit("clickTab", name2, title);
     const renderHeader = () => props.showHeader ? createVNode("div", {
-      "class": bem$Z("header")
+      "class": bem$_("header")
     }, [createVNode("h2", {
-      "class": bem$Z("title")
+      "class": bem$_("title")
     }, [slots.title ? slots.title() : props.title]), props.closeable ? createVNode(Icon, {
       "name": props.closeIcon,
-      "class": [bem$Z("close-icon"), HAPTICS_FEEDBACK],
+      "class": [bem$_("close-icon"), HAPTICS_FEEDBACK],
       "onClick": onClose
     }, null) : null]) : null;
     const renderOption = (option, selectedOption, tabIndex) => {
@@ -7210,7 +7245,7 @@ var stdin_default$17 = defineComponent({
       return createVNode("li", {
         "ref": selected ? setSelectedElementRefs(tabIndex) : void 0,
         "role": "menuitemradio",
-        "class": [bem$Z("option", {
+        "class": [bem$_("option", {
           selected,
           disabled
         }), option.className],
@@ -7223,12 +7258,12 @@ var stdin_default$17 = defineComponent({
         "onClick": () => onSelect(option, tabIndex)
       }, [Text2, selected ? createVNode(Icon, {
         "name": "success",
-        "class": bem$Z("selected-icon")
+        "class": bem$_("selected-icon")
       }, null) : null]);
     };
     const renderOptions = (options, selectedOption, tabIndex) => createVNode("ul", {
       "role": "menu",
-      "class": bem$Z("options")
+      "class": bem$_("options")
     }, [options.map((option) => renderOption(option, selectedOption, tabIndex))]);
     const renderTab = (tab, tabIndex) => {
       const {
@@ -7239,7 +7274,7 @@ var stdin_default$17 = defineComponent({
       const title = selected ? selected[textKey] : placeholder;
       return createVNode(Tab, {
         "title": title,
-        "titleClass": bem$Z("tab", {
+        "titleClass": bem$_("tab", {
           unselected: !selected
         })
       }, {
@@ -7258,7 +7293,7 @@ var stdin_default$17 = defineComponent({
       "onUpdate:active": ($event) => activeTab.value = $event,
       "shrink": true,
       "animated": true,
-      "class": bem$Z("tabs"),
+      "class": bem$_("tabs"),
       "color": props.activeColor,
       "swipeable": props.swipeable,
       "onClickTab": onClickTab
@@ -7293,19 +7328,19 @@ var stdin_default$17 = defineComponent({
       updateTabs();
     });
     return () => createVNode("div", {
-      "class": bem$Z()
+      "class": bem$_()
     }, [renderHeader(), renderTabs()]);
   }
 });
-const Cascader = withInstall(stdin_default$17);
-const [name$Z, bem$Y] = createNamespace("cell-group");
+const Cascader = withInstall(stdin_default$18);
+const [name$_, bem$Z] = createNamespace("cell-group");
 const cellGroupProps = {
   title: String,
   inset: Boolean,
   border: truthProp
 };
-var stdin_default$16 = defineComponent({
-  name: name$Z,
+var stdin_default$17 = defineComponent({
+  name: name$_,
   inheritAttrs: false,
   props: cellGroupProps,
   setup(props, {
@@ -7315,7 +7350,7 @@ var stdin_default$16 = defineComponent({
     const renderGroup = () => {
       var _a;
       return createVNode("div", mergeProps({
-        "class": [bem$Y({
+        "class": [bem$Z({
           inset: props.inset
         }), {
           [BORDER_TOP_BOTTOM]: props.border && !props.inset
@@ -7323,7 +7358,7 @@ var stdin_default$16 = defineComponent({
       }, attrs), [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
     };
     const renderTitle = () => createVNode("div", {
-      "class": bem$Y("title", {
+      "class": bem$Z("title", {
         inset: props.inset
       })
     }, [slots.title ? slots.title() : props.title]);
@@ -7335,8 +7370,8 @@ var stdin_default$16 = defineComponent({
     };
   }
 });
-const CellGroup = withInstall(stdin_default$16);
-const [name$Y, bem$X] = createNamespace("checkbox-group");
+const CellGroup = withInstall(stdin_default$17);
+const [name$Z, bem$Y] = createNamespace("checkbox-group");
 const checkboxGroupProps = {
   max: numericProp,
   disabled: Boolean,
@@ -7345,9 +7380,9 @@ const checkboxGroupProps = {
   modelValue: makeArrayProp(),
   checkedColor: String
 };
-const CHECKBOX_GROUP_KEY = Symbol(name$Y);
-var stdin_default$15 = defineComponent({
-  name: name$Y,
+const CHECKBOX_GROUP_KEY = Symbol(name$Z);
+var stdin_default$16 = defineComponent({
+  name: name$Z,
   props: checkboxGroupProps,
   emits: ["change", "update:modelValue"],
   setup(props, {
@@ -7393,17 +7428,17 @@ var stdin_default$15 = defineComponent({
     return () => {
       var _a;
       return createVNode("div", {
-        "class": bem$X([props.direction])
+        "class": bem$Y([props.direction])
       }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
     };
   }
 });
-const [name$X, bem$W] = createNamespace("checkbox");
+const [name$Y, bem$X] = createNamespace("checkbox");
 const checkboxProps = extend({}, checkerProps, {
   bindGroup: truthProp
 });
-var stdin_default$14 = defineComponent({
-  name: name$X,
+var stdin_default$15 = defineComponent({
+  name: name$Y,
   props: checkboxProps,
   emits: ["change", "update:modelValue"],
   setup(props, {
@@ -7460,8 +7495,8 @@ var stdin_default$14 = defineComponent({
       checked
     });
     useCustomFieldValue(() => props.modelValue);
-    return () => createVNode(stdin_default$1j, mergeProps({
-      "bem": bem$W,
+    return () => createVNode(stdin_default$1k, mergeProps({
+      "bem": bem$X,
       "role": "checkbox",
       "parent": parent,
       "checked": checked.value,
@@ -7469,9 +7504,9 @@ var stdin_default$14 = defineComponent({
     }, props), pick(slots, ["default", "icon"]));
   }
 });
-const Checkbox = withInstall(stdin_default$14);
-const CheckboxGroup = withInstall(stdin_default$15);
-const [name$W, bem$V] = createNamespace("circle");
+const Checkbox = withInstall(stdin_default$15);
+const CheckboxGroup = withInstall(stdin_default$16);
+const [name$X, bem$W] = createNamespace("circle");
 let uid = 0;
 const format = (rate) => Math.min(Math.max(+rate, 0), 100);
 function getPath(clockwise, viewBoxSize) {
@@ -7492,8 +7527,8 @@ const circleProps = {
   strokeLinecap: String,
   startPosition: makeStringProp("top")
 };
-var stdin_default$13 = defineComponent({
-  name: name$W,
+var stdin_default$14 = defineComponent({
+  name: name$X,
   props: circleProps,
   emits: ["update:currentRate"],
   setup(props, {
@@ -7561,7 +7596,7 @@ var stdin_default$13 = defineComponent({
       return createVNode("path", {
         "d": path.value,
         "style": style,
-        "class": bem$V("hover"),
+        "class": bem$W("hover"),
         "stroke": color
       }, null);
     };
@@ -7572,7 +7607,7 @@ var stdin_default$13 = defineComponent({
         strokeWidth: `${props.strokeWidth}px`
       };
       return createVNode("path", {
-        "class": bem$V("layer"),
+        "class": bem$W("layer"),
         "style": style,
         "d": path.value
       }, null);
@@ -7603,12 +7638,12 @@ var stdin_default$13 = defineComponent({
       }
       if (props.text) {
         return createVNode("div", {
-          "class": bem$V("text")
+          "class": bem$W("text")
         }, [props.text]);
       }
     };
     return () => createVNode("div", {
-      "class": bem$V(),
+      "class": bem$W(),
       "style": getSizeStyle(props.size)
     }, [createVNode("svg", {
       "viewBox": `0 0 ${viewBoxSize.value} ${viewBoxSize.value}`,
@@ -7616,9 +7651,9 @@ var stdin_default$13 = defineComponent({
     }, [renderGradient(), renderLayer(), renderHover()]), renderText()]);
   }
 });
-const Circle = withInstall(stdin_default$13);
-const [name$V, bem$U] = createNamespace("row");
-const ROW_KEY = Symbol(name$V);
+const Circle = withInstall(stdin_default$14);
+const [name$W, bem$V] = createNamespace("row");
+const ROW_KEY = Symbol(name$W);
 const rowProps = {
   tag: makeStringProp("div"),
   wrap: truthProp,
@@ -7626,8 +7661,8 @@ const rowProps = {
   gutter: makeNumericProp(0),
   justify: String
 };
-var stdin_default$12 = defineComponent({
-  name: name$V,
+var stdin_default$13 = defineComponent({
+  name: name$W,
   props: rowProps,
   setup(props, {
     slots
@@ -7686,7 +7721,7 @@ var stdin_default$12 = defineComponent({
         justify
       } = props;
       return createVNode(tag, {
-        "class": bem$U({
+        "class": bem$V({
           [`align-${align}`]: align,
           [`justify-${justify}`]: justify,
           nowrap: !wrap
@@ -7700,14 +7735,14 @@ var stdin_default$12 = defineComponent({
     };
   }
 });
-const [name$U, bem$T] = createNamespace("col");
+const [name$V, bem$U] = createNamespace("col");
 const colProps = {
   tag: makeStringProp("div"),
   span: makeNumericProp(0),
   offset: numericProp
 };
-var stdin_default$11 = defineComponent({
-  name: name$U,
+var stdin_default$12 = defineComponent({
+  name: name$V,
   props: colProps,
   setup(props, {
     slots
@@ -7742,7 +7777,7 @@ var stdin_default$11 = defineComponent({
       } = props;
       return createVNode(tag, {
         "style": style.value,
-        "class": bem$T({
+        "class": bem$U({
           [span]: span,
           [`offset-${offset}`]: offset
         })
@@ -7755,9 +7790,9 @@ var stdin_default$11 = defineComponent({
     };
   }
 });
-const Col = withInstall(stdin_default$11);
-const [name$T, bem$S] = createNamespace("collapse");
-const COLLAPSE_KEY = Symbol(name$T);
+const Col = withInstall(stdin_default$12);
+const [name$U, bem$T] = createNamespace("collapse");
+const COLLAPSE_KEY = Symbol(name$U);
 const collapseProps = {
   border: truthProp,
   accordion: Boolean,
@@ -7777,8 +7812,8 @@ function validateModelValue(modelValue, accordion) {
   }
   return true;
 }
-var stdin_default$10 = defineComponent({
-  name: name$T,
+var stdin_default$11 = defineComponent({
+  name: name$U,
   props: collapseProps,
   emits: ["change", "update:modelValue"],
   setup(props, {
@@ -7848,15 +7883,15 @@ var stdin_default$10 = defineComponent({
     return () => {
       var _a;
       return createVNode("div", {
-        "class": [bem$S(), {
+        "class": [bem$T(), {
           [BORDER_TOP_BOTTOM]: props.border
         }]
       }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
     };
   }
 });
-const Collapse = withInstall(stdin_default$10);
-const [name$S, bem$R] = createNamespace("collapse-item");
+const Collapse = withInstall(stdin_default$11);
+const [name$T, bem$S] = createNamespace("collapse-item");
 const CELL_SLOTS = ["icon", "title", "value", "label", "right-icon"];
 const collapseItemProps = extend({}, cellSharedProps, {
   name: numericProp,
@@ -7865,8 +7900,8 @@ const collapseItemProps = extend({}, cellSharedProps, {
   readonly: Boolean,
   lazyRender: truthProp
 });
-var stdin_default$$ = defineComponent({
-  name: name$S,
+var stdin_default$10 = defineComponent({
+  name: name$T,
   props: collapseItemProps,
   setup(props, {
     slots
@@ -7948,7 +7983,7 @@ var stdin_default$$ = defineComponent({
       }
       return createVNode(Cell, mergeProps({
         "role": "button",
-        "class": bem$R("title", {
+        "class": bem$S("title", {
           disabled,
           expanded: expanded.value,
           borderless: !border
@@ -7961,11 +7996,11 @@ var stdin_default$$ = defineComponent({
       var _a;
       return withDirectives(createVNode("div", {
         "ref": wrapperRef,
-        "class": bem$R("wrapper"),
+        "class": bem$S("wrapper"),
         "onTransitionend": onTransitionEnd
       }, [createVNode("div", {
         "ref": contentRef,
-        "class": bem$R("content")
+        "class": bem$S("content")
       }, [(_a = slots.default) == null ? void 0 : _a.call(slots)])]), [[vShow, show.value]]);
     });
     useExpose({
@@ -7974,15 +8009,15 @@ var stdin_default$$ = defineComponent({
       itemName: name2
     });
     return () => createVNode("div", {
-      "class": [bem$R({
+      "class": [bem$S({
         border: index.value && props.border
       })]
     }, [renderTitle(), renderContent()]);
   }
 });
-const CollapseItem = withInstall(stdin_default$$);
-const ConfigProvider = withInstall(stdin_default$1M);
-const [name$R, bem$Q, t$e] = createNamespace("contact-card");
+const CollapseItem = withInstall(stdin_default$10);
+const ConfigProvider = withInstall(stdin_default$1N);
+const [name$S, bem$R, t$e] = createNamespace("contact-card");
 const contactCardProps = {
   tel: String,
   name: String,
@@ -7990,8 +8025,8 @@ const contactCardProps = {
   addText: String,
   editable: truthProp
 };
-var stdin_default$_ = defineComponent({
-  name: name$R,
+var stdin_default$$ = defineComponent({
+  name: name$S,
   props: contactCardProps,
   emits: ["click"],
   setup(props, {
@@ -8011,18 +8046,18 @@ var stdin_default$_ = defineComponent({
     return () => createVNode(Cell, {
       "center": true,
       "icon": props.type === "edit" ? "contact" : "add-square",
-      "class": bem$Q([props.type]),
+      "class": bem$R([props.type]),
       "border": false,
       "isLink": props.editable,
-      "titleClass": bem$Q("title"),
+      "titleClass": bem$R("title"),
       "onClick": onClick
     }, {
       title: renderContent
     });
   }
 });
-const ContactCard = withInstall(stdin_default$_);
-const [name$Q, bem$P, t$d] = createNamespace("contact-edit");
+const ContactCard = withInstall(stdin_default$$);
+const [name$R, bem$Q, t$d] = createNamespace("contact-edit");
 const DEFAULT_CONTACT = {
   tel: "",
   name: ""
@@ -8042,8 +8077,8 @@ const contactEditProps = {
     default: isMobile
   }
 };
-var stdin_default$Z = defineComponent({
-  name: name$Q,
+var stdin_default$_ = defineComponent({
+  name: name$R,
   props: contactEditProps,
   emits: ["save", "delete", "changeDefault"],
   setup(props, {
@@ -8057,20 +8092,20 @@ var stdin_default$Z = defineComponent({
     };
     const onDelete = () => emit("delete", contact);
     const renderButtons = () => createVNode("div", {
-      "class": bem$P("buttons")
+      "class": bem$Q("buttons")
     }, [createVNode(Button, {
       "block": true,
       "round": true,
       "type": "primary",
       "text": t$d("save"),
-      "class": bem$P("button"),
+      "class": bem$Q("button"),
       "loading": props.isSaving,
       "nativeType": "submit"
     }, null), props.isEdit && createVNode(Button, {
       "block": true,
       "round": true,
       "text": t$d("delete"),
-      "class": bem$P("button"),
+      "class": bem$Q("button"),
       "loading": props.isDeleting,
       "onClick": onDelete
     }, null)]);
@@ -8083,7 +8118,7 @@ var stdin_default$Z = defineComponent({
       if (props.showSetDefault) {
         return createVNode(Cell, {
           "title": props.setDefaultLabel,
-          "class": bem$P("switch-cell"),
+          "class": bem$Q("switch-cell"),
           "border": false
         }, {
           "right-icon": renderSwitch
@@ -8092,11 +8127,11 @@ var stdin_default$Z = defineComponent({
     };
     watch(() => props.contactInfo, (value) => extend(contact, DEFAULT_CONTACT, value));
     return () => createVNode(Form, {
-      "class": bem$P(),
+      "class": bem$Q(),
       "onSubmit": onSave
     }, {
       default: () => [createVNode("div", {
-        "class": bem$P("fields")
+        "class": bem$Q("fields")
       }, [createVNode(Field, {
         "modelValue": contact.name,
         "onUpdate:modelValue": ($event) => contact.name = $event,
@@ -8123,16 +8158,16 @@ var stdin_default$Z = defineComponent({
     });
   }
 });
-const ContactEdit = withInstall(stdin_default$Z);
-const [name$P, bem$O, t$c] = createNamespace("contact-list");
+const ContactEdit = withInstall(stdin_default$_);
+const [name$Q, bem$P, t$c] = createNamespace("contact-list");
 const contactListProps = {
   list: Array,
   addText: String,
   modelValue: unknownProp,
   defaultTagText: String
 };
-var stdin_default$Y = defineComponent({
-  name: name$P,
+var stdin_default$Z = defineComponent({
+  name: name$Q,
   props: contactListProps,
   emits: ["add", "edit", "select", "update:modelValue"],
   setup(props, {
@@ -8144,13 +8179,13 @@ var stdin_default$Y = defineComponent({
         emit("select", item, index);
       };
       const renderRightIcon = () => createVNode(Radio, {
-        "class": bem$O("radio"),
+        "class": bem$P("radio"),
         "name": item.id,
         "iconSize": 18
       }, null);
       const renderEditIcon = () => createVNode(Icon, {
         "name": "edit",
-        "class": bem$O("edit"),
+        "class": bem$P("edit"),
         "onClick": (event) => {
           event.stopPropagation();
           emit("edit", item, index);
@@ -8162,7 +8197,7 @@ var stdin_default$Y = defineComponent({
           nodes.push(createVNode(Tag, {
             "type": "primary",
             "round": true,
-            "class": bem$O("item-tag")
+            "class": bem$P("item-tag")
           }, {
             default: () => [props.defaultTagText]
           }));
@@ -8173,8 +8208,8 @@ var stdin_default$Y = defineComponent({
         "key": item.id,
         "isLink": true,
         "center": true,
-        "class": bem$O("item"),
-        "titleClass": bem$O("item-title"),
+        "class": bem$P("item"),
+        "titleClass": bem$P("item-title"),
         "onClick": onClick
       }, {
         icon: renderEditIcon,
@@ -8183,25 +8218,25 @@ var stdin_default$Y = defineComponent({
       });
     };
     return () => createVNode("div", {
-      "class": bem$O()
+      "class": bem$P()
     }, [createVNode(RadioGroup, {
       "modelValue": props.modelValue,
-      "class": bem$O("group")
+      "class": bem$P("group")
     }, {
       default: () => [props.list && props.list.map(renderItem)]
     }), createVNode("div", {
-      "class": [bem$O("bottom"), "van-safe-area-bottom"]
+      "class": [bem$P("bottom"), "van-safe-area-bottom"]
     }, [createVNode(Button, {
       "round": true,
       "block": true,
       "type": "primary",
-      "class": bem$O("add"),
+      "class": bem$P("add"),
       "text": props.addText || t$c("addContact"),
       "onClick": () => emit("add")
     }, null)])]);
   }
 });
-const ContactList = withInstall(stdin_default$Y);
+const ContactList = withInstall(stdin_default$Z);
 function parseFormat(format2, currentTime) {
   const { days } = currentTime;
   let { hours, minutes, seconds, milliseconds } = currentTime;
@@ -8237,15 +8272,15 @@ function parseFormat(format2, currentTime) {
   }
   return format2;
 }
-const [name$O, bem$N] = createNamespace("count-down");
+const [name$P, bem$O] = createNamespace("count-down");
 const countDownProps = {
   time: makeNumericProp(0),
   format: makeStringProp("HH:mm:ss"),
   autoStart: truthProp,
   millisecond: Boolean
 };
-var stdin_default$X = defineComponent({
-  name: name$O,
+var stdin_default$Y = defineComponent({
+  name: name$P,
   props: countDownProps,
   emits: ["change", "finish"],
   setup(props, {
@@ -8280,11 +8315,11 @@ var stdin_default$X = defineComponent({
     });
     return () => createVNode("div", {
       "role": "timer",
-      "class": bem$N()
+      "class": bem$O()
     }, [slots.default ? slots.default(current2.value) : timeText.value]);
   }
 });
-const CountDown = withInstall(stdin_default$X);
+const CountDown = withInstall(stdin_default$Y);
 function getDate(timeStamp) {
   const date = new Date(timeStamp * 1e3);
   return `${date.getFullYear()}.${padZero(date.getMonth() + 1)}.${padZero(
@@ -8293,9 +8328,9 @@ function getDate(timeStamp) {
 }
 const formatDiscount = (discount) => (discount / 10).toFixed(discount % 10 === 0 ? 0 : 1);
 const formatAmount = (amount) => (amount / 100).toFixed(amount % 100 === 0 ? 0 : amount % 10 === 0 ? 1 : 2);
-const [name$N, bem$M, t$b] = createNamespace("coupon");
-var stdin_default$W = defineComponent({
-  name: name$N,
+const [name$O, bem$N, t$b] = createNamespace("coupon");
+var stdin_default$X = defineComponent({
+  name: name$O,
   props: {
     chosen: Boolean,
     coupon: makeRequiredProp(Object),
@@ -8339,34 +8374,34 @@ var stdin_default$W = defineComponent({
       } = props;
       const description = disabled && coupon.reason || coupon.description;
       return createVNode("div", {
-        "class": bem$M({
+        "class": bem$N({
           disabled
         })
       }, [createVNode("div", {
-        "class": bem$M("content")
+        "class": bem$N("content")
       }, [createVNode("div", {
-        "class": bem$M("head")
+        "class": bem$N("head")
       }, [createVNode("h2", {
-        "class": bem$M("amount")
+        "class": bem$N("amount")
       }, [faceAmount.value]), createVNode("p", {
-        "class": bem$M("condition")
+        "class": bem$N("condition")
       }, [coupon.condition || conditionMessage.value])]), createVNode("div", {
-        "class": bem$M("body")
+        "class": bem$N("body")
       }, [createVNode("p", {
-        "class": bem$M("name")
+        "class": bem$N("name")
       }, [coupon.name]), createVNode("p", {
-        "class": bem$M("valid")
+        "class": bem$N("valid")
       }, [validPeriod.value]), !disabled && createVNode(Checkbox, {
-        "class": bem$M("corner"),
+        "class": bem$N("corner"),
         "modelValue": chosen
       }, null)])]), description && createVNode("p", {
-        "class": bem$M("description")
+        "class": bem$N("description")
       }, [description])]);
     };
   }
 });
-const Coupon = withInstall(stdin_default$W);
-const [name$M, bem$L, t$a] = createNamespace("coupon-cell");
+const Coupon = withInstall(stdin_default$X);
+const [name$N, bem$M, t$a] = createNamespace("coupon-cell");
 const couponCellProps = {
   title: String,
   border: truthProp,
@@ -8394,34 +8429,34 @@ function formatValue({
   }
   return coupons.length === 0 ? t$a("noCoupon") : t$a("count", coupons.length);
 }
-var stdin_default$V = defineComponent({
-  name: name$M,
+var stdin_default$W = defineComponent({
+  name: name$N,
   props: couponCellProps,
   setup(props) {
     return () => {
       const selected = props.coupons[+props.chosenCoupon];
       return createVNode(Cell, {
-        "class": bem$L(),
+        "class": bem$M(),
         "value": formatValue(props),
         "title": props.title || t$a("title"),
         "border": props.border,
         "isLink": props.editable,
-        "valueClass": bem$L("value", {
+        "valueClass": bem$M("value", {
           selected
         })
       }, null);
     };
   }
 });
-const CouponCell = withInstall(stdin_default$V);
-const [name$L, bem$K] = createNamespace("empty");
+const CouponCell = withInstall(stdin_default$W);
+const [name$M, bem$L] = createNamespace("empty");
 const emptyProps = {
   image: makeStringProp("default"),
   imageSize: [Number, String, Array],
   description: String
 };
-var stdin_default$U = defineComponent({
-  name: name$L,
+var stdin_default$V = defineComponent({
+  name: name$M,
   props: emptyProps,
   setup(props, {
     slots
@@ -8430,14 +8465,14 @@ var stdin_default$U = defineComponent({
       const description = slots.description ? slots.description() : props.description;
       if (description) {
         return createVNode("p", {
-          "class": bem$K("description")
+          "class": bem$L("description")
         }, [description]);
       }
     };
     const renderBottom = () => {
       if (slots.default) {
         return createVNode("div", {
-          "class": bem$K("bottom")
+          "class": bem$L("bottom")
         }, [slots.default()]);
       }
     };
@@ -8722,15 +8757,15 @@ var stdin_default$U = defineComponent({
       }, null);
     };
     return () => createVNode("div", {
-      "class": bem$K()
+      "class": bem$L()
     }, [createVNode("div", {
-      "class": bem$K("image"),
+      "class": bem$L("image"),
       "style": getSizeStyle(props.imageSize)
     }, [renderImage()]), renderDescription(), renderBottom()]);
   }
 });
-const Empty = withInstall(stdin_default$U);
-const [name$K, bem$J, t$9] = createNamespace("coupon-list");
+const Empty = withInstall(stdin_default$V);
+const [name$L, bem$K, t$9] = createNamespace("coupon-list");
 const couponListProps = {
   code: makeStringProp(""),
   coupons: makeArrayProp(),
@@ -8751,8 +8786,8 @@ const couponListProps = {
   exchangeButtonLoading: Boolean,
   exchangeButtonDisabled: Boolean
 };
-var stdin_default$T = defineComponent({
-  name: name$K,
+var stdin_default$U = defineComponent({
+  name: name$L,
   props: couponListProps,
   emits: ["change", "exchange", "update:code"],
   setup(props, {
@@ -8770,7 +8805,7 @@ var stdin_default$T = defineComponent({
       const TABS_HEIGHT = 44;
       const rootHeight = useRect(root).height;
       const headerHeight = useRect(barRef).height + TABS_HEIGHT;
-      listHeight.value = (rootHeight > headerHeight ? rootHeight : windowHeight.value) - headerHeight;
+      listHeight.value = (rootHeight > headerHeight ? rootHeight : windowHeight$1.value) - headerHeight;
     };
     const onExchange = () => {
       emit("exchange", currentCode.value);
@@ -8788,26 +8823,26 @@ var stdin_default$T = defineComponent({
       "image": props.emptyImage
     }, {
       default: () => [createVNode("p", {
-        "class": bem$J("empty-tip")
+        "class": bem$K("empty-tip")
       }, [t$9("noCoupon")])]
     });
     const renderExchangeBar = () => {
       if (props.showExchangeBar) {
         return createVNode("div", {
           "ref": barRef,
-          "class": bem$J("exchange-bar")
+          "class": bem$K("exchange-bar")
         }, [createVNode(Field, {
           "modelValue": currentCode.value,
           "onUpdate:modelValue": ($event) => currentCode.value = $event,
           "clearable": true,
           "border": false,
-          "class": bem$J("field"),
+          "class": bem$K("field"),
           "placeholder": props.inputPlaceholder || t$9("placeholder"),
           "maxlength": "20"
         }, null), createVNode(Button, {
           "plain": true,
           "type": "primary",
-          "class": bem$J("exchange"),
+          "class": bem$K("exchange"),
           "text": props.exchangeButtonText || t$9("exchange"),
           "loading": props.exchangeButtonLoading,
           "disabled": buttonDisabled.value,
@@ -8827,7 +8862,7 @@ var stdin_default$T = defineComponent({
         default: () => {
           var _a;
           return [createVNode("div", {
-            "class": bem$J("list", {
+            "class": bem$K("list", {
               "with-bottom": props.showCloseButton
             }),
             "style": {
@@ -8856,7 +8891,7 @@ var stdin_default$T = defineComponent({
         default: () => {
           var _a;
           return [createVNode("div", {
-            "class": bem$J("list", {
+            "class": bem$K("list", {
               "with-bottom": props.showCloseButton
             }),
             "style": {
@@ -8874,7 +8909,7 @@ var stdin_default$T = defineComponent({
     watch(() => props.code, (value) => {
       currentCode.value = value;
     });
-    watch(windowHeight, updateListHeight);
+    watch(windowHeight$1, updateListHeight);
     watch(currentCode, (value) => emit("update:code", value));
     watch(() => props.displayedCouponIndex, scrollToCoupon);
     onMounted(() => {
@@ -8883,28 +8918,28 @@ var stdin_default$T = defineComponent({
     });
     return () => createVNode("div", {
       "ref": root,
-      "class": bem$J()
+      "class": bem$K()
     }, [renderExchangeBar(), createVNode(Tabs, {
       "active": activeTab.value,
       "onUpdate:active": ($event) => activeTab.value = $event,
-      "class": bem$J("tab")
+      "class": bem$K("tab")
     }, {
       default: () => [renderCouponTab(), renderDisabledTab()]
     }), createVNode("div", {
-      "class": bem$J("bottom")
+      "class": bem$K("bottom")
     }, [withDirectives(createVNode(Button, {
       "round": true,
       "block": true,
       "type": "primary",
-      "class": bem$J("close"),
+      "class": bem$K("close"),
       "text": props.closeButtonText || t$9("close"),
       "onClick": () => emit("change", -1)
     }, null), [[vShow, props.showCloseButton]])])]);
   }
 });
-const CouponList = withInstall(stdin_default$T);
+const CouponList = withInstall(stdin_default$U);
 const currentYear = (/* @__PURE__ */ new Date()).getFullYear();
-const [name$J] = createNamespace("date-picker");
+const [name$K] = createNamespace("date-picker");
 const datePickerProps = extend({}, sharedProps, {
   columnsType: {
     type: Array,
@@ -8921,8 +8956,8 @@ const datePickerProps = extend({}, sharedProps, {
     validator: isDate
   }
 });
-var stdin_default$S = defineComponent({
-  name: name$J,
+var stdin_default$T = defineComponent({
+  name: name$K,
   props: datePickerProps,
   emits: ["confirm", "cancel", "change", "update:modelValue"],
   setup(props, {
@@ -9015,8 +9050,8 @@ var stdin_default$S = defineComponent({
     }, pick(props, pickerInheritKeys)), slots);
   }
 });
-const DatePicker = withInstall(stdin_default$S);
-const [name$I, bem$I, t$8] = createNamespace("dialog");
+const DatePicker = withInstall(stdin_default$T);
+const [name$J, bem$J, t$8] = createNamespace("dialog");
 const dialogProps = extend({}, popupSharedProps, {
   title: String,
   theme: String,
@@ -9039,8 +9074,8 @@ const dialogProps = extend({}, popupSharedProps, {
   closeOnClickOverlay: Boolean
 });
 const popupInheritKeys$1 = [...popupSharedPropKeys, "transition", "closeOnPopstate"];
-var stdin_default$R = defineComponent({
-  name: name$I,
+var stdin_default$S = defineComponent({
+  name: name$J,
   props: dialogProps,
   emits: ["confirm", "cancel", "keydown", "update:show"],
   setup(props, {
@@ -9097,7 +9132,7 @@ var stdin_default$R = defineComponent({
       const title = slots.title ? slots.title() : props.title;
       if (title) {
         return createVNode("div", {
-          "class": bem$I("header", {
+          "class": bem$J("header", {
             isolated: !props.message && !slots.default
           })
         }, [title]);
@@ -9109,7 +9144,7 @@ var stdin_default$R = defineComponent({
         allowHtml,
         messageAlign
       } = props;
-      const classNames = bem$I("message", {
+      const classNames = bem$J("message", {
         "has-title": hasTitle,
         [messageAlign]: messageAlign
       });
@@ -9127,7 +9162,7 @@ var stdin_default$R = defineComponent({
     const renderContent = () => {
       if (slots.default) {
         return createVNode("div", {
-          "class": bem$I("content")
+          "class": bem$J("content")
         }, [slots.default()]);
       }
       const {
@@ -9139,18 +9174,18 @@ var stdin_default$R = defineComponent({
         const hasTitle = !!(title || slots.title);
         return createVNode("div", {
           "key": allowHtml ? 1 : 0,
-          "class": bem$I("content", {
+          "class": bem$J("content", {
             isolated: !hasTitle
           })
         }, [renderMessage(hasTitle)]);
       }
     };
     const renderButtons = () => createVNode("div", {
-      "class": [BORDER_TOP, bem$I("footer")]
+      "class": [BORDER_TOP, bem$J("footer")]
     }, [props.showCancelButton && createVNode(Button, {
       "size": "large",
       "text": props.cancelButtonText || t$8("cancel"),
-      "class": bem$I("cancel"),
+      "class": bem$J("cancel"),
       "style": {
         color: props.cancelButtonColor
       },
@@ -9160,7 +9195,7 @@ var stdin_default$R = defineComponent({
     }, null), props.showConfirmButton && createVNode(Button, {
       "size": "large",
       "text": props.confirmButtonText || t$8("confirm"),
-      "class": [bem$I("confirm"), {
+      "class": [bem$J("confirm"), {
         [BORDER_LEFT]: props.showCancelButton
       }],
       "style": {
@@ -9171,12 +9206,12 @@ var stdin_default$R = defineComponent({
       "onClick": onConfirm
     }, null)]);
     const renderRoundButtons = () => createVNode(ActionBar, {
-      "class": bem$I("footer")
+      "class": bem$J("footer")
     }, {
       default: () => [props.showCancelButton && createVNode(ActionBarButton, {
         "type": "warning",
         "text": props.cancelButtonText || t$8("cancel"),
-        "class": bem$I("cancel"),
+        "class": bem$J("cancel"),
         "color": props.cancelButtonColor,
         "loading": loading.cancel,
         "disabled": props.cancelButtonDisabled,
@@ -9184,7 +9219,7 @@ var stdin_default$R = defineComponent({
       }, null), props.showConfirmButton && createVNode(ActionBarButton, {
         "type": "danger",
         "text": props.confirmButtonText || t$8("confirm"),
-        "class": bem$I("confirm"),
+        "class": bem$J("confirm"),
         "color": props.confirmButtonColor,
         "loading": loading.confirm,
         "disabled": props.confirmButtonDisabled,
@@ -9208,7 +9243,7 @@ var stdin_default$R = defineComponent({
       return createVNode(Popup, mergeProps({
         "ref": root,
         "role": "dialog",
-        "class": [bem$I([theme]), className],
+        "class": [bem$J([theme]), className],
         "style": {
           width: addUnit(width)
         },
@@ -9258,7 +9293,7 @@ function initInstance$2() {
         state,
         toggle
       } = usePopupState();
-      return () => createVNode(stdin_default$R, mergeProps(state, {
+      return () => createVNode(stdin_default$S, mergeProps(state, {
         "onUpdate:show": toggle
       }), null);
     }
@@ -9296,16 +9331,16 @@ const closeDialog = () => {
     instance$2.toggle(false);
   }
 };
-const Dialog = withInstall(stdin_default$R);
-const [name$H, bem$H] = createNamespace("divider");
+const Dialog = withInstall(stdin_default$S);
+const [name$I, bem$I] = createNamespace("divider");
 const dividerProps = {
   dashed: Boolean,
   hairline: truthProp,
   vertical: Boolean,
   contentPosition: makeStringProp("center")
 };
-var stdin_default$Q = defineComponent({
-  name: name$H,
+var stdin_default$R = defineComponent({
+  name: name$I,
   props: dividerProps,
   setup(props, {
     slots
@@ -9314,7 +9349,7 @@ var stdin_default$Q = defineComponent({
       var _a;
       return createVNode("div", {
         "role": "separator",
-        "class": bem$H({
+        "class": bem$I({
           dashed: props.dashed,
           hairline: props.hairline,
           vertical: props.vertical,
@@ -9324,8 +9359,8 @@ var stdin_default$Q = defineComponent({
     };
   }
 });
-const Divider = withInstall(stdin_default$Q);
-const [name$G, bem$G] = createNamespace("dropdown-menu");
+const Divider = withInstall(stdin_default$R);
+const [name$H, bem$H] = createNamespace("dropdown-menu");
 const dropdownMenuProps = {
   overlay: truthProp,
   zIndex: numericProp,
@@ -9335,9 +9370,9 @@ const dropdownMenuProps = {
   closeOnClickOutside: truthProp,
   closeOnClickOverlay: truthProp
 };
-const DROPDOWN_KEY = Symbol(name$G);
-var stdin_default$P = defineComponent({
-  name: name$G,
+const DROPDOWN_KEY = Symbol(name$H);
+var stdin_default$Q = defineComponent({
+  name: name$H,
   props: dropdownMenuProps,
   setup(props, {
     slots
@@ -9359,11 +9394,14 @@ var stdin_default$P = defineComponent({
         };
       }
     });
+    const close = () => {
+      children.forEach((item) => {
+        item.toggle(false);
+      });
+    };
     const onClickAway = () => {
       if (props.closeOnClickOutside) {
-        children.forEach((item) => {
-          item.toggle(false);
-        });
+        close();
       }
     };
     const updateOffset = () => {
@@ -9372,7 +9410,7 @@ var stdin_default$P = defineComponent({
         if (props.direction === "down") {
           offset.value = rect.bottom;
         } else {
-          offset.value = windowHeight.value - rect.top;
+          offset.value = windowHeight$1.value - rect.top;
         }
       }
     };
@@ -9404,7 +9442,7 @@ var stdin_default$P = defineComponent({
         "id": `${id}-${index}`,
         "role": "button",
         "tabindex": disabled ? void 0 : 0,
-        "class": [bem$G("item", {
+        "class": [bem$H("item", {
           disabled
         }), {
           [HAPTICS_FEEDBACK]: !disabled
@@ -9415,7 +9453,7 @@ var stdin_default$P = defineComponent({
           }
         }
       }, [createVNode("span", {
-        "class": [bem$G("title", {
+        "class": [bem$H("title", {
           down: showPopup === (props.direction === "down"),
           active: showPopup
         }), titleClass],
@@ -9426,6 +9464,9 @@ var stdin_default$P = defineComponent({
         "class": "van-ellipsis"
       }, [item.renderTitle()])])]);
     };
+    useExpose({
+      close
+    });
     linkChildren({
       id,
       props,
@@ -9441,18 +9482,18 @@ var stdin_default$P = defineComponent({
       var _a;
       return createVNode("div", {
         "ref": root,
-        "class": bem$G()
+        "class": bem$H()
       }, [createVNode("div", {
         "ref": barRef,
         "style": barStyle.value,
-        "class": bem$G("bar", {
+        "class": bem$H("bar", {
           opened: opened.value
         })
       }, [children.map(renderTitle)]), (_a = slots.default) == null ? void 0 : _a.call(slots)]);
     };
   }
 });
-const [name$F, bem$F] = createNamespace("dropdown-item");
+const [name$G, bem$G] = createNamespace("dropdown-item");
 const dropdownItemProps = {
   title: String,
   options: makeArrayProp(),
@@ -9462,8 +9503,8 @@ const dropdownItemProps = {
   modelValue: unknownProp,
   titleClass: unknownProp
 };
-var stdin_default$O = defineComponent({
-  name: name$F,
+var stdin_default$P = defineComponent({
+  name: name$G,
   inheritAttrs: false,
   props: dropdownItemProps,
   emits: ["open", "opened", "close", "closed", "change", "update:modelValue"],
@@ -9536,7 +9577,7 @@ var stdin_default$O = defineComponent({
       const renderIcon = () => {
         if (active) {
           return createVNode(Icon, {
-            "class": bem$F("icon"),
+            "class": bem$G("icon"),
             "color": activeColor,
             "name": "success"
           }, null);
@@ -9547,7 +9588,7 @@ var stdin_default$O = defineComponent({
         "key": option.value,
         "icon": option.icon,
         "title": option.text,
-        "class": bem$F("option", {
+        "class": bem$G("option", {
           active
         }),
         "style": {
@@ -9579,13 +9620,13 @@ var stdin_default$O = defineComponent({
       }
       return withDirectives(createVNode("div", mergeProps({
         "style": style,
-        "class": bem$F([direction]),
+        "class": bem$G([direction]),
         "onClick": onClickWrapper
       }, attrs), [createVNode(Popup, {
         "show": state.showPopup,
         "onUpdate:show": ($event) => state.showPopup = $event,
         "role": "menu",
-        "class": bem$F("content"),
+        "class": bem$G("content"),
         "overlay": overlay,
         "position": direction === "down" ? "top" : "bottom",
         "duration": state.transition ? duration : 0,
@@ -9623,8 +9664,124 @@ var stdin_default$O = defineComponent({
     };
   }
 });
-const DropdownItem = withInstall(stdin_default$O);
-const DropdownMenu = withInstall(stdin_default$P);
+const DropdownItem = withInstall(stdin_default$P);
+const DropdownMenu = withInstall(stdin_default$Q);
+const {
+  height: windowHeight
+} = useWindowSize();
+const floatingPanelProps = {
+  height: makeNumericProp(0),
+  anchors: makeArrayProp(),
+  duration: makeNumericProp(0.2),
+  contentDraggable: truthProp,
+  safeAreaInsetBottom: truthProp
+};
+const [name$F, bem$F] = createNamespace("floating-panel");
+const DAMP = 0.2;
+var stdin_default$O = defineComponent({
+  name: name$F,
+  props: floatingPanelProps,
+  emits: ["heightChange", "update:height"],
+  setup(props, {
+    emit,
+    slots
+  }) {
+    const rootRef = ref();
+    const contentRef = ref();
+    const height = useSyncPropRef(() => +props.height, (value) => emit("update:height", value));
+    const boundary = computed(() => {
+      var _a, _b;
+      return {
+        min: (_a = props.anchors[0]) != null ? _a : 100,
+        max: (_b = props.anchors[props.anchors.length - 1]) != null ? _b : Math.round(windowHeight.value * 0.6)
+      };
+    });
+    const anchors = computed(() => props.anchors.length >= 2 ? props.anchors : [boundary.value.min, boundary.value.max]);
+    const dragging = ref(false);
+    const rootStyle = computed(() => ({
+      height: addUnit(boundary.value.max),
+      transform: `translateY(calc(100% + ${addUnit(-height.value)}))`,
+      transition: !dragging.value ? `transform ${props.duration}s` : "none"
+    }));
+    const ease = (moveY) => {
+      const absDistance = Math.abs(moveY);
+      const {
+        min,
+        max
+      } = boundary.value;
+      if (absDistance > max) {
+        return -(max + (absDistance - max) * DAMP);
+      }
+      if (absDistance < min) {
+        return -(min - (min - absDistance) * DAMP);
+      }
+      return moveY;
+    };
+    const closest = (arr, target) => arr.reduce((pre, cur) => Math.abs(pre - target) < Math.abs(cur - target) ? pre : cur);
+    let startY;
+    const touch = useTouch();
+    const onTouchstart = (e) => {
+      touch.start(e);
+      dragging.value = true;
+      startY = -height.value;
+    };
+    const onTouchmove = (e) => {
+      var _a;
+      touch.move(e);
+      const target = e.target;
+      if (contentRef.value === target || ((_a = contentRef.value) == null ? void 0 : _a.contains(target))) {
+        if (!props.contentDraggable)
+          return;
+        if (-startY < boundary.value.max) {
+          if (e.cancelable)
+            e.preventDefault();
+          e.stopPropagation();
+        } else if (!(contentRef.value.scrollTop <= 0 && touch.deltaY.value > 0)) {
+          return;
+        }
+      }
+      const moveY = touch.deltaY.value + startY;
+      height.value = -ease(moveY);
+    };
+    const onTouchend = () => {
+      dragging.value = false;
+      height.value = closest(anchors.value, height.value);
+      if (height.value !== -startY) {
+        emit("heightChange", {
+          height: height.value
+        });
+      }
+    };
+    watch(boundary, () => {
+      height.value = closest(anchors.value, height.value);
+    }, {
+      immediate: true
+    });
+    useLockScroll(rootRef, () => true);
+    return () => {
+      var _a;
+      return createVNode("div", {
+        "class": [bem$F(), {
+          "van-safe-area-bottom": props.safeAreaInsetBottom
+        }],
+        "ref": rootRef,
+        "style": rootStyle.value,
+        "onTouchstartPassive": onTouchstart,
+        "onTouchmove": onTouchmove,
+        "onTouchend": onTouchend,
+        "onTouchcancel": onTouchend
+      }, [createVNode("div", {
+        "class": bem$F("header")
+      }, [createVNode("div", {
+        "class": bem$F("header-bar")
+      }, null)]), createVNode("div", {
+        "class": bem$F("content"),
+        "ref": contentRef
+      }, [(_a = slots.default) == null ? void 0 : _a.call(slots)])]);
+    };
+  }
+});
+const FloatingPanel = withInstall(stdin_default$O);
 const [name$E, bem$E] = createNamespace("grid");
 const gridProps = {
   square: Boolean,
@@ -9828,6 +9985,7 @@ var stdin_default$L = defineComponent({
       moveY: 0,
       moving: false,
       zooming: false,
+      initializing: false,
       imageRatio: 0
     });
     const touch = useTouch();
@@ -9842,10 +10000,11 @@ var stdin_default$L = defineComponent({
         moveX,
         moveY,
         moving,
-        zooming
+        zooming,
+        initializing
       } = state;
       const style = {
-        transitionDuration: zooming || moving ? "0s" : ".3s"
+        transitionDuration: zooming || moving || initializing ? "0s" : ".3s"
       };
       if (scale !== 1 || isLongImage.value) {
         style.transform = `matrix(${scale}, 0, 0, ${scale}, ${moveX}, ${moveY})`;
@@ -10045,6 +10204,10 @@ var stdin_default$L = defineComponent({
       if (isLongImage.value) {
         initialMoveY = (imageRatio * rootWidth - rootHeight) / 2;
         state.moveY = initialMoveY;
+        state.initializing = true;
+        raf(() => {
+          state.initializing = false;
+        });
       }
       resetScale();
     };
@@ -10233,7 +10396,7 @@ var stdin_default$K = defineComponent({
       swipeTo
     });
     onMounted(resize);
-    watch([windowWidth, windowHeight], resize);
+    watch([windowWidth, windowHeight$1], resize);
     watch(() => props.startPosition, (value) => setActive(+value));
     watch(() => props.show, (value) => {
       const {
@@ -11617,7 +11780,7 @@ var stdin_default$A = defineComponent({
   }
 });
 const PasswordInput = withInstall(stdin_default$A);
-const PickerGroup = withInstall(stdin_default$1v);
+const PickerGroup = withInstall(stdin_default$1w);
 const [name$r, bem$q] = createNamespace("popover");
 const popupProps = ["overlay", "duration", "teleport", "overlayStyle", "overlayClass", "closeOnClickOverlay"];
 const popoverProps = {
@@ -11625,6 +11788,7 @@ const popoverProps = {
   theme: makeStringProp("light"),
   overlay: Boolean,
   actions: makeArrayProp(),
+  actionsDirection: makeStringProp("vertical"),
   trigger: makeStringProp("click"),
   duration: numericProp,
   showArrow: truthProp,
@@ -11728,7 +11892,9 @@ var stdin_default$z = defineComponent({
         "classPrefix": props.iconPrefix,
         "class": bem$q("action-icon")
       }, null), createVNode("div", {
-        "class": [bem$q("action-text"), BORDER_BOTTOM]
+        "class": [bem$q("action-text"), {
+          [BORDER_BOTTOM]: props.actionsDirection === "vertical"
+        }]
       }, [action.text])];
     };
     const renderAction = (action, index) => {
@@ -11743,7 +11909,9 @@ var stdin_default$z = defineComponent({
         "class": [bem$q("action", {
           disabled,
           "with-icon": icon
-        }), className],
+        }), {
+          [BORDER_RIGHT]: props.actionsDirection === "horizontal"
+        }, className],
         "style": {
           color
         },
@@ -11792,7 +11960,7 @@ var stdin_default$z = defineComponent({
           "class": bem$q("arrow")
         }, null), createVNode("div", {
           "role": "menu",
-          "class": bem$q("content")
+          "class": bem$q("content", props.actionsDirection)
         }, [slots.default ? slots.default() : props.actions.map(renderAction)])]
       })]);
     };
@@ -12265,7 +12433,7 @@ var stdin_default$w = defineComponent({
   }
 });
 const Rate = withInstall(stdin_default$w);
-const Row = withInstall(stdin_default$12);
+const Row = withInstall(stdin_default$13);
 const [name$n, bem$m, t$4] = createNamespace("search");
 const searchProps = extend({}, fieldSharedProps, {
   label: String,
@@ -12979,6 +13147,14 @@ var stdin_default$i = defineComponent({
       const diff = Math.round((value - min) / step) * step;
       return addNumber(min, diff);
     };
+    const updateStartValue = () => {
+      const current22 = props.modelValue;
+      if (isRange(current22)) {
+        startValue = current22.map(format2);
+      } else {
+        startValue = format2(current22);
+      }
+    };
     const handleRangeValue = (value) => {
       var _a, _b;
       const left = (_a = value[0]) != null ? _a : Number(props.min);
@@ -13003,6 +13179,7 @@ var stdin_default$i = defineComponent({
       if (props.disabled || props.readonly) {
         return;
       }
+      updateStartValue();
       const {
         min,
         reverse,
@@ -13042,11 +13219,7 @@ var stdin_default$i = defineComponent({
       }
       touch.start(event);
       current2 = props.modelValue;
-      if (isRange(current2)) {
-        startValue = current2.map(format2);
-      } else {
-        startValue = format2(current2);
-      }
+      updateStartValue();
       dragStatus.value = "start";
     };
     const onTouchMove = (event) => {
@@ -13092,17 +13265,25 @@ var stdin_default$i = defineComponent({
       return bem$c("button-wrapper", props.reverse ? "left" : "right");
     };
     const renderButtonContent = (value, index) => {
+      const dragging = dragStatus.value === "dragging";
       if (typeof index === "number") {
         const slot = slots[index === 0 ? "left-button" : "right-button"];
+        let dragIndex;
+        if (dragging && Array.isArray(current2)) {
+          dragIndex = current2[0] > current2[1] ? buttonIndex ^ 1 : buttonIndex;
+        }
         if (slot) {
           return slot({
-            value
+            value,
+            dragging,
+            dragIndex
           });
         }
       }
       if (slots.button) {
         return slots.button({
-          value
+          value,
+          dragging
         });
       }
       return createVNode("div", {
@@ -14178,6 +14359,8 @@ var stdin_default$9 = defineComponent({
 });
 const TextEllipsis = withInstall(stdin_default$9);
 const [name$3] = createNamespace("time-picker");
+const validateTime = (val) => /^([01]\d|2[0-3]):([0-5]\d):([0-5]\d)$/.test(val);
+const fullColumns = ["hour", "minute", "second"];
 const timePickerProps = extend({}, sharedProps, {
   minHour: makeNumericProp(0),
   maxHour: makeNumericProp(23),
@@ -14185,10 +14368,19 @@ const timePickerProps = extend({}, sharedProps, {
   maxMinute: makeNumericProp(59),
   minSecond: makeNumericProp(0),
   maxSecond: makeNumericProp(59),
+  minTime: {
+    type: String,
+    validator: validateTime
+  },
+  maxTime: {
+    type: String,
+    validator: validateTime
+  },
   columnsType: {
     type: Array,
     default: () => ["hour", "minute"]
-  }
+  },
+  filter: Function
 });
 var stdin_default$8 = defineComponent({
   name: name$3,
@@ -14199,25 +14391,66 @@ var stdin_default$8 = defineComponent({
     slots
   }) {
     const currentValues = ref(props.modelValue);
-    const columns = computed(() => props.columnsType.map((type) => {
-      const {
-        filter,
-        formatter
+    const getValidTime = (time) => {
+      const timeLimitArr = time.split(":");
+      return fullColumns.map((col, i) => props.columnsType.includes(col) ? timeLimitArr[i] : "00");
+    };
+    const columns = computed(() => {
+      let {
+        minHour,
+        maxHour,
+        minMinute,
+        maxMinute,
+        minSecond,
+        maxSecond
       } = props;
-      switch (type) {
-        case "hour":
-          return genOptions(+props.minHour, +props.maxHour, type, formatter, filter);
-        case "minute":
-          return genOptions(+props.minMinute, +props.maxMinute, type, formatter, filter);
-        case "second":
-          return genOptions(+props.minSecond, +props.maxSecond, type, formatter, filter);
-        default:
-          if (process.env.NODE_ENV !== "production") {
-            throw new Error(`[Vant] DatePicker: unsupported columns type: ${type}`);
-          }
-          return [];
-      }
-    }));
+      if (props.minTime || props.maxTime) {
+        const fullTime = {
+          hour: 0,
+          minute: 0,
+          second: 0
+        };
+        props.columnsType.forEach((col, i) => {
+          var _a;
+          fullTime[col] = (_a = currentValues.value[i]) != null ? _a : 0;
+        });
+        const {
+          hour,
+          minute
+        } = fullTime;
+        if (props.minTime) {
+          const [minH, minM, minS] = getValidTime(props.minTime);
+          minHour = minH;
+          minMinute = +hour <= +minHour ? minM : "00";
+          minSecond = +hour <= +minHour && +minute <= +minMinute ? minS : "00";
+        }
+        if (props.maxTime) {
+          const [maxH, maxM, maxS] = getValidTime(props.maxTime);
+          maxHour = maxH;
+          maxMinute = +hour >= +maxHour ? maxM : "59";
+          maxSecond = +hour >= +maxHour && +minute >= +maxMinute ? maxS : "59";
+        }
+      }
+      return props.columnsType.map((type) => {
+        const {
+          filter,
+          formatter
+        } = props;
+        switch (type) {
+          case "hour":
+            return genOptions(+minHour, +maxHour, type, formatter, filter, currentValues.value);
+          case "minute":
+            return genOptions(+minMinute, +maxMinute, type, formatter, filter, currentValues.value);
+          case "second":
+            return genOptions(+minSecond, +maxSecond, type, formatter, filter, currentValues.value);
+          default:
+            if (process.env.NODE_ENV !== "production") {
+              throw new Error(`[Vant] DatePicker: unsupported columns type: ${type}`);
+            }
+            return [];
+        }
+      });
+    });
     watch(currentValues, (newValues) => {
       if (!isSameValue(newValues, props.modelValue)) {
         emit("update:modelValue", newValues);
@@ -15773,7 +16006,7 @@ const Lazyload = {
     });
   }
 };
-const version = "4.4.0";
+const version = "4.5.0";
 function install(app) {
   const components = [
     ActionBar,
@@ -15813,6 +16046,7 @@ function install(app) {
     DropdownMenu,
     Empty,
     Field,
+    FloatingPanel,
     Form,
     Grid,
     GridItem,
@@ -15925,6 +16159,7 @@ export {
   DropdownMenu,
   Empty,
   Field,
+  FloatingPanel,
   Form,
   Grid,
   GridItem,