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

package/lib/vant.js

@@ -604,7 +604,7 @@
     });
     return to;
   }
-  var stdin_default$1F = {
+  var stdin_default$1J = {
     name: "\u59D3\u540D",
     tel: "\u7535\u8BDD",
     save: "\u4FDD\u5B58",
@@ -667,7 +667,7 @@
   };
   const lang = vue.ref("zh-CN");
   const messages = vue.reactive({
-    "zh-CN": stdin_default$1F
+    "zh-CN": stdin_default$1J
   });
   const Locale = {
     messages() {
@@ -681,11 +681,11 @@
       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;
     };
@@ -735,6 +735,7 @@
   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,
@@ -805,20 +806,20 @@
       }
     }, [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
       } = useChildren(ACTION_BAR_KEY);
@@ -827,7 +828,7 @@
         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)]);
@@ -840,7 +841,7 @@
       };
     }
   });
-  const ActionBar = withInstall(stdin_default$1D);
+  const ActionBar = withInstall(stdin_default$1H);
   function useExpose(apis) {
     const instance2 = vue.getCurrentInstance();
     if (instance2) {
@@ -868,7 +869,7 @@
     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,
@@ -879,8 +880,8 @@
     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
@@ -934,7 +935,7 @@
       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
             }]),
@@ -948,7 +949,7 @@
             tag
           } = props;
           return vue.createVNode(tag, {
-            "class": bem$1q("wrapper")
+            "class": bem$1u("wrapper")
           }, {
             default: () => [slots.default(), renderBadge()]
           });
@@ -957,14 +958,14 @@
       };
     }
   });
-  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"),
@@ -981,8 +982,8 @@
     });
     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
@@ -1014,7 +1015,7 @@
         }
       });
       return () => vue.createVNode(props.tag, {
-        "class": bem$1p(),
+        "class": bem$1t(),
         "style": style.value
       }, {
         default: () => {
@@ -1024,7 +1025,7 @@
       });
     }
   });
-  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,
@@ -1036,14 +1037,14 @@
     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,
@@ -1067,7 +1068,7 @@
           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)];
           }
@@ -1075,13 +1076,13 @@
       };
     }
   });
-  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",
@@ -1097,8 +1098,8 @@
     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
@@ -1109,7 +1110,7 @@
       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]);
       };
@@ -1117,7 +1118,7 @@
         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
@@ -1131,7 +1132,7 @@
           vertical
         } = props;
         return vue.createVNode("div", {
-          "class": bem$1n([type, {
+          "class": bem$1r([type, {
             vertical
           }]),
           "aria-live": "polite",
@@ -1140,8 +1141,8 @@
       };
     }
   });
-  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,
@@ -1163,8 +1164,8 @@
     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, {
@@ -1179,7 +1180,7 @@
         return vue.createVNode(Loading, {
           "size": props.loadingSize,
           "type": props.loadingType,
-          "class": bem$1m("loading")
+          "class": bem$1q("loading")
         }, null);
       };
       const renderIcon = () => {
@@ -1188,13 +1189,13 @@
         }
         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);
         }
@@ -1208,7 +1209,7 @@
         }
         if (text) {
           return vue.createVNode("span", {
-            "class": bem$1m("text")
+            "class": bem$1q("text")
           }, [text]);
         }
       };
@@ -1255,7 +1256,7 @@
           nativeType,
           iconPosition
         } = props;
-        const classes = [bem$1m([type, size, {
+        const classes = [bem$1q([type, size, {
           plain,
           block,
           round: round2,
@@ -1274,14 +1275,14 @@
           "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,
@@ -1290,8 +1291,8 @@
     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
@@ -1326,7 +1327,7 @@
           disabled
         } = props;
         return vue.createVNode(Button, {
-          "class": bem$1l([type, {
+          "class": bem$1p([type, {
             last: isLast.value,
             first: isFirst.value
           }]),
@@ -1343,8 +1344,8 @@
       };
     }
   });
-  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,
@@ -1355,8 +1356,8 @@
     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
@@ -1376,7 +1377,7 @@
         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
@@ -1388,20 +1389,20 @@
           "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,
@@ -1540,7 +1541,7 @@
     );
     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,
@@ -1550,8 +1551,8 @@
     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
@@ -1572,7 +1573,7 @@
         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]]);
       });
       useEventListener("touchmove", onTouchMove, {
@@ -1586,7 +1587,7 @@
       });
     }
   });
-  const Overlay = withInstall(stdin_default$1v);
+  const Overlay = withInstall(stdin_default$1z);
   const popupProps$2 = extend({}, popupSharedProps, {
     round: Boolean,
     position: makeStringProp("center"),
@@ -1599,9 +1600,9 @@
     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"],
@@ -1675,7 +1676,7 @@
             "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);
@@ -1697,7 +1698,7 @@
           "style": style.value,
           "role": "dialog",
           "tabindex": 0,
-          "class": [bem$1i({
+          "class": [bem$1m({
             round: round2,
             [position]: position
           }), {
@@ -1778,8 +1779,8 @@
       };
     }
   });
-  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,
@@ -1793,8 +1794,8 @@
     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, {
@@ -1809,10 +1810,10 @@
       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)]);
         }
@@ -1820,10 +1821,10 @@
       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])];
         }
@@ -1831,7 +1832,7 @@
       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) {
@@ -1841,9 +1842,9 @@
           });
         }
         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) => {
@@ -1871,7 +1872,7 @@
           "style": {
             color
           },
-          "class": [bem$1h("item", {
+          "class": [bem$1l("item", {
             loading,
             disabled
           }), className],
@@ -1882,26 +1883,26 @@
         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];
@@ -1970,10 +1971,10 @@
   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),
@@ -2017,8 +2018,9 @@
         }
         currentOffset.value = offset2;
       };
