vant 3.3.5 → 3.4.1

package/es/popover/Popover.js

@@ -1,25 +1,21 @@
 import { mergeProps as _mergeProps, Fragment as _Fragment, createVNode as _createVNode } from "vue";
-import { ref, watch, nextTick, onMounted, onBeforeUnmount, defineComponent } from 'vue';
-import { createPopper, offsetModifier } from '@vant/popperjs'; // Utils
-
-import { pick, extend, truthProp, numericProp, unknownProp, BORDER_BOTTOM, makeStringProp, createNamespace, makeArrayProp } from '../utils'; // Composables
-
-import { useClickAway } from '@vant/use'; // Components
-
-import { Icon } from '../icon';
-import { Popup } from '../popup'; // Types
-
-var [name, bem] = createNamespace('popover');
-var popupProps = ['show', 'overlay', 'duration', 'teleport', 'overlayStyle', 'overlayClass', 'closeOnClickOverlay'];
-var popoverProps = {
+import { ref, watch, nextTick, onMounted, onBeforeUnmount, defineComponent } from "vue";
+import { createPopper, offsetModifier } from "@vant/popperjs";
+import { pick, extend, truthProp, numericProp, unknownProp, BORDER_BOTTOM, makeArrayProp, makeStringProp, createNamespace } from "../utils";
+import { useClickAway } from "@vant/use";
+import { Icon } from "../icon";
+import { Popup } from "../popup";
+const [name, bem] = createNamespace("popover");
+const popupProps = ["show", "overlay", "duration", "teleport", "overlayStyle", "overlayClass", "closeOnClickOverlay"];
+const popoverProps = {
   show: Boolean,
-  theme: makeStringProp('light'),
+  theme: makeStringProp("light"),
   overlay: Boolean,
   actions: makeArrayProp(),
-  trigger: makeStringProp('click'),
+  trigger: makeStringProp("click"),
   duration: numericProp,
   showArrow: truthProp,
-  placement: makeStringProp('bottom'),
+  placement: makeStringProp("bottom"),
   iconPrefix: String,
   overlayClass: unknownProp,
   overlayStyle: Object,
@@ -32,30 +28,27 @@ var popoverProps = {
   },
   teleport: {
     type: [String, Object],
-    default: 'body'
+    default: "body"
   }
 };
-export default defineComponent({
+var stdin_default = defineComponent({
   name,
   props: popoverProps,
-  emits: ['select', 'touchstart', 'update:show'],
-
-  setup(props, _ref) {
-    var {
-      emit,
-      slots,
-      attrs
-    } = _ref;
-    var popper;
-    var wrapperRef = ref();
-    var popoverRef = ref();
-
-    var createPopperInstance = () => {
+  emits: ["select", "touchstart", "update:show"],
+  setup(props, {
+    emit,
+    slots,
+    attrs
+  }) {
+    let popper;
+    const wrapperRef = ref();
+    const popoverRef = ref();
+    const createPopperInstance = () => {
       if (wrapperRef.value && popoverRef.value) {
         return createPopper(wrapperRef.value, popoverRef.value.popupRef.value, {
           placement: props.placement,
           modifiers: [{
-            name: 'computeStyles',
+            name: "computeStyles",
             options: {
               adaptive: false,
               gpuAcceleration: false
@@ -67,16 +60,13 @@ export default defineComponent({
           })]
         });
       }
-
       return null;
     };
-
-    var updateLocation = () => {
+    const updateLocation = () => {
       nextTick(() => {
         if (!props.show) {
           return;
         }
-
         if (!popper) {
           popper = createPopperInstance();
         } else {
@@ -86,67 +76,66 @@ export default defineComponent({
         }
       });
     };
-
-    var updateShow = value => emit('update:show', value);
-
-    var onClickWrapper = () => {
-      if (props.trigger === 'click') {
+    const updateShow = (value) => emit("update:show", value);
+    const onClickWrapper = () => {
+      if (props.trigger === "click") {
         updateShow(!props.show);
       }
     };
-
-    var onTouchstart = event => {
+    const onTouchstart = (event) => {
       event.stopPropagation();
-      emit('touchstart', event);
+      emit("touchstart", event);
     };
-
-    var onClickAction = (action, index) => {
+    const onClickAction = (action, index) => {
       if (action.disabled) {
         return;
       }
-
-      emit('select', action, index);
-
+      emit("select", action, index);
       if (props.closeOnClickAction) {
         updateShow(false);
       }
     };
-
-    var onClickAway = () => {
+    const onClickAway = () => {
       if (props.closeOnClickOutside && (!props.overlay || props.closeOnClickOverlay)) {
         updateShow(false);
       }
     };
-
-    var renderAction = (action, index) => {
-      var {
+    const renderActionContent = (action, index) => {
+      if (slots.action) {
+        return slots.action({
+          action,
+          index
+        });
+      }
+      return [action.icon && _createVNode(Icon, {
+        "name": action.icon,
+        "classPrefix": props.iconPrefix,
+        "class": bem("action-icon")
+      }, null), _createVNode("div", {
+        "class": [bem("action-text"), BORDER_BOTTOM]
+      }, [action.text])];
+    };
+    const renderAction = (action, index) => {
+      const {
         icon,
-        text,
         color,
         disabled,
         className
       } = action;
       return _createVNode("div", {
         "role": "menuitem",
-        "class": [bem('action', {
+        "class": [bem("action", {
           disabled,
-          'with-icon': icon
+          "with-icon": icon
         }), className],
         "style": {
           color
         },
-        "tabindex": disabled ? undefined : 0,
-        "aria-disabled": disabled || undefined,
+        "tabindex": disabled ? void 0 : 0,
+        "aria-disabled": disabled || void 0,
         "onClick": () => onClickAction(action, index)
-      }, [icon && _createVNode(Icon, {
-        "name": icon,
-        "classPrefix": props.iconPrefix,
-        "class": bem('action-icon')
-      }, null), _createVNode("div", {
-        "class": [bem('action-text'), BORDER_BOTTOM]
-      }, [text])]);
+      }, [renderActionContent(action, index)]);
     };
-
     onMounted(updateLocation);
     onBeforeUnmount(() => {
       if (popper) {
@@ -156,28 +145,33 @@ export default defineComponent({
     });
     watch(() => [props.show, props.placement], updateLocation);
     useClickAway(wrapperRef, onClickAway, {
-      eventName: 'touchstart'
+      eventName: "touchstart"
     });
-    return () => _createVNode(_Fragment, null, [_createVNode("span", {
-      "ref": wrapperRef,
-      "class": bem('wrapper'),
-      "onClick": onClickWrapper
-    }, [slots.reference == null ? void 0 : slots.reference()]), _createVNode(Popup, _mergeProps({
-      "ref": popoverRef,
-      "class": bem([props.theme]),
-      "position": '',
-      "transition": "van-popover-zoom",
-      "lockScroll": false,
-      "onTouchstart": onTouchstart,
-      "onUpdate:show": updateShow
-    }, attrs, pick(props, popupProps)), {
-      default: () => [props.showArrow && _createVNode("div", {
-        "class": bem('arrow')
-      }, null), _createVNode("div", {
-        "role": "menu",
-        "class": bem('content')
-      }, [slots.default ? slots.default() : props.actions.map(renderAction)])]
-    })]);
+    return () => {
+      var _a;
+      return _createVNode(_Fragment, null, [_createVNode("span", {
+        "ref": wrapperRef,
+        "class": bem("wrapper"),
+        "onClick": onClickWrapper
+      }, [(_a = slots.reference) == null ? void 0 : _a.call(slots)]), _createVNode(Popup, _mergeProps({
+        "ref": popoverRef,
+        "class": bem([props.theme]),
+        "position": "",
+        "transition": "van-popover-zoom",
+        "lockScroll": false,
+        "onTouchstart": onTouchstart,
+        "onUpdate:show": updateShow
+      }, attrs, pick(props, popupProps)), {
+        default: () => [props.showArrow && _createVNode("div", {
+          "class": bem("arrow")
+        }, null), _createVNode("div", {
+          "role": "menu",
+          "class": bem("content")
+        }, [slots.default ? slots.default() : props.actions.map(renderAction)])]
+      })]);
+    };
   }
-
-});
+});
+export {
+  stdin_default as default
+};

package/es/popover/index.css

@@ -1 +1 @@
-:root{--van-popover-arrow-size:6px;--van-popover-border-radius:var(--van-border-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-color:var(--van-background-color-light);--van-popover-light-action-disabled-text-color:var(--van-text-color-3);--van-popover-dark-text-color:var(--van-white);--van-popover-dark-background-color:#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-border-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%,100%)}.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:translate(100%,-50%)}.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:translate(-100%,-50%)}.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%,-100%)}.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-color);box-shadow:0 2px 12px rgba(50,50,51,.12)}.van-popover--light .van-popover__arrow{color:var(--van-popover-light-background-color)}.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-color)}.van-popover--dark .van-popover__arrow{color:var(--van-popover-dark-background-color)}.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-animation-timing-function-enter)}.van-popover-zoom-leave-active{transition-timing-function:var(--van-animation-timing-function-leave)}
+:root{--van-popover-arrow-size:6px;--van-popover-border-radius:var(--van-border-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-color:var(--van-background-color-light);--van-popover-light-action-disabled-text-color:var(--van-text-color-3);--van-popover-dark-text-color:var(--van-white);--van-popover-dark-background-color:#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-border-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%,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%}.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:translate(0,-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:translate(0,-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%,0);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-color);box-shadow:0 2px 12px rgba(50,50,51,.12)}.van-popover--light .van-popover__arrow{color:var(--van-popover-light-background-color)}.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-color)}.van-popover--dark .van-popover__arrow{color:var(--van-popover-dark-background-color)}.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-animation-timing-function-enter)}.van-popover-zoom-leave-active{transition-timing-function:var(--van-animation-timing-function-leave)}

package/es/popover/index.d.ts

@@ -45,7 +45,7 @@ export declare const Popover: import("../utils").WithInstall<import("vue").Defin
         type: import("vue").PropType<string | import("vue").RendererElement | null | undefined>;
         default: string;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "touchstart" | "update:show")[], "select" | "touchstart" | "update:show", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "touchstart" | "update:show")[], "select" | "touchstart" | "update:show", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     show?: unknown;
     theme?: unknown;
     overlay?: unknown;
@@ -101,3 +101,8 @@ export declare const Popover: import("../utils").WithInstall<import("vue").Defin
 export default Popover;
 export type { PopoverProps } from './Popover';
 export type { PopoverTheme, PopoverAction, PopoverTrigger, PopoverPlacement, } from './types';
+declare module 'vue' {
+    interface GlobalComponents {
+        VanPopover: typeof Popover;
+    }
+}

package/es/popover/index.js

@@ -1,4 +1,8 @@
-import { withInstall } from '../utils';
-import _Popover from './Popover';
-export var Popover = withInstall(_Popover);
-export default Popover;
+import { withInstall } from "../utils";
+import _Popover from "./Popover";
+const Popover = withInstall(_Popover);
+var stdin_default = Popover;
+export {
+  Popover,
+  stdin_default as default
+};

package/es/popover/index.less

@@ -83,7 +83,8 @@
       bottom: 0;
       border-top-color: currentColor;
       border-bottom-width: 0;
-      transform: translate(-50%, 100%);
+      transform: translate(-50%, 0%);
+      margin-bottom: calc(var(--van-popover-arrow-size) * -1);
     }
   }
 
@@ -116,7 +117,8 @@
       right: 0;
       border-right-width: 0;
       border-left-color: currentColor;
-      transform: translate(100%, -50%);
+      transform: translate(0%, -50%);
+      margin-right: calc(var(--van-popover-arrow-size) * -1);
     }
   }
 
@@ -149,7 +151,8 @@
       left: 0;
       border-right-color: currentColor;
       border-left-width: 0;
-      transform: translate(-100%, -50%);
+      transform: translate(0%, -50%);
+      margin-left: calc(var(--van-popover-arrow-size) * -1);
     }
   }
 
@@ -182,7 +185,8 @@
       top: 0;
       border-top-width: 0;
       border-bottom-color: currentColor;
-      transform: translate(-50%, -100%);
+      transform: translate(-50%, 0%);
+      margin-top: calc(var(--van-popover-arrow-size) * -1);
     }
   }
 

package/es/popover/style/index.js

@@ -1,6 +1,6 @@
-import '../../style/base.css';
-import '../../badge/index.css';
-import '../../icon/index.css';
-import '../../overlay/index.css';
-import '../../popup/index.css';
-import '../index.css';
+import "../../style/base.css";
+import "../../badge/index.css";
+import "../../icon/index.css";
+import "../../overlay/index.css";
+import "../../popup/index.css";
+import "../index.css";

package/es/popover/style/less.js

@@ -1,6 +1,6 @@
-import '../../style/base.less';
-import '../../badge/index.less';
-import '../../icon/index.less';
-import '../../overlay/index.less';
-import '../../popup/index.less';
-import '../index.less';
+import "../../style/base.less";
+import "../../badge/index.less";
+import "../../icon/index.less";
+import "../../overlay/index.less";
+import "../../popup/index.less";
+import "../index.less";

package/es/popover/types.js

@@ -1 +0,0 @@
-export {};

package/es/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,7 +90,7 @@ 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<{
+}, () => 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<{
     show?: unknown;
     zIndex?: unknown;
     overlay?: unknown;
@@ -114,6 +113,7 @@ declare const _default: import("vue").DefineComponent<{
     closeIconPosition?: unknown;
     safeAreaInsetBottom?: unknown;
 } & {
+    position: PopupPosition;
     round: boolean;
     safeAreaInsetBottom: boolean;
     overlay: boolean;
@@ -122,7 +122,6 @@ declare const _default: import("vue").DefineComponent<{
     lazyRender: boolean;
     transitionAppear: boolean;
     closeOnClickOverlay: boolean;
-    position: PopupPosition;
     closeIcon: string;
     closeable: boolean;
     closeOnPopstate: boolean;
@@ -145,6 +144,7 @@ declare const _default: import("vue").DefineComponent<{
     "onClick-overlay"?: ((...args: any[]) => any) | undefined;
     "onClick-close-icon"?: ((...args: any[]) => any) | undefined;
 }, {
+    position: PopupPosition;
     round: boolean;
     safeAreaInsetBottom: boolean;
     overlay: boolean;
@@ -153,7 +153,6 @@ declare const _default: import("vue").DefineComponent<{
     lazyRender: boolean;
     transitionAppear: boolean;
     closeOnClickOverlay: boolean;
-    position: PopupPosition;
     closeIcon: string;
     closeable: boolean;
     closeOnPopstate: boolean;