所有配置元素都必须包含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"
}
|