vant 4.9.18 → 4.9.20

package/README.md

@@ -133,6 +133,7 @@ Vant 3/4 supports modern browsers and Chrome >= 51、iOS >= 10.0 (same as Vue 3)
 | [vscode-common-intellisense](https://github.com/Simon-He95/vscode-common-intellisense) | A VS Code extension that provides better intellisense to Vant developers |
 | [nuxt-vant-mobile](https://github.com/easy-temps/nuxt-vant-mobile) | Nuxt _⁴_ project template based on Vant, out of the box |
 | [mobvue](https://github.com/un-pany/mobvue) | A well-crafted mobile web app template |
+| [novlan1/press-ui](https://github.com/novlan1/press-ui) | Uni APP mobile UI Components based on Vant |
 
 ## Links
 

package/es/action-sheet/ActionSheet.d.ts

@@ -27,6 +27,7 @@ export declare const actionSheetProps: {
         default: true;
     };
     beforeClose: import("vue").PropType<import("../utils").Interceptor>;
+    overlayProps: import("vue").PropType<Partial<import("..").OverlayProps>>;
     overlayStyle: import("vue").PropType<import("vue").CSSProperties>;
     overlayClass: import("vue").PropType<unknown>;
     transitionAppear: BooleanConstructor;
@@ -83,6 +84,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         default: true;
     };
     beforeClose: import("vue").PropType<import("../utils").Interceptor>;
+    overlayProps: import("vue").PropType<Partial<import("..").OverlayProps>>;
     overlayStyle: import("vue").PropType<import("vue").CSSProperties>;
     overlayClass: import("vue").PropType<unknown>;
     transitionAppear: BooleanConstructor;
@@ -137,6 +139,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         default: true;
     };
     beforeClose: import("vue").PropType<import("../utils").Interceptor>;
+    overlayProps: import("vue").PropType<Partial<import("..").OverlayProps>>;
     overlayStyle: import("vue").PropType<import("vue").CSSProperties>;
     overlayClass: import("vue").PropType<unknown>;
     transitionAppear: BooleanConstructor;

package/es/action-sheet/index.d.ts

@@ -16,6 +16,7 @@ export declare const ActionSheet: import("../utils").WithInstall<import("vue").D
         default: true;
     };
     beforeClose: import("vue").PropType<import("../utils").Interceptor>;
+    overlayProps: import("vue").PropType<Partial<import("..").OverlayProps>>;
     overlayStyle: import("vue").PropType<import("vue").CSSProperties>;
     overlayClass: import("vue").PropType<unknown>;
     transitionAppear: BooleanConstructor;
@@ -70,6 +71,7 @@ export declare const ActionSheet: import("../utils").WithInstall<import("vue").D
         default: true;
     };
     beforeClose: import("vue").PropType<import("../utils").Interceptor>;
+    overlayProps: import("vue").PropType<Partial<import("..").OverlayProps>>;
     overlayStyle: import("vue").PropType<import("vue").CSSProperties>;
     overlayClass: import("vue").PropType<unknown>;
     transitionAppear: BooleanConstructor;

package/es/barrage/Barrage.mjs

@@ -95,7 +95,7 @@ var stdin_default = defineComponent({
       deep: true
     });
     const rootStyle = ref({});
