@destyler/popover 0.0.5 → 0.0.7-beta.1

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.
@@ -1,885 +0,0 @@
1
- import * as _destyler_primitive from '@destyler/primitive';
2
- import * as vue from 'vue';
3
- import { PropType, Ref } from 'vue';
4
- import { ExtractPublicPropTypes } from '@destyler/shared';
5
- import * as _vue_shared from '@vue/shared';
6
-
7
- declare const popoverArrowProps: {
8
- readonly as: {
9
- readonly default: "svg";
10
- readonly type: vue.PropType<vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions, {}, any> | _destyler_primitive.AsTag>;
11
- readonly required: false;
12
- };
13
- readonly width: {
14
- readonly type: vue.PropType<number>;
15
- readonly required: false;
16
- readonly default: 10;
17
- };
18
- readonly height: {
19
- readonly type: vue.PropType<number>;
20
- readonly required: false;
21
- readonly default: 5;
22
- };
23
- readonly asChild: {
24
- readonly type: vue.PropType<boolean>;
25
- readonly required: false;
26
- readonly default: false;
27
- };
28
- };
29
- type PopoverArrowProps = ExtractPublicPropTypes<typeof popoverArrowProps>;
30
- declare const PopoverArrow: vue.DefineComponent<{
31
- readonly as: {
32
- readonly default: "svg";
33
- readonly type: vue.PropType<vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions, {}, any> | _destyler_primitive.AsTag>;
34
- readonly required: false;
35
- };
36
- readonly width: {
37
- readonly type: vue.PropType<number>;
38
- readonly required: false;
39
- readonly default: 10;
40
- };
41
- readonly height: {
42
- readonly type: vue.PropType<number>;
43
- readonly required: false;
44
- readonly default: 5;
45
- };
46
- readonly asChild: {
47
- readonly type: vue.PropType<boolean>;
48
- readonly required: false;
49
- readonly default: false;
50
- };
51
- }, unknown, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
52
- readonly as: {
53
- readonly default: "svg";
54
- readonly type: vue.PropType<vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions, {}, any> | _destyler_primitive.AsTag>;
55
- readonly required: false;
56
- };
57
- readonly width: {
58
- readonly type: vue.PropType<number>;
59
- readonly required: false;
60
- readonly default: 10;
61
- };
62
- readonly height: {
63
- readonly type: vue.PropType<number>;
64
- readonly required: false;
65
- readonly default: 5;
66
- };
67
- readonly asChild: {
68
- readonly type: vue.PropType<boolean>;
69
- readonly required: false;
70
- readonly default: false;
71
- };
72
- }>>, {
73
- readonly as: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions, {}, any> | _destyler_primitive.AsTag;
74
- readonly width: number;
75
- readonly height: number;
76
- readonly asChild: boolean;
77
- }, {}>;
78
-
79
- interface PopoverRootContext {
80
- triggerElement: Ref<HTMLElement | undefined>;
81
- contentId: string;
82
- open: Ref<boolean>;
83
- modal: Ref<boolean>;
84
- onOpenChange: (value: boolean) => void;
85
- onOpenToggle: () => void;
86
- hasCustomAnchor: Ref<boolean>;
87
- }
88
- declare const popoverRootProps: {
89
- /**
90
- * The open state of the popover when it is initially rendered. Use when you do not need to control its open state.
91
- *
92
- * @default false
93
- */
94
- readonly defaultOpen: {
95
- readonly type: PropType<boolean>;
96
- readonly required: false;
97
- readonly default: false;
98
- };
99
- /**
100
- * The controlled open state of the popover.
101
- *
102
- * @default undefined
103
- */
104
- readonly open: {
105
- readonly type: PropType<boolean | undefined>;
106
- readonly required: false;
107
- readonly default: undefined;
108
- };
109
- /**
110
- * The modality of the popover. When set to true, interaction with outside elements will be disabled and only popover content will be visible to screen readers.
111
- *
112
- * @default false
113
- */
114
- readonly modal: {
115
- readonly type: PropType<boolean>;
116
- readonly required: false;
117
- readonly default: false;
118
- };
119
- };
120
- type PopoverRootProps = ExtractPublicPropTypes<typeof popoverRootProps>;
121
- declare const popoverRootEmits: {
122
- /**
123
- * Event handler called when the open state of the popover changes.
124
- */
125
- 'update:open': (_value: boolean) => boolean;
126
- };
127
- declare const PopoverRoot: vue.DefineComponent<{
128
- /**
129
- * The open state of the popover when it is initially rendered. Use when you do not need to control its open state.
130
- *
131
- * @default false
132
- */
133
- readonly defaultOpen: {
134
- readonly type: PropType<boolean>;
135
- readonly required: false;
136
- readonly default: false;
137
- };
138
- /**
139
- * The controlled open state of the popover.
140
- *
141
- * @default undefined
142
- */
143
- readonly open: {
144
- readonly type: PropType<boolean | undefined>;
145
- readonly required: false;
146
- readonly default: undefined;
147
- };
148
- /**
149
- * The modality of the popover. When set to true, interaction with outside elements will be disabled and only popover content will be visible to screen readers.
150
- *
151
- * @default false
152
- */
153
- readonly modal: {
154
- readonly type: PropType<boolean>;
155
- readonly required: false;
156
- readonly default: false;
157
- };
158
- }, {
159
- openRef: Ref<boolean>;
160
- modalRef: Ref<false> | Ref<true>;
161
- triggerElement: Ref<HTMLElement | undefined>;
162
- hasCustomAnchor: Ref<boolean>;
163
- }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
164
- /**
165
- * Event handler called when the open state of the popover changes.
166
- */
167
- 'update:open': (_value: boolean) => boolean;
168
- }, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
169
- /**
170
- * The open state of the popover when it is initially rendered. Use when you do not need to control its open state.
171
- *
172
- * @default false
173
- */
174
- readonly defaultOpen: {
175
- readonly type: PropType<boolean>;
176
- readonly required: false;
177
- readonly default: false;
178
- };
179
- /**
180
- * The controlled open state of the popover.
181
- *
182
- * @default undefined
183
- */
184
- readonly open: {
185
- readonly type: PropType<boolean | undefined>;
186
- readonly required: false;
187
- readonly default: undefined;
188
- };
189
- /**
190
- * The modality of the popover. When set to true, interaction with outside elements will be disabled and only popover content will be visible to screen readers.
191
- *
192
- * @default false
193
- */
194
- readonly modal: {
195
- readonly type: PropType<boolean>;
196
- readonly required: false;
197
- readonly default: false;
198
- };
199
- }>> & {
200
- "onUpdate:open"?: ((_value: boolean) => any) | undefined;
201
- }, {
202
- readonly defaultOpen: boolean;
203
- readonly open: boolean | undefined;
204
- readonly modal: boolean;
205
- }, {}>;
206
-
207
- declare const popoverCloseProps: {
208
- /**
209
- * @default button
210
- */
211
- readonly as: {
212
- readonly default: "button";
213
- readonly type: vue.PropType<_destyler_primitive.AsTag | vue.Component>;
214
- readonly required: false;
215
- };
216
- readonly asChild: {
217
- readonly type: vue.PropType<boolean>;
218
- readonly required: false;
219
- readonly default: false;
220
- };
221
- };
222
- type PopoverCloseProps = ExtractPublicPropTypes<typeof popoverCloseProps>;
223
- declare const PopoverClose: vue.DefineComponent<{
224
- /**
225
- * @default button
226
- */
227
- readonly as: {
228
- readonly default: "button";
229
- readonly type: vue.PropType<_destyler_primitive.AsTag | vue.Component>;
230
- readonly required: false;
231
- };
232
- readonly asChild: {
233
- readonly type: vue.PropType<boolean>;
234
- readonly required: false;
235
- readonly default: false;
236
- };
237
- }, {
238
- rootContext: PopoverRootContext;
239
- }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
240
- /**
241
- * @default button
242
- */
243
- readonly as: {
244
- readonly default: "button";
245
- readonly type: vue.PropType<_destyler_primitive.AsTag | vue.Component>;
246
- readonly required: false;
247
- };
248
- readonly asChild: {
249
- readonly type: vue.PropType<boolean>;
250
- readonly required: false;
251
- readonly default: false;
252
- };
253
- }>>, {
254
- readonly as: _destyler_primitive.AsTag | vue.Component;
255
- readonly asChild: boolean;
256
- }, {}>;
257
-
258
- declare const popoverContentProps: {
259
- /**
260
- * Used to force mounting when more control is needed. Useful when
261
- * controlling animation with Vue animation libraries.
262
- *
263
- * @default false
264
- */
265
- readonly forceMount: {
266
- readonly type: PropType<boolean>;
267
- readonly required: false;
268
- readonly default: false;
269
- };
270
- readonly trapFocus: {
271
- readonly type: PropType<boolean>;
272
- readonly required: false;
273
- readonly default: false;
274
- };
275
- readonly disableOutsidePointerEvents: {
276
- readonly type: PropType<boolean>;
277
- readonly required: false;
278
- readonly default: false;
279
- };
280
- readonly isDismissable: {
281
- readonly type: PropType<boolean>;
282
- readonly required: false;
283
- readonly default: true;
284
- };
285
- readonly as: {
286
- readonly type: PropType<vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions, {}, any> | _destyler_primitive.AsTag>;
287
- readonly required: false;
288
- readonly default: "div";
289
- };
290
- readonly asChild: {
291
- readonly type: PropType<boolean>;
292
- readonly required: false;
293
- readonly default: false;
294
- };
295
- readonly side: {
296
- readonly type: PropType<"bottom" | "top" | "right" | "left">;
297
- readonly required: false;
298
- readonly default: "bottom";
299
- };
300
- readonly sideOffset: {
301
- readonly type: PropType<number>;
302
- readonly required: false;
303
- readonly default: 0;
304
- };
305
- readonly align: {
306
- readonly type: PropType<"center" | "start" | "end">;
307
- readonly required: false;
308
- readonly default: "center";
309
- };
310
- readonly alignOffset: {
311
- readonly type: PropType<number>;
312
- readonly required: false;
313
- readonly default: 0;
314
- };
315
- readonly avoidCollisions: {
316
- readonly type: PropType<boolean>;
317
- readonly required: false;
318
- readonly default: true;
319
- };
320
- readonly collisionBoundary: {
321
- readonly type: PropType<Element | (Element | null)[] | null>;
322
- readonly required: false;
323
- readonly default: () => never[];
324
- };
325
- readonly collisionPadding: {
326
- readonly type: PropType<number | Partial<Record<"bottom" | "top" | "right" | "left", number>>>;
327
- readonly required: false;
328
- readonly default: 0;
329
- };
330
- readonly arrowPadding: {
331
- readonly type: PropType<number>;
332
- readonly required: false;
333
- readonly default: 0;
334
- };
335
- readonly sticky: {
336
- readonly type: PropType<"partial" | "always">;
337
- readonly required: false;
338
- readonly default: "partial";
339
- };
340
- readonly hideWhenDetached: {
341
- readonly type: PropType<boolean>;
342
- readonly required: false;
343
- readonly default: false;
344
- };
345
- readonly updatePositionStrategy: {
346
- readonly type: PropType<"optimized" | "always">;
347
- readonly required: false;
348
- readonly default: "optimized";
349
- };
350
- readonly prioritizePosition: {
351
- readonly type: PropType<boolean>;
352
- readonly required: false;
353
- readonly default: false;
354
- };
355
- };
356
- type PopoverContentProps = ExtractPublicPropTypes<typeof popoverContentProps>;
357
- declare const popoverContentEmits: {
358
- openAutoFocus: (_event: Event) => boolean;
359
- closeAutoFocus: (_event: Event) => boolean;
360
- escapeKeyDown: (_event: KeyboardEvent) => boolean;
361
- pointerDownOutside: (_event: CustomEvent<{
362
- originalEvent: PointerEvent;
363
- }>) => boolean;
364
- focusOutside: (_event: CustomEvent<{
365
- originalEvent: FocusEvent;
366
- }>) => boolean;
367
- interactOutside: (_event: CustomEvent<{
368
- originalEvent: PointerEvent;
369
- }> | CustomEvent<{
370
- originalEvent: FocusEvent;
371
- }>) => boolean;
372
- };
373
- declare const PopoverContent: vue.DefineComponent<{
374
- /**
375
- * Used to force mounting when more control is needed. Useful when
376
- * controlling animation with Vue animation libraries.
377
- *
378
- * @default false
379
- */
380
- readonly forceMount: {
381
- readonly type: PropType<boolean>;
382
- readonly required: false;
383
- readonly default: false;
384
- };
385
- readonly trapFocus: {
386
- readonly type: PropType<boolean>;
387
- readonly required: false;
388
- readonly default: false;
389
- };
390
- readonly disableOutsidePointerEvents: {
391
- readonly type: PropType<boolean>;
392
- readonly required: false;
393
- readonly default: false;
394
- };
395
- readonly isDismissable: {
396
- readonly type: PropType<boolean>;
397
- readonly required: false;
398
- readonly default: true;
399
- };
400
- readonly as: {
401
- readonly type: PropType<vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions, {}, any> | _destyler_primitive.AsTag>;
402
- readonly required: false;
403
- readonly default: "div";
404
- };
405
- readonly asChild: {
406
- readonly type: PropType<boolean>;
407
- readonly required: false;
408
- readonly default: false;
409
- };
410
- readonly side: {
411
- readonly type: PropType<"bottom" | "top" | "right" | "left">;
412
- readonly required: false;
413
- readonly default: "bottom";
414
- };
415
- readonly sideOffset: {
416
- readonly type: PropType<number>;
417
- readonly required: false;
418
- readonly default: 0;
419
- };
420
- readonly align: {
421
- readonly type: PropType<"center" | "start" | "end">;
422
- readonly required: false;
423
- readonly default: "center";
424
- };
425
- readonly alignOffset: {
426
- readonly type: PropType<number>;
427
- readonly required: false;
428
- readonly default: 0;
429
- };
430
- readonly avoidCollisions: {
431
- readonly type: PropType<boolean>;
432
- readonly required: false;
433
- readonly default: true;
434
- };
435
- readonly collisionBoundary: {
436
- readonly type: PropType<Element | (Element | null)[] | null>;
437
- readonly required: false;
438
- readonly default: () => never[];
439
- };
440
- readonly collisionPadding: {
441
- readonly type: PropType<number | Partial<Record<"bottom" | "top" | "right" | "left", number>>>;
442
- readonly required: false;
443
- readonly default: 0;
444
- };
445
- readonly arrowPadding: {
446
- readonly type: PropType<number>;
447
- readonly required: false;
448
- readonly default: 0;
449
- };
450
- readonly sticky: {
451
- readonly type: PropType<"partial" | "always">;
452
- readonly required: false;
453
- readonly default: "partial";
454
- };
455
- readonly hideWhenDetached: {
456
- readonly type: PropType<boolean>;
457
- readonly required: false;
458
- readonly default: false;
459
- };
460
- readonly updatePositionStrategy: {
461
- readonly type: PropType<"optimized" | "always">;
462
- readonly required: false;
463
- readonly default: "optimized";
464
- };
465
- readonly prioritizePosition: {
466
- readonly type: PropType<boolean>;
467
- readonly required: false;
468
- readonly default: false;
469
- };
470
- }, {
471
- rootContext: PopoverRootContext;
472
- forwarded: vue.ComputedRef<{
473
- readonly as: vue.FunctionalComponent<any, {}, any, {}> | {
474
- new (...args: any[]): any;
475
- __isFragment?: undefined;
476
- __isTeleport?: undefined;
477
- __isSuspense?: undefined;
478
- } | _destyler_primitive.AsTag | {
479
- [x: string]: any;
480
- setup?: ((this: void, props: _vue_shared.LooseRequired<any>, ctx: {
481
- attrs: {
482
- [x: string]: unknown;
483
- };
484
- slots: Readonly<{
485
- [name: string]: vue.Slot<any> | undefined;
486
- }>;
487
- emit: ((event: unknown, ...args: any[]) => void) | ((event: string, ...args: any[]) => void);
488
- expose: (exposed?: Record<string, any> | undefined) => void;
489
- }) => any) | undefined;
490
- name?: string | undefined;
491
- template?: string | object | undefined;
492
- render?: Function | undefined;
493
- components?: Record<string, vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions, {}, any>> | undefined;
494
- directives?: Record<string, vue.Directive<any, any>> | undefined;
495
- inheritAttrs?: boolean | undefined;
496
- emits?: any;
497
- slots?: {} | undefined;
498
- expose?: string[] | undefined;
499
- serverPrefetch?: (() => void | Promise<any>) | undefined;
500
- compilerOptions?: {
501
- isCustomElement?: ((tag: string) => boolean) | undefined;
502
- whitespace?: "preserve" | "condense" | undefined;
503
- comments?: boolean | undefined;
504
- delimiters?: [string, string] | undefined;
505
- } | undefined;
506
- call?: ((this: unknown, ...args: unknown[]) => never) | undefined;
507
- __isFragment?: undefined;
508
- __isTeleport?: undefined;
509
- __isSuspense?: undefined;
510
- __defaults?: any;
511
- compatConfig?: {
512
- GLOBAL_MOUNT?: boolean | "suppress-warning" | undefined;
513
- GLOBAL_MOUNT_CONTAINER?: boolean | "suppress-warning" | undefined;
514
- GLOBAL_EXTEND?: boolean | "suppress-warning" | undefined;
515
- GLOBAL_PROTOTYPE?: boolean | "suppress-warning" | undefined;
516
- GLOBAL_SET?: boolean | "suppress-warning" | undefined;
517
- GLOBAL_DELETE?: boolean | "suppress-warning" | undefined;
518
- GLOBAL_OBSERVABLE?: boolean | "suppress-warning" | undefined;
519
- GLOBAL_PRIVATE_UTIL?: boolean | "suppress-warning" | undefined;
520
- CONFIG_SILENT?: boolean | "suppress-warning" | undefined;
521
- CONFIG_DEVTOOLS?: boolean | "suppress-warning" | undefined;
522
- CONFIG_KEY_CODES?: boolean | "suppress-warning" | undefined;
523
- CONFIG_PRODUCTION_TIP?: boolean | "suppress-warning" | undefined;
524
- CONFIG_IGNORED_ELEMENTS?: boolean | "suppress-warning" | undefined;
525
- CONFIG_WHITESPACE?: boolean | "suppress-warning" | undefined;
526
- CONFIG_OPTION_MERGE_STRATS?: boolean | "suppress-warning" | undefined;
527
- INSTANCE_SET?: boolean | "suppress-warning" | undefined;
528
- INSTANCE_DELETE?: boolean | "suppress-warning" | undefined;
529
- INSTANCE_DESTROY?: boolean | "suppress-warning" | undefined;
530
- INSTANCE_EVENT_EMITTER?: boolean | "suppress-warning" | undefined;
531
- INSTANCE_EVENT_HOOKS?: boolean | "suppress-warning" | undefined;
532
- INSTANCE_CHILDREN?: boolean | "suppress-warning" | undefined;
533
- INSTANCE_LISTENERS?: boolean | "suppress-warning" | undefined;
534
- INSTANCE_SCOPED_SLOTS?: boolean | "suppress-warning" | undefined;
535
- INSTANCE_ATTRS_CLASS_STYLE?: boolean | "suppress-warning" | undefined;
536
- OPTIONS_DATA_FN?: boolean | "suppress-warning" | undefined;
537
- OPTIONS_DATA_MERGE?: boolean | "suppress-warning" | undefined;
538
- OPTIONS_BEFORE_DESTROY?: boolean | "suppress-warning" | undefined;
539
- OPTIONS_DESTROYED?: boolean | "suppress-warning" | undefined;
540
- WATCH_ARRAY?: boolean | "suppress-warning" | undefined;
541
- PROPS_DEFAULT_THIS?: boolean | "suppress-warning" | undefined;
542
- V_ON_KEYCODE_MODIFIER?: boolean | "suppress-warning" | undefined;
543
- CUSTOM_DIR?: boolean | "suppress-warning" | undefined;
544
- ATTR_FALSE_VALUE?: boolean | "suppress-warning" | undefined;
545
- ATTR_ENUMERATED_COERCION?: boolean | "suppress-warning" | undefined;
546
- TRANSITION_CLASSES?: boolean | "suppress-warning" | undefined;
547
- TRANSITION_GROUP_ROOT?: boolean | "suppress-warning" | undefined;
548
- COMPONENT_ASYNC?: boolean | "suppress-warning" | undefined;
549
- COMPONENT_FUNCTIONAL?: boolean | "suppress-warning" | undefined;
550
- COMPONENT_V_MODEL?: boolean | "suppress-warning" | undefined;
551
- RENDER_FUNCTION?: boolean | "suppress-warning" | undefined;
552
- FILTERS?: boolean | "suppress-warning" | undefined;
553
- PRIVATE_APIS?: boolean | "suppress-warning" | undefined;
554
- MODE?: 2 | 3 | ((comp: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions, {}, any> | null) => 2 | 3) | undefined;
555
- } | undefined;
556
- data?: ((this: any, vm: any) => any) | undefined;
557
- computed?: vue.ComputedOptions | undefined;
558
- methods?: vue.MethodOptions | undefined;
559
- watch?: {
560
- [x: string]: (string | vue.WatchCallback<any, any> | ({
561
- handler: string | vue.WatchCallback<any, any>;
562
- } & vue.WatchOptions<boolean>)) | (string | vue.WatchCallback<any, any> | ({
563
- handler: string | vue.WatchCallback<any, any>;
564
- } & vue.WatchOptions<boolean>))[];
565
- } | undefined;
566
- provide?: vue.ComponentProvideOptions | undefined;
567
- inject?: {} | string[] | undefined;
568
- filters?: Record<string, Function> | undefined;
569
- mixins?: any[] | undefined;
570
- extends?: any;
571
- beforeCreate?: (() => void) | undefined;
572
- created?: (() => void) | undefined;
573
- beforeMount?: (() => void) | undefined;
574
- mounted?: (() => void) | undefined;
575
- beforeUpdate?: (() => void) | undefined;
576
- updated?: (() => void) | undefined;
577
- activated?: (() => void) | undefined;
578
- deactivated?: (() => void) | undefined;
579
- beforeDestroy?: (() => void) | undefined;
580
- beforeUnmount?: (() => void) | undefined;
581
- destroyed?: (() => void) | undefined;
582
- unmounted?: (() => void) | undefined;
583
- renderTracked?: ((e: vue.DebuggerEvent) => void) | undefined;
584
- renderTriggered?: ((e: vue.DebuggerEvent) => void) | undefined;
585
- errorCaptured?: ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | undefined;
586
- delimiters?: [string, string] | undefined;
587
- __differentiator?: string | number | symbol | undefined;
588
- __isBuiltIn?: boolean | undefined;
589
- __file?: string | undefined;
590
- __name?: string | undefined;
591
- };
592
- readonly asChild: boolean;
593
- readonly trapFocus: boolean;
594
- readonly disableOutsidePointerEvents: boolean;
595
- readonly isDismissable: boolean;
596
- readonly side: "bottom" | "top" | "right" | "left";
597
- readonly sideOffset: number;
598
- readonly align: "center" | "start" | "end";
599
- readonly alignOffset: number;
600
- readonly avoidCollisions: boolean;
601
- readonly collisionBoundary: Element | (Element | null)[] | null;
602
- readonly collisionPadding: number | {
603
- bottom?: number | undefined;
604
- top?: number | undefined;
605
- right?: number | undefined;
606
- left?: number | undefined;
607
- };
608
- readonly arrowPadding: number;
609
- readonly sticky: "partial" | "always";
610
- readonly hideWhenDetached: boolean;
611
- readonly updatePositionStrategy: "optimized" | "always";
612
- readonly prioritizePosition: boolean;
613
- readonly forceMount: boolean;
614
- readonly onOpenAutoFocus: ((_event: Event) => any) | undefined;
615
- readonly onCloseAutoFocus: ((_event: Event) => any) | undefined;
616
- readonly onEscapeKeyDown: ((_event: KeyboardEvent) => any) | undefined;
617
- readonly onPointerDownOutside: ((_event: CustomEvent<{
618
- originalEvent: PointerEvent;
619
- }>) => any) | undefined;
620
- readonly onFocusOutside: ((_event: CustomEvent<{
621
- originalEvent: FocusEvent;
622
- }>) => any) | undefined;
623
- readonly onInteractOutside: ((_event: CustomEvent<{
624
- originalEvent: PointerEvent;
625
- }> | CustomEvent<{
626
- originalEvent: FocusEvent;
627
- }>) => any) | undefined;
628
- } & Record<string, any>>;
629
- }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
630
- openAutoFocus: (_event: Event) => boolean;
631
- closeAutoFocus: (_event: Event) => boolean;
632
- escapeKeyDown: (_event: KeyboardEvent) => boolean;
633
- pointerDownOutside: (_event: CustomEvent<{
634
- originalEvent: PointerEvent;
635
- }>) => boolean;
636
- focusOutside: (_event: CustomEvent<{
637
- originalEvent: FocusEvent;
638
- }>) => boolean;
639
- interactOutside: (_event: CustomEvent<{
640
- originalEvent: PointerEvent;
641
- }> | CustomEvent<{
642
- originalEvent: FocusEvent;
643
- }>) => boolean;
644
- }, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
645
- /**
646
- * Used to force mounting when more control is needed. Useful when
647
- * controlling animation with Vue animation libraries.
648
- *
649
- * @default false
650
- */
651
- readonly forceMount: {
652
- readonly type: PropType<boolean>;
653
- readonly required: false;
654
- readonly default: false;
655
- };
656
- readonly trapFocus: {
657
- readonly type: PropType<boolean>;
658
- readonly required: false;
659
- readonly default: false;
660
- };
661
- readonly disableOutsidePointerEvents: {
662
- readonly type: PropType<boolean>;
663
- readonly required: false;
664
- readonly default: false;
665
- };
666
- readonly isDismissable: {
667
- readonly type: PropType<boolean>;
668
- readonly required: false;
669
- readonly default: true;
670
- };
671
- readonly as: {
672
- readonly type: PropType<vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions, {}, any> | _destyler_primitive.AsTag>;
673
- readonly required: false;
674
- readonly default: "div";
675
- };
676
- readonly asChild: {
677
- readonly type: PropType<boolean>;
678
- readonly required: false;
679
- readonly default: false;
680
- };
681
- readonly side: {
682
- readonly type: PropType<"bottom" | "top" | "right" | "left">;
683
- readonly required: false;
684
- readonly default: "bottom";
685
- };
686
- readonly sideOffset: {
687
- readonly type: PropType<number>;
688
- readonly required: false;
689
- readonly default: 0;
690
- };
691
- readonly align: {
692
- readonly type: PropType<"center" | "start" | "end">;
693
- readonly required: false;
694
- readonly default: "center";
695
- };
696
- readonly alignOffset: {
697
- readonly type: PropType<number>;
698
- readonly required: false;
699
- readonly default: 0;
700
- };
701
- readonly avoidCollisions: {
702
- readonly type: PropType<boolean>;
703
- readonly required: false;
704
- readonly default: true;
705
- };
706
- readonly collisionBoundary: {
707
- readonly type: PropType<Element | (Element | null)[] | null>;
708
- readonly required: false;
709
- readonly default: () => never[];
710
- };
711
- readonly collisionPadding: {
712
- readonly type: PropType<number | Partial<Record<"bottom" | "top" | "right" | "left", number>>>;
713
- readonly required: false;
714
- readonly default: 0;
715
- };
716
- readonly arrowPadding: {
717
- readonly type: PropType<number>;
718
- readonly required: false;
719
- readonly default: 0;
720
- };
721
- readonly sticky: {
722
- readonly type: PropType<"partial" | "always">;
723
- readonly required: false;
724
- readonly default: "partial";
725
- };
726
- readonly hideWhenDetached: {
727
- readonly type: PropType<boolean>;
728
- readonly required: false;
729
- readonly default: false;
730
- };
731
- readonly updatePositionStrategy: {
732
- readonly type: PropType<"optimized" | "always">;
733
- readonly required: false;
734
- readonly default: "optimized";
735
- };
736
- readonly prioritizePosition: {
737
- readonly type: PropType<boolean>;
738
- readonly required: false;
739
- readonly default: false;
740
- };
741
- }>> & {
742
- onOpenAutoFocus?: ((_event: Event) => any) | undefined;
743
- onCloseAutoFocus?: ((_event: Event) => any) | undefined;
744
- onEscapeKeyDown?: ((_event: KeyboardEvent) => any) | undefined;
745
- onPointerDownOutside?: ((_event: CustomEvent<{
746
- originalEvent: PointerEvent;
747
- }>) => any) | undefined;
748
- onFocusOutside?: ((_event: CustomEvent<{
749
- originalEvent: FocusEvent;
750
- }>) => any) | undefined;
751
- onInteractOutside?: ((_event: CustomEvent<{
752
- originalEvent: PointerEvent;
753
- }> | CustomEvent<{
754
- originalEvent: FocusEvent;
755
- }>) => any) | undefined;
756
- }, {
757
- readonly as: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions, {}, any> | _destyler_primitive.AsTag;
758
- readonly asChild: boolean;
759
- readonly trapFocus: boolean;
760
- readonly disableOutsidePointerEvents: boolean;
761
- readonly isDismissable: boolean;
762
- readonly side: "bottom" | "top" | "right" | "left";
763
- readonly sideOffset: number;
764
- readonly align: "center" | "start" | "end";
765
- readonly alignOffset: number;
766
- readonly avoidCollisions: boolean;
767
- readonly collisionBoundary: Element | (Element | null)[] | null;
768
- readonly collisionPadding: number | Partial<Record<"bottom" | "top" | "right" | "left", number>>;
769
- readonly arrowPadding: number;
770
- readonly sticky: "partial" | "always";
771
- readonly hideWhenDetached: boolean;
772
- readonly updatePositionStrategy: "optimized" | "always";
773
- readonly prioritizePosition: boolean;
774
- readonly forceMount: boolean;
775
- }, {}>;
776
-
777
- declare const popoverPortalProps: {
778
- readonly to: {
779
- readonly type: vue.PropType<string | HTMLElement>;
780
- readonly required: false;
781
- readonly default: "body";
782
- };
783
- readonly disabled: {
784
- readonly type: vue.PropType<boolean>;
785
- readonly required: false;
786
- readonly default: false;
787
- };
788
- readonly forceMount: {
789
- readonly type: vue.PropType<boolean>;
790
- readonly required: false;
791
- readonly default: false;
792
- };
793
- };
794
- type PopoverPortalProps = ExtractPublicPropTypes<typeof popoverPortalProps>;
795
- declare const PopoverPortal: vue.DefineComponent<{
796
- readonly to: {
797
- readonly type: vue.PropType<string | HTMLElement>;
798
- readonly required: false;
799
- readonly default: "body";
800
- };
801
- readonly disabled: {
802
- readonly type: vue.PropType<boolean>;
803
- readonly required: false;
804
- readonly default: false;
805
- };
806
- readonly forceMount: {
807
- readonly type: vue.PropType<boolean>;
808
- readonly required: false;
809
- readonly default: false;
810
- };
811
- }, unknown, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
812
- readonly to: {
813
- readonly type: vue.PropType<string | HTMLElement>;
814
- readonly required: false;
815
- readonly default: "body";
816
- };
817
- readonly disabled: {
818
- readonly type: vue.PropType<boolean>;
819
- readonly required: false;
820
- readonly default: false;
821
- };
822
- readonly forceMount: {
823
- readonly type: vue.PropType<boolean>;
824
- readonly required: false;
825
- readonly default: false;
826
- };
827
- }>>, {
828
- readonly forceMount: boolean;
829
- readonly to: string | HTMLElement;
830
- readonly disabled: boolean;
831
- }, {}>;
832
-
833
- declare const popoverTriggerProps: {
834
- /**
835
- * @default button
836
- */
837
- readonly as: {
838
- readonly default: "button";
839
- readonly type: vue.PropType<_destyler_primitive.AsTag | vue.Component>;
840
- readonly required: false;
841
- };
842
- readonly asChild: {
843
- readonly type: vue.PropType<boolean>;
844
- readonly required: false;
845
- readonly default: false;
846
- };
847
- };
848
- type PopoverTriggerProps = ExtractPublicPropTypes<typeof popoverTriggerProps>;
849
- declare const PopoverTrigger: vue.DefineComponent<{
850
- /**
851
- * @default button
852
- */
853
- readonly as: {
854
- readonly default: "button";
855
- readonly type: vue.PropType<_destyler_primitive.AsTag | vue.Component>;
856
- readonly required: false;
857
- };
858
- readonly asChild: {
859
- readonly type: vue.PropType<boolean>;
860
- readonly required: false;
861
- readonly default: false;
862
- };
863
- }, {
864
- rootContext: PopoverRootContext;
865
- forwardRef: (ref: Element | vue.ComponentPublicInstance | null) => void;
866
- }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
867
- /**
868
- * @default button
869
- */
870
- readonly as: {
871
- readonly default: "button";
872
- readonly type: vue.PropType<_destyler_primitive.AsTag | vue.Component>;
873
- readonly required: false;
874
- };
875
- readonly asChild: {
876
- readonly type: vue.PropType<boolean>;
877
- readonly required: false;
878
- readonly default: false;
879
- };
880
- }>>, {
881
- readonly as: _destyler_primitive.AsTag | vue.Component;
882
- readonly asChild: boolean;
883
- }, {}>;
884
-
885
- export { type PopoverRootContext as P, PopoverArrow as a, type PopoverArrowProps as b, PopoverClose as c, popoverCloseProps as d, type PopoverCloseProps as e, PopoverContent as f, popoverContentProps as g, popoverContentEmits as h, type PopoverContentProps as i, PopoverPortal as j, popoverPortalProps as k, type PopoverPortalProps as l, PopoverRoot as m, popoverRootProps as n, popoverRootEmits as o, popoverArrowProps as p, type PopoverRootProps as q, PopoverTrigger as r, popoverTriggerProps as s, type PopoverTriggerProps as t };