vant 4.7.2 → 4.8.0

package/lib/vant.js

@@ -629,7 +629,7 @@
     });
     return to;
   }
-  var stdin_default$1V = {
+  var stdin_default$1W = {
     name: "姓名",
     tel: "电话",
     save: "保存",
@@ -693,7 +693,7 @@
   };
   const lang = vue.ref("zh-CN");
   const messages = vue.reactive({
-    "zh-CN": stdin_default$1V
+    "zh-CN": stdin_default$1W
   });
   const Locale = {
     messages() {
@@ -708,11 +708,11 @@
     }
   };
   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;
     };
@@ -842,20 +842,20 @@
       }
     }, [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
       } = useChildren(ACTION_BAR_KEY);
@@ -864,7 +864,7 @@
         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)]);
@@ -877,7 +877,7 @@
       };
     }
   });
-  const ActionBar = withInstall(stdin_default$1T);
+  const ActionBar = withInstall(stdin_default$1U);
   function useExpose(apis) {
     const instance2 = vue.getCurrentInstance();
     if (instance2) {
@@ -905,7 +905,7 @@
     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,
@@ -916,8 +916,8 @@
     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
@@ -980,7 +980,7 @@
       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
             }]),
@@ -994,7 +994,7 @@
             tag
           } = props2;
           return vue.createVNode(tag, {
-            "class": bem$1D("wrapper")
+            "class": bem$1E("wrapper")
           }, {
             default: () => [slots.default(), renderBadge()]
           });
@@ -1003,14 +1003,14 @@
       };
     }
   });
-  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"),
@@ -1044,8 +1044,8 @@
       }
     });
   }
-  var stdin_default$1R = vue.defineComponent({
-    name: name$1H,
+  var stdin_default$1S = vue.defineComponent({
+    name: name$1I,
     props: configProviderProps,
     setup(props2, {
       slots
@@ -1093,7 +1093,7 @@
         }
       });
       return () => vue.createVNode(props2.tag, {
-        "class": bem$1C(),
+        "class": bem$1D(),
         "style": props2.themeVarsScope === "local" ? style.value : void 0
       }, {
         default: () => {
@@ -1103,7 +1103,7 @@
       });
     }
   });
-  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,
@@ -1115,14 +1115,14 @@
     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,
@@ -1146,7 +1146,7 @@
           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)];
           }
@@ -1154,14 +1154,14 @@
       };
     }
   });
-  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",
@@ -1177,8 +1177,8 @@
     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
@@ -1189,7 +1189,7 @@
       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]);
       };
@@ -1197,7 +1197,7 @@
         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
@@ -1211,7 +1211,7 @@
           vertical
         } = props2;
         return vue.createVNode("div", {
-          "class": bem$1A([type, {
+          "class": bem$1B([type, {
             vertical
           }]),
           "aria-live": "polite",
@@ -1220,8 +1220,8 @@
       };
     }
   });
-  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,
@@ -1243,8 +1243,8 @@
     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, {
@@ -1259,7 +1259,7 @@
         return vue.createVNode(Loading, {
           "size": props2.loadingSize,
           "type": props2.loadingType,
-          "class": bem$1z("loading")
+          "class": bem$1A("loading")
         }, null);
       };
       const renderIcon = () => {
@@ -1268,13 +1268,13 @@
         }
         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);
         }
@@ -1288,7 +1288,7 @@
         }
         if (text) {
           return vue.createVNode("span", {
-            "class": bem$1z("text")
+            "class": bem$1A("text")
           }, [text]);
         }
       };
@@ -1335,7 +1335,7 @@
           nativeType,
           iconPosition
         } = props2;
-        const classes = [bem$1z([type, size, {
+        const classes = [bem$1A([type, size, {
           plain,
           block,
           round: round2,
@@ -1354,14 +1354,14 @@
           "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,
@@ -1370,8 +1370,8 @@
     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
@@ -1406,7 +1406,7 @@
           disabled
         } = props2;
         return vue.createVNode(Button, {
-          "class": bem$1y([type, {
+          "class": bem$1z([type, {
             last: isLast.value,
             first: isFirst.value
           }]),
@@ -1423,8 +1423,8 @@
       };
     }
   });
-  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,
@@ -1435,8 +1435,8 @@
     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
@@ -1456,7 +1456,7 @@
         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
@@ -1468,20 +1468,20 @@
           "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,
@@ -1643,7 +1643,7 @@
     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,
@@ -1653,8 +1653,8 @@
     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
@@ -1675,7 +1675,7 @@
         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]]);
       });
       useEventListener("touchmove", onTouchMove, {
@@ -1689,7 +1689,7 @@
       });
     }
   });
