2020-05-16 04:02:52 +08:00

140 lines
2.9 KiB
Markdown
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

通用设置器
## 使用文档
- name绑定props属性key类型为string
- settersetter组件内容类型可以为string或object当为string时指setter名当为object时
- componentNamesetter名类型为string
- propssetter属性类型为object
## 使用demo
```
{
"name": "TextAreaSetter",
"setter": "TextAreaSetter"
}, {
"name": "date",
"title": "测试日期",
"setter": "DateSetter"
}, {
"name": "date",
"title": "测试日期-年",
"setter": "DateYearSetter"
}, {
"name": "date",
"title": "测试日期-月",
"setter": "DateMonthSetter"
}, {
"name": "date",
"title": "测试日期-区间",
"setter": "DateRangeSetter"
}, {
"name": "mode",
"title": "选择器模式",
"setter": {
"componentName": "RadioGroupSetter",
"props": {
"defaultValue": "single",
"dataSource": [{
"value": "single",
"label": "single"
}, {
"value": "multiple",
"label": "multiple"
}, {
"value": "tag",
"label": "tag"
}]
}
}
}, {
"name": "mode",
"title": "选择器模式",
"setter": {
"componentName": "SelectSetter",
"props": {
"defaultValue": "single",
"dataSource": [{
"value": "single",
"label": "single"
}, {
"value": "multiple",
"label": "multiple"
}, {
"value": "tag",
"label": "tag"
}]
}
}
}, {
"name": "value",
"title": "受控值",
"setter": "StringSetter"
}, {
"name": "hasBorder",
"title": "是否有边框",
"setter": {
"componentName": "BoolSetter",
"props": {
"defaultValue": true
}
}
}, {
"name": "maxTagCount",
"title": "最多显示多少个 tag",
"setter": "NumberSetter"
}, {
"name": "maxTagCount",
"title": "最多显示多少个 tag",
"setter": "ExpressionSetter"
}, {
"name": "color",
"title": "颜色选择",
"setter": "ColorSetter"
}, {
"name": "json",
"title": "JSON设置",
"setter": "JsonSetter"
}, {
"name": "MixinSetter",
"placeholder": "混合",
"setter": {
"componentName": "MixinSetter",
"props": {
"types": [{
"name": "StringSetter",
"props": {}
}, {
"name": "TextAreaSetter",
"props": {}
}, {
"name": "SelectSetter",
"props": {
"hasClear": true,
"dataSource": [{
"label": "上",
"value": "t"
}, {
"label": "右",
"value": "r"
}, {
"label": "下",
"value": "b"
}, {
"label": "左",
"value": "l"
}],
"defaultValue": "l"
}
}, {
"name": "NumberSetter",
"props": {
"defaultValue": 5
}
}, {
"name": "BoolSetter",
"props": {}
}],
"defaultType": "SelectSetter"
}
}
```