vant 4.3.1 → 4.4.0

package/lib/vant.js

@@ -626,7 +626,7 @@
     });
     return to;
   }
-  var stdin_default$1P = {
+  var stdin_default$1Q = {
     name: "姓名",
     tel: "电话",
     save: "保存",
@@ -690,7 +690,7 @@
   };
   const lang = vue.ref("zh-CN");
   const messages = vue.reactive({
-    "zh-CN": stdin_default$1P
+    "zh-CN": stdin_default$1Q
   });
   const Locale = {
     messages() {
@@ -705,11 +705,11 @@
     }
   };
   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;
     };
@@ -831,20 +831,20 @@
       }
     }, [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
       } = useChildren(ACTION_BAR_KEY);
@@ -853,7 +853,7 @@
         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)]);
@@ -866,7 +866,7 @@
       };
     }
   });
-  const ActionBar = withInstall(stdin_default$1N);
+  const ActionBar = withInstall(stdin_default$1O);
   function useExpose(apis) {
     const instance2 = vue.getCurrentInstance();
     if (instance2) {
@@ -894,7 +894,7 @@
     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,
@@ -905,8 +905,8 @@
     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
@@ -969,7 +969,7 @@
       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
             }]),
@@ -983,7 +983,7 @@
             tag
           } = props;
           return vue.createVNode(tag, {
-            "class": bem$1y("wrapper")
+            "class": bem$1z("wrapper")
           }, {
             default: () => [slots.default(), renderBadge()]
           });
@@ -992,14 +992,14 @@
       };
     }
   });
-  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"),
@@ -1016,8 +1016,8 @@
     });
     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
@@ -1049,7 +1049,7 @@
         }
       });
       return () => vue.createVNode(props.tag, {
-        "class": bem$1x(),
+        "class": bem$1y(),
         "style": style.value
       }, {
         default: () => {
@@ -1059,7 +1059,7 @@
       });
     }
   });
-  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,
@@ -1071,14 +1071,14 @@
     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,
@@ -1102,7 +1102,7 @@
           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)];
           }
@@ -1110,13 +1110,13 @@
       };
     }
   });
-  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",
@@ -1132,8 +1132,8 @@
     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
@@ -1144,7 +1144,7 @@
       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]);
       };
@@ -1152,7 +1152,7 @@
         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
@@ -1166,7 +1166,7 @@
           vertical
         } = props;
         return vue.createVNode("div", {
-          "class": bem$1v([type, {
+          "class": bem$1w([type, {
             vertical
           }]),
           "aria-live": "polite",
@@ -1175,8 +1175,8 @@
       };
     }
   });
-  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,
@@ -1198,8 +1198,8 @@
     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, {
@@ -1214,7 +1214,7 @@
         return vue.createVNode(Loading, {
           "size": props.loadingSize,
           "type": props.loadingType,
-          "class": bem$1u("loading")
+          "class": bem$1v("loading")
         }, null);
       };
       const renderIcon = () => {
@@ -1223,13 +1223,13 @@
         }
         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);
         }
@@ -1243,7 +1243,7 @@
         }
         if (text) {
           return vue.createVNode("span", {
-            "class": bem$1u("text")
+            "class": bem$1v("text")
           }, [text]);
         }
       };
@@ -1290,7 +1290,7 @@
           nativeType,
           iconPosition
         } = props;
-        const classes = [bem$1u([type, size, {
+        const classes = [bem$1v([type, size, {
           plain,
           block,
           round: round2,
@@ -1309,14 +1309,14 @@
           "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,
@@ -1325,8 +1325,8 @@
     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
@@ -1361,7 +1361,7 @@
           disabled
         } = props;
         return vue.createVNode(Button, {
-          "class": bem$1t([type, {
+          "class": bem$1u([type, {
             last: isLast.value,
             first: isFirst.value
           }]),
@@ -1378,8 +1378,8 @@
       };
     }
   });
-  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,
@@ -1390,8 +1390,8 @@
     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
@@ -1411,7 +1411,7 @@
         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
@@ -1423,20 +1423,20 @@
           "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,
@@ -1587,7 +1587,7 @@
     );
     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,
@@ -1597,8 +1597,8 @@
     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
@@ -1619,7 +1619,7 @@
         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]]);
       });
       useEventListener("touchmove", onTouchMove, {
@@ -1633,7 +1633,7 @@
       });
     }
   });
