@polyv/vue-components 1.6.0 → 1.7.0

package/vue3/src/components/form/file-upload/src/file-upload.vue.d.ts

@@ -0,0 +1,185 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        'placeholder-suffix'?(_: {}): any;
+        'file-item'?(_: {
+            url: string | undefined;
+            fileName: string | undefined;
+            width: string | undefined;
+            height: string | undefined;
+            status: import('./hooks/types').FileUploadStatus;
+            uploadProgress: number | undefined;
+            deleteItem: () => void;
+            replaceItem: () => void;
+        }): any;
+    };
+    refs: {
+        inputRef: HTMLInputElement;
+        listRef: HTMLDivElement;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<{
+    "v-model-key": import('vue-types').VueTypeDef<string | string[]> & {
+        default: string | (() => string[]);
+    };
+    method: import('vue-types').VueTypeDef<"button" | "drag" | "card">;
+    listType: import('vue-types').VueTypeDef<"text" | "picture-card"> & {
+        default: "text" | "picture-card";
+    };
+    disabled: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    data: import('vue-types').VueTypeValidableDef<{
+        [key: string]: any;
+    }, import('vue-types/dist/types').ValidatorFunction<{
+        [key: string]: any;
+    }>> & {
+        default: () => {
+            [key: string]: any;
+        };
+    };
+    fileExtension: import('vue-types').VueTypeValidableDef<string[], import('vue-types/dist/types').ValidatorFunction<string[]>> & {
+        default: () => string[];
+    };
+    acceptType: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+    multiple: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    draggable: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    sizeLimit: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>>;
+    countLimit: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>>;
+    controller: import('vue-types').VueTypeValidableDef<import('./hooks/props-define').FileUploadController, import('vue-types/dist/types').ValidatorFunction<import('./hooks/props-define').FileUploadController>>;
+    width: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>> & {
+        default: number;
+    };
+    height: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>> & {
+        default: number;
+    };
+    uploadTitle: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+    uploadPlaceholder: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+    defaultUploadPlaceholder: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    showDelete: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    cropper: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    cropperTitle: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+    cropperProps: import('vue-types').VueTypeValidableDef<Partial<import('vue').ExtractPropTypes<{
+        target: import('vue-types').VueTypeDef<string | Object | File>;
+        within: import('vue-types').VueTypeDef<"canvas" | "image" | "none"> & {
+            default: "canvas" | "image" | "none";
+        };
+        aspectRatio: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>>;
+        initialAspectRatio: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>>;
+    }>>, import('vue-types/dist/types').ValidatorFunction<Partial<import('vue').ExtractPropTypes<{
+        target: import('vue-types').VueTypeDef<string | Object | File>;
+        within: import('vue-types').VueTypeDef<"canvas" | "image" | "none"> & {
+            default: "canvas" | "image" | "none";
+        };
+        aspectRatio: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>>;
+        initialAspectRatio: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>>;
+    }>>>>;
+}, {
+    triggerUpload: () => Promise<void>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    replace: (arg: {
+        url: string;
+        index: number;
+    }) => void;
+    change: (arg: string | string[]) => void;
+}, string, Readonly<import('vue').ExtractPropTypes<{
+    "v-model-key": import('vue-types').VueTypeDef<string | string[]> & {
+        default: string | (() => string[]);
+    };
+    method: import('vue-types').VueTypeDef<"button" | "drag" | "card">;
+    listType: import('vue-types').VueTypeDef<"text" | "picture-card"> & {
+        default: "text" | "picture-card";
+    };
+    disabled: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    data: import('vue-types').VueTypeValidableDef<{
+        [key: string]: any;
+    }, import('vue-types/dist/types').ValidatorFunction<{
+        [key: string]: any;
+    }>> & {
+        default: () => {
+            [key: string]: any;
+        };
+    };
+    fileExtension: import('vue-types').VueTypeValidableDef<string[], import('vue-types/dist/types').ValidatorFunction<string[]>> & {
+        default: () => string[];
+    };
+    acceptType: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+    multiple: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    draggable: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    sizeLimit: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>>;
+    countLimit: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>>;
+    controller: import('vue-types').VueTypeValidableDef<import('./hooks/props-define').FileUploadController, import('vue-types/dist/types').ValidatorFunction<import('./hooks/props-define').FileUploadController>>;
+    width: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>> & {
+        default: number;
+    };
+    height: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>> & {
+        default: number;
+    };
+    uploadTitle: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+    uploadPlaceholder: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+    defaultUploadPlaceholder: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    showDelete: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    cropper: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    cropperTitle: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+    cropperProps: import('vue-types').VueTypeValidableDef<Partial<import('vue').ExtractPropTypes<{
+        target: import('vue-types').VueTypeDef<string | Object | File>;
+        within: import('vue-types').VueTypeDef<"canvas" | "image" | "none"> & {
+            default: "canvas" | "image" | "none";
+        };
+        aspectRatio: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>>;
+        initialAspectRatio: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>>;
+    }>>, import('vue-types/dist/types').ValidatorFunction<Partial<import('vue').ExtractPropTypes<{
+        target: import('vue-types').VueTypeDef<string | Object | File>;
+        within: import('vue-types').VueTypeDef<"canvas" | "image" | "none"> & {
+            default: "canvas" | "image" | "none";
+        };
+        aspectRatio: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>>;
+        initialAspectRatio: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>>;
+    }>>>>;
+}>>, {
+    data: {
+        [key: string]: any;
+    };
+    "v-model-key": string | string[];
+    disabled: boolean;
+    width: number;
+    height: number;
+    draggable: boolean;
+    multiple: boolean;
+    listType: "text" | "picture-card";
+    fileExtension: string[];
+    defaultUploadPlaceholder: boolean;
+    showDelete: boolean;
+    cropper: boolean;
+}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $scopedSlots: S;
+    };
+};

