1.0.0 • Published 2 years ago
@m-materials/form-item v1.0.0
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 | 无 |
1.0.0
2 years ago