-  const Overlay = withInstall(stdin_default$1K);
+  const Overlay = withInstall(stdin_default$1L);
   const popupProps$2 = extend({}, popupSharedProps, {
     round: Boolean,
     position: makeStringProp("center"),
@@ -1702,9 +1702,9 @@
     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"],
@@ -1779,7 +1779,7 @@
             "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);
@@ -1808,7 +1808,7 @@
           "style": style.value,
           "role": "dialog",
           "tabindex": 0,
-          "class": [bem$1v({
+          "class": [bem$1w({
             round: round2,
             [position]: position
           }), {
@@ -1889,8 +1889,8 @@
       };
     }
   });
-  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,
@@ -1904,8 +1904,8 @@
     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, {
@@ -1920,10 +1920,10 @@
       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)]);
         }
@@ -1931,10 +1931,10 @@
       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])];
         }
@@ -1942,7 +1942,7 @@
       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) {
@@ -1952,9 +1952,9 @@
           });
         }
         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) => {
@@ -1982,7 +1982,7 @@
           "style": {
             color
           },
-          "class": [bem$1u("item", {
+          "class": [bem$1v("item", {
             loading,
             disabled
           }), className],
@@ -1993,26 +1993,26 @@
         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];
@@ -2081,10 +2081,10 @@
   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),
@@ -2226,7 +2226,7 @@
             role: "button",
             style: optionStyle,
             tabindex: disabled ? -1 : 0,
-            class: [bem$1s("item", {
+            class: [bem$1t("item", {
               disabled,
               selected: value === props2.value
             }), option.className],
@@ -2256,7 +2256,7 @@
       });
       return () => vue.createVNode("div", {
         "ref": root,
-        "class": bem$1s(),
+        "class": bem$1t(),
         "onTouchstartPassive": onTouchStart,
         "onTouchend": onTouchEnd,
         "onTouchcancel": onTouchEnd
@@ -2267,12 +2267,12 @@
           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,
@@ -2280,8 +2280,8 @@
   };
   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, {
@@ -2294,7 +2294,7 @@
         }
         if (props2.title) {
           return vue.createVNode("div", {
-            "class": [bem$1t("title"), "van-ellipsis"]
+            "class": [bem$1u("title"), "van-ellipsis"]
           }, [props2.title]);
         }
       };
@@ -2304,7 +2304,7 @@
         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]);
       };
@@ -2312,12 +2312,12 @@
         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()]]);
     }
   });
@@ -2502,7 +2502,7 @@
     vue.onBeforeUnmount(unobserve);
     onMountedOrActivated(observe);
   }
-  const [name$1v, bem$1r] = createNamespace("sticky");
+  const [name$1w, bem$1s] = createNamespace("sticky");
   const stickyProps = {
     zIndex: numericProp,
     position: makeStringProp("top"),
@@ -2510,8 +2510,8 @@
     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, {
@@ -2624,7 +2624,7 @@
           "ref": root,
           "style": rootStyle.value
         }, [vue.createVNode("div", {
-          "class": bem$1r({
+          "class": bem$1s({
             fixed: state.fixed && !isReset.value
           }),
           "style": stickyStyle.value
@@ -2632,8 +2632,8 @@
       };
     }
   });
-  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,
@@ -2648,9 +2648,9 @@
     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, {
@@ -2928,7 +2928,7 @@
         } : void 0;
         return vue.createVNode("i", {
           "style": style,
-          "class": bem$1q("indicator", {
+          "class": bem$1r("indicator", {
             active
           })
         }, null);
@@ -2942,7 +2942,7 @@
         }
         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)]);
@@ -2984,11 +2984,11 @@
         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,
@@ -2998,10 +2998,10 @@
       };
     }
   });
-  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,
@@ -3025,7 +3025,7 @@
           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,
@@ -3053,13 +3053,13 @@
         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,
@@ -3075,6 +3075,7 @@
     offsetTop: makeNumericProp(0),
     background: String,
     lazyRender: truthProp,
+    showHeader: truthProp,
     lineWidth: numericProp,
     lineHeight: numericProp,
     beforeChange: Function,
@@ -3082,9 +3083,9 @@
     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, {
@@ -3282,7 +3283,7 @@
       const renderLine = () => {
         if (props2.type === "line" && children.length) {
           return vue.createVNode("div", {
-            "class": bem$1o("line"),
+            "class": bem$1p("line"),
             "style": state.lineStyle
           }, null);
         }
@@ -3296,13 +3297,13 @@
         } = 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
           }]),
@@ -3375,14 +3376,14 @@
       });
       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,
@@ -3402,9 +3403,9 @@
   });
   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,
