import { BasicProps, BasicState, EditSetting } from '../type'
import {
  ProcessBarResponseData
} from './actions';



export class Props extends BasicProps {
  public editSetting: EditSetting = {
    key: 'gaea-template-activity-process',
    name: '模板活动-进度条',
    isAutoHeight: true,
    defaultPosition: {
      top: '0',
      left: '0'
    },
    // isContainer: false,
    isFreeMove: false,// 支持自由拖动
    editors: [
      {
        field: 'processId',
        text: '进度条ID',
        type: 'string'
      },
      {
        field: 'supportButton',
        text: '支持按钮设置',
        type: 'object',
        data: [
          {
            field: 'enableImage',
            text: '去支持按钮图片(538x119)',
            type: 'image'
          },
          {
            field: 'disableImage',
            text: '已支持按钮图片(538x119)',
            type: 'image'
          }
        ]
      },
      {
        field: 'process',
        text: '进度条设置(建议只修改颜色)',
        type: 'object',
        data: [
          {
            field: 'barColor',
            text: '进度条颜色',
            type: 'color'
          },
          {
            field: 'barImage',
            text: '进度条图片(801x31)',
            type: 'image'
          },
          {
            field: 'barIcon',
            text: '进度条进程icon(74x74)',
            type: 'image'
          },
          {
            field: 'flagImage',
            text: '目标图片(74x74)',
            type: 'image'
          },
          {
            field: 'flagCompleteImage',
            text: '目标达成图片(74x74)',
            type: 'image'
          }
        ]
      }
    ],
  };

  public processId: string;

  public supportButton = {
    enableImage: {
      url: 'https://lofter.lf127.net/1657627040656/enable-button.png'
    },
    disableImage: {
      url: 'https://lofter.lf127.net/1657627017579/disable-button.png'
    }
  };

  public process = {
    barImage: {
      url: 'https://lofter.lf127.net/1657683083634/process-transparent.png'
    },
    barColor: '#06EADD',
    barIcon: {
      url: 'https://lofter.lf127.net/1657615237294/process-icon.png'
    },
    flagImage: {
      url: 'https://lofter.lf127.net/1657615257942/process-flag.png'
    },
    flagCompleteImage: {
      url: 'https://lofter.lf127.net/1657615257942/process-flag.png'
    },
  }
}

export class State extends BasicState {
  processBarData: ProcessBarResponseData | null = null;
}