@para-ui/core 2.1.22 → 2.1.25

package/Upload/ImageUpload/index.d.ts

@@ -1,6 +1,14 @@
 import { FunctionComponent } from 'react';
 import { UploadProps } from '../interface';
 import './index.scss';
-export declare type ImageUploadProps = Omit<UploadProps, 'type'>;
+export declare type ImageUploadProps = Omit<UploadProps, 'type'> & {
+    /** 默认图片 showUploadList为false时有效 */
+    defaultImage?: {
+        /** 图片地址 */
+        imageUrl: string;
+        /** 图片名称 */
+        imageName?: string;
+    };
+};
 declare const ImageUpload: FunctionComponent<ImageUploadProps>;
 export default ImageUpload;

package/Upload/ImgCrop/EasyCrop.d.ts

@@ -0,0 +1,17 @@
+import React, { MutableRefObject } from 'react';
+import Cropper from 'react-easy-crop';
+import type { Dispatch, SetStateAction, ForwardedRef } from 'react';
+import type { Area } from 'react-easy-crop/types';
+import type { ImgCropProps } from './interface';
+export declare type EasyCropHandle = {
+    rotateVal: number;
+    setZoomVal: Dispatch<SetStateAction<number>>;
+    setRotateVal: Dispatch<SetStateAction<number>>;
+    cropPixelsRef: MutableRefObject<Area>;
+};
+interface EasyCropProps extends Required<Pick<ImgCropProps, 'aspect' | 'shape' | 'grid' | 'zoom' | 'rotate' | 'minZoom' | 'maxZoom' | 'cropperProps'>> {
+    cropperRef: ForwardedRef<Cropper>;
+    image: string;
+}
+declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<EasyCropProps & React.RefAttributes<EasyCropHandle>>>;
+export default _default;

package/Upload/ImgCrop/constants.d.ts

@@ -0,0 +1,7 @@
+export declare const PREFIX = "paraui-img-crop";
+export declare const INIT_ZOOM = 1;
+export declare const ZOOM_STEP = 0.1;
+export declare const INIT_ROTATE = 0;
+export declare const ROTATE_STEP = 1;
+export declare const MIN_ROTATE = -180;
+export declare const MAX_ROTATE = 180;

package/Upload/ImgCrop/index.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+import type { ImgCropProps } from './interface';
+import './index.scss';
+export declare const ImgCrop: FC<ImgCropProps>;
+export { ImgCropProps };
+export default ImgCrop;

package/Upload/ImgCrop/interface.d.ts

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+import type { CropperProps } from 'react-easy-crop';
+export type { RcFile } from 'rc-upload/lib/interface';
+export interface ImgCropProps {
+    aspect?: number;
+    shape?: 'rect' | 'round';
+    grid?: boolean;
+    quality?: number;
+    fillColor?: string;
+    zoom?: boolean;
+    rotate?: boolean;
+    minZoom?: number;
+    maxZoom?: number;
+    modalTitle?: string;
+    modalWidth?: number | string;
+    modalOk?: string;
+    modalCancel?: string;
+    onModalOk?: (file: void | boolean | string | Blob | File) => void;
+    onModalCancel?: () => void;
+    beforeCrop?: (file: File, fileList: File[]) => boolean | Promise<boolean>;
+    onUploadFail?: (err: Error) => void;
+    cropperProps?: Partial<CropperProps>;
+    children: JSX.Element;
+}

package/Upload/index.d.ts

@@ -2,12 +2,14 @@ import { FunctionComponent } from 'react';
 import { UploadProps } from './interface';
 import ImageUpload, { ImageUploadProps } from './ImageUpload';
 import Dragger, { DraggerProps } from "./Dragger";
+import ImgCrop, { ImgCropProps } from "./ImgCrop";
 import './index.scss';
 declare const InternalUpload: FunctionComponent<UploadProps>;
 declare type MergedUploadType = typeof InternalUpload & {
     ImageUpload: typeof ImageUpload;
     Dragger: typeof Dragger;
+    ImgCrop: typeof ImgCrop;
 };
 declare const Upload: MergedUploadType;
-export type { UploadProps, ImageUploadProps, DraggerProps };
+export type { UploadProps, ImageUploadProps, DraggerProps, ImgCropProps };
 export default Upload;