vant 3.3.7 → 3.4.3

package/lib/popover/style/less.js

@@ -1,13 +1,6 @@
-"use strict";
-
-require('../../style/base.less');
-
-require('../../badge/index.less');
-
-require('../../icon/index.less');
-
-require('../../overlay/index.less');
-
-require('../../popup/index.less');
-
-require('../index.less');
+require("../../style/base.less");
+require("../../badge/index.less");
+require("../../icon/index.less");
+require("../../overlay/index.less");
+require("../../popup/index.less");
+require("../index.less");

package/lib/popover/types.js

@@ -1,3 +1,3 @@
-"use strict";
-
-exports.__esModule = true;
+var __defProp = Object.defineProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+__markAsModule(exports);

package/lib/popup/Popup.d.ts

@@ -1,6 +1,5 @@
-import { CSSProperties, ExtractPropTypes } from 'vue';
-export declare type PopupPosition = 'top' | 'left' | 'bottom' | 'right' | 'center' | '';
-export declare type PopupCloseIconPosition = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+import { type CSSProperties, type ExtractPropTypes } from 'vue';
+import type { PopupPosition, PopupCloseIconPosition } from './types';
 declare const popupProps: {
     show: BooleanConstructor;
     zIndex: (NumberConstructor | StringConstructor)[];
@@ -91,52 +90,51 @@ declare const _default: import("vue").DefineComponent<{
         default: PopupCloseIconPosition;
     };
     safeAreaInsetBottom: BooleanConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("open" | "close" | "opened" | "closed" | "update:show" | "click-overlay" | "click-close-icon")[], "open" | "close" | "opened" | "closed" | "update:show" | "click-overlay" | "click-close-icon", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
-    show?: unknown;
-    zIndex?: unknown;
-    overlay?: unknown;
-    duration?: unknown;
-    teleport?: unknown;
-    lockScroll?: unknown;
-    lazyRender?: unknown;
-    beforeClose?: unknown;
-    overlayStyle?: unknown;
-    overlayClass?: unknown;
-    transitionAppear?: unknown;
-    closeOnClickOverlay?: unknown;
-    round?: unknown;
-    position?: unknown;
-    closeIcon?: unknown;
-    closeable?: unknown;
-    transition?: unknown;
-    iconPrefix?: unknown;
-    closeOnPopstate?: unknown;
-    closeIconPosition?: unknown;
-    safeAreaInsetBottom?: unknown;
-} & {
-    position: PopupPosition;
-    round: boolean;
-    safeAreaInsetBottom: boolean;
-    overlay: boolean;
-    show: boolean;
-    lockScroll: boolean;
-    lazyRender: boolean;
-    transitionAppear: boolean;
-    closeOnClickOverlay: boolean;
-    closeIcon: string;
-    closeable: boolean;
-    closeOnPopstate: boolean;
-    closeIconPosition: PopupCloseIconPosition;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("open" | "close" | "opened" | "closed" | "update:show" | "click-overlay" | "click-close-icon")[], "open" | "close" | "opened" | "closed" | "update:show" | "click-overlay" | "click-close-icon", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    show: BooleanConstructor;
+    zIndex: (NumberConstructor | StringConstructor)[];
+    overlay: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    duration: (NumberConstructor | StringConstructor)[];
+    teleport: import("vue").PropType<string | import("vue").RendererElement | null | undefined>;
+    lockScroll: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    lazyRender: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    beforeClose: import("vue").PropType<import("../utils").Interceptor>;
+    overlayStyle: import("vue").PropType<CSSProperties>;
+    overlayClass: import("vue").PropType<unknown>;
+    transitionAppear: BooleanConstructor;
+    closeOnClickOverlay: {
+        type: BooleanConstructor;
+        default: true;
+    };
 } & {
-    iconPrefix?: string | undefined;
-    zIndex?: string | number | undefined;
-    duration?: string | number | undefined;
-    teleport?: string | import("vue").RendererElement | null | undefined;
-    beforeClose?: import("../utils").Interceptor | undefined;
-    overlayStyle?: CSSProperties | undefined;
-    overlayClass?: unknown;
-    transition?: string | undefined;
-}> & {
+    round: BooleanConstructor;
+    position: {
+        type: import("vue").PropType<PopupPosition>;
+        default: PopupPosition;
+    };
+    closeIcon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    closeable: BooleanConstructor;
+    transition: StringConstructor;
+    iconPrefix: StringConstructor;
+    closeOnPopstate: BooleanConstructor;
+    closeIconPosition: {
+        type: import("vue").PropType<PopupCloseIconPosition>;
+        default: PopupCloseIconPosition;
+    };
+    safeAreaInsetBottom: BooleanConstructor;
+}>> & {
     onOpen?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
     onOpened?: ((...args: any[]) => any) | undefined;

package/lib/popup/Popup.js

@@ -1,111 +1,108 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _vue = require("vue");
-
-var _shared = require("./shared");
-
-var _utils = require("../utils");
-
-var _use = require("@vant/use");
-
-var _useExpose = require("../composables/use-expose");
-
-var _useLockScroll = require("../composables/use-lock-scroll");
-
-var _useLazyRender = require("../composables/use-lazy-render");
-
-var _onPopupReopen = require("../composables/on-popup-reopen");
-
-var _icon = require("../icon");
-
-var _overlay = require("../overlay");
-
-// Utils
-// Composables
-// Components
-var popupProps = (0, _utils.extend)({}, _shared.popupSharedProps, {
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  __markAsModule(target);
+  for (var name2 in all)
+    __defProp(target, name2, { get: all[name2], enumerable: true });
+};
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+__export(exports, {
+  default: () => stdin_default
+});
+var import_vue = __toModule(require("vue"));
+var import_vue2 = __toModule(require("vue"));
+var import_shared = __toModule(require("./shared"));
+var import_utils = __toModule(require("../utils"));
+var import_use = __toModule(require("@vant/use"));
+var import_use_expose = __toModule(require("../composables/use-expose"));
+var import_use_lock_scroll = __toModule(require("../composables/use-lock-scroll"));
+var import_use_lazy_render = __toModule(require("../composables/use-lazy-render"));
+var import_on_popup_reopen = __toModule(require("../composables/on-popup-reopen"));
+var import_icon = __toModule(require("../icon"));
+var import_overlay = __toModule(require("../overlay"));
+const popupProps = (0, import_utils.extend)({}, import_shared.popupSharedProps, {
   round: Boolean,
-  position: (0, _utils.makeStringProp)('center'),
-  closeIcon: (0, _utils.makeStringProp)('cross'),
+  position: (0, import_utils.makeStringProp)("center"),
+  closeIcon: (0, import_utils.makeStringProp)("cross"),
   closeable: Boolean,
   transition: String,
   iconPrefix: String,
   closeOnPopstate: Boolean,
-  closeIconPosition: (0, _utils.makeStringProp)('top-right'),
+  closeIconPosition: (0, import_utils.makeStringProp)("top-right"),
   safeAreaInsetBottom: Boolean
 });
-var [name, bem] = (0, _utils.createNamespace)('popup');
-var globalZIndex = 2000;
-
-var _default = (0, _vue.defineComponent)({
+const [name, bem] = (0, import_utils.createNamespace)("popup");
+let globalZIndex = 2e3;
+var stdin_default = (0, import_vue2.defineComponent)({
   name,
   inheritAttrs: false,
   props: popupProps,
-  emits: ['open', 'close', 'opened', 'closed', 'update:show', 'click-overlay', 'click-close-icon'],
-
-  setup(props, _ref) {
-    var {
-      emit,
-      attrs,
-      slots
-    } = _ref;
-    var opened;
-    var shouldReopen;
-    var zIndex = (0, _vue.ref)();
-    var popupRef = (0, _vue.ref)();
-    var lazyRender = (0, _useLazyRender.useLazyRender)(() => props.show || !props.lazyRender);
-    var style = (0, _vue.computed)(() => {
-      var style = {
+  emits: ["open", "close", "opened", "closed", "update:show", "click-overlay", "click-close-icon"],
+  setup(props, {
+    emit,
+    attrs,
+    slots
+  }) {
+    let opened;
+    let shouldReopen;
+    const zIndex = (0, import_vue2.ref)();
+    const popupRef = (0, import_vue2.ref)();
+    const lazyRender = (0, import_use_lazy_render.useLazyRender)(() => props.show || !props.lazyRender);
+    const style = (0, import_vue2.computed)(() => {
+      const style2 = {
         zIndex: zIndex.value
       };
-
-      if ((0, _utils.isDef)(props.duration)) {
-        var key = props.position === 'center' ? 'animationDuration' : 'transitionDuration';
-        style[key] = props.duration + "s";
+      if ((0, import_utils.isDef)(props.duration)) {
+        const key = props.position === "center" ? "animationDuration" : "transitionDuration";
+        style2[key] = `${props.duration}s`;
       }
-
-      return style;
+      return style2;
     });
-
-    var open = () => {
+    const open = () => {
       if (!opened) {
-        if (props.zIndex !== undefined) {
+        if (props.zIndex !== void 0) {
           globalZIndex = +props.zIndex;
         }
-
         opened = true;
         zIndex.value = ++globalZIndex;
-        emit('open');
+        emit("open");
       }
     };
-
-    var close = () => {
+    const close = () => {
       if (opened) {
-        (0, _utils.callInterceptor)(props.beforeClose, {
+        (0, import_utils.callInterceptor)(props.beforeClose, {
           done() {
             opened = false;
-            emit('close');
-            emit('update:show', false);
+            emit("close");
+            emit("update:show", false);
           }
-
         });
       }
     };
-
-    var onClickOverlay = event => {
-      emit('click-overlay', event);
-
+    const onClickOverlay = (event) => {
+      emit("click-overlay", event);
       if (props.closeOnClickOverlay) {
         close();
       }
     };
-
-    var renderOverlay = () => {
+    const renderOverlay = () => {
       if (props.overlay) {
-        return (0, _vue.createVNode)(_overlay.Overlay, {
+        return (0, import_vue.createVNode)(import_overlay.Overlay, {
           "show": props.show,
           "class": props.overlayClass,
           "zIndex": zIndex.value,
@@ -113,60 +110,55 @@ var _default = (0, _vue.defineComponent)({
           "customStyle": props.overlayStyle,
           "onClick": onClickOverlay
         }, {
-          default: slots['overlay-content']
+          default: slots["overlay-content"]
         });
       }
     };
-
-    var onClickCloseIcon = event => {
-      emit('click-close-icon', event);
+    const onClickCloseIcon = (event) => {
+      emit("click-close-icon", event);
       close();
     };
-
-    var renderCloseIcon = () => {
+    const renderCloseIcon = () => {
       if (props.closeable) {
-        return (0, _vue.createVNode)(_icon.Icon, {
+        return (0, import_vue.createVNode)(import_icon.Icon, {
           "role": "button",
           "tabindex": 0,
           "name": props.closeIcon,
-          "class": [bem('close-icon', props.closeIconPosition), _utils.HAPTICS_FEEDBACK],
+          "class": [bem("close-icon", props.closeIconPosition), import_utils.HAPTICS_FEEDBACK],
           "classPrefix": props.iconPrefix,
           "onClick": onClickCloseIcon
         }, null);
       }
     };
-
-    var onOpened = () => emit('opened');
-
-    var onClosed = () => emit('closed');
-
-    var renderPopup = lazyRender(() => {
-      var {
+    const onOpened = () => emit("opened");
+    const onClosed = () => emit("closed");
+    const renderPopup = lazyRender(() => {
+      var _a;
+      const {
         round,
         position,
         safeAreaInsetBottom
       } = props;
-      return (0, _vue.withDirectives)((0, _vue.createVNode)("div", (0, _vue.mergeProps)({
+      return (0, import_vue.withDirectives)((0, import_vue.createVNode)("div", (0, import_vue.mergeProps)({
         "ref": popupRef,
         "style": style.value,
         "class": [bem({
           round,
           [position]: position
         }), {
-          'van-safe-area-bottom': safeAreaInsetBottom
+          "van-safe-area-bottom": safeAreaInsetBottom
         }]
-      }, attrs), [slots.default == null ? void 0 : slots.default(), renderCloseIcon()]), [[_vue.vShow, props.show]]);
+      }, attrs), [(_a = slots.default) == null ? void 0 : _a.call(slots), renderCloseIcon()]), [[import_vue.vShow, props.show]]);
     });
-
-    var renderTransition = () => {
-      var {
+    const renderTransition = () => {
+      const {
         position,
         transition,
         transitionAppear
       } = props;
-      var name = position === 'center' ? 'van-fade' : "van-popup-slide-" + position;
-      return (0, _vue.createVNode)(_vue.Transition, {
-        "name": transition || name,
+      const name2 = position === "center" ? "van-fade" : `van-popup-slide-${position}`;
+      return (0, import_vue.createVNode)(import_vue2.Transition, {
+        "name": transition || name2,
         "appear": transitionAppear,
         "onAfterEnter": onOpened,
         "onAfterLeave": onClosed
@@ -174,56 +166,52 @@ var _default = (0, _vue.defineComponent)({
         default: renderPopup
       });
     };
-
-    (0, _vue.watch)(() => props.show, value => {
-      if (value) {
+    (0, import_vue2.watch)(() => props.show, (show) => {
+      if (show && !opened) {
         open();
-      } else {
+      }
+      if (!show && opened) {
         opened = false;
-        emit('close');
+        emit("close");
       }
     });
-    (0, _useExpose.useExpose)({
+    (0, import_use_expose.useExpose)({
       popupRef
     });
-    (0, _useLockScroll.useLockScroll)(popupRef, () => props.show && props.lockScroll);
-    (0, _use.useEventListener)('popstate', () => {
+    (0, import_use_lock_scroll.useLockScroll)(popupRef, () => props.show && props.lockScroll);
+    (0, import_use.useEventListener)("popstate", () => {
       if (props.closeOnPopstate) {
         close();
         shouldReopen = false;
       }
     });
-    (0, _vue.onMounted)(() => {
+    (0, import_vue2.onMounted)(() => {
       if (props.show) {
         open();
       }
     });
-    (0, _vue.onActivated)(() => {
+    (0, import_vue2.onActivated)(() => {
       if (shouldReopen) {
-        emit('update:show', true);
+        emit("update:show", true);
         shouldReopen = false;
       }
     });
-    (0, _vue.onDeactivated)(() => {
+    (0, import_vue2.onDeactivated)(() => {
       if (props.show) {
         close();
         shouldReopen = true;
       }
     });
-    (0, _vue.provide)(_onPopupReopen.POPUP_TOGGLE_KEY, () => props.show);
+    (0, import_vue2.provide)(import_on_popup_reopen.POPUP_TOGGLE_KEY, () => props.show);
     return () => {
       if (props.teleport) {
-        return (0, _vue.createVNode)(_vue.Teleport, {
+        return (0, import_vue.createVNode)(import_vue2.Teleport, {
           "to": props.teleport
         }, {
           default: () => [renderOverlay(), renderTransition()]
         });
       }
-
-      return (0, _vue.createVNode)(_vue.Fragment, null, [renderOverlay(), renderTransition()]);
+      return (0, import_vue.createVNode)(import_vue.Fragment, null, [renderOverlay(), renderTransition()]);
     };
   }
-
 });
-
-exports.default = _default;

package/lib/popup/index.css

@@ -1 +1 @@
-:root{--van-popup-background-color:var(--van-background-color-light);--van-popup-transition:transform var(--van-animation-duration-base);--van-popup-round-border-radius:16px;--van-popup-close-icon-size:22px;--van-popup-close-icon-color:var(--van-gray-5);--van-popup-close-icon-margin:16px;--van-popup-close-icon-z-index:1}.van-overflow-hidden{overflow:hidden!important}.van-popup{position:fixed;max-height:100%;overflow-y:auto;background:var(--van-popup-background-color);transition:var(--van-popup-transition);-webkit-overflow-scrolling:touch}.van-popup--center{top:50%;left:50%;transform:translate3d(-50%,-50%,0)}.van-popup--center.van-popup--round{border-radius:var(--van-popup-round-border-radius)}.van-popup--top{top:0;left:0;width:100%}.van-popup--top.van-popup--round{border-radius:0 0 var(--van-popup-round-border-radius) var(--van-popup-round-border-radius)}.van-popup--right{top:50%;right:0;transform:translate3d(0,-50%,0)}.van-popup--right.van-popup--round{border-radius:var(--van-popup-round-border-radius) 0 0 var(--van-popup-round-border-radius)}.van-popup--bottom{bottom:0;left:0;width:100%}.van-popup--bottom.van-popup--round{border-radius:var(--van-popup-round-border-radius) var(--van-popup-round-border-radius) 0 0}.van-popup--left{top:50%;left:0;transform:translate3d(0,-50%,0)}.van-popup--left.van-popup--round{border-radius:0 var(--van-popup-round-border-radius) var(--van-popup-round-border-radius) 0}.van-popup-slide-bottom-enter-active,.van-popup-slide-left-enter-active,.van-popup-slide-right-enter-active,.van-popup-slide-top-enter-active{transition-timing-function:var(--van-animation-timing-function-enter)}.van-popup-slide-bottom-leave-active,.van-popup-slide-left-leave-active,.van-popup-slide-right-leave-active,.van-popup-slide-top-leave-active{transition-timing-function:var(--van-animation-timing-function-leave)}.van-popup-slide-top-enter-from,.van-popup-slide-top-leave-active{transform:translate3d(0,-100%,0)}.van-popup-slide-right-enter-from,.van-popup-slide-right-leave-active{transform:translate3d(100%,-50%,0)}.van-popup-slide-bottom-enter-from,.van-popup-slide-bottom-leave-active{transform:translate3d(0,100%,0)}.van-popup-slide-left-enter-from,.van-popup-slide-left-leave-active{transform:translate3d(-100%,-50%,0)}.van-popup__close-icon{position:absolute;z-index:var(--van-popup-close-icon-z-index);color:var(--van-popup-close-icon-color);font-size:var(--van-popup-close-icon-size);cursor:pointer}.van-popup__close-icon--top-left{top:var(--van-popup-close-icon-margin);left:var(--van-popup-close-icon-margin)}.van-popup__close-icon--top-right{top:var(--van-popup-close-icon-margin);right:var(--van-popup-close-icon-margin)}.van-popup__close-icon--bottom-left{bottom:var(--van-popup-close-icon-margin);left:var(--van-popup-close-icon-margin)}.van-popup__close-icon--bottom-right{right:var(--van-popup-close-icon-margin);bottom:var(--van-popup-close-icon-margin)}
+:root{--van-popup-background-color: var(--van-background-color-light);--van-popup-transition: transform var(--van-animation-duration-base);--van-popup-round-border-radius: 16px;--van-popup-close-icon-size: 22px;--van-popup-close-icon-color: var(--van-gray-5);--van-popup-close-icon-margin: 16px;--van-popup-close-icon-z-index: 1}.van-overflow-hidden{overflow:hidden!important}.van-popup{position:fixed;max-height:100%;overflow-y:auto;background:var(--van-popup-background-color);transition:var(--van-popup-transition);-webkit-overflow-scrolling:touch}.van-popup--center{top:50%;left:50%;transform:translate(-50%,-50%)}.van-popup--center.van-popup--round{border-radius:var(--van-popup-round-border-radius)}.van-popup--top{top:0;left:0;width:100%}.van-popup--top.van-popup--round{border-radius:0 0 var(--van-popup-round-border-radius) var(--van-popup-round-border-radius)}.van-popup--right{top:50%;right:0;transform:translateY(-50%)}.van-popup--right.van-popup--round{border-radius:var(--van-popup-round-border-radius) 0 0 var(--van-popup-round-border-radius)}.van-popup--bottom{bottom:0;left:0;width:100%}.van-popup--bottom.van-popup--round{border-radius:var(--van-popup-round-border-radius) var(--van-popup-round-border-radius) 0 0}.van-popup--left{top:50%;left:0;transform:translateY(-50%)}.van-popup--left.van-popup--round{border-radius:0 var(--van-popup-round-border-radius) var(--van-popup-round-border-radius) 0}.van-popup-slide-top-enter-active,.van-popup-slide-left-enter-active,.van-popup-slide-right-enter-active,.van-popup-slide-bottom-enter-active{transition-timing-function:var(--van-animation-timing-function-enter)}.van-popup-slide-top-leave-active,.van-popup-slide-left-leave-active,.van-popup-slide-right-leave-active,.van-popup-slide-bottom-leave-active{transition-timing-function:var(--van-animation-timing-function-leave)}.van-popup-slide-top-enter-from,.van-popup-slide-top-leave-active{transform:translateY(-100%)}.van-popup-slide-right-enter-from,.van-popup-slide-right-leave-active{transform:translate(100%,-50%)}.van-popup-slide-bottom-enter-from,.van-popup-slide-bottom-leave-active{transform:translateY(100%)}.van-popup-slide-left-enter-from,.van-popup-slide-left-leave-active{transform:translate(-100%,-50%)}.van-popup__close-icon{position:absolute;z-index:var(--van-popup-close-icon-z-index);color:var(--van-popup-close-icon-color);font-size:var(--van-popup-close-icon-size)}.van-popup__close-icon--top-left{top:var(--van-popup-close-icon-margin);left:var(--van-popup-close-icon-margin)}.van-popup__close-icon--top-right{top:var(--van-popup-close-icon-margin);right:var(--van-popup-close-icon-margin)}.van-popup__close-icon--bottom-left{bottom:var(--van-popup-close-icon-margin);left:var(--van-popup-close-icon-margin)}.van-popup__close-icon--bottom-right{right:var(--van-popup-close-icon-margin);bottom:var(--van-popup-close-icon-margin)}

package/lib/popup/index.d.ts

@@ -26,8 +26,8 @@ export declare const Popup: import("../utils").WithInstall<import("vue").DefineC
 } & {
     round: BooleanConstructor;
     position: {
-        type: import("vue").PropType<import("./Popup").PopupPosition>;
-        default: import("./Popup").PopupPosition;
+        type: import("vue").PropType<import("./types").PopupPosition>;
+        default: import("./types").PopupPosition;
     };
     closeIcon: {
         type: import("vue").PropType<string>;
@@ -38,56 +38,55 @@ export declare const Popup: import("../utils").WithInstall<import("vue").DefineC
     iconPrefix: StringConstructor;
     closeOnPopstate: BooleanConstructor;
     closeIconPosition: {
-        type: import("vue").PropType<import("./Popup").PopupCloseIconPosition>;
-        default: import("./Popup").PopupCloseIconPosition;
+        type: import("vue").PropType<import("./types").PopupCloseIconPosition>;
+        default: import("./types").PopupCloseIconPosition;
     };
     safeAreaInsetBottom: BooleanConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("open" | "close" | "opened" | "closed" | "update:show" | "click-overlay" | "click-close-icon")[], "open" | "close" | "opened" | "closed" | "update:show" | "click-overlay" | "click-close-icon", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
-    show?: unknown;
-    zIndex?: unknown;
-    overlay?: unknown;
-    duration?: unknown;
-    teleport?: unknown;
-    lockScroll?: unknown;
-    lazyRender?: unknown;
-    beforeClose?: unknown;
-    overlayStyle?: unknown;
-    overlayClass?: unknown;
-    transitionAppear?: unknown;
-    closeOnClickOverlay?: unknown;
-    round?: unknown;
-    position?: unknown;
-    closeIcon?: unknown;
-    closeable?: unknown;
-    transition?: unknown;
-    iconPrefix?: unknown;
-    closeOnPopstate?: unknown;
-    closeIconPosition?: unknown;
-    safeAreaInsetBottom?: unknown;
-} & {
-    position: import("./Popup").PopupPosition;
-    round: boolean;
-    safeAreaInsetBottom: boolean;
-    overlay: boolean;
-    show: boolean;
-    lockScroll: boolean;
-    lazyRender: boolean;
-    transitionAppear: boolean;
-    closeOnClickOverlay: boolean;
-    closeIcon: string;
-    closeable: boolean;
-    closeOnPopstate: boolean;
-    closeIconPosition: import("./Popup").PopupCloseIconPosition;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("open" | "close" | "opened" | "closed" | "update:show" | "click-overlay" | "click-close-icon")[], "open" | "close" | "opened" | "closed" | "update:show" | "click-overlay" | "click-close-icon", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    show: BooleanConstructor;
+    zIndex: (NumberConstructor | StringConstructor)[];
+    overlay: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    duration: (NumberConstructor | StringConstructor)[];
+    teleport: import("vue").PropType<string | import("vue").RendererElement | null | undefined>;
+    lockScroll: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    lazyRender: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    beforeClose: import("vue").PropType<import("../utils").Interceptor>;
+    overlayStyle: import("vue").PropType<import("vue").CSSProperties>;
+    overlayClass: import("vue").PropType<unknown>;
+    transitionAppear: BooleanConstructor;
+    closeOnClickOverlay: {
+        type: BooleanConstructor;
+        default: true;
+    };
 } & {
-    iconPrefix?: string | undefined;
-    zIndex?: string | number | undefined;
-    duration?: string | number | undefined;
-    teleport?: string | import("vue").RendererElement | null | undefined;
-    beforeClose?: import("../utils").Interceptor | undefined;
-    overlayStyle?: import("vue").CSSProperties | undefined;
-    overlayClass?: unknown;
-    transition?: string | undefined;
-}> & {
+    round: BooleanConstructor;
+    position: {
+        type: import("vue").PropType<import("./types").PopupPosition>;
+        default: import("./types").PopupPosition;
+    };
+    closeIcon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    closeable: BooleanConstructor;
+    transition: StringConstructor;
+    iconPrefix: StringConstructor;
+    closeOnPopstate: BooleanConstructor;
+    closeIconPosition: {
+        type: import("vue").PropType<import("./types").PopupCloseIconPosition>;
+        default: import("./types").PopupCloseIconPosition;
+    };
+    safeAreaInsetBottom: BooleanConstructor;
+}>> & {
     onOpen?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
     onOpened?: ((...args: any[]) => any) | undefined;
@@ -96,7 +95,7 @@ export declare const Popup: import("../utils").WithInstall<import("vue").DefineC
     "onClick-overlay"?: ((...args: any[]) => any) | undefined;
     "onClick-close-icon"?: ((...args: any[]) => any) | undefined;
 }, {
-    position: import("./Popup").PopupPosition;
+    position: import("./types").PopupPosition;
     round: boolean;
     safeAreaInsetBottom: boolean;
     overlay: boolean;
@@ -108,7 +107,13 @@ export declare const Popup: import("../utils").WithInstall<import("vue").DefineC
     closeIcon: string;
     closeable: boolean;
     closeOnPopstate: boolean;
-    closeIconPosition: import("./Popup").PopupCloseIconPosition;
+    closeIconPosition: import("./types").PopupCloseIconPosition;
 }>>;
 export default Popup;
-export type { PopupProps, PopupPosition, PopupCloseIconPosition, } from './Popup';
+export type { PopupProps } from './Popup';
+export type { PopupPosition, PopupInstance, PopupCloseIconPosition, } from './types';
+declare module 'vue' {
+    interface GlobalComponents {
+        VanPopup: typeof Popup;
+    }
+}