@@ -3453,7 +3454,7 @@
       });
       const renderText = () => {
         const Text = vue.createVNode("span", {
-          "class": bem$1n("text", {
+          "class": bem$1o("text", {
             ellipsis: !props2.scrollable
           })
         }, [slots.title ? slots.title() : props2.title]);
@@ -3471,7 +3472,7 @@
       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,
@@ -3485,9 +3486,9 @@
       }, [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
     }) {
@@ -3549,14 +3550,14 @@
       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,
@@ -3567,8 +3568,8 @@
     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
@@ -3663,7 +3664,7 @@
           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,
@@ -3673,7 +3674,7 @@
             default: () => {
               var _a2;
               return [vue.createVNode("div", {
-                "class": bem$1l("panel")
+                "class": bem$1m("panel")
               }, [(_a2 = slots.default) == null ? void 0 : _a2.call(slots)])];
             }
           });
@@ -3683,24 +3684,24 @@
         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, {
@@ -3723,12 +3724,12 @@
       };
       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,
@@ -3737,14 +3738,14 @@
         }, 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]]
           }))]
@@ -3767,8 +3768,8 @@
     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, {
@@ -3849,7 +3850,7 @@
         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,
@@ -3878,10 +3879,10 @@
             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)];
         }
@@ -3893,13 +3894,13 @@
         };
         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));
@@ -3942,9 +3943,9 @@
       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]);
       };
     }
@@ -4035,8 +4036,8 @@
     }
     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),
@@ -4046,8 +4047,8 @@
       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, {
@@ -4094,7 +4095,7 @@
         "ref": picker,
         "modelValue": codes.value,
         "onUpdate:modelValue": ($event) => codes.value = $event,
-        "class": bem$1j(),
+        "class": bem$1k(),
         "columns": columns.value,
         "onChange": onChange,
         "onCancel": onCancel,
@@ -4102,8 +4103,8 @@
       }, 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,
@@ -4114,21 +4115,24 @@
     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
@@ -4138,7 +4142,7 @@
         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]);
         }
       };
@@ -4150,7 +4154,7 @@
             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()]);
         }
@@ -4160,7 +4164,7 @@
         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])]);
         }
       };
@@ -4171,7 +4175,7 @@
         if (props2.icon) {
           return vue.createVNode(Icon, {
             "name": props2.icon,
-            "class": bem$1i("left-icon"),
+            "class": bem$1j("left-icon"),
             "classPrefix": props2.iconPrefix
           }, null);
         }
@@ -4184,7 +4188,7 @@
           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);
         }
       };
@@ -4201,7 +4205,7 @@
         const clickable = (_a = props2.clickable) != null ? _a : isLink;
         const classes = {
           center,
-          required,
+          required: !!required,
           clickable,
           borderless: !border
         };
@@ -4209,7 +4213,7 @@
           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
@@ -4222,12 +4226,13 @@
       };
     }
   });
-  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,
@@ -4242,8 +4247,8 @@
       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, {
@@ -4369,13 +4374,13 @@
       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;
@@ -4464,7 +4469,7 @@
   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,
@@ -4483,12 +4488,12 @@
     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
@@ -4517,8 +4522,8 @@
       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, {
@@ -4564,6 +4569,14 @@
         }
         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;
@@ -4792,7 +4805,7 @@
       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
@@ -4837,7 +4850,7 @@
         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,
@@ -4849,7 +4862,7 @@
         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,
@@ -4861,9 +4874,9 @@
         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]);
         }
       };
@@ -4876,7 +4889,7 @@
           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]);
@@ -4904,13 +4917,13 @@
         }
       };
       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,
@@ -4954,7 +4967,7 @@
         };
         return vue.createVNode(Cell, {
           "size": props2.size,
-          "class": bem$1g({
+          "class": bem$1h({
             error: showError.value,
             disabled,
             [`label-${labelAlign}`]: labelAlign
@@ -4964,9 +4977,9 @@
           "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
         }, {
@@ -4978,7 +4991,7 @@
       };
     }
   });
-  const Field = withInstall(stdin_default$1u);
+  const Field = withInstall(stdin_default$1v);
   let lockCount = 0;
   function lockClick(lock) {
     if (lock) {
@@ -4993,7 +5006,7 @@
       }
     }
   }
-  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,
@@ -5016,8 +5029,8 @@
     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, {
@@ -5053,13 +5066,13 @@
           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);
@@ -5072,16 +5085,16 @@
         } = 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]);
         }
       };
@@ -5097,7 +5110,7 @@
       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,
@@ -5198,7 +5211,7 @@
             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;
@@ -5268,8 +5281,8 @@
   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,
@@ -5286,8 +5299,8 @@
       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, {
@@ -5306,7 +5319,7 @@
         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);
         }