-  const Overlay = withInstall(stdin_default$1F);
+  const Overlay = withInstall(stdin_default$1G);
   const popupProps$2 = extend({}, popupSharedProps, {
     round: Boolean,
     position: makeStringProp("center"),
@@ -1646,9 +1646,9 @@
     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"],
@@ -1722,7 +1722,7 @@
             "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);
@@ -1744,7 +1744,7 @@
           "style": style.value,
           "role": "dialog",
           "tabindex": 0,
-          "class": [bem$1q({
+          "class": [bem$1r({
             round: round2,
             [position]: position
           }), {
@@ -1825,8 +1825,8 @@
       };
     }
   });
-  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,
@@ -1840,8 +1840,8 @@
     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, {
@@ -1856,10 +1856,10 @@
       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)]);
         }
@@ -1867,10 +1867,10 @@
       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])];
         }
@@ -1878,7 +1878,7 @@
       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) {
@@ -1888,9 +1888,9 @@
           });
         }
         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) => {
@@ -1918,7 +1918,7 @@
           "style": {
             color
           },
-          "class": [bem$1p("item", {
+          "class": [bem$1q("item", {
             loading,
             disabled
           }), className],
@@ -1929,26 +1929,26 @@
         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];
@@ -2017,10 +2017,10 @@
   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),
@@ -2159,7 +2159,7 @@
             role: "button",
             style: optionStyle,
             tabindex: disabled ? -1 : 0,
-            class: [bem$1n("item", {
+            class: [bem$1o("item", {
               disabled,
               selected: value === props.value
             }), option.className],
@@ -2187,7 +2187,7 @@
       });
       return () => vue.createVNode("div", {
         "ref": root,
-        "class": bem$1n(),
+        "class": bem$1o(),
         "onTouchstartPassive": onTouchStart,
         "onTouchend": onTouchEnd,
         "onTouchcancel": onTouchEnd
@@ -2198,12 +2198,12 @@
           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,
@@ -2211,8 +2211,8 @@
   };
   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, {
@@ -2225,7 +2225,7 @@
         }
         if (props.title) {
           return vue.createVNode("div", {
-            "class": [bem$1o("title"), "van-ellipsis"]
+            "class": [bem$1p("title"), "van-ellipsis"]
           }, [props.title]);
         }
       };
@@ -2235,7 +2235,7 @@
         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]);
       };
@@ -2243,32 +2243,55 @@
         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()]]);
     }
   });
+  const useSyncPropRef = (getProp, setProp) => {
+    const propRef = vue.ref(getProp());
+    vue.watch(getProp, (value) => {
+      if (value !== propRef.value) {
+        propRef.value = value;
+      }
+    });
+    vue.watch(propRef, (value) => {
+      if (value !== getProp()) {
+        setProp(value);
+      }
+    });
+    return propRef;
+  };
   function scrollLeftTo(scroller, to, duration) {
+    let rafId;
     let count = 0;
     const from = scroller.scrollLeft;
     const frames = duration === 0 ? 1 : Math.round(duration * 1e3 / 16);
+    function cancel() {
+      cancelRaf(rafId);
+    }
     function animate() {
       scroller.scrollLeft += (to - from) / frames;
       if (++count < frames) {
-        raf(animate);
+        rafId = raf(animate);
       }
     }
     animate();
+    return cancel;
   }
   function scrollTopTo(scroller, to, duration, callback) {
+    let rafId;
     let current2 = getScrollTop(scroller);
     const isDown = current2 < to;
     const frames = duration === 0 ? 1 : Math.round(duration * 1e3 / 16);
     const step = (to - current2) / frames;
+    function cancel() {
+      cancelRaf(rafId);
+    }
     function animate() {
       current2 += step;
       if (isDown && current2 > to || !isDown && current2 < to) {
@@ -2276,12 +2299,13 @@
       }
       setScrollTop(scroller, current2);
       if (isDown && current2 < to || !isDown && current2 > to) {
-        raf(animate);
+        rafId = raf(animate);
       } else if (callback) {
-        raf(callback);
+        rafId = raf(callback);
       }
     }
     animate();
+    return cancel;
   }
   let current = 0;
   function useId() {
@@ -2329,7 +2353,7 @@
     vue.onBeforeUnmount(unobserve);
     onMountedOrActivated(observe);
   }
