@keyblade/pro-components 1.13.8-alpha.8 → 1.14.0

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

@@ -1,73 +1,7 @@
 import { FileItem } from '@arco-design/web-vue';
-import { EImageUploadInnerBeforeUploadStep } from './types';
-import { ImageUploadCheckOptions, ImageUploadCompressorOptions, ImageUploadCropOptions } from '@keyblade/one-travel';
-type __VLS_Props = {
-    /** 上传地址 */
-    action: string;
-    /** 处理响应 */
-    handlerResponse?: (response: any) => Promise<{
-        /** 是否成功 */
-        success: boolean;
-        /** 图片地址 */
-        url?: string;
-        /** 错误消息(如果不传，请自行提示错误消息) */
-        errorMessage?: string;
-        /** 其他字段 */
-        [key: string]: any;
-    }>;
-    /** 设置上传的请求头部 */
-    headers?: Record<string, any>;
-    /** 上传时附带的额外参数 */
-    data?: Record<string, any>;
-    /** 上传的文件字段名 - 默认: file */
-    name?: string;
-    /** 提示文字 */
-    tip?: string;
-    /** 接受上传的文件类型 - 默认: ['jpg', 'jpeg', 'png', 'bmp', 'heif', 'heic', 'gif', 'webp'] */
-    accept?: string[];
-    /** 是否支持多选文件 - 默认: true */
-    multiple?: boolean;
-    /** 单次最大限制 - 默认: 10 */
-    singleLimit?: number;
-    /** 最大允许上传个数 */
-    limit?: number;
-    /** 文件超出个数限制时的提示文字 */
-    exceedTip?: string;
-    /** 是否禁用 - 默认: false */
-    disabled?: boolean;
-    /** 隐藏内置上传文件之前的loading效果 - 默认: false */
-    hideInnerBeforeUploadLoading?: boolean;
-    /** 校验选项 */
-    checkOptions?: ImageUploadCheckOptions;
-    /** 压缩选项 */
-    compressorOptions?: ImageUploadCompressorOptions;
-    /** 剪裁选项 */
-    cropOptions?: ImageUploadCropOptions;
-    /** 文件列表移除文件时的钩子 */
-    /** 文件上传成功时的钩子 */
-    onSuccess?: (fileItem: FileItem) => void;
-    /** 文件上传失败时的钩子 */
-    onError?: (fileItem: FileItem) => void;
-    /** 文件超出个数限制时的钩子 */
-    onExceed?: (fileList: FileItem[], files: File[]) => void;
-    /** 上传文件之前的钩子，参数为上传的文件，若返回 false 或者返回 Promise 且被 reject，则停止上传。 */
-    onBeforeUpload?: (file: File) => boolean | Promise<any>;
-    /** 内置上传文件之前开始 */
-    onInnerBeforeUploadStart?: (file: File, index: number, type: EImageUploadInnerBeforeUploadStep) => void;
-    /** 内置上传文件之前结束 */
-    onInnerBeforeUploadEnd?: (file: File, index: number, type: EImageUploadInnerBeforeUploadStep, result: {
-        success: boolean;
-        error?: {
-            size?: boolean;
-            format?: boolean;
-            transform?: boolean;
-            pixel?: boolean;
-            compress?: boolean;
-            crop?: boolean;
-        };
-        errorMessage?: string;
-    }) => void;
-};
+import { ImageUploadOptions } from './types';
+import { ImageUploadCropOptions } from '@keyblade/one-travel';
+type __VLS_Props = ImageUploadOptions;
 type __VLS_PublicProps = {
     modelValue: FileItem[];
 } & __VLS_Props;
@@ -78,9 +12,333 @@ declare function __VLS_template(): {
             fileItem: any;
         }): any;
         'upload-button'?(_: {}): any;
