vant 4.0.9 → 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.9";
+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.9";
+const version = "4.0.11";
 function install(app) {
   const components = [
     import_action_bar.ActionBar,

package/lib/picker/Picker.js

@@ -112,9 +112,11 @@ var stdin_default = (0, import_vue2.defineComponent)({
           }
         });
       }
-      emit("change", (0, import_utils.extend)({
-        columnIndex
-      }, getEventParams()));
+      (0, import_vue2.nextTick)(() => {
+        emit("change", (0, import_utils.extend)({
+          columnIndex
+        }, getEventParams()));
+      });
     };
     const onClickOption = (currentOption, columnIndex) => emit("clickOption", (0, import_utils.extend)({
       columnIndex,

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/slider/Slider.js

@@ -57,7 +57,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
     let current;
     let startValue;
     const root = (0, import_vue2.ref)();
-    const slider = (0, import_vue2.ref)();
+    const slider = [(0, import_vue2.ref)(), (0, import_vue2.ref)()];
     const dragStatus = (0, import_vue2.ref)();
     const touch = (0, import_use_touch.useTouch)();
     const scope = (0, import_vue2.computed)(() => Number(props.max) - Number(props.min));
@@ -249,7 +249,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
     const renderButton = (index) => {
       const current2 = typeof index === "number" ? props.modelValue[index] : props.modelValue;
       return (0, import_vue.createVNode)("div", {
-        "ref": slider,
+        "ref": slider[index != null ? index : 0],
         "role": "slider",
         "class": getButtonClassName(index),
         "tabindex": props.disabled ? void 0 : 0,
@@ -272,8 +272,10 @@ var stdin_default = (0, import_vue2.defineComponent)({
     };
     updateValue(props.modelValue);
     (0, import_use.useCustomFieldValue)(() => props.modelValue);
-    (0, import_use.useEventListener)("touchmove", onTouchMove, {
-      target: slider
+    slider.forEach((item) => {
+      (0, import_use.useEventListener)("touchmove", onTouchMove, {
+        target: item
+      });
     });
     return () => (0, import_vue.createVNode)("div", {
       "ref": root,

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,
@@ -3209,9 +3211,11 @@ var stdin_default$1q = vue.defineComponent({
           }
         });
       }
-      emit("change", extend({
-        columnIndex
-      }, getEventParams()));
+      vue.nextTick(() => {
+        emit("change", extend({
+          columnIndex
+        }, getEventParams()));
+      });
     };
     const onClickOption = (currentOption, columnIndex) => emit("clickOption", extend({
       columnIndex,
@@ -5596,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,
@@ -5617,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)
     }));
@@ -6960,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]]);
@@ -6977,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]);
@@ -11392,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());
         }
@@ -11464,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;
       }
@@ -12482,7 +12495,7 @@ var stdin_default$g = vue.defineComponent({
     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));
@@ -12674,7 +12687,7 @@ var stdin_default$g = vue.defineComponent({
     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,
@@ -12697,8 +12710,10 @@ var stdin_default$g = vue.defineComponent({
     };
     updateValue(props.modelValue);
     use.useCustomFieldValue(() => props.modelValue);
-    use.useEventListener("touchmove", onTouchMove, {
-      target: slider
+    slider.forEach((item) => {
+      use.useEventListener("touchmove", onTouchMove, {
+        target: item
+      });
     });
     return () => vue.createVNode("div", {
       "ref": root,
@@ -12742,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({
@@ -14954,7 +14969,7 @@ const Lazyload = {
     });
   }
 };
-const version = "4.0.9";
+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,
@@ -3207,9 +3209,11 @@ var stdin_default$1q = defineComponent({
           }
         });
       }
-      emit("change", extend({
-        columnIndex
-      }, getEventParams()));
+      nextTick(() => {
+        emit("change", extend({
+          columnIndex
+        }, getEventParams()));
+      });
     };
     const onClickOption = (currentOption, columnIndex) => emit("clickOption", extend({
       columnIndex,
@@ -5594,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,
@@ -5615,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)
     }));
@@ -11390,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());
         }
@@ -11462,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;
       }
@@ -12480,7 +12493,7 @@ var stdin_default$g = defineComponent({
     let current2;
     let startValue;
     const root = ref();
-    const slider = ref();
+    const slider = [ref(), ref()];
     const dragStatus = ref();
     const touch = useTouch();
     const scope = computed(() => Number(props.max) - Number(props.min));
@@ -12672,7 +12685,7 @@ var stdin_default$g = defineComponent({
     const renderButton = (index) => {
       const current22 = typeof index === "number" ? props.modelValue[index] : props.modelValue;
       return createVNode("div", {
-        "ref": slider,
+        "ref": slider[index != null ? index : 0],
         "role": "slider",
         "class": getButtonClassName(index),
         "tabindex": props.disabled ? void 0 : 0,
@@ -12695,8 +12708,10 @@ var stdin_default$g = defineComponent({
     };
     updateValue(props.modelValue);
     useCustomFieldValue(() => props.modelValue);
-    useEventListener("touchmove", onTouchMove, {
-      target: slider
+    slider.forEach((item) => {
+      useEventListener("touchmove", onTouchMove, {
+        target: item
+      });
     });
     return () => createVNode("div", {
       "ref": root,
@@ -12740,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({
@@ -14952,7 +14967,7 @@ const Lazyload = {
     });
   }
 };
-const version = "4.0.9";
+const version = "4.0.11";
 function install(app) {
   const components = [
     ActionBar,