vant 4.0.7 → 4.0.9

package/lib/vant.js

@@ -142,10 +142,19 @@
     traverse(children);
     return result;
   }
+  var findVNodeIndex = (vnodes, vnode) => {
+    const index = vnodes.indexOf(vnode);
+    if (index === -1) {
+      return vnodes.findIndex(
+        (item) => vnode.key !== void 0 && vnode.key !== null && item.type === vnode.type && item.key === vnode.key
+      );
+    }
+    return index;
+  };
   function sortChildren(parent, publicChildren, internalChildren) {
     const vnodes = flattenVNodes(parent.subTree.children);
     internalChildren.sort(
-      (a, b) => vnodes.indexOf(a.vnode) - vnodes.indexOf(b.vnode)
+      (a, b) => findVNodeIndex(vnodes, a.vnode) - findVNodeIndex(vnodes, b.vnode)
     );
     const orderedPublicChildren = internalChildren.map((item) => item.proxy);
     publicChildren.sort((a, b) => {
@@ -604,7 +613,7 @@
     });
     return to;
   }
-  var stdin_default$1K = {
+  var stdin_default$1N = {
     name: "姓名",
     tel: "电话",
     save: "保存",
@@ -667,7 +676,7 @@
   };
   const lang = vue.ref("zh-CN");
   const messages = vue.reactive({
-    "zh-CN": stdin_default$1K
+    "zh-CN": stdin_default$1N
   });
   const Locale = {
     messages() {
@@ -681,11 +690,12 @@
       deepAssign(messages, newMessages);
     }
   };
-  var stdin_default$1J = Locale;
+  const useCurrentLang = () => lang;
+  var stdin_default$1M = Locale;
   function createTranslate(name2) {
     const prefix = camelize(name2) + ".";
     return (path, ...args) => {
-      const messages2 = stdin_default$1J.messages();
+      const messages2 = stdin_default$1M.messages();
       const message = get(messages2, prefix + path) || get(messages2, path);
       return isFunction(message) ? message(...args) : message;
     };
@@ -813,7 +823,7 @@
     placeholder: Boolean,
     safeAreaInsetBottom: truthProp
   };
-  var stdin_default$1I = vue.defineComponent({
+  var stdin_default$1L = vue.defineComponent({
     name: name$1B,
     props: actionBarProps,
     setup(props, {
@@ -842,7 +852,7 @@
       };
     }
   });
-  const ActionBar = withInstall(stdin_default$1I);
+  const ActionBar = withInstall(stdin_default$1L);
   function useExpose(apis) {
     const instance2 = vue.getCurrentInstance();
     if (instance2) {
@@ -881,7 +891,7 @@
     showZero: truthProp,
     position: makeStringProp("top-right")
   };
-  var stdin_default$1H = vue.defineComponent({
+  var stdin_default$1K = vue.defineComponent({
     name: name$1A,
     props: badgeProps,
     setup(props, {
@@ -968,7 +978,7 @@
       };
     }
   });
-  const Badge = withInstall(stdin_default$1H);
+  const Badge = withInstall(stdin_default$1K);
   let globalZIndex = 2e3;
   const useGlobalZIndex = () => ++globalZIndex;
   const setGlobalZIndex = (val) => {
@@ -992,7 +1002,7 @@
     });
     return cssVars;
   }
-  var stdin_default$1G = vue.defineComponent({
+  var stdin_default$1J = vue.defineComponent({
     name: name$1z,
     props: configProviderProps,
     setup(props, {
@@ -1047,7 +1057,7 @@
     badgeProps: Object,
     classPrefix: String
   };
-  var stdin_default$1F = vue.defineComponent({
+  var stdin_default$1I = vue.defineComponent({
     name: name$1y,
     props: iconProps,
     setup(props, {
@@ -1086,7 +1096,7 @@
       };
     }
   });
-  const Icon = withInstall(stdin_default$1F);
+  const Icon = withInstall(stdin_default$1I);
   const [name$1x, bem$1s] = createNamespace("loading");
   const SpinIcon = Array(12).fill(null).map((_, index) => vue.createVNode("i", {
     "class": bem$1s("line", String(index + 1))
@@ -1108,7 +1118,7 @@
     textSize: numericProp,
     textColor: String
   };
-  var stdin_default$1E = vue.defineComponent({
+  var stdin_default$1H = vue.defineComponent({
     name: name$1x,
     props: loadingProps,
     setup(props, {
@@ -1151,7 +1161,7 @@
       };
     }
   });
-  const Loading = withInstall(stdin_default$1E);
+  const Loading = withInstall(stdin_default$1H);
   const [name$1w, bem$1r] = createNamespace("button");
   const buttonProps = extend({}, routeProps, {
     tag: makeStringProp("button"),
@@ -1174,7 +1184,7 @@
     loadingType: String,
     iconPosition: makeStringProp("left")
   });
-  var stdin_default$1D = vue.defineComponent({
+  var stdin_default$1G = vue.defineComponent({
     name: name$1w,
     props: buttonProps,
     emits: ["click"],
@@ -1291,7 +1301,7 @@
       };
     }
   });
-  const Button = withInstall(stdin_default$1D);
+  const Button = withInstall(stdin_default$1G);
   const [name$1v, bem$1q] = createNamespace("action-bar-button");
   const actionBarButtonProps = extend({}, routeProps, {
     type: String,
@@ -1301,7 +1311,7 @@
     loading: Boolean,
     disabled: Boolean
   });
-  var stdin_default$1C = vue.defineComponent({
+  var stdin_default$1F = vue.defineComponent({
     name: name$1v,
     props: actionBarButtonProps,
     setup(props, {
@@ -1354,7 +1364,7 @@
       };
     }
   });
-  const ActionBarButton = withInstall(stdin_default$1C);
+  const ActionBarButton = withInstall(stdin_default$1F);
   const [name$1u, bem$1p] = createNamespace("action-bar-icon");
   const actionBarIconProps = extend({}, routeProps, {
     dot: Boolean,
@@ -1366,7 +1376,7 @@
     badgeProps: Object,
     iconPrefix: String
   });
-  var stdin_default$1B = vue.defineComponent({
+  var stdin_default$1E = vue.defineComponent({
     name: name$1u,
     props: actionBarIconProps,
     setup(props, {
@@ -1412,7 +1422,7 @@
       }, [renderIcon(), slots.default ? slots.default() : props.text]);
     }
   });
-  const ActionBarIcon = withInstall(stdin_default$1B);
+  const ActionBarIcon = withInstall(stdin_default$1E);
   const popupSharedProps = {
     show: Boolean,
     zIndex: numericProp,
@@ -1561,7 +1571,7 @@
     lazyRender: truthProp,
     customStyle: Object
   };
-  var stdin_default$1A = vue.defineComponent({
+  var stdin_default$1D = vue.defineComponent({
     name: name$1t,
     props: overlayProps,
     setup(props, {
@@ -1597,7 +1607,7 @@
       });
     }
   });
-  const Overlay = withInstall(stdin_default$1A);
+  const Overlay = withInstall(stdin_default$1D);
   const popupProps$2 = extend({}, popupSharedProps, {
     round: Boolean,
     position: makeStringProp("center"),
@@ -1611,7 +1621,7 @@
     safeAreaInsetBottom: Boolean
   });
   const [name$1s, bem$1n] = createNamespace("popup");
-  var stdin_default$1z = vue.defineComponent({
+  var stdin_default$1C = vue.defineComponent({
     name: name$1s,
     inheritAttrs: false,
     props: popupProps$2,
@@ -1789,7 +1799,7 @@
       };
     }
   });
-  const Popup = withInstall(stdin_default$1z);
+  const Popup = withInstall(stdin_default$1C);
   const [name$1r, bem$1m] = createNamespace("action-sheet");
   const actionSheetProps = extend({}, popupSharedProps, {
     title: String,
@@ -1804,7 +1814,7 @@
     safeAreaInsetBottom: truthProp
   });
   const popupInheritKeys$2 = [...popupSharedPropKeys, "round", "closeOnPopstate", "safeAreaInsetBottom"];
-  var stdin_default$1y = vue.defineComponent({
+  var stdin_default$1B = vue.defineComponent({
     name: name$1r,
     props: actionSheetProps,
     emits: ["select", "cancel", "update:show"],
@@ -1911,7 +1921,7 @@
       });
     }
   });
-  const ActionSheet = withInstall(stdin_default$1y);
+  const ActionSheet = withInstall(stdin_default$1B);
   const [name$1q, bem$1l, t$j] = createNamespace("picker");
   const getFirstEnabledOption = (options) => options.find((option) => !option.disabled) || options[0];
   function getColumnsType(columns, fields) {
@@ -1983,7 +1993,7 @@
   const MOMENTUM_DISTANCE = 15;
   const [name$1p, bem$1k] = createNamespace("picker-column");
   const PICKER_KEY = Symbol(name$1p);
-  var stdin_default$1x = vue.defineComponent({
+  var stdin_default$1A = vue.defineComponent({
     name: name$1p,
     props: {
       value: numericProp,
@@ -2169,7 +2179,7 @@
   };
   const pickerToolbarSlots = ["cancel", "confirm", "title", "toolbar"];
   const pickerToolbarPropKeys = Object.keys(pickerToolbarProps);
-  var stdin_default$1w = vue.defineComponent({
+  var stdin_default$1z = vue.defineComponent({
     name: name$1o,
     props: pickerToolbarProps,
     emits: ["confirm", "cancel"],
@@ -2295,7 +2305,7 @@
     offsetTop: makeNumericProp(0),
     offsetBottom: makeNumericProp(0)
   };
-  var stdin_default$1v = vue.defineComponent({
+  var stdin_default$1y = vue.defineComponent({
     name: name$1n,
     props: stickyProps,
     emits: ["scroll", "change"],
@@ -2399,9 +2409,9 @@
       };
     }
   });
-  const Sticky = withInstall(stdin_default$1v);
+  const Sticky = withInstall(stdin_default$1y);
   const [name$1m, bem$1i] = createNamespace("tab");
-  var stdin_default$1u = vue.defineComponent({
+  var stdin_default$1x = vue.defineComponent({
     name: name$1m,
     props: {
       id: String,
@@ -2499,10 +2509,10 @@
     stopPropagation: truthProp
   };
   const SWIPE_KEY = Symbol(name$1l);
-  var stdin_default$1t = vue.defineComponent({
+  var stdin_default$1w = vue.defineComponent({
     name: name$1l,
     props: swipeProps,
-    emits: ["change"],
+    emits: ["change", "dragStart", "dragEnd"],
     setup(props, {
       emit,
       slots
@@ -2517,6 +2527,7 @@
         active: 0,
         swiping: false
       });
+      let dragging = false;
       const touch = useTouch();
       const {
         children,
@@ -2687,9 +2698,10 @@
       const resize = () => initialize(state.active);
       let touchStartTime;
       const onTouchStart = (event) => {
-        if (!props.touchable)
+        if (!props.touchable || event.touches.length > 1)
           return;
         touch.start(event);
+        dragging = false;
         touchStartTime = Date.now();
         stopAutoplay();
         correctPosition();
@@ -2704,6 +2716,10 @@
               move({
                 offset: delta.value
               });
+              if (!dragging) {
+                emit("dragStart");
+                dragging = true;
+              }
             }
           }
         }
@@ -2732,7 +2748,9 @@
             pace: 0
           });
         }
+        dragging = false;
         state.swiping = false;
+        emit("dragEnd");
         autoplay();
       };
       const swipeTo = (index, options = {}) => {
@@ -2835,9 +2853,9 @@
       };
     }
   });
-  const Swipe = withInstall(stdin_default$1t);
+  const Swipe = withInstall(stdin_default$1w);
   const [name$1k, bem$1g] = createNamespace("tabs");
-  var stdin_default$1s = vue.defineComponent({
+  var stdin_default$1v = vue.defineComponent({
     name: name$1k,
     props: {
       count: makeRequiredProp(Number),
@@ -2920,7 +2938,7 @@
     titleInactiveColor: String
   };
   const TABS_KEY = Symbol(name$1j);
-  var stdin_default$1r = vue.defineComponent({
+  var stdin_default$1u = vue.defineComponent({
     name: name$1j,
     props: tabsProps,
     emits: ["change", "scroll", "rendered", "clickTab", "update:active"],
@@ -3110,7 +3128,7 @@
           setCurrentIndex(index);
         }
       };
-      const renderNav = () => children.map((item, index) => vue.createVNode(stdin_default$1u, vue.mergeProps({
+      const renderNav = () => children.map((item, index) => vue.createVNode(stdin_default$1x, vue.mergeProps({
         "key": item.id,
         "id": `${id}-${index}`,
         "ref": setTitleRefs(index),
@@ -3226,7 +3244,7 @@
         "onScroll": onStickyScroll
       }, {
         default: () => [renderHeader()]
-      }) : renderHeader(), vue.createVNode(stdin_default$1s, {
+      }) : renderHeader(), vue.createVNode(stdin_default$1v, {
         "ref": contentRef,
         "count": children.length,
         "inited": state.inited,
@@ -3247,7 +3265,7 @@
   const TAB_STATUS_KEY = Symbol();
   const useTabStatus = () => vue.inject(TAB_STATUS_KEY, null);
   const [name$1i, bem$1e] = createNamespace("swipe-item");
-  var stdin_default$1q = vue.defineComponent({
+  var stdin_default$1t = vue.defineComponent({
     name: name$1i,
     setup(props, {
       slots
@@ -3316,7 +3334,7 @@
       };
     }
   });
-  const SwipeItem = withInstall(stdin_default$1q);
+  const SwipeItem = withInstall(stdin_default$1t);
   const [name$1h, bem$1d] = createNamespace("tab");
   const tabProps = extend({}, routeProps, {
     dot: Boolean,
@@ -3328,7 +3346,7 @@
     titleStyle: [String, Object],
     showZeroBadge: truthProp
   });
-  var stdin_default$1p = vue.defineComponent({
+  var stdin_default$1s = vue.defineComponent({
     name: name$1h,
     props: tabProps,
     setup(props, {
@@ -3424,14 +3442,15 @@
       };
     }
   });
-  const Tab = withInstall(stdin_default$1p);
-  const Tabs = withInstall(stdin_default$1r);
+  const Tab = withInstall(stdin_default$1s);
+  const Tabs = withInstall(stdin_default$1u);
   const [name$1g, bem$1c] = createNamespace("picker-group");
   const PICKER_GROUP_KEY = Symbol(name$1g);
   const pickerGroupProps = extend({
-    tabs: makeArrayProp()
+    tabs: makeArrayProp(),
+    nextStepText: String
   }, pickerToolbarProps);
-  var stdin_default$1o = vue.defineComponent({
+  var stdin_default$1r = vue.defineComponent({
     name: name$1g,
     props: pickerGroupProps,
     emits: ["confirm", "cancel"],
@@ -3439,26 +3458,38 @@
       emit,
       slots
     }) {
+      const activeTab = vue.ref(0);
       const {
         children,
         linkChildren
       } = useChildren(PICKER_GROUP_KEY);
       linkChildren();
+      const showNextButton = () => activeTab.value < props.tabs.length - 1 && props.nextStepText;
       const onConfirm = () => {
-        emit("confirm", children.map((item) => item.confirm()));
+        if (showNextButton()) {
+          activeTab.value++;
+        } else {
+          emit("confirm", children.map((item) => item.confirm()));
+        }
       };
       const onCancel = () => emit("cancel");
       return () => {
         var _a;
         const childNodes = (_a = slots.default) == null ? void 0 : _a.call(slots);
+        const confirmButtonText = showNextButton() ? props.nextStepText : props.confirmButtonText;
         return vue.createVNode("div", {
           "class": bem$1c()
-        }, [vue.createVNode(stdin_default$1w, vue.mergeProps(props, {
+        }, [vue.createVNode(stdin_default$1z, {
+          "title": props.title,
+          "cancelButtonText": props.cancelButtonText,
+          "confirmButtonText": confirmButtonText,
           "onConfirm": onConfirm,
           "onCancel": onCancel
-        }), null), vue.createVNode(Tabs, {
-          "shrink": true,
+        }, null), vue.createVNode(Tabs, {
+          "active": activeTab.value,
+          "onUpdate:active": ($event) => activeTab.value = $event,
           "class": bem$1c("tabs"),
+          "shrink": true,
           "animated": true
         }, {
           default: () => [props.tabs.map((title, index) => vue.createVNode(Tab, {
@@ -3486,7 +3517,7 @@
     toolbarPosition: makeStringProp("top"),
     columnsFieldNames: Object
   });
-  var stdin_default$1n = vue.defineComponent({
+  var stdin_default$1q = vue.defineComponent({
     name: name$1q,
     props: pickerProps,
     emits: ["confirm", "cancel", "change", "clickOption", "update:modelValue"],
@@ -3562,7 +3593,7 @@
         return params;
       };
       const cancel = () => emit("cancel", getEventParams());
-      const renderColumnItems = () => currentColumns.value.map((options, columnIndex) => vue.createVNode(stdin_default$1x, {
+      const renderColumnItems = () => currentColumns.value.map((options, columnIndex) => vue.createVNode(stdin_default$1A, {
         "value": selectedValues.value[columnIndex],
         "fields": fields.value,
         "options": options,
@@ -3606,7 +3637,7 @@
       };
       const renderToolbar = () => {
         if (props.showToolbar && !parent) {
-          return vue.createVNode(stdin_default$1w, vue.mergeProps(pick(props, pickerToolbarPropKeys), {
+          return vue.createVNode(stdin_default$1z, vue.mergeProps(pick(props, pickerToolbarPropKeys), {
             "onConfirm": confirm,
             "onCancel": cancel
           }), pick(slots, pickerToolbarSlots));
@@ -3741,7 +3772,7 @@
     }
     return options;
   }
-  const Picker = withInstall(stdin_default$1n);
+  const Picker = withInstall(stdin_default$1q);
   const [name$1f, bem$1b] = createNamespace("area");
   const areaProps = extend({}, pickerSharedProps, {
     modelValue: String,
@@ -3752,7 +3783,7 @@
       default: () => ({})
     }
   });
-  var stdin_default$1m = vue.defineComponent({
+  var stdin_default$1p = vue.defineComponent({
     name: name$1f,
     props: areaProps,
     emits: ["change", "confirm", "cancel", "update:modelValue"],
@@ -3808,7 +3839,7 @@
       }, pick(props, INHERIT_PROPS)), pick(slots, INHERIT_SLOTS));
     }
   });
-  const Area = withInstall(stdin_default$1m);
+  const Area = withInstall(stdin_default$1p);
   const [name$1e, bem$1a] = createNamespace("cell");
   const cellSharedProps = {
     tag: makeStringProp("div"),
@@ -3833,7 +3864,7 @@
     }
   };
   const cellProps = extend({}, cellSharedProps, routeProps);
-  var stdin_default$1l = vue.defineComponent({
+  var stdin_default$1o = vue.defineComponent({
     name: name$1e,
     props: cellProps,
     setup(props, {
@@ -3928,7 +3959,7 @@
       };
     }
   });
-  const Cell = withInstall(stdin_default$1l);
+  const Cell = withInstall(stdin_default$1o);
   const [name$1d, bem$19] = createNamespace("form");
   const formProps = {
     colon: Boolean,
@@ -3948,7 +3979,7 @@
       default: "onBlur"
     }
   };
-  var stdin_default$1k = vue.defineComponent({
+  var stdin_default$1n = vue.defineComponent({
     name: name$1d,
     props: formProps,
     emits: ["submit", "failed"],
@@ -4081,7 +4112,7 @@
       };
     }
   });
-  const Form = withInstall(stdin_default$1k);
+  const Form = withInstall(stdin_default$1n);
   function isEmptyValue(value) {
     if (Array.isArray(value)) {
       return !value.length;
@@ -4217,7 +4248,7 @@
       default: null
     }
   });
-  var stdin_default$1j = vue.defineComponent({
+  var stdin_default$1m = vue.defineComponent({
     name: name$1c,
     props: fieldProps,
     emits: ["blur", "focus", "clear", "keypress", "clickInput", "endValidate", "startValidate", "clickLeftIcon", "clickRightIcon", "update:modelValue"],
@@ -4665,7 +4696,7 @@
       };
     }
   });
-  const Field = withInstall(stdin_default$1j);
+  const Field = withInstall(stdin_default$1m);
   let lockCount = 0;
   function lockClick(lock) {
     if (lock) {
@@ -4703,7 +4734,7 @@
     closeOnClick: Boolean,
     closeOnClickOverlay: Boolean
   };
-  var stdin_default$1i = vue.defineComponent({
+  var stdin_default$1l = vue.defineComponent({
     name: name$1b,
     props: toastProps,
     emits: ["update:show"],
@@ -4885,7 +4916,7 @@
             onClosed,
             "onUpdate:show": toggle
           };
-          return vue.createVNode(stdin_default$1i, vue.mergeProps(state, attrs), null);
+          return vue.createVNode(stdin_default$1l, vue.mergeProps(state, attrs), null);
         };
         vue.watch(message, (val) => {
           state.message = val;
@@ -4955,7 +4986,7 @@
   const allowMultipleToast = (value = true) => {
     allowMultiple = value;
   };
-  const Toast = withInstall(stdin_default$1i);
+  const Toast = withInstall(stdin_default$1l);
   const [name$1a, bem$16] = createNamespace("switch");
   const switchProps = {
     size: numericProp,
@@ -4973,7 +5004,7 @@
       default: false
     }
   };
-  var stdin_default$1h = vue.defineComponent({
+  var stdin_default$1k = vue.defineComponent({
     name: name$1a,
     props: switchProps,
     emits: ["change", "update:modelValue"],
@@ -5033,10 +5064,10 @@
       };
     }
   });
-  const Switch = withInstall(stdin_default$1h);
+  const Switch = withInstall(stdin_default$1k);
   const [name$19, bem$15] = createNamespace("address-edit-detail");
   const t$i = createNamespace("address-edit")[2];
-  var stdin_default$1g = vue.defineComponent({
+  var stdin_default$1j = vue.defineComponent({
     name: name$19,
     props: {
       show: Boolean,
@@ -5142,7 +5173,7 @@
       default: isMobile
     }
   };
-  var stdin_default$1f = vue.defineComponent({
+  var stdin_default$1i = vue.defineComponent({
     name: name$18,
     props: addressEditProps,
     emits: ["save", "focus", "delete", "clickArea", "changeArea", "changeDetail", "selectSearch", "changeDefault"],
@@ -5317,7 +5348,7 @@
                 emit("clickArea");
                 showAreaPopup.value = !disableArea;
               }
-            }, null), [[vue.vShow, props.showArea]]), vue.createVNode(stdin_default$1g, {
+            }, null), [[vue.vShow, props.showArea]]), vue.createVNode(stdin_default$1j, {
               "show": props.showDetail,
               "rows": props.detailRows,
               "rules": rules.value.addressDetail,
@@ -5373,7 +5404,7 @@
       };
     }
   });
-  const AddressEdit = withInstall(stdin_default$1f);
+  const AddressEdit = withInstall(stdin_default$1i);
   const [name$17, bem$13] = createNamespace("radio-group");
   const radioGroupProps = {
     disabled: Boolean,
@@ -5383,7 +5414,7 @@
     checkedColor: String
   };
   const RADIO_KEY = Symbol(name$17);
-  var stdin_default$1e = vue.defineComponent({
+  var stdin_default$1h = vue.defineComponent({
     name: name$17,
     props: radioGroupProps,
     emits: ["change", "update:modelValue"],
@@ -5410,7 +5441,7 @@
       };
     }
   });
-  const RadioGroup = withInstall(stdin_default$1e);
+  const RadioGroup = withInstall(stdin_default$1h);
   const [name$16, bem$12] = createNamespace("tag");
   const tagProps = {
     size: String,
@@ -5423,7 +5454,7 @@
     textColor: String,
     closeable: Boolean
   };
-  var stdin_default$1d = vue.defineComponent({
+  var stdin_default$1g = vue.defineComponent({
     name: name$16,
     props: tagProps,
     emits: ["close"],
@@ -5482,7 +5513,7 @@
       });
     }
   });
-  const Tag = withInstall(stdin_default$1d);
+  const Tag = withInstall(stdin_default$1g);
   const checkerProps = {
     name: unknownProp,
     shape: makeStringProp("round"),
@@ -5493,7 +5524,7 @@
     labelPosition: String,
     labelDisabled: Boolean
   };
-  var stdin_default$1c = vue.defineComponent({
+  var stdin_default$1f = vue.defineComponent({
     props: extend({}, checkerProps, {
       bem: makeRequiredProp(Function),
       role: String,
@@ -5584,7 +5615,7 @@
   });
   const radioProps = checkerProps;
   const [name$15, bem$11] = createNamespace("radio");
-  var stdin_default$1b = vue.defineComponent({
+  var stdin_default$1e = vue.defineComponent({
     name: name$15,
     props: checkerProps,
     emits: ["update:modelValue"],
@@ -5606,7 +5637,7 @@
           emit("update:modelValue", props.name);
         }
       };
-      return () => vue.createVNode(stdin_default$1c, vue.mergeProps({
+      return () => vue.createVNode(stdin_default$1f, vue.mergeProps({
         "bem": bem$11,
         "role": "radio",
         "parent": parent,
@@ -5615,9 +5646,9 @@
       }, props), pick(slots, ["default", "icon"]));
     }
   });
-  const Radio = withInstall(stdin_default$1b);
+  const Radio = withInstall(stdin_default$1e);
   const [name$14, bem$10] = createNamespace("address-item");
-  var stdin_default$1a = vue.defineComponent({
+  var stdin_default$1d = vue.defineComponent({
     name: name$14,
     props: {
       address: makeRequiredProp(Object),
@@ -5712,7 +5743,7 @@
     addButtonText: String,
     defaultTagText: String
   };
-  var stdin_default$19 = vue.defineComponent({
+  var stdin_default$1c = vue.defineComponent({
     name: name$13,
     props: addressListProps,
     emits: ["add", "edit", "select", "clickItem", "editDisabled", "selectDisabled", "update:modelValue"],
@@ -5729,7 +5760,7 @@
             emit("update:modelValue", item.id);
           }
         };
-        return vue.createVNode(stdin_default$1a, {
+        return vue.createVNode(stdin_default$1d, {
           "key": item.id,
           "address": item,
           "disabled": disabled,
@@ -5775,7 +5806,7 @@
       };
     }
   });
-  const AddressList = withInstall(stdin_default$19);
+  const AddressList = withInstall(stdin_default$1c);
   const hasIntersectionObserver = inBrowser && "IntersectionObserver" in window && "IntersectionObserverEntry" in window && "intersectionRatio" in window.IntersectionObserverEntry.prototype;
   const modeType = {
     event: "event",
@@ -5934,12 +5965,13 @@
     bottom: numericProp,
     target: [String, Object],
     offset: makeNumericProp(200),
+    immediate: Boolean,
     teleport: {
       type: [String, Object],
       default: "body"
     }
   };
-  var stdin_default$18 = vue.defineComponent({
+  var stdin_default$1b = vue.defineComponent({
     name: name$12,
     inheritAttrs: false,
     props: backTopProps,
@@ -5961,7 +5993,7 @@
         emit("click", event);
         (_a = scrollParent.value) == null ? void 0 : _a.scrollTo({
           top: 0,
-          behavior: "smooth"
+          behavior: props.immediate ? "auto" : "smooth"
         });
       };
       const scroll = () => {
@@ -6016,7 +6048,7 @@
       };
     }
   });
-  const BackTop = withInstall(stdin_default$18);
+  const BackTop = withInstall(stdin_default$1b);
   const [name$11, bem$Z, t$f] = createNamespace("calendar");
   const formatMonthTitle = (date) => t$f("monthTitle", date.getFullYear(), date.getMonth() + 1);
   function compareMonth(date1, date2) {
@@ -6099,7 +6131,7 @@
     return value;
   });
   const [name$10] = createNamespace("calendar-day");
-  var stdin_default$17 = vue.defineComponent({
+  var stdin_default$1a = vue.defineComponent({
     name: name$10,
     props: {
       item: makeRequiredProp(Object),
@@ -6237,7 +6269,7 @@
     showMonthTitle: Boolean,
     firstDayOfWeek: Number
   };
-  var stdin_default$16 = vue.defineComponent({
+  var stdin_default$19 = vue.defineComponent({
     name: name$$,
     props: calendarMonthProps,
     emits: ["click"],
@@ -6344,7 +6376,10 @@
         if (props.showMonthTitle) {
           return vue.createVNode("div", {
             "class": bem$Z("month-title")
-          }, [title.value]);
+          }, [slots["month-title"] ? slots["month-title"]({
+            date: props.date,
+            text: title.value
+          }) : title.value]);
         }
       };
       const renderMark = () => {
@@ -6390,7 +6425,7 @@
           setScrollTop(body, daysRect.top + rowOffset + body.scrollTop - useRect(body).top);
         }
       };
-      const renderDay = (item, index) => vue.createVNode(stdin_default$17, {
+      const renderDay = (item, index) => vue.createVNode(stdin_default$1a, {
         "item": item,
         "index": index,
         "color": props.color,
@@ -6417,7 +6452,7 @@
     }
   });
   const [name$_] = createNamespace("calendar-header");
-  var stdin_default$15 = vue.defineComponent({
+  var stdin_default$18 = vue.defineComponent({
     name: name$_,
     props: {
       date: Date,
@@ -6518,7 +6553,7 @@
       validator: (val) => val >= 0 && val <= 6
     }
   };
-  var stdin_default$14 = vue.defineComponent({
+  var stdin_default$17 = vue.defineComponent({
     name: name$11,
     props: calendarProps,
     emits: ["select", "confirm", "unselect", "monthShow", "overRange", "update:show", "clickSubtitle"],
@@ -6782,7 +6817,7 @@
       const updateShow = (value) => emit("update:show", value);
       const renderMonth = (date, index) => {
         const showMonthTitle = index !== 0 || !props.showSubtitle;
-        return vue.createVNode(stdin_default$16, vue.mergeProps({
+        return vue.createVNode(stdin_default$19, vue.mergeProps({
           "ref": setMonthRefs(index),
           "date": date,
           "currentDate": currentDate.value,
@@ -6790,7 +6825,7 @@
           "firstDayOfWeek": dayOffset.value
         }, pick(props, ["type", "color", "minDate", "maxDate", "showMark", "formatter", "rowHeight", "lazyRender", "showSubtitle", "allowSameDay"]), {
           "onClick": onClickDay
-        }), pick(slots, ["top-info", "bottom-info"]));
+        }), pick(slots, ["top-info", "bottom-info", "month-title"]));
       };
       const renderFooterButton = () => {
         if (slots.footer) {
@@ -6823,7 +6858,7 @@
       }, [renderFooterButton()]);
       const renderCalendar = () => vue.createVNode("div", {
         "class": bem$Z()
-      }, [vue.createVNode(stdin_default$15, {
+      }, [vue.createVNode(stdin_default$18, {
         "date": subtitle.value.date,
         "title": props.title,
         "subtitle": subtitle.value.text,
@@ -6869,7 +6904,7 @@
       };
     }
   });
-  const Calendar = withInstall(stdin_default$14);
+  const Calendar = withInstall(stdin_default$17);
   const [name$Z, bem$Y] = createNamespace("image");
   const imageProps = {
     src: String,
@@ -6889,7 +6924,7 @@
     showLoading: truthProp,
     loadingIcon: makeStringProp("photo")
   };
-  var stdin_default$13 = vue.defineComponent({
+  var stdin_default$16 = vue.defineComponent({
     name: name$Z,
     props: imageProps,
     emits: ["load", "error"],
@@ -7033,7 +7068,7 @@
       };
     }
   });
-  const Image$1 = withInstall(stdin_default$13);
+  const Image$1 = withInstall(stdin_default$16);
   const [name$Y, bem$X] = createNamespace("card");
   const cardProps = {
     tag: String,
@@ -7048,7 +7083,7 @@
     thumbLink: String,
     originPrice: numericProp
   };
-  var stdin_default$12 = vue.defineComponent({
+  var stdin_default$15 = vue.defineComponent({
     name: name$Y,
     props: cardProps,
     emits: ["clickThumb"],
@@ -7152,7 +7187,7 @@
       };
     }
   });
-  const Card = withInstall(stdin_default$12);
+  const Card = withInstall(stdin_default$15);
   const [name$X, bem$W, t$e] = createNamespace("cascader");
   const cascaderProps = {
     title: String,
@@ -7166,7 +7201,7 @@
     placeholder: String,
     activeColor: String
   };
-  var stdin_default$11 = vue.defineComponent({
+  var stdin_default$14 = vue.defineComponent({
     name: name$X,
     props: cascaderProps,
     emits: ["close", "change", "finish", "clickTab", "update:modelValue"],
@@ -7371,14 +7406,14 @@
       }, [renderHeader(), renderTabs()]);
     }
   });
-  const Cascader = withInstall(stdin_default$11);
+  const Cascader = withInstall(stdin_default$14);
   const [name$W, bem$V] = createNamespace("cell-group");
   const cellGroupProps = {
     title: String,
     inset: Boolean,
     border: truthProp
   };
-  var stdin_default$10 = vue.defineComponent({
+  var stdin_default$13 = vue.defineComponent({
     name: name$W,
     inheritAttrs: false,
     props: cellGroupProps,
@@ -7409,7 +7444,7 @@
       };
     }
   });
-  const CellGroup = withInstall(stdin_default$10);
+  const CellGroup = withInstall(stdin_default$13);
   const [name$V, bem$U] = createNamespace("checkbox-group");
   const checkboxGroupProps = {
     max: numericProp,
@@ -7420,7 +7455,7 @@
     checkedColor: String
   };
   const CHECKBOX_GROUP_KEY = Symbol(name$V);
-  var stdin_default$$ = vue.defineComponent({
+  var stdin_default$12 = vue.defineComponent({
     name: name$V,
     props: checkboxGroupProps,
     emits: ["change", "update:modelValue"],
@@ -7476,7 +7511,7 @@
   const checkboxProps = extend({}, checkerProps, {
     bindGroup: truthProp
   });
-  var stdin_default$_ = vue.defineComponent({
+  var stdin_default$11 = vue.defineComponent({
     name: name$U,
     props: checkboxProps,
     emits: ["change", "update:modelValue"],
@@ -7534,7 +7569,7 @@
         checked
       });
       useCustomFieldValue(() => props.modelValue);
-      return () => vue.createVNode(stdin_default$1c, vue.mergeProps({
+      return () => vue.createVNode(stdin_default$1f, vue.mergeProps({
         "bem": bem$T,
         "role": "checkbox",
         "parent": parent,
@@ -7543,8 +7578,8 @@
       }, props), pick(slots, ["default", "icon"]));
     }
   });
-  const Checkbox = withInstall(stdin_default$_);
-  const CheckboxGroup = withInstall(stdin_default$$);
+  const Checkbox = withInstall(stdin_default$11);
+  const CheckboxGroup = withInstall(stdin_default$12);
   const [name$T, bem$S] = createNamespace("circle");
   let uid = 0;
   const format$1 = (rate) => Math.min(Math.max(+rate, 0), 100);
@@ -7566,7 +7601,7 @@
     strokeLinecap: String,
     startPosition: makeStringProp("top")
   };
-  var stdin_default$Z = vue.defineComponent({
+  var stdin_default$10 = vue.defineComponent({
     name: name$T,
     props: circleProps,
     emits: ["update:currentRate"],
@@ -7690,7 +7725,7 @@
       }, [renderGradient(), renderLayer(), renderHover()]), renderText()]);
     }
   });
-  const Circle = withInstall(stdin_default$Z);
+  const Circle = withInstall(stdin_default$10);
   const [name$S, bem$R] = createNamespace("row");
   const ROW_KEY = Symbol(name$S);
   const rowProps = {
@@ -7700,7 +7735,7 @@
     gutter: makeNumericProp(0),
     justify: String
   };
-  var stdin_default$Y = vue.defineComponent({
+  var stdin_default$$ = vue.defineComponent({
     name: name$S,
     props: rowProps,
     setup(props, {
@@ -7780,7 +7815,7 @@
     span: makeNumericProp(0),
     offset: numericProp
   };
-  var stdin_default$X = vue.defineComponent({
+  var stdin_default$_ = vue.defineComponent({
     name: name$R,
     props: colProps,
     setup(props, {
@@ -7829,7 +7864,7 @@
       };
     }
   });
-  const Col = withInstall(stdin_default$X);
+  const Col = withInstall(stdin_default$_);
   const [name$Q, bem$P] = createNamespace("collapse");
   const COLLAPSE_KEY = Symbol(name$Q);
   const collapseProps = {
@@ -7840,7 +7875,7 @@
       default: ""
     }
   };
-  var stdin_default$W = vue.defineComponent({
+  var stdin_default$Z = vue.defineComponent({
     name: name$Q,
     props: collapseProps,
     emits: ["change", "update:modelValue"],
@@ -7915,7 +7950,7 @@
       };
     }
   });
-  const Collapse = withInstall(stdin_default$W);
+  const Collapse = withInstall(stdin_default$Z);
   const [name$P, bem$O] = createNamespace("collapse-item");
   const CELL_SLOTS = ["icon", "title", "value", "label", "right-icon"];
   const collapseItemProps = extend({}, cellSharedProps, {
@@ -7925,7 +7960,7 @@
     readonly: Boolean,
     lazyRender: truthProp
   });
-  var stdin_default$V = vue.defineComponent({
+  var stdin_default$Y = vue.defineComponent({
     name: name$P,
     props: collapseItemProps,
     setup(props, {
@@ -8037,8 +8072,8 @@
       }, [renderTitle(), renderContent()]);
     }
   });
-  const CollapseItem = withInstall(stdin_default$V);
-  const ConfigProvider = withInstall(stdin_default$1G);
+  const CollapseItem = withInstall(stdin_default$Y);
+  const ConfigProvider = withInstall(stdin_default$1J);
   const [name$O, bem$N, t$d] = createNamespace("contact-card");
   const contactCardProps = {
     tel: String,
@@ -8047,7 +8082,7 @@
     addText: String,
     editable: truthProp
   };
-  var stdin_default$U = vue.defineComponent({
+  var stdin_default$X = vue.defineComponent({
     name: name$O,
     props: contactCardProps,
     emits: ["click"],
@@ -8078,7 +8113,7 @@
       });
     }
   });
-  const ContactCard = withInstall(stdin_default$U);
+  const ContactCard = withInstall(stdin_default$X);
   const [name$N, bem$M, t$c] = createNamespace("contact-edit");
   const DEFAULT_CONTACT = {
     tel: "",
@@ -8099,7 +8134,7 @@
       default: isMobile
     }
   };
-  var stdin_default$T = vue.defineComponent({
+  var stdin_default$W = vue.defineComponent({
     name: name$N,
     props: contactEditProps,
     emits: ["save", "delete", "changeDefault"],
@@ -8180,7 +8215,7 @@
       });
     }
   });
-  const ContactEdit = withInstall(stdin_default$T);
+  const ContactEdit = withInstall(stdin_default$W);
   const [name$M, bem$L, t$b] = createNamespace("contact-list");
   const contactListProps = {
     list: Array,
@@ -8188,7 +8223,7 @@
     modelValue: unknownProp,
     defaultTagText: String
   };
-  var stdin_default$S = vue.defineComponent({
+  var stdin_default$V = vue.defineComponent({
     name: name$M,
     props: contactListProps,
     emits: ["add", "edit", "select", "update:modelValue"],
@@ -8258,7 +8293,7 @@
       }, null)])]);
     }
   });
-  const ContactList = withInstall(stdin_default$S);
+  const ContactList = withInstall(stdin_default$V);
   function parseFormat(format2, currentTime) {
     const { days } = currentTime;
     let { hours, minutes, seconds, milliseconds } = currentTime;
@@ -8301,7 +8336,7 @@
     autoStart: truthProp,
     millisecond: Boolean
   };
-  var stdin_default$R = vue.defineComponent({
+  var stdin_default$U = vue.defineComponent({
     name: name$L,
     props: countDownProps,
     emits: ["change", "finish"],
@@ -8341,7 +8376,7 @@
       }, [slots.default ? slots.default(current2.value) : timeText.value]);
     }
   });
-  const CountDown = withInstall(stdin_default$R);
+  const CountDown = withInstall(stdin_default$U);
   function getDate(timeStamp) {
     const date = new Date(timeStamp * 1e3);
     return `${date.getFullYear()}.${padZero(date.getMonth() + 1)}.${padZero(
@@ -8351,7 +8386,7 @@
   const formatDiscount = (discount) => (discount / 10).toFixed(discount % 10 === 0 ? 0 : 1);
   const formatAmount = (amount) => (amount / 100).toFixed(amount % 100 === 0 ? 0 : amount % 10 === 0 ? 1 : 2);
   const [name$K, bem$J, t$a] = createNamespace("coupon");
-  var stdin_default$Q = vue.defineComponent({
+  var stdin_default$T = vue.defineComponent({
     name: name$K,
     props: {
       chosen: Boolean,
@@ -8422,7 +8457,7 @@
       };
     }
   });
-  const Coupon = withInstall(stdin_default$Q);
+  const Coupon = withInstall(stdin_default$T);
   const [name$J, bem$I, t$9] = createNamespace("coupon-cell");
   const couponCellProps = {
     title: String,
@@ -8451,7 +8486,7 @@
     }
     return coupons.length === 0 ? t$9("noCoupon") : t$9("count", coupons.length);
   }
-  var stdin_default$P = vue.defineComponent({
+  var stdin_default$S = vue.defineComponent({
     name: name$J,
     props: couponCellProps,
     setup(props) {
@@ -8470,14 +8505,14 @@
       };
     }
   });
-  const CouponCell = withInstall(stdin_default$P);
+  const CouponCell = withInstall(stdin_default$S);
   const [name$I, bem$H] = createNamespace("empty");
   const emptyProps = {
     image: makeStringProp("default"),
     imageSize: [Number, String, Array],
     description: String
   };
-  var stdin_default$O = vue.defineComponent({
+  var stdin_default$R = vue.defineComponent({
     name: name$I,
     props: emptyProps,
     setup(props, {
@@ -8786,7 +8821,7 @@
       }, [renderImage()]), renderDescription(), renderBottom()]);
     }
   });
-  const Empty = withInstall(stdin_default$O);
+  const Empty = withInstall(stdin_default$R);
   const [name$H, bem$G, t$8] = createNamespace("coupon-list");
   const couponListProps = {
     code: makeStringProp(""),
@@ -8808,7 +8843,7 @@
     exchangeButtonLoading: Boolean,
     exchangeButtonDisabled: Boolean
   };
-  var stdin_default$N = vue.defineComponent({
+  var stdin_default$Q = vue.defineComponent({
     name: name$H,
     props: couponListProps,
     emits: ["change", "exchange", "update:code"],
@@ -8959,7 +8994,7 @@
       }, null), [[vue.vShow, props.showCloseButton]])])]);
     }
   });
-  const CouponList = withInstall(stdin_default$N);
+  const CouponList = withInstall(stdin_default$Q);
   const currentYear = new Date().getFullYear();
   const [name$G] = createNamespace("date-picker");
   const datePickerProps = extend({}, sharedProps, {
@@ -8978,7 +9013,7 @@
       validator: isDate
     }
   });
-  var stdin_default$M = vue.defineComponent({
+  var stdin_default$P = vue.defineComponent({
     name: name$G,
     props: datePickerProps,
     emits: ["confirm", "cancel", "change", "update:modelValue"],
@@ -9066,7 +9101,7 @@
       }, pick(props, pickerInheritKeys)), slots);
     }
   });
-  const DatePicker = withInstall(stdin_default$M);
+  const DatePicker = withInstall(stdin_default$P);
   const [name$F, bem$F, t$7] = createNamespace("dialog");
   const dialogProps = extend({}, popupSharedProps, {
     title: String,
@@ -9090,7 +9125,7 @@
     closeOnClickOverlay: Boolean
   });
   const popupInheritKeys$1 = [...popupSharedPropKeys, "transition", "closeOnPopstate"];
-  var stdin_default$L = vue.defineComponent({
+  var stdin_default$O = vue.defineComponent({
     name: name$F,
     props: dialogProps,
     emits: ["confirm", "cancel", "keydown", "update:show"],
@@ -9309,7 +9344,7 @@
           state,
           toggle
         } = usePopupState();
-        return () => vue.createVNode(stdin_default$L, vue.mergeProps(state, {
+        return () => vue.createVNode(stdin_default$O, vue.mergeProps(state, {
           "onUpdate:show": toggle
         }), null);
       }
@@ -9347,14 +9382,14 @@
       instance$2.toggle(false);
     }
   };
-  const Dialog = withInstall(stdin_default$L);
+  const Dialog = withInstall(stdin_default$O);
   const [name$E, bem$E] = createNamespace("divider");
   const dividerProps = {
     dashed: Boolean,
     hairline: truthProp,
     contentPosition: makeStringProp("center")
   };
-  var stdin_default$K = vue.defineComponent({
+  var stdin_default$N = vue.defineComponent({
     name: name$E,
     props: dividerProps,
     setup(props, {
@@ -9373,7 +9408,7 @@
       };
     }
   });
-  const Divider = withInstall(stdin_default$K);
+  const Divider = withInstall(stdin_default$N);
   const [name$D, bem$D] = createNamespace("dropdown-menu");
   const dropdownMenuProps = {
     overlay: truthProp,
@@ -9385,7 +9420,7 @@
     closeOnClickOverlay: truthProp
   };
   const DROPDOWN_KEY = Symbol(name$D);
-  var stdin_default$J = vue.defineComponent({
+  var stdin_default$M = vue.defineComponent({
     name: name$D,
     props: dropdownMenuProps,
     setup(props, {
@@ -9511,7 +9546,7 @@
     modelValue: unknownProp,
     titleClass: unknownProp
   };
-  var stdin_default$I = vue.defineComponent({
+  var stdin_default$L = vue.defineComponent({
     name: name$C,
     inheritAttrs: false,
     props: dropdownItemProps,
@@ -9668,8 +9703,8 @@
       };
     }
   });
-  const DropdownItem = withInstall(stdin_default$I);
-  const DropdownMenu = withInstall(stdin_default$J);
+  const DropdownItem = withInstall(stdin_default$L);
+  const DropdownMenu = withInstall(stdin_default$M);
   const [name$B, bem$B] = createNamespace("grid");
   const gridProps = {
     square: Boolean,
@@ -9683,7 +9718,7 @@
     columnNum: makeNumericProp(4)
   };
   const GRID_KEY = Symbol(name$B);
-  var stdin_default$H = vue.defineComponent({
+  var stdin_default$K = vue.defineComponent({
     name: name$B,
     props: gridProps,
     setup(props, {
@@ -9708,7 +9743,7 @@
       };
     }
   });
-  const Grid = withInstall(stdin_default$H);
+  const Grid = withInstall(stdin_default$K);
   const [name$A, bem$A] = createNamespace("grid-item");
   const gridItemProps = extend({}, routeProps, {
     dot: Boolean,
@@ -9719,7 +9754,7 @@
     iconPrefix: String,
     badgeProps: Object
   });
-  var stdin_default$G = vue.defineComponent({
+  var stdin_default$J = vue.defineComponent({
     name: name$A,
     props: gridItemProps,
     setup(props, {
@@ -9840,10 +9875,10 @@
       };
     }
   });
-  const GridItem = withInstall(stdin_default$G);
+  const GridItem = withInstall(stdin_default$J);
   const getDistance = (touches) => Math.sqrt((touches[0].clientX - touches[1].clientX) ** 2 + (touches[0].clientY - touches[1].clientY) ** 2);
   const bem$z = createNamespace("image-preview")[1];
-  var stdin_default$F = vue.defineComponent({
+  var stdin_default$I = vue.defineComponent({
     props: {
       src: String,
       show: Boolean,
@@ -9851,7 +9886,8 @@
       minZoom: makeRequiredProp(numericProp),
       maxZoom: makeRequiredProp(numericProp),
       rootWidth: makeRequiredProp(Number),
-      rootHeight: makeRequiredProp(Number)
+      rootHeight: makeRequiredProp(Number),
+      disableZoom: Boolean
     },
     emits: ["scale", "close", "longPress"],
     setup(props, {
@@ -9946,18 +9982,23 @@
       let startDistance;
       let doubleTapTimer;
       let touchStartTime;
+      let isImageMoved = false;
       const onTouchStart = (event) => {
         const {
           touches
         } = event;
+        fingerNum = touches.length;
+        if (fingerNum === 2 && props.disableZoom) {
+          return;
+        }
         const {
           offsetX
         } = touch;
         touch.start(event);
-        fingerNum = touches.length;
         startMoveX = state.moveX;
         startMoveY = state.moveY;
         touchStartTime = Date.now();
+        isImageMoved = false;
         state.moving = fingerNum === 1 && state.scale !== 1;
         state.zooming = fingerNum === 2 && !offsetX.value;
         if (state.zooming) {
@@ -9970,9 +10011,6 @@
           touches
         } = event;
         touch.move(event);
-        if (state.moving || state.zooming) {
-          preventDefault(event, true);
-        }
         if (state.moving) {
           const {
             deltaX,
@@ -9980,13 +10018,22 @@
           } = touch;
           const moveX = deltaX.value + startMoveX;
           const moveY = deltaY.value + startMoveY;
+          if ((moveX > maxMoveX.value || moveX < -maxMoveX.value) && !isImageMoved) {
+            state.moving = false;
+            return;
+          }
+          isImageMoved = true;
+          preventDefault(event, true);
           state.moveX = clamp(moveX, -maxMoveX.value, maxMoveX.value);
           state.moveY = clamp(moveY, -maxMoveY.value, maxMoveY.value);
         }
-        if (state.zooming && touches.length === 2) {
-          const distance = getDistance(touches);
-          const scale = startScale * distance / startDistance;
-          setScale(scale);
+        if (state.zooming) {
+          preventDefault(event, true);
+          if (touches.length === 2) {
+            const distance = getDistance(touches);
+            const scale = startScale * distance / startDistance;
+            setScale(scale);
+          }
         }
       };
       const checkTap = () => {
@@ -10096,7 +10143,7 @@
     }
   });
   const [name$z, bem$y] = createNamespace("image-preview");
-  const popupProps$1 = ["show", "transition", "overlayStyle", "closeOnPopstate", "teleport"];
+  const popupProps$1 = ["show", "teleport", "transition", "overlayStyle", "closeOnPopstate"];
   const imagePreviewProps = {
     show: Boolean,
     loop: truthProp,
@@ -10119,7 +10166,7 @@
     closeIconPosition: makeStringProp("top-right"),
     teleport: [String, Object]
   };
-  var stdin_default$E = vue.defineComponent({
+  var stdin_default$H = vue.defineComponent({
     name: name$z,
     props: imagePreviewProps,
     emits: ["scale", "close", "closed", "change", "longPress", "update:show"],
@@ -10131,7 +10178,8 @@
       const state = vue.reactive({
         active: 0,
         rootWidth: 0,
-        rootHeight: 0
+        rootHeight: 0,
+        disableZoom: false
       });
       const resize = () => {
         if (swipeRef.value) {
@@ -10171,6 +10219,12 @@
           }, [slots.cover()]);
         }
       };
+      const onDragStart = () => {
+        state.disableZoom = true;
+      };
+      const onDragEnd = () => {
+        state.disableZoom = false;
+      };
       const renderImages = () => vue.createVNode(Swipe, {
         "ref": swipeRef,
         "lazyRender": true,
@@ -10180,9 +10234,11 @@
         "initialSwipe": props.startPosition,
         "showIndicators": props.showIndicators,
         "indicatorColor": "white",
-        "onChange": setActive
+        "onChange": setActive,
+        "onDragEnd": onDragEnd,
+        "onDragStart": onDragStart
       }, {
-        default: () => [props.images.map((image, index) => vue.createVNode(stdin_default$F, {
+        default: () => [props.images.map((image, index) => vue.createVNode(stdin_default$I, {
           "src": image,
           "show": props.show,
           "active": state.active,
@@ -10190,6 +10246,7 @@
           "minZoom": props.minZoom,
           "rootWidth": state.rootWidth,
           "rootHeight": state.rootHeight,
+          "disableZoom": state.disableZoom,
           "onScale": emitScale,
           "onClose": emitClose,
           "onLongPress": () => emit("longPress", {
@@ -10286,7 +10343,7 @@
         const onClosed = () => {
           state.images = [];
         };
-        return () => vue.createVNode(stdin_default$E, vue.mergeProps(state, {
+        return () => vue.createVNode(stdin_default$H, vue.mergeProps(state, {
           "onClosed": onClosed,
           "onUpdate:show": toggle
         }), null);
@@ -10307,7 +10364,7 @@
     instance$1.open(extend({}, defaultConfig, options));
     return instance$1;
   };
-  const ImagePreview = withInstall(stdin_default$E);
+  const ImagePreview = withInstall(stdin_default$H);
   function genAlphabet() {
     const charCodeOfA = "A".charCodeAt(0);
     const indexList = Array(26).fill("").map((_, i) => String.fromCharCode(charCodeOfA + i));
@@ -10326,7 +10383,7 @@
     }
   };
   const INDEX_BAR_KEY = Symbol(name$y);
-  var stdin_default$D = vue.defineComponent({
+  var stdin_default$G = vue.defineComponent({
     name: name$y,
     props: indexBarProps,
     emits: ["select", "change"],
@@ -10528,7 +10585,7 @@
   const indexAnchorProps = {
     index: numericProp
   };
-  var stdin_default$C = vue.defineComponent({
+  var stdin_default$F = vue.defineComponent({
     name: name$x,
     props: indexAnchorProps,
     setup(props, {
@@ -10598,8 +10655,8 @@
       };
     }
   });
-  const IndexAnchor = withInstall(stdin_default$C);
-  const IndexBar = withInstall(stdin_default$D);
+  const IndexAnchor = withInstall(stdin_default$F);
+  const IndexBar = withInstall(stdin_default$G);
   const [name$w, bem$v, t$6] = createNamespace("list");
   const listProps = {
     error: Boolean,
@@ -10613,7 +10670,7 @@
     finishedText: String,
     immediateCheck: truthProp
   };
-  var stdin_default$B = vue.defineComponent({
+  var stdin_default$E = vue.defineComponent({
     name: name$w,
     props: listProps,
     emits: ["load", "update:error", "update:loading"],
@@ -10730,7 +10787,7 @@
       };
     }
   });
-  const List = withInstall(stdin_default$B);
+  const List = withInstall(stdin_default$E);
   const [name$v, bem$u] = createNamespace("nav-bar");
   const navBarProps = {
     title: String,
@@ -10744,7 +10801,7 @@
     safeAreaInsetTop: Boolean,
     clickable: truthProp
   };
-  var stdin_default$A = vue.defineComponent({
+  var stdin_default$D = vue.defineComponent({
     name: name$v,
     props: navBarProps,
     emits: ["clickLeft", "clickRight"],
@@ -10814,7 +10871,7 @@
       };
     }
   });
-  const NavBar = withInstall(stdin_default$A);
+  const NavBar = withInstall(stdin_default$D);
   const [name$u, bem$t] = createNamespace("notice-bar");
   const noticeBarProps = {
     text: String,
@@ -10830,7 +10887,7 @@
       default: null
     }
   };
-  var stdin_default$z = vue.defineComponent({
+  var stdin_default$C = vue.defineComponent({
     name: name$u,
     props: noticeBarProps,
     emits: ["close", "replay"],
@@ -10970,7 +11027,7 @@
       };
     }
   });
-  const NoticeBar = withInstall(stdin_default$z);
+  const NoticeBar = withInstall(stdin_default$C);
   const [name$t, bem$s] = createNamespace("notify");
   const notifyProps = extend({}, popupSharedProps, {
     type: makeStringProp("danger"),
@@ -10981,7 +11038,7 @@
     background: String,
     lockScroll: Boolean
   });
-  var stdin_default$y = vue.defineComponent({
+  var stdin_default$B = vue.defineComponent({
     name: name$t,
     props: notifyProps,
     emits: ["update:show"],
@@ -11022,7 +11079,7 @@
           state,
           toggle
         } = usePopupState();
-        return () => vue.createVNode(stdin_default$y, vue.mergeProps(state, {
+        return () => vue.createVNode(stdin_default$B, vue.mergeProps(state, {
           "onUpdate:show": toggle
         }), null);
       }
@@ -11066,7 +11123,7 @@
   const resetNotifyDefaultOptions = () => {
     currentOptions = getDefaultOptions();
   };
-  const Notify = withInstall(stdin_default$y);
+  const Notify = withInstall(stdin_default$B);
   const [name$s, bem$r] = createNamespace("key");
   const CollapseIcon = vue.createVNode("svg", {
     "class": bem$r("collapse-icon"),
@@ -11082,7 +11139,7 @@
     "d": "M28 0a4 4 0 0 1 4 4v14a4 4 0 0 1-4 4H10.4a2 2 0 0 1-1.4-.6L1 13.1c-.6-.5-.9-1.3-.9-2 0-1 .3-1.7.9-2.2L9 .6a2 2 0 0 1 1.4-.6zm0 2H10.4l-8.2 8.3a1 1 0 0 0-.3.7c0 .3.1.5.3.7l8.2 8.4H28a2 2 0 0 0 2-2V4c0-1.1-.9-2-2-2zm-5 4a1 1 0 0 1 .7.3 1 1 0 0 1 0 1.4L20.4 11l3.3 3.3c.2.2.3.5.3.7 0 .3-.1.5-.3.7a1 1 0 0 1-.7.3 1 1 0 0 1-.7-.3L19 12.4l-3.4 3.3a1 1 0 0 1-.6.3 1 1 0 0 1-.7-.3 1 1 0 0 1-.3-.7c0-.2.1-.5.3-.7l3.3-3.3-3.3-3.3A1 1 0 0 1 14 7c0-.3.1-.5.3-.7A1 1 0 0 1 15 6a1 1 0 0 1 .6.3L19 9.6l3.3-3.3A1 1 0 0 1 23 6z",
     "fill": "currentColor"
   }, null)]);
-  var stdin_default$x = vue.defineComponent({
+  var stdin_default$A = vue.defineComponent({
     name: name$s,
     props: {
       type: String,
@@ -11185,7 +11242,7 @@
     }
     return array;
   }
-  var stdin_default$w = vue.defineComponent({
+  var stdin_default$z = vue.defineComponent({
     name: name$r,
     inheritAttrs: false,
     props: numberKeyboardProps,
@@ -11304,7 +11361,7 @@
         if (key.type === "extra") {
           keySlots.default = slots["extra-key"];
         }
-        return vue.createVNode(stdin_default$x, {
+        return vue.createVNode(stdin_default$A, {
           "key": key.text,
           "text": key.text,
           "type": key.type,
@@ -11317,14 +11374,14 @@
         if (props.theme === "custom") {
           return vue.createVNode("div", {
             "class": bem$q("sidebar")
-          }, [props.showDeleteKey && vue.createVNode(stdin_default$x, {
+          }, [props.showDeleteKey && vue.createVNode(stdin_default$A, {
             "large": true,
             "text": props.deleteButtonText,
             "type": "delete",
             "onPress": onPress
           }, {
             delete: slots.delete
-          }), vue.createVNode(stdin_default$x, {
+          }), vue.createVNode(stdin_default$A, {
             "large": true,
             "text": props.closeButtonText,
             "type": "close",
@@ -11375,7 +11432,7 @@
       };
     }
   });
-  const NumberKeyboard = withInstall(stdin_default$w);
+  const NumberKeyboard = withInstall(stdin_default$z);
   const [name$q, bem$p, t$5] = createNamespace("pagination");
   const makePage = (number, text, active) => ({
     number,
@@ -11393,7 +11450,7 @@
     itemsPerPage: makeNumericProp(10),
     forceEllipses: Boolean
   };
-  var stdin_default$v = vue.defineComponent({
+  var stdin_default$y = vue.defineComponent({
     name: name$q,
     props: paginationProps,
     emits: ["change", "update:modelValue"],
@@ -11514,7 +11571,7 @@
       }, [renderPrevButton(), props.mode === "simple" ? renderDesc() : renderPages(), renderNextButton()])]);
     }
   });
-  const Pagination = withInstall(stdin_default$v);
+  const Pagination = withInstall(stdin_default$y);
   const [name$p, bem$o] = createNamespace("password-input");
   const passwordInputProps = {
     info: String,
@@ -11525,7 +11582,7 @@
     focused: Boolean,
     errorInfo: String
   };
-  var stdin_default$u = vue.defineComponent({
+  var stdin_default$x = vue.defineComponent({
     name: name$p,
     props: passwordInputProps,
     emits: ["focus"],
@@ -11587,8 +11644,8 @@
       };
     }
   });
-  const PasswordInput = withInstall(stdin_default$u);
-  const PickerGroup = withInstall(stdin_default$1o);
+  const PasswordInput = withInstall(stdin_default$x);
+  const PickerGroup = withInstall(stdin_default$1r);
   function getWindow(node) {
     if (node == null) {
       return window;
@@ -12538,7 +12595,7 @@
       default: "body"
     }
   };
-  var stdin_default$t = vue.defineComponent({
+  var stdin_default$w = vue.defineComponent({
     name: name$o,
     props: popoverProps,
     emits: ["select", "touchstart", "update:show"],
@@ -12684,7 +12741,7 @@
       };
     }
   });
-  const Popover = withInstall(stdin_default$t);
+  const Popover = withInstall(stdin_default$w);
   const [name$n, bem$m] = createNamespace("progress");
   const progressProps = {
     color: String,
@@ -12701,7 +12758,7 @@
       validator: (value) => value >= 0 && value <= 100
     }
   };
-  var stdin_default$s = vue.defineComponent({
+  var stdin_default$v = vue.defineComponent({
     name: name$n,
     props: progressProps,
     setup(props) {
@@ -12755,7 +12812,7 @@
       };
     }
   });
-  const Progress = withInstall(stdin_default$s);
+  const Progress = withInstall(stdin_default$v);
   const [name$m, bem$l, t$4] = createNamespace("pull-refresh");
   const DEFAULT_HEAD_HEIGHT = 50;
   const TEXT_STATUS = ["pulling", "loosing", "success"];
@@ -12771,7 +12828,7 @@
     successDuration: makeNumericProp(500),
     animationDuration: makeNumericProp(300)
   };
-  var stdin_default$r = vue.defineComponent({
+  var stdin_default$u = vue.defineComponent({
     name: name$m,
     props: pullRefreshProps,
     emits: ["change", "refresh", "update:modelValue"],
@@ -12940,7 +12997,7 @@
       };
     }
   });
-  const PullRefresh = withInstall(stdin_default$r);
+  const PullRefresh = withInstall(stdin_default$u);
   const [name$l, bem$k] = createNamespace("rate");
   function getRateStatus(value, index, allowHalf, readonly) {
     if (value >= index) {
@@ -12983,7 +13040,7 @@
     modelValue: makeNumberProp(0),
     disabledColor: String
   };
-  var stdin_default$q = vue.defineComponent({
+  var stdin_default$t = vue.defineComponent({
     name: name$l,
     props: rateProps,
     emits: ["change", "update:modelValue"],
@@ -13150,8 +13207,8 @@
       }, [list.value.map(renderStar)]);
     }
   });
-  const Rate = withInstall(stdin_default$q);
-  const Row = withInstall(stdin_default$Y);
+  const Rate = withInstall(stdin_default$t);
+  const Row = withInstall(stdin_default$$);
   const [name$k, bem$j, t$3] = createNamespace("search");
   const searchProps = extend({}, fieldSharedProps, {
     label: String,
@@ -13162,7 +13219,7 @@
     background: String,
     showAction: Boolean
   });
-  var stdin_default$p = vue.defineComponent({
+  var stdin_default$s = vue.defineComponent({
     name: name$k,
     props: searchProps,
     emits: ["blur", "focus", "clear", "search", "cancel", "clickInput", "clickLeftIcon", "clickRightIcon", "update:modelValue"],
@@ -13260,7 +13317,7 @@
       };
     }
   });
-  const Search = withInstall(stdin_default$p);
+  const Search = withInstall(stdin_default$s);
   const popupInheritKeys = [...popupSharedPropKeys, "round", "closeOnPopstate", "safeAreaInsetBottom"];
   const iconMap = {
     qq: "qq",
@@ -13282,7 +13339,7 @@
     closeOnPopstate: truthProp,
     safeAreaInsetBottom: truthProp
   });
-  var stdin_default$o = vue.defineComponent({
+  var stdin_default$r = vue.defineComponent({
     name: name$j,
     props: shareSheetProps,
     emits: ["cancel", "select", "update:show"],
@@ -13374,13 +13431,13 @@
       });
     }
   });
-  const ShareSheet = withInstall(stdin_default$o);
+  const ShareSheet = withInstall(stdin_default$r);
   const [name$i, bem$h] = createNamespace("sidebar");
   const SIDEBAR_KEY = Symbol(name$i);
   const sidebarProps = {
     modelValue: makeNumericProp(0)
   };
-  var stdin_default$n = vue.defineComponent({
+  var stdin_default$q = vue.defineComponent({
     name: name$i,
     props: sidebarProps,
     emits: ["change", "update:modelValue"],
@@ -13411,7 +13468,7 @@
       };
     }
   });
-  const Sidebar = withInstall(stdin_default$n);
+  const Sidebar = withInstall(stdin_default$q);
   const [name$h, bem$g] = createNamespace("sidebar-item");
   const sidebarItemProps = extend({}, routeProps, {
     dot: Boolean,
@@ -13420,7 +13477,7 @@
     disabled: Boolean,
     badgeProps: Object
   });
-  var stdin_default$m = vue.defineComponent({
+  var stdin_default$p = vue.defineComponent({
     name: name$h,
     props: sidebarItemProps,
     emits: ["click"],
@@ -13471,13 +13528,13 @@
       };
     }
   });
-  const SidebarItem = withInstall(stdin_default$m);
+  const SidebarItem = withInstall(stdin_default$p);
   const [name$g, bem$f] = createNamespace("skeleton-title");
   const skeletonTitleProps = {
     round: Boolean,
     titleWidth: numericProp
   };
-  var stdin_default$l = vue.defineComponent({
+  var stdin_default$o = vue.defineComponent({
     name: name$g,
     props: skeletonTitleProps,
     setup(props) {
@@ -13491,12 +13548,14 @@
       }, null);
     }
   });
+  const SkeletonTitle = withInstall(stdin_default$o);
+  var stdin_default$n = SkeletonTitle;
   const [name$f, bem$e] = createNamespace("skeleton-avatar");
   const skeletonAvatarProps = {
     avatarSize: numericProp,
     avatarShape: makeStringProp("round")
   };
-  var stdin_default$k = vue.defineComponent({
+  var stdin_default$m = vue.defineComponent({
     name: name$f,
     props: skeletonAvatarProps,
     setup(props) {
@@ -13506,6 +13565,8 @@
       }, null);
     }
   });
+  const SkeletonAvatar = withInstall(stdin_default$m);
+  var stdin_default$l = SkeletonAvatar;
   const DEFAULT_ROW_WIDTH = "100%";
   const skeletonParagraphProps = {
     round: Boolean,
@@ -13515,7 +13576,7 @@
     }
   };
   const [name$e, bem$d] = createNamespace("skeleton-paragraph");
-  var stdin_default$j = vue.defineComponent({
+  var stdin_default$k = vue.defineComponent({
     name: name$e,
     props: skeletonParagraphProps,
     setup(props) {
@@ -13529,6 +13590,8 @@
       }, null);
     }
   });
+  const SkeletonParagraph = withInstall(stdin_default$k);
+  var stdin_default$j = SkeletonParagraph;
   const [name$d, bem$c] = createNamespace("skeleton");
   const DEFAULT_LAST_ROW_WIDTH = "60%";
   const skeletonProps = {
@@ -13556,7 +13619,7 @@
     }) {
       const renderAvatar = () => {
         if (props.avatar) {
-          return vue.createVNode(stdin_default$k, {
+          return vue.createVNode(stdin_default$l, {
             "avatarShape": props.avatarShape,
             "avatarSize": props.avatarSize
           }, null);
@@ -13564,7 +13627,7 @@
       };
       const renderTitle = () => {
         if (props.title) {
-          return vue.createVNode(stdin_default$l, {
+          return vue.createVNode(stdin_default$n, {
             "round": props.round,
             "titleWidth": props.titleWidth
           }, null);
@@ -13609,6 +13672,7 @@
       };
     }
   });
+  const Skeleton = withInstall(stdin_default$i);
   const [name$c, bem$b] = createNamespace("skeleton-image");
   const skeletonImageProps = {
     imageSize: numericProp,
@@ -13628,10 +13692,6 @@
     }
   });
   const SkeletonImage = withInstall(stdin_default$h);
-  const SkeletonTitle = withInstall(stdin_default$l);
-  const SkeletonAvatar = withInstall(stdin_default$k);
-  const SkeletonParagraph = withInstall(stdin_default$j);
-  const Skeleton = withInstall(stdin_default$i);
   const [name$b, bem$a] = createNamespace("slider");
   const sliderProps = {
     min: makeNumericProp(0),
@@ -16109,7 +16169,7 @@
       });
     }
   };
-  const version = "4.0.7";
+  const version = "4.0.9";
   function install(app) {
     const components = [
       ActionBar,
@@ -16181,6 +16241,10 @@
       Sidebar,
       SidebarItem,
       Skeleton,
+      SkeletonAvatar,
+      SkeletonImage,
+      SkeletonParagraph,
+      SkeletonTitle,
       Slider,
       Space,
       Step,
@@ -16243,6 +16307,7 @@
   exports2.Coupon = Coupon;
   exports2.CouponCell = CouponCell;
   exports2.CouponList = CouponList;
+  exports2.DEFAULT_ROW_WIDTH = DEFAULT_ROW_WIDTH;
   exports2.DatePicker = DatePicker;
   exports2.Dialog = Dialog;
   exports2.Divider = Divider;
@@ -16417,6 +16482,7 @@
   exports2.toastProps = toastProps;
   exports2.treeSelectProps = treeSelectProps;
   exports2.uploaderProps = uploaderProps;
+  exports2.useCurrentLang = useCurrentLang;
   exports2.version = version;
   Object.defineProperties(exports2, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 });