+        'extra-button'?(_: any): any;
     };
     refs: {
-        uploadInsRef: unknown;
+        uploadInsRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+            fileList: {
+                type: import('vue').PropType<import('@arco-design/web-vue/es/upload/interfaces').FileItem[]>;
+                default: undefined;
+            };
+            defaultFileList: {
+                type: import('vue').PropType<import('@arco-design/web-vue/es/upload/interfaces').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/es/upload/interfaces').FileItem) => Record<string, string | Blob>)>;
+            };
+            name: {
+                type: import('vue').PropType<string | ((fileItem: import('@arco-design/web-vue/es/upload/interfaces').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/es/upload/interfaces').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/es/upload/interfaces').FileItem) => Promise<boolean>>;
+            };
+            onButtonClick: {
+                type: import('vue').PropType<(event: Event) => void | Promise<FileList>>;
+            };
+        }>> & Readonly<{
+            onError?: ((fileItem: import('@arco-design/web-vue/es/upload/interfaces').FileItem) => any) | undefined;
+            onProgress?: ((fileItem: import('@arco-design/web-vue/es/upload/interfaces').FileItem, ev?: ProgressEvent<EventTarget> | undefined) => any) | undefined;
+            onChange?: ((fileList: import('@arco-design/web-vue/es/upload/interfaces').FileItem[], fileItem: import('@arco-design/web-vue/es/upload/interfaces').FileItem) => any) | undefined;
+            onSuccess?: ((fileItem: import('@arco-design/web-vue/es/upload/interfaces').FileItem) => any) | undefined;
+            onPreview?: ((fileItem: import('@arco-design/web-vue/es/upload/interfaces').FileItem) => any) | undefined;
+            onExceedLimit?: ((fileList: import('@arco-design/web-vue/es/upload/interfaces').FileItem[], files: File[]) => any) | undefined;
+            "onUpdate:fileList"?: ((fileList: import('@arco-design/web-vue/es/upload/interfaces').FileItem[]) => any) | undefined;
+        }>, {
+            prefixCls: string;
+            render: () => false | import("vue/jsx-runtime").JSX.Element;
+            innerSubmit: (fileItem?: import('@arco-design/web-vue/es/upload/interfaces').FileItem | undefined) => void;
+            innerAbort: (fileItem: import('@arco-design/web-vue/es/upload/interfaces').FileItem) => void;
+            innerUpdateFile: (id: string, file: File) => void;
+            innerUpload: (files: File[]) => void;
+        }, {}, {}, {
+            submit(fileItem?: import('@arco-design/web-vue/es/upload/interfaces').FileItem | undefined): void;
+            abort(fileItem: import('@arco-design/web-vue/es/upload/interfaces').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/es/upload/interfaces').FileItem[]) => true;
+            exceedLimit: (fileList: import('@arco-design/web-vue/es/upload/interfaces').FileItem[], files: File[]) => true;
+            change: (fileList: import('@arco-design/web-vue/es/upload/interfaces').FileItem[], fileItem: import('@arco-design/web-vue/es/upload/interfaces').FileItem) => true;
+            progress: (fileItem: import('@arco-design/web-vue/es/upload/interfaces').FileItem, ev?: ProgressEvent<EventTarget> | undefined) => true;
+            preview: (fileItem: import('@arco-design/web-vue/es/upload/interfaces').FileItem) => true;
+            success: (fileItem: import('@arco-design/web-vue/es/upload/interfaces').FileItem) => true;
+            error: (fileItem: import('@arco-design/web-vue/es/upload/interfaces').FileItem) => true;
+        }, import('vue').PublicProps, {
+            disabled: boolean;
+            multiple: boolean;
+            draggable: boolean;
+            limit: number;
+            fileList: import('@arco-design/web-vue/es/upload/interfaces').FileItem[];
+            defaultFileList: import('@arco-design/web-vue/es/upload/interfaces').FileItem[];
+            directory: boolean;
+            withCredentials: boolean;
+            autoUpload: boolean;
+            showFileList: boolean;
+            showRemoveButton: boolean;
+            showRetryButton: boolean;
+            showCancelButton: boolean;
+            showUploadButton: boolean | {
+                showOnExceedLimit: boolean;
+            };
+            showPreviewButton: boolean;
+            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: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import('vue').ExtractPropTypes<{
+            fileList: {
+                type: import('vue').PropType<import('@arco-design/web-vue/es/upload/interfaces').FileItem[]>;
+                default: undefined;
+            };
+            defaultFileList: {
+                type: import('vue').PropType<import('@arco-design/web-vue/es/upload/interfaces').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/es/upload/interfaces').FileItem) => Record<string, string | Blob>)>;
+            };
+            name: {
+                type: import('vue').PropType<string | ((fileItem: import('@arco-design/web-vue/es/upload/interfaces').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/es/upload/interfaces').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/es/upload/interfaces').FileItem) => Promise<boolean>>;
+            };
+            onButtonClick: {
+                type: import('vue').PropType<(event: Event) => void | Promise<FileList>>;
+            };
+        }>> & Readonly<{
+            onError?: ((fileItem: import('@arco-design/web-vue/es/upload/interfaces').FileItem) => any) | undefined;
+            onProgress?: ((fileItem: import('@arco-design/web-vue/es/upload/interfaces').FileItem, ev?: ProgressEvent<EventTarget> | undefined) => any) | undefined;
+            onChange?: ((fileList: import('@arco-design/web-vue/es/upload/interfaces').FileItem[], fileItem: import('@arco-design/web-vue/es/upload/interfaces').FileItem) => any) | undefined;
+            onSuccess?: ((fileItem: import('@arco-design/web-vue/es/upload/interfaces').FileItem) => any) | undefined;
+            onPreview?: ((fileItem: import('@arco-design/web-vue/es/upload/interfaces').FileItem) => any) | undefined;
+            onExceedLimit?: ((fileList: import('@arco-design/web-vue/es/upload/interfaces').FileItem[], files: File[]) => any) | undefined;
+            "onUpdate:fileList"?: ((fileList: import('@arco-design/web-vue/es/upload/interfaces').FileItem[]) => any) | undefined;
+        }>, {
+            prefixCls: string;
+            render: () => false | import("vue/jsx-runtime").JSX.Element;
+            innerSubmit: (fileItem?: import('@arco-design/web-vue/es/upload/interfaces').FileItem | undefined) => void;
+            innerAbort: (fileItem: import('@arco-design/web-vue/es/upload/interfaces').FileItem) => void;
+            innerUpdateFile: (id: string, file: File) => void;
+            innerUpload: (files: File[]) => void;
+        }, {}, {}, {
+            submit(fileItem?: import('@arco-design/web-vue/es/upload/interfaces').FileItem | undefined): void;
+            abort(fileItem: import('@arco-design/web-vue/es/upload/interfaces').FileItem): void;
+            updateFile(id: string, file: File): void;
+            upload(files: File[]): void;
+        }, {
+            disabled: boolean;
+            multiple: boolean;
+            draggable: boolean;
+            limit: number;
+            fileList: import('@arco-design/web-vue/es/upload/interfaces').FileItem[];
+            defaultFileList: import('@arco-design/web-vue/es/upload/interfaces').FileItem[];
+            directory: boolean;
+            withCredentials: boolean;
+            autoUpload: boolean;
+            showFileList: boolean;
+            showRemoveButton: boolean;
+            showRetryButton: boolean;
+            showCancelButton: boolean;
+            showUploadButton: boolean | {
+                showOnExceedLimit: boolean;
+            };
+            showPreviewButton: boolean;
+            download: boolean;
+            showLink: boolean;
+            listType: import('@arco-design/web-vue/es/upload/interfaces').ListType;
+            imagePreview: boolean;
+        }> | null;
         cropperInsRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
             file: File;
             index: number;
@@ -123,91 +381,134 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {
-    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: 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<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: FileItem) => Record<string, string | Blob>) | undefined;
-        name?: string | ((fileItem: FileItem) => string) | undefined;
-        tip?: string | undefined;
-        fileList?: 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: FileItem) => string) | undefined;
-        customIcon?: import('@arco-design/web-vue').CustomIcon | undefined;
-        onBeforeUpload?: ((file: File) => boolean | Promise<boolean | File>) | undefined;
-        onBeforeRemove?: ((fileItem: FileItem) => Promise<boolean>) | undefined;
-        onButtonClick?: ((event: Event) => Promise<FileList> | void) | undefined;
-    }> & {
-        onChange?: ((fileList: FileItem[], fileItem: FileItem) => any) | undefined;
+        defaultFileList: {
+            type: import('vue').PropType<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: FileItem) => Record<string, string | Blob>)>;
+        };
+        name: {
+            type: import('vue').PropType<string | ((fileItem: 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: 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: FileItem) => Promise<boolean>>;
+        };
+        onButtonClick: {
+            type: import('vue').PropType<(event: Event) => Promise<FileList> | void>;
+        };
+    }>> & Readonly<{
         onError?: ((fileItem: FileItem) => any) | undefined;
         onProgress?: ((fileItem: FileItem, ev?: ProgressEvent<EventTarget> | undefined) => any) | undefined;
-        onExceedLimit?: ((fileList: FileItem[], files: File[]) => any) | undefined;
+        onChange?: ((fileList: FileItem[], fileItem: FileItem) => any) | undefined;
         onSuccess?: ((fileItem: FileItem) => any) | undefined;
         onPreview?: ((fileItem: FileItem) => any) | undefined;
+        onExceedLimit?: ((fileList: FileItem[], files: File[]) => any) | undefined;
         "onUpdate:fileList"?: ((fileList: FileItem[]) => any) | undefined;
-    }, {
+    }>, {
         prefixCls: string;
-        render: () => false | JSX.Element;
+        render: () => false | import("vue/jsx-runtime").JSX.Element;
         innerSubmit: (fileItem?: FileItem | undefined) => void;
         innerAbort: (fileItem: FileItem) => void;
         innerUpdateFile: (id: string, file: File) => void;
         innerUpload: (files: File[]) => void;
-    }, unknown, {}, {
+    }, {}, {}, {
         submit(fileItem?: FileItem | undefined): void;
         abort(fileItem: FileItem): void;
         updateFile(id: string, file: File): void;
@@ -220,10 +521,9 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
         preview: (fileItem: FileItem) => true;
         success: (fileItem: FileItem) => true;
         error: (fileItem: 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: FileItem[];
@@ -242,6 +542,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
         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: {};
@@ -249,86 +550,129 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
         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: 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<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: FileItem) => Record<string, string | Blob>) | undefined;
