jnf-ui
Version:
基于 vue3+ ts+ Element-plus 二次封装组件
533 lines (532 loc) • 21.6 kB
TypeScript
declare const JnTable: ({
new (...args: any[]): {
$: import("vue").ComponentInternalInstance;
$data: {};
$props: Partial<{
tableData: any[];
tableConfig: Record<string, any>;
columns: any[];
loading: boolean;
showPagination: boolean;
paginationConfig: Record<string, any>;
queryParams: Record<string, any>;
isSort: boolean;
cacheKey: string;
showToolbar: boolean;
paginationFloat: string;
}> & Omit<Readonly<import("vue").ExtractPropTypes<{
tableData: {
type: import("vue").PropType<any[]>;
default: () => never[];
};
xlsx: {
required: false;
type: FunctionConstructor;
};
tableConfig: {
type: ObjectConstructor;
default: () => void;
};
columns: {
type: import("vue").PropType<any[]>;
default: () => any;
};
loading: {
type: BooleanConstructor;
default: boolean;
};
showPagination: {
type: BooleanConstructor;
default: boolean;
};
paginationConfig: {
type: ObjectConstructor;
default: () => void;
};
queryParams: {
type: ObjectConstructor;
default: () => void;
};
isSort: {
type: BooleanConstructor;
default: boolean;
};
cacheKey: {
type: StringConstructor;
default: string;
};
showToolbar: {
type: BooleanConstructor;
default: boolean;
};
paginationFloat: {
type: StringConstructor;
default: string;
};
}>> & {
"onUpdate:paginationConfig"?: ((...args: any[]) => any) | undefined;
"onUpdate:queryParams"?: ((...args: any[]) => any) | undefined;
onChangePage?: ((...args: any[]) => any) | undefined;
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "tableData" | "tableConfig" | "columns" | "loading" | "showPagination" | "paginationConfig" | "queryParams" | "isSort" | "cacheKey" | "showToolbar" | "paginationFloat">;
$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:paginationConfig" | "update:queryParams" | "changePage", ...args: any[]) => void;
$el: any;
$options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
tableData: {
type: import("vue").PropType<any[]>;
default: () => never[];
};
xlsx: {
required: false;
type: FunctionConstructor;
};
tableConfig: {
type: ObjectConstructor;
default: () => void;
};
columns: {
type: import("vue").PropType<any[]>;
default: () => any;
};
loading: {
type: BooleanConstructor;
default: boolean;
};
showPagination: {
type: BooleanConstructor;
default: boolean;
};
paginationConfig: {
type: ObjectConstructor;
default: () => void;
};
queryParams: {
type: ObjectConstructor;
default: () => void;
};
isSort: {
type: BooleanConstructor;
default: boolean;
};
cacheKey: {
type: StringConstructor;
default: string;
};
showToolbar: {
type: BooleanConstructor;
default: boolean;
};
paginationFloat: {
type: StringConstructor;
default: string;
};
}>> & {
"onUpdate:paginationConfig"?: ((...args: any[]) => any) | undefined;
"onUpdate:queryParams"?: ((...args: any[]) => any) | undefined;
onChangePage?: ((...args: any[]) => any) | undefined;
}, {
props: any;
emit: (event: "update:paginationConfig" | "update:queryParams" | "changePage", ...args: any[]) => void;
jnTableRef: import("vue").Ref<any>;
generateStorageKey: (cacheKey: any) => string;
tableColumnConfig: import("vue").ComputedRef<any>;
setTableColumnConfig: (value: any) => void;
getTableColumnConfig: (cacheKey: any, columns: any) => any;
columnConfig: any;
tableColumn: import("vue").ComputedRef<any>;
_paginationConfig: import("vue").ComputedRef<{
currentPage: any;
total: number;
pageSize: number;
pageSizes: number[];
layout: string;
pageNum: any;
}>;
pageSizeChange: (pageSize: number) => void;
currentPageChange: (pageIndex: number) => void;
selectionList: import("vue").Ref<never[]>;
handleClickTableRow: (row: any) => void;
attrs: any;
rowClass: ({ row }: {
row: any;
}) => "" | "row-highlight";
selectionChange: (selection: any) => void;
commandMenu: (item: any) => void;
handleSortChange: ({ prop, order }: {
prop: any;
order: any;
}) => void;
typeIndex: (index: number) => number;
RenderCol: import("vue").DefineComponent<{
row: ObjectConstructor;
render: FunctionConstructor;
index: NumberConstructor;
column: {
type: ObjectConstructor;
default: null;
};
}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
row: ObjectConstructor;
render: FunctionConstructor;
index: NumberConstructor;
column: {
type: ObjectConstructor;
default: null;
};
}>>, {
column: Record<string, any>;
}>;
MultistageColumn: import("vue").DefineComponent<{
column: {
type: ObjectConstructor;
required: true;
};
}, {
props: any;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
column: {
type: ObjectConstructor;
required: true;
};
}>>, {}>;
Pagination: import("vue").DefineComponent<{
pageConfig: {
type: ObjectConstructor;
default: () => {};
};
}, {
props: any;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
pageConfig: {
type: ObjectConstructor;
default: () => {};
};
}>>, {
pageConfig: Record<string, any>;
}>;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:paginationConfig" | "update:queryParams" | "changePage")[], string, {
tableData: any[];
tableConfig: Record<string, any>;
columns: any[];
loading: boolean;
showPagination: boolean;
paginationConfig: Record<string, any>;
queryParams: Record<string, any>;
isSort: boolean;
cacheKey: string;
showToolbar: boolean;
paginationFloat: string;
}, {}, 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<{
tableData: {
type: import("vue").PropType<any[]>;
default: () => never[];
};
xlsx: {
required: false;
type: FunctionConstructor;
};
tableConfig: {
type: ObjectConstructor;
default: () => void;
};
columns: {
type: import("vue").PropType<any[]>;
default: () => any;
};
loading: {
type: BooleanConstructor;
default: boolean;
};
showPagination: {
type: BooleanConstructor;
default: boolean;
};
paginationConfig: {
type: ObjectConstructor;
default: () => void;
};
queryParams: {
type: ObjectConstructor;
default: () => void;
};
isSort: {
type: BooleanConstructor;
default: boolean;
};
cacheKey: {
type: StringConstructor;
default: string;
};
showToolbar: {
type: BooleanConstructor;
default: boolean;
};
paginationFloat: {
type: StringConstructor;
default: string;
};
}>> & {
"onUpdate:paginationConfig"?: ((...args: any[]) => any) | undefined;
"onUpdate:queryParams"?: ((...args: any[]) => any) | undefined;
onChangePage?: ((...args: any[]) => any) | undefined;
} & import("vue").ShallowUnwrapRef<{
props: any;
emit: (event: "update:paginationConfig" | "update:queryParams" | "changePage", ...args: any[]) => void;
jnTableRef: import("vue").Ref<any>;
generateStorageKey: (cacheKey: any) => string;
tableColumnConfig: import("vue").ComputedRef<any>;
setTableColumnConfig: (value: any) => void;
getTableColumnConfig: (cacheKey: any, columns: any) => any;
columnConfig: any;
tableColumn: import("vue").ComputedRef<any>;
_paginationConfig: import("vue").ComputedRef<{
currentPage: any;
total: number;
pageSize: number;
pageSizes: number[];
layout: string;
pageNum: any;
}>;
pageSizeChange: (pageSize: number) => void;
currentPageChange: (pageIndex: number) => void;
selectionList: import("vue").Ref<never[]>;
handleClickTableRow: (row: any) => void;
attrs: any;
rowClass: ({ row }: {
row: any;
}) => "" | "row-highlight";
selectionChange: (selection: any) => void;
commandMenu: (item: any) => void;
handleSortChange: ({ prop, order }: {
prop: any;
order: any;
}) => void;
typeIndex: (index: number) => number;
RenderCol: import("vue").DefineComponent<{
row: ObjectConstructor;
render: FunctionConstructor;
index: NumberConstructor;
column: {
type: ObjectConstructor;
default: null;
};
}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
row: ObjectConstructor;
render: FunctionConstructor;
index: NumberConstructor;
column: {
type: ObjectConstructor;
default: null;
};
}>>, {
column: Record<string, any>;
}>;
MultistageColumn: import("vue").DefineComponent<{
column: {
type: ObjectConstructor;
required: true;
};
}, {
props: any;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
column: {
type: ObjectConstructor;
required: true;
};
}>>, {}>;
Pagination: import("vue").DefineComponent<{
pageConfig: {
type: ObjectConstructor;
default: () => {};
};
}, {
props: any;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
pageConfig: {
type: ObjectConstructor;
default: () => {};
};
}>>, {
pageConfig: Record<string, any>;
}>;
}> & {} & import("vue").ComponentCustomProperties & {};
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
tableData: {
type: import("vue").PropType<any[]>;
default: () => never[];
};
xlsx: {
required: false;
type: FunctionConstructor;
};
tableConfig: {
type: ObjectConstructor;
default: () => void;
};
columns: {
type: import("vue").PropType<any[]>;
default: () => any;
};
loading: {
type: BooleanConstructor;
default: boolean;
};
showPagination: {
type: BooleanConstructor;
default: boolean;
};
paginationConfig: {
type: ObjectConstructor;
default: () => void;
};
queryParams: {
type: ObjectConstructor;
default: () => void;
};
isSort: {
type: BooleanConstructor;
default: boolean;
};
cacheKey: {
type: StringConstructor;
default: string;
};
showToolbar: {
type: BooleanConstructor;
default: boolean;
};
paginationFloat: {
type: StringConstructor;
default: string;
};
}>> & {
"onUpdate:paginationConfig"?: ((...args: any[]) => any) | undefined;
"onUpdate:queryParams"?: ((...args: any[]) => any) | undefined;
onChangePage?: ((...args: any[]) => any) | undefined;
}, {
props: any;
emit: (event: "update:paginationConfig" | "update:queryParams" | "changePage", ...args: any[]) => void;
jnTableRef: import("vue").Ref<any>;
generateStorageKey: (cacheKey: any) => string;
tableColumnConfig: import("vue").ComputedRef<any>;
setTableColumnConfig: (value: any) => void;
getTableColumnConfig: (cacheKey: any, columns: any) => any;
columnConfig: any;
tableColumn: import("vue").ComputedRef<any>;
_paginationConfig: import("vue").ComputedRef<{
currentPage: any;
total: number;
pageSize: number;
pageSizes: number[];
layout: string;
pageNum: any;
}>;
pageSizeChange: (pageSize: number) => void;
currentPageChange: (pageIndex: number) => void;
selectionList: import("vue").Ref<never[]>;
handleClickTableRow: (row: any) => void;
attrs: any;
rowClass: ({ row }: {
row: any;
}) => "" | "row-highlight";
selectionChange: (selection: any) => void;
commandMenu: (item: any) => void;
handleSortChange: ({ prop, order }: {
prop: any;
order: any;
}) => void;
typeIndex: (index: number) => number;
RenderCol: import("vue").DefineComponent<{
row: ObjectConstructor;
render: FunctionConstructor;
index: NumberConstructor;
column: {
type: ObjectConstructor;
default: null;
};
}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
row: ObjectConstructor;
render: FunctionConstructor;
index: NumberConstructor;
column: {
type: ObjectConstructor;
default: null;
};
}>>, {
column: Record<string, any>;
}>;
MultistageColumn: import("vue").DefineComponent<{
column: {
type: ObjectConstructor;
required: true;
};
}, {
props: any;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
column: {
type: ObjectConstructor;
required: true;
};
}>>, {}>;
Pagination: import("vue").DefineComponent<{
pageConfig: {
type: ObjectConstructor;
default: () => {};
};
}, {
props: any;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
pageConfig: {
type: ObjectConstructor;
default: () => {};
};
}>>, {
pageConfig: Record<string, any>;
}>;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:paginationConfig" | "update:queryParams" | "changePage")[], "update:paginationConfig" | "update:queryParams" | "changePage", {
tableData: any[];
tableConfig: Record<string, any>;
columns: any[];
loading: boolean;
showPagination: boolean;
paginationConfig: Record<string, any>;
queryParams: Record<string, any>;
isSort: boolean;
cacheKey: string;
showToolbar: boolean;
paginationFloat: string;
}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin) & Record<string, any>;
export default JnTable;