@nuxt/ui 3.3.4 → 3.3.6
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/.nuxt/ui/drawer.ts +23 -0
- package/.nuxt/ui/progress.ts +3 -3
- package/README.md +10 -10
- package/dist/module.d.mts +6 -6
- package/dist/module.json +2 -2
- package/dist/module.mjs +3 -3
- package/dist/runtime/components/Accordion.d.vue.ts +78 -0
- package/dist/runtime/components/Accordion.vue.d.ts +6 -5
- package/dist/runtime/components/Alert.d.vue.ts +82 -0
- package/dist/runtime/components/Alert.vue.d.ts +2 -1
- package/dist/runtime/components/App.d.vue.ts +25 -0
- package/dist/runtime/components/App.vue +1 -1
- package/dist/runtime/components/App.vue.d.ts +5 -4
- package/dist/runtime/components/Avatar.d.vue.ts +42 -0
- package/dist/runtime/components/Avatar.vue.d.ts +2 -1
- package/dist/runtime/components/AvatarGroup.d.vue.ts +32 -0
- package/dist/runtime/components/AvatarGroup.vue.d.ts +2 -1
- package/dist/runtime/components/Badge.d.vue.ts +44 -0
- package/dist/runtime/components/Badge.vue.d.ts +2 -1
- package/dist/runtime/components/Breadcrumb.d.vue.ts +67 -0
- package/dist/runtime/components/Breadcrumb.vue.d.ts +4 -3
- package/dist/runtime/components/Button.d.vue.ts +45 -0
- package/dist/runtime/components/Button.vue.d.ts +2 -1
- package/dist/runtime/components/ButtonGroup.d.vue.ts +35 -0
- package/dist/runtime/components/ButtonGroup.vue.d.ts +2 -1
- package/dist/runtime/components/Calendar.d.vue.ts +113 -0
- package/dist/runtime/components/Calendar.vue.d.ts +9 -8
- package/dist/runtime/components/Card.d.vue.ts +30 -0
- package/dist/runtime/components/Card.vue.d.ts +2 -1
- package/dist/runtime/components/Carousel.d.vue.ts +128 -0
- package/dist/runtime/components/Carousel.vue +32 -12
- package/dist/runtime/components/Carousel.vue.d.ts +7 -6
- package/dist/runtime/components/Checkbox.d.vue.ts +74 -0
- package/dist/runtime/components/Checkbox.vue.d.ts +2 -1
- package/dist/runtime/components/CheckboxGroup.d.vue.ts +85 -0
- package/dist/runtime/components/CheckboxGroup.vue.d.ts +7 -6
- package/dist/runtime/components/Chip.d.vue.ts +58 -0
- package/dist/runtime/components/Chip.vue.d.ts +2 -1
- package/dist/runtime/components/Collapsible.d.vue.ts +36 -0
- package/dist/runtime/components/Collapsible.vue.d.ts +2 -1
- package/dist/runtime/components/ColorPicker.d.vue.ts +49 -0
- package/dist/runtime/components/ColorPicker.vue.d.ts +2 -1
- package/dist/runtime/components/CommandPalette.d.vue.ts +193 -0
- package/dist/runtime/components/CommandPalette.vue.d.ts +13 -12
- package/dist/runtime/components/Container.d.vue.ts +19 -0
- package/dist/runtime/components/Container.vue.d.ts +2 -1
- package/dist/runtime/components/ContextMenu.d.vue.ts +110 -0
- package/dist/runtime/components/ContextMenu.vue.d.ts +6 -5
- package/dist/runtime/components/ContextMenuContent.d.vue.ts +50 -0
- package/dist/runtime/components/ContextMenuContent.vue.d.ts +10 -9
- package/dist/runtime/components/Drawer.d.vue.ts +87 -0
- package/dist/runtime/components/Drawer.vue +19 -5
- package/dist/runtime/components/Drawer.vue.d.ts +5 -1
- package/dist/runtime/components/DropdownMenu.d.vue.ts +120 -0
- package/dist/runtime/components/DropdownMenu.vue.d.ts +6 -5
- package/dist/runtime/components/DropdownMenuContent.d.vue.ts +56 -0
- package/dist/runtime/components/DropdownMenuContent.vue.d.ts +10 -9
- package/dist/runtime/components/FileUpload.d.vue.ts +167 -0
- package/dist/runtime/components/FileUpload.vue.d.ts +9 -8
- package/dist/runtime/components/Form.d.vue.ts +72 -0
- package/dist/runtime/components/Form.vue.d.ts +7 -6
- package/dist/runtime/components/FormField.d.vue.ts +62 -0
- package/dist/runtime/components/FormField.vue.d.ts +2 -1
- package/dist/runtime/components/Icon.d.vue.ts +9 -0
- package/dist/runtime/components/Icon.vue.d.ts +2 -1
- package/dist/runtime/components/Input.d.vue.ts +78 -0
- package/dist/runtime/components/Input.vue.d.ts +9 -8
- package/dist/runtime/components/InputMenu.d.vue.ts +330 -0
- package/dist/runtime/components/InputMenu.vue +1 -1
- package/dist/runtime/components/InputMenu.vue.d.ts +19 -24
- package/dist/runtime/components/InputNumber.d.vue.ts +187 -0
- package/dist/runtime/components/InputNumber.vue.d.ts +2 -1
- package/dist/runtime/components/InputTags.d.vue.ts +186 -0
- package/dist/runtime/components/InputTags.vue +2 -2
- package/dist/runtime/components/InputTags.vue.d.ts +13 -12
- package/dist/runtime/components/Kbd.d.vue.ts +39 -0
- package/dist/runtime/components/Kbd.vue.d.ts +2 -1
- package/dist/runtime/components/Link.d.vue.ts +92 -0
- package/dist/runtime/components/Link.vue.d.ts +2 -1
- package/dist/runtime/components/LinkBase.d.vue.ts +26 -0
- package/dist/runtime/components/LinkBase.vue.d.ts +2 -1
- package/dist/runtime/components/Modal.d.vue.ts +107 -0
- package/dist/runtime/components/Modal.vue.d.ts +4 -3
- package/dist/runtime/components/NavigationMenu.d.vue.ts +171 -0
- package/dist/runtime/components/NavigationMenu.vue.d.ts +6 -5
- package/dist/runtime/components/OverlayProvider.d.vue.ts +3 -0
- package/dist/runtime/components/OverlayProvider.vue.d.ts +2 -1
- package/dist/runtime/components/Pagination.d.vue.ts +119 -0
- package/dist/runtime/components/Pagination.vue +4 -4
- package/dist/runtime/components/Pagination.vue.d.ts +2 -1
- package/dist/runtime/components/PinInput.d.vue.ts +61 -0
- package/dist/runtime/components/PinInput.vue.d.ts +10 -9
- package/dist/runtime/components/Popover.d.vue.ts +71 -0
- package/dist/runtime/components/Popover.vue.d.ts +2 -1
- package/dist/runtime/components/Progress.d.vue.ts +67 -0
- package/dist/runtime/components/Progress.vue +2 -3
- package/dist/runtime/components/Progress.vue.d.ts +2 -1
- package/dist/runtime/components/RadioGroup.d.vue.ts +95 -0
- package/dist/runtime/components/RadioGroup.vue.d.ts +7 -6
- package/dist/runtime/components/Select.d.vue.ts +254 -0
- package/dist/runtime/components/Select.vue.d.ts +11 -10
- package/dist/runtime/components/SelectMenu.d.vue.ts +303 -0
- package/dist/runtime/components/SelectMenu.vue.d.ts +16 -15
- package/dist/runtime/components/Separator.d.vue.ts +55 -0
- package/dist/runtime/components/Separator.vue.d.ts +2 -1
- package/dist/runtime/components/Skeleton.d.vue.ts +18 -0
- package/dist/runtime/components/Skeleton.vue.d.ts +2 -1
- package/dist/runtime/components/Slideover.d.vue.ts +108 -0
- package/dist/runtime/components/Slideover.vue.d.ts +4 -3
- package/dist/runtime/components/Slider.d.vue.ts +58 -0
- package/dist/runtime/components/Slider.vue.d.ts +8 -7
- package/dist/runtime/components/Stepper.d.vue.ts +86 -0
- package/dist/runtime/components/Stepper.vue.d.ts +10 -9
- package/dist/runtime/components/Switch.d.vue.ts +71 -0
- package/dist/runtime/components/Switch.vue.d.ts +2 -1
- package/dist/runtime/components/Table.d.vue.ts +202 -0
- package/dist/runtime/components/Table.vue +19 -1
- package/dist/runtime/components/Table.vue.d.ts +20 -19
- package/dist/runtime/components/Tabs.d.vue.ts +99 -0
- package/dist/runtime/components/Tabs.vue +2 -2
- package/dist/runtime/components/Tabs.vue.d.ts +7 -6
- package/dist/runtime/components/Textarea.d.vue.ts +80 -0
- package/dist/runtime/components/Textarea.vue.d.ts +9 -8
- package/dist/runtime/components/Timeline.d.vue.ts +71 -0
- package/dist/runtime/components/Timeline.vue.d.ts +7 -6
- package/dist/runtime/components/Toast.d.vue.ts +165 -0
- package/dist/runtime/components/Toast.vue.d.ts +2 -1
- package/dist/runtime/components/Toaster.d.vue.ts +45 -0
- package/dist/runtime/components/Toaster.vue.d.ts +2 -1
- package/dist/runtime/components/Tooltip.d.vue.ts +57 -0
- package/dist/runtime/components/Tooltip.vue.d.ts +2 -1
- package/dist/runtime/components/Tree.d.vue.ts +115 -0
- package/dist/runtime/components/Tree.vue.d.ts +7 -6
- package/dist/runtime/composables/useKbd.js +1 -1
- package/dist/runtime/composables/usePortal.d.ts +3 -3
- package/dist/runtime/composables/usePortal.js +5 -10
- package/dist/runtime/inertia/components/Link.d.vue.ts +64 -0
- package/dist/runtime/inertia/components/Link.vue.d.ts +2 -1
- package/dist/runtime/inertia/components/LinkBase.d.vue.ts +26 -0
- package/dist/runtime/inertia/components/LinkBase.vue.d.ts +2 -1
- package/dist/runtime/types/tv.d.ts +9 -2
- package/dist/runtime/vue/components/Icon.d.vue.ts +6 -0
- package/dist/runtime/vue/components/Icon.vue.d.ts +2 -1
- package/dist/runtime/vue/components/Link.d.vue.ts +94 -0
- package/dist/runtime/vue/components/Link.vue.d.ts +2 -1
- package/dist/shared/{ui.BTUFJHYJ.mjs → ui.DBpKc5X3.mjs} +100 -68
- package/dist/unplugin.mjs +1 -1
- package/dist/vite.mjs +1 -1
- package/package.json +18 -18
|
@@ -55,7 +55,7 @@ defineExpose({
|
|
|
55
55
|
v-for="(item, index) of items"
|
|
56
56
|
:key="index"
|
|
57
57
|
:ref="(el) => triggersRef[index] = el"
|
|
58
|
-
:value="item.value
|
|
58
|
+
:value="item.value ?? String(index)"
|
|
59
59
|
:disabled="item.disabled"
|
|
60
60
|
:class="ui.trigger({ class: [props.ui?.trigger, item.ui?.trigger] })"
|
|
61
61
|
>
|
|
@@ -84,7 +84,7 @@ defineExpose({
|
|
|
84
84
|
</TabsList>
|
|
85
85
|
|
|
86
86
|
<template v-if="!!content">
|
|
87
|
-
<TabsContent v-for="(item, index) of items" :key="index" :value="item.value
|
|
87
|
+
<TabsContent v-for="(item, index) of items" :key="index" :value="item.value ?? String(index)" :class="ui.content({ class: [props.ui?.content, item.ui?.content, item.class] })">
|
|
88
88
|
<slot :name="item.slot || 'content'" :item="item" :index="index">
|
|
89
89
|
{{ item.content }}
|
|
90
90
|
</slot>
|
|
@@ -79,19 +79,20 @@ export type TabsSlots<T extends TabsItem = TabsItem> = {
|
|
|
79
79
|
} & DynamicSlots<T, undefined, {
|
|
80
80
|
index: number;
|
|
81
81
|
}>;
|
|
82
|
-
declare const
|
|
83
|
-
props: __VLS_PrettifyLocal<
|
|
84
|
-
|
|
85
|
-
}
|
|
86
|
-
expose(exposed: import("vue").ShallowUnwrapRef<{
|
|
82
|
+
declare const __VLS_export: <T extends TabsItem>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
83
|
+
props: __VLS_PrettifyLocal<TabsProps<T> & {
|
|
84
|
+
"onUpdate:modelValue"?: ((payload: string | number) => any) | undefined;
|
|
85
|
+
}> & import("vue").PublicProps;
|
|
86
|
+
expose: (exposed: import("vue").ShallowUnwrapRef<{
|
|
87
87
|
triggersRef: import("vue").Ref<ComponentPublicInstance[], ComponentPublicInstance[]>;
|
|
88
|
-
}>)
|
|
88
|
+
}>) => void;
|
|
89
89
|
attrs: any;
|
|
90
90
|
slots: TabsSlots<T>;
|
|
91
91
|
emit: (evt: "update:modelValue", payload: string | number) => void;
|
|
92
92
|
}>) => import("vue").VNode & {
|
|
93
93
|
__ctx?: Awaited<typeof __VLS_setup>;
|
|
94
94
|
};
|
|
95
|
+
declare const _default: typeof __VLS_export;
|
|
95
96
|
export default _default;
|
|
96
97
|
type __VLS_PrettifyLocal<T> = {
|
|
97
98
|
[K in keyof T as K]: T[K];
|
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
import type { AppConfig } from '@nuxt/schema';
|
|
2
|
+
import theme from '#build/ui/textarea';
|
|
3
|
+
import type { UseComponentIconsProps } from '../composables/useComponentIcons';
|
|
4
|
+
import type { ComponentConfig } from '../types/utils';
|
|
5
|
+
type Textarea = ComponentConfig<typeof theme, AppConfig, 'textarea'>;
|
|
6
|
+
type TextareaValue = string | number | null;
|
|
7
|
+
export interface TextareaProps<T extends TextareaValue = TextareaValue> extends UseComponentIconsProps {
|
|
8
|
+
/**
|
|
9
|
+
* The element or component this component should render as.
|
|
10
|
+
* @defaultValue 'div'
|
|
11
|
+
*/
|
|
12
|
+
as?: any;
|
|
13
|
+
id?: string;
|
|
14
|
+
name?: string;
|
|
15
|
+
/** The placeholder text when the textarea is empty. */
|
|
16
|
+
placeholder?: string;
|
|
17
|
+
/**
|
|
18
|
+
* @defaultValue 'primary'
|
|
19
|
+
*/
|
|
20
|
+
color?: Textarea['variants']['color'];
|
|
21
|
+
/**
|
|
22
|
+
* @defaultValue 'outline'
|
|
23
|
+
*/
|
|
24
|
+
variant?: Textarea['variants']['variant'];
|
|
25
|
+
/**
|
|
26
|
+
* @defaultValue 'md'
|
|
27
|
+
*/
|
|
28
|
+
size?: Textarea['variants']['size'];
|
|
29
|
+
required?: boolean;
|
|
30
|
+
autofocus?: boolean;
|
|
31
|
+
autofocusDelay?: number;
|
|
32
|
+
autoresize?: boolean;
|
|
33
|
+
autoresizeDelay?: number;
|
|
34
|
+
disabled?: boolean;
|
|
35
|
+
rows?: number;
|
|
36
|
+
maxrows?: number;
|
|
37
|
+
/** Highlight the ring color like a focus state. */
|
|
38
|
+
highlight?: boolean;
|
|
39
|
+
modelValue?: T;
|
|
40
|
+
defaultValue?: T;
|
|
41
|
+
modelModifiers?: {
|
|
42
|
+
string?: boolean;
|
|
43
|
+
number?: boolean;
|
|
44
|
+
trim?: boolean;
|
|
45
|
+
lazy?: boolean;
|
|
46
|
+
nullify?: boolean;
|
|
47
|
+
};
|
|
48
|
+
class?: any;
|
|
49
|
+
ui?: Textarea['slots'];
|
|
50
|
+
}
|
|
51
|
+
export interface TextareaEmits<T extends TextareaValue = TextareaValue> {
|
|
52
|
+
'update:modelValue': [value: T];
|
|
53
|
+
'blur': [event: FocusEvent];
|
|
54
|
+
'change': [event: Event];
|
|
55
|
+
}
|
|
56
|
+
export interface TextareaSlots {
|
|
57
|
+
leading(props?: {}): any;
|
|
58
|
+
default(props?: {}): any;
|
|
59
|
+
trailing(props?: {}): any;
|
|
60
|
+
}
|
|
61
|
+
declare const __VLS_export: <T extends TextareaValue>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
62
|
+
props: __VLS_PrettifyLocal<TextareaProps<T> & {
|
|
63
|
+
onBlur?: ((event: FocusEvent) => any) | undefined;
|
|
64
|
+
onChange?: ((event: Event) => any) | undefined;
|
|
65
|
+
"onUpdate:modelValue"?: ((value: T) => any) | undefined;
|
|
66
|
+
}> & import("vue").PublicProps;
|
|
67
|
+
expose: (exposed: import("vue").ShallowUnwrapRef<{
|
|
68
|
+
textareaRef: import("vue").Ref<HTMLTextAreaElement | null, HTMLTextAreaElement | null>;
|
|
69
|
+
}>) => void;
|
|
70
|
+
attrs: any;
|
|
71
|
+
slots: TextareaSlots;
|
|
72
|
+
emit: ((evt: "blur", event: FocusEvent) => void) & ((evt: "change", event: Event) => void) & ((evt: "update:modelValue", value: T) => void);
|
|
73
|
+
}>) => import("vue").VNode & {
|
|
74
|
+
__ctx?: Awaited<typeof __VLS_setup>;
|
|
75
|
+
};
|
|
76
|
+
declare const _default: typeof __VLS_export;
|
|
77
|
+
export default _default;
|
|
78
|
+
type __VLS_PrettifyLocal<T> = {
|
|
79
|
+
[K in keyof T as K]: T[K];
|
|
80
|
+
} & {};
|
|
@@ -58,21 +58,22 @@ export interface TextareaSlots {
|
|
|
58
58
|
default(props?: {}): any;
|
|
59
59
|
trailing(props?: {}): any;
|
|
60
60
|
}
|
|
61
|
-
declare const
|
|
62
|
-
props: __VLS_PrettifyLocal<
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
}
|
|
67
|
-
expose(exposed: import("vue").ShallowUnwrapRef<{
|
|
61
|
+
declare const __VLS_export: <T extends TextareaValue>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
62
|
+
props: __VLS_PrettifyLocal<TextareaProps<T> & {
|
|
63
|
+
onBlur?: ((event: FocusEvent) => any) | undefined;
|
|
64
|
+
onChange?: ((event: Event) => any) | undefined;
|
|
65
|
+
"onUpdate:modelValue"?: ((value: T) => any) | undefined;
|
|
66
|
+
}> & import("vue").PublicProps;
|
|
67
|
+
expose: (exposed: import("vue").ShallowUnwrapRef<{
|
|
68
68
|
textareaRef: import("vue").Ref<HTMLTextAreaElement | null, HTMLTextAreaElement | null>;
|
|
69
|
-
}>)
|
|
69
|
+
}>) => void;
|
|
70
70
|
attrs: any;
|
|
71
71
|
slots: TextareaSlots;
|
|
72
72
|
emit: ((evt: "blur", event: FocusEvent) => void) & ((evt: "change", event: Event) => void) & ((evt: "update:modelValue", value: T) => void);
|
|
73
73
|
}>) => import("vue").VNode & {
|
|
74
74
|
__ctx?: Awaited<typeof __VLS_setup>;
|
|
75
75
|
};
|
|
76
|
+
declare const _default: typeof __VLS_export;
|
|
76
77
|
export default _default;
|
|
77
78
|
type __VLS_PrettifyLocal<T> = {
|
|
78
79
|
[K in keyof T as K]: T[K];
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
import type { AppConfig } from '@nuxt/schema';
|
|
2
|
+
import theme from '#build/ui/timeline';
|
|
3
|
+
import type { AvatarProps } from '../types';
|
|
4
|
+
import type { DynamicSlots, ComponentConfig } from '../types/utils';
|
|
5
|
+
type Timeline = ComponentConfig<typeof theme, AppConfig, 'timeline'>;
|
|
6
|
+
export interface TimelineItem {
|
|
7
|
+
date?: string;
|
|
8
|
+
title?: string;
|
|
9
|
+
description?: string;
|
|
10
|
+
icon?: string;
|
|
11
|
+
avatar?: AvatarProps;
|
|
12
|
+
value?: string | number;
|
|
13
|
+
slot?: string;
|
|
14
|
+
class?: any;
|
|
15
|
+
ui?: Pick<Timeline['slots'], 'item' | 'container' | 'indicator' | 'separator' | 'wrapper' | 'date' | 'title' | 'description'>;
|
|
16
|
+
[key: string]: any;
|
|
17
|
+
}
|
|
18
|
+
export interface TimelineProps<T extends TimelineItem = TimelineItem> {
|
|
19
|
+
/**
|
|
20
|
+
* The element or component this component should render as.
|
|
21
|
+
* @defaultValue 'div'
|
|
22
|
+
*/
|
|
23
|
+
as?: any;
|
|
24
|
+
items: T[];
|
|
25
|
+
/**
|
|
26
|
+
* @defaultValue 'md'
|
|
27
|
+
*/
|
|
28
|
+
size?: Timeline['variants']['size'];
|
|
29
|
+
/**
|
|
30
|
+
* @defaultValue 'primary'
|
|
31
|
+
*/
|
|
32
|
+
color?: Timeline['variants']['color'];
|
|
33
|
+
/**
|
|
34
|
+
* The orientation of the Timeline.
|
|
35
|
+
* @defaultValue 'vertical'
|
|
36
|
+
*/
|
|
37
|
+
orientation?: Timeline['variants']['orientation'];
|
|
38
|
+
defaultValue?: string | number;
|
|
39
|
+
reverse?: boolean;
|
|
40
|
+
class?: any;
|
|
41
|
+
ui?: Timeline['slots'];
|
|
42
|
+
}
|
|
43
|
+
type SlotProps<T extends TimelineItem> = (props: {
|
|
44
|
+
item: T;
|
|
45
|
+
}) => any;
|
|
46
|
+
export type TimelineSlots<T extends TimelineItem = TimelineItem> = {
|
|
47
|
+
indicator: SlotProps<T>;
|
|
48
|
+
date: SlotProps<T>;
|
|
49
|
+
title: SlotProps<T>;
|
|
50
|
+
description: SlotProps<T>;
|
|
51
|
+
} & DynamicSlots<T, 'indicator' | 'date' | 'title' | 'description', {
|
|
52
|
+
item: T;
|
|
53
|
+
}>;
|
|
54
|
+
declare const __VLS_export: <T extends TimelineItem>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
55
|
+
props: __VLS_PrettifyLocal<(TimelineProps<T> & {
|
|
56
|
+
modelValue?: string | number;
|
|
57
|
+
}) & {
|
|
58
|
+
"onUpdate:modelValue"?: ((value: string | number | undefined) => any) | undefined;
|
|
59
|
+
}> & import("vue").PublicProps;
|
|
60
|
+
expose: (exposed: {}) => void;
|
|
61
|
+
attrs: any;
|
|
62
|
+
slots: TimelineSlots<T>;
|
|
63
|
+
emit: (evt: "update:modelValue", value: string | number | undefined) => void;
|
|
64
|
+
}>) => import("vue").VNode & {
|
|
65
|
+
__ctx?: Awaited<typeof __VLS_setup>;
|
|
66
|
+
};
|
|
67
|
+
declare const _default: typeof __VLS_export;
|
|
68
|
+
export default _default;
|
|
69
|
+
type __VLS_PrettifyLocal<T> = {
|
|
70
|
+
[K in keyof T as K]: T[K];
|
|
71
|
+
} & {};
|
|
@@ -51,19 +51,20 @@ export type TimelineSlots<T extends TimelineItem = TimelineItem> = {
|
|
|
51
51
|
} & DynamicSlots<T, 'indicator' | 'date' | 'title' | 'description', {
|
|
52
52
|
item: T;
|
|
53
53
|
}>;
|
|
54
|
-
declare const
|
|
55
|
-
props: __VLS_PrettifyLocal<
|
|
56
|
-
readonly "onUpdate:modelValue"?: ((value: string | number | undefined) => any) | undefined;
|
|
57
|
-
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onUpdate:modelValue"> & (TimelineProps<T> & {
|
|
54
|
+
declare const __VLS_export: <T extends TimelineItem>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
55
|
+
props: __VLS_PrettifyLocal<(TimelineProps<T> & {
|
|
58
56
|
modelValue?: string | number;
|
|
59
|
-
}) & {
|
|
60
|
-
|
|
57
|
+
}) & {
|
|
58
|
+
"onUpdate:modelValue"?: ((value: string | number | undefined) => any) | undefined;
|
|
59
|
+
}> & import("vue").PublicProps;
|
|
60
|
+
expose: (exposed: {}) => void;
|
|
61
61
|
attrs: any;
|
|
62
62
|
slots: TimelineSlots<T>;
|
|
63
63
|
emit: (evt: "update:modelValue", value: string | number | undefined) => void;
|
|
64
64
|
}>) => import("vue").VNode & {
|
|
65
65
|
__ctx?: Awaited<typeof __VLS_setup>;
|
|
66
66
|
};
|
|
67
|
+
declare const _default: typeof __VLS_export;
|
|
67
68
|
export default _default;
|
|
68
69
|
type __VLS_PrettifyLocal<T> = {
|
|
69
70
|
[K in keyof T as K]: T[K];
|
|
@@ -0,0 +1,165 @@
|
|
|
1
|
+
import type { ToastRootProps, ToastRootEmits } from 'reka-ui';
|
|
2
|
+
import type { AppConfig } from '@nuxt/schema';
|
|
3
|
+
import theme from '#build/ui/toast';
|
|
4
|
+
import type { AvatarProps, ButtonProps, ProgressProps } from '../types';
|
|
5
|
+
import type { StringOrVNode, ComponentConfig } from '../types/utils';
|
|
6
|
+
type Toast = ComponentConfig<typeof theme, AppConfig, 'toast'>;
|
|
7
|
+
export interface ToastProps extends Pick<ToastRootProps, 'defaultOpen' | 'open' | 'type' | 'duration'> {
|
|
8
|
+
/**
|
|
9
|
+
* The element or component this component should render as.
|
|
10
|
+
* @defaultValue 'li'
|
|
11
|
+
*/
|
|
12
|
+
as?: any;
|
|
13
|
+
title?: StringOrVNode;
|
|
14
|
+
description?: StringOrVNode;
|
|
15
|
+
/**
|
|
16
|
+
* @IconifyIcon
|
|
17
|
+
*/
|
|
18
|
+
icon?: string;
|
|
19
|
+
avatar?: AvatarProps;
|
|
20
|
+
/**
|
|
21
|
+
* @defaultValue 'primary'
|
|
22
|
+
*/
|
|
23
|
+
color?: Toast['variants']['color'];
|
|
24
|
+
/**
|
|
25
|
+
* The orientation between the content and the actions.
|
|
26
|
+
* @defaultValue 'vertical'
|
|
27
|
+
*/
|
|
28
|
+
orientation?: Toast['variants']['orientation'];
|
|
29
|
+
/**
|
|
30
|
+
* Display a close button to dismiss the toast.
|
|
31
|
+
* `{ size: 'md', color: 'neutral', variant: 'link' }`{lang="ts-type"}
|
|
32
|
+
* @defaultValue true
|
|
33
|
+
*/
|
|
34
|
+
close?: boolean | Partial<ButtonProps>;
|
|
35
|
+
/**
|
|
36
|
+
* The icon displayed in the close button.
|
|
37
|
+
* @defaultValue appConfig.ui.icons.close
|
|
38
|
+
* @IconifyIcon
|
|
39
|
+
*/
|
|
40
|
+
closeIcon?: string;
|
|
41
|
+
/**
|
|
42
|
+
* Display a list of actions:
|
|
43
|
+
* - under the title and description when orientation is `vertical`
|
|
44
|
+
* - next to the close button when orientation is `horizontal`
|
|
45
|
+
* `{ size: 'xs' }`{lang="ts-type"}
|
|
46
|
+
*/
|
|
47
|
+
actions?: ButtonProps[];
|
|
48
|
+
/**
|
|
49
|
+
* Display a progress bar showing the toast's remaining duration.
|
|
50
|
+
* `{ size: 'sm' }`{lang="ts-type"}
|
|
51
|
+
* @defaultValue true
|
|
52
|
+
*/
|
|
53
|
+
progress?: boolean | Pick<ProgressProps, 'color' | 'ui'>;
|
|
54
|
+
class?: any;
|
|
55
|
+
ui?: Toast['slots'];
|
|
56
|
+
}
|
|
57
|
+
export interface ToastEmits extends ToastRootEmits {
|
|
58
|
+
}
|
|
59
|
+
export interface ToastSlots {
|
|
60
|
+
leading(props?: {}): any;
|
|
61
|
+
title(props?: {}): any;
|
|
62
|
+
description(props?: {}): any;
|
|
63
|
+
actions(props?: {}): any;
|
|
64
|
+
close(props: {
|
|
65
|
+
ui: {
|
|
66
|
+
[K in keyof Required<Toast['slots']>]: (props?: Record<string, any>) => string;
|
|
67
|
+
};
|
|
68
|
+
}): any;
|
|
69
|
+
}
|
|
70
|
+
declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ToastProps, {
|
|
71
|
+
height: import("vue").Ref<number, number>;
|
|
72
|
+
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
73
|
+
resume: () => any;
|
|
74
|
+
pause: () => any;
|
|
75
|
+
"update:open": (value: boolean) => any;
|
|
76
|
+
escapeKeyDown: (event: KeyboardEvent) => any;
|
|
77
|
+
swipeStart: (event: {
|
|
78
|
+
currentTarget: EventTarget & HTMLElement;
|
|
79
|
+
} & Omit<CustomEvent<{
|
|
80
|
+
originalEvent: PointerEvent;
|
|
81
|
+
delta: {
|
|
82
|
+
x: number;
|
|
83
|
+
y: number;
|
|
84
|
+
};
|
|
85
|
+
}>, "currentTarget">) => any;
|
|
86
|
+
swipeMove: (event: {
|
|
87
|
+
currentTarget: EventTarget & HTMLElement;
|
|
88
|
+
} & Omit<CustomEvent<{
|
|
89
|
+
originalEvent: PointerEvent;
|
|
90
|
+
delta: {
|
|
91
|
+
x: number;
|
|
92
|
+
y: number;
|
|
93
|
+
};
|
|
94
|
+
}>, "currentTarget">) => any;
|
|
95
|
+
swipeCancel: (event: {
|
|
96
|
+
currentTarget: EventTarget & HTMLElement;
|
|
97
|
+
} & Omit<CustomEvent<{
|
|
98
|
+
originalEvent: PointerEvent;
|
|
99
|
+
delta: {
|
|
100
|
+
x: number;
|
|
101
|
+
y: number;
|
|
102
|
+
};
|
|
103
|
+
}>, "currentTarget">) => any;
|
|
104
|
+
swipeEnd: (event: {
|
|
105
|
+
currentTarget: EventTarget & HTMLElement;
|
|
106
|
+
} & Omit<CustomEvent<{
|
|
107
|
+
originalEvent: PointerEvent;
|
|
108
|
+
delta: {
|
|
109
|
+
x: number;
|
|
110
|
+
y: number;
|
|
111
|
+
};
|
|
112
|
+
}>, "currentTarget">) => any;
|
|
113
|
+
}, string, import("vue").PublicProps, Readonly<ToastProps> & Readonly<{
|
|
114
|
+
onResume?: (() => any) | undefined;
|
|
115
|
+
onPause?: (() => any) | undefined;
|
|
116
|
+
"onUpdate:open"?: ((value: boolean) => any) | undefined;
|
|
117
|
+
onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
|
|
118
|
+
onSwipeStart?: ((event: {
|
|
119
|
+
currentTarget: EventTarget & HTMLElement;
|
|
120
|
+
} & Omit<CustomEvent<{
|
|
121
|
+
originalEvent: PointerEvent;
|
|
122
|
+
delta: {
|
|
123
|
+
x: number;
|
|
124
|
+
y: number;
|
|
125
|
+
};
|
|
126
|
+
}>, "currentTarget">) => any) | undefined;
|
|
127
|
+
onSwipeMove?: ((event: {
|
|
128
|
+
currentTarget: EventTarget & HTMLElement;
|
|
129
|
+
} & Omit<CustomEvent<{
|
|
130
|
+
originalEvent: PointerEvent;
|
|
131
|
+
delta: {
|
|
132
|
+
x: number;
|
|
133
|
+
y: number;
|
|
134
|
+
};
|
|
135
|
+
}>, "currentTarget">) => any) | undefined;
|
|
136
|
+
onSwipeCancel?: ((event: {
|
|
137
|
+
currentTarget: EventTarget & HTMLElement;
|
|
138
|
+
} & Omit<CustomEvent<{
|
|
139
|
+
originalEvent: PointerEvent;
|
|
140
|
+
delta: {
|
|
141
|
+
x: number;
|
|
142
|
+
y: number;
|
|
143
|
+
};
|
|
144
|
+
}>, "currentTarget">) => any) | undefined;
|
|
145
|
+
onSwipeEnd?: ((event: {
|
|
146
|
+
currentTarget: EventTarget & HTMLElement;
|
|
147
|
+
} & Omit<CustomEvent<{
|
|
148
|
+
originalEvent: PointerEvent;
|
|
149
|
+
delta: {
|
|
150
|
+
x: number;
|
|
151
|
+
y: number;
|
|
152
|
+
};
|
|
153
|
+
}>, "currentTarget">) => any) | undefined;
|
|
154
|
+
}>, {
|
|
155
|
+
close: boolean | Partial<ButtonProps>;
|
|
156
|
+
progress: boolean | Pick<ProgressProps, "color" | "ui">;
|
|
157
|
+
orientation: Toast["variants"]["orientation"];
|
|
158
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ToastSlots>;
|
|
159
|
+
declare const _default: typeof __VLS_export;
|
|
160
|
+
export default _default;
|
|
161
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
162
|
+
new (): {
|
|
163
|
+
$slots: S;
|
|
164
|
+
};
|
|
165
|
+
};
|
|
@@ -67,7 +67,7 @@ export interface ToastSlots {
|
|
|
67
67
|
};
|
|
68
68
|
}): any;
|
|
69
69
|
}
|
|
70
|
-
declare const
|
|
70
|
+
declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ToastProps, {
|
|
71
71
|
height: import("vue").Ref<number, number>;
|
|
72
72
|
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
73
73
|
resume: () => any;
|
|
@@ -156,6 +156,7 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ToastProps
|
|
|
156
156
|
progress: boolean | Pick<ProgressProps, "color" | "ui">;
|
|
157
157
|
orientation: Toast["variants"]["orientation"];
|
|
158
158
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ToastSlots>;
|
|
159
|
+
declare const _default: typeof __VLS_export;
|
|
159
160
|
export default _default;
|
|
160
161
|
type __VLS_WithSlots<T, S> = T & {
|
|
161
162
|
new (): {
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import type { ToastProviderProps } from 'reka-ui';
|
|
2
|
+
import type { AppConfig } from '@nuxt/schema';
|
|
3
|
+
import theme from '#build/ui/toaster';
|
|
4
|
+
import type { ComponentConfig } from '../types/utils';
|
|
5
|
+
type Toaster = ComponentConfig<typeof theme, AppConfig, 'toaster'>;
|
|
6
|
+
export interface ToasterProps extends Omit<ToastProviderProps, 'swipeDirection'> {
|
|
7
|
+
/**
|
|
8
|
+
* The position on the screen to display the toasts.
|
|
9
|
+
* @defaultValue 'bottom-right'
|
|
10
|
+
*/
|
|
11
|
+
position?: Toaster['variants']['position'];
|
|
12
|
+
/**
|
|
13
|
+
* Expand the toasts to show multiple toasts at once.
|
|
14
|
+
* @defaultValue true
|
|
15
|
+
*/
|
|
16
|
+
expand?: boolean;
|
|
17
|
+
/**
|
|
18
|
+
* Whether to show the progress bar on all toasts.
|
|
19
|
+
* @defaultValue true
|
|
20
|
+
*/
|
|
21
|
+
progress?: boolean;
|
|
22
|
+
/**
|
|
23
|
+
* Render the toaster in a portal.
|
|
24
|
+
* @defaultValue true
|
|
25
|
+
*/
|
|
26
|
+
portal?: boolean | string | HTMLElement;
|
|
27
|
+
class?: any;
|
|
28
|
+
ui?: Toaster['slots'];
|
|
29
|
+
}
|
|
30
|
+
export interface ToasterSlots {
|
|
31
|
+
default(props?: {}): any;
|
|
32
|
+
}
|
|
33
|
+
declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ToasterProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ToasterProps> & Readonly<{}>, {
|
|
34
|
+
progress: boolean;
|
|
35
|
+
duration: number;
|
|
36
|
+
expand: boolean;
|
|
37
|
+
portal: boolean | string | HTMLElement;
|
|
38
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ToasterSlots>;
|
|
39
|
+
declare const _default: typeof __VLS_export;
|
|
40
|
+
export default _default;
|
|
41
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
42
|
+
new (): {
|
|
43
|
+
$slots: S;
|
|
44
|
+
};
|
|
45
|
+
};
|
|
@@ -30,12 +30,13 @@ export interface ToasterProps extends Omit<ToastProviderProps, 'swipeDirection'>
|
|
|
30
30
|
export interface ToasterSlots {
|
|
31
31
|
default(props?: {}): any;
|
|
32
32
|
}
|
|
33
|
-
declare const
|
|
33
|
+
declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ToasterProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ToasterProps> & Readonly<{}>, {
|
|
34
34
|
progress: boolean;
|
|
35
35
|
duration: number;
|
|
36
36
|
expand: boolean;
|
|
37
37
|
portal: boolean | string | HTMLElement;
|
|
38
38
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ToasterSlots>;
|
|
39
|
+
declare const _default: typeof __VLS_export;
|
|
39
40
|
export default _default;
|
|
40
41
|
type __VLS_WithSlots<T, S> = T & {
|
|
41
42
|
new (): {
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
import type { TooltipRootProps, TooltipRootEmits, TooltipContentProps, TooltipContentEmits, TooltipArrowProps, TooltipTriggerProps } from 'reka-ui';
|
|
2
|
+
import type { AppConfig } from '@nuxt/schema';
|
|
3
|
+
import theme from '#build/ui/tooltip';
|
|
4
|
+
import type { KbdProps } from '../types';
|
|
5
|
+
import type { EmitsToProps, ComponentConfig } from '../types/utils';
|
|
6
|
+
type Tooltip = ComponentConfig<typeof theme, AppConfig, 'tooltip'>;
|
|
7
|
+
export interface TooltipProps extends TooltipRootProps {
|
|
8
|
+
/** The text content of the tooltip. */
|
|
9
|
+
text?: string;
|
|
10
|
+
/** The keyboard keys to display in the tooltip. */
|
|
11
|
+
kbds?: KbdProps['value'][] | KbdProps[];
|
|
12
|
+
/**
|
|
13
|
+
* The content of the tooltip.
|
|
14
|
+
* @defaultValue { side: 'bottom', sideOffset: 8, collisionPadding: 8 }
|
|
15
|
+
*/
|
|
16
|
+
content?: Omit<TooltipContentProps, 'as' | 'asChild'> & Partial<EmitsToProps<TooltipContentEmits>>;
|
|
17
|
+
/**
|
|
18
|
+
* Display an arrow alongside the tooltip.
|
|
19
|
+
* @defaultValue false
|
|
20
|
+
*/
|
|
21
|
+
arrow?: boolean | Omit<TooltipArrowProps, 'as' | 'asChild'>;
|
|
22
|
+
/**
|
|
23
|
+
* Render the tooltip in a portal.
|
|
24
|
+
* @defaultValue true
|
|
25
|
+
*/
|
|
26
|
+
portal?: boolean | string | HTMLElement;
|
|
27
|
+
/**
|
|
28
|
+
* The reference (or anchor) element that is being referred to for positioning.
|
|
29
|
+
*
|
|
30
|
+
* If not provided will use the current component as anchor.
|
|
31
|
+
*/
|
|
32
|
+
reference?: TooltipTriggerProps['reference'];
|
|
33
|
+
class?: any;
|
|
34
|
+
ui?: Tooltip['slots'];
|
|
35
|
+
}
|
|
36
|
+
export interface TooltipEmits extends TooltipRootEmits {
|
|
37
|
+
}
|
|
38
|
+
export interface TooltipSlots {
|
|
39
|
+
default(props: {
|
|
40
|
+
open: boolean;
|
|
41
|
+
}): any;
|
|
42
|
+
content(props?: {}): any;
|
|
43
|
+
}
|
|
44
|
+
declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<TooltipProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
45
|
+
"update:open": (value: boolean) => any;
|
|
46
|
+
}, string, import("vue").PublicProps, Readonly<TooltipProps> & Readonly<{
|
|
47
|
+
"onUpdate:open"?: ((value: boolean) => any) | undefined;
|
|
48
|
+
}>, {
|
|
49
|
+
portal: boolean | string | HTMLElement;
|
|
50
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, TooltipSlots>;
|
|
51
|
+
declare const _default: typeof __VLS_export;
|
|
52
|
+
export default _default;
|
|
53
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
54
|
+
new (): {
|
|
55
|
+
$slots: S;
|
|
56
|
+
};
|
|
57
|
+
};
|
|
@@ -41,13 +41,14 @@ export interface TooltipSlots {
|
|
|
41
41
|
}): any;
|
|
42
42
|
content(props?: {}): any;
|
|
43
43
|
}
|
|
44
|
-
declare const
|
|
44
|
+
declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<TooltipProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
45
45
|
"update:open": (value: boolean) => any;
|
|
46
46
|
}, string, import("vue").PublicProps, Readonly<TooltipProps> & Readonly<{
|
|
47
47
|
"onUpdate:open"?: ((value: boolean) => any) | undefined;
|
|
48
48
|
}>, {
|
|
49
49
|
portal: boolean | string | HTMLElement;
|
|
50
50
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, TooltipSlots>;
|
|
51
|
+
declare const _default: typeof __VLS_export;
|
|
51
52
|
export default _default;
|
|
52
53
|
type __VLS_WithSlots<T, S> = T & {
|
|
53
54
|
new (): {
|