-        name?: string | ((fileItem: FileItem) => string) | undefined;
-        tip?: string | undefined;
-        fileList?: 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: FileItem) => string) | undefined;
-        customIcon?: import('@arco-design/web-vue').CustomIcon | undefined;
-        onBeforeUpload?: ((file: File) => boolean | Promise<boolean | File>) | undefined;
-        onBeforeRemove?: ((fileItem: FileItem) => Promise<boolean>) | undefined;
-        onButtonClick?: ((event: Event) => Promise<FileList> | void) | undefined;
-    }> & {
-        onChange?: ((fileList: FileItem[], fileItem: FileItem) => any) | undefined;
+        defaultFileList: {
+            type: import('vue').PropType<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: FileItem) => Record<string, string | Blob>)>;
+        };
+        name: {
+            type: import('vue').PropType<string | ((fileItem: 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: 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: FileItem) => Promise<boolean>>;
+        };
+        onButtonClick: {
+            type: import('vue').PropType<(event: Event) => Promise<FileList> | void>;
+        };
+    }>> & Readonly<{
         onError?: ((fileItem: FileItem) => any) | undefined;
         onProgress?: ((fileItem: FileItem, ev?: ProgressEvent<EventTarget> | undefined) => any) | undefined;
-        onExceedLimit?: ((fileList: FileItem[], files: File[]) => any) | undefined;
+        onChange?: ((fileList: FileItem[], fileItem: FileItem) => any) | undefined;
         onSuccess?: ((fileItem: FileItem) => any) | undefined;
         onPreview?: ((fileItem: FileItem) => any) | undefined;
+        onExceedLimit?: ((fileList: FileItem[], files: File[]) => any) | undefined;
         "onUpdate:fileList"?: ((fileList: FileItem[]) => any) | undefined;
-    }, {
+    }>, {
         prefixCls: string;
-        render: () => false | JSX.Element;
+        render: () => false | import("vue/jsx-runtime").JSX.Element;
         innerSubmit: (fileItem?: FileItem | undefined) => void;
         innerAbort: (fileItem: FileItem) => void;
         innerUpdateFile: (id: string, file: File) => void;
@@ -341,7 +685,6 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     }, {
         disabled: boolean;
         multiple: boolean;
-        imagePreview: boolean;
         draggable: boolean;
         limit: number;
         fileList: FileItem[];
@@ -360,91 +703,135 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
         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: 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<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: FileItem) => Record<string, string | Blob>) | undefined;