package/vue3/src/components/form/file-upload/src/hooks/props-define.d.ts

@@ -0,0 +1,296 @@
+import { ImageCropperData } from '../../../../image-cropper';
+import { FileUploadStatus } from './types';
+export interface FileUploadController {
+    /**
+     * 执行上传
+     */
+    uploadAction?: (data: FileUploadActionData) => Promise<FileUploadActionResult>;
+    /**
+     * 取消上传
+     */
+    cancelUpload?: (taskId: string | number) => Promise<void>;
+    /**
+     * 执行裁剪
+     */
+    cropperAction?: (data: ImageFileCropperActionData) => Promise<FileUploadActionResult>;
+    /**
+     * 自定义上传，如果返回 undefined，则继续执行默认程序。
+     */
+    customUpload?: (data: FileUploadCustomData) => Promise<FileUploadCustomResult>;
+}
+export interface FileUploadActionData {
+    /**
+     * 文件
+     */
+    file: File;
+    /**
+     * 附带数据
+     */
+    data: Record<string, unknown>;
+    /**
+     * 更新上传进度，范围：0～100
+     */
+    updateUploadProgress: (progress: number) => void;
+    /**
+     * 更新任务 id
+     */
+    updateTaskId: (taskId: string | number) => void;
+}
+export interface ImageFileCropperActionData extends ImageCropperData {
+    /**
+     * 图片地址
+     */
+    url: string;
+    /**
+     * 文件
+     */
+    file?: File;
+    /**
+     * 附带数据
+     */
+    data: Record<string, unknown>;
+}
+export interface FileUploadActionResult {
+    /**
+     * 在线地址
+     */
+    url: string;
+}
+export interface FileUploadCustomData {
+    /**
+     * 附带数据
+     */
+    data: Record<string, unknown>;
+    /**
+     * 可选数量
+     */
+    remainCount: number;
+    /**
+     * 文件类型
+     */
+    acceptType: string | undefined;
+}
+/**
+ * 自定义上传回调结果
+ */
+export interface FileUploadCustomResultItem {
+    /**
+     * 在线地址
+     */
+    url?: string;
+    /**
+     * 文件对象
+     */
+    file?: File;
+}
+export type FileUploadCustomResult = FileUploadCustomResultItem[] | undefined;
+declare module '../../../../../hooks/business/use-config-provider' {
+    interface ConfigProviderInjectData {
+        /**
+         * 文件上传控制器
+         */
+        fileUploadController?: FileUploadController;
+    }
+}
+export declare const fileUploadListTypes: readonly ["text", "picture-card"];
+export type FileUploadListType = (typeof fileUploadListTypes)[number];
+export declare const fileUploadMethods: readonly ["button", "drag", "card"];
+export type FileUploadMethod = (typeof fileUploadMethods)[number];
+export declare const fileUploadProps: () => {
+    /**
+     * 绑定值，支持 v-model
+     */
+    "v-model-key": import('vue-types').VueTypeDef<string | string[]> & {
+        default: string | (() => string[]);
+    };
+    /**
+     * 上传方式
+     */
+    method: import('vue-types').VueTypeDef<"button" | "drag" | "card">;
+    /**
+     * 列表类型
+     * @default 'text'
+     */
+    listType: import('vue-types').VueTypeDef<"text" | "picture-card"> & {
+        default: "text" | "picture-card";
+    };
+    /**
+     * 是否禁用
+     */
+    disabled: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    /**
+     * 附带数据
+     */
+    data: import('vue-types').VueTypeValidableDef<{
+        [key: string]: any;
+    }, import('vue-types/dist/types').ValidatorFunction<{
+        [key: string]: any;
+    }>> & {
+        default: () => {
+            [key: string]: any;
+        };
+    };
+    /**
+     * 文件扩展名
+     */
+    fileExtension: import('vue-types').VueTypeValidableDef<string[], import('vue-types/dist/types').ValidatorFunction<string[]>> & {
+        default: () => string[];
+    };
+    /**
+     * 文件类型
+     */
+    acceptType: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+    /**
+     * 是否支持多选文件
+     * @default false
+     */
+    multiple: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    /**
+     * 是否支持拖拽，仅多选时生效
+     * @default true
+     */
+    draggable: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    /**
+     * 文件大小限制，单位：kb
+     */
+    sizeLimit: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>>;
+    /**
+     * 数量限制
+     */
+    countLimit: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>>;
+    /**
+     * 控制器
+     */
+    controller: import('vue-types').VueTypeValidableDef<FileUploadController, import('vue-types/dist/types').ValidatorFunction<FileUploadController>>;
+    /**
+     * 宽度
+     * @default 80
+     */
+    width: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>> & {
+        default: number;
+    };
+    /**
+     * 高度
+     * @default 80
+     */
+    height: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>> & {
+        default: number;
+    };
+    /**
+     * 上传标题
+     * @default '点击上传图片'
+     */
+    uploadTitle: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+    /**
+     * 上传描述
+     */
+    uploadPlaceholder: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+    /**
+     * 使用默认的上传描述
+     * @default false
+     */
+    defaultUploadPlaceholder: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    /**
+     * 是否显示删除
+     * @default true
+     */
+    showDelete: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    /**
+     * 是否裁剪图片
+     * @default false
+     */
+    cropper: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    /**
+     * 裁剪图片弹层标题
+     * @default '裁剪图片'
+     */
+    cropperTitle: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+    /**
+     * 裁剪图片组件参数
+     * @propType ImageCropperProps
+     */
+    cropperProps: import('vue-types').VueTypeValidableDef<Partial<import('vue').ExtractPropTypes<{
+        target: import('vue-types').VueTypeDef<string | Object | File>;
+        within: import('vue-types').VueTypeDef<"canvas" | "image" | "none"> & {
+            default: "canvas" | "image" | "none";
+        };
+        aspectRatio: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>>;
+        initialAspectRatio: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>>;
+    }>>, import('vue-types/dist/types').ValidatorFunction<Partial<import('vue').ExtractPropTypes<{
+        target: import('vue-types').VueTypeDef<string | Object | File>;
+        within: import('vue-types').VueTypeDef<"canvas" | "image" | "none"> & {
+            default: "canvas" | "image" | "none";
+        };
+        aspectRatio: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>>;
+        initialAspectRatio: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>>;
+    }>>>>;
+};
+export declare const fileUploadEmits: () => {
+    /**
+     * 图片上传变化
+     */
+    change: import('../../../../../vue-utils').EmitFuncType<string | string[]>;
+    /**
+     * 替换
+     */
+    replace: import('../../../../../vue-utils').EmitFuncType<{
+        url: string;
+        index: number;
+    }>;
+};
+export interface FileUploadItemSlotData {
+    /**
+     * 地址
+     */
+    url: string | undefined;
+    /**
+     * 文件名
+     */
+    fileName: string | undefined;
+    /**
+     * 宽度
+     */
+    width: string | undefined;
+    /**
+     * 高度
+     */
+    height: string | undefined;
+    /**
+     * 上传状态
+     */
+    status: FileUploadStatus;
+    /**
+     * 上传进度
+     */
+    uploadProgress: number | undefined;
+    /**
+     * 删除节点
+     */
+    deleteItem: () => void;
+    /**
+     * 替换节点
+     */
+    replaceItem: () => void;
+}
+export interface FileUploadSlots {
+    /**
+     * 文件节点
+     */
+    'file-item': FileUploadItemSlotData;
+    /**
+     * 占位文本后缀
+     */
+    'placeholder-suffix': void;
+}