-    onMounted(() => __async(this, null, function* () {
+    onMounted(() => __async(null, null, function* () {
       var _a;
       rootStyle.value["--move-distance"] = `-${(_a = barrageWrapper.value) == null ? void 0 : _a.offsetWidth}px`;
       yield nextTick();

package/es/dialog/Dialog.d.ts

@@ -18,6 +18,7 @@ export declare const dialogProps: {
         default: true;
     };
     beforeClose: PropType<import("../utils").Interceptor>;
+    overlayProps: PropType<Partial<import("..").OverlayProps>>;
     overlayStyle: PropType<import("vue").CSSProperties>;
     overlayClass: PropType<unknown>;
     transitionAppear: BooleanConstructor;
@@ -79,6 +80,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         default: true;
     };
     beforeClose: PropType<import("../utils").Interceptor>;
+    overlayProps: PropType<Partial<import("..").OverlayProps>>;
     overlayStyle: PropType<import("vue").CSSProperties>;
     overlayClass: PropType<unknown>;
     transitionAppear: BooleanConstructor;
@@ -138,6 +140,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         default: true;
     };
     beforeClose: PropType<import("../utils").Interceptor>;
+    overlayProps: PropType<Partial<import("..").OverlayProps>>;
     overlayStyle: PropType<import("vue").CSSProperties>;
     overlayClass: PropType<unknown>;
     transitionAppear: BooleanConstructor;

package/es/dialog/index.d.ts

@@ -16,6 +16,7 @@ export declare const Dialog: import("../utils").WithInstall<import("vue").Define
         default: true;
     };
     beforeClose: import("vue").PropType<import("../utils").Interceptor>;
+    overlayProps: import("vue").PropType<Partial<import("..").OverlayProps>>;
     overlayStyle: import("vue").PropType<import("vue").CSSProperties>;
     overlayClass: import("vue").PropType<unknown>;
     transitionAppear: BooleanConstructor;
@@ -75,6 +76,7 @@ export declare const Dialog: import("../utils").WithInstall<import("vue").Define
         default: true;
     };
     beforeClose: import("vue").PropType<import("../utils").Interceptor>;
+    overlayProps: import("vue").PropType<Partial<import("..").OverlayProps>>;
     overlayStyle: import("vue").PropType<import("vue").CSSProperties>;
     overlayClass: import("vue").PropType<unknown>;
     transitionAppear: BooleanConstructor;

package/es/dialog/types.d.ts

@@ -29,6 +29,8 @@ export type DialogOptions = {
     confirmButtonColor?: string;
     confirmButtonDisabled?: boolean;
     closeOnClickOverlay?: boolean;
+    destroyOnClose?: boolean;
+    keyboardEnabled?: boolean;
 };
 export type DialogThemeVars = {
     dialogWidth?: string;

package/es/dropdown-item/DropdownItem.mjs

@@ -158,6 +158,9 @@ var stdin_default = defineComponent({
         "role": "menu",
         "class": bem("content"),
         "overlay": overlay,
+        "overlayProps": {
+          duration: state.transition && !parent.opened.value ? duration : 0
+        },
         "position": direction === "down" ? "top" : "bottom",
         "duration": state.transition ? duration : 0,
         "lazyRender": props.lazyRender,

package/es/dropdown-menu/DropdownMenu.mjs

@@ -113,12 +113,14 @@ var stdin_default = defineComponent({
       }, [item.renderTitle()])])]);
     };
     useExpose({
-      close
+      close,
+      opened
     });
     linkChildren({
       id,
       props,
       offset,
+      opened,
       updateOffset
     });
     useClickAway(root, onClickAway);

package/es/dropdown-menu/types.d.ts

@@ -5,9 +5,11 @@ export type DropdownMenuProvide = {
     id: string;
     props: DropdownMenuProps;
     offset: Ref<number>;
+    opened: Ref<boolean>;
     updateOffset: () => void;
 };
 export type DropdownMenuExpose = {
+    opened: Ref<boolean>;
     close: () => void;
 };
 export type DropdownMenuInstance = ComponentPublicInstance<DropdownMenuProps, DropdownMenuExpose>;

package/es/floating-bubble/FloatingBubble.d.ts

@@ -1,8 +1,8 @@
 import { PropType, TeleportProps, type ExtractPropTypes } from 'vue';
