@destyler/combobox 0.0.2 → 0.0.4

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,1290 +0,0 @@
1
- import * as vue from 'vue';
2
- import { PropType, Component, Ref } from 'vue';
3
- import * as _destyler_primitive from '@destyler/primitive';
4
- import { AsTag } from '@destyler/primitive';
5
- import { ExtractPublicPropTypes, Direction } from '@destyler/shared';
6
- import * as _vue_shared from '@vue/shared';
7
-
8
- declare const destylerComboboxAnchorProps: {
9
- readonly as: {
10
- readonly type: PropType<AsTag | Component>;
11
- readonly required: false;
12
- readonly default: "div";
13
- };
14
- readonly asChild: {
15
- readonly type: PropType<boolean>;
16
- readonly required: false;
17
- readonly default: false;
18
- };
19
- };
20
- type DestylerComboboxAnchorProps = ExtractPublicPropTypes<typeof destylerComboboxAnchorProps>;
21
- declare const DestylerComboboxAnchor: vue.DefineComponent<{
22
- readonly as: {
23
- readonly type: PropType<AsTag | Component>;
24
- readonly required: false;
25
- readonly default: "div";
26
- };
27
- readonly asChild: {
28
- readonly type: PropType<boolean>;
29
- readonly required: false;
30
- readonly default: false;
31
- };
32
- }, {
33
- forwardRef: (ref: Element | vue.ComponentPublicInstance | null) => void;
34
- }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
35
- readonly as: {
36
- readonly type: PropType<AsTag | Component>;
37
- readonly required: false;
38
- readonly default: "div";
39
- };
40
- readonly asChild: {
41
- readonly type: PropType<boolean>;
42
- readonly required: false;
43
- readonly default: false;
44
- };
45
- }>>, {
46
- readonly as: AsTag | Component;
47
- readonly asChild: boolean;
48
- }, {}>;
49
-
50
- type ArrayOrWrapped<T> = T extends any[] ? T : Array<T>;
51
- declare const destylerComboboxRootProps: {
52
- readonly as: {
53
- readonly type: PropType<AsTag | Component>;
54
- readonly required: false;
55
- readonly default: "div";
56
- };
57
- readonly asChild: {
58
- readonly type: PropType<boolean>;
59
- readonly required: false;
60
- readonly default: false;
61
- };
62
- readonly modelValue: {
63
- readonly type: PropType<string | number | boolean | Record<string, any>>;
64
- readonly required: false;
65
- };
66
- readonly defaultValue: {
67
- readonly type: PropType<string | number | boolean | Record<string, any>>;
68
- readonly required: false;
69
- };
70
- readonly open: {
71
- readonly type: PropType<boolean>;
72
- readonly required: false;
73
- readonly default: undefined;
74
- };
75
- readonly defaultOpen: {
76
- readonly type: PropType<boolean>;
77
- readonly required: false;
78
- };
79
- readonly searchTerm: {
80
- readonly type: PropType<string>;
81
- readonly required: false;
82
- };
83
- readonly multiple: {
84
- readonly type: PropType<boolean>;
85
- readonly required: false;
86
- };
87
- readonly disabled: {
88
- readonly type: PropType<boolean>;
89
- readonly required: false;
90
- };
91
- readonly name: {
92
- readonly type: PropType<string>;
93
- readonly required: false;
94
- };
95
- readonly dir: {
96
- readonly type: PropType<Direction>;
97
- readonly required: false;
98
- };
99
- readonly filterFunction: {
100
- readonly type: PropType<(val: ArrayOrWrapped<string | number | boolean | Record<string, any>>, term: string) => ArrayOrWrapped<string | number | boolean | Record<string, any>>>;
101
- readonly required: false;
102
- };
103
- readonly displayValue: {
104
- readonly type: PropType<(val: string | number | boolean | Record<string, any>) => string>;
105
- readonly required: false;
106
- };
107
- };
108
- type DestylerComboboxRootProps = ExtractPublicPropTypes<typeof destylerComboboxRootProps>;
109
- interface ComboboxRootContext<T> {
110
- modelValue: Ref<T | Array<T>>;
111
- onValueChange: (val: T) => void;
112
- searchTerm: Ref<string>;
113
- multiple: Ref<boolean | undefined>;
114
- disabled: Ref<boolean | undefined>;
115
- open: Ref<boolean>;
116
- onOpenChange: (value: boolean) => void;
117
- isUserInputted: Ref<boolean>;
118
- filteredOptions: Ref<Array<T>>;
119
- contentId: string;
120
- contentElement: Ref<HTMLElement | undefined>;
121
- onContentElementChange: (el: HTMLElement) => void;
122
- inputElement: Ref<HTMLInputElement | undefined>;
123
- onInputElementChange: (el: HTMLInputElement) => void;
124
- onInputNavigation: (dir: 'up' | 'down' | 'home' | 'end') => void;
125
- onInputEnter: () => void;
126
- selectedValue: Ref<T | undefined>;
127
- onSelectedValueChange: (val: T) => void;
128
- parentElement: Ref<HTMLElement | undefined>;
129
- }
130
- declare const DestylerComboboxRoot: vue.DefineComponent<{
131
- readonly as: {
132
- readonly type: PropType<AsTag | Component>;
133
- readonly required: false;
134
- readonly default: "div";
135
- };
136
- readonly asChild: {
137
- readonly type: PropType<boolean>;
138
- readonly required: false;
139
- readonly default: false;
140
- };
141
- readonly modelValue: {
142
- readonly type: PropType<string | number | boolean | Record<string, any>>;
143
- readonly required: false;
144
- };
145
- readonly defaultValue: {
146
- readonly type: PropType<string | number | boolean | Record<string, any>>;
147
- readonly required: false;
148
- };
149
- readonly open: {
150
- readonly type: PropType<boolean>;
151
- readonly required: false;
152
- readonly default: undefined;
153
- };
154
- readonly defaultOpen: {
155
- readonly type: PropType<boolean>;
156
- readonly required: false;
157
- };
158
- readonly searchTerm: {
159
- readonly type: PropType<string>;
160
- readonly required: false;
161
- };
162
- readonly multiple: {
163
- readonly type: PropType<boolean>;
164
- readonly required: false;
165
- };
166
- readonly disabled: {
167
- readonly type: PropType<boolean>;
168
- readonly required: false;
169
- };
170
- readonly name: {
171
- readonly type: PropType<string>;
172
- readonly required: false;
173
- };
174
- readonly dir: {
175
- readonly type: PropType<Direction>;
176
- readonly required: false;
177
- };
178
- readonly filterFunction: {
179
- readonly type: PropType<(val: ArrayOrWrapped<string | number | boolean | Record<string, any>>, term: string) => ArrayOrWrapped<string | number | boolean | Record<string, any>>>;
180
- readonly required: false;
181
- };
182
- readonly displayValue: {
183
- readonly type: PropType<(val: string | number | boolean | Record<string, any>) => string>;
184
- readonly required: false;
185
- };
186
- }, {
187
- forwardRef: (ref: Element | vue.ComponentPublicInstance | null) => void;
188
- isFormControl: vue.ComputedRef<boolean>;
189
- open: Ref<boolean>;
190
- modelValue: Ref<string | number | boolean | Record<string, any>>;
191
- dir: vue.ComputedRef<Direction>;
192
- }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("update:modelValue" | "update:open" | "update:searchTerm")[], "update:modelValue" | "update:open" | "update:searchTerm", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
193
- readonly as: {
194
- readonly type: PropType<AsTag | Component>;
195
- readonly required: false;
196
- readonly default: "div";
197
- };
198
- readonly asChild: {
199
- readonly type: PropType<boolean>;
200
- readonly required: false;
201
- readonly default: false;
202
- };
203
- readonly modelValue: {
204
- readonly type: PropType<string | number | boolean | Record<string, any>>;
205
- readonly required: false;
206
- };
207
- readonly defaultValue: {
208
- readonly type: PropType<string | number | boolean | Record<string, any>>;
209
- readonly required: false;
210
- };
211
- readonly open: {
212
- readonly type: PropType<boolean>;
213
- readonly required: false;
214
- readonly default: undefined;
215
- };
216
- readonly defaultOpen: {
217
- readonly type: PropType<boolean>;
218
- readonly required: false;
219
- };
220
- readonly searchTerm: {
221
- readonly type: PropType<string>;
222
- readonly required: false;
223
- };
224
- readonly multiple: {
225
- readonly type: PropType<boolean>;
226
- readonly required: false;
227
- };
228
- readonly disabled: {
229
- readonly type: PropType<boolean>;
230
- readonly required: false;
231
- };
232
- readonly name: {
233
- readonly type: PropType<string>;
234
- readonly required: false;
235
- };
236
- readonly dir: {
237
- readonly type: PropType<Direction>;
238
- readonly required: false;
239
- };
240
- readonly filterFunction: {
241
- readonly type: PropType<(val: ArrayOrWrapped<string | number | boolean | Record<string, any>>, term: string) => ArrayOrWrapped<string | number | boolean | Record<string, any>>>;
242
- readonly required: false;
243
- };
244
- readonly displayValue: {
245
- readonly type: PropType<(val: string | number | boolean | Record<string, any>) => string>;
246
- readonly required: false;
247
- };
248
- }>> & {
249
- "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
250
- "onUpdate:open"?: ((...args: any[]) => any) | undefined;
251
- "onUpdate:searchTerm"?: ((...args: any[]) => any) | undefined;
252
- }, {
253
- readonly as: AsTag | Component;
254
- readonly asChild: boolean;
255
- readonly open: boolean;
256
- }, {}>;
257
-
258
- declare const destylerComboboxArrowProps: {
259
- readonly asChild: {
260
- readonly type: PropType<boolean>;
261
- readonly required: false;
262
- readonly default: false;
263
- };
264
- readonly width: {
265
- readonly type: PropType<number>;
266
- readonly required: false;
267
- readonly default: 10;
268
- };
269
- readonly height: {
270
- readonly type: PropType<number>;
271
- readonly required: false;
272
- readonly default: 5;
273
- };
274
- readonly as: {
275
- readonly type: PropType<AsTag | Component>;
276
- readonly required: false;
277
- readonly default: "svg";
278
- };
279
- };
280
- type DestylerComboboxArrowProps = ExtractPublicPropTypes<typeof destylerComboboxArrowProps>;
281
- declare const DestylerComboboxArrow: vue.DefineComponent<{
282
- readonly asChild: {
283
- readonly type: PropType<boolean>;
284
- readonly required: false;
285
- readonly default: false;
286
- };
287
- readonly width: {
288
- readonly type: PropType<number>;
289
- readonly required: false;
290
- readonly default: 10;
291
- };
292
- readonly height: {
293
- readonly type: PropType<number>;
294
- readonly required: false;
295
- readonly default: 5;
296
- };
297
- readonly as: {
298
- readonly type: PropType<AsTag | Component>;
299
- readonly required: false;
300
- readonly default: "svg";
301
- };
302
- }, {
303
- rootContext: ComboboxRootContext<string | number | boolean | Record<string, any>>;
304
- contentContext: {
305
- position: vue.Ref<"inline" | "popper">;
306
- };
307
- }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
308
- readonly asChild: {
309
- readonly type: PropType<boolean>;
310
- readonly required: false;
311
- readonly default: false;
312
- };
313
- readonly width: {
314
- readonly type: PropType<number>;
315
- readonly required: false;
316
- readonly default: 10;
317
- };
318
- readonly height: {
319
- readonly type: PropType<number>;
320
- readonly required: false;
321
- readonly default: 5;
322
- };
323
- readonly as: {
324
- readonly type: PropType<AsTag | Component>;
325
- readonly required: false;
326
- readonly default: "svg";
327
- };
328
- }>>, {
329
- readonly as: AsTag | Component;
330
- readonly asChild: boolean;
331
- readonly width: number;
332
- readonly height: number;
333
- }, {}>;
334
-
335
- declare const destylerComboboxCancelProps: {
336
- readonly as: {
337
- readonly type: PropType<AsTag | Component>;
338
- readonly required: false;
339
- readonly default: "button";
340
- };
341
- readonly asChild: {
342
- readonly type: PropType<boolean>;
343
- readonly required: false;
344
- readonly default: false;
345
- };
346
- };
347
- type DestylerComboboxCancelProps = ExtractPublicPropTypes<typeof destylerComboboxCancelProps>;
348
- declare const DestylerComboboxCancel: vue.DefineComponent<{
349
- readonly as: {
350
- readonly type: PropType<AsTag | Component>;
351
- readonly required: false;
352
- readonly default: "button";
353
- };
354
- readonly asChild: {
355
- readonly type: PropType<boolean>;
356
- readonly required: false;
357
- readonly default: false;
358
- };
359
- }, {
360
- rootContext: ComboboxRootContext<string | number | boolean | Record<string, any>>;
361
- handleClick: () => void;
362
- }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
363
- readonly as: {
364
- readonly type: PropType<AsTag | Component>;
365
- readonly required: false;
366
- readonly default: "button";
367
- };
368
- readonly asChild: {
369
- readonly type: PropType<boolean>;
370
- readonly required: false;
371
- readonly default: false;
372
- };
373
- }>>, {
374
- readonly as: AsTag | Component;
375
- readonly asChild: boolean;
376
- }, {}>;
377
-
378
- declare const destylerComboboxContentProps: {
379
- readonly forceMount: {
380
- readonly type: PropType<boolean>;
381
- readonly required: false;
382
- };
383
- readonly as: {
384
- readonly type: PropType<_destyler_primitive.AsTag | vue.Component>;
385
- readonly required: false;
386
- readonly default: "div";
387
- };
388
- readonly asChild: {
389
- readonly type: PropType<boolean>;
390
- readonly required: false;
391
- readonly default: false;
392
- };
393
- readonly side: {
394
- readonly type: PropType<"top" | "right" | "bottom" | "left">;
395
- readonly required: false;
396
- readonly default: "bottom";
397
- };
398
- readonly sideOffset: {
399
- readonly type: PropType<number>;
400
- readonly required: false;
401
- readonly default: 0;
402
- };
403
- readonly align: {
404
- readonly type: PropType<"end" | "center" | "start">;
405
- readonly required: false;
406
- readonly default: "center";
407
- };
408
- readonly alignOffset: {
409
- readonly type: PropType<number>;
410
- readonly required: false;
411
- readonly default: 0;
412
- };
413
- readonly avoidCollisions: {
414
- readonly type: PropType<boolean>;
415
- readonly required: false;
416
- readonly default: true;
417
- };
418
- readonly collisionBoundary: {
419
- readonly type: PropType<Element | (Element | null)[] | null>;
420
- readonly required: false;
421
- readonly default: () => never[];
422
- };
423
- readonly collisionPadding: {
424
- readonly type: PropType<number | Partial<Record<"top" | "right" | "bottom" | "left", number>>>;
425
- readonly required: false;
426
- readonly default: 0;
427
- };
428
- readonly arrowPadding: {
429
- readonly type: PropType<number>;
430
- readonly required: false;
431
- readonly default: 0;
432
- };
433
- readonly sticky: {
434
- readonly type: PropType<"partial" | "always">;
435
- readonly required: false;
436
- readonly default: "partial";
437
- };
438
- readonly hideWhenDetached: {
439
- readonly type: PropType<boolean>;
440
- readonly required: false;
441
- readonly default: false;
442
- };
443
- readonly updatePositionStrategy: {
444
- readonly type: PropType<"always" | "optimized">;
445
- readonly required: false;
446
- readonly default: "optimized";
447
- };
448
- readonly onPlaced: {
449
- readonly type: PropType<() => void>;
450
- readonly required: false;
451
- };
452
- readonly prioritizePosition: {
453
- readonly type: PropType<boolean>;
454
- readonly required: false;
455
- readonly default: false;
456
- };
457
- readonly disableOutsidePointerEvents: {
458
- readonly type: PropType<boolean>;
459
- readonly required: false;
460
- readonly default: false;
461
- };
462
- readonly isDismissable: {
463
- readonly type: PropType<boolean>;
464
- readonly required: false;
465
- readonly default: true;
466
- };
467
- readonly position: {
468
- readonly type: PropType<"inline" | "popper">;
469
- readonly required: false;
470
- readonly default: "inline";
471
- };
472
- readonly bodyLock: {
473
- readonly type: PropType<boolean>;
474
- readonly required: false;
475
- };
476
- readonly dismissable: {
477
- readonly type: PropType<boolean>;
478
- readonly required: false;
479
- readonly default: true;
480
- };
481
- };
482
- type DestylerComboboxContentProps = ExtractPublicPropTypes<typeof destylerComboboxContentProps>;
483
- declare const DestylerComboboxContent: vue.DefineComponent<{
484
- readonly forceMount: {
485
- readonly type: PropType<boolean>;
486
- readonly required: false;
487
- };
488
- readonly as: {
489
- readonly type: PropType<_destyler_primitive.AsTag | vue.Component>;
490
- readonly required: false;
491
- readonly default: "div";
492
- };
493
- readonly asChild: {
494
- readonly type: PropType<boolean>;
495
- readonly required: false;
496
- readonly default: false;
497
- };
498
- readonly side: {
499
- readonly type: PropType<"top" | "right" | "bottom" | "left">;
500
- readonly required: false;
501
- readonly default: "bottom";
502
- };
503
- readonly sideOffset: {
504
- readonly type: PropType<number>;
505
- readonly required: false;
506
- readonly default: 0;
507
- };
508
- readonly align: {
509
- readonly type: PropType<"end" | "center" | "start">;
510
- readonly required: false;
511
- readonly default: "center";
512
- };
513
- readonly alignOffset: {
514
- readonly type: PropType<number>;
515
- readonly required: false;
516
- readonly default: 0;
517
- };
518
- readonly avoidCollisions: {
519
- readonly type: PropType<boolean>;
520
- readonly required: false;
521
- readonly default: true;
522
- };
523
- readonly collisionBoundary: {
524
- readonly type: PropType<Element | (Element | null)[] | null>;
525
- readonly required: false;
526
- readonly default: () => never[];
527
- };
528
- readonly collisionPadding: {
529
- readonly type: PropType<number | Partial<Record<"top" | "right" | "bottom" | "left", number>>>;
530
- readonly required: false;
531
- readonly default: 0;
532
- };
533
- readonly arrowPadding: {
534
- readonly type: PropType<number>;
535
- readonly required: false;
536
- readonly default: 0;
537
- };
538
- readonly sticky: {
539
- readonly type: PropType<"partial" | "always">;
540
- readonly required: false;
541
- readonly default: "partial";
542
- };
543
- readonly hideWhenDetached: {
544
- readonly type: PropType<boolean>;
545
- readonly required: false;
546
- readonly default: false;
547
- };
548
- readonly updatePositionStrategy: {
549
- readonly type: PropType<"always" | "optimized">;
550
- readonly required: false;
551
- readonly default: "optimized";
552
- };
553
- readonly onPlaced: {
554
- readonly type: PropType<() => void>;
555
- readonly required: false;
556
- };
557
- readonly prioritizePosition: {
558
- readonly type: PropType<boolean>;
559
- readonly required: false;
560
- readonly default: false;
561
- };
562
- readonly disableOutsidePointerEvents: {
563
- readonly type: PropType<boolean>;
564
- readonly required: false;
565
- readonly default: false;
566
- };
567
- readonly isDismissable: {
568
- readonly type: PropType<boolean>;
569
- readonly required: false;
570
- readonly default: true;
571
- };
572
- readonly position: {
573
- readonly type: PropType<"inline" | "popper">;
574
- readonly required: false;
575
- readonly default: "inline";
576
- };
577
- readonly bodyLock: {
578
- readonly type: PropType<boolean>;
579
- readonly required: false;
580
- };
581
- readonly dismissable: {
582
- readonly type: PropType<boolean>;
583
- readonly required: false;
584
- readonly default: true;
585
- };
586
- }, {
587
- forwardRef: (ref: Element | vue.ComponentPublicInstance | null) => void;
588
- forwarded: vue.ComputedRef<_vue_shared.LooseRequired<{
589
- readonly as: _destyler_primitive.AsTag | vue.Component;
590
- readonly asChild: boolean;
591
- readonly side: "top" | "right" | "bottom" | "left";
592
- readonly sideOffset: number;
593
- readonly align: "end" | "center" | "start";
594
- readonly alignOffset: number;
595
- readonly avoidCollisions: boolean;
596
- readonly collisionBoundary: Element | (Element | null)[] | null;
597
- readonly collisionPadding: number | Partial<Record<"top" | "right" | "bottom" | "left", number>>;
598
- readonly arrowPadding: number;
599
- readonly sticky: "partial" | "always";
600
- readonly hideWhenDetached: boolean;
601
- readonly updatePositionStrategy: "always" | "optimized";
602
- readonly prioritizePosition: boolean;
603
- readonly disableOutsidePointerEvents: boolean;
604
- readonly isDismissable: boolean;
605
- readonly position: "inline" | "popper";
606
- readonly dismissable: boolean;
607
- readonly onPlaced?: (() => void) | undefined;
608
- readonly bodyLock?: boolean | undefined;
609
- readonly forceMount?: boolean | undefined;
610
- readonly onEscapeKeyDown?: ((...args: any[]) => any) | undefined;
611
- readonly onPointerDownOutside?: ((...args: any[]) => any) | undefined;
612
- readonly onFocusOutside?: ((...args: any[]) => any) | undefined;
613
- readonly onInteractOutside?: ((...args: any[]) => any) | undefined;
614
- readonly onDismiss?: ((...args: any[]) => any) | undefined;
615
- } & {}> & Record<string, any>>;
616
- rootContext: ComboboxRootContext<string | number | boolean | Record<string, any>>;
617
- }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("escapeKeyDown" | "pointerDownOutside" | "focusOutside" | "interactOutside" | "dismiss")[], "escapeKeyDown" | "pointerDownOutside" | "focusOutside" | "interactOutside" | "dismiss", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
618
- readonly forceMount: {
619
- readonly type: PropType<boolean>;
620
- readonly required: false;
621
- };
622
- readonly as: {
623
- readonly type: PropType<_destyler_primitive.AsTag | vue.Component>;
624
- readonly required: false;
625
- readonly default: "div";
626
- };
627
- readonly asChild: {
628
- readonly type: PropType<boolean>;
629
- readonly required: false;
630
- readonly default: false;
631
- };
632
- readonly side: {
633
- readonly type: PropType<"top" | "right" | "bottom" | "left">;
634
- readonly required: false;
635
- readonly default: "bottom";
636
- };
637
- readonly sideOffset: {
638
- readonly type: PropType<number>;
639
- readonly required: false;
640
- readonly default: 0;
641
- };
642
- readonly align: {
643
- readonly type: PropType<"end" | "center" | "start">;
644
- readonly required: false;
645
- readonly default: "center";
646
- };
647
- readonly alignOffset: {
648
- readonly type: PropType<number>;
649
- readonly required: false;
650
- readonly default: 0;
651
- };
652
- readonly avoidCollisions: {
653
- readonly type: PropType<boolean>;
654
- readonly required: false;
655
- readonly default: true;
656
- };
657
- readonly collisionBoundary: {
658
- readonly type: PropType<Element | (Element | null)[] | null>;
659
- readonly required: false;
660
- readonly default: () => never[];
661
- };
662
- readonly collisionPadding: {
663
- readonly type: PropType<number | Partial<Record<"top" | "right" | "bottom" | "left", number>>>;
664
- readonly required: false;
665
- readonly default: 0;
666
- };
667
- readonly arrowPadding: {
668
- readonly type: PropType<number>;
669
- readonly required: false;
670
- readonly default: 0;
671
- };
672
- readonly sticky: {
673
- readonly type: PropType<"partial" | "always">;
674
- readonly required: false;
675
- readonly default: "partial";
676
- };
677
- readonly hideWhenDetached: {
678
- readonly type: PropType<boolean>;
679
- readonly required: false;
680
- readonly default: false;
681
- };
682
- readonly updatePositionStrategy: {
683
- readonly type: PropType<"always" | "optimized">;
684
- readonly required: false;
685
- readonly default: "optimized";
686
- };
687
- readonly onPlaced: {
688
- readonly type: PropType<() => void>;
689
- readonly required: false;
690
- };
691
- readonly prioritizePosition: {
692
- readonly type: PropType<boolean>;
693
- readonly required: false;
694
- readonly default: false;
695
- };
696
- readonly disableOutsidePointerEvents: {
697
- readonly type: PropType<boolean>;
698
- readonly required: false;
699
- readonly default: false;
700
- };
701
- readonly isDismissable: {
702
- readonly type: PropType<boolean>;
703
- readonly required: false;
704
- readonly default: true;
705
- };
706
- readonly position: {
707
- readonly type: PropType<"inline" | "popper">;
708
- readonly required: false;
709
- readonly default: "inline";
710
- };
711
- readonly bodyLock: {
712
- readonly type: PropType<boolean>;
713
- readonly required: false;
714
- };
715
- readonly dismissable: {
716
- readonly type: PropType<boolean>;
717
- readonly required: false;
718
- readonly default: true;
719
- };
720
- }>> & {
721
- onEscapeKeyDown?: ((...args: any[]) => any) | undefined;
722
- onPointerDownOutside?: ((...args: any[]) => any) | undefined;
723
- onFocusOutside?: ((...args: any[]) => any) | undefined;
724
- onInteractOutside?: ((...args: any[]) => any) | undefined;
725
- onDismiss?: ((...args: any[]) => any) | undefined;
726
- }, {
727
- readonly as: _destyler_primitive.AsTag | vue.Component;
728
- readonly asChild: boolean;
729
- readonly side: "top" | "right" | "bottom" | "left";
730
- readonly sideOffset: number;
731
- readonly align: "end" | "center" | "start";
732
- readonly alignOffset: number;
733
- readonly avoidCollisions: boolean;
734
- readonly collisionBoundary: Element | (Element | null)[] | null;
735
- readonly collisionPadding: number | Partial<Record<"top" | "right" | "bottom" | "left", number>>;
736
- readonly arrowPadding: number;
737
- readonly sticky: "partial" | "always";
738
- readonly hideWhenDetached: boolean;
739
- readonly updatePositionStrategy: "always" | "optimized";
740
- readonly prioritizePosition: boolean;
741
- readonly disableOutsidePointerEvents: boolean;
742
- readonly isDismissable: boolean;
743
- readonly position: "inline" | "popper";
744
- readonly dismissable: boolean;
745
- }, {}>;
746
-
747
- declare const destylerComboboxEmptyProps: {
748
- readonly as: {
749
- readonly type: PropType<AsTag | Component>;
750
- readonly required: false;
751
- readonly default: "button";
752
- };
753
- readonly asChild: {
754
- readonly type: PropType<boolean>;
755
- readonly required: false;
756
- readonly default: false;
757
- };
758
- };
759
- type DestylerComboboxEmptyProps = ExtractPublicPropTypes<typeof destylerComboboxEmptyProps>;
760
- declare const DestylerComboboxEmpty: vue.DefineComponent<{
761
- readonly as: {
762
- readonly type: PropType<AsTag | Component>;
763
- readonly required: false;
764
- readonly default: "button";
765
- };
766
- readonly asChild: {
767
- readonly type: PropType<boolean>;
768
- readonly required: false;
769
- readonly default: false;
770
- };
771
- }, {
772
- rootContext: ComboboxRootContext<string | number | boolean | Record<string, any>>;
773
- isEmpty: vue.ComputedRef<boolean>;
774
- }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
775
- readonly as: {
776
- readonly type: PropType<AsTag | Component>;
777
- readonly required: false;
778
- readonly default: "button";
779
- };
780
- readonly asChild: {
781
- readonly type: PropType<boolean>;
782
- readonly required: false;
783
- readonly default: false;
784
- };
785
- }>>, {
786
- readonly as: AsTag | Component;
787
- readonly asChild: boolean;
788
- }, {}>;
789
-
790
- declare const destylerComboboxGroupProps: {
791
- readonly as: {
792
- readonly type: PropType<AsTag | Component>;
793
- readonly required: false;
794
- readonly default: "div";
795
- };
796
- readonly asChild: {
797
- readonly type: PropType<boolean>;
798
- readonly required: false;
799
- readonly default: false;
800
- };
801
- };
802
- type DestylerComboboxGroupProps = ExtractPublicPropTypes<typeof destylerComboboxGroupProps>;
803
- interface ComboboxGroupContext {
804
- id: string;
805
- }
806
- declare const DestylerComboboxGroup: vue.DefineComponent<{
807
- readonly as: {
808
- readonly type: PropType<AsTag | Component>;
809
- readonly required: false;
810
- readonly default: "div";
811
- };
812
- readonly asChild: {
813
- readonly type: PropType<boolean>;
814
- readonly required: false;
815
- readonly default: false;
816
- };
817
- }, {
818
- currentRef: vue.Ref<Element | vue.ComponentPublicInstance | null | undefined>;
819
- hasOptions: vue.Ref<boolean>;
820
- id: string;
821
- }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
822
- readonly as: {
823
- readonly type: PropType<AsTag | Component>;
824
- readonly required: false;
825
- readonly default: "div";
826
- };
827
- readonly asChild: {
828
- readonly type: PropType<boolean>;
829
- readonly required: false;
830
- readonly default: false;
831
- };
832
- }>>, {
833
- readonly as: AsTag | Component;
834
- readonly asChild: boolean;
835
- }, {}>;
836
-
837
- declare const destylerComboboxInputProps: {
838
- readonly as: {
839
- readonly type: PropType<AsTag | Component>;
840
- readonly required: false;
841
- readonly default: "input";
842
- };
843
- readonly asChild: {
844
- readonly type: PropType<boolean>;
845
- readonly required: false;
846
- readonly default: false;
847
- };
848
- readonly type: {
849
- readonly type: PropType<string>;
850
- readonly required: false;
851
- readonly default: "text";
852
- };
853
- readonly disabled: {
854
- readonly type: PropType<boolean>;
855
- readonly required: false;
856
- };
857
- readonly autoFocus: {
858
- readonly type: PropType<boolean>;
859
- readonly required: false;
860
- };
861
- };
862
- type DestylerComboboxInputProps = ExtractPublicPropTypes<typeof destylerComboboxInputProps>;
863
- declare const DestylerComboboxInput: vue.DefineComponent<{
864
- readonly as: {
865
- readonly type: PropType<AsTag | Component>;
866
- readonly required: false;
867
- readonly default: "input";
868
- };
869
- readonly asChild: {
870
- readonly type: PropType<boolean>;
871
- readonly required: false;
872
- readonly default: false;
873
- };
874
- readonly type: {
875
- readonly type: PropType<string>;
876
- readonly required: false;
877
- readonly default: "text";
878
- };
879
- readonly disabled: {
880
- readonly type: PropType<boolean>;
881
- readonly required: false;
882
- };
883
- readonly autoFocus: {
884
- readonly type: PropType<boolean>;
885
- readonly required: false;
886
- };
887
- }, {
888
- disabled: vue.ComputedRef<boolean>;
889
- rootContext: ComboboxRootContext<string | number | boolean | Record<string, any>>;
890
- forwardRef: (ref: Element | vue.ComponentPublicInstance | null) => void;
891
- handleInput: (event: Event) => void;
892
- handleKeyDown: (ev: KeyboardEvent) => void;
893
- handleHomeEnd: (ev: KeyboardEvent) => void;
894
- }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
895
- readonly as: {
896
- readonly type: PropType<AsTag | Component>;
897
- readonly required: false;
898
- readonly default: "input";
899
- };
900
- readonly asChild: {
901
- readonly type: PropType<boolean>;
902
- readonly required: false;
903
- readonly default: false;
904
- };
905
- readonly type: {
906
- readonly type: PropType<string>;
907
- readonly required: false;
908
- readonly default: "text";
909
- };
910
- readonly disabled: {
911
- readonly type: PropType<boolean>;
912
- readonly required: false;
913
- };
914
- readonly autoFocus: {
915
- readonly type: PropType<boolean>;
916
- readonly required: false;
917
- };
918
- }>>, {
919
- readonly as: AsTag | Component;
920
- readonly asChild: boolean;
921
- readonly type: string;
922
- }, {}>;
923
-
924
- declare const destylerComboboxItemProps: {
925
- readonly as: {
926
- readonly type: PropType<AsTag | Component>;
927
- readonly required: false;
928
- readonly default: "div";
929
- };
930
- readonly asChild: {
931
- readonly type: PropType<boolean>;
932
- readonly required: false;
933
- readonly default: false;
934
- };
935
- readonly value: {
936
- readonly type: PropType<string | number | boolean | Record<string, any>>;
937
- readonly required: true;
938
- };
939
- readonly disabled: {
940
- readonly type: PropType<boolean>;
941
- readonly required: false;
942
- };
943
- };
944
- type DestylerComboboxItemProps = ExtractPublicPropTypes<typeof destylerComboboxItemProps>;
945
- interface ComboboxItemContext {
946
- isSelected: Ref<boolean>;
947
- }
948
- declare const DestylerComboboxItem: vue.DefineComponent<{
949
- readonly as: {
950
- readonly type: PropType<AsTag | Component>;
951
- readonly required: false;
952
- readonly default: "div";
953
- };
954
- readonly asChild: {
955
- readonly type: PropType<boolean>;
956
- readonly required: false;
957
- readonly default: false;
958
- };
959
- readonly value: {
960
- readonly type: PropType<string | number | boolean | Record<string, any>>;
961
- readonly required: true;
962
- };
963
- readonly disabled: {
964
- readonly type: PropType<boolean>;
965
- readonly required: false;
966
- };
967
- }, {
968
- forwardRef: (ref: Element | vue.ComponentPublicInstance | null) => void;
969
- textId: string;
970
- isFocused: vue.ComputedRef<boolean>;
971
- isSelected: vue.ComputedRef<boolean>;
972
- isInOption: vue.ComputedRef<boolean>;
973
- handleSelectCustomEvent: (ev?: PointerEvent) => void;
974
- handlePointerMove: (event: PointerEvent) => Promise<void>;
975
- }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, "select"[], "select", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
976
- readonly as: {
977
- readonly type: PropType<AsTag | Component>;
978
- readonly required: false;
979
- readonly default: "div";
980
- };
981
- readonly asChild: {
982
- readonly type: PropType<boolean>;
983
- readonly required: false;
984
- readonly default: false;
985
- };
986
- readonly value: {
987
- readonly type: PropType<string | number | boolean | Record<string, any>>;
988
- readonly required: true;
989
- };
990
- readonly disabled: {
991
- readonly type: PropType<boolean>;
992
- readonly required: false;
993
- };
994
- }>> & {
995
- onSelect?: ((...args: any[]) => any) | undefined;
996
- }, {
997
- readonly as: AsTag | Component;
998
- readonly asChild: boolean;
999
- }, {}>;
1000
-
1001
- declare const destylerComboboxItemIndicatorProps: {
1002
- readonly as: {
1003
- readonly type: PropType<AsTag | Component>;
1004
- readonly required: false;
1005
- readonly default: "span";
1006
- };
1007
- readonly asChild: {
1008
- readonly type: PropType<boolean>;
1009
- readonly required: false;
1010
- readonly default: false;
1011
- };
1012
- };
1013
- type DestylerComboboxItemIndicatorProps = ExtractPublicPropTypes<typeof destylerComboboxItemIndicatorProps>;
1014
- declare const DestylerComboboxItemIndicator: vue.DefineComponent<{
1015
- readonly as: {
1016
- readonly type: PropType<AsTag | Component>;
1017
- readonly required: false;
1018
- readonly default: "span";
1019
- };
1020
- readonly asChild: {
1021
- readonly type: PropType<boolean>;
1022
- readonly required: false;
1023
- readonly default: false;
1024
- };
1025
- }, {
1026
- itemContext: ComboboxItemContext;
1027
- }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
1028
- readonly as: {
1029
- readonly type: PropType<AsTag | Component>;
1030
- readonly required: false;
1031
- readonly default: "span";
1032
- };
1033
- readonly asChild: {
1034
- readonly type: PropType<boolean>;
1035
- readonly required: false;
1036
- readonly default: false;
1037
- };
1038
- }>>, {
1039
- readonly as: AsTag | Component;
1040
- readonly asChild: boolean;
1041
- }, {}>;
1042
-
1043
- declare const destylerComboboxLabelProps: {
1044
- readonly as: {
1045
- readonly type: PropType<AsTag | Component>;
1046
- readonly required: false;
1047
- readonly default: "div";
1048
- };
1049
- readonly asChild: {
1050
- readonly type: PropType<boolean>;
1051
- readonly required: false;
1052
- readonly default: false;
1053
- };
1054
- readonly for: {
1055
- readonly type: PropType<string>;
1056
- readonly required: false;
1057
- };
1058
- };
1059
- type DestylerComboboxLabelProps = ExtractPublicPropTypes<typeof destylerComboboxLabelProps>;
1060
- declare const DestylerComboboxLabel: vue.DefineComponent<{
1061
- readonly as: {
1062
- readonly type: PropType<AsTag | Component>;
1063
- readonly required: false;
1064
- readonly default: "div";
1065
- };
1066
- readonly asChild: {
1067
- readonly type: PropType<boolean>;
1068
- readonly required: false;
1069
- readonly default: false;
1070
- };
1071
- readonly for: {
1072
- readonly type: PropType<string>;
1073
- readonly required: false;
1074
- };
1075
- }, {
1076
- groupContext: ComboboxGroupContext;
1077
- }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
1078
- readonly as: {
1079
- readonly type: PropType<AsTag | Component>;
1080
- readonly required: false;
1081
- readonly default: "div";
1082
- };
1083
- readonly asChild: {
1084
- readonly type: PropType<boolean>;
1085
- readonly required: false;
1086
- readonly default: false;
1087
- };
1088
- readonly for: {
1089
- readonly type: PropType<string>;
1090
- readonly required: false;
1091
- };
1092
- }>>, {
1093
- readonly as: AsTag | Component;
1094
- readonly asChild: boolean;
1095
- }, {}>;
1096
-
1097
- declare const destylerComboboxPortalProps: {
1098
- readonly to: {
1099
- readonly type: PropType<string | HTMLElement>;
1100
- readonly required: false;
1101
- readonly default: "body";
1102
- };
1103
- readonly disabled: {
1104
- readonly type: PropType<boolean>;
1105
- readonly required: false;
1106
- readonly default: false;
1107
- };
1108
- readonly forceMount: {
1109
- readonly type: PropType<boolean>;
1110
- readonly required: false;
1111
- readonly default: false;
1112
- };
1113
- };
1114
- type DestylerComboboxPortalProps = ExtractPublicPropTypes<typeof destylerComboboxPortalProps>;
1115
- declare const DestylerComboboxPortal: vue.DefineComponent<{
1116
- readonly to: {
1117
- readonly type: PropType<string | HTMLElement>;
1118
- readonly required: false;
1119
- readonly default: "body";
1120
- };
1121
- readonly disabled: {
1122
- readonly type: PropType<boolean>;
1123
- readonly required: false;
1124
- readonly default: false;
1125
- };
1126
- readonly forceMount: {
1127
- readonly type: PropType<boolean>;
1128
- readonly required: false;
1129
- readonly default: false;
1130
- };
1131
- }, unknown, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
1132
- readonly to: {
1133
- readonly type: PropType<string | HTMLElement>;
1134
- readonly required: false;
1135
- readonly default: "body";
1136
- };
1137
- readonly disabled: {
1138
- readonly type: PropType<boolean>;
1139
- readonly required: false;
1140
- readonly default: false;
1141
- };
1142
- readonly forceMount: {
1143
- readonly type: PropType<boolean>;
1144
- readonly required: false;
1145
- readonly default: false;
1146
- };
1147
- }>>, {
1148
- readonly disabled: boolean;
1149
- readonly forceMount: boolean;
1150
- readonly to: string | HTMLElement;
1151
- }, {}>;
1152
-
1153
- declare const destylerComboboxSeparatorProps: {
1154
- readonly as: {
1155
- readonly type: PropType<AsTag | Component>;
1156
- readonly required: false;
1157
- readonly default: "div";
1158
- };
1159
- readonly asChild: {
1160
- readonly type: PropType<boolean>;
1161
- readonly required: false;
1162
- readonly default: false;
1163
- };
1164
- };
1165
- type DestylerComboboxSeparatorProps = ExtractPublicPropTypes<typeof destylerComboboxSeparatorProps>;
1166
- declare const DestylerComboboxSeparator: vue.DefineComponent<{
1167
- readonly as: {
1168
- readonly type: PropType<AsTag | Component>;
1169
- readonly required: false;
1170
- readonly default: "div";
1171
- };
1172
- readonly asChild: {
1173
- readonly type: PropType<boolean>;
1174
- readonly required: false;
1175
- readonly default: false;
1176
- };
1177
- }, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
1178
- readonly as: {
1179
- readonly type: PropType<AsTag | Component>;
1180
- readonly required: false;
1181
- readonly default: "div";
1182
- };
1183
- readonly asChild: {
1184
- readonly type: PropType<boolean>;
1185
- readonly required: false;
1186
- readonly default: false;
1187
- };
1188
- }>>, {
1189
- readonly as: AsTag | Component;
1190
- readonly asChild: boolean;
1191
- }, {}>;
1192
-
1193
- declare const destylerComboboxTriggerProps: {
1194
- readonly as: {
1195
- readonly type: PropType<AsTag | Component>;
1196
- readonly required: false;
1197
- readonly default: "button";
1198
- };
1199
- readonly asChild: {
1200
- readonly type: PropType<boolean>;
1201
- readonly required: false;
1202
- readonly default: false;
1203
- };
1204
- readonly disabled: {
1205
- readonly type: PropType<boolean>;
1206
- readonly required: false;
1207
- };
1208
- };
1209
- type DestylerComboboxTriggerProps = ExtractPublicPropTypes<typeof destylerComboboxTriggerProps>;
1210
- declare const DestylerComboboxTrigger: vue.DefineComponent<{
1211
- readonly as: {
1212
- readonly type: PropType<AsTag | Component>;
1213
- readonly required: false;
1214
- readonly default: "button";
1215
- };
1216
- readonly asChild: {
1217
- readonly type: PropType<boolean>;
1218
- readonly required: false;
1219
- readonly default: false;
1220
- };
1221
- readonly disabled: {
1222
- readonly type: PropType<boolean>;
1223
- readonly required: false;
1224
- };
1225
- }, {
1226
- rootContext: ComboboxRootContext<string | number | boolean | Record<string, any>>;
1227
- disabled: vue.ComputedRef<boolean>;
1228
- }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
1229
- readonly as: {
1230
- readonly type: PropType<AsTag | Component>;
1231
- readonly required: false;
1232
- readonly default: "button";
1233
- };
1234
- readonly asChild: {
1235
- readonly type: PropType<boolean>;
1236
- readonly required: false;
1237
- readonly default: false;
1238
- };
1239
- readonly disabled: {
1240
- readonly type: PropType<boolean>;
1241
- readonly required: false;
1242
- };
1243
- }>>, {
1244
- readonly as: AsTag | Component;
1245
- readonly asChild: boolean;
1246
- }, {}>;
1247
-
1248
- declare const destylerComboboxViewportProps: {
1249
- readonly as: {
1250
- readonly type: PropType<AsTag | Component>;
1251
- readonly required: false;
1252
- readonly default: "div";
1253
- };
1254
- readonly asChild: {
1255
- readonly type: PropType<boolean>;
1256
- readonly required: false;
1257
- readonly default: false;
1258
- };
1259
- };
1260
- type DestylerComboboxViewportProps = ExtractPublicPropTypes<typeof destylerComboboxViewportProps>;
1261
- declare const DestylerComboboxViewport: vue.DefineComponent<{
1262
- readonly as: {
1263
- readonly type: PropType<AsTag | Component>;
1264
- readonly required: false;
1265
- readonly default: "div";
1266
- };
1267
- readonly asChild: {
1268
- readonly type: PropType<boolean>;
1269
- readonly required: false;
1270
- readonly default: false;
1271
- };
1272
- }, {
1273
- forwardRef: (ref: Element | vue.ComponentPublicInstance | null) => void;
1274
- }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
1275
- readonly as: {
1276
- readonly type: PropType<AsTag | Component>;
1277
- readonly required: false;
1278
- readonly default: "div";
1279
- };
1280
- readonly asChild: {
1281
- readonly type: PropType<boolean>;
1282
- readonly required: false;
1283
- readonly default: false;
1284
- };
1285
- }>>, {
1286
- readonly as: AsTag | Component;
1287
- readonly asChild: boolean;
1288
- }, {}>;
1289
-
1290
- export { type DestylerComboboxTriggerProps as A, DestylerComboboxViewport as B, type ComboboxRootContext as C, DestylerComboboxAnchor as D, type DestylerComboboxViewportProps as E, type DestylerComboboxAnchorProps as a, DestylerComboboxArrow as b, type DestylerComboboxArrowProps as c, DestylerComboboxCancel as d, type DestylerComboboxCancelProps as e, DestylerComboboxContent as f, type DestylerComboboxContentProps as g, DestylerComboboxEmpty as h, type DestylerComboboxEmptyProps as i, DestylerComboboxGroup as j, type DestylerComboboxGroupProps as k, DestylerComboboxInput as l, type DestylerComboboxInputProps as m, DestylerComboboxItem as n, type DestylerComboboxItemProps as o, DestylerComboboxItemIndicator as p, type DestylerComboboxItemIndicatorProps as q, DestylerComboboxLabel as r, type DestylerComboboxLabelProps as s, DestylerComboboxPortal as t, type DestylerComboboxPortalProps as u, DestylerComboboxRoot as v, type DestylerComboboxRootProps as w, DestylerComboboxSeparator as x, type DestylerComboboxSeparatorProps as y, DestylerComboboxTrigger as z };