ArraySetter
简介
用来展示属性类型为数组的 setter
展示
配置示例
"setter": {
"componentName": "ArraySetter",
"props": {
"itemSetter": {
"componentName": "ObjectSetter",
"props": {
"config": {
"items": [{
"name": "title",
"description": "标题",
"setter": "StringSetter"
},
{
"name": "callback",
"description": "callback",
"setter": {
"componentName": "FunctionSetter"
}
}
]
}
},
"initialValue": {
"title": "I am title",
"callback": null
}
}
}
}
ArraySetter 配置
属性名 | 类型 | 说明 |
---|---|---|
itemSetter | ObjectSetter | ArraySetter 的子节点内容必须用 ObjectSetter 包裹 |
itemSetter 配置
属性名 | 类型 | 说明 |
---|---|---|
componentName | String | |
props | ||
initialValue | Object | 新增一项的初始值 |
ObjectSetter 配置
属性名 | 类型 | 说明 |
---|---|---|
descriptor | String | Item 在列表中展示的 item.key 名,需要和 config.items[] 中key对应 默认为 “项目X” |
config | Object | 配置项 |
config.items | Array | 子属性列表数据 |
config.items[].name | String | 子属性名称 |
config.items[].description | String | 子属性描述 |
config.items[].setter | Object | String | 子属性setter配置 | 子属性setter组件名 |
config.items[].isRequired | Boolean | 子属性是否开启快捷编辑,最多开启4个 |
config.items[].condition | Boolean | () => Boolean | 是否展示 |
config.items[].getValue | (target, value) => value | 数据获取的 hook,可修改获取数据 |
config.items[].setValue | (target, value) => value | 数据获取的 hook,可修改设置数据 |