@destyler/popover 0.0.1-beta.1 → 0.0.1-beta.10
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/component.cjs +56 -0
- package/dist/component.d.cts +790 -0
- package/dist/component.d.mts +790 -0
- package/dist/component.d.ts +790 -0
- package/dist/component.mjs +46 -0
- package/dist/index.cjs +20 -1172
- package/dist/index.d.cts +5 -408
- package/dist/index.d.mts +5 -408
- package/dist/index.d.ts +5 -408
- package/dist/index.mjs +11 -1168
- package/dist/resolver.cjs +25 -0
- package/dist/resolver.d.cts +6 -0
- package/dist/resolver.d.mts +6 -0
- package/dist/resolver.d.ts +6 -0
- package/dist/resolver.mjs +22 -0
- package/dist/shared/popover.ada869b3.mjs +469 -0
- package/dist/shared/popover.b75b8d61.d.cts +610 -0
- package/dist/shared/popover.b75b8d61.d.mts +610 -0
- package/dist/shared/popover.b75b8d61.d.ts +610 -0
- package/dist/shared/popover.c7826df2.cjs +480 -0
- package/package.json +21 -5
|
@@ -0,0 +1,790 @@
|
|
|
1
|
+
import * as vue from 'vue';
|
|
2
|
+
import { PropType, Component } from 'vue';
|
|
3
|
+
import * as _destyler_primitive from '@destyler/primitive';
|
|
4
|
+
import { AsTag } from '@destyler/primitive';
|
|
5
|
+
import * as _destyler_shared from '@destyler/shared';
|
|
6
|
+
import { ExtractPublicPropTypes, Measurable } from '@destyler/shared';
|
|
7
|
+
import { P as PopoverRootContext } from './shared/popover.b75b8d61.js';
|
|
8
|
+
export { D as DestylerPopoverArrow, a as DestylerPopoverArrowProps, b as DestylerPopoverClose, c as DestylerPopoverCloseProps, d as DestylerPopoverContent, e as DestylerPopoverContentProps, f as DestylerPopoverPortal, g as DestylerPopoverPortalProps, h as DestylerPopoverRoot, i as DestylerPopoverRootProps, j as DestylerPopoverTrigger, k as DestylerPopoverTriggerProps } from './shared/popover.b75b8d61.js';
|
|
9
|
+
import * as _vue_shared from '@vue/shared';
|
|
10
|
+
|
|
11
|
+
declare const destylerPopoverAnchorProps: {
|
|
12
|
+
readonly as: {
|
|
13
|
+
readonly type: PropType<AsTag | Component>;
|
|
14
|
+
readonly required: false;
|
|
15
|
+
readonly default: "div";
|
|
16
|
+
};
|
|
17
|
+
readonly asChild: {
|
|
18
|
+
readonly type: PropType<boolean>;
|
|
19
|
+
readonly required: false;
|
|
20
|
+
readonly default: false;
|
|
21
|
+
};
|
|
22
|
+
readonly element: {
|
|
23
|
+
readonly type: PropType<Measurable>;
|
|
24
|
+
};
|
|
25
|
+
};
|
|
26
|
+
type DestylerPopoverAnchorProps = ExtractPublicPropTypes<typeof destylerPopoverAnchorProps>;
|
|
27
|
+
declare const DestylerPopoverAnchor: vue.DefineComponent<{
|
|
28
|
+
readonly as: {
|
|
29
|
+
readonly type: PropType<AsTag | Component>;
|
|
30
|
+
readonly required: false;
|
|
31
|
+
readonly default: "div";
|
|
32
|
+
};
|
|
33
|
+
readonly asChild: {
|
|
34
|
+
readonly type: PropType<boolean>;
|
|
35
|
+
readonly required: false;
|
|
36
|
+
readonly default: false;
|
|
37
|
+
};
|
|
38
|
+
readonly element: {
|
|
39
|
+
readonly type: PropType<Measurable>;
|
|
40
|
+
};
|
|
41
|
+
}, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
|
|
42
|
+
readonly as: {
|
|
43
|
+
readonly type: PropType<AsTag | Component>;
|
|
44
|
+
readonly required: false;
|
|
45
|
+
readonly default: "div";
|
|
46
|
+
};
|
|
47
|
+
readonly asChild: {
|
|
48
|
+
readonly type: PropType<boolean>;
|
|
49
|
+
readonly required: false;
|
|
50
|
+
readonly default: false;
|
|
51
|
+
};
|
|
52
|
+
readonly element: {
|
|
53
|
+
readonly type: PropType<Measurable>;
|
|
54
|
+
};
|
|
55
|
+
}>>, {
|
|
56
|
+
readonly as: AsTag | Component;
|
|
57
|
+
readonly asChild: boolean;
|
|
58
|
+
}, {}>;
|
|
59
|
+
|
|
60
|
+
declare const destylerPopoverContentImplProps: {
|
|
61
|
+
readonly side: {
|
|
62
|
+
readonly type: PropType<"top" | "right" | "bottom" | "left">;
|
|
63
|
+
readonly required: false;
|
|
64
|
+
readonly default: "bottom";
|
|
65
|
+
};
|
|
66
|
+
readonly sideOffset: {
|
|
67
|
+
readonly type: PropType<number>;
|
|
68
|
+
readonly required: false;
|
|
69
|
+
readonly default: 0;
|
|
70
|
+
};
|
|
71
|
+
readonly align: {
|
|
72
|
+
readonly type: PropType<"start" | "center" | "end">;
|
|
73
|
+
readonly required: false;
|
|
74
|
+
readonly default: "center";
|
|
75
|
+
};
|
|
76
|
+
readonly alignOffset: {
|
|
77
|
+
readonly type: PropType<number>;
|
|
78
|
+
readonly required: false;
|
|
79
|
+
readonly default: 0;
|
|
80
|
+
};
|
|
81
|
+
readonly avoidCollisions: {
|
|
82
|
+
readonly type: PropType<boolean>;
|
|
83
|
+
readonly required: false;
|
|
84
|
+
readonly default: true;
|
|
85
|
+
};
|
|
86
|
+
readonly collisionBoundary: {
|
|
87
|
+
readonly type: PropType<Element | (Element | null)[] | null>;
|
|
88
|
+
readonly required: false;
|
|
89
|
+
readonly default: () => never[];
|
|
90
|
+
};
|
|
91
|
+
readonly collisionPadding: {
|
|
92
|
+
readonly type: PropType<number | Partial<Record<"top" | "right" | "bottom" | "left", number>>>;
|
|
93
|
+
readonly required: false;
|
|
94
|
+
readonly default: 0;
|
|
95
|
+
};
|
|
96
|
+
readonly arrowPadding: {
|
|
97
|
+
readonly type: PropType<number>;
|
|
98
|
+
readonly required: false;
|
|
99
|
+
readonly default: 0;
|
|
100
|
+
};
|
|
101
|
+
readonly sticky: {
|
|
102
|
+
readonly type: PropType<"partial" | "always">;
|
|
103
|
+
readonly required: false;
|
|
104
|
+
readonly default: "partial";
|
|
105
|
+
};
|
|
106
|
+
readonly hideWhenDetached: {
|
|
107
|
+
readonly type: PropType<boolean>;
|
|
108
|
+
readonly required: false;
|
|
109
|
+
readonly default: false;
|
|
110
|
+
};
|
|
111
|
+
readonly updatePositionStrategy: {
|
|
112
|
+
readonly type: PropType<"always" | "optimized">;
|
|
113
|
+
readonly required: false;
|
|
114
|
+
readonly default: "optimized";
|
|
115
|
+
};
|
|
116
|
+
readonly onPlaced: {
|
|
117
|
+
readonly type: PropType<() => void>;
|
|
118
|
+
readonly required: false;
|
|
119
|
+
};
|
|
120
|
+
readonly prioritizePosition: {
|
|
121
|
+
readonly type: PropType<boolean>;
|
|
122
|
+
readonly required: false;
|
|
123
|
+
readonly default: false;
|
|
124
|
+
};
|
|
125
|
+
readonly as: {
|
|
126
|
+
readonly type: PropType<AsTag | Component>;
|
|
127
|
+
readonly required: false;
|
|
128
|
+
readonly default: "div";
|
|
129
|
+
};
|
|
130
|
+
readonly asChild: {
|
|
131
|
+
readonly type: PropType<boolean>;
|
|
132
|
+
readonly required: false;
|
|
133
|
+
readonly default: false;
|
|
134
|
+
};
|
|
135
|
+
readonly disableOutsidePointerEvents: {
|
|
136
|
+
readonly type: PropType<boolean>;
|
|
137
|
+
readonly required: false;
|
|
138
|
+
readonly default: false;
|
|
139
|
+
};
|
|
140
|
+
readonly trapFocus: {
|
|
141
|
+
readonly type: PropType<boolean>;
|
|
142
|
+
readonly required: false;
|
|
143
|
+
readonly default: false;
|
|
144
|
+
};
|
|
145
|
+
};
|
|
146
|
+
type DestylerPopoverContentImplProps = ExtractPublicPropTypes<typeof destylerPopoverContentImplProps>;
|
|
147
|
+
declare const DestylerPopoverContentImpl: vue.DefineComponent<{
|
|
148
|
+
readonly side: {
|
|
149
|
+
readonly type: PropType<"top" | "right" | "bottom" | "left">;
|
|
150
|
+
readonly required: false;
|
|
151
|
+
readonly default: "bottom";
|
|
152
|
+
};
|
|
153
|
+
readonly sideOffset: {
|
|
154
|
+
readonly type: PropType<number>;
|
|
155
|
+
readonly required: false;
|
|
156
|
+
readonly default: 0;
|
|
157
|
+
};
|
|
158
|
+
readonly align: {
|
|
159
|
+
readonly type: PropType<"start" | "center" | "end">;
|
|
160
|
+
readonly required: false;
|
|
161
|
+
readonly default: "center";
|
|
162
|
+
};
|
|
163
|
+
readonly alignOffset: {
|
|
164
|
+
readonly type: PropType<number>;
|
|
165
|
+
readonly required: false;
|
|
166
|
+
readonly default: 0;
|
|
167
|
+
};
|
|
168
|
+
readonly avoidCollisions: {
|
|
169
|
+
readonly type: PropType<boolean>;
|
|
170
|
+
readonly required: false;
|
|
171
|
+
readonly default: true;
|
|
172
|
+
};
|
|
173
|
+
readonly collisionBoundary: {
|
|
174
|
+
readonly type: PropType<Element | (Element | null)[] | null>;
|
|
175
|
+
readonly required: false;
|
|
176
|
+
readonly default: () => never[];
|
|
177
|
+
};
|
|
178
|
+
readonly collisionPadding: {
|
|
179
|
+
readonly type: PropType<number | Partial<Record<"top" | "right" | "bottom" | "left", number>>>;
|
|
180
|
+
readonly required: false;
|
|
181
|
+
readonly default: 0;
|
|
182
|
+
};
|
|
183
|
+
readonly arrowPadding: {
|
|
184
|
+
readonly type: PropType<number>;
|
|
185
|
+
readonly required: false;
|
|
186
|
+
readonly default: 0;
|
|
187
|
+
};
|
|
188
|
+
readonly sticky: {
|
|
189
|
+
readonly type: PropType<"partial" | "always">;
|
|
190
|
+
readonly required: false;
|
|
191
|
+
readonly default: "partial";
|
|
192
|
+
};
|
|
193
|
+
readonly hideWhenDetached: {
|
|
194
|
+
readonly type: PropType<boolean>;
|
|
195
|
+
readonly required: false;
|
|
196
|
+
readonly default: false;
|
|
197
|
+
};
|
|
198
|
+
readonly updatePositionStrategy: {
|
|
199
|
+
readonly type: PropType<"always" | "optimized">;
|
|
200
|
+
readonly required: false;
|
|
201
|
+
readonly default: "optimized";
|
|
202
|
+
};
|
|
203
|
+
readonly onPlaced: {
|
|
204
|
+
readonly type: PropType<() => void>;
|
|
205
|
+
readonly required: false;
|
|
206
|
+
};
|
|
207
|
+
readonly prioritizePosition: {
|
|
208
|
+
readonly type: PropType<boolean>;
|
|
209
|
+
readonly required: false;
|
|
210
|
+
readonly default: false;
|
|
211
|
+
};
|
|
212
|
+
readonly as: {
|
|
213
|
+
readonly type: PropType<AsTag | Component>;
|
|
214
|
+
readonly required: false;
|
|
215
|
+
readonly default: "div";
|
|
216
|
+
};
|
|
217
|
+
readonly asChild: {
|
|
218
|
+
readonly type: PropType<boolean>;
|
|
219
|
+
readonly required: false;
|
|
220
|
+
readonly default: false;
|
|
221
|
+
};
|
|
222
|
+
readonly disableOutsidePointerEvents: {
|
|
223
|
+
readonly type: PropType<boolean>;
|
|
224
|
+
readonly required: false;
|
|
225
|
+
readonly default: false;
|
|
226
|
+
};
|
|
227
|
+
readonly trapFocus: {
|
|
228
|
+
readonly type: PropType<boolean>;
|
|
229
|
+
readonly required: false;
|
|
230
|
+
readonly default: false;
|
|
231
|
+
};
|
|
232
|
+
}, {
|
|
233
|
+
rootContext: PopoverRootContext;
|
|
234
|
+
forwarded: _destyler_shared.ComputedRefWithControl<_vue_shared.LooseRequired<{
|
|
235
|
+
readonly [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
|
|
236
|
+
readonly asChild: boolean;
|
|
237
|
+
readonly as: AsTag | Component;
|
|
238
|
+
readonly side: "top" | "right" | "bottom" | "left";
|
|
239
|
+
readonly sideOffset: number;
|
|
240
|
+
readonly align: "start" | "center" | "end";
|
|
241
|
+
readonly alignOffset: number;
|
|
242
|
+
readonly avoidCollisions: boolean;
|
|
243
|
+
readonly collisionBoundary: Element | (Element | null)[] | null;
|
|
244
|
+
readonly collisionPadding: number | Partial<Record<"top" | "right" | "bottom" | "left", number>>;
|
|
245
|
+
readonly arrowPadding: number;
|
|
246
|
+
readonly sticky: "partial" | "always";
|
|
247
|
+
readonly hideWhenDetached: boolean;
|
|
248
|
+
readonly updatePositionStrategy: "always" | "optimized";
|
|
249
|
+
readonly prioritizePosition: boolean;
|
|
250
|
+
readonly disableOutsidePointerEvents: boolean;
|
|
251
|
+
readonly trapFocus: boolean;
|
|
252
|
+
readonly onPlaced?: (() => void) | undefined;
|
|
253
|
+
} & {}>>;
|
|
254
|
+
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, string[], string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
|
|
255
|
+
readonly side: {
|
|
256
|
+
readonly type: PropType<"top" | "right" | "bottom" | "left">;
|
|
257
|
+
readonly required: false;
|
|
258
|
+
readonly default: "bottom";
|
|
259
|
+
};
|
|
260
|
+
readonly sideOffset: {
|
|
261
|
+
readonly type: PropType<number>;
|
|
262
|
+
readonly required: false;
|
|
263
|
+
readonly default: 0;
|
|
264
|
+
};
|
|
265
|
+
readonly align: {
|
|
266
|
+
readonly type: PropType<"start" | "center" | "end">;
|
|
267
|
+
readonly required: false;
|
|
268
|
+
readonly default: "center";
|
|
269
|
+
};
|
|
270
|
+
readonly alignOffset: {
|
|
271
|
+
readonly type: PropType<number>;
|
|
272
|
+
readonly required: false;
|
|
273
|
+
readonly default: 0;
|
|
274
|
+
};
|
|
275
|
+
readonly avoidCollisions: {
|
|
276
|
+
readonly type: PropType<boolean>;
|
|
277
|
+
readonly required: false;
|
|
278
|
+
readonly default: true;
|
|
279
|
+
};
|
|
280
|
+
readonly collisionBoundary: {
|
|
281
|
+
readonly type: PropType<Element | (Element | null)[] | null>;
|
|
282
|
+
readonly required: false;
|
|
283
|
+
readonly default: () => never[];
|
|
284
|
+
};
|
|
285
|
+
readonly collisionPadding: {
|
|
286
|
+
readonly type: PropType<number | Partial<Record<"top" | "right" | "bottom" | "left", number>>>;
|
|
287
|
+
readonly required: false;
|
|
288
|
+
readonly default: 0;
|
|
289
|
+
};
|
|
290
|
+
readonly arrowPadding: {
|
|
291
|
+
readonly type: PropType<number>;
|
|
292
|
+
readonly required: false;
|
|
293
|
+
readonly default: 0;
|
|
294
|
+
};
|
|
295
|
+
readonly sticky: {
|
|
296
|
+
readonly type: PropType<"partial" | "always">;
|
|
297
|
+
readonly required: false;
|
|
298
|
+
readonly default: "partial";
|
|
299
|
+
};
|
|
300
|
+
readonly hideWhenDetached: {
|
|
301
|
+
readonly type: PropType<boolean>;
|
|
302
|
+
readonly required: false;
|
|
303
|
+
readonly default: false;
|
|
304
|
+
};
|
|
305
|
+
readonly updatePositionStrategy: {
|
|
306
|
+
readonly type: PropType<"always" | "optimized">;
|
|
307
|
+
readonly required: false;
|
|
308
|
+
readonly default: "optimized";
|
|
309
|
+
};
|
|
310
|
+
readonly onPlaced: {
|
|
311
|
+
readonly type: PropType<() => void>;
|
|
312
|
+
readonly required: false;
|
|
313
|
+
};
|
|
314
|
+
readonly prioritizePosition: {
|
|
315
|
+
readonly type: PropType<boolean>;
|
|
316
|
+
readonly required: false;
|
|
317
|
+
readonly default: false;
|
|
318
|
+
};
|
|
319
|
+
readonly as: {
|
|
320
|
+
readonly type: PropType<AsTag | Component>;
|
|
321
|
+
readonly required: false;
|
|
322
|
+
readonly default: "div";
|
|
323
|
+
};
|
|
324
|
+
readonly asChild: {
|
|
325
|
+
readonly type: PropType<boolean>;
|
|
326
|
+
readonly required: false;
|
|
327
|
+
readonly default: false;
|
|
328
|
+
};
|
|
329
|
+
readonly disableOutsidePointerEvents: {
|
|
330
|
+
readonly type: PropType<boolean>;
|
|
331
|
+
readonly required: false;
|
|
332
|
+
readonly default: false;
|
|
333
|
+
};
|
|
334
|
+
readonly trapFocus: {
|
|
335
|
+
readonly type: PropType<boolean>;
|
|
336
|
+
readonly required: false;
|
|
337
|
+
readonly default: false;
|
|
338
|
+
};
|
|
339
|
+
}>> & {
|
|
340
|
+
[x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
|
|
341
|
+
}, {
|
|
342
|
+
readonly asChild: boolean;
|
|
343
|
+
readonly as: AsTag | Component;
|
|
344
|
+
readonly side: "top" | "right" | "bottom" | "left";
|
|
345
|
+
readonly sideOffset: number;
|
|
346
|
+
readonly align: "start" | "center" | "end";
|
|
347
|
+
readonly alignOffset: number;
|
|
348
|
+
readonly avoidCollisions: boolean;
|
|
349
|
+
readonly collisionBoundary: Element | (Element | null)[] | null;
|
|
350
|
+
readonly collisionPadding: number | Partial<Record<"top" | "right" | "bottom" | "left", number>>;
|
|
351
|
+
readonly arrowPadding: number;
|
|
352
|
+
readonly sticky: "partial" | "always";
|
|
353
|
+
readonly hideWhenDetached: boolean;
|
|
354
|
+
readonly updatePositionStrategy: "always" | "optimized";
|
|
355
|
+
readonly prioritizePosition: boolean;
|
|
356
|
+
readonly disableOutsidePointerEvents: boolean;
|
|
357
|
+
readonly trapFocus: boolean;
|
|
358
|
+
}, {}>;
|
|
359
|
+
|
|
360
|
+
declare const DestylerPopoverContentModal: vue.DefineComponent<{
|
|
361
|
+
readonly side: {
|
|
362
|
+
readonly type: vue.PropType<"top" | "right" | "bottom" | "left">;
|
|
363
|
+
readonly required: false;
|
|
364
|
+
readonly default: "bottom";
|
|
365
|
+
};
|
|
366
|
+
readonly sideOffset: {
|
|
367
|
+
readonly type: vue.PropType<number>;
|
|
368
|
+
readonly required: false;
|
|
369
|
+
readonly default: 0;
|
|
370
|
+
};
|
|
371
|
+
readonly align: {
|
|
372
|
+
readonly type: vue.PropType<"start" | "center" | "end">;
|
|
373
|
+
readonly required: false;
|
|
374
|
+
readonly default: "center";
|
|
375
|
+
};
|
|
376
|
+
readonly alignOffset: {
|
|
377
|
+
readonly type: vue.PropType<number>;
|
|
378
|
+
readonly required: false;
|
|
379
|
+
readonly default: 0;
|
|
380
|
+
};
|
|
381
|
+
readonly avoidCollisions: {
|
|
382
|
+
readonly type: vue.PropType<boolean>;
|
|
383
|
+
readonly required: false;
|
|
384
|
+
readonly default: true;
|
|
385
|
+
};
|
|
386
|
+
readonly collisionBoundary: {
|
|
387
|
+
readonly type: vue.PropType<Element | (Element | null)[] | null>;
|
|
388
|
+
readonly required: false;
|
|
389
|
+
readonly default: () => never[];
|
|
390
|
+
};
|
|
391
|
+
readonly collisionPadding: {
|
|
392
|
+
readonly type: vue.PropType<number | Partial<Record<"top" | "right" | "bottom" | "left", number>>>;
|
|
393
|
+
readonly required: false;
|
|
394
|
+
readonly default: 0;
|
|
395
|
+
};
|
|
396
|
+
readonly arrowPadding: {
|
|
397
|
+
readonly type: vue.PropType<number>;
|
|
398
|
+
readonly required: false;
|
|
399
|
+
readonly default: 0;
|
|
400
|
+
};
|
|
401
|
+
readonly sticky: {
|
|
402
|
+
readonly type: vue.PropType<"partial" | "always">;
|
|
403
|
+
readonly required: false;
|
|
404
|
+
readonly default: "partial";
|
|
405
|
+
};
|
|
406
|
+
readonly hideWhenDetached: {
|
|
407
|
+
readonly type: vue.PropType<boolean>;
|
|
408
|
+
readonly required: false;
|
|
409
|
+
readonly default: false;
|
|
410
|
+
};
|
|
411
|
+
readonly updatePositionStrategy: {
|
|
412
|
+
readonly type: vue.PropType<"always" | "optimized">;
|
|
413
|
+
readonly required: false;
|
|
414
|
+
readonly default: "optimized";
|
|
415
|
+
};
|
|
416
|
+
readonly onPlaced: {
|
|
417
|
+
readonly type: vue.PropType<() => void>;
|
|
418
|
+
readonly required: false;
|
|
419
|
+
};
|
|
420
|
+
readonly prioritizePosition: {
|
|
421
|
+
readonly type: vue.PropType<boolean>;
|
|
422
|
+
readonly required: false;
|
|
423
|
+
readonly default: false;
|
|
424
|
+
};
|
|
425
|
+
readonly as: {
|
|
426
|
+
readonly type: vue.PropType<_destyler_primitive.AsTag | vue.Component>;
|
|
427
|
+
readonly required: false;
|
|
428
|
+
readonly default: "div";
|
|
429
|
+
};
|
|
430
|
+
readonly asChild: {
|
|
431
|
+
readonly type: vue.PropType<boolean>;
|
|
432
|
+
readonly required: false;
|
|
433
|
+
readonly default: false;
|
|
434
|
+
};
|
|
435
|
+
readonly disableOutsidePointerEvents: {
|
|
436
|
+
readonly type: vue.PropType<boolean>;
|
|
437
|
+
readonly required: false;
|
|
438
|
+
readonly default: false;
|
|
439
|
+
};
|
|
440
|
+
readonly trapFocus: {
|
|
441
|
+
readonly type: vue.PropType<boolean>;
|
|
442
|
+
readonly required: false;
|
|
443
|
+
readonly default: false;
|
|
444
|
+
};
|
|
445
|
+
}, {
|
|
446
|
+
rootContext: PopoverRootContext;
|
|
447
|
+
forwarded: vue.ComputedRef<_vue_shared.LooseRequired<{
|
|
448
|
+
readonly [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
|
|
449
|
+
readonly asChild: boolean;
|
|
450
|
+
readonly as: _destyler_primitive.AsTag | vue.Component;
|
|
451
|
+
readonly side: "top" | "right" | "bottom" | "left";
|
|
452
|
+
readonly sideOffset: number;
|
|
453
|
+
readonly align: "start" | "center" | "end";
|
|
454
|
+
readonly alignOffset: number;
|
|
455
|
+
readonly avoidCollisions: boolean;
|
|
456
|
+
readonly collisionBoundary: Element | (Element | null)[] | null;
|
|
457
|
+
readonly collisionPadding: number | Partial<Record<"top" | "right" | "bottom" | "left", number>>;
|
|
458
|
+
readonly arrowPadding: number;
|
|
459
|
+
readonly sticky: "partial" | "always";
|
|
460
|
+
readonly hideWhenDetached: boolean;
|
|
461
|
+
readonly updatePositionStrategy: "always" | "optimized";
|
|
462
|
+
readonly prioritizePosition: boolean;
|
|
463
|
+
readonly disableOutsidePointerEvents: boolean;
|
|
464
|
+
readonly trapFocus: boolean;
|
|
465
|
+
readonly onPlaced?: (() => void) | undefined;
|
|
466
|
+
} & {}> & Record<string, any>>;
|
|
467
|
+
isRightClickOutsideRef: vue.Ref<boolean>;
|
|
468
|
+
customElement: vue.Ref<vue.ComponentPublicInstance | undefined>;
|
|
469
|
+
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, string[], string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
|
|
470
|
+
readonly side: {
|
|
471
|
+
readonly type: vue.PropType<"top" | "right" | "bottom" | "left">;
|
|
472
|
+
readonly required: false;
|
|
473
|
+
readonly default: "bottom";
|
|
474
|
+
};
|
|
475
|
+
readonly sideOffset: {
|
|
476
|
+
readonly type: vue.PropType<number>;
|
|
477
|
+
readonly required: false;
|
|
478
|
+
readonly default: 0;
|
|
479
|
+
};
|
|
480
|
+
readonly align: {
|
|
481
|
+
readonly type: vue.PropType<"start" | "center" | "end">;
|
|
482
|
+
readonly required: false;
|
|
483
|
+
readonly default: "center";
|
|
484
|
+
};
|
|
485
|
+
readonly alignOffset: {
|
|
486
|
+
readonly type: vue.PropType<number>;
|
|
487
|
+
readonly required: false;
|
|
488
|
+
readonly default: 0;
|
|
489
|
+
};
|
|
490
|
+
readonly avoidCollisions: {
|
|
491
|
+
readonly type: vue.PropType<boolean>;
|
|
492
|
+
readonly required: false;
|
|
493
|
+
readonly default: true;
|
|
494
|
+
};
|
|
495
|
+
readonly collisionBoundary: {
|
|
496
|
+
readonly type: vue.PropType<Element | (Element | null)[] | null>;
|
|
497
|
+
readonly required: false;
|
|
498
|
+
readonly default: () => never[];
|
|
499
|
+
};
|
|
500
|
+
readonly collisionPadding: {
|
|
501
|
+
readonly type: vue.PropType<number | Partial<Record<"top" | "right" | "bottom" | "left", number>>>;
|
|
502
|
+
readonly required: false;
|
|
503
|
+
readonly default: 0;
|
|
504
|
+
};
|
|
505
|
+
readonly arrowPadding: {
|
|
506
|
+
readonly type: vue.PropType<number>;
|
|
507
|
+
readonly required: false;
|
|
508
|
+
readonly default: 0;
|
|
509
|
+
};
|
|
510
|
+
readonly sticky: {
|
|
511
|
+
readonly type: vue.PropType<"partial" | "always">;
|
|
512
|
+
readonly required: false;
|
|
513
|
+
readonly default: "partial";
|
|
514
|
+
};
|
|
515
|
+
readonly hideWhenDetached: {
|
|
516
|
+
readonly type: vue.PropType<boolean>;
|
|
517
|
+
readonly required: false;
|
|
518
|
+
readonly default: false;
|
|
519
|
+
};
|
|
520
|
+
readonly updatePositionStrategy: {
|
|
521
|
+
readonly type: vue.PropType<"always" | "optimized">;
|
|
522
|
+
readonly required: false;
|
|
523
|
+
readonly default: "optimized";
|
|
524
|
+
};
|
|
525
|
+
readonly onPlaced: {
|
|
526
|
+
readonly type: vue.PropType<() => void>;
|
|
527
|
+
readonly required: false;
|
|
528
|
+
};
|
|
529
|
+
readonly prioritizePosition: {
|
|
530
|
+
readonly type: vue.PropType<boolean>;
|
|
531
|
+
readonly required: false;
|
|
532
|
+
readonly default: false;
|
|
533
|
+
};
|
|
534
|
+
readonly as: {
|
|
535
|
+
readonly type: vue.PropType<_destyler_primitive.AsTag | vue.Component>;
|
|
536
|
+
readonly required: false;
|
|
537
|
+
readonly default: "div";
|
|
538
|
+
};
|
|
539
|
+
readonly asChild: {
|
|
540
|
+
readonly type: vue.PropType<boolean>;
|
|
541
|
+
readonly required: false;
|
|
542
|
+
readonly default: false;
|
|
543
|
+
};
|
|
544
|
+
readonly disableOutsidePointerEvents: {
|
|
545
|
+
readonly type: vue.PropType<boolean>;
|
|
546
|
+
readonly required: false;
|
|
547
|
+
readonly default: false;
|
|
548
|
+
};
|
|
549
|
+
readonly trapFocus: {
|
|
550
|
+
readonly type: vue.PropType<boolean>;
|
|
551
|
+
readonly required: false;
|
|
552
|
+
readonly default: false;
|
|
553
|
+
};
|
|
554
|
+
}>> & {
|
|
555
|
+
[x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
|
|
556
|
+
}, {
|
|
557
|
+
readonly asChild: boolean;
|
|
558
|
+
readonly as: _destyler_primitive.AsTag | vue.Component;
|
|
559
|
+
readonly side: "top" | "right" | "bottom" | "left";
|
|
560
|
+
readonly sideOffset: number;
|
|
561
|
+
readonly align: "start" | "center" | "end";
|
|
562
|
+
readonly alignOffset: number;
|
|
563
|
+
readonly avoidCollisions: boolean;
|
|
564
|
+
readonly collisionBoundary: Element | (Element | null)[] | null;
|
|
565
|
+
readonly collisionPadding: number | Partial<Record<"top" | "right" | "bottom" | "left", number>>;
|
|
566
|
+
readonly arrowPadding: number;
|
|
567
|
+
readonly sticky: "partial" | "always";
|
|
568
|
+
readonly hideWhenDetached: boolean;
|
|
569
|
+
readonly updatePositionStrategy: "always" | "optimized";
|
|
570
|
+
readonly prioritizePosition: boolean;
|
|
571
|
+
readonly disableOutsidePointerEvents: boolean;
|
|
572
|
+
readonly trapFocus: boolean;
|
|
573
|
+
}, {}>;
|
|
574
|
+
|
|
575
|
+
declare const DestylerPopoverContentNonModal: vue.DefineComponent<{
|
|
576
|
+
readonly side: {
|
|
577
|
+
readonly type: vue.PropType<"top" | "right" | "bottom" | "left">;
|
|
578
|
+
readonly required: false;
|
|
579
|
+
readonly default: "bottom";
|
|
580
|
+
};
|
|
581
|
+
readonly sideOffset: {
|
|
582
|
+
readonly type: vue.PropType<number>;
|
|
583
|
+
readonly required: false;
|
|
584
|
+
readonly default: 0;
|
|
585
|
+
};
|
|
586
|
+
readonly align: {
|
|
587
|
+
readonly type: vue.PropType<"start" | "center" | "end">;
|
|
588
|
+
readonly required: false;
|
|
589
|
+
readonly default: "center";
|
|
590
|
+
};
|
|
591
|
+
readonly alignOffset: {
|
|
592
|
+
readonly type: vue.PropType<number>;
|
|
593
|
+
readonly required: false;
|
|
594
|
+
readonly default: 0;
|
|
595
|
+
};
|
|
596
|
+
readonly avoidCollisions: {
|
|
597
|
+
readonly type: vue.PropType<boolean>;
|
|
598
|
+
readonly required: false;
|
|
599
|
+
readonly default: true;
|
|
600
|
+
};
|
|
601
|
+
readonly collisionBoundary: {
|
|
602
|
+
readonly type: vue.PropType<Element | (Element | null)[] | null>;
|
|
603
|
+
readonly required: false;
|
|
604
|
+
readonly default: () => never[];
|
|
605
|
+
};
|
|
606
|
+
readonly collisionPadding: {
|
|
607
|
+
readonly type: vue.PropType<number | Partial<Record<"top" | "right" | "bottom" | "left", number>>>;
|
|
608
|
+
readonly required: false;
|
|
609
|
+
readonly default: 0;
|
|
610
|
+
};
|
|
611
|
+
readonly arrowPadding: {
|
|
612
|
+
readonly type: vue.PropType<number>;
|
|
613
|
+
readonly required: false;
|
|
614
|
+
readonly default: 0;
|
|
615
|
+
};
|
|
616
|
+
readonly sticky: {
|
|
617
|
+
readonly type: vue.PropType<"partial" | "always">;
|
|
618
|
+
readonly required: false;
|
|
619
|
+
readonly default: "partial";
|
|
620
|
+
};
|
|
621
|
+
readonly hideWhenDetached: {
|
|
622
|
+
readonly type: vue.PropType<boolean>;
|
|
623
|
+
readonly required: false;
|
|
624
|
+
readonly default: false;
|
|
625
|
+
};
|
|
626
|
+
readonly updatePositionStrategy: {
|
|
627
|
+
readonly type: vue.PropType<"always" | "optimized">;
|
|
628
|
+
readonly required: false;
|
|
629
|
+
readonly default: "optimized";
|
|
630
|
+
};
|
|
631
|
+
readonly onPlaced: {
|
|
632
|
+
readonly type: vue.PropType<() => void>;
|
|
633
|
+
readonly required: false;
|
|
634
|
+
};
|
|
635
|
+
readonly prioritizePosition: {
|
|
636
|
+
readonly type: vue.PropType<boolean>;
|
|
637
|
+
readonly required: false;
|
|
638
|
+
readonly default: false;
|
|
639
|
+
};
|
|
640
|
+
readonly as: {
|
|
641
|
+
readonly type: vue.PropType<_destyler_primitive.AsTag | vue.Component>;
|
|
642
|
+
readonly required: false;
|
|
643
|
+
readonly default: "div";
|
|
644
|
+
};
|
|
645
|
+
readonly asChild: {
|
|
646
|
+
readonly type: vue.PropType<boolean>;
|
|
647
|
+
readonly required: false;
|
|
648
|
+
readonly default: false;
|
|
649
|
+
};
|
|
650
|
+
readonly disableOutsidePointerEvents: {
|
|
651
|
+
readonly type: vue.PropType<boolean>;
|
|
652
|
+
readonly required: false;
|
|
653
|
+
readonly default: false;
|
|
654
|
+
};
|
|
655
|
+
readonly trapFocus: {
|
|
656
|
+
readonly type: vue.PropType<boolean>;
|
|
657
|
+
readonly required: false;
|
|
658
|
+
readonly default: false;
|
|
659
|
+
};
|
|
660
|
+
}, {
|
|
661
|
+
forwarded: vue.ComputedRef<_vue_shared.LooseRequired<{
|
|
662
|
+
readonly [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
|
|
663
|
+
readonly asChild: boolean;
|
|
664
|
+
readonly as: _destyler_primitive.AsTag | vue.Component;
|
|
665
|
+
readonly side: "top" | "right" | "bottom" | "left";
|
|
666
|
+
readonly sideOffset: number;
|
|
667
|
+
readonly align: "start" | "center" | "end";
|
|
668
|
+
readonly alignOffset: number;
|
|
669
|
+
readonly avoidCollisions: boolean;
|
|
670
|
+
readonly collisionBoundary: Element | (Element | null)[] | null;
|
|
671
|
+
readonly collisionPadding: number | Partial<Record<"top" | "right" | "bottom" | "left", number>>;
|
|
672
|
+
readonly arrowPadding: number;
|
|
673
|
+
readonly sticky: "partial" | "always";
|
|
674
|
+
readonly hideWhenDetached: boolean;
|
|
675
|
+
readonly updatePositionStrategy: "always" | "optimized";
|
|
676
|
+
readonly prioritizePosition: boolean;
|
|
677
|
+
readonly disableOutsidePointerEvents: boolean;
|
|
678
|
+
readonly trapFocus: boolean;
|
|
679
|
+
readonly onPlaced?: (() => void) | undefined;
|
|
680
|
+
} & {}> & Record<string, any>>;
|
|
681
|
+
rootContext: PopoverRootContext;
|
|
682
|
+
hasInteractedOutsideRef: vue.Ref<boolean>;
|
|
683
|
+
hasPointerDownOutsideRef: vue.Ref<boolean>;
|
|
684
|
+
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, string[], string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
|
|
685
|
+
readonly side: {
|
|
686
|
+
readonly type: vue.PropType<"top" | "right" | "bottom" | "left">;
|
|
687
|
+
readonly required: false;
|
|
688
|
+
readonly default: "bottom";
|
|
689
|
+
};
|
|
690
|
+
readonly sideOffset: {
|
|
691
|
+
readonly type: vue.PropType<number>;
|
|
692
|
+
readonly required: false;
|
|
693
|
+
readonly default: 0;
|
|
694
|
+
};
|
|
695
|
+
readonly align: {
|
|
696
|
+
readonly type: vue.PropType<"start" | "center" | "end">;
|
|
697
|
+
readonly required: false;
|
|
698
|
+
readonly default: "center";
|
|
699
|
+
};
|
|
700
|
+
readonly alignOffset: {
|
|
701
|
+
readonly type: vue.PropType<number>;
|
|
702
|
+
readonly required: false;
|
|
703
|
+
readonly default: 0;
|
|
704
|
+
};
|
|
705
|
+
readonly avoidCollisions: {
|
|
706
|
+
readonly type: vue.PropType<boolean>;
|
|
707
|
+
readonly required: false;
|
|
708
|
+
readonly default: true;
|
|
709
|
+
};
|
|
710
|
+
readonly collisionBoundary: {
|
|
711
|
+
readonly type: vue.PropType<Element | (Element | null)[] | null>;
|
|
712
|
+
readonly required: false;
|
|
713
|
+
readonly default: () => never[];
|
|
714
|
+
};
|
|
715
|
+
readonly collisionPadding: {
|
|
716
|
+
readonly type: vue.PropType<number | Partial<Record<"top" | "right" | "bottom" | "left", number>>>;
|
|
717
|
+
readonly required: false;
|
|
718
|
+
readonly default: 0;
|
|
719
|
+
};
|
|
720
|
+
readonly arrowPadding: {
|
|
721
|
+
readonly type: vue.PropType<number>;
|
|
722
|
+
readonly required: false;
|
|
723
|
+
readonly default: 0;
|
|
724
|
+
};
|
|
725
|
+
readonly sticky: {
|
|
726
|
+
readonly type: vue.PropType<"partial" | "always">;
|
|
727
|
+
readonly required: false;
|
|
728
|
+
readonly default: "partial";
|
|
729
|
+
};
|
|
730
|
+
readonly hideWhenDetached: {
|
|
731
|
+
readonly type: vue.PropType<boolean>;
|
|
732
|
+
readonly required: false;
|
|
733
|
+
readonly default: false;
|
|
734
|
+
};
|
|
735
|
+
readonly updatePositionStrategy: {
|
|
736
|
+
readonly type: vue.PropType<"always" | "optimized">;
|
|
737
|
+
readonly required: false;
|
|
738
|
+
readonly default: "optimized";
|
|
739
|
+
};
|
|
740
|
+
readonly onPlaced: {
|
|
741
|
+
readonly type: vue.PropType<() => void>;
|
|
742
|
+
readonly required: false;
|
|
743
|
+
};
|
|
744
|
+
readonly prioritizePosition: {
|
|
745
|
+
readonly type: vue.PropType<boolean>;
|
|
746
|
+
readonly required: false;
|
|
747
|
+
readonly default: false;
|
|
748
|
+
};
|
|
749
|
+
readonly as: {
|
|
750
|
+
readonly type: vue.PropType<_destyler_primitive.AsTag | vue.Component>;
|
|
751
|
+
readonly required: false;
|
|
752
|
+
readonly default: "div";
|
|
753
|
+
};
|
|
754
|
+
readonly asChild: {
|
|
755
|
+
readonly type: vue.PropType<boolean>;
|
|
756
|
+
readonly required: false;
|
|
757
|
+
readonly default: false;
|
|
758
|
+
};
|
|
759
|
+
readonly disableOutsidePointerEvents: {
|
|
760
|
+
readonly type: vue.PropType<boolean>;
|
|
761
|
+
readonly required: false;
|
|
762
|
+
readonly default: false;
|
|
763
|
+
};
|
|
764
|
+
readonly trapFocus: {
|
|
765
|
+
readonly type: vue.PropType<boolean>;
|
|
766
|
+
readonly required: false;
|
|
767
|
+
readonly default: false;
|
|
768
|
+
};
|
|
769
|
+
}>> & {
|
|
770
|
+
[x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
|
|
771
|
+
}, {
|
|
772
|
+
readonly asChild: boolean;
|
|
773
|
+
readonly as: _destyler_primitive.AsTag | vue.Component;
|
|
774
|
+
readonly side: "top" | "right" | "bottom" | "left";
|
|
775
|
+
readonly sideOffset: number;
|
|
776
|
+
readonly align: "start" | "center" | "end";
|
|
777
|
+
readonly alignOffset: number;
|
|
778
|
+
readonly avoidCollisions: boolean;
|
|
779
|
+
readonly collisionBoundary: Element | (Element | null)[] | null;
|
|
780
|
+
readonly collisionPadding: number | Partial<Record<"top" | "right" | "bottom" | "left", number>>;
|
|
781
|
+
readonly arrowPadding: number;
|
|
782
|
+
readonly sticky: "partial" | "always";
|
|
783
|
+
readonly hideWhenDetached: boolean;
|
|
784
|
+
readonly updatePositionStrategy: "always" | "optimized";
|
|
785
|
+
readonly prioritizePosition: boolean;
|
|
786
|
+
readonly disableOutsidePointerEvents: boolean;
|
|
787
|
+
readonly trapFocus: boolean;
|
|
788
|
+
}, {}>;
|
|
789
|
+
|
|
790
|
+
export { DestylerPopoverAnchor, type DestylerPopoverAnchorProps, DestylerPopoverContentImpl, type DestylerPopoverContentImplProps, DestylerPopoverContentModal, DestylerPopoverContentNonModal };
|