import React, { CSSProperties } from 'react'; import { Crop } from 'react-image-crop'; export interface ICrop extends Crop { } export interface ICropLoadedParams { imgOriginalWidth: number; imgOriginalHeight: number; cropAreaWidth: number; cropAreaHeight: number; } export interface IImageCropProps { /** * @description 自定义类名 */ className?: string; /** * @description 自定义样式 */ style?: CSSProperties; /** * @description 是否禁用 * @default false */ disabled?: boolean; /** * @description 裁剪的宽高比例 */ aspect?: number; /** * @description 裁剪数据 */ value?: ICrop; /** * @description 图片地址 */ url: string; /** * @description 图片名称 */ name?: string; /** * @description 图片加载完成的回调 */ onLoaded?: (data: ICropLoadedParams) => void; /** * @description 图片加载过程的回调 */ onChange?: (crop: ICrop) => void; /** * @description 图片加载完成的回调 */ onComplete?: (data: { url?: string; file?: File; }) => void; } export declare const ImageCrop: React.MemoExoticComponent<(props: IImageCropProps) => JSX.Element>;