vexip-ui
Version:
A Vue 3 UI library, Highly customizability, full TypeScript, performance pretty good
129 lines (128 loc) • 8 kB
TypeScript
import { UploadFileOptions, UploadFileState, UploadHttpError } from './symbol';
declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
inherit: import('vue').PropType<boolean>;
state: import('vue').PropType<"default" | "success" | "error" | "warning">;
locale: import('vue').PropType<Partial<{
upload: string;
uploading: string;
dragOrClick: string;
ariaLabel: {
preview: string;
delete: string;
};
}>>;
url: import('vue').PropType<string>;
fileList: import('vue').PropType<UploadFileOptions[]>;
multiple: import('vue').PropType<boolean>;
tip: import('vue').PropType<string>;
accept: import('vue').PropType<string | string[]>;
filter: import('vue').PropType<string | string[]>;
maxSize: import('vue').PropType<number>;
field: import('vue').PropType<string>;
data: import('vue').PropType<Record<string, string | Blob>>;
headers: import('vue').PropType<Record<string, string>>;
withCredentials: import('vue').PropType<boolean>;
manual: import('vue').PropType<boolean>;
hiddenFiles: import('vue').PropType<boolean>;
countLimit: import('vue').PropType<number>;
allowDrag: import('vue').PropType<boolean>;
onBeforeUpload: import('vue').PropType<import('./symbol').BeforeUpload>;
onBeforeSelect: import('vue').PropType<import('./symbol').BeforeSelect>;
iconRenderer: import('vue').PropType<import('./symbol').RenderFn>;
selectToAdd: import('vue').PropType<boolean>;
listType: import('vue').PropType<"name" | "card" | "detail" | "thumbnail">;
block: import('vue').PropType<boolean>;
loadingText: import('vue').PropType<string>;
directory: import('vue').PropType<boolean>;
pathField: import('vue').PropType<string>;
disabledClick: import('vue').PropType<boolean>;
buttonLabel: import('vue').PropType<string>;
disabled: import('vue').PropType<boolean>;
loading: import('vue').PropType<boolean>;
loadingIcon: import('vue').PropType<any>;
loadingLock: import('vue').PropType<boolean>;
loadingEffect: import('vue').PropType<string>;
image: import('vue').PropType<boolean>;
defaultFiles: import('vue').PropType<UploadFileOptions[]>;
canPreview: import('vue').PropType<(file: UploadFileState) => boolean>;
listStyle: import('vue').PropType<string | import('vue').CSSProperties | (string | import('vue').CSSProperties)[]>;
name: import('vue').PropType<string>;
customFetch: import('vue').PropType<import('./symbol').UploadFetchMethod>;
slots: import('vue').PropType<import('./symbol').UploadSlots>;
onExceed: import('vue').PropType<((files: UploadFileState[]) => void) | ((files: UploadFileState[]) => void)[]>;
onChange: import('vue').PropType<((files: UploadFileState[]) => void) | ((files: UploadFileState[]) => void)[]>;
onFilterError: import('vue').PropType<((files: UploadFileState) => void) | ((files: UploadFileState) => void)[]>;
onSizeError: import('vue').PropType<((files: UploadFileState) => void) | ((files: UploadFileState) => void)[]>;
onDelete: import('vue').PropType<((file: UploadFileState) => void) | ((file: UploadFileState) => void)[]>;
onPreview: import('vue').PropType<((file: UploadFileState) => void) | ((file: UploadFileState) => void)[]>;
onProgress: import('vue').PropType<((file: UploadFileState, percent: number) => void) | ((file: UploadFileState, percent: number) => void)[]>;
onSuccess: import('vue').PropType<((file: UploadFileState, response: any) => void) | ((file: UploadFileState, response: any) => void)[]>;
onError: import('vue').PropType<((file: UploadFileState, error: UploadHttpError) => void) | ((file: UploadFileState, error: UploadHttpError) => void)[]>;
}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {
execute: () => Promise<false | any[]>;
handleDelete: (file: UploadFileState) => void;
focus: (options?: FocusOptions) => void;
blur: () => void;
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:file-list"[], "update:file-list", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
inherit: import('vue').PropType<boolean>;
state: import('vue').PropType<"default" | "success" | "error" | "warning">;
locale: import('vue').PropType<Partial<{
upload: string;
uploading: string;
dragOrClick: string;
ariaLabel: {
preview: string;
delete: string;
};
}>>;
url: import('vue').PropType<string>;
fileList: import('vue').PropType<UploadFileOptions[]>;
multiple: import('vue').PropType<boolean>;
tip: import('vue').PropType<string>;
accept: import('vue').PropType<string | string[]>;
filter: import('vue').PropType<string | string[]>;
maxSize: import('vue').PropType<number>;
field: import('vue').PropType<string>;
data: import('vue').PropType<Record<string, string | Blob>>;
headers: import('vue').PropType<Record<string, string>>;
withCredentials: import('vue').PropType<boolean>;
manual: import('vue').PropType<boolean>;
hiddenFiles: import('vue').PropType<boolean>;
countLimit: import('vue').PropType<number>;
allowDrag: import('vue').PropType<boolean>;
onBeforeUpload: import('vue').PropType<import('./symbol').BeforeUpload>;
onBeforeSelect: import('vue').PropType<import('./symbol').BeforeSelect>;
iconRenderer: import('vue').PropType<import('./symbol').RenderFn>;
selectToAdd: import('vue').PropType<boolean>;
listType: import('vue').PropType<"name" | "card" | "detail" | "thumbnail">;
block: import('vue').PropType<boolean>;
loadingText: import('vue').PropType<string>;
directory: import('vue').PropType<boolean>;
pathField: import('vue').PropType<string>;
disabledClick: import('vue').PropType<boolean>;
buttonLabel: import('vue').PropType<string>;
disabled: import('vue').PropType<boolean>;
loading: import('vue').PropType<boolean>;
loadingIcon: import('vue').PropType<any>;
loadingLock: import('vue').PropType<boolean>;
loadingEffect: import('vue').PropType<string>;
image: import('vue').PropType<boolean>;
defaultFiles: import('vue').PropType<UploadFileOptions[]>;
canPreview: import('vue').PropType<(file: UploadFileState) => boolean>;
listStyle: import('vue').PropType<string | import('vue').CSSProperties | (string | import('vue').CSSProperties)[]>;
name: import('vue').PropType<string>;
customFetch: import('vue').PropType<import('./symbol').UploadFetchMethod>;
slots: import('vue').PropType<import('./symbol').UploadSlots>;
onExceed: import('vue').PropType<((files: UploadFileState[]) => void) | ((files: UploadFileState[]) => void)[]>;
onChange: import('vue').PropType<((files: UploadFileState[]) => void) | ((files: UploadFileState[]) => void)[]>;
onFilterError: import('vue').PropType<((files: UploadFileState) => void) | ((files: UploadFileState) => void)[]>;
onSizeError: import('vue').PropType<((files: UploadFileState) => void) | ((files: UploadFileState) => void)[]>;
onDelete: import('vue').PropType<((file: UploadFileState) => void) | ((file: UploadFileState) => void)[]>;
onPreview: import('vue').PropType<((file: UploadFileState) => void) | ((file: UploadFileState) => void)[]>;
onProgress: import('vue').PropType<((file: UploadFileState, percent: number) => void) | ((file: UploadFileState, percent: number) => void)[]>;
onSuccess: import('vue').PropType<((file: UploadFileState, response: any) => void) | ((file: UploadFileState, response: any) => void)[]>;
onError: import('vue').PropType<((file: UploadFileState, error: UploadHttpError) => void) | ((file: UploadFileState, error: UploadHttpError) => void)[]>;
}>> & Readonly<{
"onUpdate:file-list"?: ((...args: any[]) => any) | undefined;
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
export default _default;