-import { FloatingBubbleAxis, FloatingBubbleMagnetic, FloatingBubbleOffset } from './types';
+import { FloatingBubbleAxis, FloatingBubbleMagnetic, FloatingBubbleOffset, FloatingBubbleGap } from './types';
 export declare const floatingBubbleProps: {
     gap: {
-        type: NumberConstructor;
+        type: PropType<FloatingBubbleGap>;
         default: number;
     };
     icon: StringConstructor;
@@ -26,7 +26,7 @@ export declare const floatingBubbleProps: {
 export type FloatingBubbleProps = ExtractPropTypes<typeof floatingBubbleProps>;
 declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     gap: {
-        type: NumberConstructor;
+        type: PropType<FloatingBubbleGap>;
         default: number;
     };
     icon: StringConstructor;
@@ -48,7 +48,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     };
 }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "update:offset" | "offsetChange")[], "click" | "update:offset" | "offsetChange", import("vue").PublicProps, Readonly<ExtractPropTypes<{
     gap: {
-        type: NumberConstructor;
+        type: PropType<FloatingBubbleGap>;
         default: number;
     };
     icon: StringConstructor;
@@ -75,7 +75,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
 }>, {
     offset: FloatingBubbleOffset;
     teleport: string | import("vue").RendererElement | null | undefined;
-    gap: number;
+    gap: FloatingBubbleGap;
     axis: FloatingBubbleAxis;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/floating-bubble/FloatingBubble.mjs

@@ -1,10 +1,13 @@
 import { Teleport, computed, defineComponent, nextTick, onMounted, ref, watch, onActivated, onDeactivated, createVNode as _createVNode, vShow as _vShow, mergeProps as _mergeProps, withDirectives as _withDirectives } from "vue";
-import { pick, addUnit, closest, createNamespace, makeNumberProp, makeStringProp, windowWidth, windowHeight } from "../utils/index.mjs";
+import { pick, addUnit, closest, createNamespace, isObject, makeStringProp, windowWidth, windowHeight } from "../utils/index.mjs";
 import { useRect, useEventListener } from "@vant/use";
 import { useTouch } from "../composables/use-touch.mjs";
 import Icon from "../icon/index.mjs";
 const floatingBubbleProps = {
-  gap: makeNumberProp(24),
+  gap: {
+    type: [Number, Object],
+    default: 24
+  },
   icon: String,
   axis: makeStringProp("y"),
   magnetic: String,
@@ -38,11 +41,13 @@ var stdin_default = defineComponent({
       width: 0,
       height: 0
     });
+    const gapX = computed(() => isObject(props.gap) ? props.gap.x : props.gap);
+    const gapY = computed(() => isObject(props.gap) ? props.gap.y : props.gap);
     const boundary = computed(() => ({
-      top: props.gap,
-      right: windowWidth.value - state.value.width - props.gap,
-      bottom: windowHeight.value - state.value.height - props.gap,
-      left: props.gap
+      top: gapY.value,
+      right: windowWidth.value - state.value.width - gapX.value,
+      bottom: windowHeight.value - state.value.height - gapY.value,
+      left: gapX.value
     }));
     const dragging = ref(false);
     let initialized = false;
@@ -66,8 +71,8 @@ var stdin_default = defineComponent({
         offset
       } = props;
       state.value = {
-        x: offset.x > -1 ? offset.x : windowWidth.value - width - props.gap,
-        y: offset.y > -1 ? offset.y : windowHeight.value - height - props.gap,
+        x: offset.x > -1 ? offset.x : windowWidth.value - width - gapX.value,
+        y: offset.y > -1 ? offset.y : windowHeight.value - height - gapY.value,
         width,
         height
       };
@@ -135,7 +140,7 @@ var stdin_default = defineComponent({
         initialized = true;
       });
     });
-    watch([windowWidth, windowHeight, () => props.gap, () => props.offset], updateState, {
+    watch([windowWidth, windowHeight, gapX, gapY, () => props.offset], updateState, {
       deep: true
     });
     const show = ref(true);

package/es/floating-bubble/index.d.ts

@@ -1,6 +1,6 @@
 export declare const FloatingBubble: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     gap: {
-        type: NumberConstructor;
+        type: import("vue").PropType<import("./types").FloatingBubbleGap>;
         default: number;
     };
     icon: StringConstructor;
@@ -22,7 +22,7 @@ export declare const FloatingBubble: import("../utils").WithInstall<import("vue"
     };
 }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "update:offset" | "offsetChange")[], "click" | "update:offset" | "offsetChange", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     gap: {
-        type: NumberConstructor;
+        type: import("vue").PropType<import("./types").FloatingBubbleGap>;
         default: number;
     };
     icon: StringConstructor;
@@ -49,7 +49,7 @@ export declare const FloatingBubble: import("../utils").WithInstall<import("vue"
 }>, {
     offset: import("./types").FloatingBubbleOffset;
     teleport: string | import("vue").RendererElement | null | undefined;
-    gap: number;
+    gap: import("./types").FloatingBubbleGap;
     axis: import("./types").FloatingBubbleAxis;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export default FloatingBubble;

package/es/floating-bubble/types.d.ts

@@ -12,6 +12,10 @@ export type FloatingBubbleOffset = {
     x: number;
     y: number;
 };
+export type FloatingBubbleGap = number | {
+    x: number;
+    y: number;
+};
 export type FloatingBubbleBoundary = {
     top: number;
     right: number;

package/es/image/Image.d.ts

@@ -31,6 +31,7 @@ export declare const imageProps: {
     };
     crossorigin: PropType<ImgHTMLAttributes["crossorigin"]>;
     referrerpolicy: PropType<ImgHTMLAttributes["referrerpolicy"]>;
+    decoding: PropType<ImgHTMLAttributes["decoding"]>;
 };
 export type ImageProps = ExtractPropTypes<typeof imageProps>;
 declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
@@ -64,6 +65,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     };
     crossorigin: PropType<ImgHTMLAttributes["crossorigin"]>;
     referrerpolicy: PropType<ImgHTMLAttributes["referrerpolicy"]>;
+    decoding: PropType<ImgHTMLAttributes["decoding"]>;
 }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("error" | "load")[], "error" | "load", import("vue").PublicProps, Readonly<ExtractPropTypes<{
     src: StringConstructor;
     alt: StringConstructor;
@@ -95,6 +97,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     };
     crossorigin: PropType<ImgHTMLAttributes["crossorigin"]>;
     referrerpolicy: PropType<ImgHTMLAttributes["referrerpolicy"]>;
