import { BasicProps, BasicState, EditSetting } from '../type'
export class Props extends BasicProps {
  public editSetting: EditSetting = {
    key: 'gaea-slider',
    name: '轮播图',
    isContainer: false,
    isAutoHeight: true,
    help: {
      title: '按第一张图的比例显示，请注意图片比例一致',
      link: 'javascript:;'
    },
    defaultPosition: {
      top: '0',
      left: '0'
    },
    editors: [
      {
        field: 'slider',
        text: '轮播图片',
        type: 'array',
        data: [
          {
            field: 'imageObj',
            type: 'image',
            text: '图片：'
          },
          {
            field: 'target',
            type: 'string',
            text: '跳转链接：'
          },
          {
            field: 'newWebview',
            type: 'boolean',
            text: '新窗口打开(H5建议开启)：'
          }
        ]
      },
      {
        field: 'duration',
        text: '轮播动画总时长(毫秒)',
        type: 'number',
      },
      {
        field: 'interval',
        text: '轮播时间间隔(毫秒)',
        type: 'number',
      },
      {
        field: 'marginTop',
        text: '模块上间距',
        type: 'number',
      },
      {
        field: 'space',
        text: '模块左右间距(建议:0.427)',
        type: 'number',
        placeholder: '建议:0.427'
      },
      {
        field: 'radius',
        text: '图片圆角(建议:0.2)',
        type: 'number',
        placeholder: '建议:0.2'
      },
      {
        field: 'logPointId',
        type: 'string',
        text: '打点ID',
        placeholder: '蜗牛频道页、lofter产品可不填'
      },
      {
        field: 'pos',
        text: '模块标识',
        type: 'string',
        placeholder: '用于统计上报中的pos字段,lofter无效'
      }
    ]
  };

  public slider: Array<{ imageObj: { url: string }, target?: string, newWebview: boolean }> = [];
  public duration: number = 600;
  public interval: number = 4000;

  public marginTop: number = 0;
  public space: number = 0;
  public radius: number = 0;
  public logPointId: string
  public pos: string
}

export class State extends BasicState {
  index: Number = 0
}