-        name?: string | ((fileItem: FileItem) => string) | undefined;
-        tip?: string | undefined;
-        fileList?: 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: FileItem) => string) | undefined;
-        customIcon?: import('@arco-design/web-vue').CustomIcon | undefined;
-        onBeforeUpload?: ((file: File) => boolean | Promise<boolean | File>) | undefined;
-        onBeforeRemove?: ((fileItem: FileItem) => Promise<boolean>) | undefined;
-        onButtonClick?: ((event: Event) => Promise<FileList> | void) | undefined;
-    }> & {
-        onChange?: ((fileList: FileItem[], fileItem: FileItem) => any) | undefined;
+        defaultFileList: {
+            type: import('vue').PropType<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: FileItem) => Record<string, string | Blob>)>;
+        };
+        name: {
+            type: import('vue').PropType<string | ((fileItem: 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: 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: FileItem) => Promise<boolean>>;
+        };
+        onButtonClick: {
+            type: import('vue').PropType<(event: Event) => Promise<FileList> | void>;
+        };
+    }>> & Readonly<{
         onError?: ((fileItem: FileItem) => any) | undefined;
         onProgress?: ((fileItem: FileItem, ev?: ProgressEvent<EventTarget> | undefined) => any) | undefined;
-        onExceedLimit?: ((fileList: FileItem[], files: File[]) => any) | undefined;
+        onChange?: ((fileList: FileItem[], fileItem: FileItem) => any) | undefined;
         onSuccess?: ((fileItem: FileItem) => any) | undefined;
         onPreview?: ((fileItem: FileItem) => any) | undefined;
+        onExceedLimit?: ((fileList: FileItem[], files: File[]) => any) | undefined;
         "onUpdate:fileList"?: ((fileList: FileItem[]) => any) | undefined;
-    }, {
+    }>, {
         prefixCls: string;
-        render: () => false | JSX.Element;
+        render: () => false | import("vue/jsx-runtime").JSX.Element;
         innerSubmit: (fileItem?: FileItem | undefined) => void;
         innerAbort: (fileItem: FileItem) => void;
         innerUpdateFile: (id: string, file: File) => void;
         innerUpload: (files: File[]) => void;
-    }, unknown, {}, {
+    }, {}, {}, {
         submit(fileItem?: FileItem | undefined): void;
         abort(fileItem: FileItem): void;
         updateFile(id: string, file: File): void;
@@ -457,10 +844,9 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
         preview: (fileItem: FileItem) => true;
         success: (fileItem: FileItem) => true;
         error: (fileItem: 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: FileItem[];
@@ -479,6 +865,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
         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: {};
@@ -486,86 +873,129 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
         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: 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<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: FileItem) => Record<string, string | Blob>) | undefined;
