49 lines
1.2 KiB
TypeScript
49 lines
1.2 KiB
TypeScript
import type { CSSProperties, ExtractPropTypes, PropType } from 'vue'
|
|
import { CLICK_EVENT, UPDATE_VISIBLE_EVENT } from '../_constants'
|
|
import { commonProps, isBoolean, makeNumericProp, makeStringProp, truthProp } from '../_utils'
|
|
|
|
export const overlayProps = {
|
|
...commonProps,
|
|
/**
|
|
* @description 控制遮罩的显示/隐藏
|
|
*/
|
|
visible: Boolean,
|
|
/**
|
|
* @description 自定义遮罩层级
|
|
*/
|
|
zIndex: Number,
|
|
/**
|
|
* @description 显示/隐藏的动画时长，单位毫秒
|
|
*/
|
|
duration: makeNumericProp(300),
|
|
/**
|
|
* @description 自定义遮罩类名
|
|
*/
|
|
overlayClass: makeStringProp(''),
|
|
/**
|
|
* @description 自定义遮罩样式
|
|
*/
|
|
overlayStyle: Object as PropType<CSSProperties>,
|
|
/**
|
|
* @description 遮罩显示时的背景是否锁定
|
|
*/
|
|
lockScroll: Boolean,
|
|
/**
|
|
* @description 点击遮罩时是否关闭
|
|
*/
|
|
closeOnClickOverlay: truthProp,
|
|
/**
|
|
* @description 是否保留遮罩关闭后的内容
|
|
*/
|
|
destroyOnClose: Boolean,
|
|
}
|
|
|
|
export type OverlayProps = ExtractPropTypes<typeof overlayProps>
|
|
|
|
export const overlayEmits = {
|
|
[UPDATE_VISIBLE_EVENT]: (visible: boolean) => isBoolean(visible),
|
|
[CLICK_EVENT]: (evt: any) => evt instanceof Object,
|
|
}
|
|
|
|
export type OverlayEmits = typeof overlayEmits
|