WetProFormItem 高级表单项
基本介绍
一个表单除了 WetProForm
之外还是需要一系列的表单项,WetProForm
自带了数量可观的表单项,这些组件本质上是 ElFormItem
,ElCol
和相关输入组件的结合,我们可以把他们当成一个 ElFormItem
来使用,并且支持各种 props。每个表单项都支持 formInputProps
属性来支持设置输入组件的props。 我们支持了 placeholder
的透传,你可以直接在组件上设置 placeholder
。
引入方法: import { WetFormText } from '@wetspace/pro-components';
基本使用
组件列表
组件 | 使用场景/简介 |
---|---|
WetFormGroup | 表单项分组 |
WetFormCascader | 级联选择器,在原有的级联选择器做了增强处理,新增了valueMergeToParent ,用于父节点选择后,选中的值会按父节点进行合并处理 |
WetFormText | 用于输入各类文本 |
WetFormNumber | 用于输入数组,在原组件属性上扩展type 属性可选择numberrange 来输入日期范围 |
WetFormCheckbox | 在 ElCheckbox 基础上支持了options 属性,也支持 request 来生成子项 |
WetFormColorPicker | 用于选择颜色 |
WetFormDatePicker | 日期选择器用于输入日期 |
WetFormRadio | 在 ElRadio 基础上支持了options 属性,也支持 request 来生成子项 |
WetFormRate | 评分 |
WetFormSelect | 选择器,在 ElSelect 基础上支持了options 属性,也支持 request 来生成子项 |
WetFormSwitch | 用于输入互斥的两个选项,一般是 true 和 false |
WetFormTimePicker | 用于时刻选择 |
WetFormTimeSelect | 用于时刻点选择 |
WetFormAutocompleter | 建议输入 |
WetFormArray | 编辑类表格 |
通用属性
- 继承
ElCol
的属性,这里不做赘述,请参考官方文档 - 继承
ElFormItem
的属性,这里不做赘述,请参考官方文档 - 额外扩展,参考如下:
属性 | 描述 | 类型 | 默许值 |
---|---|---|---|
noStyle | 移除默认样式 | boolean | false |
description | 标签提示信息 | string | - |
labelColor | 标签颜色 | string | - |
formInputProps | 表单项配置选项 | object | - |
placeholder | 表单项输入提示 | string | - |
rules | 表单规则,限定用数组表述 | FormItemRule[] | - |
span | 同Elcol的span | number | - |
fixedWidth | 固定宽度 | boolean | false |