vant 4.0.10 → 4.0.11

package/lib/index.d.ts

@@ -98,4 +98,4 @@ declare namespace _default {
 }
 export default _default;
 export function install(app: any): void;
-export const version: "4.0.10";
+export const version: "4.0.11";

package/lib/index.js

@@ -210,7 +210,7 @@ __reExport(stdin_exports, require("./time-picker"), module.exports);
 __reExport(stdin_exports, require("./toast"), module.exports);
 __reExport(stdin_exports, require("./tree-select"), module.exports);
 __reExport(stdin_exports, require("./uploader"), module.exports);
-const version = "4.0.10";
+const version = "4.0.11";
 function install(app) {
   const components = [
     import_action_bar.ActionBar,

package/lib/picker/PickerColumn.js

@@ -177,7 +177,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
           class: "van-ellipsis",
           [props.allowHtml ? "innerHTML" : "textContent"]: text
         };
-        return (0, import_vue.createVNode)("li", data, [slots.option ? slots.option(option) : (0, import_vue.createVNode)("div", childData, null)]);
+        return (0, import_vue.createVNode)("li", data, [slots.option ? slots.option(option, index) : (0, import_vue.createVNode)("div", childData, null)]);
       });
     };
     (0, import_use.useParent)(PICKER_KEY);

package/lib/picker-group/PickerGroup.js

