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

export class Props extends BasicProps {
  public editSetting: EditSetting = {
    key: 'gaea-foldContainer',
    name: '折叠容器',
    isContainer: true,
    isAutoHeight: true,
    editors: [
      {
        field: 'expandImg',
        text: '展开按钮图片(固定屏幕宽度)',
        type: 'image'
      },
      {
        field: 'foldImg',
        text: '折叠按钮图片(固定屏幕宽度)',
        type: 'image'
      },
      {
        field: 'foldHeight',
        text: '需要折叠的高度',
        type: 'number',
        data: {
          input: [0, Number.MAX_SAFE_INTEGER],
          step: 0.1
        }
      }
    ]
  };

  public foldHeight: number = undefined

  public expandImg: { width: number; height: number; url: string; } = null
  public foldImg: { width: number; height: number; url: string; } = null

  public style: React.CSSProperties = {
    width: '10rem',
    minHeight: '80px',
  }

}

export class State extends BasicState {
  fold: boolean = true
}