@@ -5331,7 +5344,7 @@
         };
         return vue.createVNode("div", {
           "role": "switch",
-          "class": bem$1e({
+          "class": bem$1f({
             on: checked,
             loading,
             disabled
@@ -5341,16 +5354,16 @@
           "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,
@@ -5384,7 +5397,7 @@
           "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));
@@ -5398,7 +5411,7 @@
             "autosize": true,
             "clearable": true,
             "ref": field,
-            "class": bem$1d(),
+            "class": bem$1e(),
             "rows": props2.rows,
             "type": "textarea",
             "rules": props2.rules,
@@ -5415,7 +5428,7 @@
       };
     }
   });
-  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: "",
@@ -5455,8 +5468,8 @@
       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, {
@@ -5574,7 +5587,7 @@
             "center": true,
             "border": false,
             "title": t$i("defaultAddress"),
-            "class": bem$1c("default")
+            "class": bem$1d("default")
           }, slots2), [[vue.vShow, !hideBottomFields.value]]);
         }
       };
@@ -5600,13 +5613,13 @@
           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)],
@@ -5630,14 +5643,14 @@
               "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,
@@ -5651,19 +5664,19 @@
               "onInput": onChangeDetail,
               "onSelectSearch": (event) => emit("selectSearch", event)
             }, null), (_a = slots.default) == null ? void 0 : _a.call(slots)]), renderSetDefaultCell(), vue.withDirectives(vue.createVNode("div", {
-              "class": bem$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
@@ -5693,8 +5706,8 @@
       };
     }
   });
-  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,
@@ -5703,9 +5716,9 @@
     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, {
@@ -5725,14 +5738,14 @@
       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,
@@ -5744,8 +5757,8 @@
     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, {
@@ -5788,12 +5801,12 @@
         }
         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, {
@@ -5803,7 +5816,7 @@
       });
     }
   });
-  const Tag = withInstall(stdin_default$1o);
+  const Tag = withInstall(stdin_default$1p);
   const checkerProps = {
     name: unknownProp,
     disabled: Boolean,
@@ -5813,7 +5826,7 @@
     labelPosition: String,
     labelDisabled: Boolean
   };
-  var stdin_default$1n = vue.defineComponent({
+  var stdin_default$1o = vue.defineComponent({
     props: extend({}, checkerProps, {
       bem: makeRequiredProp(Function),
       role: String,
@@ -5910,12 +5923,18 @@
         }, 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 () => {
@@ -5936,9 +5955,9 @@
   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, {
@@ -5959,8 +5978,8 @@
           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(),
@@ -5968,10 +5987,10 @@
       }, 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,
@@ -5992,7 +6011,7 @@
       };
       const renderRightIcon = () => vue.createVNode(Icon, {
         "name": props2.rightIcon,
-        "class": bem$18("edit"),
+        "class": bem$19("edit"),
         "onClick": (event) => {
           event.stopPropagation();
           emit("edit");
@@ -6007,7 +6026,7 @@
           return vue.createVNode(Tag, {
             "type": "primary",
             "round": true,
-            "class": bem$18("tag")
+            "class": bem$19("tag")
           }, {
             default: () => [props2.defaultTagText]
           });
@@ -6020,9 +6039,9 @@
           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, {
@@ -6040,13 +6059,13 @@
           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
@@ -6056,7 +6075,7 @@
       };
     }
   });
-  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,
@@ -6068,8 +6087,8 @@
     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, {
@@ -6085,7 +6104,7 @@
             emit("update:modelValue", item.id);
           }
         };
-        return vue.createVNode(stdin_default$1l, {
+        return vue.createVNode(stdin_default$1m, {
           "key": item.id,
           "address": item,
           "disabled": disabled,
@@ -6106,13 +6125,13 @@
         }
       };
       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 () => {
@@ -6120,10 +6139,10 @@
         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
         }, {
@@ -6132,7 +6151,7 @@
       };
     }
   });
-  const AddressList = withInstall(stdin_default$1k);
+  const AddressList = withInstall(stdin_default$1l);
   const hasIntersectionObserver = inBrowser && "IntersectionObserver" in window && "IntersectionObserverEntry" in window && "intersectionRatio" in window.IntersectionObserverEntry.prototype;
   const modeType = {
     event: "event",
@@ -6285,7 +6304,7 @@
       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,
@@ -6298,8 +6317,8 @@
       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"],
@@ -6368,19 +6387,19 @@
       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
           }, {
@@ -6391,7 +6410,7 @@
       };
     }
   });
