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

import {
  getRemWithoutUnit
} from '../style/function.style';


export class Props extends BasicProps {
  public editSetting: EditSetting = {
    key: 'gaea-navBar',
    name: '导航条',
    isContainer: false,
    isAutoHeight: true,
    defaultPosition: {
      top: '0',
      left: '0'
    },
    editors: [
      {
        field: 'marginTop',
        text: '模块上间距',
        type: 'number',
      },
      {
        field: 'marginBottom',
        text: '模块下间距',
        type: 'number',
      },
      {
        field: 'color',
        text: '文字颜色',
        type: 'color',
      },
      {
        field: 'navData',
        text: '导航条配置',
        type: 'array',
        data: [
          {
            field: 'icon',
            type: 'image',
            text: 'icon'
          },
          {
            field: 'name',
            type: 'string',
            text: '文案'
          },
          {
            field: 'link',
            type: 'string',
            text: '链接'
          }
        ]
      }
    ]
  };
  public marginTop: number | string = getRemWithoutUnit(24);
  public marginBottom: number | string = getRemWithoutUnit(16);

  public color: string = '#2e2e2e';

  public navData: {
    icon: { url: string },
    name: string,
    link: string
  }[] = [];

}

export class State extends BasicState {
}