@destyler/combobox 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,416 +0,0 @@
1
- import { C as ComboboxRootContext, A as AcceptableValue } from './shared/combobox.d5de67c5.js';
2
- export { a as ComboboxAnchor, b as ComboboxAnchorProps, d as ComboboxArrow, f as ComboboxArrowProps, g as ComboboxCancel, i as ComboboxCancelProps, j as ComboboxContent, m as ComboboxContentProps, n as ComboboxEmpty, p as ComboboxEmptyProps, q as ComboboxGroup, s as ComboboxGroupProps, t as ComboboxInput, v as ComboboxInputProps, w as ComboboxItem, B as ComboboxItemIndicator, E as ComboboxItemIndicatorProps, z as ComboboxItemProps, F as ComboboxLabel, H as ComboboxLabelProps, I as ComboboxPortal, K as ComboboxPortalProps, L as ComboboxRoot, O as ComboboxRootProps, P as ComboboxSeparator, R as ComboboxSeparatorProps, S as ComboboxTrigger, U as ComboboxTriggerProps, V as ComboboxViewport, X as ComboboxViewportProps, c as comboboxAnchorProps, e as comboboxArrowProps, h as comboboxCancelProps, l as comboboxContentEmits, k as comboboxContentProps, o as comboboxEmptyProps, r as comboboxGroupProps, u as comboboxInputProps, y as comboboxItemEmits, D as comboboxItemIndicatorProps, x as comboboxItemProps, G as comboboxLabelProps, J as comboboxPortalProps, N as comboboxRootEmits, M as comboboxRootProps, Q as comboboxSeparatorProps, T as comboboxTriggerProps, W as comboboxViewportProps } from './shared/combobox.d5de67c5.js';
3
- import * as _destyler_primitive from '@destyler/primitive';
4
- import * as vue from 'vue';
5
- import { PropType } from 'vue';
6
- import { ExtractPublicPropTypes } from '@destyler/shared';
7
- import '@vue/shared';
8
-
9
- declare const comboboxContentImplProps: {
10
- /**
11
- * The positioning mode to use, <br>
12
- * `inline` is the default and you can control the position using CSS. <br>
13
- * `popper` positions content in the same way as our other primitives, for example `Popover` or `DropdownMenu`.
14
- *
15
- * @default inline
16
- */
17
- readonly position: {
18
- readonly type: PropType<"inline" | "popper">;
19
- readonly required: false;
20
- readonly default: "inline";
21
- };
22
- /**
23
- * The document.body will be lock, and scrolling will be disabled.
24
- */
25
- readonly bodyLock: {
26
- readonly type: PropType<boolean>;
27
- readonly required: false;
28
- };
29
- /**
30
- * Allow component to be dismissableLayer.
31
- *
32
- * @default true
33
- */
34
- readonly dismissable: {
35
- readonly type: PropType<boolean>;
36
- readonly required: false;
37
- readonly default: true;
38
- };
39
- readonly side: {
40
- readonly type: PropType<"top" | "right" | "bottom" | "left">;
41
- readonly required: false;
42
- readonly default: "bottom";
43
- };
44
- readonly sideOffset: {
45
- readonly type: PropType<number>;
46
- readonly required: false;
47
- readonly default: 0;
48
- };
49
- readonly align: {
50
- readonly type: PropType<"end" | "center" | "start">;
51
- readonly required: false;
52
- readonly default: "center";
53
- };
54
- readonly alignOffset: {
55
- readonly type: PropType<number>;
56
- readonly required: false;
57
- readonly default: 0;
58
- };
59
- readonly avoidCollisions: {
60
- readonly type: PropType<boolean>;
61
- readonly required: false;
62
- readonly default: true;
63
- };
64
- readonly collisionBoundary: {
65
- readonly type: PropType<Element | (Element | null)[] | null>;
66
- readonly required: false;
67
- readonly default: () => never[];
68
- };
69
- readonly collisionPadding: {
70
- readonly type: PropType<number | Partial<Record<"top" | "right" | "bottom" | "left", number>>>;
71
- readonly required: false;
72
- readonly default: 0;
73
- };
74
- readonly arrowPadding: {
75
- readonly type: PropType<number>;
76
- readonly required: false;
77
- readonly default: 0;
78
- };
79
- readonly sticky: {
80
- readonly type: PropType<"partial" | "always">;
81
- readonly required: false;
82
- readonly default: "partial";
83
- };
84
- readonly hideWhenDetached: {
85
- readonly type: PropType<boolean>;
86
- readonly required: false;
87
- readonly default: false;
88
- };
89
- readonly updatePositionStrategy: {
90
- readonly type: PropType<"optimized" | "always">;
91
- readonly required: false;
92
- readonly default: "optimized";
93
- };
94
- readonly prioritizePosition: {
95
- readonly type: PropType<boolean>;
96
- readonly required: false;
97
- readonly default: false;
98
- };
99
- readonly as: {
100
- readonly type: PropType<vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions, {}, any> | _destyler_primitive.AsTag>;
101
- readonly required: false;
102
- readonly default: "div";
103
- };
104
- readonly asChild: {
105
- readonly type: PropType<boolean>;
106
- readonly required: false;
107
- readonly default: false;
108
- };
109
- readonly disableOutsidePointerEvents: {
110
- readonly type: PropType<boolean>;
111
- readonly required: false;
112
- readonly default: false;
113
- };
114
- readonly isDismissable: {
115
- readonly type: PropType<boolean>;
116
- readonly required: false;
117
- readonly default: true;
118
- };
119
- };
120
- type ComboboxContentImplProps = ExtractPublicPropTypes<typeof comboboxContentImplProps>;
121
- declare const comboboxContentImplEmits: {
122
- escapeKeyDown: (_event: KeyboardEvent) => boolean;
123
- pointerDownOutside: (_event: CustomEvent<{
124
- originalEvent: PointerEvent;
125
- }>) => boolean;
126
- focusOutside: (_event: CustomEvent<{
127
- originalEvent: FocusEvent;
128
- }>) => boolean;
129
- interactOutside: (_event: CustomEvent<{
130
- originalEvent: PointerEvent;
131
- }> | CustomEvent<{
132
- originalEvent: FocusEvent;
133
- }>) => boolean;
134
- };
135
- declare const ComboboxContentImpl: vue.DefineComponent<{
136
- /**
137
- * The positioning mode to use, <br>
138
- * `inline` is the default and you can control the position using CSS. <br>
139
- * `popper` positions content in the same way as our other primitives, for example `Popover` or `DropdownMenu`.
140
- *
141
- * @default inline
142
- */
143
- readonly position: {
144
- readonly type: PropType<"inline" | "popper">;
145
- readonly required: false;
146
- readonly default: "inline";
147
- };
148
- /**
149
- * The document.body will be lock, and scrolling will be disabled.
150
- */
151
- readonly bodyLock: {
152
- readonly type: PropType<boolean>;
153
- readonly required: false;
154
- };
155
- /**
156
- * Allow component to be dismissableLayer.
157
- *
158
- * @default true
159
- */
160
- readonly dismissable: {
161
- readonly type: PropType<boolean>;
162
- readonly required: false;
163
- readonly default: true;
164
- };
165
- readonly side: {
166
- readonly type: PropType<"top" | "right" | "bottom" | "left">;
167
- readonly required: false;
168
- readonly default: "bottom";
169
- };
170
- readonly sideOffset: {
171
- readonly type: PropType<number>;
172
- readonly required: false;
173
- readonly default: 0;
174
- };
175
- readonly align: {
176
- readonly type: PropType<"end" | "center" | "start">;
177
- readonly required: false;
178
- readonly default: "center";
179
- };
180
- readonly alignOffset: {
181
- readonly type: PropType<number>;
182
- readonly required: false;
183
- readonly default: 0;
184
- };
185
- readonly avoidCollisions: {
186
- readonly type: PropType<boolean>;
187
- readonly required: false;
188
- readonly default: true;
189
- };
190
- readonly collisionBoundary: {
191
- readonly type: PropType<Element | (Element | null)[] | null>;
192
- readonly required: false;
193
- readonly default: () => never[];
194
- };
195
- readonly collisionPadding: {
196
- readonly type: PropType<number | Partial<Record<"top" | "right" | "bottom" | "left", number>>>;
197
- readonly required: false;
198
- readonly default: 0;
199
- };
200
- readonly arrowPadding: {
201
- readonly type: PropType<number>;
202
- readonly required: false;
203
- readonly default: 0;
204
- };
205
- readonly sticky: {
206
- readonly type: PropType<"partial" | "always">;
207
- readonly required: false;
208
- readonly default: "partial";
209
- };
210
- readonly hideWhenDetached: {
211
- readonly type: PropType<boolean>;
212
- readonly required: false;
213
- readonly default: false;
214
- };
215
- readonly updatePositionStrategy: {
216
- readonly type: PropType<"optimized" | "always">;
217
- readonly required: false;
218
- readonly default: "optimized";
219
- };
220
- readonly prioritizePosition: {
221
- readonly type: PropType<boolean>;
222
- readonly required: false;
223
- readonly default: false;
224
- };
225
- readonly as: {
226
- readonly type: PropType<vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions, {}, any> | _destyler_primitive.AsTag>;
227
- readonly required: false;
228
- readonly default: "div";
229
- };
230
- readonly asChild: {
231
- readonly type: PropType<boolean>;
232
- readonly required: false;
233
- readonly default: false;
234
- };
235
- readonly disableOutsidePointerEvents: {
236
- readonly type: PropType<boolean>;
237
- readonly required: false;
238
- readonly default: false;
239
- };
240
- readonly isDismissable: {
241
- readonly type: PropType<boolean>;
242
- readonly required: false;
243
- readonly default: true;
244
- };
245
- }, {
246
- rootContext: ComboboxRootContext<AcceptableValue>;
247
- popperStyle: {
248
- boxSizing: string;
249
- '--destyler-combobox-content-transform-origin': string;
250
- '--destyler-combobox-content-available-width': string;
251
- '--destyler-combobox-content-available-height': string;
252
- '--destyler-combobox-trigger-width': string;
253
- '--destyler-combobox-trigger-height': string;
254
- };
255
- forwardedProps: vue.ComputedRef<{}>;
256
- pickedProps: vue.ComputedRef<{}>;
257
- forwardRef: (ref: Element | vue.ComponentPublicInstance | null) => void;
258
- handleLeave: () => void;
259
- }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
260
- escapeKeyDown: (_event: KeyboardEvent) => boolean;
261
- pointerDownOutside: (_event: CustomEvent<{
262
- originalEvent: PointerEvent;
263
- }>) => boolean;
264
- focusOutside: (_event: CustomEvent<{
265
- originalEvent: FocusEvent;
266
- }>) => boolean;
267
- interactOutside: (_event: CustomEvent<{
268
- originalEvent: PointerEvent;
269
- }> | CustomEvent<{
270
- originalEvent: FocusEvent;
271
- }>) => boolean;
272
- }, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
273
- /**
274
- * The positioning mode to use, <br>
275
- * `inline` is the default and you can control the position using CSS. <br>
276
- * `popper` positions content in the same way as our other primitives, for example `Popover` or `DropdownMenu`.
277
- *
278
- * @default inline
279
- */
280
- readonly position: {
281
- readonly type: PropType<"inline" | "popper">;
282
- readonly required: false;
283
- readonly default: "inline";
284
- };
285
- /**
286
- * The document.body will be lock, and scrolling will be disabled.
287
- */
288
- readonly bodyLock: {
289
- readonly type: PropType<boolean>;
290
- readonly required: false;
291
- };
292
- /**
293
- * Allow component to be dismissableLayer.
294
- *
295
- * @default true
296
- */
297
- readonly dismissable: {
298
- readonly type: PropType<boolean>;
299
- readonly required: false;
300
- readonly default: true;
301
- };
302
- readonly side: {
303
- readonly type: PropType<"top" | "right" | "bottom" | "left">;
304
- readonly required: false;
305
- readonly default: "bottom";
306
- };
307
- readonly sideOffset: {
308
- readonly type: PropType<number>;
309
- readonly required: false;
310
- readonly default: 0;
311
- };
312
- readonly align: {
313
- readonly type: PropType<"end" | "center" | "start">;
314
- readonly required: false;
315
- readonly default: "center";
316
- };
317
- readonly alignOffset: {
318
- readonly type: PropType<number>;
319
- readonly required: false;
320
- readonly default: 0;
321
- };
322
- readonly avoidCollisions: {
323
- readonly type: PropType<boolean>;
324
- readonly required: false;
325
- readonly default: true;
326
- };
327
- readonly collisionBoundary: {
328
- readonly type: PropType<Element | (Element | null)[] | null>;
329
- readonly required: false;
330
- readonly default: () => never[];
331
- };
332
- readonly collisionPadding: {
333
- readonly type: PropType<number | Partial<Record<"top" | "right" | "bottom" | "left", number>>>;
334
- readonly required: false;
335
- readonly default: 0;
336
- };
337
- readonly arrowPadding: {
338
- readonly type: PropType<number>;
339
- readonly required: false;
340
- readonly default: 0;
341
- };
342
- readonly sticky: {
343
- readonly type: PropType<"partial" | "always">;
344
- readonly required: false;
345
- readonly default: "partial";
346
- };
347
- readonly hideWhenDetached: {
348
- readonly type: PropType<boolean>;
349
- readonly required: false;
350
- readonly default: false;
351
- };
352
- readonly updatePositionStrategy: {
353
- readonly type: PropType<"optimized" | "always">;
354
- readonly required: false;
355
- readonly default: "optimized";
356
- };
357
- readonly prioritizePosition: {
358
- readonly type: PropType<boolean>;
359
- readonly required: false;
360
- readonly default: false;
361
- };
362
- readonly as: {
363
- readonly type: PropType<vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions, {}, any> | _destyler_primitive.AsTag>;
364
- readonly required: false;
365
- readonly default: "div";
366
- };
367
- readonly asChild: {
368
- readonly type: PropType<boolean>;
369
- readonly required: false;
370
- readonly default: false;
371
- };
372
- readonly disableOutsidePointerEvents: {
373
- readonly type: PropType<boolean>;
374
- readonly required: false;
375
- readonly default: false;
376
- };
377
- readonly isDismissable: {
378
- readonly type: PropType<boolean>;
379
- readonly required: false;
380
- readonly default: true;
381
- };
382
- }>> & {
383
- onEscapeKeyDown?: ((_event: KeyboardEvent) => any) | undefined;
384
- onPointerDownOutside?: ((_event: CustomEvent<{
385
- originalEvent: PointerEvent;
386
- }>) => any) | undefined;
387
- onFocusOutside?: ((_event: CustomEvent<{
388
- originalEvent: FocusEvent;
389
- }>) => any) | undefined;
390
- onInteractOutside?: ((_event: CustomEvent<{
391
- originalEvent: PointerEvent;
392
- }> | CustomEvent<{
393
- originalEvent: FocusEvent;
394
- }>) => any) | undefined;
395
- }, {
396
- readonly as: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions, {}, any> | _destyler_primitive.AsTag;
397
- readonly asChild: boolean;
398
- readonly position: "inline" | "popper";
399
- readonly dismissable: boolean;
400
- readonly side: "top" | "right" | "bottom" | "left";
401
- readonly sideOffset: number;
402
- readonly align: "end" | "center" | "start";
403
- readonly alignOffset: number;
404
- readonly avoidCollisions: boolean;
405
- readonly collisionBoundary: Element | (Element | null)[] | null;
406
- readonly collisionPadding: number | Partial<Record<"top" | "right" | "bottom" | "left", number>>;
407
- readonly arrowPadding: number;
408
- readonly sticky: "partial" | "always";
409
- readonly hideWhenDetached: boolean;
410
- readonly updatePositionStrategy: "optimized" | "always";
411
- readonly prioritizePosition: boolean;
412
- readonly disableOutsidePointerEvents: boolean;
413
- readonly isDismissable: boolean;
414
- }, {}>;
415
-
416
- export { ComboboxContentImpl, type ComboboxContentImplProps, comboboxContentImplEmits, comboboxContentImplProps };