// @ts-ignore
import * as React from 'react';
// @ts-ignore
import { AxiosResponse } from 'axios';
// @ts-ignore
import { ImageCropperProps } from '~/jjb-react-admin-component/ImageCropper';
import { ComponentProps } from '../types';

export interface ImageUploaderProps<T> extends ComponentProps {
  // 版本 v1-才俊java v2-杨飞java
  version?: 'v1' | 'v2';
  // 宽高 示例100*100
  wh?: string;
  // 加载中的提示文本 默认 "上传中..."
  tip?: string;
  // 限制上传图片大小
  size?: number;
  // 携带其他数据
  data?: { [ p: string ]: any };
  // 输入
  value?: T;
  // 组件宽度
  width?: number;
  // 组件高度
  height?: number;
  // 上传接口
  action: string;
  // 启用预览
  preview?: boolean;
  // 启用图片截图
  cropper?: boolean;
  // 上传请求头
  headers?: { [ p: string ]: any };
  // 启用/禁用
  disabled?: boolean;
  // 文件默认字段名称 默认 "ossFile"
  fieldName?: string;
  // 组件边框样式
  borderStyle?: 'dashed' | 'dotted' | 'double' | 'groove' | 'hidden' | 'inset' | 'none' | 'outset' | 'ridge' | 'solid';
  // 组件边框颜色
  borderColor?: string;
  // 组件边框宽度
  borderWidth?: number;
  // 组件边框圆角
  borderRadius?: number;
  // 截图配置
  cropperConfig?: ImageCropperProps;
  // 组件背景色
  backgroundColor?: string;
  // 自定义请求 覆盖默认请求
  customRequest?: (res: AxiosResponse) => void;
  // 是否压缩
  compression?: boolean,
  //  压缩配置项
  compressionConfig?: { [ p: string ]: any }
  // 输出
  onChange?: (e: T) => void;
}

export interface ImageUploaderFC extends React.FC<ImageUploaderProps<string | { readonly fileId: string; readonly fileUrl: string; }>> {
}

declare const ImageUploader: ImageUploaderFC;
export default ImageUploader;