@@ -76,12 +76,13 @@ var stdin_default = (0, import_vue2.defineComponent)({
         "confirmButtonText": confirmButtonText,
         "onConfirm": onConfirm,
         "onCancel": onCancel
-      }, null), (0, import_vue.createVNode)(import_tabs.Tabs, {
+      }, (0, import_utils.pick)(slots, import_PickerToolbar.pickerToolbarSlots)), (0, import_vue.createVNode)(import_tabs.Tabs, {
         "active": activeTab.value,
         "onUpdate:active": ($event) => activeTab.value = $event,
         "class": bem("tabs"),
         "shrink": true,
-        "animated": true
+        "animated": true,
+        "lazyRender": false
       }, {
         default: () => [props.tabs.map((title, index) => (0, import_vue.createVNode)(import_tab.Tab, {
           "title": title,

package/lib/popover/Popover.js

@@ -96,6 +96,10 @@ var stdin_default = (0, import_vue2.defineComponent)({
         }
         if (!popper) {
           popper = createPopperInstance();
+          if (import_utils.inBrowser) {
+            window.addEventListener("animationend", updateLocation);
+            window.addEventListener("transitionend", updateLocation);
+          }
         } else {
           popper.setOptions(getPopoverOptions());
         }
@@ -168,6 +172,10 @@ var stdin_default = (0, import_vue2.defineComponent)({
     });
     (0, import_vue2.onBeforeUnmount)(() => {
       if (popper) {
+        if (import_utils.inBrowser) {
+          window.removeEventListener("animationend", updateLocation);
+          window.removeEventListener("transitionend", updateLocation);
+        }
         popper.destroy();
         popper = null;
       }

package/lib/popover/index.css

@@ -1 +1 @@
-:root{--van-popover-arrow-size: 6px;--van-popover-radius: var(--van-radius-lg);--van-popover-action-width: 128px;--van-popover-action-height: 44px;--van-popover-action-font-size: var(--van-font-size-md);--van-popover-action-line-height: var(--van-line-height-md);--van-popover-action-icon-size: 20px;--van-popover-light-text-color: var(--van-text-color);--van-popover-light-background: var(--van-background-2);--van-popover-light-action-disabled-text-color: var(--van-text-color-3);--van-popover-dark-text-color: var(--van-white);--van-popover-dark-background: #4a4a4a;--van-popover-dark-action-disabled-text-color: var(--van-text-color-2)}.van-popover{position:absolute;overflow:visible;background-color:transparent;transition:opacity .15s,transform .15s}.van-popover__wrapper{display:inline-block}.van-popover__arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid;border-width:var(--van-popover-arrow-size)}.van-popover__content{overflow:hidden;border-radius:var(--van-popover-radius)}.van-popover__action{position:relative;display:flex;align-items:center;box-sizing:border-box;width:var(--van-popover-action-width);height:var(--van-popover-action-height);padding:0 var(--van-padding-md);font-size:var(--van-popover-action-font-size);line-height:var(--van-line-height-md);cursor:pointer}.van-popover__action:last-child .van-popover__action-text:after{display:none}.van-popover__action-text{display:flex;flex:1;align-items:center;justify-content:center;height:100%}.van-popover__action-icon{margin-right:var(--van-padding-xs);font-size:var(--van-popover-action-icon-size)}.van-popover__action--with-icon .van-popover__action-text{justify-content:flex-start}.van-popover[data-popper-placement^=top] .van-popover__arrow{bottom:0;border-top-color:currentColor;border-bottom-width:0;transform:translate(-50%);margin-bottom:calc(var(--van-popover-arrow-size) * -1)}.van-popover[data-popper-placement=top]{transform-origin:50% 100%}.van-popover[data-popper-placement=top] .van-popover__arrow{left:50%}.van-popover[data-popper-placement=top-start]{transform-origin:0 100%}.van-popover[data-popper-placement=top-start] .van-popover__arrow{left:var(--van-padding-md)}.van-popover[data-popper-placement=top-end]{transform-origin:100% 100%}.van-popover[data-popper-placement=top-end] .van-popover__arrow{right:var(--van-padding-md)}.van-popover[data-popper-placement^=left] .van-popover__arrow{right:0;border-right-width:0;border-left-color:currentColor;transform:translateY(-50%);margin-right:calc(var(--van-popover-arrow-size) * -1)}.van-popover[data-popper-placement=left]{transform-origin:100% 50%}.van-popover[data-popper-placement=left] .van-popover__arrow{top:50%}.van-popover[data-popper-placement=left-start]{transform-origin:100% 0}.van-popover[data-popper-placement=left-start] .van-popover__arrow{top:var(--van-padding-md)}.van-popover[data-popper-placement=left-end]{transform-origin:100% 100%}.van-popover[data-popper-placement=left-end] .van-popover__arrow{bottom:var(--van-padding-md)}.van-popover[data-popper-placement^=right] .van-popover__arrow{left:0;border-right-color:currentColor;border-left-width:0;transform:translateY(-50%);margin-left:calc(var(--van-popover-arrow-size) * -1)}.van-popover[data-popper-placement=right]{transform-origin:0 50%}.van-popover[data-popper-placement=right] .van-popover__arrow{top:50%}.van-popover[data-popper-placement=right-start]{transform-origin:0 0}.van-popover[data-popper-placement=right-start] .van-popover__arrow{top:var(--van-padding-md)}.van-popover[data-popper-placement=right-end]{transform-origin:0 100%}.van-popover[data-popper-placement=right-end] .van-popover__arrow{bottom:var(--van-padding-md)}.van-popover[data-popper-placement^=bottom] .van-popover__arrow{top:0;border-top-width:0;border-bottom-color:currentColor;transform:translate(-50%);margin-top:calc(var(--van-popover-arrow-size) * -1)}.van-popover[data-popper-placement=bottom]{transform-origin:50% 0}.van-popover[data-popper-placement=bottom] .van-popover__arrow{left:50%}.van-popover[data-popper-placement=bottom-start]{transform-origin:0 0}.van-popover[data-popper-placement=bottom-start] .van-popover__arrow{left:var(--van-padding-md)}.van-popover[data-popper-placement=bottom-end]{transform-origin:100% 0}.van-popover[data-popper-placement=bottom-end] .van-popover__arrow{right:var(--van-padding-md)}.van-popover--light{color:var(--van-popover-light-text-color)}.van-popover--light .van-popover__content{background:var(--van-popover-light-background);box-shadow:0 2px 12px rgba(50,50,51,.12)}.van-popover--light .van-popover__arrow{color:var(--van-popover-light-background)}.van-popover--light .van-popover__action:active{background-color:var(--van-active-color)}.van-popover--light .van-popover__action--disabled{color:var(--van-popover-light-action-disabled-text-color);cursor:not-allowed}.van-popover--light .van-popover__action--disabled:active{background-color:transparent}.van-popover--dark{color:var(--van-popover-dark-text-color)}.van-popover--dark .van-popover__content{background:var(--van-popover-dark-background)}.van-popover--dark .van-popover__arrow{color:var(--van-popover-dark-background)}.van-popover--dark .van-popover__action:active{background-color:rgba(0,0,0,.2)}.van-popover--dark .van-popover__action--disabled{color:var(--van-popover-dark-action-disabled-text-color)}.van-popover--dark .van-popover__action--disabled:active{background-color:transparent}.van-popover--dark .van-popover__action-text:after{border-color:var(--van-gray-7)}.van-popover-zoom-enter-from,.van-popover-zoom-leave-active{transform:scale(.8);opacity:0}.van-popover-zoom-enter-active{transition-timing-function:var(--van-ease-out)}.van-popover-zoom-leave-active{transition-timing-function:var(--van-ease-in)}
+:root{--van-popover-arrow-size: 6px;--van-popover-radius: var(--van-radius-lg);--van-popover-action-width: 128px;--van-popover-action-height: 44px;--van-popover-action-font-size: var(--van-font-size-md);--van-popover-action-line-height: var(--van-line-height-md);--van-popover-action-icon-size: 20px;--van-popover-light-text-color: var(--van-text-color);--van-popover-light-background: var(--van-background-2);--van-popover-light-action-disabled-text-color: var(--van-text-color-3);--van-popover-dark-text-color: var(--van-white);--van-popover-dark-background: #4a4a4a;--van-popover-dark-action-disabled-text-color: var(--van-text-color-2)}.van-popover{position:absolute;overflow:visible;background-color:transparent;transition:opacity .15s,transform .15s}.van-popover__wrapper{display:inline-block}.van-popover__arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid;border-width:var(--van-popover-arrow-size)}.van-popover__content{overflow:hidden;border-radius:var(--van-popover-radius)}.van-popover__action{position:relative;display:flex;align-items:center;box-sizing:border-box;width:var(--van-popover-action-width);height:var(--van-popover-action-height);padding:0 var(--van-padding-md);font-size:var(--van-popover-action-font-size);line-height:var(--van-line-height-md);cursor:pointer}.van-popover__action:last-child .van-popover__action-text:after{display:none}.van-popover__action-text{display:flex;flex:1;align-items:center;justify-content:center;height:100%}.van-popover__action-icon{margin-right:var(--van-padding-xs);font-size:var(--van-popover-action-icon-size)}.van-popover__action--with-icon .van-popover__action-text{justify-content:flex-start}.van-popover[data-popper-placement^=top] .van-popover__arrow{bottom:0;border-top-color:currentColor;border-bottom-width:0;margin-bottom:calc(var(--van-popover-arrow-size) * -1)}.van-popover[data-popper-placement=top]{transform-origin:50% 100%}.van-popover[data-popper-placement=top] .van-popover__arrow{left:50%;transform:translate(-50%)}.van-popover[data-popper-placement=top-start]{transform-origin:0 100%}.van-popover[data-popper-placement=top-start] .van-popover__arrow{left:var(--van-padding-md)}.van-popover[data-popper-placement=top-end]{transform-origin:100% 100%}.van-popover[data-popper-placement=top-end] .van-popover__arrow{right:var(--van-padding-md)}.van-popover[data-popper-placement^=left] .van-popover__arrow{right:0;border-right-width:0;border-left-color:currentColor;margin-right:calc(var(--van-popover-arrow-size) * -1)}.van-popover[data-popper-placement=left]{transform-origin:100% 50%}.van-popover[data-popper-placement=left] .van-popover__arrow{top:50%;transform:translateY(-50%)}.van-popover[data-popper-placement=left-start]{transform-origin:100% 0}.van-popover[data-popper-placement=left-start] .van-popover__arrow{top:var(--van-padding-md)}.van-popover[data-popper-placement=left-end]{transform-origin:100% 100%}.van-popover[data-popper-placement=left-end] .van-popover__arrow{bottom:var(--van-padding-md)}.van-popover[data-popper-placement^=right] .van-popover__arrow{left:0;border-right-color:currentColor;border-left-width:0;margin-left:calc(var(--van-popover-arrow-size) * -1)}.van-popover[data-popper-placement=right]{transform-origin:0 50%}.van-popover[data-popper-placement=right] .van-popover__arrow{top:50%;transform:translateY(-50%)}.van-popover[data-popper-placement=right-start]{transform-origin:0 0}.van-popover[data-popper-placement=right-start] .van-popover__arrow{top:var(--van-padding-md)}.van-popover[data-popper-placement=right-end]{transform-origin:0 100%}.van-popover[data-popper-placement=right-end] .van-popover__arrow{bottom:var(--van-padding-md)}.van-popover[data-popper-placement^=bottom] .van-popover__arrow{top:0;border-top-width:0;border-bottom-color:currentColor;margin-top:calc(var(--van-popover-arrow-size) * -1)}.van-popover[data-popper-placement=bottom]{transform-origin:50% 0}.van-popover[data-popper-placement=bottom] .van-popover__arrow{left:50%;transform:translate(-50%)}.van-popover[data-popper-placement=bottom-start]{transform-origin:0 0}.van-popover[data-popper-placement=bottom-start] .van-popover__arrow{left:var(--van-padding-md)}.van-popover[data-popper-placement=bottom-end]{transform-origin:100% 0}.van-popover[data-popper-placement=bottom-end] .van-popover__arrow{right:var(--van-padding-md)}.van-popover--light{color:var(--van-popover-light-text-color)}.van-popover--light .van-popover__content{background:var(--van-popover-light-background);box-shadow:0 2px 12px rgba(50,50,51,.12)}.van-popover--light .van-popover__arrow{color:var(--van-popover-light-background)}.van-popover--light .van-popover__action:active{background-color:var(--van-active-color)}.van-popover--light .van-popover__action--disabled{color:var(--van-popover-light-action-disabled-text-color);cursor:not-allowed}.van-popover--light .van-popover__action--disabled:active{background-color:transparent}.van-popover--dark{color:var(--van-popover-dark-text-color)}.van-popover--dark .van-popover__content{background:var(--van-popover-dark-background)}.van-popover--dark .van-popover__arrow{color:var(--van-popover-dark-background)}.van-popover--dark .van-popover__action:active{background-color:rgba(0,0,0,.2)}.van-popover--dark .van-popover__action--disabled{color:var(--van-popover-dark-action-disabled-text-color)}.van-popover--dark .van-popover__action--disabled:active{background-color:transparent}.van-popover--dark .van-popover__action-text:after{border-color:var(--van-gray-7)}.van-popover-zoom-enter-from,.van-popover-zoom-leave-active{transform:scale(.8);opacity:0}.van-popover-zoom-enter-active{transition-timing-function:var(--van-ease-out)}.van-popover-zoom-leave-active{transition-timing-function:var(--van-ease-in)}

package/lib/space/Space.js

@@ -51,7 +51,7 @@ function filterEmpty(children = []) {
   });
   return nodes.filter((c) => {
     var _a;
-    return !(c && (typeof Comment !== "undefined" && c.type === Comment || c.type === import_vue2.Fragment && ((_a = c.children) == null ? void 0 : _a.length) === 0 || c.type === Text && c.children.trim() === ""));
+    return !(c && (c.type === import_vue2.Comment || c.type === import_vue2.Fragment && ((_a = c.children) == null ? void 0 : _a.length) === 0 || c.type === import_vue2.Text && c.children.trim() === ""));
   });
 }
 var stdin_default = (0, import_vue2.defineComponent)({

package/lib/tabs/Tabs.js

@@ -38,6 +38,7 @@ var import_use_route = require("../composables/use-route");
 var import_use_refs = require("../composables/use-refs");
 var import_use_expose = require("../composables/use-expose");
 var import_on_popup_reopen = require("../composables/on-popup-reopen");
+var import_use_visibility_change = require("../composables/use-visibility-change");
 var import_sticky = require("../sticky");
 var import_TabsTitle = __toESM(require("./TabsTitle"));
 var import_TabsContent = __toESM(require("./TabsContent"));
@@ -350,6 +351,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
     (0, import_vue2.onActivated)(setLine);
     (0, import_on_popup_reopen.onPopupReopen)(setLine);
     (0, import_use.onMountedOrActivated)(init);
+    (0, import_use_visibility_change.useVisibilityChange)(root, setLine);
     (0, import_use.useEventListener)("scroll", onScroll, {
       target: scroller,
       passive: true

package/lib/vant.cjs.js

@@ -1761,7 +1761,7 @@ var stdin_default$1A = vue.defineComponent({
           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)]);
       });
     };
     use.useParent(PICKER_KEY);
@@ -2087,7 +2087,7 @@ var stdin_default$1x = vue.defineComponent({
       return style2;
     });
     const renderText = () => {
-      const Text2 = vue.createVNode("span", {
+      const Text = vue.createVNode("span", {
         "class": bem$1i("text", {
           ellipsis: !props.scrollable
         })
@@ -2098,10 +2098,10 @@ var stdin_default$1x = vue.defineComponent({
           "content": props.badge,
           "showZero": props.showZeroBadge
         }, {
-          default: () => [Text2]
+          default: () => [Text]
         });
       }
-      return Text2;
+      return Text;
     };
     return () => vue.createVNode("div", {
       "id": props.id,
@@ -2850,6 +2850,7 @@ var stdin_default$1u = vue.defineComponent({
     vue.onActivated(setLine);
     onPopupReopen(setLine);
     use.onMountedOrActivated(init);
+    useVisibilityChange(root, setLine);
     use.useEventListener("scroll", onScroll, {
       target: scroller,
       passive: true
@@ -3118,12 +3119,13 @@ var stdin_default$1r = vue.defineComponent({
         "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,
@@ -5598,6 +5600,7 @@ const [name$12, bem$_] = createNamespace("back-top");
 const backTopProps = {
   right: numericProp,
   bottom: numericProp,
+  zIndex: numericProp,
   target: [String, Object],
   offset: makeNumericProp(200),
   immediate: Boolean,
@@ -5619,7 +5622,7 @@ var stdin_default$1b = vue.defineComponent({
     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)
     }));
@@ -6962,7 +6965,7 @@ var stdin_default$14 = vue.defineComponent({
       } = 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]]);
@@ -6979,7 +6982,7 @@ var stdin_default$14 = vue.defineComponent({
         "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]);
@@ -11394,6 +11397,10 @@ var stdin_default$w = vue.defineComponent({
         }
         if (!popper) {
           popper = createPopperInstance();
+          if (inBrowser) {
+            window.addEventListener("animationend", updateLocation);
+            window.addEventListener("transitionend", updateLocation);
+          }
         } else {
           popper.setOptions(getPopoverOptions());
         }
@@ -11466,6 +11473,10 @@ var stdin_default$w = vue.defineComponent({
     });
     vue.onBeforeUnmount(() => {
       if (popper) {
+        if (inBrowser) {
+          window.removeEventListener("animationend", updateLocation);
+          window.removeEventListener("transitionend", updateLocation);
+        }
         popper.destroy();
         popper = null;
       }
@@ -12746,7 +12757,7 @@ function filterEmpty(children = []) {
   });
   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({
@@ -14958,7 +14969,7 @@ const Lazyload = {
     });
   }
 };
-const version = "4.0.10";
+const version = "4.0.11";
 function install(app) {
   const components = [
     ActionBar,

package/lib/vant.es.js

@@ -1,4 +1,4 @@
-import { unref, ref, reactive, inject, watch, onMounted, nextTick, createVNode, defineComponent, getCurrentInstance, computed, onActivated, onDeactivated, onBeforeUnmount, provide, watchEffect, mergeProps, Transition, withDirectives, vShow, Teleport, Fragment, onBeforeUpdate, createTextVNode, onUnmounted, createApp, resolveDirective, withKeys, onUpdated, h } from "vue";
+import { unref, ref, reactive, inject, watch, onMounted, nextTick, createVNode, defineComponent, getCurrentInstance, computed, onActivated, onDeactivated, onBeforeUnmount, provide, watchEffect, mergeProps, Transition, withDirectives, vShow, Teleport, Fragment, onBeforeUpdate, createTextVNode, onUnmounted, createApp, resolveDirective, withKeys, onUpdated, Comment, Text, h } from "vue";
 import { useWindowSize, useRect, useChildren, useParent, onMountedOrActivated, getScrollParent, useEventListener, raf, useScrollParent, usePageVisibility, doubleRaf, CUSTOM_FIELD_INJECTION_KEY, useCustomFieldValue, inBrowser as inBrowser$1, useToggle, cancelRaf, useCountDown, useClickAway } from "@vant/use";
 import { offsetModifier, createPopper } from "@vant/popperjs";
 const isDef = (val) => val !== void 0 && val !== null;
@@ -1759,7 +1759,7 @@ var stdin_default$1A = defineComponent({
           class: "van-ellipsis",
           [props.allowHtml ? "innerHTML" : "textContent"]: text
         };
-        return createVNode("li", data, [slots.option ? slots.option(option) : createVNode("div", childData, null)]);
+        return createVNode("li", data, [slots.option ? slots.option(option, index) : createVNode("div", childData, null)]);
       });
     };
     useParent(PICKER_KEY);
@@ -2848,6 +2848,7 @@ var stdin_default$1u = defineComponent({
     onActivated(setLine);
     onPopupReopen(setLine);
     onMountedOrActivated(init);
+    useVisibilityChange(root, setLine);
     useEventListener("scroll", onScroll, {
       target: scroller,
       passive: true
@@ -3116,12 +3117,13 @@ var stdin_default$1r = defineComponent({
         "confirmButtonText": confirmButtonText,
         "onConfirm": onConfirm,
         "onCancel": onCancel
-      }, null), createVNode(Tabs, {
+      }, pick(slots, pickerToolbarSlots)), 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) => createVNode(Tab, {
           "title": title,
@@ -5596,6 +5598,7 @@ const [name$12, bem$_] = createNamespace("back-top");
 const backTopProps = {
   right: numericProp,
   bottom: numericProp,
+  zIndex: numericProp,
   target: [String, Object],
   offset: makeNumericProp(200),
   immediate: Boolean,
@@ -5617,7 +5620,7 @@ var stdin_default$1b = defineComponent({
     const show = ref(false);
     const root = ref();
     const scrollParent = ref();
-    const style = computed(() => ({
+    const style = computed(() => extend(getZIndexStyle(props.zIndex), {
       right: addUnit(props.right),
       bottom: addUnit(props.bottom)
     }));
@@ -11392,6 +11395,10 @@ var stdin_default$w = defineComponent({
         }
         if (!popper) {
           popper = createPopperInstance();
+          if (inBrowser) {
+            window.addEventListener("animationend", updateLocation);
+            window.addEventListener("transitionend", updateLocation);
+          }
         } else {
           popper.setOptions(getPopoverOptions());
         }
@@ -11464,6 +11471,10 @@ var stdin_default$w = defineComponent({
     });
     onBeforeUnmount(() => {
       if (popper) {
+        if (inBrowser) {
+          window.removeEventListener("animationend", updateLocation);
+          window.removeEventListener("transitionend", updateLocation);
+        }
         popper.destroy();
         popper = null;
       }
@@ -12744,7 +12755,7 @@ function filterEmpty(children = []) {
   });
   return nodes.filter((c) => {
     var _a;
-    return !(c && (typeof Comment !== "undefined" && c.type === Comment || c.type === Fragment && ((_a = c.children) == null ? void 0 : _a.length) === 0 || c.type === Text && c.children.trim() === ""));
+    return !(c && (c.type === Comment || c.type === Fragment && ((_a = c.children) == null ? void 0 : _a.length) === 0 || c.type === Text && c.children.trim() === ""));
   });
 }
 var stdin_default$f = defineComponent({
@@ -14956,7 +14967,7 @@ const Lazyload = {
     });
   }
 };
-const version = "4.0.10";
+const version = "4.0.11";
 function install(app) {
   const components = [
     ActionBar,

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,
@@ -5965,6 +5980,7 @@
   const backTopProps = {
     right: numericProp,
     bottom: numericProp,
+    zIndex: numericProp,
     target: [String, Object],
     offset: makeNumericProp(200),
     immediate: Boolean,
@@ -5986,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)
       }));
@@ -7326,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]]);
@@ -7343,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]);
@@ -12638,6 +12654,10 @@
           }
           if (!popper) {
             popper = createPopperInstance();
+            if (inBrowser$1) {
+              window.addEventListener("animationend", updateLocation);
+              window.addEventListener("transitionend", updateLocation);
+            }
           } else {
             popper.setOptions(getPopoverOptions());
           }
@@ -12710,6 +12730,10 @@
       });
       vue.onBeforeUnmount(() => {
         if (popper) {
+          if (inBrowser$1) {
+            window.removeEventListener("animationend", updateLocation);
+            window.removeEventListener("transitionend", updateLocation);
+          }
           popper.destroy();
           popper = null;
         }
@@ -13987,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({
@@ -16173,7 +16197,7 @@
       });
     }
   };
-  const version = "4.0.10";
+  const version = "4.0.11";
   function install(app) {
     const components = [
       ActionBar,