-  const [name$1q, bem$1m] = createNamespace("sticky");
+  const [name$1r, bem$1n] = createNamespace("sticky");
   const stickyProps = {
     zIndex: numericProp,
     position: makeStringProp("top"),
@@ -2337,8 +2361,8 @@
     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, {
@@ -2451,7 +2475,7 @@
           "ref": root,
           "style": rootStyle.value
         }, [vue.createVNode("div", {
-          "class": bem$1m({
+          "class": bem$1n({
             fixed: state.fixed && !isReset.value
           }),
           "style": stickyStyle.value
@@ -2459,8 +2483,8 @@
       };
     }
   });
-  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,
@@ -2475,9 +2499,9 @@
     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, {
@@ -2755,7 +2779,7 @@
         } : void 0;
         return vue.createVNode("i", {
           "style": style,
-          "class": bem$1l("indicator", {
+          "class": bem$1m("indicator", {
             active
           })
         }, null);
@@ -2769,7 +2793,7 @@
         }
         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)]);
@@ -2811,11 +2835,11 @@
         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,
@@ -2825,10 +2849,10 @@
       };
     }
   });
-  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,
@@ -2852,7 +2876,7 @@
           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,
@@ -2880,13 +2904,13 @@
         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,
@@ -2909,9 +2933,9 @@
     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, {
@@ -2921,6 +2945,8 @@
       let tabHeight;
       let lockScroll;
       let stickyFixed;
+      let cancelScrollLeftToRaf;
+      let cancelScrollTopToRaf;
       const root = vue.ref();
       const navRef = vue.ref();
       const wrapRef = vue.ref();
@@ -2968,7 +2994,9 @@
         }
         const title = titles[state.currentIndex].$el;
         const to = title.offsetLeft - (nav.offsetWidth - title.offsetWidth) / 2;
-        scrollLeftTo(nav, to, immediate ? 0 : +props.duration);
+        if (cancelScrollLeftToRaf)
+          cancelScrollLeftToRaf();
+        cancelScrollLeftToRaf = scrollLeftTo(nav, to, immediate ? 0 : +props.duration);
       };
       const setLine = () => {
         const shouldAnimate = state.inited;
@@ -3044,7 +3072,9 @@
           if (target && scroller.value) {
             const to = getElementTop(target, scroller.value) - scrollOffset.value;
             lockScroll = true;
-            scrollTopTo(scroller.value, to, immediate ? 0 : +props.duration, () => {
+            if (cancelScrollTopToRaf)
+              cancelScrollTopToRaf();
+            cancelScrollTopToRaf = scrollTopTo(scroller.value, to, immediate ? 0 : +props.duration, () => {
               lockScroll = false;
             });
           }
@@ -3103,7 +3133,7 @@
       const renderLine = () => {
         if (props.type === "line" && children.length) {
           return vue.createVNode("div", {
-            "class": bem$1j("line"),
+            "class": bem$1k("line"),
             "style": state.lineStyle
           }, null);
         }
@@ -3117,13 +3147,13 @@
         } = 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
           }]),
@@ -3196,14 +3226,14 @@
       });
       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,
@@ -3223,9 +3253,9 @@
   });
   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,
@@ -3274,7 +3304,7 @@
       });
       const renderText = () => {
         const Text = vue.createVNode("span", {
-          "class": bem$1i("text", {
+          "class": bem$1j("text", {
             ellipsis: !props.scrollable
           })
         }, [slots.title ? slots.title() : props.title]);
@@ -3292,7 +3322,7 @@
       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,
@@ -3306,9 +3336,9 @@
       }, [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
     }) {
@@ -3370,14 +3400,14 @@
       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,
@@ -3388,8 +3418,8 @@
     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
@@ -3474,7 +3504,7 @@
           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,
@@ -3484,7 +3514,7 @@
             default: () => {
               var _a2;
               return [vue.createVNode("div", {
-                "class": bem$1g("panel")
+                "class": bem$1h("panel")
               }, [(_a2 = slots.default) == null ? void 0 : _a2.call(slots)])];
             }
           });
