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

fix: update vee-validate pin-input setValue

Browse Source
This commit is contained in:
romanhrynevych 2024-05-10 09:56:30 +03:00
parent 28924636bf
commit c14f94629e
2 changed files with 4 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
apps/www/src/lib/registry/default/example/PinInputFormDemo.vue
View File

@ -23,7 +23,7 @@ const formSchema = toTypedSchema(z.object({
pin: z.array(z.coerce.string()).length(5, { message: 'Invalid input' }), pin: z.array(z.coerce.string()).length(5, { message: 'Invalid input' }),
})) }))
const { handleSubmit, setValues } = useForm({ const { handleSubmit, setFieldValue } = useForm({
validationSchema: formSchema, validationSchema: formSchema,
initialValues: { initialValues: {
pin: ['1', '2', '3'], pin: ['1', '2', '3'],
@ -56,9 +56,7 @@ const handleComplete = (e: string[]) => console.log(e.join(''))
:name="componentField.name" :name="componentField.name"
@complete="handleComplete" @complete="handleComplete"
@update:model-value="(arrStr) => { @update:model-value="(arrStr) => {
setValues({ setFieldValue('pin', arrStr.filter(Boolean))
pin: arrStr.filter(Boolean),
})
}" }"
> >
<PinInputGroup> <PinInputGroup>

6
apps/www/src/lib/registry/new-york/example/PinInputFormDemo.vue
View File

@ -23,7 +23,7 @@ const formSchema = toTypedSchema(z.object({
pin: z.array(z.coerce.string()).length(5, { message: 'Invalid input' }), pin: z.array(z.coerce.string()).length(5, { message: 'Invalid input' }),
})) }))
const { handleSubmit, setValues } = useForm({ const { handleSubmit, setFieldValue } = useForm({
validationSchema: formSchema, validationSchema: formSchema,
initialValues: { initialValues: {
pin: ['1', '2', '3'], pin: ['1', '2', '3'],
@ -56,9 +56,7 @@ const handleComplete = (e: string[]) => console.log(e.join(''))
:name="componentField.name" :name="componentField.name"
@complete="handleComplete" @complete="handleComplete"
@update:model-value="(arrStr) => { @update:model-value="(arrStr) => {
setValues({ setFieldValue('pin', arrStr.filter(Boolean))
pin: arrStr.filter(Boolean),
})
}" }"
> >
<PinInputGroup> <PinInputGroup>