+      const isReadonly = () => props.readonly || !props.options.length;
       const onClickOption = (index) => {
-        if (moving || props.readonly) {
+        if (moving || isReadonly()) {
           return;
         }
         transitionEndTrigger = null;
@@ -2043,7 +2045,7 @@
         }
       };
       const onTouchStart = (event) => {
-        if (props.readonly) {
+        if (isReadonly()) {
           return;
         }
         touch.start(event);
@@ -2058,7 +2060,7 @@
         transitionEndTrigger = null;
       };
       const onTouchMove = (event) => {
-        if (props.readonly) {
+        if (isReadonly()) {
           return;
         }
         touch.move(event);
@@ -2074,7 +2076,7 @@
         }
       };
       const onTouchEnd = () => {
-        if (props.readonly) {
+        if (isReadonly()) {
           return;
         }
         const distance = currentOffset.value - momentumOffset;
@@ -2105,7 +2107,7 @@
             role: "button",
             style: optionStyle,
             tabindex: disabled ? -1 : 0,
-            class: [bem$1f("item", {
+            class: [bem$1j("item", {
               disabled,
               selected: value === props.value
             }), option.className],
@@ -2133,7 +2135,7 @@
       });
       return () => vue.createVNode("div", {
         "ref": root,
-        "class": bem$1f(),
+        "class": bem$1j(),
         "onTouchstartPassive": onTouchStart,
         "onTouchend": onTouchEnd,
         "onTouchcancel": onTouchEnd
@@ -2144,12 +2146,12 @@
           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,
@@ -2157,8 +2159,8 @@
   };
   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, {
@@ -2171,7 +2173,7 @@
         }
         if (props.title) {
           return vue.createVNode("div", {
-            "class": [bem$1g("title"), "van-ellipsis"]
+            "class": [bem$1k("title"), "van-ellipsis"]
           }, [props.title]);
         }
       };
@@ -2181,7 +2183,7 @@
         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]);
       };
@@ -2189,12 +2191,12 @@
         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()]]);
     }
   });
@@ -2275,7 +2277,7 @@
     vue.onBeforeUnmount(unobserve);
     onMountedOrActivated(observe);
   }
-  const [name$1i, bem$1e] = createNamespace("sticky");
+  const [name$1m, bem$1i] = createNamespace("sticky");
   const stickyProps = {
     zIndex: numericProp,
     position: makeStringProp("top"),
@@ -2283,8 +2285,8 @@
     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, {
@@ -2379,7 +2381,7 @@
           "ref": root,
           "style": rootStyle.value
         }, [vue.createVNode("div", {
-          "class": bem$1e({
+          "class": bem$1i({
             fixed: state.fixed
           }),
           "style": stickyStyle.value
@@ -2387,10 +2389,10 @@
       };
     }
   });
-  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,
@@ -2439,7 +2441,7 @@
       });
       const renderText = () => {
         const Text2 = vue.createVNode("span", {
-          "class": bem$1d("text", {
+          "class": bem$1h("text", {
             ellipsis: !props.scrollable
           })
         }, [slots.title ? slots.title() : props.title]);
@@ -2457,7 +2459,7 @@
       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,
@@ -2471,7 +2473,7 @@
       }, [renderText()]);
     }
   });
-  const [name$1g, bem$1c] = createNamespace("swipe");
+  const [name$1k, bem$1g] = createNamespace("swipe");
   const swipeProps = {
     loop: truthProp,
     width: numericProp,
@@ -2486,9 +2488,9 @@
     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, {
@@ -2520,7 +2522,7 @@
         }
         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(() => {
@@ -2750,7 +2752,7 @@
         } : void 0;
         return vue.createVNode("i", {
           "style": style,
-          "class": bem$1c("indicator", {
+          "class": bem$1g("indicator", {
             active
           })
         }, null);
@@ -2764,7 +2766,7 @@
         }
         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)]);
@@ -2806,11 +2808,11 @@
         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,
@@ -2820,10 +2822,10 @@
       };
     }
   });
-  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,
@@ -2847,7 +2849,7 @@
           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,
@@ -2875,13 +2877,13 @@
         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,
@@ -2904,9 +2906,9 @@
     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, {
@@ -3095,7 +3097,7 @@
           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),
@@ -3116,7 +3118,7 @@
       const renderLine = () => {
         if (props.type === "line" && children.length) {
           return vue.createVNode("div", {
-            "class": bem$1a("line"),
+            "class": bem$1e("line"),
             "style": state.lineStyle
           }, null);
         }
@@ -3130,13 +3132,13 @@
         } = 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
           }]),
@@ -3204,14 +3206,14 @@
       });
       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,
@@ -3231,9 +3233,9 @@
   });
   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
     }) {
@@ -3295,14 +3297,14 @@
       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,
@@ -3313,8 +3315,8 @@
     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
@@ -3379,7 +3381,7 @@
           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,
@@ -3389,7 +3391,7 @@
             default: () => {
               var _a2;
               return [vue.createVNode("div", {
-                "class": bem$18("panel")
+                "class": bem$1c("panel")
               }, [(_a2 = slots.default) == null ? void 0 : _a2.call(slots)])];
             }
           });
@@ -3402,22 +3404,22 @@
         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, {
@@ -3437,18 +3439,18 @@
         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]]
           }))]
@@ -3471,8 +3473,8 @@
     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, {
@@ -3539,11 +3541,13 @@
       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,
@@ -3566,10 +3570,10 @@
             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)];
         }