@@ -3494,39 +3524,40 @@
         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"],
+    emits: ["confirm", "cancel", "update:activeTab"],
     setup(props, {
       emit,
       slots
     }) {
-      const activeTab = vue.ref(0);
+      const activeTab = useSyncPropRef(() => props.activeTab, (value) => emit("update:activeTab", value));
       const {
         children,
         linkChildren
       } = useChildren(PICKER_GROUP_KEY);
       linkChildren();
-      const showNextButton = () => activeTab.value < props.tabs.length - 1 && props.nextStepText;
+      const showNextButton = () => +activeTab.value < props.tabs.length - 1 && props.nextStepText;
       const onConfirm = () => {
         if (showNextButton()) {
-          activeTab.value++;
+          activeTab.value = +activeTab.value + 1;
         } else {
           emit("confirm", children.map((item) => item.confirm()));
         }
@@ -3537,8 +3568,8 @@
         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,
@@ -3547,14 +3578,14 @@
         }, 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]]
           }))]
@@ -3577,8 +3608,8 @@
     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, {
@@ -3659,7 +3690,7 @@
         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,
@@ -3688,10 +3719,10 @@
             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)];
         }
@@ -3703,13 +3734,13 @@
         };
         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));
@@ -3752,9 +3783,9 @@
       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]);
       };
     }
@@ -3845,9 +3876,9 @@
     }
     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(),
@@ -3856,8 +3887,8 @@
       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, {
@@ -3904,7 +3935,7 @@
         "ref": picker,
         "modelValue": codes.value,
         "onUpdate:modelValue": ($event) => codes.value = $event,
-        "class": bem$1e(),
+        "class": bem$1f(),
         "columns": columns.value,
         "onChange": onChange,
         "onCancel": onCancel,
@@ -3912,8 +3943,8 @@
       }, 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,
@@ -3937,8 +3968,8 @@
     }
   };
   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
@@ -3948,7 +3979,7 @@
         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]);
         }
       };
@@ -3960,7 +3991,7 @@
             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()]);
         }
@@ -3970,7 +4001,7 @@
         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])]);
         }
       };
@@ -3981,7 +4012,7 @@
         if (props.icon) {
           return vue.createVNode(Icon, {
             "name": props.icon,
-            "class": bem$1d("left-icon"),
+            "class": bem$1e("left-icon"),
             "classPrefix": props.iconPrefix
           }, null);
         }
@@ -3994,7 +4025,7 @@
           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);
         }
       };
@@ -4019,7 +4050,7 @@
           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
@@ -4032,8 +4063,8 @@
       };
     }
   });
-  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,
@@ -4052,8 +4083,8 @@
       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, {
@@ -4179,13 +4210,13 @@
       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;
@@ -4274,7 +4305,7 @@
   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,
@@ -4321,8 +4352,8 @@
       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, {
@@ -4596,7 +4627,7 @@
       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
@@ -4638,7 +4669,7 @@
         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,
@@ -4650,7 +4681,7 @@
         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,
@@ -4662,9 +4693,9 @@
         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]);
         }
       };
@@ -4677,7 +4708,7 @@
           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]);
@@ -4694,6 +4725,10 @@
           return vue.createVNode("label", {
             "id": `${id}-label`,
             "for": getInputId(),
+            "onClick": (event) => {
+              preventDefault(event);
+              focus();
+            },
             "style": labelAlign === "top" && labelWidth ? {
               width: addUnit(labelWidth)
             } : void 0
@@ -4701,13 +4736,13 @@
         }
       };
       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,
