ep-craft 0.1.33 → 0.1.34
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/button/index.d.ts +12 -0
- package/dist/components/button-group/index.d.ts +3 -2
- package/dist/components/button-group/index.js +7 -3
- package/dist/components/button-group/src/button-group.d.ts +48 -0
- package/dist/components/button-group/src/button-group.js +7 -0
- package/dist/components/button-group/src/button-group.vue.d.ts +16 -0
- package/dist/components/button-group/src/button-group.vue.js +42 -0
- package/dist/components/button-group/src/button-group2.vue.js +4 -0
- package/dist/components/collection/index.d.ts +8 -0
- package/dist/components/collection/src/collection-item.vue.d.ts +2 -0
- package/dist/components/collection/src/collection-item.vue.js +10 -0
- package/dist/components/collection/src/collection-item2.vue.js +8 -0
- package/dist/components/collection/src/collection.d.ts +39 -0
- package/dist/components/collection/src/collection.js +52 -0
- package/dist/components/collection/src/collection.vue.d.ts +2 -0
- package/dist/components/collection/src/collection.vue.js +10 -0
- package/dist/components/collection/src/collection2.vue.js +7 -0
- package/dist/components/collection/src/tokens.d.ts +18 -0
- package/dist/components/divider/index.d.ts +24 -2
- package/dist/components/divider/index.js +8 -3
- package/dist/components/divider/src/divider.d.ts +30 -0
- package/dist/components/divider/src/divider.js +34 -0
- package/dist/components/divider/src/divider.vue.d.ts +24 -0
- package/dist/components/divider/src/divider.vue.js +39 -0
- package/dist/components/divider/src/divider2.vue.js +4 -0
- package/dist/components/dropdown/index.d.ts +3017 -3
- package/dist/components/dropdown/index.js +23 -3
- package/dist/components/dropdown/src/dropdown-item-impl.vue.d.ts +79 -0
- package/dist/components/dropdown/src/dropdown-item-impl.vue.js +40 -0
- package/dist/components/dropdown/src/dropdown-item-impl2.vue.js +68 -0
- package/dist/components/dropdown/src/dropdown-item.vue.d.ts +169 -0
- package/dist/components/dropdown/src/dropdown-item.vue.js +35 -0
- package/dist/components/dropdown/src/dropdown-item2.vue.js +63 -0
- package/dist/components/dropdown/src/dropdown-menu.vue.d.ts +27 -0
- package/dist/components/dropdown/src/dropdown-menu.vue.js +24 -0
- package/dist/components/dropdown/src/dropdown-menu2.vue.js +75 -0
- package/dist/components/dropdown/src/dropdown.d.ts +200 -0
- package/dist/components/dropdown/src/dropdown.js +201 -0
- package/dist/components/dropdown/src/dropdown.vue.d.ts +1126 -0
- package/dist/components/dropdown/src/dropdown.vue.js +127 -0
- package/dist/components/dropdown/src/dropdown2.vue.js +127 -0
- package/dist/components/dropdown/src/instance.d.ts +2 -0
- package/dist/components/dropdown/src/tokens.d.ts +13 -0
- package/dist/components/dropdown/src/tokens.js +5 -0
- package/dist/components/dropdown/src/useDropdown.d.ts +5 -0
- package/dist/components/dropdown/src/useDropdown.js +15 -0
- package/dist/components/dropdown-item/index.d.ts +1 -4
- package/dist/components/dropdown-menu/index.d.ts +1 -4
- package/dist/components/index.js +129 -131
- package/dist/components/popover/index.d.ts +121 -3
- package/dist/components/popover/index.js +19 -4
- package/dist/components/popover/src/directive.d.ts +4 -0
- package/dist/components/popover/src/directive.js +15 -0
- package/dist/components/popover/src/popover.d.ts +291 -0
- package/dist/components/popover/src/popover.js +168 -0
- package/dist/components/popover/src/popover.vue.d.ts +53 -0
- package/dist/components/popover/src/popover.vue.js +125 -0
- package/dist/components/popover/src/popover2.vue.js +4 -0
- package/dist/components/progress/index.d.ts +35 -2
- package/dist/components/progress/index.js +10 -4
- package/dist/components/progress/src/progress.d.ts +97 -0
- package/dist/components/progress/src/progress.js +104 -0
- package/dist/components/progress/src/progress.vue.d.ts +30 -0
- package/dist/components/progress/src/progress.vue.js +179 -0
- package/dist/components/progress/src/progress2.vue.js +4 -0
- package/dist/components/roving-focus-group/index.d.ts +14 -0
- package/dist/components/roving-focus-group/index.js +15 -0
- package/dist/components/roving-focus-group/src/roving-focus-group-impl.vue.d.ts +50 -0
- package/dist/components/roving-focus-group/src/roving-focus-group-impl.vue.js +10 -0
- package/dist/components/roving-focus-group/src/roving-focus-group-impl2.vue.js +115 -0
- package/dist/components/roving-focus-group/src/roving-focus-group.d.ts +56 -0
- package/dist/components/roving-focus-group/src/roving-focus-group.js +43 -0
- package/dist/components/roving-focus-group/src/roving-focus-group.vue.d.ts +67 -0
- package/dist/components/roving-focus-group/src/roving-focus-group.vue.js +13 -0
- package/dist/components/roving-focus-group/src/roving-focus-group2.vue.js +21 -0
- package/dist/components/roving-focus-group/src/roving-focus-item.vue.d.ts +43 -0
- package/dist/components/roving-focus-group/src/roving-focus-item.vue.js +20 -0
- package/dist/components/roving-focus-group/src/roving-focus-item2.vue.js +78 -0
- package/dist/components/roving-focus-group/src/tokens.d.ts +28 -0
- package/dist/components/roving-focus-group/src/tokens.js +5 -0
- package/dist/components/roving-focus-group/src/utils.d.ts +8 -0
- package/dist/components/roving-focus-group/src/utils.js +28 -0
- package/dist/components/upload/index.d.ts +45 -2
- package/dist/components/upload/index.js +23 -4
- package/dist/components/upload/src/ajax.d.ts +9 -0
- package/dist/components/upload/src/ajax.js +58 -0
- package/dist/components/upload/src/constants.d.ts +5 -0
- package/dist/components/upload/src/constants.js +4 -0
- package/dist/components/upload/src/upload-content.d.ts +136 -0
- package/dist/components/upload/src/upload-content.js +53 -0
- package/dist/components/upload/src/upload-content.vue.d.ts +38 -0
- package/dist/components/upload/src/upload-content.vue.js +186 -0
- package/dist/components/upload/src/upload-content2.vue.js +4 -0
- package/dist/components/upload/src/upload-dragger.d.ts +22 -0
- package/dist/components/upload/src/upload-dragger.js +19 -0
- package/dist/components/upload/src/upload-dragger.vue.d.ts +19 -0
- package/dist/components/upload/src/upload-dragger.vue.js +91 -0
- package/dist/components/upload/src/upload-dragger2.vue.js +4 -0
- package/dist/components/upload/src/upload-list.d.ts +45 -0
- package/dist/components/upload/src/upload-list.js +39 -0
- package/dist/components/upload/src/upload-list.vue.d.ts +28 -0
- package/dist/components/upload/src/upload-list.vue.js +182 -0
- package/dist/components/upload/src/upload-list2.vue.js +4 -0
- package/dist/components/upload/src/upload.d.ts +361 -0
- package/dist/components/upload/src/upload.js +216 -0
- package/dist/components/upload/src/upload.vue.d.ts +64 -0
- package/dist/components/upload/src/upload.vue.js +150 -0
- package/dist/components/upload/src/upload2.vue.js +4 -0
- package/dist/components/upload/src/use-handlers.d.ts +60 -0
- package/dist/components/upload/src/use-handlers.js +111 -0
- package/dist/ep-craft.js +275 -238
- package/dist/index.d.ts +43 -0
- package/dist/utils/dom/event.js +12 -11
- package/dist/utils/objects.js +10 -9
- package/dist/utils/vue/install.js +21 -18
- package/dist/utils/vue/refs.js +8 -0
- package/dist/vendored-components.d.ts +1 -1
- package/dist/vendored-components.js +33 -4
- package/package.json +1 -1
- package/dist/components/dropdown-item/index.js +0 -6
- package/dist/components/dropdown-menu/index.js +0 -6
|
@@ -1,4 +1,122 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
export declare const EpPopoverDirective: import("../../utils").SFCWithInstall<import("vue").ObjectDirective<any, any, string, any>>;
|
|
2
|
+
export declare const EpPopover: ({
|
|
3
|
+
new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import(".").PopoverProps> & Readonly<{
|
|
4
|
+
"onAfter-leave"?: (() => any) | undefined;
|
|
5
|
+
"onBefore-enter"?: (() => any) | undefined;
|
|
6
|
+
"onAfter-enter"?: (() => any) | undefined;
|
|
7
|
+
"onBefore-leave"?: (() => any) | undefined;
|
|
8
|
+
"onUpdate:visible"?: ((value: boolean) => any) | undefined;
|
|
9
|
+
}>, {
|
|
10
|
+
popperRef: import("vue").ComputedRef<import("../popper").PopperInstance | undefined>;
|
|
11
|
+
hide: () => void;
|
|
12
|
+
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
13
|
+
"after-leave": () => void;
|
|
14
|
+
"before-enter": () => void;
|
|
15
|
+
"after-enter": () => void;
|
|
16
|
+
"before-leave": () => void;
|
|
17
|
+
"update:visible": (value: boolean) => void;
|
|
18
|
+
}, import("vue").PublicProps, {
|
|
19
|
+
content: string;
|
|
20
|
+
visible: boolean | null;
|
|
21
|
+
width: string | number;
|
|
22
|
+
offset: number;
|
|
23
|
+
tabindex: string | number;
|
|
24
|
+
teleported: boolean;
|
|
25
|
+
placement: import("element-plus").Placement;
|
|
26
|
+
effect: import("../popper").PopperEffect;
|
|
27
|
+
showAfter: number;
|
|
28
|
+
hideAfter: number;
|
|
29
|
+
autoClose: number;
|
|
30
|
+
trigger: import("../../utils").Arrayable<import("../tooltip").TooltipTriggerType>;
|
|
31
|
+
popperOptions: Partial<import("element-plus").Options>;
|
|
32
|
+
enterable: boolean;
|
|
33
|
+
popperStyle: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null;
|
|
34
|
+
triggerKeys: string[];
|
|
35
|
+
persistent: boolean;
|
|
36
|
+
showArrow: boolean;
|
|
37
|
+
}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
|
|
38
|
+
P: {};
|
|
39
|
+
B: {};
|
|
40
|
+
D: {};
|
|
41
|
+
C: {};
|
|
42
|
+
M: {};
|
|
43
|
+
Defaults: {};
|
|
44
|
+
}, Readonly<import(".").PopoverProps> & Readonly<{
|
|
45
|
+
"onAfter-leave"?: (() => any) | undefined;
|
|
46
|
+
"onBefore-enter"?: (() => any) | undefined;
|
|
47
|
+
"onAfter-enter"?: (() => any) | undefined;
|
|
48
|
+
"onBefore-leave"?: (() => any) | undefined;
|
|
49
|
+
"onUpdate:visible"?: ((value: boolean) => any) | undefined;
|
|
50
|
+
}>, {
|
|
51
|
+
popperRef: import("vue").ComputedRef<import("../popper").PopperInstance | undefined>;
|
|
52
|
+
hide: () => void;
|
|
53
|
+
}, {}, {}, {}, {
|
|
54
|
+
content: string;
|
|
55
|
+
visible: boolean | null;
|
|
56
|
+
width: string | number;
|
|
57
|
+
offset: number;
|
|
58
|
+
tabindex: string | number;
|
|
59
|
+
teleported: boolean;
|
|
60
|
+
placement: import("element-plus").Placement;
|
|
61
|
+
effect: import("../popper").PopperEffect;
|
|
62
|
+
showAfter: number;
|
|
63
|
+
hideAfter: number;
|
|
64
|
+
autoClose: number;
|
|
65
|
+
trigger: import("../../utils").Arrayable<import("../tooltip").TooltipTriggerType>;
|
|
66
|
+
popperOptions: Partial<import("element-plus").Options>;
|
|
67
|
+
enterable: boolean;
|
|
68
|
+
popperStyle: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null;
|
|
69
|
+
triggerKeys: string[];
|
|
70
|
+
persistent: boolean;
|
|
71
|
+
showArrow: boolean;
|
|
72
|
+
}>;
|
|
73
|
+
__isFragment?: never;
|
|
74
|
+
__isTeleport?: never;
|
|
75
|
+
__isSuspense?: never;
|
|
76
|
+
} & import("vue").ComponentOptionsBase<Readonly<import(".").PopoverProps> & Readonly<{
|
|
77
|
+
"onAfter-leave"?: (() => any) | undefined;
|
|
78
|
+
"onBefore-enter"?: (() => any) | undefined;
|
|
79
|
+
"onAfter-enter"?: (() => any) | undefined;
|
|
80
|
+
"onBefore-leave"?: (() => any) | undefined;
|
|
81
|
+
"onUpdate:visible"?: ((value: boolean) => any) | undefined;
|
|
82
|
+
}>, {
|
|
83
|
+
popperRef: import("vue").ComputedRef<import("../popper").PopperInstance | undefined>;
|
|
84
|
+
hide: () => void;
|
|
85
|
+
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
86
|
+
"after-leave": () => void;
|
|
87
|
+
"before-enter": () => void;
|
|
88
|
+
"after-enter": () => void;
|
|
89
|
+
"before-leave": () => void;
|
|
90
|
+
"update:visible": (value: boolean) => void;
|
|
91
|
+
}, string, {
|
|
92
|
+
content: string;
|
|
93
|
+
visible: boolean | null;
|
|
94
|
+
width: string | number;
|
|
95
|
+
offset: number;
|
|
96
|
+
tabindex: string | number;
|
|
97
|
+
teleported: boolean;
|
|
98
|
+
placement: import("element-plus").Placement;
|
|
99
|
+
effect: import("../popper").PopperEffect;
|
|
100
|
+
showAfter: number;
|
|
101
|
+
hideAfter: number;
|
|
102
|
+
autoClose: number;
|
|
103
|
+
trigger: import("../../utils").Arrayable<import("../tooltip").TooltipTriggerType>;
|
|
104
|
+
popperOptions: Partial<import("element-plus").Options>;
|
|
105
|
+
enterable: boolean;
|
|
106
|
+
popperStyle: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null;
|
|
107
|
+
triggerKeys: string[];
|
|
108
|
+
persistent: boolean;
|
|
109
|
+
showArrow: boolean;
|
|
110
|
+
}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
|
|
111
|
+
$slots: {
|
|
112
|
+
reference?: (props: {}) => any;
|
|
113
|
+
} & {
|
|
114
|
+
default?: (props: {
|
|
115
|
+
hide: () => void;
|
|
116
|
+
}) => any;
|
|
117
|
+
};
|
|
118
|
+
}) & import("vue").Plugin) & {
|
|
119
|
+
directive: import("../../utils").SFCWithInstall<import("vue").ObjectDirective<any, any, string, any>>;
|
|
120
|
+
};
|
|
4
121
|
export default EpPopover;
|
|
122
|
+
export * from './src/popover';
|
|
@@ -1,6 +1,21 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
|
|
1
|
+
import { withInstall as t } from "../../utils/with-install.js";
|
|
2
|
+
import { withInstallDirective as i } from "../../utils/vue/install.js";
|
|
3
|
+
import v from "./src/popover.vue.js";
|
|
4
|
+
import m, { VPopover as e } from "./src/directive.js";
|
|
5
|
+
import { popoverEmits as a, popoverProps as D, popoverPropsDefaults as E } from "./src/popover.js";
|
|
6
|
+
const p = i(
|
|
7
|
+
m,
|
|
8
|
+
e
|
|
9
|
+
), r = Object.assign(t(v, "ep-popover"), {
|
|
10
|
+
directive: p
|
|
11
|
+
});
|
|
12
|
+
r.install = (o) => {
|
|
13
|
+
o.component("ep-popover", r), o.directive(e, p);
|
|
14
|
+
};
|
|
4
15
|
export {
|
|
5
|
-
|
|
16
|
+
r as EpPopover,
|
|
17
|
+
p as EpPopoverDirective,
|
|
18
|
+
a as popoverEmits,
|
|
19
|
+
D as popoverProps,
|
|
20
|
+
E as popoverPropsDefaults
|
|
6
21
|
};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
const a = (o, e) => {
|
|
2
|
+
const t = e.arg || e.value, r = t == null ? void 0 : t.popperRef;
|
|
3
|
+
r && (r.triggerRef = o);
|
|
4
|
+
}, c = {
|
|
5
|
+
mounted(o, e) {
|
|
6
|
+
a(o, e);
|
|
7
|
+
},
|
|
8
|
+
updated(o, e) {
|
|
9
|
+
a(o, e);
|
|
10
|
+
}
|
|
11
|
+
}, p = "popover";
|
|
12
|
+
export {
|
|
13
|
+
p as VPopover,
|
|
14
|
+
c as default
|
|
15
|
+
};
|
|
@@ -0,0 +1,291 @@
|
|
|
1
|
+
import type { ExtractPublicPropTypes, PropType } from 'vue';
|
|
2
|
+
import type Popover from './popover.vue';
|
|
3
|
+
import type { Placement } from '@element-plus/components/popper';
|
|
4
|
+
import type { Options } from '@popperjs/core';
|
|
5
|
+
import type { ElTooltipContentProps, UseTooltipTriggerProps } from '@element-plus/components/tooltip';
|
|
6
|
+
export interface PopoverProps {
|
|
7
|
+
/**
|
|
8
|
+
* @description how the popover is triggered, not valid in controlled mode
|
|
9
|
+
*/
|
|
10
|
+
trigger?: UseTooltipTriggerProps['trigger'];
|
|
11
|
+
/**
|
|
12
|
+
* @description When you click the mouse to focus on the trigger element, you can define a set of keyboard codes to control the display of popover through the keyboard, not valid in controlled mode
|
|
13
|
+
*/
|
|
14
|
+
triggerKeys?: UseTooltipTriggerProps['triggerKeys'];
|
|
15
|
+
/**
|
|
16
|
+
* @description popover placement
|
|
17
|
+
*/
|
|
18
|
+
placement?: Placement;
|
|
19
|
+
/**
|
|
20
|
+
* @description whether Popover is disabled
|
|
21
|
+
*/
|
|
22
|
+
disabled?: UseTooltipTriggerProps['disabled'];
|
|
23
|
+
/**
|
|
24
|
+
* @description whether popover is visible
|
|
25
|
+
*/
|
|
26
|
+
visible?: ElTooltipContentProps['visible'];
|
|
27
|
+
/**
|
|
28
|
+
* @description popover transition animation
|
|
29
|
+
*/
|
|
30
|
+
transition?: ElTooltipContentProps['transition'];
|
|
31
|
+
/**
|
|
32
|
+
* @description parameters for [popper.js](https://popper.js.org/docs/v2/)
|
|
33
|
+
*/
|
|
34
|
+
popperOptions?: Partial<Options>;
|
|
35
|
+
/**
|
|
36
|
+
* @description [tabindex](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) of Popover
|
|
37
|
+
*/
|
|
38
|
+
tabindex?: string | number;
|
|
39
|
+
/**
|
|
40
|
+
* @description popover content, can be replaced with a default `slot`
|
|
41
|
+
*/
|
|
42
|
+
content?: ElTooltipContentProps['content'];
|
|
43
|
+
/**
|
|
44
|
+
* @description custom style for popover
|
|
45
|
+
*/
|
|
46
|
+
popperStyle?: ElTooltipContentProps['popperStyle'];
|
|
47
|
+
/**
|
|
48
|
+
* @description custom class name for popover
|
|
49
|
+
*/
|
|
50
|
+
popperClass?: ElTooltipContentProps['popperClass'];
|
|
51
|
+
/**
|
|
52
|
+
* @description whether the mouse can enter the popover
|
|
53
|
+
*/
|
|
54
|
+
enterable?: ElTooltipContentProps['enterable'];
|
|
55
|
+
/**
|
|
56
|
+
* @description Tooltip theme, built-in theme: `dark` / `light`
|
|
57
|
+
*/
|
|
58
|
+
effect?: ElTooltipContentProps['effect'];
|
|
59
|
+
/**
|
|
60
|
+
* @description whether popover dropdown is teleported to the body
|
|
61
|
+
*/
|
|
62
|
+
teleported?: ElTooltipContentProps['teleported'];
|
|
63
|
+
/**
|
|
64
|
+
* @description which select dropdown appends to
|
|
65
|
+
*/
|
|
66
|
+
appendTo?: ElTooltipContentProps['appendTo'];
|
|
67
|
+
/**
|
|
68
|
+
* @description popover title
|
|
69
|
+
*/
|
|
70
|
+
title?: string;
|
|
71
|
+
/**
|
|
72
|
+
* @description popover width
|
|
73
|
+
*/
|
|
74
|
+
width?: string | number;
|
|
75
|
+
/**
|
|
76
|
+
* @description popover offset
|
|
77
|
+
*/
|
|
78
|
+
offset?: number;
|
|
79
|
+
/**
|
|
80
|
+
* @description delay of appearance, in millisecond, not valid in controlled mode
|
|
81
|
+
*/
|
|
82
|
+
showAfter?: number;
|
|
83
|
+
/**
|
|
84
|
+
* @description delay of disappear, in millisecond, not valid in controlled mode
|
|
85
|
+
*/
|
|
86
|
+
hideAfter?: number;
|
|
87
|
+
/**
|
|
88
|
+
* @description timeout in milliseconds to hide tooltip, not valid in controlled mode
|
|
89
|
+
*/
|
|
90
|
+
autoClose?: number;
|
|
91
|
+
/**
|
|
92
|
+
* @description whether a tooltip arrow is displayed or not. For more info, please refer to [ElPopper](https://github.com/element-plus/element-plus/tree/dev/packages/components/popper)
|
|
93
|
+
*/
|
|
94
|
+
showArrow?: boolean;
|
|
95
|
+
/**
|
|
96
|
+
* @description when popover inactive and `persistent` is `false` , popover will be destroyed
|
|
97
|
+
*/
|
|
98
|
+
persistent?: boolean;
|
|
99
|
+
/**
|
|
100
|
+
* @description update:visible event handler
|
|
101
|
+
*/
|
|
102
|
+
'onUpdate:visible'?: (visible: boolean) => void;
|
|
103
|
+
}
|
|
104
|
+
/**
|
|
105
|
+
* @deprecated Removed after 3.0.0, Use `PopoverProps` instead.
|
|
106
|
+
*/
|
|
107
|
+
export declare const popoverProps: {
|
|
108
|
+
readonly trigger: import("@element-plus/utils").EpPropFinalized<(new (...args: any[]) => "click" | "focus" | "contextmenu" | "hover" | import("@element-plus/components/tooltip").TooltipTriggerType[]) | (() => import("@element-plus/utils").Arrayable<import("@element-plus/components/tooltip").TooltipTriggerType>) | (((new (...args: any[]) => "click" | "focus" | "contextmenu" | "hover" | import("@element-plus/components/tooltip").TooltipTriggerType[]) | (() => import("@element-plus/utils").Arrayable<import("@element-plus/components/tooltip").TooltipTriggerType>)) | null)[], unknown, unknown, "hover", boolean>;
|
|
109
|
+
readonly triggerKeys: import("@element-plus/utils").EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | (((new (...args: any[]) => string[]) | (() => string[])) | null)[], unknown, unknown, () => string[], boolean>;
|
|
110
|
+
readonly placement: import("@element-plus/utils").EpPropFinalized<(new (...args: any[]) => "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], unknown, unknown, "bottom", boolean>;
|
|
111
|
+
readonly disabled: BooleanConstructor;
|
|
112
|
+
readonly visible: import("@element-plus/utils").EpPropFinalized<(new (...args: any[]) => boolean) | (() => boolean | null) | (((new (...args: any[]) => boolean) | (() => boolean | null)) | null)[], unknown, unknown, null, boolean>;
|
|
113
|
+
readonly transition: StringConstructor;
|
|
114
|
+
readonly popperOptions: import("@element-plus/utils").EpPropFinalized<(new (...args: any[]) => Partial<Options>) | (() => Partial<Options>) | (((new (...args: any[]) => Partial<Options>) | (() => Partial<Options>)) | null)[], unknown, unknown, () => {}, boolean>;
|
|
115
|
+
readonly tabindex: import("@element-plus/utils").EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | (((new (...args: any[]) => string | number) | (() => string | number)) | null)[], unknown, unknown, 0, boolean>;
|
|
116
|
+
readonly content: import("@element-plus/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
|
|
117
|
+
readonly popperStyle: import("@element-plus/utils").EpPropFinalized<(new (...args: any[]) => string | false | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue) | (((new (...args: any[]) => string | false | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue)) | null)[], unknown, unknown, undefined, boolean>;
|
|
118
|
+
readonly popperClass: {
|
|
119
|
+
readonly type: PropType<import("@element-plus/utils").EpPropMergeType<(new (...args: any[]) => string | {
|
|
120
|
+
[x: string]: boolean;
|
|
121
|
+
} | (string | {
|
|
122
|
+
[x: string]: boolean;
|
|
123
|
+
} | (string | {
|
|
124
|
+
[x: string]: boolean;
|
|
125
|
+
} | (string | {
|
|
126
|
+
[x: string]: boolean;
|
|
127
|
+
} | (string | {
|
|
128
|
+
[x: string]: boolean;
|
|
129
|
+
} | (string | {
|
|
130
|
+
[x: string]: boolean;
|
|
131
|
+
} | (string | {
|
|
132
|
+
[x: string]: boolean;
|
|
133
|
+
} | (string | {
|
|
134
|
+
[x: string]: boolean;
|
|
135
|
+
} | (string | {
|
|
136
|
+
[x: string]: boolean;
|
|
137
|
+
} | (string | {
|
|
138
|
+
[x: string]: boolean;
|
|
139
|
+
} | (string | {
|
|
140
|
+
[x: string]: boolean;
|
|
141
|
+
} | (string | {
|
|
142
|
+
[x: string]: boolean;
|
|
143
|
+
} | /*elided*/ any)[])[])[])[])[])[])[])[])[])[])[]) | (() => string | {
|
|
144
|
+
[x: string]: boolean;
|
|
145
|
+
} | (string | {
|
|
146
|
+
[x: string]: boolean;
|
|
147
|
+
} | (string | {
|
|
148
|
+
[x: string]: boolean;
|
|
149
|
+
} | (string | {
|
|
150
|
+
[x: string]: boolean;
|
|
151
|
+
} | (string | {
|
|
152
|
+
[x: string]: boolean;
|
|
153
|
+
} | (string | {
|
|
154
|
+
[x: string]: boolean;
|
|
155
|
+
} | (string | {
|
|
156
|
+
[x: string]: boolean;
|
|
157
|
+
} | (string | {
|
|
158
|
+
[x: string]: boolean;
|
|
159
|
+
} | (string | {
|
|
160
|
+
[x: string]: boolean;
|
|
161
|
+
} | (string | {
|
|
162
|
+
[x: string]: boolean;
|
|
163
|
+
} | (string | {
|
|
164
|
+
[x: string]: boolean;
|
|
165
|
+
} | (string | {
|
|
166
|
+
[x: string]: boolean;
|
|
167
|
+
} | /*elided*/ any)[])[])[])[])[])[])[])[])[])[])[]) | (((new (...args: any[]) => string | {
|
|
168
|
+
[x: string]: boolean;
|
|
169
|
+
} | (string | {
|
|
170
|
+
[x: string]: boolean;
|
|
171
|
+
} | (string | {
|
|
172
|
+
[x: string]: boolean;
|
|
173
|
+
} | (string | {
|
|
174
|
+
[x: string]: boolean;
|
|
175
|
+
} | (string | {
|
|
176
|
+
[x: string]: boolean;
|
|
177
|
+
} | (string | {
|
|
178
|
+
[x: string]: boolean;
|
|
179
|
+
} | (string | {
|
|
180
|
+
[x: string]: boolean;
|
|
181
|
+
} | (string | {
|
|
182
|
+
[x: string]: boolean;
|
|
183
|
+
} | (string | {
|
|
184
|
+
[x: string]: boolean;
|
|
185
|
+
} | (string | {
|
|
186
|
+
[x: string]: boolean;
|
|
187
|
+
} | (string | {
|
|
188
|
+
[x: string]: boolean;
|
|
189
|
+
} | (string | {
|
|
190
|
+
[x: string]: boolean;
|
|
191
|
+
} | /*elided*/ any)[])[])[])[])[])[])[])[])[])[])[]) | (() => string | {
|
|
192
|
+
[x: string]: boolean;
|
|
193
|
+
} | (string | {
|
|
194
|
+
[x: string]: boolean;
|
|
195
|
+
} | (string | {
|
|
196
|
+
[x: string]: boolean;
|
|
197
|
+
} | (string | {
|
|
198
|
+
[x: string]: boolean;
|
|
199
|
+
} | (string | {
|
|
200
|
+
[x: string]: boolean;
|
|
201
|
+
} | (string | {
|
|
202
|
+
[x: string]: boolean;
|
|
203
|
+
} | (string | {
|
|
204
|
+
[x: string]: boolean;
|
|
205
|
+
} | (string | {
|
|
206
|
+
[x: string]: boolean;
|
|
207
|
+
} | (string | {
|
|
208
|
+
[x: string]: boolean;
|
|
209
|
+
} | (string | {
|
|
210
|
+
[x: string]: boolean;
|
|
211
|
+
} | (string | {
|
|
212
|
+
[x: string]: boolean;
|
|
213
|
+
} | (string | {
|
|
214
|
+
[x: string]: boolean;
|
|
215
|
+
} | /*elided*/ any)[])[])[])[])[])[])[])[])[])[])[])) | null)[], unknown, unknown>>;
|
|
216
|
+
readonly required: false;
|
|
217
|
+
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
218
|
+
__epPropKey: true;
|
|
219
|
+
};
|
|
220
|
+
readonly enterable: {
|
|
221
|
+
readonly default: true;
|
|
222
|
+
readonly type: PropType<import("@element-plus/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>>;
|
|
223
|
+
readonly required: false;
|
|
224
|
+
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
225
|
+
readonly __epPropKey: true;
|
|
226
|
+
};
|
|
227
|
+
readonly effect: {
|
|
228
|
+
readonly default: "light";
|
|
229
|
+
readonly type: PropType<import("@element-plus/utils").EpPropMergeType<(new (...args: any[]) => string) | (() => import("@element-plus/components/popper").PopperEffect) | (((new (...args: any[]) => string) | (() => import("@element-plus/components/popper").PopperEffect)) | null)[], unknown, unknown>>;
|
|
230
|
+
readonly required: false;
|
|
231
|
+
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
232
|
+
readonly __epPropKey: true;
|
|
233
|
+
};
|
|
234
|
+
readonly teleported: import("@element-plus/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
|
|
235
|
+
readonly appendTo: {
|
|
236
|
+
readonly type: PropType<import("@element-plus/utils").EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | (((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement)) | null)[], unknown, unknown>>;
|
|
237
|
+
readonly required: false;
|
|
238
|
+
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
239
|
+
__epPropKey: true;
|
|
240
|
+
};
|
|
241
|
+
readonly title: StringConstructor;
|
|
242
|
+
readonly width: import("@element-plus/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, 150, boolean>;
|
|
243
|
+
readonly offset: import("@element-plus/utils").EpPropFinalized<NumberConstructor, unknown, unknown, undefined, boolean>;
|
|
244
|
+
readonly showAfter: import("@element-plus/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
|
|
245
|
+
readonly hideAfter: import("@element-plus/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 200, boolean>;
|
|
246
|
+
readonly autoClose: import("@element-plus/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
|
|
247
|
+
readonly showArrow: import("@element-plus/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
|
|
248
|
+
readonly persistent: import("@element-plus/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
|
|
249
|
+
readonly 'onUpdate:visible': {
|
|
250
|
+
readonly type: PropType<(visible: boolean) => void>;
|
|
251
|
+
readonly required: false;
|
|
252
|
+
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
253
|
+
__epPropKey: true;
|
|
254
|
+
};
|
|
255
|
+
};
|
|
256
|
+
/**
|
|
257
|
+
* @deprecated Removed after 3.0.0, Use `PopoverProps` instead.
|
|
258
|
+
*/
|
|
259
|
+
export type PopoverPropsPublic = ExtractPublicPropTypes<typeof popoverProps>;
|
|
260
|
+
export declare const popoverEmits: {
|
|
261
|
+
'update:visible': (value: boolean) => boolean;
|
|
262
|
+
'before-enter': () => boolean;
|
|
263
|
+
'before-leave': () => boolean;
|
|
264
|
+
'after-enter': () => boolean;
|
|
265
|
+
'after-leave': () => boolean;
|
|
266
|
+
};
|
|
267
|
+
export type PopoverEmits = typeof popoverEmits;
|
|
268
|
+
export type PopoverInstance = InstanceType<typeof Popover> & unknown;
|
|
269
|
+
/**
|
|
270
|
+
* @description default values for PopoverProps
|
|
271
|
+
*/
|
|
272
|
+
export declare const popoverPropsDefaults: {
|
|
273
|
+
readonly trigger: "hover";
|
|
274
|
+
readonly triggerKeys: () => string[];
|
|
275
|
+
readonly placement: "bottom";
|
|
276
|
+
readonly visible: null;
|
|
277
|
+
readonly popperOptions: () => {};
|
|
278
|
+
readonly tabindex: 0;
|
|
279
|
+
readonly content: "";
|
|
280
|
+
readonly popperStyle: undefined;
|
|
281
|
+
readonly enterable: true;
|
|
282
|
+
readonly effect: "light";
|
|
283
|
+
readonly teleported: true;
|
|
284
|
+
readonly width: 150;
|
|
285
|
+
readonly offset: undefined;
|
|
286
|
+
readonly showAfter: 0;
|
|
287
|
+
readonly hideAfter: 200;
|
|
288
|
+
readonly autoClose: 0;
|
|
289
|
+
readonly showArrow: true;
|
|
290
|
+
readonly persistent: true;
|
|
291
|
+
};
|
|
@@ -0,0 +1,168 @@
|
|
|
1
|
+
import { isBoolean as i } from "../../../utils/types.js";
|
|
2
|
+
import "lodash-unified";
|
|
3
|
+
import "@vueuse/core";
|
|
4
|
+
import "@vue/shared";
|
|
5
|
+
import { EVENT_CODE as t } from "../../../constants/aria.js";
|
|
6
|
+
import "@element-plus/icons-vue";
|
|
7
|
+
import { buildProps as l } from "../../../utils/vue/props/runtime.js";
|
|
8
|
+
import "vue";
|
|
9
|
+
import "../../tooltip/index.js";
|
|
10
|
+
import "../../dropdown/index.js";
|
|
11
|
+
import { useTooltipContentProps as e } from "../../tooltip/src/content.js";
|
|
12
|
+
import { dropdownProps as r } from "../../dropdown/src/dropdown.js";
|
|
13
|
+
import { useTooltipTriggerProps as o } from "../../tooltip/src/trigger.js";
|
|
14
|
+
const w = l({
|
|
15
|
+
/**
|
|
16
|
+
* @description how the popover is triggered, not valid in controlled mode
|
|
17
|
+
*/
|
|
18
|
+
trigger: o.trigger,
|
|
19
|
+
/**
|
|
20
|
+
* @description When you click the mouse to focus on the trigger element, you can define a set of keyboard codes to control the display of popover through the keyboard, not valid in controlled mode
|
|
21
|
+
*/
|
|
22
|
+
triggerKeys: o.triggerKeys,
|
|
23
|
+
/**
|
|
24
|
+
* @description popover placement
|
|
25
|
+
*/
|
|
26
|
+
placement: r.placement,
|
|
27
|
+
/**
|
|
28
|
+
* @description whether Popover is disabled
|
|
29
|
+
*/
|
|
30
|
+
disabled: o.disabled,
|
|
31
|
+
/**
|
|
32
|
+
* @description whether popover is visible
|
|
33
|
+
*/
|
|
34
|
+
visible: e.visible,
|
|
35
|
+
/**
|
|
36
|
+
* @description popover transition animation
|
|
37
|
+
*/
|
|
38
|
+
transition: e.transition,
|
|
39
|
+
/**
|
|
40
|
+
* @description parameters for [popper.js](https://popper.js.org/docs/v2/)
|
|
41
|
+
*/
|
|
42
|
+
popperOptions: r.popperOptions,
|
|
43
|
+
/**
|
|
44
|
+
* @description [tabindex](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) of Popover
|
|
45
|
+
*/
|
|
46
|
+
tabindex: r.tabindex,
|
|
47
|
+
/**
|
|
48
|
+
* @description popover content, can be replaced with a default `slot`
|
|
49
|
+
*/
|
|
50
|
+
content: e.content,
|
|
51
|
+
/**
|
|
52
|
+
* @description custom style for popover
|
|
53
|
+
*/
|
|
54
|
+
popperStyle: e.popperStyle,
|
|
55
|
+
/**
|
|
56
|
+
* @description custom class name for popover
|
|
57
|
+
*/
|
|
58
|
+
popperClass: e.popperClass,
|
|
59
|
+
enterable: {
|
|
60
|
+
...e.enterable,
|
|
61
|
+
default: !0
|
|
62
|
+
},
|
|
63
|
+
/**
|
|
64
|
+
* @description Tooltip theme, built-in theme: `dark` / `light`
|
|
65
|
+
*/
|
|
66
|
+
effect: {
|
|
67
|
+
...e.effect,
|
|
68
|
+
default: "light"
|
|
69
|
+
},
|
|
70
|
+
/**
|
|
71
|
+
* @description whether popover dropdown is teleported to the body
|
|
72
|
+
*/
|
|
73
|
+
teleported: e.teleported,
|
|
74
|
+
/**
|
|
75
|
+
* @description which select dropdown appends to
|
|
76
|
+
*/
|
|
77
|
+
appendTo: e.appendTo,
|
|
78
|
+
/**
|
|
79
|
+
* @description popover title
|
|
80
|
+
*/
|
|
81
|
+
title: String,
|
|
82
|
+
/**
|
|
83
|
+
* @description popover width
|
|
84
|
+
*/
|
|
85
|
+
width: {
|
|
86
|
+
type: [String, Number],
|
|
87
|
+
default: 150
|
|
88
|
+
},
|
|
89
|
+
/**
|
|
90
|
+
* @description popover offset
|
|
91
|
+
*/
|
|
92
|
+
offset: {
|
|
93
|
+
type: Number,
|
|
94
|
+
default: void 0
|
|
95
|
+
},
|
|
96
|
+
/**
|
|
97
|
+
* @description delay of appearance, in millisecond, not valid in controlled mode
|
|
98
|
+
*/
|
|
99
|
+
showAfter: {
|
|
100
|
+
type: Number,
|
|
101
|
+
default: 0
|
|
102
|
+
},
|
|
103
|
+
/**
|
|
104
|
+
* @description delay of disappear, in millisecond, not valid in controlled mode
|
|
105
|
+
*/
|
|
106
|
+
hideAfter: {
|
|
107
|
+
type: Number,
|
|
108
|
+
default: 200
|
|
109
|
+
},
|
|
110
|
+
/**
|
|
111
|
+
* @description timeout in milliseconds to hide tooltip, not valid in controlled mode
|
|
112
|
+
*/
|
|
113
|
+
autoClose: {
|
|
114
|
+
type: Number,
|
|
115
|
+
default: 0
|
|
116
|
+
},
|
|
117
|
+
/**
|
|
118
|
+
* @description whether a tooltip arrow is displayed or not. For more info, please refer to [ElPopper](https://github.com/element-plus/element-plus/tree/dev/packages/components/popper)
|
|
119
|
+
*/
|
|
120
|
+
showArrow: {
|
|
121
|
+
type: Boolean,
|
|
122
|
+
default: !0
|
|
123
|
+
},
|
|
124
|
+
/**
|
|
125
|
+
* @description when popover inactive and `persistent` is `false` , popover will be destroyed
|
|
126
|
+
*/
|
|
127
|
+
persistent: {
|
|
128
|
+
type: Boolean,
|
|
129
|
+
default: !0
|
|
130
|
+
},
|
|
131
|
+
"onUpdate:visible": {
|
|
132
|
+
type: Function
|
|
133
|
+
}
|
|
134
|
+
}), A = {
|
|
135
|
+
"update:visible": (p) => i(p),
|
|
136
|
+
"before-enter": () => !0,
|
|
137
|
+
"before-leave": () => !0,
|
|
138
|
+
"after-enter": () => !0,
|
|
139
|
+
"after-leave": () => !0
|
|
140
|
+
}, C = {
|
|
141
|
+
trigger: "hover",
|
|
142
|
+
triggerKeys: () => [
|
|
143
|
+
t.enter,
|
|
144
|
+
t.numpadEnter,
|
|
145
|
+
t.space
|
|
146
|
+
],
|
|
147
|
+
placement: "bottom",
|
|
148
|
+
visible: null,
|
|
149
|
+
popperOptions: () => ({}),
|
|
150
|
+
tabindex: 0,
|
|
151
|
+
content: "",
|
|
152
|
+
popperStyle: void 0,
|
|
153
|
+
enterable: !0,
|
|
154
|
+
effect: "light",
|
|
155
|
+
teleported: !0,
|
|
156
|
+
width: 150,
|
|
157
|
+
offset: void 0,
|
|
158
|
+
showAfter: 0,
|
|
159
|
+
hideAfter: 200,
|
|
160
|
+
autoClose: 0,
|
|
161
|
+
showArrow: !0,
|
|
162
|
+
persistent: !0
|
|
163
|
+
};
|
|
164
|
+
export {
|
|
165
|
+
A as popoverEmits,
|
|
166
|
+
w as popoverProps,
|
|
167
|
+
C as popoverPropsDefaults
|
|
168
|
+
};
|