package/vue3/src/components/form/file-upload/src/hooks/types.d.ts

@@ -0,0 +1,52 @@
+export declare enum FileUploadStatus {
+    /**
+     * 待上传
+     */
+    Pending = "pending",
+    /**
+     * 上传中
+     */
+    Uploading = "uploading",
+    /**
+     * 上传成功
+     */
+    Success = "success",
+    /**
+     * 上传失败
+     */
+    Failed = "failed",
+    /**
+     * 已取消
+     */
+    Canceled = "canceled"
+}
+export interface FileUploadItem {
+    /**
+     * 唯一标识
+     */
+    id: string;
+    /**
+     * 任务 id，用于取消任务
+     */
+    taskId?: string | number;
+    /**
+     * 文件对象
+     */
+    file?: File;
+    /**
+     * 在线地址
+     */
+    url?: string;
+    /**
+     * 状态
+     */
+    status: FileUploadStatus;
+    /**
+     * 上传进度，范围：0～100
+     */
+    uploadProgress?: number;
+    /**
+     * 自动触发裁剪
+     */
+    autoTriggerCropper?: true;
+}

package/vue3/src/components/form/file-upload/src/hooks/use-file-input.d.ts

@@ -0,0 +1,7 @@
+export declare const useFileInput: (options?: {
+    choiceCallback?: (files: File[]) => unknown;
+}) => {
+    inputRef: import('vue').Ref<HTMLInputElement | undefined>;
+    resetInput: () => void;
+    triggerInputClick: () => void;
+};