@@ -3581,13 +3585,13 @@
         };
         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));
@@ -3629,9 +3633,9 @@
       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]);
       };
     }
@@ -3722,8 +3726,8 @@
     }
     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),
@@ -3733,8 +3737,8 @@
       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, {
@@ -3781,7 +3785,7 @@
         "ref": picker,
         "modelValue": codes.value,
         "onUpdate:modelValue": ($event) => codes.value = $event,
-        "class": bem$16(),
+        "class": bem$1a(),
         "columns": columns.value,
         "onChange": onChange,
         "onCancel": onCancel,
@@ -3789,9 +3793,10 @@
       }, 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,
@@ -3813,8 +3818,8 @@
     }
   };
   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
@@ -3824,14 +3829,14 @@
         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()]);
         }
@@ -3841,7 +3846,7 @@
         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])]);
         }
       };
@@ -3852,7 +3857,7 @@
         if (props.icon) {
           return vue.createVNode(Icon, {
             "name": props.icon,
-            "class": bem$15("left-icon"),
+            "class": bem$19("left-icon"),
             "classPrefix": props.iconPrefix
           }, null);
         }
@@ -3865,13 +3870,14 @@
           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,
@@ -3888,17 +3894,22 @@
         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,
@@ -3917,8 +3928,8 @@
       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, {
@@ -4042,13 +4053,13 @@
       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;
@@ -4137,7 +4148,7 @@
   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,
@@ -4184,8 +4195,8 @@
       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, {
@@ -4414,7 +4425,7 @@
       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
@@ -4456,7 +4467,7 @@
         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,
@@ -4468,7 +4479,7 @@
         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,
@@ -4480,9 +4491,9 @@
         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]);
         }
       };
@@ -4495,7 +4506,7 @@
           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]);
@@ -4514,13 +4525,13 @@
         }
       };
       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,
@@ -4559,7 +4570,7 @@
         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
@@ -4569,8 +4580,8 @@
           "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
@@ -4583,7 +4594,7 @@
       };
     }
   });
-  const Field = withInstall(stdin_default$1e);
+  const Field = withInstall(stdin_default$1i);
   let lockCount = 0;
   function lockClick(lock) {
     if (lock) {
@@ -4598,7 +4609,7 @@
       }
     }
   }
-  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,
@@ -4610,6 +4621,7 @@
     duration: makeNumberProp(2e3),
     position: makeStringProp("middle"),
     teleport: [String, Object],
+    wordBreak: String,
     className: unknownProp,
     iconPrefix: String,
     transition: makeStringProp("van-fade"),
@@ -4620,8 +4632,8 @@
     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, {
@@ -4657,13 +4669,13 @@
           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);
@@ -4676,16 +4688,16 @@
         } = 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]);
         }
       };
@@ -4701,7 +4713,7 @@
       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,
@@ -4802,7 +4814,7 @@
             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;
@@ -4872,8 +4884,8 @@
   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,
@@ -4890,8 +4902,8 @@
       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, {
@@ -4910,7 +4922,7 @@
         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);
         }
@@ -4935,7 +4947,7 @@
         };
         return vue.createVNode("div", {
           "role": "switch",
-          "class": bem$11({
+          "class": bem$15({
             on: checked,
             loading,
             disabled
@@ -4945,16 +4957,16 @@
           "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,
@@ -4988,7 +5000,7 @@
           "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));
@@ -5002,7 +5014,7 @@
             "autosize": true,
             "clearable": true,
             "ref": field,
-            "class": bem$10(),
+            "class": bem$14(),
             "rows": props.rows,
             "type": "textarea",
             "rules": props.rules,
@@ -5019,7 +5031,7 @@
       };
     }
   });
-  const [name$13, bem$$, t$h] = createNamespace("address-edit");
+  const [name$17, bem$13, t$h] = createNamespace("address-edit");
   const DEFAULT_DATA = {
     name: "",
     tel: "",
@@ -5059,8 +5071,8 @@
       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, {
@@ -5171,7 +5183,7 @@
           return vue.withDirectives(vue.createVNode(Cell, {
             "center": true,
             "title": t$h("defaultAddress"),
-            "class": bem$$("default")
+            "class": bem$13("default")
           }, slots2), [[vue.vShow, !hideBottomFields.value]]);
         }
       };
@@ -5197,13 +5209,13 @@
           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,
@@ -5234,7 +5246,7 @@
                 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,
@@ -5248,19 +5260,19 @@
               "onInput": onChangeDetail,
               "onSelectSearch": (event) => emit("selectSearch", event)
             }, null), (_a = slots.default) == null ? void 0 : _a.call(slots)]), renderSetDefaultCell(), vue.withDirectives(vue.createVNode("div", {
-              "class": bem$$("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
@@ -5290,8 +5302,8 @@
       };
     }
   });
-  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,
@@ -5299,9 +5311,9 @@
     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, {
@@ -5321,14 +5333,14 @@
       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,
@@ -5340,8 +5352,8 @@
     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, {
@@ -5384,12 +5396,12 @@
         }
         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, {
@@ -5399,7 +5411,7 @@
       });
     }
   });
-  const Tag = withInstall(stdin_default$18);
+  const Tag = withInstall(stdin_default$1c);
   const checkerProps = {
     name: unknownProp,
     shape: makeStringProp("round"),
@@ -5410,7 +5422,7 @@
     labelPosition: String,
     labelDisabled: Boolean
   };
