| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355 |
- import type { RcFile as OriRcFile, UploadRequestOption as RcCustomRequestOptions } from '../vc-upload/interface';
- import type { ProgressProps } from '../progress';
- import type { VueNode } from '../_util/type';
- import type { ExtractPropTypes, CSSProperties, ImgHTMLAttributes } from 'vue';
- export interface FileType extends OriRcFile {
- readonly lastModifiedDate: Date;
- }
- export type UploadFileStatus = 'error' | 'success' | 'done' | 'uploading' | 'removed';
- export interface HttpRequestHeader {
- [key: string]: string;
- }
- export interface UploadFile<T = any> {
- uid: string;
- size?: number;
- name: string;
- fileName?: string;
- lastModified?: number;
- lastModifiedDate?: Date;
- url?: string;
- status?: UploadFileStatus;
- percent?: number;
- thumbUrl?: string;
- crossOrigin?: ImgHTMLAttributes['crossorigin'];
- originFileObj?: FileType;
- response?: T;
- error?: any;
- linkProps?: any;
- type?: string;
- xhr?: T;
- preview?: string;
- }
- export interface InternalUploadFile<T = any> extends UploadFile<T> {
- originFileObj: FileType;
- }
- export interface ShowUploadListInterface {
- showRemoveIcon?: boolean;
- showPreviewIcon?: boolean;
- showDownloadIcon?: boolean;
- }
- export interface UploadChangeParam<T = UploadFile> {
- file: T;
- fileList: T[];
- event?: {
- percent: number;
- };
- }
- export interface UploadLocale {
- uploading?: string;
- removeFile?: string;
- downloadFile?: string;
- uploadError?: string;
- previewFile?: string;
- }
- export type UploadType = 'drag' | 'select';
- export type UploadListType = 'text' | 'picture' | 'picture-card';
- export type UploadListProgressProps = Omit<ProgressProps, 'percent' | 'type'> & {
- class?: string;
- style?: CSSProperties;
- };
- export type ItemRender<T = any> = (opt: {
- originNode: VueNode;
- file: UploadFile;
- fileList: Array<UploadFile<T>>;
- actions: {
- download: () => void;
- preview: () => void;
- remove: () => void;
- };
- }) => VueNode;
- type PreviewFileHandler = (file: FileType | Blob) => PromiseLike<string>;
- type TransformFileHandler = (file: FileType) => string | Blob | FileType | PromiseLike<string | Blob | FileType>;
- type BeforeUploadValueType = void | boolean | string | Blob | FileType;
- declare function uploadProps<T = any>(): {
- capture: {
- type: import("vue").PropType<boolean | "user" | "environment">;
- default: boolean | "user" | "environment";
- };
- type: {
- type: import("vue").PropType<UploadType>;
- default: UploadType;
- };
- name: StringConstructor;
- defaultFileList: {
- type: import("vue").PropType<UploadFile<T>[]>;
- default: UploadFile<T>[];
- };
- fileList: {
- type: import("vue").PropType<UploadFile<T>[]>;
- default: UploadFile<T>[];
- };
- action: {
- type: import("vue").PropType<string | ((file: FileType) => string) | ((file: FileType) => PromiseLike<string>)>;
- default: string | ((file: FileType) => string) | ((file: FileType) => PromiseLike<string>);
- };
- directory: {
- type: BooleanConstructor;
- default: boolean;
- };
- data: {
- type: import("vue").PropType<Record<string, unknown> | ((file: UploadFile<T>) => Record<string, unknown> | Promise<Record<string, unknown>>)>;
- default: Record<string, unknown> | ((file: UploadFile<T>) => Record<string, unknown> | Promise<Record<string, unknown>>);
- };
- method: {
- type: import("vue").PropType<"post" | "POST" | "PUT" | "PATCH" | "put" | "patch">;
- default: "post" | "POST" | "PUT" | "PATCH" | "put" | "patch";
- };
- headers: {
- type: import("vue").PropType<HttpRequestHeader>;
- default: HttpRequestHeader;
- };
- showUploadList: {
- type: import("vue").PropType<boolean | ShowUploadListInterface>;
- default: boolean | ShowUploadListInterface;
- };
- multiple: {
- type: BooleanConstructor;
- default: boolean;
- };
- accept: StringConstructor;
- beforeUpload: {
- type: import("vue").PropType<(file: FileType, FileList: FileType[]) => BeforeUploadValueType | Promise<BeforeUploadValueType>>;
- default: (file: FileType, FileList: FileType[]) => BeforeUploadValueType | Promise<BeforeUploadValueType>;
- };
- onChange: {
- type: import("vue").PropType<(info: UploadChangeParam<UploadFile<T>>) => void>;
- default: (info: UploadChangeParam<UploadFile<T>>) => void;
- };
- 'onUpdate:fileList': {
- type: import("vue").PropType<(fileList: UploadChangeParam<UploadFile<T>>['fileList']) => void>;
- default: (fileList: UploadChangeParam<UploadFile<T>>['fileList']) => void;
- };
- onDrop: {
- type: import("vue").PropType<(event: DragEvent) => void>;
- default: (event: DragEvent) => void;
- };
- listType: {
- type: import("vue").PropType<UploadListType>;
- default: UploadListType;
- };
- onPreview: {
- type: import("vue").PropType<(file: UploadFile<T>) => void>;
- default: (file: UploadFile<T>) => void;
- };
- onDownload: {
- type: import("vue").PropType<(file: UploadFile<T>) => void>;
- default: (file: UploadFile<T>) => void;
- };
- onReject: {
- type: import("vue").PropType<(fileList: FileType[]) => void>;
- default: (fileList: FileType[]) => void;
- };
- onRemove: {
- type: import("vue").PropType<(file: UploadFile<T>) => void | boolean | Promise<void | boolean>>;
- default: (file: UploadFile<T>) => void | boolean | Promise<void | boolean>;
- };
- /** @deprecated Please use `onRemove` directly */
- remove: {
- type: import("vue").PropType<(file: UploadFile<T>) => void | boolean | Promise<void | boolean>>;
- default: (file: UploadFile<T>) => void | boolean | Promise<void | boolean>;
- };
- supportServerRender: {
- type: BooleanConstructor;
- default: boolean;
- };
- disabled: {
- type: BooleanConstructor;
- default: boolean;
- };
- prefixCls: StringConstructor;
- customRequest: {
- type: import("vue").PropType<(options: RcCustomRequestOptions) => void>;
- default: (options: RcCustomRequestOptions) => void;
- };
- withCredentials: {
- type: BooleanConstructor;
- default: boolean;
- };
- openFileDialogOnClick: {
- type: BooleanConstructor;
- default: boolean;
- };
- locale: {
- type: import("vue").PropType<UploadLocale>;
- default: UploadLocale;
- };
- id: StringConstructor;
- previewFile: {
- type: import("vue").PropType<PreviewFileHandler>;
- default: PreviewFileHandler;
- };
- /** @deprecated Please use `beforeUpload` directly */
- transformFile: {
- type: import("vue").PropType<TransformFileHandler>;
- default: TransformFileHandler;
- };
- iconRender: {
- type: import("vue").PropType<(opt: {
- file: UploadFile<T>;
- listType?: UploadListType;
- }) => VueNode>;
- default: (opt: {
- file: UploadFile<T>;
- listType?: UploadListType;
- }) => VueNode;
- };
- isImageUrl: {
- type: import("vue").PropType<(file: UploadFile) => boolean>;
- default: (file: UploadFile) => boolean;
- };
- progress: {
- type: import("vue").PropType<UploadListProgressProps>;
- default: UploadListProgressProps;
- };
- itemRender: {
- type: import("vue").PropType<ItemRender<T>>;
- default: ItemRender<T>;
- };
- /** Config max count of `fileList`. Will replace current one when `maxCount` is 1 */
- maxCount: NumberConstructor;
- height: {
- type: import("vue").PropType<unknown>;
- default: unknown;
- };
- removeIcon: {
- type: import("vue").PropType<(opt: {
- file: UploadFile;
- }) => VueNode>;
- default: (opt: {
- file: UploadFile;
- }) => VueNode;
- };
- downloadIcon: {
- type: import("vue").PropType<(opt: {
- file: UploadFile;
- }) => VueNode>;
- default: (opt: {
- file: UploadFile;
- }) => VueNode;
- };
- previewIcon: {
- type: import("vue").PropType<(opt: {
- file: UploadFile;
- }) => VueNode>;
- default: (opt: {
- file: UploadFile;
- }) => VueNode;
- };
- };
- export type UploadProps = Partial<ExtractPropTypes<ReturnType<typeof uploadProps>>>;
- export interface UploadState<T = any> {
- fileList: UploadFile<T>[];
- dragState: string;
- }
- declare function uploadListProps<T = any>(): {
- listType: {
- type: import("vue").PropType<UploadListType>;
- default: UploadListType;
- };
- onPreview: {
- type: import("vue").PropType<(file: UploadFile<T>) => void>;
- default: (file: UploadFile<T>) => void;
- };
- onDownload: {
- type: import("vue").PropType<(file: UploadFile<T>) => void>;
- default: (file: UploadFile<T>) => void;
- };
- onRemove: {
- type: import("vue").PropType<(file: UploadFile<T>) => void | boolean>;
- default: (file: UploadFile<T>) => void | boolean;
- };
- items: {
- type: import("vue").PropType<UploadFile<T>[]>;
- default: UploadFile<T>[];
- };
- progress: {
- type: import("vue").PropType<UploadListProgressProps>;
- default: UploadListProgressProps;
- };
- prefixCls: {
- type: import("vue").PropType<string>;
- default: string;
- };
- showRemoveIcon: {
- type: BooleanConstructor;
- default: boolean;
- };
- showDownloadIcon: {
- type: BooleanConstructor;
- default: boolean;
- };
- showPreviewIcon: {
- type: BooleanConstructor;
- default: boolean;
- };
- removeIcon: {
- type: import("vue").PropType<(opt: {
- file: UploadFile;
- }) => VueNode>;
- default: (opt: {
- file: UploadFile;
- }) => VueNode;
- };
- downloadIcon: {
- type: import("vue").PropType<(opt: {
- file: UploadFile;
- }) => VueNode>;
- default: (opt: {
- file: UploadFile;
- }) => VueNode;
- };
- previewIcon: {
- type: import("vue").PropType<(opt: {
- file: UploadFile;
- }) => VueNode>;
- default: (opt: {
- file: UploadFile;
- }) => VueNode;
- };
- locale: {
- type: import("vue").PropType<UploadLocale>;
- default: UploadLocale;
- };
- previewFile: {
- type: import("vue").PropType<PreviewFileHandler>;
- default: PreviewFileHandler;
- };
- iconRender: {
- type: import("vue").PropType<(opt: {
- file: UploadFile<T>;
- listType?: UploadListType;
- }) => VueNode>;
- default: (opt: {
- file: UploadFile<T>;
- listType?: UploadListType;
- }) => VueNode;
- };
- isImageUrl: {
- type: import("vue").PropType<(file: UploadFile) => boolean>;
- default: (file: UploadFile) => boolean;
- };
- appendAction: {
- type: import("vue").PropType<() => VueNode>;
- default: () => VueNode;
- };
- appendActionVisible: {
- type: BooleanConstructor;
- default: boolean;
- };
- itemRender: {
- type: import("vue").PropType<ItemRender<T>>;
- default: ItemRender<T>;
- };
- };
- export type UploadListProps = Partial<ExtractPropTypes<ReturnType<typeof uploadListProps>>>;
- export { uploadProps, uploadListProps };
|