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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

PrinciplesMan

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值