-  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) => {
@@ -6420,9 +6439,9 @@
     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, {
@@ -6430,7 +6449,7 @@
       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) => {
@@ -6511,15 +6530,15 @@
       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();
@@ -6599,9 +6618,9 @@
     }
     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,
@@ -6665,7 +6684,7 @@
         } = 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]);
         }
       };
@@ -6675,7 +6694,7 @@
         } = 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]);
         }
       };
@@ -6692,7 +6711,7 @@
         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,
@@ -6709,21 +6728,21 @@
         } = 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,
@@ -6740,8 +6759,8 @@
     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, {
@@ -6846,7 +6865,7 @@
       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
@@ -6856,7 +6875,7 @@
       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]);
         }
       };
@@ -6896,7 +6915,7 @@
           setScrollTop(body, daysRect.top + rowOffset + body.scrollTop - 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,
@@ -6908,7 +6927,7 @@
       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,
@@ -6918,14 +6937,14 @@
         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,
@@ -6944,7 +6963,7 @@
           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]);
         }
       };
@@ -6956,7 +6975,7 @@
             text: props2.subtitle
           }) : props2.subtitle;
           return vue.createVNode("div", {
-            "class": bem$14("header-subtitle"),
+            "class": bem$15("header-subtitle"),
             "onClick": onClickSubtitle
           }, [title]);
         }
@@ -6968,13 +6987,13 @@
         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()]);
     }
   });
@@ -7025,8 +7044,8 @@
       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, {
@@ -7075,7 +7094,7 @@
       let bodyHeight;
       const bodyRef = vue.ref();
       const subtitle = vue.ref({
-        text: "",
+        textFn: () => "",
         date: void 0
       });
       const currentDate = vue.ref(getInitialDate());
@@ -7139,7 +7158,7 @@
         });
         if (currentMonth) {
           subtitle.value = {
-            text: currentMonth.getTitle(),
+            textFn: currentMonth.getTitle,
             date: currentMonth.date
           };
         }
@@ -7289,7 +7308,7 @@
       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,
@@ -7313,7 +7332,7 @@
             "block": true,
             "type": "primary",
             "color": props2.color,
-            "class": bem$14("confirm"),
+            "class": bem$15("confirm"),
             "disabled": disabled,
             "nativeType": "button",
             "onClick": onConfirm
@@ -7325,25 +7344,28 @@
         }
       };
       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) => {
@@ -7360,7 +7382,7 @@
         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,
@@ -7377,8 +7399,8 @@
       };
     }
   });
