Skip to content

array.md

Latest commit

 

History

History
67 lines (62 loc) · 2.16 KB

array.md

File metadata and controls

67 lines (62 loc) · 2.16 KB
title 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 配置

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

itemSetter 配置

属性名 类型 说明
componentName String
props
initialValue Object 新增一项的初始值

ObjectSetter 配置

属性名 类型 说明
descriptor String Item 在列表中展示的 item.key 名，需要和 config.items[] 中key对应 默认为 “项目X” image.png
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个 image.png
config.items[].condition Boolean | () => Boolean 是否展示
config.items[].getValue (target, value) => value 数据获取的 hook，可修改获取数据
config.items[].setValue (target, value) => value 数据获取的 hook，可修改设置数据