import { ComponentClass } from 'react'

import AtComponent from './base'

interface FileItem {
  path/*;路径*/: string

  size/*;大小*/: number
}

export interface File {
  url/*;网址*/: string

  file/*;文件*/?: FileItem
}

export interface AtImagePickerProps extends AtComponent {
  /**
   * 图片文件数组, 元素为对象, 包含属性 url（必选)
   */
  files/*;文件集*/: File[]
  /**
   * 图片预览模式，详见[微信开发者文档](https://developers.weixin.qq.com/miniprogram/dev/component/image.html)
   * @default 'aspectFill'
   */
  mode/*;模式*/?: 'scaleToFill'/*;填充缩放*/ | 'aspectFit'/*;同比适配*/ | 'aspectFill'/*;同比填充*/ | 'widthFix'/*;固定宽*/ | 'top'/*;上*/ | 'bottom'/*;下*/ | 'center'/*;中*/ | 'left'/*;左*/ | 'right'/*;右*/ | 'top left'/*;左上*/ | 'top right'/*;右上*/ | 'bottom left'/*;左下*/ | 'bottom right'/*;右下*/
  /**
   * 是否显示添加图片按钮
   * @default true
   */
  showAddBtn/*;显示添加按钮*/?: boolean
  /**
   * 是否支持多选
   * @default false
   */
  multiple/*;多选*/?: boolean
  /**
   * 单行的图片数量，不能为 0 或负数
   * @default 4
   */
  length/*;长*/?: number
  /**
   * 最多可以选择的图片张数
   * @since v2.0.2
   */
  count/*;数量*/?: number
  /**
   * 所选的图片的尺寸
   * @since v2.0.2
   */
  sizeType/*;尺寸类型*/?: string[]
  /**
   * 选择图片的来源
   * @since v2.0.2
   */
  sourceType/*;来源类型*/?: string[]
  /**
   * files 值发生变化触发的回调函数, operationType 操作类型有添加，移除，如果是移除操作，则第三个参数代表的是移除图片的索引
   */
  onChange/*;当改变*/: (files: File[], operationType: 'add' | 'remove', index?: number) => void
  /**
   * 点击图片触发的回调
   */
  onImageClick/*;当点击图片*/?: (index: number, file: Object) => void
  /**
   * 选择失败触发的回调
   */
  onFail/*;当失败*/?: (message: string) => void
}

declare const AtImagePicker: ComponentClass<AtImagePickerProps>

export default AtImagePicker