vant 4.0.8 → 4.0.10

package/lib/vant.js

@@ -690,6 +690,7 @@
       deepAssign(messages, newMessages);
     }
   };
+  const useCurrentLang = () => lang;
   var stdin_default$1M = Locale;
   function createTranslate(name2) {
     const prefix = camelize(name2) + ".";
@@ -2511,7 +2512,7 @@
   var stdin_default$1w = vue.defineComponent({
     name: name$1l,
     props: swipeProps,
-    emits: ["change"],
+    emits: ["change", "dragStart", "dragEnd"],
     setup(props, {
       emit,
       slots
@@ -2526,6 +2527,7 @@
         active: 0,
         swiping: false
       });
+      let dragging = false;
       const touch = useTouch();
       const {
         children,
@@ -2696,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();
@@ -2713,6 +2716,10 @@
               move({
                 offset: delta.value
               });
+              if (!dragging) {
+                emit("dragStart");
+                dragging = true;
+              }
             }
           }
         }
@@ -2741,7 +2748,9 @@
             pace: 0
           });
         }
+        dragging = false;
         state.swiping = false;
+        emit("dragEnd");
         autoplay();
       };
       const swipeTo = (index, options = {}) => {
@@ -3567,9 +3576,11 @@
             }
           });
         }
-        emit("change", extend({
-          columnIndex
-        }, getEventParams()));
+        vue.nextTick(() => {
+          emit("change", extend({
+            columnIndex
+          }, getEventParams()));
+        });
       };
       const onClickOption = (currentOption, columnIndex) => emit("clickOption", extend({
         columnIndex,
@@ -5956,6 +5967,7 @@
     bottom: numericProp,
     target: [String, Object],
     offset: makeNumericProp(200),
+    immediate: Boolean,
     teleport: {
       type: [String, Object],
       default: "body"
@@ -5983,7 +5995,7 @@
         emit("click", event);
         (_a = scrollParent.value) == null ? void 0 : _a.scrollTo({
           top: 0,
-          behavior: "smooth"
+          behavior: props.immediate ? "auto" : "smooth"
         });
       };
       const scroll = () => {
@@ -6366,7 +6378,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 = () => {
@@ -6812,7 +6827,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) {
@@ -9873,7 +9888,8 @@
       minZoom: makeRequiredProp(numericProp),
       maxZoom: makeRequiredProp(numericProp),
       rootWidth: makeRequiredProp(Number),
-      rootHeight: makeRequiredProp(Number)
+      rootHeight: makeRequiredProp(Number),
+      disableZoom: Boolean
     },
     emits: ["scale", "close", "longPress"],
     setup(props, {
@@ -9968,18 +9984,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) {
@@ -9992,9 +10013,6 @@
           touches
         } = event;
         touch.move(event);
-        if (state.moving || state.zooming) {
-          preventDefault(event, true);
-        }
         if (state.moving) {
           const {
             deltaX,
@@ -10002,13 +10020,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 = () => {
@@ -10118,7 +10145,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,
@@ -10153,7 +10180,8 @@
       const state = vue.reactive({
         active: 0,
         rootWidth: 0,
-        rootHeight: 0
+        rootHeight: 0,
+        disableZoom: false
       });
       const resize = () => {
         if (swipeRef.value) {
@@ -10193,6 +10221,12 @@
           }, [slots.cover()]);
         }
       };
+      const onDragStart = () => {
+        state.disableZoom = true;
+      };
+      const onDragEnd = () => {
+        state.disableZoom = false;
+      };
       const renderImages = () => vue.createVNode(Swipe, {
         "ref": swipeRef,
         "lazyRender": true,
@@ -10202,7 +10236,9 @@
         "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$I, {
           "src": image,
@@ -10212,6 +10248,7 @@
           "minZoom": props.minZoom,
           "rootWidth": state.rootWidth,
           "rootHeight": state.rootHeight,
+          "disableZoom": state.disableZoom,
           "onScale": emitScale,
           "onClose": emitClose,
           "onLongPress": () => emit("longPress", {
@@ -13688,7 +13725,7 @@
       let current2;
       let startValue;
       const root = vue.ref();
-      const slider = vue.ref();
+      const slider = [vue.ref(), vue.ref()];
       const dragStatus = vue.ref();
       const touch = useTouch();
       const scope = vue.computed(() => Number(props.max) - Number(props.min));
@@ -13880,7 +13917,7 @@
       const renderButton = (index) => {
         const current22 = typeof index === "number" ? props.modelValue[index] : props.modelValue;
         return vue.createVNode("div", {
-          "ref": slider,
+          "ref": slider[index != null ? index : 0],
           "role": "slider",
           "class": getButtonClassName(index),
           "tabindex": props.disabled ? void 0 : 0,
@@ -13903,8 +13940,10 @@
       };
       updateValue(props.modelValue);
       useCustomFieldValue(() => props.modelValue);
-      useEventListener("touchmove", onTouchMove, {
-        target: slider
+      slider.forEach((item) => {
+        useEventListener("touchmove", onTouchMove, {
+          target: item
+        });
       });
       return () => vue.createVNode("div", {
         "ref": root,
@@ -16134,7 +16173,7 @@
       });
     }
   };
-  const version = "4.0.8";
+  const version = "4.0.10";
   function install(app) {
     const components = [
       ActionBar,
@@ -16447,6 +16486,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" } });
 });