@keyblade/pro-components 1.13.8-alpha.9 → 1.14.1

package/es/pro-image-upload/index.d.ts

@@ -2,134 +2,138 @@ import { App } from 'vue';
 declare const ProImageUpload: {
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
         modelValue: import('@arco-design/web-vue').FileItem[];
-    } & {
-        action: string;
-        handlerResponse?: (response: any) => Promise<{
-            success: boolean;
-            url?: string;
-            errorMessage?: string;
-            [key: string]: any;
-        }>;
-        headers?: Record<string, any>;
-        data?: Record<string, any>;
-        name?: string;
-        tip?: string;
-        accept?: string[];
-        multiple?: boolean;
-        singleLimit?: number;
-        limit?: number;
-        exceedTip?: string;
-        disabled?: boolean;
-        hideInnerBeforeUploadLoading?: boolean;
-        checkOptions?: import('@keyblade/one-travel').ImageUploadCheckOptions;
-        compressorOptions?: import('@keyblade/one-travel').ImageUploadCompressorOptions;
-        cropOptions?: import('@keyblade/one-travel').ImageUploadCropOptions;
-        onSuccess?: (fileItem: import('@arco-design/web-vue').FileItem) => void;
-        onError?: (fileItem: import('@arco-design/web-vue').FileItem) => void;
-        onExceed?: (fileList: import('@arco-design/web-vue').FileItem[], files: File[]) => void;
-        onBeforeUpload?: (file: File) => boolean | Promise<any>;
-        onInnerBeforeUploadStart?: (file: File, index: number, type: import('./types').EImageUploadInnerBeforeUploadStep) => void;
-        onInnerBeforeUploadEnd?: (file: File, index: number, type: import('./types').EImageUploadInnerBeforeUploadStep, result: {
-            success: boolean;
-            error?: {
-                size?: boolean;
-                format?: boolean;
-                transform?: boolean;
-                pixel?: boolean;
-                compress?: boolean;
-                crop?: boolean;
-            };
-            errorMessage?: string;
-        }) => void;
-    }> & Readonly<{
+    } & import('./types').ImageUploadOptions> & Readonly<{
         "onUpdate:modelValue"?: ((value: import('@arco-design/web-vue').FileItem[]) => any) | undefined;
         onCropperImgLoad?: ((value: File) => any) | undefined;
     }>, {
-        uploadInsRef: import('vue').Ref<import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
-            fileList?: unknown;
-            defaultFileList?: unknown;
-            accept?: unknown;
-            action?: unknown;
-            disabled?: unknown;
-            multiple?: unknown;
-            directory?: unknown;
-            draggable?: unknown;
-            tip?: unknown;
-            headers?: unknown;
-            data?: unknown;
-            name?: unknown;
-            withCredentials?: unknown;
-            customRequest?: unknown;
-            limit?: unknown;
-            autoUpload?: unknown;
-            showFileList?: unknown;
-            showRemoveButton?: unknown;
-            showRetryButton?: unknown;
-            showCancelButton?: unknown;
-            showUploadButton?: unknown;
-            showPreviewButton?: unknown;
-            download?: unknown;
-            showLink?: unknown;
-            imageLoading?: unknown;
-            listType?: unknown;
-            responseUrlKey?: unknown;
-            customIcon?: unknown;
-            imagePreview?: unknown;
-            onBeforeUpload?: unknown;
-            onBeforeRemove?: unknown;
-            onButtonClick?: unknown;
-        } & {
-            disabled: boolean;
-            multiple: boolean;
-            imagePreview: boolean;
-            draggable: boolean;
-            limit: number;
-            defaultFileList: import('@arco-design/web-vue').FileItem[];
-            directory: boolean;
-            withCredentials: boolean;
-            autoUpload: boolean;
-            showFileList: boolean;
-            showRemoveButton: boolean;
-            showRetryButton: boolean;
-            showCancelButton: boolean;
-            showUploadButton: boolean | {
-                showOnExceedLimit: boolean;
+        uploadInsRef: import('vue').Ref<import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+            fileList: {
+                type: import('vue').PropType<import('@arco-design/web-vue').FileItem[]>;
+                default: undefined;
             };
-            showPreviewButton: boolean;
-            download: boolean;
-            showLink: boolean;
-            listType: import('@arco-design/web-vue/es/upload/interfaces').ListType;
-        } & {
-            data?: Record<string, string | Blob> | ((fileItem: import('@arco-design/web-vue').FileItem) => Record<string, string | Blob>) | undefined;
-            name?: string | ((fileItem: import('@arco-design/web-vue').FileItem) => string) | undefined;
-            tip?: string | undefined;
-            fileList?: import('@arco-design/web-vue').FileItem[] | undefined;
-            accept?: string | undefined;
-            action?: string | undefined;
-            headers?: Record<string, string> | undefined;
-            customRequest?: ((option: import('@arco-design/web-vue').RequestOption) => import('@arco-design/web-vue').UploadRequest) | undefined;
-            imageLoading?: "eager" | "lazy" | undefined;
-            responseUrlKey?: string | ((fileItem: import('@arco-design/web-vue').FileItem) => string) | undefined;
-            customIcon?: import('@arco-design/web-vue').CustomIcon | undefined;
-            onBeforeUpload?: ((file: File) => boolean | Promise<boolean | File>) | undefined;
-            onBeforeRemove?: ((fileItem: import('@arco-design/web-vue').FileItem) => Promise<boolean>) | undefined;
-            onButtonClick?: ((event: Event) => Promise<FileList> | void) | undefined;
-        }> & {
-            onChange?: ((fileList: import('@arco-design/web-vue').FileItem[], fileItem: import('@arco-design/web-vue').FileItem) => any) | undefined;
+            defaultFileList: {
+                type: import('vue').PropType<import('@arco-design/web-vue').FileItem[]>;
+                default: () => never[];
+            };
+            accept: StringConstructor;
+            action: StringConstructor;
+            disabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            multiple: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            directory: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            draggable: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            tip: StringConstructor;
+            headers: {
+                type: import('vue').PropType<Record<string, string>>;
+            };
+            data: {
+                type: import('vue').PropType<Record<string, string | Blob> | ((fileItem: import('@arco-design/web-vue').FileItem) => Record<string, string | Blob>)>;
+            };
+            name: {
+                type: import('vue').PropType<string | ((fileItem: import('@arco-design/web-vue').FileItem) => string)>;
+            };
+            withCredentials: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            customRequest: {
+                type: import('vue').PropType<(option: import('@arco-design/web-vue').RequestOption) => import('@arco-design/web-vue').UploadRequest>;
+            };
+            limit: {
+                type: NumberConstructor;
+                default: number;
+            };
+            autoUpload: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            showFileList: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            showRemoveButton: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            showRetryButton: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            showCancelButton: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            showUploadButton: {
+                type: import('vue').PropType<boolean | {
+                    showOnExceedLimit: boolean;
+                }>;
+                default: boolean;
+            };
+            showPreviewButton: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            download: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            showLink: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            imageLoading: {
+                type: import('vue').PropType<"eager" | "lazy">;
+            };
+            listType: {
+                type: import('vue').PropType<import('@arco-design/web-vue/es/upload/interfaces').ListType>;
+                default: string;
+            };
+            responseUrlKey: {
+                type: import('vue').PropType<string | ((fileItem: import('@arco-design/web-vue').FileItem) => string)>;
+            };
+            customIcon: {
+                type: import('vue').PropType<import('@arco-design/web-vue').CustomIcon>;
+            };
+            imagePreview: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            onBeforeUpload: {
+                type: import('vue').PropType<(file: File) => boolean | Promise<boolean | File>>;
+            };
+            onBeforeRemove: {
+                type: import('vue').PropType<(fileItem: import('@arco-design/web-vue').FileItem) => Promise<boolean>>;
+            };
+            onButtonClick: {
+                type: import('vue').PropType<(event: Event) => Promise<FileList> | void>;
+            };
+        }>> & Readonly<{
             onError?: ((fileItem: import('@arco-design/web-vue').FileItem) => any) | undefined;
             onProgress?: ((fileItem: import('@arco-design/web-vue').FileItem, ev?: ProgressEvent<EventTarget> | undefined) => any) | undefined;
-            onExceedLimit?: ((fileList: import('@arco-design/web-vue').FileItem[], files: File[]) => any) | undefined;
+            onChange?: ((fileList: import('@arco-design/web-vue').FileItem[], fileItem: import('@arco-design/web-vue').FileItem) => any) | undefined;
             onSuccess?: ((fileItem: import('@arco-design/web-vue').FileItem) => any) | undefined;
             onPreview?: ((fileItem: import('@arco-design/web-vue').FileItem) => any) | undefined;
+            onExceedLimit?: ((fileList: import('@arco-design/web-vue').FileItem[], files: File[]) => any) | undefined;
             "onUpdate:fileList"?: ((fileList: import('@arco-design/web-vue').FileItem[]) => any) | undefined;
-        }, {
+        }>, {
             prefixCls: string;
-            render: () => false | JSX.Element;
+            render: () => false | import("vue/jsx-runtime").JSX.Element;
             innerSubmit: (fileItem?: import('@arco-design/web-vue').FileItem | undefined) => void;
             innerAbort: (fileItem: import('@arco-design/web-vue').FileItem) => void;
             innerUpdateFile: (id: string, file: File) => void;
             innerUpload: (files: File[]) => void;
-        }, unknown, {}, {
+        }, {}, {}, {
             submit(fileItem?: import('@arco-design/web-vue').FileItem | undefined): void;
             abort(fileItem: import('@arco-design/web-vue').FileItem): void;
             updateFile(id: string, file: File): void;
@@ -142,10 +146,9 @@ declare const ProImageUpload: {
             preview: (fileItem: import('@arco-design/web-vue').FileItem) => true;
             success: (fileItem: import('@arco-design/web-vue').FileItem) => true;
             error: (fileItem: import('@arco-design/web-vue').FileItem) => true;
-        }, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, {
+        }, import('vue').PublicProps, {
             disabled: boolean;
             multiple: boolean;
-            imagePreview: boolean;
             draggable: boolean;
             limit: number;
             fileList: import('@arco-design/web-vue').FileItem[];
@@ -164,6 +167,7 @@ declare const ProImageUpload: {
             download: boolean;
             showLink: boolean;
             listType: import('@arco-design/web-vue/es/upload/interfaces').ListType;
+            imagePreview: boolean;
         }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
             P: {};
             B: {};
@@ -171,45 +175,144 @@ declare const ProImageUpload: {
             C: {};
             M: {};
             Defaults: {};
-        }, Readonly<{
-            fileList?: unknown;
-            defaultFileList?: unknown;
-            accept?: unknown;
-            action?: unknown;
-            disabled?: unknown;
-            multiple?: unknown;
-            directory?: unknown;
-            draggable?: unknown;
-            tip?: unknown;
-            headers?: unknown;
-            data?: unknown;
-            name?: unknown;
-            withCredentials?: unknown;
-            customRequest?: unknown;
-            limit?: unknown;
-            autoUpload?: unknown;
-            showFileList?: unknown;
-            showRemoveButton?: unknown;
-            showRetryButton?: unknown;
-            showCancelButton?: unknown;
-            showUploadButton?: unknown;
-            showPreviewButton?: unknown;
-            download?: unknown;
-            showLink?: unknown;
-            imageLoading?: unknown;
-            listType?: unknown;
-            responseUrlKey?: unknown;
-            customIcon?: unknown;
-            imagePreview?: unknown;
-            onBeforeUpload?: unknown;
-            onBeforeRemove?: unknown;
-            onButtonClick?: unknown;
-        } & {
+        }, Readonly<import('vue').ExtractPropTypes<{
+            fileList: {
+                type: import('vue').PropType<import('@arco-design/web-vue').FileItem[]>;
+                default: undefined;
+            };
+            defaultFileList: {
+                type: import('vue').PropType<import('@arco-design/web-vue').FileItem[]>;
+                default: () => never[];
+            };
+            accept: StringConstructor;
+            action: StringConstructor;
+            disabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            multiple: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            directory: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            draggable: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            tip: StringConstructor;
+            headers: {
+                type: import('vue').PropType<Record<string, string>>;
+            };
+            data: {
+                type: import('vue').PropType<Record<string, string | Blob> | ((fileItem: import('@arco-design/web-vue').FileItem) => Record<string, string | Blob>)>;
+            };
+            name: {
+                type: import('vue').PropType<string | ((fileItem: import('@arco-design/web-vue').FileItem) => string)>;
+            };
+            withCredentials: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            customRequest: {
+                type: import('vue').PropType<(option: import('@arco-design/web-vue').RequestOption) => import('@arco-design/web-vue').UploadRequest>;
+            };
+            limit: {
+                type: NumberConstructor;
+                default: number;
+            };
+            autoUpload: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            showFileList: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            showRemoveButton: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            showRetryButton: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            showCancelButton: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            showUploadButton: {
+                type: import('vue').PropType<boolean | {
+                    showOnExceedLimit: boolean;
+                }>;
+                default: boolean;
+            };
+            showPreviewButton: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            download: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            showLink: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            imageLoading: {
+                type: import('vue').PropType<"eager" | "lazy">;
+            };
+            listType: {
+                type: import('vue').PropType<import('@arco-design/web-vue/es/upload/interfaces').ListType>;
+                default: string;
+            };
+            responseUrlKey: {
+                type: import('vue').PropType<string | ((fileItem: import('@arco-design/web-vue').FileItem) => string)>;
+            };
+            customIcon: {
+                type: import('vue').PropType<import('@arco-design/web-vue').CustomIcon>;
+            };
+            imagePreview: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            onBeforeUpload: {
+                type: import('vue').PropType<(file: File) => boolean | Promise<boolean | File>>;
+            };
+            onBeforeRemove: {
+                type: import('vue').PropType<(fileItem: import('@arco-design/web-vue').FileItem) => Promise<boolean>>;
+            };
+            onButtonClick: {
+                type: import('vue').PropType<(event: Event) => Promise<FileList> | void>;
+            };
+        }>> & Readonly<{
+            onError?: ((fileItem: import('@arco-design/web-vue').FileItem) => any) | undefined;
+            onProgress?: ((fileItem: import('@arco-design/web-vue').FileItem, ev?: ProgressEvent<EventTarget> | undefined) => any) | undefined;
+            onChange?: ((fileList: import('@arco-design/web-vue').FileItem[], fileItem: import('@arco-design/web-vue').FileItem) => any) | undefined;
+            onSuccess?: ((fileItem: import('@arco-design/web-vue').FileItem) => any) | undefined;
+            onPreview?: ((fileItem: import('@arco-design/web-vue').FileItem) => any) | undefined;
+            onExceedLimit?: ((fileList: import('@arco-design/web-vue').FileItem[], files: File[]) => any) | undefined;
+            "onUpdate:fileList"?: ((fileList: import('@arco-design/web-vue').FileItem[]) => any) | undefined;
+        }>, {
+            prefixCls: string;
+            render: () => false | import("vue/jsx-runtime").JSX.Element;
+            innerSubmit: (fileItem?: import('@arco-design/web-vue').FileItem | undefined) => void;
+            innerAbort: (fileItem: import('@arco-design/web-vue').FileItem) => void;
+            innerUpdateFile: (id: string, file: File) => void;
+            innerUpload: (files: File[]) => void;
+        }, {}, {}, {
+            submit(fileItem?: import('@arco-design/web-vue').FileItem | undefined): void;
+            abort(fileItem: import('@arco-design/web-vue').FileItem): void;
+            updateFile(id: string, file: File): void;
+            upload(files: File[]): void;
+        }, {
             disabled: boolean;
             multiple: boolean;
-            imagePreview: boolean;
             draggable: boolean;
             limit: number;
+            fileList: import('@arco-design/web-vue').FileItem[];
             defaultFileList: import('@arco-design/web-vue').FileItem[];
             directory: boolean;
             withCredentials: boolean;
@@ -225,32 +328,130 @@ declare const ProImageUpload: {
             download: boolean;
             showLink: boolean;
             listType: import('@arco-design/web-vue/es/upload/interfaces').ListType;
-        } & {
-            data?: Record<string, string | Blob> | ((fileItem: import('@arco-design/web-vue').FileItem) => Record<string, string | Blob>) | undefined;
-            name?: string | ((fileItem: import('@arco-design/web-vue').FileItem) => string) | undefined;
-            tip?: string | undefined;
-            fileList?: import('@arco-design/web-vue').FileItem[] | undefined;
-            accept?: string | undefined;
-            action?: string | undefined;
-            headers?: Record<string, string> | undefined;
-            customRequest?: ((option: import('@arco-design/web-vue').RequestOption) => import('@arco-design/web-vue').UploadRequest) | undefined;
-            imageLoading?: "eager" | "lazy" | undefined;
-            responseUrlKey?: string | ((fileItem: import('@arco-design/web-vue').FileItem) => string) | undefined;
-            customIcon?: import('@arco-design/web-vue').CustomIcon | undefined;
-            onBeforeUpload?: ((file: File) => boolean | Promise<boolean | File>) | undefined;
-            onBeforeRemove?: ((fileItem: import('@arco-design/web-vue').FileItem) => Promise<boolean>) | undefined;
-            onButtonClick?: ((event: Event) => Promise<FileList> | void) | undefined;
-        }> & {
-            onChange?: ((fileList: import('@arco-design/web-vue').FileItem[], fileItem: import('@arco-design/web-vue').FileItem) => any) | undefined;
+            imagePreview: boolean;
+        }> | undefined, import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+            fileList: {
+                type: import('vue').PropType<import('@arco-design/web-vue').FileItem[]>;
+                default: undefined;
+            };
+            defaultFileList: {
+                type: import('vue').PropType<import('@arco-design/web-vue').FileItem[]>;
+                default: () => never[];
+            };
+            accept: StringConstructor;
+            action: StringConstructor;
+            disabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            multiple: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            directory: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            draggable: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            tip: StringConstructor;
+            headers: {
+                type: import('vue').PropType<Record<string, string>>;
+            };
+            data: {
+                type: import('vue').PropType<Record<string, string | Blob> | ((fileItem: import('@arco-design/web-vue').FileItem) => Record<string, string | Blob>)>;
+            };
+            name: {
+                type: import('vue').PropType<string | ((fileItem: import('@arco-design/web-vue').FileItem) => string)>;
+            };
+            withCredentials: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            customRequest: {
+                type: import('vue').PropType<(option: import('@arco-design/web-vue').RequestOption) => import('@arco-design/web-vue').UploadRequest>;
+            };
+            limit: {
+                type: NumberConstructor;
+                default: number;
+            };
+            autoUpload: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            showFileList: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            showRemoveButton: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            showRetryButton: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            showCancelButton: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            showUploadButton: {
+                type: import('vue').PropType<boolean | {
+                    showOnExceedLimit: boolean;
+                }>;
+                default: boolean;
+            };
+            showPreviewButton: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            download: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            showLink: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            imageLoading: {
+                type: import('vue').PropType<"eager" | "lazy">;
+            };
+            listType: {
+                type: import('vue').PropType<import('@arco-design/web-vue/es/upload/interfaces').ListType>;
+                default: string;
+            };
+            responseUrlKey: {
+                type: import('vue').PropType<string | ((fileItem: import('@arco-design/web-vue').FileItem) => string)>;
+            };
+            customIcon: {
+                type: import('vue').PropType<import('@arco-design/web-vue').CustomIcon>;
+            };
+            imagePreview: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            onBeforeUpload: {
+                type: import('vue').PropType<(file: File) => boolean | Promise<boolean | File>>;
+            };
+            onBeforeRemove: {
+                type: import('vue').PropType<(fileItem: import('@arco-design/web-vue').FileItem) => Promise<boolean>>;
+            };
+            onButtonClick: {
+                type: import('vue').PropType<(event: Event) => Promise<FileList> | void>;
+            };
+        }>> & Readonly<{
             onError?: ((fileItem: import('@arco-design/web-vue').FileItem) => any) | undefined;
             onProgress?: ((fileItem: import('@arco-design/web-vue').FileItem, ev?: ProgressEvent<EventTarget> | undefined) => any) | undefined;
-            onExceedLimit?: ((fileList: import('@arco-design/web-vue').FileItem[], files: File[]) => any) | undefined;
+            onChange?: ((fileList: import('@arco-design/web-vue').FileItem[], fileItem: import('@arco-design/web-vue').FileItem) => any) | undefined;
             onSuccess?: ((fileItem: import('@arco-design/web-vue').FileItem) => any) | undefined;
             onPreview?: ((fileItem: import('@arco-design/web-vue').FileItem) => any) | undefined;
+            onExceedLimit?: ((fileList: import('@arco-design/web-vue').FileItem[], files: File[]) => any) | undefined;
             "onUpdate:fileList"?: ((fileList: import('@arco-design/web-vue').FileItem[]) => any) | undefined;
-        }, {
+        }>, {
             prefixCls: string;
-            render: () => false | JSX.Element;
+            render: () => false | import("vue/jsx-runtime").JSX.Element;
             innerSubmit: (fileItem?: import('@arco-design/web-vue').FileItem | undefined) => void;
             innerAbort: (fileItem: import('@arco-design/web-vue').FileItem) => void;
             innerUpdateFile: (id: string, file: File) => void;
@@ -260,10 +461,17 @@ declare const ProImageUpload: {
             abort(fileItem: import('@arco-design/web-vue').FileItem): void;
             updateFile(id: string, file: File): void;
             upload(files: File[]): void;
-        }, {
+        }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            'update:fileList': (fileList: import('@arco-design/web-vue').FileItem[]) => true;
+            exceedLimit: (fileList: import('@arco-design/web-vue').FileItem[], files: File[]) => true;
+            change: (fileList: import('@arco-design/web-vue').FileItem[], fileItem: import('@arco-design/web-vue').FileItem) => true;
+            progress: (fileItem: import('@arco-design/web-vue').FileItem, ev?: ProgressEvent<EventTarget> | undefined) => true;
+            preview: (fileItem: import('@arco-design/web-vue').FileItem) => true;
+            success: (fileItem: import('@arco-design/web-vue').FileItem) => true;
+            error: (fileItem: import('@arco-design/web-vue').FileItem) => true;
+        }, import('vue').PublicProps, {
             disabled: boolean;
             multiple: boolean;
-            imagePreview: boolean;
             draggable: boolean;
             limit: number;
             fileList: import('@arco-design/web-vue').FileItem[];
@@ -282,45 +490,152 @@ declare const ProImageUpload: {
             download: boolean;
             showLink: boolean;
             listType: import('@arco-design/web-vue/es/upload/interfaces').ListType;
-        }> | undefined, import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
-            fileList?: unknown;
-            defaultFileList?: unknown;
-            accept?: unknown;
-            action?: unknown;
-            disabled?: unknown;
-            multiple?: unknown;
-            directory?: unknown;
-            draggable?: unknown;
-            tip?: unknown;
-            headers?: unknown;
-            data?: unknown;
-            name?: unknown;
-            withCredentials?: unknown;
-            customRequest?: unknown;
-            limit?: unknown;
-            autoUpload?: unknown;
-            showFileList?: unknown;
-            showRemoveButton?: unknown;
-            showRetryButton?: unknown;
-            showCancelButton?: unknown;
-            showUploadButton?: unknown;
-            showPreviewButton?: unknown;
-            download?: unknown;
-            showLink?: unknown;
-            imageLoading?: unknown;
-            listType?: unknown;
-            responseUrlKey?: unknown;
-            customIcon?: unknown;
-            imagePreview?: unknown;
-            onBeforeUpload?: unknown;
-            onBeforeRemove?: unknown;
-            onButtonClick?: unknown;
-        } & {
+            imagePreview: boolean;
+        }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import('vue').ExtractPropTypes<{
+            fileList: {
+                type: import('vue').PropType<import('@arco-design/web-vue').FileItem[]>;
+                default: undefined;
+            };
+            defaultFileList: {
+                type: import('vue').PropType<import('@arco-design/web-vue').FileItem[]>;
+                default: () => never[];
+            };
+            accept: StringConstructor;
+            action: StringConstructor;
+            disabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            multiple: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            directory: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            draggable: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            tip: StringConstructor;
+            headers: {
+                type: import('vue').PropType<Record<string, string>>;
+            };
+            data: {
+                type: import('vue').PropType<Record<string, string | Blob> | ((fileItem: import('@arco-design/web-vue').FileItem) => Record<string, string | Blob>)>;
+            };
+            name: {
+                type: import('vue').PropType<string | ((fileItem: import('@arco-design/web-vue').FileItem) => string)>;
+            };
+            withCredentials: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            customRequest: {
+                type: import('vue').PropType<(option: import('@arco-design/web-vue').RequestOption) => import('@arco-design/web-vue').UploadRequest>;
+            };
+            limit: {
+                type: NumberConstructor;
+                default: number;
+            };
+            autoUpload: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            showFileList: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            showRemoveButton: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            showRetryButton: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            showCancelButton: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            showUploadButton: {
+                type: import('vue').PropType<boolean | {
+                    showOnExceedLimit: boolean;
+                }>;
+                default: boolean;
+            };
+            showPreviewButton: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            download: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            showLink: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            imageLoading: {
+                type: import('vue').PropType<"eager" | "lazy">;
+            };
+            listType: {
+                type: import('vue').PropType<import('@arco-design/web-vue/es/upload/interfaces').ListType>;
+                default: string;
+            };
+            responseUrlKey: {
+                type: import('vue').PropType<string | ((fileItem: import('@arco-design/web-vue').FileItem) => string)>;
+            };
+            customIcon: {
+                type: import('vue').PropType<import('@arco-design/web-vue').CustomIcon>;
+            };
+            imagePreview: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            onBeforeUpload: {
+                type: import('vue').PropType<(file: File) => boolean | Promise<boolean | File>>;
+            };
+            onBeforeRemove: {
+                type: import('vue').PropType<(fileItem: import('@arco-design/web-vue').FileItem) => Promise<boolean>>;
+            };
+            onButtonClick: {
+                type: import('vue').PropType<(event: Event) => Promise<FileList> | void>;
+            };
+        }>> & Readonly<{
+            onError?: ((fileItem: import('@arco-design/web-vue').FileItem) => any) | undefined;
+            onProgress?: ((fileItem: import('@arco-design/web-vue').FileItem, ev?: ProgressEvent<EventTarget> | undefined) => any) | undefined;
+            onChange?: ((fileList: import('@arco-design/web-vue').FileItem[], fileItem: import('@arco-design/web-vue').FileItem) => any) | undefined;
+            onSuccess?: ((fileItem: import('@arco-design/web-vue').FileItem) => any) | undefined;
+            onPreview?: ((fileItem: import('@arco-design/web-vue').FileItem) => any) | undefined;
+            onExceedLimit?: ((fileList: import('@arco-design/web-vue').FileItem[], files: File[]) => any) | undefined;
+            "onUpdate:fileList"?: ((fileList: import('@arco-design/web-vue').FileItem[]) => any) | undefined;
+        }>, {
+            prefixCls: string;
+            render: () => false | import("vue/jsx-runtime").JSX.Element;
+            innerSubmit: (fileItem?: import('@arco-design/web-vue').FileItem | undefined) => void;
+            innerAbort: (fileItem: import('@arco-design/web-vue').FileItem) => void;
+            innerUpdateFile: (id: string, file: File) => void;
+            innerUpload: (files: File[]) => void;
+        }, {}, {}, {
+            submit(fileItem?: import('@arco-design/web-vue').FileItem | undefined): void;
+            abort(fileItem: import('@arco-design/web-vue').FileItem): void;
+            updateFile(id: string, file: File): void;
+            upload(files: File[]): void;
+        }, {
             disabled: boolean;
             multiple: boolean;
-            imagePreview: boolean;
             draggable: boolean;
             limit: number;
+            fileList: import('@arco-design/web-vue').FileItem[];
             defaultFileList: import('@arco-design/web-vue').FileItem[];
             directory: boolean;
             withCredentials: boolean;
@@ -336,37 +651,150 @@ declare const ProImageUpload: {
             download: boolean;
             showLink: boolean;
             listType: import('@arco-design/web-vue/es/upload/interfaces').ListType;
-        } & {
-            data?: Record<string, string | Blob> | ((fileItem: import('@arco-design/web-vue').FileItem) => Record<string, string | Blob>) | undefined;
-            name?: string | ((fileItem: import('@arco-design/web-vue').FileItem) => string) | undefined;
-            tip?: string | undefined;
-            fileList?: import('@arco-design/web-vue').FileItem[] | undefined;
-            accept?: string | undefined;
-            action?: string | undefined;
-            headers?: Record<string, string> | undefined;
-            customRequest?: ((option: import('@arco-design/web-vue').RequestOption) => import('@arco-design/web-vue').UploadRequest) | undefined;
-            imageLoading?: "eager" | "lazy" | undefined;
-            responseUrlKey?: string | ((fileItem: import('@arco-design/web-vue').FileItem) => string) | undefined;
-            customIcon?: import('@arco-design/web-vue').CustomIcon | undefined;
-            onBeforeUpload?: ((file: File) => boolean | Promise<boolean | File>) | undefined;
-            onBeforeRemove?: ((fileItem: import('@arco-design/web-vue').FileItem) => Promise<boolean>) | undefined;
-            onButtonClick?: ((event: Event) => Promise<FileList> | void) | undefined;
-        }> & {
-            onChange?: ((fileList: import('@arco-design/web-vue').FileItem[], fileItem: import('@arco-design/web-vue').FileItem) => any) | undefined;
+            imagePreview: boolean;
+        }> | undefined>;
+        cropperInsRef: import('vue').Ref<any, any>;
+        isUploadComplete: import('vue').ComputedRef<boolean>;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        "update:modelValue": (value: import('@arco-design/web-vue').FileItem[]) => any;
+    } & {
+        cropperImgLoad: (value: File) => any;
+    }, import('vue').PublicProps, {
+        disabled: boolean;
+        name: string;
+        accept: string[];
+        multiple: boolean;
+        singleLimit: number;
+        hideInnerBeforeUploadLoading: boolean;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        uploadInsRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+            fileList: {
+                type: import('vue').PropType<import('@arco-design/web-vue').FileItem[]>;
+                default: undefined;
+            };
+            defaultFileList: {
+                type: import('vue').PropType<import('@arco-design/web-vue').FileItem[]>;
+                default: () => never[];
+            };
+            accept: StringConstructor;
+            action: StringConstructor;
+            disabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            multiple: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            directory: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            draggable: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            tip: StringConstructor;
+            headers: {
+                type: import('vue').PropType<Record<string, string>>;
+            };
+            data: {
+                type: import('vue').PropType<Record<string, string | Blob> | ((fileItem: import('@arco-design/web-vue').FileItem) => Record<string, string | Blob>)>;
+            };
+            name: {
+                type: import('vue').PropType<string | ((fileItem: import('@arco-design/web-vue').FileItem) => string)>;
+            };
+            withCredentials: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            customRequest: {
+                type: import('vue').PropType<(option: import('@arco-design/web-vue').RequestOption) => import('@arco-design/web-vue').UploadRequest>;
+            };
+            limit: {
+                type: NumberConstructor;
+                default: number;
+            };
+            autoUpload: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            showFileList: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            showRemoveButton: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            showRetryButton: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            showCancelButton: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            showUploadButton: {
+                type: import('vue').PropType<boolean | {
+                    showOnExceedLimit: boolean;
+                }>;
+                default: boolean;
+            };
+            showPreviewButton: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            download: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            showLink: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            imageLoading: {
+                type: import('vue').PropType<"eager" | "lazy">;
+            };
+            listType: {
+                type: import('vue').PropType<import('@arco-design/web-vue/es/upload/interfaces').ListType>;
+                default: string;
+            };
+            responseUrlKey: {
+                type: import('vue').PropType<string | ((fileItem: import('@arco-design/web-vue').FileItem) => string)>;
+            };
+            customIcon: {
+                type: import('vue').PropType<import('@arco-design/web-vue').CustomIcon>;
+            };
+            imagePreview: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            onBeforeUpload: {
+                type: import('vue').PropType<(file: File) => boolean | Promise<boolean | File>>;
+            };
+            onBeforeRemove: {
+                type: import('vue').PropType<(fileItem: import('@arco-design/web-vue').FileItem) => Promise<boolean>>;
+            };
+            onButtonClick: {
+                type: import('vue').PropType<(event: Event) => void | Promise<FileList>>;
+            };
+        }>> & Readonly<{
             onError?: ((fileItem: import('@arco-design/web-vue').FileItem) => any) | undefined;
             onProgress?: ((fileItem: import('@arco-design/web-vue').FileItem, ev?: ProgressEvent<EventTarget> | undefined) => any) | undefined;
-            onExceedLimit?: ((fileList: import('@arco-design/web-vue').FileItem[], files: File[]) => any) | undefined;
+            onChange?: ((fileList: import('@arco-design/web-vue').FileItem[], fileItem: import('@arco-design/web-vue').FileItem) => any) | undefined;
             onSuccess?: ((fileItem: import('@arco-design/web-vue').FileItem) => any) | undefined;
             onPreview?: ((fileItem: import('@arco-design/web-vue').FileItem) => any) | undefined;
+            onExceedLimit?: ((fileList: import('@arco-design/web-vue').FileItem[], files: File[]) => any) | undefined;
             "onUpdate:fileList"?: ((fileList: import('@arco-design/web-vue').FileItem[]) => any) | undefined;
-        }, {
+        }>, {
             prefixCls: string;
-            render: () => false | JSX.Element;
+            render: () => false | import("vue/jsx-runtime").JSX.Element;
             innerSubmit: (fileItem?: import('@arco-design/web-vue').FileItem | undefined) => void;
             innerAbort: (fileItem: import('@arco-design/web-vue').FileItem) => void;
             innerUpdateFile: (id: string, file: File) => void;
             innerUpload: (files: File[]) => void;
-        }, unknown, {}, {
+        }, {}, {}, {
             submit(fileItem?: import('@arco-design/web-vue').FileItem | undefined): void;
             abort(fileItem: import('@arco-design/web-vue').FileItem): void;
             updateFile(id: string, file: File): void;
@@ -379,10 +807,9 @@ declare const ProImageUpload: {
             preview: (fileItem: import('@arco-design/web-vue').FileItem) => true;
             success: (fileItem: import('@arco-design/web-vue').FileItem) => true;
             error: (fileItem: import('@arco-design/web-vue').FileItem) => true;
-        }, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, {
+        }, import('vue').PublicProps, {
             disabled: boolean;
             multiple: boolean;
-            imagePreview: boolean;
             draggable: boolean;
             limit: number;
             fileList: import('@arco-design/web-vue').FileItem[];
@@ -401,6 +828,7 @@ declare const ProImageUpload: {
             download: boolean;
             showLink: boolean;
             listType: import('@arco-design/web-vue/es/upload/interfaces').ListType;
+            imagePreview: boolean;
         }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
             P: {};
             B: {};
@@ -408,86 +836,129 @@ declare const ProImageUpload: {
             C: {};
             M: {};
             Defaults: {};
-        }, Readonly<{
-            fileList?: unknown;
-            defaultFileList?: unknown;
-            accept?: unknown;
-            action?: unknown;
-            disabled?: unknown;
-            multiple?: unknown;
-            directory?: unknown;
-            draggable?: unknown;
-            tip?: unknown;
-            headers?: unknown;
-            data?: unknown;
-            name?: unknown;
-            withCredentials?: unknown;
-            customRequest?: unknown;
-            limit?: unknown;
-            autoUpload?: unknown;
-            showFileList?: unknown;
-            showRemoveButton?: unknown;
-            showRetryButton?: unknown;
-            showCancelButton?: unknown;
-            showUploadButton?: unknown;
-            showPreviewButton?: unknown;
-            download?: unknown;
-            showLink?: unknown;
-            imageLoading?: unknown;
-            listType?: unknown;
-            responseUrlKey?: unknown;
-            customIcon?: unknown;
-            imagePreview?: unknown;
-            onBeforeUpload?: unknown;
-            onBeforeRemove?: unknown;
-            onButtonClick?: unknown;
-        } & {
-            disabled: boolean;
-            multiple: boolean;
-            imagePreview: boolean;
-            draggable: boolean;
-            limit: number;
-            defaultFileList: import('@arco-design/web-vue').FileItem[];
-            directory: boolean;
-            withCredentials: boolean;
-            autoUpload: boolean;
-            showFileList: boolean;
-            showRemoveButton: boolean;
-            showRetryButton: boolean;
-            showCancelButton: boolean;
-            showUploadButton: boolean | {
-                showOnExceedLimit: boolean;
+        }, Readonly<import('vue').ExtractPropTypes<{
+            fileList: {
+                type: import('vue').PropType<import('@arco-design/web-vue').FileItem[]>;
+                default: undefined;
+            };
+            defaultFileList: {
+                type: import('vue').PropType<import('@arco-design/web-vue').FileItem[]>;
+                default: () => never[];
+            };
+            accept: StringConstructor;
+            action: StringConstructor;
+            disabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            multiple: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            directory: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            draggable: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            tip: StringConstructor;
+            headers: {
+                type: import('vue').PropType<Record<string, string>>;
+            };
+            data: {
+                type: import('vue').PropType<Record<string, string | Blob> | ((fileItem: import('@arco-design/web-vue').FileItem) => Record<string, string | Blob>)>;
+            };
+            name: {
+                type: import('vue').PropType<string | ((fileItem: import('@arco-design/web-vue').FileItem) => string)>;
             };
-            showPreviewButton: boolean;
-            download: boolean;
-            showLink: boolean;
-            listType: import('@arco-design/web-vue/es/upload/interfaces').ListType;
-        } & {
-            data?: Record<string, string | Blob> | ((fileItem: import('@arco-design/web-vue').FileItem) => Record<string, string | Blob>) | undefined;
-            name?: string | ((fileItem: import('@arco-design/web-vue').FileItem) => string) | undefined;
-            tip?: string | undefined;
-            fileList?: import('@arco-design/web-vue').FileItem[] | undefined;
-            accept?: string | undefined;
-            action?: string | undefined;
-            headers?: Record<string, string> | undefined;
-            customRequest?: ((option: import('@arco-design/web-vue').RequestOption) => import('@arco-design/web-vue').UploadRequest) | undefined;
-            imageLoading?: "eager" | "lazy" | undefined;
-            responseUrlKey?: string | ((fileItem: import('@arco-design/web-vue').FileItem) => string) | undefined;
-            customIcon?: import('@arco-design/web-vue').CustomIcon | undefined;
-            onBeforeUpload?: ((file: File) => boolean | Promise<boolean | File>) | undefined;
-            onBeforeRemove?: ((fileItem: import('@arco-design/web-vue').FileItem) => Promise<boolean>) | undefined;
-            onButtonClick?: ((event: Event) => Promise<FileList> | void) | undefined;
-        }> & {
-            onChange?: ((fileList: import('@arco-design/web-vue').FileItem[], fileItem: import('@arco-design/web-vue').FileItem) => any) | undefined;
+            withCredentials: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            customRequest: {
+                type: import('vue').PropType<(option: import('@arco-design/web-vue').RequestOption) => import('@arco-design/web-vue').UploadRequest>;
+            };
+            limit: {
+                type: NumberConstructor;
+                default: number;
+            };
+            autoUpload: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            showFileList: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            showRemoveButton: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            showRetryButton: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            showCancelButton: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            showUploadButton: {
+                type: import('vue').PropType<boolean | {
+                    showOnExceedLimit: boolean;
+                }>;
+                default: boolean;
+            };
+            showPreviewButton: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            download: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            showLink: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            imageLoading: {
+                type: import('vue').PropType<"eager" | "lazy">;
+            };
+            listType: {
+                type: import('vue').PropType<import('@arco-design/web-vue/es/upload/interfaces').ListType>;
+                default: string;
+            };
+            responseUrlKey: {
+                type: import('vue').PropType<string | ((fileItem: import('@arco-design/web-vue').FileItem) => string)>;
+            };
+            customIcon: {
+                type: import('vue').PropType<import('@arco-design/web-vue').CustomIcon>;
+            };
+            imagePreview: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            onBeforeUpload: {
+                type: import('vue').PropType<(file: File) => boolean | Promise<boolean | File>>;
+            };
+            onBeforeRemove: {
+                type: import('vue').PropType<(fileItem: import('@arco-design/web-vue').FileItem) => Promise<boolean>>;
+            };
+            onButtonClick: {
+                type: import('vue').PropType<(event: Event) => void | Promise<FileList>>;
+            };
+        }>> & Readonly<{
             onError?: ((fileItem: import('@arco-design/web-vue').FileItem) => any) | undefined;
             onProgress?: ((fileItem: import('@arco-design/web-vue').FileItem, ev?: ProgressEvent<EventTarget> | undefined) => any) | undefined;
-            onExceedLimit?: ((fileList: import('@arco-design/web-vue').FileItem[], files: File[]) => any) | undefined;
+            onChange?: ((fileList: import('@arco-design/web-vue').FileItem[], fileItem: import('@arco-design/web-vue').FileItem) => any) | undefined;
             onSuccess?: ((fileItem: import('@arco-design/web-vue').FileItem) => any) | undefined;
             onPreview?: ((fileItem: import('@arco-design/web-vue').FileItem) => any) | undefined;
+            onExceedLimit?: ((fileList: import('@arco-design/web-vue').FileItem[], files: File[]) => any) | undefined;
             "onUpdate:fileList"?: ((fileList: import('@arco-design/web-vue').FileItem[]) => any) | undefined;
-        }, {
+        }>, {
             prefixCls: string;
-            render: () => false | JSX.Element;
+            render: () => false | import("vue/jsx-runtime").JSX.Element;
             innerSubmit: (fileItem?: import('@arco-design/web-vue').FileItem | undefined) => void;
             innerAbort: (fileItem: import('@arco-design/web-vue').FileItem) => void;
             innerUpdateFile: (id: string, file: File) => void;
@@ -500,7 +971,6 @@ declare const ProImageUpload: {
         }, {
             disabled: boolean;
             multiple: boolean;
-            imagePreview: boolean;
             draggable: boolean;
             limit: number;
             fileList: import('@arco-design/web-vue').FileItem[];
@@ -519,22 +989,8 @@ declare const ProImageUpload: {
             download: boolean;
             showLink: boolean;
             listType: import('@arco-design/web-vue/es/upload/interfaces').ListType;
-        }> | undefined>;
-        cropperInsRef: import('vue').Ref<any, any>;
-        isUploadComplete: import('vue').ComputedRef<boolean>;
-    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-        "update:modelValue": (value: import('@arco-design/web-vue').FileItem[]) => any;
-    } & {
-        cropperImgLoad: (value: File) => any;
-    }, import('vue').PublicProps, {
-        name: string;
-        disabled: boolean;
-        accept: string[];
-        multiple: boolean;
-        singleLimit: number;
-        hideInnerBeforeUploadLoading: boolean;
-    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
-        uploadInsRef: unknown;
+            imagePreview: boolean;
+        }> | null;
         cropperInsRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
             file: File;
             index: number;
@@ -581,134 +1037,138 @@ declare const ProImageUpload: {
         Defaults: {};
     }, Readonly<{
         modelValue: import('@arco-design/web-vue').FileItem[];
-    } & {
-        action: string;
-        handlerResponse?: (response: any) => Promise<{
-            success: boolean;
-            url?: string;
-            errorMessage?: string;
-            [key: string]: any;
-        }>;
-        headers?: Record<string, any>;
-        data?: Record<string, any>;
-        name?: string;
-        tip?: string;
-        accept?: string[];
-        multiple?: boolean;
-        singleLimit?: number;
-        limit?: number;
-        exceedTip?: string;
-        disabled?: boolean;
-        hideInnerBeforeUploadLoading?: boolean;
-        checkOptions?: import('@keyblade/one-travel').ImageUploadCheckOptions;
-        compressorOptions?: import('@keyblade/one-travel').ImageUploadCompressorOptions;
-        cropOptions?: import('@keyblade/one-travel').ImageUploadCropOptions;
-        onSuccess?: (fileItem: import('@arco-design/web-vue').FileItem) => void;
-        onError?: (fileItem: import('@arco-design/web-vue').FileItem) => void;
-        onExceed?: (fileList: import('@arco-design/web-vue').FileItem[], files: File[]) => void;
-        onBeforeUpload?: (file: File) => boolean | Promise<any>;
-        onInnerBeforeUploadStart?: (file: File, index: number, type: import('./types').EImageUploadInnerBeforeUploadStep) => void;
-        onInnerBeforeUploadEnd?: (file: File, index: number, type: import('./types').EImageUploadInnerBeforeUploadStep, result: {
-            success: boolean;
-            error?: {
-                size?: boolean;
-                format?: boolean;
-                transform?: boolean;
-                pixel?: boolean;
-                compress?: boolean;
-                crop?: boolean;
-            };
-            errorMessage?: string;
-        }) => void;
-    }> & Readonly<{
+    } & import('./types').ImageUploadOptions> & Readonly<{
         "onUpdate:modelValue"?: ((value: import('@arco-design/web-vue').FileItem[]) => any) | undefined;
         onCropperImgLoad?: ((value: File) => any) | undefined;
     }>, {
-        uploadInsRef: import('vue').Ref<import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
-            fileList?: unknown;
-            defaultFileList?: unknown;
-            accept?: unknown;
-            action?: unknown;
-            disabled?: unknown;
-            multiple?: unknown;
-            directory?: unknown;
-            draggable?: unknown;
-            tip?: unknown;
-            headers?: unknown;
-            data?: unknown;
-            name?: unknown;
-            withCredentials?: unknown;
-            customRequest?: unknown;
-            limit?: unknown;
-            autoUpload?: unknown;
-            showFileList?: unknown;
-            showRemoveButton?: unknown;
-            showRetryButton?: unknown;
-            showCancelButton?: unknown;
-            showUploadButton?: unknown;
-            showPreviewButton?: unknown;
-            download?: unknown;
-            showLink?: unknown;
-            imageLoading?: unknown;
-            listType?: unknown;
-            responseUrlKey?: unknown;
-            customIcon?: unknown;
-            imagePreview?: unknown;
-            onBeforeUpload?: unknown;
-            onBeforeRemove?: unknown;
-            onButtonClick?: unknown;
-        } & {
-            disabled: boolean;
-            multiple: boolean;
-            imagePreview: boolean;
-            draggable: boolean;
-            limit: number;
-            defaultFileList: import('@arco-design/web-vue').FileItem[];
-            directory: boolean;
-            withCredentials: boolean;
-            autoUpload: boolean;
-            showFileList: boolean;
-            showRemoveButton: boolean;
-            showRetryButton: boolean;
-            showCancelButton: boolean;
-            showUploadButton: boolean | {
-                showOnExceedLimit: boolean;
+        uploadInsRef: import('vue').Ref<import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+            fileList: {
+                type: import('vue').PropType<import('@arco-design/web-vue').FileItem[]>;
+                default: undefined;
             };
-            showPreviewButton: boolean;
-            download: boolean;
-            showLink: boolean;
-            listType: import('@arco-design/web-vue/es/upload/interfaces').ListType;
-        } & {
-            data?: Record<string, string | Blob> | ((fileItem: import('@arco-design/web-vue').FileItem) => Record<string, string | Blob>) | undefined;
-            name?: string | ((fileItem: import('@arco-design/web-vue').FileItem) => string) | undefined;
-            tip?: string | undefined;
-            fileList?: import('@arco-design/web-vue').FileItem[] | undefined;
-            accept?: string | undefined;
-            action?: string | undefined;
-            headers?: Record<string, string> | undefined;
-            customRequest?: ((option: import('@arco-design/web-vue').RequestOption) => import('@arco-design/web-vue').UploadRequest) | undefined;
-            imageLoading?: "eager" | "lazy" | undefined;
-            responseUrlKey?: string | ((fileItem: import('@arco-design/web-vue').FileItem) => string) | undefined;
-            customIcon?: import('@arco-design/web-vue').CustomIcon | undefined;
-            onBeforeUpload?: ((file: File) => boolean | Promise<boolean | File>) | undefined;
-            onBeforeRemove?: ((fileItem: import('@arco-design/web-vue').FileItem) => Promise<boolean>) | undefined;
-            onButtonClick?: ((event: Event) => Promise<FileList> | void) | undefined;
-        }> & {
-            onChange?: ((fileList: import('@arco-design/web-vue').FileItem[], fileItem: import('@arco-design/web-vue').FileItem) => any) | undefined;
+            defaultFileList: {
+                type: import('vue').PropType<import('@arco-design/web-vue').FileItem[]>;
+                default: () => never[];
+            };
+            accept: StringConstructor;
+            action: StringConstructor;
+            disabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            multiple: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            directory: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            draggable: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            tip: StringConstructor;
+            headers: {
+                type: import('vue').PropType<Record<string, string>>;
+            };
+            data: {
+                type: import('vue').PropType<Record<string, string | Blob> | ((fileItem: import('@arco-design/web-vue').FileItem) => Record<string, string | Blob>)>;
+            };
+            name: {
+                type: import('vue').PropType<string | ((fileItem: import('@arco-design/web-vue').FileItem) => string)>;
+            };
+            withCredentials: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            customRequest: {
+                type: import('vue').PropType<(option: import('@arco-design/web-vue').RequestOption) => import('@arco-design/web-vue').UploadRequest>;
+            };
+            limit: {
+                type: NumberConstructor;
+                default: number;
+            };
+            autoUpload: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            showFileList: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            showRemoveButton: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            showRetryButton: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            showCancelButton: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            showUploadButton: {
+                type: import('vue').PropType<boolean | {
+                    showOnExceedLimit: boolean;
+                }>;
+                default: boolean;
+            };
+            showPreviewButton: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            download: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            showLink: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            imageLoading: {
+                type: import('vue').PropType<"eager" | "lazy">;
+            };
+            listType: {
+                type: import('vue').PropType<import('@arco-design/web-vue/es/upload/interfaces').ListType>;
+                default: string;
+            };
+            responseUrlKey: {
+                type: import('vue').PropType<string | ((fileItem: import('@arco-design/web-vue').FileItem) => string)>;
+            };
+            customIcon: {
+                type: import('vue').PropType<import('@arco-design/web-vue').CustomIcon>;
+            };
+            imagePreview: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            onBeforeUpload: {
+                type: import('vue').PropType<(file: File) => boolean | Promise<boolean | File>>;
+            };
+            onBeforeRemove: {
+                type: import('vue').PropType<(fileItem: import('@arco-design/web-vue').FileItem) => Promise<boolean>>;
+            };
+            onButtonClick: {
+                type: import('vue').PropType<(event: Event) => Promise<FileList> | void>;
+            };
+        }>> & Readonly<{
             onError?: ((fileItem: import('@arco-design/web-vue').FileItem) => any) | undefined;
             onProgress?: ((fileItem: import('@arco-design/web-vue').FileItem, ev?: ProgressEvent<EventTarget> | undefined) => any) | undefined;
-            onExceedLimit?: ((fileList: import('@arco-design/web-vue').FileItem[], files: File[]) => any) | undefined;
+            onChange?: ((fileList: import('@arco-design/web-vue').FileItem[], fileItem: import('@arco-design/web-vue').FileItem) => any) | undefined;
             onSuccess?: ((fileItem: import('@arco-design/web-vue').FileItem) => any) | undefined;
             onPreview?: ((fileItem: import('@arco-design/web-vue').FileItem) => any) | undefined;
+            onExceedLimit?: ((fileList: import('@arco-design/web-vue').FileItem[], files: File[]) => any) | undefined;
             "onUpdate:fileList"?: ((fileList: import('@arco-design/web-vue').FileItem[]) => any) | undefined;
-        }, {
+        }>, {
             prefixCls: string;
-            render: () => false | JSX.Element;
+            render: () => false | import("vue/jsx-runtime").JSX.Element;
             innerSubmit: (fileItem?: import('@arco-design/web-vue').FileItem | undefined) => void;
             innerAbort: (fileItem: import('@arco-design/web-vue').FileItem) => void;
             innerUpdateFile: (id: string, file: File) => void;
             innerUpload: (files: File[]) => void;
-        }, unknown, {}, {
+        }, {}, {}, {
             submit(fileItem?: import('@arco-design/web-vue').FileItem | undefined): void;
             abort(fileItem: import('@arco-design/web-vue').FileItem): void;
             updateFile(id: string, file: File): void;
@@ -721,10 +1181,9 @@ declare const ProImageUpload: {
             preview: (fileItem: import('@arco-design/web-vue').FileItem) => true;
             success: (fileItem: import('@arco-design/web-vue').FileItem) => true;
             error: (fileItem: import('@arco-design/web-vue').FileItem) => true;
-        }, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, {
+        }, import('vue').PublicProps, {
             disabled: boolean;
             multiple: boolean;
-            imagePreview: boolean;
             draggable: boolean;
             limit: number;
             fileList: import('@arco-design/web-vue').FileItem[];
@@ -743,6 +1202,7 @@ declare const ProImageUpload: {
             download: boolean;
             showLink: boolean;
             listType: import('@arco-design/web-vue/es/upload/interfaces').ListType;
+            imagePreview: boolean;
         }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
             P: {};
             B: {};
@@ -750,86 +1210,129 @@ declare const ProImageUpload: {
             C: {};
             M: {};
             Defaults: {};
-        }, Readonly<{
-            fileList?: unknown;
-            defaultFileList?: unknown;
-            accept?: unknown;
-            action?: unknown;
-            disabled?: unknown;
-            multiple?: unknown;
-            directory?: unknown;
-            draggable?: unknown;
-            tip?: unknown;
-            headers?: unknown;
-            data?: unknown;
-            name?: unknown;
-            withCredentials?: unknown;
-            customRequest?: unknown;
-            limit?: unknown;
-            autoUpload?: unknown;
-            showFileList?: unknown;
-            showRemoveButton?: unknown;
-            showRetryButton?: unknown;
-            showCancelButton?: unknown;
-            showUploadButton?: unknown;
-            showPreviewButton?: unknown;
-            download?: unknown;
-            showLink?: unknown;
-            imageLoading?: unknown;
-            listType?: unknown;
-            responseUrlKey?: unknown;
-            customIcon?: unknown;
-            imagePreview?: unknown;
-            onBeforeUpload?: unknown;
-            onBeforeRemove?: unknown;
-            onButtonClick?: unknown;
-        } & {
-            disabled: boolean;
-            multiple: boolean;
-            imagePreview: boolean;
-            draggable: boolean;
-            limit: number;
-            defaultFileList: import('@arco-design/web-vue').FileItem[];
-            directory: boolean;
-            withCredentials: boolean;
-            autoUpload: boolean;
-            showFileList: boolean;
-            showRemoveButton: boolean;
-            showRetryButton: boolean;
-            showCancelButton: boolean;
-            showUploadButton: boolean | {
-                showOnExceedLimit: boolean;
+        }, Readonly<import('vue').ExtractPropTypes<{
+            fileList: {
+                type: import('vue').PropType<import('@arco-design/web-vue').FileItem[]>;
+                default: undefined;
             };
-            showPreviewButton: boolean;
-            download: boolean;
-            showLink: boolean;
-            listType: import('@arco-design/web-vue/es/upload/interfaces').ListType;
-        } & {
-            data?: Record<string, string | Blob> | ((fileItem: import('@arco-design/web-vue').FileItem) => Record<string, string | Blob>) | undefined;
-            name?: string | ((fileItem: import('@arco-design/web-vue').FileItem) => string) | undefined;
-            tip?: string | undefined;
-            fileList?: import('@arco-design/web-vue').FileItem[] | undefined;
-            accept?: string | undefined;
-            action?: string | undefined;
-            headers?: Record<string, string> | undefined;
-            customRequest?: ((option: import('@arco-design/web-vue').RequestOption) => import('@arco-design/web-vue').UploadRequest) | undefined;
-            imageLoading?: "eager" | "lazy" | undefined;
-            responseUrlKey?: string | ((fileItem: import('@arco-design/web-vue').FileItem) => string) | undefined;
-            customIcon?: import('@arco-design/web-vue').CustomIcon | undefined;
-            onBeforeUpload?: ((file: File) => boolean | Promise<boolean | File>) | undefined;
-            onBeforeRemove?: ((fileItem: import('@arco-design/web-vue').FileItem) => Promise<boolean>) | undefined;
-            onButtonClick?: ((event: Event) => Promise<FileList> | void) | undefined;
-        }> & {
-            onChange?: ((fileList: import('@arco-design/web-vue').FileItem[], fileItem: import('@arco-design/web-vue').FileItem) => any) | undefined;
+            defaultFileList: {
+                type: import('vue').PropType<import('@arco-design/web-vue').FileItem[]>;
+                default: () => never[];
+            };
+            accept: StringConstructor;
+            action: StringConstructor;
+            disabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            multiple: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            directory: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            draggable: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            tip: StringConstructor;
+            headers: {
+                type: import('vue').PropType<Record<string, string>>;
+            };
+            data: {
+                type: import('vue').PropType<Record<string, string | Blob> | ((fileItem: import('@arco-design/web-vue').FileItem) => Record<string, string | Blob>)>;
+            };
+            name: {
+                type: import('vue').PropType<string | ((fileItem: import('@arco-design/web-vue').FileItem) => string)>;
+            };
+            withCredentials: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            customRequest: {
+                type: import('vue').PropType<(option: import('@arco-design/web-vue').RequestOption) => import('@arco-design/web-vue').UploadRequest>;
+            };
+            limit: {
+                type: NumberConstructor;
+                default: number;
+            };
+            autoUpload: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            showFileList: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            showRemoveButton: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            showRetryButton: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            showCancelButton: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            showUploadButton: {
+                type: import('vue').PropType<boolean | {
+                    showOnExceedLimit: boolean;
+                }>;
+                default: boolean;
+            };
+            showPreviewButton: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            download: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            showLink: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            imageLoading: {
+                type: import('vue').PropType<"eager" | "lazy">;
+            };
+            listType: {
+                type: import('vue').PropType<import('@arco-design/web-vue/es/upload/interfaces').ListType>;
+                default: string;
+            };
+            responseUrlKey: {
+                type: import('vue').PropType<string | ((fileItem: import('@arco-design/web-vue').FileItem) => string)>;
+            };
+            customIcon: {
+                type: import('vue').PropType<import('@arco-design/web-vue').CustomIcon>;
+            };
+            imagePreview: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            onBeforeUpload: {
+                type: import('vue').PropType<(file: File) => boolean | Promise<boolean | File>>;
+            };
+            onBeforeRemove: {
+                type: import('vue').PropType<(fileItem: import('@arco-design/web-vue').FileItem) => Promise<boolean>>;
+            };
+            onButtonClick: {
+                type: import('vue').PropType<(event: Event) => Promise<FileList> | void>;
+            };
+        }>> & Readonly<{
             onError?: ((fileItem: import('@arco-design/web-vue').FileItem) => any) | undefined;
             onProgress?: ((fileItem: import('@arco-design/web-vue').FileItem, ev?: ProgressEvent<EventTarget> | undefined) => any) | undefined;
-            onExceedLimit?: ((fileList: import('@arco-design/web-vue').FileItem[], files: File[]) => any) | undefined;
+            onChange?: ((fileList: import('@arco-design/web-vue').FileItem[], fileItem: import('@arco-design/web-vue').FileItem) => any) | undefined;
             onSuccess?: ((fileItem: import('@arco-design/web-vue').FileItem) => any) | undefined;
             onPreview?: ((fileItem: import('@arco-design/web-vue').FileItem) => any) | undefined;
+            onExceedLimit?: ((fileList: import('@arco-design/web-vue').FileItem[], files: File[]) => any) | undefined;
             "onUpdate:fileList"?: ((fileList: import('@arco-design/web-vue').FileItem[]) => any) | undefined;
-        }, {
+        }>, {
             prefixCls: string;
-            render: () => false | JSX.Element;
+            render: () => false | import("vue/jsx-runtime").JSX.Element;
             innerSubmit: (fileItem?: import('@arco-design/web-vue').FileItem | undefined) => void;
             innerAbort: (fileItem: import('@arco-design/web-vue').FileItem) => void;
             innerUpdateFile: (id: string, file: File) => void;
@@ -842,7 +1345,6 @@ declare const ProImageUpload: {
         }, {
             disabled: boolean;
             multiple: boolean;
-            imagePreview: boolean;
             draggable: boolean;
             limit: number;
             fileList: import('@arco-design/web-vue').FileItem[];
@@ -861,91 +1363,135 @@ declare const ProImageUpload: {
             download: boolean;
             showLink: boolean;
             listType: import('@arco-design/web-vue/es/upload/interfaces').ListType;
-        }> | undefined, import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
-            fileList?: unknown;
-            defaultFileList?: unknown;
-            accept?: unknown;
-            action?: unknown;
-            disabled?: unknown;
-            multiple?: unknown;
-            directory?: unknown;
-            draggable?: unknown;
-            tip?: unknown;
-            headers?: unknown;
-            data?: unknown;
-            name?: unknown;
-            withCredentials?: unknown;
-            customRequest?: unknown;
-            limit?: unknown;
-            autoUpload?: unknown;
-            showFileList?: unknown;
-            showRemoveButton?: unknown;
-            showRetryButton?: unknown;
-            showCancelButton?: unknown;
-            showUploadButton?: unknown;
-            showPreviewButton?: unknown;
-            download?: unknown;
-            showLink?: unknown;
-            imageLoading?: unknown;
-            listType?: unknown;
-            responseUrlKey?: unknown;
-            customIcon?: unknown;
-            imagePreview?: unknown;
-            onBeforeUpload?: unknown;
-            onBeforeRemove?: unknown;
-            onButtonClick?: unknown;
-        } & {
-            disabled: boolean;
-            multiple: boolean;
             imagePreview: boolean;
-            draggable: boolean;
-            limit: number;
-            defaultFileList: import('@arco-design/web-vue').FileItem[];
-            directory: boolean;
-            withCredentials: boolean;
-            autoUpload: boolean;
-            showFileList: boolean;
-            showRemoveButton: boolean;
-            showRetryButton: boolean;
-            showCancelButton: boolean;
-            showUploadButton: boolean | {
-                showOnExceedLimit: boolean;
+        }> | undefined, import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+            fileList: {
+                type: import('vue').PropType<import('@arco-design/web-vue').FileItem[]>;
+                default: undefined;
             };
-            showPreviewButton: boolean;
-            download: boolean;
-            showLink: boolean;
-            listType: import('@arco-design/web-vue/es/upload/interfaces').ListType;
-        } & {
-            data?: Record<string, string | Blob> | ((fileItem: import('@arco-design/web-vue').FileItem) => Record<string, string | Blob>) | undefined;
-            name?: string | ((fileItem: import('@arco-design/web-vue').FileItem) => string) | undefined;
-            tip?: string | undefined;
-            fileList?: import('@arco-design/web-vue').FileItem[] | undefined;
-            accept?: string | undefined;
-            action?: string | undefined;
-            headers?: Record<string, string> | undefined;
-            customRequest?: ((option: import('@arco-design/web-vue').RequestOption) => import('@arco-design/web-vue').UploadRequest) | undefined;
-            imageLoading?: "eager" | "lazy" | undefined;
-            responseUrlKey?: string | ((fileItem: import('@arco-design/web-vue').FileItem) => string) | undefined;
-            customIcon?: import('@arco-design/web-vue').CustomIcon | undefined;
-            onBeforeUpload?: ((file: File) => boolean | Promise<boolean | File>) | undefined;
-            onBeforeRemove?: ((fileItem: import('@arco-design/web-vue').FileItem) => Promise<boolean>) | undefined;
-            onButtonClick?: ((event: Event) => Promise<FileList> | void) | undefined;
-        }> & {
-            onChange?: ((fileList: import('@arco-design/web-vue').FileItem[], fileItem: import('@arco-design/web-vue').FileItem) => any) | undefined;
+            defaultFileList: {
+                type: import('vue').PropType<import('@arco-design/web-vue').FileItem[]>;
+                default: () => never[];
+            };
+            accept: StringConstructor;
+            action: StringConstructor;
+            disabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            multiple: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            directory: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            draggable: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            tip: StringConstructor;
+            headers: {
+                type: import('vue').PropType<Record<string, string>>;
+            };
+            data: {
+                type: import('vue').PropType<Record<string, string | Blob> | ((fileItem: import('@arco-design/web-vue').FileItem) => Record<string, string | Blob>)>;
+            };
+            name: {
+                type: import('vue').PropType<string | ((fileItem: import('@arco-design/web-vue').FileItem) => string)>;
+            };
+            withCredentials: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            customRequest: {
+                type: import('vue').PropType<(option: import('@arco-design/web-vue').RequestOption) => import('@arco-design/web-vue').UploadRequest>;
+            };
+            limit: {
+                type: NumberConstructor;
+                default: number;
+            };
+            autoUpload: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            showFileList: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            showRemoveButton: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            showRetryButton: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            showCancelButton: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            showUploadButton: {
+                type: import('vue').PropType<boolean | {
+                    showOnExceedLimit: boolean;
+                }>;
+                default: boolean;
+            };
+            showPreviewButton: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            download: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            showLink: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            imageLoading: {
+                type: import('vue').PropType<"eager" | "lazy">;
+            };
+            listType: {
+                type: import('vue').PropType<import('@arco-design/web-vue/es/upload/interfaces').ListType>;
+                default: string;
+            };
+            responseUrlKey: {
+                type: import('vue').PropType<string | ((fileItem: import('@arco-design/web-vue').FileItem) => string)>;
+            };
+            customIcon: {
+                type: import('vue').PropType<import('@arco-design/web-vue').CustomIcon>;
+            };
+            imagePreview: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            onBeforeUpload: {
+                type: import('vue').PropType<(file: File) => boolean | Promise<boolean | File>>;
+            };
+            onBeforeRemove: {
+                type: import('vue').PropType<(fileItem: import('@arco-design/web-vue').FileItem) => Promise<boolean>>;
+            };
+            onButtonClick: {
+                type: import('vue').PropType<(event: Event) => Promise<FileList> | void>;
+            };
+        }>> & Readonly<{
             onError?: ((fileItem: import('@arco-design/web-vue').FileItem) => any) | undefined;
             onProgress?: ((fileItem: import('@arco-design/web-vue').FileItem, ev?: ProgressEvent<EventTarget> | undefined) => any) | undefined;
-            onExceedLimit?: ((fileList: import('@arco-design/web-vue').FileItem[], files: File[]) => any) | undefined;
+            onChange?: ((fileList: import('@arco-design/web-vue').FileItem[], fileItem: import('@arco-design/web-vue').FileItem) => any) | undefined;
             onSuccess?: ((fileItem: import('@arco-design/web-vue').FileItem) => any) | undefined;
             onPreview?: ((fileItem: import('@arco-design/web-vue').FileItem) => any) | undefined;
+            onExceedLimit?: ((fileList: import('@arco-design/web-vue').FileItem[], files: File[]) => any) | undefined;
             "onUpdate:fileList"?: ((fileList: import('@arco-design/web-vue').FileItem[]) => any) | undefined;
-        }, {
+        }>, {
             prefixCls: string;
-            render: () => false | JSX.Element;
+            render: () => false | import("vue/jsx-runtime").JSX.Element;
             innerSubmit: (fileItem?: import('@arco-design/web-vue').FileItem | undefined) => void;
             innerAbort: (fileItem: import('@arco-design/web-vue').FileItem) => void;
             innerUpdateFile: (id: string, file: File) => void;
             innerUpload: (files: File[]) => void;
-        }, unknown, {}, {
+        }, {}, {}, {
             submit(fileItem?: import('@arco-design/web-vue').FileItem | undefined): void;
             abort(fileItem: import('@arco-design/web-vue').FileItem): void;
             updateFile(id: string, file: File): void;
@@ -958,10 +1504,9 @@ declare const ProImageUpload: {
             preview: (fileItem: import('@arco-design/web-vue').FileItem) => true;
             success: (fileItem: import('@arco-design/web-vue').FileItem) => true;
             error: (fileItem: import('@arco-design/web-vue').FileItem) => true;
-        }, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, {
+        }, import('vue').PublicProps, {
             disabled: boolean;
             multiple: boolean;
-            imagePreview: boolean;
             draggable: boolean;
             limit: number;
             fileList: import('@arco-design/web-vue').FileItem[];
@@ -980,6 +1525,7 @@ declare const ProImageUpload: {
             download: boolean;
             showLink: boolean;
             listType: import('@arco-design/web-vue/es/upload/interfaces').ListType;
+            imagePreview: boolean;
         }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
             P: {};
             B: {};
@@ -987,86 +1533,129 @@ declare const ProImageUpload: {
             C: {};
             M: {};
             Defaults: {};
-        }, Readonly<{
-            fileList?: unknown;
-            defaultFileList?: unknown;
-            accept?: unknown;
-            action?: unknown;
-            disabled?: unknown;
-            multiple?: unknown;
-            directory?: unknown;
-            draggable?: unknown;
-            tip?: unknown;
-            headers?: unknown;
-            data?: unknown;
-            name?: unknown;
-            withCredentials?: unknown;
-            customRequest?: unknown;
-            limit?: unknown;
-            autoUpload?: unknown;
-            showFileList?: unknown;
-            showRemoveButton?: unknown;
-            showRetryButton?: unknown;
-            showCancelButton?: unknown;
-            showUploadButton?: unknown;
-            showPreviewButton?: unknown;
-            download?: unknown;
-            showLink?: unknown;
-            imageLoading?: unknown;
-            listType?: unknown;
-            responseUrlKey?: unknown;
-            customIcon?: unknown;
-            imagePreview?: unknown;
-            onBeforeUpload?: unknown;
-            onBeforeRemove?: unknown;
-            onButtonClick?: unknown;
-        } & {
-            disabled: boolean;
-            multiple: boolean;
-            imagePreview: boolean;
-            draggable: boolean;
-            limit: number;
-            defaultFileList: import('@arco-design/web-vue').FileItem[];
-            directory: boolean;
-            withCredentials: boolean;
-            autoUpload: boolean;
-            showFileList: boolean;
-            showRemoveButton: boolean;
-            showRetryButton: boolean;
-            showCancelButton: boolean;
-            showUploadButton: boolean | {
-                showOnExceedLimit: boolean;
+        }, Readonly<import('vue').ExtractPropTypes<{
+            fileList: {
+                type: import('vue').PropType<import('@arco-design/web-vue').FileItem[]>;
+                default: undefined;
+            };
+            defaultFileList: {
+                type: import('vue').PropType<import('@arco-design/web-vue').FileItem[]>;
+                default: () => never[];
+            };
+            accept: StringConstructor;
+            action: StringConstructor;
+            disabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            multiple: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            directory: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            draggable: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            tip: StringConstructor;
+            headers: {
+                type: import('vue').PropType<Record<string, string>>;
+            };
+            data: {
+                type: import('vue').PropType<Record<string, string | Blob> | ((fileItem: import('@arco-design/web-vue').FileItem) => Record<string, string | Blob>)>;
+            };
+            name: {
+                type: import('vue').PropType<string | ((fileItem: import('@arco-design/web-vue').FileItem) => string)>;
+            };
+            withCredentials: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            customRequest: {
+                type: import('vue').PropType<(option: import('@arco-design/web-vue').RequestOption) => import('@arco-design/web-vue').UploadRequest>;
+            };
+            limit: {
+                type: NumberConstructor;
+                default: number;
+            };
+            autoUpload: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            showFileList: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            showRemoveButton: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            showRetryButton: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            showCancelButton: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            showUploadButton: {
+                type: import('vue').PropType<boolean | {
+                    showOnExceedLimit: boolean;
+                }>;
+                default: boolean;
+            };
+            showPreviewButton: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            download: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            showLink: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            imageLoading: {
+                type: import('vue').PropType<"eager" | "lazy">;
+            };
+            listType: {
+                type: import('vue').PropType<import('@arco-design/web-vue/es/upload/interfaces').ListType>;
+                default: string;
+            };
+            responseUrlKey: {
+                type: import('vue').PropType<string | ((fileItem: import('@arco-design/web-vue').FileItem) => string)>;
+            };
+            customIcon: {
+                type: import('vue').PropType<import('@arco-design/web-vue').CustomIcon>;
+            };
+            imagePreview: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            onBeforeUpload: {
+                type: import('vue').PropType<(file: File) => boolean | Promise<boolean | File>>;
             };
-            showPreviewButton: boolean;
-            download: boolean;
-            showLink: boolean;
-            listType: import('@arco-design/web-vue/es/upload/interfaces').ListType;
-        } & {
-            data?: Record<string, string | Blob> | ((fileItem: import('@arco-design/web-vue').FileItem) => Record<string, string | Blob>) | undefined;
-            name?: string | ((fileItem: import('@arco-design/web-vue').FileItem) => string) | undefined;
-            tip?: string | undefined;
-            fileList?: import('@arco-design/web-vue').FileItem[] | undefined;
-            accept?: string | undefined;
-            action?: string | undefined;
-            headers?: Record<string, string> | undefined;
-            customRequest?: ((option: import('@arco-design/web-vue').RequestOption) => import('@arco-design/web-vue').UploadRequest) | undefined;
-            imageLoading?: "eager" | "lazy" | undefined;
-            responseUrlKey?: string | ((fileItem: import('@arco-design/web-vue').FileItem) => string) | undefined;
-            customIcon?: import('@arco-design/web-vue').CustomIcon | undefined;
-            onBeforeUpload?: ((file: File) => boolean | Promise<boolean | File>) | undefined;
-            onBeforeRemove?: ((fileItem: import('@arco-design/web-vue').FileItem) => Promise<boolean>) | undefined;
-            onButtonClick?: ((event: Event) => Promise<FileList> | void) | undefined;
-        }> & {
-            onChange?: ((fileList: import('@arco-design/web-vue').FileItem[], fileItem: import('@arco-design/web-vue').FileItem) => any) | undefined;
+            onBeforeRemove: {
+                type: import('vue').PropType<(fileItem: import('@arco-design/web-vue').FileItem) => Promise<boolean>>;
+            };
+            onButtonClick: {
+                type: import('vue').PropType<(event: Event) => Promise<FileList> | void>;
+            };
+        }>> & Readonly<{
             onError?: ((fileItem: import('@arco-design/web-vue').FileItem) => any) | undefined;
             onProgress?: ((fileItem: import('@arco-design/web-vue').FileItem, ev?: ProgressEvent<EventTarget> | undefined) => any) | undefined;
-            onExceedLimit?: ((fileList: import('@arco-design/web-vue').FileItem[], files: File[]) => any) | undefined;
+            onChange?: ((fileList: import('@arco-design/web-vue').FileItem[], fileItem: import('@arco-design/web-vue').FileItem) => any) | undefined;
             onSuccess?: ((fileItem: import('@arco-design/web-vue').FileItem) => any) | undefined;
             onPreview?: ((fileItem: import('@arco-design/web-vue').FileItem) => any) | undefined;
+            onExceedLimit?: ((fileList: import('@arco-design/web-vue').FileItem[], files: File[]) => any) | undefined;
             "onUpdate:fileList"?: ((fileList: import('@arco-design/web-vue').FileItem[]) => any) | undefined;
-        }, {
+        }>, {
             prefixCls: string;
-            render: () => false | JSX.Element;
+            render: () => false | import("vue/jsx-runtime").JSX.Element;
             innerSubmit: (fileItem?: import('@arco-design/web-vue').FileItem | undefined) => void;
             innerAbort: (fileItem: import('@arco-design/web-vue').FileItem) => void;
             innerUpdateFile: (id: string, file: File) => void;
@@ -1079,7 +1668,6 @@ declare const ProImageUpload: {
         }, {
             disabled: boolean;
             multiple: boolean;
-            imagePreview: boolean;
             draggable: boolean;
             limit: number;
             fileList: import('@arco-design/web-vue').FileItem[];
@@ -1098,12 +1686,13 @@ declare const ProImageUpload: {
             download: boolean;
             showLink: boolean;
             listType: import('@arco-design/web-vue/es/upload/interfaces').ListType;
+            imagePreview: boolean;
         }> | undefined>;
         cropperInsRef: import('vue').Ref<any, any>;
         isUploadComplete: import('vue').ComputedRef<boolean>;
     }, {}, {}, {}, {
-        name: string;
         disabled: boolean;
+        name: string;
         accept: string[];
         multiple: boolean;
         singleLimit: number;
@@ -1114,134 +1703,138 @@ declare const ProImageUpload: {
     __isSuspense?: never;
 } & import('vue').ComponentOptionsBase<Readonly<{
     modelValue: import('@arco-design/web-vue').FileItem[];
-} & {
-    action: string;
-    handlerResponse?: (response: any) => Promise<{
-        success: boolean;
-        url?: string;
-        errorMessage?: string;
-        [key: string]: any;
-    }>;
-    headers?: Record<string, any>;
-    data?: Record<string, any>;
-    name?: string;
-    tip?: string;
-    accept?: string[];
-    multiple?: boolean;
-    singleLimit?: number;
-    limit?: number;
-    exceedTip?: string;
-    disabled?: boolean;
-    hideInnerBeforeUploadLoading?: boolean;
-    checkOptions?: import('@keyblade/one-travel').ImageUploadCheckOptions;
-    compressorOptions?: import('@keyblade/one-travel').ImageUploadCompressorOptions;
-    cropOptions?: import('@keyblade/one-travel').ImageUploadCropOptions;
-    onSuccess?: (fileItem: import('@arco-design/web-vue').FileItem) => void;
-    onError?: (fileItem: import('@arco-design/web-vue').FileItem) => void;
-    onExceed?: (fileList: import('@arco-design/web-vue').FileItem[], files: File[]) => void;
-    onBeforeUpload?: (file: File) => boolean | Promise<any>;
-    onInnerBeforeUploadStart?: (file: File, index: number, type: import('./types').EImageUploadInnerBeforeUploadStep) => void;
-    onInnerBeforeUploadEnd?: (file: File, index: number, type: import('./types').EImageUploadInnerBeforeUploadStep, result: {
-        success: boolean;
-        error?: {
-            size?: boolean;
-            format?: boolean;
-            transform?: boolean;
-            pixel?: boolean;
-            compress?: boolean;
-            crop?: boolean;
-        };
-        errorMessage?: string;
-    }) => void;
-}> & Readonly<{
+} & import('./types').ImageUploadOptions> & Readonly<{
     "onUpdate:modelValue"?: ((value: import('@arco-design/web-vue').FileItem[]) => any) | undefined;
     onCropperImgLoad?: ((value: File) => any) | undefined;
 }>, {
-    uploadInsRef: import('vue').Ref<import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
-        fileList?: unknown;
-        defaultFileList?: unknown;
-        accept?: unknown;
-        action?: unknown;
-        disabled?: unknown;
-        multiple?: unknown;
-        directory?: unknown;
-        draggable?: unknown;
-        tip?: unknown;
-        headers?: unknown;
-        data?: unknown;
-        name?: unknown;
-        withCredentials?: unknown;
-        customRequest?: unknown;
-        limit?: unknown;
-        autoUpload?: unknown;
-        showFileList?: unknown;
-        showRemoveButton?: unknown;
-        showRetryButton?: unknown;
-        showCancelButton?: unknown;
-        showUploadButton?: unknown;
-        showPreviewButton?: unknown;
-        download?: unknown;
-        showLink?: unknown;
-        imageLoading?: unknown;
-        listType?: unknown;
-        responseUrlKey?: unknown;
-        customIcon?: unknown;
-        imagePreview?: unknown;
-        onBeforeUpload?: unknown;
-        onBeforeRemove?: unknown;
-        onButtonClick?: unknown;
-    } & {
-        disabled: boolean;
-        multiple: boolean;
-        imagePreview: boolean;
-        draggable: boolean;
-        limit: number;
-        defaultFileList: import('@arco-design/web-vue').FileItem[];
-        directory: boolean;
-        withCredentials: boolean;
-        autoUpload: boolean;
-        showFileList: boolean;
-        showRemoveButton: boolean;
-        showRetryButton: boolean;
-        showCancelButton: boolean;
-        showUploadButton: boolean | {
-            showOnExceedLimit: boolean;
+    uploadInsRef: import('vue').Ref<import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        fileList: {
+            type: import('vue').PropType<import('@arco-design/web-vue').FileItem[]>;
+            default: undefined;
         };
-        showPreviewButton: boolean;
-        download: boolean;
-        showLink: boolean;
-        listType: import('@arco-design/web-vue/es/upload/interfaces').ListType;
-    } & {
-        data?: Record<string, string | Blob> | ((fileItem: import('@arco-design/web-vue').FileItem) => Record<string, string | Blob>) | undefined;
-        name?: string | ((fileItem: import('@arco-design/web-vue').FileItem) => string) | undefined;
-        tip?: string | undefined;
-        fileList?: import('@arco-design/web-vue').FileItem[] | undefined;
-        accept?: string | undefined;
-        action?: string | undefined;
-        headers?: Record<string, string> | undefined;
-        customRequest?: ((option: import('@arco-design/web-vue').RequestOption) => import('@arco-design/web-vue').UploadRequest) | undefined;
-        imageLoading?: "eager" | "lazy" | undefined;
-        responseUrlKey?: string | ((fileItem: import('@arco-design/web-vue').FileItem) => string) | undefined;
-        customIcon?: import('@arco-design/web-vue').CustomIcon | undefined;
-        onBeforeUpload?: ((file: File) => boolean | Promise<boolean | File>) | undefined;
-        onBeforeRemove?: ((fileItem: import('@arco-design/web-vue').FileItem) => Promise<boolean>) | undefined;
-        onButtonClick?: ((event: Event) => Promise<FileList> | void) | undefined;
-    }> & {
-        onChange?: ((fileList: import('@arco-design/web-vue').FileItem[], fileItem: import('@arco-design/web-vue').FileItem) => any) | undefined;
+        defaultFileList: {
+            type: import('vue').PropType<import('@arco-design/web-vue').FileItem[]>;
+            default: () => never[];
+        };
+        accept: StringConstructor;
+        action: StringConstructor;
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        multiple: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        directory: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        draggable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        tip: StringConstructor;
+        headers: {
+            type: import('vue').PropType<Record<string, string>>;
+        };
+        data: {
+            type: import('vue').PropType<Record<string, string | Blob> | ((fileItem: import('@arco-design/web-vue').FileItem) => Record<string, string | Blob>)>;
+        };
+        name: {
+            type: import('vue').PropType<string | ((fileItem: import('@arco-design/web-vue').FileItem) => string)>;
+        };
+        withCredentials: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        customRequest: {
+            type: import('vue').PropType<(option: import('@arco-design/web-vue').RequestOption) => import('@arco-design/web-vue').UploadRequest>;
+        };
+        limit: {
+            type: NumberConstructor;
+            default: number;
+        };
+        autoUpload: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        showFileList: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        showRemoveButton: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        showRetryButton: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        showCancelButton: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        showUploadButton: {
+            type: import('vue').PropType<boolean | {
+                showOnExceedLimit: boolean;
+            }>;
+            default: boolean;
+        };
+        showPreviewButton: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        download: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        showLink: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        imageLoading: {
+            type: import('vue').PropType<"eager" | "lazy">;
+        };
+        listType: {
+            type: import('vue').PropType<import('@arco-design/web-vue/es/upload/interfaces').ListType>;
+            default: string;
+        };
+        responseUrlKey: {
+            type: import('vue').PropType<string | ((fileItem: import('@arco-design/web-vue').FileItem) => string)>;
+        };
+        customIcon: {
+            type: import('vue').PropType<import('@arco-design/web-vue').CustomIcon>;
+        };
+        imagePreview: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        onBeforeUpload: {
+            type: import('vue').PropType<(file: File) => boolean | Promise<boolean | File>>;
+        };
+        onBeforeRemove: {
+            type: import('vue').PropType<(fileItem: import('@arco-design/web-vue').FileItem) => Promise<boolean>>;
+        };
+        onButtonClick: {
+            type: import('vue').PropType<(event: Event) => Promise<FileList> | void>;
+        };
+    }>> & Readonly<{
         onError?: ((fileItem: import('@arco-design/web-vue').FileItem) => any) | undefined;
         onProgress?: ((fileItem: import('@arco-design/web-vue').FileItem, ev?: ProgressEvent<EventTarget> | undefined) => any) | undefined;
-        onExceedLimit?: ((fileList: import('@arco-design/web-vue').FileItem[], files: File[]) => any) | undefined;
+        onChange?: ((fileList: import('@arco-design/web-vue').FileItem[], fileItem: import('@arco-design/web-vue').FileItem) => any) | undefined;
         onSuccess?: ((fileItem: import('@arco-design/web-vue').FileItem) => any) | undefined;
         onPreview?: ((fileItem: import('@arco-design/web-vue').FileItem) => any) | undefined;
+        onExceedLimit?: ((fileList: import('@arco-design/web-vue').FileItem[], files: File[]) => any) | undefined;
         "onUpdate:fileList"?: ((fileList: import('@arco-design/web-vue').FileItem[]) => any) | undefined;
-    }, {
+    }>, {
         prefixCls: string;
-        render: () => false | JSX.Element;
+        render: () => false | import("vue/jsx-runtime").JSX.Element;
         innerSubmit: (fileItem?: import('@arco-design/web-vue').FileItem | undefined) => void;
         innerAbort: (fileItem: import('@arco-design/web-vue').FileItem) => void;
         innerUpdateFile: (id: string, file: File) => void;
         innerUpload: (files: File[]) => void;
-    }, unknown, {}, {
+    }, {}, {}, {
         submit(fileItem?: import('@arco-design/web-vue').FileItem | undefined): void;
         abort(fileItem: import('@arco-design/web-vue').FileItem): void;
         updateFile(id: string, file: File): void;
@@ -1254,10 +1847,9 @@ declare const ProImageUpload: {
         preview: (fileItem: import('@arco-design/web-vue').FileItem) => true;
         success: (fileItem: import('@arco-design/web-vue').FileItem) => true;
         error: (fileItem: import('@arco-design/web-vue').FileItem) => true;
-    }, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, {
+    }, import('vue').PublicProps, {
         disabled: boolean;
         multiple: boolean;
-        imagePreview: boolean;
         draggable: boolean;
         limit: number;
         fileList: import('@arco-design/web-vue').FileItem[];
@@ -1276,6 +1868,7 @@ declare const ProImageUpload: {
         download: boolean;
         showLink: boolean;
         listType: import('@arco-design/web-vue/es/upload/interfaces').ListType;
+        imagePreview: boolean;
     }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
@@ -1283,86 +1876,129 @@ declare const ProImageUpload: {
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<{
-        fileList?: unknown;
-        defaultFileList?: unknown;
-        accept?: unknown;
-        action?: unknown;
-        disabled?: unknown;
-        multiple?: unknown;
-        directory?: unknown;
-        draggable?: unknown;
-        tip?: unknown;
-        headers?: unknown;
-        data?: unknown;
-        name?: unknown;
-        withCredentials?: unknown;
-        customRequest?: unknown;
-        limit?: unknown;
-        autoUpload?: unknown;
-        showFileList?: unknown;
-        showRemoveButton?: unknown;
-        showRetryButton?: unknown;
-        showCancelButton?: unknown;
-        showUploadButton?: unknown;
-        showPreviewButton?: unknown;
-        download?: unknown;
-        showLink?: unknown;
-        imageLoading?: unknown;
-        listType?: unknown;
-        responseUrlKey?: unknown;
-        customIcon?: unknown;
-        imagePreview?: unknown;
-        onBeforeUpload?: unknown;
-        onBeforeRemove?: unknown;
-        onButtonClick?: unknown;
-    } & {
-        disabled: boolean;
-        multiple: boolean;
-        imagePreview: boolean;
-        draggable: boolean;
-        limit: number;
-        defaultFileList: import('@arco-design/web-vue').FileItem[];
-        directory: boolean;
-        withCredentials: boolean;
-        autoUpload: boolean;
-        showFileList: boolean;
-        showRemoveButton: boolean;
-        showRetryButton: boolean;
-        showCancelButton: boolean;
-        showUploadButton: boolean | {
-            showOnExceedLimit: boolean;
+    }, Readonly<import('vue').ExtractPropTypes<{
+        fileList: {
+            type: import('vue').PropType<import('@arco-design/web-vue').FileItem[]>;
+            default: undefined;
         };
-        showPreviewButton: boolean;
-        download: boolean;
-        showLink: boolean;
-        listType: import('@arco-design/web-vue/es/upload/interfaces').ListType;
-    } & {
-        data?: Record<string, string | Blob> | ((fileItem: import('@arco-design/web-vue').FileItem) => Record<string, string | Blob>) | undefined;
-        name?: string | ((fileItem: import('@arco-design/web-vue').FileItem) => string) | undefined;
-        tip?: string | undefined;
-        fileList?: import('@arco-design/web-vue').FileItem[] | undefined;
-        accept?: string | undefined;
-        action?: string | undefined;
-        headers?: Record<string, string> | undefined;
-        customRequest?: ((option: import('@arco-design/web-vue').RequestOption) => import('@arco-design/web-vue').UploadRequest) | undefined;
-        imageLoading?: "eager" | "lazy" | undefined;
-        responseUrlKey?: string | ((fileItem: import('@arco-design/web-vue').FileItem) => string) | undefined;
-        customIcon?: import('@arco-design/web-vue').CustomIcon | undefined;
-        onBeforeUpload?: ((file: File) => boolean | Promise<boolean | File>) | undefined;
-        onBeforeRemove?: ((fileItem: import('@arco-design/web-vue').FileItem) => Promise<boolean>) | undefined;
-        onButtonClick?: ((event: Event) => Promise<FileList> | void) | undefined;
-    }> & {
-        onChange?: ((fileList: import('@arco-design/web-vue').FileItem[], fileItem: import('@arco-design/web-vue').FileItem) => any) | undefined;
+        defaultFileList: {
+            type: import('vue').PropType<import('@arco-design/web-vue').FileItem[]>;
+            default: () => never[];
+        };
+        accept: StringConstructor;
+        action: StringConstructor;
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        multiple: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        directory: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        draggable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        tip: StringConstructor;
+        headers: {
+            type: import('vue').PropType<Record<string, string>>;
+        };
+        data: {
+            type: import('vue').PropType<Record<string, string | Blob> | ((fileItem: import('@arco-design/web-vue').FileItem) => Record<string, string | Blob>)>;
+        };
+        name: {
+            type: import('vue').PropType<string | ((fileItem: import('@arco-design/web-vue').FileItem) => string)>;
+        };
+        withCredentials: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        customRequest: {
+            type: import('vue').PropType<(option: import('@arco-design/web-vue').RequestOption) => import('@arco-design/web-vue').UploadRequest>;
+        };
+        limit: {
+            type: NumberConstructor;
+            default: number;
+        };
+        autoUpload: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        showFileList: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        showRemoveButton: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        showRetryButton: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        showCancelButton: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        showUploadButton: {
+            type: import('vue').PropType<boolean | {
+                showOnExceedLimit: boolean;
+            }>;
+            default: boolean;
+        };
+        showPreviewButton: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        download: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        showLink: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        imageLoading: {
+            type: import('vue').PropType<"eager" | "lazy">;
+        };
+        listType: {
+            type: import('vue').PropType<import('@arco-design/web-vue/es/upload/interfaces').ListType>;
+            default: string;
+        };
+        responseUrlKey: {
+            type: import('vue').PropType<string | ((fileItem: import('@arco-design/web-vue').FileItem) => string)>;
+        };
+        customIcon: {
+            type: import('vue').PropType<import('@arco-design/web-vue').CustomIcon>;
+        };
+        imagePreview: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        onBeforeUpload: {
+            type: import('vue').PropType<(file: File) => boolean | Promise<boolean | File>>;
+        };
+        onBeforeRemove: {
+            type: import('vue').PropType<(fileItem: import('@arco-design/web-vue').FileItem) => Promise<boolean>>;
+        };
+        onButtonClick: {
+            type: import('vue').PropType<(event: Event) => Promise<FileList> | void>;
+        };
+    }>> & Readonly<{
         onError?: ((fileItem: import('@arco-design/web-vue').FileItem) => any) | undefined;
         onProgress?: ((fileItem: import('@arco-design/web-vue').FileItem, ev?: ProgressEvent<EventTarget> | undefined) => any) | undefined;
-        onExceedLimit?: ((fileList: import('@arco-design/web-vue').FileItem[], files: File[]) => any) | undefined;
+        onChange?: ((fileList: import('@arco-design/web-vue').FileItem[], fileItem: import('@arco-design/web-vue').FileItem) => any) | undefined;
         onSuccess?: ((fileItem: import('@arco-design/web-vue').FileItem) => any) | undefined;
         onPreview?: ((fileItem: import('@arco-design/web-vue').FileItem) => any) | undefined;
+        onExceedLimit?: ((fileList: import('@arco-design/web-vue').FileItem[], files: File[]) => any) | undefined;
         "onUpdate:fileList"?: ((fileList: import('@arco-design/web-vue').FileItem[]) => any) | undefined;
-    }, {
+    }>, {
         prefixCls: string;
-        render: () => false | JSX.Element;
+        render: () => false | import("vue/jsx-runtime").JSX.Element;
         innerSubmit: (fileItem?: import('@arco-design/web-vue').FileItem | undefined) => void;
         innerAbort: (fileItem: import('@arco-design/web-vue').FileItem) => void;
         innerUpdateFile: (id: string, file: File) => void;
@@ -1375,7 +2011,6 @@ declare const ProImageUpload: {
     }, {
         disabled: boolean;
         multiple: boolean;
-        imagePreview: boolean;
         draggable: boolean;
         limit: number;
         fileList: import('@arco-design/web-vue').FileItem[];
@@ -1394,91 +2029,135 @@ declare const ProImageUpload: {
         download: boolean;
         showLink: boolean;
         listType: import('@arco-design/web-vue/es/upload/interfaces').ListType;
-    }> | undefined, import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
-        fileList?: unknown;
-        defaultFileList?: unknown;
-        accept?: unknown;
-        action?: unknown;
-        disabled?: unknown;
-        multiple?: unknown;
-        directory?: unknown;
-        draggable?: unknown;
-        tip?: unknown;
-        headers?: unknown;
-        data?: unknown;
-        name?: unknown;
-        withCredentials?: unknown;
-        customRequest?: unknown;
-        limit?: unknown;
-        autoUpload?: unknown;
-        showFileList?: unknown;
-        showRemoveButton?: unknown;
-        showRetryButton?: unknown;
-        showCancelButton?: unknown;
-        showUploadButton?: unknown;
-        showPreviewButton?: unknown;
-        download?: unknown;
-        showLink?: unknown;
-        imageLoading?: unknown;
-        listType?: unknown;
-        responseUrlKey?: unknown;
-        customIcon?: unknown;
-        imagePreview?: unknown;
-        onBeforeUpload?: unknown;
-        onBeforeRemove?: unknown;
-        onButtonClick?: unknown;
-    } & {
-        disabled: boolean;
-        multiple: boolean;
         imagePreview: boolean;
-        draggable: boolean;
-        limit: number;
-        defaultFileList: import('@arco-design/web-vue').FileItem[];
-        directory: boolean;
-        withCredentials: boolean;
-        autoUpload: boolean;
-        showFileList: boolean;
-        showRemoveButton: boolean;
-        showRetryButton: boolean;
-        showCancelButton: boolean;
-        showUploadButton: boolean | {
-            showOnExceedLimit: boolean;
+    }> | undefined, import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        fileList: {
+            type: import('vue').PropType<import('@arco-design/web-vue').FileItem[]>;
+            default: undefined;
         };
-        showPreviewButton: boolean;
-        download: boolean;
-        showLink: boolean;
-        listType: import('@arco-design/web-vue/es/upload/interfaces').ListType;
-    } & {
-        data?: Record<string, string | Blob> | ((fileItem: import('@arco-design/web-vue').FileItem) => Record<string, string | Blob>) | undefined;
-        name?: string | ((fileItem: import('@arco-design/web-vue').FileItem) => string) | undefined;
-        tip?: string | undefined;
-        fileList?: import('@arco-design/web-vue').FileItem[] | undefined;
-        accept?: string | undefined;
-        action?: string | undefined;
-        headers?: Record<string, string> | undefined;
-        customRequest?: ((option: import('@arco-design/web-vue').RequestOption) => import('@arco-design/web-vue').UploadRequest) | undefined;
-        imageLoading?: "eager" | "lazy" | undefined;
-        responseUrlKey?: string | ((fileItem: import('@arco-design/web-vue').FileItem) => string) | undefined;
-        customIcon?: import('@arco-design/web-vue').CustomIcon | undefined;
-        onBeforeUpload?: ((file: File) => boolean | Promise<boolean | File>) | undefined;
-        onBeforeRemove?: ((fileItem: import('@arco-design/web-vue').FileItem) => Promise<boolean>) | undefined;
-        onButtonClick?: ((event: Event) => Promise<FileList> | void) | undefined;
-    }> & {
-        onChange?: ((fileList: import('@arco-design/web-vue').FileItem[], fileItem: import('@arco-design/web-vue').FileItem) => any) | undefined;
+        defaultFileList: {
+            type: import('vue').PropType<import('@arco-design/web-vue').FileItem[]>;
+            default: () => never[];
+        };
+        accept: StringConstructor;
+        action: StringConstructor;
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        multiple: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        directory: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        draggable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        tip: StringConstructor;
+        headers: {
+            type: import('vue').PropType<Record<string, string>>;
+        };
+        data: {
+            type: import('vue').PropType<Record<string, string | Blob> | ((fileItem: import('@arco-design/web-vue').FileItem) => Record<string, string | Blob>)>;
+        };
+        name: {
+            type: import('vue').PropType<string | ((fileItem: import('@arco-design/web-vue').FileItem) => string)>;
+        };
+        withCredentials: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        customRequest: {
+            type: import('vue').PropType<(option: import('@arco-design/web-vue').RequestOption) => import('@arco-design/web-vue').UploadRequest>;
+        };
+        limit: {
+            type: NumberConstructor;
+            default: number;
+        };
+        autoUpload: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        showFileList: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        showRemoveButton: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        showRetryButton: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        showCancelButton: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        showUploadButton: {
+            type: import('vue').PropType<boolean | {
+                showOnExceedLimit: boolean;
+            }>;
+            default: boolean;
+        };
+        showPreviewButton: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        download: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        showLink: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        imageLoading: {
+            type: import('vue').PropType<"eager" | "lazy">;
+        };
+        listType: {
+            type: import('vue').PropType<import('@arco-design/web-vue/es/upload/interfaces').ListType>;
+            default: string;
+        };
+        responseUrlKey: {
+            type: import('vue').PropType<string | ((fileItem: import('@arco-design/web-vue').FileItem) => string)>;
+        };
+        customIcon: {
+            type: import('vue').PropType<import('@arco-design/web-vue').CustomIcon>;
+        };
+        imagePreview: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        onBeforeUpload: {
+            type: import('vue').PropType<(file: File) => boolean | Promise<boolean | File>>;
+        };
+        onBeforeRemove: {
+            type: import('vue').PropType<(fileItem: import('@arco-design/web-vue').FileItem) => Promise<boolean>>;
+        };
+        onButtonClick: {
+            type: import('vue').PropType<(event: Event) => Promise<FileList> | void>;
+        };
+    }>> & Readonly<{
         onError?: ((fileItem: import('@arco-design/web-vue').FileItem) => any) | undefined;
         onProgress?: ((fileItem: import('@arco-design/web-vue').FileItem, ev?: ProgressEvent<EventTarget> | undefined) => any) | undefined;
-        onExceedLimit?: ((fileList: import('@arco-design/web-vue').FileItem[], files: File[]) => any) | undefined;
+        onChange?: ((fileList: import('@arco-design/web-vue').FileItem[], fileItem: import('@arco-design/web-vue').FileItem) => any) | undefined;
         onSuccess?: ((fileItem: import('@arco-design/web-vue').FileItem) => any) | undefined;
         onPreview?: ((fileItem: import('@arco-design/web-vue').FileItem) => any) | undefined;
+        onExceedLimit?: ((fileList: import('@arco-design/web-vue').FileItem[], files: File[]) => any) | undefined;
         "onUpdate:fileList"?: ((fileList: import('@arco-design/web-vue').FileItem[]) => any) | undefined;
-    }, {
+    }>, {
         prefixCls: string;
-        render: () => false | JSX.Element;
+        render: () => false | import("vue/jsx-runtime").JSX.Element;
         innerSubmit: (fileItem?: import('@arco-design/web-vue').FileItem | undefined) => void;
         innerAbort: (fileItem: import('@arco-design/web-vue').FileItem) => void;
         innerUpdateFile: (id: string, file: File) => void;
         innerUpload: (files: File[]) => void;
-    }, unknown, {}, {
+    }, {}, {}, {
         submit(fileItem?: import('@arco-design/web-vue').FileItem | undefined): void;
         abort(fileItem: import('@arco-design/web-vue').FileItem): void;
         updateFile(id: string, file: File): void;
@@ -1491,10 +2170,9 @@ declare const ProImageUpload: {
         preview: (fileItem: import('@arco-design/web-vue').FileItem) => true;
         success: (fileItem: import('@arco-design/web-vue').FileItem) => true;
         error: (fileItem: import('@arco-design/web-vue').FileItem) => true;
-    }, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, {
+    }, import('vue').PublicProps, {
         disabled: boolean;
         multiple: boolean;
-        imagePreview: boolean;
         draggable: boolean;
         limit: number;
         fileList: import('@arco-design/web-vue').FileItem[];
@@ -1513,6 +2191,7 @@ declare const ProImageUpload: {
         download: boolean;
         showLink: boolean;
         listType: import('@arco-design/web-vue/es/upload/interfaces').ListType;
+        imagePreview: boolean;
     }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
@@ -1520,86 +2199,129 @@ declare const ProImageUpload: {
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<{
-        fileList?: unknown;
-        defaultFileList?: unknown;
-        accept?: unknown;
-        action?: unknown;
-        disabled?: unknown;
-        multiple?: unknown;
-        directory?: unknown;
-        draggable?: unknown;
-        tip?: unknown;
-        headers?: unknown;
-        data?: unknown;
-        name?: unknown;
-        withCredentials?: unknown;
-        customRequest?: unknown;
-        limit?: unknown;
-        autoUpload?: unknown;
-        showFileList?: unknown;
-        showRemoveButton?: unknown;
-        showRetryButton?: unknown;
-        showCancelButton?: unknown;
-        showUploadButton?: unknown;
-        showPreviewButton?: unknown;
-        download?: unknown;
-        showLink?: unknown;
-        imageLoading?: unknown;
-        listType?: unknown;
-        responseUrlKey?: unknown;
-        customIcon?: unknown;
-        imagePreview?: unknown;
-        onBeforeUpload?: unknown;
-        onBeforeRemove?: unknown;
-        onButtonClick?: unknown;
-    } & {
-        disabled: boolean;
-        multiple: boolean;
-        imagePreview: boolean;
-        draggable: boolean;
-        limit: number;
-        defaultFileList: import('@arco-design/web-vue').FileItem[];
-        directory: boolean;
-        withCredentials: boolean;
-        autoUpload: boolean;
-        showFileList: boolean;
-        showRemoveButton: boolean;
-        showRetryButton: boolean;
-        showCancelButton: boolean;
-        showUploadButton: boolean | {
-            showOnExceedLimit: boolean;
+    }, Readonly<import('vue').ExtractPropTypes<{
+        fileList: {
+            type: import('vue').PropType<import('@arco-design/web-vue').FileItem[]>;
+            default: undefined;
         };
-        showPreviewButton: boolean;
-        download: boolean;
-        showLink: boolean;
-        listType: import('@arco-design/web-vue/es/upload/interfaces').ListType;
-    } & {
-        data?: Record<string, string | Blob> | ((fileItem: import('@arco-design/web-vue').FileItem) => Record<string, string | Blob>) | undefined;
-        name?: string | ((fileItem: import('@arco-design/web-vue').FileItem) => string) | undefined;
-        tip?: string | undefined;
-        fileList?: import('@arco-design/web-vue').FileItem[] | undefined;
-        accept?: string | undefined;
-        action?: string | undefined;
-        headers?: Record<string, string> | undefined;
-        customRequest?: ((option: import('@arco-design/web-vue').RequestOption) => import('@arco-design/web-vue').UploadRequest) | undefined;
-        imageLoading?: "eager" | "lazy" | undefined;
-        responseUrlKey?: string | ((fileItem: import('@arco-design/web-vue').FileItem) => string) | undefined;
-        customIcon?: import('@arco-design/web-vue').CustomIcon | undefined;
-        onBeforeUpload?: ((file: File) => boolean | Promise<boolean | File>) | undefined;
-        onBeforeRemove?: ((fileItem: import('@arco-design/web-vue').FileItem) => Promise<boolean>) | undefined;
-        onButtonClick?: ((event: Event) => Promise<FileList> | void) | undefined;
-    }> & {
-        onChange?: ((fileList: import('@arco-design/web-vue').FileItem[], fileItem: import('@arco-design/web-vue').FileItem) => any) | undefined;
+        defaultFileList: {
+            type: import('vue').PropType<import('@arco-design/web-vue').FileItem[]>;
+            default: () => never[];
+        };
+        accept: StringConstructor;
+        action: StringConstructor;
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        multiple: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        directory: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        draggable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        tip: StringConstructor;
+        headers: {
+            type: import('vue').PropType<Record<string, string>>;
+        };
+        data: {
+            type: import('vue').PropType<Record<string, string | Blob> | ((fileItem: import('@arco-design/web-vue').FileItem) => Record<string, string | Blob>)>;
+        };
+        name: {
+            type: import('vue').PropType<string | ((fileItem: import('@arco-design/web-vue').FileItem) => string)>;
+        };
+        withCredentials: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        customRequest: {
+            type: import('vue').PropType<(option: import('@arco-design/web-vue').RequestOption) => import('@arco-design/web-vue').UploadRequest>;
+        };
+        limit: {
+            type: NumberConstructor;
+            default: number;
+        };
+        autoUpload: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        showFileList: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        showRemoveButton: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        showRetryButton: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        showCancelButton: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        showUploadButton: {
+            type: import('vue').PropType<boolean | {
+                showOnExceedLimit: boolean;
+            }>;
+            default: boolean;
+        };
+        showPreviewButton: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        download: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        showLink: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        imageLoading: {
+            type: import('vue').PropType<"eager" | "lazy">;
+        };
+        listType: {
+            type: import('vue').PropType<import('@arco-design/web-vue/es/upload/interfaces').ListType>;
+            default: string;
+        };
+        responseUrlKey: {
+            type: import('vue').PropType<string | ((fileItem: import('@arco-design/web-vue').FileItem) => string)>;
+        };
+        customIcon: {
+            type: import('vue').PropType<import('@arco-design/web-vue').CustomIcon>;
+        };
+        imagePreview: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        onBeforeUpload: {
+            type: import('vue').PropType<(file: File) => boolean | Promise<boolean | File>>;
+        };
+        onBeforeRemove: {
+            type: import('vue').PropType<(fileItem: import('@arco-design/web-vue').FileItem) => Promise<boolean>>;
+        };
+        onButtonClick: {
+            type: import('vue').PropType<(event: Event) => Promise<FileList> | void>;
+        };
+    }>> & Readonly<{
         onError?: ((fileItem: import('@arco-design/web-vue').FileItem) => any) | undefined;
         onProgress?: ((fileItem: import('@arco-design/web-vue').FileItem, ev?: ProgressEvent<EventTarget> | undefined) => any) | undefined;
-        onExceedLimit?: ((fileList: import('@arco-design/web-vue').FileItem[], files: File[]) => any) | undefined;
+        onChange?: ((fileList: import('@arco-design/web-vue').FileItem[], fileItem: import('@arco-design/web-vue').FileItem) => any) | undefined;
         onSuccess?: ((fileItem: import('@arco-design/web-vue').FileItem) => any) | undefined;
         onPreview?: ((fileItem: import('@arco-design/web-vue').FileItem) => any) | undefined;
+        onExceedLimit?: ((fileList: import('@arco-design/web-vue').FileItem[], files: File[]) => any) | undefined;
         "onUpdate:fileList"?: ((fileList: import('@arco-design/web-vue').FileItem[]) => any) | undefined;
-    }, {
+    }>, {
         prefixCls: string;
-        render: () => false | JSX.Element;
+        render: () => false | import("vue/jsx-runtime").JSX.Element;
         innerSubmit: (fileItem?: import('@arco-design/web-vue').FileItem | undefined) => void;
         innerAbort: (fileItem: import('@arco-design/web-vue').FileItem) => void;
         innerUpdateFile: (id: string, file: File) => void;
@@ -1612,7 +2334,6 @@ declare const ProImageUpload: {
     }, {
         disabled: boolean;
         multiple: boolean;
-        imagePreview: boolean;
         draggable: boolean;
         limit: number;
         fileList: import('@arco-design/web-vue').FileItem[];
@@ -1631,6 +2352,7 @@ declare const ProImageUpload: {
         download: boolean;
         showLink: boolean;
         listType: import('@arco-design/web-vue/es/upload/interfaces').ListType;
+        imagePreview: boolean;
     }> | undefined>;
     cropperInsRef: import('vue').Ref<any, any>;
     isUploadComplete: import('vue').ComputedRef<boolean>;
@@ -1639,8 +2361,8 @@ declare const ProImageUpload: {
 } & {
     cropperImgLoad: (value: File) => any;
 }, string, {
-    name: string;
     disabled: boolean;
+    name: string;
     accept: string[];
     multiple: boolean;
     singleLimit: number;
@@ -1651,11 +2373,15 @@ declare const ProImageUpload: {
             fileItem: any;
         }): any;
         'upload-button'?(_: {}): any;
+        'extra-button'?(_: any): any;
     };
 }) & {
     install: (app: App) => void;
 };
+/** 导出类型 */
 export * from './types';
+/** 导出常量 */
 export * from './constant';
+/** 导出组件 */
 export { ProImageUpload };
 export default ProImageUpload;