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

export class Props extends BasicProps {
  public editSetting: EditSetting = {
    key: 'gaea-video',
    name: '视频',
    isContainer: false,
    isFreeMove: true,
    editors: [
      {
        field: 'videoObj',
        text: '上传视频',
        type: 'video'
      },
      {
        field: 'poster',
        text: '上传封面',
        type: 'image'
      },
      {
        field: 'postUrl',
        text: '单日志链接',
        type: 'string'
      }
    ]
  };

  public videoObj: {
    url: string;
    width: number;
    height: number;
  }

  public poster: {
    url: string;
    width: number;
    height: number;
  }

  public postUrl: string;

  public style: React.CSSProperties = {
    width: '100%'
  }

}

export class State extends BasicState {
  videoInfo: {
    width: number;
    height: number;
  }
  posterUrl: string;
  isVideoPlaying: boolean;
  // 标识是否第一次播放
  isFirstPlay: boolean = true;
}