@shwfed/nuxt 0.1.30 → 0.1.32
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.d.mts +10 -1
- package/dist/module.json +1 -1
- package/dist/module.mjs +1 -0
- package/dist/runtime/components/app.d.vue.ts +2 -0
- package/dist/runtime/components/app.vue +4 -0
- package/dist/runtime/components/app.vue.d.ts +2 -0
- package/dist/runtime/components/query.d.vue.ts +12 -1
- package/dist/runtime/components/query.vue +17 -3
- package/dist/runtime/components/query.vue.d.ts +12 -1
- package/dist/runtime/components/ui/input/Input.vue +1 -1
- package/dist/runtime/components/ui/input-group/{InputCombobox.vue → InputGroupCombobox.vue} +2 -2
- package/dist/runtime/components/ui/input-group/InputGroupNumberField.d.vue.ts +12 -0
- package/dist/runtime/components/ui/input-group/InputGroupNumberField.vue +45 -0
- package/dist/runtime/components/ui/input-group/InputGroupNumberField.vue.d.ts +12 -0
- package/dist/runtime/components/ui/input-group/index.d.ts +2 -1
- package/dist/runtime/components/ui/input-group/index.js +2 -1
- package/dist/runtime/components/ui/navigation-menu/NavigationMenu.d.vue.ts +27 -0
- package/dist/runtime/components/ui/navigation-menu/NavigationMenu.vue +41 -0
- package/dist/runtime/components/ui/navigation-menu/NavigationMenu.vue.d.ts +27 -0
- package/dist/runtime/components/ui/navigation-menu/NavigationMenuContent.d.vue.ts +28 -0
- package/dist/runtime/components/ui/navigation-menu/NavigationMenuContent.vue +32 -0
- package/dist/runtime/components/ui/navigation-menu/NavigationMenuContent.vue.d.ts +28 -0
- package/dist/runtime/components/ui/navigation-menu/NavigationMenuIndicator.d.vue.ts +8 -0
- package/dist/runtime/components/ui/navigation-menu/NavigationMenuIndicator.vue +23 -0
- package/dist/runtime/components/ui/navigation-menu/NavigationMenuIndicator.vue.d.ts +8 -0
- package/dist/runtime/components/ui/navigation-menu/NavigationMenuItem.d.vue.ts +18 -0
- package/dist/runtime/components/ui/navigation-menu/NavigationMenuItem.vue +22 -0
- package/dist/runtime/components/ui/navigation-menu/NavigationMenuItem.vue.d.ts +18 -0
- package/dist/runtime/components/ui/navigation-menu/NavigationMenuLink.d.vue.ts +26 -0
- package/dist/runtime/components/ui/navigation-menu/NavigationMenuLink.vue +27 -0
- package/dist/runtime/components/ui/navigation-menu/NavigationMenuLink.vue.d.ts +26 -0
- package/dist/runtime/components/ui/navigation-menu/NavigationMenuList.d.vue.ts +18 -0
- package/dist/runtime/components/ui/navigation-menu/NavigationMenuList.vue +27 -0
- package/dist/runtime/components/ui/navigation-menu/NavigationMenuList.vue.d.ts +18 -0
- package/dist/runtime/components/ui/navigation-menu/NavigationMenuTrigger.d.vue.ts +18 -0
- package/dist/runtime/components/ui/navigation-menu/NavigationMenuTrigger.vue +33 -0
- package/dist/runtime/components/ui/navigation-menu/NavigationMenuTrigger.vue.d.ts +18 -0
- package/dist/runtime/components/ui/navigation-menu/NavigationMenuViewport.d.vue.ts +8 -0
- package/dist/runtime/components/ui/navigation-menu/NavigationMenuViewport.vue +32 -0
- package/dist/runtime/components/ui/navigation-menu/NavigationMenuViewport.vue.d.ts +8 -0
- package/dist/runtime/components/ui/navigation-menu/index.d.ts +9 -0
- package/dist/runtime/components/ui/navigation-menu/index.js +12 -0
- package/dist/runtime/plugins/api/index.d.ts +6 -0
- package/dist/runtime/plugins/api/index.js +38 -0
- package/dist/runtime/plugins/cel/env.js +12 -1
- package/dist/runtime/plugins/cel/index.js +2 -4
- package/package.json +1 -1
- /package/dist/runtime/components/ui/input-group/{InputCombobox.d.vue.ts → InputGroupCombobox.d.vue.ts} +0 -0
- /package/dist/runtime/components/ui/input-group/{InputCombobox.vue.d.ts → InputGroupCombobox.vue.d.ts} +0 -0
- /package/dist/runtime/components/ui/input-group/{InputComboboxInput.d.vue.ts → InputGroupComboboxInput.d.vue.ts} +0 -0
- /package/dist/runtime/components/ui/input-group/{InputComboboxInput.vue → InputGroupComboboxInput.vue} +0 -0
- /package/dist/runtime/components/ui/input-group/{InputComboboxInput.vue.d.ts → InputGroupComboboxInput.vue.d.ts} +0 -0
package/dist/module.d.mts
CHANGED
|
@@ -1,7 +1,16 @@
|
|
|
1
1
|
import * as _nuxt_schema from '@nuxt/schema';
|
|
2
2
|
|
|
3
3
|
interface ModuleOptions {
|
|
4
|
-
|
|
4
|
+
apis: Readonly<{
|
|
5
|
+
/**
|
|
6
|
+
* DSL
|
|
7
|
+
*/
|
|
8
|
+
headers?: string;
|
|
9
|
+
/**
|
|
10
|
+
* DSL
|
|
11
|
+
*/
|
|
12
|
+
baseURL: string;
|
|
13
|
+
}>;
|
|
5
14
|
}
|
|
6
15
|
declare module 'nuxt/schema' {
|
|
7
16
|
interface PublicRuntimeConfig {
|
package/dist/module.json
CHANGED
package/dist/module.mjs
CHANGED
|
@@ -18,6 +18,7 @@ const module$1 = defineNuxtModule({
|
|
|
18
18
|
addPlugin(resolver.resolve("runtime/plugins/i18n/index"));
|
|
19
19
|
addPlugin(resolver.resolve("runtime/plugins/cel/index"));
|
|
20
20
|
addPlugin(resolver.resolve("runtime/plugins/markdown/index"));
|
|
21
|
+
addPlugin(resolver.resolve("runtime/plugins/api/index"));
|
|
21
22
|
addPlugin({
|
|
22
23
|
src: resolver.resolve("runtime/plugins/toast/index"),
|
|
23
24
|
mode: "client"
|
|
@@ -9,6 +9,7 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
|
|
|
9
9
|
children: ReadonlyArray<Readonly<{
|
|
10
10
|
id: string;
|
|
11
11
|
title: string;
|
|
12
|
+
keywords?: ReadonlyArray<string>;
|
|
12
13
|
icon?: string;
|
|
13
14
|
effect: Effect.Effect<void, never, Scope.Scope>;
|
|
14
15
|
}>>;
|
|
@@ -20,6 +21,7 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
|
|
|
20
21
|
children: ReadonlyArray<Readonly<{
|
|
21
22
|
id: string;
|
|
22
23
|
title: string;
|
|
24
|
+
keywords?: ReadonlyArray<string>;
|
|
23
25
|
icon?: string;
|
|
24
26
|
effect: Effect.Effect<void, never, Scope.Scope>;
|
|
25
27
|
}>>;
|
|
@@ -70,6 +70,10 @@ whenever(() => meta_k?.value, () => {
|
|
|
70
70
|
:icon="child.icon"
|
|
71
71
|
/>
|
|
72
72
|
<span>{{ child.title }}</span>
|
|
73
|
+
<span
|
|
74
|
+
v-if="child.keywords?.length"
|
|
75
|
+
class="sr-only"
|
|
76
|
+
>{{ child.keywords.join(" ") }}</span>
|
|
73
77
|
</CommandItem>
|
|
74
78
|
</CommandGroup>
|
|
75
79
|
<CommandSeparator v-if="i !== Object.keys(commands ?? {}).length - 1" />
|
|
@@ -9,6 +9,7 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
|
|
|
9
9
|
children: ReadonlyArray<Readonly<{
|
|
10
10
|
id: string;
|
|
11
11
|
title: string;
|
|
12
|
+
keywords?: ReadonlyArray<string>;
|
|
12
13
|
icon?: string;
|
|
13
14
|
effect: Effect.Effect<void, never, Scope.Scope>;
|
|
14
15
|
}>>;
|
|
@@ -20,6 +21,7 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
|
|
|
20
21
|
children: ReadonlyArray<Readonly<{
|
|
21
22
|
id: string;
|
|
22
23
|
title: string;
|
|
24
|
+
keywords?: ReadonlyArray<string>;
|
|
23
25
|
icon?: string;
|
|
24
26
|
effect: Effect.Effect<void, never, Scope.Scope>;
|
|
25
27
|
}>>;
|
|
@@ -28,7 +28,18 @@ type SelectField = Readonly<{
|
|
|
28
28
|
options: ReadonlyArray<OptionsGroup>;
|
|
29
29
|
class?: ClassValue;
|
|
30
30
|
}>;
|
|
31
|
-
type
|
|
31
|
+
type NumberField = Readonly<{
|
|
32
|
+
type: 'number';
|
|
33
|
+
path: string;
|
|
34
|
+
label: Record<string, string>;
|
|
35
|
+
intial?: string;
|
|
36
|
+
icon?: string;
|
|
37
|
+
class?: ClassValue;
|
|
38
|
+
min?: number;
|
|
39
|
+
max?: number;
|
|
40
|
+
step?: number;
|
|
41
|
+
}>;
|
|
42
|
+
type Field = TextField | SelectField | NumberField;
|
|
32
43
|
declare const _default: typeof __VLS_export;
|
|
33
44
|
export default _default;
|
|
34
45
|
declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
<script>
|
|
2
2
|
import { Icon } from "@iconify/vue";
|
|
3
3
|
import { Field, FieldLabel } from "./ui/field";
|
|
4
|
-
import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput,
|
|
4
|
+
import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupCombobox, InputGroupNumberField } from "./ui/input-group";
|
|
5
5
|
import { Tooltip, TooltipContent, TooltipTrigger } from "./ui/tooltip";
|
|
6
6
|
import { useI18n } from "vue-i18n";
|
|
7
7
|
import { deleteProperty, getProperty, hasProperty, setProperty } from "dot-prop";
|
|
@@ -49,7 +49,7 @@ const isCheating = useCheating();
|
|
|
49
49
|
}
|
|
50
50
|
}"
|
|
51
51
|
/>
|
|
52
|
-
<
|
|
52
|
+
<InputGroupCombobox
|
|
53
53
|
v-if="field.type === 'select'"
|
|
54
54
|
>
|
|
55
55
|
<CommandGroup
|
|
@@ -73,7 +73,21 @@ const isCheating = useCheating();
|
|
|
73
73
|
</slot>
|
|
74
74
|
</CommandItem>
|
|
75
75
|
</CommandGroup>
|
|
76
|
-
</
|
|
76
|
+
</InputGroupCombobox>
|
|
77
|
+
<InputGroupNumberField
|
|
78
|
+
v-if="field.type === 'number'"
|
|
79
|
+
:model-value="getProperty(modelValue, field.path) ?? null"
|
|
80
|
+
:min="field.min"
|
|
81
|
+
:max="field.max"
|
|
82
|
+
:step="field.step"
|
|
83
|
+
@update:model-value="(value) => {
|
|
84
|
+
if (!value) {
|
|
85
|
+
deleteProperty(modelValue, field.path);
|
|
86
|
+
} else {
|
|
87
|
+
setProperty(modelValue, field.path, value);
|
|
88
|
+
}
|
|
89
|
+
}"
|
|
90
|
+
/>
|
|
77
91
|
<InputGroupAddon v-if="field.icon">
|
|
78
92
|
<Icon
|
|
79
93
|
:icon="field.icon"
|
|
@@ -28,7 +28,18 @@ type SelectField = Readonly<{
|
|
|
28
28
|
options: ReadonlyArray<OptionsGroup>;
|
|
29
29
|
class?: ClassValue;
|
|
30
30
|
}>;
|
|
31
|
-
type
|
|
31
|
+
type NumberField = Readonly<{
|
|
32
|
+
type: 'number';
|
|
33
|
+
path: string;
|
|
34
|
+
label: Record<string, string>;
|
|
35
|
+
intial?: string;
|
|
36
|
+
icon?: string;
|
|
37
|
+
class?: ClassValue;
|
|
38
|
+
min?: number;
|
|
39
|
+
max?: number;
|
|
40
|
+
step?: number;
|
|
41
|
+
}>;
|
|
42
|
+
type Field = TextField | SelectField | NumberField;
|
|
32
43
|
declare const _default: typeof __VLS_export;
|
|
33
44
|
export default _default;
|
|
34
45
|
declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
|
|
@@ -20,7 +20,7 @@ const modelValue = useVModel(props, "modelValue", emits, {
|
|
|
20
20
|
data-slot="input"
|
|
21
21
|
:data-value="!treatEmptyAsDifferentStateFromNull ? !!modelValue : modelValue !== void 0"
|
|
22
22
|
:class="cn(
|
|
23
|
-
'file:text-zinc-700 placeholder:text-zinc-700 border-zinc-200 h-9 w-full min-w-0 rounded border bg-transparent px-3 py-1 text-base transition-colors ease-out duration-180 outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm',
|
|
23
|
+
'file:text-zinc-700 placeholder:text-zinc-700 text-zinc-700 border-zinc-200 h-9 w-full min-w-0 rounded border bg-transparent px-3 py-1 text-base transition-colors ease-out duration-180 outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm',
|
|
24
24
|
'aria-invalid:border-red-400 hover:border-zinc-300 focus-visible:border-(--primary)',
|
|
25
25
|
props.class
|
|
26
26
|
)"
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
<script setup>
|
|
2
2
|
import { Popover, PopoverTrigger, PopoverContent } from "../popover";
|
|
3
3
|
import { Command, CommandList, CommandEmpty } from "../command";
|
|
4
|
-
import
|
|
4
|
+
import InputGroupComboboxInput from "./InputGroupComboboxInput.vue";
|
|
5
5
|
import { useI18n } from "vue-i18n";
|
|
6
6
|
import { Icon } from "@iconify/vue";
|
|
7
7
|
import { useForwardProps } from "reka-ui";
|
|
@@ -41,7 +41,7 @@ const forwarded = useForwardProps(props);
|
|
|
41
41
|
as="input"
|
|
42
42
|
as-child
|
|
43
43
|
>
|
|
44
|
-
<
|
|
44
|
+
<InputGroupComboboxInput />
|
|
45
45
|
</PopoverTrigger>
|
|
46
46
|
<PopoverContent
|
|
47
47
|
v-bind="forwarded"
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import type { NumberFieldRootProps } from 'reka-ui';
|
|
2
|
+
import type { HTMLAttributes } from 'vue';
|
|
3
|
+
type __VLS_Props = NumberFieldRootProps & {
|
|
4
|
+
class?: HTMLAttributes['class'];
|
|
5
|
+
};
|
|
6
|
+
declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
7
|
+
"update:modelValue": (val: number) => any;
|
|
8
|
+
}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
9
|
+
"onUpdate:modelValue"?: ((val: number) => any) | undefined;
|
|
10
|
+
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
11
|
+
declare const _default: typeof __VLS_export;
|
|
12
|
+
export default _default;
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
<script setup>
|
|
2
|
+
import { reactiveOmit } from "@vueuse/core";
|
|
3
|
+
import { NumberFieldInput } from "reka-ui";
|
|
4
|
+
import { NumberField } from "../number-field";
|
|
5
|
+
import { cn } from "../../../utils/cn";
|
|
6
|
+
const props = defineProps({
|
|
7
|
+
defaultValue: { type: Number, required: false },
|
|
8
|
+
modelValue: { type: [Number, null], required: false },
|
|
9
|
+
min: { type: Number, required: false },
|
|
10
|
+
max: { type: Number, required: false },
|
|
11
|
+
step: { type: Number, required: false },
|
|
12
|
+
stepSnapping: { type: Boolean, required: false },
|
|
13
|
+
focusOnChange: { type: Boolean, required: false },
|
|
14
|
+
formatOptions: { type: null, required: false },
|
|
15
|
+
locale: { type: String, required: false },
|
|
16
|
+
disabled: { type: Boolean, required: false },
|
|
17
|
+
readonly: { type: Boolean, required: false },
|
|
18
|
+
disableWheelChange: { type: Boolean, required: false },
|
|
19
|
+
invertWheelChange: { type: Boolean, required: false },
|
|
20
|
+
id: { type: String, required: false },
|
|
21
|
+
asChild: { type: Boolean, required: false },
|
|
22
|
+
as: { type: null, required: false },
|
|
23
|
+
name: { type: String, required: false },
|
|
24
|
+
required: { type: Boolean, required: false },
|
|
25
|
+
class: { type: null, required: false }
|
|
26
|
+
});
|
|
27
|
+
const emits = defineEmits(["update:modelValue"]);
|
|
28
|
+
const delegatedProps = reactiveOmit(props, "class");
|
|
29
|
+
</script>
|
|
30
|
+
|
|
31
|
+
<template>
|
|
32
|
+
<NumberField
|
|
33
|
+
v-bind="delegatedProps"
|
|
34
|
+
:class="cn('flex-1 contents', props.class)"
|
|
35
|
+
@update:model-value="emits('update:modelValue', $event)"
|
|
36
|
+
>
|
|
37
|
+
<NumberFieldInput
|
|
38
|
+
data-slot="input-group-control"
|
|
39
|
+
:data-value="typeof delegatedProps.modelValue === 'number'"
|
|
40
|
+
:class="cn(
|
|
41
|
+
'flex-1 px-2 py-1 rounded-none w-full text-sm text-slate-700 border-0 bg-transparent shadow-none dark:bg-transparent outline-none peer'
|
|
42
|
+
)"
|
|
43
|
+
/>
|
|
44
|
+
</NumberField>
|
|
45
|
+
</template>
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import type { NumberFieldRootProps } from 'reka-ui';
|
|
2
|
+
import type { HTMLAttributes } from 'vue';
|
|
3
|
+
type __VLS_Props = NumberFieldRootProps & {
|
|
4
|
+
class?: HTMLAttributes['class'];
|
|
5
|
+
};
|
|
6
|
+
declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
7
|
+
"update:modelValue": (val: number) => any;
|
|
8
|
+
}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
9
|
+
"onUpdate:modelValue"?: ((val: number) => any) | undefined;
|
|
10
|
+
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
11
|
+
declare const _default: typeof __VLS_export;
|
|
12
|
+
export default _default;
|
|
@@ -6,7 +6,8 @@ export { default as InputGroupButton } from './InputGroupButton.vue.js';
|
|
|
6
6
|
export { default as InputGroupInput } from './InputGroupInput.vue.js';
|
|
7
7
|
export { default as InputGroupText } from './InputGroupText.vue.js';
|
|
8
8
|
export { default as InputGroupTextarea } from './InputGroupTextarea.vue.js';
|
|
9
|
-
export { default as
|
|
9
|
+
export { default as InputGroupCombobox } from './InputGroupCombobox.vue.js';
|
|
10
|
+
export { default as InputGroupNumberField } from './InputGroupNumberField.vue.js';
|
|
10
11
|
export declare const inputGroupAddonVariants: (props?: ({
|
|
11
12
|
align?: "inline-start" | "inline-end" | "block-start" | "block-end" | null | undefined;
|
|
12
13
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
@@ -6,7 +6,8 @@ export { default as InputGroupButton } from "./InputGroupButton.vue";
|
|
|
6
6
|
export { default as InputGroupInput } from "./InputGroupInput.vue";
|
|
7
7
|
export { default as InputGroupText } from "./InputGroupText.vue";
|
|
8
8
|
export { default as InputGroupTextarea } from "./InputGroupTextarea.vue";
|
|
9
|
-
export { default as
|
|
9
|
+
export { default as InputGroupCombobox } from "./InputGroupCombobox.vue";
|
|
10
|
+
export { default as InputGroupNumberField } from "./InputGroupNumberField.vue";
|
|
10
11
|
export const inputGroupAddonVariants = cva(
|
|
11
12
|
"text-muted-foreground flex h-auto cursor-text items-center justify-center gap-2 py-1.5 text-sm font-medium select-none [&>svg:not([class*='size-'])]:size-4 [&>kbd]:rounded-[calc(var(--radius)-5px)] group-data-[disabled=true]/input-group:opacity-50",
|
|
12
13
|
{
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import type { NavigationMenuRootProps } from 'reka-ui';
|
|
2
|
+
import type { HTMLAttributes } from 'vue';
|
|
3
|
+
type __VLS_Props = NavigationMenuRootProps & {
|
|
4
|
+
class?: HTMLAttributes['class'];
|
|
5
|
+
viewport?: boolean;
|
|
6
|
+
};
|
|
7
|
+
declare var __VLS_8: {
|
|
8
|
+
modelValue: string;
|
|
9
|
+
};
|
|
10
|
+
type __VLS_Slots = {} & {
|
|
11
|
+
default?: (props: typeof __VLS_8) => any;
|
|
12
|
+
};
|
|
13
|
+
declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
14
|
+
"update:modelValue": (value: string) => any;
|
|
15
|
+
}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
16
|
+
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
|
|
17
|
+
}>, {
|
|
18
|
+
viewport: boolean;
|
|
19
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
20
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
21
|
+
declare const _default: typeof __VLS_export;
|
|
22
|
+
export default _default;
|
|
23
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
24
|
+
new (): {
|
|
25
|
+
$slots: S;
|
|
26
|
+
};
|
|
27
|
+
};
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
<script setup>
|
|
2
|
+
import { reactiveOmit } from "@vueuse/core";
|
|
3
|
+
import {
|
|
4
|
+
NavigationMenuRoot,
|
|
5
|
+
useForwardPropsEmits
|
|
6
|
+
} from "reka-ui";
|
|
7
|
+
import { cn } from "../../../utils/cn";
|
|
8
|
+
import NavigationMenuViewport from "./NavigationMenuViewport.vue";
|
|
9
|
+
const props = defineProps({
|
|
10
|
+
modelValue: { type: String, required: false },
|
|
11
|
+
defaultValue: { type: String, required: false },
|
|
12
|
+
dir: { type: String, required: false },
|
|
13
|
+
orientation: { type: String, required: false },
|
|
14
|
+
delayDuration: { type: Number, required: false },
|
|
15
|
+
skipDelayDuration: { type: Number, required: false },
|
|
16
|
+
disableClickTrigger: { type: Boolean, required: false },
|
|
17
|
+
disableHoverTrigger: { type: Boolean, required: false },
|
|
18
|
+
disablePointerLeaveClose: { type: Boolean, required: false },
|
|
19
|
+
unmountOnHide: { type: Boolean, required: false },
|
|
20
|
+
asChild: { type: Boolean, required: false },
|
|
21
|
+
as: { type: null, required: false },
|
|
22
|
+
class: { type: null, required: false },
|
|
23
|
+
viewport: { type: Boolean, required: false, default: true }
|
|
24
|
+
});
|
|
25
|
+
const emits = defineEmits(["update:modelValue"]);
|
|
26
|
+
const delegatedProps = reactiveOmit(props, "class", "viewport");
|
|
27
|
+
const forwarded = useForwardPropsEmits(delegatedProps, emits);
|
|
28
|
+
</script>
|
|
29
|
+
|
|
30
|
+
<template>
|
|
31
|
+
<NavigationMenuRoot
|
|
32
|
+
v-slot="slotProps"
|
|
33
|
+
data-slot="navigation-menu"
|
|
34
|
+
:data-viewport="viewport"
|
|
35
|
+
v-bind="forwarded"
|
|
36
|
+
:class="cn('group/navigation-menu relative flex max-w-max flex-1 items-center justify-center', props.class)"
|
|
37
|
+
>
|
|
38
|
+
<slot v-bind="slotProps" />
|
|
39
|
+
<NavigationMenuViewport v-if="viewport" />
|
|
40
|
+
</NavigationMenuRoot>
|
|
41
|
+
</template>
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import type { NavigationMenuRootProps } from 'reka-ui';
|
|
2
|
+
import type { HTMLAttributes } from 'vue';
|
|
3
|
+
type __VLS_Props = NavigationMenuRootProps & {
|
|
4
|
+
class?: HTMLAttributes['class'];
|
|
5
|
+
viewport?: boolean;
|
|
6
|
+
};
|
|
7
|
+
declare var __VLS_8: {
|
|
8
|
+
modelValue: string;
|
|
9
|
+
};
|
|
10
|
+
type __VLS_Slots = {} & {
|
|
11
|
+
default?: (props: typeof __VLS_8) => any;
|
|
12
|
+
};
|
|
13
|
+
declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
14
|
+
"update:modelValue": (value: string) => any;
|
|
15
|
+
}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
16
|
+
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
|
|
17
|
+
}>, {
|
|
18
|
+
viewport: boolean;
|
|
19
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
20
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
21
|
+
declare const _default: typeof __VLS_export;
|
|
22
|
+
export default _default;
|
|
23
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
24
|
+
new (): {
|
|
25
|
+
$slots: S;
|
|
26
|
+
};
|
|
27
|
+
};
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import type { NavigationMenuContentProps } from 'reka-ui';
|
|
2
|
+
import type { HTMLAttributes } from 'vue';
|
|
3
|
+
type __VLS_Props = NavigationMenuContentProps & {
|
|
4
|
+
class?: HTMLAttributes['class'];
|
|
5
|
+
};
|
|
6
|
+
declare var __VLS_8: {};
|
|
7
|
+
type __VLS_Slots = {} & {
|
|
8
|
+
default?: (props: typeof __VLS_8) => any;
|
|
9
|
+
};
|
|
10
|
+
declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
11
|
+
escapeKeyDown: (event: KeyboardEvent) => any;
|
|
12
|
+
pointerDownOutside: (event: import("reka-ui").PointerDownOutsideEvent) => any;
|
|
13
|
+
focusOutside: (event: import("reka-ui").FocusOutsideEvent) => any;
|
|
14
|
+
interactOutside: (event: import("reka-ui").PointerDownOutsideEvent | import("reka-ui").FocusOutsideEvent) => any;
|
|
15
|
+
}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
16
|
+
onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
|
|
17
|
+
onPointerDownOutside?: ((event: import("reka-ui").PointerDownOutsideEvent) => any) | undefined;
|
|
18
|
+
onFocusOutside?: ((event: import("reka-ui").FocusOutsideEvent) => any) | undefined;
|
|
19
|
+
onInteractOutside?: ((event: import("reka-ui").PointerDownOutsideEvent | import("reka-ui").FocusOutsideEvent) => any) | undefined;
|
|
20
|
+
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
21
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
22
|
+
declare const _default: typeof __VLS_export;
|
|
23
|
+
export default _default;
|
|
24
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
25
|
+
new (): {
|
|
26
|
+
$slots: S;
|
|
27
|
+
};
|
|
28
|
+
};
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
<script setup>
|
|
2
|
+
import { reactiveOmit } from "@vueuse/core";
|
|
3
|
+
import {
|
|
4
|
+
NavigationMenuContent,
|
|
5
|
+
useForwardPropsEmits
|
|
6
|
+
} from "reka-ui";
|
|
7
|
+
import { cn } from "../../../utils/cn";
|
|
8
|
+
const props = defineProps({
|
|
9
|
+
forceMount: { type: Boolean, required: false },
|
|
10
|
+
disableOutsidePointerEvents: { type: Boolean, required: false },
|
|
11
|
+
asChild: { type: Boolean, required: false },
|
|
12
|
+
as: { type: null, required: false },
|
|
13
|
+
class: { type: null, required: false }
|
|
14
|
+
});
|
|
15
|
+
const emits = defineEmits(["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside"]);
|
|
16
|
+
const delegatedProps = reactiveOmit(props, "class");
|
|
17
|
+
const forwarded = useForwardPropsEmits(delegatedProps, emits);
|
|
18
|
+
</script>
|
|
19
|
+
|
|
20
|
+
<template>
|
|
21
|
+
<NavigationMenuContent
|
|
22
|
+
data-slot="navigation-menu-content"
|
|
23
|
+
v-bind="forwarded"
|
|
24
|
+
:class="cn(
|
|
25
|
+
'data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 top-0 left-0 w-full p-2 pr-2.5 md:absolute md:w-auto',
|
|
26
|
+
'group-data-[viewport=false]/navigation-menu:bg-white group-data-[viewport=false]/navigation-menu:text-slate-700 group-data-[viewport=false]/navigation-menu:data-[state=open]:animate-in group-data-[viewport=false]/navigation-menu:data-[state=closed]:animate-out group-data-[viewport=false]/navigation-menu:data-[state=closed]:zoom-out-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:zoom-in-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:fade-in-0 group-data-[viewport=false]/navigation-menu:data-[state=closed]:fade-out-0 group-data-[viewport=false]/navigation-menu:top-full group-data-[viewport=false]/navigation-menu:mt-1.5 group-data-[viewport=false]/navigation-menu:overflow-hidden group-data-[viewport=false]/navigation-menu:rounded-md group-data-[viewport=false]/navigation-menu:border group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=false]/navigation-menu:duration-200 **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none',
|
|
27
|
+
props.class
|
|
28
|
+
)"
|
|
29
|
+
>
|
|
30
|
+
<slot />
|
|
31
|
+
</NavigationMenuContent>
|
|
32
|
+
</template>
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import type { NavigationMenuContentProps } from 'reka-ui';
|
|
2
|
+
import type { HTMLAttributes } from 'vue';
|
|
3
|
+
type __VLS_Props = NavigationMenuContentProps & {
|
|
4
|
+
class?: HTMLAttributes['class'];
|
|
5
|
+
};
|
|
6
|
+
declare var __VLS_8: {};
|
|
7
|
+
type __VLS_Slots = {} & {
|
|
8
|
+
default?: (props: typeof __VLS_8) => any;
|
|
9
|
+
};
|
|
10
|
+
declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
11
|
+
escapeKeyDown: (event: KeyboardEvent) => any;
|
|
12
|
+
pointerDownOutside: (event: import("reka-ui").PointerDownOutsideEvent) => any;
|
|
13
|
+
focusOutside: (event: import("reka-ui").FocusOutsideEvent) => any;
|
|
14
|
+
interactOutside: (event: import("reka-ui").PointerDownOutsideEvent | import("reka-ui").FocusOutsideEvent) => any;
|
|
15
|
+
}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
16
|
+
onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
|
|
17
|
+
onPointerDownOutside?: ((event: import("reka-ui").PointerDownOutsideEvent) => any) | undefined;
|
|
18
|
+
onFocusOutside?: ((event: import("reka-ui").FocusOutsideEvent) => any) | undefined;
|
|
19
|
+
onInteractOutside?: ((event: import("reka-ui").PointerDownOutsideEvent | import("reka-ui").FocusOutsideEvent) => any) | undefined;
|
|
20
|
+
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
21
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
22
|
+
declare const _default: typeof __VLS_export;
|
|
23
|
+
export default _default;
|
|
24
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
25
|
+
new (): {
|
|
26
|
+
$slots: S;
|
|
27
|
+
};
|
|
28
|
+
};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { NavigationMenuIndicatorProps } from 'reka-ui';
|
|
2
|
+
import type { HTMLAttributes } from 'vue';
|
|
3
|
+
type __VLS_Props = NavigationMenuIndicatorProps & {
|
|
4
|
+
class?: HTMLAttributes['class'];
|
|
5
|
+
};
|
|
6
|
+
declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
7
|
+
declare const _default: typeof __VLS_export;
|
|
8
|
+
export default _default;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
<script setup>
|
|
2
|
+
import { reactiveOmit } from "@vueuse/core";
|
|
3
|
+
import { NavigationMenuIndicator, useForwardProps } from "reka-ui";
|
|
4
|
+
import { cn } from "../../../utils/cn";
|
|
5
|
+
const props = defineProps({
|
|
6
|
+
forceMount: { type: Boolean, required: false },
|
|
7
|
+
asChild: { type: Boolean, required: false },
|
|
8
|
+
as: { type: null, required: false },
|
|
9
|
+
class: { type: null, required: false }
|
|
10
|
+
});
|
|
11
|
+
const delegatedProps = reactiveOmit(props, "class");
|
|
12
|
+
const forwardedProps = useForwardProps(delegatedProps);
|
|
13
|
+
</script>
|
|
14
|
+
|
|
15
|
+
<template>
|
|
16
|
+
<NavigationMenuIndicator
|
|
17
|
+
data-slot="navigation-menu-indicator"
|
|
18
|
+
v-bind="forwardedProps"
|
|
19
|
+
:class="cn('data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in top-full z-1 flex h-1.5 items-end justify-center overflow-hidden', props.class)"
|
|
20
|
+
>
|
|
21
|
+
<div class="bg-border relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm shadow-md" />
|
|
22
|
+
</NavigationMenuIndicator>
|
|
23
|
+
</template>
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { NavigationMenuIndicatorProps } from 'reka-ui';
|
|
2
|
+
import type { HTMLAttributes } from 'vue';
|
|
3
|
+
type __VLS_Props = NavigationMenuIndicatorProps & {
|
|
4
|
+
class?: HTMLAttributes['class'];
|
|
5
|
+
};
|
|
6
|
+
declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
7
|
+
declare const _default: typeof __VLS_export;
|
|
8
|
+
export default _default;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import type { NavigationMenuItemProps } from 'reka-ui';
|
|
2
|
+
import type { HTMLAttributes } from 'vue';
|
|
3
|
+
type __VLS_Props = NavigationMenuItemProps & {
|
|
4
|
+
class?: HTMLAttributes['class'];
|
|
5
|
+
};
|
|
6
|
+
declare var __VLS_8: {};
|
|
7
|
+
type __VLS_Slots = {} & {
|
|
8
|
+
default?: (props: typeof __VLS_8) => any;
|
|
9
|
+
};
|
|
10
|
+
declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
11
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
12
|
+
declare const _default: typeof __VLS_export;
|
|
13
|
+
export default _default;
|
|
14
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
15
|
+
new (): {
|
|
16
|
+
$slots: S;
|
|
17
|
+
};
|
|
18
|
+
};
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
<script setup>
|
|
2
|
+
import { reactiveOmit } from "@vueuse/core";
|
|
3
|
+
import { NavigationMenuItem } from "reka-ui";
|
|
4
|
+
import { cn } from "../../../utils/cn";
|
|
5
|
+
const props = defineProps({
|
|
6
|
+
value: { type: String, required: false },
|
|
7
|
+
asChild: { type: Boolean, required: false },
|
|
8
|
+
as: { type: null, required: false },
|
|
9
|
+
class: { type: null, required: false }
|
|
10
|
+
});
|
|
11
|
+
const delegatedProps = reactiveOmit(props, "class");
|
|
12
|
+
</script>
|
|
13
|
+
|
|
14
|
+
<template>
|
|
15
|
+
<NavigationMenuItem
|
|
16
|
+
data-slot="navigation-menu-item"
|
|
17
|
+
v-bind="delegatedProps"
|
|
18
|
+
:class="cn('relative', props.class)"
|
|
19
|
+
>
|
|
20
|
+
<slot />
|
|
21
|
+
</NavigationMenuItem>
|
|
22
|
+
</template>
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import type { NavigationMenuItemProps } from 'reka-ui';
|
|
2
|
+
import type { HTMLAttributes } from 'vue';
|
|
3
|
+
type __VLS_Props = NavigationMenuItemProps & {
|
|
4
|
+
class?: HTMLAttributes['class'];
|
|
5
|
+
};
|
|
6
|
+
declare var __VLS_8: {};
|
|
7
|
+
type __VLS_Slots = {} & {
|
|
8
|
+
default?: (props: typeof __VLS_8) => any;
|
|
9
|
+
};
|
|
10
|
+
declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
11
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
12
|
+
declare const _default: typeof __VLS_export;
|
|
13
|
+
export default _default;
|
|
14
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
15
|
+
new (): {
|
|
16
|
+
$slots: S;
|
|
17
|
+
};
|
|
18
|
+
};
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import type { NavigationMenuLinkProps } from 'reka-ui';
|
|
2
|
+
import type { HTMLAttributes } from 'vue';
|
|
3
|
+
type __VLS_Props = NavigationMenuLinkProps & {
|
|
4
|
+
class?: HTMLAttributes['class'];
|
|
5
|
+
};
|
|
6
|
+
declare var __VLS_8: {};
|
|
7
|
+
type __VLS_Slots = {} & {
|
|
8
|
+
default?: (props: typeof __VLS_8) => any;
|
|
9
|
+
};
|
|
10
|
+
declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
11
|
+
select: (payload: CustomEvent<{
|
|
12
|
+
originalEvent: Event;
|
|
13
|
+
}>) => any;
|
|
14
|
+
}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
15
|
+
onSelect?: ((payload: CustomEvent<{
|
|
16
|
+
originalEvent: Event;
|
|
17
|
+
}>) => any) | undefined;
|
|
18
|
+
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
19
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
20
|
+
declare const _default: typeof __VLS_export;
|
|
21
|
+
export default _default;
|
|
22
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
23
|
+
new (): {
|
|
24
|
+
$slots: S;
|
|
25
|
+
};
|
|
26
|
+
};
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
<script setup>
|
|
2
|
+
import { reactiveOmit } from "@vueuse/core";
|
|
3
|
+
import {
|
|
4
|
+
NavigationMenuLink,
|
|
5
|
+
useForwardPropsEmits
|
|
6
|
+
} from "reka-ui";
|
|
7
|
+
import { cn } from "../../../utils/cn";
|
|
8
|
+
const props = defineProps({
|
|
9
|
+
active: { type: Boolean, required: false },
|
|
10
|
+
asChild: { type: Boolean, required: false },
|
|
11
|
+
as: { type: null, required: false },
|
|
12
|
+
class: { type: null, required: false }
|
|
13
|
+
});
|
|
14
|
+
const emits = defineEmits(["select"]);
|
|
15
|
+
const delegatedProps = reactiveOmit(props, "class");
|
|
16
|
+
const forwarded = useForwardPropsEmits(delegatedProps, emits);
|
|
17
|
+
</script>
|
|
18
|
+
|
|
19
|
+
<template>
|
|
20
|
+
<NavigationMenuLink
|
|
21
|
+
data-slot="navigation-menu-link"
|
|
22
|
+
v-bind="forwarded"
|
|
23
|
+
:class="cn('data-active:focus:bg-slate-100 data-active:hover:bg-slate-100 data-active:bg-slate-100 data-active:text-slate-900 hover:bg-slate-100 hover:text-slate-900 focus:bg-slate-100 focus:text-slate-900 ring-ring/10 dark:ring-ring/20 dark:outline-ring/40 outline-ring/50 [&_svg:not([class*=\'text-\'])]:text-muted-foreground flex flex-col gap-1 rounded-sm p-2 text-sm transition-[color,box-shadow] focus-visible:ring-4 focus-visible:outline-1 [&_svg:not([class*=\'size-\'])]:size-4', props.class)"
|
|
24
|
+
>
|
|
25
|
+
<slot />
|
|
26
|
+
</NavigationMenuLink>
|
|
27
|
+
</template>
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import type { NavigationMenuLinkProps } from 'reka-ui';
|
|
2
|
+
import type { HTMLAttributes } from 'vue';
|
|
3
|
+
type __VLS_Props = NavigationMenuLinkProps & {
|
|
4
|
+
class?: HTMLAttributes['class'];
|
|
5
|
+
};
|
|
6
|
+
declare var __VLS_8: {};
|
|
7
|
+
type __VLS_Slots = {} & {
|
|
8
|
+
default?: (props: typeof __VLS_8) => any;
|
|
9
|
+
};
|
|
10
|
+
declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
11
|
+
select: (payload: CustomEvent<{
|
|
12
|
+
originalEvent: Event;
|
|
13
|
+
}>) => any;
|
|
14
|
+
}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
15
|
+
onSelect?: ((payload: CustomEvent<{
|
|
16
|
+
originalEvent: Event;
|
|
17
|
+
}>) => any) | undefined;
|
|
18
|
+
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
19
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
20
|
+
declare const _default: typeof __VLS_export;
|
|
21
|
+
export default _default;
|
|
22
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
23
|
+
new (): {
|
|
24
|
+
$slots: S;
|
|
25
|
+
};
|
|
26
|
+
};
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import type { NavigationMenuListProps } from 'reka-ui';
|
|
2
|
+
import type { HTMLAttributes } from 'vue';
|
|
3
|
+
type __VLS_Props = NavigationMenuListProps & {
|
|
4
|
+
class?: HTMLAttributes['class'];
|
|
5
|
+
};
|
|
6
|
+
declare var __VLS_8: {};
|
|
7
|
+
type __VLS_Slots = {} & {
|
|
8
|
+
default?: (props: typeof __VLS_8) => any;
|
|
9
|
+
};
|
|
10
|
+
declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
11
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
12
|
+
declare const _default: typeof __VLS_export;
|
|
13
|
+
export default _default;
|
|
14
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
15
|
+
new (): {
|
|
16
|
+
$slots: S;
|
|
17
|
+
};
|
|
18
|
+
};
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
<script setup>
|
|
2
|
+
import { reactiveOmit } from "@vueuse/core";
|
|
3
|
+
import { NavigationMenuList, useForwardProps } from "reka-ui";
|
|
4
|
+
import { cn } from "../../../utils/cn";
|
|
5
|
+
const props = defineProps({
|
|
6
|
+
asChild: { type: Boolean, required: false },
|
|
7
|
+
as: { type: null, required: false },
|
|
8
|
+
class: { type: null, required: false }
|
|
9
|
+
});
|
|
10
|
+
const delegatedProps = reactiveOmit(props, "class");
|
|
11
|
+
const forwardedProps = useForwardProps(delegatedProps);
|
|
12
|
+
</script>
|
|
13
|
+
|
|
14
|
+
<template>
|
|
15
|
+
<NavigationMenuList
|
|
16
|
+
data-slot="navigation-menu-list"
|
|
17
|
+
v-bind="forwardedProps"
|
|
18
|
+
:class="
|
|
19
|
+
cn(
|
|
20
|
+
'group flex flex-1 list-none items-center justify-center gap-1',
|
|
21
|
+
props.class
|
|
22
|
+
)
|
|
23
|
+
"
|
|
24
|
+
>
|
|
25
|
+
<slot />
|
|
26
|
+
</NavigationMenuList>
|
|
27
|
+
</template>
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import type { NavigationMenuListProps } from 'reka-ui';
|
|
2
|
+
import type { HTMLAttributes } from 'vue';
|
|
3
|
+
type __VLS_Props = NavigationMenuListProps & {
|
|
4
|
+
class?: HTMLAttributes['class'];
|
|
5
|
+
};
|
|
6
|
+
declare var __VLS_8: {};
|
|
7
|
+
type __VLS_Slots = {} & {
|
|
8
|
+
default?: (props: typeof __VLS_8) => any;
|
|
9
|
+
};
|
|
10
|
+
declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
11
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
12
|
+
declare const _default: typeof __VLS_export;
|
|
13
|
+
export default _default;
|
|
14
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
15
|
+
new (): {
|
|
16
|
+
$slots: S;
|
|
17
|
+
};
|
|
18
|
+
};
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import type { NavigationMenuTriggerProps } from 'reka-ui';
|
|
2
|
+
import type { HTMLAttributes } from 'vue';
|
|
3
|
+
type __VLS_Props = NavigationMenuTriggerProps & {
|
|
4
|
+
class?: HTMLAttributes['class'];
|
|
5
|
+
};
|
|
6
|
+
declare var __VLS_8: {};
|
|
7
|
+
type __VLS_Slots = {} & {
|
|
8
|
+
default?: (props: typeof __VLS_8) => any;
|
|
9
|
+
};
|
|
10
|
+
declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
11
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
12
|
+
declare const _default: typeof __VLS_export;
|
|
13
|
+
export default _default;
|
|
14
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
15
|
+
new (): {
|
|
16
|
+
$slots: S;
|
|
17
|
+
};
|
|
18
|
+
};
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
<script setup>
|
|
2
|
+
import { Icon } from "@iconify/vue";
|
|
3
|
+
import { reactiveOmit } from "@vueuse/core";
|
|
4
|
+
import {
|
|
5
|
+
NavigationMenuTrigger,
|
|
6
|
+
useForwardProps
|
|
7
|
+
} from "reka-ui";
|
|
8
|
+
import { cn } from "../../../utils/cn";
|
|
9
|
+
import { navigationMenuTriggerStyle } from ".";
|
|
10
|
+
const props = defineProps({
|
|
11
|
+
disabled: { type: Boolean, required: false },
|
|
12
|
+
asChild: { type: Boolean, required: false },
|
|
13
|
+
as: { type: null, required: false },
|
|
14
|
+
class: { type: null, required: false }
|
|
15
|
+
});
|
|
16
|
+
const delegatedProps = reactiveOmit(props, "class");
|
|
17
|
+
const forwardedProps = useForwardProps(delegatedProps);
|
|
18
|
+
</script>
|
|
19
|
+
|
|
20
|
+
<template>
|
|
21
|
+
<NavigationMenuTrigger
|
|
22
|
+
data-slot="navigation-menu-trigger"
|
|
23
|
+
v-bind="forwardedProps"
|
|
24
|
+
:class="cn(navigationMenuTriggerStyle(), 'group', props.class)"
|
|
25
|
+
>
|
|
26
|
+
<slot />
|
|
27
|
+
<Icon
|
|
28
|
+
icon="fluent:chevron-down-20-regular"
|
|
29
|
+
class="relative top-0.5 ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180"
|
|
30
|
+
aria-hidden="true"
|
|
31
|
+
/>
|
|
32
|
+
</NavigationMenuTrigger>
|
|
33
|
+
</template>
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import type { NavigationMenuTriggerProps } from 'reka-ui';
|
|
2
|
+
import type { HTMLAttributes } from 'vue';
|
|
3
|
+
type __VLS_Props = NavigationMenuTriggerProps & {
|
|
4
|
+
class?: HTMLAttributes['class'];
|
|
5
|
+
};
|
|
6
|
+
declare var __VLS_8: {};
|
|
7
|
+
type __VLS_Slots = {} & {
|
|
8
|
+
default?: (props: typeof __VLS_8) => any;
|
|
9
|
+
};
|
|
10
|
+
declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
11
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
12
|
+
declare const _default: typeof __VLS_export;
|
|
13
|
+
export default _default;
|
|
14
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
15
|
+
new (): {
|
|
16
|
+
$slots: S;
|
|
17
|
+
};
|
|
18
|
+
};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { NavigationMenuViewportProps } from 'reka-ui';
|
|
2
|
+
import type { HTMLAttributes } from 'vue';
|
|
3
|
+
type __VLS_Props = NavigationMenuViewportProps & {
|
|
4
|
+
class?: HTMLAttributes['class'];
|
|
5
|
+
};
|
|
6
|
+
declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
7
|
+
declare const _default: typeof __VLS_export;
|
|
8
|
+
export default _default;
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
<script setup>
|
|
2
|
+
import { reactiveOmit } from "@vueuse/core";
|
|
3
|
+
import {
|
|
4
|
+
NavigationMenuViewport,
|
|
5
|
+
useForwardProps
|
|
6
|
+
} from "reka-ui";
|
|
7
|
+
import { cn } from "../../../utils/cn";
|
|
8
|
+
const props = defineProps({
|
|
9
|
+
forceMount: { type: Boolean, required: false },
|
|
10
|
+
align: { type: String, required: false },
|
|
11
|
+
asChild: { type: Boolean, required: false },
|
|
12
|
+
as: { type: null, required: false },
|
|
13
|
+
class: { type: null, required: false }
|
|
14
|
+
});
|
|
15
|
+
const delegatedProps = reactiveOmit(props, "class");
|
|
16
|
+
const forwardedProps = useForwardProps(delegatedProps);
|
|
17
|
+
</script>
|
|
18
|
+
|
|
19
|
+
<template>
|
|
20
|
+
<div class="absolute top-full left-0 isolate z-50 flex justify-center">
|
|
21
|
+
<NavigationMenuViewport
|
|
22
|
+
data-slot="navigation-menu-viewport"
|
|
23
|
+
v-bind="forwardedProps"
|
|
24
|
+
:class="
|
|
25
|
+
cn(
|
|
26
|
+
'origin-top-center bg-white text-slate-700 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 relative mt-1.5 h-(--reka-navigation-menu-viewport-height) w-full overflow-hidden rounded-md border shadow md:w-(--reka-navigation-menu-viewport-width) left-(--reka-navigation-menu-viewport-left)',
|
|
27
|
+
props.class
|
|
28
|
+
)
|
|
29
|
+
"
|
|
30
|
+
/>
|
|
31
|
+
</div>
|
|
32
|
+
</template>
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { NavigationMenuViewportProps } from 'reka-ui';
|
|
2
|
+
import type { HTMLAttributes } from 'vue';
|
|
3
|
+
type __VLS_Props = NavigationMenuViewportProps & {
|
|
4
|
+
class?: HTMLAttributes['class'];
|
|
5
|
+
};
|
|
6
|
+
declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
7
|
+
declare const _default: typeof __VLS_export;
|
|
8
|
+
export default _default;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
export { default as NavigationMenu } from './NavigationMenu.vue.js';
|
|
2
|
+
export { default as NavigationMenuContent } from './NavigationMenuContent.vue.js';
|
|
3
|
+
export { default as NavigationMenuIndicator } from './NavigationMenuIndicator.vue.js';
|
|
4
|
+
export { default as NavigationMenuItem } from './NavigationMenuItem.vue.js';
|
|
5
|
+
export { default as NavigationMenuLink } from './NavigationMenuLink.vue.js';
|
|
6
|
+
export { default as NavigationMenuList } from './NavigationMenuList.vue.js';
|
|
7
|
+
export { default as NavigationMenuTrigger } from './NavigationMenuTrigger.vue.js';
|
|
8
|
+
export { default as NavigationMenuViewport } from './NavigationMenuViewport.vue.js';
|
|
9
|
+
export declare const navigationMenuTriggerStyle: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { cva } from "class-variance-authority";
|
|
2
|
+
export { default as NavigationMenu } from "./NavigationMenu.vue";
|
|
3
|
+
export { default as NavigationMenuContent } from "./NavigationMenuContent.vue";
|
|
4
|
+
export { default as NavigationMenuIndicator } from "./NavigationMenuIndicator.vue";
|
|
5
|
+
export { default as NavigationMenuItem } from "./NavigationMenuItem.vue";
|
|
6
|
+
export { default as NavigationMenuLink } from "./NavigationMenuLink.vue";
|
|
7
|
+
export { default as NavigationMenuList } from "./NavigationMenuList.vue";
|
|
8
|
+
export { default as NavigationMenuTrigger } from "./NavigationMenuTrigger.vue";
|
|
9
|
+
export { default as NavigationMenuViewport } from "./NavigationMenuViewport.vue";
|
|
10
|
+
export const navigationMenuTriggerStyle = cva(
|
|
11
|
+
"group inline-flex h-9 w-max items-center justify-center rounded-md bg-white text-slate-700 border border-slate-200 px-4 py-2 text-sm font-medium hover:bg-slate-100 hover:text-slate-900 focus:bg-slate-100 focus:text-slate-900 disabled:pointer-events-none disabled:opacity-50 data-[state=open]:hover:bg-slate-100 data-[state=open]:text-slate-900 data-[state=open]:focus:bg-slate-100 outline-none transition-[color,box-shadow] focus-visible:outline-1"
|
|
12
|
+
);
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
declare const _default: import("#app").Plugin<{
|
|
2
|
+
api: import("nitropack").$Fetch<unknown, import("nitropack").NitroFetchRequest>;
|
|
3
|
+
}> & import("#app").ObjectPlugin<{
|
|
4
|
+
api: import("nitropack").$Fetch<unknown, import("nitropack").NitroFetchRequest>;
|
|
5
|
+
}>;
|
|
6
|
+
export default _default;
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { defineNuxtPlugin, useNuxtApp } from "#app";
|
|
2
|
+
import z from "zod";
|
|
3
|
+
export default defineNuxtPlugin({
|
|
4
|
+
name: "shwfed-nuxt:api",
|
|
5
|
+
dependsOn: ["shwfed-nuxt:cel"],
|
|
6
|
+
setup: (nuxt) => {
|
|
7
|
+
const { $dsl } = useNuxtApp();
|
|
8
|
+
const api = $fetch.create({
|
|
9
|
+
onRequest: ({
|
|
10
|
+
options
|
|
11
|
+
}) => {
|
|
12
|
+
if (options.baseURL === "/") {
|
|
13
|
+
try {
|
|
14
|
+
const baseURL = $dsl.evaluate`${nuxt.$config.public.shwfed.apis.baseURL}`();
|
|
15
|
+
if (typeof baseURL === "string") {
|
|
16
|
+
options.baseURL = baseURL;
|
|
17
|
+
}
|
|
18
|
+
} catch {
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
if (nuxt.$config.public.shwfed.apis.headers) {
|
|
22
|
+
try {
|
|
23
|
+
const headers = $dsl.evaluate`${nuxt.$config.public.shwfed.apis.headers}`();
|
|
24
|
+
for (const [key, value] of Object.entries(z.record(z.string(), z.string()).parse(headers))) {
|
|
25
|
+
options.headers.set(key, value);
|
|
26
|
+
}
|
|
27
|
+
} catch {
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
});
|
|
32
|
+
return {
|
|
33
|
+
provide: {
|
|
34
|
+
api
|
|
35
|
+
}
|
|
36
|
+
};
|
|
37
|
+
}
|
|
38
|
+
});
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Environment, EvaluationError } from "@marcbachmann/cel-js";
|
|
1
|
+
import { Environment, EvaluationError, Optional } from "@marcbachmann/cel-js";
|
|
2
2
|
import { startOfDay, startOfWeek, startOfYear, startOfMonth, endOfDay, endOfWeek, endOfYear, endOfMonth, addYears, addMonths, addDays, addWeeks, setDate, setMonth, setYear, formatDate, isBefore, isAfter, isEqual } from "date-fns";
|
|
3
3
|
import { TZDate } from "@date-fns/tz";
|
|
4
4
|
import { BigNumber } from "bignumber.js";
|
|
@@ -86,6 +86,17 @@ export function createEnvironment(_) {
|
|
|
86
86
|
return number.toLocaleString(navigator.language, options);
|
|
87
87
|
}).registerFunction("int.toLocaleString(dyn): string", (number, options) => {
|
|
88
88
|
return number.toLocaleString(navigator.language, options);
|
|
89
|
+
}).registerFunction("parseJSON(string): dyn", (string) => {
|
|
90
|
+
return JSON.parse(string);
|
|
91
|
+
}).registerFunction("session(string): optional<string>", (key) => {
|
|
92
|
+
if (typeof window === "undefined") return Optional.none();
|
|
93
|
+
try {
|
|
94
|
+
const value = window.sessionStorage.getItem(key);
|
|
95
|
+
if (value === null) return Optional.none();
|
|
96
|
+
return Optional.of(value);
|
|
97
|
+
} catch {
|
|
98
|
+
return Optional.none();
|
|
99
|
+
}
|
|
89
100
|
});
|
|
90
101
|
return env;
|
|
91
102
|
}
|
|
@@ -3,10 +3,8 @@ import defu from "defu";
|
|
|
3
3
|
import { createEnvironment } from "./env.js";
|
|
4
4
|
export default defineNuxtPlugin({
|
|
5
5
|
name: "shwfed-nuxt:cel",
|
|
6
|
-
setup: (
|
|
7
|
-
const env = createEnvironment({
|
|
8
|
-
features: nuxt.$config.public.shwfed.features
|
|
9
|
-
});
|
|
6
|
+
setup: () => {
|
|
7
|
+
const env = createEnvironment({});
|
|
10
8
|
return {
|
|
11
9
|
provide: {
|
|
12
10
|
dsl: {
|
package/package.json
CHANGED
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|