import { BasicProps, BasicState, EditSetting } from '../type'
export class Props extends BasicProps {
  public editSetting: EditSetting = {
    key: 'gaea-pageIndicator',
    name: '锚点',
    isContainer: false,
    isAutoHeight: true,
    defaultPosition: {
      top: '0',
      left: '0'
    },
    editors: [
      {
        field: 'type',
        text: '样式类型',
        type: 'select',
        data: [{
          text: '等分',
          value: 1
        }, {
          text: '横向滚动',
          value: 2
        }, {
          text: '背景图片',
          value: 3
        }
        ]
      },
      {
        field: 'backgroundColor',
        text: '背景颜色',
        type: 'color'
      },
      {
        field: 'color',
        text: '字体颜色',
        type: 'color'
      },
      {
        field: 'activeColor',
        text: '高亮字体颜色',
        type: 'color'
      },
      {
        field: 'anchorData',
        text: '锚点配置',
        type: 'array',
        data: [
          {
            field: 'anchorName',
            type: 'string',
            text: '名字：'
          },
          {
            field: 'anchorId',
            type: 'string',
            text: '场景ID：'
          },
          {
            field: 'focusImage',
            text: '选中锚点背景图片',
            type: 'image'
          },
          {
            field: 'unfocusImage',
            text: '未选中锚点背景图片',
            type: 'image'
          },
        ]
      },
      {
        field: 'marginTop',
        text: '模块上间距',
        type: 'number',
      }
    ]
  };

  public style: React.CSSProperties = {
    width: '100%',
    position: 'absolute',
    top: 0,
    left: 0
  };

  public type: number = 1;

  //默认背景颜色
  public backgroundColor: string = '#fff';

  //默认字体颜色
  public color: string = '#333';

  //默认高亮字体颜色
  public activeColor: string = '#d33a31';

  public anchorData: any;

  public marginTop: number;
}

export class State extends BasicState {
  //当前高亮的场景ID
  activeAnchor: string;
}