-  var stdin_default$17 = vue.defineComponent({
+  var stdin_default$1b = vue.defineComponent({
     props: extend({}, checkerProps, {
       bem: makeRequiredProp(Function),
       role: String,
@@ -5500,9 +5512,9 @@
     }
   });
   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, {
@@ -5523,8 +5535,8 @@
           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(),
@@ -5532,10 +5544,10 @@
       }, 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,
@@ -5555,7 +5567,7 @@
       };
       const renderRightIcon = () => vue.createVNode(Icon, {
         "name": "edit",
-        "class": bem$X("edit"),
+        "class": bem$$("edit"),
         "onClick": (event) => {
           event.stopPropagation();
           emit("edit");
@@ -5570,7 +5582,7 @@
           return vue.createVNode(Tag, {
             "type": "primary",
             "round": true,
-            "class": bem$X("tag")
+            "class": bem$$("tag")
           }, {
             default: () => [props.defaultTagText]
           });
@@ -5583,9 +5595,9 @@
           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, {
@@ -5603,13 +5615,13 @@
           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
@@ -5619,7 +5631,7 @@
       };
     }
   });
-  const [name$_, bem$W, t$g] = createNamespace("address-list");
+  const [name$12, bem$_, t$g] = createNamespace("address-list");
   const addressListProps = {
     list: makeArrayProp(),
     modelValue: numericProp,
@@ -5629,8 +5641,8 @@
     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, {
@@ -5646,7 +5658,7 @@
             emit("update:modelValue", item.id);
           }
         };
-        return vue.createVNode(stdin_default$15, {
+        return vue.createVNode(stdin_default$19, {
           "key": item.id,
           "address": item,
           "disabled": disabled,
@@ -5666,13 +5678,13 @@
         }
       };
       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 () => {
@@ -5680,10 +5692,10 @@
         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
         }, {
@@ -5692,8 +5704,8 @@
       };
     }
   });
-  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();
@@ -5774,9 +5786,9 @@
     }
     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,
@@ -5838,7 +5850,7 @@
         } = 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]);
         }
       };
@@ -5848,7 +5860,7 @@
         } = 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]);
         }
       };
@@ -5865,7 +5877,7 @@
         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,
@@ -5882,21 +5894,21 @@
         } = 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,
@@ -5913,8 +5925,8 @@
     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, {
@@ -6019,14 +6031,14 @@
       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]);
         }
       };
@@ -6066,7 +6078,7 @@
           setScrollTop(body, daysRect.top + rowOffset + body.scrollTop - 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,
@@ -6077,7 +6089,7 @@
       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,
@@ -6087,15 +6099,16 @@
         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,
@@ -6112,16 +6125,19 @@
           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]);
         }
@@ -6133,13 +6149,13 @@
         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()]);
     }
   });
@@ -6190,8 +6206,8 @@
       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, {
@@ -6239,7 +6255,10 @@
       };
       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);
@@ -6300,7 +6319,10 @@
           monthRefs.value[index].setVisible(visible);
         });
         if (currentMonth) {
-          subtitle.value = currentMonth.getTitle();
+          subtitle.value = {
+            text: currentMonth.getTitle(),
+            date: currentMonth.date
+          };
         }
       };
       const scrollToDate = (targetDate) => {
@@ -6448,7 +6470,7 @@
       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,
@@ -6471,7 +6493,7 @@
             "block": true,
             "type": "primary",
             "color": props.color,
-            "class": bem$V("confirm"),
+            "class": bem$Z("confirm"),
             "disabled": disabled,
             "nativeType": "button",
             "onClick": onConfirm
@@ -6483,22 +6505,23 @@
         }
       };
       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);
@@ -6517,7 +6540,7 @@
         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,
@@ -6534,8 +6557,8 @@
       };
     }
   });
