/*
 * @Descripttion: DIV图层次
 */
export const widgetBorderBox =  {
  code: 'widget-border-box',
  type: 'html',
  tabName: '图层',
  label: '边框',
  icon: 'icontupian1',
  options: {
    // 配置
    setup: [
      {
        type: 'el-input-text',
        label: '图层名称',
        name: 'layerName',
        required: false,
        placeholder: '',
        value: '边框',
      },
      {
        type: 'el-select',
        label: '边框类型',
        name: 'divType',
        required: false,
        placeholder: '',
        selectOptions: [
          {code: 'dv-border-Box-1', name: '边框1'},
          {code: 'dv-border-Box-2', name: '边框2'},
          {code: 'dv-border-Box-3', name: '边框3'},
          {code: 'dv-border-Box-4', name: '边框4'},
          {code: 'dv-border-Box-5', name: '边框5'},
          {code: 'dv-border-Box-6', name: '边框6'},
          {code: 'dv-border-Box-7', name: '边框7'},
          {code: 'dv-border-Box-8', name: '边框8'},
          {code: 'dv-border-Box-9', name: '边框9'},
          {code: 'dv-border-Box-10', name: '边框10'},
          {code: 'dv-border-Box-11', name: '边框11'},
          {code: 'dv-border-Box-12', name: '边框12'},
          {code: 'dv-border-Box-13', name: '边框13'},
          {code: 'dv-border-Box-14', name: '自定义边框'},
        ],
        value: 'dv-border-Box-1'
      },
      {
        type: 'vue-color',
        label: '颜色(主)',
        name: 'colorOne',
        required: false,
        placeholder: '',
        value: '',
      },
      {
        type: 'vue-color',
        label: '颜色(次)',
        name: 'colorTwo',
        required: false,
        placeholder: '',
        value: '',
      },
      {
        type: 'vue-color',
        label: '背景色',
        name: 'backgroundColor',
        required: false,
        placeholder: '',
        value: 'rgba(255, 0, 0, 0)',
      },
      {
        type: 'el-input-number',
        label: '单次动画时间长',
        name: 'dur',
        required: false,
        placeholder: '',
        value: 3,
      },
      {
        type: 'el-switch',
        label: '反向',
        name: 'reverse',
        require: false,
        placeholder: '',
        value: false,
      },
      {
        type: 'el-input-text',
        label: '标题',
        name: 'title',
        require: false,
        placeholder: '',
        value: '标题显示值',
      },
      {
        type: 'el-input-number',
        label: '标题宽度',
        name: 'titleWidth',
        require: false,
        placeholder: '',
        value: 250,
      },
      [
        {
          name: '自定义边框样式设置',
          list: [
            {
              type: 'el-input-text',
              label: '边框样式',
              name: 'databox',
              required: false,
              placeholder: '边框样式',
              value: 'border:2px solid #032d60; -webkit-box-shadow:#07417a 0 0 10px;-moz-box-shadow:#07417a 0 0 10px;box-shadow:inset 0 0 30px #07417a;z-index: 0',
            },
            {
              type: 'el-switch',
              label: '标题前显示',
              name: 'title14before',
              require: false,
              placeholder: '',
              value: true,
            },
            {
              type: 'el-input-text',
              label: '标题样式',
              name: 'title14',
              required: false,
              placeholder: '标题设置',
              value: 'font-size:1.4rem; color:#fff; position: absolute; padding-left: 1.2rem;padding-top: 0.4rem;margin-bottom: 10px;',
            },
            {
              type: 'el-input-text',
              label: '左上角',
              name: 'topL',
              required: false,
              placeholder: '左上角',
              value: 'width:20px;height:20px;border-top-width:2px;border-top-color:#26c6f0;border-top-style:solid;border-left-width:2px;border-left-color:#26c6f0;border-left-style:solid;position:absolute;top:-2px;left:-2px',
            },
            {
              type: 'el-input-text',
              label: '右上角',
              name: 'topR',
              required: false,
              placeholder: '右上角',
              value: 'width:20px;height:20px;border-top-width:2px;border-top-color:#26c6f0;border-top-style:solid;border-right-width:2px;border-right-color:#26c6f0;border-right-style:solid;position:absolute;top:-2px;right:-2px',
            },
            {
              type: 'el-input-text',
              label: '左下角',
              name: 'bottomL',
              required: false,
              placeholder: '左下角',
              value: 'width:20px;height:20px;border-bottom-width:2px;border-bottom-color:#26c6f0;border-bottom-style:solid;border-left-width:2px;border-left-color:#26c6f0;border-left-style:solid;position:absolute;bottom:-2px;left:-2px'
            },
            {
              type: 'el-input-text',
              label: '右下角',
              name: 'bottomR',
              required: false,
              placeholder: '左下角',
              value: 'width:20px;height:20px;border-bottom-width:2px;border-bottom-color:#26c6f0;border-bottom-style:solid;border-right-width:2px;border-right-color:#26c6f0;border-right-style:solid;position:absolute;bottom:-2px;right:-2px'
            },
          ],
        }
      ],
    ],
    // 数据
    data: [],
    // 坐标
    position: [
      {
        type: 'el-input-number',
        label: '左边距',
        name: 'left',
        required: false,
        placeholder: '',
        value: 10,
      },
      {
        type: 'el-input-number',
        label: '上边距',
        name: 'top',
        required: false,
        placeholder: '',
        value: 10,
      },
      {
        type: 'el-input-number',
        label: '宽度',
        name: 'width',
        required: false,
        placeholder: '该容器在1920px大屏中的宽度',
        value: 500,
      },
      {
        type: 'el-input-number',
        label: '高度',
        name: 'height',
        required: false,
        placeholder: '该容器在1080px大屏中的高度',
        value: 350,
      },
    ],
  }
}