fix(VisuallyHidden): required validation not working for undefined/null (#2026)

kricsleo · web-flow · commit 4bfe227f88bd · 2025-07-14T19:02:59.000+08:00
diff --git a/packages/core/src/VisuallyHidden/VisuallyHiddenInput.vue b/packages/core/src/VisuallyHidden/VisuallyHiddenInput.vue
@@ -21,7 +21,7 @@ const isFormArrayEmptyAndRequired = computed(() =>
 
 const parsedValue = computed(() => {
   // if primitive value
-  if (typeof props.value === 'string' || typeof props.value === 'number' || typeof props.value === 'boolean') {
+  if (typeof props.value === 'string' || typeof props.value === 'number' || typeof props.value === 'boolean' || props.value === null || props.value === undefined) {
     return [{ name: props.name, value: props.value }]
   }
 

Original file line number	Diff line number	Diff line change
`@@ -21,7 +21,7 @@ const isFormArrayEmptyAndRequired = computed(() =>`
`21`	`21`
`22`	`22`	`const parsedValue = computed(() => {`
`23`	`23`	`// if primitive value`
`24`		`- if (typeof props.value === 'string' \|\| typeof props.value === 'number' \|\| typeof props.value === 'boolean') {`
	`24`	`+ if (typeof props.value === 'string' \|\| typeof props.value === 'number' \|\| typeof props.value === 'boolean' \|\| props.value === null \|\| props.value === undefined) {`
`25`	`25`	`return [{ name: props.name, value: props.value }]`
`26`	`26`	`}`
`27`	`27`