vant 4.3.2 → 4.4.0

package/lib/vant.cjs.js

@@ -237,7 +237,7 @@ function deepAssign(to, from) {
   });
   return to;
 }
-var stdin_default$1P = {
+var stdin_default$1Q = {
   name: "姓名",
   tel: "电话",
   save: "保存",
@@ -301,7 +301,7 @@ var stdin_default$1P = {
 };
 const lang = vue.ref("zh-CN");
 const messages = vue.reactive({
-  "zh-CN": stdin_default$1P
+  "zh-CN": stdin_default$1Q
 });
 const Locale = {
   messages() {
@@ -316,11 +316,11 @@ const Locale = {
   }
 };
 const useCurrentLang = () => lang;
-var stdin_default$1O = Locale;
+var stdin_default$1P = Locale;
 function createTranslate(name2) {
   const prefix = camelize(name2) + ".";
   return (path, ...args) => {
-    const messages2 = stdin_default$1O.messages();
+    const messages2 = stdin_default$1P.messages();
     const message = get(messages2, prefix + path) || get(messages2, path);
     return isFunction(message) ? message(...args) : message;
   };
@@ -442,20 +442,20 @@ function usePlaceholder(contentRef, bem2) {
     }
   }, [renderContent()]);
 }
-const [name$1E, bem$1z] = createNamespace("action-bar");
-const ACTION_BAR_KEY = Symbol(name$1E);
+const [name$1F, bem$1A] = createNamespace("action-bar");
+const ACTION_BAR_KEY = Symbol(name$1F);
 const actionBarProps = {
   placeholder: Boolean,
   safeAreaInsetBottom: truthProp
 };
-var stdin_default$1N = vue.defineComponent({
-  name: name$1E,
+var stdin_default$1O = vue.defineComponent({
+  name: name$1F,
   props: actionBarProps,
   setup(props, {
     slots
   }) {
     const root = vue.ref();
-    const renderPlaceholder = usePlaceholder(root, bem$1z);
+    const renderPlaceholder = usePlaceholder(root, bem$1A);
     const {
       linkChildren
     } = use.useChildren(ACTION_BAR_KEY);
@@ -464,7 +464,7 @@ var stdin_default$1N = vue.defineComponent({
       var _a;
       return vue.createVNode("div", {
         "ref": root,
-        "class": [bem$1z(), {
+        "class": [bem$1A(), {
           "van-safe-area-bottom": props.safeAreaInsetBottom
         }]
       }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
@@ -477,7 +477,7 @@ var stdin_default$1N = vue.defineComponent({
     };
   }
 });
-const ActionBar = withInstall(stdin_default$1N);
+const ActionBar = withInstall(stdin_default$1O);
 function useExpose(apis) {
   const instance2 = vue.getCurrentInstance();
   if (instance2) {
@@ -505,7 +505,7 @@ function useRoute() {
   const vm = vue.getCurrentInstance().proxy;
   return () => route(vm);
 }
-const [name$1D, bem$1y] = createNamespace("badge");
+const [name$1E, bem$1z] = createNamespace("badge");
 const badgeProps = {
   dot: Boolean,
   max: numericProp,
@@ -516,8 +516,8 @@ const badgeProps = {
   showZero: truthProp,
   position: makeStringProp("top-right")
 };
-var stdin_default$1M = vue.defineComponent({
-  name: name$1D,
+var stdin_default$1N = vue.defineComponent({
+  name: name$1E,
   props: badgeProps,
   setup(props, {
     slots
@@ -580,7 +580,7 @@ var stdin_default$1M = vue.defineComponent({
     const renderBadge = () => {
       if (hasContent() || props.dot) {
         return vue.createVNode("div", {
-          "class": bem$1y([props.position, {
+          "class": bem$1z([props.position, {
             dot: props.dot,
             fixed: !!slots.default
           }]),
@@ -594,7 +594,7 @@ var stdin_default$1M = vue.defineComponent({
           tag
         } = props;
         return vue.createVNode(tag, {
-          "class": bem$1y("wrapper")
+          "class": bem$1z("wrapper")
         }, {
           default: () => [slots.default(), renderBadge()]
         });
@@ -603,14 +603,14 @@ var stdin_default$1M = vue.defineComponent({
     };
   }
 });
-const Badge = withInstall(stdin_default$1M);
+const Badge = withInstall(stdin_default$1N);
 let globalZIndex = 2e3;
 const useGlobalZIndex = () => ++globalZIndex;
 const setGlobalZIndex = (val) => {
   globalZIndex = val;
 };
-const [name$1C, bem$1x] = createNamespace("config-provider");
-const CONFIG_PROVIDER_KEY = Symbol(name$1C);
+const [name$1D, bem$1y] = createNamespace("config-provider");
+const CONFIG_PROVIDER_KEY = Symbol(name$1D);
 const configProviderProps = {
   tag: makeStringProp("div"),
   theme: makeStringProp("light"),
@@ -627,8 +627,8 @@ function mapThemeVarsToCSSVars(themeVars) {
   });
   return cssVars;
 }
-var stdin_default$1L = vue.defineComponent({
-  name: name$1C,
+var stdin_default$1M = vue.defineComponent({
+  name: name$1D,
   props: configProviderProps,
   setup(props, {
     slots
@@ -660,7 +660,7 @@ var stdin_default$1L = vue.defineComponent({
       }
     });
     return () => vue.createVNode(props.tag, {
-      "class": bem$1x(),
+      "class": bem$1y(),
       "style": style.value
     }, {
       default: () => {
@@ -670,7 +670,7 @@ var stdin_default$1L = vue.defineComponent({
     });
   }
 });
-const [name$1B, bem$1w] = createNamespace("icon");
+const [name$1C, bem$1x] = createNamespace("icon");
 const isImage$1 = (name2) => name2 == null ? void 0 : name2.includes("/");
 const iconProps = {
   dot: Boolean,
@@ -682,14 +682,14 @@ const iconProps = {
   badgeProps: Object,
   classPrefix: String
 };
-var stdin_default$1K = vue.defineComponent({
-  name: name$1B,
+var stdin_default$1L = vue.defineComponent({
+  name: name$1C,
   props: iconProps,
   setup(props, {
     slots
   }) {
     const config = vue.inject(CONFIG_PROVIDER_KEY, null);
-    const classPrefix = vue.computed(() => props.classPrefix || (config == null ? void 0 : config.iconPrefix) || bem$1w());
+    const classPrefix = vue.computed(() => props.classPrefix || (config == null ? void 0 : config.iconPrefix) || bem$1x());
     return () => {
       const {
         tag,
@@ -713,7 +713,7 @@ var stdin_default$1K = vue.defineComponent({
         default: () => {
           var _a;
           return [(_a = slots.default) == null ? void 0 : _a.call(slots), isImageIcon && vue.createVNode("img", {
-            "class": bem$1w("image"),
+            "class": bem$1x("image"),
             "src": name2
           }, null)];
         }
@@ -721,13 +721,13 @@ var stdin_default$1K = vue.defineComponent({
     };
   }
 });
-const Icon = withInstall(stdin_default$1K);
-const [name$1A, bem$1v] = createNamespace("loading");
+const Icon = withInstall(stdin_default$1L);
+const [name$1B, bem$1w] = createNamespace("loading");
 const SpinIcon = Array(12).fill(null).map((_, index) => vue.createVNode("i", {
-  "class": bem$1v("line", String(index + 1))
+  "class": bem$1w("line", String(index + 1))
 }, null));
 const CircularIcon = vue.createVNode("svg", {
-  "class": bem$1v("circular"),
+  "class": bem$1w("circular"),
   "viewBox": "25 25 50 50"
 }, [vue.createVNode("circle", {
   "cx": "50",
@@ -743,8 +743,8 @@ const loadingProps = {
   textSize: numericProp,
   textColor: String
 };
-var stdin_default$1J = vue.defineComponent({
-  name: name$1A,
+var stdin_default$1K = vue.defineComponent({
+  name: name$1B,
   props: loadingProps,
   setup(props, {
     slots
@@ -755,7 +755,7 @@ var stdin_default$1J = vue.defineComponent({
     const renderIcon = () => {
       const DefaultIcon = props.type === "spinner" ? SpinIcon : CircularIcon;
       return vue.createVNode("span", {
-        "class": bem$1v("spinner", props.type),
+        "class": bem$1w("spinner", props.type),
         "style": spinnerStyle.value
       }, [slots.icon ? slots.icon() : DefaultIcon]);
     };
@@ -763,7 +763,7 @@ var stdin_default$1J = vue.defineComponent({
       var _a;
       if (slots.default) {
         return vue.createVNode("span", {
-          "class": bem$1v("text"),
+          "class": bem$1w("text"),
           "style": {
             fontSize: addUnit(props.textSize),
             color: (_a = props.textColor) != null ? _a : props.color
@@ -777,7 +777,7 @@ var stdin_default$1J = vue.defineComponent({
         vertical
       } = props;
       return vue.createVNode("div", {
-        "class": bem$1v([type, {
+        "class": bem$1w([type, {
           vertical
         }]),
         "aria-live": "polite",
@@ -786,8 +786,8 @@ var stdin_default$1J = vue.defineComponent({
     };
   }
 });
-const Loading = withInstall(stdin_default$1J);
-const [name$1z, bem$1u] = createNamespace("button");
+const Loading = withInstall(stdin_default$1K);
+const [name$1A, bem$1v] = createNamespace("button");
 const buttonProps = extend({}, routeProps, {
   tag: makeStringProp("button"),
   text: String,
@@ -809,8 +809,8 @@ const buttonProps = extend({}, routeProps, {
   loadingType: String,
   iconPosition: makeStringProp("left")
 });
-var stdin_default$1I = vue.defineComponent({
-  name: name$1z,
+var stdin_default$1J = vue.defineComponent({
+  name: name$1A,
   props: buttonProps,
   emits: ["click"],
   setup(props, {
@@ -825,7 +825,7 @@ var stdin_default$1I = vue.defineComponent({
       return vue.createVNode(Loading, {
         "size": props.loadingSize,
         "type": props.loadingType,
-        "class": bem$1u("loading")
+        "class": bem$1v("loading")
       }, null);
     };
     const renderIcon = () => {
@@ -834,13 +834,13 @@ var stdin_default$1I = vue.defineComponent({
       }
       if (slots.icon) {
         return vue.createVNode("div", {
-          "class": bem$1u("icon")
+          "class": bem$1v("icon")
         }, [slots.icon()]);
       }
       if (props.icon) {
         return vue.createVNode(Icon, {
           "name": props.icon,
-          "class": bem$1u("icon"),
+          "class": bem$1v("icon"),
           "classPrefix": props.iconPrefix
         }, null);
       }
@@ -854,7 +854,7 @@ var stdin_default$1I = vue.defineComponent({
       }
       if (text) {
         return vue.createVNode("span", {
-          "class": bem$1u("text")
+          "class": bem$1v("text")
         }, [text]);
       }
     };
@@ -901,7 +901,7 @@ var stdin_default$1I = vue.defineComponent({
         nativeType,
         iconPosition
       } = props;
-      const classes = [bem$1u([type, size, {
+      const classes = [bem$1v([type, size, {
         plain,
         block,
         round,
@@ -920,14 +920,14 @@ var stdin_default$1I = vue.defineComponent({
         "onClick": onClick
       }, {
         default: () => [vue.createVNode("div", {
-          "class": bem$1u("content")
+          "class": bem$1v("content")
         }, [iconPosition === "left" && renderIcon(), renderText(), iconPosition === "right" && renderIcon()])]
       });
     };
   }
 });
-const Button = withInstall(stdin_default$1I);
-const [name$1y, bem$1t] = createNamespace("action-bar-button");
+const Button = withInstall(stdin_default$1J);
+const [name$1z, bem$1u] = createNamespace("action-bar-button");
 const actionBarButtonProps = extend({}, routeProps, {
   type: String,
   text: String,
@@ -936,8 +936,8 @@ const actionBarButtonProps = extend({}, routeProps, {
   loading: Boolean,
   disabled: Boolean
 });
-var stdin_default$1H = vue.defineComponent({
-  name: name$1y,
+var stdin_default$1I = vue.defineComponent({
+  name: name$1z,
   props: actionBarButtonProps,
   setup(props, {
     slots
@@ -972,7 +972,7 @@ var stdin_default$1H = vue.defineComponent({
         disabled
       } = props;
       return vue.createVNode(Button, {
-        "class": bem$1t([type, {
+        "class": bem$1u([type, {
           last: isLast.value,
           first: isFirst.value
         }]),
@@ -989,8 +989,8 @@ var stdin_default$1H = vue.defineComponent({
     };
   }
 });
-const ActionBarButton = withInstall(stdin_default$1H);
-const [name$1x, bem$1s] = createNamespace("action-bar-icon");
+const ActionBarButton = withInstall(stdin_default$1I);
+const [name$1y, bem$1t] = createNamespace("action-bar-icon");
 const actionBarIconProps = extend({}, routeProps, {
   dot: Boolean,
   text: String,
@@ -1001,8 +1001,8 @@ const actionBarIconProps = extend({}, routeProps, {
   badgeProps: Object,
   iconPrefix: String
 });
-var stdin_default$1G = vue.defineComponent({
-  name: name$1x,
+var stdin_default$1H = vue.defineComponent({
+  name: name$1y,
   props: actionBarIconProps,
   setup(props, {
     slots
@@ -1022,7 +1022,7 @@ var stdin_default$1G = vue.defineComponent({
       if (slots.icon) {
         return vue.createVNode(Badge, vue.mergeProps({
           "dot": dot,
-          "class": bem$1s("icon"),
+          "class": bem$1t("icon"),
           "content": badge
         }, badgeProps2), {
           default: slots.icon
@@ -1034,20 +1034,20 @@ var stdin_default$1G = vue.defineComponent({
         "name": icon,
         "badge": badge,
         "color": color,
-        "class": [bem$1s("icon"), iconClass],
+        "class": [bem$1t("icon"), iconClass],
         "badgeProps": badgeProps2,
         "classPrefix": iconPrefix
       }, null);
     };
     return () => vue.createVNode("div", {
       "role": "button",
-      "class": bem$1s(),
+      "class": bem$1t(),
       "tabindex": 0,
       "onClick": route2
     }, [renderIcon(), slots.default ? slots.default() : props.text]);
   }
 });
-const ActionBarIcon = withInstall(stdin_default$1G);
+const ActionBarIcon = withInstall(stdin_default$1H);
 const popupSharedProps = {
   // whether to show popup
   show: Boolean,
@@ -1198,7 +1198,7 @@ function useLazyRender(show) {
   );
   return (render) => () => inited.value ? render() : null;
 }
-const [name$1w, bem$1r] = createNamespace("overlay");
+const [name$1x, bem$1s] = createNamespace("overlay");
 const overlayProps = {
   show: Boolean,
   zIndex: numericProp,
@@ -1208,8 +1208,8 @@ const overlayProps = {
   lazyRender: truthProp,
   customStyle: Object
 };
-var stdin_default$1F = vue.defineComponent({
-  name: name$1w,
+var stdin_default$1G = vue.defineComponent({
+  name: name$1x,
   props: overlayProps,
   setup(props, {
     slots
@@ -1230,7 +1230,7 @@ var stdin_default$1F = vue.defineComponent({
       return vue.withDirectives(vue.createVNode("div", {
         "ref": root,
         "style": style,
-        "class": [bem$1r(), props.className]
+        "class": [bem$1s(), props.className]
       }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]), [[vue.vShow, props.show]]);
     });
     use.useEventListener("touchmove", onTouchMove, {
@@ -1244,7 +1244,7 @@ var stdin_default$1F = vue.defineComponent({
     });
   }
 });
-const Overlay = withInstall(stdin_default$1F);
+const Overlay = withInstall(stdin_default$1G);
 const popupProps$2 = extend({}, popupSharedProps, {
   round: Boolean,
   position: makeStringProp("center"),
@@ -1257,9 +1257,9 @@ const popupProps$2 = extend({}, popupSharedProps, {
   safeAreaInsetTop: Boolean,
   safeAreaInsetBottom: Boolean
 });
-const [name$1v, bem$1q] = createNamespace("popup");
-var stdin_default$1E = vue.defineComponent({
-  name: name$1v,
+const [name$1w, bem$1r] = createNamespace("popup");
+var stdin_default$1F = vue.defineComponent({
+  name: name$1w,
   inheritAttrs: false,
   props: popupProps$2,
   emits: ["open", "close", "opened", "closed", "keydown", "update:show", "clickOverlay", "clickCloseIcon"],
@@ -1333,7 +1333,7 @@ var stdin_default$1E = vue.defineComponent({
           "role": "button",
           "tabindex": 0,
           "name": props.closeIcon,
-          "class": [bem$1q("close-icon", props.closeIconPosition), HAPTICS_FEEDBACK],
+          "class": [bem$1r("close-icon", props.closeIconPosition), HAPTICS_FEEDBACK],
           "classPrefix": props.iconPrefix,
           "onClick": onClickCloseIcon
         }, null);
@@ -1355,7 +1355,7 @@ var stdin_default$1E = vue.defineComponent({
         "style": style.value,
         "role": "dialog",
         "tabindex": 0,
-        "class": [bem$1q({
+        "class": [bem$1r({
           round,
           [position]: position
         }), {
@@ -1436,8 +1436,8 @@ var stdin_default$1E = vue.defineComponent({
     };
   }
 });
-const Popup = withInstall(stdin_default$1E);
-const [name$1u, bem$1p] = createNamespace("action-sheet");
+const Popup = withInstall(stdin_default$1F);
+const [name$1v, bem$1q] = createNamespace("action-sheet");
 const actionSheetProps = extend({}, popupSharedProps, {
   title: String,
   round: truthProp,
@@ -1451,8 +1451,8 @@ const actionSheetProps = extend({}, popupSharedProps, {
   safeAreaInsetBottom: truthProp
 });
 const popupInheritKeys$2 = [...popupSharedPropKeys, "round", "closeOnPopstate", "safeAreaInsetBottom"];
-var stdin_default$1D = vue.defineComponent({
-  name: name$1u,
+var stdin_default$1E = vue.defineComponent({
+  name: name$1v,
   props: actionSheetProps,
   emits: ["select", "cancel", "update:show"],
   setup(props, {
@@ -1467,10 +1467,10 @@ var stdin_default$1D = vue.defineComponent({
     const renderHeader = () => {
       if (props.title) {
         return vue.createVNode("div", {
-          "class": bem$1p("header")
+          "class": bem$1q("header")
         }, [props.title, props.closeable && vue.createVNode(Icon, {
           "name": props.closeIcon,
-          "class": [bem$1p("close"), HAPTICS_FEEDBACK],
+          "class": [bem$1q("close"), HAPTICS_FEEDBACK],
           "onClick": onCancel
         }, null)]);
       }
@@ -1478,10 +1478,10 @@ var stdin_default$1D = vue.defineComponent({
     const renderCancel = () => {
       if (slots.cancel || props.cancelText) {
         return [vue.createVNode("div", {
-          "class": bem$1p("gap")
+          "class": bem$1q("gap")
         }, null), vue.createVNode("button", {
           "type": "button",
-          "class": bem$1p("cancel"),
+          "class": bem$1q("cancel"),
           "onClick": onCancel
         }, [slots.cancel ? slots.cancel() : props.cancelText])];
       }
@@ -1489,7 +1489,7 @@ var stdin_default$1D = vue.defineComponent({
     const renderActionContent = (action, index) => {
       if (action.loading) {
         return vue.createVNode(Loading, {
-          "class": bem$1p("loading-icon")
+          "class": bem$1q("loading-icon")
         }, null);
       }
       if (slots.action) {
@@ -1499,9 +1499,9 @@ var stdin_default$1D = vue.defineComponent({
         });
       }
       return [vue.createVNode("span", {
-        "class": bem$1p("name")
+        "class": bem$1q("name")
       }, [action.name]), action.subname && vue.createVNode("div", {
-        "class": bem$1p("subname")
+        "class": bem$1q("subname")
       }, [action.subname])];
     };
     const renderAction = (action, index) => {
@@ -1529,7 +1529,7 @@ var stdin_default$1D = vue.defineComponent({
         "style": {
           color
         },
-        "class": [bem$1p("item", {
+        "class": [bem$1q("item", {
           loading,
           disabled
         }), className],
@@ -1540,26 +1540,26 @@ var stdin_default$1D = vue.defineComponent({
       if (props.description || slots.description) {
         const content = slots.description ? slots.description() : props.description;
         return vue.createVNode("div", {
-          "class": bem$1p("description")
+          "class": bem$1q("description")
         }, [content]);
       }
     };
     return () => vue.createVNode(Popup, vue.mergeProps({
-      "class": bem$1p(),
+      "class": bem$1q(),
       "position": "bottom",
       "onUpdate:show": updateShow
     }, pick(props, popupInheritKeys$2)), {
       default: () => {
         var _a;
         return [renderHeader(), renderDescription(), vue.createVNode("div", {
-          "class": bem$1p("content")
+          "class": bem$1q("content")
         }, [props.actions.map(renderAction), (_a = slots.default) == null ? void 0 : _a.call(slots)]), renderCancel()];
       }
     });
   }
 });
-const ActionSheet = withInstall(stdin_default$1D);
-const [name$1t, bem$1o, t$k] = createNamespace("picker");
+const ActionSheet = withInstall(stdin_default$1E);
+const [name$1u, bem$1p, t$k] = createNamespace("picker");
 const getFirstEnabledOption = (options) => options.find((option) => !option.disabled) || options[0];
 function getColumnsType(columns, fields) {
   const firstColumn = columns[0];
@@ -1628,10 +1628,10 @@ function assignDefaultFields(fields) {
 const DEFAULT_DURATION = 200;
 const MOMENTUM_TIME = 300;
 const MOMENTUM_DISTANCE = 15;
-const [name$1s, bem$1n] = createNamespace("picker-column");
-const PICKER_KEY = Symbol(name$1s);
-var stdin_default$1C = vue.defineComponent({
-  name: name$1s,
+const [name$1t, bem$1o] = createNamespace("picker-column");
+const PICKER_KEY = Symbol(name$1t);
+var stdin_default$1D = vue.defineComponent({
+  name: name$1t,
   props: {
     value: numericProp,
     fields: makeRequiredProp(Object),
@@ -1770,7 +1770,7 @@ var stdin_default$1C = vue.defineComponent({
           role: "button",
           style: optionStyle,
           tabindex: disabled ? -1 : 0,
-          class: [bem$1n("item", {
+          class: [bem$1o("item", {
             disabled,
             selected: value === props.value
           }), option.className],
@@ -1798,7 +1798,7 @@ var stdin_default$1C = vue.defineComponent({
     });
     return () => vue.createVNode("div", {
       "ref": root,
-      "class": bem$1n(),
+      "class": bem$1o(),
       "onTouchstartPassive": onTouchStart,
       "onTouchend": onTouchEnd,
       "onTouchcancel": onTouchEnd
@@ -1809,12 +1809,12 @@ var stdin_default$1C = vue.defineComponent({
         transitionDuration: `${currentDuration.value}ms`,
         transitionProperty: currentDuration.value ? "all" : "none"
       },
-      "class": bem$1n("wrapper"),
+      "class": bem$1o("wrapper"),
       "onTransitionend": stopMomentum
     }, [renderOptions()])]);
   }
 });
-const [name$1r] = createNamespace("picker-toolbar");
+const [name$1s] = createNamespace("picker-toolbar");
 const pickerToolbarProps = {
   title: String,
   cancelButtonText: String,
@@ -1822,8 +1822,8 @@ const pickerToolbarProps = {
 };
 const pickerToolbarSlots = ["cancel", "confirm", "title", "toolbar"];
 const pickerToolbarPropKeys = Object.keys(pickerToolbarProps);
-var stdin_default$1B = vue.defineComponent({
-  name: name$1r,
+var stdin_default$1C = vue.defineComponent({
+  name: name$1s,
   props: pickerToolbarProps,
   emits: ["confirm", "cancel"],
   setup(props, {
@@ -1836,7 +1836,7 @@ var stdin_default$1B = vue.defineComponent({
       }
       if (props.title) {
         return vue.createVNode("div", {
-          "class": [bem$1o("title"), "van-ellipsis"]
+          "class": [bem$1p("title"), "van-ellipsis"]
         }, [props.title]);
       }
     };
@@ -1846,7 +1846,7 @@ var stdin_default$1B = vue.defineComponent({
       const text = props.cancelButtonText || t$k("cancel");
       return vue.createVNode("button", {
         "type": "button",
-        "class": [bem$1o("cancel"), HAPTICS_FEEDBACK],
+        "class": [bem$1p("cancel"), HAPTICS_FEEDBACK],
         "onClick": onCancel
       }, [slots.cancel ? slots.cancel() : text]);
     };
@@ -1854,12 +1854,12 @@ var stdin_default$1B = vue.defineComponent({
       const text = props.confirmButtonText || t$k("confirm");
       return vue.createVNode("button", {
         "type": "button",
-        "class": [bem$1o("confirm"), HAPTICS_FEEDBACK],
+        "class": [bem$1p("confirm"), HAPTICS_FEEDBACK],
         "onClick": onConfirm
       }, [slots.confirm ? slots.confirm() : text]);
     };
     return () => vue.createVNode("div", {
-      "class": bem$1o("toolbar")
+      "class": bem$1p("toolbar")
     }, [slots.toolbar ? slots.toolbar() : [renderCancel(), renderTitle(), renderConfirm()]]);
   }
 });
@@ -1967,7 +1967,7 @@ function useVisibilityChange(target, onChange) {
   vue.onBeforeUnmount(unobserve);
   use.onMountedOrActivated(observe);
 }
-const [name$1q, bem$1m] = createNamespace("sticky");
+const [name$1r, bem$1n] = createNamespace("sticky");
 const stickyProps = {
   zIndex: numericProp,
   position: makeStringProp("top"),
@@ -1975,8 +1975,8 @@ const stickyProps = {
   offsetTop: makeNumericProp(0),
   offsetBottom: makeNumericProp(0)
 };
-var stdin_default$1A = vue.defineComponent({
-  name: name$1q,
+var stdin_default$1B = vue.defineComponent({
+  name: name$1r,
   props: stickyProps,
   emits: ["scroll", "change"],
   setup(props, {
@@ -2089,7 +2089,7 @@ var stdin_default$1A = vue.defineComponent({
         "ref": root,
         "style": rootStyle.value
       }, [vue.createVNode("div", {
-        "class": bem$1m({
+        "class": bem$1n({
           fixed: state.fixed && !isReset.value
         }),
         "style": stickyStyle.value
@@ -2097,8 +2097,8 @@ var stdin_default$1A = vue.defineComponent({
     };
   }
 });
-const Sticky = withInstall(stdin_default$1A);
-const [name$1p, bem$1l] = createNamespace("swipe");
+const Sticky = withInstall(stdin_default$1B);
+const [name$1q, bem$1m] = createNamespace("swipe");
 const swipeProps = {
   loop: truthProp,
   width: numericProp,
@@ -2113,9 +2113,9 @@ const swipeProps = {
   showIndicators: truthProp,
   stopPropagation: truthProp
 };
-const SWIPE_KEY = Symbol(name$1p);
-var stdin_default$1z = vue.defineComponent({
-  name: name$1p,
+const SWIPE_KEY = Symbol(name$1q);
+var stdin_default$1A = vue.defineComponent({
+  name: name$1q,
   props: swipeProps,
   emits: ["change", "dragStart", "dragEnd"],
   setup(props, {
@@ -2393,7 +2393,7 @@ var stdin_default$1z = vue.defineComponent({
       } : void 0;
       return vue.createVNode("i", {
         "style": style,
-        "class": bem$1l("indicator", {
+        "class": bem$1m("indicator", {
           active
         })
       }, null);
@@ -2407,7 +2407,7 @@ var stdin_default$1z = vue.defineComponent({
       }
       if (props.showIndicators && count.value > 1) {
         return vue.createVNode("div", {
-          "class": bem$1l("indicators", {
+          "class": bem$1m("indicators", {
             vertical: props.vertical
           })
         }, [Array(count.value).fill("").map(renderDot)]);
@@ -2449,11 +2449,11 @@ var stdin_default$1z = vue.defineComponent({
       var _a;
       return vue.createVNode("div", {
         "ref": root,
-        "class": bem$1l()
+        "class": bem$1m()
       }, [vue.createVNode("div", {
         "ref": track,
         "style": trackStyle.value,
-        "class": bem$1l("track", {
+        "class": bem$1m("track", {
           vertical: props.vertical
         }),
         "onTouchstartPassive": onTouchStart,
@@ -2463,10 +2463,10 @@ var stdin_default$1z = vue.defineComponent({
     };
   }
 });
-const Swipe = withInstall(stdin_default$1z);
-const [name$1o, bem$1k] = createNamespace("tabs");
-var stdin_default$1y = vue.defineComponent({
-  name: name$1o,
+const Swipe = withInstall(stdin_default$1A);
+const [name$1p, bem$1l] = createNamespace("tabs");
+var stdin_default$1z = vue.defineComponent({
+  name: name$1p,
   props: {
     count: makeRequiredProp(Number),
     inited: Boolean,
@@ -2490,7 +2490,7 @@ var stdin_default$1y = vue.defineComponent({
         return vue.createVNode(Swipe, {
           "ref": swipeRef,
           "loop": false,
-          "class": bem$1k("track"),
+          "class": bem$1l("track"),
           "duration": +props.duration * 1e3,
           "touchable": props.swipeable,
           "lazyRender": props.lazyRender,
@@ -2518,13 +2518,13 @@ var stdin_default$1y = vue.defineComponent({
       swipeRef
     });
     return () => vue.createVNode("div", {
-      "class": bem$1k("content", {
+      "class": bem$1l("content", {
         animated: props.animated || props.swipeable
       })
     }, [renderChildren()]);
   }
 });
-const [name$1n, bem$1j] = createNamespace("tabs");
+const [name$1o, bem$1k] = createNamespace("tabs");
 const tabsProps = {
   type: makeStringProp("line"),
   color: String,
@@ -2547,9 +2547,9 @@ const tabsProps = {
   titleActiveColor: String,
   titleInactiveColor: String
 };
-const TABS_KEY = Symbol(name$1n);
-var stdin_default$1x = vue.defineComponent({
-  name: name$1n,
+const TABS_KEY = Symbol(name$1o);
+var stdin_default$1y = vue.defineComponent({
+  name: name$1o,
   props: tabsProps,
   emits: ["change", "scroll", "rendered", "clickTab", "update:active"],
   setup(props, {
@@ -2747,7 +2747,7 @@ var stdin_default$1x = vue.defineComponent({
     const renderLine = () => {
       if (props.type === "line" && children.length) {
         return vue.createVNode("div", {
-          "class": bem$1j("line"),
+          "class": bem$1k("line"),
           "style": state.lineStyle
         }, null);
       }
@@ -2761,13 +2761,13 @@ var stdin_default$1x = vue.defineComponent({
       } = props;
       const Header = [vue.createVNode("div", {
         "ref": sticky ? void 0 : wrapRef,
-        "class": [bem$1j("wrap"), {
+        "class": [bem$1k("wrap"), {
           [BORDER_TOP_BOTTOM]: type === "line" && border
         }]
       }, [vue.createVNode("div", {
         "ref": navRef,
         "role": "tablist",
-        "class": bem$1j("nav", [type, {
+        "class": bem$1k("nav", [type, {
           shrink: props.shrink,
           complete: scrollable.value
         }]),
@@ -2840,14 +2840,14 @@ var stdin_default$1x = vue.defineComponent({
     });
     return () => vue.createVNode("div", {
       "ref": root,
-      "class": bem$1j([props.type])
+      "class": bem$1k([props.type])
     }, [props.sticky ? vue.createVNode(Sticky, {
       "container": root.value,
       "offsetTop": offsetTopPx.value,
       "onScroll": onStickyScroll
     }, {
       default: () => [renderHeader()]
-    }) : renderHeader(), vue.createVNode(stdin_default$1y, {
+    }) : renderHeader(), vue.createVNode(stdin_default$1z, {
       "ref": contentRef,
       "count": children.length,
       "inited": state.inited,
@@ -2867,9 +2867,9 @@ var stdin_default$1x = vue.defineComponent({
 });
 const TAB_STATUS_KEY = Symbol();
 const useTabStatus = () => vue.inject(TAB_STATUS_KEY, null);
-const [name$1m, bem$1i] = createNamespace("tab");
+const [name$1n, bem$1j] = createNamespace("tab");
 const TabTitle = vue.defineComponent({
-  name: name$1m,
+  name: name$1n,
   props: {
     id: String,
     dot: Boolean,
@@ -2918,7 +2918,7 @@ const TabTitle = vue.defineComponent({
     });
     const renderText = () => {
       const Text = vue.createVNode("span", {
-        "class": bem$1i("text", {
+        "class": bem$1j("text", {
           ellipsis: !props.scrollable
         })
       }, [slots.title ? slots.title() : props.title]);
@@ -2936,7 +2936,7 @@ const TabTitle = vue.defineComponent({
     return () => vue.createVNode("div", {
       "id": props.id,
       "role": "tab",
-      "class": [bem$1i([props.type, {
+      "class": [bem$1j([props.type, {
         grow: props.scrollable && !props.shrink,
         shrink: props.shrink,
         active: props.isActive,
@@ -2950,9 +2950,9 @@ const TabTitle = vue.defineComponent({
     }, [renderText()]);
   }
 });
-const [name$1l, bem$1h] = createNamespace("swipe-item");
-var stdin_default$1w = vue.defineComponent({
-  name: name$1l,
+const [name$1m, bem$1i] = createNamespace("swipe-item");
+var stdin_default$1x = vue.defineComponent({
+  name: name$1m,
   setup(props, {
     slots
   }) {
@@ -3017,14 +3017,14 @@ var stdin_default$1w = vue.defineComponent({
     return () => {
       var _a;
       return vue.createVNode("div", {
-        "class": bem$1h(),
+        "class": bem$1i(),
         "style": style.value
       }, [shouldRender.value ? (_a = slots.default) == null ? void 0 : _a.call(slots) : null]);
     };
   }
 });
-const SwipeItem = withInstall(stdin_default$1w);
-const [name$1k, bem$1g] = createNamespace("tab");
+const SwipeItem = withInstall(stdin_default$1x);
+const [name$1l, bem$1h] = createNamespace("tab");
 const tabProps = extend({}, routeProps, {
   dot: Boolean,
   name: numericProp,
@@ -3035,8 +3035,8 @@ const tabProps = extend({}, routeProps, {
   titleStyle: [String, Object],
   showZeroBadge: truthProp
 });
-var stdin_default$1v = vue.defineComponent({
-  name: name$1k,
+var stdin_default$1w = vue.defineComponent({
+  name: name$1l,
   props: tabProps,
   setup(props, {
     slots
@@ -3124,7 +3124,7 @@ var stdin_default$1v = vue.defineComponent({
         return vue.createVNode(SwipeItem, {
           "id": id,
           "role": "tabpanel",
-          "class": bem$1g("panel-wrapper", {
+          "class": bem$1h("panel-wrapper", {
             inactive: hasInactiveClass.value
           }),
           "tabindex": active.value ? 0 : -1,
@@ -3134,7 +3134,7 @@ var stdin_default$1v = vue.defineComponent({
           default: () => {
             var _a2;
             return [vue.createVNode("div", {
-              "class": bem$1g("panel")
+              "class": bem$1h("panel")
             }, [(_a2 = slots.default) == null ? void 0 : _a2.call(slots)])];
           }
         });
@@ -3144,24 +3144,24 @@ var stdin_default$1v = vue.defineComponent({
       return vue.withDirectives(vue.createVNode("div", {
         "id": id,
         "role": "tabpanel",
-        "class": bem$1g("panel"),
+        "class": bem$1h("panel"),
         "tabindex": show ? 0 : -1,
         "aria-labelledby": label
       }, [Content]), [[vue.vShow, show]]);
     };
   }
 });
-const Tab = withInstall(stdin_default$1v);
-const Tabs = withInstall(stdin_default$1x);
-const [name$1j, bem$1f] = createNamespace("picker-group");
-const PICKER_GROUP_KEY = Symbol(name$1j);
+const Tab = withInstall(stdin_default$1w);
+const Tabs = withInstall(stdin_default$1y);
+const [name$1k, bem$1g] = createNamespace("picker-group");
+const PICKER_GROUP_KEY = Symbol(name$1k);
 const pickerGroupProps = extend({
   tabs: makeArrayProp(),
   activeTab: makeNumericProp(0),
   nextStepText: String
 }, pickerToolbarProps);
-var stdin_default$1u = vue.defineComponent({
-  name: name$1j,
+var stdin_default$1v = vue.defineComponent({
+  name: name$1k,
   props: pickerGroupProps,
   emits: ["confirm", "cancel", "update:activeTab"],
   setup(props, {
@@ -3188,8 +3188,8 @@ var stdin_default$1u = vue.defineComponent({
       const childNodes = (_a = slots.default) == null ? void 0 : _a.call(slots);
       const confirmButtonText = showNextButton() ? props.nextStepText : props.confirmButtonText;
       return vue.createVNode("div", {
-        "class": bem$1f()
-      }, [vue.createVNode(stdin_default$1B, {
+        "class": bem$1g()
+      }, [vue.createVNode(stdin_default$1C, {
         "title": props.title,
         "cancelButtonText": props.cancelButtonText,
         "confirmButtonText": confirmButtonText,
@@ -3198,14 +3198,14 @@ var stdin_default$1u = vue.defineComponent({
       }, pick(slots, pickerToolbarSlots)), vue.createVNode(Tabs, {
         "active": activeTab.value,
         "onUpdate:active": ($event) => activeTab.value = $event,
-        "class": bem$1f("tabs"),
+        "class": bem$1g("tabs"),
         "shrink": true,
         "animated": true,
         "lazyRender": false
       }, {
         default: () => [props.tabs.map((title, index) => vue.createVNode(Tab, {
           "title": title,
-          "titleClass": bem$1f("tab-title")
+          "titleClass": bem$1g("tab-title")
         }, {
           default: () => [childNodes == null ? void 0 : childNodes[index]]
         }))]
@@ -3228,8 +3228,8 @@ const pickerProps = extend({}, pickerSharedProps, {
   toolbarPosition: makeStringProp("top"),
   columnsFieldNames: Object
 });
-var stdin_default$1t = vue.defineComponent({
-  name: name$1t,
+var stdin_default$1u = vue.defineComponent({
+  name: name$1u,
   props: pickerProps,
   emits: ["confirm", "cancel", "change", "scrollInto", "clickOption", "update:modelValue"],
   setup(props, {
@@ -3310,7 +3310,7 @@ var stdin_default$1t = vue.defineComponent({
       return params;
     };
     const cancel = () => emit("cancel", getEventParams());
-    const renderColumnItems = () => currentColumns.value.map((options, columnIndex) => vue.createVNode(stdin_default$1C, {
+    const renderColumnItems = () => currentColumns.value.map((options, columnIndex) => vue.createVNode(stdin_default$1D, {
       "value": selectedValues.value[columnIndex],
       "fields": fields.value,
       "options": options,
@@ -3339,10 +3339,10 @@ var stdin_default$1t = vue.defineComponent({
           backgroundSize: `100% ${(wrapHeight - optionHeight.value) / 2}px`
         };
         return [vue.createVNode("div", {
-          "class": bem$1o("mask"),
+          "class": bem$1p("mask"),
           "style": maskStyle
         }, null), vue.createVNode("div", {
-          "class": [BORDER_UNSET_TOP_BOTTOM, bem$1o("frame")],
+          "class": [BORDER_UNSET_TOP_BOTTOM, bem$1p("frame")],
           "style": frameStyle
         }, null)];
       }
@@ -3354,13 +3354,13 @@ var stdin_default$1t = vue.defineComponent({
       };
       return vue.createVNode("div", {
         "ref": columnsRef,
-        "class": bem$1o("columns"),
+        "class": bem$1p("columns"),
         "style": columnsStyle
       }, [renderColumnItems(), renderMask(wrapHeight)]);
     };
     const renderToolbar = () => {
       if (props.showToolbar && !parent) {
-        return vue.createVNode(stdin_default$1B, vue.mergeProps(pick(props, pickerToolbarPropKeys), {
+        return vue.createVNode(stdin_default$1C, vue.mergeProps(pick(props, pickerToolbarPropKeys), {
           "onConfirm": confirm,
           "onCancel": cancel
         }), pick(slots, pickerToolbarSlots));
@@ -3403,9 +3403,9 @@ var stdin_default$1t = vue.defineComponent({
     return () => {
       var _a, _b;
       return vue.createVNode("div", {
-        "class": bem$1o()
+        "class": bem$1p()
       }, [props.toolbarPosition === "top" ? renderToolbar() : null, props.loading ? vue.createVNode(Loading, {
-        "class": bem$1o("loading")
+        "class": bem$1p("loading")
       }, null) : null, (_a = slots["columns-top"]) == null ? void 0 : _a.call(slots), renderColumns(), (_b = slots["columns-bottom"]) == null ? void 0 : _b.call(slots), props.toolbarPosition === "bottom" ? renderToolbar() : null]);
     };
   }
@@ -3496,9 +3496,9 @@ function formatDataForCascade({
   }
   return options;
 }
-const Picker = withInstall(stdin_default$1t);
-const [name$1i, bem$1e] = createNamespace("area");
-const areaProps = extend({}, pickerSharedProps, {
+const Picker = withInstall(stdin_default$1u);
+const [name$1j, bem$1f] = createNamespace("area");
+const areaProps = extend({}, pick(pickerSharedProps, INHERIT_PROPS), {
   modelValue: String,
   columnsNum: makeNumericProp(3),
   columnsPlaceholder: makeArrayProp(),
@@ -3507,8 +3507,8 @@ const areaProps = extend({}, pickerSharedProps, {
     default: () => ({})
   }
 });
-var stdin_default$1s = vue.defineComponent({
-  name: name$1i,
+var stdin_default$1t = vue.defineComponent({
+  name: name$1j,
   props: areaProps,
   emits: ["change", "confirm", "cancel", "update:modelValue"],
   setup(props, {
@@ -3555,7 +3555,7 @@ var stdin_default$1s = vue.defineComponent({
       "ref": picker,
       "modelValue": codes.value,
       "onUpdate:modelValue": ($event) => codes.value = $event,
-      "class": bem$1e(),
+      "class": bem$1f(),
       "columns": columns.value,
       "onChange": onChange,
       "onCancel": onCancel,
@@ -3563,8 +3563,8 @@ var stdin_default$1s = vue.defineComponent({
     }, pick(props, INHERIT_PROPS)), pick(slots, INHERIT_SLOTS));
   }
 });
-const Area = withInstall(stdin_default$1s);
-const [name$1h, bem$1d] = createNamespace("cell");
+const Area = withInstall(stdin_default$1t);
+const [name$1i, bem$1e] = createNamespace("cell");
 const cellSharedProps = {
   tag: makeStringProp("div"),
   icon: String,
@@ -3588,8 +3588,8 @@ const cellSharedProps = {
   }
 };
 const cellProps = extend({}, cellSharedProps, routeProps);
-var stdin_default$1r = vue.defineComponent({
-  name: name$1h,
+var stdin_default$1s = vue.defineComponent({
+  name: name$1i,
   props: cellProps,
   setup(props, {
     slots
@@ -3599,7 +3599,7 @@ var stdin_default$1r = vue.defineComponent({
       const showLabel = slots.label || isDef(props.label);
       if (showLabel) {
         return vue.createVNode("div", {
-          "class": [bem$1d("label"), props.labelClass]
+          "class": [bem$1e("label"), props.labelClass]
         }, [slots.label ? slots.label() : props.label]);
       }
     };
@@ -3611,7 +3611,7 @@ var stdin_default$1r = vue.defineComponent({
           return;
         }
         return vue.createVNode("div", {
-          "class": [bem$1d("title"), props.titleClass],
+          "class": [bem$1e("title"), props.titleClass],
           "style": props.titleStyle
         }, [titleSlot || vue.createVNode("span", null, [props.title]), renderLabel()]);
       }
@@ -3621,7 +3621,7 @@ var stdin_default$1r = vue.defineComponent({
       const hasValue = slot || isDef(props.value);
       if (hasValue) {
         return vue.createVNode("div", {
-          "class": [bem$1d("value"), props.valueClass]
+          "class": [bem$1e("value"), props.valueClass]
         }, [slot ? slot() : vue.createVNode("span", null, [props.value])]);
       }
     };
@@ -3632,7 +3632,7 @@ var stdin_default$1r = vue.defineComponent({
       if (props.icon) {
         return vue.createVNode(Icon, {
           "name": props.icon,
-          "class": bem$1d("left-icon"),
+          "class": bem$1e("left-icon"),
           "classPrefix": props.iconPrefix
         }, null);
       }
@@ -3645,7 +3645,7 @@ var stdin_default$1r = vue.defineComponent({
         const name2 = props.arrowDirection && props.arrowDirection !== "right" ? `arrow-${props.arrowDirection}` : "arrow";
         return vue.createVNode(Icon, {
           "name": name2,
-          "class": bem$1d("right-icon")
+          "class": bem$1e("right-icon")
         }, null);
       }
     };
@@ -3670,7 +3670,7 @@ var stdin_default$1r = vue.defineComponent({
         classes[size] = !!size;
       }
       return vue.createVNode(tag, {
-        "class": bem$1d(classes),
+        "class": bem$1e(classes),
         "role": clickable ? "button" : void 0,
         "tabindex": clickable ? 0 : void 0,
         "onClick": route2
@@ -3683,8 +3683,8 @@ var stdin_default$1r = vue.defineComponent({
     };
   }
 });
-const Cell = withInstall(stdin_default$1r);
-const [name$1g, bem$1c] = createNamespace("form");
+const Cell = withInstall(stdin_default$1s);
+const [name$1h, bem$1d] = createNamespace("form");
 const formProps = {
   colon: Boolean,
   disabled: Boolean,
@@ -3703,8 +3703,8 @@ const formProps = {
     default: "onBlur"
   }
 };
-var stdin_default$1q = vue.defineComponent({
-  name: name$1g,
+var stdin_default$1r = vue.defineComponent({
+  name: name$1h,
   props: formProps,
   emits: ["submit", "failed"],
   setup(props, {
@@ -3830,13 +3830,13 @@ var stdin_default$1q = vue.defineComponent({
     return () => {
       var _a;
       return vue.createVNode("form", {
-        "class": bem$1c(),
+        "class": bem$1d(),
         "onSubmit": onSubmit
       }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
     };
   }
 });
-const Form = withInstall(stdin_default$1q);
+const Form = withInstall(stdin_default$1r);
 function isEmptyValue(value) {
   if (Array.isArray(value)) {
     return !value.length;
@@ -3925,7 +3925,7 @@ function getStringLength(str) {
 function cutString(str, maxlength) {
   return [...str].slice(0, maxlength).join("");
 }
-const [name$1f, bem$1b] = createNamespace("field");
+const [name$1g, bem$1c] = createNamespace("field");
 const fieldSharedProps = {
   id: String,
   name: String,
@@ -3972,8 +3972,8 @@ const fieldProps = extend({}, cellSharedProps, fieldSharedProps, {
     default: null
   }
 });
-var stdin_default$1p = vue.defineComponent({
-  name: name$1f,
+var stdin_default$1q = vue.defineComponent({
+  name: name$1g,
   props: fieldProps,
   emits: ["blur", "focus", "clear", "keypress", "clickInput", "endValidate", "startValidate", "clickLeftIcon", "clickRightIcon", "update:modelValue"],
   setup(props, {
@@ -4247,7 +4247,7 @@ var stdin_default$1p = vue.defineComponent({
     const getInputId = () => props.id || `${id}-input`;
     const getValidationStatus = () => state.status;
     const renderInput = () => {
-      const controlClass = bem$1b("control", [getProp("inputAlign"), {
+      const controlClass = bem$1c("control", [getProp("inputAlign"), {
         error: showError.value,
         custom: !!slots.input,
         "min-height": props.type === "textarea" && !props.autosize
@@ -4289,7 +4289,7 @@ var stdin_default$1p = vue.defineComponent({
       const leftIconSlot = slots["left-icon"];
       if (props.leftIcon || leftIconSlot) {
         return vue.createVNode("div", {
-          "class": bem$1b("left-icon"),
+          "class": bem$1c("left-icon"),
           "onClick": onClickLeftIcon
         }, [leftIconSlot ? leftIconSlot() : vue.createVNode(Icon, {
           "name": props.leftIcon,
@@ -4301,7 +4301,7 @@ var stdin_default$1p = vue.defineComponent({
       const rightIconSlot = slots["right-icon"];
       if (props.rightIcon || rightIconSlot) {
         return vue.createVNode("div", {
-          "class": bem$1b("right-icon"),
+          "class": bem$1c("right-icon"),
           "onClick": onClickRightIcon
         }, [rightIconSlot ? rightIconSlot() : vue.createVNode(Icon, {
           "name": props.rightIcon,
@@ -4313,9 +4313,9 @@ var stdin_default$1p = vue.defineComponent({
       if (props.showWordLimit && props.maxlength) {
         const count = getStringLength(getModelValue());
         return vue.createVNode("div", {
-          "class": bem$1b("word-limit")
+          "class": bem$1c("word-limit")
         }, [vue.createVNode("span", {
-          "class": bem$1b("word-num")
+          "class": bem$1c("word-num")
         }, [count]), vue.createTextVNode("/"), props.maxlength]);
       }
     };
@@ -4328,7 +4328,7 @@ var stdin_default$1p = vue.defineComponent({
         const slot = slots["error-message"];
         const errorMessageAlign = getProp("errorMessageAlign");
         return vue.createVNode("div", {
-          "class": bem$1b("error-message", errorMessageAlign)
+          "class": bem$1c("error-message", errorMessageAlign)
         }, [slot ? slot({
           message
         }) : message]);
@@ -4356,13 +4356,13 @@ var stdin_default$1p = vue.defineComponent({
       }
     };
     const renderFieldBody = () => [vue.createVNode("div", {
-      "class": bem$1b("body")
+      "class": bem$1c("body")
     }, [renderInput(), showClear.value && vue.createVNode(Icon, {
       "ref": clearIconRef,
       "name": props.clearIcon,
-      "class": bem$1b("clear")
+      "class": bem$1c("clear")
     }, null), renderRightIcon(), slots.button && vue.createVNode("div", {
-      "class": bem$1b("button")
+      "class": bem$1c("button")
     }, [slots.button()])]), renderWordLimit(), renderMessage()];
     useExpose({
       blur,
@@ -4406,7 +4406,7 @@ var stdin_default$1p = vue.defineComponent({
       };
       return vue.createVNode(Cell, {
         "size": props.size,
-        "class": bem$1b({
+        "class": bem$1c({
           error: showError.value,
           disabled,
           [`label-${labelAlign}`]: labelAlign
@@ -4416,8 +4416,8 @@ var stdin_default$1p = vue.defineComponent({
         "isLink": props.isLink,
         "clickable": props.clickable,
         "titleStyle": labelStyle.value,
-        "valueClass": bem$1b("value"),
-        "titleClass": [bem$1b("label", [labelAlign, {
+        "valueClass": bem$1c("value"),
+        "titleClass": [bem$1c("label", [labelAlign, {
           required: props.required
         }]), props.labelClass],
         "arrowDirection": props.arrowDirection
@@ -4430,7 +4430,7 @@ var stdin_default$1p = vue.defineComponent({
     };
   }
 });
-const Field = withInstall(stdin_default$1p);
+const Field = withInstall(stdin_default$1q);
 let lockCount = 0;
 function lockClick(lock) {
   if (lock) {
@@ -4445,7 +4445,7 @@ function lockClick(lock) {
     }
   }
 }
-const [name$1e, bem$1a] = createNamespace("toast");
+const [name$1f, bem$1b] = createNamespace("toast");
 const popupInheritProps = ["show", "overlay", "teleport", "transition", "overlayClass", "overlayStyle", "closeOnClickOverlay"];
 const toastProps = {
   icon: String,
@@ -4468,8 +4468,8 @@ const toastProps = {
   closeOnClick: Boolean,
   closeOnClickOverlay: Boolean
 };
-var stdin_default$1o = vue.defineComponent({
-  name: name$1e,
+var stdin_default$1p = vue.defineComponent({
+  name: name$1f,
   props: toastProps,
   emits: ["update:show"],
   setup(props, {
@@ -4505,13 +4505,13 @@ var stdin_default$1o = vue.defineComponent({
         return vue.createVNode(Icon, {
           "name": icon || type,
           "size": iconSize,
-          "class": bem$1a("icon"),
+          "class": bem$1b("icon"),
           "classPrefix": iconPrefix
         }, null);
       }
       if (type === "loading") {
         return vue.createVNode(Loading, {
-          "class": bem$1a("loading"),
+          "class": bem$1b("loading"),
           "size": iconSize,
           "type": loadingType
         }, null);
@@ -4524,16 +4524,16 @@ var stdin_default$1o = vue.defineComponent({
       } = props;
       if (slots.message) {
         return vue.createVNode("div", {
-          "class": bem$1a("text")
+          "class": bem$1b("text")
         }, [slots.message()]);
       }
       if (isDef(message) && message !== "") {
         return type === "html" ? vue.createVNode("div", {
           "key": 0,
-          "class": bem$1a("text"),
+          "class": bem$1b("text"),
           "innerHTML": String(message)
         }, null) : vue.createVNode("div", {
-          "class": bem$1a("text")
+          "class": bem$1b("text")
         }, [message]);
       }
     };
@@ -4549,7 +4549,7 @@ var stdin_default$1o = vue.defineComponent({
     vue.onMounted(toggleClickable);
     vue.onUnmounted(toggleClickable);
     return () => vue.createVNode(Popup, vue.mergeProps({
-      "class": [bem$1a([props.position, props.wordBreak === "normal" ? "break-normal" : props.wordBreak, {
+      "class": [bem$1b([props.position, props.wordBreak === "normal" ? "break-normal" : props.wordBreak, {
         [props.type]: !props.icon
       }]), props.className],
       "lockScroll": false,
@@ -4650,7 +4650,7 @@ function createInstance() {
           onClosed,
           "onUpdate:show": toggle
         };
-        return vue.createVNode(stdin_default$1o, vue.mergeProps(state, attrs), null);
+        return vue.createVNode(stdin_default$1p, vue.mergeProps(state, attrs), null);
       };
       vue.watch(message, (val) => {
         state.message = val;
@@ -4720,8 +4720,8 @@ const resetToastDefaultOptions = (type) => {
 const allowMultipleToast = (value = true) => {
   allowMultiple = value;
 };
-const Toast = withInstall(stdin_default$1o);
-const [name$1d, bem$19] = createNamespace("switch");
+const Toast = withInstall(stdin_default$1p);
+const [name$1e, bem$1a] = createNamespace("switch");
 const switchProps = {
   size: numericProp,
   loading: Boolean,
@@ -4738,8 +4738,8 @@ const switchProps = {
     default: false
   }
 };
-var stdin_default$1n = vue.defineComponent({
-  name: name$1d,
+var stdin_default$1o = vue.defineComponent({
+  name: name$1e,
   props: switchProps,
   emits: ["change", "update:modelValue"],
   setup(props, {
@@ -4758,7 +4758,7 @@ var stdin_default$1n = vue.defineComponent({
       if (props.loading) {
         const color = isChecked() ? props.activeColor : props.inactiveColor;
         return vue.createVNode(Loading, {
-          "class": bem$19("loading"),
+          "class": bem$1a("loading"),
           "color": color
         }, null);
       }
@@ -4783,7 +4783,7 @@ var stdin_default$1n = vue.defineComponent({
       };
       return vue.createVNode("div", {
         "role": "switch",
-        "class": bem$19({
+        "class": bem$1a({
           on: checked,
           loading,
           disabled
@@ -4793,16 +4793,16 @@ var stdin_default$1n = vue.defineComponent({
         "aria-checked": checked,
         "onClick": onClick
       }, [vue.createVNode("div", {
-        "class": bem$19("node")
+        "class": bem$1a("node")
       }, [renderLoading()]), (_a = slots.background) == null ? void 0 : _a.call(slots)]);
     };
   }
 });
-const Switch = withInstall(stdin_default$1n);
-const [name$1c, bem$18] = createNamespace("address-edit-detail");
+const Switch = withInstall(stdin_default$1o);
+const [name$1d, bem$19] = createNamespace("address-edit-detail");
 const t$j = createNamespace("address-edit")[2];
-var stdin_default$1m = vue.defineComponent({
-  name: name$1c,
+var stdin_default$1n = vue.defineComponent({
+  name: name$1d,
   props: {
     show: Boolean,
     rows: numericProp,
@@ -4836,7 +4836,7 @@ var stdin_default$1m = vue.defineComponent({
         "icon": "location-o",
         "title": express.name,
         "label": express.address,
-        "class": bem$18("search-item"),
+        "class": bem$19("search-item"),
         "border": false,
         "onClick": () => onSelect(express)
       }, null));
@@ -4850,7 +4850,7 @@ var stdin_default$1m = vue.defineComponent({
           "autosize": true,
           "clearable": true,
           "ref": field,
-          "class": bem$18(),
+          "class": bem$19(),
           "rows": props.rows,
           "type": "textarea",
           "rules": props.rules,
@@ -4867,7 +4867,7 @@ var stdin_default$1m = vue.defineComponent({
     };
   }
 });
-const [name$1b, bem$17, t$i] = createNamespace("address-edit");
+const [name$1c, bem$18, t$i] = createNamespace("address-edit");
 const DEFAULT_DATA = {
   name: "",
   tel: "",
@@ -4907,8 +4907,8 @@ const addressEditProps = {
     default: isMobile
   }
 };
-var stdin_default$1l = vue.defineComponent({
-  name: name$1b,
+var stdin_default$1m = vue.defineComponent({
+  name: name$1c,
   props: addressEditProps,
   emits: ["save", "focus", "delete", "clickArea", "changeArea", "changeDetail", "selectSearch", "changeDefault"],
   setup(props, {
@@ -5018,8 +5018,9 @@ var stdin_default$1l = vue.defineComponent({
         };
         return vue.withDirectives(vue.createVNode(Cell, {
           "center": true,
+          "border": false,
           "title": t$i("defaultAddress"),
-          "class": bem$17("default")
+          "class": bem$18("default")
         }, slots2), [[vue.vShow, !hideBottomFields.value]]);
       }
     };
@@ -5045,13 +5046,13 @@ var stdin_default$1l = vue.defineComponent({
         disableArea
       } = props;
       return vue.createVNode(Form, {
-        "class": bem$17(),
+        "class": bem$18(),
         "onSubmit": onSave
       }, {
         default: () => {
           var _a;
           return [vue.createVNode("div", {
-            "class": bem$17("fields")
+            "class": bem$18("fields")
           }, [vue.createVNode(Field, {
             "modelValue": data.name,
             "onUpdate:modelValue": ($event) => data.name = $event,
@@ -5082,7 +5083,7 @@ var stdin_default$1l = vue.defineComponent({
               emit("clickArea");
               showAreaPopup.value = !disableArea;
             }
-          }, null), [[vue.vShow, props.showArea]]), vue.createVNode(stdin_default$1m, {
+          }, null), [[vue.vShow, props.showArea]]), vue.createVNode(stdin_default$1n, {
             "show": props.showDetail,
             "rows": props.detailRows,
             "rules": rules.value.addressDetail,
@@ -5096,19 +5097,19 @@ var stdin_default$1l = vue.defineComponent({
             "onInput": onChangeDetail,
             "onSelectSearch": (event) => emit("selectSearch", event)
           }, null), (_a = slots.default) == null ? void 0 : _a.call(slots)]), renderSetDefaultCell(), vue.withDirectives(vue.createVNode("div", {
-            "class": bem$17("buttons")
+            "class": bem$18("buttons")
           }, [vue.createVNode(Button, {
             "block": true,
             "round": true,
             "type": "primary",
             "text": props.saveButtonText || t$i("save"),
-            "class": bem$17("button"),
+            "class": bem$18("button"),
             "loading": props.isSaving,
             "nativeType": "submit"
           }, null), props.showDelete && vue.createVNode(Button, {
             "block": true,
             "round": true,
-            "class": bem$17("button"),
+            "class": bem$18("button"),
             "loading": props.isDeleting,
             "text": props.deleteButtonText || t$i("delete"),
             "onClick": onDelete
@@ -5138,8 +5139,8 @@ var stdin_default$1l = vue.defineComponent({
     };
   }
 });
-const AddressEdit = withInstall(stdin_default$1l);
-const [name$1a, bem$16] = createNamespace("radio-group");
+const AddressEdit = withInstall(stdin_default$1m);
+const [name$1b, bem$17] = createNamespace("radio-group");
 const radioGroupProps = {
   disabled: Boolean,
   iconSize: numericProp,
@@ -5147,9 +5148,9 @@ const radioGroupProps = {
   modelValue: unknownProp,
   checkedColor: String
 };
-const RADIO_KEY = Symbol(name$1a);
-var stdin_default$1k = vue.defineComponent({
-  name: name$1a,
+const RADIO_KEY = Symbol(name$1b);
+var stdin_default$1l = vue.defineComponent({
+  name: name$1b,
   props: radioGroupProps,
   emits: ["change", "update:modelValue"],
   setup(props, {
@@ -5169,14 +5170,14 @@ var stdin_default$1k = vue.defineComponent({
     return () => {
       var _a;
       return vue.createVNode("div", {
-        "class": bem$16([props.direction]),
+        "class": bem$17([props.direction]),
         "role": "radiogroup"
       }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
     };
   }
 });
-const RadioGroup = withInstall(stdin_default$1k);
-const [name$19, bem$15] = createNamespace("tag");
+const RadioGroup = withInstall(stdin_default$1l);
+const [name$1a, bem$16] = createNamespace("tag");
 const tagProps = {
   size: String,
   mark: Boolean,
@@ -5188,8 +5189,8 @@ const tagProps = {
   textColor: String,
   closeable: Boolean
 };
-var stdin_default$1j = vue.defineComponent({
-  name: name$19,
+var stdin_default$1k = vue.defineComponent({
+  name: name$1a,
   props: tagProps,
   emits: ["close"],
   setup(props, {
@@ -5232,12 +5233,12 @@ var stdin_default$1j = vue.defineComponent({
       }
       const CloseIcon = closeable && vue.createVNode(Icon, {
         "name": "cross",
-        "class": [bem$15("close"), HAPTICS_FEEDBACK],
+        "class": [bem$16("close"), HAPTICS_FEEDBACK],
         "onClick": onClose
       }, null);
       return vue.createVNode("span", {
         "style": getStyle(),
-        "class": bem$15([classes, type])
+        "class": bem$16([classes, type])
       }, [(_a = slots.default) == null ? void 0 : _a.call(slots), CloseIcon]);
     };
     return () => vue.createVNode(vue.Transition, {
@@ -5247,7 +5248,7 @@ var stdin_default$1j = vue.defineComponent({
     });
   }
 });
-const Tag = withInstall(stdin_default$1j);
+const Tag = withInstall(stdin_default$1k);
 const checkerProps = {
   name: unknownProp,
   shape: makeStringProp("round"),
@@ -5258,7 +5259,7 @@ const checkerProps = {
   labelPosition: String,
   labelDisabled: Boolean
 };
-var stdin_default$1i = vue.defineComponent({
+var stdin_default$1j = vue.defineComponent({
   props: extend({}, checkerProps, {
     bem: makeRequiredProp(Function),
     role: String,
@@ -5360,9 +5361,9 @@ var stdin_default$1i = vue.defineComponent({
   }
 });
 const radioProps = checkerProps;
-const [name$18, bem$14] = createNamespace("radio");
-var stdin_default$1h = vue.defineComponent({
-  name: name$18,
+const [name$19, bem$15] = createNamespace("radio");
+var stdin_default$1i = vue.defineComponent({
+  name: name$19,
   props: checkerProps,
   emits: ["update:modelValue"],
   setup(props, {
@@ -5383,8 +5384,8 @@ var stdin_default$1h = vue.defineComponent({
         emit("update:modelValue", props.name);
       }
     };
-    return () => vue.createVNode(stdin_default$1i, vue.mergeProps({
-      "bem": bem$14,
+    return () => vue.createVNode(stdin_default$1j, vue.mergeProps({
+      "bem": bem$15,
       "role": "radio",
       "parent": parent,
       "checked": checked(),
@@ -5392,10 +5393,10 @@ var stdin_default$1h = vue.defineComponent({
     }, props), pick(slots, ["default", "icon"]));
   }
 });
-const Radio = withInstall(stdin_default$1h);
-const [name$17, bem$13] = createNamespace("address-item");
-var stdin_default$1g = vue.defineComponent({
-  name: name$17,
+const Radio = withInstall(stdin_default$1i);
+const [name$18, bem$14] = createNamespace("address-item");
+var stdin_default$1h = vue.defineComponent({
+  name: name$18,
   props: {
     address: makeRequiredProp(Object),
     disabled: Boolean,
@@ -5415,7 +5416,7 @@ var stdin_default$1g = vue.defineComponent({
     };
     const renderRightIcon = () => vue.createVNode(Icon, {
       "name": "edit",
-      "class": bem$13("edit"),
+      "class": bem$14("edit"),
       "onClick": (event) => {
         event.stopPropagation();
         emit("edit");
@@ -5430,7 +5431,7 @@ var stdin_default$1g = vue.defineComponent({
         return vue.createVNode(Tag, {
           "type": "primary",
           "round": true,
-          "class": bem$13("tag")
+          "class": bem$14("tag")
         }, {
           default: () => [props.defaultTagText]
         });
@@ -5443,9 +5444,9 @@ var stdin_default$1g = vue.defineComponent({
         switchable
       } = props;
       const Info = [vue.createVNode("div", {
-        "class": bem$13("name")
+        "class": bem$14("name")
       }, [`${address.name} ${address.tel}`, renderTag()]), vue.createVNode("div", {
-        "class": bem$13("address")
+        "class": bem$14("address")
       }, [address.address])];
       if (switchable && !disabled) {
         return vue.createVNode(Radio, {
@@ -5463,13 +5464,13 @@ var stdin_default$1g = vue.defineComponent({
         disabled
       } = props;
       return vue.createVNode("div", {
-        "class": bem$13({
+        "class": bem$14({
           disabled
         }),
         "onClick": onClick
       }, [vue.createVNode(Cell, {
         "border": false,
-        "titleClass": bem$13("title")
+        "titleClass": bem$14("title")
       }, {
         title: renderContent,
         "right-icon": renderRightIcon
@@ -5479,7 +5480,7 @@ var stdin_default$1g = vue.defineComponent({
     };
   }
 });
-const [name$16, bem$12, t$h] = createNamespace("address-list");
+const [name$17, bem$13, t$h] = createNamespace("address-list");
 const addressListProps = {
   list: makeArrayProp(),
   modelValue: numericProp,
@@ -5489,8 +5490,8 @@ const addressListProps = {
   addButtonText: String,
   defaultTagText: String
 };
-var stdin_default$1f = vue.defineComponent({
-  name: name$16,
+var stdin_default$1g = vue.defineComponent({
+  name: name$17,
   props: addressListProps,
   emits: ["add", "edit", "select", "clickItem", "editDisabled", "selectDisabled", "update:modelValue"],
   setup(props, {
@@ -5506,7 +5507,7 @@ var stdin_default$1f = vue.defineComponent({
           emit("update:modelValue", item.id);
         }
       };
-      return vue.createVNode(stdin_default$1g, {
+      return vue.createVNode(stdin_default$1h, {
         "key": item.id,
         "address": item,
         "disabled": disabled,
@@ -5526,13 +5527,13 @@ var stdin_default$1f = vue.defineComponent({
       }
     };
     const renderBottom = () => vue.createVNode("div", {
-      "class": [bem$12("bottom"), "van-safe-area-bottom"]
+      "class": [bem$13("bottom"), "van-safe-area-bottom"]
     }, [vue.createVNode(Button, {
       "round": true,
       "block": true,
       "type": "primary",
       "text": props.addButtonText || t$h("add"),
-      "class": bem$12("add"),
+      "class": bem$13("add"),
       "onClick": () => emit("add")
     }, null)]);
     return () => {
@@ -5540,10 +5541,10 @@ var stdin_default$1f = vue.defineComponent({
       const List2 = renderList(props.list);
       const DisabledList = renderList(props.disabledList, true);
       const DisabledText = props.disabledText && vue.createVNode("div", {
-        "class": bem$12("disabled-text")
+        "class": bem$13("disabled-text")
       }, [props.disabledText]);
       return vue.createVNode("div", {
-        "class": bem$12()
+        "class": bem$13()
       }, [(_a = slots.top) == null ? void 0 : _a.call(slots), vue.createVNode(RadioGroup, {
         "modelValue": props.modelValue
       }, {
@@ -5552,7 +5553,7 @@ var stdin_default$1f = vue.defineComponent({
     };
   }
 });
-const AddressList = withInstall(stdin_default$1f);
+const AddressList = withInstall(stdin_default$1g);
 const hasIntersectionObserver = use.inBrowser && "IntersectionObserver" in window && "IntersectionObserverEntry" in window && "intersectionRatio" in window.IntersectionObserverEntry.prototype;
 const modeType = {
   event: "event",
@@ -5705,7 +5706,7 @@ class ImageCache {
     this.caches.shift();
   }
 }
-const [name$15, bem$11] = createNamespace("back-top");
+const [name$16, bem$12] = createNamespace("back-top");
 const backTopProps = {
   right: numericProp,
   bottom: numericProp,
@@ -5718,8 +5719,8 @@ const backTopProps = {
     default: "body"
   }
 };
-var stdin_default$1e = vue.defineComponent({
-  name: name$15,
+var stdin_default$1f = vue.defineComponent({
+  name: name$16,
   inheritAttrs: false,
   props: backTopProps,
   emits: ["click"],
@@ -5777,28 +5778,158 @@ var stdin_default$1e = vue.defineComponent({
     vue.watch(() => props.target, updateTarget);
     return () => {
       const Content = vue.createVNode("div", vue.mergeProps({
-        "ref": root,
-        "class": bem$11({
+        "ref": !props.teleport ? root : void 0,
+        "class": bem$12({
           active: show.value
         }),
         "style": style.value,
         "onClick": onClick
       }, attrs), [slots.default ? slots.default() : vue.createVNode(Icon, {
         "name": "back-top",
-        "class": bem$11("icon")
+        "class": bem$12("icon")
       }, null)]);
       if (props.teleport) {
-        return vue.createVNode(vue.Teleport, {
+        return [vue.createVNode("div", {
+          "ref": root,
+          "class": bem$12("placeholder")
+        }, null), vue.createVNode(vue.Teleport, {
           "to": props.teleport
         }, {
           default: () => [Content]
-        });
+        })];
       }
       return Content;
     };
   }
 });
-const BackTop = withInstall(stdin_default$1e);
+const BackTop = withInstall(stdin_default$1f);
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+const barrageProps = {
+  top: makeNumericProp(10),
+  rows: makeNumericProp(4),
+  duration: makeNumericProp(4e3),
+  autoPlay: truthProp,
+  delay: makeNumberProp(300),
+  modelValue: makeArrayProp()
+};
+const [name$15, bem$11] = createNamespace("barrage");
+var stdin_default$1e = vue.defineComponent({
+  name: name$15,
+  props: barrageProps,
+  emits: ["update:modelValue"],
+  setup(props, {
+    emit,
+    slots
+  }) {
+    const barrageWrapper = vue.ref();
+    const className = bem$11("item");
+    const total = vue.ref(0);
+    const barrageItems = [];
+    const createBarrageItem = (text, delay = props.delay) => {
+      const item = document.createElement("span");
+      item.className = className;
+      item.innerText = String(text);
+      item.style.animationDuration = `${props.duration}ms`;
+      item.style.animationDelay = `${delay}ms`;
+      item.style.animationName = "van-barrage";
+      item.style.animationTimingFunction = "linear";
+      return item;
+    };
+    const isInitBarrage = vue.ref(true);
+    const isPlay = vue.ref(props.autoPlay);
+    const appendBarrageItem = ({
+      id,
+      text
+    }, i) => {
+      var _a;
+      const item = createBarrageItem(text, isInitBarrage.value ? i * props.delay : void 0);
+      if (!props.autoPlay && isPlay.value === false) {
+        item.style.animationPlayState = "paused";
+      }
+      (_a = barrageWrapper.value) == null ? void 0 : _a.append(item);
+      total.value++;
+      const top = (total.value - 1) % +props.rows * item.offsetHeight + +props.top;
+      item.style.top = `${top}px`;
+      item.dataset.id = String(id);
+      barrageItems.push(item);
+      item.addEventListener("animationend", () => {
+        emit("update:modelValue", [...props.modelValue].filter((v) => String(v.id) !== item.dataset.id));
+      });
+    };
+    const updateBarrages = (newValue, oldValue) => {
+      const map = new Map(oldValue.map((item) => [item.id, item]));
+      newValue.forEach((item, i) => {
+        if (map.has(item.id)) {
+          map.delete(item.id);
+        } else {
+          appendBarrageItem(item, i);
+        }
+      });
+      map.forEach((item) => {
+        const index = barrageItems.findIndex((span) => span.dataset.id === String(item.id));
+        if (index > -1) {
+          barrageItems[index].remove();
+          barrageItems.splice(index, 1);
+        }
+      });
+      isInitBarrage.value = false;
+    };
+    vue.watch(() => props.modelValue.slice(), (newValue, oldValue) => updateBarrages(newValue != null ? newValue : [], oldValue != null ? oldValue : []), {
+      deep: true
+    });
+    const rootStyle = vue.ref({});
+    vue.onMounted(() => __async(this, null, function* () {
+      var _a;
+      rootStyle.value["--move-distance"] = `-${(_a = barrageWrapper.value) == null ? void 0 : _a.offsetWidth}px`;
+      yield vue.nextTick();
+      updateBarrages(props.modelValue, []);
+    }));
+    const play = () => {
+      isPlay.value = true;
+      barrageItems.forEach((item) => {
+        item.style.animationPlayState = "running";
+      });
+    };
+    const pause = () => {
+      isPlay.value = false;
+      barrageItems.forEach((item) => {
+        item.style.animationPlayState = "paused";
+      });
+    };
+    useExpose({
+      play,
+      pause
+    });
+    return () => {
+      var _a;
+      return vue.createVNode("div", {
+        "class": bem$11(),
+        "ref": barrageWrapper,
+        "style": rootStyle.value
+      }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
+    };
+  }
+});
+const Barrage = withInstall(stdin_default$1e);
 const [name$14, bem$10, t$g] = createNamespace("calendar");
 const formatMonthTitle = (date) => t$g("monthTitle", date.getFullYear(), date.getMonth() + 1);
 function compareMonth(date1, date2) {
@@ -6960,6 +7091,7 @@ var stdin_default$17 = vue.defineComponent({
   }) {
     const tabs = vue.ref([]);
     const activeTab = vue.ref(0);
+    const [selectedElementRefs, setSelectedElementRefs] = useRefs();
     const {
       text: textKey,
       value: valueKey,
@@ -7078,6 +7210,7 @@ var stdin_default$17 = vue.defineComponent({
         selected
       }) : vue.createVNode("span", null, [option[textKey]]);
       return vue.createVNode("li", {
+        "ref": selected ? setSelectedElementRefs(tabIndex) : void 0,
         "role": "menuitemradio",
         "class": [bem$Z("option", {
           selected,
@@ -7134,7 +7267,18 @@ var stdin_default$17 = vue.defineComponent({
     }, {
       default: () => [tabs.value.map(renderTab)]
     });
+    const scrollIntoView = (el) => {
+      const scrollParent = el.parentElement;
+      if (scrollParent) {
+        scrollParent.scrollTop = el.offsetTop - (scrollParent.offsetHeight - el.offsetHeight) / 2;
+      }
+    };
     updateTabs();
+    vue.watch(activeTab, (value) => {
+      const el = selectedElementRefs.value[value];
+      if (el)
+        scrollIntoView(el);
+    });
     vue.watch(() => props.options, updateTabs, {
       deep: true
     });
@@ -7318,7 +7462,7 @@ var stdin_default$14 = vue.defineComponent({
       checked
     });
     use.useCustomFieldValue(() => props.modelValue);
-    return () => vue.createVNode(stdin_default$1i, vue.mergeProps({
+    return () => vue.createVNode(stdin_default$1j, vue.mergeProps({
       "bem": bem$W,
       "role": "checkbox",
       "parent": parent,
@@ -7839,7 +7983,7 @@ var stdin_default$$ = vue.defineComponent({
   }
 });
 const CollapseItem = withInstall(stdin_default$$);
-const ConfigProvider = withInstall(stdin_default$1L);
+const ConfigProvider = withInstall(stdin_default$1M);
 const [name$R, bem$Q, t$e] = createNamespace("contact-card");
 const contactCardProps = {
   tel: String,
@@ -8004,7 +8148,7 @@ var stdin_default$Y = vue.defineComponent({
       const renderRightIcon = () => vue.createVNode(Radio, {
         "class": bem$O("radio"),
         "name": item.id,
-        "iconSize": 16
+        "iconSize": 18
       }, null);
       const renderEditIcon = () => vue.createVNode(Icon, {
         "name": "edit",
@@ -8788,6 +8932,7 @@ var stdin_default$S = vue.defineComponent({
     slots
   }) {
     const currentValues = vue.ref(props.modelValue);
+    const updatedByExternalSources = vue.ref(false);
     const genYearOptions = () => {
       const minYear = props.minDate.getFullYear();
       const maxYear = props.maxDate.getFullYear();
@@ -8803,7 +8948,7 @@ var stdin_default$S = vue.defineComponent({
         columnsType
       } = props;
       const index = columnsType.indexOf(type);
-      const value = currentValues.value[index];
+      const value = updatedByExternalSources.value ? props.modelValue[index] : currentValues.value[index];
       if (value) {
         return +value;
       }
@@ -8849,11 +8994,13 @@ var stdin_default$S = vue.defineComponent({
         emit("update:modelValue", newValues);
       }
     });
-    vue.watch(() => props.modelValue, (newValues) => {
+    vue.watch(() => props.modelValue, (newValues, oldValues) => {
+      updatedByExternalSources.value = isSameValue(oldValues, currentValues.value);
       newValues = formatValueRange(newValues, columns.value);
       if (!isSameValue(newValues, currentValues.value)) {
         currentValues.value = newValues;
       }
+      updatedByExternalSources.value = false;
     }, {
       immediate: true
     });
@@ -9156,6 +9303,7 @@ const [name$H, bem$H] = createNamespace("divider");
 const dividerProps = {
   dashed: Boolean,
   hairline: truthProp,
+  vertical: Boolean,
   contentPosition: makeStringProp("center")
 };
 var stdin_default$Q = vue.defineComponent({
@@ -9171,9 +9319,10 @@ var stdin_default$Q = vue.defineComponent({
         "class": bem$H({
           dashed: props.dashed,
           hairline: props.hairline,
-          [`content-${props.contentPosition}`]: !!slots.default
+          vertical: props.vertical,
+          [`content-${props.contentPosition}`]: !!slots.default && !props.vertical
         })
-      }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
+      }, [!props.vertical && ((_a = slots.default) == null ? void 0 : _a.call(slots))]);
     };
   }
 });
@@ -9658,6 +9807,7 @@ const getCenter = (touches) => ({
   y: (touches[0].clientY + touches[1].clientY) / 2
 });
 const bem$C = createNamespace("image-preview")[1];
+const longImageRatio = 2.6;
 var stdin_default$L = vue.defineComponent({
   props: {
     src: String,
@@ -9680,21 +9830,14 @@ var stdin_default$L = vue.defineComponent({
       moveY: 0,
       moving: false,
       zooming: false,
-      imageRatio: 0,
-      displayWidth: 0,
-      displayHeight: 0
+      imageRatio: 0
     });
     const touch = useTouch();
     const imageRef = vue.ref();
     const swipeItem = vue.ref();
-    const vertical = vue.computed(() => {
-      const {
-        rootWidth,
-        rootHeight
-      } = props;
-      const rootRatio = rootHeight / rootWidth;
-      return state.imageRatio > rootRatio;
-    });
+    const vertical = vue.ref(false);
+    const isLongImage = vue.ref(false);
+    let initialMoveY = 0;
     const imageStyle = vue.computed(() => {
       const {
         scale,
@@ -9706,7 +9849,7 @@ var stdin_default$L = vue.defineComponent({
       const style = {
         transitionDuration: zooming || moving ? "0s" : ".3s"
       };
-      if (scale !== 1) {
+      if (scale !== 1 || isLongImage.value) {
         style.transform = `matrix(${scale}, 0, 0, ${scale}, ${moveX}, ${moveY})`;
       }
       return style;
@@ -9751,7 +9894,7 @@ var stdin_default$L = vue.defineComponent({
           state.moveY = clamp(moveY, -maxMoveY.value, maxMoveY.value);
         } else {
           state.moveX = 0;
-          state.moveY = 0;
+          state.moveY = isLongImage.value ? initialMoveY : 0;
         }
         emit("scale", {
           scale,
@@ -9764,7 +9907,7 @@ var stdin_default$L = vue.defineComponent({
     };
     const toggleScale = () => {
       const scale = state.scale > 1 ? 1 : 2;
-      setScale(scale, scale === 2 ? {
+      setScale(scale, scale === 2 || isLongImage.value ? {
         x: touch.startX.value,
         y: touch.startY.value
       } : void 0);
@@ -9794,7 +9937,7 @@ var stdin_default$L = vue.defineComponent({
       startMoveY = state.moveY;
       touchStartTime = Date.now();
       isImageMoved = false;
-      state.moving = fingerNum === 1 && state.scale !== 1;
+      state.moving = fingerNum === 1 && (state.scale !== 1 || isLongImage.value);
       state.zooming = fingerNum === 2 && !offsetX.value;
       if (state.zooming) {
         startScale = state.scale;
@@ -9890,12 +10033,30 @@ var stdin_default$L = vue.defineComponent({
       checkTap();
       touch.reset();
     };
+    const resize = () => {
+      const {
+        rootWidth,
+        rootHeight
+      } = props;
+      const rootRatio = rootHeight / rootWidth;
+      const {
+        imageRatio
+      } = state;
+      vertical.value = state.imageRatio > rootRatio && imageRatio < longImageRatio;
+      isLongImage.value = state.imageRatio > rootRatio && imageRatio >= longImageRatio;
+      if (isLongImage.value) {
+        initialMoveY = (imageRatio * rootWidth - rootHeight) / 2;
+        state.moveY = initialMoveY;
+      }
+      resetScale();
+    };
     const onLoad = (event) => {
       const {
         naturalWidth,
         naturalHeight
       } = event.target;
       state.imageRatio = naturalHeight / naturalWidth;
+      resize();
     };
     vue.watch(() => props.active, resetScale);
     vue.watch(() => props.show, (value) => {
@@ -9903,6 +10064,7 @@ var stdin_default$L = vue.defineComponent({
         resetScale();
       }
     });
+    vue.watch(() => [props.rootWidth, props.rootHeight], resize);
     use.useEventListener("touchmove", onTouchMove, {
       target: vue.computed(() => {
         var _a;
@@ -11457,7 +11619,7 @@ var stdin_default$A = vue.defineComponent({
   }
 });
 const PasswordInput = withInstall(stdin_default$A);
-const PickerGroup = withInstall(stdin_default$1u);
+const PickerGroup = withInstall(stdin_default$1v);
 const [name$r, bem$q] = createNamespace("popover");
 const popupProps = ["overlay", "duration", "teleport", "overlayStyle", "overlayClass", "closeOnClickOverlay"];
 const popoverProps = {
@@ -12437,6 +12599,7 @@ const signatureProps = {
   penColor: makeStringProp("#000"),
   lineWidth: makeNumberProp(3),
   clearButtonText: String,
+  backgroundColor: makeStringProp(""),
   confirmButtonText: String
 };
 const hasCanvasSupport = () => {
@@ -12456,7 +12619,8 @@ var stdin_default$r = vue.defineComponent({
     const state = vue.reactive({
       width: 0,
       height: 0,
-      ctx: null
+      ctx: null,
+      ratio: inBrowser ? window.devicePixelRatio : 1
     });
     let canvasRect;
     const isRenderCanvas = inBrowser ? hasCanvasSupport() : true;
@@ -12465,7 +12629,7 @@ var stdin_default$r = vue.defineComponent({
         return false;
       }
       state.ctx.beginPath();
-      state.ctx.lineWidth = props.lineWidth;
+      state.ctx.lineWidth = props.lineWidth * state.ratio;
       state.ctx.strokeStyle = props.penColor;
       canvasRect = use.useRect(canvasRef);
       emit("start");
@@ -12477,8 +12641,8 @@ var stdin_default$r = vue.defineComponent({
       }
       preventDefault(event);
       const touch = event.touches[0];
-      const mouseX = touch.clientX - ((canvasRect == null ? void 0 : canvasRect.left) || 0);
-      const mouseY = touch.clientY - ((canvasRect == null ? void 0 : canvasRect.top) || 0);
+      const mouseX = (touch.clientX - ((canvasRect == null ? void 0 : canvasRect.left) || 0)) * state.ratio;
+      const mouseY = (touch.clientY - ((canvasRect == null ? void 0 : canvasRect.top) || 0)) * state.ratio;
       state.ctx.lineCap = "round";
       state.ctx.lineJoin = "round";
       (_a = state.ctx) == null ? void 0 : _a.lineTo(mouseX, mouseY);
@@ -12495,13 +12659,23 @@ var stdin_default$r = vue.defineComponent({
       empty.height = canvas.height;
       return canvas.toDataURL() === empty.toDataURL();
     };
+    const setCanvasBgColor = () => {
+      if (state.ctx && props.backgroundColor) {
+        state.ctx.fillStyle = props.backgroundColor;
+        state.ctx.fillRect(0, 0, state.width, state.height);
+      }
+    };
     const submit = () => {
+      var _a, _b;
       const canvas = canvasRef.value;
       if (!canvas) {
         return;
       }
       const isEmpty = isCanvasEmpty(canvas);
-      const image = isEmpty ? "" : canvas.toDataURL(`image/${props.type}`, props.type === "jpg" ? 0.9 : null);
+      const image = isEmpty ? "" : ((_b = (_a = {
+        jpg: () => canvas.toDataURL("image/jpeg", 0.8),
+        jpeg: () => canvas.toDataURL("image/jpeg", 0.8)
+      })[props.type]) == null ? void 0 : _b.call(_a)) || canvas.toDataURL(`image/${props.type}`);
       emit("submit", {
         image,
         canvas
@@ -12511,6 +12685,7 @@ var stdin_default$r = vue.defineComponent({
       if (state.ctx) {
         state.ctx.clearRect(0, 0, state.width, state.height);
         state.ctx.closePath();
+        setCanvasBgColor();
       }
       emit("clear");
     };
@@ -12518,8 +12693,11 @@ var stdin_default$r = vue.defineComponent({
       var _a, _b, _c;
       if (isRenderCanvas) {
         state.ctx = (_a = canvasRef.value) == null ? void 0 : _a.getContext("2d");
-        state.width = ((_b = wrapRef.value) == null ? void 0 : _b.offsetWidth) || 0;
-        state.height = ((_c = wrapRef.value) == null ? void 0 : _c.offsetHeight) || 0;
+        state.width = (((_b = wrapRef.value) == null ? void 0 : _b.offsetWidth) || 0) * state.ratio;
+        state.height = (((_c = wrapRef.value) == null ? void 0 : _c.offsetHeight) || 0) * state.ratio;
+        vue.nextTick(() => {
+          setCanvasBgColor();
+        });
       }
     });
     return () => vue.createVNode("div", {
@@ -14230,10 +14408,11 @@ var stdin_default$6 = vue.defineComponent({
     imageFit: String,
     lazyLoad: Boolean,
     deletable: Boolean,
+    reupload: Boolean,
     previewSize: [Number, String, Array],
     beforeDelete: Function
   },
-  emits: ["delete", "preview"],
+  emits: ["delete", "preview", "reupload"],
   setup(props, {
     emit,
     slots
@@ -14275,6 +14454,7 @@ var stdin_default$6 = vue.defineComponent({
       });
     };
     const onPreview = () => emit("preview");
+    const onReupload = () => emit("reupload");
     const renderDeleteIcon = () => {
       if (props.deletable && props.item.status !== "uploading") {
         const slot = slots["preview-delete"];
@@ -14310,7 +14490,8 @@ var stdin_default$6 = vue.defineComponent({
         item,
         lazyLoad,
         imageFit,
-        previewSize
+        previewSize,
+        reupload
       } = props;
       if (isImageFile(item)) {
         return vue.createVNode(Image$1, {
@@ -14320,7 +14501,7 @@ var stdin_default$6 = vue.defineComponent({
           "width": Array.isArray(previewSize) ? previewSize[0] : previewSize,
           "height": Array.isArray(previewSize) ? previewSize[1] : previewSize,
           "lazyLoad": lazyLoad,
-          "onClick": onPreview
+          "onClick": reupload ? onReupload : onPreview
         }, {
           default: renderCover
         });
@@ -14354,6 +14535,7 @@ const uploaderProps = {
   uploadIcon: makeStringProp("photograph"),
   uploadText: String,
   deletable: truthProp,
+  reupload: Boolean,
   afterRead: Function,
   showUpload: truthProp,
   modelValue: makeArrayProp(),
@@ -14371,13 +14553,14 @@ const uploaderProps = {
 var stdin_default$5 = vue.defineComponent({
   name: name$1,
   props: uploaderProps,
-  emits: ["delete", "oversize", "clickUpload", "closePreview", "clickPreview", "update:modelValue"],
+  emits: ["delete", "oversize", "clickUpload", "closePreview", "clickPreview", "clickReupload", "update:modelValue"],
   setup(props, {
     emit,
     slots
   }) {
     const inputRef = vue.ref();
     const urls = [];
+    const reuploadIndex = vue.ref(-1);
     const getDetail = (index = props.modelValue.length) => ({
       name: props.name,
       index
@@ -14403,7 +14586,14 @@ var stdin_default$5 = vue.defineComponent({
         }
       }
       items = vue.reactive(items);
-      emit("update:modelValue", [...props.modelValue, ...toArray(items)]);
+      if (reuploadIndex.value > -1) {
+        const arr = [...props.modelValue];
+        arr.splice(reuploadIndex.value, 1, items);
+        emit("update:modelValue", arr);
+        reuploadIndex.value = -1;
+      } else {
+        emit("update:modelValue", [...props.modelValue, ...toArray(items)]);
+      }
       if (props.afterRead) {
         props.afterRead(items, getDetail());
       }
@@ -14504,15 +14694,20 @@ var stdin_default$5 = vue.defineComponent({
       emit("update:modelValue", fileList);
       emit("delete", item, getDetail(index));
     };
+    const reuploadImage = (index) => {
+      chooseFile();
+      reuploadIndex.value = index;
+    };
     const renderPreviewItem = (item, index) => {
-      const needPickData = ["imageFit", "deletable", "previewSize", "beforeDelete"];
+      const needPickData = ["imageFit", "deletable", "reupload", "previewSize", "beforeDelete"];
       const previewData = extend(pick(props, needPickData), pick(item, needPickData, true));
       return vue.createVNode(stdin_default$6, vue.mergeProps({
         "item": item,
         "index": index,
-        "onClick": () => emit("clickPreview", item, getDetail(index)),
+        "onClick": () => emit(props.reupload ? "clickReupload" : "clickPreview", item, getDetail(index)),
         "onDelete": () => deleteFile(item, index),
-        "onPreview": () => previewImage(item)
+        "onPreview": () => previewImage(item),
+        "onReupload": () => reuploadImage(index)
       }, pick(props, ["name", "lazyLoad"]), previewData), pick(slots, ["preview-cover", "preview-delete"]));
     };
     const renderPreviewList = () => {
@@ -14522,24 +14717,25 @@ var stdin_default$5 = vue.defineComponent({
     };
     const onClickUpload = (event) => emit("clickUpload", event);
     const renderUpload = () => {
-      if (props.modelValue.length >= +props.maxCount) {
+      if (props.modelValue.length >= +props.maxCount && !props.reupload) {
         return;
       }
+      const hideUploader = props.modelValue.length >= +props.maxCount && props.reupload;
       const Input = props.readonly ? null : vue.createVNode("input", {
         "ref": inputRef,
         "type": "file",
         "class": bem$1("input"),
         "accept": props.accept,
         "capture": props.capture,
-        "multiple": props.multiple,
+        "multiple": props.multiple && reuploadIndex.value === -1,
         "disabled": props.disabled,
         "onChange": onChange
       }, null);
       if (slots.default) {
-        return vue.createVNode("div", {
+        return vue.withDirectives(vue.createVNode("div", {
           "class": bem$1("input-wrapper"),
           "onClick": onClickUpload
-        }, [slots.default(), Input]);
+        }, [slots.default(), Input]), [[vue.vShow, !hideUploader]]);
       }
       return vue.withDirectives(vue.createVNode("div", {
         "class": bem$1("upload", {
@@ -14552,7 +14748,7 @@ var stdin_default$5 = vue.defineComponent({
         "class": bem$1("upload-icon")
       }, null), props.uploadText && vue.createVNode("span", {
         "class": bem$1("upload-text")
-      }, [props.uploadText]), Input]), [[vue.vShow, props.showUpload]]);
+      }, [props.uploadText]), Input]), [[vue.vShow, props.showUpload && !hideUploader]]);
     };
     const chooseFile = () => {
       if (inputRef.value && !props.disabled) {
@@ -15579,7 +15775,7 @@ const Lazyload = {
     });
   }
 };
-const version = "4.3.2";
+const version = "4.4.0";
 function install(app) {
   const components = [
     ActionBar,
@@ -15591,6 +15787,7 @@ function install(app) {
     Area,
     BackTop,
     Badge,
+    Barrage,
     Button,
     Calendar,
     Card,
@@ -15700,6 +15897,7 @@ exports.AddressList = AddressList;
 exports.Area = Area;
 exports.BackTop = BackTop;
 exports.Badge = Badge;
+exports.Barrage = Barrage;
 exports.Button = Button;
 exports.Calendar = Calendar;
 exports.Card = Card;
@@ -15799,6 +15997,7 @@ exports.allowMultipleToast = allowMultipleToast;
 exports.areaProps = areaProps;
 exports.backTopProps = backTopProps;
 exports.badgeProps = badgeProps;
+exports.barrageProps = barrageProps;
 exports.buttonProps = buttonProps;
 exports.calendarProps = calendarProps;
 exports.cardProps = cardProps;