forked from element-plus/element-plus
/
popover.ts
72 lines (68 loc) 路 1.78 KB
/
popover.ts
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
import { buildProps, isBoolean } from '@element-plus/utils'
import {
useTooltipContentProps,
useTooltipTriggerProps,
} from '@element-plus/components/tooltip'
import { dropdownProps } from '@element-plus/components/dropdown'
import type { ExtractPropTypes } from 'vue'
import type Popover from './popover.vue'
export const popoverProps = buildProps({
trigger: useTooltipTriggerProps.trigger,
placement: dropdownProps.placement,
disabled: useTooltipTriggerProps.disabled,
visible: useTooltipContentProps.visible,
transition: useTooltipContentProps.transition,
popperOptions: dropdownProps.popperOptions,
tabindex: dropdownProps.tabindex,
content: useTooltipContentProps.content,
popperStyle: useTooltipContentProps.popperStyle,
popperClass: useTooltipContentProps.popperClass,
enterable: {
...useTooltipContentProps.enterable,
default: true,
},
effect: {
...useTooltipContentProps.effect,
default: 'light',
},
teleported: useTooltipContentProps.teleported,
title: String,
width: {
type: [String, Number],
default: 150,
},
offset: {
type: Number,
default: undefined,
},
showAfter: {
type: Number,
default: 0,
},
hideAfter: {
type: Number,
default: 200,
},
autoClose: {
type: Number,
default: 0,
},
showArrow: {
type: Boolean,
default: true,
},
persistent: {
type: Boolean,
default: true,
},
} as const)
export type PopoverProps = ExtractPropTypes<typeof popoverProps>
export const popoverEmits = {
'update:visible': (value: boolean) => isBoolean(value),
'before-enter': () => true,
'before-leave': () => true,
'after-enter': () => true,
'after-leave': () => true,
}
export type PopoverEmits = typeof popoverEmits
export type PopoverInstance = InstanceType<typeof Popover>