vant 4.7.2 → 4.8.0

package/lib/vant.cjs.js

@@ -241,7 +241,7 @@ function deepAssign(to, from) {
   });
   return to;
 }
-var stdin_default$1V = {
+var stdin_default$1W = {
   name: "姓名",
   tel: "电话",
   save: "保存",
@@ -305,7 +305,7 @@ var stdin_default$1V = {
 };
 const lang = vue.ref("zh-CN");
 const messages = vue.reactive({
-  "zh-CN": stdin_default$1V
+  "zh-CN": stdin_default$1W
 });
 const Locale = {
   messages() {
@@ -320,11 +320,11 @@ const Locale = {
   }
 };
 const useCurrentLang = () => lang;
-var stdin_default$1U = Locale;
+var stdin_default$1V = Locale;
 function createTranslate(name2) {
   const prefix = camelize(name2) + ".";
   return (path, ...args) => {
-    const messages2 = stdin_default$1U.messages();
+    const messages2 = stdin_default$1V.messages();
     const message = get(messages2, prefix + path) || get(messages2, path);
     return isFunction(message) ? message(...args) : message;
   };
@@ -454,20 +454,20 @@ function usePlaceholder(contentRef, bem2) {
     }
   }, [renderContent()]);
 }
-const [name$1J, bem$1E] = createNamespace("action-bar");
-const ACTION_BAR_KEY = Symbol(name$1J);
+const [name$1K, bem$1F] = createNamespace("action-bar");
+const ACTION_BAR_KEY = Symbol(name$1K);
 const actionBarProps = {
   placeholder: Boolean,
   safeAreaInsetBottom: truthProp
 };
-var stdin_default$1T = vue.defineComponent({
-  name: name$1J,
+var stdin_default$1U = vue.defineComponent({
+  name: name$1K,
   props: actionBarProps,
   setup(props2, {
     slots
   }) {
     const root = vue.ref();
-    const renderPlaceholder = usePlaceholder(root, bem$1E);
+    const renderPlaceholder = usePlaceholder(root, bem$1F);
     const {
       linkChildren
     } = use.useChildren(ACTION_BAR_KEY);
@@ -476,7 +476,7 @@ var stdin_default$1T = vue.defineComponent({
       var _a;
       return vue.createVNode("div", {
         "ref": root,
-        "class": [bem$1E(), {
+        "class": [bem$1F(), {
           "van-safe-area-bottom": props2.safeAreaInsetBottom
         }]
       }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
@@ -489,7 +489,7 @@ var stdin_default$1T = vue.defineComponent({
     };
   }
 });
-const ActionBar = withInstall(stdin_default$1T);
+const ActionBar = withInstall(stdin_default$1U);
 function useExpose(apis) {
   const instance2 = vue.getCurrentInstance();
   if (instance2) {
@@ -517,7 +517,7 @@ function useRoute() {
   const vm = vue.getCurrentInstance().proxy;
   return () => route(vm);
 }
-const [name$1I, bem$1D] = createNamespace("badge");
+const [name$1J, bem$1E] = createNamespace("badge");
 const badgeProps = {
   dot: Boolean,
   max: numericProp,
@@ -528,8 +528,8 @@ const badgeProps = {
   showZero: truthProp,
   position: makeStringProp("top-right")
 };
-var stdin_default$1S = vue.defineComponent({
-  name: name$1I,
+var stdin_default$1T = vue.defineComponent({
+  name: name$1J,
   props: badgeProps,
   setup(props2, {
     slots
@@ -592,7 +592,7 @@ var stdin_default$1S = vue.defineComponent({
     const renderBadge = () => {
       if (hasContent() || props2.dot) {
         return vue.createVNode("div", {
-          "class": bem$1D([props2.position, {
+          "class": bem$1E([props2.position, {
             dot: props2.dot,
             fixed: !!slots.default
           }]),
@@ -606,7 +606,7 @@ var stdin_default$1S = vue.defineComponent({
           tag
         } = props2;
         return vue.createVNode(tag, {
-          "class": bem$1D("wrapper")
+          "class": bem$1E("wrapper")
         }, {
           default: () => [slots.default(), renderBadge()]
         });
@@ -615,14 +615,14 @@ var stdin_default$1S = vue.defineComponent({
     };
   }
 });
-const Badge = withInstall(stdin_default$1S);
+const Badge = withInstall(stdin_default$1T);
 let globalZIndex = 2e3;
 const useGlobalZIndex = () => ++globalZIndex;
 const setGlobalZIndex = (val) => {
   globalZIndex = val;
 };
-const [name$1H, bem$1C] = createNamespace("config-provider");
-const CONFIG_PROVIDER_KEY = Symbol(name$1H);
+const [name$1I, bem$1D] = createNamespace("config-provider");
+const CONFIG_PROVIDER_KEY = Symbol(name$1I);
 const configProviderProps = {
   tag: makeStringProp("div"),
   theme: makeStringProp("light"),
@@ -656,8 +656,8 @@ function syncThemeVarsOnRoot(newStyle = {}, oldStyle = {}) {
     }
   });
 }
-var stdin_default$1R = vue.defineComponent({
-  name: name$1H,
+var stdin_default$1S = vue.defineComponent({
+  name: name$1I,
   props: configProviderProps,
   setup(props2, {
     slots
@@ -705,7 +705,7 @@ var stdin_default$1R = vue.defineComponent({
       }
     });
     return () => vue.createVNode(props2.tag, {
-      "class": bem$1C(),
+      "class": bem$1D(),
       "style": props2.themeVarsScope === "local" ? style.value : void 0
     }, {
       default: () => {
@@ -715,7 +715,7 @@ var stdin_default$1R = vue.defineComponent({
     });
   }
 });
-const [name$1G, bem$1B] = createNamespace("icon");
+const [name$1H, bem$1C] = createNamespace("icon");
 const isImage$1 = (name2) => name2 == null ? void 0 : name2.includes("/");
 const iconProps = {
   dot: Boolean,
@@ -727,14 +727,14 @@ const iconProps = {
   badgeProps: Object,
   classPrefix: String
 };
-var stdin_default$1Q = vue.defineComponent({
-  name: name$1G,
+var stdin_default$1R = vue.defineComponent({
+  name: name$1H,
   props: iconProps,
   setup(props2, {
     slots
   }) {
     const config = vue.inject(CONFIG_PROVIDER_KEY, null);
-    const classPrefix = vue.computed(() => props2.classPrefix || (config == null ? void 0 : config.iconPrefix) || bem$1B());
+    const classPrefix = vue.computed(() => props2.classPrefix || (config == null ? void 0 : config.iconPrefix) || bem$1C());
     return () => {
       const {
         tag,
@@ -758,7 +758,7 @@ var stdin_default$1Q = vue.defineComponent({
         default: () => {
           var _a;
           return [(_a = slots.default) == null ? void 0 : _a.call(slots), isImageIcon && vue.createVNode("img", {
-            "class": bem$1B("image"),
+            "class": bem$1C("image"),
             "src": name2
           }, null)];
         }
@@ -766,14 +766,14 @@ var stdin_default$1Q = vue.defineComponent({
     };
   }
 });
-const Icon = withInstall(stdin_default$1Q);
-var stdin_default$1P = Icon;
-const [name$1F, bem$1A] = createNamespace("loading");
+const Icon = withInstall(stdin_default$1R);
+var stdin_default$1Q = Icon;
+const [name$1G, bem$1B] = createNamespace("loading");
 const SpinIcon = Array(12).fill(null).map((_, index) => vue.createVNode("i", {
-  "class": bem$1A("line", String(index + 1))
+  "class": bem$1B("line", String(index + 1))
 }, null));
 const CircularIcon = vue.createVNode("svg", {
-  "class": bem$1A("circular"),
+  "class": bem$1B("circular"),
   "viewBox": "25 25 50 50"
 }, [vue.createVNode("circle", {
   "cx": "50",
@@ -789,8 +789,8 @@ const loadingProps = {
   textSize: numericProp,
   textColor: String
 };
-var stdin_default$1O = vue.defineComponent({
-  name: name$1F,
+var stdin_default$1P = vue.defineComponent({
+  name: name$1G,
   props: loadingProps,
   setup(props2, {
     slots
@@ -801,7 +801,7 @@ var stdin_default$1O = vue.defineComponent({
     const renderIcon = () => {
       const DefaultIcon = props2.type === "spinner" ? SpinIcon : CircularIcon;
       return vue.createVNode("span", {
-        "class": bem$1A("spinner", props2.type),
+        "class": bem$1B("spinner", props2.type),
         "style": spinnerStyle.value
       }, [slots.icon ? slots.icon() : DefaultIcon]);
     };
@@ -809,7 +809,7 @@ var stdin_default$1O = vue.defineComponent({
       var _a;
       if (slots.default) {
         return vue.createVNode("span", {
-          "class": bem$1A("text"),
+          "class": bem$1B("text"),
           "style": {
             fontSize: addUnit(props2.textSize),
             color: (_a = props2.textColor) != null ? _a : props2.color
@@ -823,7 +823,7 @@ var stdin_default$1O = vue.defineComponent({
         vertical
       } = props2;
       return vue.createVNode("div", {
-        "class": bem$1A([type, {
+        "class": bem$1B([type, {
           vertical
         }]),
         "aria-live": "polite",
@@ -832,8 +832,8 @@ var stdin_default$1O = vue.defineComponent({
     };
   }
 });
-const Loading = withInstall(stdin_default$1O);
-const [name$1E, bem$1z] = createNamespace("button");
+const Loading = withInstall(stdin_default$1P);
+const [name$1F, bem$1A] = createNamespace("button");
 const buttonProps = extend({}, routeProps, {
   tag: makeStringProp("button"),
   text: String,
@@ -855,8 +855,8 @@ const buttonProps = extend({}, routeProps, {
   loadingType: String,
   iconPosition: makeStringProp("left")
 });
-var stdin_default$1N = vue.defineComponent({
-  name: name$1E,
+var stdin_default$1O = vue.defineComponent({
+  name: name$1F,
   props: buttonProps,
   emits: ["click"],
   setup(props2, {
@@ -871,7 +871,7 @@ var stdin_default$1N = vue.defineComponent({
       return vue.createVNode(Loading, {
         "size": props2.loadingSize,
         "type": props2.loadingType,
-        "class": bem$1z("loading")
+        "class": bem$1A("loading")
       }, null);
     };
     const renderIcon = () => {
@@ -880,13 +880,13 @@ var stdin_default$1N = vue.defineComponent({
       }
       if (slots.icon) {
         return vue.createVNode("div", {
-          "class": bem$1z("icon")
+          "class": bem$1A("icon")
         }, [slots.icon()]);
       }
       if (props2.icon) {
         return vue.createVNode(Icon, {
           "name": props2.icon,
-          "class": bem$1z("icon"),
+          "class": bem$1A("icon"),
           "classPrefix": props2.iconPrefix
         }, null);
       }
@@ -900,7 +900,7 @@ var stdin_default$1N = vue.defineComponent({
       }
       if (text) {
         return vue.createVNode("span", {
-          "class": bem$1z("text")
+          "class": bem$1A("text")
         }, [text]);
       }
     };
@@ -947,7 +947,7 @@ var stdin_default$1N = vue.defineComponent({
         nativeType,
         iconPosition
       } = props2;
-      const classes = [bem$1z([type, size, {
+      const classes = [bem$1A([type, size, {
         plain,
         block,
         round,
@@ -966,14 +966,14 @@ var stdin_default$1N = vue.defineComponent({
         "onClick": onClick
       }, {
         default: () => [vue.createVNode("div", {
-          "class": bem$1z("content")
+          "class": bem$1A("content")
         }, [iconPosition === "left" && renderIcon(), renderText(), iconPosition === "right" && renderIcon()])]
       });
     };
   }
 });
-const Button = withInstall(stdin_default$1N);
-const [name$1D, bem$1y] = createNamespace("action-bar-button");
+const Button = withInstall(stdin_default$1O);
+const [name$1E, bem$1z] = createNamespace("action-bar-button");
 const actionBarButtonProps = extend({}, routeProps, {
   type: String,
   text: String,
@@ -982,8 +982,8 @@ const actionBarButtonProps = extend({}, routeProps, {
   loading: Boolean,
   disabled: Boolean
 });
-var stdin_default$1M = vue.defineComponent({
-  name: name$1D,
+var stdin_default$1N = vue.defineComponent({
+  name: name$1E,
   props: actionBarButtonProps,
   setup(props2, {
     slots
@@ -1018,7 +1018,7 @@ var stdin_default$1M = vue.defineComponent({
         disabled
       } = props2;
       return vue.createVNode(Button, {
-        "class": bem$1y([type, {
+        "class": bem$1z([type, {
           last: isLast.value,
           first: isFirst.value
         }]),
@@ -1035,8 +1035,8 @@ var stdin_default$1M = vue.defineComponent({
     };
   }
 });
-const ActionBarButton = withInstall(stdin_default$1M);
-const [name$1C, bem$1x] = createNamespace("action-bar-icon");
+const ActionBarButton = withInstall(stdin_default$1N);
+const [name$1D, bem$1y] = createNamespace("action-bar-icon");
 const actionBarIconProps = extend({}, routeProps, {
   dot: Boolean,
   text: String,
@@ -1047,8 +1047,8 @@ const actionBarIconProps = extend({}, routeProps, {
   badgeProps: Object,
   iconPrefix: String
 });
-var stdin_default$1L = vue.defineComponent({
-  name: name$1C,
+var stdin_default$1M = vue.defineComponent({
+  name: name$1D,
   props: actionBarIconProps,
   setup(props2, {
     slots
@@ -1068,7 +1068,7 @@ var stdin_default$1L = vue.defineComponent({
       if (slots.icon) {
         return vue.createVNode(Badge, vue.mergeProps({
           "dot": dot,
-          "class": bem$1x("icon"),
+          "class": bem$1y("icon"),
           "content": badge
         }, badgeProps2), {
           default: slots.icon
@@ -1080,20 +1080,20 @@ var stdin_default$1L = vue.defineComponent({
         "name": icon,
         "badge": badge,
         "color": color,
-        "class": [bem$1x("icon"), iconClass],
+        "class": [bem$1y("icon"), iconClass],
         "badgeProps": badgeProps2,
         "classPrefix": iconPrefix
       }, null);
     };
     return () => vue.createVNode("div", {
       "role": "button",
-      "class": bem$1x(),
+      "class": bem$1y(),
       "tabindex": 0,
       "onClick": route2
     }, [renderIcon(), slots.default ? slots.default() : props2.text]);
   }
 });
-const ActionBarIcon = withInstall(stdin_default$1L);
+const ActionBarIcon = withInstall(stdin_default$1M);
 const popupSharedProps = {
   // whether to show popup
   show: Boolean,
@@ -1255,7 +1255,7 @@ const useScopeId = () => {
   const { scopeId } = ((_a = vue.getCurrentInstance()) == null ? void 0 : _a.vnode) || {};
   return scopeId ? { [scopeId]: "" } : null;
 };
-const [name$1B, bem$1w] = createNamespace("overlay");
+const [name$1C, bem$1x] = createNamespace("overlay");
 const overlayProps = {
   show: Boolean,
   zIndex: numericProp,
@@ -1265,8 +1265,8 @@ const overlayProps = {
   lazyRender: truthProp,
   customStyle: Object
 };
-var stdin_default$1K = vue.defineComponent({
-  name: name$1B,
+var stdin_default$1L = vue.defineComponent({
+  name: name$1C,
   props: overlayProps,
   setup(props2, {
     slots
@@ -1287,7 +1287,7 @@ var stdin_default$1K = vue.defineComponent({
       return vue.withDirectives(vue.createVNode("div", {
         "ref": root,
         "style": style,
-        "class": [bem$1w(), props2.className]
+        "class": [bem$1x(), props2.className]
       }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]), [[vue.vShow, props2.show]]);
     });
     use.useEventListener("touchmove", onTouchMove, {
@@ -1301,7 +1301,7 @@ var stdin_default$1K = vue.defineComponent({
     });
   }
 });
-const Overlay = withInstall(stdin_default$1K);
+const Overlay = withInstall(stdin_default$1L);
 const popupProps$2 = extend({}, popupSharedProps, {
   round: Boolean,
   position: makeStringProp("center"),
@@ -1314,9 +1314,9 @@ const popupProps$2 = extend({}, popupSharedProps, {
   safeAreaInsetTop: Boolean,
   safeAreaInsetBottom: Boolean
 });
-const [name$1A, bem$1v] = createNamespace("popup");
-var stdin_default$1J = vue.defineComponent({
-  name: name$1A,
+const [name$1B, bem$1w] = createNamespace("popup");
+var stdin_default$1K = vue.defineComponent({
+  name: name$1B,
   inheritAttrs: false,
   props: popupProps$2,
   emits: ["open", "close", "opened", "closed", "keydown", "update:show", "clickOverlay", "clickCloseIcon"],
@@ -1391,7 +1391,7 @@ var stdin_default$1J = vue.defineComponent({
           "role": "button",
           "tabindex": 0,
           "name": props2.closeIcon,
-          "class": [bem$1v("close-icon", props2.closeIconPosition), HAPTICS_FEEDBACK],
+          "class": [bem$1w("close-icon", props2.closeIconPosition), HAPTICS_FEEDBACK],
           "classPrefix": props2.iconPrefix,
           "onClick": onClickCloseIcon
         }, null);
@@ -1420,7 +1420,7 @@ var stdin_default$1J = vue.defineComponent({
         "style": style.value,
         "role": "dialog",
         "tabindex": 0,
-        "class": [bem$1v({
+        "class": [bem$1w({
           round,
           [position]: position
         }), {
@@ -1501,8 +1501,8 @@ var stdin_default$1J = vue.defineComponent({
     };
   }
 });
-const Popup = withInstall(stdin_default$1J);
-const [name$1z, bem$1u] = createNamespace("action-sheet");
+const Popup = withInstall(stdin_default$1K);
+const [name$1A, bem$1v] = createNamespace("action-sheet");
 const actionSheetProps = extend({}, popupSharedProps, {
   title: String,
   round: truthProp,
@@ -1516,8 +1516,8 @@ const actionSheetProps = extend({}, popupSharedProps, {
   safeAreaInsetBottom: truthProp
 });
 const popupInheritKeys$2 = [...popupSharedPropKeys, "round", "closeOnPopstate", "safeAreaInsetBottom"];
-var stdin_default$1I = vue.defineComponent({
-  name: name$1z,
+var stdin_default$1J = vue.defineComponent({
+  name: name$1A,
   props: actionSheetProps,
   emits: ["select", "cancel", "update:show"],
   setup(props2, {
@@ -1532,10 +1532,10 @@ var stdin_default$1I = vue.defineComponent({
     const renderHeader = () => {
       if (props2.title) {
         return vue.createVNode("div", {
-          "class": bem$1u("header")
+          "class": bem$1v("header")
         }, [props2.title, props2.closeable && vue.createVNode(Icon, {
           "name": props2.closeIcon,
-          "class": [bem$1u("close"), HAPTICS_FEEDBACK],
+          "class": [bem$1v("close"), HAPTICS_FEEDBACK],
           "onClick": onCancel
         }, null)]);
       }
@@ -1543,10 +1543,10 @@ var stdin_default$1I = vue.defineComponent({
     const renderCancel = () => {
       if (slots.cancel || props2.cancelText) {
         return [vue.createVNode("div", {
-          "class": bem$1u("gap")
+          "class": bem$1v("gap")
         }, null), vue.createVNode("button", {
           "type": "button",
-          "class": bem$1u("cancel"),
+          "class": bem$1v("cancel"),
           "onClick": onCancel
         }, [slots.cancel ? slots.cancel() : props2.cancelText])];
       }
@@ -1554,7 +1554,7 @@ var stdin_default$1I = vue.defineComponent({
     const renderActionContent = (action, index) => {
       if (action.loading) {
         return vue.createVNode(Loading, {
-          "class": bem$1u("loading-icon")
+          "class": bem$1v("loading-icon")
         }, null);
       }
       if (slots.action) {
@@ -1564,9 +1564,9 @@ var stdin_default$1I = vue.defineComponent({
         });
       }
       return [vue.createVNode("span", {
-        "class": bem$1u("name")
+        "class": bem$1v("name")
       }, [action.name]), action.subname && vue.createVNode("div", {
-        "class": bem$1u("subname")
+        "class": bem$1v("subname")
       }, [action.subname])];
     };
     const renderAction = (action, index) => {
@@ -1594,7 +1594,7 @@ var stdin_default$1I = vue.defineComponent({
         "style": {
           color
         },
-        "class": [bem$1u("item", {
+        "class": [bem$1v("item", {
           loading,
           disabled
         }), className],
@@ -1605,26 +1605,26 @@ var stdin_default$1I = vue.defineComponent({
       if (props2.description || slots.description) {
         const content = slots.description ? slots.description() : props2.description;
         return vue.createVNode("div", {
-          "class": bem$1u("description")
+          "class": bem$1v("description")
         }, [content]);
       }
     };
     return () => vue.createVNode(Popup, vue.mergeProps({
-      "class": bem$1u(),
+      "class": bem$1v(),
       "position": "bottom",
       "onUpdate:show": updateShow
     }, pick(props2, popupInheritKeys$2)), {
       default: () => {
         var _a;
         return [renderHeader(), renderDescription(), vue.createVNode("div", {
-          "class": bem$1u("content")
+          "class": bem$1v("content")
         }, [props2.actions.map(renderAction), (_a = slots.default) == null ? void 0 : _a.call(slots)]), renderCancel()];
       }
     });
   }
 });
-const ActionSheet = withInstall(stdin_default$1I);
-const [name$1y, bem$1t, t$k] = createNamespace("picker");
+const ActionSheet = withInstall(stdin_default$1J);
+const [name$1z, bem$1u, t$k] = createNamespace("picker");
 const getFirstEnabledOption = (options) => options.find((option) => !option.disabled) || options[0];
 function getColumnsType(columns, fields) {
   const firstColumn = columns[0];
@@ -1693,10 +1693,10 @@ function assignDefaultFields(fields) {
 const DEFAULT_DURATION = 200;
 const MOMENTUM_TIME = 300;
 const MOMENTUM_DISTANCE = 15;
-const [name$1x, bem$1s] = createNamespace("picker-column");
-const PICKER_KEY = Symbol(name$1x);
-var stdin_default$1H = vue.defineComponent({
-  name: name$1x,
+const [name$1y, bem$1t] = createNamespace("picker-column");
+const PICKER_KEY = Symbol(name$1y);
+var stdin_default$1I = vue.defineComponent({
+  name: name$1y,
   props: {
     value: numericProp,
     fields: makeRequiredProp(Object),
@@ -1838,7 +1838,7 @@ var stdin_default$1H = vue.defineComponent({
           role: "button",
           style: optionStyle,
           tabindex: disabled ? -1 : 0,
-          class: [bem$1s("item", {
+          class: [bem$1t("item", {
             disabled,
             selected: value === props2.value
           }), option.className],
@@ -1868,7 +1868,7 @@ var stdin_default$1H = vue.defineComponent({
     });
     return () => vue.createVNode("div", {
       "ref": root,
-      "class": bem$1s(),
+      "class": bem$1t(),
       "onTouchstartPassive": onTouchStart,
       "onTouchend": onTouchEnd,
       "onTouchcancel": onTouchEnd
@@ -1879,12 +1879,12 @@ var stdin_default$1H = vue.defineComponent({
         transitionDuration: `${currentDuration.value}ms`,
         transitionProperty: currentDuration.value ? "all" : "none"
       },
-      "class": bem$1s("wrapper"),
+      "class": bem$1t("wrapper"),
       "onTransitionend": stopMomentum
     }, [renderOptions()])]);
   }
 });
-const [name$1w] = createNamespace("picker-toolbar");
+const [name$1x] = createNamespace("picker-toolbar");
 const pickerToolbarProps = {
   title: String,
   cancelButtonText: String,
@@ -1892,8 +1892,8 @@ const pickerToolbarProps = {
 };
 const pickerToolbarSlots = ["cancel", "confirm", "title", "toolbar"];
 const pickerToolbarPropKeys = Object.keys(pickerToolbarProps);
-var stdin_default$1G = vue.defineComponent({
-  name: name$1w,
+var stdin_default$1H = vue.defineComponent({
+  name: name$1x,
   props: pickerToolbarProps,
   emits: ["confirm", "cancel"],
   setup(props2, {
@@ -1906,7 +1906,7 @@ var stdin_default$1G = vue.defineComponent({
       }
       if (props2.title) {
         return vue.createVNode("div", {
-          "class": [bem$1t("title"), "van-ellipsis"]
+          "class": [bem$1u("title"), "van-ellipsis"]
         }, [props2.title]);
       }
     };
@@ -1916,7 +1916,7 @@ var stdin_default$1G = vue.defineComponent({
       const text = props2.cancelButtonText || t$k("cancel");
       return vue.createVNode("button", {
         "type": "button",
-        "class": [bem$1t("cancel"), HAPTICS_FEEDBACK],
+        "class": [bem$1u("cancel"), HAPTICS_FEEDBACK],
         "onClick": onCancel
       }, [slots.cancel ? slots.cancel() : text]);
     };
@@ -1924,12 +1924,12 @@ var stdin_default$1G = vue.defineComponent({
       const text = props2.confirmButtonText || t$k("confirm");
       return vue.createVNode("button", {
         "type": "button",
-        "class": [bem$1t("confirm"), HAPTICS_FEEDBACK],
+        "class": [bem$1u("confirm"), HAPTICS_FEEDBACK],
         "onClick": onConfirm
       }, [slots.confirm ? slots.confirm() : text]);
     };
     return () => vue.createVNode("div", {
-      "class": bem$1t("toolbar")
+      "class": bem$1u("toolbar")
     }, [slots.toolbar ? slots.toolbar() : [renderCancel(), renderTitle(), renderConfirm()]]);
   }
 });
@@ -2037,7 +2037,7 @@ function useVisibilityChange(target, onChange) {
   vue.onBeforeUnmount(unobserve);
   use.onMountedOrActivated(observe);
 }
-const [name$1v, bem$1r] = createNamespace("sticky");
+const [name$1w, bem$1s] = createNamespace("sticky");
 const stickyProps = {
   zIndex: numericProp,
   position: makeStringProp("top"),
@@ -2045,8 +2045,8 @@ const stickyProps = {
   offsetTop: makeNumericProp(0),
   offsetBottom: makeNumericProp(0)
 };
-var stdin_default$1F = vue.defineComponent({
-  name: name$1v,
+var stdin_default$1G = vue.defineComponent({
+  name: name$1w,
   props: stickyProps,
   emits: ["scroll", "change"],
   setup(props2, {
@@ -2159,7 +2159,7 @@ var stdin_default$1F = vue.defineComponent({
         "ref": root,
         "style": rootStyle.value
       }, [vue.createVNode("div", {
-        "class": bem$1r({
+        "class": bem$1s({
           fixed: state.fixed && !isReset.value
         }),
         "style": stickyStyle.value
@@ -2167,8 +2167,8 @@ var stdin_default$1F = vue.defineComponent({
     };
   }
 });
-const Sticky = withInstall(stdin_default$1F);
-const [name$1u, bem$1q] = createNamespace("swipe");
+const Sticky = withInstall(stdin_default$1G);
+const [name$1v, bem$1r] = createNamespace("swipe");
 const swipeProps = {
   loop: truthProp,
   width: numericProp,
@@ -2183,9 +2183,9 @@ const swipeProps = {
   showIndicators: truthProp,
   stopPropagation: truthProp
 };
-const SWIPE_KEY = Symbol(name$1u);
-var stdin_default$1E = vue.defineComponent({
-  name: name$1u,
+const SWIPE_KEY = Symbol(name$1v);
+var stdin_default$1F = vue.defineComponent({
+  name: name$1v,
   props: swipeProps,
   emits: ["change", "dragStart", "dragEnd"],
   setup(props2, {
@@ -2463,7 +2463,7 @@ var stdin_default$1E = vue.defineComponent({
       } : void 0;
       return vue.createVNode("i", {
         "style": style,
-        "class": bem$1q("indicator", {
+        "class": bem$1r("indicator", {
           active
         })
       }, null);
@@ -2477,7 +2477,7 @@ var stdin_default$1E = vue.defineComponent({
       }
       if (props2.showIndicators && count.value > 1) {
         return vue.createVNode("div", {
-          "class": bem$1q("indicators", {
+          "class": bem$1r("indicators", {
             vertical: props2.vertical
           })
         }, [Array(count.value).fill("").map(renderDot)]);
@@ -2519,11 +2519,11 @@ var stdin_default$1E = vue.defineComponent({
       var _a;
       return vue.createVNode("div", {
         "ref": root,
-        "class": bem$1q()
+        "class": bem$1r()
       }, [vue.createVNode("div", {
         "ref": track,
         "style": trackStyle.value,
-        "class": bem$1q("track", {
+        "class": bem$1r("track", {
           vertical: props2.vertical
         }),
         "onTouchstartPassive": onTouchStart,
@@ -2533,10 +2533,10 @@ var stdin_default$1E = vue.defineComponent({
     };
   }
 });
-const Swipe = withInstall(stdin_default$1E);
-const [name$1t, bem$1p] = createNamespace("tabs");
-var stdin_default$1D = vue.defineComponent({
-  name: name$1t,
+const Swipe = withInstall(stdin_default$1F);
+const [name$1u, bem$1q] = createNamespace("tabs");
+var stdin_default$1E = vue.defineComponent({
+  name: name$1u,
   props: {
     count: makeRequiredProp(Number),
     inited: Boolean,
@@ -2560,7 +2560,7 @@ var stdin_default$1D = vue.defineComponent({
         return vue.createVNode(Swipe, {
           "ref": swipeRef,
           "loop": false,
-          "class": bem$1p("track"),
+          "class": bem$1q("track"),
           "duration": +props2.duration * 1e3,
           "touchable": props2.swipeable,
           "lazyRender": props2.lazyRender,
@@ -2588,13 +2588,13 @@ var stdin_default$1D = vue.defineComponent({
       swipeRef
     });
     return () => vue.createVNode("div", {
-      "class": bem$1p("content", {
+      "class": bem$1q("content", {
         animated: props2.animated || props2.swipeable
       })
     }, [renderChildren()]);
   }
 });
-const [name$1s, bem$1o] = createNamespace("tabs");
+const [name$1t, bem$1p] = createNamespace("tabs");
 const tabsProps = {
   type: makeStringProp("line"),
   color: String,
@@ -2610,6 +2610,7 @@ const tabsProps = {
   offsetTop: makeNumericProp(0),
   background: String,
   lazyRender: truthProp,
+  showHeader: truthProp,
   lineWidth: numericProp,
   lineHeight: numericProp,
   beforeChange: Function,
@@ -2617,9 +2618,9 @@ const tabsProps = {
   titleActiveColor: String,
   titleInactiveColor: String
 };
-const TABS_KEY = Symbol(name$1s);
-var stdin_default$1C = vue.defineComponent({
-  name: name$1s,
+const TABS_KEY = Symbol(name$1t);
+var stdin_default$1D = vue.defineComponent({
+  name: name$1t,
   props: tabsProps,
   emits: ["change", "scroll", "rendered", "clickTab", "update:active"],
   setup(props2, {
@@ -2817,7 +2818,7 @@ var stdin_default$1C = vue.defineComponent({
     const renderLine = () => {
       if (props2.type === "line" && children.length) {
         return vue.createVNode("div", {
-          "class": bem$1o("line"),
+          "class": bem$1p("line"),
           "style": state.lineStyle
         }, null);
       }
@@ -2831,13 +2832,13 @@ var stdin_default$1C = vue.defineComponent({
       } = props2;
       const Header = [vue.createVNode("div", {
         "ref": sticky ? void 0 : wrapRef,
-        "class": [bem$1o("wrap"), {
+        "class": [bem$1p("wrap"), {
           [BORDER_TOP_BOTTOM]: type === "line" && border
         }]
       }, [vue.createVNode("div", {
         "ref": navRef,
         "role": "tablist",
-        "class": bem$1o("nav", [type, {
+        "class": bem$1p("nav", [type, {
           shrink: props2.shrink,
           complete: scrollable.value
         }]),
@@ -2910,14 +2911,14 @@ var stdin_default$1C = vue.defineComponent({
     });
     return () => vue.createVNode("div", {
       "ref": root,
-      "class": bem$1o([props2.type])
-    }, [props2.sticky ? vue.createVNode(Sticky, {
+      "class": bem$1p([props2.type])
+    }, [props2.showHeader ? props2.sticky ? vue.createVNode(Sticky, {
       "container": root.value,
       "offsetTop": offsetTopPx.value,
       "onScroll": onStickyScroll
     }, {
       default: () => [renderHeader()]
-    }) : renderHeader(), vue.createVNode(stdin_default$1D, {
+    }) : renderHeader() : null, vue.createVNode(stdin_default$1E, {
       "ref": contentRef,
       "count": children.length,
       "inited": state.inited,
@@ -2937,9 +2938,9 @@ var stdin_default$1C = vue.defineComponent({
 });
 const TAB_STATUS_KEY = Symbol();
 const useTabStatus = () => vue.inject(TAB_STATUS_KEY, null);
-const [name$1r, bem$1n] = createNamespace("tab");
+const [name$1s, bem$1o] = createNamespace("tab");
 const TabTitle = vue.defineComponent({
-  name: name$1r,
+  name: name$1s,
   props: {
     id: String,
     dot: Boolean,
@@ -2988,7 +2989,7 @@ const TabTitle = vue.defineComponent({
     });
     const renderText = () => {
       const Text = vue.createVNode("span", {
-        "class": bem$1n("text", {
+        "class": bem$1o("text", {
           ellipsis: !props2.scrollable
         })
       }, [slots.title ? slots.title() : props2.title]);
@@ -3006,7 +3007,7 @@ const TabTitle = vue.defineComponent({
     return () => vue.createVNode("div", {
       "id": props2.id,
       "role": "tab",
-      "class": [bem$1n([props2.type, {
+      "class": [bem$1o([props2.type, {
         grow: props2.scrollable && !props2.shrink,
         shrink: props2.shrink,
         active: props2.isActive,
@@ -3020,9 +3021,9 @@ const TabTitle = vue.defineComponent({
     }, [renderText()]);
   }
 });
-const [name$1q, bem$1m] = createNamespace("swipe-item");
-var stdin_default$1B = vue.defineComponent({
-  name: name$1q,
+const [name$1r, bem$1n] = createNamespace("swipe-item");
+var stdin_default$1C = vue.defineComponent({
+  name: name$1r,
   setup(props2, {
     slots
   }) {
@@ -3087,14 +3088,14 @@ var stdin_default$1B = vue.defineComponent({
     return () => {
       var _a;
       return vue.createVNode("div", {
-        "class": bem$1m(),
+        "class": bem$1n(),
         "style": style.value
       }, [shouldRender.value ? (_a = slots.default) == null ? void 0 : _a.call(slots) : null]);
     };
   }
 });
-const SwipeItem = withInstall(stdin_default$1B);
-const [name$1p, bem$1l] = createNamespace("tab");
+const SwipeItem = withInstall(stdin_default$1C);
+const [name$1q, bem$1m] = createNamespace("tab");
 const tabProps = extend({}, routeProps, {
   dot: Boolean,
   name: numericProp,
@@ -3105,8 +3106,8 @@ const tabProps = extend({}, routeProps, {
   titleStyle: [String, Object],
   showZeroBadge: truthProp
 });
-var stdin_default$1A = vue.defineComponent({
-  name: name$1p,
+var stdin_default$1B = vue.defineComponent({
+  name: name$1q,
   props: tabProps,
   setup(props2, {
     slots
@@ -3204,7 +3205,7 @@ var stdin_default$1A = vue.defineComponent({
         return vue.createVNode(SwipeItem, {
           "id": id,
           "role": "tabpanel",
-          "class": bem$1l("panel-wrapper", {
+          "class": bem$1m("panel-wrapper", {
             inactive: hasInactiveClass.value
           }),
           "tabindex": active.value ? 0 : -1,
@@ -3214,7 +3215,7 @@ var stdin_default$1A = vue.defineComponent({
           default: () => {
             var _a2;
             return [vue.createVNode("div", {
-              "class": bem$1l("panel")
+              "class": bem$1m("panel")
             }, [(_a2 = slots.default) == null ? void 0 : _a2.call(slots)])];
           }
         });
@@ -3224,24 +3225,24 @@ var stdin_default$1A = vue.defineComponent({
       return vue.withDirectives(vue.createVNode("div", {
         "id": id,
         "role": "tabpanel",
-        "class": bem$1l("panel"),
+        "class": bem$1m("panel"),
         "tabindex": show ? 0 : -1,
         "aria-labelledby": label
       }, [Content]), [[vue.vShow, show]]);
     };
   }
 });
-const Tab = withInstall(stdin_default$1A);
-const Tabs = withInstall(stdin_default$1C);
-const [name$1o, bem$1k] = createNamespace("picker-group");
-const PICKER_GROUP_KEY = Symbol(name$1o);
+const Tab = withInstall(stdin_default$1B);
+const Tabs = withInstall(stdin_default$1D);
+const [name$1p, bem$1l] = createNamespace("picker-group");
+const PICKER_GROUP_KEY = Symbol(name$1p);
 const pickerGroupProps = extend({
   tabs: makeArrayProp(),
   activeTab: makeNumericProp(0),
   nextStepText: String
 }, pickerToolbarProps);
-var stdin_default$1z = vue.defineComponent({
-  name: name$1o,
+var stdin_default$1A = vue.defineComponent({
+  name: name$1p,
   props: pickerGroupProps,
   emits: ["confirm", "cancel", "update:activeTab"],
   setup(props2, {
@@ -3264,12 +3265,12 @@ var stdin_default$1z = vue.defineComponent({
     };
     const onCancel = () => emit("cancel");
     return () => {
-      var _a;
-      const childNodes = (_a = slots.default) == null ? void 0 : _a.call(slots);
+      var _a, _b;
+      const childNodes = (_b = (_a = slots.default) == null ? void 0 : _a.call(slots)) == null ? void 0 : _b.filter((node) => node.type !== vue.Comment);
       const confirmButtonText = showNextButton() ? props2.nextStepText : props2.confirmButtonText;
       return vue.createVNode("div", {
-        "class": bem$1k()
-      }, [vue.createVNode(stdin_default$1G, {
+        "class": bem$1l()
+      }, [vue.createVNode(stdin_default$1H, {
         "title": props2.title,
         "cancelButtonText": props2.cancelButtonText,
         "confirmButtonText": confirmButtonText,
@@ -3278,14 +3279,14 @@ var stdin_default$1z = vue.defineComponent({
       }, pick(slots, pickerToolbarSlots)), vue.createVNode(Tabs, {
         "active": activeTab.value,
         "onUpdate:active": ($event) => activeTab.value = $event,
-        "class": bem$1k("tabs"),
+        "class": bem$1l("tabs"),
         "shrink": true,
         "animated": true,
         "lazyRender": false
       }, {
         default: () => [props2.tabs.map((title, index) => vue.createVNode(Tab, {
           "title": title,
-          "titleClass": bem$1k("tab-title")
+          "titleClass": bem$1l("tab-title")
         }, {
           default: () => [childNodes == null ? void 0 : childNodes[index]]
         }))]
@@ -3308,8 +3309,8 @@ const pickerProps = extend({}, pickerSharedProps, {
   toolbarPosition: makeStringProp("top"),
   columnsFieldNames: Object
 });
-var stdin_default$1y = vue.defineComponent({
-  name: name$1y,
+var stdin_default$1z = vue.defineComponent({
+  name: name$1z,
   props: pickerProps,
   emits: ["confirm", "cancel", "change", "scrollInto", "clickOption", "update:modelValue"],
   setup(props2, {
@@ -3390,7 +3391,7 @@ var stdin_default$1y = vue.defineComponent({
       return params;
     };
     const cancel = () => emit("cancel", getEventParams());
-    const renderColumnItems = () => currentColumns.value.map((options, columnIndex) => vue.createVNode(stdin_default$1H, {
+    const renderColumnItems = () => currentColumns.value.map((options, columnIndex) => vue.createVNode(stdin_default$1I, {
       "value": selectedValues.value[columnIndex],
       "fields": fields.value,
       "options": options,
@@ -3419,10 +3420,10 @@ var stdin_default$1y = vue.defineComponent({
           backgroundSize: `100% ${(wrapHeight - optionHeight.value) / 2}px`
         };
         return [vue.createVNode("div", {
-          "class": bem$1t("mask"),
+          "class": bem$1u("mask"),
           "style": maskStyle
         }, null), vue.createVNode("div", {
-          "class": [BORDER_UNSET_TOP_BOTTOM, bem$1t("frame")],
+          "class": [BORDER_UNSET_TOP_BOTTOM, bem$1u("frame")],
           "style": frameStyle
         }, null)];
       }
@@ -3434,13 +3435,13 @@ var stdin_default$1y = vue.defineComponent({
       };
       return vue.createVNode("div", {
         "ref": columnsRef,
-        "class": bem$1t("columns"),
+        "class": bem$1u("columns"),
         "style": columnsStyle
       }, [renderColumnItems(), renderMask(wrapHeight)]);
     };
     const renderToolbar = () => {
       if (props2.showToolbar && !parent) {
-        return vue.createVNode(stdin_default$1G, vue.mergeProps(pick(props2, pickerToolbarPropKeys), {
+        return vue.createVNode(stdin_default$1H, vue.mergeProps(pick(props2, pickerToolbarPropKeys), {
           "onConfirm": confirm,
           "onCancel": cancel
         }), pick(slots, pickerToolbarSlots));
@@ -3483,9 +3484,9 @@ var stdin_default$1y = vue.defineComponent({
     return () => {
       var _a, _b;
       return vue.createVNode("div", {
-        "class": bem$1t()
+        "class": bem$1u()
       }, [props2.toolbarPosition === "top" ? renderToolbar() : null, props2.loading ? vue.createVNode(Loading, {
-        "class": bem$1t("loading")
+        "class": bem$1u("loading")
       }, null) : null, (_a = slots["columns-top"]) == null ? void 0 : _a.call(slots), renderColumns(), (_b = slots["columns-bottom"]) == null ? void 0 : _b.call(slots), props2.toolbarPosition === "bottom" ? renderToolbar() : null]);
     };
   }
@@ -3576,8 +3577,8 @@ function formatDataForCascade({
   }
   return options;
 }
-const Picker = withInstall(stdin_default$1y);
-const [name$1n, bem$1j] = createNamespace("area");
+const Picker = withInstall(stdin_default$1z);
+const [name$1o, bem$1k] = createNamespace("area");
 const areaProps = extend({}, pick(pickerSharedProps, INHERIT_PROPS), {
   modelValue: String,
   columnsNum: makeNumericProp(3),
@@ -3587,8 +3588,8 @@ const areaProps = extend({}, pick(pickerSharedProps, INHERIT_PROPS), {
     default: () => ({})
   }
 });
-var stdin_default$1x = vue.defineComponent({
-  name: name$1n,
+var stdin_default$1y = vue.defineComponent({
+  name: name$1o,
   props: areaProps,
   emits: ["change", "confirm", "cancel", "update:modelValue"],
   setup(props2, {
@@ -3635,7 +3636,7 @@ var stdin_default$1x = vue.defineComponent({
       "ref": picker,
       "modelValue": codes.value,
       "onUpdate:modelValue": ($event) => codes.value = $event,
-      "class": bem$1j(),
+      "class": bem$1k(),
       "columns": columns.value,
       "onChange": onChange,
       "onCancel": onCancel,
@@ -3643,8 +3644,8 @@ var stdin_default$1x = vue.defineComponent({
     }, pick(props2, INHERIT_PROPS)), pick(slots, INHERIT_SLOTS));
   }
 });
-const Area = withInstall(stdin_default$1x);
-const [name$1m, bem$1i] = createNamespace("cell");
+const Area = withInstall(stdin_default$1y);
+const [name$1n, bem$1j] = createNamespace("cell");
 const cellSharedProps = {
   tag: makeStringProp("div"),
   icon: String,
@@ -3655,21 +3656,24 @@ const cellSharedProps = {
   center: Boolean,
   isLink: Boolean,
   border: truthProp,
-  required: Boolean,
   iconPrefix: String,
   valueClass: unknownProp,
   labelClass: unknownProp,
   titleClass: unknownProp,
   titleStyle: null,
   arrowDirection: String,
+  required: {
+    type: [Boolean, String],
+    default: null
+  },
   clickable: {
     type: Boolean,
     default: null
   }
 };
 const cellProps = extend({}, cellSharedProps, routeProps);
-var stdin_default$1w = vue.defineComponent({
-  name: name$1m,
+var stdin_default$1x = vue.defineComponent({
+  name: name$1n,
   props: cellProps,
   setup(props2, {
     slots
@@ -3679,7 +3683,7 @@ var stdin_default$1w = vue.defineComponent({
       const showLabel = slots.label || isDef(props2.label);
       if (showLabel) {
         return vue.createVNode("div", {
-          "class": [bem$1i("label"), props2.labelClass]
+          "class": [bem$1j("label"), props2.labelClass]
         }, [slots.label ? slots.label() : props2.label]);
       }
     };
@@ -3691,7 +3695,7 @@ var stdin_default$1w = vue.defineComponent({
           return;
         }
         return vue.createVNode("div", {
-          "class": [bem$1i("title"), props2.titleClass],
+          "class": [bem$1j("title"), props2.titleClass],
           "style": props2.titleStyle
         }, [titleSlot || vue.createVNode("span", null, [props2.title]), renderLabel()]);
       }
@@ -3701,7 +3705,7 @@ var stdin_default$1w = vue.defineComponent({
       const hasValue = slot || isDef(props2.value);
       if (hasValue) {
         return vue.createVNode("div", {
-          "class": [bem$1i("value"), props2.valueClass]
+          "class": [bem$1j("value"), props2.valueClass]
         }, [slot ? slot() : vue.createVNode("span", null, [props2.value])]);
       }
     };
@@ -3712,7 +3716,7 @@ var stdin_default$1w = vue.defineComponent({
       if (props2.icon) {
         return vue.createVNode(Icon, {
           "name": props2.icon,
-          "class": bem$1i("left-icon"),
+          "class": bem$1j("left-icon"),
           "classPrefix": props2.iconPrefix
         }, null);
       }
@@ -3725,7 +3729,7 @@ var stdin_default$1w = vue.defineComponent({
         const name2 = props2.arrowDirection && props2.arrowDirection !== "right" ? `arrow-${props2.arrowDirection}` : "arrow";
         return vue.createVNode(Icon, {
           "name": name2,
-          "class": bem$1i("right-icon")
+          "class": bem$1j("right-icon")
         }, null);
       }
     };
@@ -3742,7 +3746,7 @@ var stdin_default$1w = vue.defineComponent({
       const clickable = (_a = props2.clickable) != null ? _a : isLink;
       const classes = {
         center,
-        required,
+        required: !!required,
         clickable,
         borderless: !border
       };
@@ -3750,7 +3754,7 @@ var stdin_default$1w = vue.defineComponent({
         classes[size] = !!size;
       }
       return vue.createVNode(tag, {
-        "class": bem$1i(classes),
+        "class": bem$1j(classes),
         "role": clickable ? "button" : void 0,
         "tabindex": clickable ? 0 : void 0,
         "onClick": route2
@@ -3763,12 +3767,13 @@ var stdin_default$1w = vue.defineComponent({
     };
   }
 });
-const Cell = withInstall(stdin_default$1w);
-const [name$1l, bem$1h] = createNamespace("form");
+const Cell = withInstall(stdin_default$1x);
+const [name$1m, bem$1i] = createNamespace("form");
 const formProps = {
   colon: Boolean,
   disabled: Boolean,
   readonly: Boolean,
+  required: [Boolean, String],
   showError: Boolean,
   labelWidth: numericProp,
   labelAlign: String,
@@ -3783,8 +3788,8 @@ const formProps = {
     default: "onBlur"
   }
 };
-var stdin_default$1v = vue.defineComponent({
-  name: name$1l,
+var stdin_default$1w = vue.defineComponent({
+  name: name$1m,
   props: formProps,
   emits: ["submit", "failed"],
   setup(props2, {
@@ -3910,13 +3915,13 @@ var stdin_default$1v = vue.defineComponent({
     return () => {
       var _a;
       return vue.createVNode("form", {
-        "class": bem$1h(),
+        "class": bem$1i(),
         "onSubmit": onSubmit
       }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
     };
   }
 });
-const Form = withInstall(stdin_default$1v);
+const Form = withInstall(stdin_default$1w);
 function isEmptyValue(value) {
   if (Array.isArray(value)) {
     return !value.length;
@@ -4005,7 +4010,7 @@ function getStringLength(str) {
 function cutString(str, maxlength) {
   return [...str].slice(0, maxlength).join("");
 }
-const [name$1k, bem$1g] = createNamespace("field");
+const [name$1l, bem$1h] = createNamespace("field");
 const fieldSharedProps = {
   id: String,
   name: String,
@@ -4024,12 +4029,12 @@ const fieldSharedProps = {
   autocorrect: String,
   errorMessage: String,
   enterkeyhint: String,
+  clearTrigger: makeStringProp("focus"),
+  formatTrigger: makeStringProp("onChange"),
   spellcheck: {
     type: Boolean,
     default: null
   },
-  clearTrigger: makeStringProp("focus"),
-  formatTrigger: makeStringProp("onChange"),
   error: {
     type: Boolean,
     default: null
@@ -4058,8 +4063,8 @@ const fieldProps = extend({}, cellSharedProps, fieldSharedProps, {
     default: null
   }
 });
-var stdin_default$1u = vue.defineComponent({
-  name: name$1k,
+var stdin_default$1v = vue.defineComponent({
+  name: name$1l,
   props: fieldProps,
   emits: ["blur", "focus", "clear", "keypress", "clickInput", "endValidate", "startValidate", "clickLeftIcon", "clickRightIcon", "update:modelValue"],
   setup(props2, {
@@ -4105,6 +4110,14 @@ var stdin_default$1u = vue.defineComponent({
       }
       return props2.modelValue;
     });
+    const showRequiredMark = vue.computed(() => {
+      var _a;
+      const required = getProp("required");
+      if (required === "auto") {
+        return (_a = props2.rules) == null ? void 0 : _a.some((rule) => rule.required);
+      }
+      return required;
+    });
     const runRules = (rules) => rules.reduce((promise, rule) => promise.then(() => {
       if (state.status === "failed") {
         return;
@@ -4333,7 +4346,7 @@ var stdin_default$1u = vue.defineComponent({
     const getInputId = () => props2.id || `${id}-input`;
     const getValidationStatus = () => state.status;
     const renderInput = () => {
-      const controlClass = bem$1g("control", [getProp("inputAlign"), {
+      const controlClass = bem$1h("control", [getProp("inputAlign"), {
         error: showError.value,
         custom: !!slots.input,
         "min-height": props2.type === "textarea" && !props2.autosize
@@ -4378,7 +4391,7 @@ var stdin_default$1u = vue.defineComponent({
       const leftIconSlot = slots["left-icon"];
       if (props2.leftIcon || leftIconSlot) {
         return vue.createVNode("div", {
-          "class": bem$1g("left-icon"),
+          "class": bem$1h("left-icon"),
           "onClick": onClickLeftIcon
         }, [leftIconSlot ? leftIconSlot() : vue.createVNode(Icon, {
           "name": props2.leftIcon,
@@ -4390,7 +4403,7 @@ var stdin_default$1u = vue.defineComponent({
       const rightIconSlot = slots["right-icon"];
       if (props2.rightIcon || rightIconSlot) {
         return vue.createVNode("div", {
-          "class": bem$1g("right-icon"),
+          "class": bem$1h("right-icon"),
           "onClick": onClickRightIcon
         }, [rightIconSlot ? rightIconSlot() : vue.createVNode(Icon, {
           "name": props2.rightIcon,
@@ -4402,9 +4415,9 @@ var stdin_default$1u = vue.defineComponent({
       if (props2.showWordLimit && props2.maxlength) {
         const count = getStringLength(getModelValue());
         return vue.createVNode("div", {
-          "class": bem$1g("word-limit")
+          "class": bem$1h("word-limit")
         }, [vue.createVNode("span", {
-          "class": bem$1g("word-num")
+          "class": bem$1h("word-num")
         }, [count]), vue.createTextVNode("/"), props2.maxlength]);
       }
     };
@@ -4417,7 +4430,7 @@ var stdin_default$1u = vue.defineComponent({
         const slot = slots["error-message"];
         const errorMessageAlign = getProp("errorMessageAlign");
         return vue.createVNode("div", {
-          "class": bem$1g("error-message", errorMessageAlign)
+          "class": bem$1h("error-message", errorMessageAlign)
         }, [slot ? slot({
           message
         }) : message]);
@@ -4445,13 +4458,13 @@ var stdin_default$1u = vue.defineComponent({
       }
     };
     const renderFieldBody = () => [vue.createVNode("div", {
-      "class": bem$1g("body")
+      "class": bem$1h("body")
     }, [renderInput(), showClear.value && vue.createVNode(Icon, {
       "ref": clearIconRef,
       "name": props2.clearIcon,
-      "class": bem$1g("clear")
+      "class": bem$1h("clear")
     }, null), renderRightIcon(), slots.button && vue.createVNode("div", {
-      "class": bem$1g("button")
+      "class": bem$1h("button")
     }, [slots.button()])]), renderWordLimit(), renderMessage()];
     useExpose({
       blur,
@@ -4495,7 +4508,7 @@ var stdin_default$1u = vue.defineComponent({
       };
       return vue.createVNode(Cell, {
         "size": props2.size,
-        "class": bem$1g({
+        "class": bem$1h({
           error: showError.value,
           disabled,
           [`label-${labelAlign}`]: labelAlign
@@ -4505,9 +4518,9 @@ var stdin_default$1u = vue.defineComponent({
         "isLink": props2.isLink,
         "clickable": props2.clickable,
         "titleStyle": labelStyle.value,
-        "valueClass": bem$1g("value"),
-        "titleClass": [bem$1g("label", [labelAlign, {
-          required: props2.required
+        "valueClass": bem$1h("value"),
+        "titleClass": [bem$1h("label", [labelAlign, {
+          required: showRequiredMark.value
         }]), props2.labelClass],
         "arrowDirection": props2.arrowDirection
       }, {
@@ -4519,7 +4532,7 @@ var stdin_default$1u = vue.defineComponent({
     };
   }
 });
-const Field = withInstall(stdin_default$1u);
+const Field = withInstall(stdin_default$1v);
 let lockCount = 0;
 function lockClick(lock) {
   if (lock) {
@@ -4534,7 +4547,7 @@ function lockClick(lock) {
     }
   }
 }
-const [name$1j, bem$1f] = createNamespace("toast");
+const [name$1k, bem$1g] = createNamespace("toast");
 const popupInheritProps = ["show", "overlay", "teleport", "transition", "overlayClass", "overlayStyle", "closeOnClickOverlay"];
 const toastProps = {
   icon: String,
@@ -4557,8 +4570,8 @@ const toastProps = {
   closeOnClick: Boolean,
   closeOnClickOverlay: Boolean
 };
-var stdin_default$1t = vue.defineComponent({
-  name: name$1j,
+var stdin_default$1u = vue.defineComponent({
+  name: name$1k,
   props: toastProps,
   emits: ["update:show"],
   setup(props2, {
@@ -4594,13 +4607,13 @@ var stdin_default$1t = vue.defineComponent({
         return vue.createVNode(Icon, {
           "name": icon || type,
           "size": iconSize,
-          "class": bem$1f("icon"),
+          "class": bem$1g("icon"),
           "classPrefix": iconPrefix
         }, null);
       }
       if (type === "loading") {
         return vue.createVNode(Loading, {
-          "class": bem$1f("loading"),
+          "class": bem$1g("loading"),
           "size": iconSize,
           "type": loadingType
         }, null);
@@ -4613,16 +4626,16 @@ var stdin_default$1t = vue.defineComponent({
       } = props2;
       if (slots.message) {
         return vue.createVNode("div", {
-          "class": bem$1f("text")
+          "class": bem$1g("text")
         }, [slots.message()]);
       }
       if (isDef(message) && message !== "") {
         return type === "html" ? vue.createVNode("div", {
           "key": 0,
-          "class": bem$1f("text"),
+          "class": bem$1g("text"),
           "innerHTML": String(message)
         }, null) : vue.createVNode("div", {
-          "class": bem$1f("text")
+          "class": bem$1g("text")
         }, [message]);
       }
     };
@@ -4638,7 +4651,7 @@ var stdin_default$1t = vue.defineComponent({
     vue.onMounted(toggleClickable);
     vue.onUnmounted(toggleClickable);
     return () => vue.createVNode(Popup, vue.mergeProps({
-      "class": [bem$1f([props2.position, props2.wordBreak === "normal" ? "break-normal" : props2.wordBreak, {
+      "class": [bem$1g([props2.position, props2.wordBreak === "normal" ? "break-normal" : props2.wordBreak, {
         [props2.type]: !props2.icon
       }]), props2.className],
       "lockScroll": false,
@@ -4739,7 +4752,7 @@ function createInstance() {
           onClosed,
           "onUpdate:show": toggle
         };
-        return vue.createVNode(stdin_default$1t, vue.mergeProps(state, attrs), null);
+        return vue.createVNode(stdin_default$1u, vue.mergeProps(state, attrs), null);
       };
       vue.watch(message, (val) => {
         state.message = val;
@@ -4809,8 +4822,8 @@ const resetToastDefaultOptions = (type) => {
 const allowMultipleToast = (value = true) => {
   allowMultiple = value;
 };
-const Toast = withInstall(stdin_default$1t);
-const [name$1i, bem$1e] = createNamespace("switch");
+const Toast = withInstall(stdin_default$1u);
+const [name$1j, bem$1f] = createNamespace("switch");
 const switchProps = {
   size: numericProp,
   loading: Boolean,
@@ -4827,8 +4840,8 @@ const switchProps = {
     default: false
   }
 };
-var stdin_default$1s = vue.defineComponent({
-  name: name$1i,
+var stdin_default$1t = vue.defineComponent({
+  name: name$1j,
   props: switchProps,
   emits: ["change", "update:modelValue"],
   setup(props2, {
@@ -4847,7 +4860,7 @@ var stdin_default$1s = vue.defineComponent({
       if (props2.loading) {
         const color = isChecked() ? props2.activeColor : props2.inactiveColor;
         return vue.createVNode(Loading, {
-          "class": bem$1e("loading"),
+          "class": bem$1f("loading"),
           "color": color
         }, null);
       }
@@ -4872,7 +4885,7 @@ var stdin_default$1s = vue.defineComponent({
       };
       return vue.createVNode("div", {
         "role": "switch",
-        "class": bem$1e({
+        "class": bem$1f({
           on: checked,
           loading,
           disabled
@@ -4882,16 +4895,16 @@ var stdin_default$1s = vue.defineComponent({
         "aria-checked": checked,
         "onClick": onClick
       }, [vue.createVNode("div", {
-        "class": bem$1e("node")
+        "class": bem$1f("node")
       }, [renderLoading()]), (_a = slots.background) == null ? void 0 : _a.call(slots)]);
     };
   }
 });
-const Switch = withInstall(stdin_default$1s);
-const [name$1h, bem$1d] = createNamespace("address-edit-detail");
+const Switch = withInstall(stdin_default$1t);
+const [name$1i, bem$1e] = createNamespace("address-edit-detail");
 const t$j = createNamespace("address-edit")[2];
-var stdin_default$1r = vue.defineComponent({
-  name: name$1h,
+var stdin_default$1s = vue.defineComponent({
+  name: name$1i,
   props: {
     show: Boolean,
     rows: numericProp,
@@ -4925,7 +4938,7 @@ var stdin_default$1r = vue.defineComponent({
         "icon": "location-o",
         "title": express.name,
         "label": express.address,
-        "class": bem$1d("search-item"),
+        "class": bem$1e("search-item"),
         "border": false,
         "onClick": () => onSelect(express)
       }, null));
@@ -4939,7 +4952,7 @@ var stdin_default$1r = vue.defineComponent({
           "autosize": true,
           "clearable": true,
           "ref": field,
-          "class": bem$1d(),
+          "class": bem$1e(),
           "rows": props2.rows,
           "type": "textarea",
           "rules": props2.rules,
@@ -4956,7 +4969,7 @@ var stdin_default$1r = vue.defineComponent({
     };
   }
 });
-const [name$1g, bem$1c, t$i] = createNamespace("address-edit");
+const [name$1h, bem$1d, t$i] = createNamespace("address-edit");
 const DEFAULT_DATA = {
   name: "",
   tel: "",
@@ -4996,8 +5009,8 @@ const addressEditProps = {
     default: isMobile
   }
 };
-var stdin_default$1q = vue.defineComponent({
-  name: name$1g,
+var stdin_default$1r = vue.defineComponent({
+  name: name$1h,
   props: addressEditProps,
   emits: ["save", "focus", "change", "delete", "clickArea", "changeArea", "changeDetail", "selectSearch", "changeDefault"],
   setup(props2, {
@@ -5115,7 +5128,7 @@ var stdin_default$1q = vue.defineComponent({
           "center": true,
           "border": false,
           "title": t$i("defaultAddress"),
-          "class": bem$1c("default")
+          "class": bem$1d("default")
         }, slots2), [[vue.vShow, !hideBottomFields.value]]);
       }
     };
@@ -5141,13 +5154,13 @@ var stdin_default$1q = vue.defineComponent({
         disableArea
       } = props2;
       return vue.createVNode(Form, {
-        "class": bem$1c(),
+        "class": bem$1d(),
         "onSubmit": onSave
       }, {
         default: () => {
           var _a;
           return [vue.createVNode("div", {
-            "class": bem$1c("fields")
+            "class": bem$1d("fields")
           }, [vue.createVNode(Field, {
             "modelValue": data.name,
             "onUpdate:modelValue": [($event) => data.name = $event, (val) => onChange("name", val)],
@@ -5171,14 +5184,14 @@ var stdin_default$1q = vue.defineComponent({
             "label": t$i("area"),
             "is-link": !disableArea,
             "modelValue": areaText.value,
-            "rules": rules.value.areaCode,
+            "rules": props2.showArea ? rules.value.areaCode : void 0,
             "placeholder": props2.areaPlaceholder || t$i("area"),
             "onFocus": () => onFocus("areaCode"),
             "onClick": () => {
               emit("clickArea");
               showAreaPopup.value = !disableArea;
             }
-          }, null), [[vue.vShow, props2.showArea]]), vue.createVNode(stdin_default$1r, {
+          }, null), [[vue.vShow, props2.showArea]]), vue.createVNode(stdin_default$1s, {
             "show": props2.showDetail,
             "rows": props2.detailRows,
             "rules": rules.value.addressDetail,
@@ -5192,19 +5205,19 @@ var stdin_default$1q = vue.defineComponent({
             "onInput": onChangeDetail,
             "onSelectSearch": (event) => emit("selectSearch", event)
           }, null), (_a = slots.default) == null ? void 0 : _a.call(slots)]), renderSetDefaultCell(), vue.withDirectives(vue.createVNode("div", {
-            "class": bem$1c("buttons")
+            "class": bem$1d("buttons")
           }, [vue.createVNode(Button, {
             "block": true,
             "round": true,
             "type": "primary",
             "text": props2.saveButtonText || t$i("save"),
-            "class": bem$1c("button"),
+            "class": bem$1d("button"),
             "loading": props2.isSaving,
             "nativeType": "submit"
           }, null), props2.showDelete && vue.createVNode(Button, {
             "block": true,
             "round": true,
-            "class": bem$1c("button"),
+            "class": bem$1d("button"),
             "loading": props2.isDeleting,
             "text": props2.deleteButtonText || t$i("delete"),
             "onClick": onDelete
@@ -5234,8 +5247,8 @@ var stdin_default$1q = vue.defineComponent({
     };
   }
 });
-const AddressEdit = withInstall(stdin_default$1q);
-const [name$1f, bem$1b] = createNamespace("radio-group");
+const AddressEdit = withInstall(stdin_default$1r);
+const [name$1g, bem$1c] = createNamespace("radio-group");
 const radioGroupProps = {
   shape: String,
   disabled: Boolean,
@@ -5244,9 +5257,9 @@ const radioGroupProps = {
   modelValue: unknownProp,
   checkedColor: String
 };
-const RADIO_KEY = Symbol(name$1f);
-var stdin_default$1p = vue.defineComponent({
-  name: name$1f,
+const RADIO_KEY = Symbol(name$1g);
+var stdin_default$1q = vue.defineComponent({
+  name: name$1g,
   props: radioGroupProps,
   emits: ["change", "update:modelValue"],
   setup(props2, {
@@ -5266,14 +5279,14 @@ var stdin_default$1p = vue.defineComponent({
     return () => {
       var _a;
       return vue.createVNode("div", {
-        "class": bem$1b([props2.direction]),
+        "class": bem$1c([props2.direction]),
         "role": "radiogroup"
       }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
     };
   }
 });
-const RadioGroup = withInstall(stdin_default$1p);
-const [name$1e, bem$1a] = createNamespace("tag");
+const RadioGroup = withInstall(stdin_default$1q);
+const [name$1f, bem$1b] = createNamespace("tag");
 const tagProps = {
   size: String,
   mark: Boolean,
@@ -5285,8 +5298,8 @@ const tagProps = {
   textColor: String,
   closeable: Boolean
 };
-var stdin_default$1o = vue.defineComponent({
-  name: name$1e,
+var stdin_default$1p = vue.defineComponent({
+  name: name$1f,
   props: tagProps,
   emits: ["close"],
   setup(props2, {
@@ -5329,12 +5342,12 @@ var stdin_default$1o = vue.defineComponent({
       }
       const CloseIcon = closeable && vue.createVNode(Icon, {
         "name": "cross",
-        "class": [bem$1a("close"), HAPTICS_FEEDBACK],
+        "class": [bem$1b("close"), HAPTICS_FEEDBACK],
         "onClick": onClose
       }, null);
       return vue.createVNode("span", {
         "style": getStyle(),
-        "class": bem$1a([classes, type])
+        "class": bem$1b([classes, type])
       }, [(_a = slots.default) == null ? void 0 : _a.call(slots), CloseIcon]);
     };
     return () => vue.createVNode(vue.Transition, {
@@ -5344,7 +5357,7 @@ var stdin_default$1o = vue.defineComponent({
     });
   }
 });
-const Tag = withInstall(stdin_default$1o);
+const Tag = withInstall(stdin_default$1p);
 const checkerProps = {
   name: unknownProp,
   disabled: Boolean,
@@ -5354,7 +5367,7 @@ const checkerProps = {
   labelPosition: String,
   labelDisabled: Boolean
 };
-var stdin_default$1n = vue.defineComponent({
+var stdin_default$1o = vue.defineComponent({
   props: extend({}, checkerProps, {
     bem: makeRequiredProp(Function),
     role: String,
@@ -5451,12 +5464,18 @@ var stdin_default$1n = vue.defineComponent({
       }, null)]);
     };
     const renderLabel = () => {
+      const {
+        checked
+      } = props2;
       if (slots.default) {
         return vue.createVNode("span", {
           "class": props2.bem("label", [props2.labelPosition, {
             disabled: disabled.value
           }])
-        }, [slots.default()]);
+        }, [slots.default({
+          checked,
+          disabled: disabled.value
+        })]);
       }
     };
     return () => {
@@ -5477,9 +5496,9 @@ var stdin_default$1n = vue.defineComponent({
 const radioProps = extend({}, checkerProps, {
   shape: String
 });
-const [name$1d, bem$19] = createNamespace("radio");
-var stdin_default$1m = vue.defineComponent({
-  name: name$1d,
+const [name$1e, bem$1a] = createNamespace("radio");
+var stdin_default$1n = vue.defineComponent({
+  name: name$1e,
   props: radioProps,
   emits: ["update:modelValue"],
   setup(props2, {
@@ -5500,8 +5519,8 @@ var stdin_default$1m = vue.defineComponent({
         emit("update:modelValue", props2.name);
       }
     };
-    return () => vue.createVNode(stdin_default$1n, vue.mergeProps({
-      "bem": bem$19,
+    return () => vue.createVNode(stdin_default$1o, vue.mergeProps({
+      "bem": bem$1a,
       "role": "radio",
       "parent": parent,
       "checked": checked(),
@@ -5509,10 +5528,10 @@ var stdin_default$1m = vue.defineComponent({
     }, props2), pick(slots, ["default", "icon"]));
   }
 });
-const Radio = withInstall(stdin_default$1m);
-const [name$1c, bem$18] = createNamespace("address-item");
-var stdin_default$1l = vue.defineComponent({
-  name: name$1c,
+const Radio = withInstall(stdin_default$1n);
+const [name$1d, bem$19] = createNamespace("address-item");
+var stdin_default$1m = vue.defineComponent({
+  name: name$1d,
   props: {
     address: makeRequiredProp(Object),
     disabled: Boolean,
@@ -5533,7 +5552,7 @@ var stdin_default$1l = vue.defineComponent({
     };
     const renderRightIcon = () => vue.createVNode(Icon, {
       "name": props2.rightIcon,
-      "class": bem$18("edit"),
+      "class": bem$19("edit"),
       "onClick": (event) => {
         event.stopPropagation();
         emit("edit");
@@ -5548,7 +5567,7 @@ var stdin_default$1l = vue.defineComponent({
         return vue.createVNode(Tag, {
           "type": "primary",
           "round": true,
-          "class": bem$18("tag")
+          "class": bem$19("tag")
         }, {
           default: () => [props2.defaultTagText]
         });
@@ -5561,9 +5580,9 @@ var stdin_default$1l = vue.defineComponent({
         switchable
       } = props2;
       const Info = [vue.createVNode("div", {
-        "class": bem$18("name")
+        "class": bem$19("name")
       }, [`${address.name} ${address.tel}`, renderTag()]), vue.createVNode("div", {
-        "class": bem$18("address")
+        "class": bem$19("address")
       }, [address.address])];
       if (switchable && !disabled) {
         return vue.createVNode(Radio, {
@@ -5581,13 +5600,13 @@ var stdin_default$1l = vue.defineComponent({
         disabled
       } = props2;
       return vue.createVNode("div", {
-        "class": bem$18({
+        "class": bem$19({
           disabled
         }),
         "onClick": onClick
       }, [vue.createVNode(Cell, {
         "border": false,
-        "titleClass": bem$18("title")
+        "titleClass": bem$19("title")
       }, {
         title: renderContent,
         "right-icon": renderRightIcon
@@ -5597,7 +5616,7 @@ var stdin_default$1l = vue.defineComponent({
     };
   }
 });
-const [name$1b, bem$17, t$h] = createNamespace("address-list");
+const [name$1c, bem$18, t$h] = createNamespace("address-list");
 const addressListProps = {
   list: makeArrayProp(),
   modelValue: numericProp,
@@ -5609,8 +5628,8 @@ const addressListProps = {
   defaultTagText: String,
   rightIcon: makeStringProp("edit")
 };
-var stdin_default$1k = vue.defineComponent({
-  name: name$1b,
+var stdin_default$1l = vue.defineComponent({
+  name: name$1c,
   props: addressListProps,
   emits: ["add", "edit", "select", "clickItem", "editDisabled", "selectDisabled", "update:modelValue"],
   setup(props2, {
@@ -5626,7 +5645,7 @@ var stdin_default$1k = vue.defineComponent({
           emit("update:modelValue", item.id);
         }
       };
-      return vue.createVNode(stdin_default$1l, {
+      return vue.createVNode(stdin_default$1m, {
         "key": item.id,
         "address": item,
         "disabled": disabled,
@@ -5647,13 +5666,13 @@ var stdin_default$1k = vue.defineComponent({
       }
     };
     const renderBottom = () => props2.showAddButton ? vue.createVNode("div", {
-      "class": [bem$17("bottom"), "van-safe-area-bottom"]
+      "class": [bem$18("bottom"), "van-safe-area-bottom"]
     }, [vue.createVNode(Button, {
       "round": true,
       "block": true,
       "type": "primary",
       "text": props2.addButtonText || t$h("add"),
-      "class": bem$17("add"),
+      "class": bem$18("add"),
       "onClick": () => emit("add")
     }, null)]) : void 0;
     return () => {
@@ -5661,10 +5680,10 @@ var stdin_default$1k = vue.defineComponent({
       const List2 = renderList(props2.list);
       const DisabledList = renderList(props2.disabledList, true);
       const DisabledText = props2.disabledText && vue.createVNode("div", {
-        "class": bem$17("disabled-text")
+        "class": bem$18("disabled-text")
       }, [props2.disabledText]);
       return vue.createVNode("div", {
-        "class": bem$17()
+        "class": bem$18()
       }, [(_a = slots.top) == null ? void 0 : _a.call(slots), vue.createVNode(RadioGroup, {
         "modelValue": props2.modelValue
       }, {
@@ -5673,7 +5692,7 @@ var stdin_default$1k = vue.defineComponent({
     };
   }
 });
-const AddressList = withInstall(stdin_default$1k);
+const AddressList = withInstall(stdin_default$1l);
 const hasIntersectionObserver = use.inBrowser && "IntersectionObserver" in window && "IntersectionObserverEntry" in window && "intersectionRatio" in window.IntersectionObserverEntry.prototype;
 const modeType = {
   event: "event",
@@ -5826,7 +5845,7 @@ class ImageCache {
     this.caches.shift();
   }
 }
-const [name$1a, bem$16] = createNamespace("back-top");
+const [name$1b, bem$17] = createNamespace("back-top");
 const backTopProps = {
   right: numericProp,
   bottom: numericProp,
@@ -5839,8 +5858,8 @@ const backTopProps = {
     default: "body"
   }
 };
-var stdin_default$1j = vue.defineComponent({
-  name: name$1a,
+var stdin_default$1k = vue.defineComponent({
+  name: name$1b,
   inheritAttrs: false,
   props: backTopProps,
   emits: ["click"],
@@ -5912,19 +5931,19 @@ var stdin_default$1j = vue.defineComponent({
     return () => {
       const Content = vue.createVNode("div", vue.mergeProps({
         "ref": !props2.teleport ? root : void 0,
-        "class": bem$16({
+        "class": bem$17({
           active: show.value
         }),
         "style": style.value,
         "onClick": onClick
       }, attrs), [slots.default ? slots.default() : vue.createVNode(Icon, {
         "name": "back-top",
-        "class": bem$16("icon")
+        "class": bem$17("icon")
       }, null)]);
       if (props2.teleport) {
         return [vue.createVNode("div", {
           "ref": root,
-          "class": bem$16("placeholder")
+          "class": bem$17("placeholder")
         }, null), vue.createVNode(vue.Teleport, {
           "to": props2.teleport
         }, {
@@ -5935,7 +5954,7 @@ var stdin_default$1j = vue.defineComponent({
     };
   }
 });
-const BackTop = withInstall(stdin_default$1j);
+const BackTop = withInstall(stdin_default$1k);
 var __async = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
@@ -5964,9 +5983,9 @@ const barrageProps = {
   delay: makeNumberProp(300),
   modelValue: makeArrayProp()
 };
-const [name$19, bem$15] = createNamespace("barrage");
-var stdin_default$1i = vue.defineComponent({
-  name: name$19,
+const [name$1a, bem$16] = createNamespace("barrage");
+var stdin_default$1j = vue.defineComponent({
+  name: name$1a,
   props: barrageProps,
   emits: ["update:modelValue"],
   setup(props2, {
@@ -5974,7 +5993,7 @@ var stdin_default$1i = vue.defineComponent({
     slots
   }) {
     const barrageWrapper = vue.ref();
-    const className = bem$15("item");
+    const className = bem$16("item");
     const total = vue.ref(0);
     const barrageItems = [];
     const createBarrageItem = (text, delay = props2.delay) => {
@@ -6055,15 +6074,15 @@ var stdin_default$1i = vue.defineComponent({
     return () => {
       var _a;
       return vue.createVNode("div", {
-        "class": bem$15(),
+        "class": bem$16(),
         "ref": barrageWrapper,
         "style": rootStyle.value
       }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
     };
   }
 });
-const Barrage = withInstall(stdin_default$1i);
-const [name$18, bem$14, t$g] = createNamespace("calendar");
+const Barrage = withInstall(stdin_default$1j);
+const [name$19, bem$15, t$g] = createNamespace("calendar");
 const formatMonthTitle = (date) => t$g("monthTitle", date.getFullYear(), date.getMonth() + 1);
 function compareMonth(date1, date2) {
   const year1 = date1.getFullYear();
@@ -6143,9 +6162,9 @@ const formatValueRange = (values, columns) => values.map((value, index) => {
   }
   return value;
 });
-const [name$17] = createNamespace("calendar-day");
-var stdin_default$1h = vue.defineComponent({
-  name: name$17,
+const [name$18] = createNamespace("calendar-day");
+var stdin_default$1i = vue.defineComponent({
+  name: name$18,
   props: {
     item: makeRequiredProp(Object),
     color: String,
@@ -6209,7 +6228,7 @@ var stdin_default$1h = vue.defineComponent({
       } = props2.item;
       if (topInfo || slots["top-info"]) {
         return vue.createVNode("div", {
-          "class": bem$14("top-info")
+          "class": bem$15("top-info")
         }, [slots["top-info"] ? slots["top-info"](props2.item) : topInfo]);
       }
     };
@@ -6219,7 +6238,7 @@ var stdin_default$1h = vue.defineComponent({
       } = props2.item;
       if (bottomInfo || slots["bottom-info"]) {
         return vue.createVNode("div", {
-          "class": bem$14("bottom-info")
+          "class": bem$15("bottom-info")
         }, [slots["bottom-info"] ? slots["bottom-info"](props2.item) : bottomInfo]);
       }
     };
@@ -6236,7 +6255,7 @@ var stdin_default$1h = vue.defineComponent({
       const Nodes = [renderTopInfo(), text, renderBottomInfo()];
       if (type === "selected") {
         return vue.createVNode("div", {
-          "class": bem$14("selected-day"),
+          "class": bem$15("selected-day"),
           "style": {
             width: rowHeight,
             height: rowHeight,
@@ -6253,21 +6272,21 @@ var stdin_default$1h = vue.defineComponent({
       } = props2.item;
       if (type === "placeholder") {
         return vue.createVNode("div", {
-          "class": bem$14("day"),
+          "class": bem$15("day"),
           "style": style.value
         }, null);
       }
       return vue.createVNode("div", {
         "role": "gridcell",
         "style": style.value,
-        "class": [bem$14("day", type), className],
+        "class": [bem$15("day", type), className],
         "tabindex": type === "disabled" ? void 0 : -1,
         "onClick": onClick
       }, [renderContent()]);
     };
   }
 });
-const [name$16] = createNamespace("calendar-month");
+const [name$17] = createNamespace("calendar-month");
 const calendarMonthProps = {
   date: makeRequiredProp(Date),
   type: String,
@@ -6284,8 +6303,8 @@ const calendarMonthProps = {
   showMonthTitle: Boolean,
   firstDayOfWeek: Number
 };
-var stdin_default$1g = vue.defineComponent({
-  name: name$16,
+var stdin_default$1h = vue.defineComponent({
+  name: name$17,
   props: calendarMonthProps,
   emits: ["click", "clickDisabledDate"],
   setup(props2, {
@@ -6390,7 +6409,7 @@ var stdin_default$1g = vue.defineComponent({
     const renderTitle = () => {
       if (props2.showMonthTitle) {
         return vue.createVNode("div", {
-          "class": bem$14("month-title")
+          "class": bem$15("month-title")
         }, [slots["month-title"] ? slots["month-title"]({
           date: props2.date,
           text: title.value
@@ -6400,7 +6419,7 @@ var stdin_default$1g = vue.defineComponent({
     const renderMark = () => {
       if (props2.showMark && shouldRender.value) {
         return vue.createVNode("div", {
-          "class": bem$14("month-mark")
+          "class": bem$15("month-mark")
         }, [props2.date.getMonth() + 1]);
       }
     };
@@ -6440,7 +6459,7 @@ var stdin_default$1g = vue.defineComponent({
         setScrollTop(body, daysRect.top + rowOffset + body.scrollTop - use.useRect(body).top);
       }
     };
-    const renderDay = (item, index) => vue.createVNode(stdin_default$1h, {
+    const renderDay = (item, index) => vue.createVNode(stdin_default$1i, {
       "item": item,
       "index": index,
       "color": props2.color,
@@ -6452,7 +6471,7 @@ var stdin_default$1g = vue.defineComponent({
     const renderDays = () => vue.createVNode("div", {
       "ref": daysRef,
       "role": "grid",
-      "class": bem$14("days")
+      "class": bem$15("days")
     }, [renderMark(), (shouldRender.value ? days : placeholders).value.map(renderDay)]);
     useExpose({
       getTitle,
@@ -6462,14 +6481,14 @@ var stdin_default$1g = vue.defineComponent({
       disabledDays
     });
     return () => vue.createVNode("div", {
-      "class": bem$14("month"),
+      "class": bem$15("month"),
       "ref": monthRef
     }, [renderTitle(), renderDays()]);
   }
 });
-const [name$15] = createNamespace("calendar-header");
-var stdin_default$1f = vue.defineComponent({
-  name: name$15,
+const [name$16] = createNamespace("calendar-header");
+var stdin_default$1g = vue.defineComponent({
+  name: name$16,
   props: {
     date: Date,
     title: String,
@@ -6488,7 +6507,7 @@ var stdin_default$1f = vue.defineComponent({
         const text = props2.title || t$g("title");
         const title = slots.title ? slots.title() : text;
         return vue.createVNode("div", {
-          "class": bem$14("header-title")
+          "class": bem$15("header-title")
         }, [title]);
       }
     };
@@ -6500,7 +6519,7 @@ var stdin_default$1f = vue.defineComponent({
           text: props2.subtitle
         }) : props2.subtitle;
         return vue.createVNode("div", {
-          "class": bem$14("header-subtitle"),
+          "class": bem$15("header-subtitle"),
           "onClick": onClickSubtitle
         }, [title]);
       }
@@ -6512,13 +6531,13 @@ var stdin_default$1f = vue.defineComponent({
       const weekdays = t$g("weekdays");
       const renderWeekDays2 = [...weekdays.slice(firstDayOfWeek, 7), ...weekdays.slice(0, firstDayOfWeek)];
       return vue.createVNode("div", {
-        "class": bem$14("weekdays")
+        "class": bem$15("weekdays")
       }, [renderWeekDays2.map((text) => vue.createVNode("span", {
-        "class": bem$14("weekday")
+        "class": bem$15("weekday")
       }, [text]))]);
     };
     return () => vue.createVNode("div", {
-      "class": bem$14("header")
+      "class": bem$15("header")
     }, [renderTitle(), renderSubtitle(), renderWeekDays()]);
   }
 });
@@ -6569,8 +6588,8 @@ const calendarProps = {
     validator: (val) => val >= 0 && val <= 6
   }
 };
-var stdin_default$1e = vue.defineComponent({
-  name: name$18,
+var stdin_default$1f = vue.defineComponent({
+  name: name$19,
   props: calendarProps,
   emits: ["select", "confirm", "unselect", "monthShow", "overRange", "update:show", "clickSubtitle", "clickDisabledDate"],
   setup(props2, {
@@ -6619,7 +6638,7 @@ var stdin_default$1e = vue.defineComponent({
     let bodyHeight;
     const bodyRef = vue.ref();
     const subtitle = vue.ref({
-      text: "",
+      textFn: () => "",
       date: void 0
     });
     const currentDate = vue.ref(getInitialDate());
@@ -6683,7 +6702,7 @@ var stdin_default$1e = vue.defineComponent({
       });
       if (currentMonth) {
         subtitle.value = {
-          text: currentMonth.getTitle(),
+          textFn: currentMonth.getTitle,
           date: currentMonth.date
         };
       }
@@ -6833,7 +6852,7 @@ var stdin_default$1e = vue.defineComponent({
     const updateShow = (value) => emit("update:show", value);
     const renderMonth = (date, index) => {
       const showMonthTitle = index !== 0 || !props2.showSubtitle;
-      return vue.createVNode(stdin_default$1g, vue.mergeProps({
+      return vue.createVNode(stdin_default$1h, vue.mergeProps({
         "ref": setMonthRefs(index),
         "date": date,
         "currentDate": currentDate.value,
@@ -6857,7 +6876,7 @@ var stdin_default$1e = vue.defineComponent({
           "block": true,
           "type": "primary",
           "color": props2.color,
-          "class": bem$14("confirm"),
+          "class": bem$15("confirm"),
           "disabled": disabled,
           "nativeType": "button",
           "onClick": onConfirm
@@ -6869,25 +6888,28 @@ var stdin_default$1e = vue.defineComponent({
       }
     };
     const renderFooter = () => vue.createVNode("div", {
-      "class": [bem$14("footer"), {
+      "class": [bem$15("footer"), {
         "van-safe-area-bottom": props2.safeAreaInsetBottom
       }]
     }, [renderFooterButton()]);
-    const renderCalendar = () => vue.createVNode("div", {
-      "class": bem$14()
-    }, [vue.createVNode(stdin_default$1f, {
-      "date": subtitle.value.date,
-      "title": props2.title,
-      "subtitle": subtitle.value.text,
-      "showTitle": props2.showTitle,
-      "showSubtitle": props2.showSubtitle,
-      "firstDayOfWeek": dayOffset.value,
-      "onClickSubtitle": (event) => emit("clickSubtitle", event)
-    }, pick(slots, ["title", "subtitle"])), vue.createVNode("div", {
-      "ref": bodyRef,
-      "class": bem$14("body"),
-      "onScroll": onScroll
-    }, [months.value.map(renderMonth)]), renderFooter()]);
+    const renderCalendar = () => {
+      const subTitle = subtitle.value.textFn();
+      return vue.createVNode("div", {
+        "class": bem$15()
+      }, [vue.createVNode(stdin_default$1g, {
+        "date": subtitle.value.date,
+        "title": props2.title,
+        "subtitle": subTitle,
+        "showTitle": props2.showTitle,
+        "showSubtitle": props2.showSubtitle,
+        "firstDayOfWeek": dayOffset.value,
+        "onClickSubtitle": (event) => emit("clickSubtitle", event)
+      }, pick(slots, ["title", "subtitle"])), vue.createVNode("div", {
+        "ref": bodyRef,
+        "class": bem$15("body"),
+        "onScroll": onScroll
+      }, [months.value.map(renderMonth)]), renderFooter()]);
+    };
     vue.watch(() => props2.show, init);
     vue.watch(() => [props2.type, props2.minDate, props2.maxDate], () => reset(getInitialDate(currentDate.value)));
     vue.watch(() => props2.defaultDate, (value = null) => {
@@ -6904,7 +6926,7 @@ var stdin_default$1e = vue.defineComponent({
       if (props2.poppable) {
         return vue.createVNode(Popup, {
           "show": props2.show,
-          "class": bem$14("popup"),
+          "class": bem$15("popup"),
           "round": props2.round,
           "position": props2.position,
           "closeable": props2.showTitle || props2.showSubtitle,
@@ -6921,8 +6943,8 @@ var stdin_default$1e = vue.defineComponent({
     };
   }
 });
-const Calendar = withInstall(stdin_default$1e);
-const [name$14, bem$13] = createNamespace("image");
+const Calendar = withInstall(stdin_default$1f);
+const [name$15, bem$14] = createNamespace("image");
 const imageProps = {
   src: String,
   alt: String,
@@ -6941,8 +6963,8 @@ const imageProps = {
   showLoading: truthProp,
   loadingIcon: makeStringProp("photo")
 };
-var stdin_default$1d = vue.defineComponent({
-  name: name$14,
+var stdin_default$1e = vue.defineComponent({
+  name: name$15,
   props: imageProps,
   emits: ["load", "error"],
   setup(props2, {
@@ -7003,13 +7025,13 @@ var stdin_default$1d = vue.defineComponent({
     const renderPlaceholder = () => {
       if (loading.value && props2.showLoading) {
         return vue.createVNode("div", {
-          "class": bem$13("loading")
-        }, [renderIcon(props2.loadingIcon, bem$13("loading-icon"), slots.loading)]);
+          "class": bem$14("loading")
+        }, [renderIcon(props2.loadingIcon, bem$14("loading-icon"), slots.loading)]);
       }
       if (error.value && props2.showError) {
         return vue.createVNode("div", {
-          "class": bem$13("error")
-        }, [renderIcon(props2.errorIcon, bem$13("error-icon"), slots.error)]);
+          "class": bem$14("error")
+        }, [renderIcon(props2.errorIcon, bem$14("error-icon"), slots.error)]);
       }
     };
     const renderImage = () => {
@@ -7018,7 +7040,7 @@ var stdin_default$1d = vue.defineComponent({
       }
       const attrs = {
         alt: props2.alt,
-        class: bem$13("img"),
+        class: bem$14("img"),
         style: {
           objectFit: props2.fit,
           objectPosition: props2.position
@@ -7076,7 +7098,7 @@ var stdin_default$1d = vue.defineComponent({
     return () => {
       var _a;
       return vue.createVNode("div", {
-        "class": bem$13({
+        "class": bem$14({
           round: props2.round,
           block: props2.block
         }),
@@ -7085,8 +7107,8 @@ var stdin_default$1d = vue.defineComponent({
     };
   }
 });
-const Image$1 = withInstall(stdin_default$1d);
-const [name$13, bem$12] = createNamespace("card");
+const Image$1 = withInstall(stdin_default$1e);
+const [name$14, bem$13] = createNamespace("card");
 const cardProps = {
   tag: String,
   num: numericProp,
@@ -7100,8 +7122,8 @@ const cardProps = {
   thumbLink: String,
   originPrice: numericProp
 };
-var stdin_default$1c = vue.defineComponent({
-  name: name$13,
+var stdin_default$1d = vue.defineComponent({
+  name: name$14,
   props: cardProps,
   emits: ["clickThumb"],
   setup(props2, {
@@ -7114,14 +7136,14 @@ var stdin_default$1c = vue.defineComponent({
       }
       if (props2.title) {
         return vue.createVNode("div", {
-          "class": [bem$12("title"), "van-multi-ellipsis--l2"]
+          "class": [bem$13("title"), "van-multi-ellipsis--l2"]
         }, [props2.title]);
       }
     };
     const renderThumbTag = () => {
       if (slots.tag || props2.tag) {
         return vue.createVNode("div", {
-          "class": bem$12("tag")
+          "class": bem$13("tag")
         }, [slots.tag ? slots.tag() : vue.createVNode(Tag, {
           "mark": true,
           "type": "primary"
@@ -7146,7 +7168,7 @@ var stdin_default$1c = vue.defineComponent({
       if (slots.thumb || props2.thumb) {
         return vue.createVNode("a", {
           "href": props2.thumbLink,
-          "class": bem$12("thumb"),
+          "class": bem$13("thumb"),
           "onClick": (event) => emit("clickThumb", event)
         }, [renderThumbImage(), renderThumbTag()]);
       }
@@ -7157,18 +7179,18 @@ var stdin_default$1c = vue.defineComponent({
       }
       if (props2.desc) {
         return vue.createVNode("div", {
-          "class": [bem$12("desc"), "van-ellipsis"]
+          "class": [bem$13("desc"), "van-ellipsis"]
         }, [props2.desc]);
       }
     };
     const renderPriceText = () => {
       const priceArr = props2.price.toString().split(".");
       return vue.createVNode("div", null, [vue.createVNode("span", {
-        "class": bem$12("price-currency")
+        "class": bem$13("price-currency")
       }, [props2.currency]), vue.createVNode("span", {
-        "class": bem$12("price-integer")
+        "class": bem$13("price-integer")
       }, [priceArr[0]]), vue.createTextVNode("."), vue.createVNode("span", {
-        "class": bem$12("price-decimal")
+        "class": bem$13("price-decimal")
       }, [priceArr[1]])]);
     };
     return () => {
@@ -7178,34 +7200,34 @@ var stdin_default$1c = vue.defineComponent({
       const showOriginPrice = slots["origin-price"] || isDef(props2.originPrice);
       const showBottom = showNum || showPrice || showOriginPrice || slots.bottom;
       const Price = showPrice && vue.createVNode("div", {
-        "class": bem$12("price")
+        "class": bem$13("price")
       }, [slots.price ? slots.price() : renderPriceText()]);
       const OriginPrice = showOriginPrice && vue.createVNode("div", {
-        "class": bem$12("origin-price")
+        "class": bem$13("origin-price")
       }, [slots["origin-price"] ? slots["origin-price"]() : `${props2.currency} ${props2.originPrice}`]);
       const Num = showNum && vue.createVNode("div", {
-        "class": bem$12("num")
+        "class": bem$13("num")
       }, [slots.num ? slots.num() : `x${props2.num}`]);
       const Footer = slots.footer && vue.createVNode("div", {
-        "class": bem$12("footer")
+        "class": bem$13("footer")
       }, [slots.footer()]);
       const Bottom = showBottom && vue.createVNode("div", {
-        "class": bem$12("bottom")
+        "class": bem$13("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$12()
+        "class": bem$13()
       }, [vue.createVNode("div", {
-        "class": bem$12("header")
+        "class": bem$13("header")
       }, [renderThumb(), vue.createVNode("div", {
-        "class": bem$12("content", {
+        "class": bem$13("content", {
           centered: props2.centered
         })
       }, [vue.createVNode("div", null, [renderTitle(), renderDesc(), (_c = slots.tags) == null ? void 0 : _c.call(slots)]), Bottom])]), Footer]);
     };
   }
 });
-const Card = withInstall(stdin_default$1c);
-const [name$12, bem$11, t$f] = createNamespace("cascader");
+const Card = withInstall(stdin_default$1d);
+const [name$13, bem$12, t$f] = createNamespace("cascader");
 const cascaderProps = {
   title: String,
   options: makeArrayProp(),
@@ -7218,8 +7240,8 @@ const cascaderProps = {
   placeholder: String,
   activeColor: String
 };
-var stdin_default$1b = vue.defineComponent({
-  name: name$12,
+var stdin_default$1c = vue.defineComponent({
+  name: name$13,
   props: cascaderProps,
   emits: ["close", "change", "finish", "clickTab", "update:modelValue"],
   setup(props2, {
@@ -7328,12 +7350,12 @@ var stdin_default$1b = vue.defineComponent({
       title
     }) => emit("clickTab", name2, title);
     const renderHeader = () => props2.showHeader ? vue.createVNode("div", {
-      "class": bem$11("header")
+      "class": bem$12("header")
     }, [vue.createVNode("h2", {
-      "class": bem$11("title")
+      "class": bem$12("title")
     }, [slots.title ? slots.title() : props2.title]), props2.closeable ? vue.createVNode(Icon, {
       "name": props2.closeIcon,
-      "class": [bem$11("close-icon"), HAPTICS_FEEDBACK],
+      "class": [bem$12("close-icon"), HAPTICS_FEEDBACK],
       "onClick": onClose
     }, null) : null]) : null;
     const renderOption = (option, selectedOption, tabIndex) => {
@@ -7349,7 +7371,7 @@ var stdin_default$1b = vue.defineComponent({
       return vue.createVNode("li", {
         "ref": selected ? setSelectedElementRefs(tabIndex) : void 0,
         "role": "menuitemradio",
-        "class": [bem$11("option", {
+        "class": [bem$12("option", {
           selected,
           disabled
         }), option.className],
@@ -7362,12 +7384,12 @@ var stdin_default$1b = vue.defineComponent({
         "onClick": () => onSelect(option, tabIndex)
       }, [Text, selected ? vue.createVNode(Icon, {
         "name": "success",
-        "class": bem$11("selected-icon")
+        "class": bem$12("selected-icon")
       }, null) : null]);
     };
     const renderOptions = (options, selectedOption, tabIndex) => vue.createVNode("ul", {
       "role": "menu",
-      "class": bem$11("options")
+      "class": bem$12("options")
     }, [options.map((option) => renderOption(option, selectedOption, tabIndex))]);
     const renderTab = (tab, tabIndex) => {
       const {
@@ -7378,7 +7400,7 @@ var stdin_default$1b = vue.defineComponent({
       const title = selected ? selected[textKey] : placeholder;
       return vue.createVNode(Tab, {
         "title": title,
-        "titleClass": bem$11("tab", {
+        "titleClass": bem$12("tab", {
           unselected: !selected
         })
       }, {
@@ -7397,7 +7419,7 @@ var stdin_default$1b = vue.defineComponent({
       "onUpdate:active": ($event) => activeTab.value = $event,
       "shrink": true,
       "animated": true,
-      "class": bem$11("tabs"),
+      "class": bem$12("tabs"),
       "color": props2.activeColor,
       "swipeable": props2.swipeable,
       "onClickTab": onClickTab
@@ -7432,19 +7454,19 @@ var stdin_default$1b = vue.defineComponent({
       updateTabs();
     });
     return () => vue.createVNode("div", {
-      "class": bem$11()
+      "class": bem$12()
     }, [renderHeader(), renderTabs()]);
   }
 });
-const Cascader = withInstall(stdin_default$1b);
-const [name$11, bem$10] = createNamespace("cell-group");
+const Cascader = withInstall(stdin_default$1c);
+const [name$12, bem$11] = createNamespace("cell-group");
 const cellGroupProps = {
   title: String,
   inset: Boolean,
   border: truthProp
 };
-var stdin_default$1a = vue.defineComponent({
-  name: name$11,
+var stdin_default$1b = vue.defineComponent({
+  name: name$12,
   inheritAttrs: false,
   props: cellGroupProps,
   setup(props2, {
@@ -7454,7 +7476,7 @@ var stdin_default$1a = vue.defineComponent({
     const renderGroup = () => {
       var _a;
       return vue.createVNode("div", vue.mergeProps({
-        "class": [bem$10({
+        "class": [bem$11({
           inset: props2.inset
         }), {
           [BORDER_TOP_BOTTOM]: props2.border && !props2.inset
@@ -7462,7 +7484,7 @@ var stdin_default$1a = vue.defineComponent({
       }, attrs, useScopeId()), [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
     };
     const renderTitle = () => vue.createVNode("div", {
-      "class": bem$10("title", {
+      "class": bem$11("title", {
         inset: props2.inset
       })
     }, [slots.title ? slots.title() : props2.title]);
@@ -7474,8 +7496,8 @@ var stdin_default$1a = vue.defineComponent({
     };
   }
 });
-const CellGroup = withInstall(stdin_default$1a);
-const [name$10, bem$$] = createNamespace("checkbox-group");
+const CellGroup = withInstall(stdin_default$1b);
+const [name$11, bem$10] = createNamespace("checkbox-group");
 const checkboxGroupProps = {
   max: numericProp,
   shape: makeStringProp("round"),
@@ -7485,9 +7507,9 @@ const checkboxGroupProps = {
   modelValue: makeArrayProp(),
   checkedColor: String
 };
-const CHECKBOX_GROUP_KEY = Symbol(name$10);
-var stdin_default$19 = vue.defineComponent({
-  name: name$10,
+const CHECKBOX_GROUP_KEY = Symbol(name$11);
+var stdin_default$1a = vue.defineComponent({
+  name: name$11,
   props: checkboxGroupProps,
   emits: ["change", "update:modelValue"],
   setup(props2, {
@@ -7533,12 +7555,12 @@ var stdin_default$19 = vue.defineComponent({
     return () => {
       var _a;
       return vue.createVNode("div", {
-        "class": bem$$([props2.direction])
+        "class": bem$10([props2.direction])
       }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
     };
   }
 });
-const [name$$, bem$_] = createNamespace("checkbox");
+const [name$10, bem$$] = createNamespace("checkbox");
 const checkboxProps = extend({}, checkerProps, {
   shape: String,
   bindGroup: truthProp,
@@ -7547,8 +7569,8 @@ const checkboxProps = extend({}, checkerProps, {
     default: null
   }
 });
-var stdin_default$18 = vue.defineComponent({
-  name: name$$,
+var stdin_default$19 = vue.defineComponent({
+  name: name$10,
   props: checkboxProps,
   emits: ["change", "update:modelValue"],
   setup(props2, {
@@ -7610,8 +7632,8 @@ var stdin_default$18 = vue.defineComponent({
       checked
     });
     use.useCustomFieldValue(() => props2.modelValue);
-    return () => vue.createVNode(stdin_default$1n, vue.mergeProps({
-      "bem": bem$_,
+    return () => vue.createVNode(stdin_default$1o, vue.mergeProps({
+      "bem": bem$$,
       "role": "checkbox",
       "parent": parent,
       "checked": checked.value,
@@ -7619,9 +7641,9 @@ var stdin_default$18 = vue.defineComponent({
     }, props2), pick(slots, ["default", "icon"]));
   }
 });
-const Checkbox = withInstall(stdin_default$18);
-const CheckboxGroup = withInstall(stdin_default$19);
-const [name$_, bem$Z] = createNamespace("circle");
+const Checkbox = withInstall(stdin_default$19);
+const CheckboxGroup = withInstall(stdin_default$1a);
+const [name$$, bem$_] = createNamespace("circle");
 let uid = 0;
 const format = (rate) => Math.min(Math.max(+rate, 0), 100);
 function getPath(clockwise, viewBoxSize) {
@@ -7642,8 +7664,8 @@ const circleProps = {
   strokeLinecap: String,
   startPosition: makeStringProp("top")
 };
-var stdin_default$17 = vue.defineComponent({
-  name: name$_,
+var stdin_default$18 = vue.defineComponent({
+  name: name$$,
   props: circleProps,
   emits: ["update:currentRate"],
   setup(props2, {
@@ -7711,7 +7733,7 @@ var stdin_default$17 = vue.defineComponent({
       return vue.createVNode("path", {
         "d": path.value,
         "style": style,
-        "class": bem$Z("hover"),
+        "class": bem$_("hover"),
         "stroke": color
       }, null);
     };
@@ -7722,7 +7744,7 @@ var stdin_default$17 = vue.defineComponent({
         strokeWidth: `${props2.strokeWidth}px`
       };
       return vue.createVNode("path", {
-        "class": bem$Z("layer"),
+        "class": bem$_("layer"),
         "style": style,
         "d": path.value
       }, null);
@@ -7753,12 +7775,12 @@ var stdin_default$17 = vue.defineComponent({
       }
       if (props2.text) {
         return vue.createVNode("div", {
-          "class": bem$Z("text")
+          "class": bem$_("text")
         }, [props2.text]);
       }
     };
     return () => vue.createVNode("div", {
-      "class": bem$Z(),
+      "class": bem$_(),
       "style": getSizeStyle(props2.size)
     }, [vue.createVNode("svg", {
       "viewBox": `0 0 ${viewBoxSize.value} ${viewBoxSize.value}`,
@@ -7766,18 +7788,21 @@ var stdin_default$17 = vue.defineComponent({
     }, [renderGradient(), renderLayer(), renderHover()]), renderText()]);
   }
 });
-const Circle = withInstall(stdin_default$17);
-const [name$Z, bem$Y] = createNamespace("row");
-const ROW_KEY = Symbol(name$Z);
+const Circle = withInstall(stdin_default$18);
+const [name$_, bem$Z] = createNamespace("row");
+const ROW_KEY = Symbol(name$_);
 const rowProps = {
   tag: makeStringProp("div"),
   wrap: truthProp,
   align: String,
-  gutter: makeNumericProp(0),
+  gutter: {
+    type: [String, Number, Array],
+    default: 0
+  },
   justify: String
 };
-var stdin_default$16 = vue.defineComponent({
-  name: name$Z,
+var stdin_default$17 = vue.defineComponent({
+  name: name$_,
   props: rowProps,
   setup(props2, {
     slots
@@ -7801,7 +7826,12 @@ var stdin_default$16 = vue.defineComponent({
       return groups2;
     });
     const spaces = vue.computed(() => {
-      const gutter = Number(props2.gutter);
+      let gutter = 0;
+      if (Array.isArray(props2.gutter)) {
+        gutter = Number(props2.gutter[0]) || 0;
+      } else {
+        gutter = Number(props2.gutter);
+      }
       const spaces2 = [];
       if (!gutter) {
         return spaces2;
@@ -7825,8 +7855,31 @@ var stdin_default$16 = vue.defineComponent({
       });
       return spaces2;
     });
+    const verticalSpaces = vue.computed(() => {
+      const {
+        gutter
+      } = props2;
+      const spaces2 = [];
+      if (Array.isArray(gutter) && gutter.length > 1) {
+        const bottom = Number(gutter[1]) || 0;
+        if (bottom <= 0) {
+          return spaces2;
+        }
+        groups.value.forEach((group, index) => {
+          if (index === groups.value.length - 1)
+            return;
+          group.forEach(() => {
+            spaces2.push({
+              bottom
+            });
+          });
+        });
+      }
+      return spaces2;
+    });
     linkChildren({
-      spaces
+      spaces,
+      verticalSpaces
     });
     return () => {
       const {
@@ -7836,7 +7889,7 @@ var stdin_default$16 = vue.defineComponent({
         justify
       } = props2;
       return vue.createVNode(tag, {
-        "class": bem$Y({
+        "class": bem$Z({
           [`align-${align}`]: align,
           [`justify-${justify}`]: justify,
           nowrap: !wrap
@@ -7850,14 +7903,14 @@ var stdin_default$16 = vue.defineComponent({
     };
   }
 });
-const [name$Y, bem$X] = createNamespace("col");
+const [name$Z, bem$Y] = createNamespace("col");
 const colProps = {
   tag: makeStringProp("div"),
   span: makeNumericProp(0),
   offset: numericProp
 };
-var stdin_default$15 = vue.defineComponent({
-  name: name$Y,
+var stdin_default$16 = vue.defineComponent({
+  name: name$Z,
   props: colProps,
   setup(props2, {
     slots
@@ -7871,18 +7924,26 @@ var stdin_default$15 = vue.defineComponent({
         return;
       }
       const {
-        spaces
+        spaces,
+        verticalSpaces
       } = parent;
+      let styles = {};
       if (spaces && spaces.value && spaces.value[index.value]) {
         const {
           left,
           right
         } = spaces.value[index.value];
-        return {
+        styles = {
           paddingLeft: left ? `${left}px` : null,
           paddingRight: right ? `${right}px` : null
         };
       }
+      const {
+        bottom
+      } = verticalSpaces.value[index.value] || {};
+      return extend(styles, {
+        marginBottom: bottom ? `${bottom}px` : null
+      });
     });
     return () => {
       const {
@@ -7892,7 +7953,7 @@ var stdin_default$15 = vue.defineComponent({
       } = props2;
       return vue.createVNode(tag, {
         "style": style.value,
-        "class": bem$X({
+        "class": bem$Y({
           [span]: span,
           [`offset-${offset}`]: offset
         })
@@ -7905,9 +7966,9 @@ var stdin_default$15 = vue.defineComponent({
     };
   }
 });
-const Col = withInstall(stdin_default$15);
-const [name$X, bem$W] = createNamespace("collapse");
-const COLLAPSE_KEY = Symbol(name$X);
+const Col = withInstall(stdin_default$16);
+const [name$Y, bem$X] = createNamespace("collapse");
+const COLLAPSE_KEY = Symbol(name$Y);
 const collapseProps = {
   border: truthProp,
   accordion: Boolean,
@@ -7927,8 +7988,8 @@ function validateModelValue(modelValue, accordion) {
   }
   return true;
 }
-var stdin_default$14 = vue.defineComponent({
-  name: name$X,
+var stdin_default$15 = vue.defineComponent({
+  name: name$Y,
   props: collapseProps,
   emits: ["change", "update:modelValue"],
   setup(props2, {
@@ -7998,15 +8059,15 @@ var stdin_default$14 = vue.defineComponent({
     return () => {
       var _a;
       return vue.createVNode("div", {
-        "class": [bem$W(), {
+        "class": [bem$X(), {
           [BORDER_TOP_BOTTOM]: props2.border
         }]
       }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
     };
   }
 });
-const Collapse = withInstall(stdin_default$14);
-const [name$W, bem$V] = createNamespace("collapse-item");
+const Collapse = withInstall(stdin_default$15);
+const [name$X, bem$W] = createNamespace("collapse-item");
 const CELL_SLOTS = ["icon", "title", "value", "label", "right-icon"];
 const collapseItemProps = extend({}, cellSharedProps, {
   name: numericProp,
@@ -8015,8 +8076,8 @@ const collapseItemProps = extend({}, cellSharedProps, {
   readonly: Boolean,
   lazyRender: truthProp
 });
-var stdin_default$13 = vue.defineComponent({
-  name: name$W,
+var stdin_default$14 = vue.defineComponent({
+  name: name$X,
   props: collapseItemProps,
   setup(props2, {
     slots
@@ -8098,7 +8159,7 @@ var stdin_default$13 = vue.defineComponent({
       }
       return vue.createVNode(Cell, vue.mergeProps({
         "role": "button",
-        "class": bem$V("title", {
+        "class": bem$W("title", {
           disabled,
           expanded: expanded.value,
           borderless: !border
@@ -8111,11 +8172,11 @@ var stdin_default$13 = vue.defineComponent({
       var _a;
       return vue.withDirectives(vue.createVNode("div", {
         "ref": wrapperRef,
-        "class": bem$V("wrapper"),
+        "class": bem$W("wrapper"),
         "onTransitionend": onTransitionEnd
       }, [vue.createVNode("div", {
         "ref": contentRef,
-        "class": bem$V("content")
+        "class": bem$W("content")
       }, [(_a = slots.default) == null ? void 0 : _a.call(slots)])]), [[vue.vShow, show.value]]);
     });
     useExpose({
@@ -8124,15 +8185,15 @@ var stdin_default$13 = vue.defineComponent({
       itemName: name2
     });
     return () => vue.createVNode("div", {
-      "class": [bem$V({
+      "class": [bem$W({
         border: index.value && props2.border
       })]
     }, [renderTitle(), renderContent()]);
   }
 });
-const CollapseItem = withInstall(stdin_default$13);
-const ConfigProvider = withInstall(stdin_default$1R);
-const [name$V, bem$U, t$e] = createNamespace("contact-card");
+const CollapseItem = withInstall(stdin_default$14);
+const ConfigProvider = withInstall(stdin_default$1S);
+const [name$W, bem$V, t$e] = createNamespace("contact-card");
 const contactCardProps = {
   tel: String,
   name: String,
@@ -8140,8 +8201,8 @@ const contactCardProps = {
   addText: String,
   editable: truthProp
 };
-var stdin_default$12 = vue.defineComponent({
-  name: name$V,
+var stdin_default$13 = vue.defineComponent({
+  name: name$W,
   props: contactCardProps,
   emits: ["click"],
   setup(props2, {
@@ -8161,18 +8222,18 @@ var stdin_default$12 = vue.defineComponent({
     return () => vue.createVNode(Cell, {
       "center": true,
       "icon": props2.type === "edit" ? "contact" : "add-square",
-      "class": bem$U([props2.type]),
+      "class": bem$V([props2.type]),
       "border": false,
       "isLink": props2.editable,
-      "titleClass": bem$U("title"),
+      "titleClass": bem$V("title"),
       "onClick": onClick
     }, {
       title: renderContent
     });
   }
 });
-const ContactCard = withInstall(stdin_default$12);
-const [name$U, bem$T, t$d] = createNamespace("contact-edit");
+const ContactCard = withInstall(stdin_default$13);
+const [name$V, bem$U, t$d] = createNamespace("contact-edit");
 const DEFAULT_CONTACT = {
   tel: "",
   name: ""
@@ -8192,8 +8253,8 @@ const contactEditProps = {
     default: isMobile
   }
 };
-var stdin_default$11 = vue.defineComponent({
-  name: name$U,
+var stdin_default$12 = vue.defineComponent({
+  name: name$V,
   props: contactEditProps,
   emits: ["save", "delete", "changeDefault"],
   setup(props2, {
@@ -8207,20 +8268,20 @@ var stdin_default$11 = vue.defineComponent({
     };
     const onDelete = () => emit("delete", contact);
     const renderButtons = () => vue.createVNode("div", {
-      "class": bem$T("buttons")
+      "class": bem$U("buttons")
     }, [vue.createVNode(Button, {
       "block": true,
       "round": true,
       "type": "primary",
       "text": t$d("save"),
-      "class": bem$T("button"),
+      "class": bem$U("button"),
       "loading": props2.isSaving,
       "nativeType": "submit"
     }, null), props2.isEdit && vue.createVNode(Button, {
       "block": true,
       "round": true,
       "text": t$d("delete"),
-      "class": bem$T("button"),
+      "class": bem$U("button"),
       "loading": props2.isDeleting,
       "onClick": onDelete
     }, null)]);
@@ -8233,7 +8294,7 @@ var stdin_default$11 = vue.defineComponent({
       if (props2.showSetDefault) {
         return vue.createVNode(Cell, {
           "title": props2.setDefaultLabel,
-          "class": bem$T("switch-cell"),
+          "class": bem$U("switch-cell"),
           "border": false
         }, {
           "right-icon": renderSwitch
@@ -8242,11 +8303,11 @@ var stdin_default$11 = vue.defineComponent({
     };
     vue.watch(() => props2.contactInfo, (value) => extend(contact, DEFAULT_CONTACT, value));
     return () => vue.createVNode(Form, {
-      "class": bem$T(),
+      "class": bem$U(),
       "onSubmit": onSave
     }, {
       default: () => [vue.createVNode("div", {
-        "class": bem$T("fields")
+        "class": bem$U("fields")
       }, [vue.createVNode(Field, {
         "modelValue": contact.name,
         "onUpdate:modelValue": ($event) => contact.name = $event,
@@ -8273,16 +8334,16 @@ var stdin_default$11 = vue.defineComponent({
     });
   }
 });
-const ContactEdit = withInstall(stdin_default$11);
-const [name$T, bem$S, t$c] = createNamespace("contact-list");
+const ContactEdit = withInstall(stdin_default$12);
+const [name$U, bem$T, t$c] = createNamespace("contact-list");
 const contactListProps = {
   list: Array,
   addText: String,
   modelValue: unknownProp,
   defaultTagText: String
 };
-var stdin_default$10 = vue.defineComponent({
-  name: name$T,
+var stdin_default$11 = vue.defineComponent({
+  name: name$U,
   props: contactListProps,
   emits: ["add", "edit", "select", "update:modelValue"],
   setup(props2, {
@@ -8294,13 +8355,13 @@ var stdin_default$10 = vue.defineComponent({
         emit("select", item, index);
       };
       const renderRightIcon = () => vue.createVNode(Radio, {
-        "class": bem$S("radio"),
+        "class": bem$T("radio"),
         "name": item.id,
         "iconSize": 18
       }, null);
       const renderEditIcon = () => vue.createVNode(Icon, {
         "name": "edit",
-        "class": bem$S("edit"),
+        "class": bem$T("edit"),
         "onClick": (event) => {
           event.stopPropagation();
           emit("edit", item, index);
@@ -8312,7 +8373,7 @@ var stdin_default$10 = vue.defineComponent({
           nodes.push(vue.createVNode(Tag, {
             "type": "primary",
             "round": true,
-            "class": bem$S("item-tag")
+            "class": bem$T("item-tag")
           }, {
             default: () => [props2.defaultTagText]
           }));
@@ -8323,8 +8384,8 @@ var stdin_default$10 = vue.defineComponent({
         "key": item.id,
         "isLink": true,
         "center": true,
-        "class": bem$S("item"),
-        "titleClass": bem$S("item-title"),
+        "class": bem$T("item"),
+        "titleClass": bem$T("item-title"),
         "onClick": onClick
       }, {
         icon: renderEditIcon,
@@ -8333,25 +8394,25 @@ var stdin_default$10 = vue.defineComponent({
       });
     };
     return () => vue.createVNode("div", {
-      "class": bem$S()
+      "class": bem$T()
     }, [vue.createVNode(RadioGroup, {
       "modelValue": props2.modelValue,
-      "class": bem$S("group")
+      "class": bem$T("group")
     }, {
       default: () => [props2.list && props2.list.map(renderItem)]
     }), vue.createVNode("div", {
-      "class": [bem$S("bottom"), "van-safe-area-bottom"]
+      "class": [bem$T("bottom"), "van-safe-area-bottom"]
     }, [vue.createVNode(Button, {
       "round": true,
       "block": true,
       "type": "primary",
-      "class": bem$S("add"),
+      "class": bem$T("add"),
       "text": props2.addText || t$c("addContact"),
       "onClick": () => emit("add")
     }, null)])]);
   }
 });
-const ContactList = withInstall(stdin_default$10);
+const ContactList = withInstall(stdin_default$11);
 function parseFormat(format2, currentTime) {
   const { days } = currentTime;
   let { hours, minutes, seconds, milliseconds } = currentTime;
@@ -8387,15 +8448,15 @@ function parseFormat(format2, currentTime) {
   }
   return format2;
 }
-const [name$S, bem$R] = createNamespace("count-down");
+const [name$T, bem$S] = createNamespace("count-down");
 const countDownProps = {
   time: makeNumericProp(0),
   format: makeStringProp("HH:mm:ss"),
   autoStart: truthProp,
   millisecond: Boolean
 };
-var stdin_default$$ = vue.defineComponent({
-  name: name$S,
+var stdin_default$10 = vue.defineComponent({
+  name: name$T,
   props: countDownProps,
   emits: ["change", "finish"],
   setup(props2, {
@@ -8430,11 +8491,11 @@ var stdin_default$$ = vue.defineComponent({
     });
     return () => vue.createVNode("div", {
       "role": "timer",
-      "class": bem$R()
+      "class": bem$S()
     }, [slots.default ? slots.default(current2.value) : timeText.value]);
   }
 });
-const CountDown = withInstall(stdin_default$$);
+const CountDown = withInstall(stdin_default$10);
 function getDate(timeStamp) {
   const date = new Date(timeStamp * 1e3);
   return `${date.getFullYear()}.${padZero(date.getMonth() + 1)}.${padZero(
@@ -8443,9 +8504,9 @@ function getDate(timeStamp) {
 }
 const formatDiscount = (discount) => (discount / 10).toFixed(discount % 10 === 0 ? 0 : 1);
 const formatAmount = (amount) => (amount / 100).toFixed(amount % 100 === 0 ? 0 : amount % 10 === 0 ? 1 : 2);
-const [name$R, bem$Q, t$b] = createNamespace("coupon");
-var stdin_default$_ = vue.defineComponent({
-  name: name$R,
+const [name$S, bem$R, t$b] = createNamespace("coupon");
+var stdin_default$$ = vue.defineComponent({
+  name: name$S,
   props: {
     chosen: Boolean,
     coupon: makeRequiredProp(Object),
@@ -8489,34 +8550,34 @@ var stdin_default$_ = vue.defineComponent({
       } = props2;
       const description = disabled && coupon.reason || coupon.description;
       return vue.createVNode("div", {
-        "class": bem$Q({
+        "class": bem$R({
           disabled
         })
       }, [vue.createVNode("div", {
-        "class": bem$Q("content")
+        "class": bem$R("content")
       }, [vue.createVNode("div", {
-        "class": bem$Q("head")
+        "class": bem$R("head")
       }, [vue.createVNode("h2", {
-        "class": bem$Q("amount")
+        "class": bem$R("amount")
       }, [faceAmount.value]), vue.createVNode("p", {
-        "class": bem$Q("condition")
+        "class": bem$R("condition")
       }, [coupon.condition || conditionMessage.value])]), vue.createVNode("div", {
-        "class": bem$Q("body")
+        "class": bem$R("body")
       }, [vue.createVNode("p", {
-        "class": bem$Q("name")
+        "class": bem$R("name")
       }, [coupon.name]), vue.createVNode("p", {
-        "class": bem$Q("valid")
+        "class": bem$R("valid")
       }, [validPeriod.value]), !disabled && vue.createVNode(Checkbox, {
-        "class": bem$Q("corner"),
+        "class": bem$R("corner"),
         "modelValue": chosen
       }, null)])]), description && vue.createVNode("p", {
-        "class": bem$Q("description")
+        "class": bem$R("description")
       }, [description])]);
     };
   }
 });
-const Coupon = withInstall(stdin_default$_);
-const [name$Q, bem$P, t$a] = createNamespace("coupon-cell");
+const Coupon = withInstall(stdin_default$$);
+const [name$R, bem$Q, t$a] = createNamespace("coupon-cell");
 const couponCellProps = {
   title: String,
   border: truthProp,
@@ -8544,34 +8605,34 @@ function formatValue({
   }
   return coupons.length === 0 ? t$a("noCoupon") : t$a("count", coupons.length);
 }
-var stdin_default$Z = vue.defineComponent({
-  name: name$Q,
+var stdin_default$_ = vue.defineComponent({
+  name: name$R,
   props: couponCellProps,
   setup(props2) {
     return () => {
       const selected = props2.coupons[+props2.chosenCoupon];
       return vue.createVNode(Cell, {
-        "class": bem$P(),
+        "class": bem$Q(),
         "value": formatValue(props2),
         "title": props2.title || t$a("title"),
         "border": props2.border,
         "isLink": props2.editable,
-        "valueClass": bem$P("value", {
+        "valueClass": bem$Q("value", {
           selected
         })
       }, null);
     };
   }
 });
-const CouponCell = withInstall(stdin_default$Z);
-const [name$P, bem$O] = createNamespace("empty");
+const CouponCell = withInstall(stdin_default$_);
+const [name$Q, bem$P] = createNamespace("empty");
 const emptyProps = {
   image: makeStringProp("default"),
   imageSize: [Number, String, Array],
   description: String
 };
-var stdin_default$Y = vue.defineComponent({
-  name: name$P,
+var stdin_default$Z = vue.defineComponent({
+  name: name$Q,
   props: emptyProps,
   setup(props2, {
     slots
@@ -8580,14 +8641,14 @@ var stdin_default$Y = vue.defineComponent({
       const description = slots.description ? slots.description() : props2.description;
       if (description) {
         return vue.createVNode("p", {
-          "class": bem$O("description")
+          "class": bem$P("description")
         }, [description]);
       }
     };
     const renderBottom = () => {
       if (slots.default) {
         return vue.createVNode("div", {
-          "class": bem$O("bottom")
+          "class": bem$P("bottom")
         }, [slots.default()]);
       }
     };
@@ -8872,15 +8933,15 @@ var stdin_default$Y = vue.defineComponent({
       }, null);
     };
     return () => vue.createVNode("div", {
-      "class": bem$O()
+      "class": bem$P()
     }, [vue.createVNode("div", {
-      "class": bem$O("image"),
+      "class": bem$P("image"),
       "style": getSizeStyle(props2.imageSize)
     }, [renderImage()]), renderDescription(), renderBottom()]);
   }
 });
-const Empty = withInstall(stdin_default$Y);
-const [name$O, bem$N, t$9] = createNamespace("coupon-list");
+const Empty = withInstall(stdin_default$Z);
+const [name$P, bem$O, t$9] = createNamespace("coupon-list");
 const couponListProps = {
   code: makeStringProp(""),
   coupons: makeArrayProp(),
@@ -8901,8 +8962,8 @@ const couponListProps = {
   exchangeButtonLoading: Boolean,
   exchangeButtonDisabled: Boolean
 };
-var stdin_default$X = vue.defineComponent({
-  name: name$O,
+var stdin_default$Y = vue.defineComponent({
+  name: name$P,
   props: couponListProps,
   emits: ["change", "exchange", "update:code"],
   setup(props2, {
@@ -8938,26 +8999,26 @@ var stdin_default$X = vue.defineComponent({
       "image": props2.emptyImage
     }, {
       default: () => [vue.createVNode("p", {
-        "class": bem$N("empty-tip")
+        "class": bem$O("empty-tip")
       }, [t$9("noCoupon")])]
     });
     const renderExchangeBar = () => {
       if (props2.showExchangeBar) {
         return vue.createVNode("div", {
           "ref": barRef,
-          "class": bem$N("exchange-bar")
+          "class": bem$O("exchange-bar")
         }, [vue.createVNode(Field, {
           "modelValue": currentCode.value,
           "onUpdate:modelValue": ($event) => currentCode.value = $event,
           "clearable": true,
           "border": false,
-          "class": bem$N("field"),
+          "class": bem$O("field"),
           "placeholder": props2.inputPlaceholder || t$9("placeholder"),
           "maxlength": "20"
         }, null), vue.createVNode(Button, {
           "plain": true,
           "type": "primary",
-          "class": bem$N("exchange"),
+          "class": bem$O("exchange"),
           "text": props2.exchangeButtonText || t$9("exchange"),
           "loading": props2.exchangeButtonLoading,
           "disabled": buttonDisabled.value,
@@ -8977,7 +9038,7 @@ var stdin_default$X = vue.defineComponent({
         default: () => {
           var _a;
           return [vue.createVNode("div", {
-            "class": bem$N("list", {
+            "class": bem$O("list", {
               "with-bottom": props2.showCloseButton
             }),
             "style": {
@@ -9006,7 +9067,7 @@ var stdin_default$X = vue.defineComponent({
         default: () => {
           var _a;
           return [vue.createVNode("div", {
-            "class": bem$N("list", {
+            "class": bem$O("list", {
               "with-bottom": props2.showCloseButton
             }),
             "style": {
@@ -9033,28 +9094,28 @@ var stdin_default$X = vue.defineComponent({
     });
     return () => vue.createVNode("div", {
       "ref": root,
-      "class": bem$N()
+      "class": bem$O()
     }, [renderExchangeBar(), vue.createVNode(Tabs, {
       "active": activeTab.value,
       "onUpdate:active": ($event) => activeTab.value = $event,
-      "class": bem$N("tab")
+      "class": bem$O("tab")
     }, {
       default: () => [renderCouponTab(), renderDisabledTab()]
     }), vue.createVNode("div", {
-      "class": bem$N("bottom")
+      "class": bem$O("bottom")
     }, [vue.withDirectives(vue.createVNode(Button, {
       "round": true,
       "block": true,
       "type": "primary",
-      "class": bem$N("close"),
+      "class": bem$O("close"),
       "text": props2.closeButtonText || t$9("close"),
       "onClick": () => emit("change", -1)
     }, null), [[vue.vShow, props2.showCloseButton]])])]);
   }
 });
-const CouponList = withInstall(stdin_default$X);
+const CouponList = withInstall(stdin_default$Y);
 const currentYear = (/* @__PURE__ */ new Date()).getFullYear();
-const [name$N] = createNamespace("date-picker");
+const [name$O] = createNamespace("date-picker");
 const datePickerProps = extend({}, sharedProps, {
   columnsType: {
     type: Array,
@@ -9071,8 +9132,8 @@ const datePickerProps = extend({}, sharedProps, {
     validator: isDate
   }
 });
-var stdin_default$W = vue.defineComponent({
-  name: name$N,
+var stdin_default$X = vue.defineComponent({
+  name: name$O,
   props: datePickerProps,
   emits: ["confirm", "cancel", "change", "update:modelValue"],
   setup(props2, {
@@ -9165,8 +9226,8 @@ var stdin_default$W = vue.defineComponent({
     }, pick(props2, pickerInheritKeys)), slots);
   }
 });
-const DatePicker = withInstall(stdin_default$W);
-const [name$M, bem$M, t$8] = createNamespace("dialog");
+const DatePicker = withInstall(stdin_default$X);
+const [name$N, bem$N, t$8] = createNamespace("dialog");
 const dialogProps = extend({}, popupSharedProps, {
   title: String,
   theme: String,
@@ -9189,8 +9250,8 @@ const dialogProps = extend({}, popupSharedProps, {
   closeOnClickOverlay: Boolean
 });
 const popupInheritKeys$1 = [...popupSharedPropKeys, "transition", "closeOnPopstate"];
-var stdin_default$V = vue.defineComponent({
-  name: name$M,
+var stdin_default$W = vue.defineComponent({
+  name: name$N,
   props: dialogProps,
   emits: ["confirm", "cancel", "keydown", "update:show"],
   setup(props2, {
@@ -9247,7 +9308,7 @@ var stdin_default$V = vue.defineComponent({
       const title = slots.title ? slots.title() : props2.title;
       if (title) {
         return vue.createVNode("div", {
-          "class": bem$M("header", {
+          "class": bem$N("header", {
             isolated: !props2.message && !slots.default
           })
         }, [title]);
@@ -9259,7 +9320,7 @@ var stdin_default$V = vue.defineComponent({
         allowHtml,
         messageAlign
       } = props2;
-      const classNames = bem$M("message", {
+      const classNames = bem$N("message", {
         "has-title": hasTitle,
         [messageAlign]: messageAlign
       });
@@ -9277,7 +9338,7 @@ var stdin_default$V = vue.defineComponent({
     const renderContent = () => {
       if (slots.default) {
         return vue.createVNode("div", {
-          "class": bem$M("content")
+          "class": bem$N("content")
         }, [slots.default()]);
       }
       const {
@@ -9289,18 +9350,18 @@ var stdin_default$V = vue.defineComponent({
         const hasTitle = !!(title || slots.title);
         return vue.createVNode("div", {
           "key": allowHtml ? 1 : 0,
-          "class": bem$M("content", {
+          "class": bem$N("content", {
             isolated: !hasTitle
           })
         }, [renderMessage(hasTitle)]);
       }
     };
     const renderButtons = () => vue.createVNode("div", {
-      "class": [BORDER_TOP, bem$M("footer")]
+      "class": [BORDER_TOP, bem$N("footer")]
     }, [props2.showCancelButton && vue.createVNode(Button, {
       "size": "large",
       "text": props2.cancelButtonText || t$8("cancel"),
-      "class": bem$M("cancel"),
+      "class": bem$N("cancel"),
       "style": {
         color: props2.cancelButtonColor
       },
@@ -9310,7 +9371,7 @@ var stdin_default$V = vue.defineComponent({
     }, null), props2.showConfirmButton && vue.createVNode(Button, {
       "size": "large",
       "text": props2.confirmButtonText || t$8("confirm"),
-      "class": [bem$M("confirm"), {
+      "class": [bem$N("confirm"), {
         [BORDER_LEFT]: props2.showCancelButton
       }],
       "style": {
@@ -9321,12 +9382,12 @@ var stdin_default$V = vue.defineComponent({
       "onClick": onConfirm
     }, null)]);
     const renderRoundButtons = () => vue.createVNode(ActionBar, {
-      "class": bem$M("footer")
+      "class": bem$N("footer")
     }, {
       default: () => [props2.showCancelButton && vue.createVNode(ActionBarButton, {
         "type": "warning",
         "text": props2.cancelButtonText || t$8("cancel"),
-        "class": bem$M("cancel"),
+        "class": bem$N("cancel"),
         "color": props2.cancelButtonColor,
         "loading": loading.cancel,
         "disabled": props2.cancelButtonDisabled,
@@ -9334,7 +9395,7 @@ var stdin_default$V = vue.defineComponent({
       }, null), props2.showConfirmButton && vue.createVNode(ActionBarButton, {
         "type": "danger",
         "text": props2.confirmButtonText || t$8("confirm"),
-        "class": bem$M("confirm"),
+        "class": bem$N("confirm"),
         "color": props2.confirmButtonColor,
         "loading": loading.confirm,
         "disabled": props2.confirmButtonDisabled,
@@ -9358,7 +9419,7 @@ var stdin_default$V = vue.defineComponent({
       return vue.createVNode(Popup, vue.mergeProps({
         "ref": root,
         "role": "dialog",
-        "class": [bem$M([theme]), className],
+        "class": [bem$N([theme]), className],
         "style": {
           width: addUnit(width)
         },
@@ -9408,7 +9469,7 @@ function initInstance$2() {
         state,
         toggle
       } = usePopupState();
-      return () => vue.createVNode(stdin_default$V, vue.mergeProps(state, {
+      return () => vue.createVNode(stdin_default$W, vue.mergeProps(state, {
         "onUpdate:show": toggle
       }), null);
     }
@@ -9446,16 +9507,16 @@ const closeDialog = () => {
     instance$2.toggle(false);
   }
 };
-const Dialog = withInstall(stdin_default$V);
-const [name$L, bem$L] = createNamespace("divider");
+const Dialog = withInstall(stdin_default$W);
+const [name$M, bem$M] = createNamespace("divider");
 const dividerProps = {
   dashed: Boolean,
   hairline: truthProp,
   vertical: Boolean,
   contentPosition: makeStringProp("center")
 };
-var stdin_default$U = vue.defineComponent({
-  name: name$L,
+var stdin_default$V = vue.defineComponent({
+  name: name$M,
   props: dividerProps,
   setup(props2, {
     slots
@@ -9464,7 +9525,7 @@ var stdin_default$U = vue.defineComponent({
       var _a;
       return vue.createVNode("div", {
         "role": "separator",
-        "class": bem$L({
+        "class": bem$M({
           dashed: props2.dashed,
           hairline: props2.hairline,
           vertical: props2.vertical,
@@ -9474,8 +9535,8 @@ var stdin_default$U = vue.defineComponent({
     };
   }
 });
-const Divider = withInstall(stdin_default$U);
-const [name$K, bem$K] = createNamespace("dropdown-menu");
+const Divider = withInstall(stdin_default$V);
+const [name$L, bem$L] = createNamespace("dropdown-menu");
 const dropdownMenuProps = {
   overlay: truthProp,
   zIndex: numericProp,
@@ -9486,9 +9547,9 @@ const dropdownMenuProps = {
   closeOnClickOverlay: truthProp,
   swipeThreshold: numericProp
 };
-const DROPDOWN_KEY = Symbol(name$K);
-var stdin_default$T = vue.defineComponent({
-  name: name$K,
+const DROPDOWN_KEY = Symbol(name$L);
+var stdin_default$U = vue.defineComponent({
+  name: name$L,
   props: dropdownMenuProps,
   setup(props2, {
     slots
@@ -9559,7 +9620,7 @@ var stdin_default$T = vue.defineComponent({
         "id": `${id}-${index}`,
         "role": "button",
         "tabindex": disabled ? void 0 : 0,
-        "class": [bem$K("item", {
+        "class": [bem$L("item", {
           disabled,
           grow: scrollable.value
         }), {
@@ -9571,7 +9632,7 @@ var stdin_default$T = vue.defineComponent({
           }
         }
       }, [vue.createVNode("span", {
-        "class": [bem$K("title", {
+        "class": [bem$L("title", {
           down: showPopup === (props2.direction === "down"),
           active: showPopup
         }), titleClass],
@@ -9600,11 +9661,11 @@ var stdin_default$T = vue.defineComponent({
       var _a;
       return vue.createVNode("div", {
         "ref": root,
-        "class": bem$K()
+        "class": bem$L()
       }, [vue.createVNode("div", {
         "ref": barRef,
         "style": barStyle.value,
-        "class": bem$K("bar", {
+        "class": bem$L("bar", {
           opened: opened.value,
           scrollable: scrollable.value
         })
@@ -9612,7 +9673,7 @@ var stdin_default$T = vue.defineComponent({
     };
   }
 });
-const [name$J, bem$J] = createNamespace("dropdown-item");
+const [name$K, bem$K] = createNamespace("dropdown-item");
 const dropdownItemProps = {
   title: String,
   options: makeArrayProp(),
@@ -9622,8 +9683,8 @@ const dropdownItemProps = {
   modelValue: unknownProp,
   titleClass: unknownProp
 };
-var stdin_default$S = vue.defineComponent({
-  name: name$J,
+var stdin_default$T = vue.defineComponent({
+  name: name$K,
   inheritAttrs: false,
   props: dropdownItemProps,
   emits: ["open", "opened", "close", "closed", "change", "update:modelValue"],
@@ -9696,7 +9757,7 @@ var stdin_default$S = vue.defineComponent({
       const renderIcon = () => {
         if (active) {
           return vue.createVNode(Icon, {
-            "class": bem$J("icon"),
+            "class": bem$K("icon"),
             "color": activeColor,
             "name": "success"
           }, null);
@@ -9707,7 +9768,7 @@ var stdin_default$S = vue.defineComponent({
         "key": String(option.value),
         "icon": option.icon,
         "title": option.text,
-        "class": bem$J("option", {
+        "class": bem$K("option", {
           active
         }),
         "style": {
@@ -9739,13 +9800,13 @@ var stdin_default$S = vue.defineComponent({
       }
       return vue.withDirectives(vue.createVNode("div", vue.mergeProps({
         "style": style,
-        "class": bem$J([direction]),
+        "class": bem$K([direction]),
         "onClick": onClickWrapper
       }, attrs), [vue.createVNode(Popup, {
         "show": state.showPopup,
         "onUpdate:show": ($event) => state.showPopup = $event,
         "role": "menu",
-        "class": bem$J("content"),
+        "class": bem$K("content"),
         "overlay": overlay,
         "position": direction === "down" ? "top" : "bottom",
         "duration": state.transition ? duration : 0,
@@ -9783,8 +9844,8 @@ var stdin_default$S = vue.defineComponent({
     };
   }
 });
-const DropdownItem = withInstall(stdin_default$S);
-const DropdownMenu = withInstall(stdin_default$T);
+const DropdownItem = withInstall(stdin_default$T);
+const DropdownMenu = withInstall(stdin_default$U);
 const floatingBubbleProps = {
   gap: makeNumberProp(24),
   icon: String,
@@ -9802,9 +9863,9 @@ const floatingBubbleProps = {
     default: "body"
   }
 };
-const [name$I, bem$I] = createNamespace("floating-bubble");
-var stdin_default$R = vue.defineComponent({
-  name: name$I,
+const [name$J, bem$J] = createNamespace("floating-bubble");
+var stdin_default$S = vue.defineComponent({
+  name: name$J,
   inheritAttrs: false,
   props: floatingBubbleProps,
   emits: ["click", "update:offset", "offsetChange"],
@@ -9937,16 +9998,16 @@ var stdin_default$R = vue.defineComponent({
     });
     return () => {
       const Content = vue.withDirectives(vue.createVNode("div", vue.mergeProps({
-        "class": bem$I(),
+        "class": bem$J(),
         "ref": rootRef,
         "onTouchstartPassive": onTouchStart,
         "onTouchend": onTouchEnd,
         "onTouchcancel": onTouchEnd,
         "onClickCapture": onClick,
         "style": rootStyle.value
-      }, attrs), [slots.default ? slots.default() : vue.createVNode(stdin_default$1P, {
+      }, attrs), [slots.default ? slots.default() : vue.createVNode(stdin_default$1Q, {
         "name": props2.icon,
-        "class": bem$I("icon")
+        "class": bem$J("icon")
       }, null)]), [[vue.vShow, show.value]]);
       return props2.teleport ? vue.createVNode(vue.Teleport, {
         "to": props2.teleport
@@ -9956,7 +10017,7 @@ var stdin_default$R = vue.defineComponent({
     };
   }
 });
-const FloatingBubble = withInstall(stdin_default$R);
+const FloatingBubble = withInstall(stdin_default$S);
 const floatingPanelProps = {
   height: makeNumericProp(0),
   anchors: makeArrayProp(),
@@ -9965,9 +10026,9 @@ const floatingPanelProps = {
   lockScroll: Boolean,
   safeAreaInsetBottom: truthProp
 };
-const [name$H, bem$H] = createNamespace("floating-panel");
-var stdin_default$Q = vue.defineComponent({
-  name: name$H,
+const [name$I, bem$I] = createNamespace("floating-panel");
+var stdin_default$R = vue.defineComponent({
+  name: name$I,
   props: floatingPanelProps,
   emits: ["heightChange", "update:height"],
   setup(props2, {
@@ -10057,7 +10118,7 @@ var stdin_default$Q = vue.defineComponent({
     return () => {
       var _a;
       return vue.createVNode("div", {
-        "class": [bem$H(), {
+        "class": [bem$I(), {
           "van-safe-area-bottom": props2.safeAreaInsetBottom
         }],
         "ref": rootRef,
@@ -10066,18 +10127,18 @@ var stdin_default$Q = vue.defineComponent({
         "onTouchend": onTouchend,
         "onTouchcancel": onTouchend
       }, [vue.createVNode("div", {
-        "class": bem$H("header")
+        "class": bem$I("header")
       }, [vue.createVNode("div", {
-        "class": bem$H("header-bar")
+        "class": bem$I("header-bar")
       }, null)]), vue.createVNode("div", {
-        "class": bem$H("content"),
+        "class": bem$I("content"),
         "ref": contentRef
       }, [(_a = slots.default) == null ? void 0 : _a.call(slots)])]);
     };
   }
 });
-const FloatingPanel = withInstall(stdin_default$Q);
-const [name$G, bem$G] = createNamespace("grid");
+const FloatingPanel = withInstall(stdin_default$R);
+const [name$H, bem$H] = createNamespace("grid");
 const gridProps = {
   square: Boolean,
   center: truthProp,
@@ -10089,9 +10150,9 @@ const gridProps = {
   clickable: Boolean,
   columnNum: makeNumericProp(4)
 };
-const GRID_KEY = Symbol(name$G);
-var stdin_default$P = vue.defineComponent({
-  name: name$G,
+const GRID_KEY = Symbol(name$H);
+var stdin_default$Q = vue.defineComponent({
+  name: name$H,
   props: gridProps,
   setup(props2, {
     slots
@@ -10108,15 +10169,15 @@ var stdin_default$P = vue.defineComponent({
         "style": {
           paddingLeft: addUnit(props2.gutter)
         },
-        "class": [bem$G(), {
+        "class": [bem$H(), {
           [BORDER_TOP]: props2.border && !props2.gutter
         }]
       }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
     };
   }
 });
-const Grid = withInstall(stdin_default$P);
-const [name$F, bem$F] = createNamespace("grid-item");
+const Grid = withInstall(stdin_default$Q);
+const [name$G, bem$G] = createNamespace("grid-item");
 const gridItemProps = extend({}, routeProps, {
   dot: Boolean,
   text: String,
@@ -10126,8 +10187,8 @@ const gridItemProps = extend({}, routeProps, {
   iconPrefix: String,
   badgeProps: Object
 });
-var stdin_default$O = vue.defineComponent({
-  name: name$F,
+var stdin_default$P = vue.defineComponent({
+  name: name$G,
   props: gridItemProps,
   setup(props2, {
     slots
@@ -10193,7 +10254,7 @@ var stdin_default$O = vue.defineComponent({
           "name": props2.icon,
           "size": parent.props.iconSize,
           "badge": props2.badge,
-          "class": bem$F("icon"),
+          "class": bem$G("icon"),
           "color": props2.iconColor,
           "badgeProps": props2.badgeProps,
           "classPrefix": props2.iconPrefix
@@ -10206,7 +10267,7 @@ var stdin_default$O = vue.defineComponent({
       }
       if (props2.text) {
         return vue.createVNode("span", {
-          "class": bem$F("text")
+          "class": bem$G("text")
         }, [props2.text]);
       }
     };
@@ -10226,7 +10287,7 @@ var stdin_default$O = vue.defineComponent({
         direction,
         clickable
       } = parent.props;
-      const classes = [bem$F("content", [direction, {
+      const classes = [bem$G("content", [direction, {
         center,
         square,
         reverse,
@@ -10236,7 +10297,7 @@ var stdin_default$O = vue.defineComponent({
         [BORDER]: border
       }];
       return vue.createVNode("div", {
-        "class": [bem$F({
+        "class": [bem$G({
           square
         })],
         "style": rootStyle.value
@@ -10250,7 +10311,123 @@ var stdin_default$O = vue.defineComponent({
     };
   }
 });
-const GridItem = withInstall(stdin_default$O);
+const GridItem = withInstall(stdin_default$P);
+const [name$F, bem$F] = createNamespace("highlight");
+const highlightProps = {
+  autoEscape: truthProp,
+  caseSensitive: Boolean,
+  highlightClass: String,
+  highlightTag: makeStringProp("span"),
+  keywords: makeRequiredProp([String, Array]),
+  sourceString: makeStringProp(""),
+  tag: makeStringProp("div"),
+  unhighlightClass: String,
+  unhighlightTag: makeStringProp("span")
+};
+var stdin_default$O = vue.defineComponent({
+  name: name$F,
+  props: highlightProps,
+  setup(props2) {
+    const highlightChunks = vue.computed(() => {
+      const {
+        autoEscape,
+        caseSensitive,
+        keywords,
+        sourceString
+      } = props2;
+      const flags = caseSensitive ? "g" : "gi";
+      const _keywords = Array.isArray(keywords) ? keywords : [keywords];
+      let chunks = _keywords.filter((keyword) => keyword).reduce((chunks2, keyword) => {
+        if (autoEscape) {
+          keyword = keyword.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+        }
+        const regex = new RegExp(keyword, flags);
+        let match;
+        while (match = regex.exec(sourceString)) {
+          const start = match.index;
+          const end = regex.lastIndex;
+          if (start >= end) {
+            regex.lastIndex++;
+            continue;
+          }
+          chunks2.push({
+            start,
+            end,
+            highlight: true
+          });
+        }
+        return chunks2;
+      }, []);
+      chunks = chunks.sort((a, b) => a.start - b.start).reduce((chunks2, currentChunk) => {
+        const prevChunk = chunks2[chunks2.length - 1];
+        if (!prevChunk || currentChunk.start > prevChunk.end) {
+          const unhighlightStart = prevChunk ? prevChunk.end : 0;
+          const unhighlightEnd = currentChunk.start;
+          if (unhighlightStart !== unhighlightEnd) {
+            chunks2.push({
+              start: unhighlightStart,
+              end: unhighlightEnd,
+              highlight: false
+            });
+          }
+          chunks2.push(currentChunk);
+        } else {
+          prevChunk.end = Math.max(prevChunk.end, currentChunk.end);
+        }
+        return chunks2;
+      }, []);
+      const lastChunk = chunks[chunks.length - 1];
+      if (lastChunk && lastChunk.end < sourceString.length) {
+        chunks.push({
+          start: lastChunk.end,
+          end: sourceString.length,
+          highlight: false
+        });
+      }
+      return chunks;
+    });
+    const renderContent = () => {
+      const {
+        sourceString,
+        highlightClass,
+        unhighlightClass,
+        highlightTag,
+        unhighlightTag
+      } = props2;
+      return highlightChunks.value.map((chunk) => {
+        const {
+          start,
+          end,
+          highlight
+        } = chunk;
+        const text = sourceString.slice(start, end);
+        if (highlight) {
+          return vue.createVNode(highlightTag, {
+            "class": [bem$F("tag"), highlightClass]
+          }, {
+            default: () => [text]
+          });
+        }
+        return vue.createVNode(unhighlightTag, {
+          "class": unhighlightClass
+        }, {
+          default: () => [text]
+        });
+      });
+    };
+    return () => {
+      const {
+        tag
+      } = props2;
+      return vue.createVNode(tag, {
+        "class": bem$F()
+      }, {
+        default: () => [renderContent()]
+      });
+    };
+  }
+});
+const Highlight = withInstall(stdin_default$O);
 const getDistance = (touches) => Math.sqrt((touches[0].clientX - touches[1].clientX) ** 2 + (touches[0].clientY - touches[1].clientY) ** 2);
 const getCenter = (touches) => ({
   x: (touches[0].clientX + touches[1].clientX) / 2,
@@ -10258,19 +10435,20 @@ const getCenter = (touches) => ({
 });
 const bem$E = createNamespace("image-preview")[1];
 const longImageRatio = 2.6;
+const imagePreviewItemProps = {
+  src: String,
+  show: Boolean,
+  active: Number,
+  minZoom: makeRequiredProp(numericProp),
+  maxZoom: makeRequiredProp(numericProp),
+  rootWidth: makeRequiredProp(Number),
+  rootHeight: makeRequiredProp(Number),
+  disableZoom: Boolean,
+  doubleScale: Boolean,
+  closeOnClickOverlay: Boolean
+};
 var stdin_default$N = vue.defineComponent({
-  props: {
-    src: String,
-    show: Boolean,
-    active: Number,
-    minZoom: makeRequiredProp(numericProp),
-    maxZoom: makeRequiredProp(numericProp),
-    rootWidth: makeRequiredProp(Number),
-    rootHeight: makeRequiredProp(Number),
-    disableZoom: Boolean,
-    doubleScale: Boolean,
-    closeOnClickOverlay: Boolean
-  },
+  props: imagePreviewItemProps,
   emits: ["scale", "close", "longPress"],
   setup(props2, {
     emit,
@@ -10536,6 +10714,9 @@ var stdin_default$N = vue.defineComponent({
         return (_a = swipeItem.value) == null ? void 0 : _a.$el;
       })
     });
+    useExpose({
+      resetScale
+    });
     return () => {
       const imageSlots = {
         loading: () => vue.createVNode(Loading, {
@@ -10602,6 +10783,7 @@ var stdin_default$M = vue.defineComponent({
     slots
   }) {
     const swipeRef = vue.ref();
+    const activedPreviewItemRef = vue.ref();
     const state = vue.reactive({
       active: 0,
       rootWidth: 0,
@@ -10666,6 +10848,11 @@ var stdin_default$M = vue.defineComponent({
       "onDragStart": onDragStart
     }, {
       default: () => [props2.images.map((image, index) => vue.createVNode(stdin_default$N, {
+        "ref": (item) => {
+          if (index === state.active) {
+            activedPreviewItemRef.value = item;
+          }
+        },
         "src": image,
         "show": props2.show,
         "active": state.active,
@@ -10701,6 +10888,10 @@ var stdin_default$M = vue.defineComponent({
       return (_a = swipeRef.value) == null ? void 0 : _a.swipeTo(index, options);
     };
     useExpose({
+      resetScale: () => {
+        var _a;
+        (_a = activedPreviewItemRef.value) == null ? void 0 : _a.resetScale();
+      },
       swipeTo
     });
     vue.onMounted(resize);
@@ -12106,7 +12297,7 @@ var stdin_default$C = vue.defineComponent({
   }
 });
 const PasswordInput = withInstall(stdin_default$C);
-const PickerGroup = withInstall(stdin_default$1z);
+const PickerGroup = withInstall(stdin_default$1A);
 const [name$t, bem$s] = createNamespace("popover");
 const popupProps = ["overlay", "duration", "teleport", "overlayStyle", "overlayClass", "closeOnClickOverlay"];
 const popoverProps = {
@@ -12894,7 +13085,7 @@ var stdin_default$w = vue.defineComponent({
   }
 });
 const RollingText = withInstall(stdin_default$w);
-const Row = withInstall(stdin_default$16);
+const Row = withInstall(stdin_default$17);
 const [name$n, bem$m, t$4] = createNamespace("search");
 const searchProps = extend({}, fieldSharedProps, {
   label: String,
@@ -12972,7 +13163,9 @@ var stdin_default$v = vue.defineComponent({
       return vue.createVNode(Field, vue.mergeProps({
         "ref": fieldRef,
         "type": "search",
-        "class": bem$m("field"),
+        "class": bem$m("field", {
+          "with-message": fieldAttrs.errorMessage
+        }),
         "border": false,
         "onBlur": onBlur,
         "onFocus": onFocus,
@@ -13320,7 +13513,7 @@ var stdin_default$r = vue.defineComponent({
       }
       emit("clear");
     };
-    vue.onMounted(() => {
+    const initialize = () => {
       var _a, _b, _c;
       if (isRenderCanvas && canvasRef.value) {
         const canvas = canvasRef.value;
@@ -13330,6 +13523,18 @@ var stdin_default$r = vue.defineComponent({
         (_c = ctx.value) == null ? void 0 : _c.scale(dpr, dpr);
         setCanvasBgColor(ctx.value);
       }
+    };
+    const resize = () => {
+      if (ctx.value) {
+        const data = ctx.value.getImageData(0, 0, canvasWidth, canvasHeight);
+        initialize();
+        ctx.value.putImageData(data, 0, 0);
+      }
+    };
+    vue.watch(windowWidth, resize);
+    vue.onMounted(initialize);
+    useExpose({
+      resize
     });
     return () => vue.createVNode("div", {
       "class": bem$i()
@@ -16520,7 +16725,7 @@ const Lazyload = {
     });
   }
 };
-const version = "4.7.2";
+const version = "4.8.0";
 function install(app) {
   const components = [
     ActionBar,
@@ -16565,6 +16770,7 @@ function install(app) {
     Form,
     Grid,
     GridItem,
+    Highlight,
     Icon,
     Image$1,
     ImagePreview,
@@ -16679,6 +16885,7 @@ exports.FloatingPanel = FloatingPanel;
 exports.Form = Form;
 exports.Grid = Grid;
 exports.GridItem = GridItem;
+exports.Highlight = Highlight;
 exports.Icon = Icon;
 exports.Image = Image$1;
 exports.ImagePreview = ImagePreview;
@@ -16784,6 +16991,7 @@ exports.floatingPanelProps = floatingPanelProps;
 exports.formProps = formProps;
 exports.gridItemProps = gridItemProps;
 exports.gridProps = gridProps;
+exports.highlightProps = highlightProps;
 exports.iconProps = iconProps;
 exports.imagePreviewProps = imagePreviewProps;
 exports.imageProps = imageProps;