jnf-ui
Version:
基于 vue3+ ts+ Element-plus 二次封装组件
400 lines (399 loc) • 15.5 kB
TypeScript
declare const JnFileUpload: ({
new (...args: any[]): {
$: import("vue").ComponentInternalInstance;
$data: {};
$props: Partial<{
modelValue: unknown[];
disabled: boolean;
limit: number;
fileSize: number;
fileType: unknown[];
isShowTip: boolean;
btnName: string;
isId: boolean;
fileColumns: unknown[];
}> & Omit<Readonly<import("vue").ExtractPropTypes<{
modelValue: {
type: ArrayConstructor;
default: () => never[];
};
limit: {
type: NumberConstructor;
default: number;
};
fileSize: {
type: NumberConstructor;
default: number;
};
fileType: {
type: ArrayConstructor;
default: () => string[];
};
isShowTip: {
type: BooleanConstructor;
default: boolean;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
btnName: {
type: StringConstructor;
default: string;
};
isId: {
type: BooleanConstructor;
default: boolean;
};
fileColumns: {
type: ArrayConstructor;
default: () => ({
prop: string;
label: string;
minWidth: number;
slotName?: undefined;
align?: undefined;
showOverflowTooltip?: undefined;
fixed?: undefined;
} | {
prop: string;
label: string;
minWidth?: undefined;
slotName?: undefined;
align?: undefined;
showOverflowTooltip?: undefined;
fixed?: undefined;
} | {
prop: string;
slotName: string;
label: string;
align: string;
showOverflowTooltip: boolean;
fixed: string;
minWidth: number;
})[];
};
}>> & {
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
onCallBack?: ((...args: any[]) => any) | undefined;
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "modelValue" | "disabled" | "limit" | "fileSize" | "fileType" | "isShowTip" | "btnName" | "isId" | "fileColumns">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
};
$slots: Readonly<{
[name: string]: import("vue").Slot | undefined;
}>;
$root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
$parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
$emit: (event: "update:modelValue" | "callBack", ...args: any[]) => void;
$el: any;
$options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
modelValue: {
type: ArrayConstructor;
default: () => never[];
};
limit: {
type: NumberConstructor;
default: number;
};
fileSize: {
type: NumberConstructor;
default: number;
};
fileType: {
type: ArrayConstructor;
default: () => string[];
};
isShowTip: {
type: BooleanConstructor;
default: boolean;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
btnName: {
type: StringConstructor;
default: string;
};
isId: {
type: BooleanConstructor;
default: boolean;
};
fileColumns: {
type: ArrayConstructor;
default: () => ({
prop: string;
label: string;
minWidth: number;
slotName?: undefined;
align?: undefined;
showOverflowTooltip?: undefined;
fixed?: undefined;
} | {
prop: string;
label: string;
minWidth?: undefined;
slotName?: undefined;
align?: undefined;
showOverflowTooltip?: undefined;
fixed?: undefined;
} | {
prop: string;
slotName: string;
label: string;
align: string;
showOverflowTooltip: boolean;
fixed: string;
minWidth: number;
})[];
};
}>> & {
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
onCallBack?: ((...args: any[]) => any) | undefined;
}, {
props: any;
fileUpload: import("vue").Ref<any>;
PreviewRef: import("vue").Ref<any>;
emit: (event: "update:modelValue" | "callBack", ...args: any[]) => void;
number: import("vue").Ref<number>;
uploadList: any;
uploadFileUrl: import("vue").Ref<string>;
fileList: any;
showTip: import("vue").ComputedRef<false | unknown[]>;
loadingInstance: any;
loading: (content: any) => void;
closeLoading: () => void;
handleBeforeUpload: (file: any) => boolean;
handleExceed: () => void;
handleUploadError: (err: any) => void;
handleUploadSuccess: (res: any, file: any) => void;
downloadFile: (url: any, fileName: any) => void;
handlePreview: (row: any) => void;
handleDelete: (index: any, scope: any) => void;
uploadedSuccessfully: () => void;
getFileName: (name: any) => any;
listToString: (list: any, separator: any) => string;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "callBack")[], string, {
modelValue: unknown[];
disabled: boolean;
limit: number;
fileSize: number;
fileType: unknown[];
isShowTip: boolean;
btnName: string;
isId: boolean;
fileColumns: unknown[];
}, {}, string> & {
beforeCreate?: ((() => void) | (() => void)[]) | undefined;
created?: ((() => void) | (() => void)[]) | undefined;
beforeMount?: ((() => void) | (() => void)[]) | undefined;
mounted?: ((() => void) | (() => void)[]) | undefined;
beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
updated?: ((() => void) | (() => void)[]) | undefined;
activated?: ((() => void) | (() => void)[]) | undefined;
deactivated?: ((() => void) | (() => void)[]) | undefined;
beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
destroyed?: ((() => void) | (() => void)[]) | undefined;
unmounted?: ((() => void) | (() => void)[]) | undefined;
renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void)[]) | undefined;
};
$forceUpdate: () => void;
$nextTick: typeof import("vue").nextTick;
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
} & Readonly<import("vue").ExtractPropTypes<{
modelValue: {
type: ArrayConstructor;
default: () => never[];
};
limit: {
type: NumberConstructor;
default: number;
};
fileSize: {
type: NumberConstructor;
default: number;
};
fileType: {
type: ArrayConstructor;
default: () => string[];
};
isShowTip: {
type: BooleanConstructor;
default: boolean;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
btnName: {
type: StringConstructor;
default: string;
};
isId: {
type: BooleanConstructor;
default: boolean;
};
fileColumns: {
type: ArrayConstructor;
default: () => ({
prop: string;
label: string;
minWidth: number;
slotName?: undefined;
align?: undefined;
showOverflowTooltip?: undefined;
fixed?: undefined;
} | {
prop: string;
label: string;
minWidth?: undefined;
slotName?: undefined;
align?: undefined;
showOverflowTooltip?: undefined;
fixed?: undefined;
} | {
prop: string;
slotName: string;
label: string;
align: string;
showOverflowTooltip: boolean;
fixed: string;
minWidth: number;
})[];
};
}>> & {
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
onCallBack?: ((...args: any[]) => any) | undefined;
} & import("vue").ShallowUnwrapRef<{
props: any;
fileUpload: import("vue").Ref<any>;
PreviewRef: import("vue").Ref<any>;
emit: (event: "update:modelValue" | "callBack", ...args: any[]) => void;
number: import("vue").Ref<number>;
uploadList: any;
uploadFileUrl: import("vue").Ref<string>;
fileList: any;
showTip: import("vue").ComputedRef<false | unknown[]>;
loadingInstance: any;
loading: (content: any) => void;
closeLoading: () => void;
handleBeforeUpload: (file: any) => boolean;
handleExceed: () => void;
handleUploadError: (err: any) => void;
handleUploadSuccess: (res: any, file: any) => void;
downloadFile: (url: any, fileName: any) => void;
handlePreview: (row: any) => void;
handleDelete: (index: any, scope: any) => void;
uploadedSuccessfully: () => void;
getFileName: (name: any) => any;
listToString: (list: any, separator: any) => string;
}> & {} & import("vue").ComponentCustomProperties & {};
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
modelValue: {
type: ArrayConstructor;
default: () => never[];
};
limit: {
type: NumberConstructor;
default: number;
};
fileSize: {
type: NumberConstructor;
default: number;
};
fileType: {
type: ArrayConstructor;
default: () => string[];
};
isShowTip: {
type: BooleanConstructor;
default: boolean;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
btnName: {
type: StringConstructor;
default: string;
};
isId: {
type: BooleanConstructor;
default: boolean;
};
fileColumns: {
type: ArrayConstructor;
default: () => ({
prop: string;
label: string;
minWidth: number;
slotName?: undefined;
align?: undefined;
showOverflowTooltip?: undefined;
fixed?: undefined;
} | {
prop: string;
label: string;
minWidth?: undefined;
slotName?: undefined;
align?: undefined;
showOverflowTooltip?: undefined;
fixed?: undefined;
} | {
prop: string;
slotName: string;
label: string;
align: string;
showOverflowTooltip: boolean;
fixed: string;
minWidth: number;
})[];
};
}>> & {
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
onCallBack?: ((...args: any[]) => any) | undefined;
}, {
props: any;
fileUpload: import("vue").Ref<any>;
PreviewRef: import("vue").Ref<any>;
emit: (event: "update:modelValue" | "callBack", ...args: any[]) => void;
number: import("vue").Ref<number>;
uploadList: any;
uploadFileUrl: import("vue").Ref<string>;
fileList: any;
showTip: import("vue").ComputedRef<false | unknown[]>;
loadingInstance: any;
loading: (content: any) => void;
closeLoading: () => void;
handleBeforeUpload: (file: any) => boolean;
handleExceed: () => void;
handleUploadError: (err: any) => void;
handleUploadSuccess: (res: any, file: any) => void;
downloadFile: (url: any, fileName: any) => void;
handlePreview: (row: any) => void;
handleDelete: (index: any, scope: any) => void;
uploadedSuccessfully: () => void;
getFileName: (name: any) => any;
listToString: (list: any, separator: any) => string;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "callBack")[], "update:modelValue" | "callBack", {
modelValue: unknown[];
disabled: boolean;
limit: number;
fileSize: number;
fileType: unknown[];
isShowTip: boolean;
btnName: string;
isId: boolean;
fileColumns: unknown[];
}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin) & Record<string, any>;
export default JnFileUpload;