Niklas/shadcn-vue
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(Form): added name to fieldState (#643)

Browse Source
This commit is contained in:
Roman Hrynevych 2024-07-02 13:41:53 +03:00 committed by GitHub
parent f03778304d
commit d50ea38f4a
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 14 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
apps/www/src/lib/registry/default/ui/form/useFormField.ts
View File

@ -6,19 +6,19 @@ export function useFormField() {
const fieldContext = inject(FieldContextKey) const fieldContext = inject(FieldContextKey)
const fieldItemContext = inject(FORM_ITEM_INJECTION_KEY) const fieldItemContext = inject(FORM_ITEM_INJECTION_KEY)
const fieldState = {
valid: useIsFieldValid(),
isDirty: useIsFieldDirty(),
isTouched: useIsFieldTouched(),
error: useFieldError(),
}
if (!fieldContext) if (!fieldContext)
throw new Error('useFormField should be used within <FormField>') throw new Error('useFormField should be used within <FormField>')
const { name } = fieldContext const { name } = fieldContext
const id = fieldItemContext const id = fieldItemContext
const fieldState = {
valid: useIsFieldValid(name),
isDirty: useIsFieldDirty(name),
isTouched: useIsFieldTouched(name),
error: useFieldError(name),
}
return { return {
id, id,
name, name,

13
apps/www/src/lib/registry/new-york/ui/form/useFormField.ts
View File

@ -5,12 +5,6 @@ import { FORM_ITEM_INJECTION_KEY } from './injectionKeys'
export function useFormField() { export function useFormField() {
const fieldContext = inject(FieldContextKey) const fieldContext = inject(FieldContextKey)
const fieldItemContext = inject(FORM_ITEM_INJECTION_KEY) const fieldItemContext = inject(FORM_ITEM_INJECTION_KEY)
const fieldState = {
valid: useIsFieldValid(),
isDirty: useIsFieldDirty(),
isTouched: useIsFieldTouched(),
error: useFieldError(),
}
if (!fieldContext) if (!fieldContext)
throw new Error('useFormField should be used within <FormField>') throw new Error('useFormField should be used within <FormField>')
@ -18,6 +12,13 @@ export function useFormField() {
const { name } = fieldContext const { name } = fieldContext
const id = fieldItemContext const id = fieldItemContext
const fieldState = {
valid: useIsFieldValid(name),
isDirty: useIsFieldDirty(name),
isTouched: useIsFieldTouched(name),
error: useFieldError(name),
}
return { return {
id, id,
name, name,