lowcode-engine/docs/docs/guide/appendix/setterDetails/array.md

title

title
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，可修改设置数据