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

export class Props extends BasicProps {
  public editSetting: EditSetting = {
    key: 'gaea-snailBookreviewTable',
    name: '蜗牛书评列表',
    isContainer: false,
    isAutoHeight: true,
    defaultPosition: {
      top: '0',
      left: '0'
    },
    type: ['common', 'snail'],
    editors: [
      {
        field: 'bookReviews',
        type: 'bookReviewSearch'
      },
      {
        field: 'title',
        text: '模块标题',
        type: 'string'
      },
      {
        field: 'pos',
        text: '模块标识',
        type: 'string',
        placeholder: '用于统计上报中的pos字段',
      },
      'Style',
      {
        field: 'divider',
        text: '底部分割线',
        type: 'boolean'
      },
      {
        field: 'style.backgroundColor',
        text: '背景颜色',
        type: 'color'
      },
      {
        field: 'backgroundImage',
        text: '背景图片',
        type: 'image'
      },
      {
        field: 'fontColor',
        text: '文字颜色',
        type: 'color'
      }
    ]
  };

  public divider = true
  public fontColor: string = '#444'

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

export class State extends BasicState {
  public bookReviews = []
  public title = ''
}