UNPKG

@tuoyuan/web-plus-dev

Version:

基于arco-design的配置化表格表单组件

695 lines (694 loc) 49.1 kB
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; }; };