You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

82 lines
2.6 KiB

import { defineMixin } from '../../libs/vue'
import defProps from '../../libs/config/props.js'
export const props = defineMixin({
props: {
// 是否展示弹窗
show: {
type: Boolean,
default: () => defProps.popup.show
},
// 是否显示遮罩
overlay: {
type: Boolean,
default: () => defProps.popup.overlay
},
// 弹出的方向,可选值为 top bottom right left center
mode: {
type: String,
default: () => defProps.popup.mode
},
// 动画时长单位ms
duration: {
type: [String, Number],
default: () => defProps.popup.duration
},
// 是否显示关闭图标
closeable: {
type: Boolean,
default: () => defProps.popup.closeable
},
// 自定义遮罩的样式
overlayStyle: {
type: [Object, String],
default: () => defProps.popup.overlayStyle
},
// 点击遮罩是否关闭弹窗
closeOnClickOverlay: {
type: Boolean,
default: () => defProps.popup.closeOnClickOverlay
},
// 层级
zIndex: {
type: [String, Number],
default: () => defProps.popup.zIndex
},
// 是否为iPhoneX留出底部安全距离
safeAreaInsetBottom: {
type: Boolean,
default: () => defProps.popup.safeAreaInsetBottom
},
// 是否留出顶部安全距离(状态栏高度)
safeAreaInsetTop: {
type: Boolean,
default: () => defProps.popup.safeAreaInsetTop
},
// 自定义关闭图标位置top-left为左上角top-right为右上角bottom-left为左下角bottom-right为右下角
closeIconPos: {
type: String,
default: () => defProps.popup.closeIconPos
},
// 是否显示圆角
round: {
type: [Boolean, String, Number],
default: () => defProps.popup.round
},
// mode=center也即中部弹出时是否使用缩放模式
zoom: {
type: Boolean,
default: () => defProps.popup.zoom
},
// 弹窗背景色设置为transparent可去除白色背景
bgColor: {
type: String,
default: () => defProps.popup.bgColor
},
// 遮罩的透明度0-1之间
overlayOpacity: {
type: [Number, String],
default: () => defProps.popup.overlayOpacity
}
}
})