ddei-editor/plugins/core/controls/control/layer.ts

export default {
  'id': 'DDeiLayer',
  'name': 'ddei.layerName',
  'code': 'layer',
  'desc': '整体图层的属性',
  'type': 'DDeiLayer',
  /**
   * 定义组件属性
   * 样式属性会影响图形的显示，修改样式属性也会刷新图形
   * 数据属性一般用于业务计算，数据属性一般不会刷新图形，除非数据属性和样式属性产生联动关系
   * 事件属性一般用来作为扩展用
   * 属性采用三层结构：组---子分组---属性，在基础json中先定义而后使用（可以复写）
   * 特殊属性：
   *    code属性编码在统一个组中，code唯一
   *    mapping建立与模型中属性的映射关系，为null时为默认，采用code指向的属性映射；mapping为[]时交由控件编辑器处理值映射
   *    hiddenTitle隐藏标题，为true时不会显示属性标题，默认false不隐藏标题
   *    display控件显示模式，有row（横向排列）和column（纵向排列）两个选项，默认row
   */
  attrs: [
    {
      'code': 'bg.type',
      'name': 'ddei.property.background',
      'desc': '背景的类型',
      'controlType': 'radio',
      'dataType': 'string',
      'dataSource': [{ 'text': 'ddei.property.ds.none', 'value': -1 }, { 'text': 'ddei.property.ds.color', 'value': 1 }, { 'text': 'ddei.property.ds.image', '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': 'ddei.property.backgroundColor',
      'desc': '背景的颜色',
      'controlType': 'color-combo',
      'dataType': 'string',
      'defaultValue': '',
      'type': 1
    },
    {
      'code': 'bg.image',
      'name': 'ddei.property.backgroundImage',
      'desc': '背景的图片',
      'controlType': 'image',
      'dataType': 'string',
      'defaultValue': '',
      'type': 1
    },
    {
      'code': 'bg.opacity',
      'name': 'ddei.property.opacity',
      'desc': '背景的透明度',
      'controlType': 'range',
      'min': 0,
      'max': 1,
      'step': 0.01,
      'dataType': 'float',
      'defaultValue': 1,
      'display': 'column',
      'type': 1,
    },
    {
      'code': 'bg.imageMode',
      'name': 'ddei.property.bgImageMode',
      'desc': '背景的图片的模式',
      'controlType': 'radio',
      'dataType': 'integer',
      'dataSource': [{ 'text': 'ddei.property.ds.original', 'value': 0 }, { 'text': 'ddei.property.ds.scale', 'value': 1 }, { 'text': 'ddei.property.ds.fill', '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': 'ddei.property.bgImageScale',
      'desc': '背景的图片的缩放比例',
      'controlType': 'range',
      'min': 0.01,
      'max': 10,
      'step': 0.01,
      'dataType': 'float',
      'defaultValue': 1,
      'type': 1,
    },

    {
      'code': 'bg.imageAlign',
      'name': 'ddei.property.bgImagePosition',
      'desc': '背景的图片布局方位',
      'controlType': 'align-type',
      'dataType': 'string',
      'type': 1,
    },

  ],

  /**
   * 定义分组，用于属性编辑
   */
  groups: [
    {
      name: "ddei.background",
      icon: 'icon-background',
      subGroups: [
        {
          name: "ddei.background",
          attrs: ["bg.type", "bg.color", "bg.image", "bg.opacity", "bg.imageMode", "bg.imageScale", "bg.imageAlign"]
        },
      ]
    }
  ]
}