@@ -4751,7 +4786,7 @@
         };
         return vue.createVNode(Cell, {
           "size": props.size,
-          "class": bem$1b({
+          "class": bem$1c({
             error: showError.value,
             disabled,
             [`label-${labelAlign}`]: labelAlign
@@ -4761,8 +4796,8 @@
           "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
@@ -4775,7 +4810,7 @@
       };
     }
   });
-  const Field = withInstall(stdin_default$1p);
+  const Field = withInstall(stdin_default$1q);
   let lockCount = 0;
   function lockClick(lock) {
     if (lock) {
@@ -4790,7 +4825,7 @@
       }
     }
   }
-  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,
@@ -4813,8 +4848,8 @@
     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, {
@@ -4850,13 +4885,13 @@
           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);
@@ -4869,16 +4904,16 @@
         } = 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]);
         }
       };
@@ -4894,7 +4929,7 @@
       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,
@@ -4995,7 +5030,7 @@
             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;
@@ -5065,8 +5100,8 @@
   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,
@@ -5083,8 +5118,8 @@
       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, {
@@ -5103,7 +5138,7 @@
         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);
         }
@@ -5128,7 +5163,7 @@
         };
         return vue.createVNode("div", {
           "role": "switch",
-          "class": bem$19({
+          "class": bem$1a({
             on: checked,
             loading,
             disabled
@@ -5138,16 +5173,16 @@
           "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,
@@ -5181,7 +5216,7 @@
           "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));
@@ -5195,7 +5230,7 @@
             "autosize": true,
             "clearable": true,
             "ref": field,
-            "class": bem$18(),
+            "class": bem$19(),
             "rows": props.rows,
             "type": "textarea",
             "rules": props.rules,
@@ -5212,7 +5247,7 @@
       };
     }
   });
-  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: "",
@@ -5252,8 +5287,8 @@
       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, {
@@ -5363,8 +5398,9 @@
           };
           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]]);
         }
       };
@@ -5390,13 +5426,13 @@
           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,
@@ -5427,7 +5463,7 @@
                 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,
@@ -5441,19 +5477,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$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
@@ -5483,8 +5519,8 @@
       };
     }
   });
-  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,
@@ -5492,9 +5528,9 @@
     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, {
@@ -5514,14 +5550,14 @@
       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,
@@ -5533,8 +5569,8 @@
     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, {
@@ -5577,12 +5613,12 @@
         }
         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, {
@@ -5592,7 +5628,7 @@
       });
     }
   });
-  const Tag = withInstall(stdin_default$1j);
+  const Tag = withInstall(stdin_default$1k);
   const checkerProps = {
     name: unknownProp,
     shape: makeStringProp("round"),
@@ -5603,7 +5639,7 @@
     labelPosition: String,
     labelDisabled: Boolean
   };
-  var stdin_default$1i = vue.defineComponent({
+  var stdin_default$1j = vue.defineComponent({
     props: extend({}, checkerProps, {
       bem: makeRequiredProp(Function),
       role: String,
@@ -5622,7 +5658,19 @@
           return props.parent.props[name2];
         }
       };
-      const disabled = vue.computed(() => getParentProp("disabled") || props.disabled);
+      const disabled = vue.computed(() => {
+        if (props.parent && props.bindGroup) {
+          const disabled2 = getParentProp("disabled") || props.disabled;
+          if (props.role === "checkbox") {
+            const checkedCount = getParentProp("modelValue").length;
+            const max = getParentProp("max");
+            const overlimit = max && checkedCount >= +max;
+            return disabled2 || overlimit && !props.checked;
+          }
+          return disabled2;
+        }
+        return props.disabled;
+      });
       const direction = vue.computed(() => getParentProp("direction"));
       const iconStyle = vue.computed(() => {
         const checkedColor = props.checkedColor || getParentProp("checkedColor");
@@ -5693,9 +5741,9 @@
     }
   });
   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, {
@@ -5716,8 +5764,8 @@
           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(),
@@ -5725,10 +5773,10 @@
       }, 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,
@@ -5748,7 +5796,7 @@
       };
       const renderRightIcon = () => vue.createVNode(Icon, {
         "name": "edit",
-        "class": bem$13("edit"),
+        "class": bem$14("edit"),
         "onClick": (event) => {
           event.stopPropagation();
           emit("edit");
@@ -5763,7 +5811,7 @@
           return vue.createVNode(Tag, {
             "type": "primary",
             "round": true,
-            "class": bem$13("tag")
+            "class": bem$14("tag")
           }, {
             default: () => [props.defaultTagText]
           });
@@ -5776,9 +5824,9 @@
           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, {
@@ -5796,13 +5844,13 @@
           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
@@ -5812,7 +5860,7 @@
       };
     }
   });
-  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,
@@ -5822,8 +5870,8 @@
     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, {
@@ -5839,7 +5887,7 @@
             emit("update:modelValue", item.id);
           }
         };
-        return vue.createVNode(stdin_default$1g, {
+        return vue.createVNode(stdin_default$1h, {
           "key": item.id,
           "address": item,
           "disabled": disabled,
@@ -5859,13 +5907,13 @@
         }
       };
       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 () => {
@@ -5873,10 +5921,10 @@
         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
         }, {
@@ -5885,7 +5933,7 @@
       };
     }
   });
