@falcondev-oss/nuxt-layers-base 0.28.1 → 0.29.1
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.
|
@@ -11,8 +11,8 @@ const form = useForm({
|
|
|
11
11
|
dateIso: z.string().meta({ title: 'Datum' }),
|
|
12
12
|
text: z
|
|
13
13
|
.string()
|
|
14
|
-
.
|
|
15
|
-
.max(
|
|
14
|
+
.length(8)
|
|
15
|
+
// .max(8)
|
|
16
16
|
.meta({
|
|
17
17
|
title: 'Text',
|
|
18
18
|
description: 'Beschreibung',
|
|
@@ -253,7 +253,8 @@ const columns = useTableColumns<typeof data>(
|
|
|
253
253
|
class="flex flex-col gap-4"
|
|
254
254
|
>
|
|
255
255
|
{{ form.data }}
|
|
256
|
-
<UField v-slot="{ bind }" :field="form.fields.text.$use()">
|
|
256
|
+
<UField v-slot="{ bind, field }" :field="form.fields.text.$use()">
|
|
257
|
+
{{ field.schema }}
|
|
257
258
|
<UInput class="w-full" v-bind="bind" />
|
|
258
259
|
</UField>
|
|
259
260
|
<UField
|
|
@@ -39,6 +39,7 @@ const omitHeaderSlots = [
|
|
|
39
39
|
'header-title',
|
|
40
40
|
'header-right',
|
|
41
41
|
'header-default',
|
|
42
|
+
'header-body',
|
|
42
43
|
] satisfies (keyof typeof slots)[]
|
|
43
44
|
|
|
44
45
|
const headerSlots = computed(() =>
|
|
@@ -97,6 +98,7 @@ const footerSlots = computed(() =>
|
|
|
97
98
|
<slot name="header-right">
|
|
98
99
|
<UActions
|
|
99
100
|
v-if="header.actions"
|
|
101
|
+
class="max-sm:hidden"
|
|
100
102
|
:actions="header.actions"
|
|
101
103
|
:defaults="{
|
|
102
104
|
variant: 'subtle',
|
|
@@ -105,6 +107,27 @@ const footerSlots = computed(() =>
|
|
|
105
107
|
</slot>
|
|
106
108
|
</template>
|
|
107
109
|
|
|
110
|
+
<template #body>
|
|
111
|
+
<slot name="header-body">
|
|
112
|
+
<div class="flex flex-col gap-4">
|
|
113
|
+
<UNavigationMenu
|
|
114
|
+
v-if="header.navigation"
|
|
115
|
+
v-bind="header.navigation"
|
|
116
|
+
orientation="vertical"
|
|
117
|
+
/>
|
|
118
|
+
<USeparator v-if="header.navigation && header.actions" />
|
|
119
|
+
<UActions
|
|
120
|
+
v-if="header.actions"
|
|
121
|
+
class="flex-col"
|
|
122
|
+
:actions="header.actions"
|
|
123
|
+
:defaults="{
|
|
124
|
+
variant: 'subtle',
|
|
125
|
+
}"
|
|
126
|
+
/>
|
|
127
|
+
</div>
|
|
128
|
+
</slot>
|
|
129
|
+
</template>
|
|
130
|
+
|
|
108
131
|
<template v-for="(originalName, slotName) in headerSlots" #[slotName]="slotData">
|
|
109
132
|
<!-- @vue-ignore -->
|
|
110
133
|
<slot :name="originalName" v-bind="slotData || {}" />
|
|
@@ -44,7 +44,7 @@ const formFieldProps = computed<FormFieldProps>(() => {
|
|
|
44
44
|
const { field, ...rest } = forwardedProps.value
|
|
45
45
|
|
|
46
46
|
const hint =
|
|
47
|
-
field.schema.maxLength === undefined
|
|
47
|
+
field.schema.maxLength === undefined || field.schema.maxLength === field.schema.minLength
|
|
48
48
|
? undefined
|
|
49
49
|
: `${(field.value as string | number | null)?.toString().length ?? 0}/${field.schema.maxLength}`
|
|
50
50
|
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@falcondev-oss/nuxt-layers-base",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "0.
|
|
4
|
+
"version": "0.29.1",
|
|
5
5
|
"description": "Nuxt layer with lots of useful helpers and @nuxt/ui components",
|
|
6
6
|
"license": "MIT",
|
|
7
7
|
"repository": "github:falcondev-oss/nuxt-layers",
|
|
@@ -17,17 +17,17 @@
|
|
|
17
17
|
"@nuxt/ui": "~4.5.0"
|
|
18
18
|
},
|
|
19
19
|
"dependencies": {
|
|
20
|
-
"@falcondev-oss/form-core": "^0.22.
|
|
21
|
-
"@falcondev-oss/form-vue": "^0.22.
|
|
20
|
+
"@falcondev-oss/form-core": "^0.22.4",
|
|
21
|
+
"@falcondev-oss/form-vue": "^0.22.4",
|
|
22
22
|
"@falcondev-oss/trpc-typed-form-data": "^0.4.1",
|
|
23
23
|
"@falcondev-oss/trpc-vue-query": "^0.5.2",
|
|
24
|
-
"@iconify-json/lucide": "^1.2.
|
|
25
|
-
"@internationalized/date": "^3.
|
|
24
|
+
"@iconify-json/lucide": "^1.2.96",
|
|
25
|
+
"@internationalized/date": "^3.12.0",
|
|
26
26
|
"@nuxt/icon": "^2.2.1",
|
|
27
27
|
"@nuxtjs/color-mode": "^4.0.0",
|
|
28
28
|
"@tanstack/vue-query": "^5.92.9",
|
|
29
|
-
"@trpc/client": "^11.
|
|
30
|
-
"@trpc/server": "^11.
|
|
29
|
+
"@trpc/client": "^11.12.0",
|
|
30
|
+
"@trpc/server": "^11.12.0",
|
|
31
31
|
"@vue/devtools-api": "^8.0.7",
|
|
32
32
|
"@vueuse/core": "^14.2.1",
|
|
33
33
|
"@vueuse/nuxt": "^14.2.1",
|
|
@@ -36,13 +36,13 @@
|
|
|
36
36
|
"consola": "^3.4.2",
|
|
37
37
|
"defu": "^6.1.4",
|
|
38
38
|
"maska": "^3.2.0",
|
|
39
|
-
"reka-ui": "^2.
|
|
39
|
+
"reka-ui": "^2.9.1",
|
|
40
40
|
"remeda": "^2.33.6",
|
|
41
41
|
"superjson": "^2.2.6",
|
|
42
42
|
"tailwindcss": "^4.2.1",
|
|
43
43
|
"trpc-nuxt": "^2.0.1",
|
|
44
44
|
"type-fest": "^5.4.4",
|
|
45
|
-
"vue": "^3.5.
|
|
45
|
+
"vue": "^3.5.30",
|
|
46
46
|
"vue-router": "^4.6.4"
|
|
47
47
|
},
|
|
48
48
|
"devDependencies": {
|