@tuoyuan/web-plus-dev
Version:
基于arco-design的配置化表格表单组件
695 lines (694 loc) • 49.1 kB
TypeScript
import { nextTick } from "vue";
import { Column, Option } from "../form/type.js";
declare const pageModel: any;
type __VLS_PublicProps = {
modelValue?: any;
"selected"?: any;
"page"?: typeof pageModel['value'];
};
declare var __VLS_inheritedAttrs: {};
declare const __VLS_templateResult: {
slots: Readonly<Record<string, any>> & Record<string, any>;
refs: {
tablePlusRef: import("vue").HTMLAttributes & import("vue").ReservedProps;
searchFormRef: ({
$: import("vue").ComponentInternalInstance;
$data: {};
$props: {
readonly modelValue?: any;
readonly menuRight?: boolean | undefined;
readonly option: Option;
readonly onReset?: ((...args: any[]) => any) | undefined;
readonly onSubmit?: ((...args: any[]) => any) | undefined;
readonly "onForm-change"?: ((...args: any[]) => any) | undefined;
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<{
modelValue?: any;
} & {
menuRight?: boolean;
option: Option;
} & {
onReset?: ((...args: any[]) => any) | undefined;
onSubmit?: ((...args: any[]) => any) | undefined;
"onForm-change"?: ((...args: any[]) => any) | undefined;
}>;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
};
$slots: Readonly<{
[name: string]: import("vue").Slot<any> | undefined;
}>;
$root: import("vue").ComponentPublicInstance | null;
$parent: import("vue").ComponentPublicInstance | null;
$host: Element | null;
$emit: ((event: "reset", ...args: any[]) => void) & ((event: "submit", ...args: any[]) => void) & ((event: "form-change", ...args: any[]) => void);
$el: any;
$options: import("vue").ComponentOptionsBase<Readonly<{
modelValue?: any;
} & {
menuRight?: boolean;
option: Option;
} & {
onReset?: ((...args: any[]) => any) | undefined;
onSubmit?: ((...args: any[]) => any) | undefined;
"onForm-change"?: ((...args: any[]) => any) | undefined;
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
reset: (...args: any[]) => void;
submit: (...args: any[]) => void;
"form-change": (...args: any[]) => void;
}, string, {
menuRight: 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 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<{
menuRight: boolean;
}> & Omit<Readonly<{
modelValue?: any;
} & {
menuRight?: boolean;
option: Option;
} & {
onReset?: ((...args: any[]) => any) | undefined;
onSubmit?: ((...args: any[]) => any) | undefined;
"onForm-change"?: ((...args: any[]) => any) | undefined;
}>, "menuRight"> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {} & {
$slots: Partial<Record<string, (_: {}) => any>> & Partial<Record<string, (_: {}) => any>> & Partial<Record<string, (_: {}) => any>> & Partial<Record<string, (_: {
item: Column;
size: "mini" | "small" | "medium" | "large" | undefined;
}) => any>> & Partial<Record<string, (_: {
label: string | undefined;
record: Option;
}) => any>> & Partial<Record<string, (_: {}) => any>> & Partial<Record<string, (_: {}) => any>> & Partial<Record<string, (_: {}) => any>> & Partial<Record<string, (_: {
item: Column;
size: "mini" | "small" | "medium" | "large" | undefined;
}) => any>> & {
menu?(_: {
size: "mini" | "small" | "medium" | "large" | undefined;
loading: boolean;
}): any;
menu?(_: {
size: "mini" | "small" | "medium" | "large" | undefined;
loading: boolean;
}): any;
menuLeft?(_: {
size: "mini" | "small" | "medium" | "large" | undefined;
loading: boolean;
}): any;
menuLeft?(_: {
size: "mini" | "small" | "medium" | "large" | undefined;
loading: boolean;
}): any;
suffix?(_: {
loading: boolean;
}): any;
suffix?(_: {
loading: boolean;
}): any;
menuright?(_: {
size: "mini" | "small" | "medium" | "large" | undefined;
loading: boolean;
}): any;
menuright?(_: {
size: "mini" | "small" | "medium" | "large" | undefined;
loading: boolean;
}): any;
};
}) | null;
tableRefDom: import("vue").HTMLAttributes & import("vue").ReservedProps;
TableRef: ({
$: import("vue").ComponentInternalInstance;
$data: {};
$props: Partial<{
size: "mini" | "medium" | "large" | "small";
scrollbar: boolean | import("@arco-design/web-vue").ScrollbarProps;
data: import("@arco-design/web-vue").TableData[];
loading: boolean | Record<string, any>;
bordered: boolean | import("@arco-design/web-vue").TableBorder;
columns: import("@arco-design/web-vue").TableColumnData[];
hoverable: boolean;
pagination: boolean | import("@arco-design/web-vue").PaginationProps;
stripe: boolean;
tableLayoutFixed: boolean;
pagePosition: "top" | "tl" | "tr" | "bottom" | "bl" | "br";
indentSize: number;
rowKey: string;
showHeader: boolean;
spanAll: boolean;
filterIconAlignLeft: boolean;
hideExpandButtonOnEmpty: boolean;
columnResizable: boolean;
summaryText: string;
defaultExpandAllRows: boolean;
stickyHeader: number | boolean;
showEmptyTree: boolean;
}> & Omit<Readonly<{
columns?: unknown;
data?: unknown;
bordered?: unknown;
hoverable?: unknown;
stripe?: unknown;
size?: unknown;
tableLayoutFixed?: unknown;
loading?: unknown;
rowSelection?: unknown;
expandable?: unknown;
scroll?: unknown;
pagination?: unknown;
pagePosition?: unknown;
indentSize?: unknown;
rowKey?: unknown;
showHeader?: unknown;
virtualListProps?: unknown;
spanMethod?: unknown;
spanAll?: unknown;
components?: unknown;
loadMore?: unknown;
filterIconAlignLeft?: unknown;
hideExpandButtonOnEmpty?: unknown;
rowClass?: unknown;
draggable?: unknown;
rowNumber?: unknown;
columnResizable?: unknown;
summary?: unknown;
summaryText?: unknown;
summarySpanMethod?: unknown;
selectedKeys?: unknown;
defaultSelectedKeys?: unknown;
expandedKeys?: unknown;
defaultExpandedKeys?: unknown;
defaultExpandAllRows?: unknown;
stickyHeader?: unknown;
scrollbar?: unknown;
showEmptyTree?: unknown;
} & {
size: "mini" | "medium" | "large" | "small";
scrollbar: boolean | import("@arco-design/web-vue").ScrollbarProps;
data: import("@arco-design/web-vue").TableData[];
loading: boolean | Record<string, any>;
bordered: boolean | import("@arco-design/web-vue").TableBorder;
columns: import("@arco-design/web-vue").TableColumnData[];
hoverable: boolean;
pagination: boolean | import("@arco-design/web-vue").PaginationProps;
stripe: boolean;
tableLayoutFixed: boolean;
pagePosition: "top" | "tl" | "tr" | "bottom" | "bl" | "br";
indentSize: number;
rowKey: string;
showHeader: boolean;
spanAll: boolean;
filterIconAlignLeft: boolean;
hideExpandButtonOnEmpty: boolean;
columnResizable: boolean;
summaryText: string;
defaultExpandAllRows: boolean;
stickyHeader: number | boolean;
showEmptyTree: boolean;
} & {
scroll?: {
x?: string | number | undefined;
y?: string | number | undefined;
minWidth?: string | number | undefined;
maxHeight?: string | number | undefined;
} | undefined;
summary?: boolean | ((params: {
columns: import("@arco-design/web-vue/es/table/interface.js").TableColumnData[];
data: import("@arco-design/web-vue/es/table/interface.js").TableData[];
}) => import("@arco-design/web-vue/es/table/interface.js").TableData[]) | undefined;
virtualListProps?: import("@arco-design/web-vue/es/_components/virtual-list-v2/interface.js").VirtualListProps | undefined;
rowSelection?: import("@arco-design/web-vue").TableRowSelection | undefined;
expandable?: import("@arco-design/web-vue").TableExpandable | undefined;
spanMethod?: ((data: {
record: import("@arco-design/web-vue/es/table/interface.js").TableData;
column: import("@arco-design/web-vue/es/table/interface.js").TableColumnData | import("@arco-design/web-vue/es/table/interface.js").TableOperationColumn;
rowIndex: number;
columnIndex: number;
}) => void | {
rowspan?: number | undefined;
colspan?: number | undefined;
}) | undefined;
components?: import("@arco-design/web-vue/es/table/interface.js").TableComponents | undefined;
loadMore?: ((record: import("@arco-design/web-vue/es/table/interface.js").TableData, done: (children?: import("@arco-design/web-vue/es/table/interface.js").TableData[] | undefined) => void) => void) | undefined;
rowClass?: string | any[] | Record<string, any> | ((record: import("@arco-design/web-vue/es/table/interface.js").TableData, rowIndex: number) => any) | undefined;
draggable?: import("@arco-design/web-vue").TableDraggable | undefined;
rowNumber?: boolean | Record<string, any> | undefined;
summarySpanMethod?: ((data: {
record: import("@arco-design/web-vue/es/table/interface.js").TableData;
column: import("@arco-design/web-vue/es/table/interface.js").TableColumnData | import("@arco-design/web-vue/es/table/interface.js").TableOperationColumn;
rowIndex: number;
columnIndex: number;
}) => void | {
rowspan?: number | undefined;
colspan?: number | undefined;
}) | undefined;
selectedKeys?: (string | number)[] | undefined;
defaultSelectedKeys?: (string | number)[] | undefined;
expandedKeys?: (string | number)[] | undefined;
defaultExpandedKeys?: (string | number)[] | undefined;
}> & {
onChange?: ((data: import("@arco-design/web-vue/es/table/interface.js").TableData[], extra: import("@arco-design/web-vue/es/table/interface.js").TableChangeExtra, currentData: import("@arco-design/web-vue/es/table/interface.js").TableData[]) => any) | undefined;
onSelect?: ((rowKeys: (string | number)[], rowKey: string | number, record: import("@arco-design/web-vue/es/table/interface.js").TableData) => any) | undefined;
onPageChange?: ((page: number) => any) | undefined;
onPageSizeChange?: ((pageSize: number) => any) | undefined;
onExpand?: ((rowKey: string | number, record: import("@arco-design/web-vue/es/table/interface.js").TableData) => any) | undefined;
"onUpdate:selectedKeys"?: ((rowKeys: (string | number)[]) => any) | undefined;
"onUpdate:expandedKeys"?: ((rowKeys: (string | number)[]) => any) | undefined;
onExpandedChange?: ((rowKeys: (string | number)[]) => any) | undefined;
onSelectAll?: ((checked: boolean) => any) | undefined;
onSelectionChange?: ((rowKeys: (string | number)[]) => any) | undefined;
onSorterChange?: ((dataIndex: string, direction: string) => any) | undefined;
onFilterChange?: ((dataIndex: string, filteredValues: string[]) => any) | undefined;
onCellMouseEnter?: ((record: import("@arco-design/web-vue/es/table/interface.js").TableData, column: import("@arco-design/web-vue/es/table/interface.js").TableColumnData, ev: Event) => any) | undefined;
onCellMouseLeave?: ((record: import("@arco-design/web-vue/es/table/interface.js").TableData, column: import("@arco-design/web-vue/es/table/interface.js").TableColumnData, ev: Event) => any) | undefined;
onCellClick?: ((record: import("@arco-design/web-vue/es/table/interface.js").TableData, column: import("@arco-design/web-vue/es/table/interface.js").TableColumnData, ev: Event) => any) | undefined;
onRowClick?: ((record: import("@arco-design/web-vue/es/table/interface.js").TableData, ev: Event) => any) | undefined;
onHeaderClick?: ((column: import("@arco-design/web-vue/es/table/interface.js").TableColumnData, ev: Event) => any) | undefined;
onColumnResize?: ((dataIndex: string, width: number) => any) | undefined;
onRowDblclick?: ((record: import("@arco-design/web-vue/es/table/interface.js").TableData, ev: Event) => any) | undefined;
onCellDblclick?: ((record: import("@arco-design/web-vue/es/table/interface.js").TableData, column: import("@arco-design/web-vue/es/table/interface.js").TableColumnData, ev: Event) => any) | undefined;
onRowContextmenu?: ((record: import("@arco-design/web-vue/es/table/interface.js").TableData, ev: Event) => any) | undefined;
onCellContextmenu?: ((record: import("@arco-design/web-vue/es/table/interface.js").TableData, column: import("@arco-design/web-vue/es/table/interface.js").TableColumnData, ev: Event) => any) | undefined;
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "size" | "scrollbar" | "data" | "loading" | "bordered" | "columns" | "hoverable" | "pagination" | "stripe" | "tableLayoutFixed" | "pagePosition" | "indentSize" | "rowKey" | "showHeader" | "spanAll" | "filterIconAlignLeft" | "hideExpandButtonOnEmpty" | "columnResizable" | "summaryText" | "defaultExpandAllRows" | "stickyHeader" | "showEmptyTree">;
$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, {}>> | null;
$parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
$emit: ((event: "select", rowKeys: (string | number)[], rowKey: string | number, record: import("@arco-design/web-vue").TableData) => void) & ((event: "change", data: import("@arco-design/web-vue").TableData[], extra: import("@arco-design/web-vue").TableChangeExtra, currentData: import("@arco-design/web-vue").TableData[]) => void) & ((event: "pageChange", page: number) => void) & ((event: "pageSizeChange", pageSize: number) => void) & ((event: "expand", rowKey: string | number, record: import("@arco-design/web-vue").TableData) => void) & ((event: "update:selectedKeys", rowKeys: (string | number)[]) => void) & ((event: "update:expandedKeys", rowKeys: (string | number)[]) => void) & ((event: "expandedChange", rowKeys: (string | number)[]) => void) & ((event: "selectAll", checked: boolean) => void) & ((event: "selectionChange", rowKeys: (string | number)[]) => void) & ((event: "sorterChange", dataIndex: string, direction: string) => void) & ((event: "filterChange", dataIndex: string, filteredValues: string[]) => void) & ((event: "cellMouseEnter", record: import("@arco-design/web-vue").TableData, column: import("@arco-design/web-vue").TableColumnData, ev: Event) => void) & ((event: "cellMouseLeave", record: import("@arco-design/web-vue").TableData, column: import("@arco-design/web-vue").TableColumnData, ev: Event) => void) & ((event: "cellClick", record: import("@arco-design/web-vue").TableData, column: import("@arco-design/web-vue").TableColumnData, ev: Event) => void) & ((event: "rowClick", record: import("@arco-design/web-vue").TableData, ev: Event) => void) & ((event: "headerClick", column: import("@arco-design/web-vue").TableColumnData, ev: Event) => void) & ((event: "columnResize", dataIndex: string, width: number) => void) & ((event: "rowDblclick", record: import("@arco-design/web-vue").TableData, ev: Event) => void) & ((event: "cellDblclick", record: import("@arco-design/web-vue").TableData, column: import("@arco-design/web-vue").TableColumnData, ev: Event) => void) & ((event: "rowContextmenu", record: import("@arco-design/web-vue").TableData, ev: Event) => void) & ((event: "cellContextmenu", record: import("@arco-design/web-vue").TableData, column: import("@arco-design/web-vue").TableColumnData, ev: Event) => void);
$el: any;
$options: import("vue").ComponentOptionsBase<Readonly<{
columns?: unknown;
data?: unknown;
bordered?: unknown;
hoverable?: unknown;
stripe?: unknown;
size?: unknown;
tableLayoutFixed?: unknown;
loading?: unknown;
rowSelection?: unknown;
expandable?: unknown;
scroll?: unknown;
pagination?: unknown;
pagePosition?: unknown;
indentSize?: unknown;
rowKey?: unknown;
showHeader?: unknown;
virtualListProps?: unknown;
spanMethod?: unknown;
spanAll?: unknown;
components?: unknown;
loadMore?: unknown;
filterIconAlignLeft?: unknown;
hideExpandButtonOnEmpty?: unknown;
rowClass?: unknown;
draggable?: unknown;
rowNumber?: unknown;
columnResizable?: unknown;
summary?: unknown;
summaryText?: unknown;
summarySpanMethod?: unknown;
selectedKeys?: unknown;
defaultSelectedKeys?: unknown;
expandedKeys?: unknown;
defaultExpandedKeys?: unknown;
defaultExpandAllRows?: unknown;
stickyHeader?: unknown;
scrollbar?: unknown;
showEmptyTree?: unknown;
} & {
size: "mini" | "medium" | "large" | "small";
scrollbar: boolean | import("@arco-design/web-vue").ScrollbarProps;
data: import("@arco-design/web-vue").TableData[];
loading: boolean | Record<string, any>;
bordered: boolean | import("@arco-design/web-vue").TableBorder;
columns: import("@arco-design/web-vue").TableColumnData[];
hoverable: boolean;
pagination: boolean | import("@arco-design/web-vue").PaginationProps;
stripe: boolean;
tableLayoutFixed: boolean;
pagePosition: "top" | "tl" | "tr" | "bottom" | "bl" | "br";
indentSize: number;
rowKey: string;
showHeader: boolean;
spanAll: boolean;
filterIconAlignLeft: boolean;
hideExpandButtonOnEmpty: boolean;
columnResizable: boolean;
summaryText: string;
defaultExpandAllRows: boolean;
stickyHeader: number | boolean;
showEmptyTree: boolean;
} & {
scroll?: {
x?: string | number | undefined;
y?: string | number | undefined;
minWidth?: string | number | undefined;
maxHeight?: string | number | undefined;
} | undefined;
summary?: boolean | ((params: {
columns: import("@arco-design/web-vue/es/table/interface.js").TableColumnData[];
data: import("@arco-design/web-vue/es/table/interface.js").TableData[];
}) => import("@arco-design/web-vue/es/table/interface.js").TableData[]) | undefined;
virtualListProps?: import("@arco-design/web-vue/es/_components/virtual-list-v2/interface.js").VirtualListProps | undefined;
rowSelection?: import("@arco-design/web-vue").TableRowSelection | undefined;
expandable?: import("@arco-design/web-vue").TableExpandable | undefined;
spanMethod?: ((data: {
record: import("@arco-design/web-vue/es/table/interface.js").TableData;
column: import("@arco-design/web-vue/es/table/interface.js").TableColumnData | import("@arco-design/web-vue/es/table/interface.js").TableOperationColumn;
rowIndex: number;
columnIndex: number;
}) => void | {
rowspan?: number | undefined;
colspan?: number | undefined;
}) | undefined;
components?: import("@arco-design/web-vue/es/table/interface.js").TableComponents | undefined;
loadMore?: ((record: import("@arco-design/web-vue/es/table/interface.js").TableData, done: (children?: import("@arco-design/web-vue/es/table/interface.js").TableData[] | undefined) => void) => void) | undefined;
rowClass?: string | any[] | Record<string, any> | ((record: import("@arco-design/web-vue/es/table/interface.js").TableData, rowIndex: number) => any) | undefined;
draggable?: import("@arco-design/web-vue").TableDraggable | undefined;
rowNumber?: boolean | Record<string, any> | undefined;
summarySpanMethod?: ((data: {
record: import("@arco-design/web-vue/es/table/interface.js").TableData;
column: import("@arco-design/web-vue/es/table/interface.js").TableColumnData | import("@arco-design/web-vue/es/table/interface.js").TableOperationColumn;
rowIndex: number;
columnIndex: number;
}) => void | {
rowspan?: number | undefined;
colspan?: number | undefined;
}) | undefined;
selectedKeys?: (string | number)[] | undefined;
defaultSelectedKeys?: (string | number)[] | undefined;
expandedKeys?: (string | number)[] | undefined;
defaultExpandedKeys?: (string | number)[] | undefined;
}> & {
onChange?: ((data: import("@arco-design/web-vue/es/table/interface.js").TableData[], extra: import("@arco-design/web-vue/es/table/interface.js").TableChangeExtra, currentData: import("@arco-design/web-vue/es/table/interface.js").TableData[]) => any) | undefined;
onSelect?: ((rowKeys: (string | number)[], rowKey: string | number, record: import("@arco-design/web-vue/es/table/interface.js").TableData) => any) | undefined;
onPageChange?: ((page: number) => any) | undefined;
onPageSizeChange?: ((pageSize: number) => any) | undefined;
onExpand?: ((rowKey: string | number, record: import("@arco-design/web-vue/es/table/interface.js").TableData) => any) | undefined;
"onUpdate:selectedKeys"?: ((rowKeys: (string | number)[]) => any) | undefined;
"onUpdate:expandedKeys"?: ((rowKeys: (string | number)[]) => any) | undefined;
onExpandedChange?: ((rowKeys: (string | number)[]) => any) | undefined;
onSelectAll?: ((checked: boolean) => any) | undefined;
onSelectionChange?: ((rowKeys: (string | number)[]) => any) | undefined;
onSorterChange?: ((dataIndex: string, direction: string) => any) | undefined;
onFilterChange?: ((dataIndex: string, filteredValues: string[]) => any) | undefined;
onCellMouseEnter?: ((record: import("@arco-design/web-vue/es/table/interface.js").TableData, column: import("@arco-design/web-vue/es/table/interface.js").TableColumnData, ev: Event) => any) | undefined;
onCellMouseLeave?: ((record: import("@arco-design/web-vue/es/table/interface.js").TableData, column: import("@arco-design/web-vue/es/table/interface.js").TableColumnData, ev: Event) => any) | undefined;
onCellClick?: ((record: import("@arco-design/web-vue/es/table/interface.js").TableData, column: import("@arco-design/web-vue/es/table/interface.js").TableColumnData, ev: Event) => any) | undefined;
onRowClick?: ((record: import("@arco-design/web-vue/es/table/interface.js").TableData, ev: Event) => any) | undefined;
onHeaderClick?: ((column: import("@arco-design/web-vue/es/table/interface.js").TableColumnData, ev: Event) => any) | undefined;
onColumnResize?: ((dataIndex: string, width: number) => any) | undefined;
onRowDblclick?: ((record: import("@arco-design/web-vue/es/table/interface.js").TableData, ev: Event) => any) | undefined;
onCellDblclick?: ((record: import("@arco-design/web-vue/es/table/interface.js").TableData, column: import("@arco-design/web-vue/es/table/interface.js").TableColumnData, ev: Event) => any) | undefined;
onRowContextmenu?: ((record: import("@arco-design/web-vue/es/table/interface.js").TableData, ev: Event) => any) | undefined;
onCellContextmenu?: ((record: import("@arco-design/web-vue/es/table/interface.js").TableData, column: import("@arco-design/web-vue/es/table/interface.js").TableColumnData, ev: Event) => any) | undefined;
}, {
render: () => JSX.Element;
selfExpand: (rowKey: import("@arco-design/web-vue/es/_utils/types.js").BaseType | import("@arco-design/web-vue/es/_utils/types.js").BaseType[], expanded?: boolean) => void;
selfExpandAll: (expanded?: boolean) => void;
selfSelect: (rowKey: import("@arco-design/web-vue/es/_utils/types.js").BaseType | import("@arco-design/web-vue/es/_utils/types.js").BaseType[], checked?: boolean) => void;
selfSelectAll: (checked?: boolean) => void;
selfResetFilters: (dataIndex?: string | string[] | undefined) => void;
selfClearFilters: (dataIndex?: string | string[] | undefined) => void;
selfResetSorters: () => void;
selfClearSorters: () => void;
}, unknown, {}, {
selectAll(checked?: boolean | undefined): void;
select(rowKey: string | number | (string | number)[], checked?: boolean | undefined): void;
expandAll(checked?: boolean | undefined): void;
expand(rowKey: string | number | (string | number)[], checked?: boolean | undefined): void;
resetFilters(dataIndex?: string | string[] | undefined): void;
clearFilters(dataIndex?: string | string[] | undefined): void;
resetSorters(): void;
clearSorters(): void;
}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
"update:selectedKeys": (rowKeys: (string | number)[]) => true;
"update:expandedKeys": (rowKeys: (string | number)[]) => true;
expand: (rowKey: string | number, record: import("@arco-design/web-vue/es/table/interface.js").TableData) => true;
expandedChange: (rowKeys: (string | number)[]) => true;
select: (rowKeys: (string | number)[], rowKey: string | number, record: import("@arco-design/web-vue/es/table/interface.js").TableData) => true;
selectAll: (checked: boolean) => true;
selectionChange: (rowKeys: (string | number)[]) => true;
sorterChange: (dataIndex: string, direction: string) => true;
filterChange: (dataIndex: string, filteredValues: string[]) => true;
pageChange: (page: number) => true;
pageSizeChange: (pageSize: number) => true;
change: (data: import("@arco-design/web-vue/es/table/interface.js").TableData[], extra: import("@arco-design/web-vue/es/table/interface.js").TableChangeExtra, currentData: import("@arco-design/web-vue/es/table/interface.js").TableData[]) => true;
cellMouseEnter: (record: import("@arco-design/web-vue/es/table/interface.js").TableData, column: import("@arco-design/web-vue/es/table/interface.js").TableColumnData, ev: Event) => true;
cellMouseLeave: (record: import("@arco-design/web-vue/es/table/interface.js").TableData, column: import("@arco-design/web-vue/es/table/interface.js").TableColumnData, ev: Event) => true;
cellClick: (record: import("@arco-design/web-vue/es/table/interface.js").TableData, column: import("@arco-design/web-vue/es/table/interface.js").TableColumnData, ev: Event) => true;
rowClick: (record: import("@arco-design/web-vue/es/table/interface.js").TableData, ev: Event) => true;
headerClick: (column: import("@arco-design/web-vue/es/table/interface.js").TableColumnData, ev: Event) => true;
columnResize: (dataIndex: string, width: number) => true;
rowDblclick: (record: import("@arco-design/web-vue/es/table/interface.js").TableData, ev: Event) => true;
cellDblclick: (record: import("@arco-design/web-vue/es/table/interface.js").TableData, column: import("@arco-design/web-vue/es/table/interface.js").TableColumnData, ev: Event) => true;
rowContextmenu: (record: import("@arco-design/web-vue/es/table/interface.js").TableData, ev: Event) => true;
cellContextmenu: (record: import("@arco-design/web-vue/es/table/interface.js").TableData, column: import("@arco-design/web-vue/es/table/interface.js").TableColumnData, ev: Event) => true;
}, string, {
size: "mini" | "medium" | "large" | "small";
scrollbar: boolean | import("@arco-design/web-vue").ScrollbarProps;
data: import("@arco-design/web-vue/es/table/interface.js").TableData[];
loading: boolean | Record<string, any>;
bordered: boolean | import("@arco-design/web-vue/es/table/interface.js").TableBorder;
columns: import("@arco-design/web-vue/es/table/interface.js").TableColumnData[];
hoverable: boolean;
pagination: boolean | import("@arco-design/web-vue").PaginationProps;
stripe: boolean;
tableLayoutFixed: boolean;
pagePosition: "top" | "tl" | "tr" | "bottom" | "bl" | "br";
indentSize: number;
rowKey: string;
showHeader: boolean;
spanAll: boolean;
filterIconAlignLeft: boolean;
hideExpandButtonOnEmpty: boolean;
columnResizable: boolean;
summaryText: string;
defaultExpandAllRows: boolean;
stickyHeader: number | boolean;
showEmptyTree: boolean;
}> & {
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, {}>> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void)[]) | undefined;
};
$forceUpdate: () => void;
$nextTick: typeof import("vue").nextTick;
$watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
} & Readonly<{
columns?: unknown;
data?: unknown;
bordered?: unknown;
hoverable?: unknown;
stripe?: unknown;
size?: unknown;
tableLayoutFixed?: unknown;
loading?: unknown;
rowSelection?: unknown;
expandable?: unknown;
scroll?: unknown;
pagination?: unknown;
pagePosition?: unknown;
indentSize?: unknown;
rowKey?: unknown;
showHeader?: unknown;
virtualListProps?: unknown;
spanMethod?: unknown;
spanAll?: unknown;
components?: unknown;
loadMore?: unknown;
filterIconAlignLeft?: unknown;
hideExpandButtonOnEmpty?: unknown;
rowClass?: unknown;
draggable?: unknown;
rowNumber?: unknown;
columnResizable?: unknown;
summary?: unknown;
summaryText?: unknown;
summarySpanMethod?: unknown;
selectedKeys?: unknown;
defaultSelectedKeys?: unknown;
expandedKeys?: unknown;
defaultExpandedKeys?: unknown;
defaultExpandAllRows?: unknown;
stickyHeader?: unknown;
scrollbar?: unknown;
showEmptyTree?: unknown;
} & {
size: "mini" | "medium" | "large" | "small";
scrollbar: boolean | import("@arco-design/web-vue").ScrollbarProps;
data: import("@arco-design/web-vue").TableData[];
loading: boolean | Record<string, any>;
bordered: boolean | import("@arco-design/web-vue").TableBorder;
columns: import("@arco-design/web-vue").TableColumnData[];
hoverable: boolean;
pagination: boolean | import("@arco-design/web-vue").PaginationProps;
stripe: boolean;
tableLayoutFixed: boolean;
pagePosition: "top" | "tl" | "tr" | "bottom" | "bl" | "br";
indentSize: number;
rowKey: string;
showHeader: boolean;
spanAll: boolean;
filterIconAlignLeft: boolean;
hideExpandButtonOnEmpty: boolean;
columnResizable: boolean;
summaryText: string;
defaultExpandAllRows: boolean;
stickyHeader: number | boolean;
showEmptyTree: boolean;
} & {
scroll?: {
x?: string | number | undefined;
y?: string | number | undefined;
minWidth?: string | number | undefined;
maxHeight?: string | number | undefined;
} | undefined;
summary?: boolean | ((params: {
columns: import("@arco-design/web-vue/es/table/interface.js").TableColumnData[];
data: import("@arco-design/web-vue/es/table/interface.js").TableData[];
}) => import("@arco-design/web-vue/es/table/interface.js").TableData[]) | undefined;
virtualListProps?: import("@arco-design/web-vue/es/_components/virtual-list-v2/interface.js").VirtualListProps | undefined;
rowSelection?: import("@arco-design/web-vue").TableRowSelection | undefined;
expandable?: import("@arco-design/web-vue").TableExpandable | undefined;
spanMethod?: ((data: {
record: import("@arco-design/web-vue/es/table/interface.js").TableData;
column: import("@arco-design/web-vue/es/table/interface.js").TableColumnData | import("@arco-design/web-vue/es/table/interface.js").TableOperationColumn;
rowIndex: number;
columnIndex: number;
}) => void | {
rowspan?: number | undefined;
colspan?: number | undefined;
}) | undefined;
components?: import("@arco-design/web-vue/es/table/interface.js").TableComponents | undefined;
loadMore?: ((record: import("@arco-design/web-vue/es/table/interface.js").TableData, done: (children?: import("@arco-design/web-vue/es/table/interface.js").TableData[] | undefined) => void) => void) | undefined;
rowClass?: string | any[] | Record<string, any> | ((record: import("@arco-design/web-vue/es/table/interface.js").TableData, rowIndex: number) => any) | undefined;
draggable?: import("@arco-design/web-vue").TableDraggable | undefined;
rowNumber?: boolean | Record<string, any> | undefined;
summarySpanMethod?: ((data: {
record: import("@arco-design/web-vue/es/table/interface.js").TableData;
column: import("@arco-design/web-vue/es/table/interface.js").TableColumnData | import("@arco-design/web-vue/es/table/interface.js").TableOperationColumn;
rowIndex: number;
columnIndex: number;
}) => void | {
rowspan?: number | undefined;
colspan?: number | undefined;
}) | undefined;
selectedKeys?: (string | number)[] | undefined;
defaultSelectedKeys?: (string | number)[] | undefined;
expandedKeys?: (string | number)[] | undefined;
defaultExpandedKeys?: (string | number)[] | undefined;
}> & {
onChange?: ((data: import("@arco-design/web-vue/es/table/interface.js").TableData[], extra: import("@arco-design/web-vue/es/table/interface.js").TableChangeExtra, currentData: import("@arco-design/web-vue/es/table/interface.js").TableData[]) => any) | undefined;
onSelect?: ((rowKeys: (string | number)[], rowKey: string | number, record: import("@arco-design/web-vue/es/table/interface.js").TableData) => any) | undefined;
onPageChange?: ((page: number) => any) | undefined;
onPageSizeChange?: ((pageSize: number) => any) | undefined;
onExpand?: ((rowKey: string | number, record: import("@arco-design/web-vue/es/table/interface.js").TableData) => any) | undefined;
"onUpdate:selectedKeys"?: ((rowKeys: (string | number)[]) => any) | undefined;
"onUpdate:expandedKeys"?: ((rowKeys: (string | number)[]) => any) | undefined;
onExpandedChange?: ((rowKeys: (string | number)[]) => any) | undefined;
onSelectAll?: ((checked: boolean) => any) | undefined;
onSelectionChange?: ((rowKeys: (string | number)[]) => any) | undefined;
onSorterChange?: ((dataIndex: string, direction: string) => any) | undefined;
onFilterChange?: ((dataIndex: string, filteredValues: string[]) => any) | undefined;
onCellMouseEnter?: ((record: import("@arco-design/web-vue/es/table/interface.js").TableData, column: import("@arco-design/web-vue/es/table/interface.js").TableColumnData, ev: Event) => any) | undefined;
onCellMouseLeave?: ((record: import("@arco-design/web-vue/es/table/interface.js").TableData, column: import("@arco-design/web-vue/es/table/interface.js").TableColumnData, ev: Event) => any) | undefined;
onCellClick?: ((record: import("@arco-design/web-vue/es/table/interface.js").TableData, column: import("@arco-design/web-vue/es/table/interface.js").TableColumnData, ev: Event) => any) | undefined;
onRowClick?: ((record: import("@arco-design/web-vue/es/table/interface.js").TableData, ev: Event) => any) | undefined;
onHeaderClick?: ((column: import("@arco-design/web-vue/es/table/interface.js").TableColumnData, ev: Event) => any) | undefined;
onColumnResize?: ((dataIndex: string, width: number) => any) | undefined;
onRowDblclick?: ((record: import("@arco-design/web-vue/es/table/interface.js").TableData, ev: Event) => any) | undefined;
onCellDblclick?: ((record: import("@arco-design/web-vue/es/table/interface.js").TableData, column: import("@arco-design/web-vue/es/table/interface.js").TableColumnData, ev: Event) => any) | undefined;
onRowContextmenu?: ((record: import("@arco-design/web-vue/es/table/interface.js").TableData, ev: Event) => any) | undefined;
onCellContextmenu?: ((record: import("@arco-design/web-vue/es/table/interface.js").TableData, column: import("@arco-design/web-vue/es/table/interface.js").TableColumnData, ev: Event) => any) | undefined;
} & import("vue").ShallowUnwrapRef<{
render: () => JSX.Element;
selfExpand: (rowKey: import("@arco-design/web-vue/es/_utils/types.js").BaseType | import("@arco-design/web-vue/es/_utils/types.js").BaseType[], expanded?: boolean) => void;
selfExpandAll: (expanded?: boolean) => void;
selfSelect: (rowKey: import("@arco-design/web-vue/es/_utils/types.js").BaseType | import("@arco-design/web-vue/es/_utils/types.js").BaseType[], checked?: boolean) => void;
selfSelectAll: (checked?: boolean) => void;
selfResetFilters: (dataIndex?: string | string[] | undefined) => void;
selfClearFilters: (dataIndex?: string | string[] | undefined) => void;
selfResetSorters: () => void;
selfClearSorters: () => void;
}> & {
selectAll(checked?: boolean | undefined): void;
select(rowKey: string | number | (string | number)[], checked?: boolean | undefined): void;
expandAll(checked?: boolean | undefined): void;
expand(rowKey: string | number | (string | number)[], checked?: boolean | undefined): void;
resetFilters(dataIndex?: string | string[] | undefined): void;
clearFilters(dataIndex?: string | string[] | undefined): void;
resetSorters(): void;
clearSorters(): void;
} & import("vue").ComponentCustomProperties) | null;
pageRef: import("vue").HTMLAttributes & import("vue").ReservedProps;
customScrollbar: import("vue").HTMLAttributes & import("vue").ReservedProps;
};
attrs: Partial<typeof __VLS_inheritedAttrs>;
};
type __VLS_Slots = typeof __VLS_templateResult['slots'];
declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
formChange: (...args: any[]) => void;
refreshChange: (...args: any[]) => void;
searchChange: (...args: any[]) => void;
sortChange: (...args: any[]) => void;
filterChange: (...args: any[]) => void;
resetChange: (...args: any[]) => void;
pageChange: (...args: any[]) => void;
pageSizeChange: (...args: any[]) => void;
}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps & {
onFormChange?: ((...args: any[]) => any) | undefined;
onRefreshChange?: ((...args: any[]) => any) | undefined;
onSearchChange?: ((...args: any[]) => any) | undefined;
onSortChange?: ((...args: any[]) => any) | undefined;
onFilterChange?: ((...args: any[]) => any) | undefined;
onResetChange?: ((...args: any[]) => any) | undefined;
onPageChange?: ((...args: any[]) => any) | undefined;
onPageSizeChange?: ((...args: any[]) => any) | undefined;
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}>;
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_Slots>;
export default _default;
type __VLS_WithTemplateSlots<T, S> = T & {
new (): {
$slots: S;
};
};