rappel-ui 1.0.16 → 1.0.17
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/cjs/components/index.js +1 -1
- package/cjs/components/popconfirm/index.d.ts +60 -0
- package/cjs/components/popconfirm/src/popconfirm.vue.d.ts +40 -16
- package/cjs/components/popconfirm/src/popconfirm.vue_vue_type_script_setup_true_lang.js +1 -1
- package/cjs/components/popconfirm/src/types.d.ts +2 -2
- package/cjs/components/popover/index.d.ts +60 -0
- package/cjs/components/popover/src/popover.vue.d.ts +27 -3
- package/cjs/components/popover/src/popover.vue_vue_type_script_setup_true_lang.js +1 -1
- package/cjs/components/popover/src/types.d.ts +3 -1
- package/cjs/components/tooltip/index.d.ts +11 -0
- package/cjs/components/tooltip/index.js +1 -1
- package/cjs/components/tooltip/src/content.vue.d.ts +6 -2
- package/cjs/components/tooltip/src/content.vue_vue_type_script_setup_true_lang.js +1 -1
- package/cjs/components/tooltip/src/tooltip.vue.d.ts +6 -2
- package/cjs/components/tooltip/src/tooltip.vue_vue_type_script_setup_true_lang.js +1 -1
- package/cjs/components/tooltip/src/types.d.ts +2 -0
- package/cjs/components/tooltip/src/use-emit.d.ts +4 -2
- package/cjs/components/tooltip/src/use-emit.js +1 -1
- package/cjs/index.d.ts +144 -0
- package/cjs/index.js +1 -1
- package/es/components/index.mjs +11 -9
- package/es/components/popconfirm/index.d.ts +60 -0
- package/es/components/popconfirm/src/popconfirm.vue.d.ts +40 -16
- package/es/components/popconfirm/src/popconfirm.vue_vue_type_script_setup_true_lang.mjs +136 -108
- package/es/components/popconfirm/src/types.d.ts +2 -2
- package/es/components/popover/index.d.ts +60 -0
- package/es/components/popover/src/popover.vue.d.ts +27 -3
- package/es/components/popover/src/popover.vue_vue_type_script_setup_true_lang.mjs +84 -58
- package/es/components/popover/src/types.d.ts +3 -1
- package/es/components/tooltip/index.d.ts +11 -0
- package/es/components/tooltip/index.mjs +4 -3
- package/es/components/tooltip/src/content.vue.d.ts +6 -2
- package/es/components/tooltip/src/content.vue_vue_type_script_setup_true_lang.mjs +35 -27
- package/es/components/tooltip/src/tooltip.vue.d.ts +6 -2
- package/es/components/tooltip/src/tooltip.vue_vue_type_script_setup_true_lang.mjs +105 -101
- package/es/components/tooltip/src/types.d.ts +2 -0
- package/es/components/tooltip/src/use-emit.d.ts +4 -2
- package/es/components/tooltip/src/use-emit.mjs +4 -2
- package/es/index.d.ts +144 -0
- package/es/index.mjs +29 -28
- package/package.json +1 -1
- package/umd/index.js +3 -3
package/cjs/components/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
const e=require("../_virtual/_rolldown/runtime.js"),t=require("./button/src/constants.js"),n=require("./button/index.js"),r=require("./input/index.js"),i=require("./tabs/index.js"),a=require("./colors/src/primary-color.js"),o=require("./colors/src/secondary-color.js"),s=require("./colors/src/neutral-color.js"),c=require("./colors/index.js"),l=require("./filter-panel/index.js"),u=require("./svg-icon/index.js"),d=require("./tooltip/
|
|
1
|
+
const e=require("../_virtual/_rolldown/runtime.js"),t=require("./button/src/constants.js"),n=require("./button/index.js"),r=require("./input/index.js"),i=require("./tabs/index.js"),a=require("./colors/src/primary-color.js"),o=require("./colors/src/secondary-color.js"),s=require("./colors/src/neutral-color.js"),c=require("./colors/index.js"),l=require("./filter-panel/index.js"),u=require("./svg-icon/index.js"),d=require("./tooltip/src/use-emit.js"),f=require("./tooltip/index.js"),p=require("./popover/index.js"),m=require("./popconfirm/index.js");var h=e.__exportAll({ReButton:()=>n.ReButton,ReButtonGroup:()=>n.ReButtonGroup,ReColors:()=>c.ReColors,ReFilterPanel:()=>l.ReFilterPanel,ReInput:()=>r.ReInput,ReNeutralColor:()=>s.default,RePopconfirm:()=>m.RePopconfirm,RePopover:()=>p.RePopover,RePrimaryColor:()=>a.default,ReSecondaryColor:()=>o.default,ReSvgIcon:()=>u.ReSvgIcon,ReTabs:()=>i.ReTabs,ReTooltip:()=>f.ReTooltip,_buttonGroupProps:()=>t._buttonGroupProps,buttonNativeTypes:()=>t.buttonNativeTypes,buttonSizes:()=>t.buttonSizes,buttonTypes:()=>t.buttonTypes,useEmits:()=>d.useEmits});exports.ReButton=n.ReButton,exports.ReButtonGroup=n.ReButtonGroup,exports.ReColors=c.ReColors,exports.ReFilterPanel=l.ReFilterPanel,exports.ReInput=r.ReInput,exports.ReNeutralColor=s.default,exports.RePopconfirm=m.RePopconfirm,exports.RePopover=p.RePopover,exports.RePrimaryColor=a.default,exports.ReSecondaryColor=o.default,exports.ReSvgIcon=u.ReSvgIcon,exports.ReTabs=i.ReTabs,exports.ReTooltip=f.ReTooltip,exports._buttonGroupProps=t._buttonGroupProps,exports.buttonNativeTypes=t.buttonNativeTypes,exports.buttonSizes=t.buttonSizes,exports.buttonTypes=t.buttonTypes,Object.defineProperty(exports,"components_exports",{enumerable:!0,get:function(){return h}}),exports.useEmits=d.useEmits;
|
|
@@ -4,6 +4,18 @@ export declare const RePopconfirm: {
|
|
|
4
4
|
visible?: boolean;
|
|
5
5
|
}> & Readonly<{
|
|
6
6
|
onCancel?: ((e: MouseEvent) => any) | undefined;
|
|
7
|
+
onBeforeShow?: ((el: HTMLElement) => any) | undefined;
|
|
8
|
+
onShow?: ((el: HTMLElement) => any) | undefined;
|
|
9
|
+
onBeforeHide?: ((el: HTMLElement) => any) | undefined;
|
|
10
|
+
onHide?: ((el: HTMLElement) => any) | undefined;
|
|
11
|
+
onBeforeEnter?: ((el: HTMLElement) => any) | undefined;
|
|
12
|
+
onEnter?: ((el: HTMLElement, done: () => void) => any) | undefined;
|
|
13
|
+
onEnterCancelled?: ((el: HTMLElement) => any) | undefined;
|
|
14
|
+
onAfterEnter?: ((el: HTMLElement) => any) | undefined;
|
|
15
|
+
onBeforeLeave?: ((el: HTMLElement) => any) | undefined;
|
|
16
|
+
onLeave?: ((el: HTMLElement, done: () => void) => any) | undefined;
|
|
17
|
+
onLeaveCancelled?: ((el: HTMLElement) => any) | undefined;
|
|
18
|
+
onAfterLeave?: ((el: HTMLElement) => any) | undefined;
|
|
7
19
|
"onUpdate:visible"?: ((value: boolean) => any) | undefined;
|
|
8
20
|
onConfirm?: ((e: MouseEvent) => any) | undefined;
|
|
9
21
|
}>, {
|
|
@@ -12,6 +24,18 @@ export declare const RePopconfirm: {
|
|
|
12
24
|
confirm: (e: MouseEvent) => void;
|
|
13
25
|
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
14
26
|
cancel: (e: MouseEvent) => any;
|
|
27
|
+
beforeShow: (el: HTMLElement) => any;
|
|
28
|
+
show: (el: HTMLElement) => any;
|
|
29
|
+
beforeHide: (el: HTMLElement) => any;
|
|
30
|
+
hide: (el: HTMLElement) => any;
|
|
31
|
+
beforeEnter: (el: HTMLElement) => any;
|
|
32
|
+
enter: (el: HTMLElement, done: () => void) => any;
|
|
33
|
+
enterCancelled: (el: HTMLElement) => any;
|
|
34
|
+
afterEnter: (el: HTMLElement) => any;
|
|
35
|
+
beforeLeave: (el: HTMLElement) => any;
|
|
36
|
+
leave: (el: HTMLElement, done: () => void) => any;
|
|
37
|
+
leaveCancelled: (el: HTMLElement) => any;
|
|
38
|
+
afterLeave: (el: HTMLElement) => any;
|
|
15
39
|
"update:visible": (value: boolean) => any;
|
|
16
40
|
confirm: (e: MouseEvent) => any;
|
|
17
41
|
}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
|
|
@@ -25,6 +49,18 @@ export declare const RePopconfirm: {
|
|
|
25
49
|
visible?: boolean;
|
|
26
50
|
}> & Readonly<{
|
|
27
51
|
onCancel?: ((e: MouseEvent) => any) | undefined;
|
|
52
|
+
onBeforeShow?: ((el: HTMLElement) => any) | undefined;
|
|
53
|
+
onShow?: ((el: HTMLElement) => any) | undefined;
|
|
54
|
+
onBeforeHide?: ((el: HTMLElement) => any) | undefined;
|
|
55
|
+
onHide?: ((el: HTMLElement) => any) | undefined;
|
|
56
|
+
onBeforeEnter?: ((el: HTMLElement) => any) | undefined;
|
|
57
|
+
onEnter?: ((el: HTMLElement, done: () => void) => any) | undefined;
|
|
58
|
+
onEnterCancelled?: ((el: HTMLElement) => any) | undefined;
|
|
59
|
+
onAfterEnter?: ((el: HTMLElement) => any) | undefined;
|
|
60
|
+
onBeforeLeave?: ((el: HTMLElement) => any) | undefined;
|
|
61
|
+
onLeave?: ((el: HTMLElement, done: () => void) => any) | undefined;
|
|
62
|
+
onLeaveCancelled?: ((el: HTMLElement) => any) | undefined;
|
|
63
|
+
onAfterLeave?: ((el: HTMLElement) => any) | undefined;
|
|
28
64
|
"onUpdate:visible"?: ((value: boolean) => any) | undefined;
|
|
29
65
|
onConfirm?: ((e: MouseEvent) => any) | undefined;
|
|
30
66
|
}>, {
|
|
@@ -39,6 +75,18 @@ export declare const RePopconfirm: {
|
|
|
39
75
|
visible?: boolean;
|
|
40
76
|
}> & Readonly<{
|
|
41
77
|
onCancel?: ((e: MouseEvent) => any) | undefined;
|
|
78
|
+
onBeforeShow?: ((el: HTMLElement) => any) | undefined;
|
|
79
|
+
onShow?: ((el: HTMLElement) => any) | undefined;
|
|
80
|
+
onBeforeHide?: ((el: HTMLElement) => any) | undefined;
|
|
81
|
+
onHide?: ((el: HTMLElement) => any) | undefined;
|
|
82
|
+
onBeforeEnter?: ((el: HTMLElement) => any) | undefined;
|
|
83
|
+
onEnter?: ((el: HTMLElement, done: () => void) => any) | undefined;
|
|
84
|
+
onEnterCancelled?: ((el: HTMLElement) => any) | undefined;
|
|
85
|
+
onAfterEnter?: ((el: HTMLElement) => any) | undefined;
|
|
86
|
+
onBeforeLeave?: ((el: HTMLElement) => any) | undefined;
|
|
87
|
+
onLeave?: ((el: HTMLElement, done: () => void) => any) | undefined;
|
|
88
|
+
onLeaveCancelled?: ((el: HTMLElement) => any) | undefined;
|
|
89
|
+
onAfterLeave?: ((el: HTMLElement) => any) | undefined;
|
|
42
90
|
"onUpdate:visible"?: ((value: boolean) => any) | undefined;
|
|
43
91
|
onConfirm?: ((e: MouseEvent) => any) | undefined;
|
|
44
92
|
}>, {
|
|
@@ -47,6 +95,18 @@ export declare const RePopconfirm: {
|
|
|
47
95
|
confirm: (e: MouseEvent) => void;
|
|
48
96
|
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
49
97
|
cancel: (e: MouseEvent) => any;
|
|
98
|
+
beforeShow: (el: HTMLElement) => any;
|
|
99
|
+
show: (el: HTMLElement) => any;
|
|
100
|
+
beforeHide: (el: HTMLElement) => any;
|
|
101
|
+
hide: (el: HTMLElement) => any;
|
|
102
|
+
beforeEnter: (el: HTMLElement) => any;
|
|
103
|
+
enter: (el: HTMLElement, done: () => void) => any;
|
|
104
|
+
enterCancelled: (el: HTMLElement) => any;
|
|
105
|
+
afterEnter: (el: HTMLElement) => any;
|
|
106
|
+
beforeLeave: (el: HTMLElement) => any;
|
|
107
|
+
leave: (el: HTMLElement, done: () => void) => any;
|
|
108
|
+
leaveCancelled: (el: HTMLElement) => any;
|
|
109
|
+
afterLeave: (el: HTMLElement) => any;
|
|
50
110
|
"update:visible": (value: boolean) => any;
|
|
51
111
|
confirm: (e: MouseEvent) => any;
|
|
52
112
|
}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
|
|
@@ -4,16 +4,16 @@ type __VLS_ModelProps = {
|
|
|
4
4
|
'visible'?: boolean;
|
|
5
5
|
};
|
|
6
6
|
type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
|
|
7
|
-
declare var
|
|
7
|
+
declare var __VLS_28: {
|
|
8
8
|
icon: string | import('vue').Component | undefined;
|
|
9
9
|
title: string;
|
|
10
|
-
},
|
|
10
|
+
}, __VLS_30: {
|
|
11
11
|
icon: string | import('vue').Component | undefined;
|
|
12
|
-
},
|
|
12
|
+
}, __VLS_37: {
|
|
13
13
|
title: string;
|
|
14
|
-
},
|
|
14
|
+
}, __VLS_39: {
|
|
15
15
|
content: string;
|
|
16
|
-
},
|
|
16
|
+
}, __VLS_41: {
|
|
17
17
|
cancel: (e: MouseEvent) => void;
|
|
18
18
|
cancelSize: "" | "small" | "mini" | "large";
|
|
19
19
|
cancelType: "" | "primary" | "success" | "warning" | "danger" | "info";
|
|
@@ -22,36 +22,36 @@ declare var __VLS_15: {
|
|
|
22
22
|
confirmSize: "" | "small" | "mini" | "large";
|
|
23
23
|
confirmType: "" | "primary" | "success" | "warning" | "danger" | "info";
|
|
24
24
|
confirmText: string;
|
|
25
|
-
},
|
|
25
|
+
}, __VLS_43: {
|
|
26
26
|
cancel: (e: MouseEvent) => void;
|
|
27
27
|
cancelSize: "" | "small" | "mini" | "large";
|
|
28
28
|
cancelType: "" | "primary" | "success" | "warning" | "danger" | "info";
|
|
29
29
|
cancelText: string;
|
|
30
|
-
},
|
|
30
|
+
}, __VLS_53: {
|
|
31
31
|
cancel: (e: MouseEvent) => void;
|
|
32
32
|
confirm: (e: MouseEvent) => void;
|
|
33
|
-
},
|
|
33
|
+
}, __VLS_55: {
|
|
34
34
|
confirm: (e: MouseEvent) => void;
|
|
35
35
|
confirmSize: "" | "small" | "mini" | "large";
|
|
36
36
|
confirmType: "" | "primary" | "success" | "warning" | "danger" | "info";
|
|
37
37
|
confirmText: string;
|
|
38
38
|
};
|
|
39
39
|
type __VLS_Slots = {} & {
|
|
40
|
-
header?: (props: typeof
|
|
40
|
+
header?: (props: typeof __VLS_28) => any;
|
|
41
41
|
} & {
|
|
42
|
-
icon?: (props: typeof
|
|
42
|
+
icon?: (props: typeof __VLS_30) => any;
|
|
43
43
|
} & {
|
|
44
|
-
title?: (props: typeof
|
|
44
|
+
title?: (props: typeof __VLS_37) => any;
|
|
45
45
|
} & {
|
|
46
|
-
content?: (props: typeof
|
|
46
|
+
content?: (props: typeof __VLS_39) => any;
|
|
47
47
|
} & {
|
|
48
|
-
footer?: (props: typeof
|
|
48
|
+
footer?: (props: typeof __VLS_41) => any;
|
|
49
49
|
} & {
|
|
50
|
-
cancel?: (props: typeof
|
|
50
|
+
cancel?: (props: typeof __VLS_43) => any;
|
|
51
51
|
} & {
|
|
52
|
-
extra?: (props: typeof
|
|
52
|
+
extra?: (props: typeof __VLS_53) => any;
|
|
53
53
|
} & {
|
|
54
|
-
confirm?: (props: typeof
|
|
54
|
+
confirm?: (props: typeof __VLS_55) => any;
|
|
55
55
|
};
|
|
56
56
|
declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {
|
|
57
57
|
tooltipRef: Readonly<import('vue').ShallowRef<any, any>>;
|
|
@@ -59,10 +59,34 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {
|
|
|
59
59
|
confirm: (e: MouseEvent) => void;
|
|
60
60
|
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
61
61
|
cancel: (e: MouseEvent) => any;
|
|
62
|
+
beforeShow: (el: HTMLElement) => any;
|
|
63
|
+
show: (el: HTMLElement) => any;
|
|
64
|
+
beforeHide: (el: HTMLElement) => any;
|
|
65
|
+
hide: (el: HTMLElement) => any;
|
|
66
|
+
beforeEnter: (el: HTMLElement) => any;
|
|
67
|
+
enter: (el: HTMLElement, done: () => void) => any;
|
|
68
|
+
enterCancelled: (el: HTMLElement) => any;
|
|
69
|
+
afterEnter: (el: HTMLElement) => any;
|
|
70
|
+
beforeLeave: (el: HTMLElement) => any;
|
|
71
|
+
leave: (el: HTMLElement, done: () => void) => any;
|
|
72
|
+
leaveCancelled: (el: HTMLElement) => any;
|
|
73
|
+
afterLeave: (el: HTMLElement) => any;
|
|
62
74
|
"update:visible": (value: boolean) => any;
|
|
63
75
|
confirm: (e: MouseEvent) => any;
|
|
64
76
|
}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
65
77
|
onCancel?: ((e: MouseEvent) => any) | undefined;
|
|
78
|
+
onBeforeShow?: ((el: HTMLElement) => any) | undefined;
|
|
79
|
+
onShow?: ((el: HTMLElement) => any) | undefined;
|
|
80
|
+
onBeforeHide?: ((el: HTMLElement) => any) | undefined;
|
|
81
|
+
onHide?: ((el: HTMLElement) => any) | undefined;
|
|
82
|
+
onBeforeEnter?: ((el: HTMLElement) => any) | undefined;
|
|
83
|
+
onEnter?: ((el: HTMLElement, done: () => void) => any) | undefined;
|
|
84
|
+
onEnterCancelled?: ((el: HTMLElement) => any) | undefined;
|
|
85
|
+
onAfterEnter?: ((el: HTMLElement) => any) | undefined;
|
|
86
|
+
onBeforeLeave?: ((el: HTMLElement) => any) | undefined;
|
|
87
|
+
onLeave?: ((el: HTMLElement, done: () => void) => any) | undefined;
|
|
88
|
+
onLeaveCancelled?: ((el: HTMLElement) => any) | undefined;
|
|
89
|
+
onAfterLeave?: ((el: HTMLElement) => any) | undefined;
|
|
66
90
|
"onUpdate:visible"?: ((value: boolean) => any) | undefined;
|
|
67
91
|
onConfirm?: ((e: MouseEvent) => any) | undefined;
|
|
68
92
|
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const e=require("../../../svg-icons/dist/es/index.js"),t=require("../../../composables/use-namespace/index.js");require("../../../composables/index.js");const n=require("../../tooltip/src/constants.js");let
|
|
1
|
+
const e=require("../../../svg-icons/dist/es/index.js"),t=require("../../../composables/use-namespace/index.js");require("../../../composables/index.js");const n=require("../../tooltip/src/use-emit.js"),r=require("../../tooltip/src/constants.js");let i=require("vue");var a=[`innerHTML`],o=(0,i.defineComponent)({name:`RePopconfirm`,__name:`popconfirm`,props:(0,i.mergeModels)({icon:{default:`help`},showIcon:{type:Boolean,default:!0},title:{default:``},cancelText:{default:`No`},cancelType:{default:``},cancelSize:{default:`mini`},confirmText:{default:`Yes`},confirmType:{default:`primary`},confirmSize:{default:`mini`},visible:{type:Boolean},content:{default:``},isHtml:{type:Boolean,default:()=>void 0},placement:{default:`top`},delay:{},width:{default:()=>void 0},height:{default:()=>void 0},maxWidth:{default:()=>void 0},maxHeight:{default:()=>void 0},trigger:{default:`click`},disabled:{type:Boolean,default:()=>void 0},showDelay:{default:0},hideDelay:{default:200},showArrow:{type:Boolean,default:!0},floatingClass:{default:()=>void 0},floatingStyle:{type:[Boolean,null,String,Object,Array],default:()=>void 0},theme:{default:`light`},reverseTheme:{type:Boolean,default:!1},offset:{type:[Number,Object,Function],default:10},teleported:{type:Boolean,default:!0},appendTo:{default:`body`},persistent:{type:Boolean,default:!0},boundary:{default:`clippingAncestors`},elementContext:{default:`floating`},altBoundary:{type:Boolean,default:!1},rootBoundary:{default:`viewport`},transition:{default:`popconfirm`},mode:{},cssTransition:{type:Boolean,default:!0},cssDuration:{default:0},arrowSize:{default:8},arrowOffset:{default:4},arrowOptions:{default:()=>void 0},shiftOptions:{},flipOffset:{default:8},flipOptions:{default:()=>void 0},inlineOptions:{default:()=>void 0},hideOptions:{},isExternal:{type:Boolean,default:()=>void 0},externalRef:{default:()=>void 0},isVirtual:{type:Boolean,default:()=>void 0},virtualRef:{default:()=>void 0}},{visible:{type:Boolean,default:void 0},visibleModifiers:{}}),emits:(0,i.mergeModels)([`confirm`,`cancel`,`beforeShow`,`show`,`beforeHide`,`hide`,`beforeEnter`,`enter`,`enterCancelled`,`afterEnter`,`beforeLeave`,`leave`,`leaveCancelled`,`afterLeave`],[`update:visible`]),setup(o,{expose:s,emit:c}){let{n:l,ns:u}=t.useNamespace(`popconfirm`),d=c,{beforeShow:f,beforeHide:p,show:m,hide:h,beforeEnter:g,enter:_,afterEnter:v,beforeLeave:y,leave:b,afterLeave:x,enterCancelled:S,leaveCancelled:C}=n.useEmits(d),w=(0,i.useModel)(o,`visible`),T=(0,i.computed)(()=>[l(),o.floatingClass]),E=(0,i.useSlots)(),D=(0,i.computed)(()=>{var e,t;let n=E==null||(e=E.default)==null||(e=e.call(E))==null?void 0:e.filter(e=>e&&!r.filterNodeTypes.includes(e.type.toString()))[0];return(n==null||(t=n.type)==null?void 0:t.toString())===`Symbol(v-txt)`?(0,i.h)(`span`,{},n):n}),O=(0,i.computed)(()=>e.getIcon(o.icon)),k=(0,i.useTemplateRef)(`tooltipRef`),A=e=>{var t;d(`cancel`,e),(t=k.value)==null||t.delayHide()},j=e=>{var t;d(`confirm`,e),(t=k.value)==null||t.delayHide()};return s({tooltipRef:k,cancel:A,confirm:j}),(e,t)=>{let n=(0,i.resolveComponent)(`re-button`),r=(0,i.resolveComponent)(`re-tooltip`);return(0,i.openBlock)(),(0,i.createBlock)(r,{ref_key:`tooltipRef`,ref:k,visible:w.value,"onUpdate:visible":t[0]||(t[0]=e=>w.value=e),width:o.width,height:o.height,"max-width":o.maxWidth,"max-height":o.maxHeight,"floating-class":T.value,"floating-style":o.floatingStyle,disabled:o.disabled,theme:o.theme,placement:o.placement,trigger:o.trigger,"reverse-theme":o.reverseTheme,"show-delay":o.showDelay,"hide-delay":o.hideDelay,transition:o.transition,"css-duration":o.cssDuration,"css-transition":o.cssTransition,"show-arrow":o.showArrow,offset:o.offset,teleported:o.teleported,"append-to":o.appendTo,persistent:o.persistent,boundary:o.boundary,"element-context":o.elementContext,"alt-boundary":o.altBoundary,"root-boundary":o.rootBoundary,"arrow-size":o.arrowSize,"arrow-offset":o.arrowOffset,"flip-offset":o.flipOffset,"arrow-options":o.arrowOptions,"flip-options":o.flipOptions,"inline-options":o.inlineOptions,"is-external":o.isExternal,"external-ref":o.externalRef,"is-virtual":o.isVirtual,"virtual-ref":o.virtualRef,onBeforeShow:(0,i.unref)(f),onShow:(0,i.unref)(m),onBeforeHide:(0,i.unref)(p),onHide:(0,i.unref)(h),onBeforeEnter:(0,i.unref)(g),onEnter:(0,i.unref)(_),onAfterEnter:(0,i.unref)(v),onBeforeLeave:(0,i.unref)(y),onLeave:(0,i.unref)(b),onAfterLeave:(0,i.unref)(x),onEnterCancelled:(0,i.unref)(S),onLeaveCancelled:(0,i.unref)(C)},{content:(0,i.withCtx)(()=>[(0,i.renderSlot)(e.$slots,`header`,{icon:O.value,title:o.title},()=>[(0,i.createElementVNode)(`div`,{class:(0,i.normalizeClass)([(0,i.unref)(u)(`header`)])},[(0,i.renderSlot)(e.$slots,`icon`,{icon:O.value},()=>[o.showIcon?((0,i.openBlock)(),(0,i.createElementBlock)(i.Fragment,{key:0},[typeof O.value==`string`?((0,i.openBlock)(),(0,i.createElementBlock)(`i`,{key:0,class:(0,i.normalizeClass)([(0,i.unref)(u)(`icon`),O.value]),"aria-hidden":`true`},null,2)):((0,i.openBlock)(),(0,i.createBlock)((0,i.resolveDynamicComponent)(O.value),{key:1,class:(0,i.normalizeClass)([(0,i.unref)(u)(`icon`)]),"aria-hidden":`true`},null,8,[`class`]))],64)):(0,i.createCommentVNode)(``,!0)]),(0,i.renderSlot)(e.$slots,`title`,{title:o.title},()=>[(0,i.createElementVNode)(`div`,{class:(0,i.normalizeClass)([(0,i.unref)(u)(`title`)])},(0,i.toDisplayString)(o.title),3)])],2)]),(0,i.renderSlot)(e.$slots,`content`,{content:o.content},()=>[o.isHtml?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,{key:0,class:(0,i.normalizeClass)([(0,i.unref)(u)(`content`)]),innerHTML:o.content},null,10,a)):((0,i.openBlock)(),(0,i.createElementBlock)(`div`,{key:1,class:(0,i.normalizeClass)([(0,i.unref)(u)(`content`)])},(0,i.toDisplayString)(o.content),3))]),(0,i.renderSlot)(e.$slots,`footer`,{cancel:A,cancelSize:o.cancelSize,cancelType:o.cancelType,cancelText:o.cancelText,confirm:j,confirmSize:o.confirmSize,confirmType:o.confirmType,confirmText:o.confirmText},()=>[(0,i.createElementVNode)(`div`,{class:(0,i.normalizeClass)([(0,i.unref)(u)(`footer`)])},[(0,i.renderSlot)(e.$slots,`cancel`,{cancel:A,cancelSize:o.cancelSize,cancelType:o.cancelType,cancelText:o.cancelText},()=>[(0,i.createVNode)(n,{size:o.cancelSize,type:o.cancelType,onClick:A},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(o.cancelText),1)]),_:1},8,[`size`,`type`])]),(0,i.renderSlot)(e.$slots,`extra`,{cancel:A,confirm:j}),(0,i.renderSlot)(e.$slots,`confirm`,{confirm:j,confirmSize:o.confirmSize,confirmType:o.confirmType,confirmText:o.confirmText},()=>[(0,i.createVNode)(n,{size:o.confirmSize,type:o.confirmType,onClick:j},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(o.confirmText),1)]),_:1},8,[`size`,`type`])])],2)])]),default:(0,i.withCtx)(()=>[((0,i.openBlock)(),(0,i.createBlock)((0,i.resolveDynamicComponent)(D.value)))]),_:3},8,`visible.width.height.max-width.max-height.floating-class.floating-style.disabled.theme.placement.trigger.reverse-theme.show-delay.hide-delay.transition.css-duration.css-transition.show-arrow.offset.teleported.append-to.persistent.boundary.element-context.alt-boundary.root-boundary.arrow-size.arrow-offset.flip-offset.arrow-options.flip-options.inline-options.is-external.external-ref.is-virtual.virtual-ref.onBeforeShow.onShow.onBeforeHide.onHide.onBeforeEnter.onEnter.onAfterEnter.onBeforeLeave.onLeave.onAfterLeave.onEnterCancelled.onLeaveCancelled`.split(`.`))}}});exports.default=o;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Component } from 'vue';
|
|
2
|
-
import { TooltipProps } from '@rappel-ui/components/tooltip';
|
|
2
|
+
import { TooltipProps, FloatingEmits } from '@rappel-ui/components/tooltip';
|
|
3
3
|
import { buttonTypes, buttonSizes } from '@rappel-ui/components/button';
|
|
4
4
|
export interface PopconfirmProps extends TooltipProps {
|
|
5
5
|
icon?: string | Component;
|
|
@@ -12,7 +12,7 @@ export interface PopconfirmProps extends TooltipProps {
|
|
|
12
12
|
confirmType?: (typeof buttonTypes)[number];
|
|
13
13
|
confirmSize?: (typeof buttonSizes)[number];
|
|
14
14
|
}
|
|
15
|
-
export interface PopconfirmEmits {
|
|
15
|
+
export interface PopconfirmEmits extends FloatingEmits {
|
|
16
16
|
confirm: [e: MouseEvent];
|
|
17
17
|
cancel: [e: MouseEvent];
|
|
18
18
|
}
|
|
@@ -3,8 +3,32 @@ export declare const RePopover: {
|
|
|
3
3
|
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('.').PopoverProps & {
|
|
4
4
|
visible?: boolean;
|
|
5
5
|
}> & Readonly<{
|
|
6
|
+
onBeforeShow?: ((el: HTMLElement) => any) | undefined;
|
|
7
|
+
onShow?: ((el: HTMLElement) => any) | undefined;
|
|
8
|
+
onBeforeHide?: ((el: HTMLElement) => any) | undefined;
|
|
9
|
+
onHide?: ((el: HTMLElement) => any) | undefined;
|
|
10
|
+
onBeforeEnter?: ((el: HTMLElement) => any) | undefined;
|
|
11
|
+
onEnter?: ((el: HTMLElement, done: () => void) => any) | undefined;
|
|
12
|
+
onEnterCancelled?: ((el: HTMLElement) => any) | undefined;
|
|
13
|
+
onAfterEnter?: ((el: HTMLElement) => any) | undefined;
|
|
14
|
+
onBeforeLeave?: ((el: HTMLElement) => any) | undefined;
|
|
15
|
+
onLeave?: ((el: HTMLElement, done: () => void) => any) | undefined;
|
|
16
|
+
onLeaveCancelled?: ((el: HTMLElement) => any) | undefined;
|
|
17
|
+
onAfterLeave?: ((el: HTMLElement) => any) | undefined;
|
|
6
18
|
"onUpdate:visible"?: ((value: boolean) => any) | undefined;
|
|
7
19
|
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
20
|
+
beforeShow: (el: HTMLElement) => any;
|
|
21
|
+
show: (el: HTMLElement) => any;
|
|
22
|
+
beforeHide: (el: HTMLElement) => any;
|
|
23
|
+
hide: (el: HTMLElement) => any;
|
|
24
|
+
beforeEnter: (el: HTMLElement) => any;
|
|
25
|
+
enter: (el: HTMLElement, done: () => void) => any;
|
|
26
|
+
enterCancelled: (el: HTMLElement) => any;
|
|
27
|
+
afterEnter: (el: HTMLElement) => any;
|
|
28
|
+
beforeLeave: (el: HTMLElement) => any;
|
|
29
|
+
leave: (el: HTMLElement, done: () => void) => any;
|
|
30
|
+
leaveCancelled: (el: HTMLElement) => any;
|
|
31
|
+
afterLeave: (el: HTMLElement) => any;
|
|
8
32
|
"update:visible": (value: boolean) => any;
|
|
9
33
|
}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
|
|
10
34
|
P: {};
|
|
@@ -16,6 +40,18 @@ export declare const RePopover: {
|
|
|
16
40
|
}, Readonly<import('.').PopoverProps & {
|
|
17
41
|
visible?: boolean;
|
|
18
42
|
}> & Readonly<{
|
|
43
|
+
onBeforeShow?: ((el: HTMLElement) => any) | undefined;
|
|
44
|
+
onShow?: ((el: HTMLElement) => any) | undefined;
|
|
45
|
+
onBeforeHide?: ((el: HTMLElement) => any) | undefined;
|
|
46
|
+
onHide?: ((el: HTMLElement) => any) | undefined;
|
|
47
|
+
onBeforeEnter?: ((el: HTMLElement) => any) | undefined;
|
|
48
|
+
onEnter?: ((el: HTMLElement, done: () => void) => any) | undefined;
|
|
49
|
+
onEnterCancelled?: ((el: HTMLElement) => any) | undefined;
|
|
50
|
+
onAfterEnter?: ((el: HTMLElement) => any) | undefined;
|
|
51
|
+
onBeforeLeave?: ((el: HTMLElement) => any) | undefined;
|
|
52
|
+
onLeave?: ((el: HTMLElement, done: () => void) => any) | undefined;
|
|
53
|
+
onLeaveCancelled?: ((el: HTMLElement) => any) | undefined;
|
|
54
|
+
onAfterLeave?: ((el: HTMLElement) => any) | undefined;
|
|
19
55
|
"onUpdate:visible"?: ((value: boolean) => any) | undefined;
|
|
20
56
|
}>, {}, {}, {}, {}, {}>;
|
|
21
57
|
__isFragment?: never;
|
|
@@ -24,8 +60,32 @@ export declare const RePopover: {
|
|
|
24
60
|
} & import('vue').ComponentOptionsBase<Readonly<import('.').PopoverProps & {
|
|
25
61
|
visible?: boolean;
|
|
26
62
|
}> & Readonly<{
|
|
63
|
+
onBeforeShow?: ((el: HTMLElement) => any) | undefined;
|
|
64
|
+
onShow?: ((el: HTMLElement) => any) | undefined;
|
|
65
|
+
onBeforeHide?: ((el: HTMLElement) => any) | undefined;
|
|
66
|
+
onHide?: ((el: HTMLElement) => any) | undefined;
|
|
67
|
+
onBeforeEnter?: ((el: HTMLElement) => any) | undefined;
|
|
68
|
+
onEnter?: ((el: HTMLElement, done: () => void) => any) | undefined;
|
|
69
|
+
onEnterCancelled?: ((el: HTMLElement) => any) | undefined;
|
|
70
|
+
onAfterEnter?: ((el: HTMLElement) => any) | undefined;
|
|
71
|
+
onBeforeLeave?: ((el: HTMLElement) => any) | undefined;
|
|
72
|
+
onLeave?: ((el: HTMLElement, done: () => void) => any) | undefined;
|
|
73
|
+
onLeaveCancelled?: ((el: HTMLElement) => any) | undefined;
|
|
74
|
+
onAfterLeave?: ((el: HTMLElement) => any) | undefined;
|
|
27
75
|
"onUpdate:visible"?: ((value: boolean) => any) | undefined;
|
|
28
76
|
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
77
|
+
beforeShow: (el: HTMLElement) => any;
|
|
78
|
+
show: (el: HTMLElement) => any;
|
|
79
|
+
beforeHide: (el: HTMLElement) => any;
|
|
80
|
+
hide: (el: HTMLElement) => any;
|
|
81
|
+
beforeEnter: (el: HTMLElement) => any;
|
|
82
|
+
enter: (el: HTMLElement, done: () => void) => any;
|
|
83
|
+
enterCancelled: (el: HTMLElement) => any;
|
|
84
|
+
afterEnter: (el: HTMLElement) => any;
|
|
85
|
+
beforeLeave: (el: HTMLElement) => any;
|
|
86
|
+
leave: (el: HTMLElement, done: () => void) => any;
|
|
87
|
+
leaveCancelled: (el: HTMLElement) => any;
|
|
88
|
+
afterLeave: (el: HTMLElement) => any;
|
|
29
89
|
"update:visible": (value: boolean) => any;
|
|
30
90
|
}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
|
|
31
91
|
$slots: {
|
|
@@ -4,15 +4,39 @@ type __VLS_ModelProps = {
|
|
|
4
4
|
'visible'?: boolean;
|
|
5
5
|
};
|
|
6
6
|
type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
|
|
7
|
-
declare var
|
|
7
|
+
declare var __VLS_27: {}, __VLS_29: {};
|
|
8
8
|
type __VLS_Slots = {} & {
|
|
9
|
-
title?: (props: typeof
|
|
9
|
+
title?: (props: typeof __VLS_27) => any;
|
|
10
10
|
} & {
|
|
11
|
-
content?: (props: typeof
|
|
11
|
+
content?: (props: typeof __VLS_29) => any;
|
|
12
12
|
};
|
|
13
13
|
declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
14
|
+
beforeShow: (el: HTMLElement) => any;
|
|
15
|
+
show: (el: HTMLElement) => any;
|
|
16
|
+
beforeHide: (el: HTMLElement) => any;
|
|
17
|
+
hide: (el: HTMLElement) => any;
|
|
18
|
+
beforeEnter: (el: HTMLElement) => any;
|
|
19
|
+
enter: (el: HTMLElement, done: () => void) => any;
|
|
20
|
+
enterCancelled: (el: HTMLElement) => any;
|
|
21
|
+
afterEnter: (el: HTMLElement) => any;
|
|
22
|
+
beforeLeave: (el: HTMLElement) => any;
|
|
23
|
+
leave: (el: HTMLElement, done: () => void) => any;
|
|
24
|
+
leaveCancelled: (el: HTMLElement) => any;
|
|
25
|
+
afterLeave: (el: HTMLElement) => any;
|
|
14
26
|
"update:visible": (value: boolean) => any;
|
|
15
27
|
}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
28
|
+
onBeforeShow?: ((el: HTMLElement) => any) | undefined;
|
|
29
|
+
onShow?: ((el: HTMLElement) => any) | undefined;
|
|
30
|
+
onBeforeHide?: ((el: HTMLElement) => any) | undefined;
|
|
31
|
+
onHide?: ((el: HTMLElement) => any) | undefined;
|
|
32
|
+
onBeforeEnter?: ((el: HTMLElement) => any) | undefined;
|
|
33
|
+
onEnter?: ((el: HTMLElement, done: () => void) => any) | undefined;
|
|
34
|
+
onEnterCancelled?: ((el: HTMLElement) => any) | undefined;
|
|
35
|
+
onAfterEnter?: ((el: HTMLElement) => any) | undefined;
|
|
36
|
+
onBeforeLeave?: ((el: HTMLElement) => any) | undefined;
|
|
37
|
+
onLeave?: ((el: HTMLElement, done: () => void) => any) | undefined;
|
|
38
|
+
onLeaveCancelled?: ((el: HTMLElement) => any) | undefined;
|
|
39
|
+
onAfterLeave?: ((el: HTMLElement) => any) | undefined;
|
|
16
40
|
"onUpdate:visible"?: ((value: boolean) => any) | undefined;
|
|
17
41
|
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
18
42
|
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const e=require("../../../composables/use-namespace/index.js");require("../../../composables/index.js");const t=require("../../tooltip/src/constants.js");let
|
|
1
|
+
const e=require("../../../composables/use-namespace/index.js");require("../../../composables/index.js");const t=require("../../tooltip/src/use-emit.js"),n=require("../../tooltip/src/constants.js");let r=require("vue");var i=[`innerHTML`],a=(0,r.defineComponent)({name:`RePopover`,__name:`popover`,props:(0,r.mergeModels)({title:{default:``},visible:{type:Boolean},content:{default:``},isHtml:{type:Boolean,default:()=>void 0},placement:{default:`top`},delay:{},width:{default:()=>void 0},height:{default:()=>void 0},maxWidth:{default:()=>void 0},maxHeight:{default:()=>void 0},trigger:{default:`hover`},disabled:{type:Boolean,default:()=>void 0},showDelay:{default:0},hideDelay:{default:200},showArrow:{type:Boolean,default:!0},floatingClass:{default:()=>void 0},floatingStyle:{type:[Boolean,null,String,Object,Array],default:()=>void 0},theme:{default:`light`},reverseTheme:{type:Boolean,default:!1},offset:{type:[Number,Object,Function],default:10},teleported:{type:Boolean,default:!0},appendTo:{default:`body`},persistent:{type:Boolean,default:!0},boundary:{default:`clippingAncestors`},elementContext:{default:`floating`},altBoundary:{type:Boolean,default:!1},rootBoundary:{default:`viewport`},transition:{default:`popover`},mode:{},cssTransition:{type:Boolean,default:!0},cssDuration:{default:0},arrowSize:{default:8},arrowOffset:{default:4},arrowOptions:{default:()=>void 0},shiftOptions:{},flipOffset:{default:8},flipOptions:{default:()=>void 0},inlineOptions:{default:()=>void 0},hideOptions:{},isExternal:{type:Boolean,default:()=>void 0},externalRef:{default:()=>void 0},isVirtual:{type:Boolean,default:()=>void 0},virtualRef:{default:()=>void 0}},{visible:{type:Boolean,default:void 0},visibleModifiers:{}}),emits:(0,r.mergeModels)([`beforeShow`,`show`,`beforeHide`,`hide`,`beforeEnter`,`enter`,`enterCancelled`,`afterEnter`,`beforeLeave`,`leave`,`leaveCancelled`,`afterLeave`],[`update:visible`]),setup(a,{emit:o}){let{n:s,ns:c}=e.useNamespace(`popover`),{beforeShow:l,beforeHide:u,show:d,hide:f,beforeEnter:p,enter:m,afterEnter:h,beforeLeave:g,leave:_,afterLeave:v,enterCancelled:y,leaveCancelled:b}=t.useEmits(o),x=(0,r.useModel)(a,`visible`),S=(0,r.computed)(()=>[s(),a.floatingClass]),C=(0,r.useSlots)(),w=(0,r.computed)(()=>{var e,t;let i=C==null||(e=C.default)==null||(e=e.call(C))==null?void 0:e.filter(e=>e&&!n.filterNodeTypes.includes(e.type.toString()))[0];return(i==null||(t=i.type)==null?void 0:t.toString())===`Symbol(v-txt)`?(0,r.h)(`span`,{},i):i});return(e,t)=>{let n=(0,r.resolveComponent)(`re-tooltip`);return(0,r.openBlock)(),(0,r.createBlock)(n,{visible:x.value,"onUpdate:visible":t[0]||(t[0]=e=>x.value=e),width:a.width,height:a.height,"max-width":a.maxWidth,"max-height":a.maxHeight,"floating-class":S.value,"floating-style":a.floatingStyle,disabled:a.disabled,theme:a.theme,placement:a.placement,trigger:a.trigger,"reverse-theme":a.reverseTheme,"show-delay":a.showDelay,"hide-delay":a.hideDelay,transition:a.transition,"css-duration":a.cssDuration,"css-transition":a.cssTransition,"show-arrow":a.showArrow,offset:a.offset,teleported:a.teleported,"append-to":a.appendTo,persistent:a.persistent,boundary:a.boundary,"element-context":a.elementContext,"alt-boundary":a.altBoundary,"root-boundary":a.rootBoundary,"arrow-size":a.arrowSize,"arrow-offset":a.arrowOffset,"flip-offset":a.flipOffset,"arrow-options":a.arrowOptions,"flip-options":a.flipOptions,"inline-options":a.inlineOptions,"is-external":a.isExternal,"external-ref":a.externalRef,"is-virtual":a.isVirtual,"virtual-ref":a.virtualRef,onBeforeShow:(0,r.unref)(l),onShow:(0,r.unref)(d),onBeforeHide:(0,r.unref)(u),onHide:(0,r.unref)(f),onBeforeEnter:(0,r.unref)(p),onEnter:(0,r.unref)(m),onAfterEnter:(0,r.unref)(h),onBeforeLeave:(0,r.unref)(g),onLeave:(0,r.unref)(_),onAfterLeave:(0,r.unref)(v),onEnterCancelled:(0,r.unref)(y),onLeaveCancelled:(0,r.unref)(b)},{content:(0,r.withCtx)(()=>[(0,r.renderSlot)(e.$slots,`title`,{},()=>[(0,r.createElementVNode)(`div`,{class:(0,r.normalizeClass)([(0,r.unref)(c)(`title`)])},(0,r.toDisplayString)(a.title),3)]),(0,r.renderSlot)(e.$slots,`content`,{},()=>[a.isHtml?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{key:0,class:(0,r.normalizeClass)([(0,r.unref)(c)(`content`)]),innerHTML:a.content},null,10,i)):((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{key:1,class:(0,r.normalizeClass)([(0,r.unref)(c)(`content`)])},(0,r.toDisplayString)(a.content),3))])]),default:(0,r.withCtx)(()=>[((0,r.openBlock)(),(0,r.createBlock)((0,r.resolveDynamicComponent)(w.value)))]),_:3},8,`visible.width.height.max-width.max-height.floating-class.floating-style.disabled.theme.placement.trigger.reverse-theme.show-delay.hide-delay.transition.css-duration.css-transition.show-arrow.offset.teleported.append-to.persistent.boundary.element-context.alt-boundary.root-boundary.arrow-size.arrow-offset.flip-offset.arrow-options.flip-options.inline-options.is-external.external-ref.is-virtual.virtual-ref.onBeforeShow.onShow.onBeforeHide.onHide.onBeforeEnter.onEnter.onAfterEnter.onBeforeLeave.onLeave.onAfterLeave.onEnterCancelled.onLeaveCancelled`.split(`.`))}}});exports.default=a;
|
|
@@ -1,4 +1,6 @@
|
|
|
1
|
-
import { TooltipProps } from '@rappel-ui/components/tooltip';
|
|
1
|
+
import { TooltipProps, FloatingEmits } from '@rappel-ui/components/tooltip';
|
|
2
2
|
export interface PopoverProps extends TooltipProps {
|
|
3
3
|
title?: string;
|
|
4
4
|
}
|
|
5
|
+
export interface PopoverEmits extends FloatingEmits {
|
|
6
|
+
}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
export * from './src/use-emit';
|
|
1
2
|
export * from './src/types';
|
|
2
3
|
export declare const ReTooltip: {
|
|
3
4
|
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('.').TooltipProps & {
|
|
@@ -9,9 +10,11 @@ export declare const ReTooltip: {
|
|
|
9
10
|
onHide?: ((el: HTMLElement) => any) | undefined;
|
|
10
11
|
onBeforeEnter?: ((el: HTMLElement) => any) | undefined;
|
|
11
12
|
onEnter?: ((el: HTMLElement, done: () => void) => any) | undefined;
|
|
13
|
+
onEnterCancelled?: ((el: HTMLElement) => any) | undefined;
|
|
12
14
|
onAfterEnter?: ((el: HTMLElement) => any) | undefined;
|
|
13
15
|
onBeforeLeave?: ((el: HTMLElement) => any) | undefined;
|
|
14
16
|
onLeave?: ((el: HTMLElement, done: () => void) => any) | undefined;
|
|
17
|
+
onLeaveCancelled?: ((el: HTMLElement) => any) | undefined;
|
|
15
18
|
onAfterLeave?: ((el: HTMLElement) => any) | undefined;
|
|
16
19
|
"onUpdate:visible"?: ((value: boolean) => any) | undefined;
|
|
17
20
|
}>, {
|
|
@@ -30,9 +33,11 @@ export declare const ReTooltip: {
|
|
|
30
33
|
hide: (el: HTMLElement) => any;
|
|
31
34
|
beforeEnter: (el: HTMLElement) => any;
|
|
32
35
|
enter: (el: HTMLElement, done: () => void) => any;
|
|
36
|
+
enterCancelled: (el: HTMLElement) => any;
|
|
33
37
|
afterEnter: (el: HTMLElement) => any;
|
|
34
38
|
beforeLeave: (el: HTMLElement) => any;
|
|
35
39
|
leave: (el: HTMLElement, done: () => void) => any;
|
|
40
|
+
leaveCancelled: (el: HTMLElement) => any;
|
|
36
41
|
afterLeave: (el: HTMLElement) => any;
|
|
37
42
|
"update:visible": (value: boolean) => any;
|
|
38
43
|
}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
|
|
@@ -51,9 +56,11 @@ export declare const ReTooltip: {
|
|
|
51
56
|
onHide?: ((el: HTMLElement) => any) | undefined;
|
|
52
57
|
onBeforeEnter?: ((el: HTMLElement) => any) | undefined;
|
|
53
58
|
onEnter?: ((el: HTMLElement, done: () => void) => any) | undefined;
|
|
59
|
+
onEnterCancelled?: ((el: HTMLElement) => any) | undefined;
|
|
54
60
|
onAfterEnter?: ((el: HTMLElement) => any) | undefined;
|
|
55
61
|
onBeforeLeave?: ((el: HTMLElement) => any) | undefined;
|
|
56
62
|
onLeave?: ((el: HTMLElement, done: () => void) => any) | undefined;
|
|
63
|
+
onLeaveCancelled?: ((el: HTMLElement) => any) | undefined;
|
|
57
64
|
onAfterLeave?: ((el: HTMLElement) => any) | undefined;
|
|
58
65
|
"onUpdate:visible"?: ((value: boolean) => any) | undefined;
|
|
59
66
|
}>, {
|
|
@@ -78,9 +85,11 @@ export declare const ReTooltip: {
|
|
|
78
85
|
onHide?: ((el: HTMLElement) => any) | undefined;
|
|
79
86
|
onBeforeEnter?: ((el: HTMLElement) => any) | undefined;
|
|
80
87
|
onEnter?: ((el: HTMLElement, done: () => void) => any) | undefined;
|
|
88
|
+
onEnterCancelled?: ((el: HTMLElement) => any) | undefined;
|
|
81
89
|
onAfterEnter?: ((el: HTMLElement) => any) | undefined;
|
|
82
90
|
onBeforeLeave?: ((el: HTMLElement) => any) | undefined;
|
|
83
91
|
onLeave?: ((el: HTMLElement, done: () => void) => any) | undefined;
|
|
92
|
+
onLeaveCancelled?: ((el: HTMLElement) => any) | undefined;
|
|
84
93
|
onAfterLeave?: ((el: HTMLElement) => any) | undefined;
|
|
85
94
|
"onUpdate:visible"?: ((value: boolean) => any) | undefined;
|
|
86
95
|
}>, {
|
|
@@ -99,9 +108,11 @@ export declare const ReTooltip: {
|
|
|
99
108
|
hide: (el: HTMLElement) => any;
|
|
100
109
|
beforeEnter: (el: HTMLElement) => any;
|
|
101
110
|
enter: (el: HTMLElement, done: () => void) => any;
|
|
111
|
+
enterCancelled: (el: HTMLElement) => any;
|
|
102
112
|
afterEnter: (el: HTMLElement) => any;
|
|
103
113
|
beforeLeave: (el: HTMLElement) => any;
|
|
104
114
|
leave: (el: HTMLElement, done: () => void) => any;
|
|
115
|
+
leaveCancelled: (el: HTMLElement) => any;
|
|
105
116
|
afterLeave: (el: HTMLElement) => any;
|
|
106
117
|
"update:visible": (value: boolean) => any;
|
|
107
118
|
}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const e=require("../../utils/vue/index.js");require("../../utils/index.js");const t=require("./src/tooltip.js");var
|
|
1
|
+
const e=require("../../utils/vue/index.js");require("../../utils/index.js");const t=require("./src/use-emit.js"),n=require("./src/tooltip.js");var r=e.withInstall(n.default);exports.ReTooltip=r,exports.default=r,exports.useEmits=t.useEmits;
|
|
@@ -5,9 +5,9 @@ type __VLS_ModelProps = {
|
|
|
5
5
|
modelValue?: typeof model['value'];
|
|
6
6
|
};
|
|
7
7
|
type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
|
|
8
|
-
declare var
|
|
8
|
+
declare var __VLS_20: {};
|
|
9
9
|
type __VLS_Slots = {} & {
|
|
10
|
-
default?: (props: typeof
|
|
10
|
+
default?: (props: typeof __VLS_20) => any;
|
|
11
11
|
};
|
|
12
12
|
declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {
|
|
13
13
|
floatingRef: Readonly<import('vue').ShallowRef<HTMLDivElement | null, HTMLDivElement | null>>;
|
|
@@ -19,9 +19,11 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {
|
|
|
19
19
|
hide: (el: HTMLElement) => any;
|
|
20
20
|
beforeEnter: (el: HTMLElement) => any;
|
|
21
21
|
enter: (el: HTMLElement, done: () => void) => any;
|
|
22
|
+
enterCancelled: (el: HTMLElement) => any;
|
|
22
23
|
afterEnter: (el: HTMLElement) => any;
|
|
23
24
|
beforeLeave: (el: HTMLElement) => any;
|
|
24
25
|
leave: (el: HTMLElement, done: () => void) => any;
|
|
26
|
+
leaveCancelled: (el: HTMLElement) => any;
|
|
25
27
|
afterLeave: (el: HTMLElement) => any;
|
|
26
28
|
"update:modelValue": (value: boolean) => any;
|
|
27
29
|
}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
@@ -31,9 +33,11 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {
|
|
|
31
33
|
onHide?: ((el: HTMLElement) => any) | undefined;
|
|
32
34
|
onBeforeEnter?: ((el: HTMLElement) => any) | undefined;
|
|
33
35
|
onEnter?: ((el: HTMLElement, done: () => void) => any) | undefined;
|
|
36
|
+
onEnterCancelled?: ((el: HTMLElement) => any) | undefined;
|
|
34
37
|
onAfterEnter?: ((el: HTMLElement) => any) | undefined;
|
|
35
38
|
onBeforeLeave?: ((el: HTMLElement) => any) | undefined;
|
|
36
39
|
onLeave?: ((el: HTMLElement, done: () => void) => any) | undefined;
|
|
40
|
+
onLeaveCancelled?: ((el: HTMLElement) => any) | undefined;
|
|
37
41
|
onAfterLeave?: ((el: HTMLElement) => any) | undefined;
|
|
38
42
|
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
39
43
|
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const e=require("../../../utils/util.js");require("../../../utils/index.js");const t=require("../../../composables/use-namespace/index.js"),n=require("../../../composables/use-z-index/index.js"),r=require("../../../composables/use-theme/index.js");require("../../../composables/index.js");const i=require("./use-emit.js");let a=require("vue");var o=[`data-placement`],s=(0,a.defineComponent)({__name:`content`,props:(0,a.mergeModels)({modelValue:{type:Boolean},style:{type:[Boolean,null,String,Object,Array],default:()=>void 0},arrowStyle:{default:()=>void 0},appendTo:{default:`body`},teleported:{type:Boolean,default:!0},defer:{type:Boolean,default:()=>void 0},content:{},placement:{default:`top`},showArrow:{type:Boolean,default:!1},width:{default:()=>void 0},height:{default:()=>void 0},maxWidth:{default:()=>void 0},maxHeight:{default:()=>void 0},floatingClass:{default:()=>void 0},transition:{default:``},mode:{default:()=>void 0},cssTransition:{type:Boolean,default:!1},cssDuration:{default:0},appear:{type:Boolean,default:!1},zIndex:{default:()=>void 0},theme:{default:`light`},reverseTheme:{type:Boolean,default:!1}},{modelValue:{type:Boolean,default:!1},modelModifiers:{}}),emits:(0,a.mergeModels)([`beforeShow`,`show`,`beforeHide`,`hide`,`beforeEnter`,`enter`,`afterEnter`,`beforeLeave`,`leave`,`afterLeave`],[`update:modelValue`]),setup(s,{expose:c,emit:l}){let u=(0,a.useModel)(s,`modelValue`),{beforeShow:d,show:f,beforeHide:p,hide:m,beforeEnter:h,beforeLeave:g,enter:_,leave:v,afterEnter:y,afterLeave:b}=i.useEmits(l),{n:
|
|
1
|
+
const e=require("../../../utils/util.js");require("../../../utils/index.js");const t=require("../../../composables/use-namespace/index.js"),n=require("../../../composables/use-z-index/index.js"),r=require("../../../composables/use-theme/index.js");require("../../../composables/index.js");const i=require("./use-emit.js");let a=require("vue");var o=[`data-placement`],s=(0,a.defineComponent)({__name:`content`,props:(0,a.mergeModels)({modelValue:{type:Boolean},style:{type:[Boolean,null,String,Object,Array],default:()=>void 0},arrowStyle:{default:()=>void 0},appendTo:{default:`body`},teleported:{type:Boolean,default:!0},defer:{type:Boolean,default:()=>void 0},content:{},placement:{default:`top`},showArrow:{type:Boolean,default:!1},width:{default:()=>void 0},height:{default:()=>void 0},maxWidth:{default:()=>void 0},maxHeight:{default:()=>void 0},floatingClass:{default:()=>void 0},transition:{default:``},mode:{default:()=>void 0},cssTransition:{type:Boolean,default:!1},cssDuration:{default:0},appear:{type:Boolean,default:!1},zIndex:{default:()=>void 0},theme:{default:`light`},reverseTheme:{type:Boolean,default:!1}},{modelValue:{type:Boolean,default:!1},modelModifiers:{}}),emits:(0,a.mergeModels)([`beforeShow`,`show`,`beforeHide`,`hide`,`beforeEnter`,`enter`,`enterCancelled`,`afterEnter`,`beforeLeave`,`leave`,`leaveCancelled`,`afterLeave`],[`update:modelValue`]),setup(s,{expose:c,emit:l}){let u=(0,a.useModel)(s,`modelValue`),{beforeShow:d,show:f,beforeHide:p,hide:m,beforeEnter:h,beforeLeave:g,enter:_,leave:v,afterEnter:y,afterLeave:b,enterCancelled:x,leaveCancelled:S}=i.useEmits(l),{n:C,ns:w,is:T}=t.useNamespace(`tooltip`),{currentTheme:E}=r.useTheme(s.theme,s.reverseTheme),D=(0,a.useTemplateRef)(`floatingRef`),O=(0,a.useTemplateRef)(`arrowRef`),k=(0,a.computed)(()=>[s.style,{width:e.toPx(s.width),height:e.toPx(s.height),maxWidth:e.toPx(s.maxWidth),maxHeight:e.toPx(s.maxHeight),zIndex:A.value}]),A=(0,a.ref)(0),{zIndex:j}=n.useZIndex(),{stop:M}=(0,a.watch)(u,e=>{e&&(A.value=s.zIndex||j.value)}),N=(0,a.computed)(()=>s.cssTransition?null:`enter`),P=(0,a.computed)(()=>s.cssTransition?null:`leave`),F=e=>{s.cssTransition?d(e):h(e)},I=(e,t)=>{_(e,t)},L=e=>{x(e)},R=e=>{s.cssTransition?f(e):y(e)},z=e=>{s.cssTransition?p(e):g(e)},B=(e,t)=>{v(e,t)},V=e=>{S(e)},H=e=>{s.cssTransition?m(e):b(e)};return(0,a.onUnmounted)(()=>{M()}),c({floatingRef:D,arrowRef:O}),(e,t)=>((0,a.openBlock)(),(0,a.createBlock)(a.Teleport,{disabled:!s.teleported,defer:s.defer,to:s.appendTo},[(0,a.createVNode)(a.Transition,(0,a.mergeProps)({name:s.transition,type:`transition`,css:s.cssTransition,duration:s.cssDuration,appear:s.appear,mode:s.mode,onBeforeEnter:F,onBeforeLeave:z},{[(0,a.toHandlerKey)(N.value)]:I},{[(0,a.toHandlerKey)(P.value)]:B},{onEnterCancelled:L,onLeaveCancelled:V,onAfterEnter:R,onAfterLeave:H}),{default:(0,a.withCtx)(()=>[u.value?((0,a.openBlock)(),(0,a.createElementBlock)(`div`,{key:0,ref_key:`floatingRef`,ref:D,style:(0,a.normalizeStyle)(k.value),class:(0,a.normalizeClass)([(0,a.unref)(C)(),(0,a.unref)(T)((0,a.unref)(E),!!(0,a.unref)(E)),s.floatingClass])},[(0,a.renderSlot)(e.$slots,`default`),s.showArrow?((0,a.openBlock)(),(0,a.createElementBlock)(`span`,{key:0,ref_key:`arrowRef`,ref:O,"data-placement":s.placement,style:(0,a.normalizeStyle)(s.arrowStyle),class:(0,a.normalizeClass)([(0,a.unref)(w)(`arrow`)])},null,14,o)):(0,a.createCommentVNode)(``,!0)],6)):(0,a.createCommentVNode)(``,!0)]),_:3},16,[`name`,`css`,`duration`,`appear`,`mode`])],8,[`disabled`,`defer`,`to`]))}});exports.default=s;
|
|
@@ -4,9 +4,9 @@ type __VLS_ModelProps = {
|
|
|
4
4
|
'visible'?: boolean;
|
|
5
5
|
};
|
|
6
6
|
type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
|
|
7
|
-
declare var
|
|
7
|
+
declare var __VLS_29: {};
|
|
8
8
|
type __VLS_Slots = {} & {
|
|
9
|
-
content?: (props: typeof
|
|
9
|
+
content?: (props: typeof __VLS_29) => any;
|
|
10
10
|
};
|
|
11
11
|
declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {
|
|
12
12
|
update: () => void;
|
|
@@ -24,9 +24,11 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {
|
|
|
24
24
|
hide: (el: HTMLElement) => any;
|
|
25
25
|
beforeEnter: (el: HTMLElement) => any;
|
|
26
26
|
enter: (el: HTMLElement, done: () => void) => any;
|
|
27
|
+
enterCancelled: (el: HTMLElement) => any;
|
|
27
28
|
afterEnter: (el: HTMLElement) => any;
|
|
28
29
|
beforeLeave: (el: HTMLElement) => any;
|
|
29
30
|
leave: (el: HTMLElement, done: () => void) => any;
|
|
31
|
+
leaveCancelled: (el: HTMLElement) => any;
|
|
30
32
|
afterLeave: (el: HTMLElement) => any;
|
|
31
33
|
"update:visible": (value: boolean) => any;
|
|
32
34
|
}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
@@ -36,9 +38,11 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {
|
|
|
36
38
|
onHide?: ((el: HTMLElement) => any) | undefined;
|
|
37
39
|
onBeforeEnter?: ((el: HTMLElement) => any) | undefined;
|
|
38
40
|
onEnter?: ((el: HTMLElement, done: () => void) => any) | undefined;
|
|
41
|
+
onEnterCancelled?: ((el: HTMLElement) => any) | undefined;
|
|
39
42
|
onAfterEnter?: ((el: HTMLElement) => any) | undefined;
|
|
40
43
|
onBeforeLeave?: ((el: HTMLElement) => any) | undefined;
|
|
41
44
|
onLeave?: ((el: HTMLElement, done: () => void) => any) | undefined;
|
|
45
|
+
onLeaveCancelled?: ((el: HTMLElement) => any) | undefined;
|
|
42
46
|
onAfterLeave?: ((el: HTMLElement) => any) | undefined;
|
|
43
47
|
"onUpdate:visible"?: ((value: boolean) => any) | undefined;
|
|
44
48
|
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|