1.2.2 • Published 4 years ago
extends-antd-design v1.2.2
基于 Ant Design 的 组件封装
RenderFrom 组件
API
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
title | Form 表单的标题 | string | |
searchColums | Form 表单控件的配置描述,具体项见下表 | array | |
handleSearch | 表单的查询数据的方法 | function | |
view | 查看模式 | boolean | false |
selectOptions | 选择的参数 | array | false |
searchColums
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
label | 表单的控件的label | string | |
name | 控件对应后端的字段 | string | |
searchType | 控件的类型,具体项见下表 | string | |
hidden | 是否隐藏控件 | boolean | false |
initialValue | 初始值 | string | |
rules | 校验规则 | array | |
props | 控件的时间以及默认的属性 | object |
searchType
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
input | 输入框 | string | |
inputEnterSearch | 弹层选择,具体项见下表 | string | |
textArea | 富文本 | string | |
inputNumber | 数字输入框 | number | |
checkbox | 多选 | array | |
radio | 单选 | array | |
datePicker | 日期 | moment | |
rangePicker | 区间日期 | array(object) | |
cascader | 级联选择 | array | |
select | 下拉选择 | string |
inputEnterSearch
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
title | Form 表单的标题 | string | |
searchColums | Form 表单控件的配置描述,具体项见表searchColums | array | |
handleSearch | 表单的查询数据的方法 | function | |
view | 查看模式 | boolean | false |
selectOptions | 选择的参数 | array | false |
modalProps | 弹层的Props,具体项见下表 | object | |
enterButtonSearch | 点击控件的button事件,参数说明 | function |
modalProps
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
tableRowKey | 表格单行的key | string | |
tableColums | 表格的表头 | array | |
searchColums | Form 表单控件的配置描述,具体项见表searchColums | array | |
fetchData | 调用接口查询数据的方法,参数说明 | function | |
onModalOk | 弹层的确认事件,参数说明 | function |
fetchData
fetchData: () => {
return (params, callback) => {
// 1) 直接调用接口返回数据
axios({ url: `${baseUrl}/getFormData`, method: 'get', params }).then((res) => {
const { list, total } = res
callback({ data: { data: list, total } })
})
// 2) 结合redux返回数据
dispatch({
type: 'getFormData',
payload: {
...params,
},
callback,
})
}
}
onModalOk
onModalOk: (callback, oldSelectItem, newSelectItem) => {
// 弹层关闭的事件,必须执行的参数
callback()
// 之前选中的数据的值
oldSelectItem
// 新选中的数据的值
newSelectItem
}
enterButtonSearch
enterButtonSearch: (callback, childInputs) => {
// 显示弹层的事件,必须执行的参数
callback()
// 包含所有弹层显示的 objects,以当前控件的 dataIndex 为 key
childInputs
}
1.2.2
4 years ago
1.2.1
4 years ago
1.2.0
4 years ago
1.1.6
4 years ago
1.1.5
4 years ago
1.1.4
4 years ago
1.1.3
4 years ago
1.1.1
4 years ago
1.1.2
4 years ago
1.0.19
4 years ago
1.1.0
4 years ago
1.0.20
4 years ago
1.0.18
4 years ago
1.0.16
4 years ago
1.0.14
4 years ago
1.0.12
4 years ago
1.0.11
4 years ago
1.0.10
4 years ago
1.0.9
4 years ago
1.0.8
4 years ago
1.0.7
5 years ago
1.0.5
5 years ago
1.0.4
5 years ago
1.0.3
5 years ago
1.0.2
5 years ago
1.0.1
5 years ago
1.0.0
5 years ago