import { SFCWithInstall } from "../../../utils/vue/typescript.js"; import { EpPropMergeType } from "../../../utils/vue/props/types.js"; import { ComponentSize } from "../../../constants/size.js"; import "../../../utils/index.js"; import { Translator } from "../../../hooks/use-locale/index.js"; import "../../../hooks/index.js"; import { CheckboxProps, CheckboxValueType } from "../../checkbox/src/checkbox.js"; import { _default as _default$1 } from "../../checkbox/src/checkbox-button.vue.js"; import { _default as _default$2 } from "../../checkbox/src/checkbox-group.vue.js"; import { UseTooltipProps } from "../../tooltip/src/tooltip.js"; import { TreeData } from "./store/tree.js"; import { TableColumnCtx } from "./table-column/defaults.js"; import { StoreFilter } from "./store/index.js"; import { TableHeaderProps } from "./table-header/index.js"; import { TableLayout } from "./table-layout.js"; import { DefaultRow, Filter, RenderExpanded, Sort, Table, TableProps, TableSortOrder, TreeProps } from "./table/defaults.js"; import { TableBodyProps } from "./table-body/defaults.js"; import { TableFooter } from "./table-footer/index.js"; import { ScrollbarDirection, ScrollbarProps } from "../../scrollbar/src/scrollbar.js"; import "../../scrollbar/index.js"; import { MousewheelCallback, WheelElement } from "../../../directives/mousewheel/index.js"; import { hColgroup } from "./h-helper.js"; import "../../../index.js"; import * as vue from "vue"; import * as lodash_unified0 from "lodash-unified"; //#region ../../packages/components/table/src/table.vue.d.ts declare const _default: typeof __VLS_export; declare const __VLS_export: vue.DefineComponent; default: () => never[]; }; size: { readonly type: vue.PropType>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; width: (StringConstructor | NumberConstructor)[]; height: (StringConstructor | NumberConstructor)[]; maxHeight: (StringConstructor | NumberConstructor)[]; fit: { type: BooleanConstructor; default: boolean; }; stripe: BooleanConstructor; border: BooleanConstructor; rowKey: vue.PropType["rowKey"]>; showHeader: { type: BooleanConstructor; default: boolean; }; showSummary: BooleanConstructor; sumText: StringConstructor; summaryMethod: vue.PropType["summaryMethod"]>; rowClassName: vue.PropType["rowClassName"]>; rowStyle: vue.PropType["rowStyle"]>; cellClassName: vue.PropType["cellClassName"]>; cellStyle: vue.PropType["cellStyle"]>; headerRowClassName: vue.PropType["headerRowClassName"]>; headerRowStyle: vue.PropType["headerRowStyle"]>; headerCellClassName: vue.PropType["headerCellClassName"]>; headerCellStyle: vue.PropType["headerCellStyle"]>; highlightCurrentRow: BooleanConstructor; currentRowKey: (StringConstructor | NumberConstructor)[]; emptyText: StringConstructor; expandRowKeys: vue.PropType["expandRowKeys"]>; defaultExpandAll: BooleanConstructor; rowExpandable: { type: vue.PropType["rowExpandable"]>; }; defaultSort: vue.PropType["defaultSort"]>; tooltipEffect: StringConstructor; tooltipOptions: vue.PropType["tooltipOptions"]>; spanMethod: vue.PropType["spanMethod"]>; selectOnIndeterminate: { type: BooleanConstructor; default: boolean; }; indent: { type: NumberConstructor; default: number; }; treeProps: { type: vue.PropType["treeProps"]>; default: () => { hasChildren: string; children: string; checkStrictly: boolean; }; }; lazy: BooleanConstructor; load: vue.PropType["load"]>; style: { type: vue.PropType["style"]>; default: () => {}; }; className: { type: StringConstructor; default: string; }; tableLayout: { type: vue.PropType<"fixed" | "auto">; default: string; }; scrollbarAlwaysOn: BooleanConstructor; flexible: BooleanConstructor; showOverflowTooltip: { type: vue.PropType["showOverflowTooltip"]>; default: undefined; }; tooltipFormatter: vue.PropType["tooltipFormatter"]>; appendFilterPanelTo: StringConstructor; scrollbarTabindex: { type: (StringConstructor | NumberConstructor)[]; default: undefined; }; allowDragLastColumn: { type: BooleanConstructor; default: boolean; }; preserveExpandedContent: BooleanConstructor; nativeScrollbar: BooleanConstructor; }>, { ns: { namespace: vue.ComputedRef; b: (blockSuffix?: string) => string; e: (element?: string) => string; m: (modifier?: string) => string; be: (blockSuffix?: string, element?: string) => string; em: (element?: string, modifier?: string) => string; bm: (blockSuffix?: string, modifier?: string) => string; bem: (blockSuffix?: string, element?: string, modifier?: string) => string; is: { (name: string, state: boolean | undefined): string; (name: string): string; }; cssVar: (object: Record) => Record; cssVarName: (name: string) => string; cssVarBlock: (object: Record) => Record; cssVarBlockName: (name: string) => string; }; layout: TableLayout; store: { mutations: { setData(states: { _currentRowKey: vue.Ref; currentRow: vue.Ref; expandRowKeys: vue.Ref; treeData: vue.Ref, Record>; indent: vue.Ref; lazy: vue.Ref; lazyTreeNodeMap: vue.Ref, Record>; lazyColumnIdentifier: vue.Ref; childrenColumnName: vue.Ref; checkStrictly: vue.Ref; expandRows: vue.Ref; defaultExpandAll: vue.Ref; tableSize: vue.Ref; rowKey: vue.Ref; data: vue.Ref; _data: vue.Ref; isComplex: vue.Ref; _columns: vue.Ref[], TableColumnCtx[]>; originColumns: vue.Ref[], TableColumnCtx[]>; columns: vue.Ref[], TableColumnCtx[]>; fixedColumns: vue.Ref[], TableColumnCtx[]>; rightFixedColumns: vue.Ref[], TableColumnCtx[]>; leafColumns: vue.Ref[], TableColumnCtx[]>; fixedLeafColumns: vue.Ref[], TableColumnCtx[]>; rightFixedLeafColumns: vue.Ref[], TableColumnCtx[]>; updateOrderFns: (() => void)[]; leafColumnsLength: vue.Ref; fixedLeafColumnsLength: vue.Ref; rightFixedLeafColumnsLength: vue.Ref; isAllSelected: vue.Ref; selection: vue.Ref; reserveSelection: vue.Ref; selectOnIndeterminate: vue.Ref; selectable: vue.Ref<((row: any, index: number) => boolean) | null, ((row: any, index: number) => boolean) | null>; rowExpandable: vue.Ref<((row: any, index: number) => boolean) | null, ((row: any, index: number) => boolean) | null>; filters: vue.Ref; filteredData: vue.Ref; sortingColumn: vue.Ref | null, TableColumnCtx | null>; sortProp: vue.Ref; sortOrder: vue.Ref; hoverRow: vue.Ref; }, data: any[]): void; insertColumn(states: { _currentRowKey: vue.Ref; currentRow: vue.Ref; expandRowKeys: vue.Ref; treeData: vue.Ref, Record>; indent: vue.Ref; lazy: vue.Ref; lazyTreeNodeMap: vue.Ref, Record>; lazyColumnIdentifier: vue.Ref; childrenColumnName: vue.Ref; checkStrictly: vue.Ref; expandRows: vue.Ref; defaultExpandAll: vue.Ref; tableSize: vue.Ref; rowKey: vue.Ref; data: vue.Ref; _data: vue.Ref; isComplex: vue.Ref; _columns: vue.Ref[], TableColumnCtx[]>; originColumns: vue.Ref[], TableColumnCtx[]>; columns: vue.Ref[], TableColumnCtx[]>; fixedColumns: vue.Ref[], TableColumnCtx[]>; rightFixedColumns: vue.Ref[], TableColumnCtx[]>; leafColumns: vue.Ref[], TableColumnCtx[]>; fixedLeafColumns: vue.Ref[], TableColumnCtx[]>; rightFixedLeafColumns: vue.Ref[], TableColumnCtx[]>; updateOrderFns: (() => void)[]; leafColumnsLength: vue.Ref; fixedLeafColumnsLength: vue.Ref; rightFixedLeafColumnsLength: vue.Ref; isAllSelected: vue.Ref; selection: vue.Ref; reserveSelection: vue.Ref; selectOnIndeterminate: vue.Ref; selectable: vue.Ref<((row: any, index: number) => boolean) | null, ((row: any, index: number) => boolean) | null>; rowExpandable: vue.Ref<((row: any, index: number) => boolean) | null, ((row: any, index: number) => boolean) | null>; filters: vue.Ref; filteredData: vue.Ref; sortingColumn: vue.Ref | null, TableColumnCtx | null>; sortProp: vue.Ref; sortOrder: vue.Ref; hoverRow: vue.Ref; }, column: TableColumnCtx, parent: TableColumnCtx, updateColumnOrder: () => void): void; updateColumnOrder(states: { _currentRowKey: vue.Ref; currentRow: vue.Ref; expandRowKeys: vue.Ref; treeData: vue.Ref, Record>; indent: vue.Ref; lazy: vue.Ref; lazyTreeNodeMap: vue.Ref, Record>; lazyColumnIdentifier: vue.Ref; childrenColumnName: vue.Ref; checkStrictly: vue.Ref; expandRows: vue.Ref; defaultExpandAll: vue.Ref; tableSize: vue.Ref; rowKey: vue.Ref; data: vue.Ref; _data: vue.Ref; isComplex: vue.Ref; _columns: vue.Ref[], TableColumnCtx[]>; originColumns: vue.Ref[], TableColumnCtx[]>; columns: vue.Ref[], TableColumnCtx[]>; fixedColumns: vue.Ref[], TableColumnCtx[]>; rightFixedColumns: vue.Ref[], TableColumnCtx[]>; leafColumns: vue.Ref[], TableColumnCtx[]>; fixedLeafColumns: vue.Ref[], TableColumnCtx[]>; rightFixedLeafColumns: vue.Ref[], TableColumnCtx[]>; updateOrderFns: (() => void)[]; leafColumnsLength: vue.Ref; fixedLeafColumnsLength: vue.Ref; rightFixedLeafColumnsLength: vue.Ref; isAllSelected: vue.Ref; selection: vue.Ref; reserveSelection: vue.Ref; selectOnIndeterminate: vue.Ref; selectable: vue.Ref<((row: any, index: number) => boolean) | null, ((row: any, index: number) => boolean) | null>; rowExpandable: vue.Ref<((row: any, index: number) => boolean) | null, ((row: any, index: number) => boolean) | null>; filters: vue.Ref; filteredData: vue.Ref; sortingColumn: vue.Ref | null, TableColumnCtx | null>; sortProp: vue.Ref; sortOrder: vue.Ref; hoverRow: vue.Ref; }, column: TableColumnCtx): void; removeColumn(states: { _currentRowKey: vue.Ref; currentRow: vue.Ref; expandRowKeys: vue.Ref; treeData: vue.Ref, Record>; indent: vue.Ref; lazy: vue.Ref; lazyTreeNodeMap: vue.Ref, Record>; lazyColumnIdentifier: vue.Ref; childrenColumnName: vue.Ref; checkStrictly: vue.Ref; expandRows: vue.Ref; defaultExpandAll: vue.Ref; tableSize: vue.Ref; rowKey: vue.Ref; data: vue.Ref; _data: vue.Ref; isComplex: vue.Ref; _columns: vue.Ref[], TableColumnCtx[]>; originColumns: vue.Ref[], TableColumnCtx[]>; columns: vue.Ref[], TableColumnCtx[]>; fixedColumns: vue.Ref[], TableColumnCtx[]>; rightFixedColumns: vue.Ref[], TableColumnCtx[]>; leafColumns: vue.Ref[], TableColumnCtx[]>; fixedLeafColumns: vue.Ref[], TableColumnCtx[]>; rightFixedLeafColumns: vue.Ref[], TableColumnCtx[]>; updateOrderFns: (() => void)[]; leafColumnsLength: vue.Ref; fixedLeafColumnsLength: vue.Ref; rightFixedLeafColumnsLength: vue.Ref; isAllSelected: vue.Ref; selection: vue.Ref; reserveSelection: vue.Ref; selectOnIndeterminate: vue.Ref; selectable: vue.Ref<((row: any, index: number) => boolean) | null, ((row: any, index: number) => boolean) | null>; rowExpandable: vue.Ref<((row: any, index: number) => boolean) | null, ((row: any, index: number) => boolean) | null>; filters: vue.Ref; filteredData: vue.Ref; sortingColumn: vue.Ref | null, TableColumnCtx | null>; sortProp: vue.Ref; sortOrder: vue.Ref; hoverRow: vue.Ref; }, column: TableColumnCtx, parent: TableColumnCtx, updateColumnOrder: () => void): void; sort(states: { _currentRowKey: vue.Ref; currentRow: vue.Ref; expandRowKeys: vue.Ref; treeData: vue.Ref, Record>; indent: vue.Ref; lazy: vue.Ref; lazyTreeNodeMap: vue.Ref, Record>; lazyColumnIdentifier: vue.Ref; childrenColumnName: vue.Ref; checkStrictly: vue.Ref; expandRows: vue.Ref; defaultExpandAll: vue.Ref; tableSize: vue.Ref; rowKey: vue.Ref; data: vue.Ref; _data: vue.Ref; isComplex: vue.Ref; _columns: vue.Ref[], TableColumnCtx[]>; originColumns: vue.Ref[], TableColumnCtx[]>; columns: vue.Ref[], TableColumnCtx[]>; fixedColumns: vue.Ref[], TableColumnCtx[]>; rightFixedColumns: vue.Ref[], TableColumnCtx[]>; leafColumns: vue.Ref[], TableColumnCtx[]>; fixedLeafColumns: vue.Ref[], TableColumnCtx[]>; rightFixedLeafColumns: vue.Ref[], TableColumnCtx[]>; updateOrderFns: (() => void)[]; leafColumnsLength: vue.Ref; fixedLeafColumnsLength: vue.Ref; rightFixedLeafColumnsLength: vue.Ref; isAllSelected: vue.Ref; selection: vue.Ref; reserveSelection: vue.Ref; selectOnIndeterminate: vue.Ref; selectable: vue.Ref<((row: any, index: number) => boolean) | null, ((row: any, index: number) => boolean) | null>; rowExpandable: vue.Ref<((row: any, index: number) => boolean) | null, ((row: any, index: number) => boolean) | null>; filters: vue.Ref; filteredData: vue.Ref; sortingColumn: vue.Ref | null, TableColumnCtx | null>; sortProp: vue.Ref; sortOrder: vue.Ref; hoverRow: vue.Ref; }, options: Sort): void; changeSortCondition(states: { _currentRowKey: vue.Ref; currentRow: vue.Ref; expandRowKeys: vue.Ref; treeData: vue.Ref, Record>; indent: vue.Ref; lazy: vue.Ref; lazyTreeNodeMap: vue.Ref, Record>; lazyColumnIdentifier: vue.Ref; childrenColumnName: vue.Ref; checkStrictly: vue.Ref; expandRows: vue.Ref; defaultExpandAll: vue.Ref; tableSize: vue.Ref; rowKey: vue.Ref; data: vue.Ref; _data: vue.Ref; isComplex: vue.Ref; _columns: vue.Ref[], TableColumnCtx[]>; originColumns: vue.Ref[], TableColumnCtx[]>; columns: vue.Ref[], TableColumnCtx[]>; fixedColumns: vue.Ref[], TableColumnCtx[]>; rightFixedColumns: vue.Ref[], TableColumnCtx[]>; leafColumns: vue.Ref[], TableColumnCtx[]>; fixedLeafColumns: vue.Ref[], TableColumnCtx[]>; rightFixedLeafColumns: vue.Ref[], TableColumnCtx[]>; updateOrderFns: (() => void)[]; leafColumnsLength: vue.Ref; fixedLeafColumnsLength: vue.Ref; rightFixedLeafColumnsLength: vue.Ref; isAllSelected: vue.Ref; selection: vue.Ref; reserveSelection: vue.Ref; selectOnIndeterminate: vue.Ref; selectable: vue.Ref<((row: any, index: number) => boolean) | null, ((row: any, index: number) => boolean) | null>; rowExpandable: vue.Ref<((row: any, index: number) => boolean) | null, ((row: any, index: number) => boolean) | null>; filters: vue.Ref; filteredData: vue.Ref; sortingColumn: vue.Ref | null, TableColumnCtx | null>; sortProp: vue.Ref; sortOrder: vue.Ref; hoverRow: vue.Ref; }, options: Sort): void; filterChange(_states: { _currentRowKey: vue.Ref; currentRow: vue.Ref; expandRowKeys: vue.Ref; treeData: vue.Ref, Record>; indent: vue.Ref; lazy: vue.Ref; lazyTreeNodeMap: vue.Ref, Record>; lazyColumnIdentifier: vue.Ref; childrenColumnName: vue.Ref; checkStrictly: vue.Ref; expandRows: vue.Ref; defaultExpandAll: vue.Ref; tableSize: vue.Ref; rowKey: vue.Ref; data: vue.Ref; _data: vue.Ref; isComplex: vue.Ref; _columns: vue.Ref[], TableColumnCtx[]>; originColumns: vue.Ref[], TableColumnCtx[]>; columns: vue.Ref[], TableColumnCtx[]>; fixedColumns: vue.Ref[], TableColumnCtx[]>; rightFixedColumns: vue.Ref[], TableColumnCtx[]>; leafColumns: vue.Ref[], TableColumnCtx[]>; fixedLeafColumns: vue.Ref[], TableColumnCtx[]>; rightFixedLeafColumns: vue.Ref[], TableColumnCtx[]>; updateOrderFns: (() => void)[]; leafColumnsLength: vue.Ref; fixedLeafColumnsLength: vue.Ref; rightFixedLeafColumnsLength: vue.Ref; isAllSelected: vue.Ref; selection: vue.Ref; reserveSelection: vue.Ref; selectOnIndeterminate: vue.Ref; selectable: vue.Ref<((row: any, index: number) => boolean) | null, ((row: any, index: number) => boolean) | null>; rowExpandable: vue.Ref<((row: any, index: number) => boolean) | null, ((row: any, index: number) => boolean) | null>; filters: vue.Ref; filteredData: vue.Ref; sortingColumn: vue.Ref | null, TableColumnCtx | null>; sortProp: vue.Ref; sortOrder: vue.Ref; hoverRow: vue.Ref; }, options: Filter): void; toggleAllSelection(): void; rowSelectedChanged(_states: { _currentRowKey: vue.Ref; currentRow: vue.Ref; expandRowKeys: vue.Ref; treeData: vue.Ref, Record>; indent: vue.Ref; lazy: vue.Ref; lazyTreeNodeMap: vue.Ref, Record>; lazyColumnIdentifier: vue.Ref; childrenColumnName: vue.Ref; checkStrictly: vue.Ref; expandRows: vue.Ref; defaultExpandAll: vue.Ref; tableSize: vue.Ref; rowKey: vue.Ref; data: vue.Ref; _data: vue.Ref; isComplex: vue.Ref; _columns: vue.Ref[], TableColumnCtx[]>; originColumns: vue.Ref[], TableColumnCtx[]>; columns: vue.Ref[], TableColumnCtx[]>; fixedColumns: vue.Ref[], TableColumnCtx[]>; rightFixedColumns: vue.Ref[], TableColumnCtx[]>; leafColumns: vue.Ref[], TableColumnCtx[]>; fixedLeafColumns: vue.Ref[], TableColumnCtx[]>; rightFixedLeafColumns: vue.Ref[], TableColumnCtx[]>; updateOrderFns: (() => void)[]; leafColumnsLength: vue.Ref; fixedLeafColumnsLength: vue.Ref; rightFixedLeafColumnsLength: vue.Ref; isAllSelected: vue.Ref; selection: vue.Ref; reserveSelection: vue.Ref; selectOnIndeterminate: vue.Ref; selectable: vue.Ref<((row: any, index: number) => boolean) | null, ((row: any, index: number) => boolean) | null>; rowExpandable: vue.Ref<((row: any, index: number) => boolean) | null, ((row: any, index: number) => boolean) | null>; filters: vue.Ref; filteredData: vue.Ref; sortingColumn: vue.Ref | null, TableColumnCtx | null>; sortProp: vue.Ref; sortOrder: vue.Ref; hoverRow: vue.Ref; }, row: any): void; setHoverRow(states: { _currentRowKey: vue.Ref; currentRow: vue.Ref; expandRowKeys: vue.Ref; treeData: vue.Ref, Record>; indent: vue.Ref; lazy: vue.Ref; lazyTreeNodeMap: vue.Ref, Record>; lazyColumnIdentifier: vue.Ref; childrenColumnName: vue.Ref; checkStrictly: vue.Ref; expandRows: vue.Ref; defaultExpandAll: vue.Ref; tableSize: vue.Ref; rowKey: vue.Ref; data: vue.Ref; _data: vue.Ref; isComplex: vue.Ref; _columns: vue.Ref[], TableColumnCtx[]>; originColumns: vue.Ref[], TableColumnCtx[]>; columns: vue.Ref[], TableColumnCtx[]>; fixedColumns: vue.Ref[], TableColumnCtx[]>; rightFixedColumns: vue.Ref[], TableColumnCtx[]>; leafColumns: vue.Ref[], TableColumnCtx[]>; fixedLeafColumns: vue.Ref[], TableColumnCtx[]>; rightFixedLeafColumns: vue.Ref[], TableColumnCtx[]>; updateOrderFns: (() => void)[]; leafColumnsLength: vue.Ref; fixedLeafColumnsLength: vue.Ref; rightFixedLeafColumnsLength: vue.Ref; isAllSelected: vue.Ref; selection: vue.Ref; reserveSelection: vue.Ref; selectOnIndeterminate: vue.Ref; selectable: vue.Ref<((row: any, index: number) => boolean) | null, ((row: any, index: number) => boolean) | null>; rowExpandable: vue.Ref<((row: any, index: number) => boolean) | null, ((row: any, index: number) => boolean) | null>; filters: vue.Ref; filteredData: vue.Ref; sortingColumn: vue.Ref | null, TableColumnCtx | null>; sortProp: vue.Ref; sortOrder: vue.Ref; hoverRow: vue.Ref; }, row: any): void; setCurrentRow(_states: { _currentRowKey: vue.Ref; currentRow: vue.Ref; expandRowKeys: vue.Ref; treeData: vue.Ref, Record>; indent: vue.Ref; lazy: vue.Ref; lazyTreeNodeMap: vue.Ref, Record>; lazyColumnIdentifier: vue.Ref; childrenColumnName: vue.Ref; checkStrictly: vue.Ref; expandRows: vue.Ref; defaultExpandAll: vue.Ref; tableSize: vue.Ref; rowKey: vue.Ref; data: vue.Ref; _data: vue.Ref; isComplex: vue.Ref; _columns: vue.Ref[], TableColumnCtx[]>; originColumns: vue.Ref[], TableColumnCtx[]>; columns: vue.Ref[], TableColumnCtx[]>; fixedColumns: vue.Ref[], TableColumnCtx[]>; rightFixedColumns: vue.Ref[], TableColumnCtx[]>; leafColumns: vue.Ref[], TableColumnCtx[]>; fixedLeafColumns: vue.Ref[], TableColumnCtx[]>; rightFixedLeafColumns: vue.Ref[], TableColumnCtx[]>; updateOrderFns: (() => void)[]; leafColumnsLength: vue.Ref; fixedLeafColumnsLength: vue.Ref; rightFixedLeafColumnsLength: vue.Ref; isAllSelected: vue.Ref; selection: vue.Ref; reserveSelection: vue.Ref; selectOnIndeterminate: vue.Ref; selectable: vue.Ref<((row: any, index: number) => boolean) | null, ((row: any, index: number) => boolean) | null>; rowExpandable: vue.Ref<((row: any, index: number) => boolean) | null, ((row: any, index: number) => boolean) | null>; filters: vue.Ref; filteredData: vue.Ref; sortingColumn: vue.Ref | null, TableColumnCtx | null>; sortProp: vue.Ref; sortOrder: vue.Ref; hoverRow: vue.Ref; }, row: any): void; }; commit: (name: "sort" | "setData" | "insertColumn" | "updateColumnOrder" | "removeColumn" | "changeSortCondition" | "filterChange" | "toggleAllSelection" | "rowSelectedChanged" | "setHoverRow" | "setCurrentRow", ...args: any[]) => void; updateTableScrollY: () => void; assertRowKey: () => void; updateColumns: () => void; scheduleLayout: (needUpdateColumns?: boolean, immediate?: boolean) => void; isSelected: (row: any) => boolean; clearSelection: () => void; cleanSelection: () => void; getSelectionRows: () => any[]; toggleRowSelection: (row: any, selected?: boolean, emitChange?: boolean, ignoreSelectable?: boolean) => void; _toggleAllSelection: () => void; toggleAllSelection: (() => void) | null; updateAllSelected: () => void; updateFilters: (column: TableColumnCtx, values: string[]) => Record; updateCurrentRow: (_currentRow: any) => void; updateSort: (column: TableColumnCtx | null, prop: string | null, order: TableSortOrder | null) => void; execFilter: () => void; execSort: () => void; execQuery: (ignore?: { filter: boolean; } | undefined) => void; clearFilter: (columnKeys?: string[] | string) => void; clearSort: () => void; toggleRowExpansion: (row: any, expanded?: boolean) => void; setExpandRowKeysAdapter: (val: string[]) => void; setCurrentRowKey: (key: string) => void; toggleRowExpansionAdapter: (row: any, expanded?: boolean) => void; isRowExpanded: (row: any) => boolean; updateExpandRows: () => void; updateCurrentRowData: () => void; loadOrToggle: (row: any) => void; updateTreeData: (ifChangeExpandRowKeys?: boolean, ifExpandAll?: boolean) => void; updateKeyChildren: (key: string, data: any[]) => void; states: { _currentRowKey: vue.Ref; currentRow: vue.Ref; expandRowKeys: vue.Ref; treeData: vue.Ref, Record>; indent: vue.Ref; lazy: vue.Ref; lazyTreeNodeMap: vue.Ref, Record>; lazyColumnIdentifier: vue.Ref; childrenColumnName: vue.Ref; checkStrictly: vue.Ref; expandRows: vue.Ref; defaultExpandAll: vue.Ref; tableSize: vue.Ref; rowKey: vue.Ref; data: vue.Ref; _data: vue.Ref; isComplex: vue.Ref; _columns: vue.Ref[], TableColumnCtx[]>; originColumns: vue.Ref[], TableColumnCtx[]>; columns: vue.Ref[], TableColumnCtx[]>; fixedColumns: vue.Ref[], TableColumnCtx[]>; rightFixedColumns: vue.Ref[], TableColumnCtx[]>; leafColumns: vue.Ref[], TableColumnCtx[]>; fixedLeafColumns: vue.Ref[], TableColumnCtx[]>; rightFixedLeafColumns: vue.Ref[], TableColumnCtx[]>; updateOrderFns: (() => void)[]; leafColumnsLength: vue.Ref; fixedLeafColumnsLength: vue.Ref; rightFixedLeafColumnsLength: vue.Ref; isAllSelected: vue.Ref; selection: vue.Ref; reserveSelection: vue.Ref; selectOnIndeterminate: vue.Ref; selectable: vue.Ref<((row: any, index: number) => boolean) | null, ((row: any, index: number) => boolean) | null>; rowExpandable: vue.Ref<((row: any, index: number) => boolean) | null, ((row: any, index: number) => boolean) | null>; filters: vue.Ref; filteredData: vue.Ref; sortingColumn: vue.Ref | null, TableColumnCtx | null>; sortProp: vue.Ref; sortOrder: vue.Ref; hoverRow: vue.Ref; }; ns: { namespace: vue.ComputedRef; b: (blockSuffix?: string) => string; e: (element?: string) => string; m: (modifier?: string) => string; be: (blockSuffix?: string, element?: string) => string; em: (element?: string, modifier?: string) => string; bm: (blockSuffix?: string, modifier?: string) => string; bem: (blockSuffix?: string, element?: string, modifier?: string) => string; is: { (name: string, state: boolean | undefined): string; (name: string): string; }; cssVar: (object: Record) => Record; cssVarName: (name: string) => string; cssVarBlock: (object: Record) => Record; cssVarBlockName: (name: string) => string; }; t: Translator; }; columns: vue.ComputedRef[]>; handleHeaderFooterMousewheel: (_event: WheelEvent, data: any) => void; handleMouseLeave: () => void; tableId: string; tableSize: vue.ComputedRef<"" | "default" | "small" | "large">; isHidden: vue.Ref; isEmpty: vue.ComputedRef; renderExpanded: vue.Ref | null, RenderExpanded | null>; resizeProxyVisible: vue.Ref; resizeState: vue.Ref<{ width: null | number; height: null | number; headerHeight: null | number; }, { width: null | number; height: null | number; headerHeight: null | number; } | { width: null | number; height: null | number; headerHeight: null | number; }>; isGroup: vue.Ref; bodyWidth: vue.ComputedRef; tableBodyStyles: vue.ComputedRef<{ width: string; }>; emptyBlockStyle: vue.ComputedRef<{ width: string; height: string; } | undefined>; debouncedUpdateLayout: lodash_unified0.DebouncedFunc<() => void>; /** * @description used in single selection Table, set a certain row selected. If called without any parameter, it will clear selection */ setCurrentRow: (row: any) => void; /** * @description returns the currently selected rows */ getSelectionRows: () => any[]; /** * @description used in multiple selection Table, toggle if a certain row is selected. With the second parameter, you can directly set if this row is selected */ toggleRowSelection: (row: any, selected?: boolean, ignoreSelectable?: boolean) => void; /** * @description used in multiple selection Table, clear user selection */ clearSelection: () => void; /** * @description clear filters of the columns whose `columnKey` are passed in. If no params, clear all filters */ clearFilter: (columnKeys?: string[] | string) => void; /** * @description used in multiple selection Table, toggle select all and deselect all */ toggleAllSelection: () => void; /** * @description used in expandable Table or tree Table, toggle if a certain row is expanded. With the second parameter, you can directly set if this row is expanded or collapsed */ toggleRowExpansion: (row: any, expanded?: boolean) => void; /** * @description clear sorting, restore data to the original order */ clearSort: () => void; /** * @description refresh the layout of Table. When the visibility of Table changes, you may need to call this method to get a correct layout */ doLayout: () => void; /** * @description sort Table manually. Property `prop` is used to set sort column, property `order` is used to set sort order */ sort: (prop: string, order: string) => void; /** * @description used in lazy Table, must set `rowKey`, update key children */ updateKeyChildren: (key: string, data: any[]) => void; t: Translator; setDragVisible: (visible: boolean) => void; context: Table; computedSumText: vue.ComputedRef; computedEmptyText: vue.ComputedRef; computedTooltipEffect: vue.ComputedRef; computedTooltipOptions: vue.ComputedRef> | undefined>; tableLayout: vue.ComputedRef<"fixed" | "auto">; scrollbarViewStyle: { display: string; verticalAlign: string; }; scrollbarStyle: vue.ComputedRef<{ height: string; maxHeight?: undefined; } | { maxHeight: string; height?: undefined; } | { height?: undefined; maxHeight?: undefined; }>; scrollBarRef: vue.Ref; /** * @description scrolls to a particular set of coordinates */ scrollTo: (options: ScrollToOptions | number, yCoord?: number) => void; /** * @description set horizontal scroll position */ setScrollLeft: (left?: number) => void; /** * @description set vertical scroll position */ setScrollTop: (top?: number) => void; /** * @description whether to allow drag the last column */ allowDragLastColumn: boolean; }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("scroll" | "select" | "select-all" | "expand-change" | "current-change" | "selection-change" | "cell-mouse-enter" | "cell-mouse-leave" | "cell-contextmenu" | "cell-click" | "cell-dblclick" | "row-click" | "row-contextmenu" | "row-dblclick" | "header-click" | "header-contextmenu" | "sort-change" | "filter-change" | "header-dragend")[], "scroll" | "select" | "select-all" | "expand-change" | "current-change" | "selection-change" | "cell-mouse-enter" | "cell-mouse-leave" | "cell-contextmenu" | "cell-click" | "cell-dblclick" | "row-click" | "row-contextmenu" | "row-dblclick" | "header-click" | "header-contextmenu" | "sort-change" | "filter-change" | "header-dragend", vue.PublicProps, Readonly; default: () => never[]; }; size: { readonly type: vue.PropType>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; width: (StringConstructor | NumberConstructor)[]; height: (StringConstructor | NumberConstructor)[]; maxHeight: (StringConstructor | NumberConstructor)[]; fit: { type: BooleanConstructor; default: boolean; }; stripe: BooleanConstructor; border: BooleanConstructor; rowKey: vue.PropType["rowKey"]>; showHeader: { type: BooleanConstructor; default: boolean; }; showSummary: BooleanConstructor; sumText: StringConstructor; summaryMethod: vue.PropType["summaryMethod"]>; rowClassName: vue.PropType["rowClassName"]>; rowStyle: vue.PropType["rowStyle"]>; cellClassName: vue.PropType["cellClassName"]>; cellStyle: vue.PropType["cellStyle"]>; headerRowClassName: vue.PropType["headerRowClassName"]>; headerRowStyle: vue.PropType["headerRowStyle"]>; headerCellClassName: vue.PropType["headerCellClassName"]>; headerCellStyle: vue.PropType["headerCellStyle"]>; highlightCurrentRow: BooleanConstructor; currentRowKey: (StringConstructor | NumberConstructor)[]; emptyText: StringConstructor; expandRowKeys: vue.PropType["expandRowKeys"]>; defaultExpandAll: BooleanConstructor; rowExpandable: { type: vue.PropType["rowExpandable"]>; }; defaultSort: vue.PropType["defaultSort"]>; tooltipEffect: StringConstructor; tooltipOptions: vue.PropType["tooltipOptions"]>; spanMethod: vue.PropType["spanMethod"]>; selectOnIndeterminate: { type: BooleanConstructor; default: boolean; }; indent: { type: NumberConstructor; default: number; }; treeProps: { type: vue.PropType["treeProps"]>; default: () => { hasChildren: string; children: string; checkStrictly: boolean; }; }; lazy: BooleanConstructor; load: vue.PropType["load"]>; style: { type: vue.PropType["style"]>; default: () => {}; }; className: { type: StringConstructor; default: string; }; tableLayout: { type: vue.PropType<"fixed" | "auto">; default: string; }; scrollbarAlwaysOn: BooleanConstructor; flexible: BooleanConstructor; showOverflowTooltip: { type: vue.PropType["showOverflowTooltip"]>; default: undefined; }; tooltipFormatter: vue.PropType["tooltipFormatter"]>; appendFilterPanelTo: StringConstructor; scrollbarTabindex: { type: (StringConstructor | NumberConstructor)[]; default: undefined; }; allowDragLastColumn: { type: BooleanConstructor; default: boolean; }; preserveExpandedContent: BooleanConstructor; nativeScrollbar: BooleanConstructor; }>> & Readonly<{ onScroll?: ((...args: any[]) => any) | undefined; onSelect?: ((...args: any[]) => any) | undefined; "onExpand-change"?: ((...args: any[]) => any) | undefined; "onCurrent-change"?: ((...args: any[]) => any) | undefined; "onSelect-all"?: ((...args: any[]) => any) | undefined; "onSelection-change"?: ((...args: any[]) => any) | undefined; "onCell-mouse-enter"?: ((...args: any[]) => any) | undefined; "onCell-mouse-leave"?: ((...args: any[]) => any) | undefined; "onCell-contextmenu"?: ((...args: any[]) => any) | undefined; "onCell-click"?: ((...args: any[]) => any) | undefined; "onCell-dblclick"?: ((...args: any[]) => any) | undefined; "onRow-click"?: ((...args: any[]) => any) | undefined; "onRow-contextmenu"?: ((...args: any[]) => any) | undefined; "onRow-dblclick"?: ((...args: any[]) => any) | undefined; "onHeader-click"?: ((...args: any[]) => any) | undefined; "onHeader-contextmenu"?: ((...args: any[]) => any) | undefined; "onSort-change"?: ((...args: any[]) => any) | undefined; "onFilter-change"?: ((...args: any[]) => any) | undefined; "onHeader-dragend"?: ((...args: any[]) => any) | undefined; }>, { lazy: boolean; border: boolean; allowDragLastColumn: boolean; data: any[]; tableLayout: "fixed" | "auto"; style: vue.StyleValue; className: string; fit: boolean; scrollbarAlwaysOn: boolean; stripe: boolean; treeProps: TreeProps | undefined; showOverflowTooltip: boolean | Partial> | undefined; showHeader: boolean; showSummary: boolean; highlightCurrentRow: boolean; defaultExpandAll: boolean; selectOnIndeterminate: boolean; indent: number; flexible: boolean; scrollbarTabindex: string | number; preserveExpandedContent: boolean; nativeScrollbar: boolean; }, {}, { TableHeader: vue.DefineComponent["store"]>; }; border: BooleanConstructor; defaultSort: { type: vue.PropType["defaultSort"]>; default: () => { prop: string; order: string; }; }; appendFilterPanelTo: { type: StringConstructor; }; allowDragLastColumn: { type: BooleanConstructor; }; }>, { ns: { namespace: vue.ComputedRef; b: (blockSuffix?: string) => string; e: (element?: string) => string; m: (modifier?: string) => string; be: (blockSuffix?: string, element?: string) => string; em: (element?: string, modifier?: string) => string; bm: (blockSuffix?: string, modifier?: string) => string; bem: (blockSuffix?: string, element?: string, modifier?: string) => string; is: { (name: string, state: boolean | undefined): string; (name: string): string; }; cssVar: (object: Record) => Record; cssVarName: (name: string) => string; cssVarBlock: (object: Record) => Record; cssVarBlockName: (name: string) => string; }; t: Translator; filterPanels: vue.Ref<{}, {}>; onColumnsChange: (layout: TableLayout) => void; onScrollableChange: (layout: TableLayout) => void; columnRows: vue.ComputedRef[][]>; getHeaderRowClass: (rowIndex: number) => string; getHeaderRowStyle: (rowIndex: number) => any; getHeaderCellClass: (rowIndex: number, columnIndex: number, row: any, column: TableColumnCtx) => string; getHeaderCellStyle: (rowIndex: number, columnIndex: number, row: any, column: TableColumnCtx) => vue.CSSProperties; handleHeaderClick: (event: Event, column: TableColumnCtx) => void; handleHeaderContextMenu: (event: Event, column: TableColumnCtx) => void; handleMouseDown: (event: MouseEvent, column: TableColumnCtx) => void; handleMouseMove: (event: MouseEvent, column: TableColumnCtx) => void; handleMouseOut: () => void; handleSortClick: (event: Event, column: TableColumnCtx, givenOrder?: TableSortOrder | boolean) => void; handleFilterClick: (event: Event) => void; isGroup: vue.ComputedRef; toggleAllSelection: (event: Event) => void; saveIndexSelection: vue.Reactive>; isTableLayoutAuto: boolean; theadRef: vue.Ref; updateFixedColumnStyle: () => void; }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly["store"]>; }; border: BooleanConstructor; defaultSort: { type: vue.PropType["defaultSort"]>; default: () => { prop: string; order: string; }; }; appendFilterPanelTo: { type: StringConstructor; }; allowDragLastColumn: { type: BooleanConstructor; }; }>> & Readonly<{}>, { border: boolean; defaultSort: Sort; fixed: string; allowDragLastColumn: boolean; }, {}, { ElCheckbox: { new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins & Readonly<{ onChange?: ((val: CheckboxValueType) => any) | undefined; "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined; }>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, { change: (val: CheckboxValueType) => void; "update:modelValue": (val: CheckboxValueType) => void; }, vue.PublicProps, { modelValue: number | string | boolean; label: string | boolean | number | object; value: string | boolean | number | object; disabled: boolean; name: string; trueValue: string | number; falseValue: string | number; trueLabel: string | number; falseLabel: string | number; id: string; validateEvent: boolean; }, false, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, { P: {}; B: {}; D: {}; C: {}; M: {}; Defaults: {}; }, Readonly & Readonly<{ onChange?: ((val: CheckboxValueType) => any) | undefined; "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined; }>, {}, {}, {}, {}, { modelValue: number | string | boolean; label: string | boolean | number | object; value: string | boolean | number | object; disabled: boolean; name: string; trueValue: string | number; falseValue: string | number; trueLabel: string | number; falseLabel: string | number; id: string; validateEvent: boolean; }>; __isFragment?: never; __isTeleport?: never; __isSuspense?: never; } & vue.ComponentOptionsBase & Readonly<{ onChange?: ((val: CheckboxValueType) => any) | undefined; "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined; }>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, { change: (val: CheckboxValueType) => void; "update:modelValue": (val: CheckboxValueType) => void; }, string, { modelValue: number | string | boolean; label: string | boolean | number | object; value: string | boolean | number | object; disabled: boolean; name: string; trueValue: string | number; falseValue: string | number; trueLabel: string | number; falseLabel: string | number; id: string; validateEvent: boolean; }, {}, string, {}, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new () => { $slots: { default?: (props: {}) => any; }; }) & vue.ObjectPlugin & { setPropsDefaults: (defaults: Partial<{ readonly modelValue?: (number | string | boolean) | undefined; readonly label?: (string | boolean | number | object) | undefined; readonly value?: (string | boolean | number | object) | undefined; readonly indeterminate?: boolean | undefined; readonly disabled?: boolean | undefined; readonly checked?: boolean | undefined; readonly name?: string | undefined; readonly trueValue?: (string | number) | undefined; readonly falseValue?: (string | number) | undefined; readonly trueLabel?: (string | number) | undefined; readonly falseLabel?: (string | number) | undefined; readonly id?: string | undefined; readonly border?: boolean | undefined; readonly size?: ComponentSize | undefined; readonly tabindex?: (string | number) | undefined; readonly validateEvent?: boolean | undefined; readonly ariaLabel?: string | undefined; readonly ariaControls?: string | undefined; readonly onChange?: ((val: CheckboxValueType) => any) | undefined; readonly "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined; } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps>) => void; } & { CheckboxButton: typeof _default$1; CheckboxGroup: typeof _default$2; }; }, {}, string, vue.ComponentProvideOptions, true, {}, any>; TableBody: vue.DefineComponent["store"]>; }; stripe: BooleanConstructor; tooltipEffect: StringConstructor; tooltipOptions: { type: vue.PropType["tooltipOptions"]>; }; context: { default: () => {}; type: vue.PropType["context"]>; }; rowClassName: vue.PropType["rowClassName"]>; rowStyle: vue.PropType["rowStyle"]>; fixed: { type: StringConstructor; default: string; }; highlight: BooleanConstructor; }>, { ns: { namespace: vue.ComputedRef; b: (blockSuffix?: string) => string; e: (element?: string) => string; m: (modifier?: string) => string; be: (blockSuffix?: string, element?: string) => string; em: (element?: string, modifier?: string) => string; bm: (blockSuffix?: string, modifier?: string) => string; bem: (blockSuffix?: string, element?: string, modifier?: string) => string; is: { (name: string, state: boolean | undefined): string; (name: string): string; }; cssVar: (object: Record) => Record; cssVarName: (name: string) => string; cssVarBlock: (object: Record) => Record; cssVarBlockName: (name: string) => string; }; onColumnsChange: (layout: TableLayout) => void; onScrollableChange: (layout: TableLayout) => void; wrappedRowRender: (row: any, $index: number) => vue.VNode | vue.VNode[] | vue.VNode[][]; tooltipContent: vue.Ref; tooltipTrigger: vue.Ref, vue.VNode>; }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly["store"]>; }; stripe: BooleanConstructor; tooltipEffect: StringConstructor; tooltipOptions: { type: vue.PropType["tooltipOptions"]>; }; context: { default: () => {}; type: vue.PropType["context"]>; }; rowClassName: vue.PropType["rowClassName"]>; rowStyle: vue.PropType["rowStyle"]>; fixed: { type: StringConstructor; default: string; }; highlight: BooleanConstructor; }>> & Readonly<{}>, { fixed: string; highlight: boolean; context: Table; stripe: boolean; }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>; TableFooter: vue.DefineComponent["store"]>; }; summaryMethod: vue.PropType["summaryMethod"]>; sumText: StringConstructor; border: BooleanConstructor; defaultSort: { type: vue.PropType["defaultSort"]>; default: () => { prop: string; order: string; }; }; }>, { ns: { namespace: vue.ComputedRef; b: (blockSuffix?: string) => string; e: (element?: string) => string; m: (modifier?: string) => string; be: (blockSuffix?: string, element?: string) => string; em: (element?: string, modifier?: string) => string; bm: (blockSuffix?: string, modifier?: string) => string; bem: (blockSuffix?: string, element?: string, modifier?: string) => string; is: { (name: string, state: boolean | undefined): string; (name: string): string; }; cssVar: (object: Record) => Record; cssVarName: (name: string) => string; cssVarBlock: (object: Record) => Record; cssVarBlockName: (name: string) => string; }; onScrollableChange: (layout: TableLayout) => void; onColumnsChange: (layout: TableLayout) => void; getCellClasses: (columns: TableColumnCtx[], cellIndex: number) => string[]; getCellStyles: (column: TableColumnCtx, cellIndex: number) => vue.CSSProperties | undefined; columns: vue.ComputedRef[]>; }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly["store"]>; }; summaryMethod: vue.PropType["summaryMethod"]>; sumText: StringConstructor; border: BooleanConstructor; defaultSort: { type: vue.PropType["defaultSort"]>; default: () => { prop: string; order: string; }; }; }>> & Readonly<{}>, { border: boolean; defaultSort: Sort; fixed: string; }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>; ElScrollbar: SFCWithInstall<{ new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins & Readonly<{ onScroll?: ((args_0: { scrollTop: number; scrollLeft: number; }) => any) | undefined; "onEnd-reached"?: ((direction: ScrollbarDirection) => any) | undefined; }>, { wrapRef: vue.Ref; update: () => void; scrollTo: { (xCord: number, yCord?: number): void; (options: ScrollToOptions): void; }; setScrollTop: (value: number) => void; setScrollLeft: (value: number) => void; handleScroll: () => void; }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, { scroll: (args_0: { scrollTop: number; scrollLeft: number; }) => void; "end-reached": (direction: ScrollbarDirection) => void; }, vue.PublicProps, { tabindex: number | string; tag: keyof HTMLElementTagNameMap | (string & {}); height: number | string; maxHeight: number | string; distance: number; wrapStyle: string | false | vue.CSSProperties | vue.StyleValue[] | null; wrapClass: string | string[]; viewClass: string | string[]; viewStyle: string | false | vue.CSSProperties | vue.StyleValue[] | null; minSize: number; }, false, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, { P: {}; B: {}; D: {}; C: {}; M: {}; Defaults: {}; }, Readonly & Readonly<{ onScroll?: ((args_0: { scrollTop: number; scrollLeft: number; }) => any) | undefined; "onEnd-reached"?: ((direction: ScrollbarDirection) => any) | undefined; }>, { wrapRef: vue.Ref; update: () => void; scrollTo: { (xCord: number, yCord?: number): void; (options: ScrollToOptions): void; }; setScrollTop: (value: number) => void; setScrollLeft: (value: number) => void; handleScroll: () => void; }, {}, {}, {}, { tabindex: number | string; tag: keyof HTMLElementTagNameMap | (string & {}); height: number | string; maxHeight: number | string; distance: number; wrapStyle: string | false | vue.CSSProperties | vue.StyleValue[] | null; wrapClass: string | string[]; viewClass: string | string[]; viewStyle: string | false | vue.CSSProperties | vue.StyleValue[] | null; minSize: number; }>; __isFragment?: never; __isTeleport?: never; __isSuspense?: never; } & vue.ComponentOptionsBase & Readonly<{ onScroll?: ((args_0: { scrollTop: number; scrollLeft: number; }) => any) | undefined; "onEnd-reached"?: ((direction: ScrollbarDirection) => any) | undefined; }>, { wrapRef: vue.Ref; update: () => void; scrollTo: { (xCord: number, yCord?: number): void; (options: ScrollToOptions): void; }; setScrollTop: (value: number) => void; setScrollLeft: (value: number) => void; handleScroll: () => void; }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, { scroll: (args_0: { scrollTop: number; scrollLeft: number; }) => void; "end-reached": (direction: ScrollbarDirection) => void; }, string, { tabindex: number | string; tag: keyof HTMLElementTagNameMap | (string & {}); height: number | string; maxHeight: number | string; distance: number; wrapStyle: string | false | vue.CSSProperties | vue.StyleValue[] | null; wrapClass: string | string[]; viewClass: string | string[]; viewStyle: string | false | vue.CSSProperties | vue.StyleValue[] | null; minSize: number; }, {}, string, {}, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new () => { $slots: { default?: (props: {}) => any; }; })>; hColgroup: typeof hColgroup; }, { Mousewheel: vue.ObjectDirective; }, string, vue.ComponentProvideOptions, true, {}, any>; //#endregion export { _default };