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