/*
 * @Descripttion: 进度条
 * @Author: zhangzhen
 */
export const widgetProgress = {
  code: "widgetProgress",
  type: "percent",
  tabName: "百分比",
  label: "进度条",
  icon: "iconbaifenbi",
  options: {
    // 配置
    setup: [
      {
        type: "el-input-text",
        label: "图层名称",
        name: "layerName",
        required: false,
        placeholder: "",
        value: "进度条"
      },
      {
        type: "el-input-number",
        label: "宽度",
        name: "strokeWidth",
        required: false,
        placeholder: "",
        value: 20
      },
      {
        type: "el-select",
        label: "是否显示百分比",
        name: "showText",
        required: false,
        placeholder: "",
        selectOptions: [
          { code: true, name: "显示" },
          { code: false, name: "隐藏" }
        ],
        value: true
      },
      {
        type: "el-select",
        label: "百分比显示位置",
        name: "textInside",
        required: false,
        placeholder: "",
        selectOptions: [
          { code: true, name: "进度条内" },
          { code: false, name: "进度条外" }
        ],
        value: true
      },
      {
        type: "el-input-number",
        label: "字体大小",
        name: "percentFontSize",
        required: false,
        placeholder: "",
        value: 16
      },
      {
        type: "vue-color",
        label: "字体颜色",
        name: "percentColor",
        required: false,
        placeholder: "",
        value: ""
      },
      {
        type: "el-select-static",
        label: "数值",
        name: "slectedDataType",
        require: false,
        placeholder: "",
        selectOptions: [],
        value: ""
      },
      {
        type: "el-select-static",
        label: "动态色",
        name: "slectedDataColor",
        require: false,
        placeholder: "",
        selectOptions: [],
        value: ""
      },
      {
        type: "vue-color",
        label: "底色",
        name: "underColor",
        required: false,
        placeholder: "",
        value: ""
      },
      {
        type: "vue-color",
        label: "进度条色",
        name: "color",
        required: false,
        placeholder: "",
        value: ""
      },

      [
        {
          name: "进度条渐变色",
          list: [
            {
              type: "vue-color",
              label: "渐变色1",
              name: "color1",
              required: false,
              placeholder: "",
              value: ""
            },
            {
              type: "vue-color",
              label: "渐变色2",
              name: "color2",
              required: false,
              placeholder: "",
              value: ""
            },
            {
              type: "vue-color",
              label: "渐变色3",
              name: "color3",
              required: false,
              placeholder: "",
              value: ""
            },
            {
              type: "vue-color",
              label: "渐变色4",
              name: "color4",
              required: false,
              placeholder: "",
              value: ""
            },
            {
              type: "vue-color",
              label: "渐变色5",
              name: "color5",
              required: false,
              placeholder: "",
              value: ""
            }
          ]
        }
      ]
    ],
    // 坐标
    position: [
      {
        type: "el-input-number",
        label: "左边距",
        name: "left",
        required: false,
        placeholder: "",
        value: 0
      },
      {
        type: "el-input-number",
        label: "上边距",
        name: "top",
        required: false,
        placeholder: "",
        value: 0
      },
      {
        type: "el-input-number",
        label: "宽度",
        name: "width",
        required: false,
        placeholder: "该容器在1920px大屏中的宽度",
        value: 400
      },
      {
        type: "el-input-number",
        label: "高度",
        name: "height",
        required: false,
        placeholder: "该容器在1080px大屏中的高度",
        value: 100
      }
    ]
  }
};