vue-amazing-ui
Version:
An Amazing Vue3 UI Components Library, Using TypeScript.
271 lines (270 loc) • 13.4 kB
TypeScript
export type { Props, MessageType, FileType } from './Upload';
declare const _default: {
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./Upload').Props> & Readonly<{
onChange?: ((...args: any[]) => any) | undefined;
onDrop?: ((...args: any[]) => any) | undefined;
onPreview?: ((...args: any[]) => any) | undefined;
"onUpdate:fileList"?: ((...args: any[]) => any) | undefined;
onRemove?: ((...args: any[]) => any) | undefined;
}>, {
info: (content: string) => void;
success: (content: string) => void;
error: (content: string) => void;
warning: (content: string) => void;
loading: (content: string) => void;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
change: (...args: any[]) => void;
drop: (...args: any[]) => void;
preview: (...args: any[]) => void;
"update:fileList": (...args: any[]) => void;
remove: (...args: any[]) => void;
}, import('vue').PublicProps, {
disabled: boolean;
multiple: boolean;
tip: string;
spinProps: object;
fit: "contain" | "fill" | "cover" | "none" | "scale-down";
spaceProps: object;
draggable: boolean;
accept: string;
maxCount: number;
imageProps: object;
messageProps: object;
actionMessage: import('./Upload').MessageType;
beforeUpload: Function;
uploadMode: "base64" | "custom";
customRequest: Function;
fileList: import('./Upload').FileType[];
}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
uploadInputRef: HTMLInputElement;
imageRef: ({
$: import('vue').ComponentInternalInstance;
$data: {};
$props: {
readonly src?: string | import('..').ImageItem[] | undefined;
readonly name?: string | undefined;
readonly width?: string | number | (string | number)[] | undefined;
readonly height?: string | number | (string | number)[] | undefined;
readonly disabled?: boolean | undefined;
readonly bordered?: boolean | undefined;
readonly fit?: "contain" | "fill" | "cover" | "none" | "scale-down" | undefined;
readonly preview?: string | undefined;
readonly previewImageStyle?: import('vue').CSSProperties | undefined;
readonly spaceProps?: object | undefined;
readonly spinProps?: object | undefined;
readonly previewSpinProps?: object | undefined;
readonly zoomRatio?: number | undefined;
readonly minZoomScale?: number | undefined;
readonly maxZoomScale?: number | undefined;
readonly resetOnDbclick?: boolean | undefined;
readonly draggable?: boolean | undefined;
readonly loop?: boolean | undefined;
readonly album?: boolean | undefined;
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
} & {
imagesRef: HTMLImageElement;
previewRef: HTMLDivElement;
previewImagesRef: HTMLImageElement;
};
$slots: Readonly<{
[name: string]: import('vue').Slot<any> | undefined;
}>;
$root: import('vue').ComponentPublicInstance | null;
$parent: import('vue').ComponentPublicInstance | null;
$host: Element | null;
$emit: (event: string, ...args: any[]) => void;
$el: HTMLDivElement;
$options: import('vue').ComponentOptionsBase<Readonly<import('..').ImageProps> & Readonly<{}>, {
preview: (index: number) => Promise<void>;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
name: string;
bordered: boolean;
src: string | import('..').ImageItem[];
width: string | number | (string | number)[];
height: string | number | (string | number)[];
disabled: boolean;
spinProps: object;
fit: "contain" | "fill" | "cover" | "none" | "scale-down";
preview: string;
previewImageStyle: import('vue').CSSProperties;
spaceProps: object;
previewSpinProps: object;
zoomRatio: number;
minZoomScale: number;
maxZoomScale: number;
resetOnDbclick: boolean;
draggable: boolean;
loop: boolean;
album: boolean;
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
beforeCreate?: (() => void) | (() => void)[];
created?: (() => void) | (() => void)[];
beforeMount?: (() => void) | (() => void)[];
mounted?: (() => void) | (() => void)[];
beforeUpdate?: (() => void) | (() => void)[];
updated?: (() => void) | (() => void)[];
activated?: (() => void) | (() => void)[];
deactivated?: (() => void) | (() => void)[];
beforeDestroy?: (() => void) | (() => void)[];
beforeUnmount?: (() => void) | (() => void)[];
destroyed?: (() => void) | (() => void)[];
unmounted?: (() => void) | (() => void)[];
renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
};
$forceUpdate: () => void;
$nextTick: typeof import('vue').nextTick;
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
} & Readonly<{
name: string;
bordered: boolean;
src: string | import('..').ImageItem[];
width: string | number | (string | number)[];
height: string | number | (string | number)[];
disabled: boolean;
spinProps: object;
fit: "contain" | "fill" | "cover" | "none" | "scale-down";
preview: string;
previewImageStyle: import('vue').CSSProperties;
spaceProps: object;
previewSpinProps: object;
zoomRatio: number;
minZoomScale: number;
maxZoomScale: number;
resetOnDbclick: boolean;
draggable: boolean;
loop: boolean;
album: boolean;
}> & Omit<Readonly<import('..').ImageProps> & Readonly<{}>, "name" | "bordered" | "src" | "width" | "height" | "disabled" | "spinProps" | "fit" | "preview" | "previewImageStyle" | "spaceProps" | "previewSpinProps" | "zoomRatio" | "minZoomScale" | "maxZoomScale" | "resetOnDbclick" | "draggable" | "loop" | "album"> & import('vue').ShallowUnwrapRef<{
preview: (index: number) => Promise<void>;
}> & {} & import('vue').ComponentCustomProperties & {} & {
$slots: {
preview?(_: {}): any;
};
}) | null;
messageRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('..').MessageProps> & Readonly<{
onClick?: ((...args: any[]) => any) | undefined;
onClose?: ((...args: any[]) => any) | undefined;
}>, {
open: (message: string | import('..').MessageOptions) => void;
info: (message: string | import('..').MessageOptions) => void;
success: (message: string | import('..').MessageOptions) => void;
error: (message: string | import('..').MessageOptions) => void;
warning: (message: string | import('..').MessageOptions) => void;
loading: (message: string | import('..').MessageOptions) => void;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
click: (...args: any[]) => void;
close: (...args: any[]) => void;
}, import('vue').PublicProps, {
duration: number;
top: string | number;
content: string;
}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<import('..').MessageProps> & Readonly<{
onClick?: ((...args: any[]) => any) | undefined;
onClose?: ((...args: any[]) => any) | undefined;
}>, {
open: (message: string | import('..').MessageOptions) => void;
info: (message: string | import('..').MessageOptions) => void;
success: (message: string | import('..').MessageOptions) => void;
error: (message: string | import('..').MessageOptions) => void;
warning: (message: string | import('..').MessageOptions) => void;
loading: (message: string | import('..').MessageOptions) => void;
}, {}, {}, {}, {
duration: number;
top: string | number;
content: string;
}> | null;
}, HTMLDivElement, import('vue').ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<import('./Upload').Props> & Readonly<{
onChange?: ((...args: any[]) => any) | undefined;
onDrop?: ((...args: any[]) => any) | undefined;
onPreview?: ((...args: any[]) => any) | undefined;
"onUpdate:fileList"?: ((...args: any[]) => any) | undefined;
onRemove?: ((...args: any[]) => any) | undefined;
}>, {
info: (content: string) => void;
success: (content: string) => void;
error: (content: string) => void;
warning: (content: string) => void;
loading: (content: string) => void;
}, {}, {}, {}, {
disabled: boolean;
multiple: boolean;
tip: string;
spinProps: object;
fit: "contain" | "fill" | "cover" | "none" | "scale-down";
spaceProps: object;
draggable: boolean;
accept: string;
maxCount: number;
imageProps: object;
messageProps: object;
actionMessage: import('./Upload').MessageType;
beforeUpload: Function;
uploadMode: "base64" | "custom";
customRequest: Function;
fileList: import('./Upload').FileType[];
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & import('vue').ComponentOptionsBase<Readonly<import('./Upload').Props> & Readonly<{
onChange?: ((...args: any[]) => any) | undefined;
onDrop?: ((...args: any[]) => any) | undefined;
onPreview?: ((...args: any[]) => any) | undefined;
"onUpdate:fileList"?: ((...args: any[]) => any) | undefined;
onRemove?: ((...args: any[]) => any) | undefined;
}>, {
info: (content: string) => void;
success: (content: string) => void;
error: (content: string) => void;
warning: (content: string) => void;
loading: (content: string) => void;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
change: (...args: any[]) => void;
drop: (...args: any[]) => void;
preview: (...args: any[]) => void;
"update:fileList": (...args: any[]) => void;
remove: (...args: any[]) => void;
}, string, {
disabled: boolean;
multiple: boolean;
tip: string;
spinProps: object;
fit: "contain" | "fill" | "cover" | "none" | "scale-down";
spaceProps: object;
draggable: boolean;
accept: string;
maxCount: number;
imageProps: object;
messageProps: object;
actionMessage: import('./Upload').MessageType;
beforeUpload: Function;
uploadMode: "base64" | "custom";
customRequest: Function;
fileList: import('./Upload').FileType[];
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
$slots: {
tip?(_: {}): any;
};
}) & import('vue').Plugin;
export default _default;