mirror of
https://gitee.com/hoslay/ddei-editor.git
synced 2025-12-07 01:28:28 +08:00
116 lines
3.8 KiB
TypeScript
116 lines
3.8 KiB
TypeScript
export default {
|
||
'id': 'DDeiLayer',
|
||
'name': '图层',
|
||
'code': 'layer',
|
||
'desc': '整体图层的属性',
|
||
'type': 'DDeiLayer',
|
||
/**
|
||
* 定义组件属性
|
||
* 样式属性会影响图形的显示，修改样式属性也会刷新图形
|
||
* 数据属性一般用于业务计算，数据属性一般不会刷新图形，除非数据属性和样式属性产生联动关系
|
||
* 事件属性一般用来作为扩展用
|
||
* 属性采用三层结构：组---子分组---属性，在基础json中先定义而后使用（可以复写）
|
||
* 特殊属性：
|
||
* code属性编码在统一个组中，code唯一
|
||
* mapping建立与模型中属性的映射关系，为null时为默认，采用code指向的属性映射；mapping为[]时交由控件编辑器处理值映射
|
||
* hiddenTitle隐藏标题，为true时不会显示属性标题，默认false不隐藏标题
|
||
* display控件显示模式，有row（横向排列）和column（纵向排列）两个选项，默认row
|
||
*/
|
||
attrs: [
|
||
{
|
||
'code': 'bg.type',
|
||
'name': '背景',
|
||
'desc': '背景的类型',
|
||
'controlType': 'radio',
|
||
'dataType': 'string',
|
||
'dataSource': [{ 'text': '无', 'value': -1 }, { 'text': '纯色', 'value': 1 }, { 'text': '图片', 'value': 2 }],
|
||
'defaultValue': 1,
|
||
'type': 1,
|
||
'cascadeDisplay': { 1: { show: ['bg.color', 'bg.opacity'], hidden: ['bg.image', 'bg.imageMode', 'bg.imageScale', 'bg.imageAlign'] }, 2: { show: ['bg.image', 'bg.imageMode', 'bg.imageScale', 'bg.imageAlign'], hidden: ['bg.color'] }, 0: { hidden: ['bg.opacity', 'bg.color', 'bg.image', 'bg.imageMode', 'bg.imageScale', 'bg.imageAlign'] }, default: { show: ['bg.color', 'bg.opacity'], hidden: ['bg.image', 'bg.imageMode', 'bg.imageScale', 'bg.imageAlign'] } },
|
||
'hiddenTitle': true,
|
||
'display': 'column',
|
||
|
||
},
|
||
{
|
||
'code': 'bg.color',
|
||
'name': '背景颜色',
|
||
'desc': '背景的颜色',
|
||
'controlType': 'color-combo',
|
||
'dataType': 'string',
|
||
'defaultValue': '',
|
||
'type': 1
|
||
},
|
||
{
|
||
'code': 'bg.image',
|
||
'name': '背景图片',
|
||
'desc': '背景的图片',
|
||
'controlType': 'image',
|
||
'dataType': 'string',
|
||
'defaultValue': '',
|
||
'type': 1
|
||
},
|
||
{
|
||
'code': 'bg.opacity',
|
||
'name': '透明度',
|
||
'desc': '背景的透明度',
|
||
'controlType': 'range',
|
||
'min': 0,
|
||
'max': 1,
|
||
'step': 0.01,
|
||
'dataType': 'float',
|
||
'defaultValue': 1,
|
||
'display': 'column',
|
||
'type': 1,
|
||
},
|
||
{
|
||
'code': 'bg.imageMode',
|
||
'name': '模式',
|
||
'desc': '背景的图片的模式',
|
||
'controlType': 'radio',
|
||
'dataType': 'integer',
|
||
'dataSource': [{ 'text': '原始', 'value': 0 }, { 'text': '缩放', 'value': 1 }, { 'text': '填充', 'value': 2 }],
|
||
'cascadeDisplay': { 1: { show: ['bg.imageScale', 'bg.imageAlign'] }, 2: { hidden: ['bg.imageScale', 'bg.imageAlign'] }, empty: { hidden: ['bg.imageScale'], show: ['bg.imageAlign'] } },
|
||
'defaultValue': 2,
|
||
'type': 1
|
||
},
|
||
{
|
||
'code': 'bg.imageScale',
|
||
'name': '缩放比例',
|
||
'desc': '背景的图片的缩放比例',
|
||
'controlType': 'range',
|
||
'min': 0.01,
|
||
'max': 10,
|
||
'step': 0.01,
|
||
'dataType': 'float',
|
||
'defaultValue': 1,
|
||
'type': 1,
|
||
},
|
||
|
||
{
|
||
'code': 'bg.imageAlign',
|
||
'name': '位置',
|
||
'desc': '背景的图片布局方位',
|
||
'controlType': 'align-type',
|
||
'dataType': 'string',
|
||
'type': 1,
|
||
},
|
||
|
||
],
|
||
|
||
/**
|
||
* 定义分组，用于属性编辑
|
||
*/
|
||
groups: [
|
||
{
|
||
name: "背景",
|
||
icon: 'icon-background',
|
||
subGroups: [
|
||
{
|
||
name: "背景",
|
||
attrs: ["bg.type", "bg.color", "bg.image", "bg.opacity", "bg.imageMode", "bg.imageScale", "bg.imageAlign"]
|
||
},
|
||
]
|
||
}
|
||
]
|
||
}
|