package/vue3/src/components/form/file-upload/src/hooks/use-file-upload-slots.d.ts

@@ -0,0 +1,10 @@
+import { FileUploadItemSlotData, FileUploadSlots } from './props-define';
+import { VNode } from 'vue';
+export interface FileUploadSlotInject {
+    hasSlot: (name: keyof FileUploadSlots) => boolean;
+    getFileUploadItemRenderSlot: (params: FileUploadItemSlotData) => VNode[] | undefined;
+}
+export declare const useFileUploadSlots: () => {
+    getFileUploadItemSlotData: (params?: FileUploadItemSlotData) => FileUploadItemSlotData;
+};
+export declare function useFileUploadSlotsInject(): FileUploadSlotInject;

package/vue3/src/components/form/file-upload/src/hooks/use-file-upload.d.ts

@@ -0,0 +1,113 @@
+import { UseTaskQueueReturn } from '../../../../../hooks/tools/use-task-queue';
+import { VueEmit, VueProps } from '../../../../../vue-utils';
+import { ComputedRef, InjectionKey, Ref } from 'vue';
+import { FileUploadController, fileUploadEmits, FileUploadMethod, fileUploadProps } from './props-define';
+import { FileUploadStatus, FileUploadItem } from './types';
+interface FileUploadInjectData {
+    fileUploadProps: VueProps<typeof fileUploadProps>;
+    fileUploadEmit: VueEmit<typeof fileUploadEmits>;
+    itemList: Ref<FileUploadItem[]>;
+    /**
+     * 实际的限制数量
+     */
+    realCountLimit: ComputedRef<number>;
+    /**
+     * 文件输入框 accept 类型
+     */
+    inputAcceptType: ComputedRef<string | undefined>;
+    /**
+     * 上传方式
+     */
+    uploadMethod: ComputedRef<FileUploadMethod>;
+    /**
+     * 是否小尺寸样式
+     */
+    isSmallStyle: ComputedRef<boolean>;
+    /**
+     * 是否迷你尺寸样式
+     */
+    isMiniStyle: ComputedRef<boolean>;
+    /**
+     * 更新绑定值
+     */
+    updateValue: () => void;
+    /**
+     * 获取上传控制器
+     */
+    getController: () => FileUploadController;
+    /**
+     * 上传任务队列
+     */
+    uploadTaskQueue: UseTaskQueueReturn;
+    /**
+     * 检查文件是否符合要求
+     * @param file 文件对象
+     * @returns 是否符合要求
+     */
+    checkFile: (file: File) => Promise<{
+        success: boolean;
+    }>;
+    /**
+     * 更新 item
+     */
+    updateItem: (item: FileUploadItem) => void;
+    /**
+     * 删除 item
+     */
+    deleteItem: (id: string) => void;
+    /**
+     * 是否正在拖拽
+     */
+    isDragging: Ref<boolean>;
+    /**
+     * 是否禁用
+     */
+    disabled: ComputedRef<boolean>;
+    /**
+     * 上传占位文本
+     */
+    uploadPlaceholderText: ComputedRef<string | undefined>;
+    /**
+     * 图片渲染额外参数
+     */
+    imageRenderExtraParams: Ref<Record<string, any>>;
+}
+export declare const FILE_UPLOAD_INJECT_KEY: InjectionKey<FileUploadInjectData>;
+export declare const useFileUpload: (options: {
+    props: VueProps<typeof fileUploadProps>;
+    emit: VueEmit<typeof fileUploadEmits>;
+}) => {
+    inputRef: Ref<HTMLInputElement | undefined>;
+    itemList: Ref<{
+        id: string;
+        taskId?: string | number | undefined;
+        file?: {
+            readonly lastModified: number;
+            readonly name: string;
+            readonly webkitRelativePath: string;
+            readonly size: number;
+            readonly type: string;
+            arrayBuffer: () => Promise<ArrayBuffer>;
+            bytes: () => Promise<Uint8Array>;
+            slice: (start?: number, end?: number, contentType?: string) => Blob;
+            stream: () => ReadableStream<Uint8Array>;
+            text: () => Promise<string>;
+        } | undefined;
+        url?: string | undefined;
+        status: FileUploadStatus;
+        uploadProgress?: number | undefined;
+        autoTriggerCropper?: true | undefined;
+    }[]>;
+    inputAcceptType: ComputedRef<string>;
+    realCountLimit: ComputedRef<number>;
+    uploadPlaceholderText: ComputedRef<string | undefined>;
+    uploadMethod: ComputedRef<"button" | "drag" | "card">;
+    triggerUpload: () => Promise<void>;
+    updateValue: () => void;
+    isSmallStyle: ComputedRef<boolean>;
+    isMiniStyle: ComputedRef<boolean>;
+    isDragging: Ref<boolean>;
+    addFiles: (files: File[]) => void;
+    disabled: ComputedRef<boolean>;
+};
+export {};

package/vue3/src/components/form/file-upload/src/hooks/use-upload-controller.d.ts

@@ -0,0 +1,7 @@
+import { VueProps } from '../../../../../vue-utils';
+import { FileUploadController, fileUploadProps } from './props-define';
+export declare const useUploadController: (options: {
+    props: VueProps<typeof fileUploadProps>;
+}) => {
+    getController: () => FileUploadController;
+};

package/vue3/src/components/form/file-upload/src/upload-add/button-add.vue.d.ts

@@ -0,0 +1,4 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (arg?: void | undefined) => void;
+}, string, Readonly<import('vue').ExtractPropTypes<{}>>, {}>;
+export default _default;