vant 4.0.9 → 4.0.11

package/lib/vant.js

@@ -325,8 +325,12 @@
       return;
     }
     const { target = window, passive: passive2 = false, capture = false } = options;
+    let cleaned = false;
     let attached;
     const add = (target2) => {
+      if (cleaned) {
+        return;
+      }
       const element = vue.unref(target2);
       if (element && !attached) {
         element.addEventListener(type, listener, {
@@ -337,6 +341,9 @@
       }
     };
     const remove2 = (target2) => {
+      if (cleaned) {
+        return;
+      }
       const element = vue.unref(target2);
       if (element && attached) {
         element.removeEventListener(type, listener, capture);
@@ -346,12 +353,18 @@
     vue.onUnmounted(() => remove2(target));
     vue.onDeactivated(() => remove2(target));
     onMountedOrActivated(() => add(target));
+    let stopWatch;
     if (vue.isRef(target)) {
-      vue.watch(target, (val, oldVal) => {
+      stopWatch = vue.watch(target, (val, oldVal) => {
         remove2(oldVal);
         add(val);
       });
     }
+    return () => {
+      stopWatch == null ? void 0 : stopWatch();
+      remove2(target);
+      cleaned = true;
+    };
   }
   function useClickAway(target, listener, options = {}) {
     if (!inBrowser) {
@@ -2137,7 +2150,7 @@
             class: "van-ellipsis",
             [props.allowHtml ? "innerHTML" : "textContent"]: text
           };
-          return vue.createVNode("li", data, [slots.option ? slots.option(option) : vue.createVNode("div", childData, null)]);
+          return vue.createVNode("li", data, [slots.option ? slots.option(option, index) : vue.createVNode("div", childData, null)]);
         });
       };
       useParent(PICKER_KEY);
@@ -2460,7 +2473,7 @@
         return style2;
       });
       const renderText = () => {
-        const Text2 = vue.createVNode("span", {
+        const Text = vue.createVNode("span", {
           "class": bem$1i("text", {
             ellipsis: !props.scrollable
           })
@@ -2471,10 +2484,10 @@
             "content": props.badge,
             "showZero": props.showZeroBadge
           }, {
-            default: () => [Text2]
+            default: () => [Text]
           });
         }
-        return Text2;
+        return Text;
       };
       return () => vue.createVNode("div", {
         "id": props.id,
@@ -3223,6 +3236,7 @@
       vue.onActivated(setLine);
       onPopupReopen(setLine);
       onMountedOrActivated(init);
+      useVisibilityChange(root, setLine);
       useEventListener("scroll", onScroll, {
         target: scroller,
         passive: true
@@ -3485,12 +3499,13 @@
           "confirmButtonText": confirmButtonText,
           "onConfirm": onConfirm,
           "onCancel": onCancel
-        }, null), vue.createVNode(Tabs, {
+        }, pick(slots, pickerToolbarSlots)), vue.createVNode(Tabs, {
           "active": activeTab.value,
           "onUpdate:active": ($event) => activeTab.value = $event,
           "class": bem$1c("tabs"),
           "shrink": true,
-          "animated": true
+          "animated": true,
+          "lazyRender": false
         }, {
           default: () => [props.tabs.map((title, index) => vue.createVNode(Tab, {
             "title": title,
@@ -3576,9 +3591,11 @@
             }
           });
         }
-        emit("change", extend({
-          columnIndex
-        }, getEventParams()));
+        vue.nextTick(() => {
+          emit("change", extend({
+            columnIndex
+          }, getEventParams()));
+        });
       };
       const onClickOption = (currentOption, columnIndex) => emit("clickOption", extend({
         columnIndex,
@@ -5963,6 +5980,7 @@
   const backTopProps = {
     right: numericProp,
     bottom: numericProp,
+    zIndex: numericProp,
     target: [String, Object],
     offset: makeNumericProp(200),
     immediate: Boolean,
@@ -5984,7 +6002,7 @@
       const show = vue.ref(false);
       const root = vue.ref();
       const scrollParent = vue.ref();
-      const style = vue.computed(() => ({
+      const style = vue.computed(() => extend(getZIndexStyle(props.zIndex), {
         right: addUnit(props.right),
         bottom: addUnit(props.bottom)
       }));
@@ -7324,7 +7342,7 @@
         } = option;
         const selected = !!(selectedOption && option[valueKey] === selectedOption[valueKey]);
         const color = option.color || (selected ? props.activeColor : void 0);
-        const Text2 = slots.option ? slots.option({
+        const Text = slots.option ? slots.option({
           option,
           selected
         }) : vue.createVNode("span", null, [option[textKey]]);
@@ -7341,7 +7359,7 @@
           "aria-checked": selected,
           "aria-disabled": disabled || void 0,
           "onClick": () => onSelect(option, tabIndex)
-        }, [Text2, selected ? vue.createVNode(Icon, {
+        }, [Text, selected ? vue.createVNode(Icon, {
           "name": "success",
           "class": bem$W("selected-icon")
         }, null) : null]);
@@ -12636,6 +12654,10 @@
           }
           if (!popper) {
             popper = createPopperInstance();
+            if (inBrowser$1) {
+              window.addEventListener("animationend", updateLocation);
+              window.addEventListener("transitionend", updateLocation);
+            }
           } else {
             popper.setOptions(getPopoverOptions());
           }
@@ -12708,6 +12730,10 @@
       });
       vue.onBeforeUnmount(() => {
         if (popper) {
+          if (inBrowser$1) {
+            window.removeEventListener("animationend", updateLocation);
+            window.removeEventListener("transitionend", updateLocation);
+          }
           popper.destroy();
           popper = null;
         }
@@ -13723,7 +13749,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));
@@ -13915,7 +13941,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,
@@ -13938,8 +13964,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,
@@ -13983,7 +14011,7 @@
     });
     return nodes.filter((c) => {
       var _a;
-      return !(c && (typeof Comment !== "undefined" && c.type === Comment || c.type === vue.Fragment && ((_a = c.children) == null ? void 0 : _a.length) === 0 || c.type === Text && c.children.trim() === ""));
+      return !(c && (c.type === vue.Comment || c.type === vue.Fragment && ((_a = c.children) == null ? void 0 : _a.length) === 0 || c.type === vue.Text && c.children.trim() === ""));
     });
   }
   var stdin_default$f = vue.defineComponent({
@@ -16169,7 +16197,7 @@
       });
     }
   };
-  const version = "4.0.9";
+  const version = "4.0.11";
   function install(app) {
     const components = [
       ActionBar,