-  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,
@@ -6554,8 +6577,8 @@
     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, {
@@ -6606,13 +6629,13 @@
       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 = () => {
@@ -6621,7 +6644,7 @@
         }
         const attrs = {
           alt: props.alt,
-          class: bem$U("img"),
+          class: bem$Y("img"),
           style: {
             objectFit: props.fit,
             objectPosition: props.position
@@ -6670,7 +6693,7 @@
       return () => {
         var _a;
         return vue.createVNode("div", {
-          "class": bem$U({
+          "class": bem$Y({
             round: props.round,
             block: props.block
           }),
@@ -6679,8 +6702,8 @@
       };
     }
   });
-  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,
@@ -6694,8 +6717,8 @@
     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, {
@@ -6708,14 +6731,14 @@
         }
         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"
@@ -6740,7 +6763,7 @@
         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()]);
         }
@@ -6751,18 +6774,18 @@
         }
         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 () => {
@@ -6772,34 +6795,34 @@
         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(),
@@ -6812,8 +6835,8 @@
     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, {
@@ -6921,12 +6944,12 @@
         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) => {
@@ -6941,7 +6964,7 @@
         }) : vue.createVNode("span", null, [option[textKey]]);
         return vue.createVNode("li", {
           "role": "menuitemradio",
-          "class": [bem$S("option", {
+          "class": [bem$W("option", {
             selected,
             disabled
           }), option.className],
@@ -6954,12 +6977,12 @@
           "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 {
@@ -6970,7 +6993,7 @@
         const title = selected ? selected[textKey] : placeholder;
         return vue.createVNode(Tab, {
           "title": title,
-          "titleClass": bem$S("tab", {
+          "titleClass": bem$W("tab", {
             unselected: !selected
           })
         }, {
@@ -6989,7 +7012,7 @@
         "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
@@ -7013,19 +7036,19 @@
         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, {
@@ -7035,7 +7058,7 @@
       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
@@ -7043,7 +7066,7 @@
         }, 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]);
@@ -7055,8 +7078,8 @@
       };
     }
   });
-  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,
@@ -7065,9 +7088,9 @@
     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, {
@@ -7113,17 +7136,17 @@
       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, {
@@ -7180,8 +7203,8 @@
         checked
       });
       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,
@@ -7189,9 +7212,9 @@
       }, 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$1 = (rate) => Math.min(Math.max(+rate, 0), 100);
   function getPath(clockwise, viewBoxSize) {
@@ -7212,8 +7235,8 @@
     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, {
@@ -7281,7 +7304,7 @@
         return vue.createVNode("path", {
           "d": path.value,
           "style": style,
-          "class": bem$O("hover"),
+          "class": bem$S("hover"),
           "stroke": color
         }, null);
       };
@@ -7292,7 +7315,7 @@
           strokeWidth: `${props.strokeWidth}px`
         };
         return vue.createVNode("path", {
-          "class": bem$O("layer"),
+          "class": bem$S("layer"),
           "style": style,
           "d": path.value
         }, null);
@@ -7323,12 +7346,12 @@
         }
         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}`,
@@ -7336,9 +7359,9 @@
       }, [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,
@@ -7346,8 +7369,8 @@
     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
@@ -7406,7 +7429,7 @@
           justify
         } = props;
         return vue.createVNode(tag, {
-          "class": bem$N({
+          "class": bem$R({
             [`align-${align}`]: align,
             [`justify-${justify}`]: justify,
             nowrap: !wrap
@@ -7420,14 +7443,14 @@
       };
     }
   });
-  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
@@ -7462,7 +7485,7 @@
         } = props;
         return vue.createVNode(tag, {
           "style": style.value,
-          "class": bem$M({
+          "class": bem$Q({
             [span]: span,
             [`offset-${offset2}`]: offset2
           })
@@ -7475,9 +7498,9 @@
       };
     }
   });
-  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,
@@ -7486,8 +7509,8 @@
       default: ""
     }
   };
-  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, {
@@ -7554,15 +7577,15 @@
       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,
@@ -7571,8 +7594,8 @@
     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
@@ -7651,7 +7674,7 @@
         }
         return vue.createVNode(Cell, vue.mergeProps({
           "role": "button",
-          "class": bem$K("title", {
+          "class": bem$O("title", {
             disabled,
             expanded: expanded.value,
             borderless: !border
@@ -7664,11 +7687,11 @@
         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({
@@ -7677,15 +7700,15 @@
         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,
@@ -7693,8 +7716,8 @@
     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, {
@@ -7714,18 +7737,18 @@
       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: ""
@@ -7745,8 +7768,8 @@
       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, {
@@ -7760,20 +7783,20 @@
       };
       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)]);
@@ -7786,7 +7809,7 @@
         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
@@ -7795,11 +7818,11 @@
       };
       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,
@@ -7826,16 +7849,16 @@
       });
     }
   });
-  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, {
@@ -7847,13 +7870,13 @@
           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);
@@ -7865,7 +7888,7 @@
             nodes.push(vue.createVNode(Tag, {
               "type": "primary",
               "round": true,
-              "class": bem$H("item-tag")
+              "class": bem$L("item-tag")
             }, {
               default: () => [props.defaultTagText]
             }));
@@ -7876,8 +7899,8 @@
           "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,
@@ -7886,25 +7909,25 @@
         });
       };
       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;
@@ -7940,15 +7963,15 @@
     }
     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, {
@@ -7983,11 +8006,11 @@
       });
       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(
@@ -7996,9 +8019,9 @@
   }
   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),
@@ -8042,34 +8065,34 @@
         } = 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,
@@ -8097,34 +8120,34 @@
     }
     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
@@ -8133,14 +8156,14 @@
         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()]);
         }
       };
@@ -8425,15 +8448,15 @@
         }, 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(),
@@ -8454,8 +8477,8 @@
     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, {
@@ -8491,26 +8514,26 @@
         "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,
@@ -8530,7 +8553,7 @@
           default: () => {
             var _a;
             return [vue.createVNode("div", {
-              "class": bem$C("list", {
+              "class": bem$G("list", {
                 "with-bottom": props.showCloseButton
               }),
               "style": {
@@ -8559,7 +8582,7 @@
           default: () => {
             var _a;
             return [vue.createVNode("div", {
-              "class": bem$C("list", {
+              "class": bem$G("list", {
                 "with-bottom": props.showCloseButton
               }),
               "style": {
@@ -8586,28 +8609,28 @@
       });
       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,
@@ -8624,8 +8647,8 @@
       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, {
@@ -8683,7 +8706,7 @@
           case "day":
             return genDayOptions();
           default:
-            throw new Error(`[Vant] DatePicker: unsupported columns type: ${type}`);
+            return [];
         }
       }));
       vue.watch(currentValues, (newValues) => {
@@ -8712,8 +8735,8 @@
       }, 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,
@@ -8736,8 +8759,8 @@
     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, {
@@ -8794,7 +8817,7 @@
         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]);
@@ -8806,7 +8829,7 @@
           allowHtml,
           messageAlign
         } = props;
-        const classNames = bem$B("message", {
+        const classNames = bem$F("message", {
           "has-title": hasTitle,
           [messageAlign]: messageAlign
         });
@@ -8824,7 +8847,7 @@
       const renderContent = () => {
         if (slots.default) {
           return vue.createVNode("div", {
-            "class": bem$B("content")
+            "class": bem$F("content")
           }, [slots.default()]);
         }
         const {
@@ -8836,18 +8859,18 @@
           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
         },
@@ -8857,7 +8880,7 @@
       }, 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": {
@@ -8868,12 +8891,12 @@
         "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,
@@ -8881,7 +8904,7 @@
         }, 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,
@@ -8905,7 +8928,7 @@
         return vue.createVNode(Popup, vue.mergeProps({
           "ref": root,
           "role": "dialog",
-          "class": [bem$B([theme]), className],
+          "class": [bem$F([theme]), className],
           "style": {
             width: addUnit(width2)
           },
@@ -8955,7 +8978,7 @@
           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);
       }
@@ -8993,15 +9016,15 @@
       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
@@ -9010,7 +9033,7 @@
         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
@@ -9019,8 +9042,8 @@
       };
     }
   });
-  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,
@@ -9030,9 +9053,9 @@
     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
@@ -9100,7 +9123,7 @@
           "id": `${id}-${index}`,
           "role": "button",
           "tabindex": disabled ? void 0 : 0,
-          "class": [bem$z("item", {
+          "class": [bem$D("item", {
             disabled
           }), {
             [HAPTICS_FEEDBACK]: !disabled
@@ -9111,7 +9134,7 @@
             }
           }
         }, [vue.createVNode("span", {
-          "class": [bem$z("title", {
+          "class": [bem$D("title", {
             down: showPopup === (props.direction === "down"),
             active: showPopup
           }), titleClass],
@@ -9136,18 +9159,18 @@
         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(),
@@ -9157,8 +9180,8 @@
     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, {
@@ -9225,7 +9248,7 @@
         const renderIcon = () => {
           if (active) {
             return vue.createVNode(Icon, {
-              "class": bem$y("icon"),
+              "class": bem$C("icon"),
               "color": activeColor,
               "name": "success"
             }, null);
@@ -9236,7 +9259,7 @@
           "key": option.value,
           "icon": option.icon,
           "title": option.text,
-          "class": bem$y("option", {
+          "class": bem$C("option", {
             active
           }),
           "style": {
@@ -9268,13 +9291,13 @@
         }
         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,
@@ -9312,9 +9335,9 @@
       };
     }
   });
-  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,
@@ -9326,9 +9349,9 @@
     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
@@ -9345,15 +9368,15 @@
           "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,
@@ -9363,8 +9386,8 @@
     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
@@ -9427,7 +9450,7 @@
             "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
@@ -9440,7 +9463,7 @@
         }
         if (props.text) {
           return vue.createVNode("span", {
-            "class": bem$w("text")
+            "class": bem$A("text")
           }, [props.text]);
         }
       };
@@ -9460,7 +9483,7 @@
           direction,
           clickable
         } = parent.props;
-        const classes = [bem$w("content", [direction, {
+        const classes = [bem$A("content", [direction, {
           center,
           square,
           reverse,
@@ -9470,7 +9493,7 @@
           [BORDER]: border
         }];
         return vue.createVNode("div", {
-          "class": [bem$w({
+          "class": [bem$A({
             square
           })],
           "style": rootStyle.value
@@ -9484,10 +9507,10 @@
       };
     }
   });
-  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,
@@ -9497,9 +9520,10 @@
       rootWidth: makeRequiredProp(Number),
       rootHeight: makeRequiredProp(Number)
     },
-    emits: ["scale", "close"],
+    emits: ["scale", "close", "longPress"],
     setup(props, {
-      emit
+      emit,
+      slots
     }) {
       const state = vue.reactive({
         scale: 1,
@@ -9643,16 +9667,20 @@
         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");
           }
         }
       };
@@ -9712,15 +9740,19 @@
         };
         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,
@@ -9730,7 +9762,7 @@
       };
     }
   });
-  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,
@@ -9753,10 +9785,10 @@
     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
@@ -9792,7 +9824,7 @@
       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}`]);
