vant 3.6.0 → 3.6.1

package/lib/vant.cjs.js

@@ -1719,7 +1719,7 @@ var stdin_default$1r = vue.defineComponent({
     vue.watch(() => props.defaultIndex, (value) => setIndex(value));
     return () => vue.createVNode("div", {
       "class": [bem$1g(), props.className],
-      "onTouchstart": onTouchStart,
+      "onTouchstartPassive": onTouchStart,
       "onTouchmove": onTouchMove,
       "onTouchend": onTouchEnd,
       "onTouchcancel": onTouchEnd
@@ -5488,7 +5488,8 @@ var stdin_default$15 = vue.defineComponent({
     };
     vue.watch(() => state.fixed, (value) => emit("change", value));
     use.useEventListener("scroll", onScroll, {
-      target: scrollParent
+      target: scrollParent,
+      passive: true
     });
     useVisibilityChange(root, onScroll);
     return () => {
@@ -5923,7 +5924,7 @@ var stdin_default$13 = vue.defineComponent({
         "class": bem$Y("track", {
           vertical: props.vertical
         }),
-        "onTouchstart": onTouchStart,
+        "onTouchstartPassive": onTouchStart,
         "onTouchmove": onTouchMove,
         "onTouchend": onTouchEnd,
         "onTouchcancel": onTouchEnd
@@ -5982,6 +5983,9 @@ var stdin_default$12 = vue.defineComponent({
     vue.onMounted(() => {
       swipeToCurrentTab(props.currentIndex);
     });
+    useExpose({
+      swipeRef
+    });
     return () => vue.createVNode("div", {
       "class": bem$X("content", {
         animated: props.animated || props.swipeable
@@ -6037,6 +6041,7 @@ var stdin_default$11 = vue.defineComponent({
     const root = vue.ref();
     const navRef = vue.ref();
     const wrapRef = vue.ref();
+    const contentRef = vue.ref();
     const id = useId();
     const scroller = use.useScrollParent(root);
     const [titleRefs, setTitleRefs] = useRefs();
@@ -6287,15 +6292,23 @@ var stdin_default$11 = vue.defineComponent({
       });
     };
     const onRendered = (name2, title) => emit("rendered", name2, title);
+    const resize = () => {
+      setLine();
+      vue.nextTick(() => {
+        var _a2, _b2;
+        return (_b2 = (_a2 = contentRef.value) == null ? void 0 : _a2.swipeRef.value) == null ? void 0 : _b2.resize();
+      });
+    };
     useExpose({
-      resize: setLine,
+      resize,
       scrollTo
     });
     vue.onActivated(setLine);
     onPopupReopen(setLine);
     use.onMountedOrActivated(init);
     use.useEventListener("scroll", onScroll, {
-      target: scroller
+      target: scroller,
+      passive: true
     });
     linkChildren({
       id,
@@ -6320,6 +6333,7 @@ var stdin_default$11 = vue.defineComponent({
           return [renderHeader(), (_a3 = slots["nav-bottom"]) == null ? void 0 : _a3.call(slots)];
         }
       }) : [renderHeader(), (_a2 = slots["nav-bottom"]) == null ? void 0 : _a2.call(slots)], vue.createVNode(stdin_default$12, {
+        "ref": contentRef,
         "count": children.length,
         "inited": state.inited,
         "animated": props.animated,
@@ -9140,7 +9154,8 @@ var stdin_default$E = vue.defineComponent({
     });
     use.useClickAway(root, onClickAway);
     use.useEventListener("scroll", onScroll, {
-      target: scrollParent
+      target: scrollParent,
+      passive: true
     });
     return () => {
       var _a;
@@ -9721,7 +9736,7 @@ var stdin_default$A = vue.defineComponent({
       };
       return vue.createVNode(SwipeItem, {
         "class": bem$v("swipe-item"),
-        "onTouchstart": onTouchStart,
+        "onTouchstartPassive": onTouchStart,
         "onTouchmove": onTouchMove,
         "onTouchend": onTouchEnd,
         "onTouchcancel": onTouchEnd
@@ -10066,7 +10081,8 @@ var stdin_default$y = vue.defineComponent({
       vue.nextTick(onScroll);
     };
     use.useEventListener("scroll", onScroll, {
-      target: scrollParent
+      target: scrollParent,
+      passive: true
     });
     vue.onMounted(init);
     vue.watch(() => props.indexList, init);
@@ -10141,7 +10157,7 @@ var stdin_default$y = vue.defineComponent({
       "class": bem$t("sidebar"),
       "style": sidebarStyle.value,
       "onClick": onClickSidebar,
-      "onTouchstart": touch.start,
+      "onTouchstartPassive": touch.start,
       "onTouchmove": onTouchMove
     }, [renderIndexes()]);
     useExpose({
@@ -10349,7 +10365,8 @@ var stdin_default$w = vue.defineComponent({
       check
     });
     use.useEventListener("scroll", check, {
-      target: scrollParent
+      target: scrollParent,
+      passive: true
     });
     return () => {
       var _a;
@@ -10779,8 +10796,8 @@ var stdin_default$s = vue.defineComponent({
       "class": bem$n("wrapper", {
         wider: props.wider
       }),
-      "onTouchstart": onTouchStart,
-      "onTouchmove": onTouchMove,
+      "onTouchstartPassive": onTouchStart,
+      "onTouchmovePassive": onTouchMove,
       "onTouchend": onTouchEnd,
       "onTouchcancel": onTouchEnd
     }, [vue.createVNode("div", {
@@ -10995,9 +11012,8 @@ var stdin_default$r = vue.defineComponent({
             unfit: !props.safeAreaInsetBottom,
             "with-title": !!Title
           }),
-          "onTouchstart": stopPropagation,
           "onAnimationend": onAnimationEnd,
-          "onWebkitAnimationEnd": onAnimationEnd
+          "onTouchstartPassive": stopPropagation
         }, [Title, vue.createVNode("div", {
           "class": bem$m("body")
         }, [vue.createVNode("div", {
@@ -11220,7 +11236,7 @@ var stdin_default$p = vue.defineComponent({
         "class": [bem$k("security"), {
           [BORDER_SURROUND]: !props.gutter
         }],
-        "onTouchstart": onTouchStart
+        "onTouchstartPassive": onTouchStart
       }, [renderPoints()]), info && vue.createVNode("div", {
         "class": bem$k(props.errorInfo ? "error-info" : "info")
       }, [info])]);
@@ -11626,10 +11642,6 @@ var stdin_default$m = vue.defineComponent({
         setStatus(0, false);
       }
     });
-    use.useEventListener("touchstart", onTouchStart, {
-      target: track,
-      passive: true
-    });
     use.useEventListener("touchmove", onTouchMove, {
       target: track
     });
@@ -11646,6 +11658,7 @@ var stdin_default$m = vue.defineComponent({
         "ref": track,
         "class": bem$h("track"),
         "style": trackStyle,
+        "onTouchstartPassive": onTouchStart,
         "onTouchend": onTouchEnd,
         "onTouchcancel": onTouchEnd
       }, [vue.createVNode("div", {
@@ -11858,7 +11871,7 @@ var stdin_default$l = vue.defineComponent({
       "tabindex": props.disabled ? void 0 : 0,
       "aria-disabled": props.disabled,
       "aria-readonly": props.readonly,
-      "onTouchstart": onTouchStart,
+      "onTouchstartPassive": onTouchStart,
       "onTouchmove": onTouchMove
     }, [list.value.map(renderStar)]);
   }
@@ -12499,7 +12512,7 @@ var stdin_default$f = vue.defineComponent({
         "aria-disabled": props.disabled || void 0,
         "aria-readonly": props.readonly || void 0,
         "aria-orientation": props.vertical ? "vertical" : "horizontal",
-        "onTouchstart": (event) => {
+        "onTouchstartPassive": (event) => {
           if (typeof index === "number") {
             buttonIndex = index;
           }
@@ -12936,7 +12949,7 @@ var stdin_default$b = vue.defineComponent({
         actionType = type;
         onChange();
       },
-      onTouchstart: () => {
+      onTouchstartPassive: () => {
         actionType = type;
         onTouchStart();
       },
@@ -13247,7 +13260,7 @@ var stdin_default$9 = vue.defineComponent({
         "ref": root,
         "class": bem$4(),
         "onClick": getClickHandler("cell", lockClick2),
-        "onTouchstart": onTouchStart,
+        "onTouchstartPassive": onTouchStart,
         "onTouchmove": onTouchMove,
         "onTouchend": onTouchEnd,
         "onTouchcancel": onTouchEnd
@@ -14810,7 +14823,7 @@ const Lazyload = {
     });
   }
 };
-const version = "3.6.0";
+const version = "3.6.1";
 function install(app) {
   const components = [
     ActionBar,

package/lib/vant.es.js

@@ -1717,7 +1717,7 @@ var stdin_default$1r = defineComponent({
     watch(() => props.defaultIndex, (value) => setIndex(value));
     return () => createVNode("div", {
       "class": [bem$1g(), props.className],
-      "onTouchstart": onTouchStart,
+      "onTouchstartPassive": onTouchStart,
       "onTouchmove": onTouchMove,
       "onTouchend": onTouchEnd,
       "onTouchcancel": onTouchEnd
@@ -5486,7 +5486,8 @@ var stdin_default$15 = defineComponent({
     };
     watch(() => state.fixed, (value) => emit("change", value));
     useEventListener("scroll", onScroll, {
-      target: scrollParent
+      target: scrollParent,
+      passive: true
     });
     useVisibilityChange(root, onScroll);
     return () => {
@@ -5921,7 +5922,7 @@ var stdin_default$13 = defineComponent({
         "class": bem$Y("track", {
           vertical: props.vertical
         }),
-        "onTouchstart": onTouchStart,
+        "onTouchstartPassive": onTouchStart,
         "onTouchmove": onTouchMove,
         "onTouchend": onTouchEnd,
         "onTouchcancel": onTouchEnd
@@ -5980,6 +5981,9 @@ var stdin_default$12 = defineComponent({
     onMounted(() => {
       swipeToCurrentTab(props.currentIndex);
     });
+    useExpose({
+      swipeRef
+    });
     return () => createVNode("div", {
       "class": bem$X("content", {
         animated: props.animated || props.swipeable
@@ -6035,6 +6039,7 @@ var stdin_default$11 = defineComponent({
     const root = ref();
     const navRef = ref();
     const wrapRef = ref();
+    const contentRef = ref();
     const id = useId();
     const scroller = useScrollParent(root);
     const [titleRefs, setTitleRefs] = useRefs();
@@ -6285,15 +6290,23 @@ var stdin_default$11 = defineComponent({
       });
     };
     const onRendered = (name2, title) => emit("rendered", name2, title);
+    const resize = () => {
+      setLine();
+      nextTick(() => {
+        var _a2, _b2;
+        return (_b2 = (_a2 = contentRef.value) == null ? void 0 : _a2.swipeRef.value) == null ? void 0 : _b2.resize();
+      });
+    };
     useExpose({
-      resize: setLine,
+      resize,
       scrollTo
     });
     onActivated(setLine);
     onPopupReopen(setLine);
     onMountedOrActivated(init);
     useEventListener("scroll", onScroll, {
-      target: scroller
+      target: scroller,
+      passive: true
     });
     linkChildren({
       id,
@@ -6318,6 +6331,7 @@ var stdin_default$11 = defineComponent({
           return [renderHeader(), (_a3 = slots["nav-bottom"]) == null ? void 0 : _a3.call(slots)];
         }
       }) : [renderHeader(), (_a2 = slots["nav-bottom"]) == null ? void 0 : _a2.call(slots)], createVNode(stdin_default$12, {
+        "ref": contentRef,
         "count": children.length,
         "inited": state.inited,
         "animated": props.animated,
@@ -9138,7 +9152,8 @@ var stdin_default$E = defineComponent({
     });
     useClickAway(root, onClickAway);
     useEventListener("scroll", onScroll, {
-      target: scrollParent
+      target: scrollParent,
+      passive: true
     });
     return () => {
       var _a;
@@ -9719,7 +9734,7 @@ var stdin_default$A = defineComponent({
       };
       return createVNode(SwipeItem, {
         "class": bem$v("swipe-item"),
-        "onTouchstart": onTouchStart,
+        "onTouchstartPassive": onTouchStart,
         "onTouchmove": onTouchMove,
         "onTouchend": onTouchEnd,
         "onTouchcancel": onTouchEnd
@@ -10064,7 +10079,8 @@ var stdin_default$y = defineComponent({
       nextTick(onScroll);
     };
     useEventListener("scroll", onScroll, {
-      target: scrollParent
+      target: scrollParent,
+      passive: true
     });
     onMounted(init);
     watch(() => props.indexList, init);
@@ -10139,7 +10155,7 @@ var stdin_default$y = defineComponent({
       "class": bem$t("sidebar"),
       "style": sidebarStyle.value,
       "onClick": onClickSidebar,
-      "onTouchstart": touch.start,
+      "onTouchstartPassive": touch.start,
       "onTouchmove": onTouchMove
     }, [renderIndexes()]);
     useExpose({
@@ -10347,7 +10363,8 @@ var stdin_default$w = defineComponent({
       check
     });
     useEventListener("scroll", check, {
-      target: scrollParent
+      target: scrollParent,
+      passive: true
     });
     return () => {
       var _a;
@@ -10777,8 +10794,8 @@ var stdin_default$s = defineComponent({
       "class": bem$n("wrapper", {
         wider: props.wider
       }),
-      "onTouchstart": onTouchStart,
-      "onTouchmove": onTouchMove,
+      "onTouchstartPassive": onTouchStart,
+      "onTouchmovePassive": onTouchMove,
       "onTouchend": onTouchEnd,
       "onTouchcancel": onTouchEnd
     }, [createVNode("div", {
@@ -10993,9 +11010,8 @@ var stdin_default$r = defineComponent({
             unfit: !props.safeAreaInsetBottom,
             "with-title": !!Title
           }),
-          "onTouchstart": stopPropagation,
           "onAnimationend": onAnimationEnd,
-          "onWebkitAnimationEnd": onAnimationEnd
+          "onTouchstartPassive": stopPropagation
         }, [Title, createVNode("div", {
           "class": bem$m("body")
         }, [createVNode("div", {
@@ -11218,7 +11234,7 @@ var stdin_default$p = defineComponent({
         "class": [bem$k("security"), {
           [BORDER_SURROUND]: !props.gutter
         }],
-        "onTouchstart": onTouchStart
+        "onTouchstartPassive": onTouchStart
       }, [renderPoints()]), info && createVNode("div", {
         "class": bem$k(props.errorInfo ? "error-info" : "info")
       }, [info])]);
@@ -11624,10 +11640,6 @@ var stdin_default$m = defineComponent({
         setStatus(0, false);
       }
     });
-    useEventListener("touchstart", onTouchStart, {
-      target: track,
-      passive: true
-    });
     useEventListener("touchmove", onTouchMove, {
       target: track
     });
@@ -11644,6 +11656,7 @@ var stdin_default$m = defineComponent({
         "ref": track,
         "class": bem$h("track"),
         "style": trackStyle,
+        "onTouchstartPassive": onTouchStart,
         "onTouchend": onTouchEnd,
         "onTouchcancel": onTouchEnd
       }, [createVNode("div", {
@@ -11856,7 +11869,7 @@ var stdin_default$l = defineComponent({
       "tabindex": props.disabled ? void 0 : 0,
       "aria-disabled": props.disabled,
       "aria-readonly": props.readonly,
-      "onTouchstart": onTouchStart,
+      "onTouchstartPassive": onTouchStart,
       "onTouchmove": onTouchMove
     }, [list.value.map(renderStar)]);
   }
@@ -12497,7 +12510,7 @@ var stdin_default$f = defineComponent({
         "aria-disabled": props.disabled || void 0,
         "aria-readonly": props.readonly || void 0,
         "aria-orientation": props.vertical ? "vertical" : "horizontal",
-        "onTouchstart": (event) => {
+        "onTouchstartPassive": (event) => {
           if (typeof index === "number") {
             buttonIndex = index;
           }
@@ -12934,7 +12947,7 @@ var stdin_default$b = defineComponent({
         actionType = type;
         onChange();
       },
-      onTouchstart: () => {
+      onTouchstartPassive: () => {
         actionType = type;
         onTouchStart();
       },
@@ -13245,7 +13258,7 @@ var stdin_default$9 = defineComponent({
         "ref": root,
         "class": bem$4(),
         "onClick": getClickHandler("cell", lockClick2),
-        "onTouchstart": onTouchStart,
+        "onTouchstartPassive": onTouchStart,
         "onTouchmove": onTouchMove,
         "onTouchend": onTouchEnd,
         "onTouchcancel": onTouchEnd
@@ -14808,7 +14821,7 @@ const Lazyload = {
     });
   }
 };
-const version = "3.6.0";
+const version = "3.6.1";
 function install(app) {
   const components = [
     ActionBar,

package/lib/vant.js

@@ -300,7 +300,10 @@
     const add = (target2) => {
       const element = vue.unref(target2);
       if (element && !attached) {
-        element.addEventListener(type, listener, { capture, passive: passive2 });
+        element.addEventListener(type, listener, {
+          capture,
+          passive: passive2
+        });
         attached = true;
       }
     };
@@ -2075,7 +2078,7 @@
       vue.watch(() => props.defaultIndex, (value) => setIndex(value));
       return () => vue.createVNode("div", {
         "class": [bem$1g(), props.className],
-        "onTouchstart": onTouchStart,
+        "onTouchstartPassive": onTouchStart,
         "onTouchmove": onTouchMove,
         "onTouchend": onTouchEnd,
         "onTouchcancel": onTouchEnd
@@ -5833,7 +5836,8 @@
       };
       vue.watch(() => state.fixed, (value) => emit("change", value));
       useEventListener("scroll", onScroll, {
-        target: scrollParent
+        target: scrollParent,
+        passive: true
       });
       useVisibilityChange(root, onScroll);
       return () => {
@@ -6268,7 +6272,7 @@
           "class": bem$Y("track", {
             vertical: props.vertical
           }),
-          "onTouchstart": onTouchStart,
+          "onTouchstartPassive": onTouchStart,
           "onTouchmove": onTouchMove,
           "onTouchend": onTouchEnd,
           "onTouchcancel": onTouchEnd
@@ -6327,6 +6331,9 @@
       vue.onMounted(() => {
         swipeToCurrentTab(props.currentIndex);
       });
+      useExpose({
+        swipeRef
+      });
       return () => vue.createVNode("div", {
         "class": bem$X("content", {
           animated: props.animated || props.swipeable
@@ -6372,6 +6379,7 @@
       const root = vue.ref();
       const navRef = vue.ref();
       const wrapRef = vue.ref();
+      const contentRef = vue.ref();
       const id = useId();
       const scroller = useScrollParent(root);
       const [titleRefs, setTitleRefs] = useRefs();
@@ -6622,15 +6630,23 @@
         });
       };
       const onRendered = (name2, title) => emit("rendered", name2, title);
+      const resize = () => {
+        setLine();
+        vue.nextTick(() => {
+          var _a2, _b2;
+          return (_b2 = (_a2 = contentRef.value) == null ? void 0 : _a2.swipeRef.value) == null ? void 0 : _b2.resize();
+        });
+      };
       useExpose({
-        resize: setLine,
+        resize,
         scrollTo
       });
       vue.onActivated(setLine);
       onPopupReopen(setLine);
       onMountedOrActivated(init);
       useEventListener("scroll", onScroll, {
-        target: scroller
+        target: scroller,
+        passive: true
       });
       linkChildren({
         id,
@@ -6655,6 +6671,7 @@
             return [renderHeader(), (_a3 = slots["nav-bottom"]) == null ? void 0 : _a3.call(slots)];
           }
         }) : [renderHeader(), (_a2 = slots["nav-bottom"]) == null ? void 0 : _a2.call(slots)], vue.createVNode(stdin_default$12, {
+          "ref": contentRef,
           "count": children.length,
           "inited": state.inited,
           "animated": props.animated,
@@ -9452,7 +9469,8 @@
       });
       useClickAway(root, onClickAway);
       useEventListener("scroll", onScroll, {
-        target: scrollParent
+        target: scrollParent,
+        passive: true
       });
       return () => {
         var _a;
@@ -10027,7 +10045,7 @@
         };
         return vue.createVNode(SwipeItem, {
           "class": bem$v("swipe-item"),
-          "onTouchstart": onTouchStart,
+          "onTouchstartPassive": onTouchStart,
           "onTouchmove": onTouchMove,
           "onTouchend": onTouchEnd,
           "onTouchcancel": onTouchEnd
@@ -10372,7 +10390,8 @@
         vue.nextTick(onScroll);
       };
       useEventListener("scroll", onScroll, {
-        target: scrollParent
+        target: scrollParent,
+        passive: true
       });
       vue.onMounted(init);
       vue.watch(() => props.indexList, init);
@@ -10447,7 +10466,7 @@
         "class": bem$t("sidebar"),
         "style": sidebarStyle.value,
         "onClick": onClickSidebar,
-        "onTouchstart": touch.start,
+        "onTouchstartPassive": touch.start,
         "onTouchmove": onTouchMove
       }, [renderIndexes()]);
       useExpose({
@@ -10652,7 +10671,8 @@
         check
       });
       useEventListener("scroll", check, {
-        target: scrollParent
+        target: scrollParent,
+        passive: true
       });
       return () => {
         var _a;
@@ -11082,8 +11102,8 @@
         "class": bem$n("wrapper", {
           wider: props.wider
         }),
-        "onTouchstart": onTouchStart,
-        "onTouchmove": onTouchMove,
+        "onTouchstartPassive": onTouchStart,
+        "onTouchmovePassive": onTouchMove,
         "onTouchend": onTouchEnd,
         "onTouchcancel": onTouchEnd
       }, [vue.createVNode("div", {
@@ -11298,9 +11318,8 @@
               unfit: !props.safeAreaInsetBottom,
               "with-title": !!Title
             }),
-            "onTouchstart": stopPropagation,
             "onAnimationend": onAnimationEnd,
-            "onWebkitAnimationEnd": onAnimationEnd
+            "onTouchstartPassive": stopPropagation
           }, [Title, vue.createVNode("div", {
             "class": bem$m("body")
           }, [vue.createVNode("div", {
@@ -11523,7 +11542,7 @@
           "class": [bem$k("security"), {
             [BORDER_SURROUND]: !props.gutter
           }],
-          "onTouchstart": onTouchStart
+          "onTouchstartPassive": onTouchStart
         }, [renderPoints()]), info && vue.createVNode("div", {
           "class": bem$k(props.errorInfo ? "error-info" : "info")
         }, [info])]);
@@ -12823,10 +12842,6 @@
           setStatus(0, false);
         }
       });
-      useEventListener("touchstart", onTouchStart, {
-        target: track,
-        passive: true
-      });
       useEventListener("touchmove", onTouchMove, {
         target: track
       });
@@ -12843,6 +12858,7 @@
           "ref": track,
           "class": bem$h("track"),
           "style": trackStyle,
+          "onTouchstartPassive": onTouchStart,
           "onTouchend": onTouchEnd,
           "onTouchcancel": onTouchEnd
         }, [vue.createVNode("div", {
@@ -13055,7 +13071,7 @@
         "tabindex": props.disabled ? void 0 : 0,
         "aria-disabled": props.disabled,
         "aria-readonly": props.readonly,
-        "onTouchstart": onTouchStart,
+        "onTouchstartPassive": onTouchStart,
         "onTouchmove": onTouchMove
       }, [list.value.map(renderStar)]);
     }
@@ -13693,7 +13709,7 @@
           "aria-disabled": props.disabled || void 0,
           "aria-readonly": props.readonly || void 0,
           "aria-orientation": props.vertical ? "vertical" : "horizontal",
-          "onTouchstart": (event) => {
+          "onTouchstartPassive": (event) => {
             if (typeof index === "number") {
               buttonIndex = index;
             }
@@ -14127,7 +14143,7 @@
           actionType = type;
           onChange();
         },
-        onTouchstart: () => {
+        onTouchstartPassive: () => {
           actionType = type;
           onTouchStart();
         },
@@ -14438,7 +14454,7 @@
           "ref": root,
           "class": bem$4(),
           "onClick": getClickHandler("cell", lockClick2),
-          "onTouchstart": onTouchStart,
+          "onTouchstartPassive": onTouchStart,
           "onTouchmove": onTouchMove,
           "onTouchend": onTouchEnd,
           "onTouchcancel": onTouchEnd
@@ -15987,7 +16003,7 @@
       });
     }
   };
-  const version = "3.6.0";
+  const version = "3.6.1";
   function install(app) {
     const components = [
       ActionBar,