@una-ui/nuxt 0.65.0 → 0.66.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/dist/module.json +1 -1
- package/dist/module.mjs +1 -1
- package/dist/runtime/components/alert-dialog/AlertDialog.vue.d.ts +1 -1
- package/dist/runtime/components/alert-dialog/AlertDialogAction.vue.d.ts +1 -1
- package/dist/runtime/components/alert-dialog/AlertDialogCancel.vue.d.ts +1 -1
- package/dist/runtime/components/aspect-ratio/AspectRatio.vue.d.ts +1 -1
- package/dist/runtime/components/combobox/Combobox.vue +1 -0
- package/dist/runtime/components/combobox/Combobox.vue.d.ts +17 -17
- package/dist/runtime/components/combobox/ComboboxInput.vue.d.ts +1 -1
- package/dist/runtime/components/combobox/ComboboxTrigger.vue.d.ts +1 -1
- package/dist/runtime/components/drawer/Drawer.vue.d.ts +1 -1
- package/dist/runtime/components/elements/Alert.vue.d.ts +5 -1
- package/dist/runtime/components/elements/Badge.vue.d.ts +5 -1
- package/dist/runtime/components/elements/Progress.vue.d.ts +1 -1
- package/dist/runtime/components/elements/Toggle.vue.d.ts +1 -1
- package/dist/runtime/components/elements/accordion/Accordion.vue +86 -0
- package/dist/runtime/components/elements/accordion/Accordion.vue.d.ts +71 -0
- package/dist/runtime/components/elements/accordion/AccordionContent.vue +24 -0
- package/dist/runtime/components/elements/accordion/AccordionContent.vue.d.ts +13 -0
- package/dist/runtime/components/elements/accordion/AccordionHeader.vue +17 -0
- package/dist/runtime/components/elements/accordion/AccordionHeader.vue.d.ts +13 -0
- package/dist/runtime/components/elements/accordion/AccordionItem.vue +59 -0
- package/dist/runtime/components/elements/accordion/AccordionItem.vue.d.ts +27 -0
- package/dist/runtime/components/elements/accordion/AccordionTrigger.vue +56 -0
- package/dist/runtime/components/elements/accordion/AccordionTrigger.vue.d.ts +16 -0
- package/dist/runtime/components/elements/avatar/Avatar.vue.d.ts +1 -1
- package/dist/runtime/components/elements/collapsible/Collapsible.vue.d.ts +2 -2
- package/dist/runtime/components/elements/dialog/Dialog.vue.d.ts +1 -1
- package/dist/runtime/components/elements/dropdown-menu/DropdownMenu.vue.d.ts +4 -4
- package/dist/runtime/components/elements/dropdown-menu/DropdownMenuSubTrigger.vue.d.ts +1 -1
- package/dist/runtime/components/elements/pagination/Pagination.vue.d.ts +5 -2
- package/dist/runtime/components/elements/pagination/PaginationListItem.vue.d.ts +1 -1
- package/dist/runtime/components/elements/popover/Popover.vue.d.ts +1 -1
- package/dist/runtime/components/elements/tabs/Tabs.vue.d.ts +1 -1
- package/dist/runtime/components/elements/tabs/TabsTrigger.vue.d.ts +1 -1
- package/dist/runtime/components/forms/Input.vue.d.ts +13 -1
- package/dist/runtime/components/forms/Switch.vue.d.ts +2 -2
- package/dist/runtime/components/forms/radio-group/RadioGroup.vue.d.ts +3 -3
- package/dist/runtime/components/forms/select/Select.vue +2 -18
- package/dist/runtime/components/forms/select/Select.vue.d.ts +16 -16
- package/dist/runtime/components/forms/select/SelectItem.vue +0 -2
- package/dist/runtime/components/forms/select/SelectItemIndicator.vue +7 -6
- package/dist/runtime/components/forms/select/SelectItemIndicator.vue.d.ts +1 -3
- package/dist/runtime/components/hover-card/HoverCard.vue.d.ts +1 -1
- package/dist/runtime/components/misc/ThemeSwitcher.vue.d.ts +1 -1
- package/dist/runtime/components/navigation/breadcrumb/Breadcrumb.vue.d.ts +16 -6
- package/dist/runtime/components/navigation-menu/NavigationMenu.vue.d.ts +11 -11
- package/dist/runtime/components/navigation-menu/NavigationMenuLink.vue.d.ts +2 -2
- package/dist/runtime/components/navigation-menu/NavigationMenuTrigger.vue.d.ts +1 -1
- package/dist/runtime/components/overlays/Toaster.vue +1 -0
- package/dist/runtime/components/overlays/Toaster.vue.d.ts +1 -1
- package/dist/runtime/components/overlays/toast/Toast.vue.d.ts +1 -1
- package/dist/runtime/components/overlays/toast/ToastAction.vue.d.ts +1 -1
- package/dist/runtime/components/overlays/toast/ToastProvider.vue +1 -0
- package/dist/runtime/components/resizable/ResizablePanel.vue.d.ts +7 -1
- package/dist/runtime/components/resizable/ResizablePanelGroup.vue.d.ts +3 -1
- package/dist/runtime/components/sheet/Sheet.vue.d.ts +1 -1
- package/dist/runtime/components/sidebar/SidebarMenu.vue.d.ts +1 -1
- package/dist/runtime/components/sidebar/SidebarProvider.vue +7 -2
- package/dist/runtime/components/sidebar/SidebarProvider.vue.d.ts +1 -1
- package/dist/runtime/components/stepper/Stepper.vue.d.ts +23 -11
- package/dist/runtime/components/stepper/StepperDescription.vue.d.ts +1 -1
- package/dist/runtime/components/stepper/StepperIndicator.vue.d.ts +3 -1
- package/dist/runtime/components/stepper/StepperItem.vue.d.ts +3 -1
- package/dist/runtime/components/toggle-group/ToggleGroup.vue.d.ts +5 -3
- package/dist/runtime/components/toggle-group/ToggleGroupItem.vue.d.ts +7 -2
- package/dist/runtime/types/accordion.d.ts +36 -91
- package/dist/runtime/types/select.d.ts +1 -2
- package/dist/runtime/types/sidebar.d.ts +5 -0
- package/dist/runtime/utils/index.d.ts +1 -1
- package/package.json +13 -14
- package/dist/runtime/components/elements/Accordion.vue +0 -212
- package/dist/runtime/components/elements/Accordion.vue.d.ts +0 -28
package/dist/module.json
CHANGED
package/dist/module.mjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import type { NAlertDialogProps } from '../../types/index.js';
|
|
2
2
|
declare var __VLS_6: {}, __VLS_11: {
|
|
3
|
-
open:
|
|
3
|
+
open: boolean;
|
|
4
4
|
}, __VLS_26: {}, __VLS_31: {}, __VLS_36: {}, __VLS_41: {}, __VLS_46: {}, __VLS_48: {}, __VLS_57: {}, __VLS_59: {}, __VLS_68: {};
|
|
5
5
|
type __VLS_Slots = {} & {
|
|
6
6
|
default?: (props: typeof __VLS_6) => any;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { NAlertDialogActionProps } from '../../types/index.js';
|
|
2
|
-
declare var __VLS_10:
|
|
2
|
+
declare var __VLS_10: string | number, __VLS_11: any;
|
|
3
3
|
type __VLS_Slots = {} & {
|
|
4
4
|
[K in NonNullable<typeof __VLS_10>]?: (props: typeof __VLS_11) => any;
|
|
5
5
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { NAlertDialogCancelProps } from '../../types/index.js';
|
|
2
|
-
declare var __VLS_10:
|
|
2
|
+
declare var __VLS_10: string | number, __VLS_11: any;
|
|
3
3
|
type __VLS_Slots = {} & {
|
|
4
4
|
[K in NonNullable<typeof __VLS_10>]?: (props: typeof __VLS_11) => any;
|
|
5
5
|
};
|
|
@@ -48,6 +48,7 @@ const props = defineProps({
|
|
|
48
48
|
openOnFocus: { type: Boolean, required: false },
|
|
49
49
|
openOnClick: { type: Boolean, required: false },
|
|
50
50
|
ignoreFilter: { type: Boolean, required: false },
|
|
51
|
+
resetModelValueOnClear: { type: Boolean, required: false },
|
|
51
52
|
defaultValue: { type: null, required: false },
|
|
52
53
|
dir: { type: String, required: false },
|
|
53
54
|
disabled: { type: Boolean, required: false },
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { AcceptableValue } from 'reka-ui';
|
|
2
|
-
import type { ExtractItemType, NComboboxProps } from '../../types/index.js';
|
|
2
|
+
import type { ExtractItemType, NComboboxGroupProps, NComboboxProps } from '../../types/index.js';
|
|
3
3
|
declare const _default: <T extends AcceptableValue, M extends boolean = false>(__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<{
|
|
4
4
|
props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
|
|
5
5
|
readonly "onUpdate:modelValue"?: ((value: ExtractItemType<T>) => any) | undefined;
|
|
@@ -19,20 +19,20 @@ declare const _default: <T extends AcceptableValue, M extends boolean = false>(_
|
|
|
19
19
|
'trigger-wrapper'?: (props: {}) => any;
|
|
20
20
|
} & {
|
|
21
21
|
trigger?: (props: {
|
|
22
|
-
modelValue:
|
|
23
|
-
open:
|
|
22
|
+
modelValue: (M extends true ? ExtractItemType<T>[] : ExtractItemType<T>) | null | undefined;
|
|
23
|
+
open: boolean | undefined;
|
|
24
24
|
}) => any;
|
|
25
25
|
} & {
|
|
26
26
|
'input-wrapper'?: (props: {
|
|
27
|
-
modelValue:
|
|
28
|
-
open:
|
|
27
|
+
modelValue: (M extends true ? ExtractItemType<T>[] : ExtractItemType<T>) | null | undefined;
|
|
28
|
+
open: boolean | undefined;
|
|
29
29
|
}) => any;
|
|
30
30
|
} & {
|
|
31
31
|
list?: (props: {}) => any;
|
|
32
32
|
} & {
|
|
33
33
|
'input-wrapper'?: (props: {
|
|
34
|
-
modelValue:
|
|
35
|
-
open:
|
|
34
|
+
modelValue: (M extends true ? ExtractItemType<T>[] : ExtractItemType<T>) | null | undefined;
|
|
35
|
+
open: boolean | undefined;
|
|
36
36
|
}) => any;
|
|
37
37
|
} & {
|
|
38
38
|
header?: (props: {}) => any;
|
|
@@ -44,34 +44,34 @@ declare const _default: <T extends AcceptableValue, M extends boolean = false>(_
|
|
|
44
44
|
group?: (props: {}) => any;
|
|
45
45
|
} & {
|
|
46
46
|
item?: (props: {
|
|
47
|
-
item:
|
|
48
|
-
selected:
|
|
47
|
+
item: ExtractItemType<T>;
|
|
48
|
+
selected: boolean;
|
|
49
49
|
}) => any;
|
|
50
50
|
} & {
|
|
51
51
|
label?: (props: {
|
|
52
|
-
item:
|
|
52
|
+
item: ExtractItemType<T>;
|
|
53
53
|
}) => any;
|
|
54
54
|
} & {
|
|
55
55
|
'item-indicator'?: (props: {
|
|
56
|
-
item:
|
|
56
|
+
item: ExtractItemType<T>;
|
|
57
57
|
}) => any;
|
|
58
58
|
} & {
|
|
59
59
|
group?: (props: {
|
|
60
|
-
group:
|
|
60
|
+
group: NComboboxGroupProps<ExtractItemType<T>>;
|
|
61
61
|
}) => any;
|
|
62
62
|
} & {
|
|
63
63
|
item?: (props: {
|
|
64
|
-
item:
|
|
65
|
-
group:
|
|
66
|
-
selected:
|
|
64
|
+
item: ExtractItemType<T>;
|
|
65
|
+
group: NComboboxGroupProps<ExtractItemType<T>>;
|
|
66
|
+
selected: boolean;
|
|
67
67
|
}) => any;
|
|
68
68
|
} & {
|
|
69
69
|
label?: (props: {
|
|
70
|
-
item:
|
|
70
|
+
item: ExtractItemType<T>;
|
|
71
71
|
}) => any;
|
|
72
72
|
} & {
|
|
73
73
|
indicator?: (props: {
|
|
74
|
-
item:
|
|
74
|
+
item: ExtractItemType<T>;
|
|
75
75
|
}) => any;
|
|
76
76
|
} & {
|
|
77
77
|
footer?: (props: {}) => any;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { NComboboxTriggerProps } from '../../types/index.js';
|
|
2
|
-
declare var __VLS_6: {}, __VLS_12:
|
|
2
|
+
declare var __VLS_6: {}, __VLS_12: string | number, __VLS_13: any;
|
|
3
3
|
type __VLS_Slots = {} & {
|
|
4
4
|
[K in NonNullable<typeof __VLS_12>]?: (props: typeof __VLS_13) => any;
|
|
5
5
|
} & {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import type { NDrawerProps } from '../../types/index.js';
|
|
2
2
|
declare var __VLS_6: {}, __VLS_11: {
|
|
3
|
-
open:
|
|
3
|
+
open: boolean;
|
|
4
4
|
}, __VLS_26: {}, __VLS_31: {}, __VLS_36: {}, __VLS_41: {}, __VLS_43: {}, __VLS_48: {}, __VLS_53: {};
|
|
5
5
|
type __VLS_Slots = {} & {
|
|
6
6
|
default?: (props: typeof __VLS_6) => any;
|
|
@@ -6,7 +6,11 @@ type __VLS_Slots = {
|
|
|
6
6
|
icon?: any;
|
|
7
7
|
closeIcon?: any;
|
|
8
8
|
};
|
|
9
|
-
declare const __VLS_component: import("vue").DefineComponent<NAlertProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin,
|
|
9
|
+
declare const __VLS_component: import("vue").DefineComponent<NAlertProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
10
|
+
close: (...args: any[]) => void;
|
|
11
|
+
}, string, import("vue").PublicProps, Readonly<NAlertProps> & Readonly<{
|
|
12
|
+
onClose?: ((...args: any[]) => any) | undefined;
|
|
13
|
+
}>, {
|
|
10
14
|
icon: string | boolean;
|
|
11
15
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
12
16
|
declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
|
|
@@ -3,7 +3,11 @@ declare var __VLS_4: {};
|
|
|
3
3
|
type __VLS_Slots = {} & {
|
|
4
4
|
default?: (props: typeof __VLS_4) => any;
|
|
5
5
|
};
|
|
6
|
-
declare const __VLS_component: import("vue").DefineComponent<NBadgeProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin,
|
|
6
|
+
declare const __VLS_component: import("vue").DefineComponent<NBadgeProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
7
|
+
close: (...args: any[]) => void;
|
|
8
|
+
}, string, import("vue").PublicProps, Readonly<NBadgeProps> & Readonly<{
|
|
9
|
+
onClose?: ((...args: any[]) => any) | undefined;
|
|
10
|
+
}>, {
|
|
7
11
|
una: {
|
|
8
12
|
badgeDefaultVariant?: string;
|
|
9
13
|
badge?: string;
|
|
@@ -0,0 +1,86 @@
|
|
|
1
|
+
<script setup>
|
|
2
|
+
import { reactiveOmit } from "@vueuse/core";
|
|
3
|
+
import { defu } from "defu";
|
|
4
|
+
import { AccordionRoot, useForwardPropsEmits } from "reka-ui";
|
|
5
|
+
import { computed } from "vue";
|
|
6
|
+
import { cn } from "../../../utils";
|
|
7
|
+
import NAccordionItem from "./AccordionItem.vue";
|
|
8
|
+
const props = defineProps({
|
|
9
|
+
accordion: { type: String, required: false, default: "divider border" },
|
|
10
|
+
items: { type: Array, required: false },
|
|
11
|
+
una: { type: Object, required: false },
|
|
12
|
+
_accordionItem: { type: Object, required: false },
|
|
13
|
+
_accordionHeader: { type: Object, required: false },
|
|
14
|
+
_accordionTrigger: { type: Object, required: false },
|
|
15
|
+
_accordionContent: { type: Object, required: false },
|
|
16
|
+
collapsible: { type: Boolean, required: false, default: true },
|
|
17
|
+
disabled: { type: Boolean, required: false },
|
|
18
|
+
dir: { type: String, required: false },
|
|
19
|
+
orientation: { type: String, required: false },
|
|
20
|
+
unmountOnHide: { type: Boolean, required: false },
|
|
21
|
+
asChild: { type: Boolean, required: false },
|
|
22
|
+
as: { type: null, required: false },
|
|
23
|
+
type: { type: String, required: false, default: "single" },
|
|
24
|
+
modelValue: { type: null, required: false },
|
|
25
|
+
defaultValue: { type: null, required: false }
|
|
26
|
+
});
|
|
27
|
+
const emits = defineEmits(["update:modelValue"]);
|
|
28
|
+
const rootProps = useForwardPropsEmits(reactiveOmit(props, ["una", "items", "_accordionTrigger", "_accordionContent", "_accordionHeader", "_accordionItem"]), emits);
|
|
29
|
+
const items = computed(() => {
|
|
30
|
+
if (import.meta.dev) {
|
|
31
|
+
const reservedValues = ["header", "trigger", "content", "item", "default"];
|
|
32
|
+
for (const item of props.items ?? []) {
|
|
33
|
+
if (reservedValues.includes(item.value)) {
|
|
34
|
+
console.warn(`[AccordionItem]: The value '${item.value}' is reserved and may cause unexpected behavior. Please choose a different value.`);
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
return props.items;
|
|
39
|
+
});
|
|
40
|
+
</script>
|
|
41
|
+
|
|
42
|
+
<template>
|
|
43
|
+
<AccordionRoot
|
|
44
|
+
v-slot="{ modelValue }"
|
|
45
|
+
v-bind="rootProps"
|
|
46
|
+
:class="cn(
|
|
47
|
+
una?.accordion
|
|
48
|
+
)"
|
|
49
|
+
>
|
|
50
|
+
<slot :model-value>
|
|
51
|
+
<NAccordionItem
|
|
52
|
+
v-for="(item, index) in items"
|
|
53
|
+
:key="item.value"
|
|
54
|
+
v-bind="defu(item, _accordionItem)"
|
|
55
|
+
:_accordion-trigger="defu(item._accordionTrigger, _accordionTrigger)"
|
|
56
|
+
:_accordion-content="defu(item._accordionContent, _accordionContent)"
|
|
57
|
+
:_accordion-header="defu(item._accordionHeader, _accordionHeader)"
|
|
58
|
+
:una="defu(item.una, una)"
|
|
59
|
+
>
|
|
60
|
+
<template #default="{ open }">
|
|
61
|
+
<slot :name="`${item.value}-item`" :open :item :index>
|
|
62
|
+
<slot name="item" :open :item :index />
|
|
63
|
+
</slot>
|
|
64
|
+
</template>
|
|
65
|
+
|
|
66
|
+
<template #header="{ open }">
|
|
67
|
+
<slot :name="`${item.value}-header`" :open :item :index>
|
|
68
|
+
<slot name="header" :open :item :index />
|
|
69
|
+
</slot>
|
|
70
|
+
</template>
|
|
71
|
+
|
|
72
|
+
<template #trigger="{ open }">
|
|
73
|
+
<slot :name="`${item.value}-trigger`" :open :item :index>
|
|
74
|
+
<slot name="trigger" :open :item :index />
|
|
75
|
+
</slot>
|
|
76
|
+
</template>
|
|
77
|
+
|
|
78
|
+
<template #content="{ open }">
|
|
79
|
+
<slot :name="`${item.value}-content`" :open :item :index>
|
|
80
|
+
<slot name="content" :open :item :index />
|
|
81
|
+
</slot>
|
|
82
|
+
</template>
|
|
83
|
+
</NAccordionItem>
|
|
84
|
+
</slot>
|
|
85
|
+
</AccordionRoot>
|
|
86
|
+
</template>
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
import type { NAccordionProps } from '../../../types/index.js';
|
|
2
|
+
declare var __VLS_6: {
|
|
3
|
+
modelValue: import("reka-ui").AcceptableValue | import("reka-ui").AcceptableValue[] | undefined;
|
|
4
|
+
}, __VLS_12: `${string}-item`, __VLS_13: {
|
|
5
|
+
open: boolean;
|
|
6
|
+
item: import("../../../types/index.js").NAccordionItemProps;
|
|
7
|
+
index: number;
|
|
8
|
+
}, __VLS_15: {
|
|
9
|
+
open: boolean;
|
|
10
|
+
item: import("../../../types/index.js").NAccordionItemProps;
|
|
11
|
+
index: number;
|
|
12
|
+
}, __VLS_18: `${string}-header`, __VLS_19: {
|
|
13
|
+
open: boolean;
|
|
14
|
+
item: import("../../../types/index.js").NAccordionItemProps;
|
|
15
|
+
index: number;
|
|
16
|
+
}, __VLS_21: {
|
|
17
|
+
open: boolean;
|
|
18
|
+
item: import("../../../types/index.js").NAccordionItemProps;
|
|
19
|
+
index: number;
|
|
20
|
+
}, __VLS_24: `${string}-trigger`, __VLS_25: {
|
|
21
|
+
open: boolean;
|
|
22
|
+
item: import("../../../types/index.js").NAccordionItemProps;
|
|
23
|
+
index: number;
|
|
24
|
+
}, __VLS_27: {
|
|
25
|
+
open: boolean;
|
|
26
|
+
item: import("../../../types/index.js").NAccordionItemProps;
|
|
27
|
+
index: number;
|
|
28
|
+
}, __VLS_30: `${string}-content`, __VLS_31: {
|
|
29
|
+
open: boolean;
|
|
30
|
+
item: import("../../../types/index.js").NAccordionItemProps;
|
|
31
|
+
index: number;
|
|
32
|
+
}, __VLS_33: {
|
|
33
|
+
open: boolean;
|
|
34
|
+
item: import("../../../types/index.js").NAccordionItemProps;
|
|
35
|
+
index: number;
|
|
36
|
+
};
|
|
37
|
+
type __VLS_Slots = {} & {
|
|
38
|
+
[K in NonNullable<typeof __VLS_12>]?: (props: typeof __VLS_13) => any;
|
|
39
|
+
} & {
|
|
40
|
+
[K in NonNullable<typeof __VLS_18>]?: (props: typeof __VLS_19) => any;
|
|
41
|
+
} & {
|
|
42
|
+
[K in NonNullable<typeof __VLS_24>]?: (props: typeof __VLS_25) => any;
|
|
43
|
+
} & {
|
|
44
|
+
[K in NonNullable<typeof __VLS_30>]?: (props: typeof __VLS_31) => any;
|
|
45
|
+
} & {
|
|
46
|
+
default?: (props: typeof __VLS_6) => any;
|
|
47
|
+
} & {
|
|
48
|
+
item?: (props: typeof __VLS_15) => any;
|
|
49
|
+
} & {
|
|
50
|
+
header?: (props: typeof __VLS_21) => any;
|
|
51
|
+
} & {
|
|
52
|
+
trigger?: (props: typeof __VLS_27) => any;
|
|
53
|
+
} & {
|
|
54
|
+
content?: (props: typeof __VLS_33) => any;
|
|
55
|
+
};
|
|
56
|
+
declare const __VLS_component: import("vue").DefineComponent<NAccordionProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
57
|
+
"update:modelValue": (value: string | string[] | undefined) => any;
|
|
58
|
+
}, string, import("vue").PublicProps, Readonly<NAccordionProps> & Readonly<{
|
|
59
|
+
"onUpdate:modelValue"?: ((value: string | string[] | undefined) => any) | undefined;
|
|
60
|
+
}>, {
|
|
61
|
+
type: "multiple" | "single";
|
|
62
|
+
accordion: string;
|
|
63
|
+
collapsible: boolean;
|
|
64
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
65
|
+
declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
|
|
66
|
+
export default _default;
|
|
67
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
68
|
+
new (): {
|
|
69
|
+
$slots: S;
|
|
70
|
+
};
|
|
71
|
+
};
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
<script setup>
|
|
2
|
+
import { reactiveOmit } from "@vueuse/core";
|
|
3
|
+
import { AccordionContent, useForwardProps } from "reka-ui";
|
|
4
|
+
import { cn } from "../../../utils";
|
|
5
|
+
const props = defineProps({
|
|
6
|
+
una: { type: Object, required: false },
|
|
7
|
+
forceMount: { type: Boolean, required: false },
|
|
8
|
+
asChild: { type: Boolean, required: false },
|
|
9
|
+
as: { type: null, required: false }
|
|
10
|
+
});
|
|
11
|
+
const forwardProps = useForwardProps(reactiveOmit(props, ["una"]));
|
|
12
|
+
</script>
|
|
13
|
+
|
|
14
|
+
<template>
|
|
15
|
+
<AccordionContent v-bind="forwardProps" :class="cn('accordion-content group/accordion-content', una?.accordionContent)">
|
|
16
|
+
<div :class="cn('accordion-panel', una?.accordionPanel)">
|
|
17
|
+
<slot />
|
|
18
|
+
</div>
|
|
19
|
+
</AccordionContent>
|
|
20
|
+
</template>
|
|
21
|
+
|
|
22
|
+
<style scoped>
|
|
23
|
+
.accordion-content[data-state=open]{animation:accordionIn .3s cubic-bezier(.86,0,.07,1)}.accordion-content[data-state=closed]{animation:accordionOut .3s cubic-bezier(.86,0,.07,1)}@keyframes accordionIn{0%{height:0}to{height:var(--reka-accordion-content-height)}}@keyframes accordionOut{0%{height:var(--reka-accordion-content-height)}to{height:0}}
|
|
24
|
+
</style>
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import type { NAccordionContentProps } from '../../../types/accordion.js';
|
|
2
|
+
declare var __VLS_6: {};
|
|
3
|
+
type __VLS_Slots = {} & {
|
|
4
|
+
default?: (props: typeof __VLS_6) => any;
|
|
5
|
+
};
|
|
6
|
+
declare const __VLS_component: import("vue").DefineComponent<NAccordionContentProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NAccordionContentProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
7
|
+
declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
|
|
8
|
+
export default _default;
|
|
9
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
10
|
+
new (): {
|
|
11
|
+
$slots: S;
|
|
12
|
+
};
|
|
13
|
+
};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
<script setup>
|
|
2
|
+
import { reactiveOmit } from "@vueuse/core";
|
|
3
|
+
import { AccordionHeader, useForwardProps } from "reka-ui";
|
|
4
|
+
import { cn } from "../../../utils";
|
|
5
|
+
const props = defineProps({
|
|
6
|
+
una: { type: Object, required: false },
|
|
7
|
+
asChild: { type: Boolean, required: false },
|
|
8
|
+
as: { type: null, required: false }
|
|
9
|
+
});
|
|
10
|
+
const forwardProps = useForwardProps(reactiveOmit(props, ["una"]));
|
|
11
|
+
</script>
|
|
12
|
+
|
|
13
|
+
<template>
|
|
14
|
+
<AccordionHeader v-bind="forwardProps" :class="cn('accordion-header', una?.accordionHeader)">
|
|
15
|
+
<slot />
|
|
16
|
+
</AccordionHeader>
|
|
17
|
+
</template>
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import type { NAccordionHeaderProps } from '../../../types/accordion.js';
|
|
2
|
+
declare var __VLS_6: {};
|
|
3
|
+
type __VLS_Slots = {} & {
|
|
4
|
+
default?: (props: typeof __VLS_6) => any;
|
|
5
|
+
};
|
|
6
|
+
declare const __VLS_component: import("vue").DefineComponent<NAccordionHeaderProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NAccordionHeaderProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
7
|
+
declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
|
|
8
|
+
export default _default;
|
|
9
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
10
|
+
new (): {
|
|
11
|
+
$slots: S;
|
|
12
|
+
};
|
|
13
|
+
};
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
<script setup>
|
|
2
|
+
import { reactiveOmit } from "@vueuse/core";
|
|
3
|
+
import { AccordionItem, Primitive, useForwardProps } from "reka-ui";
|
|
4
|
+
import { cn } from "../../../utils";
|
|
5
|
+
import NAccordionContent from "./AccordionContent.vue";
|
|
6
|
+
import NAccordionHeader from "./AccordionHeader.vue";
|
|
7
|
+
import NAccordionTrigger from "./AccordionTrigger.vue";
|
|
8
|
+
const props = defineProps({
|
|
9
|
+
label: { type: String, required: false },
|
|
10
|
+
content: { type: String, required: false },
|
|
11
|
+
una: { type: Object, required: false },
|
|
12
|
+
_accordionHeader: { type: Object, required: false },
|
|
13
|
+
_accordionTrigger: { type: Object, required: false },
|
|
14
|
+
_accordionContent: { type: Object, required: false },
|
|
15
|
+
disabled: { type: Boolean, required: false },
|
|
16
|
+
value: { type: String, required: true },
|
|
17
|
+
unmountOnHide: { type: Boolean, required: false },
|
|
18
|
+
asChild: { type: Boolean, required: false },
|
|
19
|
+
as: { type: null, required: false }
|
|
20
|
+
});
|
|
21
|
+
const forwardProps = useForwardProps(reactiveOmit(props, ["una", "label", "content", "_accordionContent", "_accordionHeader", "_accordionTrigger"]));
|
|
22
|
+
</script>
|
|
23
|
+
|
|
24
|
+
<template>
|
|
25
|
+
<AccordionItem
|
|
26
|
+
v-slot="{ open }"
|
|
27
|
+
v-bind="forwardProps"
|
|
28
|
+
:class="cn('accordion-item', una?.accordionItem)"
|
|
29
|
+
>
|
|
30
|
+
<slot :open>
|
|
31
|
+
<NAccordionHeader :una v-bind="_accordionHeader">
|
|
32
|
+
<Primitive
|
|
33
|
+
as-child
|
|
34
|
+
:label
|
|
35
|
+
v-bind="_accordionTrigger"
|
|
36
|
+
:una="{
|
|
37
|
+
btnLeading: cn('accordion-leading', una?.accordionLeading),
|
|
38
|
+
btnTrailing: cn(
|
|
39
|
+
'accordion-trailing',
|
|
40
|
+
una?.accordionTrailing,
|
|
41
|
+
open ? una?.accordionTrailingOpen : una?.accordionTrailingClose
|
|
42
|
+
)
|
|
43
|
+
}"
|
|
44
|
+
>
|
|
45
|
+
<slot name="header" :open>
|
|
46
|
+
<NAccordionTrigger>
|
|
47
|
+
<slot name="trigger" :open />
|
|
48
|
+
</NAccordionTrigger>
|
|
49
|
+
</slot>
|
|
50
|
+
</Primitive>
|
|
51
|
+
</NAccordionHeader>
|
|
52
|
+
<NAccordionContent :una v-bind="_accordionContent">
|
|
53
|
+
<slot name="content" :open>
|
|
54
|
+
{{ content }}
|
|
55
|
+
</slot>
|
|
56
|
+
</NAccordionContent>
|
|
57
|
+
</slot>
|
|
58
|
+
</AccordionItem>
|
|
59
|
+
</template>
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import type { NAccordionItemProps } from '../../../types/accordion.js';
|
|
2
|
+
declare var __VLS_6: {
|
|
3
|
+
open: boolean;
|
|
4
|
+
}, __VLS_15: {
|
|
5
|
+
open: boolean;
|
|
6
|
+
}, __VLS_20: {
|
|
7
|
+
open: boolean;
|
|
8
|
+
}, __VLS_25: {
|
|
9
|
+
open: boolean;
|
|
10
|
+
};
|
|
11
|
+
type __VLS_Slots = {} & {
|
|
12
|
+
default?: (props: typeof __VLS_6) => any;
|
|
13
|
+
} & {
|
|
14
|
+
header?: (props: typeof __VLS_15) => any;
|
|
15
|
+
} & {
|
|
16
|
+
trigger?: (props: typeof __VLS_20) => any;
|
|
17
|
+
} & {
|
|
18
|
+
content?: (props: typeof __VLS_25) => any;
|
|
19
|
+
};
|
|
20
|
+
declare const __VLS_component: import("vue").DefineComponent<NAccordionItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NAccordionItemProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
21
|
+
declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
|
|
22
|
+
export default _default;
|
|
23
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
24
|
+
new (): {
|
|
25
|
+
$slots: S;
|
|
26
|
+
};
|
|
27
|
+
};
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
<script setup>
|
|
2
|
+
import { reactiveOmit } from "@vueuse/core";
|
|
3
|
+
import { AccordionTrigger, useForwardProps } from "reka-ui";
|
|
4
|
+
import { cn } from "../../../utils";
|
|
5
|
+
const props = defineProps({
|
|
6
|
+
una: { type: Object, required: false },
|
|
7
|
+
asChild: { type: Boolean, required: false },
|
|
8
|
+
as: { type: null, required: false },
|
|
9
|
+
type: { type: String, required: false },
|
|
10
|
+
loadingPlacement: { type: String, required: false },
|
|
11
|
+
icon: { type: Boolean, required: false },
|
|
12
|
+
disabled: { type: Boolean, required: false },
|
|
13
|
+
reverse: { type: Boolean, required: false },
|
|
14
|
+
loading: { type: Boolean, required: false },
|
|
15
|
+
block: { type: Boolean, required: false },
|
|
16
|
+
to: { type: null, required: false },
|
|
17
|
+
label: { type: String, required: false },
|
|
18
|
+
btn: { type: String, required: false, default: "~ text" },
|
|
19
|
+
leading: { type: String, required: false },
|
|
20
|
+
trailing: { type: String, required: false, default: "accordion-trailing-icon" },
|
|
21
|
+
size: { type: String, required: false },
|
|
22
|
+
square: { type: null, required: false },
|
|
23
|
+
rounded: { type: null, required: false },
|
|
24
|
+
class: { type: null, required: false },
|
|
25
|
+
breadcrumbActive: { type: String, required: false },
|
|
26
|
+
breadcrumbInactive: { type: String, required: false },
|
|
27
|
+
paginationSelected: { type: String, required: false },
|
|
28
|
+
paginationUnselected: { type: String, required: false },
|
|
29
|
+
dropdownMenu: { type: String, required: false },
|
|
30
|
+
toggleOn: { type: String, required: false },
|
|
31
|
+
toggleOff: { type: String, required: false },
|
|
32
|
+
tabsActive: { type: String, required: false },
|
|
33
|
+
tabsInactive: { type: String, required: false },
|
|
34
|
+
navigationMenu: { type: String, required: false },
|
|
35
|
+
navigationMenuLink: { type: String, required: false },
|
|
36
|
+
ariaLabel: { type: String, required: false }
|
|
37
|
+
});
|
|
38
|
+
const forwardProps = useForwardProps(reactiveOmit(props, ["una"]));
|
|
39
|
+
</script>
|
|
40
|
+
|
|
41
|
+
<template>
|
|
42
|
+
<AccordionTrigger
|
|
43
|
+
class="group/accordion-trigger accordion-trigger"
|
|
44
|
+
v-bind="forwardProps"
|
|
45
|
+
as-child
|
|
46
|
+
:una="{
|
|
47
|
+
...una,
|
|
48
|
+
btn: cn('accordion-trigger-padding', una?.btn),
|
|
49
|
+
btnLabel: cn('accordion-trigger-label', una?.btnLabel)
|
|
50
|
+
}"
|
|
51
|
+
>
|
|
52
|
+
<slot>
|
|
53
|
+
<NButton />
|
|
54
|
+
</slot>
|
|
55
|
+
</AccordionTrigger>
|
|
56
|
+
</template>
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import type { NAccordionTriggerProps } from '../../../types/accordion.js';
|
|
2
|
+
declare var __VLS_6: {};
|
|
3
|
+
type __VLS_Slots = {} & {
|
|
4
|
+
default?: (props: typeof __VLS_6) => any;
|
|
5
|
+
};
|
|
6
|
+
declare const __VLS_component: import("vue").DefineComponent<NAccordionTriggerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NAccordionTriggerProps> & Readonly<{}>, {
|
|
7
|
+
btn: string;
|
|
8
|
+
trailing: string;
|
|
9
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
10
|
+
declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
|
|
11
|
+
export default _default;
|
|
12
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
13
|
+
new (): {
|
|
14
|
+
$slots: S;
|
|
15
|
+
};
|
|
16
|
+
};
|
|
@@ -7,9 +7,9 @@ type __VLS_Slots = {} & {
|
|
|
7
7
|
};
|
|
8
8
|
declare const __VLS_component: import("vue").DefineComponent<NAvatarProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NAvatarProps> & Readonly<{}>, {
|
|
9
9
|
size: import("vue").HTMLAttributes["class"];
|
|
10
|
+
as: import("reka-ui").AsTag | import("vue").Component;
|
|
10
11
|
square: import("vue").HTMLAttributes["class"];
|
|
11
12
|
rounded: import("vue").HTMLAttributes["class"];
|
|
12
|
-
as: import("reka-ui").AsTag | import("vue").Component;
|
|
13
13
|
avatar: import("vue").HTMLAttributes["class"];
|
|
14
14
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
15
15
|
declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import type { NDialogProps } from '../../../types/index.js';
|
|
2
2
|
declare var __VLS_10: {
|
|
3
|
-
open:
|
|
3
|
+
open: boolean;
|
|
4
4
|
}, __VLS_26: {}, __VLS_31: {}, __VLS_36: {}, __VLS_41: {}, __VLS_43: {}, __VLS_48: {};
|
|
5
5
|
type __VLS_Slots = {} & {
|
|
6
6
|
trigger?: (props: typeof __VLS_10) => any;
|