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

type PublishData = {
  tag: string;
  title: string;
  content: string;
  /* 讨论/说说 话题Id */
  chatId: string;
  /* 讨论/说说 话题内容 */
  chatTitle: string;
}

export class Props extends BasicProps {
  public editSetting: EditSetting = {
    key: 'gaea-hotAreaPublish',
    name: '发布器热区',
    isContainer: false,
    editors: [
      '发布配置',
      {
        field: 'publishType',
        type: 'publish'
      },
      'Style',
      {
        field: 'style.backgroundColor',
        text: '背景颜色',
        type: 'color'
      },
      {
        field: 'backgroundImage',
        text: '背景图片',
        type: 'image'
      },
    ]
  };

  public publishType: {
    /**
     * 0 全局-发布器
     * 1 图片类型-发布器
     * 2 视频类型-发布器
     * 3 文字类型-发布器
     * 4 说说/讨论-发布器
     */
    type: 0 | 1 | 2 | 3 | 4,
    data?: PublishData,
  } = {
    type: 0,
  }

  public style: React.CSSProperties = {
    display: 'block',
    width: '100px',
    height: '100px',
    overflow: 'hidden',
    zIndex: 2,
  };

  public imgStyle: React.CSSProperties = {
    display: 'block',
    width: '100%',
    maxWidth: '100%'
  };

  // public needLofterApp: boolean = false
  // public lofterNewWebview: boolean = false

  public backgroundImage: {
    url: string
  }
}

export class State extends BasicState {}