import { BasicProps, BasicState, EditSetting } from '../type'
// const SCHEMEOBJ = {
//   '在读榜': '在读榜(无须填写跳转目标)',
//   '新书榜': '新书榜(无须填写跳转目标)',
//   '分类页面': '分类页(跳转目标填写分类ID)',
//   '书籍详情页': '书籍详情页(跳转目标填写书籍ID)',
//   '书评正文页面': '书评正文页(跳转目标填写书评ID)',
//   '写书评': '写书评(无须填写跳转目标)',
//   '个人主页': '个人主页(跳转目标填写用户ID)',
//   '内链': '内链(跳转目标填写活动页面链接)',
//   '外链': '外链(跳转目标填写活动页面链接)',
//   '书籍提问列表': '书籍提问列表(跳转目标填写书籍ID)',
//   '提问回答列表': '提问回答推荐(跳转目标填写回答ID，用于回答推荐)',
//   '问题回答页': '提问回答列表(跳转目标填写问题ID，用于问题推荐)',
//   '登录页面': '登录页面(无须填写跳转目标)',
//   '书籍正文页': '书籍正文页(跳转目标填写书籍ID)',
//   '我的消息页': '我的消息页(无须填写跳转目标)',
//   '意见反馈页': '意见反馈页(无须填写跳转目标)',
//   '我的粉丝列表页': '我的粉丝列表页(无须填写跳转目标)',
//   '设置页': '设置页(无须填写跳转目标)',
//   '书评分类页': '书评分类页(跳转目标可直接输入内容分类名称)',
//   '回答分类页': '回答分类页(跳转目标可直接输入内容分类名称)',
//   '时长付费页': '时长付费页(无须填写跳转目标)',
//   '无需跳转': '无需跳转',
//   '礼品卡页面': '礼品卡页面(无须填写跳转目标)',
//   '话题详情页': '话题(填写话题ID)',
//   '话题内容详情页': '话题内容(填写单条话题内容ID)'
// }

export class Props extends BasicProps {
  public editSetting: EditSetting = {
    key: 'gaea-snailhotArea',
    name: '蜗牛热区',
    help: {
      title: '链接从蜗牛管理后台获取',
      link: 'https://du.hz.netease.com/tools#/schemeUrl'
    },
    isAutoHeight: false,
    isContainer: false,
    type: ['common', 'snail'],
    editors: [
      // {
      //   field: 'path',
      //   text: '跳转类型',
      //   type: 'select',
      //   data: Object.keys(SCHEMEOBJ).map( key => {
      //     return {
      //       text: SCHEMEOBJ[key],
      //       value: key
      //     }
      //   })
      // },
      {
        field: 'target',
        text: '跳转链接',
        type: 'string'
      },
      {
        field: 'logPointId',
        text: '打点ID',
        type: 'string'
      },
      'Style',
      {
        field: 'borderRadius',
        text: '圆角(rem)',
        type: 'number',
        data: {
          useSlider: true,
          inputRange: [0, 10],
        }
      },
      {
        field: 'backgroundColor',
        text: '背景颜色',
        type: 'color'
      },
      {
        field: 'activeBackgroundColor',
        text: '按下状态背景色',
        type: 'color'
      },
      {
        field: 'backgroundImage',
        text: '背景图片',
        type: 'image'
      }
    ]
  };

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

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

export class State extends BasicState {

}