vant 4.0.0-rc.5 → 4.0.0-rc.7

package/lib/vant.cjs.js

@@ -237,7 +237,7 @@ function deepAssign(to, from) {
   });
   return to;
 }
-var stdin_default$1F = {
+var stdin_default$1J = {
   name: "\u59D3\u540D",
   tel: "\u7535\u8BDD",
   save: "\u4FDD\u5B58",
@@ -300,7 +300,7 @@ var stdin_default$1F = {
 };
 const lang = vue.ref("zh-CN");
 const messages = vue.reactive({
-  "zh-CN": stdin_default$1F
+  "zh-CN": stdin_default$1J
 });
 const Locale = {
   messages() {
@@ -314,11 +314,11 @@ const Locale = {
     deepAssign(messages, newMessages);
   }
 };
-var stdin_default$1E = Locale;
+var stdin_default$1I = Locale;
 function createTranslate(name2) {
   const prefix = camelize(name2) + ".";
   return (path, ...args) => {
-    const messages2 = stdin_default$1E.messages();
+    const messages2 = stdin_default$1I.messages();
     const message = get(messages2, prefix + path) || get(messages2, path);
     return isFunction(message) ? message(...args) : message;
   };
@@ -368,6 +368,7 @@ const BORDER_TOP_BOTTOM = `${BORDER}--top-bottom`;
 const BORDER_UNSET_TOP_BOTTOM = `${BORDER}-unset--top-bottom`;
 const HAPTICS_FEEDBACK = "van-haptics-feedback";
 const FORM_KEY = Symbol("van-form");
+const LONG_PRESS_START_TIME = 500;
 function callInterceptor(interceptor, {
   args = [],
   done,
@@ -438,20 +439,20 @@ function usePlaceholder(contentRef, bem2) {
     }
   }, [renderContent()]);
 }
-const [name$1w, bem$1r] = createNamespace("action-bar");
-const ACTION_BAR_KEY = Symbol(name$1w);
+const [name$1A, bem$1v] = createNamespace("action-bar");
+const ACTION_BAR_KEY = Symbol(name$1A);
 const actionBarProps = {
   placeholder: Boolean,
   safeAreaInsetBottom: truthProp
 };
-var stdin_default$1D = vue.defineComponent({
-  name: name$1w,
+var stdin_default$1H = vue.defineComponent({
+  name: name$1A,
   props: actionBarProps,
   setup(props, {
     slots
   }) {
     const root = vue.ref();
-    const renderPlaceholder = usePlaceholder(root, bem$1r);
+    const renderPlaceholder = usePlaceholder(root, bem$1v);
     const {
       linkChildren
     } = use.useChildren(ACTION_BAR_KEY);
@@ -460,7 +461,7 @@ var stdin_default$1D = vue.defineComponent({
       var _a;
       return vue.createVNode("div", {
         "ref": root,
-        "class": [bem$1r(), {
+        "class": [bem$1v(), {
           "van-safe-area-bottom": props.safeAreaInsetBottom
         }]
       }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
@@ -473,7 +474,7 @@ var stdin_default$1D = vue.defineComponent({
     };
   }
 });
-const ActionBar = withInstall(stdin_default$1D);
+const ActionBar = withInstall(stdin_default$1H);
 function useExpose(apis) {
   const instance2 = vue.getCurrentInstance();
   if (instance2) {
@@ -501,7 +502,7 @@ function useRoute() {
   const vm = vue.getCurrentInstance().proxy;
   return () => route(vm);
 }
-const [name$1v, bem$1q] = createNamespace("badge");
+const [name$1z, bem$1u] = createNamespace("badge");
 const badgeProps = {
   dot: Boolean,
   max: numericProp,
@@ -512,8 +513,8 @@ const badgeProps = {
   showZero: truthProp,
   position: makeStringProp("top-right")
 };
-var stdin_default$1C = vue.defineComponent({
-  name: name$1v,
+var stdin_default$1G = vue.defineComponent({
+  name: name$1z,
   props: badgeProps,
   setup(props, {
     slots
@@ -567,7 +568,7 @@ var stdin_default$1C = vue.defineComponent({
     const renderBadge = () => {
       if (hasContent() || props.dot) {
         return vue.createVNode("div", {
-          "class": bem$1q([props.position, {
+          "class": bem$1u([props.position, {
             dot: props.dot,
             fixed: !!slots.default
           }]),
@@ -581,7 +582,7 @@ var stdin_default$1C = vue.defineComponent({
           tag
         } = props;
         return vue.createVNode(tag, {
-          "class": bem$1q("wrapper")
+          "class": bem$1u("wrapper")
         }, {
           default: () => [slots.default(), renderBadge()]
         });
@@ -590,14 +591,14 @@ var stdin_default$1C = vue.defineComponent({
     };
   }
 });
-const Badge = withInstall(stdin_default$1C);
+const Badge = withInstall(stdin_default$1G);
 let globalZIndex = 2e3;
 const useGlobalZIndex = () => ++globalZIndex;
 const setGlobalZIndex = (val) => {
   globalZIndex = val;
 };
-const [name$1u, bem$1p] = createNamespace("config-provider");
-const CONFIG_PROVIDER_KEY = Symbol(name$1u);
+const [name$1y, bem$1t] = createNamespace("config-provider");
+const CONFIG_PROVIDER_KEY = Symbol(name$1y);
 const configProviderProps = {
   tag: makeStringProp("div"),
   theme: makeStringProp("light"),
@@ -614,8 +615,8 @@ function mapThemeVarsToCSSVars(themeVars) {
   });
   return cssVars;
 }
-var stdin_default$1B = vue.defineComponent({
-  name: name$1u,
+var stdin_default$1F = vue.defineComponent({
+  name: name$1y,
   props: configProviderProps,
   setup(props, {
     slots
@@ -647,7 +648,7 @@ var stdin_default$1B = vue.defineComponent({
       }
     });
     return () => vue.createVNode(props.tag, {
-      "class": bem$1p(),
+      "class": bem$1t(),
       "style": style.value
     }, {
       default: () => {
@@ -657,7 +658,7 @@ var stdin_default$1B = vue.defineComponent({
     });
   }
 });
-const [name$1t, bem$1o] = createNamespace("icon");
+const [name$1x, bem$1s] = createNamespace("icon");
 const isImage = (name2) => name2 == null ? void 0 : name2.includes("/");
 const iconProps = {
   dot: Boolean,
@@ -669,14 +670,14 @@ const iconProps = {
   badgeProps: Object,
   classPrefix: String
 };
-var stdin_default$1A = vue.defineComponent({
-  name: name$1t,
+var stdin_default$1E = vue.defineComponent({
+  name: name$1x,
   props: iconProps,
   setup(props, {
     slots
   }) {
     const config = vue.inject(CONFIG_PROVIDER_KEY, null);
-    const classPrefix = vue.computed(() => props.classPrefix || (config == null ? void 0 : config.iconPrefix) || bem$1o());
+    const classPrefix = vue.computed(() => props.classPrefix || (config == null ? void 0 : config.iconPrefix) || bem$1s());
     return () => {
       const {
         tag,
@@ -700,7 +701,7 @@ var stdin_default$1A = vue.defineComponent({
         default: () => {
           var _a;
           return [(_a = slots.default) == null ? void 0 : _a.call(slots), isImageIcon && vue.createVNode("img", {
-            "class": bem$1o("image"),
+            "class": bem$1s("image"),
             "src": name2
           }, null)];
         }
@@ -708,13 +709,13 @@ var stdin_default$1A = vue.defineComponent({
     };
   }
 });
-const Icon = withInstall(stdin_default$1A);
-const [name$1s, bem$1n] = createNamespace("loading");
+const Icon = withInstall(stdin_default$1E);
+const [name$1w, bem$1r] = createNamespace("loading");
 const SpinIcon = Array(12).fill(null).map((_, index) => vue.createVNode("i", {
-  "class": bem$1n("line", String(index + 1))
+  "class": bem$1r("line", String(index + 1))
 }, null));
 const CircularIcon = vue.createVNode("svg", {
-  "class": bem$1n("circular"),
+  "class": bem$1r("circular"),
   "viewBox": "25 25 50 50"
 }, [vue.createVNode("circle", {
   "cx": "50",
@@ -730,8 +731,8 @@ const loadingProps = {
   textSize: numericProp,
   textColor: String
 };
-var stdin_default$1z = vue.defineComponent({
-  name: name$1s,
+var stdin_default$1D = vue.defineComponent({
+  name: name$1w,
   props: loadingProps,
   setup(props, {
     slots
@@ -742,7 +743,7 @@ var stdin_default$1z = vue.defineComponent({
     const renderIcon = () => {
       const DefaultIcon = props.type === "spinner" ? SpinIcon : CircularIcon;
       return vue.createVNode("span", {
-        "class": bem$1n("spinner", props.type),
+        "class": bem$1r("spinner", props.type),
         "style": spinnerStyle.value
       }, [slots.icon ? slots.icon() : DefaultIcon]);
     };
@@ -750,7 +751,7 @@ var stdin_default$1z = vue.defineComponent({
       var _a;
       if (slots.default) {
         return vue.createVNode("span", {
-          "class": bem$1n("text"),
+          "class": bem$1r("text"),
           "style": {
             fontSize: addUnit(props.textSize),
             color: (_a = props.textColor) != null ? _a : props.color
@@ -764,7 +765,7 @@ var stdin_default$1z = vue.defineComponent({
         vertical
       } = props;
       return vue.createVNode("div", {
-        "class": bem$1n([type, {
+        "class": bem$1r([type, {
           vertical
         }]),
         "aria-live": "polite",
@@ -773,8 +774,8 @@ var stdin_default$1z = vue.defineComponent({
     };
   }
 });
-const Loading = withInstall(stdin_default$1z);
-const [name$1r, bem$1m] = createNamespace("button");
+const Loading = withInstall(stdin_default$1D);
+const [name$1v, bem$1q] = createNamespace("button");
 const buttonProps = extend({}, routeProps, {
   tag: makeStringProp("button"),
   text: String,
@@ -796,8 +797,8 @@ const buttonProps = extend({}, routeProps, {
   loadingType: String,
   iconPosition: makeStringProp("left")
 });
-var stdin_default$1y = vue.defineComponent({
-  name: name$1r,
+var stdin_default$1C = vue.defineComponent({
+  name: name$1v,
   props: buttonProps,
   emits: ["click"],
   setup(props, {
@@ -812,7 +813,7 @@ var stdin_default$1y = vue.defineComponent({
       return vue.createVNode(Loading, {
         "size": props.loadingSize,
         "type": props.loadingType,
-        "class": bem$1m("loading")
+        "class": bem$1q("loading")
       }, null);
     };
     const renderIcon = () => {
@@ -821,13 +822,13 @@ var stdin_default$1y = vue.defineComponent({
       }
       if (slots.icon) {
         return vue.createVNode("div", {
-          "class": bem$1m("icon")
+          "class": bem$1q("icon")
         }, [slots.icon()]);
       }
       if (props.icon) {
         return vue.createVNode(Icon, {
           "name": props.icon,
-          "class": bem$1m("icon"),
+          "class": bem$1q("icon"),
           "classPrefix": props.iconPrefix
         }, null);
       }
@@ -841,7 +842,7 @@ var stdin_default$1y = vue.defineComponent({
       }
       if (text) {
         return vue.createVNode("span", {
-          "class": bem$1m("text")
+          "class": bem$1q("text")
         }, [text]);
       }
     };
@@ -888,7 +889,7 @@ var stdin_default$1y = vue.defineComponent({
         nativeType,
         iconPosition
       } = props;
-      const classes = [bem$1m([type, size, {
+      const classes = [bem$1q([type, size, {
         plain,
         block,
         round,
@@ -907,14 +908,14 @@ var stdin_default$1y = vue.defineComponent({
         "onClick": onClick
       }, {
         default: () => [vue.createVNode("div", {
-          "class": bem$1m("content")
+          "class": bem$1q("content")
         }, [iconPosition === "left" && renderIcon(), renderText(), iconPosition === "right" && renderIcon()])]
       });
     };
   }
 });
-const Button = withInstall(stdin_default$1y);
-const [name$1q, bem$1l] = createNamespace("action-bar-button");
+const Button = withInstall(stdin_default$1C);
+const [name$1u, bem$1p] = createNamespace("action-bar-button");
 const actionBarButtonProps = extend({}, routeProps, {
   type: String,
   text: String,
@@ -923,8 +924,8 @@ const actionBarButtonProps = extend({}, routeProps, {
   loading: Boolean,
   disabled: Boolean
 });
-var stdin_default$1x = vue.defineComponent({
-  name: name$1q,
+var stdin_default$1B = vue.defineComponent({
+  name: name$1u,
   props: actionBarButtonProps,
   setup(props, {
     slots
@@ -959,7 +960,7 @@ var stdin_default$1x = vue.defineComponent({
         disabled
       } = props;
       return vue.createVNode(Button, {
-        "class": bem$1l([type, {
+        "class": bem$1p([type, {
           last: isLast.value,
           first: isFirst.value
         }]),
@@ -976,8 +977,8 @@ var stdin_default$1x = vue.defineComponent({
     };
   }
 });
-const ActionBarButton = withInstall(stdin_default$1x);
-const [name$1p, bem$1k] = createNamespace("action-bar-icon");
+const ActionBarButton = withInstall(stdin_default$1B);
+const [name$1t, bem$1o] = createNamespace("action-bar-icon");
 const actionBarIconProps = extend({}, routeProps, {
   dot: Boolean,
   text: String,
@@ -988,8 +989,8 @@ const actionBarIconProps = extend({}, routeProps, {
   badgeProps: Object,
   iconPrefix: String
 });
-var stdin_default$1w = vue.defineComponent({
-  name: name$1p,
+var stdin_default$1A = vue.defineComponent({
+  name: name$1t,
   props: actionBarIconProps,
   setup(props, {
     slots
@@ -1009,7 +1010,7 @@ var stdin_default$1w = vue.defineComponent({
       if (slots.icon) {
         return vue.createVNode(Badge, vue.mergeProps({
           "dot": dot,
-          "class": bem$1k("icon"),
+          "class": bem$1o("icon"),
           "content": badge
         }, badgeProps2), {
           default: slots.icon
@@ -1021,20 +1022,20 @@ var stdin_default$1w = vue.defineComponent({
         "name": icon,
         "badge": badge,
         "color": color,
-        "class": [bem$1k("icon"), iconClass],
+        "class": [bem$1o("icon"), iconClass],
         "badgeProps": badgeProps2,
         "classPrefix": iconPrefix
       }, null);
     };
     return () => vue.createVNode("div", {
       "role": "button",
-      "class": bem$1k(),
+      "class": bem$1o(),
       "tabindex": 0,
       "onClick": route2
     }, [renderIcon(), slots.default ? slots.default() : props.text]);
   }
 });
-const ActionBarIcon = withInstall(stdin_default$1w);
+const ActionBarIcon = withInstall(stdin_default$1A);
 const popupSharedProps = {
   show: Boolean,
   zIndex: numericProp,
@@ -1173,7 +1174,7 @@ function useLazyRender(show) {
   );
   return (render) => () => inited.value ? render() : null;
 }
-const [name$1o, bem$1j] = createNamespace("overlay");
+const [name$1s, bem$1n] = createNamespace("overlay");
 const overlayProps = {
   show: Boolean,
   zIndex: numericProp,
@@ -1183,8 +1184,8 @@ const overlayProps = {
   lazyRender: truthProp,
   customStyle: Object
 };
-var stdin_default$1v = vue.defineComponent({
-  name: name$1o,
+var stdin_default$1z = vue.defineComponent({
+  name: name$1s,
   props: overlayProps,
   setup(props, {
     slots
@@ -1205,7 +1206,7 @@ var stdin_default$1v = vue.defineComponent({
       return vue.withDirectives(vue.createVNode("div", {
         "ref": root,
         "style": style,
-        "class": [bem$1j(), props.className]
+        "class": [bem$1n(), props.className]
       }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]), [[vue.vShow, props.show]]);
     });
     use.useEventListener("touchmove", onTouchMove, {
@@ -1219,7 +1220,7 @@ var stdin_default$1v = vue.defineComponent({
     });
   }
 });
-const Overlay = withInstall(stdin_default$1v);
+const Overlay = withInstall(stdin_default$1z);
 const popupProps$2 = extend({}, popupSharedProps, {
   round: Boolean,
   position: makeStringProp("center"),
@@ -1232,9 +1233,9 @@ const popupProps$2 = extend({}, popupSharedProps, {
   safeAreaInsetTop: Boolean,
   safeAreaInsetBottom: Boolean
 });
-const [name$1n, bem$1i] = createNamespace("popup");
-var stdin_default$1u = vue.defineComponent({
-  name: name$1n,
+const [name$1r, bem$1m] = createNamespace("popup");
+var stdin_default$1y = vue.defineComponent({
+  name: name$1r,
   inheritAttrs: false,
   props: popupProps$2,
   emits: ["open", "close", "opened", "closed", "keydown", "update:show", "clickOverlay", "clickCloseIcon"],
@@ -1308,7 +1309,7 @@ var stdin_default$1u = vue.defineComponent({
           "role": "button",
           "tabindex": 0,
           "name": props.closeIcon,
-          "class": [bem$1i("close-icon", props.closeIconPosition), HAPTICS_FEEDBACK],
+          "class": [bem$1m("close-icon", props.closeIconPosition), HAPTICS_FEEDBACK],
           "classPrefix": props.iconPrefix,
           "onClick": onClickCloseIcon
         }, null);
@@ -1330,7 +1331,7 @@ var stdin_default$1u = vue.defineComponent({
         "style": style.value,
         "role": "dialog",
         "tabindex": 0,
-        "class": [bem$1i({
+        "class": [bem$1m({
           round,
           [position]: position
         }), {
@@ -1411,8 +1412,8 @@ var stdin_default$1u = vue.defineComponent({
     };
   }
 });
-const Popup = withInstall(stdin_default$1u);
-const [name$1m, bem$1h] = createNamespace("action-sheet");
+const Popup = withInstall(stdin_default$1y);
+const [name$1q, bem$1l] = createNamespace("action-sheet");
 const actionSheetProps = extend({}, popupSharedProps, {
   title: String,
   round: truthProp,
@@ -1426,8 +1427,8 @@ const actionSheetProps = extend({}, popupSharedProps, {
   safeAreaInsetBottom: truthProp
 });
 const popupInheritKeys$2 = [...popupSharedPropKeys, "round", "closeOnPopstate", "safeAreaInsetBottom"];
-var stdin_default$1t = vue.defineComponent({
-  name: name$1m,
+var stdin_default$1x = vue.defineComponent({
+  name: name$1q,
   props: actionSheetProps,
   emits: ["select", "cancel", "update:show"],
   setup(props, {
@@ -1442,10 +1443,10 @@ var stdin_default$1t = vue.defineComponent({
     const renderHeader = () => {
       if (props.title) {
         return vue.createVNode("div", {
-          "class": bem$1h("header")
+          "class": bem$1l("header")
         }, [props.title, props.closeable && vue.createVNode(Icon, {
           "name": props.closeIcon,
-          "class": [bem$1h("close"), HAPTICS_FEEDBACK],
+          "class": [bem$1l("close"), HAPTICS_FEEDBACK],
           "onClick": onCancel
         }, null)]);
       }
@@ -1453,10 +1454,10 @@ var stdin_default$1t = vue.defineComponent({
     const renderCancel = () => {
       if (slots.cancel || props.cancelText) {
         return [vue.createVNode("div", {
-          "class": bem$1h("gap")
+          "class": bem$1l("gap")
         }, null), vue.createVNode("button", {
           "type": "button",
-          "class": bem$1h("cancel"),
+          "class": bem$1l("cancel"),
           "onClick": onCancel
         }, [slots.cancel ? slots.cancel() : props.cancelText])];
       }
@@ -1464,7 +1465,7 @@ var stdin_default$1t = vue.defineComponent({
     const renderActionContent = (action, index) => {
       if (action.loading) {
         return vue.createVNode(Loading, {
-          "class": bem$1h("loading-icon")
+          "class": bem$1l("loading-icon")
         }, null);
       }
       if (slots.action) {
@@ -1474,9 +1475,9 @@ var stdin_default$1t = vue.defineComponent({
         });
       }
       return [vue.createVNode("span", {
-        "class": bem$1h("name")
+        "class": bem$1l("name")
       }, [action.name]), action.subname && vue.createVNode("div", {
-        "class": bem$1h("subname")
+        "class": bem$1l("subname")
       }, [action.subname])];
     };
     const renderAction = (action, index) => {
@@ -1504,7 +1505,7 @@ var stdin_default$1t = vue.defineComponent({
         "style": {
           color
         },
-        "class": [bem$1h("item", {
+        "class": [bem$1l("item", {
           loading,
           disabled
         }), className],
@@ -1515,26 +1516,26 @@ var stdin_default$1t = vue.defineComponent({
       if (props.description || slots.description) {
         const content = slots.description ? slots.description() : props.description;
         return vue.createVNode("div", {
-          "class": bem$1h("description")
+          "class": bem$1l("description")
         }, [content]);
       }
     };
     return () => vue.createVNode(Popup, vue.mergeProps({
-      "class": bem$1h(),
+      "class": bem$1l(),
       "position": "bottom",
       "onUpdate:show": updateShow
     }, pick(props, popupInheritKeys$2)), {
       default: () => {
         var _a;
         return [renderHeader(), renderDescription(), vue.createVNode("div", {
-          "class": bem$1h("content")
+          "class": bem$1l("content")
         }, [props.actions.map(renderAction), (_a = slots.default) == null ? void 0 : _a.call(slots)]), renderCancel()];
       }
     });
   }
 });
-const ActionSheet = withInstall(stdin_default$1t);
-const [name$1l, bem$1g, t$j] = createNamespace("picker");
+const ActionSheet = withInstall(stdin_default$1x);
+const [name$1p, bem$1k, t$j] = createNamespace("picker");
 const getFirstEnabledOption = (options) => options.find((option) => !option.disabled) || options[0];
 function getColumnsType(columns, fields) {
   const firstColumn = columns[0];
@@ -1603,10 +1604,10 @@ function assignDefaultFields(fields) {
 const DEFAULT_DURATION = 200;
 const MOMENTUM_TIME = 300;
 const MOMENTUM_DISTANCE = 15;
-const [name$1k, bem$1f] = createNamespace("picker-column");
-const PICKER_KEY = Symbol(name$1k);
-var stdin_default$1s = vue.defineComponent({
-  name: name$1k,
+const [name$1o, bem$1j] = createNamespace("picker-column");
+const PICKER_KEY = Symbol(name$1o);
+var stdin_default$1w = vue.defineComponent({
+  name: name$1o,
   props: {
     value: numericProp,
     fields: makeRequiredProp(Object),
@@ -1650,8 +1651,9 @@ var stdin_default$1s = vue.defineComponent({
       }
       currentOffset.value = offset;
     };
+    const isReadonly = () => props.readonly || !props.options.length;
     const onClickOption = (index) => {
-      if (moving || props.readonly) {
+      if (moving || isReadonly()) {
         return;
       }
       transitionEndTrigger = null;
@@ -1676,7 +1678,7 @@ var stdin_default$1s = vue.defineComponent({
       }
     };
     const onTouchStart = (event) => {
-      if (props.readonly) {
+      if (isReadonly()) {
         return;
       }
       touch.start(event);
@@ -1691,7 +1693,7 @@ var stdin_default$1s = vue.defineComponent({
       transitionEndTrigger = null;
     };
     const onTouchMove = (event) => {
-      if (props.readonly) {
+      if (isReadonly()) {
         return;
       }
       touch.move(event);
@@ -1707,7 +1709,7 @@ var stdin_default$1s = vue.defineComponent({
       }
     };
     const onTouchEnd = () => {
-      if (props.readonly) {
+      if (isReadonly()) {
         return;
       }
       const distance = currentOffset.value - momentumOffset;
@@ -1738,7 +1740,7 @@ var stdin_default$1s = vue.defineComponent({
           role: "button",
           style: optionStyle,
           tabindex: disabled ? -1 : 0,
-          class: [bem$1f("item", {
+          class: [bem$1j("item", {
             disabled,
             selected: value === props.value
           }), option.className],
@@ -1766,7 +1768,7 @@ var stdin_default$1s = vue.defineComponent({
     });
     return () => vue.createVNode("div", {
       "ref": root,
-      "class": bem$1f(),
+      "class": bem$1j(),
       "onTouchstartPassive": onTouchStart,
       "onTouchend": onTouchEnd,
       "onTouchcancel": onTouchEnd
@@ -1777,12 +1779,12 @@ var stdin_default$1s = vue.defineComponent({
         transitionDuration: `${currentDuration.value}ms`,
         transitionProperty: currentDuration.value ? "all" : "none"
       },
-      "class": bem$1f("wrapper"),
+      "class": bem$1j("wrapper"),
       "onTransitionend": stopMomentum
     }, [renderOptions()])]);
   }
 });
-const [name$1j] = createNamespace("picker-toolbar");
+const [name$1n] = createNamespace("picker-toolbar");
 const pickerToolbarProps = {
   title: String,
   cancelButtonText: String,
@@ -1790,8 +1792,8 @@ const pickerToolbarProps = {
 };
 const pickerToolbarSlots = ["cancel", "confirm", "title", "toolbar"];
 const pickerToolbarPropKeys = Object.keys(pickerToolbarProps);
-var stdin_default$1r = vue.defineComponent({
-  name: name$1j,
+var stdin_default$1v = vue.defineComponent({
+  name: name$1n,
   props: pickerToolbarProps,
   emits: ["confirm", "cancel"],
   setup(props, {
@@ -1804,7 +1806,7 @@ var stdin_default$1r = vue.defineComponent({
       }
       if (props.title) {
         return vue.createVNode("div", {
-          "class": [bem$1g("title"), "van-ellipsis"]
+          "class": [bem$1k("title"), "van-ellipsis"]
         }, [props.title]);
       }
     };
@@ -1814,7 +1816,7 @@ var stdin_default$1r = vue.defineComponent({
       const text = props.cancelButtonText || t$j("cancel");
       return vue.createVNode("button", {
         "type": "button",
-        "class": [bem$1g("cancel"), HAPTICS_FEEDBACK],
+        "class": [bem$1k("cancel"), HAPTICS_FEEDBACK],
         "onClick": onCancel
       }, [slots.cancel ? slots.cancel() : text]);
     };
@@ -1822,12 +1824,12 @@ var stdin_default$1r = vue.defineComponent({
       const text = props.confirmButtonText || t$j("confirm");
       return vue.createVNode("button", {
         "type": "button",
-        "class": [bem$1g("confirm"), HAPTICS_FEEDBACK],
+        "class": [bem$1k("confirm"), HAPTICS_FEEDBACK],
         "onClick": onConfirm
       }, [slots.confirm ? slots.confirm() : text]);
     };
     return () => vue.createVNode("div", {
-      "class": bem$1g("toolbar")
+      "class": bem$1k("toolbar")
     }, [slots.toolbar ? slots.toolbar() : [renderCancel(), renderTitle(), renderConfirm()]]);
   }
 });
@@ -1911,7 +1913,7 @@ function useVisibilityChange(target, onChange) {
   vue.onBeforeUnmount(unobserve);
   use.onMountedOrActivated(observe);
 }
-const [name$1i, bem$1e] = createNamespace("sticky");
+const [name$1m, bem$1i] = createNamespace("sticky");
 const stickyProps = {
   zIndex: numericProp,
   position: makeStringProp("top"),
@@ -1919,8 +1921,8 @@ const stickyProps = {
   offsetTop: makeNumericProp(0),
   offsetBottom: makeNumericProp(0)
 };
-var stdin_default$1q = vue.defineComponent({
-  name: name$1i,
+var stdin_default$1u = vue.defineComponent({
+  name: name$1m,
   props: stickyProps,
   emits: ["scroll", "change"],
   setup(props, {
@@ -2015,7 +2017,7 @@ var stdin_default$1q = vue.defineComponent({
         "ref": root,
         "style": rootStyle.value
       }, [vue.createVNode("div", {
-        "class": bem$1e({
+        "class": bem$1i({
           fixed: state.fixed
         }),
         "style": stickyStyle.value
@@ -2023,10 +2025,10 @@ var stdin_default$1q = vue.defineComponent({
     };
   }
 });
-const Sticky = withInstall(stdin_default$1q);
-const [name$1h, bem$1d] = createNamespace("tab");
-var stdin_default$1p = vue.defineComponent({
-  name: name$1h,
+const Sticky = withInstall(stdin_default$1u);
+const [name$1l, bem$1h] = createNamespace("tab");
+var stdin_default$1t = vue.defineComponent({
+  name: name$1l,
   props: {
     id: String,
     dot: Boolean,
@@ -2075,7 +2077,7 @@ var stdin_default$1p = vue.defineComponent({
     });
     const renderText = () => {
       const Text2 = vue.createVNode("span", {
-        "class": bem$1d("text", {
+        "class": bem$1h("text", {
           ellipsis: !props.scrollable
         })
       }, [slots.title ? slots.title() : props.title]);
@@ -2093,7 +2095,7 @@ var stdin_default$1p = vue.defineComponent({
     return () => vue.createVNode("div", {
       "id": props.id,
       "role": "tab",
-      "class": [bem$1d([props.type, {
+      "class": [bem$1h([props.type, {
         grow: props.scrollable && !props.shrink,
         shrink: props.shrink,
         active: props.isActive,
@@ -2107,7 +2109,7 @@ var stdin_default$1p = vue.defineComponent({
     }, [renderText()]);
   }
 });
-const [name$1g, bem$1c] = createNamespace("swipe");
+const [name$1k, bem$1g] = createNamespace("swipe");
 const swipeProps = {
   loop: truthProp,
   width: numericProp,
@@ -2122,9 +2124,9 @@ const swipeProps = {
   showIndicators: truthProp,
   stopPropagation: truthProp
 };
-const SWIPE_KEY = Symbol(name$1g);
-var stdin_default$1o = vue.defineComponent({
-  name: name$1g,
+const SWIPE_KEY = Symbol(name$1k);
+var stdin_default$1s = vue.defineComponent({
+  name: name$1k,
   props: swipeProps,
   emits: ["change"],
   setup(props, {
@@ -2156,7 +2158,7 @@ var stdin_default$1o = vue.defineComponent({
       }
       return 0;
     });
-    const maxCount = vue.computed(() => Math.ceil(Math.abs(minOffset.value) / size.value));
+    const maxCount = vue.computed(() => size.value ? Math.ceil(Math.abs(minOffset.value) / size.value) : count.value);
     const trackSize = vue.computed(() => count.value * size.value);
     const activeIndicator = vue.computed(() => (state.active + count.value) % count.value);
     const isCorrectDirection = vue.computed(() => {
@@ -2386,7 +2388,7 @@ var stdin_default$1o = vue.defineComponent({
       } : void 0;
       return vue.createVNode("i", {
         "style": style,
-        "class": bem$1c("indicator", {
+        "class": bem$1g("indicator", {
           active
         })
       }, null);
@@ -2400,7 +2402,7 @@ var stdin_default$1o = vue.defineComponent({
       }
       if (props.showIndicators && count.value > 1) {
         return vue.createVNode("div", {
-          "class": bem$1c("indicators", {
+          "class": bem$1g("indicators", {
             vertical: props.vertical
           })
         }, [Array(count.value).fill("").map(renderDot)]);
@@ -2442,11 +2444,11 @@ var stdin_default$1o = vue.defineComponent({
       var _a;
       return vue.createVNode("div", {
         "ref": root,
-        "class": bem$1c()
+        "class": bem$1g()
       }, [vue.createVNode("div", {
         "ref": track,
         "style": trackStyle.value,
-        "class": bem$1c("track", {
+        "class": bem$1g("track", {
           vertical: props.vertical
         }),
         "onTouchstartPassive": onTouchStart,
@@ -2456,10 +2458,10 @@ var stdin_default$1o = vue.defineComponent({
     };
   }
 });
-const Swipe = withInstall(stdin_default$1o);
-const [name$1f, bem$1b] = createNamespace("tabs");
-var stdin_default$1n = vue.defineComponent({
-  name: name$1f,
+const Swipe = withInstall(stdin_default$1s);
+const [name$1j, bem$1f] = createNamespace("tabs");
+var stdin_default$1r = vue.defineComponent({
+  name: name$1j,
   props: {
     count: makeRequiredProp(Number),
     inited: Boolean,
@@ -2483,7 +2485,7 @@ var stdin_default$1n = vue.defineComponent({
         return vue.createVNode(Swipe, {
           "ref": swipeRef,
           "loop": false,
-          "class": bem$1b("track"),
+          "class": bem$1f("track"),
           "duration": +props.duration * 1e3,
           "touchable": props.swipeable,
           "lazyRender": props.lazyRender,
@@ -2511,13 +2513,13 @@ var stdin_default$1n = vue.defineComponent({
       swipeRef
     });
     return () => vue.createVNode("div", {
-      "class": bem$1b("content", {
+      "class": bem$1f("content", {
         animated: props.animated || props.swipeable
       })
     }, [renderChildren()]);
   }
 });
-const [name$1e, bem$1a] = createNamespace("tabs");
+const [name$1i, bem$1e] = createNamespace("tabs");
 const tabsProps = {
   type: makeStringProp("line"),
   color: String,
@@ -2540,9 +2542,9 @@ const tabsProps = {
   titleActiveColor: String,
   titleInactiveColor: String
 };
-const TABS_KEY = Symbol(name$1e);
-var stdin_default$1m = vue.defineComponent({
-  name: name$1e,
+const TABS_KEY = Symbol(name$1i);
+var stdin_default$1q = vue.defineComponent({
+  name: name$1i,
   props: tabsProps,
   emits: ["change", "scroll", "rendered", "clickTab", "update:active"],
   setup(props, {
@@ -2731,7 +2733,7 @@ var stdin_default$1m = vue.defineComponent({
         setCurrentIndex(index);
       }
     };
-    const renderNav = () => children.map((item, index) => vue.createVNode(stdin_default$1p, vue.mergeProps({
+    const renderNav = () => children.map((item, index) => vue.createVNode(stdin_default$1t, vue.mergeProps({
       "key": item.id,
       "id": `${id}-${index}`,
       "ref": setTitleRefs(index),
@@ -2752,7 +2754,7 @@ var stdin_default$1m = vue.defineComponent({
     const renderLine = () => {
       if (props.type === "line" && children.length) {
         return vue.createVNode("div", {
-          "class": bem$1a("line"),
+          "class": bem$1e("line"),
           "style": state.lineStyle
         }, null);
       }
@@ -2766,13 +2768,13 @@ var stdin_default$1m = vue.defineComponent({
       } = props;
       const Header = [vue.createVNode("div", {
         "ref": sticky ? void 0 : wrapRef,
-        "class": [bem$1a("wrap"), {
+        "class": [bem$1e("wrap"), {
           [BORDER_TOP_BOTTOM]: type === "line" && border
         }]
       }, [vue.createVNode("div", {
         "ref": navRef,
         "role": "tablist",
-        "class": bem$1a("nav", [type, {
+        "class": bem$1e("nav", [type, {
           shrink: props.shrink,
           complete: scrollable.value
         }]),
@@ -2840,14 +2842,14 @@ var stdin_default$1m = vue.defineComponent({
     });
     return () => vue.createVNode("div", {
       "ref": root,
-      "class": bem$1a([props.type])
+      "class": bem$1e([props.type])
     }, [props.sticky ? vue.createVNode(Sticky, {
       "container": root.value,
       "offsetTop": offsetTopPx.value,
       "onScroll": onStickyScroll
     }, {
       default: () => [renderHeader()]
-    }) : renderHeader(), vue.createVNode(stdin_default$1n, {
+    }) : renderHeader(), vue.createVNode(stdin_default$1r, {
       "ref": contentRef,
       "count": children.length,
       "inited": state.inited,
@@ -2867,9 +2869,9 @@ var stdin_default$1m = vue.defineComponent({
 });
 const TAB_STATUS_KEY = Symbol();
 const useTabStatus = () => vue.inject(TAB_STATUS_KEY, null);
-const [name$1d, bem$19] = createNamespace("swipe-item");
-var stdin_default$1l = vue.defineComponent({
-  name: name$1d,
+const [name$1h, bem$1d] = createNamespace("swipe-item");
+var stdin_default$1p = vue.defineComponent({
+  name: name$1h,
   setup(props, {
     slots
   }) {
@@ -2934,14 +2936,14 @@ var stdin_default$1l = vue.defineComponent({
     return () => {
       var _a;
       return vue.createVNode("div", {
-        "class": bem$19(),
+        "class": bem$1d(),
         "style": style.value
       }, [shouldRender.value ? (_a = slots.default) == null ? void 0 : _a.call(slots) : null]);
     };
   }
 });
-const SwipeItem = withInstall(stdin_default$1l);
-const [name$1c, bem$18] = createNamespace("tab");
+const SwipeItem = withInstall(stdin_default$1p);
+const [name$1g, bem$1c] = createNamespace("tab");
 const tabProps = extend({}, routeProps, {
   dot: Boolean,
   name: numericProp,
@@ -2952,8 +2954,8 @@ const tabProps = extend({}, routeProps, {
   titleStyle: [String, Object],
   showZeroBadge: truthProp
 });
-var stdin_default$1k = vue.defineComponent({
-  name: name$1c,
+var stdin_default$1o = vue.defineComponent({
+  name: name$1g,
   props: tabProps,
   setup(props, {
     slots
@@ -3021,7 +3023,7 @@ var stdin_default$1k = vue.defineComponent({
         return vue.createVNode(SwipeItem, {
           "id": id,
           "role": "tabpanel",
-          "class": bem$18("panel-wrapper", {
+          "class": bem$1c("panel-wrapper", {
             inactive: hasInactiveClass.value
           }),
           "tabindex": active.value ? 0 : -1,
@@ -3031,7 +3033,7 @@ var stdin_default$1k = vue.defineComponent({
           default: () => {
             var _a2;
             return [vue.createVNode("div", {
-              "class": bem$18("panel")
+              "class": bem$1c("panel")
             }, [(_a2 = slots.default) == null ? void 0 : _a2.call(slots)])];
           }
         });
@@ -3044,22 +3046,22 @@ var stdin_default$1k = vue.defineComponent({
       return vue.withDirectives(vue.createVNode("div", {
         "id": id,
         "role": "tabpanel",
-        "class": bem$18("panel"),
+        "class": bem$1c("panel"),
         "tabindex": show ? 0 : -1,
         "aria-labelledby": label
       }, [Content]), [[vue.vShow, show]]);
     };
   }
 });
-const Tab = withInstall(stdin_default$1k);
-const Tabs = withInstall(stdin_default$1m);
-const [name$1b, bem$17] = createNamespace("picker-group");
-const PICKER_GROUP_KEY = Symbol(name$1b);
+const Tab = withInstall(stdin_default$1o);
+const Tabs = withInstall(stdin_default$1q);
+const [name$1f, bem$1b] = createNamespace("picker-group");
+const PICKER_GROUP_KEY = Symbol(name$1f);
 const pickerGroupProps = extend({
   tabs: makeArrayProp()
 }, pickerToolbarProps);
-var stdin_default$1j = vue.defineComponent({
-  name: name$1b,
+var stdin_default$1n = vue.defineComponent({
+  name: name$1f,
   props: pickerGroupProps,
   emits: ["confirm", "cancel"],
   setup(props, {
@@ -3079,18 +3081,18 @@ var stdin_default$1j = vue.defineComponent({
       var _a;
       const childNodes = (_a = slots.default) == null ? void 0 : _a.call(slots);
       return vue.createVNode("div", {
-        "class": bem$17()
-      }, [vue.createVNode(stdin_default$1r, vue.mergeProps(props, {
+        "class": bem$1b()
+      }, [vue.createVNode(stdin_default$1v, vue.mergeProps(props, {
         "onConfirm": onConfirm,
         "onCancel": onCancel
       }), null), vue.createVNode(Tabs, {
         "shrink": true,
-        "class": bem$17("tabs"),
+        "class": bem$1b("tabs"),
         "animated": true
       }, {
         default: () => [props.tabs.map((title, index) => vue.createVNode(Tab, {
           "title": title,
-          "titleClass": bem$17("tab-title")
+          "titleClass": bem$1b("tab-title")
         }, {
           default: () => [childNodes == null ? void 0 : childNodes[index]]
         }))]
@@ -3113,8 +3115,8 @@ const pickerProps = extend({}, pickerSharedProps, {
   toolbarPosition: makeStringProp("top"),
   columnsFieldNames: Object
 });
-var stdin_default$1i = vue.defineComponent({
-  name: name$1l,
+var stdin_default$1m = vue.defineComponent({
+  name: name$1p,
   props: pickerProps,
   emits: ["confirm", "cancel", "change", "clickOption", "update:modelValue"],
   setup(props, {
@@ -3181,11 +3183,13 @@ var stdin_default$1i = vue.defineComponent({
     const confirm = () => {
       children.forEach((child) => child.stopMomentum());
       const params = getEventParams();
-      emit("confirm", params);
+      vue.nextTick(() => {
+        emit("confirm", params);
+      });
       return params;
     };
     const cancel = () => emit("cancel", getEventParams());
-    const renderColumnItems = () => currentColumns.value.map((options, columnIndex) => vue.createVNode(stdin_default$1s, {
+    const renderColumnItems = () => currentColumns.value.map((options, columnIndex) => vue.createVNode(stdin_default$1w, {
       "value": selectedValues.value[columnIndex],
       "fields": fields.value,
       "options": options,
@@ -3208,10 +3212,10 @@ var stdin_default$1i = vue.defineComponent({
           backgroundSize: `100% ${(wrapHeight - optionHeight.value) / 2}px`
         };
         return [vue.createVNode("div", {
-          "class": bem$1g("mask"),
+          "class": bem$1k("mask"),
           "style": maskStyle
         }, null), vue.createVNode("div", {
-          "class": [BORDER_UNSET_TOP_BOTTOM, bem$1g("frame")],
+          "class": [BORDER_UNSET_TOP_BOTTOM, bem$1k("frame")],
           "style": frameStyle
         }, null)];
       }
@@ -3223,13 +3227,13 @@ var stdin_default$1i = vue.defineComponent({
       };
       return vue.createVNode("div", {
         "ref": columnsRef,
-        "class": bem$1g("columns"),
+        "class": bem$1k("columns"),
         "style": columnsStyle
       }, [renderColumnItems(), renderMask(wrapHeight)]);
     };
     const renderToolbar = () => {
       if (props.showToolbar && !parent) {
-        return vue.createVNode(stdin_default$1r, vue.mergeProps(pick(props, pickerToolbarPropKeys), {
+        return vue.createVNode(stdin_default$1v, vue.mergeProps(pick(props, pickerToolbarPropKeys), {
           "onConfirm": confirm,
           "onCancel": cancel
         }), pick(slots, pickerToolbarSlots));
@@ -3271,9 +3275,9 @@ var stdin_default$1i = vue.defineComponent({
     return () => {
       var _a, _b;
       return vue.createVNode("div", {
-        "class": bem$1g()
+        "class": bem$1k()
       }, [props.toolbarPosition === "top" ? renderToolbar() : null, props.loading ? vue.createVNode(Loading, {
-        "class": bem$1g("loading")
+        "class": bem$1k("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]);
     };
   }
@@ -3364,8 +3368,8 @@ function formatDataForCascade({
   }
   return options;
 }
-const Picker = withInstall(stdin_default$1i);
-const [name$1a, bem$16] = createNamespace("area");
+const Picker = withInstall(stdin_default$1m);
+const [name$1e, bem$1a] = createNamespace("area");
 const areaProps = extend({}, pickerSharedProps, {
   modelValue: String,
   columnsNum: makeNumericProp(3),
@@ -3375,8 +3379,8 @@ const areaProps = extend({}, pickerSharedProps, {
     default: () => ({})
   }
 });
-var stdin_default$1h = vue.defineComponent({
-  name: name$1a,
+var stdin_default$1l = vue.defineComponent({
+  name: name$1e,
   props: areaProps,
   emits: ["change", "confirm", "cancel", "update:modelValue"],
   setup(props, {
@@ -3423,7 +3427,7 @@ var stdin_default$1h = vue.defineComponent({
       "ref": picker,
       "modelValue": codes.value,
       "onUpdate:modelValue": ($event) => codes.value = $event,
-      "class": bem$16(),
+      "class": bem$1a(),
       "columns": columns.value,
       "onChange": onChange,
       "onCancel": onCancel,
@@ -3431,9 +3435,10 @@ var stdin_default$1h = vue.defineComponent({
     }, pick(props, INHERIT_PROPS)), pick(slots, INHERIT_SLOTS));
   }
 });
-const Area = withInstall(stdin_default$1h);
-const [name$19, bem$15] = createNamespace("cell");
+const Area = withInstall(stdin_default$1l);
+const [name$1d, bem$19] = createNamespace("cell");
 const cellSharedProps = {
+  tag: makeStringProp("div"),
   icon: String,
   size: String,
   title: numericProp,
@@ -3455,8 +3460,8 @@ const cellSharedProps = {
   }
 };
 const cellProps = extend({}, cellSharedProps, routeProps);
-var stdin_default$1g = vue.defineComponent({
-  name: name$19,
+var stdin_default$1k = vue.defineComponent({
+  name: name$1d,
   props: cellProps,
   setup(props, {
     slots
@@ -3466,14 +3471,14 @@ var stdin_default$1g = vue.defineComponent({
       const showLabel = slots.label || isDef(props.label);
       if (showLabel) {
         return vue.createVNode("div", {
-          "class": [bem$15("label"), props.labelClass]
+          "class": [bem$19("label"), props.labelClass]
         }, [slots.label ? slots.label() : props.label]);
       }
     };
     const renderTitle = () => {
       if (slots.title || isDef(props.title)) {
         return vue.createVNode("div", {
-          "class": [bem$15("title"), props.titleClass],
+          "class": [bem$19("title"), props.titleClass],
           "style": props.titleStyle
         }, [slots.title ? slots.title() : vue.createVNode("span", null, [props.title]), renderLabel()]);
       }
@@ -3483,7 +3488,7 @@ var stdin_default$1g = vue.defineComponent({
       const hasValue = slot || isDef(props.value);
       if (hasValue) {
         return vue.createVNode("div", {
-          "class": [bem$15("value"), props.valueClass]
+          "class": [bem$19("value"), props.valueClass]
         }, [slot ? slot() : vue.createVNode("span", null, [props.value])]);
       }
     };
@@ -3494,7 +3499,7 @@ var stdin_default$1g = vue.defineComponent({
       if (props.icon) {
         return vue.createVNode(Icon, {
           "name": props.icon,
-          "class": bem$15("left-icon"),
+          "class": bem$19("left-icon"),
           "classPrefix": props.iconPrefix
         }, null);
       }
@@ -3507,13 +3512,14 @@ var stdin_default$1g = vue.defineComponent({
         const name2 = props.arrowDirection ? `arrow-${props.arrowDirection}` : "arrow";
         return vue.createVNode(Icon, {
           "name": name2,
-          "class": bem$15("right-icon")
+          "class": bem$19("right-icon")
         }, null);
       }
     };
     return () => {
-      var _a, _b;
+      var _a;
       const {
+        tag,
         size,
         center,
         border,
@@ -3530,17 +3536,22 @@ var stdin_default$1g = vue.defineComponent({
       if (size) {
         classes[size] = !!size;
       }
-      return vue.createVNode("div", {
-        "class": bem$15(classes),
+      return vue.createVNode(tag, {
+        "class": bem$19(classes),
         "role": clickable ? "button" : void 0,
         "tabindex": clickable ? 0 : void 0,
         "onClick": route2
-      }, [renderLeftIcon(), renderTitle(), renderValue(), renderRightIcon(), (_b = slots.extra) == null ? void 0 : _b.call(slots)]);
+      }, {
+        default: () => {
+          var _a2;
+          return [renderLeftIcon(), renderTitle(), renderValue(), renderRightIcon(), (_a2 = slots.extra) == null ? void 0 : _a2.call(slots)];
+        }
+      });
     };
   }
 });
-const Cell = withInstall(stdin_default$1g);
-const [name$18, bem$14] = createNamespace("form");
+const Cell = withInstall(stdin_default$1k);
+const [name$1c, bem$18] = createNamespace("form");
 const formProps = {
   colon: Boolean,
   disabled: Boolean,
@@ -3559,8 +3570,8 @@ const formProps = {
     default: "onBlur"
   }
 };
-var stdin_default$1f = vue.defineComponent({
-  name: name$18,
+var stdin_default$1j = vue.defineComponent({
+  name: name$1c,
   props: formProps,
   emits: ["submit", "failed"],
   setup(props, {
@@ -3684,13 +3695,13 @@ var stdin_default$1f = vue.defineComponent({
     return () => {
       var _a;
       return vue.createVNode("form", {
-        "class": bem$14(),
+        "class": bem$18(),
         "onSubmit": onSubmit
       }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
     };
   }
 });
-const Form = withInstall(stdin_default$1f);
+const Form = withInstall(stdin_default$1j);
 function isEmptyValue(value) {
   if (Array.isArray(value)) {
     return !value.length;
@@ -3779,7 +3790,7 @@ function getStringLength(str) {
 function cutString(str, maxlength) {
   return [...str].slice(0, maxlength).join("");
 }
-const [name$17, bem$13] = createNamespace("field");
+const [name$1b, bem$17] = createNamespace("field");
 const fieldSharedProps = {
   id: String,
   name: String,
@@ -3826,8 +3837,8 @@ const fieldProps = extend({}, cellSharedProps, fieldSharedProps, {
     default: null
   }
 });
-var stdin_default$1e = vue.defineComponent({
-  name: name$17,
+var stdin_default$1i = vue.defineComponent({
+  name: name$1b,
   props: fieldProps,
   emits: ["blur", "focus", "clear", "keypress", "clickInput", "endValidate", "startValidate", "clickLeftIcon", "clickRightIcon", "update:modelValue"],
   setup(props, {
@@ -4056,7 +4067,7 @@ var stdin_default$1e = vue.defineComponent({
     const getInputId = () => props.id || `${id}-input`;
     const getValidationStatus = () => state.status;
     const renderInput = () => {
-      const controlClass = bem$13("control", [getProp("inputAlign"), {
+      const controlClass = bem$17("control", [getProp("inputAlign"), {
         error: showError.value,
         custom: !!slots.input,
         "min-height": props.type === "textarea" && !props.autosize
@@ -4098,7 +4109,7 @@ var stdin_default$1e = vue.defineComponent({
       const leftIconSlot = slots["left-icon"];
       if (props.leftIcon || leftIconSlot) {
         return vue.createVNode("div", {
-          "class": bem$13("left-icon"),
+          "class": bem$17("left-icon"),
           "onClick": onClickLeftIcon
         }, [leftIconSlot ? leftIconSlot() : vue.createVNode(Icon, {
           "name": props.leftIcon,
@@ -4110,7 +4121,7 @@ var stdin_default$1e = vue.defineComponent({
       const rightIconSlot = slots["right-icon"];
       if (props.rightIcon || rightIconSlot) {
         return vue.createVNode("div", {
-          "class": bem$13("right-icon"),
+          "class": bem$17("right-icon"),
           "onClick": onClickRightIcon
         }, [rightIconSlot ? rightIconSlot() : vue.createVNode(Icon, {
           "name": props.rightIcon,
@@ -4122,9 +4133,9 @@ var stdin_default$1e = vue.defineComponent({
       if (props.showWordLimit && props.maxlength) {
         const count = getStringLength(getModelValue());
         return vue.createVNode("div", {
-          "class": bem$13("word-limit")
+          "class": bem$17("word-limit")
         }, [vue.createVNode("span", {
-          "class": bem$13("word-num")
+          "class": bem$17("word-num")
         }, [count]), vue.createTextVNode("/"), props.maxlength]);
       }
     };
@@ -4137,7 +4148,7 @@ var stdin_default$1e = vue.defineComponent({
         const slot = slots["error-message"];
         const errorMessageAlign = getProp("errorMessageAlign");
         return vue.createVNode("div", {
-          "class": bem$13("error-message", errorMessageAlign)
+          "class": bem$17("error-message", errorMessageAlign)
         }, [slot ? slot({
           message
         }) : message]);
@@ -4156,13 +4167,13 @@ var stdin_default$1e = vue.defineComponent({
       }
     };
     const renderFieldBody = () => [vue.createVNode("div", {
-      "class": bem$13("body")
+      "class": bem$17("body")
     }, [renderInput(), showClear.value && vue.createVNode(Icon, {
       "ref": clearIconRef,
       "name": props.clearIcon,
-      "class": bem$13("clear")
+      "class": bem$17("clear")
     }, null), renderRightIcon(), slots.button && vue.createVNode("div", {
-      "class": bem$13("button")
+      "class": bem$17("button")
     }, [slots.button()])]), renderWordLimit(), renderMessage()];
     useExpose({
       blur,
@@ -4201,7 +4212,7 @@ var stdin_default$1e = vue.defineComponent({
       const renderTitle = () => labelAlign === "top" ? [LeftIcon, Label] : Label;
       return vue.createVNode(Cell, {
         "size": props.size,
-        "class": bem$13({
+        "class": bem$17({
           error: showError.value,
           disabled,
           [`label-${labelAlign}`]: labelAlign
@@ -4211,8 +4222,8 @@ var stdin_default$1e = vue.defineComponent({
         "isLink": props.isLink,
         "clickable": props.clickable,
         "titleStyle": labelStyle.value,
-        "valueClass": bem$13("value"),
-        "titleClass": [bem$13("label", [labelAlign, {
+        "valueClass": bem$17("value"),
+        "titleClass": [bem$17("label", [labelAlign, {
           required: props.required
         }]), props.labelClass],
         "arrowDirection": props.arrowDirection
@@ -4225,7 +4236,7 @@ var stdin_default$1e = vue.defineComponent({
     };
   }
 });
-const Field = withInstall(stdin_default$1e);
+const Field = withInstall(stdin_default$1i);
 let lockCount = 0;
 function lockClick(lock) {
   if (lock) {
@@ -4240,7 +4251,7 @@ function lockClick(lock) {
     }
   }
 }
-const [name$16, bem$12] = createNamespace("toast");
+const [name$1a, bem$16] = createNamespace("toast");
 const popupInheritProps = ["show", "overlay", "teleport", "transition", "overlayClass", "overlayStyle", "closeOnClickOverlay"];
 const toastProps = {
   icon: String,
@@ -4252,6 +4263,7 @@ const toastProps = {
   duration: makeNumberProp(2e3),
   position: makeStringProp("middle"),
   teleport: [String, Object],
+  wordBreak: String,
   className: unknownProp,
   iconPrefix: String,
   transition: makeStringProp("van-fade"),
@@ -4262,8 +4274,8 @@ const toastProps = {
   closeOnClick: Boolean,
   closeOnClickOverlay: Boolean
 };
-var stdin_default$1d = vue.defineComponent({
-  name: name$16,
+var stdin_default$1h = vue.defineComponent({
+  name: name$1a,
   props: toastProps,
   emits: ["update:show"],
   setup(props, {
@@ -4299,13 +4311,13 @@ var stdin_default$1d = vue.defineComponent({
         return vue.createVNode(Icon, {
           "name": icon || type,
           "size": iconSize,
-          "class": bem$12("icon"),
+          "class": bem$16("icon"),
           "classPrefix": iconPrefix
         }, null);
       }
       if (type === "loading") {
         return vue.createVNode(Loading, {
-          "class": bem$12("loading"),
+          "class": bem$16("loading"),
           "size": iconSize,
           "type": loadingType
         }, null);
@@ -4318,16 +4330,16 @@ var stdin_default$1d = vue.defineComponent({
       } = props;
       if (slots.message) {
         return vue.createVNode("div", {
-          "class": bem$12("text")
+          "class": bem$16("text")
         }, [slots.message()]);
       }
       if (isDef(message) && message !== "") {
         return type === "html" ? vue.createVNode("div", {
           "key": 0,
-          "class": bem$12("text"),
+          "class": bem$16("text"),
           "innerHTML": String(message)
         }, null) : vue.createVNode("div", {
-          "class": bem$12("text")
+          "class": bem$16("text")
         }, [message]);
       }
     };
@@ -4343,7 +4355,7 @@ var stdin_default$1d = vue.defineComponent({
     vue.onMounted(toggleClickable);
     vue.onUnmounted(toggleClickable);
     return () => vue.createVNode(Popup, vue.mergeProps({
-      "class": [bem$12([props.position, {
+      "class": [bem$16([props.position, props.wordBreak === "normal" ? "break-normal" : props.wordBreak, {
         [props.type]: !props.icon
       }]), props.className],
       "lockScroll": false,
@@ -4444,7 +4456,7 @@ function createInstance() {
           onClosed,
           "onUpdate:show": toggle
         };
-        return vue.createVNode(stdin_default$1d, vue.mergeProps(state, attrs), null);
+        return vue.createVNode(stdin_default$1h, vue.mergeProps(state, attrs), null);
       };
       vue.watch(message, (val) => {
         state.message = val;
@@ -4514,8 +4526,8 @@ const resetToastDefaultOptions = (type) => {
 const allowMultipleToast = (value = true) => {
   allowMultiple = value;
 };
-const Toast = withInstall(stdin_default$1d);
-const [name$15, bem$11] = createNamespace("switch");
+const Toast = withInstall(stdin_default$1h);
+const [name$19, bem$15] = createNamespace("switch");
 const switchProps = {
   size: numericProp,
   loading: Boolean,
@@ -4532,8 +4544,8 @@ const switchProps = {
     default: false
   }
 };
-var stdin_default$1c = vue.defineComponent({
-  name: name$15,
+var stdin_default$1g = vue.defineComponent({
+  name: name$19,
   props: switchProps,
   emits: ["change", "update:modelValue"],
   setup(props, {
@@ -4552,7 +4564,7 @@ var stdin_default$1c = vue.defineComponent({
       if (props.loading) {
         const color = isChecked() ? props.activeColor : props.inactiveColor;
         return vue.createVNode(Loading, {
-          "class": bem$11("loading"),
+          "class": bem$15("loading"),
           "color": color
         }, null);
       }
@@ -4577,7 +4589,7 @@ var stdin_default$1c = vue.defineComponent({
       };
       return vue.createVNode("div", {
         "role": "switch",
-        "class": bem$11({
+        "class": bem$15({
           on: checked,
           loading,
           disabled
@@ -4587,16 +4599,16 @@ var stdin_default$1c = vue.defineComponent({
         "aria-checked": checked,
         "onClick": onClick
       }, [vue.createVNode("div", {
-        "class": bem$11("node")
+        "class": bem$15("node")
       }, [renderLoading()]), (_a = slots.background) == null ? void 0 : _a.call(slots)]);
     };
   }
 });
-const Switch = withInstall(stdin_default$1c);
-const [name$14, bem$10] = createNamespace("address-edit-detail");
+const Switch = withInstall(stdin_default$1g);
+const [name$18, bem$14] = createNamespace("address-edit-detail");
 const t$i = createNamespace("address-edit")[2];
-var stdin_default$1b = vue.defineComponent({
-  name: name$14,
+var stdin_default$1f = vue.defineComponent({
+  name: name$18,
   props: {
     show: Boolean,
     rows: numericProp,
@@ -4630,7 +4642,7 @@ var stdin_default$1b = vue.defineComponent({
         "icon": "location-o",
         "title": express.name,
         "label": express.address,
-        "class": bem$10("search-item"),
+        "class": bem$14("search-item"),
         "border": false,
         "onClick": () => onSelect(express)
       }, null));
@@ -4644,7 +4656,7 @@ var stdin_default$1b = vue.defineComponent({
           "autosize": true,
           "clearable": true,
           "ref": field,
-          "class": bem$10(),
+          "class": bem$14(),
           "rows": props.rows,
           "type": "textarea",
           "rules": props.rules,
@@ -4661,7 +4673,7 @@ var stdin_default$1b = vue.defineComponent({
     };
   }
 });
-const [name$13, bem$$, t$h] = createNamespace("address-edit");
+const [name$17, bem$13, t$h] = createNamespace("address-edit");
 const DEFAULT_DATA = {
   name: "",
   tel: "",
@@ -4701,8 +4713,8 @@ const addressEditProps = {
     default: isMobile
   }
 };
-var stdin_default$1a = vue.defineComponent({
-  name: name$13,
+var stdin_default$1e = vue.defineComponent({
+  name: name$17,
   props: addressEditProps,
   emits: ["save", "focus", "delete", "clickArea", "changeArea", "changeDetail", "selectSearch", "changeDefault"],
   setup(props, {
@@ -4813,7 +4825,7 @@ var stdin_default$1a = vue.defineComponent({
         return vue.withDirectives(vue.createVNode(Cell, {
           "center": true,
           "title": t$h("defaultAddress"),
-          "class": bem$$("default")
+          "class": bem$13("default")
         }, slots2), [[vue.vShow, !hideBottomFields.value]]);
       }
     };
@@ -4839,13 +4851,13 @@ var stdin_default$1a = vue.defineComponent({
         disableArea
       } = props;
       return vue.createVNode(Form, {
-        "class": bem$$(),
+        "class": bem$13(),
         "onSubmit": onSave
       }, {
         default: () => {
           var _a;
           return [vue.createVNode("div", {
-            "class": bem$$("fields")
+            "class": bem$13("fields")
           }, [vue.createVNode(Field, {
             "modelValue": data.name,
             "onUpdate:modelValue": ($event) => data.name = $event,
@@ -4876,7 +4888,7 @@ var stdin_default$1a = vue.defineComponent({
               emit("clickArea");
               showAreaPopup.value = !disableArea;
             }
-          }, null), [[vue.vShow, props.showArea]]), vue.createVNode(stdin_default$1b, {
+          }, null), [[vue.vShow, props.showArea]]), vue.createVNode(stdin_default$1f, {
             "show": props.showDetail,
             "rows": props.detailRows,
             "rules": rules.value.addressDetail,
@@ -4890,19 +4902,19 @@ var stdin_default$1a = vue.defineComponent({
             "onInput": onChangeDetail,
             "onSelectSearch": (event) => emit("selectSearch", event)
           }, null), (_a = slots.default) == null ? void 0 : _a.call(slots)]), renderSetDefaultCell(), vue.withDirectives(vue.createVNode("div", {
-            "class": bem$$("buttons")
+            "class": bem$13("buttons")
           }, [vue.createVNode(Button, {
             "block": true,
             "round": true,
             "type": "primary",
             "text": props.saveButtonText || t$h("save"),
-            "class": bem$$("button"),
+            "class": bem$13("button"),
             "loading": props.isSaving,
             "nativeType": "submit"
           }, null), props.showDelete && vue.createVNode(Button, {
             "block": true,
             "round": true,
-            "class": bem$$("button"),
+            "class": bem$13("button"),
             "loading": props.isDeleting,
             "text": props.deleteButtonText || t$h("delete"),
             "onClick": onDelete
@@ -4932,8 +4944,8 @@ var stdin_default$1a = vue.defineComponent({
     };
   }
 });
-const AddressEdit = withInstall(stdin_default$1a);
-const [name$12, bem$_] = createNamespace("radio-group");
+const AddressEdit = withInstall(stdin_default$1e);
+const [name$16, bem$12] = createNamespace("radio-group");
 const radioGroupProps = {
   disabled: Boolean,
   iconSize: numericProp,
@@ -4941,9 +4953,9 @@ const radioGroupProps = {
   modelValue: unknownProp,
   checkedColor: String
 };
-const RADIO_KEY = Symbol(name$12);
-var stdin_default$19 = vue.defineComponent({
-  name: name$12,
+const RADIO_KEY = Symbol(name$16);
+var stdin_default$1d = vue.defineComponent({
+  name: name$16,
   props: radioGroupProps,
   emits: ["change", "update:modelValue"],
   setup(props, {
@@ -4963,14 +4975,14 @@ var stdin_default$19 = vue.defineComponent({
     return () => {
       var _a;
       return vue.createVNode("div", {
-        "class": bem$_([props.direction]),
+        "class": bem$12([props.direction]),
         "role": "radiogroup"
       }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
     };
   }
 });
-const RadioGroup = withInstall(stdin_default$19);
-const [name$11, bem$Z] = createNamespace("tag");
+const RadioGroup = withInstall(stdin_default$1d);
+const [name$15, bem$11] = createNamespace("tag");
 const tagProps = {
   size: String,
   mark: Boolean,
@@ -4982,8 +4994,8 @@ const tagProps = {
   textColor: String,
   closeable: Boolean
 };
-var stdin_default$18 = vue.defineComponent({
-  name: name$11,
+var stdin_default$1c = vue.defineComponent({
+  name: name$15,
   props: tagProps,
   emits: ["close"],
   setup(props, {
@@ -5026,12 +5038,12 @@ var stdin_default$18 = vue.defineComponent({
       }
       const CloseIcon = closeable && vue.createVNode(Icon, {
         "name": "cross",
-        "class": [bem$Z("close"), HAPTICS_FEEDBACK],
+        "class": [bem$11("close"), HAPTICS_FEEDBACK],
         "onClick": onClose
       }, null);
       return vue.createVNode("span", {
         "style": getStyle(),
-        "class": bem$Z([classes, type])
+        "class": bem$11([classes, type])
       }, [(_a = slots.default) == null ? void 0 : _a.call(slots), CloseIcon]);
     };
     return () => vue.createVNode(vue.Transition, {
@@ -5041,7 +5053,7 @@ var stdin_default$18 = vue.defineComponent({
     });
   }
 });
-const Tag = withInstall(stdin_default$18);
+const Tag = withInstall(stdin_default$1c);
 const checkerProps = {
   name: unknownProp,
   shape: makeStringProp("round"),
@@ -5052,7 +5064,7 @@ const checkerProps = {
   labelPosition: String,
   labelDisabled: Boolean
 };
-var stdin_default$17 = vue.defineComponent({
+var stdin_default$1b = vue.defineComponent({
   props: extend({}, checkerProps, {
     bem: makeRequiredProp(Function),
     role: String,
@@ -5142,9 +5154,9 @@ var stdin_default$17 = vue.defineComponent({
   }
 });
 const radioProps = checkerProps;
-const [name$10, bem$Y] = createNamespace("radio");
-var stdin_default$16 = vue.defineComponent({
-  name: name$10,
+const [name$14, bem$10] = createNamespace("radio");
+var stdin_default$1a = vue.defineComponent({
+  name: name$14,
   props: checkerProps,
   emits: ["update:modelValue"],
   setup(props, {
@@ -5165,8 +5177,8 @@ var stdin_default$16 = vue.defineComponent({
         emit("update:modelValue", props.name);
       }
     };
-    return () => vue.createVNode(stdin_default$17, vue.mergeProps({
-      "bem": bem$Y,
+    return () => vue.createVNode(stdin_default$1b, vue.mergeProps({
+      "bem": bem$10,
       "role": "radio",
       "parent": parent,
       "checked": checked(),
@@ -5174,10 +5186,10 @@ var stdin_default$16 = vue.defineComponent({
     }, props), pick(slots, ["default", "icon"]));
   }
 });
-const Radio = withInstall(stdin_default$16);
-const [name$$, bem$X] = createNamespace("address-item");
-var stdin_default$15 = vue.defineComponent({
-  name: name$$,
+const Radio = withInstall(stdin_default$1a);
+const [name$13, bem$$] = createNamespace("address-item");
+var stdin_default$19 = vue.defineComponent({
+  name: name$13,
   props: {
     address: makeRequiredProp(Object),
     disabled: Boolean,
@@ -5197,7 +5209,7 @@ var stdin_default$15 = vue.defineComponent({
     };
     const renderRightIcon = () => vue.createVNode(Icon, {
       "name": "edit",
-      "class": bem$X("edit"),
+      "class": bem$$("edit"),
       "onClick": (event) => {
         event.stopPropagation();
         emit("edit");
@@ -5212,7 +5224,7 @@ var stdin_default$15 = vue.defineComponent({
         return vue.createVNode(Tag, {
           "type": "primary",
           "round": true,
-          "class": bem$X("tag")
+          "class": bem$$("tag")
         }, {
           default: () => [props.defaultTagText]
         });
@@ -5225,9 +5237,9 @@ var stdin_default$15 = vue.defineComponent({
         switchable
       } = props;
       const Info = [vue.createVNode("div", {
-        "class": bem$X("name")
+        "class": bem$$("name")
       }, [`${address.name} ${address.tel}`, renderTag()]), vue.createVNode("div", {
-        "class": bem$X("address")
+        "class": bem$$("address")
       }, [address.address])];
       if (switchable && !disabled) {
         return vue.createVNode(Radio, {
@@ -5245,13 +5257,13 @@ var stdin_default$15 = vue.defineComponent({
         disabled
       } = props;
       return vue.createVNode("div", {
-        "class": bem$X({
+        "class": bem$$({
           disabled
         }),
         "onClick": onClick
       }, [vue.createVNode(Cell, {
         "border": false,
-        "titleClass": bem$X("title")
+        "titleClass": bem$$("title")
       }, {
         title: renderContent,
         "right-icon": renderRightIcon
@@ -5261,7 +5273,7 @@ var stdin_default$15 = vue.defineComponent({
     };
   }
 });
-const [name$_, bem$W, t$g] = createNamespace("address-list");
+const [name$12, bem$_, t$g] = createNamespace("address-list");
 const addressListProps = {
   list: makeArrayProp(),
   modelValue: numericProp,
@@ -5271,8 +5283,8 @@ const addressListProps = {
   addButtonText: String,
   defaultTagText: String
 };
-var stdin_default$14 = vue.defineComponent({
-  name: name$_,
+var stdin_default$18 = vue.defineComponent({
+  name: name$12,
   props: addressListProps,
   emits: ["add", "edit", "select", "clickItem", "editDisabled", "selectDisabled", "update:modelValue"],
   setup(props, {
@@ -5288,7 +5300,7 @@ var stdin_default$14 = vue.defineComponent({
           emit("update:modelValue", item.id);
         }
       };
-      return vue.createVNode(stdin_default$15, {
+      return vue.createVNode(stdin_default$19, {
         "key": item.id,
         "address": item,
         "disabled": disabled,
@@ -5308,13 +5320,13 @@ var stdin_default$14 = vue.defineComponent({
       }
     };
     const renderBottom = () => vue.createVNode("div", {
-      "class": [bem$W("bottom"), "van-safe-area-bottom"]
+      "class": [bem$_("bottom"), "van-safe-area-bottom"]
     }, [vue.createVNode(Button, {
       "round": true,
       "block": true,
       "type": "primary",
       "text": props.addButtonText || t$g("add"),
-      "class": bem$W("add"),
+      "class": bem$_("add"),
       "onClick": () => emit("add")
     }, null)]);
     return () => {
@@ -5322,10 +5334,10 @@ var stdin_default$14 = vue.defineComponent({
       const List2 = renderList(props.list);
       const DisabledList = renderList(props.disabledList, true);
       const DisabledText = props.disabledText && vue.createVNode("div", {
-        "class": bem$W("disabled-text")
+        "class": bem$_("disabled-text")
       }, [props.disabledText]);
       return vue.createVNode("div", {
-        "class": bem$W()
+        "class": bem$_()
       }, [(_a = slots.top) == null ? void 0 : _a.call(slots), vue.createVNode(RadioGroup, {
         "modelValue": props.modelValue
       }, {
@@ -5334,8 +5346,8 @@ var stdin_default$14 = vue.defineComponent({
     };
   }
 });
-const AddressList = withInstall(stdin_default$14);
-const [name$Z, bem$V, t$f] = createNamespace("calendar");
+const AddressList = withInstall(stdin_default$18);
+const [name$11, bem$Z, t$f] = createNamespace("calendar");
 const formatMonthTitle = (date) => t$f("monthTitle", date.getFullYear(), date.getMonth() + 1);
 function compareMonth(date1, date2) {
   const year1 = date1.getFullYear();
@@ -5416,9 +5428,9 @@ const formatValueRange = (values, columns) => values.map((value, index) => {
   }
   return value;
 });
-const [name$Y] = createNamespace("calendar-day");
-var stdin_default$13 = vue.defineComponent({
-  name: name$Y,
+const [name$10] = createNamespace("calendar-day");
+var stdin_default$17 = vue.defineComponent({
+  name: name$10,
   props: {
     item: makeRequiredProp(Object),
     color: String,
@@ -5480,7 +5492,7 @@ var stdin_default$13 = vue.defineComponent({
       } = props.item;
       if (topInfo || slots["top-info"]) {
         return vue.createVNode("div", {
-          "class": bem$V("top-info")
+          "class": bem$Z("top-info")
         }, [slots["top-info"] ? slots["top-info"](props.item) : topInfo]);
       }
     };
@@ -5490,7 +5502,7 @@ var stdin_default$13 = vue.defineComponent({
       } = props.item;
       if (bottomInfo || slots["bottom-info"]) {
         return vue.createVNode("div", {
-          "class": bem$V("bottom-info")
+          "class": bem$Z("bottom-info")
         }, [slots["bottom-info"] ? slots["bottom-info"](props.item) : bottomInfo]);
       }
     };
@@ -5507,7 +5519,7 @@ var stdin_default$13 = vue.defineComponent({
       const Nodes = [renderTopInfo(), text, renderBottomInfo()];
       if (type === "selected") {
         return vue.createVNode("div", {
-          "class": bem$V("selected-day"),
+          "class": bem$Z("selected-day"),
           "style": {
             width: rowHeight,
             height: rowHeight,
@@ -5524,21 +5536,21 @@ var stdin_default$13 = vue.defineComponent({
       } = props.item;
       if (type === "placeholder") {
         return vue.createVNode("div", {
-          "class": bem$V("day"),
+          "class": bem$Z("day"),
           "style": style.value
         }, null);
       }
       return vue.createVNode("div", {
         "role": "gridcell",
         "style": style.value,
-        "class": [bem$V("day", type), className],
+        "class": [bem$Z("day", type), className],
         "tabindex": type === "disabled" ? void 0 : -1,
         "onClick": onClick
       }, [renderContent()]);
     };
   }
 });
-const [name$X] = createNamespace("calendar-month");
+const [name$$] = createNamespace("calendar-month");
 const calendarMonthProps = {
   date: makeRequiredProp(Date),
   type: String,
@@ -5555,8 +5567,8 @@ const calendarMonthProps = {
   showMonthTitle: Boolean,
   firstDayOfWeek: Number
 };
-var stdin_default$12 = vue.defineComponent({
-  name: name$X,
+var stdin_default$16 = vue.defineComponent({
+  name: name$$,
   props: calendarMonthProps,
   emits: ["click"],
   setup(props, {
@@ -5661,14 +5673,14 @@ var stdin_default$12 = vue.defineComponent({
     const renderTitle = () => {
       if (props.showMonthTitle) {
         return vue.createVNode("div", {
-          "class": bem$V("month-title")
+          "class": bem$Z("month-title")
         }, [title.value]);
       }
     };
     const renderMark = () => {
       if (props.showMark && shouldRender.value) {
         return vue.createVNode("div", {
-          "class": bem$V("month-mark")
+          "class": bem$Z("month-mark")
         }, [props.date.getMonth() + 1]);
       }
     };
@@ -5708,7 +5720,7 @@ var stdin_default$12 = vue.defineComponent({
         setScrollTop(body, daysRect.top + rowOffset + body.scrollTop - use.useRect(body).top);
       }
     };
-    const renderDay = (item, index) => vue.createVNode(stdin_default$13, {
+    const renderDay = (item, index) => vue.createVNode(stdin_default$17, {
       "item": item,
       "index": index,
       "color": props.color,
@@ -5719,7 +5731,7 @@ var stdin_default$12 = vue.defineComponent({
     const renderDays = () => vue.createVNode("div", {
       "ref": daysRef,
       "role": "grid",
-      "class": bem$V("days")
+      "class": bem$Z("days")
     }, [renderMark(), (shouldRender.value ? days : placeholders).value.map(renderDay)]);
     useExpose({
       getTitle,
@@ -5729,15 +5741,16 @@ var stdin_default$12 = vue.defineComponent({
       disabledDays
     });
     return () => vue.createVNode("div", {
-      "class": bem$V("month"),
+      "class": bem$Z("month"),
       "ref": monthRef
     }, [renderTitle(), renderDays()]);
   }
 });
-const [name$W] = createNamespace("calendar-header");
-var stdin_default$11 = vue.defineComponent({
-  name: name$W,
+const [name$_] = createNamespace("calendar-header");
+var stdin_default$15 = vue.defineComponent({
+  name: name$_,
   props: {
+    date: Date,
     title: String,
     subtitle: String,
     showTitle: Boolean,
@@ -5754,16 +5767,19 @@ var stdin_default$11 = vue.defineComponent({
         const text = props.title || t$f("title");
         const title = slots.title ? slots.title() : text;
         return vue.createVNode("div", {
-          "class": bem$V("header-title")
+          "class": bem$Z("header-title")
         }, [title]);
       }
     };
     const onClickSubtitle = (event) => emit("clickSubtitle", event);
     const renderSubtitle = () => {
       if (props.showSubtitle) {
-        const title = slots.subtitle ? slots.subtitle() : props.subtitle;
+        const title = slots.subtitle ? slots.subtitle({
+          date: props.date,
+          text: props.subtitle
+        }) : props.subtitle;
         return vue.createVNode("div", {
-          "class": bem$V("header-subtitle"),
+          "class": bem$Z("header-subtitle"),
           "onClick": onClickSubtitle
         }, [title]);
       }
@@ -5775,13 +5791,13 @@ var stdin_default$11 = vue.defineComponent({
       const weekdays = t$f("weekdays");
       const renderWeekDays2 = [...weekdays.slice(firstDayOfWeek, 7), ...weekdays.slice(0, firstDayOfWeek)];
       return vue.createVNode("div", {
-        "class": bem$V("weekdays")
+        "class": bem$Z("weekdays")
       }, [renderWeekDays2.map((text) => vue.createVNode("span", {
-        "class": bem$V("weekday")
+        "class": bem$Z("weekday")
       }, [text]))]);
     };
     return () => vue.createVNode("div", {
-      "class": bem$V("header")
+      "class": bem$Z("header")
     }, [renderTitle(), renderSubtitle(), renderWeekDays()]);
   }
 });
@@ -5832,8 +5848,8 @@ const calendarProps = {
     validator: (val) => val >= 0 && val <= 6
   }
 };
-var stdin_default$10 = vue.defineComponent({
-  name: name$Z,
+var stdin_default$14 = vue.defineComponent({
+  name: name$11,
   props: calendarProps,
   emits: ["select", "confirm", "unselect", "monthShow", "overRange", "update:show", "clickSubtitle"],
   setup(props, {
@@ -5881,7 +5897,10 @@ var stdin_default$10 = vue.defineComponent({
     };
     let bodyHeight;
     const bodyRef = vue.ref();
-    const subtitle = vue.ref("");
+    const subtitle = vue.ref({
+      text: "",
+      date: void 0
+    });
     const currentDate = vue.ref(getInitialDate());
     const [monthRefs, setMonthRefs] = useRefs();
     const dayOffset = vue.computed(() => props.firstDayOfWeek ? +props.firstDayOfWeek % 7 : 0);
@@ -5942,7 +5961,10 @@ var stdin_default$10 = vue.defineComponent({
         monthRefs.value[index].setVisible(visible);
       });
       if (currentMonth) {
-        subtitle.value = currentMonth.getTitle();
+        subtitle.value = {
+          text: currentMonth.getTitle(),
+          date: currentMonth.date
+        };
       }
     };
     const scrollToDate = (targetDate) => {
@@ -6090,7 +6112,7 @@ var stdin_default$10 = vue.defineComponent({
     const updateShow = (value) => emit("update:show", value);
     const renderMonth = (date, index) => {
       const showMonthTitle = index !== 0 || !props.showSubtitle;
-      return vue.createVNode(stdin_default$12, vue.mergeProps({
+      return vue.createVNode(stdin_default$16, vue.mergeProps({
         "ref": setMonthRefs(index),
         "date": date,
         "currentDate": currentDate.value,
@@ -6113,7 +6135,7 @@ var stdin_default$10 = vue.defineComponent({
           "block": true,
           "type": "primary",
           "color": props.color,
-          "class": bem$V("confirm"),
+          "class": bem$Z("confirm"),
           "disabled": disabled,
           "nativeType": "button",
           "onClick": onConfirm
@@ -6125,22 +6147,23 @@ var stdin_default$10 = vue.defineComponent({
       }
     };
     const renderFooter = () => vue.createVNode("div", {
-      "class": [bem$V("footer"), {
+      "class": [bem$Z("footer"), {
         "van-safe-area-bottom": props.safeAreaInsetBottom
       }]
     }, [renderFooterButton()]);
     const renderCalendar = () => vue.createVNode("div", {
-      "class": bem$V()
-    }, [vue.createVNode(stdin_default$11, {
+      "class": bem$Z()
+    }, [vue.createVNode(stdin_default$15, {
+      "date": subtitle.value.date,
       "title": props.title,
-      "subtitle": subtitle.value,
+      "subtitle": subtitle.value.text,
       "showTitle": props.showTitle,
       "showSubtitle": props.showSubtitle,
       "firstDayOfWeek": dayOffset.value,
       "onClickSubtitle": (event) => emit("clickSubtitle", event)
     }, pick(slots, ["title", "subtitle"])), vue.createVNode("div", {
       "ref": bodyRef,
-      "class": bem$V("body"),
+      "class": bem$Z("body"),
       "onScroll": onScroll
     }, [months.value.map(renderMonth)]), renderFooter()]);
     vue.watch(() => props.show, init);
@@ -6159,7 +6182,7 @@ var stdin_default$10 = vue.defineComponent({
       if (props.poppable) {
         return vue.createVNode(Popup, {
           "show": props.show,
-          "class": bem$V("popup"),
+          "class": bem$Z("popup"),
           "round": props.round,
           "position": props.position,
           "closeable": props.showTitle || props.showSubtitle,
@@ -6176,8 +6199,8 @@ var stdin_default$10 = vue.defineComponent({
     };
   }
 });
-const Calendar = withInstall(stdin_default$10);
-const [name$V, bem$U] = createNamespace("image");
+const Calendar = withInstall(stdin_default$14);
+const [name$Z, bem$Y] = createNamespace("image");
 const imageProps = {
   src: String,
   alt: String,
@@ -6196,8 +6219,8 @@ const imageProps = {
   showLoading: truthProp,
   loadingIcon: makeStringProp("photo")
 };
-var stdin_default$$ = vue.defineComponent({
-  name: name$V,
+var stdin_default$13 = vue.defineComponent({
+  name: name$Z,
   props: imageProps,
   emits: ["load", "error"],
   setup(props, {
@@ -6248,13 +6271,13 @@ var stdin_default$$ = vue.defineComponent({
     const renderPlaceholder = () => {
       if (loading.value && props.showLoading) {
         return vue.createVNode("div", {
-          "class": bem$U("loading")
-        }, [renderIcon(props.loadingIcon, bem$U("loading-icon"), slots.loading)]);
+          "class": bem$Y("loading")
+        }, [renderIcon(props.loadingIcon, bem$Y("loading-icon"), slots.loading)]);
       }
       if (error.value && props.showError) {
         return vue.createVNode("div", {
-          "class": bem$U("error")
-        }, [renderIcon(props.errorIcon, bem$U("error-icon"), slots.error)]);
+          "class": bem$Y("error")
+        }, [renderIcon(props.errorIcon, bem$Y("error-icon"), slots.error)]);
       }
     };
     const renderImage = () => {
@@ -6263,7 +6286,7 @@ var stdin_default$$ = vue.defineComponent({
       }
       const attrs = {
         alt: props.alt,
-        class: bem$U("img"),
+        class: bem$Y("img"),
         style: {
           objectFit: props.fit,
           objectPosition: props.position
@@ -6312,7 +6335,7 @@ var stdin_default$$ = vue.defineComponent({
     return () => {
       var _a;
       return vue.createVNode("div", {
-        "class": bem$U({
+        "class": bem$Y({
           round: props.round,
           block: props.block
         }),
@@ -6321,8 +6344,8 @@ var stdin_default$$ = vue.defineComponent({
     };
   }
 });
-const Image$1 = withInstall(stdin_default$$);
-const [name$U, bem$T] = createNamespace("card");
+const Image$1 = withInstall(stdin_default$13);
+const [name$Y, bem$X] = createNamespace("card");
 const cardProps = {
   tag: String,
   num: numericProp,
@@ -6336,8 +6359,8 @@ const cardProps = {
   thumbLink: String,
   originPrice: numericProp
 };
-var stdin_default$_ = vue.defineComponent({
-  name: name$U,
+var stdin_default$12 = vue.defineComponent({
+  name: name$Y,
   props: cardProps,
   emits: ["clickThumb"],
   setup(props, {
@@ -6350,14 +6373,14 @@ var stdin_default$_ = vue.defineComponent({
       }
       if (props.title) {
         return vue.createVNode("div", {
-          "class": [bem$T("title"), "van-multi-ellipsis--l2"]
+          "class": [bem$X("title"), "van-multi-ellipsis--l2"]
         }, [props.title]);
       }
     };
     const renderThumbTag = () => {
       if (slots.tag || props.tag) {
         return vue.createVNode("div", {
-          "class": bem$T("tag")
+          "class": bem$X("tag")
         }, [slots.tag ? slots.tag() : vue.createVNode(Tag, {
           "mark": true,
           "type": "primary"
@@ -6382,7 +6405,7 @@ var stdin_default$_ = vue.defineComponent({
       if (slots.thumb || props.thumb) {
         return vue.createVNode("a", {
           "href": props.thumbLink,
-          "class": bem$T("thumb"),
+          "class": bem$X("thumb"),
           "onClick": (event) => emit("clickThumb", event)
         }, [renderThumbImage(), renderThumbTag()]);
       }
@@ -6393,18 +6416,18 @@ var stdin_default$_ = vue.defineComponent({
       }
       if (props.desc) {
         return vue.createVNode("div", {
-          "class": [bem$T("desc"), "van-ellipsis"]
+          "class": [bem$X("desc"), "van-ellipsis"]
         }, [props.desc]);
       }
     };
     const renderPriceText = () => {
       const priceArr = props.price.toString().split(".");
       return vue.createVNode("div", null, [vue.createVNode("span", {
-        "class": bem$T("price-currency")
+        "class": bem$X("price-currency")
       }, [props.currency]), vue.createVNode("span", {
-        "class": bem$T("price-integer")
+        "class": bem$X("price-integer")
       }, [priceArr[0]]), vue.createTextVNode("."), vue.createVNode("span", {
-        "class": bem$T("price-decimal")
+        "class": bem$X("price-decimal")
       }, [priceArr[1]])]);
     };
     return () => {
@@ -6414,34 +6437,34 @@ var stdin_default$_ = vue.defineComponent({
       const showOriginPrice = slots["origin-price"] || isDef(props.originPrice);
       const showBottom = showNum || showPrice || showOriginPrice || slots.bottom;
       const Price = showPrice && vue.createVNode("div", {
-        "class": bem$T("price")
+        "class": bem$X("price")
       }, [slots.price ? slots.price() : renderPriceText()]);
       const OriginPrice = showOriginPrice && vue.createVNode("div", {
-        "class": bem$T("origin-price")
+        "class": bem$X("origin-price")
       }, [slots["origin-price"] ? slots["origin-price"]() : `${props.currency} ${props.originPrice}`]);
       const Num = showNum && vue.createVNode("div", {
-        "class": bem$T("num")
+        "class": bem$X("num")
       }, [slots.num ? slots.num() : `x${props.num}`]);
       const Footer = slots.footer && vue.createVNode("div", {
-        "class": bem$T("footer")
+        "class": bem$X("footer")
       }, [slots.footer()]);
       const Bottom = showBottom && vue.createVNode("div", {
-        "class": bem$T("bottom")
+        "class": bem$X("bottom")
       }, [(_a = slots["price-top"]) == null ? void 0 : _a.call(slots), Price, OriginPrice, Num, (_b = slots.bottom) == null ? void 0 : _b.call(slots)]);
       return vue.createVNode("div", {
-        "class": bem$T()
+        "class": bem$X()
       }, [vue.createVNode("div", {
-        "class": bem$T("header")
+        "class": bem$X("header")
       }, [renderThumb(), vue.createVNode("div", {
-        "class": bem$T("content", {
+        "class": bem$X("content", {
           centered: props.centered
         })
       }, [vue.createVNode("div", null, [renderTitle(), renderDesc(), (_c = slots.tags) == null ? void 0 : _c.call(slots)]), Bottom])]), Footer]);
     };
   }
 });
-const Card = withInstall(stdin_default$_);
-const [name$T, bem$S, t$e] = createNamespace("cascader");
+const Card = withInstall(stdin_default$12);
+const [name$X, bem$W, t$e] = createNamespace("cascader");
 const cascaderProps = {
   title: String,
   options: makeArrayProp(),
@@ -6454,8 +6477,8 @@ const cascaderProps = {
   placeholder: String,
   activeColor: String
 };
-var stdin_default$Z = vue.defineComponent({
-  name: name$T,
+var stdin_default$11 = vue.defineComponent({
+  name: name$X,
   props: cascaderProps,
   emits: ["close", "change", "finish", "clickTab", "update:modelValue"],
   setup(props, {
@@ -6563,12 +6586,12 @@ var stdin_default$Z = vue.defineComponent({
       title
     }) => emit("clickTab", name2, title);
     const renderHeader = () => props.showHeader ? vue.createVNode("div", {
-      "class": bem$S("header")
+      "class": bem$W("header")
     }, [vue.createVNode("h2", {
-      "class": bem$S("title")
+      "class": bem$W("title")
     }, [slots.title ? slots.title() : props.title]), props.closeable ? vue.createVNode(Icon, {
       "name": props.closeIcon,
-      "class": [bem$S("close-icon"), HAPTICS_FEEDBACK],
+      "class": [bem$W("close-icon"), HAPTICS_FEEDBACK],
       "onClick": onClose
     }, null) : null]) : null;
     const renderOption = (option, selectedOption, tabIndex) => {
@@ -6583,7 +6606,7 @@ var stdin_default$Z = vue.defineComponent({
       }) : vue.createVNode("span", null, [option[textKey]]);
       return vue.createVNode("li", {
         "role": "menuitemradio",
-        "class": [bem$S("option", {
+        "class": [bem$W("option", {
           selected,
           disabled
         }), option.className],
@@ -6596,12 +6619,12 @@ var stdin_default$Z = vue.defineComponent({
         "onClick": () => onSelect(option, tabIndex)
       }, [Text2, selected ? vue.createVNode(Icon, {
         "name": "success",
-        "class": bem$S("selected-icon")
+        "class": bem$W("selected-icon")
       }, null) : null]);
     };
     const renderOptions = (options, selectedOption, tabIndex) => vue.createVNode("ul", {
       "role": "menu",
-      "class": bem$S("options")
+      "class": bem$W("options")
     }, [options.map((option) => renderOption(option, selectedOption, tabIndex))]);
     const renderTab = (tab, tabIndex) => {
       const {
@@ -6612,7 +6635,7 @@ var stdin_default$Z = vue.defineComponent({
       const title = selected ? selected[textKey] : placeholder;
       return vue.createVNode(Tab, {
         "title": title,
-        "titleClass": bem$S("tab", {
+        "titleClass": bem$W("tab", {
           unselected: !selected
         })
       }, {
@@ -6631,7 +6654,7 @@ var stdin_default$Z = vue.defineComponent({
       "onUpdate:active": ($event) => activeTab.value = $event,
       "shrink": true,
       "animated": true,
-      "class": bem$S("tabs"),
+      "class": bem$W("tabs"),
       "color": props.activeColor,
       "swipeable": props.swipeable,
       "onClickTab": onClickTab
@@ -6655,19 +6678,19 @@ var stdin_default$Z = vue.defineComponent({
       updateTabs();
     });
     return () => vue.createVNode("div", {
-      "class": bem$S()
+      "class": bem$W()
     }, [renderHeader(), renderTabs()]);
   }
 });
-const Cascader = withInstall(stdin_default$Z);
-const [name$S, bem$R] = createNamespace("cell-group");
+const Cascader = withInstall(stdin_default$11);
+const [name$W, bem$V] = createNamespace("cell-group");
 const cellGroupProps = {
   title: String,
   inset: Boolean,
   border: truthProp
 };
-var stdin_default$Y = vue.defineComponent({
-  name: name$S,
+var stdin_default$10 = vue.defineComponent({
+  name: name$W,
   inheritAttrs: false,
   props: cellGroupProps,
   setup(props, {
@@ -6677,7 +6700,7 @@ var stdin_default$Y = vue.defineComponent({
     const renderGroup = () => {
       var _a;
       return vue.createVNode("div", vue.mergeProps({
-        "class": [bem$R({
+        "class": [bem$V({
           inset: props.inset
         }), {
           [BORDER_TOP_BOTTOM]: props.border && !props.inset
@@ -6685,7 +6708,7 @@ var stdin_default$Y = vue.defineComponent({
       }, attrs), [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
     };
     const renderTitle = () => vue.createVNode("div", {
-      "class": bem$R("title", {
+      "class": bem$V("title", {
         inset: props.inset
       })
     }, [slots.title ? slots.title() : props.title]);
@@ -6697,8 +6720,8 @@ var stdin_default$Y = vue.defineComponent({
     };
   }
 });
-const CellGroup = withInstall(stdin_default$Y);
-const [name$R, bem$Q] = createNamespace("checkbox-group");
+const CellGroup = withInstall(stdin_default$10);
+const [name$V, bem$U] = createNamespace("checkbox-group");
 const checkboxGroupProps = {
   max: numericProp,
   disabled: Boolean,
@@ -6707,9 +6730,9 @@ const checkboxGroupProps = {
   modelValue: makeArrayProp(),
   checkedColor: String
 };
-const CHECKBOX_GROUP_KEY = Symbol(name$R);
-var stdin_default$X = vue.defineComponent({
-  name: name$R,
+const CHECKBOX_GROUP_KEY = Symbol(name$V);
+var stdin_default$$ = vue.defineComponent({
+  name: name$V,
   props: checkboxGroupProps,
   emits: ["change", "update:modelValue"],
   setup(props, {
@@ -6755,17 +6778,17 @@ var stdin_default$X = vue.defineComponent({
     return () => {
       var _a;
       return vue.createVNode("div", {
-        "class": bem$Q([props.direction])
+        "class": bem$U([props.direction])
       }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
     };
   }
 });
-const [name$Q, bem$P] = createNamespace("checkbox");
+const [name$U, bem$T] = createNamespace("checkbox");
 const checkboxProps = extend({}, checkerProps, {
   bindGroup: truthProp
 });
-var stdin_default$W = vue.defineComponent({
-  name: name$Q,
+var stdin_default$_ = vue.defineComponent({
+  name: name$U,
   props: checkboxProps,
   emits: ["change", "update:modelValue"],
   setup(props, {
@@ -6822,8 +6845,8 @@ var stdin_default$W = vue.defineComponent({
       checked
     });
     use.useCustomFieldValue(() => props.modelValue);
-    return () => vue.createVNode(stdin_default$17, vue.mergeProps({
-      "bem": bem$P,
+    return () => vue.createVNode(stdin_default$1b, vue.mergeProps({
+      "bem": bem$T,
       "role": "checkbox",
       "parent": parent,
       "checked": checked.value,
@@ -6831,9 +6854,9 @@ var stdin_default$W = vue.defineComponent({
     }, props), pick(slots, ["default", "icon"]));
   }
 });
-const Checkbox = withInstall(stdin_default$W);
-const CheckboxGroup = withInstall(stdin_default$X);
-const [name$P, bem$O] = createNamespace("circle");
+const Checkbox = withInstall(stdin_default$_);
+const CheckboxGroup = withInstall(stdin_default$$);
+const [name$T, bem$S] = createNamespace("circle");
 let uid = 0;
 const format = (rate) => Math.min(Math.max(+rate, 0), 100);
 function getPath(clockwise, viewBoxSize) {
@@ -6854,8 +6877,8 @@ const circleProps = {
   strokeLinecap: String,
   startPosition: makeStringProp("top")
 };
-var stdin_default$V = vue.defineComponent({
-  name: name$P,
+var stdin_default$Z = vue.defineComponent({
+  name: name$T,
   props: circleProps,
   emits: ["update:currentRate"],
   setup(props, {
@@ -6923,7 +6946,7 @@ var stdin_default$V = vue.defineComponent({
       return vue.createVNode("path", {
         "d": path.value,
         "style": style,
-        "class": bem$O("hover"),
+        "class": bem$S("hover"),
         "stroke": color
       }, null);
     };
@@ -6934,7 +6957,7 @@ var stdin_default$V = vue.defineComponent({
         strokeWidth: `${props.strokeWidth}px`
       };
       return vue.createVNode("path", {
-        "class": bem$O("layer"),
+        "class": bem$S("layer"),
         "style": style,
         "d": path.value
       }, null);
@@ -6965,12 +6988,12 @@ var stdin_default$V = vue.defineComponent({
       }
       if (props.text) {
         return vue.createVNode("div", {
-          "class": bem$O("text")
+          "class": bem$S("text")
         }, [props.text]);
       }
     };
     return () => vue.createVNode("div", {
-      "class": bem$O(),
+      "class": bem$S(),
       "style": getSizeStyle(props.size)
     }, [vue.createVNode("svg", {
       "viewBox": `0 0 ${viewBoxSize.value} ${viewBoxSize.value}`,
@@ -6978,9 +7001,9 @@ var stdin_default$V = vue.defineComponent({
     }, [renderGradient(), renderLayer(), renderHover()]), renderText()]);
   }
 });
-const Circle = withInstall(stdin_default$V);
-const [name$O, bem$N] = createNamespace("row");
-const ROW_KEY = Symbol(name$O);
+const Circle = withInstall(stdin_default$Z);
+const [name$S, bem$R] = createNamespace("row");
+const ROW_KEY = Symbol(name$S);
 const rowProps = {
   tag: makeStringProp("div"),
   wrap: truthProp,
@@ -6988,8 +7011,8 @@ const rowProps = {
   gutter: makeNumericProp(0),
   justify: String
 };
-var stdin_default$U = vue.defineComponent({
-  name: name$O,
+var stdin_default$Y = vue.defineComponent({
+  name: name$S,
   props: rowProps,
   setup(props, {
     slots
@@ -7048,7 +7071,7 @@ var stdin_default$U = vue.defineComponent({
         justify
       } = props;
       return vue.createVNode(tag, {
-        "class": bem$N({
+        "class": bem$R({
           [`align-${align}`]: align,
           [`justify-${justify}`]: justify,
           nowrap: !wrap
@@ -7062,14 +7085,14 @@ var stdin_default$U = vue.defineComponent({
     };
   }
 });
-const [name$N, bem$M] = createNamespace("col");
+const [name$R, bem$Q] = createNamespace("col");
 const colProps = {
   tag: makeStringProp("div"),
   span: makeNumericProp(0),
   offset: numericProp
 };
-var stdin_default$T = vue.defineComponent({
-  name: name$N,
+var stdin_default$X = vue.defineComponent({
+  name: name$R,
   props: colProps,
   setup(props, {
     slots
@@ -7104,7 +7127,7 @@ var stdin_default$T = vue.defineComponent({
       } = props;
       return vue.createVNode(tag, {
         "style": style.value,
-        "class": bem$M({
+        "class": bem$Q({
           [span]: span,
           [`offset-${offset}`]: offset
         })
@@ -7117,9 +7140,9 @@ var stdin_default$T = vue.defineComponent({
     };
   }
 });
-const Col = withInstall(stdin_default$T);
-const [name$M, bem$L] = createNamespace("collapse");
-const COLLAPSE_KEY = Symbol(name$M);
+const Col = withInstall(stdin_default$X);
+const [name$Q, bem$P] = createNamespace("collapse");
+const COLLAPSE_KEY = Symbol(name$Q);
 const collapseProps = {
   border: truthProp,
   accordion: Boolean,
@@ -7139,8 +7162,8 @@ function validateModelValue(modelValue, accordion) {
   }
   return true;
 }
-var stdin_default$S = vue.defineComponent({
-  name: name$M,
+var stdin_default$W = vue.defineComponent({
+  name: name$Q,
   props: collapseProps,
   emits: ["change", "update:modelValue"],
   setup(props, {
@@ -7210,15 +7233,15 @@ var stdin_default$S = vue.defineComponent({
     return () => {
       var _a;
       return vue.createVNode("div", {
-        "class": [bem$L(), {
+        "class": [bem$P(), {
           [BORDER_TOP_BOTTOM]: props.border
         }]
       }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
     };
   }
 });
-const Collapse = withInstall(stdin_default$S);
-const [name$L, bem$K] = createNamespace("collapse-item");
+const Collapse = withInstall(stdin_default$W);
+const [name$P, bem$O] = createNamespace("collapse-item");
 const CELL_SLOTS = ["icon", "title", "value", "label", "right-icon"];
 const collapseItemProps = extend({}, cellSharedProps, {
   name: numericProp,
@@ -7227,8 +7250,8 @@ const collapseItemProps = extend({}, cellSharedProps, {
   readonly: Boolean,
   lazyRender: truthProp
 });
-var stdin_default$R = vue.defineComponent({
-  name: name$L,
+var stdin_default$V = vue.defineComponent({
+  name: name$P,
   props: collapseItemProps,
   setup(props, {
     slots
@@ -7310,7 +7333,7 @@ var stdin_default$R = vue.defineComponent({
       }
       return vue.createVNode(Cell, vue.mergeProps({
         "role": "button",
-        "class": bem$K("title", {
+        "class": bem$O("title", {
           disabled,
           expanded: expanded.value,
           borderless: !border
@@ -7323,11 +7346,11 @@ var stdin_default$R = vue.defineComponent({
       var _a;
       return vue.withDirectives(vue.createVNode("div", {
         "ref": wrapperRef,
-        "class": bem$K("wrapper"),
+        "class": bem$O("wrapper"),
         "onTransitionend": onTransitionEnd
       }, [vue.createVNode("div", {
         "ref": contentRef,
-        "class": bem$K("content")
+        "class": bem$O("content")
       }, [(_a = slots.default) == null ? void 0 : _a.call(slots)])]), [[vue.vShow, show.value]]);
     });
     useExpose({
@@ -7336,15 +7359,15 @@ var stdin_default$R = vue.defineComponent({
       itemName: name2
     });
     return () => vue.createVNode("div", {
-      "class": [bem$K({
+      "class": [bem$O({
         border: index.value && props.border
       })]
     }, [renderTitle(), renderContent()]);
   }
 });
-const CollapseItem = withInstall(stdin_default$R);
-const ConfigProvider = withInstall(stdin_default$1B);
-const [name$K, bem$J, t$d] = createNamespace("contact-card");
+const CollapseItem = withInstall(stdin_default$V);
+const ConfigProvider = withInstall(stdin_default$1F);
+const [name$O, bem$N, t$d] = createNamespace("contact-card");
 const contactCardProps = {
   tel: String,
   name: String,
@@ -7352,8 +7375,8 @@ const contactCardProps = {
   addText: String,
   editable: truthProp
 };
-var stdin_default$Q = vue.defineComponent({
-  name: name$K,
+var stdin_default$U = vue.defineComponent({
+  name: name$O,
   props: contactCardProps,
   emits: ["click"],
   setup(props, {
@@ -7373,18 +7396,18 @@ var stdin_default$Q = vue.defineComponent({
     return () => vue.createVNode(Cell, {
       "center": true,
       "icon": props.type === "edit" ? "contact" : "add-square",
-      "class": bem$J([props.type]),
+      "class": bem$N([props.type]),
       "border": false,
       "isLink": props.editable,
-      "titleClass": bem$J("title"),
+      "titleClass": bem$N("title"),
       "onClick": onClick
     }, {
       title: renderContent
     });
   }
 });
-const ContactCard = withInstall(stdin_default$Q);
-const [name$J, bem$I, t$c] = createNamespace("contact-edit");
+const ContactCard = withInstall(stdin_default$U);
+const [name$N, bem$M, t$c] = createNamespace("contact-edit");
 const DEFAULT_CONTACT = {
   tel: "",
   name: ""
@@ -7404,8 +7427,8 @@ const contactEditProps = {
     default: isMobile
   }
 };
-var stdin_default$P = vue.defineComponent({
-  name: name$J,
+var stdin_default$T = vue.defineComponent({
+  name: name$N,
   props: contactEditProps,
   emits: ["save", "delete", "changeDefault"],
   setup(props, {
@@ -7419,20 +7442,20 @@ var stdin_default$P = vue.defineComponent({
     };
     const onDelete = () => emit("delete", contact);
     const renderButtons = () => vue.createVNode("div", {
-      "class": bem$I("buttons")
+      "class": bem$M("buttons")
     }, [vue.createVNode(Button, {
       "block": true,
       "round": true,
       "type": "primary",
       "text": t$c("save"),
-      "class": bem$I("button"),
+      "class": bem$M("button"),
       "loading": props.isSaving,
       "nativeType": "submit"
     }, null), props.isEdit && vue.createVNode(Button, {
       "block": true,
       "round": true,
       "text": t$c("delete"),
-      "class": bem$I("button"),
+      "class": bem$M("button"),
       "loading": props.isDeleting,
       "onClick": onDelete
     }, null)]);
@@ -7445,7 +7468,7 @@ var stdin_default$P = vue.defineComponent({
       if (props.showSetDefault) {
         return vue.createVNode(Cell, {
           "title": props.setDefaultLabel,
-          "class": bem$I("switch-cell"),
+          "class": bem$M("switch-cell"),
           "border": false
         }, {
           "right-icon": renderSwitch
@@ -7454,11 +7477,11 @@ var stdin_default$P = vue.defineComponent({
     };
     vue.watch(() => props.contactInfo, (value) => extend(contact, DEFAULT_CONTACT, value));
     return () => vue.createVNode(Form, {
-      "class": bem$I(),
+      "class": bem$M(),
       "onSubmit": onSave
     }, {
       default: () => [vue.createVNode("div", {
-        "class": bem$I("fields")
+        "class": bem$M("fields")
       }, [vue.createVNode(Field, {
         "modelValue": contact.name,
         "onUpdate:modelValue": ($event) => contact.name = $event,
@@ -7485,16 +7508,16 @@ var stdin_default$P = vue.defineComponent({
     });
   }
 });
-const ContactEdit = withInstall(stdin_default$P);
-const [name$I, bem$H, t$b] = createNamespace("contact-list");
+const ContactEdit = withInstall(stdin_default$T);
+const [name$M, bem$L, t$b] = createNamespace("contact-list");
 const contactListProps = {
   list: Array,
   addText: String,
   modelValue: unknownProp,
   defaultTagText: String
 };
-var stdin_default$O = vue.defineComponent({
-  name: name$I,
+var stdin_default$S = vue.defineComponent({
+  name: name$M,
   props: contactListProps,
   emits: ["add", "edit", "select", "update:modelValue"],
   setup(props, {
@@ -7506,13 +7529,13 @@ var stdin_default$O = vue.defineComponent({
         emit("select", item, index);
       };
       const renderRightIcon = () => vue.createVNode(Radio, {
-        "class": bem$H("radio"),
+        "class": bem$L("radio"),
         "name": item.id,
         "iconSize": 16
       }, null);
       const renderEditIcon = () => vue.createVNode(Icon, {
         "name": "edit",
-        "class": bem$H("edit"),
+        "class": bem$L("edit"),
         "onClick": (event) => {
           event.stopPropagation();
           emit("edit", item, index);
@@ -7524,7 +7547,7 @@ var stdin_default$O = vue.defineComponent({
           nodes.push(vue.createVNode(Tag, {
             "type": "primary",
             "round": true,
-            "class": bem$H("item-tag")
+            "class": bem$L("item-tag")
           }, {
             default: () => [props.defaultTagText]
           }));
@@ -7535,8 +7558,8 @@ var stdin_default$O = vue.defineComponent({
         "key": item.id,
         "isLink": true,
         "center": true,
-        "class": bem$H("item"),
-        "titleClass": bem$H("item-title"),
+        "class": bem$L("item"),
+        "titleClass": bem$L("item-title"),
         "onClick": onClick
       }, {
         icon: renderEditIcon,
@@ -7545,25 +7568,25 @@ var stdin_default$O = vue.defineComponent({
       });
     };
     return () => vue.createVNode("div", {
-      "class": bem$H()
+      "class": bem$L()
     }, [vue.createVNode(RadioGroup, {
       "modelValue": props.modelValue,
-      "class": bem$H("group")
+      "class": bem$L("group")
     }, {
       default: () => [props.list && props.list.map(renderItem)]
     }), vue.createVNode("div", {
-      "class": [bem$H("bottom"), "van-safe-area-bottom"]
+      "class": [bem$L("bottom"), "van-safe-area-bottom"]
     }, [vue.createVNode(Button, {
       "round": true,
       "block": true,
       "type": "primary",
-      "class": bem$H("add"),
+      "class": bem$L("add"),
       "text": props.addText || t$b("addContact"),
       "onClick": () => emit("add")
     }, null)])]);
   }
 });
-const ContactList = withInstall(stdin_default$O);
+const ContactList = withInstall(stdin_default$S);
 function parseFormat(format2, currentTime) {
   const { days } = currentTime;
   let { hours, minutes, seconds, milliseconds } = currentTime;
@@ -7599,15 +7622,15 @@ function parseFormat(format2, currentTime) {
   }
   return format2;
 }
-const [name$H, bem$G] = createNamespace("count-down");
+const [name$L, bem$K] = createNamespace("count-down");
 const countDownProps = {
   time: makeNumericProp(0),
   format: makeStringProp("HH:mm:ss"),
   autoStart: truthProp,
   millisecond: Boolean
 };
-var stdin_default$N = vue.defineComponent({
-  name: name$H,
+var stdin_default$R = vue.defineComponent({
+  name: name$L,
   props: countDownProps,
   emits: ["change", "finish"],
   setup(props, {
@@ -7642,11 +7665,11 @@ var stdin_default$N = vue.defineComponent({
     });
     return () => vue.createVNode("div", {
       "role": "timer",
-      "class": bem$G()
+      "class": bem$K()
     }, [slots.default ? slots.default(current2.value) : timeText.value]);
   }
 });
-const CountDown = withInstall(stdin_default$N);
+const CountDown = withInstall(stdin_default$R);
 function getDate(timeStamp) {
   const date = new Date(timeStamp * 1e3);
   return `${date.getFullYear()}.${padZero(date.getMonth() + 1)}.${padZero(
@@ -7655,9 +7678,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$G, bem$F, t$a] = createNamespace("coupon");
-var stdin_default$M = vue.defineComponent({
-  name: name$G,
+const [name$K, bem$J, t$a] = createNamespace("coupon");
+var stdin_default$Q = vue.defineComponent({
+  name: name$K,
   props: {
     chosen: Boolean,
     coupon: makeRequiredProp(Object),
@@ -7701,34 +7724,34 @@ var stdin_default$M = vue.defineComponent({
       } = props;
       const description = disabled && coupon.reason || coupon.description;
       return vue.createVNode("div", {
-        "class": bem$F({
+        "class": bem$J({
           disabled
         })
       }, [vue.createVNode("div", {
-        "class": bem$F("content")
+        "class": bem$J("content")
       }, [vue.createVNode("div", {
-        "class": bem$F("head")
+        "class": bem$J("head")
       }, [vue.createVNode("h2", {
-        "class": bem$F("amount")
+        "class": bem$J("amount")
       }, [faceAmount.value]), vue.createVNode("p", {
-        "class": bem$F("condition")
+        "class": bem$J("condition")
       }, [coupon.condition || conditionMessage.value])]), vue.createVNode("div", {
-        "class": bem$F("body")
+        "class": bem$J("body")
       }, [vue.createVNode("p", {
-        "class": bem$F("name")
+        "class": bem$J("name")
       }, [coupon.name]), vue.createVNode("p", {
-        "class": bem$F("valid")
+        "class": bem$J("valid")
       }, [validPeriod.value]), !disabled && vue.createVNode(Checkbox, {
-        "class": bem$F("corner"),
+        "class": bem$J("corner"),
         "modelValue": chosen
       }, null)])]), description && vue.createVNode("p", {
-        "class": bem$F("description")
+        "class": bem$J("description")
       }, [description])]);
     };
   }
 });
-const Coupon = withInstall(stdin_default$M);
-const [name$F, bem$E, t$9] = createNamespace("coupon-cell");
+const Coupon = withInstall(stdin_default$Q);
+const [name$J, bem$I, t$9] = createNamespace("coupon-cell");
 const couponCellProps = {
   title: String,
   border: truthProp,
@@ -7756,34 +7779,34 @@ function formatValue({
   }
   return coupons.length === 0 ? t$9("noCoupon") : t$9("count", coupons.length);
 }
-var stdin_default$L = vue.defineComponent({
-  name: name$F,
+var stdin_default$P = vue.defineComponent({
+  name: name$J,
   props: couponCellProps,
   setup(props) {
     return () => {
       const selected = props.coupons[+props.chosenCoupon];
       return vue.createVNode(Cell, {
-        "class": bem$E(),
+        "class": bem$I(),
         "value": formatValue(props),
         "title": props.title || t$9("title"),
         "border": props.border,
         "isLink": props.editable,
-        "valueClass": bem$E("value", {
+        "valueClass": bem$I("value", {
           selected
         })
       }, null);
     };
   }
 });
-const CouponCell = withInstall(stdin_default$L);
-const [name$E, bem$D] = createNamespace("empty");
+const CouponCell = withInstall(stdin_default$P);
+const [name$I, bem$H] = createNamespace("empty");
 const emptyProps = {
   image: makeStringProp("default"),
   imageSize: [Number, String, Array],
   description: String
 };
-var stdin_default$K = vue.defineComponent({
-  name: name$E,
+var stdin_default$O = vue.defineComponent({
+  name: name$I,
   props: emptyProps,
   setup(props, {
     slots
@@ -7792,14 +7815,14 @@ var stdin_default$K = vue.defineComponent({
       const description = slots.description ? slots.description() : props.description;
       if (description) {
         return vue.createVNode("p", {
-          "class": bem$D("description")
+          "class": bem$H("description")
         }, [description]);
       }
     };
     const renderBottom = () => {
       if (slots.default) {
         return vue.createVNode("div", {
-          "class": bem$D("bottom")
+          "class": bem$H("bottom")
         }, [slots.default()]);
       }
     };
@@ -8084,15 +8107,15 @@ var stdin_default$K = vue.defineComponent({
       }, null);
     };
     return () => vue.createVNode("div", {
-      "class": bem$D()
+      "class": bem$H()
     }, [vue.createVNode("div", {
-      "class": bem$D("image"),
+      "class": bem$H("image"),
       "style": getSizeStyle(props.imageSize)
     }, [renderImage()]), renderDescription(), renderBottom()]);
   }
 });
-const Empty = withInstall(stdin_default$K);
-const [name$D, bem$C, t$8] = createNamespace("coupon-list");
+const Empty = withInstall(stdin_default$O);
+const [name$H, bem$G, t$8] = createNamespace("coupon-list");
 const couponListProps = {
   code: makeStringProp(""),
   coupons: makeArrayProp(),
@@ -8113,8 +8136,8 @@ const couponListProps = {
   exchangeButtonLoading: Boolean,
   exchangeButtonDisabled: Boolean
 };
-var stdin_default$J = vue.defineComponent({
-  name: name$D,
+var stdin_default$N = vue.defineComponent({
+  name: name$H,
   props: couponListProps,
   emits: ["change", "exchange", "update:code"],
   setup(props, {
@@ -8150,26 +8173,26 @@ var stdin_default$J = vue.defineComponent({
       "image": props.emptyImage
     }, {
       default: () => [vue.createVNode("p", {
-        "class": bem$C("empty-tip")
+        "class": bem$G("empty-tip")
       }, [t$8("noCoupon")])]
     });
     const renderExchangeBar = () => {
       if (props.showExchangeBar) {
         return vue.createVNode("div", {
           "ref": barRef,
-          "class": bem$C("exchange-bar")
+          "class": bem$G("exchange-bar")
         }, [vue.createVNode(Field, {
           "modelValue": currentCode.value,
           "onUpdate:modelValue": ($event) => currentCode.value = $event,
           "clearable": true,
           "border": false,
-          "class": bem$C("field"),
+          "class": bem$G("field"),
           "placeholder": props.inputPlaceholder || t$8("placeholder"),
           "maxlength": "20"
         }, null), vue.createVNode(Button, {
           "plain": true,
           "type": "primary",
-          "class": bem$C("exchange"),
+          "class": bem$G("exchange"),
           "text": props.exchangeButtonText || t$8("exchange"),
           "loading": props.exchangeButtonLoading,
           "disabled": buttonDisabled.value,
@@ -8189,7 +8212,7 @@ var stdin_default$J = vue.defineComponent({
         default: () => {
           var _a;
           return [vue.createVNode("div", {
-            "class": bem$C("list", {
+            "class": bem$G("list", {
               "with-bottom": props.showCloseButton
             }),
             "style": {
@@ -8218,7 +8241,7 @@ var stdin_default$J = vue.defineComponent({
         default: () => {
           var _a;
           return [vue.createVNode("div", {
-            "class": bem$C("list", {
+            "class": bem$G("list", {
               "with-bottom": props.showCloseButton
             }),
             "style": {
@@ -8245,28 +8268,28 @@ var stdin_default$J = vue.defineComponent({
     });
     return () => vue.createVNode("div", {
       "ref": root,
-      "class": bem$C()
+      "class": bem$G()
     }, [renderExchangeBar(), vue.createVNode(Tabs, {
       "active": activeTab.value,
       "onUpdate:active": ($event) => activeTab.value = $event,
-      "class": bem$C("tab")
+      "class": bem$G("tab")
     }, {
       default: () => [renderCouponTab(), renderDisabledTab()]
     }), vue.createVNode("div", {
-      "class": bem$C("bottom")
+      "class": bem$G("bottom")
     }, [vue.withDirectives(vue.createVNode(Button, {
       "round": true,
       "block": true,
       "type": "primary",
-      "class": bem$C("close"),
+      "class": bem$G("close"),
       "text": props.closeButtonText || t$8("close"),
       "onClick": () => emit("change", -1)
     }, null), [[vue.vShow, props.showCloseButton]])])]);
   }
 });
-const CouponList = withInstall(stdin_default$J);
+const CouponList = withInstall(stdin_default$N);
 const currentYear = new Date().getFullYear();
-const [name$C] = createNamespace("date-picker");
+const [name$G] = createNamespace("date-picker");
 const datePickerProps = extend({}, sharedProps, {
   columnsType: {
     type: Array,
@@ -8283,8 +8306,8 @@ const datePickerProps = extend({}, sharedProps, {
     validator: isDate
   }
 });
-var stdin_default$I = vue.defineComponent({
-  name: name$C,
+var stdin_default$M = vue.defineComponent({
+  name: name$G,
   props: datePickerProps,
   emits: ["confirm", "cancel", "change", "update:modelValue"],
   setup(props, {
@@ -8342,7 +8365,10 @@ var stdin_default$I = vue.defineComponent({
         case "day":
           return genDayOptions();
         default:
-          throw new Error(`[Vant] DatePicker: unsupported columns type: ${type}`);
+          if (process.env.NODE_ENV !== "production") {
+            throw new Error(`[Vant] DatePicker: unsupported columns type: ${type}`);
+          }
+          return [];
       }
     }));
     vue.watch(currentValues, (newValues) => {
@@ -8371,8 +8397,8 @@ var stdin_default$I = vue.defineComponent({
     }, pick(props, pickerInheritKeys)), slots);
   }
 });
-const DatePicker = withInstall(stdin_default$I);
-const [name$B, bem$B, t$7] = createNamespace("dialog");
+const DatePicker = withInstall(stdin_default$M);
+const [name$F, bem$F, t$7] = createNamespace("dialog");
 const dialogProps = extend({}, popupSharedProps, {
   title: String,
   theme: String,
@@ -8395,8 +8421,8 @@ const dialogProps = extend({}, popupSharedProps, {
   closeOnClickOverlay: Boolean
 });
 const popupInheritKeys$1 = [...popupSharedPropKeys, "transition", "closeOnPopstate"];
-var stdin_default$H = vue.defineComponent({
-  name: name$B,
+var stdin_default$L = vue.defineComponent({
+  name: name$F,
   props: dialogProps,
   emits: ["confirm", "cancel", "keydown", "update:show"],
   setup(props, {
@@ -8453,7 +8479,7 @@ var stdin_default$H = vue.defineComponent({
       const title = slots.title ? slots.title() : props.title;
       if (title) {
         return vue.createVNode("div", {
-          "class": bem$B("header", {
+          "class": bem$F("header", {
             isolated: !props.message && !slots.default
           })
         }, [title]);
@@ -8465,7 +8491,7 @@ var stdin_default$H = vue.defineComponent({
         allowHtml,
         messageAlign
       } = props;
-      const classNames = bem$B("message", {
+      const classNames = bem$F("message", {
         "has-title": hasTitle,
         [messageAlign]: messageAlign
       });
@@ -8483,7 +8509,7 @@ var stdin_default$H = vue.defineComponent({
     const renderContent = () => {
       if (slots.default) {
         return vue.createVNode("div", {
-          "class": bem$B("content")
+          "class": bem$F("content")
         }, [slots.default()]);
       }
       const {
@@ -8495,18 +8521,18 @@ var stdin_default$H = vue.defineComponent({
         const hasTitle = !!(title || slots.title);
         return vue.createVNode("div", {
           "key": allowHtml ? 1 : 0,
-          "class": bem$B("content", {
+          "class": bem$F("content", {
             isolated: !hasTitle
           })
         }, [renderMessage(hasTitle)]);
       }
     };
     const renderButtons = () => vue.createVNode("div", {
-      "class": [BORDER_TOP, bem$B("footer")]
+      "class": [BORDER_TOP, bem$F("footer")]
     }, [props.showCancelButton && vue.createVNode(Button, {
       "size": "large",
       "text": props.cancelButtonText || t$7("cancel"),
-      "class": bem$B("cancel"),
+      "class": bem$F("cancel"),
       "style": {
         color: props.cancelButtonColor
       },
@@ -8516,7 +8542,7 @@ var stdin_default$H = vue.defineComponent({
     }, null), props.showConfirmButton && vue.createVNode(Button, {
       "size": "large",
       "text": props.confirmButtonText || t$7("confirm"),
-      "class": [bem$B("confirm"), {
+      "class": [bem$F("confirm"), {
         [BORDER_LEFT]: props.showCancelButton
       }],
       "style": {
@@ -8527,12 +8553,12 @@ var stdin_default$H = vue.defineComponent({
       "onClick": onConfirm
     }, null)]);
     const renderRoundButtons = () => vue.createVNode(ActionBar, {
-      "class": bem$B("footer")
+      "class": bem$F("footer")
     }, {
       default: () => [props.showCancelButton && vue.createVNode(ActionBarButton, {
         "type": "warning",
         "text": props.cancelButtonText || t$7("cancel"),
-        "class": bem$B("cancel"),
+        "class": bem$F("cancel"),
         "color": props.cancelButtonColor,
         "loading": loading.cancel,
         "disabled": props.cancelButtonDisabled,
@@ -8540,7 +8566,7 @@ var stdin_default$H = vue.defineComponent({
       }, null), props.showConfirmButton && vue.createVNode(ActionBarButton, {
         "type": "danger",
         "text": props.confirmButtonText || t$7("confirm"),
-        "class": bem$B("confirm"),
+        "class": bem$F("confirm"),
         "color": props.confirmButtonColor,
         "loading": loading.confirm,
         "disabled": props.confirmButtonDisabled,
@@ -8564,7 +8590,7 @@ var stdin_default$H = vue.defineComponent({
       return vue.createVNode(Popup, vue.mergeProps({
         "ref": root,
         "role": "dialog",
-        "class": [bem$B([theme]), className],
+        "class": [bem$F([theme]), className],
         "style": {
           width: addUnit(width)
         },
@@ -8614,7 +8640,7 @@ function initInstance$2() {
         state,
         toggle
       } = usePopupState();
-      return () => vue.createVNode(stdin_default$H, vue.mergeProps(state, {
+      return () => vue.createVNode(stdin_default$L, vue.mergeProps(state, {
         "onUpdate:show": toggle
       }), null);
     }
@@ -8652,15 +8678,15 @@ const closeDialog = () => {
     instance$2.toggle(false);
   }
 };
-const Dialog = withInstall(stdin_default$H);
-const [name$A, bem$A] = createNamespace("divider");
+const Dialog = withInstall(stdin_default$L);
+const [name$E, bem$E] = createNamespace("divider");
 const dividerProps = {
   dashed: Boolean,
   hairline: truthProp,
   contentPosition: makeStringProp("center")
 };
-var stdin_default$G = vue.defineComponent({
-  name: name$A,
+var stdin_default$K = vue.defineComponent({
+  name: name$E,
   props: dividerProps,
   setup(props, {
     slots
@@ -8669,7 +8695,7 @@ var stdin_default$G = vue.defineComponent({
       var _a;
       return vue.createVNode("div", {
         "role": "separator",
-        "class": bem$A({
+        "class": bem$E({
           dashed: props.dashed,
           hairline: props.hairline,
           [`content-${props.contentPosition}`]: !!slots.default
@@ -8678,8 +8704,8 @@ var stdin_default$G = vue.defineComponent({
     };
   }
 });
-const Divider = withInstall(stdin_default$G);
-const [name$z, bem$z] = createNamespace("dropdown-menu");
+const Divider = withInstall(stdin_default$K);
+const [name$D, bem$D] = createNamespace("dropdown-menu");
 const dropdownMenuProps = {
   overlay: truthProp,
   zIndex: numericProp,
@@ -8689,9 +8715,9 @@ const dropdownMenuProps = {
   closeOnClickOutside: truthProp,
   closeOnClickOverlay: truthProp
 };
-const DROPDOWN_KEY = Symbol(name$z);
-var stdin_default$F = vue.defineComponent({
-  name: name$z,
+const DROPDOWN_KEY = Symbol(name$D);
+var stdin_default$J = vue.defineComponent({
+  name: name$D,
   props: dropdownMenuProps,
   setup(props, {
     slots
@@ -8759,7 +8785,7 @@ var stdin_default$F = vue.defineComponent({
         "id": `${id}-${index}`,
         "role": "button",
         "tabindex": disabled ? void 0 : 0,
-        "class": [bem$z("item", {
+        "class": [bem$D("item", {
           disabled
         }), {
           [HAPTICS_FEEDBACK]: !disabled
@@ -8770,7 +8796,7 @@ var stdin_default$F = vue.defineComponent({
           }
         }
       }, [vue.createVNode("span", {
-        "class": [bem$z("title", {
+        "class": [bem$D("title", {
           down: showPopup === (props.direction === "down"),
           active: showPopup
         }), titleClass],
@@ -8795,18 +8821,18 @@ var stdin_default$F = vue.defineComponent({
       var _a;
       return vue.createVNode("div", {
         "ref": root,
-        "class": bem$z()
+        "class": bem$D()
       }, [vue.createVNode("div", {
         "ref": barRef,
         "style": barStyle.value,
-        "class": bem$z("bar", {
+        "class": bem$D("bar", {
           opened: opened.value
         })
       }, [children.map(renderTitle)]), (_a = slots.default) == null ? void 0 : _a.call(slots)]);
     };
   }
 });
-const [name$y, bem$y] = createNamespace("dropdown-item");
+const [name$C, bem$C] = createNamespace("dropdown-item");
 const dropdownItemProps = {
   title: String,
   options: makeArrayProp(),
@@ -8816,8 +8842,8 @@ const dropdownItemProps = {
   modelValue: unknownProp,
   titleClass: unknownProp
 };
-var stdin_default$E = vue.defineComponent({
-  name: name$y,
+var stdin_default$I = vue.defineComponent({
+  name: name$C,
   props: dropdownItemProps,
   emits: ["open", "opened", "close", "closed", "change", "update:modelValue"],
   setup(props, {
@@ -8887,7 +8913,7 @@ var stdin_default$E = vue.defineComponent({
       const renderIcon = () => {
         if (active) {
           return vue.createVNode(Icon, {
-            "class": bem$y("icon"),
+            "class": bem$C("icon"),
             "color": activeColor,
             "name": "success"
           }, null);
@@ -8898,7 +8924,7 @@ var stdin_default$E = vue.defineComponent({
         "key": option.value,
         "icon": option.icon,
         "title": option.text,
-        "class": bem$y("option", {
+        "class": bem$C("option", {
           active
         }),
         "style": {
@@ -8930,13 +8956,13 @@ var stdin_default$E = vue.defineComponent({
       }
       return vue.withDirectives(vue.createVNode("div", {
         "style": style,
-        "class": bem$y([direction]),
+        "class": bem$C([direction]),
         "onClick": onClickWrapper
       }, [vue.createVNode(Popup, {
         "show": state.showPopup,
         "onUpdate:show": ($event) => state.showPopup = $event,
         "role": "menu",
-        "class": bem$y("content"),
+        "class": bem$C("content"),
         "overlay": overlay,
         "position": direction === "down" ? "top" : "bottom",
         "duration": state.transition ? duration : 0,
@@ -8974,9 +9000,9 @@ var stdin_default$E = vue.defineComponent({
     };
   }
 });
-const DropdownItem = withInstall(stdin_default$E);
-const DropdownMenu = withInstall(stdin_default$F);
-const [name$x, bem$x] = createNamespace("grid");
+const DropdownItem = withInstall(stdin_default$I);
+const DropdownMenu = withInstall(stdin_default$J);
+const [name$B, bem$B] = createNamespace("grid");
 const gridProps = {
   square: Boolean,
   center: truthProp,
@@ -8988,9 +9014,9 @@ const gridProps = {
   clickable: Boolean,
   columnNum: makeNumericProp(4)
 };
-const GRID_KEY = Symbol(name$x);
-var stdin_default$D = vue.defineComponent({
-  name: name$x,
+const GRID_KEY = Symbol(name$B);
+var stdin_default$H = vue.defineComponent({
+  name: name$B,
   props: gridProps,
   setup(props, {
     slots
@@ -9007,15 +9033,15 @@ var stdin_default$D = vue.defineComponent({
         "style": {
           paddingLeft: addUnit(props.gutter)
         },
-        "class": [bem$x(), {
+        "class": [bem$B(), {
           [BORDER_TOP]: props.border && !props.gutter
         }]
       }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
     };
   }
 });
-const Grid = withInstall(stdin_default$D);
-const [name$w, bem$w] = createNamespace("grid-item");
+const Grid = withInstall(stdin_default$H);
+const [name$A, bem$A] = createNamespace("grid-item");
 const gridItemProps = extend({}, routeProps, {
   dot: Boolean,
   text: String,
@@ -9025,8 +9051,8 @@ const gridItemProps = extend({}, routeProps, {
   iconPrefix: String,
   badgeProps: Object
 });
-var stdin_default$C = vue.defineComponent({
-  name: name$w,
+var stdin_default$G = vue.defineComponent({
+  name: name$A,
   props: gridItemProps,
   setup(props, {
     slots
@@ -9092,7 +9118,7 @@ var stdin_default$C = vue.defineComponent({
           "name": props.icon,
           "size": parent.props.iconSize,
           "badge": props.badge,
-          "class": bem$w("icon"),
+          "class": bem$A("icon"),
           "color": props.iconColor,
           "badgeProps": props.badgeProps,
           "classPrefix": props.iconPrefix
@@ -9105,7 +9131,7 @@ var stdin_default$C = vue.defineComponent({
       }
       if (props.text) {
         return vue.createVNode("span", {
-          "class": bem$w("text")
+          "class": bem$A("text")
         }, [props.text]);
       }
     };
@@ -9125,7 +9151,7 @@ var stdin_default$C = vue.defineComponent({
         direction,
         clickable
       } = parent.props;
-      const classes = [bem$w("content", [direction, {
+      const classes = [bem$A("content", [direction, {
         center,
         square,
         reverse,
@@ -9135,7 +9161,7 @@ var stdin_default$C = vue.defineComponent({
         [BORDER]: border
       }];
       return vue.createVNode("div", {
-        "class": [bem$w({
+        "class": [bem$A({
           square
         })],
         "style": rootStyle.value
@@ -9149,10 +9175,10 @@ var stdin_default$C = vue.defineComponent({
     };
   }
 });
-const GridItem = withInstall(stdin_default$C);
+const GridItem = withInstall(stdin_default$G);
 const getDistance = (touches) => Math.sqrt((touches[0].clientX - touches[1].clientX) ** 2 + (touches[0].clientY - touches[1].clientY) ** 2);
-const bem$v = createNamespace("image-preview")[1];
-var stdin_default$B = vue.defineComponent({
+const bem$z = createNamespace("image-preview")[1];
+var stdin_default$F = vue.defineComponent({
   props: {
     src: String,
     show: Boolean,
@@ -9162,9 +9188,10 @@ var stdin_default$B = vue.defineComponent({
     rootWidth: makeRequiredProp(Number),
     rootHeight: makeRequiredProp(Number)
   },
-  emits: ["scale", "close"],
+  emits: ["scale", "close", "longPress"],
   setup(props, {
-    emit
+    emit,
+    slots
   }) {
     const state = vue.reactive({
       scale: 1,
@@ -9308,16 +9335,20 @@ var stdin_default$B = vue.defineComponent({
       const deltaTime = Date.now() - touchStartTime;
       const TAP_TIME = 250;
       const TAP_OFFSET = 5;
-      if (offsetX.value < TAP_OFFSET && offsetY.value < TAP_OFFSET && deltaTime < TAP_TIME) {
-        if (doubleTapTimer) {
-          clearTimeout(doubleTapTimer);
-          doubleTapTimer = null;
-          toggleScale();
-        } else {
-          doubleTapTimer = setTimeout(() => {
-            emit("close");
+      if (offsetX.value < TAP_OFFSET && offsetY.value < TAP_OFFSET) {
+        if (deltaTime < TAP_TIME) {
+          if (doubleTapTimer) {
+            clearTimeout(doubleTapTimer);
             doubleTapTimer = null;
-          }, TAP_TIME);
+            toggleScale();
+          } else {
+            doubleTapTimer = setTimeout(() => {
+              emit("close");
+              doubleTapTimer = null;
+            }, TAP_TIME);
+          }
+        } else if (deltaTime > LONG_PRESS_START_TIME) {
+          emit("longPress");
         }
       }
     };
@@ -9377,15 +9408,19 @@ var stdin_default$B = vue.defineComponent({
       };
       return vue.createVNode(SwipeItem, {
         "ref": swipeItem,
-        "class": bem$v("swipe-item"),
+        "class": bem$z("swipe-item"),
         "onTouchstartPassive": onTouchStart,
         "onTouchend": onTouchEnd,
         "onTouchcancel": onTouchEnd
       }, {
-        default: () => [vue.createVNode(Image$1, {
+        default: () => [slots.image ? vue.createVNode("div", {
+          "class": bem$z("image-wrap")
+        }, [slots.image({
+          src: props.src
+        })]) : vue.createVNode(Image$1, {
           "src": props.src,
           "fit": "contain",
-          "class": bem$v("image", {
+          "class": bem$z("image", {
             vertical: vertical.value
           }),
           "style": imageStyle.value,
@@ -9395,7 +9430,7 @@ var stdin_default$B = vue.defineComponent({
     };
   }
 });
-const [name$v, bem$u] = createNamespace("image-preview");
+const [name$z, bem$y] = createNamespace("image-preview");
 const popupProps$1 = ["show", "transition", "overlayStyle", "closeOnPopstate"];
 const imagePreviewProps = {
   show: Boolean,
@@ -9418,10 +9453,10 @@ const imagePreviewProps = {
   closeOnPopstate: truthProp,
   closeIconPosition: makeStringProp("top-right")
 };
-var stdin_default$A = vue.defineComponent({
-  name: name$v,
+var stdin_default$E = vue.defineComponent({
+  name: name$z,
   props: imagePreviewProps,
-  emits: ["scale", "close", "closed", "change", "update:show"],
+  emits: ["scale", "close", "closed", "change", "longPress", "update:show"],
   setup(props, {
     emit,
     slots
@@ -9457,7 +9492,7 @@ var stdin_default$A = vue.defineComponent({
     const renderIndex = () => {
       if (props.showIndex) {
         return vue.createVNode("div", {
-          "class": bem$u("index")
+          "class": bem$y("index")
         }, [slots.index ? slots.index({
           index: state.active
         }) : `${state.active + 1} / ${props.images.length}`]);
@@ -9466,7 +9501,7 @@ var stdin_default$A = vue.defineComponent({
     const renderCover = () => {
       if (slots.cover) {
         return vue.createVNode("div", {
-          "class": bem$u("cover")
+          "class": bem$y("cover")
         }, [slots.cover()]);
       }
     };
@@ -9474,14 +9509,14 @@ var stdin_default$A = vue.defineComponent({
       "ref": swipeRef,
       "lazyRender": true,
       "loop": props.loop,
-      "class": bem$u("swipe"),
+      "class": bem$y("swipe"),
       "duration": props.swipeDuration,
       "initialSwipe": props.startPosition,
       "showIndicators": props.showIndicators,
       "indicatorColor": "white",
       "onChange": setActive
     }, {
-      default: () => [props.images.map((image) => vue.createVNode(stdin_default$B, {
+      default: () => [props.images.map((image, index) => vue.createVNode(stdin_default$F, {
         "src": image,
         "show": props.show,
         "active": state.active,
@@ -9490,15 +9525,20 @@ var stdin_default$A = vue.defineComponent({
         "rootWidth": state.rootWidth,
         "rootHeight": state.rootHeight,
         "onScale": emitScale,
-        "onClose": emitClose
-      }, null))]
+        "onClose": emitClose,
+        "onLongPress": () => emit("longPress", {
+          index
+        })
+      }, {
+        image: slots.image
+      }))]
     });
     const renderClose = () => {
       if (props.closeable) {
         return vue.createVNode(Icon, {
           "role": "button",
           "name": props.closeIcon,
-          "class": [bem$u("close-icon", props.closeIconPosition), HAPTICS_FEEDBACK],
+          "class": [bem$y("close-icon", props.closeIconPosition), HAPTICS_FEEDBACK],
           "onClick": emitClose
         }, null);
       }
@@ -9535,8 +9575,8 @@ var stdin_default$A = vue.defineComponent({
       }
     });
     return () => vue.createVNode(Popup, vue.mergeProps({
-      "class": [bem$u(), props.className],
-      "overlayClass": [bem$u("overlay"), props.overlayClass],
+      "class": [bem$y(), props.className],
+      "overlayClass": [bem$y("overlay"), props.overlayClass],
       "onClosed": onClosed,
       "onUpdate:show": updateShow
     }, pick(props, popupProps$1)), {
@@ -9580,7 +9620,7 @@ function initInstance$1() {
       const onClosed = () => {
         state.images = [];
       };
-      return () => vue.createVNode(stdin_default$A, vue.mergeProps(state, {
+      return () => vue.createVNode(stdin_default$E, vue.mergeProps(state, {
         "onClosed": onClosed,
         "onUpdate:show": toggle
       }), null);
@@ -9601,13 +9641,13 @@ const showImagePreview = (options, startPosition = 0) => {
   instance$1.open(extend({}, defaultConfig, options));
   return instance$1;
 };
-const ImagePreview = withInstall(stdin_default$A);
+const ImagePreview = withInstall(stdin_default$E);
 function genAlphabet() {
   const charCodeOfA = "A".charCodeAt(0);
   const indexList = Array(26).fill("").map((_, i) => String.fromCharCode(charCodeOfA + i));
   return indexList;
 }
-const [name$u, bem$t] = createNamespace("index-bar");
+const [name$y, bem$x] = createNamespace("index-bar");
 const indexBarProps = {
   sticky: truthProp,
   zIndex: numericProp,
@@ -9619,9 +9659,9 @@ const indexBarProps = {
     default: genAlphabet
   }
 };
-const INDEX_BAR_KEY = Symbol(name$u);
-var stdin_default$z = vue.defineComponent({
-  name: name$u,
+const INDEX_BAR_KEY = Symbol(name$y);
+var stdin_default$D = vue.defineComponent({
+  name: name$y,
   props: indexBarProps,
   emits: ["select", "change"],
   setup(props, {
@@ -9733,7 +9773,7 @@ var stdin_default$z = vue.defineComponent({
     const renderIndexes = () => props.indexList.map((index) => {
       const active = index === activeAnchor.value;
       return vue.createVNode("span", {
-        "class": bem$t("index", {
+        "class": bem$x("index", {
           active
         }),
         "style": active ? highlightStyle.value : void 0,
@@ -9794,7 +9834,7 @@ var stdin_default$z = vue.defineComponent({
     };
     const renderSidebar = () => vue.createVNode("div", {
       "ref": sidebar,
-      "class": bem$t("sidebar"),
+      "class": bem$x("sidebar"),
       "style": sidebarStyle.value,
       "onClick": onClickSidebar,
       "onTouchstartPassive": touch.start
@@ -9809,7 +9849,7 @@ var stdin_default$z = vue.defineComponent({
       var _a;
       return vue.createVNode("div", {
         "ref": root,
-        "class": bem$t()
+        "class": bem$x()
       }, [props.teleport ? vue.createVNode(vue.Teleport, {
         "to": props.teleport
       }, {
@@ -9818,12 +9858,12 @@ var stdin_default$z = vue.defineComponent({
     };
   }
 });
-const [name$t, bem$s] = createNamespace("index-anchor");
+const [name$x, bem$w] = createNamespace("index-anchor");
 const indexAnchorProps = {
   index: numericProp
 };
-var stdin_default$y = vue.defineComponent({
-  name: name$t,
+var stdin_default$C = vue.defineComponent({
+  name: name$x,
   props: indexAnchorProps,
   setup(props, {
     slots
@@ -9886,7 +9926,7 @@ var stdin_default$y = vue.defineComponent({
         }
       }, [vue.createVNode("div", {
         "style": anchorStyle.value,
-        "class": [bem$s({
+        "class": [bem$w({
           sticky
         }), {
           [BORDER_BOTTOM]: sticky
@@ -9895,9 +9935,9 @@ var stdin_default$y = vue.defineComponent({
     };
   }
 });
-const IndexAnchor = withInstall(stdin_default$y);
-const IndexBar = withInstall(stdin_default$z);
-const [name$s, bem$r, t$6] = createNamespace("list");
+const IndexAnchor = withInstall(stdin_default$C);
+const IndexBar = withInstall(stdin_default$D);
+const [name$w, bem$v, t$6] = createNamespace("list");
 const listProps = {
   error: Boolean,
   offset: makeNumericProp(300),
@@ -9909,8 +9949,8 @@ const listProps = {
   finishedText: String,
   immediateCheck: truthProp
 };
-var stdin_default$x = vue.defineComponent({
-  name: name$s,
+var stdin_default$B = vue.defineComponent({
+  name: name$w,
   props: listProps,
   emits: ["load", "update:error", "update:loading"],
   setup(props, {
@@ -9954,7 +9994,7 @@ var stdin_default$x = vue.defineComponent({
         const text = slots.finished ? slots.finished() : props.finishedText;
         if (text) {
           return vue.createVNode("div", {
-            "class": bem$r("finished-text")
+            "class": bem$v("finished-text")
           }, [text]);
         }
       }
@@ -9969,7 +10009,7 @@ var stdin_default$x = vue.defineComponent({
         if (text) {
           return vue.createVNode("div", {
             "role": "button",
-            "class": bem$r("error-text"),
+            "class": bem$v("error-text"),
             "tabindex": 0,
             "onClick": clickErrorText
           }, [text]);
@@ -9979,9 +10019,9 @@ var stdin_default$x = vue.defineComponent({
     const renderLoading = () => {
       if (loading.value && !props.finished) {
         return vue.createVNode("div", {
-          "class": bem$r("loading")
+          "class": bem$v("loading")
         }, [slots.loading ? slots.loading() : vue.createVNode(Loading, {
-          "class": bem$r("loading-icon")
+          "class": bem$v("loading-icon")
         }, {
           default: () => [props.loadingText || t$6("loading")]
         })]);
@@ -10015,19 +10055,19 @@ var stdin_default$x = vue.defineComponent({
       const Content = (_a = slots.default) == null ? void 0 : _a.call(slots);
       const Placeholder = vue.createVNode("div", {
         "ref": placeholder,
-        "class": bem$r("placeholder")
+        "class": bem$v("placeholder")
       }, null);
       return vue.createVNode("div", {
         "ref": root,
         "role": "feed",
-        "class": bem$r(),
+        "class": bem$v(),
         "aria-busy": loading.value
       }, [props.direction === "down" ? Content : Placeholder, renderLoading(), renderFinishedText(), renderErrorText(), props.direction === "up" ? Content : Placeholder]);
     };
   }
 });
-const List = withInstall(stdin_default$x);
-const [name$r, bem$q] = createNamespace("nav-bar");
+const List = withInstall(stdin_default$B);
+const [name$v, bem$u] = createNamespace("nav-bar");
 const navBarProps = {
   title: String,
   fixed: Boolean,
@@ -10040,8 +10080,8 @@ const navBarProps = {
   safeAreaInsetTop: Boolean,
   clickable: truthProp
 };
-var stdin_default$w = vue.defineComponent({
-  name: name$r,
+var stdin_default$A = vue.defineComponent({
+  name: name$v,
   props: navBarProps,
   emits: ["clickLeft", "clickRight"],
   setup(props, {
@@ -10049,7 +10089,7 @@ var stdin_default$w = vue.defineComponent({
     slots
   }) {
     const navBarRef = vue.ref();
-    const renderPlaceholder = usePlaceholder(navBarRef, bem$q);
+    const renderPlaceholder = usePlaceholder(navBarRef, bem$u);
     const onClickLeft = (event) => emit("clickLeft", event);
     const onClickRight = (event) => emit("clickRight", event);
     const renderLeft = () => {
@@ -10057,10 +10097,10 @@ var stdin_default$w = vue.defineComponent({
         return slots.left();
       }
       return [props.leftArrow && vue.createVNode(Icon, {
-        "class": bem$q("arrow"),
+        "class": bem$u("arrow"),
         "name": "arrow-left"
       }, null), props.leftText && vue.createVNode("span", {
-        "class": bem$q("text")
+        "class": bem$u("text")
       }, [props.leftText])];
     };
     const renderRight = () => {
@@ -10068,7 +10108,7 @@ var stdin_default$w = vue.defineComponent({
         return slots.right();
       }
       return vue.createVNode("span", {
-        "class": bem$q("text")
+        "class": bem$u("text")
       }, [props.rightText]);
     };
     const renderNavBar = () => {
@@ -10084,21 +10124,21 @@ var stdin_default$w = vue.defineComponent({
       return vue.createVNode("div", {
         "ref": navBarRef,
         "style": style,
-        "class": [bem$q({
+        "class": [bem$u({
           fixed
         }), {
           [BORDER_BOTTOM]: border,
           "van-safe-area-top": props.safeAreaInsetTop
         }]
       }, [vue.createVNode("div", {
-        "class": bem$q("content")
+        "class": bem$u("content")
       }, [hasLeft && vue.createVNode("div", {
-        "class": [bem$q("left"), props.clickable ? HAPTICS_FEEDBACK : ""],
+        "class": [bem$u("left"), props.clickable ? HAPTICS_FEEDBACK : ""],
         "onClick": onClickLeft
       }, [renderLeft()]), vue.createVNode("div", {
-        "class": [bem$q("title"), "van-ellipsis"]
+        "class": [bem$u("title"), "van-ellipsis"]
       }, [slots.title ? slots.title() : title]), hasRight && vue.createVNode("div", {
-        "class": [bem$q("right"), props.clickable ? HAPTICS_FEEDBACK : ""],
+        "class": [bem$u("right"), props.clickable ? HAPTICS_FEEDBACK : ""],
         "onClick": onClickRight
       }, [renderRight()])])]);
     };
@@ -10110,8 +10150,8 @@ var stdin_default$w = vue.defineComponent({
     };
   }
 });
-const NavBar = withInstall(stdin_default$w);
-const [name$q, bem$p] = createNamespace("notice-bar");
+const NavBar = withInstall(stdin_default$A);
+const [name$u, bem$t] = createNamespace("notice-bar");
 const noticeBarProps = {
   text: String,
   mode: String,
@@ -10126,8 +10166,8 @@ const noticeBarProps = {
     default: null
   }
 };
-var stdin_default$v = vue.defineComponent({
-  name: name$q,
+var stdin_default$z = vue.defineComponent({
+  name: name$u,
   props: noticeBarProps,
   emits: ["close", "replay"],
   setup(props, {
@@ -10150,7 +10190,7 @@ var stdin_default$v = vue.defineComponent({
       }
       if (props.leftIcon) {
         return vue.createVNode(Icon, {
-          "class": bem$p("left-icon"),
+          "class": bem$t("left-icon"),
           "name": props.leftIcon
         }, null);
       }
@@ -10177,7 +10217,7 @@ var stdin_default$v = vue.defineComponent({
       if (name2) {
         return vue.createVNode(Icon, {
           "name": name2,
-          "class": bem$p("right-icon"),
+          "class": bem$t("right-icon"),
           "onClick": onClickRightIcon
         }, null);
       }
@@ -10202,11 +10242,11 @@ var stdin_default$v = vue.defineComponent({
       return vue.createVNode("div", {
         "ref": wrapRef,
         "role": "marquee",
-        "class": bem$p("wrap")
+        "class": bem$t("wrap")
       }, [vue.createVNode("div", {
         "ref": contentRef,
         "style": style,
-        "class": [bem$p("content"), {
+        "class": [bem$t("content"), {
           "van-ellipsis": ellipsis
         }],
         "onTransitionend": onTransitionEnd
@@ -10255,7 +10295,7 @@ var stdin_default$v = vue.defineComponent({
       } = props;
       return vue.withDirectives(vue.createVNode("div", {
         "role": "alert",
-        "class": bem$p({
+        "class": bem$t({
           wrapable
         }),
         "style": {
@@ -10266,8 +10306,8 @@ var stdin_default$v = vue.defineComponent({
     };
   }
 });
-const NoticeBar = withInstall(stdin_default$v);
-const [name$p, bem$o] = createNamespace("notify");
+const NoticeBar = withInstall(stdin_default$z);
+const [name$t, bem$s] = createNamespace("notify");
 const notifyProps = extend({}, popupSharedProps, {
   type: makeStringProp("danger"),
   color: String,
@@ -10277,8 +10317,8 @@ const notifyProps = extend({}, popupSharedProps, {
   background: String,
   lockScroll: Boolean
 });
-var stdin_default$u = vue.defineComponent({
-  name: name$p,
+var stdin_default$y = vue.defineComponent({
+  name: name$t,
   props: notifyProps,
   emits: ["update:show"],
   setup(props, {
@@ -10288,7 +10328,7 @@ var stdin_default$u = vue.defineComponent({
     const updateShow = (show) => emit("update:show", show);
     return () => vue.createVNode(Popup, {
       "show": props.show,
-      "class": [bem$o([props.type]), props.className],
+      "class": [bem$s([props.type]), props.className],
       "style": {
         color: props.color,
         background: props.background
@@ -10318,7 +10358,7 @@ function initInstance() {
         state,
         toggle
       } = usePopupState();
-      return () => vue.createVNode(stdin_default$u, vue.mergeProps(state, {
+      return () => vue.createVNode(stdin_default$y, vue.mergeProps(state, {
         "onUpdate:show": toggle
       }), null);
     }
@@ -10362,24 +10402,24 @@ const setNotifyDefaultOptions = (options) => extend(currentOptions, options);
 const resetNotifyDefaultOptions = () => {
   currentOptions = getDefaultOptions();
 };
-const Notify = withInstall(stdin_default$u);
-const [name$o, bem$n] = createNamespace("key");
+const Notify = withInstall(stdin_default$y);
+const [name$s, bem$r] = createNamespace("key");
 const CollapseIcon = vue.createVNode("svg", {
-  "class": bem$n("collapse-icon"),
+  "class": bem$r("collapse-icon"),
   "viewBox": "0 0 30 24"
 }, [vue.createVNode("path", {
   "d": "M26 13h-2v2h2v-2zm-8-3h2V8h-2v2zm2-4h2V4h-2v2zm2 4h4V4h-2v4h-2v2zm-7 14 3-3h-6l3 3zM6 13H4v2h2v-2zm16 0H8v2h14v-2zm-12-3h2V8h-2v2zM28 0l1 1 1 1v15l-1 2H1l-1-2V2l1-1 1-1zm0 2H2v15h26V2zM6 4v2H4V4zm10 2h2V4h-2v2zM8 9v1H4V8zm8 0v1h-2V8zm-6-5v2H8V4zm4 0v2h-2V4z",
   "fill": "currentColor"
 }, null)]);
 const DeleteIcon = vue.createVNode("svg", {
-  "class": bem$n("delete-icon"),
+  "class": bem$r("delete-icon"),
   "viewBox": "0 0 32 22"
 }, [vue.createVNode("path", {
   "d": "M28 0a4 4 0 0 1 4 4v14a4 4 0 0 1-4 4H10.4a2 2 0 0 1-1.4-.6L1 13.1c-.6-.5-.9-1.3-.9-2 0-1 .3-1.7.9-2.2L9 .6a2 2 0 0 1 1.4-.6zm0 2H10.4l-8.2 8.3a1 1 0 0 0-.3.7c0 .3.1.5.3.7l8.2 8.4H28a2 2 0 0 0 2-2V4c0-1.1-.9-2-2-2zm-5 4a1 1 0 0 1 .7.3 1 1 0 0 1 0 1.4L20.4 11l3.3 3.3c.2.2.3.5.3.7 0 .3-.1.5-.3.7a1 1 0 0 1-.7.3 1 1 0 0 1-.7-.3L19 12.4l-3.4 3.3a1 1 0 0 1-.6.3 1 1 0 0 1-.7-.3 1 1 0 0 1-.3-.7c0-.2.1-.5.3-.7l3.3-3.3-3.3-3.3A1 1 0 0 1 14 7c0-.3.1-.5.3-.7A1 1 0 0 1 15 6a1 1 0 0 1 .6.3L19 9.6l3.3-3.3A1 1 0 0 1 23 6z",
   "fill": "currentColor"
 }, null)]);
-var stdin_default$t = vue.defineComponent({
-  name: name$o,
+var stdin_default$x = vue.defineComponent({
+  name: name$s,
   props: {
     type: String,
     text: numericProp,
@@ -10417,7 +10457,7 @@ var stdin_default$t = vue.defineComponent({
     const renderContent = () => {
       if (props.loading) {
         return vue.createVNode(Loading, {
-          "class": bem$n("loading-icon")
+          "class": bem$r("loading-icon")
         }, null);
       }
       const text = slots.default ? slots.default() : props.text;
@@ -10431,7 +10471,7 @@ var stdin_default$t = vue.defineComponent({
       }
     };
     return () => vue.createVNode("div", {
-      "class": bem$n("wrapper", {
+      "class": bem$r("wrapper", {
         wider: props.wider
       }),
       "onTouchstartPassive": onTouchStart,
@@ -10441,7 +10481,7 @@ var stdin_default$t = vue.defineComponent({
     }, [vue.createVNode("div", {
       "role": "button",
       "tabindex": 0,
-      "class": bem$n([props.color, {
+      "class": bem$r([props.color, {
         large: props.large,
         active: active.value,
         delete: props.type === "delete"
@@ -10449,7 +10489,7 @@ var stdin_default$t = vue.defineComponent({
     }, [renderContent()])]);
   }
 });
-const [name$n, bem$m] = createNamespace("number-keyboard");
+const [name$r, bem$q] = createNamespace("number-keyboard");
 const numberKeyboardProps = {
   show: Boolean,
   title: String,
@@ -10481,8 +10521,8 @@ function shuffle(array) {
   }
   return array;
 }
-var stdin_default$s = vue.defineComponent({
-  name: name$n,
+var stdin_default$w = vue.defineComponent({
+  name: name$r,
   props: numberKeyboardProps,
   emits: ["show", "hide", "blur", "input", "close", "delete", "update:modelValue"],
   setup(props, {
@@ -10579,14 +10619,14 @@ var stdin_default$s = vue.defineComponent({
         return;
       }
       return vue.createVNode("div", {
-        "class": bem$m("header")
+        "class": bem$q("header")
       }, [leftSlot && vue.createVNode("span", {
-        "class": bem$m("title-left")
+        "class": bem$q("title-left")
       }, [leftSlot()]), title && vue.createVNode("h2", {
-        "class": bem$m("title")
+        "class": bem$q("title")
       }, [title]), showClose && vue.createVNode("button", {
         "type": "button",
-        "class": [bem$m("close"), HAPTICS_FEEDBACK],
+        "class": [bem$q("close"), HAPTICS_FEEDBACK],
         "onClick": onClose
       }, [closeButtonText])]);
     };
@@ -10598,7 +10638,7 @@ var stdin_default$s = vue.defineComponent({
       if (key.type === "extra") {
         keySlots.default = slots["extra-key"];
       }
-      return vue.createVNode(stdin_default$t, {
+      return vue.createVNode(stdin_default$x, {
         "key": key.text,
         "text": key.text,
         "type": key.type,
@@ -10610,15 +10650,15 @@ var stdin_default$s = vue.defineComponent({
     const renderSidebar = () => {
       if (props.theme === "custom") {
         return vue.createVNode("div", {
-          "class": bem$m("sidebar")
-        }, [props.showDeleteKey && vue.createVNode(stdin_default$t, {
+          "class": bem$q("sidebar")
+        }, [props.showDeleteKey && vue.createVNode(stdin_default$x, {
           "large": true,
           "text": props.deleteButtonText,
           "type": "delete",
           "onPress": onPress
         }, {
           delete: slots.delete
-        }), vue.createVNode(stdin_default$t, {
+        }), vue.createVNode(stdin_default$x, {
           "large": true,
           "text": props.closeButtonText,
           "type": "close",
@@ -10646,16 +10686,16 @@ var stdin_default$s = vue.defineComponent({
         default: () => [vue.withDirectives(vue.createVNode("div", {
           "ref": root,
           "style": getZIndexStyle(props.zIndex),
-          "class": bem$m({
+          "class": bem$q({
             unfit: !props.safeAreaInsetBottom,
             "with-title": !!Title
           }),
           "onAnimationend": onAnimationEnd,
           "onTouchstartPassive": stopPropagation
         }, [Title, vue.createVNode("div", {
-          "class": bem$m("body")
+          "class": bem$q("body")
         }, [vue.createVNode("div", {
-          "class": bem$m("keys")
+          "class": bem$q("keys")
         }, [renderKeys()]), renderSidebar()])]), [[vue.vShow, props.show]])]
       });
       if (props.teleport) {
@@ -10669,8 +10709,8 @@ var stdin_default$s = vue.defineComponent({
     };
   }
 });
-const NumberKeyboard = withInstall(stdin_default$s);
-const [name$m, bem$l, t$5] = createNamespace("pagination");
+const NumberKeyboard = withInstall(stdin_default$w);
+const [name$q, bem$p, t$5] = createNamespace("pagination");
 const makePage = (number, text, active) => ({
   number,
   text,
@@ -10687,8 +10727,8 @@ const paginationProps = {
   itemsPerPage: makeNumericProp(10),
   forceEllipses: Boolean
 };
-var stdin_default$r = vue.defineComponent({
-  name: name$m,
+var stdin_default$v = vue.defineComponent({
+  name: name$q,
   props: paginationProps,
   emits: ["change", "update:modelValue"],
   setup(props, {
@@ -10750,7 +10790,7 @@ var stdin_default$r = vue.defineComponent({
     };
     vue.watchEffect(() => updateModelValue(props.modelValue));
     const renderDesc = () => vue.createVNode("li", {
-      "class": bem$l("page-desc")
+      "class": bem$p("page-desc")
     }, [slots.pageDesc ? slots.pageDesc() : `${props.modelValue}/${count.value}`]);
     const renderPrevButton = () => {
       const {
@@ -10760,7 +10800,7 @@ var stdin_default$r = vue.defineComponent({
       const slot = slots["prev-text"];
       const disabled = modelValue === 1;
       return vue.createVNode("li", {
-        "class": [bem$l("item", {
+        "class": [bem$p("item", {
           disabled,
           border: mode === "simple",
           prev: true
@@ -10779,7 +10819,7 @@ var stdin_default$r = vue.defineComponent({
       const slot = slots["next-text"];
       const disabled = modelValue === count.value;
       return vue.createVNode("li", {
-        "class": [bem$l("item", {
+        "class": [bem$p("item", {
           disabled,
           border: mode === "simple",
           next: true
@@ -10791,7 +10831,7 @@ var stdin_default$r = vue.defineComponent({
       }, [slot ? slot() : props.nextText || t$5("next")])]);
     };
     const renderPages = () => pages.value.map((page) => vue.createVNode("li", {
-      "class": [bem$l("item", {
+      "class": [bem$p("item", {
         active: page.active,
         page: true
       }), BORDER_SURROUND]
@@ -10802,14 +10842,14 @@ var stdin_default$r = vue.defineComponent({
     }, [slots.page ? slots.page(page) : page.text])]));
     return () => vue.createVNode("nav", {
       "role": "navigation",
-      "class": bem$l()
+      "class": bem$p()
     }, [vue.createVNode("ul", {
-      "class": bem$l("items")
+      "class": bem$p("items")
     }, [renderPrevButton(), props.mode === "simple" ? renderDesc() : renderPages(), renderNextButton()])]);
   }
 });
-const Pagination = withInstall(stdin_default$r);
-const [name$l, bem$k] = createNamespace("password-input");
+const Pagination = withInstall(stdin_default$v);
+const [name$p, bem$o] = createNamespace("password-input");
 const passwordInputProps = {
   info: String,
   mask: truthProp,
@@ -10819,8 +10859,8 @@ const passwordInputProps = {
   focused: Boolean,
   errorInfo: String
 };
-var stdin_default$q = vue.defineComponent({
-  name: name$l,
+var stdin_default$u = vue.defineComponent({
+  name: name$p,
   props: passwordInputProps,
   emits: ["focus"],
   setup(props, {
@@ -10852,7 +10892,7 @@ var stdin_default$q = vue.defineComponent({
         Points.push(vue.createVNode("li", {
           "class": [{
             [BORDER_LEFT]: showBorder
-          }, bem$k("item", {
+          }, bem$o("item", {
             focus: showCursor
           })],
           "style": style
@@ -10861,7 +10901,7 @@ var stdin_default$q = vue.defineComponent({
             visibility: char ? "visible" : "hidden"
           }
         }, null) : char, showCursor && vue.createVNode("div", {
-          "class": bem$k("cursor")
+          "class": bem$o("cursor")
         }, null)]));
       }
       return Points;
@@ -10869,22 +10909,36 @@ var stdin_default$q = vue.defineComponent({
     return () => {
       const info = props.errorInfo || props.info;
       return vue.createVNode("div", {
-        "class": bem$k()
+        "class": bem$o()
       }, [vue.createVNode("ul", {
-        "class": [bem$k("security"), {
+        "class": [bem$o("security"), {
           [BORDER_SURROUND]: !props.gutter
         }],
         "onTouchstartPassive": onTouchStart
       }, [renderPoints()]), info && vue.createVNode("div", {
-        "class": bem$k(props.errorInfo ? "error-info" : "info")
+        "class": bem$o(props.errorInfo ? "error-info" : "info")
       }, [info])]);
     };
   }
 });
-const PasswordInput = withInstall(stdin_default$q);
-const PickerGroup = withInstall(stdin_default$1j);
-const [name$k, bem$j] = createNamespace("popover");
-const popupProps = ["show", "overlay", "duration", "teleport", "overlayStyle", "overlayClass", "closeOnClickOverlay"];
+const PasswordInput = withInstall(stdin_default$u);
+const PickerGroup = withInstall(stdin_default$1n);
+const useSyncPropRef = (getProp, setProp) => {
+  const propRef = vue.ref(getProp());
+  vue.watch(getProp, (value) => {
+    if (value !== propRef.value) {
+      propRef.value = value;
+    }
+  });
+  vue.watch(propRef, (value) => {
+    if (value !== getProp()) {
+      setProp(value);
+    }
+  });
+  return propRef;
+};
+const [name$o, bem$n] = createNamespace("popover");
+const popupProps = ["overlay", "duration", "teleport", "overlayStyle", "overlayClass", "closeOnClickOverlay"];
 const popoverProps = {
   show: Boolean,
   theme: makeStringProp("light"),
@@ -10909,8 +10963,8 @@ const popoverProps = {
     default: "body"
   }
 };
-var stdin_default$p = vue.defineComponent({
-  name: name$k,
+var stdin_default$t = vue.defineComponent({
+  name: name$o,
   props: popoverProps,
   emits: ["select", "touchstart", "update:show"],
   setup(props, {
@@ -10922,6 +10976,7 @@ var stdin_default$p = vue.defineComponent({
     const popupRef = vue.ref();
     const wrapperRef = vue.ref();
     const popoverRef = vue.ref();
+    const show = useSyncPropRef(() => props.show, (value) => emit("update:show", value));
     const getPopoverOptions = () => ({
       placement: props.placement,
       modifiers: [{
@@ -10944,7 +10999,7 @@ var stdin_default$p = vue.defineComponent({
     };
     const updateLocation = () => {
       vue.nextTick(() => {
-        if (!props.show) {
+        if (!show.value) {
           return;
         }
         if (!popper) {
@@ -10954,10 +11009,12 @@ var stdin_default$p = vue.defineComponent({
         }
       });
     };
-    const updateShow = (value) => emit("update:show", value);
+    const updateShow = (value) => {
+      show.value = value;
+    };
     const onClickWrapper = () => {
       if (props.trigger === "click") {
-        updateShow(!props.show);
+        show.value = !show.value;
       }
     };
     const onClickAction = (action, index) => {
@@ -10966,12 +11023,12 @@ var stdin_default$p = vue.defineComponent({
       }
       emit("select", action, index);
       if (props.closeOnClickAction) {
-        updateShow(false);
+        show.value = false;
       }
     };
     const onClickAway = () => {
-      if (props.show && props.closeOnClickOutside && (!props.overlay || props.closeOnClickOverlay)) {
-        updateShow(false);
+      if (show.value && props.closeOnClickOutside && (!props.overlay || props.closeOnClickOverlay)) {
+        show.value = false;
       }
     };
     const renderActionContent = (action, index) => {
@@ -10984,9 +11041,9 @@ var stdin_default$p = vue.defineComponent({
       return [action.icon && vue.createVNode(Icon, {
         "name": action.icon,
         "classPrefix": props.iconPrefix,
-        "class": bem$j("action-icon")
+        "class": bem$n("action-icon")
       }, null), vue.createVNode("div", {
-        "class": [bem$j("action-text"), BORDER_BOTTOM]
+        "class": [bem$n("action-text"), BORDER_BOTTOM]
       }, [action.text])];
     };
     const renderAction = (action, index) => {
@@ -10998,7 +11055,7 @@ var stdin_default$p = vue.defineComponent({
       } = action;
       return vue.createVNode("div", {
         "role": "menuitem",
-        "class": [bem$j("action", {
+        "class": [bem$n("action", {
           disabled,
           "with-icon": icon
         }), className],
@@ -11023,7 +11080,7 @@ var stdin_default$p = vue.defineComponent({
         popper = null;
       }
     });
-    vue.watch(() => [props.show, props.offset, props.placement], updateLocation);
+    vue.watch(() => [show.value, props.offset, props.placement], updateLocation);
     use.useClickAway([wrapperRef, popupRef], onClickAway, {
       eventName: "touchstart"
     });
@@ -11031,28 +11088,29 @@ var stdin_default$p = vue.defineComponent({
       var _a;
       return vue.createVNode(vue.Fragment, null, [vue.createVNode("span", {
         "ref": wrapperRef,
-        "class": bem$j("wrapper"),
+        "class": bem$n("wrapper"),
         "onClick": onClickWrapper
       }, [(_a = slots.reference) == null ? void 0 : _a.call(slots)]), vue.createVNode(Popup, vue.mergeProps({
         "ref": popoverRef,
-        "class": bem$j([props.theme]),
+        "show": show.value,
+        "class": bem$n([props.theme]),
         "position": "",
         "transition": "van-popover-zoom",
         "lockScroll": false,
         "onUpdate:show": updateShow
       }, attrs, pick(props, popupProps)), {
         default: () => [props.showArrow && vue.createVNode("div", {
-          "class": bem$j("arrow")
+          "class": bem$n("arrow")
         }, null), vue.createVNode("div", {
           "role": "menu",
-          "class": bem$j("content")
+          "class": bem$n("content")
         }, [slots.default ? slots.default() : props.actions.map(renderAction)])]
       })]);
     };
   }
 });
-const Popover = withInstall(stdin_default$p);
-const [name$j, bem$i] = createNamespace("progress");
+const Popover = withInstall(stdin_default$t);
+const [name$n, bem$m] = createNamespace("progress");
 const progressProps = {
   color: String,
   inactive: Boolean,
@@ -11068,8 +11126,8 @@ const progressProps = {
     validator: (value) => value >= 0 && value <= 100
   }
 };
-var stdin_default$o = vue.defineComponent({
-  name: name$j,
+var stdin_default$s = vue.defineComponent({
+  name: name$n,
   props: progressProps,
   setup(props) {
     const background = vue.computed(() => props.inactive ? void 0 : props.color);
@@ -11090,7 +11148,7 @@ var stdin_default$o = vue.defineComponent({
         };
         return vue.createVNode("span", {
           "style": style,
-          "class": bem$i("pivot", {
+          "class": bem$m("pivot", {
             inactive: props.inactive
           })
         }, [text]);
@@ -11111,10 +11169,10 @@ var stdin_default$o = vue.defineComponent({
         background: background.value
       };
       return vue.createVNode("div", {
-        "class": bem$i(),
+        "class": bem$m(),
         "style": rootStyle
       }, [vue.createVNode("span", {
-        "class": bem$i("portion", {
+        "class": bem$m("portion", {
           inactive: props.inactive
         }),
         "style": portionStyle
@@ -11122,8 +11180,8 @@ var stdin_default$o = vue.defineComponent({
     };
   }
 });
-const Progress = withInstall(stdin_default$o);
-const [name$i, bem$h, t$4] = createNamespace("pull-refresh");
+const Progress = withInstall(stdin_default$s);
+const [name$m, bem$l, t$4] = createNamespace("pull-refresh");
 const DEFAULT_HEAD_HEIGHT = 50;
 const TEXT_STATUS = ["pulling", "loosing", "success"];
 const pullRefreshProps = {
@@ -11138,8 +11196,8 @@ const pullRefreshProps = {
   successDuration: makeNumericProp(500),
   animationDuration: makeNumericProp(300)
 };
-var stdin_default$n = vue.defineComponent({
-  name: name$i,
+var stdin_default$r = vue.defineComponent({
+  name: name$m,
   props: pullRefreshProps,
   emits: ["change", "refresh", "update:modelValue"],
   setup(props, {
@@ -11214,12 +11272,12 @@ var stdin_default$n = vue.defineComponent({
       const nodes = [];
       if (TEXT_STATUS.includes(status)) {
         nodes.push(vue.createVNode("div", {
-          "class": bem$h("text")
+          "class": bem$l("text")
         }, [getStatusText()]));
       }
       if (status === "loading") {
         nodes.push(vue.createVNode(Loading, {
-          "class": bem$h("loading")
+          "class": bem$l("loading")
         }, {
           default: getStatusText
         }));
@@ -11292,23 +11350,23 @@ var stdin_default$n = vue.defineComponent({
       };
       return vue.createVNode("div", {
         "ref": root,
-        "class": bem$h()
+        "class": bem$l()
       }, [vue.createVNode("div", {
         "ref": track,
-        "class": bem$h("track"),
+        "class": bem$l("track"),
         "style": trackStyle,
         "onTouchstartPassive": onTouchStart,
         "onTouchend": onTouchEnd,
         "onTouchcancel": onTouchEnd
       }, [vue.createVNode("div", {
-        "class": bem$h("head"),
+        "class": bem$l("head"),
         "style": getHeadStyle()
       }, [renderStatus()]), (_a = slots.default) == null ? void 0 : _a.call(slots)])]);
     };
   }
 });
-const PullRefresh = withInstall(stdin_default$n);
-const [name$h, bem$g] = createNamespace("rate");
+const PullRefresh = withInstall(stdin_default$r);
+const [name$l, bem$k] = createNamespace("rate");
 function getRateStatus(value, index, allowHalf, readonly) {
   if (value >= index) {
     return {
@@ -11350,8 +11408,8 @@ const rateProps = {
   modelValue: makeNumberProp(0),
   disabledColor: String
 };
-var stdin_default$m = vue.defineComponent({
-  name: name$h,
+var stdin_default$q = vue.defineComponent({
+  name: name$l,
   props: rateProps,
   emits: ["change", "update:modelValue"],
   setup(props, {
@@ -11470,7 +11528,7 @@ var stdin_default$m = vue.defineComponent({
         "ref": setItemRefs(index),
         "role": "radio",
         "style": style,
-        "class": bem$g("item"),
+        "class": bem$k("item"),
         "tabindex": disabled ? void 0 : 0,
         "aria-setsize": count,
         "aria-posinset": score,
@@ -11479,7 +11537,7 @@ var stdin_default$m = vue.defineComponent({
       }, [vue.createVNode(Icon, {
         "size": size,
         "name": isFull ? icon : voidIcon,
-        "class": bem$g("icon", {
+        "class": bem$k("icon", {
           disabled,
           full: isFull
         }),
@@ -11491,7 +11549,7 @@ var stdin_default$m = vue.defineComponent({
           width: item.value + "em"
         },
         "name": isVoid ? voidIcon : icon,
-        "class": bem$g("icon", ["half", {
+        "class": bem$k("icon", ["half", {
           disabled,
           full: !isVoid
         }]),
@@ -11506,7 +11564,7 @@ var stdin_default$m = vue.defineComponent({
     return () => vue.createVNode("div", {
       "ref": groupRef,
       "role": "radiogroup",
-      "class": bem$g({
+      "class": bem$k({
         readonly: props.readonly,
         disabled: props.disabled
       }),
@@ -11517,9 +11575,9 @@ var stdin_default$m = vue.defineComponent({
     }, [list.value.map(renderStar)]);
   }
 });
-const Rate = withInstall(stdin_default$m);
-const Row = withInstall(stdin_default$U);
-const [name$g, bem$f, t$3] = createNamespace("search");
+const Rate = withInstall(stdin_default$q);
+const Row = withInstall(stdin_default$Y);
+const [name$k, bem$j, t$3] = createNamespace("search");
 const searchProps = extend({}, fieldSharedProps, {
   label: String,
   shape: makeStringProp("square"),
@@ -11529,8 +11587,8 @@ const searchProps = extend({}, fieldSharedProps, {
   background: String,
   showAction: Boolean
 });
-var stdin_default$l = vue.defineComponent({
-  name: name$g,
+var stdin_default$p = vue.defineComponent({
+  name: name$k,
   props: searchProps,
   emits: ["blur", "focus", "clear", "search", "cancel", "clickInput", "clickLeftIcon", "clickRightIcon", "update:modelValue"],
   setup(props, {
@@ -11557,7 +11615,7 @@ var stdin_default$l = vue.defineComponent({
     const renderLabel = () => {
       if (slots.label || props.label) {
         return vue.createVNode("label", {
-          "class": bem$f("label"),
+          "class": bem$j("label"),
           "for": getInputId()
         }, [slots.label ? slots.label() : props.label]);
       }
@@ -11566,7 +11624,7 @@ var stdin_default$l = vue.defineComponent({
       if (props.showAction) {
         const text = props.actionText || t$3("cancel");
         return vue.createVNode("div", {
-          "class": bem$f("action"),
+          "class": bem$j("action"),
           "role": "button",
           "tabindex": 0,
           "onClick": onCancel
@@ -11596,7 +11654,7 @@ var stdin_default$l = vue.defineComponent({
       return vue.createVNode(Field, vue.mergeProps({
         "ref": filedRef,
         "type": "search",
-        "class": bem$f("field"),
+        "class": bem$j("field"),
         "border": false,
         "onBlur": onBlur,
         "onFocus": onFocus,
@@ -11615,19 +11673,19 @@ var stdin_default$l = vue.defineComponent({
     return () => {
       var _a;
       return vue.createVNode("div", {
-        "class": bem$f({
+        "class": bem$j({
           "show-action": props.showAction
         }),
         "style": {
           background: props.background
         }
       }, [(_a = slots.left) == null ? void 0 : _a.call(slots), vue.createVNode("div", {
-        "class": bem$f("content", props.shape)
+        "class": bem$j("content", props.shape)
       }, [renderLabel(), renderField()]), renderAction()]);
     };
   }
 });
-const Search = withInstall(stdin_default$l);
+const Search = withInstall(stdin_default$p);
 const popupInheritKeys = [...popupSharedPropKeys, "round", "closeOnPopstate", "safeAreaInsetBottom"];
 const iconMap = {
   qq: "qq",
@@ -11639,7 +11697,7 @@ const iconMap = {
   "weapp-qrcode": "miniprogram-o",
   "wechat-moments": "wechat-moments"
 };
-const [name$f, bem$e, t$2] = createNamespace("share-sheet");
+const [name$j, bem$i, t$2] = createNamespace("share-sheet");
 const shareSheetProps = extend({}, popupSharedProps, {
   title: String,
   round: truthProp,
@@ -11649,8 +11707,8 @@ const shareSheetProps = extend({}, popupSharedProps, {
   closeOnPopstate: truthProp,
   safeAreaInsetBottom: truthProp
 });
-var stdin_default$k = vue.defineComponent({
-  name: name$f,
+var stdin_default$o = vue.defineComponent({
+  name: name$j,
   props: shareSheetProps,
   emits: ["cancel", "select", "update:show"],
   setup(props, {
@@ -11668,25 +11726,25 @@ var stdin_default$k = vue.defineComponent({
       const description = slots.description ? slots.description() : props.description;
       if (title || description) {
         return vue.createVNode("div", {
-          "class": bem$e("header")
+          "class": bem$i("header")
         }, [title && vue.createVNode("h2", {
-          "class": bem$e("title")
+          "class": bem$i("title")
         }, [title]), description && vue.createVNode("span", {
-          "class": bem$e("description")
+          "class": bem$i("description")
         }, [description])]);
       }
     };
     const renderIcon = (icon) => {
       if (iconMap[icon]) {
         return vue.createVNode("div", {
-          "class": bem$e("icon", [icon])
+          "class": bem$i("icon", [icon])
         }, [vue.createVNode(Icon, {
           "name": iconMap[icon] || icon
         }, null)]);
       }
       return vue.createVNode("img", {
         "src": icon,
-        "class": bem$e("image-icon")
+        "class": bem$i("image-icon")
       }, null);
     };
     const renderOption = (option, index) => {
@@ -11699,16 +11757,16 @@ var stdin_default$k = vue.defineComponent({
       return vue.createVNode("div", {
         "role": "button",
         "tabindex": 0,
-        "class": [bem$e("option"), className, HAPTICS_FEEDBACK],
+        "class": [bem$i("option"), className, HAPTICS_FEEDBACK],
         "onClick": () => onSelect(option, index)
       }, [renderIcon(icon), name2 && vue.createVNode("span", {
-        "class": bem$e("name")
+        "class": bem$i("name")
       }, [name2]), description && vue.createVNode("span", {
-        "class": bem$e("option-description")
+        "class": bem$i("option-description")
       }, [description])]);
     };
     const renderOptions = (options, border) => vue.createVNode("div", {
-      "class": bem$e("options", {
+      "class": bem$i("options", {
         border
       })
     }, [options.map(renderOption)]);
@@ -11727,13 +11785,13 @@ var stdin_default$k = vue.defineComponent({
       if (slots.cancel || cancelText) {
         return vue.createVNode("button", {
           "type": "button",
-          "class": bem$e("cancel"),
+          "class": bem$i("cancel"),
           "onClick": onCancel
         }, [slots.cancel ? slots.cancel() : cancelText]);
       }
     };
     return () => vue.createVNode(Popup, vue.mergeProps({
-      "class": bem$e(),
+      "class": bem$i(),
       "position": "bottom",
       "onUpdate:show": updateShow
     }, pick(props, popupInheritKeys)), {
@@ -11741,14 +11799,14 @@ var stdin_default$k = vue.defineComponent({
     });
   }
 });
-const ShareSheet = withInstall(stdin_default$k);
-const [name$e, bem$d] = createNamespace("sidebar");
-const SIDEBAR_KEY = Symbol(name$e);
+const ShareSheet = withInstall(stdin_default$o);
+const [name$i, bem$h] = createNamespace("sidebar");
+const SIDEBAR_KEY = Symbol(name$i);
 const sidebarProps = {
   modelValue: makeNumericProp(0)
 };
-var stdin_default$j = vue.defineComponent({
-  name: name$e,
+var stdin_default$n = vue.defineComponent({
+  name: name$i,
   props: sidebarProps,
   emits: ["change", "update:modelValue"],
   setup(props, {
@@ -11773,13 +11831,13 @@ var stdin_default$j = vue.defineComponent({
       var _a;
       return vue.createVNode("div", {
         "role": "tablist",
-        "class": bem$d()
+        "class": bem$h()
       }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
     };
   }
 });
-const Sidebar = withInstall(stdin_default$j);
-const [name$d, bem$c] = createNamespace("sidebar-item");
+const Sidebar = withInstall(stdin_default$n);
+const [name$h, bem$g] = createNamespace("sidebar-item");
 const sidebarItemProps = extend({}, routeProps, {
   dot: Boolean,
   title: String,
@@ -11787,8 +11845,8 @@ const sidebarItemProps = extend({}, routeProps, {
   disabled: Boolean,
   badgeProps: Object
 });
-var stdin_default$i = vue.defineComponent({
-  name: name$d,
+var stdin_default$m = vue.defineComponent({
+  name: name$h,
   props: sidebarItemProps,
   emits: ["click"],
   setup(props, {
@@ -11824,7 +11882,7 @@ var stdin_default$i = vue.defineComponent({
       const selected = index.value === parent.getActive();
       return vue.createVNode("div", {
         "role": "tab",
-        "class": bem$c({
+        "class": bem$g({
           select: selected,
           disabled
         }),
@@ -11833,7 +11891,7 @@ var stdin_default$i = vue.defineComponent({
         "onClick": onClick
       }, [vue.createVNode(Badge, vue.mergeProps({
         "dot": dot,
-        "class": bem$c("text"),
+        "class": bem$g("text"),
         "content": badge
       }, props.badgeProps), {
         default: () => [slots.title ? slots.title() : title]
@@ -11841,27 +11899,83 @@ var stdin_default$i = vue.defineComponent({
     };
   }
 });
-const SidebarItem = withInstall(stdin_default$i);
-const [name$c, bem$b] = createNamespace("skeleton");
+const SidebarItem = withInstall(stdin_default$m);
+const [name$g, bem$f] = createNamespace("skeleton-title");
+const skeletonTitleProps = {
+  round: Boolean,
+  titleWidth: numericProp
+};
+var stdin_default$l = vue.defineComponent({
+  name: name$g,
+  props: skeletonTitleProps,
+  setup(props) {
+    return () => vue.createVNode("h3", {
+      "class": bem$f([{
+        round: props.round
+      }]),
+      "style": {
+        width: addUnit(props.titleWidth)
+      }
+    }, null);
+  }
+});
+const [name$f, bem$e] = createNamespace("skeleton-avatar");
+const skeletonAvatarProps = {
+  avatarSize: numericProp,
+  avatarShape: makeStringProp("round")
+};
+var stdin_default$k = vue.defineComponent({
+  name: name$f,
+  props: skeletonAvatarProps,
+  setup(props) {
+    return () => vue.createVNode("div", {
+      "class": bem$e([props.avatarShape]),
+      "style": getSizeStyle(props.avatarSize)
+    }, null);
+  }
+});
 const DEFAULT_ROW_WIDTH = "100%";
+const skeletonParagraphProps = {
+  round: Boolean,
+  rowWidth: {
+    type: numericProp,
+    default: DEFAULT_ROW_WIDTH
+  }
+};
+const [name$e, bem$d] = createNamespace("skeleton-paragraph");
+var stdin_default$j = vue.defineComponent({
+  name: name$e,
+  props: skeletonParagraphProps,
+  setup(props) {
+    return () => vue.createVNode("div", {
+      "class": bem$d([{
+        round: props.round
+      }]),
+      "style": {
+        width: props.rowWidth
+      }
+    }, null);
+  }
+});
+const [name$d, bem$c] = createNamespace("skeleton");
 const DEFAULT_LAST_ROW_WIDTH = "60%";
 const skeletonProps = {
   row: makeNumericProp(0),
-  title: Boolean,
   round: Boolean,
+  title: Boolean,
+  titleWidth: numericProp,
   avatar: Boolean,
-  loading: truthProp,
-  animate: truthProp,
   avatarSize: numericProp,
-  titleWidth: numericProp,
   avatarShape: makeStringProp("round"),
+  loading: truthProp,
+  animate: truthProp,
   rowWidth: {
     type: [Number, String, Array],
     default: DEFAULT_ROW_WIDTH
   }
 };
-var stdin_default$h = vue.defineComponent({
-  name: name$c,
+var stdin_default$i = vue.defineComponent({
+  name: name$d,
   inheritAttrs: false,
   props: skeletonProps,
   setup(props, {
@@ -11870,19 +11984,17 @@ var stdin_default$h = vue.defineComponent({
   }) {
     const renderAvatar = () => {
       if (props.avatar) {
-        return vue.createVNode("div", {
-          "class": bem$b("avatar", props.avatarShape),
-          "style": getSizeStyle(props.avatarSize)
+        return vue.createVNode(stdin_default$k, {
+          "avatarShape": props.avatarShape,
+          "avatarSize": props.avatarSize
         }, null);
       }
     };
     const renderTitle = () => {
       if (props.title) {
-        return vue.createVNode("h3", {
-          "class": bem$b("title"),
-          "style": {
-            width: addUnit(props.titleWidth)
-          }
+        return vue.createVNode(stdin_default$l, {
+          "round": props.round,
+          "titleWidth": props.titleWidth
         }, null);
       }
     };
@@ -11898,29 +12010,56 @@ var stdin_default$h = vue.defineComponent({
       }
       return rowWidth;
     };
-    const renderRows = () => Array(+props.row).fill("").map((_, i) => vue.createVNode("div", {
-      "class": bem$b("row"),
-      "style": {
-        width: addUnit(getRowWidth(i))
-      }
+    const renderRows = () => Array(+props.row).fill("").map((_, i) => vue.createVNode(stdin_default$j, {
+      "key": i,
+      "round": props.round,
+      "rowWidth": addUnit(getRowWidth(i))
     }, null));
+    const renderContents = () => {
+      if (slots.template) {
+        return slots.template();
+      }
+      return vue.createVNode(vue.Fragment, null, [renderAvatar(), vue.createVNode("div", {
+        "class": bem$c("content")
+      }, [renderTitle(), renderRows()])]);
+    };
     return () => {
       var _a;
       if (!props.loading) {
         return (_a = slots.default) == null ? void 0 : _a.call(slots);
       }
       return vue.createVNode("div", vue.mergeProps({
-        "class": bem$b({
+        "class": bem$c({
           animate: props.animate,
           round: props.round
         })
-      }, attrs), [renderAvatar(), vue.createVNode("div", {
-        "class": bem$b("content")
-      }, [renderTitle(), renderRows()])]);
+      }, attrs), [renderContents()]);
     };
   }
 });
-const Skeleton = withInstall(stdin_default$h);
+const [name$c, bem$b] = createNamespace("skeleton-image");
+const skeletonImageProps = {
+  imageSize: numericProp,
+  imageShape: makeStringProp("square")
+};
+var stdin_default$h = vue.defineComponent({
+  name: name$c,
+  props: skeletonImageProps,
+  setup(props) {
+    return () => vue.createVNode("div", {
+      "class": bem$b([props.imageShape]),
+      "style": getSizeStyle(props.imageSize)
+    }, [vue.createVNode(Icon, {
+      "name": "photo",
+      "class": bem$b("icon")
+    }, null)]);
+  }
+});
+const SkeletonImage = withInstall(stdin_default$h);
+const SkeletonTitle = withInstall(stdin_default$l);
+const SkeletonAvatar = withInstall(stdin_default$k);
+const SkeletonParagraph = withInstall(stdin_default$j);
+const Skeleton = withInstall(stdin_default$i);
 const [name$b, bem$a] = createNamespace("slider");
 const sliderProps = {
   min: makeNumericProp(0),
@@ -12417,7 +12556,6 @@ var stdin_default$d = vue.defineComponent({
 const Step = withInstall(stdin_default$d);
 const [name$7, bem$6] = createNamespace("stepper");
 const LONG_PRESS_INTERVAL = 200;
-const LONG_PRESS_START_TIME = 600;
 const isEqual = (value1, value2) => String(value1) === String(value2);
 const stepperProps = {
   min: makeNumericProp(1),
@@ -13140,7 +13278,10 @@ var stdin_default$7 = vue.defineComponent({
         case "second":
           return genOptions(+props.minSecond, +props.maxSecond, type, formatter, filter);
         default:
-          throw new Error(`[Vant] DatePicker: unsupported columns type: ${type}`);
+          if (process.env.NODE_ENV !== "production") {
+            throw new Error(`[Vant] DatePicker: unsupported columns type: ${type}`);
+          }
+          return [];
       }
     }));
     vue.watch(currentValues, (newValues) => {
@@ -13622,7 +13763,7 @@ var stdin_default$4 = vue.defineComponent({
     };
     const onClickUpload = (event) => emit("clickUpload", event);
     const renderUpload = () => {
-      if (props.modelValue.length >= props.maxCount || !props.showUpload) {
+      if (props.modelValue.length >= props.maxCount) {
         return;
       }
       const Input = props.readonly ? null : vue.createVNode("input", {
@@ -13641,7 +13782,7 @@ var stdin_default$4 = vue.defineComponent({
           "onClick": onClickUpload
         }, [slots.default(), Input]);
       }
-      return vue.createVNode("div", {
+      return vue.withDirectives(vue.createVNode("div", {
         "class": bem("upload", {
           readonly: props.readonly
         }),
@@ -13652,7 +13793,7 @@ var stdin_default$4 = vue.defineComponent({
         "class": bem("upload-icon")
       }, null), props.uploadText && vue.createVNode("span", {
         "class": bem("upload-text")
-      }, [props.uploadText]), Input]);
+      }, [props.uploadText]), Input]), [[vue.vShow, props.showUpload]]);
     };
     const chooseFile = () => {
       if (inputRef.value && !props.disabled) {
@@ -14465,15 +14606,14 @@ var stdin_default$1 = (lazyManager) => ({
       default: "img"
     }
   },
-  render(h) {
-    return h(
+  render() {
+    var _a, _b;
+    return vue.h(
       this.tag,
       {
-        attrs: {
-          src: this.renderSrc
-        }
+        src: this.renderSrc
       },
-      this.$slots.default
+      (_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)
     );
   },
   data() {
@@ -14575,7 +14715,7 @@ const Lazyload = {
     });
   }
 };
-const version = "4.0.0-rc.5";
+const version = "4.0.0-rc.7";
 function install(app) {
   const components = [
     ActionBar,
@@ -14748,6 +14888,10 @@ exports.ShareSheet = ShareSheet;
 exports.Sidebar = Sidebar;
 exports.SidebarItem = SidebarItem;
 exports.Skeleton = Skeleton;
+exports.SkeletonAvatar = SkeletonAvatar;
+exports.SkeletonImage = SkeletonImage;
+exports.SkeletonParagraph = SkeletonParagraph;
+exports.SkeletonTitle = SkeletonTitle;
 exports.Slider = Slider;
 exports.Space = Space;
 exports.Step = Step;
@@ -14853,7 +14997,11 @@ exports.showSuccessToast = showSuccessToast;
 exports.showToast = showToast;
 exports.sidebarItemProps = sidebarItemProps;
 exports.sidebarProps = sidebarProps;
+exports.skeletonAvatarProps = skeletonAvatarProps;
+exports.skeletonImageProps = skeletonImageProps;
+exports.skeletonParagraphProps = skeletonParagraphProps;
 exports.skeletonProps = skeletonProps;
+exports.skeletonTitleProps = skeletonTitleProps;
 exports.sliderProps = sliderProps;
 exports.spaceProps = spaceProps;
 exports.stepperProps = stepperProps;