-        name?: string | ((fileItem: FileItem) => string) | undefined;
-        tip?: string | undefined;
-        fileList?: 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: FileItem) => string) | undefined;
-        customIcon?: import('@arco-design/web-vue').CustomIcon | undefined;
-        onBeforeUpload?: ((file: File) => boolean | Promise<boolean | File>) | undefined;
-        onBeforeRemove?: ((fileItem: FileItem) => Promise<boolean>) | undefined;
-        onButtonClick?: ((event: Event) => Promise<FileList> | void) | undefined;
-    }> & {
-        onChange?: ((fileList: FileItem[], fileItem: FileItem) => any) | undefined;
+        defaultFileList: {
+            type: import('vue').PropType<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: FileItem) => Record<string, string | Blob>)>;
+        };
+        name: {
+            type: import('vue').PropType<string | ((fileItem: 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: 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: FileItem) => Promise<boolean>>;
+        };
+        onButtonClick: {
+            type: import('vue').PropType<(event: Event) => Promise<FileList> | void>;
+        };
+    }>> & Readonly<{
         onError?: ((fileItem: FileItem) => any) | undefined;
         onProgress?: ((fileItem: FileItem, ev?: ProgressEvent<EventTarget> | undefined) => any) | undefined;
-        onExceedLimit?: ((fileList: FileItem[], files: File[]) => any) | undefined;
+        onChange?: ((fileList: FileItem[], fileItem: FileItem) => any) | undefined;
         onSuccess?: ((fileItem: FileItem) => any) | undefined;
         onPreview?: ((fileItem: FileItem) => any) | undefined;
+        onExceedLimit?: ((fileList: FileItem[], files: File[]) => any) | undefined;
         "onUpdate:fileList"?: ((fileList: FileItem[]) => any) | undefined;
-    }, {
+    }>, {
         prefixCls: string;
-        render: () => false | JSX.Element;
+        render: () => false | import("vue/jsx-runtime").JSX.Element;
         innerSubmit: (fileItem?: FileItem | undefined) => void;
         innerAbort: (fileItem: FileItem) => void;
         innerUpdateFile: (id: string, file: File) => void;
@@ -578,7 +1008,6 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     }, {
         disabled: boolean;
         multiple: boolean;
-        imagePreview: boolean;
         draggable: boolean;
         limit: number;
         fileList: FileItem[];
@@ -597,6 +1026,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
         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>;
@@ -608,14 +1038,337 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     "onUpdate:modelValue"?: ((value: FileItem[]) => any) | undefined;
     onCropperImgLoad?: ((value: File) => any) | undefined;
 }>, {
-    name: string;
     disabled: boolean;
+    name: string;
     accept: string[];
     multiple: boolean;
     singleLimit: number;
     hideInnerBeforeUploadLoading: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    uploadInsRef: unknown;
+    uploadInsRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        fileList: {
+            type: import('vue').PropType<import('@arco-design/web-vue/es/upload/interfaces').FileItem[]>;
+            default: undefined;
+        };
+        defaultFileList: {
+            type: import('vue').PropType<import('@arco-design/web-vue/es/upload/interfaces').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/es/upload/interfaces').FileItem) => Record<string, string | Blob>)>;
+        };
+        name: {
+            type: import('vue').PropType<string | ((fileItem: import('@arco-design/web-vue/es/upload/interfaces').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/es/upload/interfaces').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/es/upload/interfaces').FileItem) => Promise<boolean>>;
+        };
+        onButtonClick: {
+            type: import('vue').PropType<(event: Event) => void | Promise<FileList>>;
+        };
+    }>> & Readonly<{
+        onError?: ((fileItem: import('@arco-design/web-vue/es/upload/interfaces').FileItem) => any) | undefined;
+        onProgress?: ((fileItem: import('@arco-design/web-vue/es/upload/interfaces').FileItem, ev?: ProgressEvent<EventTarget> | undefined) => any) | undefined;
+        onChange?: ((fileList: import('@arco-design/web-vue/es/upload/interfaces').FileItem[], fileItem: import('@arco-design/web-vue/es/upload/interfaces').FileItem) => any) | undefined;
+        onSuccess?: ((fileItem: import('@arco-design/web-vue/es/upload/interfaces').FileItem) => any) | undefined;
+        onPreview?: ((fileItem: import('@arco-design/web-vue/es/upload/interfaces').FileItem) => any) | undefined;
+        onExceedLimit?: ((fileList: import('@arco-design/web-vue/es/upload/interfaces').FileItem[], files: File[]) => any) | undefined;
+        "onUpdate:fileList"?: ((fileList: import('@arco-design/web-vue/es/upload/interfaces').FileItem[]) => any) | undefined;
+    }>, {
+        prefixCls: string;
+        render: () => false | import("vue/jsx-runtime").JSX.Element;
+        innerSubmit: (fileItem?: import('@arco-design/web-vue/es/upload/interfaces').FileItem | undefined) => void;
+        innerAbort: (fileItem: import('@arco-design/web-vue/es/upload/interfaces').FileItem) => void;
+        innerUpdateFile: (id: string, file: File) => void;
+        innerUpload: (files: File[]) => void;
+    }, {}, {}, {
+        submit(fileItem?: import('@arco-design/web-vue/es/upload/interfaces').FileItem | undefined): void;
+        abort(fileItem: import('@arco-design/web-vue/es/upload/interfaces').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/es/upload/interfaces').FileItem[]) => true;
+        exceedLimit: (fileList: import('@arco-design/web-vue/es/upload/interfaces').FileItem[], files: File[]) => true;
+        change: (fileList: import('@arco-design/web-vue/es/upload/interfaces').FileItem[], fileItem: import('@arco-design/web-vue/es/upload/interfaces').FileItem) => true;
+        progress: (fileItem: import('@arco-design/web-vue/es/upload/interfaces').FileItem, ev?: ProgressEvent<EventTarget> | undefined) => true;
+        preview: (fileItem: import('@arco-design/web-vue/es/upload/interfaces').FileItem) => true;
+        success: (fileItem: import('@arco-design/web-vue/es/upload/interfaces').FileItem) => true;
+        error: (fileItem: import('@arco-design/web-vue/es/upload/interfaces').FileItem) => true;
+    }, import('vue').PublicProps, {
+        disabled: boolean;
+        multiple: boolean;
+        draggable: boolean;
+        limit: number;
+        fileList: import('@arco-design/web-vue/es/upload/interfaces').FileItem[];
+        defaultFileList: import('@arco-design/web-vue/es/upload/interfaces').FileItem[];
+        directory: boolean;
+        withCredentials: boolean;
+        autoUpload: boolean;
+        showFileList: boolean;
+        showRemoveButton: boolean;
+        showRetryButton: boolean;
+        showCancelButton: boolean;
+        showUploadButton: boolean | {
+            showOnExceedLimit: boolean;
+        };
+        showPreviewButton: boolean;
+        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: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('vue').ExtractPropTypes<{
+        fileList: {
+            type: import('vue').PropType<import('@arco-design/web-vue/es/upload/interfaces').FileItem[]>;
+            default: undefined;
+        };
+        defaultFileList: {
+            type: import('vue').PropType<import('@arco-design/web-vue/es/upload/interfaces').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/es/upload/interfaces').FileItem) => Record<string, string | Blob>)>;
+        };
+        name: {
+            type: import('vue').PropType<string | ((fileItem: import('@arco-design/web-vue/es/upload/interfaces').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/es/upload/interfaces').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/es/upload/interfaces').FileItem) => Promise<boolean>>;
+        };
+        onButtonClick: {
+            type: import('vue').PropType<(event: Event) => void | Promise<FileList>>;
+        };
+    }>> & Readonly<{
+        onError?: ((fileItem: import('@arco-design/web-vue/es/upload/interfaces').FileItem) => any) | undefined;
+        onProgress?: ((fileItem: import('@arco-design/web-vue/es/upload/interfaces').FileItem, ev?: ProgressEvent<EventTarget> | undefined) => any) | undefined;
+        onChange?: ((fileList: import('@arco-design/web-vue/es/upload/interfaces').FileItem[], fileItem: import('@arco-design/web-vue/es/upload/interfaces').FileItem) => any) | undefined;
+        onSuccess?: ((fileItem: import('@arco-design/web-vue/es/upload/interfaces').FileItem) => any) | undefined;
+        onPreview?: ((fileItem: import('@arco-design/web-vue/es/upload/interfaces').FileItem) => any) | undefined;
+        onExceedLimit?: ((fileList: import('@arco-design/web-vue/es/upload/interfaces').FileItem[], files: File[]) => any) | undefined;
+        "onUpdate:fileList"?: ((fileList: import('@arco-design/web-vue/es/upload/interfaces').FileItem[]) => any) | undefined;
+    }>, {
+        prefixCls: string;
+        render: () => false | import("vue/jsx-runtime").JSX.Element;
+        innerSubmit: (fileItem?: import('@arco-design/web-vue/es/upload/interfaces').FileItem | undefined) => void;
+        innerAbort: (fileItem: import('@arco-design/web-vue/es/upload/interfaces').FileItem) => void;
+        innerUpdateFile: (id: string, file: File) => void;
+        innerUpload: (files: File[]) => void;
+    }, {}, {}, {
+        submit(fileItem?: import('@arco-design/web-vue/es/upload/interfaces').FileItem | undefined): void;
+        abort(fileItem: import('@arco-design/web-vue/es/upload/interfaces').FileItem): void;
+        updateFile(id: string, file: File): void;
+        upload(files: File[]): void;
+    }, {
+        disabled: boolean;
+        multiple: boolean;
+        draggable: boolean;
+        limit: number;
+        fileList: import('@arco-design/web-vue/es/upload/interfaces').FileItem[];
+        defaultFileList: import('@arco-design/web-vue/es/upload/interfaces').FileItem[];
+        directory: boolean;
+        withCredentials: boolean;
+        autoUpload: boolean;
+        showFileList: boolean;
+        showRemoveButton: boolean;
+        showRetryButton: boolean;
+        showCancelButton: boolean;
+        showUploadButton: boolean | {
+            showOnExceedLimit: boolean;
+        };
+        showPreviewButton: boolean;
+        download: boolean;
+        showLink: boolean;
+        listType: import('@arco-design/web-vue/es/upload/interfaces').ListType;
+        imagePreview: boolean;
+    }> | null;
     cropperInsRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
         file: File;
         index: number;