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



export class Props extends BasicProps {
  public editSetting: EditSetting = {
    key: 'gaea-template-activity-rank',
    name: '模板活动-排行榜',
    isAutoHeight: true,
    defaultPosition: {
      top: '0',
      left: '0'
    },
    // isContainer: false,
    isFreeMove: false,// 支持自由拖动
    editors: [
      {
        field: 'rankId',
        text: '排行榜ID',
        type: 'string'
      },
      {
        field: 'rankHeader',
        text: '排行榜表头',
        type: 'object',
        data: [
          {
            field: 'textColor',
            text: '文字颜色',
            type: 'color'
          },
          {
            field: 'topText',
            text: 'top-文案',
            type: 'string'
          },
          {
            field: 'contentText',
            text: '内容-文案',
            type: 'string'
          },
          {
            field: 'scoreText',
            text: '积分-文案',
            type: 'string'
          },
        ]
      }
    ]
  };

  public rankId: string;
  public rankHeader = {
    textColor: '#4DECE3',
    topText: '排名',
    contentText: '作者',
    scoreText: '积分'
  }
}

export class State extends BasicState {
  rankItemList: RankItem[] = [];
  expand: boolean = false;
}