所有配置元素都必须包含3个属性:
1. title: 配置名称
2. type: 配置元素类型
3. bind: 配置项绑定的属性
值都会绑定到: component.config 对象中
例如:bind: "itemLabelSize", 表示绑定到 component.config.itemLableSize
类型 | 描述 | 示例 |
---|---|---|
configSlide | 数字滑动条,用于配置数字型属性; | { title: "尺寸", type: "configSlide", bind: "itemLabelSize", config: { slideStart: 0, slideEnd: 100 } } |
fontFamily | 字体设置 | { title: "字体", type: "fontFamily", bind: "tFontFamily" } |
text-input-sl | 单行输入框 | { title: "名称", type: "text-input-sl", bind: "name" } |
text-area | 多行输入框 | { title: "内容", type: "text-area", bind: "content" } |
colorpicker | 颜色选择器 | { title: "字体颜色", type: "colorpicker", bind: "fontColor" } |
iconpicker | 图标选择器 | { title: "图标", type: "iconpicker", bind: "icon" } |
toggle-switch | 开关选择器 | { title: "标题", bind: "showTitle", type: "toggle-switch", on: "显示", off: "隐藏" } |
button | 按钮 | { title: "刷新控件", type: "button", btnClass: "btn-success", onClick: function(){ scope.refreshComponent(); } } |
imagepicker | 附件图片选择按钮 | { title: "背景图片", type: "imagepicker", bind: { name: "backgroundImageName", data: "backgroundImage" } } |
radio | 文字型单选按钮 | { title: "合计位置", type: "radio", bind: "summaryPosition", items: [{ name: "最前", value: "first" },{ name: "最后", value: "last" }] } |
radio-icon | 图标型单选按钮 | { title: "对齐", type: "radio-icon", bind: "align", items: [{ name: "左对齐", value: "alignLeft", icon: "fa fa-align-left" },{ name: "自动", value: "auto", icon: "fa fa-arrows-h" },{ name: "右对齐", value: "alignRight", icon: "fa fa-align-right" }] } |
select-s | 下拉框选择器 | { title: "合计位置", type: "radio", bind: "summaryPosition", items: [{ name: "最前", value: "first" },{ name: "最后", value: "last" }] } |
horizontal-align | 水平对齐选择器 | { title: "对齐", type: "horizontal-align", bind: "dAlign" } |
font-style | 字体风格 | { title: "字体风格", type: "font-style", bind: "dFontStyle" } |
measureMultiPicker | 指标选择器(多选) | { title: "查询指标", type: "measureMultiPicker", bind: "theMeasures" } |
measureDropdownPicker | 指标选择器(下拉单选) | { title: "查询指标", type: "measureDropdownPicker", bind: "theMeasure" } |
dimensionMultiPicker | 维度选择器(多选) | { title: "维度", type: "dimensionMultiPicker", bind: "theDimensions" } |
dimensionDropdownPicker | 维度选择器(单选) | { title: "联动维度", type: "dimensionDropdownPicker", bind: "theDimension" } |