@@ -9801,7 +9833,7 @@
       const renderCover = () => {
         if (slots.cover) {
           return vue.createVNode("div", {
-            "class": bem$u("cover")
+            "class": bem$y("cover")
           }, [slots.cover()]);
         }
       };
@@ -9809,14 +9841,14 @@
         "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,
@@ -9825,15 +9857,20 @@
           "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);
         }
@@ -9870,8 +9907,8 @@
         }
       });
       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)), {
@@ -9915,7 +9952,7 @@
         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);
@@ -9936,13 +9973,13 @@
     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,
@@ -9954,9 +9991,9 @@
       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, {
@@ -10068,7 +10105,7 @@
       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,
@@ -10129,7 +10166,7 @@
       };
       const renderSidebar = () => vue.createVNode("div", {
         "ref": sidebar,
-        "class": bem$t("sidebar"),
+        "class": bem$x("sidebar"),
         "style": sidebarStyle.value,
         "onClick": onClickSidebar,
         "onTouchstartPassive": touch.start
@@ -10144,7 +10181,7 @@
         var _a;
         return vue.createVNode("div", {
           "ref": root,
-          "class": bem$t()
+          "class": bem$x()
         }, [props.teleport ? vue.createVNode(vue.Teleport, {
           "to": props.teleport
         }, {
@@ -10153,12 +10190,12 @@
       };
     }
   });
-  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
@@ -10218,7 +10255,7 @@
           }
         }, [vue.createVNode("div", {
           "style": anchorStyle.value,
-          "class": [bem$s({
+          "class": [bem$w({
             sticky
           }), {
             [BORDER_BOTTOM]: sticky
@@ -10227,9 +10264,9 @@
       };
     }
   });
-  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),
@@ -10241,8 +10278,8 @@
     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, {
@@ -10286,7 +10323,7 @@
           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]);
           }
         }