-  const AddressList = withInstall(stdin_default$1f);
+  const AddressList = withInstall(stdin_default$1g);
   const hasIntersectionObserver = inBrowser && "IntersectionObserver" in window && "IntersectionObserverEntry" in window && "intersectionRatio" in window.IntersectionObserverEntry.prototype;
   const modeType = {
     event: "event",
@@ -6038,7 +6086,7 @@
       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,
@@ -6051,8 +6099,8 @@
       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"],
@@ -6107,28 +6155,158 @@
       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 top2 = (total.value - 1) % +props.rows * item.offsetHeight + +props.top;
+        item.style.top = `${top2}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) {
@@ -7290,6 +7468,7 @@
     }) {
       const tabs = vue.ref([]);
       const activeTab = vue.ref(0);
+      const [selectedElementRefs, setSelectedElementRefs] = useRefs();
       const {
         text: textKey,
         value: valueKey,
@@ -7408,6 +7587,7 @@
           selected
         }) : vue.createVNode("span", null, [option[textKey]]);
         return vue.createVNode("li", {
+          "ref": selected ? setSelectedElementRefs(tabIndex) : void 0,
           "role": "menuitemradio",
           "class": [bem$Z("option", {
             selected,
@@ -7464,7 +7644,18 @@
       }, {
         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
       });
@@ -7648,7 +7839,7 @@
         checked
       });
       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,
@@ -8152,7 +8343,7 @@
     }
   });
   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,
@@ -8317,7 +8508,7 @@
         const renderRightIcon = () => vue.createVNode(Radio, {
           "class": bem$O("radio"),
           "name": item.id,
-          "iconSize": 16
+          "iconSize": 18
         }, null);
         const renderEditIcon = () => vue.createVNode(Icon, {
           "name": "edit",
@@ -9101,6 +9292,7 @@
       slots
     }) {
       const currentValues = vue.ref(props.modelValue);
+      const updatedByExternalSources = vue.ref(false);
       const genYearOptions = () => {
         const minYear = props.minDate.getFullYear();
         const maxYear = props.maxDate.getFullYear();
@@ -9116,7 +9308,7 @@
           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;
         }
@@ -9159,11 +9351,13 @@
           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
       });
@@ -9466,6 +9660,7 @@
   const dividerProps = {
     dashed: Boolean,
     hairline: truthProp,
+    vertical: Boolean,
     contentPosition: makeStringProp("center")
   };
   var stdin_default$Q = vue.defineComponent({
@@ -9481,9 +9676,10 @@
           "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))]);
       };
     }
   });
@@ -9957,7 +10153,12 @@
   });
   const GridItem = withInstall(stdin_default$M);
   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,
+    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,
@@ -9980,20 +10181,14 @@
         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,
@@ -10005,10 +10200,8 @@
         const style = {
           transitionDuration: zooming || moving ? "0s" : ".3s"
         };
-        if (scale !== 1) {
-          const offsetX = moveX / scale;
-          const offsetY = moveY / scale;
-          style.transform = `scale(${scale}, ${scale}) translate(${offsetX}px, ${offsetY}px)`;
+        if (scale !== 1 || isLongImage.value) {
+          style.transform = `matrix(${scale}, 0, 0, ${scale}, ${moveX}, ${moveY})`;
         }
         return style;
       });
@@ -10034,10 +10227,26 @@
         }
         return 0;
       });
-      const setScale = (scale) => {
+      const setScale = (scale, center) => {
+        var _a;
         scale = clamp(scale, +props.minZoom, +props.maxZoom + 1);
         if (scale !== state.scale) {
+          const ratio = scale / state.scale;
           state.scale = scale;
+          if (center) {
+            const imageRect = useRect((_a = imageRef.value) == null ? void 0 : _a.$el);
+            const origin = {
+              x: imageRect.width * 0.5,
+              y: imageRect.height * 0.5
+            };
+            const moveX = state.moveX - (center.x - imageRect.left - origin.x) * (ratio - 1);
+            const moveY = state.moveY - (center.y - imageRect.top - origin.y) * (ratio - 1);
+            state.moveX = clamp(moveX, -maxMoveX.value, maxMoveX.value);
+            state.moveY = clamp(moveY, -maxMoveY.value, maxMoveY.value);
+          } else {
+            state.moveX = 0;
+            state.moveY = isLongImage.value ? initialMoveY : 0;
+          }
           emit("scale", {
             scale,
             index: props.active
@@ -10046,20 +10255,20 @@
       };
       const resetScale = () => {
         setScale(1);
-        state.moveX = 0;
-        state.moveY = 0;
       };
       const toggleScale = () => {
         const scale = state.scale > 1 ? 1 : 2;
-        setScale(scale);
-        state.moveX = 0;
-        state.moveY = 0;
+        setScale(scale, scale === 2 || isLongImage.value ? {
+          x: touch.startX.value,
+          y: touch.startY.value
+        } : void 0);
       };
       let fingerNum;
       let startMoveX;
       let startMoveY;
       let startScale;
       let startDistance;
+      let lastCenter;
       let doubleTapTimer;
       let touchStartTime;
       let isImageMoved = false;
@@ -10079,11 +10288,11 @@
         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;
-          startDistance = getDistance(event.touches);
+          startDistance = getDistance(touches);
         }
       };
       const onTouchMove = (event) => {
@@ -10112,7 +10321,8 @@
           if (touches.length === 2) {
             const distance = getDistance(touches);
             const scale = startScale * distance / startDistance;
-            setScale(scale);
+            lastCenter = getCenter(touches);
+            setScale(scale, lastCenter);
           }
         }
       };
@@ -10166,7 +10376,7 @@
             }
             const maxZoom = +props.maxZoom;
             if (state.scale > maxZoom) {
-              state.scale = maxZoom;
+              setScale(maxZoom, lastCenter);
             }
           }
         }
@@ -10174,12 +10384,30 @@
         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) => {
@@ -10187,6 +10415,7 @@
           resetScale();
         }
       });
+      vue.watch(() => [props.rootWidth, props.rootHeight], resize);
       useEventListener("touchmove", onTouchMove, {
         target: vue.computed(() => {
           var _a;
@@ -10211,6 +10440,7 @@
           }, [slots.image({
             src: props.src
           })]) : vue.createVNode(Image$1, {
+            "ref": imageRef,
             "src": props.src,
             "fit": "contain",
             "class": bem$C("image", {
@@ -11737,7 +11967,7 @@
     }
   });
   const PasswordInput = withInstall(stdin_default$A);
-  const PickerGroup = withInstall(stdin_default$1u);
+  const PickerGroup = withInstall(stdin_default$1v);
   function getWindow(node) {
     if (node == null) {
       return window;
@@ -12677,20 +12907,6 @@
     requires: ["popperOffsets"],
     fn: offset
   };
-  const useSyncPropRef = (getProp, setProp) => {
-    const propRef = vue.ref(getProp());
-    vue.watch(getProp, (value) => {
-      if (value !== propRef.value) {
-        propRef.value = value;
-      }
-    });
-    vue.watch(propRef, (value) => {
-      if (value !== getProp()) {
-        setProp(value);
-      }
-    });
-    return propRef;
-  };
   const [name$r, bem$q] = createNamespace("popover");
   const popupProps = ["overlay", "duration", "teleport", "overlayStyle", "overlayClass", "closeOnClickOverlay"];
   const popoverProps = {
@@ -13667,6 +13883,7 @@
     penColor: makeStringProp("#000"),
     lineWidth: makeNumberProp(3),
     clearButtonText: String,
+    backgroundColor: makeStringProp(""),
     confirmButtonText: String
   };
   const hasCanvasSupport = () => {
@@ -13686,7 +13903,8 @@
       const state = vue.reactive({
         width: 0,
         height: 0,
-        ctx: null
+        ctx: null,
+        ratio: inBrowser$1 ? window.devicePixelRatio : 1
       });
       let canvasRect;
       const isRenderCanvas = inBrowser$1 ? hasCanvasSupport() : true;
@@ -13695,7 +13913,7 @@
           return false;
         }
         state.ctx.beginPath();
-        state.ctx.lineWidth = props.lineWidth;
+        state.ctx.lineWidth = props.lineWidth * state.ratio;
         state.ctx.strokeStyle = props.penColor;
         canvasRect = useRect(canvasRef);
         emit("start");
@@ -13707,8 +13925,8 @@
         }
         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);
@@ -13725,13 +13943,23 @@
         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
@@ -13741,6 +13969,7 @@
         if (state.ctx) {
           state.ctx.clearRect(0, 0, state.width, state.height);
           state.ctx.closePath();
+          setCanvasBgColor();
         }
         emit("clear");
       };
@@ -13748,8 +13977,11 @@
         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", {
@@ -15451,10 +15683,11 @@
       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
@@ -15496,6 +15729,7 @@
         });
       };
       const onPreview = () => emit("preview");
+      const onReupload = () => emit("reupload");
       const renderDeleteIcon = () => {
         if (props.deletable && props.item.status !== "uploading") {
           const slot = slots["preview-delete"];
@@ -15531,7 +15765,8 @@
           item,
           lazyLoad,
           imageFit,
-          previewSize
+          previewSize,
+          reupload
         } = props;
         if (isImageFile(item)) {
           return vue.createVNode(Image$1, {
@@ -15541,7 +15776,7 @@
             "width": Array.isArray(previewSize) ? previewSize[0] : previewSize,
             "height": Array.isArray(previewSize) ? previewSize[1] : previewSize,
             "lazyLoad": lazyLoad,
-            "onClick": onPreview
+            "onClick": reupload ? onReupload : onPreview
           }, {
             default: renderCover
           });
@@ -15575,6 +15810,7 @@
     uploadIcon: makeStringProp("photograph"),
     uploadText: String,
     deletable: truthProp,
+    reupload: Boolean,
     afterRead: Function,
     showUpload: truthProp,
     modelValue: makeArrayProp(),
@@ -15592,13 +15828,14 @@
   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
@@ -15624,7 +15861,14 @@
           }
         }
         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());
         }
@@ -15725,15 +15969,20 @@
         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 = () => {
@@ -15743,24 +15992,25 @@
       };
       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", {
@@ -15773,7 +16023,7 @@
           "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) {
@@ -16783,7 +17033,7 @@
       });
     }
   };
-  const version = "4.3.1";
+  const version = "4.4.0";
   function install(app) {
     const components = [
       ActionBar,
@@ -16795,6 +17045,7 @@
       Area,
       BackTop,
       Badge,
+      Barrage,
       Button,
       Calendar,
       Card,
@@ -16904,6 +17155,7 @@
   exports2.Area = Area;
   exports2.BackTop = BackTop;
   exports2.Badge = Badge;
+  exports2.Barrage = Barrage;
   exports2.Button = Button;
   exports2.Calendar = Calendar;
   exports2.Card = Card;
@@ -17003,6 +17255,7 @@
   exports2.areaProps = areaProps;
   exports2.backTopProps = backTopProps;
   exports2.badgeProps = badgeProps;
+  exports2.barrageProps = barrageProps;
   exports2.buttonProps = buttonProps;
   exports2.calendarProps = calendarProps;
   exports2.cardProps = cardProps;