-  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,
@@ -7397,8 +7419,8 @@
     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, {
@@ -7459,13 +7481,13 @@
       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 = () => {
@@ -7474,7 +7496,7 @@
         }
         const attrs = {
           alt: props2.alt,
-          class: bem$13("img"),
+          class: bem$14("img"),
           style: {
             objectFit: props2.fit,
             objectPosition: props2.position
@@ -7532,7 +7554,7 @@
       return () => {
         var _a;
         return vue.createVNode("div", {
-          "class": bem$13({
+          "class": bem$14({
             round: props2.round,
             block: props2.block
           }),
@@ -7541,8 +7563,8 @@
       };
     }
   });
-  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,
@@ -7556,8 +7578,8 @@
     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, {
@@ -7570,14 +7592,14 @@
         }
         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"
@@ -7602,7 +7624,7 @@
         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()]);
         }
@@ -7613,18 +7635,18 @@
         }
         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 () => {
@@ -7634,34 +7656,34 @@
         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(),
@@ -7674,8 +7696,8 @@
     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, {
@@ -7784,12 +7806,12 @@
         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) => {
@@ -7805,7 +7827,7 @@
         return vue.createVNode("li", {
           "ref": selected ? setSelectedElementRefs(tabIndex) : void 0,
           "role": "menuitemradio",
-          "class": [bem$11("option", {
+          "class": [bem$12("option", {
             selected,
             disabled
           }), option.className],
@@ -7818,12 +7840,12 @@
           "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 {
@@ -7834,7 +7856,7 @@
         const title = selected ? selected[textKey] : placeholder;
         return vue.createVNode(Tab, {
           "title": title,
-          "titleClass": bem$11("tab", {
+          "titleClass": bem$12("tab", {
             unselected: !selected
           })
         }, {
@@ -7853,7 +7875,7 @@
         "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
@@ -7888,19 +7910,19 @@
         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, {
@@ -7910,7 +7932,7 @@
       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
@@ -7918,7 +7940,7 @@
         }, 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]);
@@ -7930,8 +7952,8 @@
       };
     }
   });
-  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"),
@@ -7941,9 +7963,9 @@
     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, {
@@ -7989,12 +8011,12 @@
       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,
@@ -8003,8 +8025,8 @@
       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, {
@@ -8066,8 +8088,8 @@
         checked
       });
       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,
@@ -8075,9 +8097,9 @@
       }, 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) {
@@ -8098,8 +8120,8 @@
     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, {
@@ -8167,7 +8189,7 @@
         return vue.createVNode("path", {
           "d": path.value,
           "style": style,
-          "class": bem$Z("hover"),
+          "class": bem$_("hover"),
           "stroke": color
         }, null);
       };
@@ -8178,7 +8200,7 @@
           strokeWidth: `${props2.strokeWidth}px`
         };
         return vue.createVNode("path", {
-          "class": bem$Z("layer"),
+          "class": bem$_("layer"),
           "style": style,
           "d": path.value
         }, null);
@@ -8209,12 +8231,12 @@
         }
         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}`,
@@ -8222,18 +8244,21 @@
       }, [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
@@ -8257,7 +8282,12 @@
         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;
@@ -8281,8 +8311,31 @@
         });
         return spaces2;
       });
+      const verticalSpaces = vue.computed(() => {
+        const {
+          gutter
+        } = props2;
+        const spaces2 = [];
+        if (Array.isArray(gutter) && gutter.length > 1) {
+          const bottom2 = Number(gutter[1]) || 0;
+          if (bottom2 <= 0) {
+            return spaces2;
+          }
+          groups.value.forEach((group, index) => {
+            if (index === groups.value.length - 1)
+              return;
+            group.forEach(() => {
+              spaces2.push({
+                bottom: bottom2
+              });
+            });
+          });
+        }
+        return spaces2;
+      });
       linkChildren({
-        spaces
+        spaces,
+        verticalSpaces
       });
       return () => {
         const {
@@ -8292,7 +8345,7 @@
           justify
         } = props2;
         return vue.createVNode(tag, {
-          "class": bem$Y({
+          "class": bem$Z({
             [`align-${align}`]: align,
             [`justify-${justify}`]: justify,
             nowrap: !wrap
@@ -8306,14 +8359,14 @@
       };
     }
   });
-  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
@@ -8327,18 +8380,26 @@
           return;
         }
         const {
-          spaces
+          spaces,
+          verticalSpaces
         } = parent;
+        let styles = {};
         if (spaces && spaces.value && spaces.value[index.value]) {
           const {
             left: left2,
             right: right2
           } = spaces.value[index.value];
-          return {
+          styles = {
             paddingLeft: left2 ? `${left2}px` : null,
             paddingRight: right2 ? `${right2}px` : null
           };
         }
+        const {
+          bottom: bottom2
+        } = verticalSpaces.value[index.value] || {};
+        return extend(styles, {
+          marginBottom: bottom2 ? `${bottom2}px` : null
+        });
       });
       return () => {
         const {
@@ -8348,7 +8409,7 @@
         } = props2;
         return vue.createVNode(tag, {
           "style": style.value,
-          "class": bem$X({
+          "class": bem$Y({
             [span]: span,
             [`offset-${offset2}`]: offset2
           })
@@ -8361,9 +8422,9 @@
       };
     }
   });
-  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,
@@ -8372,8 +8433,8 @@
       default: ""
     }
   };
-  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, {
@@ -8440,15 +8501,15 @@
       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,
@@ -8457,8 +8518,8 @@
     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
@@ -8537,7 +8598,7 @@
         }
         return vue.createVNode(Cell, vue.mergeProps({
           "role": "button",
-          "class": bem$V("title", {
+          "class": bem$W("title", {
             disabled,
             expanded: expanded.value,
             borderless: !border
@@ -8550,11 +8611,11 @@
         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({
@@ -8563,15 +8624,15 @@
         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,
@@ -8579,8 +8640,8 @@
     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, {
@@ -8600,18 +8661,18 @@
       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: ""
@@ -8631,8 +8692,8 @@
       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, {
@@ -8646,20 +8707,20 @@
       };
       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)]);
@@ -8672,7 +8733,7 @@
         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
@@ -8681,11 +8742,11 @@
       };
       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,
@@ -8712,16 +8773,16 @@
       });
     }
   });
-  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, {
@@ -8733,13 +8794,13 @@
           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);
@@ -8751,7 +8812,7 @@
             nodes.push(vue.createVNode(Tag, {
               "type": "primary",
               "round": true,
-              "class": bem$S("item-tag")
+              "class": bem$T("item-tag")
             }, {
               default: () => [props2.defaultTagText]
             }));
@@ -8762,8 +8823,8 @@
           "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,
@@ -8772,25 +8833,25 @@
         });
       };
       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;
@@ -8826,15 +8887,15 @@
     }
     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, {
@@ -8869,11 +8930,11 @@
       });
       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(
@@ -8882,9 +8943,9 @@
   }
   const formatDiscount = (discount) => (discount / 10).toFixed(discount % 10 === 0 ? 0 : 1);
   const formatAmount = (amount) => (amount / 100).toFixed(amount % 100 === 0 ? 0 : amount % 10 === 0 ? 1 : 2);
-  const [name$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),
@@ -8928,34 +8989,34 @@
         } = 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,
@@ -8983,34 +9044,34 @@
     }
     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
@@ -9019,14 +9080,14 @@
         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()]);
         }
       };
@@ -9311,15 +9372,15 @@
         }, 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(),
@@ -9340,8 +9401,8 @@
     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, {
@@ -9377,26 +9438,26 @@
         "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,
@@ -9416,7 +9477,7 @@
           default: () => {
             var _a;
             return [vue.createVNode("div", {
-              "class": bem$N("list", {
+              "class": bem$O("list", {
                 "with-bottom": props2.showCloseButton
               }),
               "style": {
@@ -9445,7 +9506,7 @@
           default: () => {
             var _a;
             return [vue.createVNode("div", {
-              "class": bem$N("list", {
+              "class": bem$O("list", {
                 "with-bottom": props2.showCloseButton
               }),
               "style": {
@@ -9472,28 +9533,28 @@
       });
       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,
@@ -9510,8 +9571,8 @@
       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, {
@@ -9601,8 +9662,8 @@
       }, 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,
@@ -9625,8 +9686,8 @@
     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, {
@@ -9683,7 +9744,7 @@
         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]);
@@ -9695,7 +9756,7 @@
           allowHtml,
           messageAlign
         } = props2;
-        const classNames = bem$M("message", {
+        const classNames = bem$N("message", {
           "has-title": hasTitle,
           [messageAlign]: messageAlign
         });
@@ -9713,7 +9774,7 @@
       const renderContent = () => {
         if (slots.default) {
           return vue.createVNode("div", {
-            "class": bem$M("content")
+            "class": bem$N("content")
           }, [slots.default()]);
         }
         const {
@@ -9725,18 +9786,18 @@
           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
         },
@@ -9746,7 +9807,7 @@
       }, 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": {
@@ -9757,12 +9818,12 @@
         "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,
@@ -9770,7 +9831,7 @@
         }, 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,
@@ -9794,7 +9855,7 @@
         return vue.createVNode(Popup, vue.mergeProps({
           "ref": root,
           "role": "dialog",
-          "class": [bem$M([theme]), className],
+          "class": [bem$N([theme]), className],
           "style": {
             width: addUnit(width2)
           },
@@ -9844,7 +9905,7 @@
           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);
       }
@@ -9882,16 +9943,16 @@
       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
@@ -9900,7 +9961,7 @@
         var _a;
         return vue.createVNode("div", {
           "role": "separator",
-          "class": bem$L({
+          "class": bem$M({
             dashed: props2.dashed,
             hairline: props2.hairline,
             vertical: props2.vertical,
@@ -9910,8 +9971,8 @@
       };
     }
   });
-  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,
@@ -9922,9 +9983,9 @@
     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
@@ -9995,7 +10056,7 @@
           "id": `${id}-${index}`,
           "role": "button",
           "tabindex": disabled ? void 0 : 0,
-          "class": [bem$K("item", {
+          "class": [bem$L("item", {
             disabled,
             grow: scrollable.value
           }), {
@@ -10007,7 +10068,7 @@
             }
           }
         }, [vue.createVNode("span", {
-          "class": [bem$K("title", {
+          "class": [bem$L("title", {
             down: showPopup === (props2.direction === "down"),
             active: showPopup
           }), titleClass],
@@ -10036,11 +10097,11 @@
         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
           })
@@ -10048,7 +10109,7 @@
       };
     }
   });
-  const [name$J, bem$J] = createNamespace("dropdown-item");
+  const [name$K, bem$K] = createNamespace("dropdown-item");
   const dropdownItemProps = {
     title: String,
     options: makeArrayProp(),
@@ -10058,8 +10119,8 @@
     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"],
@@ -10129,7 +10190,7 @@
         const renderIcon = () => {
           if (active) {
             return vue.createVNode(Icon, {
-              "class": bem$J("icon"),
+              "class": bem$K("icon"),
               "color": activeColor,
               "name": "success"
             }, null);
@@ -10140,7 +10201,7 @@
           "key": String(option.value),
           "icon": option.icon,
           "title": option.text,
-          "class": bem$J("option", {
+          "class": bem$K("option", {
             active
           }),
           "style": {
@@ -10172,13 +10233,13 @@
         }
         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,
@@ -10216,8 +10277,8 @@
       };
     }
   });
-  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,
@@ -10235,9 +10296,9 @@
       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"],
@@ -10370,16 +10431,16 @@
       });
       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
@@ -10389,7 +10450,7 @@
       };
     }
   });
-  const FloatingBubble = withInstall(stdin_default$R);
+  const FloatingBubble = withInstall(stdin_default$S);
   const floatingPanelProps = {
     height: makeNumericProp(0),
     anchors: makeArrayProp(),
@@ -10398,9 +10459,9 @@
     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, {
@@ -10490,7 +10551,7 @@
       return () => {
         var _a;
         return vue.createVNode("div", {
-          "class": [bem$H(), {
+          "class": [bem$I(), {
             "van-safe-area-bottom": props2.safeAreaInsetBottom
           }],
           "ref": rootRef,
@@ -10499,18 +10560,18 @@
           "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,
@@ -10522,9 +10583,9 @@
     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
@@ -10541,15 +10602,15 @@
           "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,
@@ -10559,8 +10620,8 @@
     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
@@ -10623,7 +10684,7 @@
             "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
@@ -10636,7 +10697,7 @@
         }
         if (props2.text) {
           return vue.createVNode("span", {
-            "class": bem$F("text")
+            "class": bem$G("text")
           }, [props2.text]);
         }
       };
@@ -10656,7 +10717,7 @@
           direction,
           clickable
         } = parent.props;
-        const classes = [bem$F("content", [direction, {
+        const classes = [bem$G("content", [direction, {
           center,
           square,
           reverse,
@@ -10666,7 +10727,7 @@
           [BORDER]: border
         }];
         return vue.createVNode("div", {
-          "class": [bem$F({
+          "class": [bem$G({
             square
           })],
           "style": rootStyle.value
@@ -10680,7 +10741,123 @@
       };
     }
   });
-  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 start2 = match.index;
+            const end2 = regex.lastIndex;
+            if (start2 >= end2) {
+              regex.lastIndex++;
+              continue;
+            }
+            chunks2.push({
+              start: start2,
+              end: end2,
+              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: start2,
+            end: end2,
+            highlight
+          } = chunk;
+          const text = sourceString.slice(start2, end2);
+          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,
@@ -10688,19 +10865,20 @@
   });
   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,
@@ -10966,6 +11144,9 @@
           return (_a = swipeItem.value) == null ? void 0 : _a.$el;
         })
       });
+      useExpose({
+        resetScale
+      });
       return () => {
         const imageSlots = {
           loading: () => vue.createVNode(Loading, {
@@ -11032,6 +11213,7 @@
       slots
     }) {
       const swipeRef = vue.ref();
+      const activedPreviewItemRef = vue.ref();
       const state = vue.reactive({
         active: 0,
         rootWidth: 0,
@@ -11096,6 +11278,11 @@
         "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,
@@ -11131,6 +11318,10 @@
         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);
@@ -12533,7 +12724,7 @@
     }
   });
   const PasswordInput = withInstall(stdin_default$C);
-  const PickerGroup = withInstall(stdin_default$1z);
+  const PickerGroup = withInstall(stdin_default$1A);
   function getWindow(node) {
     if (node == null) {
       return window;
@@ -14133,7 +14324,7 @@
     }
   });
   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,
@@ -14211,7 +14402,9 @@
         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,
@@ -14556,7 +14749,7 @@
         }
         emit("clear");
       };
-      vue.onMounted(() => {
+      const initialize = () => {
         var _a, _b, _c;
         if (isRenderCanvas && canvasRef.value) {
           const canvas = canvasRef.value;
@@ -14566,6 +14759,18 @@
           (_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()
@@ -17730,7 +17935,7 @@
       });
     }
   };
-  const version = "4.7.2";
+  const version = "4.8.0";
   function install(app) {
     const components = [
       ActionBar,
@@ -17775,6 +17980,7 @@
       Form,
       Grid,
       GridItem,
+      Highlight,
       Icon,
       Image$1,
       ImagePreview,
@@ -17889,6 +18095,7 @@
   exports2.Form = Form;
   exports2.Grid = Grid;
   exports2.GridItem = GridItem;
+  exports2.Highlight = Highlight;
   exports2.Icon = Icon;
   exports2.Image = Image$1;
   exports2.ImagePreview = ImagePreview;
@@ -17994,6 +18201,7 @@
   exports2.formProps = formProps;
   exports2.gridItemProps = gridItemProps;
   exports2.gridProps = gridProps;
+  exports2.highlightProps = highlightProps;
   exports2.iconProps = iconProps;
   exports2.imagePreviewProps = imagePreviewProps;
   exports2.imageProps = imageProps;