vant 4.0.10 → 4.0.11

package/README.md

@@ -4,7 +4,7 @@
 
 <h1 align="center">Vant</h1>
 
-<p align="center">Lightweight Mobile UI Components built on Vue</p>
+<p align="center">A lightweight, customizable Vue UI library for mobile web apps.</p>
 
 <p align="center">
     <img src="https://img.shields.io/npm/v/vant?style=flat-square" alt="npm version" />
@@ -33,11 +33,11 @@
 - 📖 Extensive documentation and demos
 - 📖 Provide Sketch and Axure design resources
 - 🍭 Support Vue 2 & Vue 3
+- 🍭 Support Nuxt 2 & Nuxt 3, provide [Vant Module](https://github.com/vant-ui/vant-nuxt) for Nuxt
 - 🍭 Support Tree Shaking
 - 🍭 Support Custom Theme
 - 🍭 Support Accessibility (still improving)
 - 🍭 Support Dark Mode
-- 🍭 Support Nuxt 3
 - 🍭 Support SSR
 - 🌍 Support i18n, built-in 30+ languages
 
@@ -80,10 +80,6 @@ app.use(Button);
 
 See more in [Quickstart](https://vant-ui.github.io/vant#/en-US/quickstart).
 
-## Start On Visual Studio Code Web
-
-[https://github.dev/youzan/vant](https://github.dev/youzan/vant)
-
 ## Browser Support
 
 Vant 2 supports modern browsers and Android >= 4.0、iOS >= 8.0.
@@ -99,6 +95,7 @@ Vant 3/4 supports modern browsers and Chrome >= 51、iOS >= 10.0 (same as Vue 3)
 | [vant-cli](https://github.com/vant-ui/vant/tree/main/packages/vant-cli) | Scaffold for UI library |
 | [vant-icons](https://github.com/vant-ui/vant/tree/main/packages/vant-icons) | Vant icons |
 | [vant-touch-emulator](https://github.com/vant-ui/vant/tree/main/packages/vant-touch-emulator) | Using vant in desktop browsers |
+| [vant-nuxt](https://github.com/vant-ui/vant-nuxt) | Vant module for Nuxt |
 
 ## Community Ecosystem
 
@@ -143,6 +140,10 @@ Thanks to the following friends for their contributions to Vant:
 
 Please make sure to read the [Contributing Guide](./.github/CONTRIBUTING.md) before making a pull request.
 
+## Start On Web IDE
+
+[https://github.dev/youzan/vant](https://github.dev/youzan/vant)
+
 ## LICENSE
 
-[MIT](https://en.wikipedia.org/wiki/MIT_License)
+Vant is [MIT](https://github.com/youzan/vant/blob/main/LICENSE) licensed.

package/es/back-top/BackTop.d.ts

@@ -2,6 +2,7 @@ import { type PropType, type ExtractPropTypes } from 'vue';
 export declare const backTopProps: {
     right: (NumberConstructor | StringConstructor)[];
     bottom: (NumberConstructor | StringConstructor)[];
+    zIndex: (NumberConstructor | StringConstructor)[];
     target: PropType<string | import("vue").RendererElement | null | undefined>;
     offset: {
         type: (NumberConstructor | StringConstructor)[];
@@ -17,6 +18,7 @@ export type BackTopProps = ExtractPropTypes<typeof backTopProps>;
 declare const _default: import("vue").DefineComponent<{
     right: (NumberConstructor | StringConstructor)[];
     bottom: (NumberConstructor | StringConstructor)[];
+    zIndex: (NumberConstructor | StringConstructor)[];
     target: PropType<string | import("vue").RendererElement | null | undefined>;
     offset: {
         type: (NumberConstructor | StringConstructor)[];
@@ -30,6 +32,7 @@ declare const _default: import("vue").DefineComponent<{
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     right: (NumberConstructor | StringConstructor)[];
     bottom: (NumberConstructor | StringConstructor)[];
+    zIndex: (NumberConstructor | StringConstructor)[];
     target: PropType<string | import("vue").RendererElement | null | undefined>;
     offset: {
         type: (NumberConstructor | StringConstructor)[];

package/es/back-top/BackTop.mjs

@@ -1,6 +1,6 @@
 import { mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
 import { ref, watch, computed, Teleport, nextTick, onMounted, defineComponent } from "vue";
-import { addUnit, inBrowser, numericProp, getScrollTop, createNamespace, makeNumericProp } from "../utils/index.mjs";
+import { extend, addUnit, inBrowser, numericProp, getScrollTop, getZIndexStyle, createNamespace, makeNumericProp } from "../utils/index.mjs";
 import { throttle } from "../lazyload/vue-lazyload/util.mjs";
 import { useEventListener, getScrollParent } from "@vant/use";
 import { Icon } from "../icon/index.mjs";
@@ -8,6 +8,7 @@ const [name, bem] = createNamespace("back-top");
 const backTopProps = {
   right: numericProp,
   bottom: numericProp,
+  zIndex: numericProp,
   target: [String, Object],
   offset: makeNumericProp(200),
   immediate: Boolean,
@@ -29,7 +30,7 @@ var stdin_default = 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)
     }));

package/es/back-top/index.css

@@ -1 +1 @@
-:root{--van-back-top-size: 40px;--van-back-top-right: 30px;--van-back-top-bottom: 40px;--van-back-top-icon-size: 20px;--van-back-top-text-color: #fff;--van-back-top-background: var(--van-blue)}.van-back-top{position:fixed;display:flex;align-items:center;justify-content:center;width:var(--van-back-top-size);height:var(--van-back-top-size);right:var(--van-back-top-right);bottom:var(--van-back-top-bottom);cursor:pointer;color:var(--van-back-top-text-color);border-radius:var(--van-radius-max);box-shadow:0 2px 8px rgba(0,0,0,.12);transform:scale(0);transition:var(--van-duration-base) cubic-bezier(.25,.8,.5,1);background-color:var(--van-back-top-background)}.van-back-top:active{opacity:var(--van-active-opacity)}.van-back-top--active{transform:scale(1)}.van-back-top__icon{font-size:var(--van-back-top-icon-size);font-weight:var(--van-font-bold)}
+:root{--van-back-top-size: 40px;--van-back-top-right: 30px;--van-back-top-bottom: 40px;--van-back-top-z-index: 100;--van-back-top-icon-size: 20px;--van-back-top-text-color: #fff;--van-back-top-background: var(--van-blue)}.van-back-top{position:fixed;display:flex;align-items:center;justify-content:center;width:var(--van-back-top-size);height:var(--van-back-top-size);right:var(--van-back-top-right);bottom:var(--van-back-top-bottom);z-index:var(--van-back-top-z-index);cursor:pointer;color:var(--van-back-top-text-color);border-radius:var(--van-radius-max);box-shadow:0 2px 8px rgba(0,0,0,.12);transform:scale(0);transition:var(--van-duration-base) cubic-bezier(.25,.8,.5,1);background-color:var(--van-back-top-background)}.van-back-top:active{opacity:var(--van-active-opacity)}.van-back-top--active{transform:scale(1)}.van-back-top__icon{font-size:var(--van-back-top-icon-size);font-weight:var(--van-font-bold)}

package/es/back-top/index.d.ts

@@ -1,6 +1,7 @@
 export declare const BackTop: import("../utils").WithInstall<import("vue").DefineComponent<{
     right: (NumberConstructor | StringConstructor)[];
     bottom: (NumberConstructor | StringConstructor)[];
+    zIndex: (NumberConstructor | StringConstructor)[];
     target: import("vue").PropType<string | import("vue").RendererElement | null | undefined>;
     offset: {
         type: (NumberConstructor | StringConstructor)[];
@@ -14,6 +15,7 @@ export declare const BackTop: import("../utils").WithInstall<import("vue").Defin
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     right: (NumberConstructor | StringConstructor)[];
     bottom: (NumberConstructor | StringConstructor)[];
+    zIndex: (NumberConstructor | StringConstructor)[];
     target: import("vue").PropType<string | import("vue").RendererElement | null | undefined>;
     offset: {
         type: (NumberConstructor | StringConstructor)[];

package/es/back-top/types.d.ts

@@ -1,5 +1,8 @@
 export type BackTopThemeVars = {
     backTopSize?: string;
+    backTopRight?: string;
+    backTopBottom?: string;
+    backTopZIndex?: number | string;
     backTopIconSize?: string;
     backTopTextColor?: string;
     backTopBackground?: string;

package/es/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/es/index.mjs

@@ -91,7 +91,7 @@ import { TimePicker } from "./time-picker/index.mjs";
 import { Toast } from "./toast/index.mjs";
 import { TreeSelect } from "./tree-select/index.mjs";
 import { Uploader } from "./uploader/index.mjs";
-const version = "4.0.10";
+const version = "4.0.11";
 function install(app) {
   const components = [
     ActionBar,

package/es/picker/PickerColumn.mjs

@@ -154,7 +154,7 @@ var stdin_default = 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);

package/es/picker-group/PickerGroup.mjs

@@ -1,10 +1,10 @@
 import { createVNode as _createVNode } from "vue";
 import { ref, defineComponent } from "vue";
-import { extend, makeArrayProp, createNamespace } from "../utils/index.mjs";
+import { extend, pick, makeArrayProp, createNamespace } from "../utils/index.mjs";
 import { useChildren } from "@vant/use";
 import { Tab } from "../tab/index.mjs";
 import { Tabs } from "../tabs/index.mjs";
-import Toolbar, { pickerToolbarProps } from "../picker/PickerToolbar.mjs";
+import Toolbar, { pickerToolbarProps, pickerToolbarSlots } from "../picker/PickerToolbar.mjs";
 const [name, bem] = createNamespace("picker-group");
 const PICKER_GROUP_KEY = Symbol(name);
 const pickerGroupProps = extend({
@@ -46,12 +46,13 @@ var stdin_default = 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("tabs"),
         "shrink": true,
-        "animated": true
+        "animated": true,
+        "lazyRender": false
       }, {
         default: () => [props.tabs.map((title, index) => _createVNode(Tab, {
           "title": title,

package/es/popover/Popover.mjs

@@ -1,7 +1,7 @@
 import { mergeProps as _mergeProps, Fragment as _Fragment, createVNode as _createVNode } from "vue";
 import { ref, watch, nextTick, onMounted, watchEffect, onBeforeUnmount, defineComponent } from "vue";
 import { createPopper, offsetModifier } from "@vant/popperjs";
-import { pick, extend, truthProp, numericProp, unknownProp, BORDER_BOTTOM, makeArrayProp, makeStringProp, createNamespace } from "../utils/index.mjs";
+import { pick, extend, inBrowser, truthProp, numericProp, unknownProp, BORDER_BOTTOM, makeArrayProp, makeStringProp, createNamespace } from "../utils/index.mjs";
 import { useClickAway } from "@vant/use";
 import { useSyncPropRef } from "../composables/use-sync-prop-ref.mjs";
 import { Icon } from "../icon/index.mjs";
@@ -73,6 +73,10 @@ var stdin_default = defineComponent({
         }
         if (!popper) {
           popper = createPopperInstance();
+          if (inBrowser) {
+            window.addEventListener("animationend", updateLocation);
+            window.addEventListener("transitionend", updateLocation);
+          }
         } else {
           popper.setOptions(getPopoverOptions());
         }
@@ -145,6 +149,10 @@ var stdin_default = defineComponent({
     });
     onBeforeUnmount(() => {
       if (popper) {
+        if (inBrowser) {
+          window.removeEventListener("animationend", updateLocation);
+          window.removeEventListener("transitionend", updateLocation);
+        }
         popper.destroy();
         popper = null;
       }

package/es/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/es/space/Space.mjs

@@ -1,5 +1,5 @@
 import { createVNode as _createVNode } from "vue";
-import { computed, defineComponent, Fragment } from "vue";
+import { computed, Comment, defineComponent, Fragment, Text } from "vue";
 import { createNamespace } from "../utils/index.mjs";
 const [name, bem] = createNamespace("space");
 const spaceProps = {
@@ -28,7 +28,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 = defineComponent({

package/es/tabs/Tabs.mjs

@@ -8,6 +8,7 @@ import { route } from "../composables/use-route.mjs";
 import { useRefs } from "../composables/use-refs.mjs";
 import { useExpose } from "../composables/use-expose.mjs";
 import { onPopupReopen } from "../composables/on-popup-reopen.mjs";
+import { useVisibilityChange } from "../composables/use-visibility-change.mjs";
 import { Sticky } from "../sticky/index.mjs";
 import TabsTitle from "./TabsTitle.mjs";
 import TabsContent from "./TabsContent.mjs";
@@ -320,6 +321,7 @@ var stdin_default = defineComponent({
     onActivated(setLine);
     onPopupReopen(setLine);
     onMountedOrActivated(init);
+    useVisibilityChange(root, setLine);
     useEventListener("scroll", onScroll, {
       target: scroller,
       passive: true

package/lib/back-top/BackTop.d.ts

@@ -2,6 +2,7 @@ import { type PropType, type ExtractPropTypes } from 'vue';
 export declare const backTopProps: {
     right: (NumberConstructor | StringConstructor)[];
     bottom: (NumberConstructor | StringConstructor)[];
+    zIndex: (NumberConstructor | StringConstructor)[];
     target: PropType<string | import("vue").RendererElement | null | undefined>;
     offset: {
         type: (NumberConstructor | StringConstructor)[];
@@ -17,6 +18,7 @@ export type BackTopProps = ExtractPropTypes<typeof backTopProps>;
 declare const _default: import("vue").DefineComponent<{
     right: (NumberConstructor | StringConstructor)[];
     bottom: (NumberConstructor | StringConstructor)[];
+    zIndex: (NumberConstructor | StringConstructor)[];
     target: PropType<string | import("vue").RendererElement | null | undefined>;
     offset: {
         type: (NumberConstructor | StringConstructor)[];
@@ -30,6 +32,7 @@ declare const _default: import("vue").DefineComponent<{
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     right: (NumberConstructor | StringConstructor)[];
     bottom: (NumberConstructor | StringConstructor)[];
+    zIndex: (NumberConstructor | StringConstructor)[];
     target: PropType<string | import("vue").RendererElement | null | undefined>;
     offset: {
         type: (NumberConstructor | StringConstructor)[];

package/lib/back-top/BackTop.js

@@ -31,6 +31,7 @@ const [name, bem] = (0, import_utils.createNamespace)("back-top");
 const backTopProps = {
   right: import_utils.numericProp,
   bottom: import_utils.numericProp,
+  zIndex: import_utils.numericProp,
   target: [String, Object],
   offset: (0, import_utils.makeNumericProp)(200),
   immediate: Boolean,
@@ -52,7 +53,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
     const show = (0, import_vue2.ref)(false);
     const root = (0, import_vue2.ref)();
     const scrollParent = (0, import_vue2.ref)();
-    const style = (0, import_vue2.computed)(() => ({
+    const style = (0, import_vue2.computed)(() => (0, import_utils.extend)((0, import_utils.getZIndexStyle)(props.zIndex), {
       right: (0, import_utils.addUnit)(props.right),
       bottom: (0, import_utils.addUnit)(props.bottom)
     }));

package/lib/back-top/index.css

@@ -1 +1 @@
-:root{--van-back-top-size: 40px;--van-back-top-right: 30px;--van-back-top-bottom: 40px;--van-back-top-icon-size: 20px;--van-back-top-text-color: #fff;--van-back-top-background: var(--van-blue)}.van-back-top{position:fixed;display:flex;align-items:center;justify-content:center;width:var(--van-back-top-size);height:var(--van-back-top-size);right:var(--van-back-top-right);bottom:var(--van-back-top-bottom);cursor:pointer;color:var(--van-back-top-text-color);border-radius:var(--van-radius-max);box-shadow:0 2px 8px rgba(0,0,0,.12);transform:scale(0);transition:var(--van-duration-base) cubic-bezier(.25,.8,.5,1);background-color:var(--van-back-top-background)}.van-back-top:active{opacity:var(--van-active-opacity)}.van-back-top--active{transform:scale(1)}.van-back-top__icon{font-size:var(--van-back-top-icon-size);font-weight:var(--van-font-bold)}
+:root{--van-back-top-size: 40px;--van-back-top-right: 30px;--van-back-top-bottom: 40px;--van-back-top-z-index: 100;--van-back-top-icon-size: 20px;--van-back-top-text-color: #fff;--van-back-top-background: var(--van-blue)}.van-back-top{position:fixed;display:flex;align-items:center;justify-content:center;width:var(--van-back-top-size);height:var(--van-back-top-size);right:var(--van-back-top-right);bottom:var(--van-back-top-bottom);z-index:var(--van-back-top-z-index);cursor:pointer;color:var(--van-back-top-text-color);border-radius:var(--van-radius-max);box-shadow:0 2px 8px rgba(0,0,0,.12);transform:scale(0);transition:var(--van-duration-base) cubic-bezier(.25,.8,.5,1);background-color:var(--van-back-top-background)}.van-back-top:active{opacity:var(--van-active-opacity)}.van-back-top--active{transform:scale(1)}.van-back-top__icon{font-size:var(--van-back-top-icon-size);font-weight:var(--van-font-bold)}

package/lib/back-top/index.d.ts

@@ -1,6 +1,7 @@
 export declare const BackTop: import("../utils").WithInstall<import("vue").DefineComponent<{
     right: (NumberConstructor | StringConstructor)[];
     bottom: (NumberConstructor | StringConstructor)[];
+    zIndex: (NumberConstructor | StringConstructor)[];
     target: import("vue").PropType<string | import("vue").RendererElement | null | undefined>;
     offset: {
         type: (NumberConstructor | StringConstructor)[];
@@ -14,6 +15,7 @@ export declare const BackTop: import("../utils").WithInstall<import("vue").Defin
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     right: (NumberConstructor | StringConstructor)[];
     bottom: (NumberConstructor | StringConstructor)[];
+    zIndex: (NumberConstructor | StringConstructor)[];
     target: import("vue").PropType<string | import("vue").RendererElement | null | undefined>;
     offset: {
         type: (NumberConstructor | StringConstructor)[];

package/lib/back-top/types.d.ts

@@ -1,5 +1,8 @@
 export type BackTopThemeVars = {
     backTopSize?: string;
+    backTopRight?: string;
+    backTopBottom?: string;
+    backTopZIndex?: number | string;
     backTopIconSize?: string;
     backTopTextColor?: string;
     backTopBackground?: string;