表单校验数字类型

[zuihou]

Version

Vben Admin V5

Describe the bug?

表单配置：

export const formSchamas: VbenFormProps = {
  wrapperClass: 'grid-cols-12', // 24栅格,
  commonConfig: {
    formItemClass: 'col-span-12',
  },
  schema: [
    {
      fieldName: 'notNull',
      label: 'notNull',
      // component: 'Input',
      component: 'InputNumber',
      componentProps: {
        placeholder: '请输入',
        allowClear: true,
      },
      rules: zod.number({
              required_error: '此项必填',
              invalid_type_error: '数据类型错误',
            }),
      formItemClass: 'col-span-4',
  }
]
}

1. 设置组件类型为： InputNumber
2. 首次加载进入该页面时，该组件的默认值是 undefined， 能正常提示 “此项必填”

3. 当在该字段填写为正常数字时，能正常校验

4. 在组件填写任意值后，在按键盘上的删除键，将字段的值全部删除，会提示：数据类型错误

问：
有没有办法，使得删除填写的值后，校验提示为“此项必填”.

System Info

最新版

Relevant log output

Validations

• Read the docs
• Ensure the code is up to date. (Some issues have been fixed in the latest version)
• I have searched the existing issues and checked that my issue does not duplicate any existing issues.
• Check that this is a concrete bug. For Q&A open a GitHub Discussion or join our Discord Chat Server.
• The provided reproduction is a minimal reproducible example of the bug.

[mynetfan]

zod
  .number({ invalid_type_error: '类型错误' })
  .nullish()
  .refine((value) => value !== undefined && value !== null, {
    message: '字段必填',
  }),

这个问题在于antd的input-number组件删除所有内容后，值会变为null而不是undefined。zod校验时null不会视为未填写（undefined），所以可能得自行对必填进行验证。这里用nullish指示它允许null和undefined类型，之后用refine自行校验