@nuxt/ui 2.21.0 → 2.22.0
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 +19 -14
- package/dist/module.d.mts +6 -1
- package/dist/module.json +3 -3
- package/dist/module.mjs +6 -12
- package/dist/runtime/components/data/Table.vue +19 -24
- package/dist/runtime/components/data/Table.vue.d.ts +44 -348
- package/dist/runtime/components/elements/Accordion.vue +4 -4
- package/dist/runtime/components/elements/Accordion.vue.d.ts +16 -16
- package/dist/runtime/components/elements/Alert.vue +7 -7
- package/dist/runtime/components/elements/Alert.vue.d.ts +41 -38
- package/dist/runtime/components/elements/Avatar.vue.d.ts +2 -2
- package/dist/runtime/components/elements/Badge.vue.d.ts +2 -2
- package/dist/runtime/components/elements/Button.vue.d.ts +6 -6
- package/dist/runtime/components/elements/Carousel.vue +3 -3
- package/dist/runtime/components/elements/Carousel.vue.d.ts +22 -22
- package/dist/runtime/components/elements/Chip.vue.d.ts +1 -1
- package/dist/runtime/components/elements/Dropdown.vue +1 -1
- package/dist/runtime/components/elements/Dropdown.vue.d.ts +19 -19
- package/dist/runtime/components/elements/Kbd.vue.d.ts +1 -1
- package/dist/runtime/components/elements/Link.vue +13 -11
- package/dist/runtime/components/elements/Link.vue.d.ts +2 -2
- package/dist/runtime/components/elements/Meter.vue +1 -1
- package/dist/runtime/components/elements/Meter.vue.d.ts +3 -3
- package/dist/runtime/components/elements/Progress.vue +1 -1
- package/dist/runtime/components/elements/Progress.vue.d.ts +5 -5
- package/dist/runtime/components/forms/Checkbox.vue.d.ts +3 -3
- package/dist/runtime/components/forms/Form.vue +8 -30
- package/dist/runtime/components/forms/Form.vue.d.ts +7 -8
- package/dist/runtime/components/forms/FormGroup.vue.d.ts +2 -2
- package/dist/runtime/components/forms/Input.vue +3 -3
- package/dist/runtime/components/forms/Input.vue.d.ts +3 -3
- package/dist/runtime/components/forms/InputMenu.vue +3 -3
- package/dist/runtime/components/forms/InputMenu.vue.d.ts +16 -16
- package/dist/runtime/components/forms/Radio.vue.d.ts +3 -3
- package/dist/runtime/components/forms/RadioGroup.vue.d.ts +6 -6
- package/dist/runtime/components/forms/Range.vue.d.ts +3 -3
- package/dist/runtime/components/forms/Select.vue +2 -2
- package/dist/runtime/components/forms/Select.vue.d.ts +2 -2
- package/dist/runtime/components/forms/SelectMenu.vue +10 -5
- package/dist/runtime/components/forms/SelectMenu.vue.d.ts +25 -16
- package/dist/runtime/components/forms/Textarea.vue.d.ts +3 -3
- package/dist/runtime/components/forms/Toggle.vue.d.ts +2 -2
- package/dist/runtime/components/layout/Card.vue.d.ts +1 -1
- package/dist/runtime/components/layout/Container.vue.d.ts +1 -1
- package/dist/runtime/components/layout/Divider.vue.d.ts +15 -15
- package/dist/runtime/components/layout/Skeleton.vue.d.ts +1 -1
- package/dist/runtime/components/navigation/Breadcrumb.vue +1 -1
- package/dist/runtime/components/navigation/Breadcrumb.vue.d.ts +3 -3
- package/dist/runtime/components/navigation/CommandPalette.vue +1 -1
- package/dist/runtime/components/navigation/CommandPalette.vue.d.ts +33 -33
- package/dist/runtime/components/navigation/CommandPaletteGroup.vue.d.ts +30 -30
- package/dist/runtime/components/navigation/HorizontalNavigation.vue +5 -5
- package/dist/runtime/components/navigation/HorizontalNavigation.vue.d.ts +36 -36
- package/dist/runtime/components/navigation/Pagination.vue +5 -5
- package/dist/runtime/components/navigation/Pagination.vue.d.ts +34 -34
- package/dist/runtime/components/navigation/Tabs.vue.d.ts +1 -1
- package/dist/runtime/components/navigation/VerticalNavigation.vue +5 -5
- package/dist/runtime/components/navigation/VerticalNavigation.vue.d.ts +58 -58
- package/dist/runtime/components/overlays/ContextMenu.vue.d.ts +1 -1
- package/dist/runtime/components/overlays/Modal.vue +6 -6
- package/dist/runtime/components/overlays/Modal.vue.d.ts +3 -3
- package/dist/runtime/components/overlays/Modals.client.vue +5 -7
- package/dist/runtime/components/overlays/Modals.client.vue.d.ts +2 -0
- package/dist/runtime/components/overlays/Notification.vue +6 -6
- package/dist/runtime/components/overlays/Notification.vue.d.ts +45 -42
- package/dist/runtime/components/overlays/Notifications.vue.d.ts +71 -67
- package/dist/runtime/components/overlays/Popover.vue.d.ts +2 -2
- package/dist/runtime/components/overlays/Slideover.vue.d.ts +3 -3
- package/dist/runtime/components/overlays/Slideovers.client.vue +5 -7
- package/dist/runtime/components/overlays/Slideovers.client.vue.d.ts +2 -0
- package/dist/runtime/components/overlays/Tooltip.vue.d.ts +5 -5
- package/dist/runtime/composables/useFormGroup.d.ts +1 -1
- package/dist/runtime/composables/useShortcuts.d.ts +2 -2
- package/dist/runtime/composables/useToast.d.ts +4 -4
- package/dist/runtime/ui.config/elements/alert.d.ts +1 -0
- package/dist/runtime/ui.config/elements/alert.js +1 -0
- package/dist/runtime/ui.config/forms/selectMenu.d.ts +1 -1
- package/dist/runtime/ui.config/overlays/notification.d.ts +1 -0
- package/dist/runtime/ui.config/overlays/notification.js +1 -0
- package/dist/runtime/utils/link.js +4 -2
- package/dist/types.d.mts +3 -1
- package/package.json +64 -38
- package/dist/module.cjs +0 -5
- package/dist/module.d.ts +0 -36
- package/dist/types.d.ts +0 -1
|
@@ -33,13 +33,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
33
33
|
title?: string;
|
|
34
34
|
description?: string;
|
|
35
35
|
icon?: string;
|
|
36
|
-
avatar?: import("../../types/avatar").Avatar;
|
|
37
|
-
closeButton?: import("../../types/button").Button;
|
|
36
|
+
avatar?: import("../../types/avatar.js").Avatar;
|
|
37
|
+
closeButton?: import("../../types/button.js").Button;
|
|
38
38
|
timeout?: number;
|
|
39
|
-
actions?: import("../../types/notification").NotificationAction[];
|
|
39
|
+
actions?: import("../../types/notification.js").NotificationAction[];
|
|
40
40
|
click?: (...args: any[]) => void;
|
|
41
41
|
callback?: (...args: any[]) => void;
|
|
42
|
-
color?: import("../../types/notification").NotificationColor;
|
|
42
|
+
color?: import("../../types/notification.js").NotificationColor;
|
|
43
43
|
ui?: any;
|
|
44
44
|
};
|
|
45
45
|
remove: (id: string) => void;
|
|
@@ -60,7 +60,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
60
60
|
default: () => {};
|
|
61
61
|
};
|
|
62
62
|
}>> & Readonly<{}>, {
|
|
63
|
-
class: any;
|
|
64
63
|
ui: {
|
|
65
64
|
wrapper?: string;
|
|
66
65
|
position?: string;
|
|
@@ -71,6 +70,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
71
70
|
} & {
|
|
72
71
|
strategy?: Strategy;
|
|
73
72
|
};
|
|
73
|
+
class: any;
|
|
74
74
|
}, {}, {
|
|
75
75
|
UNotification: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
76
76
|
id: {
|
|
@@ -90,19 +90,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
90
90
|
default: () => any;
|
|
91
91
|
};
|
|
92
92
|
avatar: {
|
|
93
|
-
type: PropType<import("../../types/avatar").Avatar>;
|
|
93
|
+
type: PropType<import("../../types/avatar.js").Avatar>;
|
|
94
94
|
default: any;
|
|
95
95
|
};
|
|
96
96
|
closeButton: {
|
|
97
|
-
type: PropType<import("../../types/button").Button>;
|
|
98
|
-
default: () => import("../../types/button").Button;
|
|
97
|
+
type: PropType<import("../../types/button.js").Button>;
|
|
98
|
+
default: () => import("../../types/button.js").Button;
|
|
99
99
|
};
|
|
100
100
|
timeout: {
|
|
101
101
|
type: NumberConstructor;
|
|
102
102
|
default: () => number;
|
|
103
103
|
};
|
|
104
104
|
actions: {
|
|
105
|
-
type: PropType<import("../../types/notification").NotificationAction[]>;
|
|
105
|
+
type: PropType<import("../../types/notification.js").NotificationAction[]>;
|
|
106
106
|
default: () => any[];
|
|
107
107
|
};
|
|
108
108
|
callback: {
|
|
@@ -110,7 +110,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
110
110
|
default: any;
|
|
111
111
|
};
|
|
112
112
|
color: {
|
|
113
|
-
type: PropType<import("../../types/notification").NotificationColor>;
|
|
113
|
+
type: PropType<import("../../types/notification.js").NotificationColor>;
|
|
114
114
|
default: () => string;
|
|
115
115
|
validator(value: string): boolean;
|
|
116
116
|
};
|
|
@@ -125,6 +125,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
125
125
|
inner: string;
|
|
126
126
|
title: string;
|
|
127
127
|
description: string;
|
|
128
|
+
descriptionOnly: string;
|
|
128
129
|
actions: string;
|
|
129
130
|
background: string;
|
|
130
131
|
shadow: string;
|
|
@@ -138,7 +139,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
138
139
|
};
|
|
139
140
|
avatar: {
|
|
140
141
|
base: string;
|
|
141
|
-
size: import("../../types/avatar").AvatarSize;
|
|
142
|
+
size: import("../../types/avatar.js").AvatarSize;
|
|
142
143
|
};
|
|
143
144
|
progress: {
|
|
144
145
|
base: string;
|
|
@@ -158,13 +159,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
158
159
|
timeout: number;
|
|
159
160
|
closeButton: {
|
|
160
161
|
icon: string;
|
|
161
|
-
color: import("../../types/button").ButtonColor;
|
|
162
|
-
variant: import("../../types/button").ButtonVariant;
|
|
162
|
+
color: import("../../types/button.js").ButtonColor;
|
|
163
|
+
variant: import("../../types/button.js").ButtonVariant;
|
|
163
164
|
padded: boolean;
|
|
164
165
|
};
|
|
165
166
|
actionButton: {
|
|
166
|
-
size: import("../../types/button").ButtonSize;
|
|
167
|
-
color: import("../../types/button").ButtonColor;
|
|
167
|
+
size: import("../../types/button.js").ButtonSize;
|
|
168
|
+
color: import("../../types/button.js").ButtonColor;
|
|
168
169
|
};
|
|
169
170
|
};
|
|
170
171
|
}> & {
|
|
@@ -183,6 +184,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
183
184
|
inner: string;
|
|
184
185
|
title: string;
|
|
185
186
|
description: string;
|
|
187
|
+
descriptionOnly: string;
|
|
186
188
|
actions: string;
|
|
187
189
|
background: string;
|
|
188
190
|
shadow: string;
|
|
@@ -196,7 +198,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
196
198
|
};
|
|
197
199
|
avatar: {
|
|
198
200
|
base: string;
|
|
199
|
-
size: import("../../types/avatar").AvatarSize;
|
|
201
|
+
size: import("../../types/avatar.js").AvatarSize;
|
|
200
202
|
};
|
|
201
203
|
progress: {
|
|
202
204
|
base: string;
|
|
@@ -216,13 +218,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
216
218
|
timeout: number;
|
|
217
219
|
closeButton: {
|
|
218
220
|
icon: string;
|
|
219
|
-
color: import("../../types/button").ButtonColor;
|
|
220
|
-
variant: import("../../types/button").ButtonVariant;
|
|
221
|
+
color: import("../../types/button.js").ButtonColor;
|
|
222
|
+
variant: import("../../types/button.js").ButtonVariant;
|
|
221
223
|
padded: boolean;
|
|
222
224
|
};
|
|
223
225
|
actionButton: {
|
|
224
|
-
size: import("../../types/button").ButtonSize;
|
|
225
|
-
color: import("../../types/button").ButtonColor;
|
|
226
|
+
size: import("../../types/button.js").ButtonSize;
|
|
227
|
+
color: import("../../types/button.js").ButtonColor;
|
|
226
228
|
};
|
|
227
229
|
};
|
|
228
230
|
}>;
|
|
@@ -238,7 +240,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
238
240
|
onMouseover: () => void;
|
|
239
241
|
onMouseleave: () => void;
|
|
240
242
|
onClose: () => void;
|
|
241
|
-
onAction: (action: import("../../types/notification").NotificationAction) => void;
|
|
243
|
+
onAction: (action: import("../../types/notification.js").NotificationAction) => void;
|
|
242
244
|
twMerge: (...classLists: import("tailwind-merge").ClassNameValue[]) => string;
|
|
243
245
|
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "close"[], "close", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
244
246
|
id: {
|
|
@@ -258,19 +260,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
258
260
|
default: () => any;
|
|
259
261
|
};
|
|
260
262
|
avatar: {
|
|
261
|
-
type: PropType<import("../../types/avatar").Avatar>;
|
|
263
|
+
type: PropType<import("../../types/avatar.js").Avatar>;
|
|
262
264
|
default: any;
|
|
263
265
|
};
|
|
264
266
|
closeButton: {
|
|
265
|
-
type: PropType<import("../../types/button").Button>;
|
|
266
|
-
default: () => import("../../types/button").Button;
|
|
267
|
+
type: PropType<import("../../types/button.js").Button>;
|
|
268
|
+
default: () => import("../../types/button.js").Button;
|
|
267
269
|
};
|
|
268
270
|
timeout: {
|
|
269
271
|
type: NumberConstructor;
|
|
270
272
|
default: () => number;
|
|
271
273
|
};
|
|
272
274
|
actions: {
|
|
273
|
-
type: PropType<import("../../types/notification").NotificationAction[]>;
|
|
275
|
+
type: PropType<import("../../types/notification.js").NotificationAction[]>;
|
|
274
276
|
default: () => any[];
|
|
275
277
|
};
|
|
276
278
|
callback: {
|
|
@@ -278,7 +280,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
278
280
|
default: any;
|
|
279
281
|
};
|
|
280
282
|
color: {
|
|
281
|
-
type: PropType<import("../../types/notification").NotificationColor>;
|
|
283
|
+
type: PropType<import("../../types/notification.js").NotificationColor>;
|
|
282
284
|
default: () => string;
|
|
283
285
|
validator(value: string): boolean;
|
|
284
286
|
};
|
|
@@ -293,6 +295,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
293
295
|
inner: string;
|
|
294
296
|
title: string;
|
|
295
297
|
description: string;
|
|
298
|
+
descriptionOnly: string;
|
|
296
299
|
actions: string;
|
|
297
300
|
background: string;
|
|
298
301
|
shadow: string;
|
|
@@ -306,7 +309,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
306
309
|
};
|
|
307
310
|
avatar: {
|
|
308
311
|
base: string;
|
|
309
|
-
size: import("../../types/avatar").AvatarSize;
|
|
312
|
+
size: import("../../types/avatar.js").AvatarSize;
|
|
310
313
|
};
|
|
311
314
|
progress: {
|
|
312
315
|
base: string;
|
|
@@ -326,13 +329,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
326
329
|
timeout: number;
|
|
327
330
|
closeButton: {
|
|
328
331
|
icon: string;
|
|
329
|
-
color: import("../../types/button").ButtonColor;
|
|
330
|
-
variant: import("../../types/button").ButtonVariant;
|
|
332
|
+
color: import("../../types/button.js").ButtonColor;
|
|
333
|
+
variant: import("../../types/button.js").ButtonVariant;
|
|
331
334
|
padded: boolean;
|
|
332
335
|
};
|
|
333
336
|
actionButton: {
|
|
334
|
-
size: import("../../types/button").ButtonSize;
|
|
335
|
-
color: import("../../types/button").ButtonColor;
|
|
337
|
+
size: import("../../types/button.js").ButtonSize;
|
|
338
|
+
color: import("../../types/button.js").ButtonColor;
|
|
336
339
|
};
|
|
337
340
|
};
|
|
338
341
|
}> & {
|
|
@@ -347,14 +350,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
347
350
|
}>> & Readonly<{
|
|
348
351
|
onClose?: (...args: any[]) => any;
|
|
349
352
|
}>, {
|
|
350
|
-
class: any;
|
|
351
|
-
timeout: number;
|
|
352
353
|
ui: {
|
|
353
354
|
wrapper?: string;
|
|
354
355
|
container?: string;
|
|
355
356
|
inner?: string;
|
|
356
357
|
title?: string;
|
|
357
358
|
description?: string;
|
|
359
|
+
descriptionOnly?: string;
|
|
358
360
|
actions?: string;
|
|
359
361
|
background?: string;
|
|
360
362
|
shadow?: string;
|
|
@@ -368,7 +370,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
368
370
|
}, any>;
|
|
369
371
|
avatar?: DeepPartial<{
|
|
370
372
|
base: string;
|
|
371
|
-
size: import("../../types/avatar").AvatarSize;
|
|
373
|
+
size: import("../../types/avatar.js").AvatarSize;
|
|
372
374
|
}, any>;
|
|
373
375
|
progress?: DeepPartial<{
|
|
374
376
|
base: string;
|
|
@@ -388,13 +390,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
388
390
|
timeout: number;
|
|
389
391
|
closeButton: {
|
|
390
392
|
icon: string;
|
|
391
|
-
color: import("../../types/button").ButtonColor;
|
|
392
|
-
variant: import("../../types/button").ButtonVariant;
|
|
393
|
+
color: import("../../types/button.js").ButtonColor;
|
|
394
|
+
variant: import("../../types/button.js").ButtonVariant;
|
|
393
395
|
padded: boolean;
|
|
394
396
|
};
|
|
395
397
|
actionButton: {
|
|
396
|
-
size: import("../../types/button").ButtonSize;
|
|
397
|
-
color: import("../../types/button").ButtonColor;
|
|
398
|
+
size: import("../../types/button.js").ButtonSize;
|
|
399
|
+
color: import("../../types/button.js").ButtonColor;
|
|
398
400
|
};
|
|
399
401
|
}, any>;
|
|
400
402
|
} & {
|
|
@@ -402,14 +404,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
402
404
|
} & {
|
|
403
405
|
strategy?: Strategy;
|
|
404
406
|
};
|
|
405
|
-
color: import("../../types/notification").NotificationColor;
|
|
406
|
-
avatar: import("../../types/avatar").Avatar;
|
|
407
|
+
color: import("../../types/notification.js").NotificationColor;
|
|
408
|
+
avatar: import("../../types/avatar.js").Avatar;
|
|
407
409
|
title: string;
|
|
408
410
|
description: string;
|
|
409
411
|
icon: string;
|
|
410
|
-
closeButton: import("../../types/button").Button;
|
|
411
|
-
|
|
412
|
+
closeButton: import("../../types/button.js").Button;
|
|
413
|
+
timeout: number;
|
|
414
|
+
actions: import("../../types/notification.js").NotificationAction[];
|
|
412
415
|
callback: Function;
|
|
416
|
+
class: any;
|
|
413
417
|
pauseTimeoutOnHover: boolean;
|
|
414
418
|
}, {}, {
|
|
415
419
|
UIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
@@ -479,17 +483,17 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
479
483
|
default: () => any;
|
|
480
484
|
};
|
|
481
485
|
size: {
|
|
482
|
-
type: PropType<import("../../types/avatar").AvatarSize>;
|
|
486
|
+
type: PropType<import("../../types/avatar.js").AvatarSize>;
|
|
483
487
|
default: () => string;
|
|
484
488
|
validator(value: string): boolean;
|
|
485
489
|
};
|
|
486
490
|
chipColor: {
|
|
487
|
-
type: PropType<import("../../types/avatar").AvatarChipColor>;
|
|
491
|
+
type: PropType<import("../../types/avatar.js").AvatarChipColor>;
|
|
488
492
|
default: () => any;
|
|
489
493
|
validator(value: string): boolean;
|
|
490
494
|
};
|
|
491
495
|
chipPosition: {
|
|
492
|
-
type: PropType<import("../../types/avatar").AvatarChipPosition>;
|
|
496
|
+
type: PropType<import("../../types/avatar.js").AvatarChipPosition>;
|
|
493
497
|
default: () => string;
|
|
494
498
|
validator(value: string): boolean;
|
|
495
499
|
};
|
|
@@ -662,17 +666,17 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
662
666
|
default: () => any;
|
|
663
667
|
};
|
|
664
668
|
size: {
|
|
665
|
-
type: PropType<import("../../types/avatar").AvatarSize>;
|
|
669
|
+
type: PropType<import("../../types/avatar.js").AvatarSize>;
|
|
666
670
|
default: () => string;
|
|
667
671
|
validator(value: string): boolean;
|
|
668
672
|
};
|
|
669
673
|
chipColor: {
|
|
670
|
-
type: PropType<import("../../types/avatar").AvatarChipColor>;
|
|
674
|
+
type: PropType<import("../../types/avatar.js").AvatarChipColor>;
|
|
671
675
|
default: () => any;
|
|
672
676
|
validator(value: string): boolean;
|
|
673
677
|
};
|
|
674
678
|
chipPosition: {
|
|
675
|
-
type: PropType<import("../../types/avatar").AvatarChipPosition>;
|
|
679
|
+
type: PropType<import("../../types/avatar.js").AvatarChipPosition>;
|
|
676
680
|
default: () => string;
|
|
677
681
|
validator(value: string): boolean;
|
|
678
682
|
};
|
|
@@ -753,8 +757,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
753
757
|
default: () => {};
|
|
754
758
|
};
|
|
755
759
|
}>> & Readonly<{}>, {
|
|
756
|
-
size: import("../../types/avatar").AvatarSize;
|
|
757
|
-
class: any;
|
|
760
|
+
size: import("../../types/avatar.js").AvatarSize;
|
|
758
761
|
ui: {
|
|
759
762
|
wrapper?: string;
|
|
760
763
|
background?: string;
|
|
@@ -819,11 +822,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
819
822
|
strategy?: Strategy;
|
|
820
823
|
};
|
|
821
824
|
as: string | Record<string, any>;
|
|
822
|
-
text: string;
|
|
823
825
|
alt: string;
|
|
824
826
|
icon: string;
|
|
827
|
+
class: any;
|
|
828
|
+
text: string;
|
|
825
829
|
src: string | boolean;
|
|
826
|
-
chipColor: import("../../types/avatar").AvatarChipColor;
|
|
830
|
+
chipColor: import("../../types/avatar.js").AvatarChipColor;
|
|
827
831
|
chipPosition: "top-right" | "bottom-right" | "top-left" | "bottom-left";
|
|
828
832
|
chipText: string | number;
|
|
829
833
|
imgClass: string;
|
|
@@ -900,17 +904,17 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
900
904
|
default: boolean;
|
|
901
905
|
};
|
|
902
906
|
size: {
|
|
903
|
-
type: PropType<import("../../types/button").ButtonSize>;
|
|
907
|
+
type: PropType<import("../../types/button.js").ButtonSize>;
|
|
904
908
|
default: () => string;
|
|
905
909
|
validator(value: string): boolean;
|
|
906
910
|
};
|
|
907
911
|
color: {
|
|
908
|
-
type: PropType<import("../../types/button").ButtonColor>;
|
|
912
|
+
type: PropType<import("../../types/button.js").ButtonColor>;
|
|
909
913
|
default: () => string;
|
|
910
914
|
validator(value: string): boolean;
|
|
911
915
|
};
|
|
912
916
|
variant: {
|
|
913
|
-
type: PropType<import("../../types/button").ButtonVariant>;
|
|
917
|
+
type: PropType<import("../../types/button.js").ButtonVariant>;
|
|
914
918
|
default: () => string;
|
|
915
919
|
validator(value: string): boolean;
|
|
916
920
|
};
|
|
@@ -1219,17 +1223,17 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
1219
1223
|
default: boolean;
|
|
1220
1224
|
};
|
|
1221
1225
|
size: {
|
|
1222
|
-
type: PropType<import("../../types/button").ButtonSize>;
|
|
1226
|
+
type: PropType<import("../../types/button.js").ButtonSize>;
|
|
1223
1227
|
default: () => string;
|
|
1224
1228
|
validator(value: string): boolean;
|
|
1225
1229
|
};
|
|
1226
1230
|
color: {
|
|
1227
|
-
type: PropType<import("../../types/button").ButtonColor>;
|
|
1231
|
+
type: PropType<import("../../types/button.js").ButtonColor>;
|
|
1228
1232
|
default: () => string;
|
|
1229
1233
|
validator(value: string): boolean;
|
|
1230
1234
|
};
|
|
1231
1235
|
variant: {
|
|
1232
|
-
type: PropType<import("../../types/button").ButtonVariant>;
|
|
1236
|
+
type: PropType<import("../../types/button.js").ButtonVariant>;
|
|
1233
1237
|
default: () => string;
|
|
1234
1238
|
validator(value: string): boolean;
|
|
1235
1239
|
};
|
|
@@ -1421,10 +1425,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
1421
1425
|
};
|
|
1422
1426
|
}>> & Readonly<{}>, {
|
|
1423
1427
|
type: string;
|
|
1424
|
-
size: import("../../types/button").ButtonSize;
|
|
1425
|
-
class: any;
|
|
1426
|
-
to: string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric;
|
|
1427
|
-
disabled: boolean;
|
|
1428
|
+
size: import("../../types/button.js").ButtonSize;
|
|
1428
1429
|
ui: {
|
|
1429
1430
|
base?: string;
|
|
1430
1431
|
font?: string;
|
|
@@ -1509,10 +1510,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
1509
1510
|
} & {
|
|
1510
1511
|
strategy?: Strategy;
|
|
1511
1512
|
};
|
|
1512
|
-
color: import("../../types/button").ButtonColor;
|
|
1513
|
-
variant: import("../../types/button").ButtonVariant;
|
|
1513
|
+
color: import("../../types/button.js").ButtonColor;
|
|
1514
|
+
variant: import("../../types/button.js").ButtonVariant;
|
|
1514
1515
|
truncate: boolean;
|
|
1515
1516
|
target: "_blank" | "_parent" | "_self" | "_top" | (string & {});
|
|
1517
|
+
to: string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric;
|
|
1516
1518
|
activeClass: string;
|
|
1517
1519
|
exactActiveClass: string;
|
|
1518
1520
|
ariaCurrentValue: "page" | "step" | "location" | "date" | "time" | "true" | "false";
|
|
@@ -1523,12 +1525,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
1523
1525
|
prefetchedClass: string;
|
|
1524
1526
|
external: boolean;
|
|
1525
1527
|
leading: boolean;
|
|
1528
|
+
disabled: boolean;
|
|
1526
1529
|
href: string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric;
|
|
1527
1530
|
rel: any;
|
|
1528
|
-
label: string;
|
|
1529
1531
|
icon: string;
|
|
1532
|
+
class: any;
|
|
1530
1533
|
block: boolean;
|
|
1531
1534
|
square: boolean;
|
|
1535
|
+
label: string;
|
|
1532
1536
|
loading: boolean;
|
|
1533
1537
|
padded: boolean;
|
|
1534
1538
|
loadingIcon: string;
|
|
@@ -1784,9 +1788,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
1784
1788
|
};
|
|
1785
1789
|
}>> & Readonly<{}>, {
|
|
1786
1790
|
type: string;
|
|
1787
|
-
to: string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric;
|
|
1788
|
-
disabled: boolean;
|
|
1789
1791
|
target: "_blank" | "_parent" | "_self" | "_top" | (string & {});
|
|
1792
|
+
to: string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric;
|
|
1790
1793
|
activeClass: string;
|
|
1791
1794
|
exactActiveClass: string;
|
|
1792
1795
|
ariaCurrentValue: "page" | "step" | "location" | "date" | "time" | "true" | "false";
|
|
@@ -1797,6 +1800,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
1797
1800
|
prefetchedClass: string;
|
|
1798
1801
|
external: boolean;
|
|
1799
1802
|
as: string;
|
|
1803
|
+
disabled: boolean;
|
|
1800
1804
|
active: boolean;
|
|
1801
1805
|
exact: boolean;
|
|
1802
1806
|
exactQuery: boolean | "partial";
|
|
@@ -208,8 +208,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
208
208
|
"onUpdate:open"?: (...args: any[]) => any;
|
|
209
209
|
}>, {
|
|
210
210
|
mode: "click" | "hover";
|
|
211
|
-
class: any;
|
|
212
|
-
disabled: boolean;
|
|
213
211
|
ui: {
|
|
214
212
|
wrapper?: string;
|
|
215
213
|
container?: string;
|
|
@@ -261,7 +259,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
261
259
|
strategy?: Strategy;
|
|
262
260
|
};
|
|
263
261
|
popper: PopperOptions;
|
|
262
|
+
disabled: boolean;
|
|
264
263
|
overlay: boolean;
|
|
264
|
+
class: any;
|
|
265
265
|
open: boolean;
|
|
266
266
|
openDelay: number;
|
|
267
267
|
closeDelay: number;
|
|
@@ -162,9 +162,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
162
162
|
"onClose-prevented"?: (...args: any[]) => any;
|
|
163
163
|
"onAfter-leave"?: (...args: any[]) => any;
|
|
164
164
|
}>, {
|
|
165
|
-
class: any;
|
|
166
|
-
appear: boolean;
|
|
167
|
-
transition: boolean;
|
|
168
165
|
ui: {
|
|
169
166
|
wrapper?: string;
|
|
170
167
|
overlay?: DeepPartial<{
|
|
@@ -203,8 +200,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
203
200
|
} & {
|
|
204
201
|
strategy?: Strategy;
|
|
205
202
|
};
|
|
203
|
+
transition: boolean;
|
|
204
|
+
appear: boolean;
|
|
206
205
|
overlay: boolean;
|
|
207
206
|
preventClose: boolean;
|
|
207
|
+
class: any;
|
|
208
208
|
side: "bottom" | "left" | "right" | "top";
|
|
209
209
|
modelValue: boolean;
|
|
210
210
|
}, {}, {
|
|
@@ -8,11 +8,9 @@
|
|
|
8
8
|
/>
|
|
9
9
|
</template>
|
|
10
10
|
|
|
11
|
-
<script
|
|
12
|
-
import { inject } from
|
|
13
|
-
import { useSlideover, slidOverInjectionKey } from
|
|
14
|
-
|
|
15
|
-
const
|
|
16
|
-
|
|
17
|
-
const { isOpen, reset } = useSlideover()
|
|
11
|
+
<script setup>
|
|
12
|
+
import { inject } from "vue";
|
|
13
|
+
import { useSlideover, slidOverInjectionKey } from "../../composables/useSlideover";
|
|
14
|
+
const slideoverState = inject(slidOverInjectionKey);
|
|
15
|
+
const { isOpen, reset } = useSlideover();
|
|
18
16
|
</script>
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
2
|
+
export default _default;
|
|
@@ -154,7 +154,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
154
154
|
default: () => {};
|
|
155
155
|
};
|
|
156
156
|
}>> & Readonly<{}>, {
|
|
157
|
-
class: any;
|
|
158
157
|
ui: {
|
|
159
158
|
wrapper?: string;
|
|
160
159
|
container?: string;
|
|
@@ -196,6 +195,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
196
195
|
strategy?: Strategy;
|
|
197
196
|
};
|
|
198
197
|
popper: PopperOptions;
|
|
198
|
+
class: any;
|
|
199
199
|
text: string;
|
|
200
200
|
openDelay: number;
|
|
201
201
|
closeDelay: number;
|
|
@@ -208,7 +208,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
208
208
|
default: any;
|
|
209
209
|
};
|
|
210
210
|
size: {
|
|
211
|
-
type: PropType<import("../../types/kbd").KbdSize>;
|
|
211
|
+
type: PropType<import("../../types/kbd.js").KbdSize>;
|
|
212
212
|
default: () => string;
|
|
213
213
|
validator(value: string): boolean;
|
|
214
214
|
};
|
|
@@ -264,7 +264,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
264
264
|
default: any;
|
|
265
265
|
};
|
|
266
266
|
size: {
|
|
267
|
-
type: PropType<import("../../types/kbd").KbdSize>;
|
|
267
|
+
type: PropType<import("../../types/kbd.js").KbdSize>;
|
|
268
268
|
default: () => string;
|
|
269
269
|
validator(value: string): boolean;
|
|
270
270
|
};
|
|
@@ -294,8 +294,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
294
294
|
default: () => {};
|
|
295
295
|
};
|
|
296
296
|
}>> & Readonly<{}>, {
|
|
297
|
-
size: import("../../types/kbd").KbdSize;
|
|
298
|
-
class: any;
|
|
297
|
+
size: import("../../types/kbd.js").KbdSize;
|
|
299
298
|
ui: {
|
|
300
299
|
base?: string;
|
|
301
300
|
padding?: string;
|
|
@@ -316,6 +315,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
316
315
|
} & {
|
|
317
316
|
strategy?: Strategy;
|
|
318
317
|
};
|
|
318
|
+
class: any;
|
|
319
319
|
value: string;
|
|
320
320
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
321
321
|
}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
@@ -12,7 +12,7 @@ export declare const useFormGroup: (inputProps?: InputProps, config?: any, bind?
|
|
|
12
12
|
size: import("vue").ComputedRef<any>;
|
|
13
13
|
color: import("vue").ComputedRef<string>;
|
|
14
14
|
emitFormBlur: () => void;
|
|
15
|
-
emitFormInput: import("@vueuse/
|
|
15
|
+
emitFormInput: import("@vueuse/core").UseDebounceFnReturn<() => void>;
|
|
16
16
|
emitFormChange: () => void;
|
|
17
17
|
};
|
|
18
18
|
export {};
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
export declare const _useShortcuts: () => {
|
|
2
2
|
macOS: import("vue").ComputedRef<RegExpMatchArray>;
|
|
3
3
|
metaSymbol: import("vue").Ref<string, string>;
|
|
4
|
-
activeElement: import("vue").
|
|
4
|
+
activeElement: import("vue").ShallowRef<HTMLElement, HTMLElement>;
|
|
5
5
|
usingInput: import("vue").ComputedRef<string | boolean>;
|
|
6
6
|
};
|
|
7
7
|
export declare const useShortcuts: () => {
|
|
8
8
|
macOS: import("vue").ComputedRef<RegExpMatchArray>;
|
|
9
9
|
metaSymbol: import("vue").Ref<string, string>;
|
|
10
|
-
activeElement: import("vue").
|
|
10
|
+
activeElement: import("vue").ShallowRef<HTMLElement, HTMLElement>;
|
|
11
11
|
usingInput: import("vue").ComputedRef<string | boolean>;
|
|
12
12
|
};
|
|
@@ -5,13 +5,13 @@ export declare function useToast(): {
|
|
|
5
5
|
title?: string;
|
|
6
6
|
description?: string;
|
|
7
7
|
icon?: string;
|
|
8
|
-
avatar?: import("../types").Avatar;
|
|
9
|
-
closeButton?: import("../types").Button;
|
|
8
|
+
avatar?: import("../types/index.js").Avatar;
|
|
9
|
+
closeButton?: import("../types/index.js").Button;
|
|
10
10
|
timeout?: number;
|
|
11
|
-
actions?: import("../types").NotificationAction[];
|
|
11
|
+
actions?: import("../types/index.js").NotificationAction[];
|
|
12
12
|
click?: (...args: any[]) => void;
|
|
13
13
|
callback?: (...args: any[]) => void;
|
|
14
|
-
color?: import("../types").NotificationColor;
|
|
14
|
+
color?: import("../types/index.js").NotificationColor;
|
|
15
15
|
ui?: any;
|
|
16
16
|
};
|
|
17
17
|
remove: (id: string) => void;
|
|
@@ -4,6 +4,7 @@ export default {
|
|
|
4
4
|
inner: "w-0 flex-1",
|
|
5
5
|
title: "text-sm font-medium text-gray-900 dark:text-white",
|
|
6
6
|
description: "mt-1 text-sm leading-4 text-gray-500 dark:text-gray-400",
|
|
7
|
+
descriptionOnly: "mt-0 leading-5",
|
|
7
8
|
actions: "flex items-center gap-2 mt-3 flex-shrink-0",
|
|
8
9
|
background: "bg-white dark:bg-gray-900",
|
|
9
10
|
shadow: "shadow-lg",
|