@m-materials/form-item
v1.0.0
Published
基于antd中form表单,加入了自定义组件,以简化代码为模板。
Downloads
13
Readme
FormItem
@m-materials/form-item
基于 antd 中 form 表单,加入了自定义组件,以简化代码为模板。
当前组件基于 antd 4.x 在 4.x 中已经废弃了 fom.createForm() 、 getFieldDecorator 等 api。为了方便统一获取 form 属性在 FormRow 中已经内置了 form,可以通过: this.formRef = React.createRef() 进行获取
API
Form
接收antd 4.x 系列中Form所有参数Form配置项
| 参数名 | 说明 | 必填 | 类型 | 默认值 | 备注 | | -------------| ------------------------- | ------ | ------ | ---------- | ---------- | | ref | 通过ref获取form实例 | false | React.createRef() | 无 | | | name | form实例名 | false | string | 无 | | | span | 子元素宽度,span={24}每行一个元素 | false | string | 8 | | | idDetail | 全局disabled属性 | false | boolean| false | |
Form.Item
| 参数名 | 说明 | 必填 | 类型 | 默认值 | 备注 | | -------------| ------------------------- | ------ | ------ | ---------- | ---------- | | code | code | true | string | 无 | | | label | label(名称) | true | string | 无 | | | initialValue | 默认值 | false | string | 无 | | | disabled | disabled属性 | false | boolean| 无 | | | options | ComGridItem、ComTree、SelectItem、RadioGroupItem用数据源配置项| false | object | 无 | | | span | 修改行宽 | false | Number | 无 | | | formLayout | 单独修改每行labelCol、 wrapperCol布局| false | Number | 无 | |
OptionProps
| 参数名 | 说明 | 必填 | 类型 | 默认值 | 备注 | | -------------| ------------------------- | ------ | ------ | ---------- | ---------- | | name | 选项名称 | true | string | 无 | | | code | 选项值value | true | string | 无 | |