@@ -10301,7 +10338,7 @@
           if (text) {
             return vue.createVNode("div", {
               "role": "button",
-              "class": bem$r("error-text"),
+              "class": bem$v("error-text"),
               "tabindex": 0,
               "onClick": clickErrorText
             }, [text]);
@@ -10311,9 +10348,9 @@
       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")]
           })]);
@@ -10347,19 +10384,19 @@
         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,
@@ -10372,8 +10409,8 @@
     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, {
@@ -10381,7 +10418,7 @@
       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 = () => {
@@ -10389,10 +10426,10 @@
           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 = () => {
@@ -10400,7 +10437,7 @@
           return slots.right();
         }
         return vue.createVNode("span", {
-          "class": bem$q("text")
+          "class": bem$u("text")
         }, [props.rightText]);
       };
       const renderNavBar = () => {
@@ -10416,21 +10453,21 @@
         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()])])]);
       };
@@ -10442,8 +10479,8 @@
       };
     }
   });
-  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,
@@ -10458,8 +10495,8 @@
       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, {
@@ -10482,7 +10519,7 @@
         }
         if (props.leftIcon) {
           return vue.createVNode(Icon, {
-            "class": bem$p("left-icon"),
+            "class": bem$t("left-icon"),
             "name": props.leftIcon
           }, null);
         }
@@ -10509,7 +10546,7 @@
         if (name2) {
           return vue.createVNode(Icon, {
             "name": name2,
-            "class": bem$p("right-icon"),
+            "class": bem$t("right-icon"),
             "onClick": onClickRightIcon
           }, null);
         }
@@ -10534,11 +10571,11 @@
         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
@@ -10587,7 +10624,7 @@
         } = props;
         return vue.withDirectives(vue.createVNode("div", {
           "role": "alert",
-          "class": bem$p({
+          "class": bem$t({
             wrapable
           }),
           "style": {
@@ -10598,8 +10635,8 @@
       };
     }
   });
-  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,
@@ -10609,8 +10646,8 @@
     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, {
@@ -10620,7 +10657,7 @@
       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
@@ -10650,7 +10687,7 @@
           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);
       }
@@ -10694,24 +10731,24 @@
   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,
@@ -10749,7 +10786,7 @@
       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;
@@ -10763,7 +10800,7 @@
         }
       };
       return () => vue.createVNode("div", {
-        "class": bem$n("wrapper", {
+        "class": bem$r("wrapper", {
           wider: props.wider
         }),
         "onTouchstartPassive": onTouchStart,
@@ -10773,7 +10810,7 @@
       }, [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"
@@ -10781,7 +10818,7 @@
       }, [renderContent()])]);
     }
   });
-  const [name$n, bem$m] = createNamespace("number-keyboard");
+  const [name$r, bem$q] = createNamespace("number-keyboard");
   const numberKeyboardProps = {
     show: Boolean,
     title: String,
@@ -10813,8 +10850,8 @@
     }
     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, {
@@ -10911,14 +10948,14 @@
           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])]);
       };
@@ -10930,7 +10967,7 @@
         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,
@@ -10942,15 +10979,15 @@
       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",
@@ -10978,16 +11015,16 @@
           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) {
@@ -11001,8 +11038,8 @@
       };
     }
   });
-  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,
@@ -11019,8 +11056,8 @@
     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, {
@@ -11082,7 +11119,7 @@
       };
       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 {
@@ -11092,7 +11129,7 @@
         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
@@ -11111,7 +11148,7 @@
         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
@@ -11123,7 +11160,7 @@
         }, [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]
@@ -11134,14 +11171,14 @@
       }, [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,
@@ -11151,8 +11188,8 @@
     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, {
@@ -11184,7 +11221,7 @@
           Points.push(vue.createVNode("li", {
             "class": [{
               [BORDER_LEFT]: showBorder
-            }, bem$k("item", {
+            }, bem$o("item", {
               focus: showCursor
             })],
             "style": style
@@ -11193,7 +11230,7 @@
               visibility: char ? "visible" : "hidden"
             }
           }, null) : char, showCursor && vue.createVNode("div", {
-            "class": bem$k("cursor")
+            "class": bem$o("cursor")
           }, null)]));
         }
         return Points;
@@ -11201,20 +11238,20 @@
       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 PasswordInput = withInstall(stdin_default$u);
+  const PickerGroup = withInstall(stdin_default$1n);
   function getWindow(node) {
     if (node == null) {
       return window;
@@ -12124,8 +12161,22 @@
     requires: ["popperOffsets"],
     fn: offset
   };
-  const [name$k, bem$j] = createNamespace("popover");
-  const popupProps = ["show", "overlay", "duration", "teleport", "overlayStyle", "overlayClass", "closeOnClickOverlay"];
+  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"),
@@ -12150,8 +12201,8 @@
       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, {
@@ -12163,6 +12214,7 @@
       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: [{
@@ -12185,7 +12237,7 @@
       };
       const updateLocation = () => {
         vue.nextTick(() => {
-          if (!props.show) {
+          if (!show.value) {
             return;
           }
           if (!popper) {
@@ -12195,10 +12247,12 @@
           }
         });
       };
-      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) => {
@@ -12207,12 +12261,12 @@
         }
         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) => {
@@ -12225,9 +12279,9 @@
         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) => {
@@ -12239,7 +12293,7 @@
         } = action;
         return vue.createVNode("div", {
           "role": "menuitem",
-          "class": [bem$j("action", {
+          "class": [bem$n("action", {
             disabled,
             "with-icon": icon
           }), className],
@@ -12264,7 +12318,7 @@
           popper = null;
         }
       });
-      vue.watch(() => [props.show, props.offset, props.placement], updateLocation);
+      vue.watch(() => [show.value, props.offset, props.placement], updateLocation);
       useClickAway([wrapperRef, popupRef], onClickAway, {
         eventName: "touchstart"
       });
@@ -12272,28 +12326,29 @@
         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,
@@ -12309,8 +12364,8 @@
       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);
@@ -12331,7 +12386,7 @@
           };
           return vue.createVNode("span", {
             "style": style,
-            "class": bem$i("pivot", {
+            "class": bem$m("pivot", {
               inactive: props.inactive
             })
           }, [text]);
@@ -12352,10 +12407,10 @@
           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
@@ -12363,8 +12418,8 @@
       };
     }
   });
