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

export class Props extends BasicProps {
  public editSetting: EditSetting = {
    key: 'gaea-focus',
    name: '关注',
    isContainer: false,
    isFreeMove: true,// 支持自由拖动
    editors: [
      '❗️❗️强烈建议使用默认样式❗️❗️',
      {
        field: 'blogNames',
        text: '博客名称(多个英文逗号隔开)',
        type: 'string'
      },
      {
        field: 'type',
        text: '样式类型',
        type: 'select',
        data: [
          {
            text: '自由拖动（适合一个）',
            value: 3
          },
          {
            text: '一行展示两个（列表）',
            value: 1
          },
          {
            text: '一行展示一个（列表）',
            value: 2
          },
        ]
      },
      {
        field: 'buttonName',
        text: '关注按钮名称',
        type: 'string'
      },
      // 'Style',
      {
        field: 'buttonColor',
        text: '按钮颜色(默认lofter主题绿色)',
        type: 'color'
      },
      // {
      //   field: 'buttonFollowedColor',
      //   text: '已关注按钮颜色',
      //   type: 'color'
      // },
    ]
  };

  public style: React.CSSProperties = {
    width: '1.3rem',
    height: '3rem',
    backgroundSize: '100%',
    backgroundPosition: '0% 0%',
    backgroundRepeat: 'no-repeat'
  };
  public buttonName: string;
  public buttonColor: string;
  public blogNames: string;
  public type: number = 3;
}

export interface BlogInfo {
  blogId: number,
  blogName: string,
  blogNickName: string,
  bigAvaImg: string,
  selfIntro: string,
  isAuth: boolean,
  isVerify: boolean,
  signAuth: boolean
}
export interface DataInfo {
  blogInfo: BlogInfo
  follow: boolean
}
export class State extends BasicState {
  data: DataInfo[];
  selfBlogId: number;
}