跳到主要内容

ArraySetter

简介

用来展示属性类型为数组的 setter

展示

image.png

配置示例

"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 配置

属性名类型说明
itemSetterObjectSetterArraySetter 的子节点内容必须用 ObjectSetter 包裹

itemSetter 配置

属性名类型说明
componentNameString
props
initialValueObject新增一项的初始值

ObjectSetter 配置

属性名类型说明
descriptorStringItem 在列表中展示的 item.key 名,需要和 config.items[] 中key对应 默认为 “项目X” image.png
configObject配置项
config.itemsArray子属性列表数据
config.items[].nameString子属性名称
config.items[].descriptionString子属性描述
config.items[].setterObject | String子属性setter配置 | 子属性setter组件名
config.items[].isRequiredBoolean子属性是否开启快捷编辑,最多开启4个 image.png
config.items[].conditionBoolean | () => Boolean是否展示
config.items[].getValue(target, value) => value数据获取的 hook,可修改获取数据
config.items[].setValue(target, value) => value数据获取的 hook,可修改设置数据