-  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 = {
@@ -12379,8 +12434,8 @@
     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, {
@@ -12455,12 +12510,12 @@
         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
           }));
@@ -12533,23 +12588,23 @@
         };
         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 {
@@ -12591,8 +12646,8 @@
     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, {
@@ -12711,7 +12766,7 @@
           "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,
@@ -12720,7 +12775,7 @@
         }, [vue.createVNode(Icon, {
           "size": size,
           "name": isFull ? icon : voidIcon,
-          "class": bem$g("icon", {
+          "class": bem$k("icon", {
             disabled,
             full: isFull
           }),
@@ -12732,7 +12787,7 @@
             width: item.value + "em"
           },
           "name": isVoid ? voidIcon : icon,
-          "class": bem$g("icon", ["half", {
+          "class": bem$k("icon", ["half", {
             disabled,
             full: !isVoid
           }]),
@@ -12747,7 +12802,7 @@
       return () => vue.createVNode("div", {
         "ref": groupRef,
         "role": "radiogroup",
-        "class": bem$g({
+        "class": bem$k({
           readonly: props.readonly,
           disabled: props.disabled
         }),
@@ -12758,9 +12813,9 @@
       }, [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"),
@@ -12770,8 +12825,8 @@
     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, {
@@ -12798,7 +12853,7 @@
       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]);
         }
@@ -12807,7 +12862,7 @@
         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
@@ -12837,7 +12892,7 @@
         return vue.createVNode(Field, vue.mergeProps({
           "ref": filedRef,
           "type": "search",
-          "class": bem$f("field"),
+          "class": bem$j("field"),
           "border": false,
           "onBlur": onBlur,
           "onFocus": onFocus,
@@ -12856,19 +12911,19 @@
       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",
@@ -12880,7 +12935,7 @@
     "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,
@@ -12890,8 +12945,8 @@
     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, {
@@ -12909,25 +12964,25 @@
         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) => {
@@ -12940,16 +12995,16 @@
         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)]);
@@ -12968,13 +13023,13 @@
         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)), {
@@ -12982,14 +13037,14 @@
       });
     }
   });
-  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, {
@@ -13014,13 +13069,13 @@
         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,
@@ -13028,8 +13083,8 @@
     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, {
@@ -13062,7 +13117,7 @@
         const selected = index.value === parent.getActive();
         return vue.createVNode("div", {
           "role": "tab",
-          "class": bem$c({
+          "class": bem$g({
             select: selected,
             disabled
           }),
@@ -13071,7 +13126,7 @@
           "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]
@@ -13079,27 +13134,83 @@
       };
     }
   });
-  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, {
@@ -13108,19 +13219,17 @@
     }) {
       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);
         }
       };
@@ -13136,29 +13245,56 @@
         }
         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),
@@ -13652,7 +13788,6 @@
   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),
@@ -14372,7 +14507,7 @@
           case "second":
             return genOptions(+props.minSecond, +props.maxSecond, type, formatter, filter);
           default:
-            throw new Error(`[Vant] DatePicker: unsupported columns type: ${type}`);
+            return [];
         }
       }));
       vue.watch(currentValues, (newValues) => {
@@ -14854,7 +14989,7 @@
       };
       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", {
@@ -14873,7 +15008,7 @@
             "onClick": onClickUpload
           }, [slots.default(), Input]);
         }
-        return vue.createVNode("div", {
+        return vue.withDirectives(vue.createVNode("div", {
           "class": bem("upload", {
             readonly: props.readonly
           }),
@@ -14884,7 +15019,7 @@
           "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) {
@@ -15685,15 +15820,14 @@
         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() {
@@ -15790,7 +15924,7 @@
       });
     }
   };
-  const version = "4.0.0-rc.5";
+  const version = "4.0.0-rc.7";
   function install(app) {
     const components = [
       ActionBar,
@@ -15963,6 +16097,10 @@
   exports2.Sidebar = Sidebar;
   exports2.SidebarItem = SidebarItem;
   exports2.Skeleton = Skeleton;
+  exports2.SkeletonAvatar = SkeletonAvatar;
+  exports2.SkeletonImage = SkeletonImage;
+  exports2.SkeletonParagraph = SkeletonParagraph;
+  exports2.SkeletonTitle = SkeletonTitle;
   exports2.Slider = Slider;
   exports2.Space = Space;
   exports2.Step = Step;
@@ -16068,7 +16206,11 @@
   exports2.showToast = showToast;
   exports2.sidebarItemProps = sidebarItemProps;
   exports2.sidebarProps = sidebarProps;
+  exports2.skeletonAvatarProps = skeletonAvatarProps;
+  exports2.skeletonImageProps = skeletonImageProps;
+  exports2.skeletonParagraphProps = skeletonParagraphProps;
   exports2.skeletonProps = skeletonProps;
+  exports2.skeletonTitleProps = skeletonTitleProps;
   exports2.sliderProps = sliderProps;
   exports2.spaceProps = spaceProps;
   exports2.stepperProps = stepperProps;