import {ITouchEvent, ViewProps} from '@tarojs/components'
import {FunctionComponent, ReactNode} from 'react'
import {ImageProps} from '@tarojs/components'

/** 图片的尺寸 */
export interface sizeType {
  /** 原图 */
  original
  /** compressed */
  compressed
}
/** 图片的来源 */
export interface sourceType {
  /** 从相册选图 */
  album
  /** 使用相机 */
  camera
  /** 使用前置摄像头(仅H5纯浏览器使用) */
  user
  /** 使用后置摄像头(仅H5纯浏览器) */
  environment
}

export interface UploaderProps extends ViewProps {
  backgroundColor?: string
  backgroundColorDisabledOpacity?: number
  textColor?: string
  maskBackgroundColor?: string
  maskTextColor?: string
  photoIconColor?: string
  closeIconColor?: string
  maskFailIconColor?: string
  maskLoadingIconColor?: string
  disabled?: boolean
  multiple?: boolean
  uploadText?: ReactNode
  closeIcon?: ReactNode
  useBeforeRead?: boolean
  afterRead?: any
  beforeRead?: any
  previewSize?: number
  name?: string | number
  accept?: 'all' | 'media' | 'image' | 'file' | 'video'
  fileList?: any[]
  maxSize?: number
  maxCount?: number
  deletable?: boolean
  showUpload?: boolean
  previewImage?: boolean
  previewFullImage?: boolean
  imageFit?: keyof ImageProps.Mode | undefined
  /** 所选的图片的尺寸 */
  sizeType?: (keyof sizeType)[]
  /** 选择图片的来源 */
  sourceType?: (keyof sourceType)[]
  compressed?: boolean
  maxDuration?: number
  camera?: 'back' | 'front'
  children?: ReactNode
  onError?: (error: any) => any
  onDelete?: (event: ITouchEvent) => any
  onBeforeRead?: (event: ITouchEvent) => any
  onAfterRead?: (event: ITouchEvent) => any
  onOversize?: (event: ITouchEvent) => any
  onClickPreview?: (data: any) => any
}

declare const Uploader: FunctionComponent<UploaderProps>

export {Uploader}