Skip to content

WetProFormItem 高级表单项

基本介绍

一个表单除了 WetProForm 之外还是需要一系列的表单项,WetProForm 自带了数量可观的表单项,这些组件本质上是 ElFormItem,ElCol 和相关输入组件的结合,我们可以把他们当成一个 ElFormItem 来使用,并且支持各种 props。每个表单项都支持 formInputProps 属性来支持设置输入组件的props。 我们支持了 placeholder 的透传,你可以直接在组件上设置 placeholder

引入方法: import { WetFormText } from '@wetspace/pro-components';

基本使用

组件列表

组件使用场景/简介
WetFormGroup表单项分组
WetFormCascader级联选择器,在原有的级联选择器做了增强处理,新增了valueMergeToParent,用于父节点选择后,选中的值会按父节点进行合并处理
WetFormText用于输入各类文本
WetFormNumber用于输入数组,在原组件属性上扩展type属性可选择numberrange来输入日期范围
WetFormCheckboxElCheckbox 基础上支持了options属性,也支持 request 来生成子项
WetFormColorPicker用于选择颜色
WetFormDatePicker日期选择器用于输入日期
WetFormRadioElRadio 基础上支持了options属性,也支持 request 来生成子项
WetFormRate评分
WetFormSelect选择器,在 ElSelect 基础上支持了options属性,也支持 request 来生成子项
WetFormSwitch用于输入互斥的两个选项,一般是 truefalse
WetFormTimePicker用于时刻选择
WetFormTimeSelect用于时刻点选择
WetFormAutocompleter建议输入
WetFormArray编辑类表格

通用属性

  1. 继承ElCol的属性,这里不做赘述,请参考官方文档
  2. 继承ElFormItem的属性,这里不做赘述,请参考官方文档
  3. 额外扩展,参考如下:
属性描述类型默许值
noStyle移除默认样式booleanfalse
description标签提示信息string-
labelColor标签颜色string-
formInputProps表单项配置选项object-
placeholder表单项输入提示string-
rules表单规则,限定用数组表述FormItemRule[]-
span同Elcol的spannumber-
fixedWidth固定宽度booleanfalse

WetProElement