Form表单验证必填项字段多个验证时星号(*)不提示

[icnz]

背景

使用Form验证时，必填项的label栏会有红色的星号(*)提示，验证正常，如下：

const formRules = ref<any>({
  name: {
      type: 'string',
      required: true,
    }
})

但当某个字段有多个验证时，红色星号(*)提示不显示，但验证正常，如下：

const formRules = ref<any>({
  name: [
    {
      type: 'string',
      required: true,
    },
    {
      pattern: /^[0-9A-Za-z]{4,20}$/,
      message: "用户名须为4-20位英文、数字或英数组合",
      required: true,
    },
  ]
})

这个问题应该是layer-vue的验证逻辑问题
目前的解决方案是对Form的验证字段动态设置required属性，可以暂时解决问题，但这样增加了很多不必要的验证代码