Skip to content

Commit 42749d2

Browse files
committed
feat: updating default values
1 parent f5299b3 commit 42749d2

File tree

2 files changed

+7
-5
lines changed

2 files changed

+7
-5
lines changed

packages/core/src/logic/creatFormControl.ts

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -294,8 +294,10 @@ export function creatFormControl<TFieldValues extends FieldValues = FieldValues>
294294
return
295295
}
296296
const res: Record<string, any> = {}
297-
for (const fieldName in _fields)
297+
for (const fieldName in _fields) {
298298
res[fieldName] = _fields[fieldName].inputValue
299+
_options.defaultValues![fieldName] = _fields[fieldName].inputValue.value
300+
}
299301

300302
await onSubmit(_fields as UnpackNestedValue<TFieldValues>, e)
301303
_setFormState({

playground/src/App.vue

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,19 @@
11
<script setup lang="ts">
2-
import { createErrorHandler, createSubmitHandler, useForm } from '@vue-hooks-form/core'
32
import { useZodResolver } from '@vue-hooks-form/zod'
43
import { z } from 'zod'
4+
import { createErrorHandler, createSubmitHandler, useForm } from '../../packages/core/src/index'
55
66
const zodSchema = z.object({
77
name: z.string().min(3, { message: 'Name must be at least 3 characters long' }),
88
})
99
1010
const {
1111
register,
12-
formState: { errors },
12+
formState,
1313
isExistInErrors,
1414
handleSubmit,
1515
} = useForm({
16-
mode: 'onChange',
16+
mode: 'onSubmit',
1717
resolver: useZodResolver(zodSchema),
1818
})
1919
@@ -27,7 +27,7 @@ const onError = createErrorHandler((errors: any) => {
2727
</script>
2828

2929
<template>
30-
{{ errors }}
30+
{{ formState }}
3131
<form @submit.prevent="handleSubmit(onSubmit, onError)()">
3232
name: <input :="register('name')">
3333
<button type="submit">

0 commit comments

Comments
 (0)