+    decoding: PropType<ImgHTMLAttributes["decoding"]>;
 }>> & Readonly<{
     onLoad?: ((...args: any[]) => any) | undefined;
     onError?: ((...args: any[]) => any) | undefined;

package/es/image/Image.mjs

@@ -20,7 +20,8 @@ const imageProps = {
   showLoading: truthProp,
   loadingIcon: makeStringProp("photo"),
   crossorigin: String,
-  referrerpolicy: String
+  referrerpolicy: String,
+  decoding: String
 };
 var stdin_default = defineComponent({
   name,
@@ -100,6 +101,7 @@ var stdin_default = defineComponent({
       const attrs = {
         alt: props.alt,
         class: bem("img"),
+        decoding: props.decoding,
         style: {
           objectFit: props.fit,
           objectPosition: props.position

package/es/image/index.d.ts

@@ -29,6 +29,7 @@ export declare const Image: import("../utils").WithInstall<import("vue").DefineC
     };
     crossorigin: import("vue").PropType<import("vue").ImgHTMLAttributes["crossorigin"]>;
     referrerpolicy: import("vue").PropType<import("vue").ImgHTMLAttributes["referrerpolicy"]>;
+    decoding: import("vue").PropType<import("vue").ImgHTMLAttributes["decoding"]>;
 }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("error" | "load")[], "error" | "load", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     src: StringConstructor;
     alt: StringConstructor;
@@ -60,6 +61,7 @@ export declare const Image: import("../utils").WithInstall<import("vue").DefineC
     };
     crossorigin: import("vue").PropType<import("vue").ImgHTMLAttributes["crossorigin"]>;
     referrerpolicy: import("vue").PropType<import("vue").ImgHTMLAttributes["referrerpolicy"]>;
+    decoding: import("vue").PropType<import("vue").ImgHTMLAttributes["decoding"]>;
 }>> & Readonly<{
     onLoad?: ((...args: any[]) => any) | undefined;
     onError?: ((...args: any[]) => any) | undefined;

package/es/index.d.ts

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

package/es/index.mjs

@@ -99,7 +99,7 @@ import { Toast } from "./toast/index.mjs";
 import { TreeSelect } from "./tree-select/index.mjs";
 import { Uploader } from "./uploader/index.mjs";
 import { Watermark } from "./watermark/index.mjs";
-const version = "4.9.18";
+const version = "4.9.20";
 function install(app) {
   const components = [
     ActionBar,

package/es/notify/Notify.d.ts

@@ -18,6 +18,7 @@ export declare const notifyProps: {
         default: true;
     };
     beforeClose: import("vue").PropType<import("../utils").Interceptor>;
+    overlayProps: import("vue").PropType<Partial<import("..").OverlayProps>>;
     overlayStyle: import("vue").PropType<import("vue").CSSProperties>;
     overlayClass: import("vue").PropType<unknown>;
     transitionAppear: BooleanConstructor;
@@ -59,6 +60,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         default: true;
     };
     beforeClose: import("vue").PropType<import("../utils").Interceptor>;
+    overlayProps: import("vue").PropType<Partial<import("..").OverlayProps>>;
     overlayStyle: import("vue").PropType<import("vue").CSSProperties>;
     overlayClass: import("vue").PropType<unknown>;
     transitionAppear: BooleanConstructor;
@@ -98,6 +100,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         default: true;
     };
     beforeClose: import("vue").PropType<import("../utils").Interceptor>;
+    overlayProps: import("vue").PropType<Partial<import("..").OverlayProps>>;
     overlayStyle: import("vue").PropType<import("vue").CSSProperties>;
     overlayClass: import("vue").PropType<unknown>;
     transitionAppear: BooleanConstructor;

package/es/notify/index.d.ts

@@ -16,6 +16,7 @@ export declare const Notify: import("../utils").WithInstall<import("vue").Define
         default: true;
     };
     beforeClose: import("vue").PropType<import("../utils").Interceptor>;
+    overlayProps: import("vue").PropType<Partial<import("..").OverlayProps>>;
     overlayStyle: import("vue").PropType<import("vue").CSSProperties>;
     overlayClass: import("vue").PropType<unknown>;
     transitionAppear: BooleanConstructor;
@@ -55,6 +56,7 @@ export declare const Notify: import("../utils").WithInstall<import("vue").Define
         default: true;
     };
     beforeClose: import("vue").PropType<import("../utils").Interceptor>;
+    overlayProps: import("vue").PropType<Partial<import("..").OverlayProps>>;
     overlayStyle: import("vue").PropType<import("vue").CSSProperties>;
     overlayClass: import("vue").PropType<unknown>;
     transitionAppear: BooleanConstructor;

package/es/overlay/Overlay.mjs

@@ -1,4 +1,4 @@
-import { ref, defineComponent, Teleport, Transition, vShow as _vShow, createVNode as _createVNode, withDirectives as _withDirectives } from "vue";
+import { ref, defineComponent, Teleport, Transition, vShow as _vShow, mergeProps as _mergeProps, createVNode as _createVNode, withDirectives as _withDirectives } from "vue";
 import { isDef, extend, truthProp, numericProp, unknownProp, preventDefault, createNamespace, getZIndexStyle } from "../utils/index.mjs";
 import { useEventListener } from "@vant/use";
 import { useLazyRender } from "../composables/use-lazy-render.mjs";
@@ -15,8 +15,10 @@ const overlayProps = {
 };
 var stdin_default = defineComponent({
   name,
+  inheritAttrs: false,
   props: overlayProps,
   setup(props, {
+    attrs,
     slots
   }) {
     const root = ref();
@@ -32,11 +34,11 @@ var stdin_default = defineComponent({
       if (isDef(props.duration)) {
         style.animationDuration = `${props.duration}s`;
       }
-      return _withDirectives(_createVNode("div", {
+      return _withDirectives(_createVNode("div", _mergeProps({
         "ref": root,
         "style": style,
         "class": [bem(), props.className]
-      }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]), [[_vShow, props.show]]);
+      }, attrs), [(_a = slots.default) == null ? void 0 : _a.call(slots)]), [[_vShow, props.show]]);
     });
     useEventListener("touchmove", onTouchMove, {
       target: root

package/es/picker/Picker.mjs

@@ -99,7 +99,8 @@ var stdin_default = defineComponent({
       children.forEach((child) => child.stopMomentum());
       const params = getEventParams();
       nextTick(() => {
-        emit("confirm", params);
+        const params2 = getEventParams();
+        emit("confirm", params2);
       });
       return params;
     };
@@ -163,13 +164,14 @@ var stdin_default = defineComponent({
         }), pick(slots, pickerToolbarSlots));
       }
     };
-    watch(currentColumns, (columns) => {
+    const resetSelectedValues = (columns) => {
       columns.forEach((options, index) => {
         if (options.length && !isOptionExist(options, selectedValues.value[index], fields.value)) {
           setValue(index, getFirstEnabledOption(options)[fields.value.value]);
         }
       });
-    }, {
+    };
+    watch(currentColumns, (columns) => resetSelectedValues(columns), {
       immediate: true
     });
     let lastEmittedModelValue;
@@ -178,6 +180,9 @@ var stdin_default = defineComponent({
         selectedValues.value = newValues.slice(0);
         lastEmittedModelValue = newValues.slice(0);
       }
+      if (props.modelValue.length === 0) {
+        resetSelectedValues(currentColumns.value);
+      }
     }, {
       deep: true
     });

package/es/picker/utils.mjs

@@ -23,7 +23,7 @@ function findIndexOfEnabledOption(options, index) {
   }
   return 0;
 }
-const isOptionExist = (options, value, fields) => value !== void 0 && !!options.find((option) => option[fields.value] === value);
+const isOptionExist = (options, value, fields) => value !== void 0 && options.some((option) => option[fields.value] === value);
 function findOptionByValue(options, value, fields) {
   const index = options.findIndex((option) => option[fields.value] === value);
   const enabledIndex = findIndexOfEnabledOption(options, index);

package/es/popup/Popup.d.ts

@@ -18,6 +18,7 @@ export declare const popupProps: {
         default: true;
     };
     beforeClose: import("vue").PropType<import("../utils").Interceptor>;
+    overlayProps: import("vue").PropType<Partial<import("../overlay").OverlayProps>>;
     overlayStyle: import("vue").PropType<CSSProperties>;
     overlayClass: import("vue").PropType<unknown>;
     transitionAppear: BooleanConstructor;
@@ -66,6 +67,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         default: true;
     };
     beforeClose: import("vue").PropType<import("../utils").Interceptor>;
+    overlayProps: import("vue").PropType<Partial<import("../overlay").OverlayProps>>;
     overlayStyle: import("vue").PropType<CSSProperties>;
     overlayClass: import("vue").PropType<unknown>;
     transitionAppear: BooleanConstructor;
@@ -112,6 +114,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         default: true;
     };
     beforeClose: import("vue").PropType<import("../utils").Interceptor>;
+    overlayProps: import("vue").PropType<Partial<import("../overlay").OverlayProps>>;
     overlayStyle: import("vue").PropType<CSSProperties>;
     overlayClass: import("vue").PropType<unknown>;
     transitionAppear: BooleanConstructor;

package/es/popup/Popup.mjs

@@ -75,15 +75,16 @@ var stdin_default = defineComponent({
     };
     const renderOverlay = () => {
       if (props.overlay) {
-        return _createVNode(Overlay, _mergeProps({
-          "show": props.show,
-          "class": props.overlayClass,
-          "zIndex": zIndex.value,
-          "duration": props.duration,
-          "customStyle": props.overlayStyle,
-          "role": props.closeOnClickOverlay ? "button" : void 0,
-          "tabindex": props.closeOnClickOverlay ? 0 : void 0
-        }, useScopeId(), {
+        const overlayProps = extend({
+          show: props.show,
+          class: props.overlayClass,
+          zIndex: zIndex.value,
+          duration: props.duration,
+          customStyle: props.overlayStyle,
+          role: props.closeOnClickOverlay ? "button" : void 0,
+          tabindex: props.closeOnClickOverlay ? 0 : void 0
+        }, props.overlayProps);
+        return _createVNode(Overlay, _mergeProps(overlayProps, useScopeId(), {
           "onClick": onClickOverlay
         }), {
           default: slots["overlay-content"]

package/es/popup/index.d.ts

@@ -16,6 +16,7 @@ export declare const Popup: import("../utils").WithInstall<import("vue").DefineC
         default: true;
     };
     beforeClose: import("vue").PropType<import("../utils").Interceptor>;
+    overlayProps: import("vue").PropType<Partial<import("..").OverlayProps>>;
     overlayStyle: import("vue").PropType<import("vue").CSSProperties>;
     overlayClass: import("vue").PropType<unknown>;
     transitionAppear: BooleanConstructor;
@@ -62,6 +63,7 @@ export declare const Popup: import("../utils").WithInstall<import("vue").DefineC
         default: true;
     };
     beforeClose: import("vue").PropType<import("../utils").Interceptor>;
+    overlayProps: import("vue").PropType<Partial<import("..").OverlayProps>>;
     overlayStyle: import("vue").PropType<import("vue").CSSProperties>;
     overlayClass: import("vue").PropType<unknown>;
     transitionAppear: BooleanConstructor;

package/es/popup/shared.d.ts

@@ -1,3 +1,4 @@
+import type { OverlayProps } from '../overlay';
 import { Interceptor } from '../utils';
 import type { PropType, CSSProperties, TeleportProps } from 'vue';
 export declare const popupSharedProps: {
@@ -18,6 +19,7 @@ export declare const popupSharedProps: {
         default: true;
     };
     beforeClose: PropType<Interceptor>;
+    overlayProps: PropType<Partial<OverlayProps>>;
     overlayStyle: PropType<CSSProperties>;
     overlayClass: PropType<unknown>;
     transitionAppear: BooleanConstructor;

package/es/popup/shared.mjs

@@ -16,6 +16,8 @@ const popupSharedProps = {
   lazyRender: truthProp,
   // callback function before close
   beforeClose: Function,
+  // overlay props
+  overlayProps: Object,
   // overlay custom style
   overlayStyle: Object,
   // overlay custom class name

package/es/share-sheet/ShareSheet.d.ts

@@ -24,6 +24,7 @@ export declare const shareSheetProps: {
         default: true;
     };
     beforeClose: import("vue").PropType<import("../utils").Interceptor>;
+    overlayProps: import("vue").PropType<Partial<import("..").OverlayProps>>;
     overlayStyle: import("vue").PropType<import("vue").CSSProperties>;
     overlayClass: import("vue").PropType<unknown>;
     transitionAppear: BooleanConstructor;
@@ -71,6 +72,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         default: true;
     };
     beforeClose: import("vue").PropType<import("../utils").Interceptor>;
+    overlayProps: import("vue").PropType<Partial<import("..").OverlayProps>>;
     overlayStyle: import("vue").PropType<import("vue").CSSProperties>;
     overlayClass: import("vue").PropType<unknown>;
     transitionAppear: BooleanConstructor;
@@ -116,6 +118,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         default: true;
     };
     beforeClose: import("vue").PropType<import("../utils").Interceptor>;
+    overlayProps: import("vue").PropType<Partial<import("..").OverlayProps>>;
     overlayStyle: import("vue").PropType<import("vue").CSSProperties>;
     overlayClass: import("vue").PropType<unknown>;
     transitionAppear: BooleanConstructor;

package/es/share-sheet/index.d.ts

@@ -16,6 +16,7 @@ export declare const ShareSheet: import("../utils").WithInstall<import("vue").De
         default: true;
     };
     beforeClose: import("vue").PropType<import("../utils").Interceptor>;
+    overlayProps: import("vue").PropType<Partial<import("..").OverlayProps>>;
     overlayStyle: import("vue").PropType<import("vue").CSSProperties>;
     overlayClass: import("vue").PropType<unknown>;
     transitionAppear: BooleanConstructor;
@@ -61,6 +62,7 @@ export declare const ShareSheet: import("../utils").WithInstall<import("vue").De
         default: true;
     };
     beforeClose: import("vue").PropType<import("../utils").Interceptor>;
+    overlayProps: import("vue").PropType<Partial<import("..").OverlayProps>>;
     overlayStyle: import("vue").PropType<import("vue").CSSProperties>;
     overlayClass: import("vue").PropType<unknown>;
     transitionAppear: BooleanConstructor;

package/es/tabbar-item/TabbarItem.mjs

@@ -50,7 +50,7 @@ var stdin_default = defineComponent({
         const config = isObject(to) ? to : {
           path: to
         };
-        return !!$route.matched.find((val) => {
+        return $route.matched.some((val) => {
           const pathMatched = "path" in config && config.path === val.path;
           const nameMatched = "name" in config && config.name === val.name;
           return pathMatched || nameMatched;

package/es/tabs/Tabs.mjs

@@ -162,9 +162,8 @@ var stdin_default = defineComponent({
       }
     };
     const setCurrentIndexByName = (name2, skipScrollIntoView) => {
-      const matched = children.find((tab, index2) => getTabName(tab, index2) === name2);
-      const index = matched ? children.indexOf(matched) : 0;
-      setCurrentIndex(index, skipScrollIntoView);
+      const index = children.findIndex((tab, index2) => getTabName(tab, index2) === name2);
+      setCurrentIndex(index === -1 ? 0 : index, skipScrollIntoView);
     };
     const scrollToCurrentContent = (immediate = false) => {
       if (props.scrollspy) {