Skip to content

PresetForm 配置表单

Demo

loading

Types

ts
export type PresetFormExpose<V extends DataObject = DataObject> = NaiveFormReturns<V>
export type PresetFormOptionItem<V extends DataObject = DataObject> = PresetInputOptions & {
  key?: keyof V
  label?: string | (() => string)
  required?: boolean | (() => boolean)
  collapsed?: boolean | (() => boolean)
  span?: string | number | (() => string | number)
  hidden?: boolean | (() => boolean)
  rule?: FormRules | FormItemRule | FormItemRule[]
  props?: FormItemGiProps & ClassStyle
  render?: (params: PresetFormExpose<V>) => VNode | null
}
export type PresetFormOptions<V extends DataObject = DataObject> = PresetFormOptionItem<V>[]
export type PresetFormProps<V extends DataObject = DataObject> = & {
  options?: PresetFormOptions<V>
  values?: V
  rules?: NaiveFormRules<V>
  clearRules?: NaiveFormClearRules
  formProps?: FormProps & ClassStyle
  gridProps?: GridProps & ClassStyle
}

Props

NameTypeDefaultDescription
valuesObject-文本输入的值。
optionsPresetFormOptions-配置表单选项
rulesNaiveFormRules-表单校验规则
formPropsFormProps-Form配置
gridPropsGridProps-Grid配置

Emits

NameTypeDescription
validated(value: V) => void校验成功时触发