@mekari/pixel3-popover 0.0.4 → 0.0.5
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/{chunk-SMKHJPNG.mjs → chunk-52BTWLDY.mjs} +2 -2
- package/dist/{chunk-KRK533DP.mjs → chunk-5LOKC2YN.mjs} +1 -1
- package/dist/{chunk-3VISLXE6.mjs → chunk-ACYTEMPK.mjs} +5 -8
- package/dist/{chunk-G54Z6NKL.mjs → chunk-LTPID7ZX.mjs} +12669 -10472
- package/dist/{chunk-EOUKE4WB.mjs → chunk-MPDM4USP.mjs} +25 -13
- package/dist/{chunk-E2N74NQW.mjs → chunk-VN53X7QU.mjs} +1 -1
- package/dist/{chunk-OBEDLACV.mjs → chunk-WBFSONWB.mjs} +2 -2
- package/dist/{chunk-6AOSFLZR.mjs → chunk-YFYQ7S3B.mjs} +2 -2
- package/dist/content.js +9 -12
- package/dist/content.mjs +3 -3
- package/dist/index.css +540 -0
- package/dist/index.js +13422 -11216
- package/dist/index.mjs +8 -8
- package/dist/list-item.css +540 -0
- package/dist/list-item.js +12809 -10603
- package/dist/list-item.mjs +8 -8
- package/dist/list.mjs +2 -2
- package/dist/metafile-cjs.json +1 -1
- package/dist/metafile-esm.json +1 -1
- package/dist/modules/popover.hooks.d.mts +1 -0
- package/dist/modules/popover.hooks.d.ts +1 -0
- package/dist/modules/popover.hooks.js +25 -13
- package/dist/modules/popover.hooks.mjs +1 -1
- package/dist/modules/popover.props.d.mts +10 -16
- package/dist/modules/popover.props.d.ts +10 -16
- package/dist/modules/popover.props.js +5 -8
- package/dist/modules/popover.props.mjs +1 -1
- package/dist/popover.d.mts +13 -19
- package/dist/popover.d.ts +13 -19
- package/dist/popover.js +12 -15
- package/dist/popover.mjs +3 -3
- package/dist/singleton-popover.d.mts +13 -19
- package/dist/singleton-popover.d.ts +13 -19
- package/dist/singleton-popover.js +6 -9
- package/dist/singleton-popover.mjs +3 -3
- package/dist/trigger.mjs +2 -2
- package/package.json +2 -2
|
@@ -41,7 +41,7 @@ var [PopoverProvider, usePopoverContext] = (0, import_pixel3_utils.usePixelCreat
|
|
|
41
41
|
|
|
42
42
|
// src/modules/popover.hooks.ts
|
|
43
43
|
function usePopover(props, emit) {
|
|
44
|
-
const isOpen = (0, import_vue.ref)(props.
|
|
44
|
+
const isOpen = (0, import_vue.ref)(props.isDefaultOpen);
|
|
45
45
|
const triggerNode = (0, import_vue.ref)(null);
|
|
46
46
|
const contentNode = (0, import_vue.ref)(null);
|
|
47
47
|
const placement = (0, import_vue.ref)(props.placement);
|
|
@@ -55,27 +55,27 @@ function usePopover(props, emit) {
|
|
|
55
55
|
whileElementsMounted: import_vue2.autoUpdate
|
|
56
56
|
});
|
|
57
57
|
function onOpenPopover() {
|
|
58
|
+
if (props.isManual)
|
|
59
|
+
return;
|
|
60
|
+
isOpen.value = true;
|
|
58
61
|
emit("open", {
|
|
59
62
|
isOpen,
|
|
60
63
|
triggerNode,
|
|
61
64
|
contentNode,
|
|
62
65
|
placement
|
|
63
66
|
});
|
|
64
|
-
if (props.isManual)
|
|
65
|
-
return;
|
|
66
|
-
isOpen.value = true;
|
|
67
67
|
}
|
|
68
68
|
__name(onOpenPopover, "onOpenPopover");
|
|
69
69
|
function onClosePopover() {
|
|
70
|
+
if (props.isManual)
|
|
71
|
+
return;
|
|
72
|
+
isOpen.value = false;
|
|
70
73
|
emit("close", {
|
|
71
74
|
isOpen,
|
|
72
75
|
triggerNode,
|
|
73
76
|
contentNode,
|
|
74
77
|
placement
|
|
75
78
|
});
|
|
76
|
-
if (props.isManual)
|
|
77
|
-
return;
|
|
78
|
-
isOpen.value = false;
|
|
79
79
|
}
|
|
80
80
|
__name(onClosePopover, "onClosePopover");
|
|
81
81
|
function setHovering(value) {
|
|
@@ -109,7 +109,7 @@ function useSingletonPopover(props, emit) {
|
|
|
109
109
|
const {
|
|
110
110
|
triggerNode
|
|
111
111
|
} = (0, import_vue.toRefs)(props);
|
|
112
|
-
const isOpen = (0, import_vue.ref)(props.
|
|
112
|
+
const isOpen = (0, import_vue.ref)(props.isDefaultOpen);
|
|
113
113
|
const contentNode = (0, import_vue.ref)(null);
|
|
114
114
|
const placement = (0, import_vue.ref)(props.placement);
|
|
115
115
|
const middleware = (0, import_vue.ref)([(0, import_vue2.offset)(4), (0, import_vue2.flip)(), (0, import_vue2.shift)()]);
|
|
@@ -218,8 +218,8 @@ function usePopoverContent(props, emit) {
|
|
|
218
218
|
} = usePopoverContext();
|
|
219
219
|
const {
|
|
220
220
|
id,
|
|
221
|
-
|
|
222
|
-
|
|
221
|
+
isCloseOnBlur,
|
|
222
|
+
isCloseOnEscape,
|
|
223
223
|
trigger,
|
|
224
224
|
isAdaptiveWidth,
|
|
225
225
|
usePortal
|
|
@@ -228,14 +228,14 @@ function usePopoverContent(props, emit) {
|
|
|
228
228
|
const getId = (0, import_vue.computed)(() => (id == null ? void 0 : id.value) ? `popover-content-${id.value}` : `popover-content-${(0, import_pixel3_utils2.useId)(4)}`);
|
|
229
229
|
(0, import_pixel3_utils2.onClickOutside)(restContentNode, (e) => {
|
|
230
230
|
emit("blur", e);
|
|
231
|
-
if (
|
|
231
|
+
if (isCloseOnBlur.value) {
|
|
232
232
|
onClosePopover();
|
|
233
233
|
}
|
|
234
234
|
});
|
|
235
235
|
(0, import_pixel3_utils2.onKeyStroke)("Escape", (e) => {
|
|
236
236
|
if (isOpen.value) {
|
|
237
237
|
emit("escape");
|
|
238
|
-
if (
|
|
238
|
+
if (isCloseOnEscape.value) {
|
|
239
239
|
onClosePopover();
|
|
240
240
|
e.preventDefault();
|
|
241
241
|
}
|
|
@@ -300,6 +300,13 @@ function usePopoverList() {
|
|
|
300
300
|
}
|
|
301
301
|
__name(usePopoverList, "usePopoverList");
|
|
302
302
|
function usePopoverListItem(props) {
|
|
303
|
+
const {
|
|
304
|
+
onClosePopover,
|
|
305
|
+
rootProps: popoverProps
|
|
306
|
+
} = usePopoverContext();
|
|
307
|
+
const {
|
|
308
|
+
isCloseOnSelect
|
|
309
|
+
} = popoverProps;
|
|
303
310
|
const isHighligted = (0, import_vue.ref)(false);
|
|
304
311
|
const rootAttrs = (0, import_vue.computed)(() => {
|
|
305
312
|
return {
|
|
@@ -310,7 +317,12 @@ function usePopoverListItem(props) {
|
|
|
310
317
|
"data-highlight": isHighligted.value || void 0,
|
|
311
318
|
"data-active": props.isActive || void 0,
|
|
312
319
|
onmouseenter: () => isHighligted.value = true,
|
|
313
|
-
onmouseleave: () => isHighligted.value = false
|
|
320
|
+
onmouseleave: () => isHighligted.value = false,
|
|
321
|
+
onClick: () => {
|
|
322
|
+
if (isCloseOnSelect.value) {
|
|
323
|
+
onClosePopover();
|
|
324
|
+
}
|
|
325
|
+
}
|
|
314
326
|
};
|
|
315
327
|
});
|
|
316
328
|
const contentAttrs = {
|
|
@@ -19,7 +19,7 @@ declare const popoverProps: {
|
|
|
19
19
|
triggerId: {
|
|
20
20
|
type: PropType<string>;
|
|
21
21
|
};
|
|
22
|
-
|
|
22
|
+
isDefaultOpen: {
|
|
23
23
|
type: PropType<boolean>;
|
|
24
24
|
};
|
|
25
25
|
isManual: {
|
|
@@ -28,21 +28,18 @@ declare const popoverProps: {
|
|
|
28
28
|
isOpen: {
|
|
29
29
|
type: PropType<boolean>;
|
|
30
30
|
};
|
|
31
|
-
|
|
31
|
+
isFocusOnClose: {
|
|
32
32
|
type: PropType<boolean>;
|
|
33
33
|
};
|
|
34
|
-
|
|
35
|
-
type: PropType<boolean>;
|
|
36
|
-
};
|
|
37
|
-
closeOnBlur: {
|
|
34
|
+
isCloseOnBlur: {
|
|
38
35
|
type: PropType<boolean>;
|
|
39
36
|
default: boolean;
|
|
40
37
|
};
|
|
41
|
-
|
|
38
|
+
isCloseOnEscape: {
|
|
42
39
|
type: PropType<boolean>;
|
|
43
40
|
default: boolean;
|
|
44
41
|
};
|
|
45
|
-
|
|
42
|
+
isCloseOnSelect: {
|
|
46
43
|
type: PropType<boolean>;
|
|
47
44
|
default: boolean;
|
|
48
45
|
};
|
|
@@ -74,7 +71,7 @@ declare const singletonPopoverProps: {
|
|
|
74
71
|
triggerId: {
|
|
75
72
|
type: PropType<string>;
|
|
76
73
|
};
|
|
77
|
-
|
|
74
|
+
isDefaultOpen: {
|
|
78
75
|
type: PropType<boolean>;
|
|
79
76
|
};
|
|
80
77
|
isManual: {
|
|
@@ -83,21 +80,18 @@ declare const singletonPopoverProps: {
|
|
|
83
80
|
isOpen: {
|
|
84
81
|
type: PropType<boolean>;
|
|
85
82
|
};
|
|
86
|
-
|
|
87
|
-
type: PropType<boolean>;
|
|
88
|
-
};
|
|
89
|
-
initialFocusRef: {
|
|
83
|
+
isFocusOnClose: {
|
|
90
84
|
type: PropType<boolean>;
|
|
91
85
|
};
|
|
92
|
-
|
|
86
|
+
isCloseOnBlur: {
|
|
93
87
|
type: PropType<boolean>;
|
|
94
88
|
default: boolean;
|
|
95
89
|
};
|
|
96
|
-
|
|
90
|
+
isCloseOnEscape: {
|
|
97
91
|
type: PropType<boolean>;
|
|
98
92
|
default: boolean;
|
|
99
93
|
};
|
|
100
|
-
|
|
94
|
+
isCloseOnSelect: {
|
|
101
95
|
type: PropType<boolean>;
|
|
102
96
|
default: boolean;
|
|
103
97
|
};
|
|
@@ -19,7 +19,7 @@ declare const popoverProps: {
|
|
|
19
19
|
triggerId: {
|
|
20
20
|
type: PropType<string>;
|
|
21
21
|
};
|
|
22
|
-
|
|
22
|
+
isDefaultOpen: {
|
|
23
23
|
type: PropType<boolean>;
|
|
24
24
|
};
|
|
25
25
|
isManual: {
|
|
@@ -28,21 +28,18 @@ declare const popoverProps: {
|
|
|
28
28
|
isOpen: {
|
|
29
29
|
type: PropType<boolean>;
|
|
30
30
|
};
|
|
31
|
-
|
|
31
|
+
isFocusOnClose: {
|
|
32
32
|
type: PropType<boolean>;
|
|
33
33
|
};
|
|
34
|
-
|
|
35
|
-
type: PropType<boolean>;
|
|
36
|
-
};
|
|
37
|
-
closeOnBlur: {
|
|
34
|
+
isCloseOnBlur: {
|
|
38
35
|
type: PropType<boolean>;
|
|
39
36
|
default: boolean;
|
|
40
37
|
};
|
|
41
|
-
|
|
38
|
+
isCloseOnEscape: {
|
|
42
39
|
type: PropType<boolean>;
|
|
43
40
|
default: boolean;
|
|
44
41
|
};
|
|
45
|
-
|
|
42
|
+
isCloseOnSelect: {
|
|
46
43
|
type: PropType<boolean>;
|
|
47
44
|
default: boolean;
|
|
48
45
|
};
|
|
@@ -74,7 +71,7 @@ declare const singletonPopoverProps: {
|
|
|
74
71
|
triggerId: {
|
|
75
72
|
type: PropType<string>;
|
|
76
73
|
};
|
|
77
|
-
|
|
74
|
+
isDefaultOpen: {
|
|
78
75
|
type: PropType<boolean>;
|
|
79
76
|
};
|
|
80
77
|
isManual: {
|
|
@@ -83,21 +80,18 @@ declare const singletonPopoverProps: {
|
|
|
83
80
|
isOpen: {
|
|
84
81
|
type: PropType<boolean>;
|
|
85
82
|
};
|
|
86
|
-
|
|
87
|
-
type: PropType<boolean>;
|
|
88
|
-
};
|
|
89
|
-
initialFocusRef: {
|
|
83
|
+
isFocusOnClose: {
|
|
90
84
|
type: PropType<boolean>;
|
|
91
85
|
};
|
|
92
|
-
|
|
86
|
+
isCloseOnBlur: {
|
|
93
87
|
type: PropType<boolean>;
|
|
94
88
|
default: boolean;
|
|
95
89
|
};
|
|
96
|
-
|
|
90
|
+
isCloseOnEscape: {
|
|
97
91
|
type: PropType<boolean>;
|
|
98
92
|
default: boolean;
|
|
99
93
|
};
|
|
100
|
-
|
|
94
|
+
isCloseOnSelect: {
|
|
101
95
|
type: PropType<boolean>;
|
|
102
96
|
default: boolean;
|
|
103
97
|
};
|
|
@@ -41,7 +41,7 @@ var popoverProps = {
|
|
|
41
41
|
triggerId: {
|
|
42
42
|
type: String
|
|
43
43
|
},
|
|
44
|
-
|
|
44
|
+
isDefaultOpen: {
|
|
45
45
|
type: Boolean
|
|
46
46
|
},
|
|
47
47
|
isManual: {
|
|
@@ -50,21 +50,18 @@ var popoverProps = {
|
|
|
50
50
|
isOpen: {
|
|
51
51
|
type: Boolean
|
|
52
52
|
},
|
|
53
|
-
|
|
53
|
+
isFocusOnClose: {
|
|
54
54
|
type: Boolean
|
|
55
55
|
},
|
|
56
|
-
|
|
57
|
-
type: Boolean
|
|
58
|
-
},
|
|
59
|
-
closeOnBlur: {
|
|
56
|
+
isCloseOnBlur: {
|
|
60
57
|
type: Boolean,
|
|
61
58
|
default: true
|
|
62
59
|
},
|
|
63
|
-
|
|
60
|
+
isCloseOnEscape: {
|
|
64
61
|
type: Boolean,
|
|
65
62
|
default: true
|
|
66
63
|
},
|
|
67
|
-
|
|
64
|
+
isCloseOnSelect: {
|
|
68
65
|
type: Boolean,
|
|
69
66
|
default: false
|
|
70
67
|
},
|
package/dist/popover.d.mts
CHANGED
|
@@ -17,7 +17,7 @@ declare const MpPopover: vue.DefineComponent<{
|
|
|
17
17
|
triggerId: {
|
|
18
18
|
type: vue.PropType<string>;
|
|
19
19
|
};
|
|
20
|
-
|
|
20
|
+
isDefaultOpen: {
|
|
21
21
|
type: vue.PropType<boolean>;
|
|
22
22
|
};
|
|
23
23
|
isManual: {
|
|
@@ -26,21 +26,18 @@ declare const MpPopover: vue.DefineComponent<{
|
|
|
26
26
|
isOpen: {
|
|
27
27
|
type: vue.PropType<boolean>;
|
|
28
28
|
};
|
|
29
|
-
|
|
29
|
+
isFocusOnClose: {
|
|
30
30
|
type: vue.PropType<boolean>;
|
|
31
31
|
};
|
|
32
|
-
|
|
33
|
-
type: vue.PropType<boolean>;
|
|
34
|
-
};
|
|
35
|
-
closeOnBlur: {
|
|
32
|
+
isCloseOnBlur: {
|
|
36
33
|
type: vue.PropType<boolean>;
|
|
37
34
|
default: boolean;
|
|
38
35
|
};
|
|
39
|
-
|
|
36
|
+
isCloseOnEscape: {
|
|
40
37
|
type: vue.PropType<boolean>;
|
|
41
38
|
default: boolean;
|
|
42
39
|
};
|
|
43
|
-
|
|
40
|
+
isCloseOnSelect: {
|
|
44
41
|
type: vue.PropType<boolean>;
|
|
45
42
|
default: boolean;
|
|
46
43
|
};
|
|
@@ -71,7 +68,7 @@ declare const MpPopover: vue.DefineComponent<{
|
|
|
71
68
|
triggerId: {
|
|
72
69
|
type: vue.PropType<string>;
|
|
73
70
|
};
|
|
74
|
-
|
|
71
|
+
isDefaultOpen: {
|
|
75
72
|
type: vue.PropType<boolean>;
|
|
76
73
|
};
|
|
77
74
|
isManual: {
|
|
@@ -80,21 +77,18 @@ declare const MpPopover: vue.DefineComponent<{
|
|
|
80
77
|
isOpen: {
|
|
81
78
|
type: vue.PropType<boolean>;
|
|
82
79
|
};
|
|
83
|
-
|
|
84
|
-
type: vue.PropType<boolean>;
|
|
85
|
-
};
|
|
86
|
-
initialFocusRef: {
|
|
80
|
+
isFocusOnClose: {
|
|
87
81
|
type: vue.PropType<boolean>;
|
|
88
82
|
};
|
|
89
|
-
|
|
83
|
+
isCloseOnBlur: {
|
|
90
84
|
type: vue.PropType<boolean>;
|
|
91
85
|
default: boolean;
|
|
92
86
|
};
|
|
93
|
-
|
|
87
|
+
isCloseOnEscape: {
|
|
94
88
|
type: vue.PropType<boolean>;
|
|
95
89
|
default: boolean;
|
|
96
90
|
};
|
|
97
|
-
|
|
91
|
+
isCloseOnSelect: {
|
|
98
92
|
type: vue.PropType<boolean>;
|
|
99
93
|
default: boolean;
|
|
100
94
|
};
|
|
@@ -116,9 +110,9 @@ declare const MpPopover: vue.DefineComponent<{
|
|
|
116
110
|
}, {
|
|
117
111
|
placement: _floating_ui_dom.Placement;
|
|
118
112
|
trigger: "click" | "hover";
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
113
|
+
isCloseOnBlur: boolean;
|
|
114
|
+
isCloseOnEscape: boolean;
|
|
115
|
+
isCloseOnSelect: boolean;
|
|
122
116
|
usePortal: boolean;
|
|
123
117
|
isKeepAlive: boolean;
|
|
124
118
|
isAdaptiveWidth: boolean;
|
package/dist/popover.d.ts
CHANGED
|
@@ -17,7 +17,7 @@ declare const MpPopover: vue.DefineComponent<{
|
|
|
17
17
|
triggerId: {
|
|
18
18
|
type: vue.PropType<string>;
|
|
19
19
|
};
|
|
20
|
-
|
|
20
|
+
isDefaultOpen: {
|
|
21
21
|
type: vue.PropType<boolean>;
|
|
22
22
|
};
|
|
23
23
|
isManual: {
|
|
@@ -26,21 +26,18 @@ declare const MpPopover: vue.DefineComponent<{
|
|
|
26
26
|
isOpen: {
|
|
27
27
|
type: vue.PropType<boolean>;
|
|
28
28
|
};
|
|
29
|
-
|
|
29
|
+
isFocusOnClose: {
|
|
30
30
|
type: vue.PropType<boolean>;
|
|
31
31
|
};
|
|
32
|
-
|
|
33
|
-
type: vue.PropType<boolean>;
|
|
34
|
-
};
|
|
35
|
-
closeOnBlur: {
|
|
32
|
+
isCloseOnBlur: {
|
|
36
33
|
type: vue.PropType<boolean>;
|
|
37
34
|
default: boolean;
|
|
38
35
|
};
|
|
39
|
-
|
|
36
|
+
isCloseOnEscape: {
|
|
40
37
|
type: vue.PropType<boolean>;
|
|
41
38
|
default: boolean;
|
|
42
39
|
};
|
|
43
|
-
|
|
40
|
+
isCloseOnSelect: {
|
|
44
41
|
type: vue.PropType<boolean>;
|
|
45
42
|
default: boolean;
|
|
46
43
|
};
|
|
@@ -71,7 +68,7 @@ declare const MpPopover: vue.DefineComponent<{
|
|
|
71
68
|
triggerId: {
|
|
72
69
|
type: vue.PropType<string>;
|
|
73
70
|
};
|
|
74
|
-
|
|
71
|
+
isDefaultOpen: {
|
|
75
72
|
type: vue.PropType<boolean>;
|
|
76
73
|
};
|
|
77
74
|
isManual: {
|
|
@@ -80,21 +77,18 @@ declare const MpPopover: vue.DefineComponent<{
|
|
|
80
77
|
isOpen: {
|
|
81
78
|
type: vue.PropType<boolean>;
|
|
82
79
|
};
|
|
83
|
-
|
|
84
|
-
type: vue.PropType<boolean>;
|
|
85
|
-
};
|
|
86
|
-
initialFocusRef: {
|
|
80
|
+
isFocusOnClose: {
|
|
87
81
|
type: vue.PropType<boolean>;
|
|
88
82
|
};
|
|
89
|
-
|
|
83
|
+
isCloseOnBlur: {
|
|
90
84
|
type: vue.PropType<boolean>;
|
|
91
85
|
default: boolean;
|
|
92
86
|
};
|
|
93
|
-
|
|
87
|
+
isCloseOnEscape: {
|
|
94
88
|
type: vue.PropType<boolean>;
|
|
95
89
|
default: boolean;
|
|
96
90
|
};
|
|
97
|
-
|
|
91
|
+
isCloseOnSelect: {
|
|
98
92
|
type: vue.PropType<boolean>;
|
|
99
93
|
default: boolean;
|
|
100
94
|
};
|
|
@@ -116,9 +110,9 @@ declare const MpPopover: vue.DefineComponent<{
|
|
|
116
110
|
}, {
|
|
117
111
|
placement: _floating_ui_dom.Placement;
|
|
118
112
|
trigger: "click" | "hover";
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
113
|
+
isCloseOnBlur: boolean;
|
|
114
|
+
isCloseOnEscape: boolean;
|
|
115
|
+
isCloseOnSelect: boolean;
|
|
122
116
|
usePortal: boolean;
|
|
123
117
|
isKeepAlive: boolean;
|
|
124
118
|
isAdaptiveWidth: boolean;
|
package/dist/popover.js
CHANGED
|
@@ -40,7 +40,7 @@ var [PopoverProvider, usePopoverContext] = (0, import_pixel3_utils.usePixelCreat
|
|
|
40
40
|
|
|
41
41
|
// src/modules/popover.hooks.ts
|
|
42
42
|
function usePopover(props, emit) {
|
|
43
|
-
const isOpen = (0, import_vue.ref)(props.
|
|
43
|
+
const isOpen = (0, import_vue.ref)(props.isDefaultOpen);
|
|
44
44
|
const triggerNode = (0, import_vue.ref)(null);
|
|
45
45
|
const contentNode = (0, import_vue.ref)(null);
|
|
46
46
|
const placement = (0, import_vue.ref)(props.placement);
|
|
@@ -54,27 +54,27 @@ function usePopover(props, emit) {
|
|
|
54
54
|
whileElementsMounted: import_vue2.autoUpdate
|
|
55
55
|
});
|
|
56
56
|
function onOpenPopover() {
|
|
57
|
+
if (props.isManual)
|
|
58
|
+
return;
|
|
59
|
+
isOpen.value = true;
|
|
57
60
|
emit("open", {
|
|
58
61
|
isOpen,
|
|
59
62
|
triggerNode,
|
|
60
63
|
contentNode,
|
|
61
64
|
placement
|
|
62
65
|
});
|
|
63
|
-
if (props.isManual)
|
|
64
|
-
return;
|
|
65
|
-
isOpen.value = true;
|
|
66
66
|
}
|
|
67
67
|
__name(onOpenPopover, "onOpenPopover");
|
|
68
68
|
function onClosePopover() {
|
|
69
|
+
if (props.isManual)
|
|
70
|
+
return;
|
|
71
|
+
isOpen.value = false;
|
|
69
72
|
emit("close", {
|
|
70
73
|
isOpen,
|
|
71
74
|
triggerNode,
|
|
72
75
|
contentNode,
|
|
73
76
|
placement
|
|
74
77
|
});
|
|
75
|
-
if (props.isManual)
|
|
76
|
-
return;
|
|
77
|
-
isOpen.value = false;
|
|
78
78
|
}
|
|
79
79
|
__name(onClosePopover, "onClosePopover");
|
|
80
80
|
function setHovering(value) {
|
|
@@ -121,7 +121,7 @@ var popoverProps = {
|
|
|
121
121
|
triggerId: {
|
|
122
122
|
type: String
|
|
123
123
|
},
|
|
124
|
-
|
|
124
|
+
isDefaultOpen: {
|
|
125
125
|
type: Boolean
|
|
126
126
|
},
|
|
127
127
|
isManual: {
|
|
@@ -130,21 +130,18 @@ var popoverProps = {
|
|
|
130
130
|
isOpen: {
|
|
131
131
|
type: Boolean
|
|
132
132
|
},
|
|
133
|
-
|
|
134
|
-
type: Boolean
|
|
135
|
-
},
|
|
136
|
-
initialFocusRef: {
|
|
133
|
+
isFocusOnClose: {
|
|
137
134
|
type: Boolean
|
|
138
135
|
},
|
|
139
|
-
|
|
136
|
+
isCloseOnBlur: {
|
|
140
137
|
type: Boolean,
|
|
141
138
|
default: true
|
|
142
139
|
},
|
|
143
|
-
|
|
140
|
+
isCloseOnEscape: {
|
|
144
141
|
type: Boolean,
|
|
145
142
|
default: true
|
|
146
143
|
},
|
|
147
|
-
|
|
144
|
+
isCloseOnSelect: {
|
|
148
145
|
type: Boolean,
|
|
149
146
|
default: false
|
|
150
147
|
},
|
package/dist/popover.mjs
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import {
|
|
2
2
|
MpPopover
|
|
3
|
-
} from "./chunk-
|
|
4
|
-
import "./chunk-
|
|
5
|
-
import "./chunk-
|
|
3
|
+
} from "./chunk-52BTWLDY.mjs";
|
|
4
|
+
import "./chunk-ACYTEMPK.mjs";
|
|
5
|
+
import "./chunk-MPDM4USP.mjs";
|
|
6
6
|
import "./chunk-2ZUCITXI.mjs";
|
|
7
7
|
import "./chunk-QZ7VFGWC.mjs";
|
|
8
8
|
export {
|
|
@@ -20,7 +20,7 @@ declare const MpSingletonPopover: vue.DefineComponent<{
|
|
|
20
20
|
triggerId: {
|
|
21
21
|
type: vue.PropType<string>;
|
|
22
22
|
};
|
|
23
|
-
|
|
23
|
+
isDefaultOpen: {
|
|
24
24
|
type: vue.PropType<boolean>;
|
|
25
25
|
};
|
|
26
26
|
isManual: {
|
|
@@ -29,21 +29,18 @@ declare const MpSingletonPopover: vue.DefineComponent<{
|
|
|
29
29
|
isOpen: {
|
|
30
30
|
type: vue.PropType<boolean>;
|
|
31
31
|
};
|
|
32
|
-
|
|
32
|
+
isFocusOnClose: {
|
|
33
33
|
type: vue.PropType<boolean>;
|
|
34
34
|
};
|
|
35
|
-
|
|
36
|
-
type: vue.PropType<boolean>;
|
|
37
|
-
};
|
|
38
|
-
closeOnBlur: {
|
|
35
|
+
isCloseOnBlur: {
|
|
39
36
|
type: vue.PropType<boolean>;
|
|
40
37
|
default: boolean;
|
|
41
38
|
};
|
|
42
|
-
|
|
39
|
+
isCloseOnEscape: {
|
|
43
40
|
type: vue.PropType<boolean>;
|
|
44
41
|
default: boolean;
|
|
45
42
|
};
|
|
46
|
-
|
|
43
|
+
isCloseOnSelect: {
|
|
47
44
|
type: vue.PropType<boolean>;
|
|
48
45
|
default: boolean;
|
|
49
46
|
};
|
|
@@ -77,7 +74,7 @@ declare const MpSingletonPopover: vue.DefineComponent<{
|
|
|
77
74
|
triggerId: {
|
|
78
75
|
type: vue.PropType<string>;
|
|
79
76
|
};
|
|
80
|
-
|
|
77
|
+
isDefaultOpen: {
|
|
81
78
|
type: vue.PropType<boolean>;
|
|
82
79
|
};
|
|
83
80
|
isManual: {
|
|
@@ -86,21 +83,18 @@ declare const MpSingletonPopover: vue.DefineComponent<{
|
|
|
86
83
|
isOpen: {
|
|
87
84
|
type: vue.PropType<boolean>;
|
|
88
85
|
};
|
|
89
|
-
|
|
90
|
-
type: vue.PropType<boolean>;
|
|
91
|
-
};
|
|
92
|
-
initialFocusRef: {
|
|
86
|
+
isFocusOnClose: {
|
|
93
87
|
type: vue.PropType<boolean>;
|
|
94
88
|
};
|
|
95
|
-
|
|
89
|
+
isCloseOnBlur: {
|
|
96
90
|
type: vue.PropType<boolean>;
|
|
97
91
|
default: boolean;
|
|
98
92
|
};
|
|
99
|
-
|
|
93
|
+
isCloseOnEscape: {
|
|
100
94
|
type: vue.PropType<boolean>;
|
|
101
95
|
default: boolean;
|
|
102
96
|
};
|
|
103
|
-
|
|
97
|
+
isCloseOnSelect: {
|
|
104
98
|
type: vue.PropType<boolean>;
|
|
105
99
|
default: boolean;
|
|
106
100
|
};
|
|
@@ -125,9 +119,9 @@ declare const MpSingletonPopover: vue.DefineComponent<{
|
|
|
125
119
|
}, {
|
|
126
120
|
placement: _floating_ui_dom.Placement;
|
|
127
121
|
trigger: "click" | "hover";
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
122
|
+
isCloseOnBlur: boolean;
|
|
123
|
+
isCloseOnEscape: boolean;
|
|
124
|
+
isCloseOnSelect: boolean;
|
|
131
125
|
usePortal: boolean;
|
|
132
126
|
isKeepAlive: boolean;
|
|
133
127
|
isAdaptiveWidth: boolean;
|