yuang-framework-ui-pc
Version:
yuang-framework-ui-pc Library
1,006 lines (1,005 loc) • 414 kB
TypeScript
import { Ref } from 'vue';
import { ElTableV2Instance, ElTableV2Props } from '../ele-app/el';
import { EleTooltipProps } from '../ele-app/plus';
import { DataKey, DataItem, Column, Filter, OrderValue } from '../ele-data-table/types';
import { BodyColumn, BodyColumns, HeaderRows, CellFilterChangeParams, SortBy, ScrollStrategy, ScrollPos, ColSize, VirtualRow } from './types';
declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
rowHeight: NumberConstructor;
stripe: {
type: BooleanConstructor;
default: null;
};
border: {
type: BooleanConstructor;
default: null;
};
rowKey: {
type: import('vue').PropType<import('../ele-data-table/types').RowKey>;
required: boolean;
};
columns: {
type: import('vue').PropType<import('../ele-data-table/types').Columns>;
required: boolean;
};
pageIndex: NumberConstructor;
errorText: StringConstructor;
headerEllipsis: {
type: BooleanConstructor;
default: boolean;
};
slotNormalize: {
type: BooleanConstructor;
default: boolean;
};
sticky: BooleanConstructor;
bottomLine: {
type: BooleanConstructor;
default: boolean;
};
emptyProps: {
type: import('vue').PropType<import('../ele-data-table/types').TableEmptyProps>;
default: () => null;
};
rowClickChecked: import('vue').PropType<import('../ele-data-table/types').RowClickChecked>;
reserveCurrent: BooleanConstructor;
selectedRowKeys: import('vue').PropType<DataKey[]>;
cacheData: import('vue').PropType<DataItem[]>;
size: {
readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", never>>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
fit: {
type: BooleanConstructor;
default: boolean;
};
width: (NumberConstructor | StringConstructor)[];
maxHeight: (NumberConstructor | StringConstructor)[];
lazy: BooleanConstructor;
className: {
type: StringConstructor;
default: string;
};
height: (NumberConstructor | StringConstructor)[];
data: {
type: import('vue').PropType<import('element-plus/es/components/table/src/table/defaults').DefaultRow[]>;
default: () => never[];
};
showHeader: {
type: BooleanConstructor;
default: boolean;
};
showSummary: BooleanConstructor;
sumText: StringConstructor;
summaryMethod: import('vue').PropType<import('element-plus/es/components/table/index').TableProps<import('element-plus/es/components/table/src/table/defaults').DefaultRow>["summaryMethod"]>;
rowClassName: import('vue').PropType<import('element-plus/es/components/table/index').TableProps<import('element-plus/es/components/table/src/table/defaults').DefaultRow>["rowClassName"]>;
rowStyle: import('vue').PropType<import('element-plus/es/components/table/index').TableProps<import('element-plus/es/components/table/src/table/defaults').DefaultRow>["rowStyle"]>;
cellClassName: import('vue').PropType<import('element-plus/es/components/table/index').TableProps<import('element-plus/es/components/table/src/table/defaults').DefaultRow>["cellClassName"]>;
cellStyle: import('vue').PropType<import('element-plus/es/components/table/index').TableProps<import('element-plus/es/components/table/src/table/defaults').DefaultRow>["cellStyle"]>;
headerRowClassName: import('vue').PropType<import('element-plus/es/components/table/index').TableProps<import('element-plus/es/components/table/src/table/defaults').DefaultRow>["headerRowClassName"]>;
headerRowStyle: import('vue').PropType<import('element-plus/es/components/table/index').TableProps<import('element-plus/es/components/table/src/table/defaults').DefaultRow>["headerRowStyle"]>;
headerCellClassName: import('vue').PropType<import('element-plus/es/components/table/index').TableProps<import('element-plus/es/components/table/src/table/defaults').DefaultRow>["headerCellClassName"]>;
headerCellStyle: import('vue').PropType<import('element-plus/es/components/table/index').TableProps<import('element-plus/es/components/table/src/table/defaults').DefaultRow>["headerCellStyle"]>;
highlightCurrentRow: BooleanConstructor;
currentRowKey: (NumberConstructor | StringConstructor)[];
emptyText: StringConstructor;
expandRowKeys: import('vue').PropType<import('element-plus/es/components/table/index').TableProps<import('element-plus/es/components/table/src/table/defaults').DefaultRow>["expandRowKeys"]>;
defaultExpandAll: BooleanConstructor;
defaultSort: import('vue').PropType<import('element-plus/es/components/table/index').TableProps<import('element-plus/es/components/table/src/table/defaults').DefaultRow>["defaultSort"]>;
tooltipEffect: StringConstructor;
tooltipOptions: import('vue').PropType<import('element-plus/es/components/table/index').TableProps<import('element-plus/es/components/table/src/table/defaults').DefaultRow>["tooltipOptions"]>;
spanMethod: import('vue').PropType<import('element-plus/es/components/table/index').TableProps<import('element-plus/es/components/table/src/table/defaults').DefaultRow>["spanMethod"]>;
selectOnIndeterminate: {
type: BooleanConstructor;
default: boolean;
};
indent: {
type: NumberConstructor;
default: number;
};
treeProps: {
type: import('vue').PropType<import('element-plus/es/components/table/index').TableProps<import('element-plus/es/components/table/src/table/defaults').DefaultRow>["treeProps"]>;
default: () => {
hasChildren: string;
children: string;
checkStrictly: boolean;
};
};
load: import('vue').PropType<import('element-plus/es/components/table/index').TableProps<import('element-plus/es/components/table/src/table/defaults').DefaultRow>["load"]>;
tableLayout: {
type: import('vue').PropType<"auto" | "fixed">;
default: string;
};
scrollbarAlwaysOn: BooleanConstructor;
flexible: BooleanConstructor;
showOverflowTooltip: import('vue').PropType<import('element-plus/es/components/table/index').TableProps<import('element-plus/es/components/table/src/table/defaults').DefaultRow>["showOverflowTooltip"]>;
tooltipFormatter: import('vue').PropType<import('element-plus/es/components/table/index').TableProps<import('element-plus/es/components/table/src/table/defaults').DefaultRow>["tooltipFormatter"]>;
appendFilterPanelTo: StringConstructor;
scrollbarTabindex: {
type: (NumberConstructor | StringConstructor)[];
default: undefined;
};
allowDragLastColumn: {
type: BooleanConstructor;
default: boolean;
};
preserveExpandedContent: {
type: BooleanConstructor;
default: boolean;
};
}>, {
ownSlots: string[];
rootRef: Ref<HTMLElement | null, HTMLElement | null>;
tableRef: Ref<ElTableV2Instance, ElTableV2Instance>;
tableKey: Ref<number, number>;
wrapWidth: Ref<number, number>;
headerRows: Ref<HeaderRows, HeaderRows>;
bodyCols: Ref<BodyColumns, BodyColumns>;
headerRowSizes: Ref<ColSize[][], ColSize[][]>;
bodyColSizes: Ref<ColSize[], ColSize[]>;
colsSumWidth: Ref<number, number>;
tableWidth: Ref<number, number>;
tableData: Ref<VirtualRow[], VirtualRow[]>;
isCheckAll: Ref<boolean, boolean>;
isIndeterminate: import('vue').ComputedRef<boolean>;
checkedRowKeys: Ref<Set<DataKey>, Set<DataKey>>;
expandedRowKeys: Ref<DataKey[], DataKey[]>;
sortBy: Ref<SortBy | undefined, SortBy | undefined>;
filtered: Filter;
tableTooltipProps: Partial<import('../ele-tooltip/props').TooltipProps>;
tableExpandCol: import('vue').ComputedRef<BodyColumn | undefined>;
hasExpandCol: import('vue').ComputedRef<boolean>;
tableExpandColumnKey: import('vue').ComputedRef<string | undefined>;
tableRowHeight: import('vue').ComputedRef<number>;
autoRowHeight: import('vue').ComputedRef<boolean>;
hasFooter: import('vue').ComputedRef<boolean>;
tableProps: import('vue').ComputedRef<Required<ElTableV2Props>>;
isPingLeft: import('vue').ComputedRef<boolean>;
isPingRight: import('vue').ComputedRef<boolean>;
tableSumText: import('vue').ComputedRef<string>;
tableEmptyText: import('vue').ComputedRef<string>;
isLayoutFixedHead: import('vue').ComputedRef<boolean | undefined>;
isLayoutMaximized: import('vue').ComputedRef<boolean | undefined>;
handleTableFilterChange: (params: CellFilterChangeParams) => void;
handleCellCheckedChange: (row: VirtualRow, checked: boolean) => void;
handleCellExpandChange: (row: VirtualRow, expanded: boolean, children?: DataItem[]) => void;
handleCellClick: (row: VirtualRow, col: Column, e: MouseEvent) => void;
handleCellDblclick: (row: VirtualRow, col: Column, e: MouseEvent) => void;
handleCellContextmenu: (row: VirtualRow, col: Column, e: MouseEvent) => void;
handleCellMouseenter: (row: VirtualRow, col: Column, e: MouseEvent) => void;
handleCellMouseleave: (row: VirtualRow, col: Column, e: MouseEvent) => void;
handleHeaderCellClick: (col: Column | undefined, e: MouseEvent) => void;
handleHeaderCellContextmenu: (col: Column, e: MouseEvent) => void;
handleHeaderCellMouseenter: () => void;
handleFooterCellMouseenter: (e: MouseEvent) => void;
handleExpandCellMouseenter: () => void;
handleTableMouseleave: () => void;
handleTableScroll: (option: ScrollPos) => void;
updateWrapSize: () => void;
updateTableData: () => void;
updateSelectedAndChecked: () => void;
setSelectedRows: (rows?: DataItem[]) => void;
setSelectedRowKeys: (keys?: DataKey[]) => void;
toggleRowExpansionAll: (expanded?: boolean) => void;
clearSelection: () => void;
getSelectionRows: () => DataItem[];
toggleRowSelection: (row: DataItem, selected?: boolean) => void;
toggleAllSelection: () => void;
toggleRowExpansion: (row: VirtualRow, expanded?: boolean) => void;
setCurrentRow: (row?: DataItem | null) => void;
setCurrentRowKey: (key?: DataKey | null) => void;
getCurrentRow: () => DataItem | undefined;
clearSort: () => void;
clearFilter: (columnKeys?: string[]) => void;
doLayout: (force?: boolean) => void;
sort: (prop: string, order: OrderValue) => void;
scrollTo: (options: number | ScrollToOptions, yCoord?: number) => void;
setScrollTop: (top?: number) => void;
setScrollLeft: (left?: number) => void;
scrollToRow: (row: number, strategy: ScrollStrategy) => void;
hideTooltip: () => void;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
select: (_selection: DataItem[], _row: DataItem) => boolean;
selectAll: (_selection: DataItem[]) => boolean;
selectionChange: (_selection: DataItem[]) => boolean;
cellMouseEnter: (_row: DataItem, _column: Column, _cell: HTMLTableCellElement, _e: MouseEvent) => boolean;
cellMouseLeave: (_row: DataItem, _column: Column, _cell: HTMLTableCellElement, _e: MouseEvent) => boolean;
cellClick: (_row: DataItem, _column: Column, _cell: HTMLTableCellElement, _e: MouseEvent) => boolean;
cellDblclick: (_row: DataItem, _column: Column, _cell: HTMLTableCellElement, _e: MouseEvent) => boolean;
cellContextmenu: (_row: DataItem, _column: Column, _cell: HTMLTableCellElement, _e: MouseEvent) => boolean;
rowClick: (_row: DataItem, _column: Column, _e: MouseEvent) => boolean;
rowContextmenu: (_row: DataItem, _column: Column, _e: MouseEvent) => boolean;
rowDblclick: (_row: DataItem, _column: Column, _e: MouseEvent) => boolean;
headerClick: (_column: Column, _e: MouseEvent) => boolean;
headerContextmenu: (_column: Column, _e: MouseEvent) => boolean;
sortChange: (_sorter: import('../ele-data-table/types').Sorter) => boolean;
filterChange: (_filter: Filter) => boolean;
currentChange: (_current?: DataItem | null, _old?: DataItem | null) => boolean;
headerDragend: (_width: number, _old: number, _column: Column, _e: MouseEvent) => boolean;
expandChange: (_row: DataItem, _expanded: boolean) => boolean;
'update:currentRowKey': (_currentRowKey?: DataKey) => boolean;
'update:selectedRowKeys': (_selectedRowKeys?: DataKey[]) => boolean;
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
rowHeight: NumberConstructor;
stripe: {
type: BooleanConstructor;
default: null;
};
border: {
type: BooleanConstructor;
default: null;
};
rowKey: {
type: import('vue').PropType<import('../ele-data-table/types').RowKey>;
required: boolean;
};
columns: {
type: import('vue').PropType<import('../ele-data-table/types').Columns>;
required: boolean;
};
pageIndex: NumberConstructor;
errorText: StringConstructor;
headerEllipsis: {
type: BooleanConstructor;
default: boolean;
};
slotNormalize: {
type: BooleanConstructor;
default: boolean;
};
sticky: BooleanConstructor;
bottomLine: {
type: BooleanConstructor;
default: boolean;
};
emptyProps: {
type: import('vue').PropType<import('../ele-data-table/types').TableEmptyProps>;
default: () => null;
};
rowClickChecked: import('vue').PropType<import('../ele-data-table/types').RowClickChecked>;
reserveCurrent: BooleanConstructor;
selectedRowKeys: import('vue').PropType<DataKey[]>;
cacheData: import('vue').PropType<DataItem[]>;
size: {
readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", never>>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
fit: {
type: BooleanConstructor;
default: boolean;
};
width: (NumberConstructor | StringConstructor)[];
maxHeight: (NumberConstructor | StringConstructor)[];
lazy: BooleanConstructor;
className: {
type: StringConstructor;
default: string;
};
height: (NumberConstructor | StringConstructor)[];
data: {
type: import('vue').PropType<import('element-plus/es/components/table/src/table/defaults').DefaultRow[]>;
default: () => never[];
};
showHeader: {
type: BooleanConstructor;
default: boolean;
};
showSummary: BooleanConstructor;
sumText: StringConstructor;
summaryMethod: import('vue').PropType<import('element-plus/es/components/table/index').TableProps<import('element-plus/es/components/table/src/table/defaults').DefaultRow>["summaryMethod"]>;
rowClassName: import('vue').PropType<import('element-plus/es/components/table/index').TableProps<import('element-plus/es/components/table/src/table/defaults').DefaultRow>["rowClassName"]>;
rowStyle: import('vue').PropType<import('element-plus/es/components/table/index').TableProps<import('element-plus/es/components/table/src/table/defaults').DefaultRow>["rowStyle"]>;
cellClassName: import('vue').PropType<import('element-plus/es/components/table/index').TableProps<import('element-plus/es/components/table/src/table/defaults').DefaultRow>["cellClassName"]>;
cellStyle: import('vue').PropType<import('element-plus/es/components/table/index').TableProps<import('element-plus/es/components/table/src/table/defaults').DefaultRow>["cellStyle"]>;
headerRowClassName: import('vue').PropType<import('element-plus/es/components/table/index').TableProps<import('element-plus/es/components/table/src/table/defaults').DefaultRow>["headerRowClassName"]>;
headerRowStyle: import('vue').PropType<import('element-plus/es/components/table/index').TableProps<import('element-plus/es/components/table/src/table/defaults').DefaultRow>["headerRowStyle"]>;
headerCellClassName: import('vue').PropType<import('element-plus/es/components/table/index').TableProps<import('element-plus/es/components/table/src/table/defaults').DefaultRow>["headerCellClassName"]>;
headerCellStyle: import('vue').PropType<import('element-plus/es/components/table/index').TableProps<import('element-plus/es/components/table/src/table/defaults').DefaultRow>["headerCellStyle"]>;
highlightCurrentRow: BooleanConstructor;
currentRowKey: (NumberConstructor | StringConstructor)[];
emptyText: StringConstructor;
expandRowKeys: import('vue').PropType<import('element-plus/es/components/table/index').TableProps<import('element-plus/es/components/table/src/table/defaults').DefaultRow>["expandRowKeys"]>;
defaultExpandAll: BooleanConstructor;
defaultSort: import('vue').PropType<import('element-plus/es/components/table/index').TableProps<import('element-plus/es/components/table/src/table/defaults').DefaultRow>["defaultSort"]>;
tooltipEffect: StringConstructor;
tooltipOptions: import('vue').PropType<import('element-plus/es/components/table/index').TableProps<import('element-plus/es/components/table/src/table/defaults').DefaultRow>["tooltipOptions"]>;
spanMethod: import('vue').PropType<import('element-plus/es/components/table/index').TableProps<import('element-plus/es/components/table/src/table/defaults').DefaultRow>["spanMethod"]>;
selectOnIndeterminate: {
type: BooleanConstructor;
default: boolean;
};
indent: {
type: NumberConstructor;
default: number;
};
treeProps: {
type: import('vue').PropType<import('element-plus/es/components/table/index').TableProps<import('element-plus/es/components/table/src/table/defaults').DefaultRow>["treeProps"]>;
default: () => {
hasChildren: string;
children: string;
checkStrictly: boolean;
};
};
load: import('vue').PropType<import('element-plus/es/components/table/index').TableProps<import('element-plus/es/components/table/src/table/defaults').DefaultRow>["load"]>;
tableLayout: {
type: import('vue').PropType<"auto" | "fixed">;
default: string;
};
scrollbarAlwaysOn: BooleanConstructor;
flexible: BooleanConstructor;
showOverflowTooltip: import('vue').PropType<import('element-plus/es/components/table/index').TableProps<import('element-plus/es/components/table/src/table/defaults').DefaultRow>["showOverflowTooltip"]>;
tooltipFormatter: import('vue').PropType<import('element-plus/es/components/table/index').TableProps<import('element-plus/es/components/table/src/table/defaults').DefaultRow>["tooltipFormatter"]>;
appendFilterPanelTo: StringConstructor;
scrollbarTabindex: {
type: (NumberConstructor | StringConstructor)[];
default: undefined;
};
allowDragLastColumn: {
type: BooleanConstructor;
default: boolean;
};
preserveExpandedContent: {
type: BooleanConstructor;
default: boolean;
};
}>> & Readonly<{
onSelect?: ((_selection: DataItem[], _row: DataItem) => any) | undefined;
onFilterChange?: ((_filter: Filter) => any) | undefined;
onSelectAll?: ((_selection: DataItem[]) => any) | undefined;
onSelectionChange?: ((_selection: DataItem[]) => any) | undefined;
onCellMouseEnter?: ((_row: DataItem, _column: Column, _cell: HTMLTableCellElement, _e: MouseEvent) => any) | undefined;
onCellMouseLeave?: ((_row: DataItem, _column: Column, _cell: HTMLTableCellElement, _e: MouseEvent) => any) | undefined;
onCellClick?: ((_row: DataItem, _column: Column, _cell: HTMLTableCellElement, _e: MouseEvent) => any) | undefined;
onCellDblclick?: ((_row: DataItem, _column: Column, _cell: HTMLTableCellElement, _e: MouseEvent) => any) | undefined;
onCellContextmenu?: ((_row: DataItem, _column: Column, _cell: HTMLTableCellElement, _e: MouseEvent) => any) | undefined;
onRowClick?: ((_row: DataItem, _column: Column, _e: MouseEvent) => any) | undefined;
onRowContextmenu?: ((_row: DataItem, _column: Column, _e: MouseEvent) => any) | undefined;
onRowDblclick?: ((_row: DataItem, _column: Column, _e: MouseEvent) => any) | undefined;
onHeaderClick?: ((_column: Column, _e: MouseEvent) => any) | undefined;
onHeaderContextmenu?: ((_column: Column, _e: MouseEvent) => any) | undefined;
onSortChange?: ((_sorter: import('../ele-data-table/types').Sorter) => any) | undefined;
onCurrentChange?: ((_current?: DataItem | null | undefined, _old?: DataItem | null | undefined) => any) | undefined;
onHeaderDragend?: ((_width: number, _old: number, _column: Column, _e: MouseEvent) => any) | undefined;
onExpandChange?: ((_row: DataItem, _expanded: boolean) => any) | undefined;
"onUpdate:currentRowKey"?: ((_currentRowKey?: DataKey | undefined) => any) | undefined;
"onUpdate:selectedRowKeys"?: ((_selectedRowKeys?: DataKey[] | undefined) => any) | undefined;
}>, {
fit: boolean;
lazy: boolean;
className: string;
data: any[];
stripe: boolean;
border: boolean;
showHeader: boolean;
showSummary: boolean;
highlightCurrentRow: boolean;
defaultExpandAll: boolean;
selectOnIndeterminate: boolean;
indent: number;
treeProps: import('element-plus/es/components/table/src/table/defaults').TreeProps | undefined;
tableLayout: "auto" | "fixed";
scrollbarAlwaysOn: boolean;
flexible: boolean;
scrollbarTabindex: string | number;
allowDragLastColumn: boolean;
preserveExpandedContent: boolean;
sticky: boolean;
headerEllipsis: boolean;
slotNormalize: boolean;
bottomLine: boolean;
emptyProps: import('../ele-data-table/types').TableEmptyProps;
reserveCurrent: boolean;
}, {}, {
ElTableV2: {
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
readonly cache: {
readonly type: import('vue').PropType<number>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: 2;
};
readonly estimatedRowHeight: {
readonly default: undefined;
readonly type: import('vue').PropType<number>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
readonly __epPropKey: true;
};
readonly rowKey: {
readonly type: import('vue').PropType<string | number | symbol>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: "id";
};
readonly headerClass: {
readonly type: import('vue').PropType<string | import('element-plus').HeaderClassNameGetter<any>>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly headerProps: {
readonly type: import('vue').PropType<any>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly headerCellProps: {
readonly type: import('vue').PropType<any>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly headerHeight: {
readonly type: import('vue').PropType<number | number[]>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: 50;
};
readonly footerHeight: {
readonly type: import('vue').PropType<number>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: 0;
};
readonly rowClass: {
readonly type: import('vue').PropType<string | import('element-plus').RowClassNameGetter<any>>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly rowProps: {
readonly type: import('vue').PropType<any>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly rowHeight: {
readonly type: import('vue').PropType<number>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: 50;
};
readonly cellProps: {
readonly type: import('vue').PropType<Record<string, any> | import('element-plus').ExtraCellPropGetter<any>>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly columns: {
readonly type: import('vue').PropType<{
[key: string]: any;
align?: "center" | "left" | "right";
class?: string | ((params: {
cellData: any;
} & {
rowData: any;
rowIndex: number;
} & {
columns: import('element-plus').Column<any>[];
column: import('element-plus').Column<any>;
columnIndex: number;
}) => string) | undefined;
key?: string | number | symbol;
dataKey?: string | number | symbol;
fixed?: true | import('element-plus').TableV2FixedDir;
flexGrow?: import('vue').CSSProperties["flexGrow"];
flexShrink?: import('vue').CSSProperties["flexShrink"];
title?: string;
hidden?: boolean;
headerClass?: string | ((params: {
columns: import('element-plus').Column<any>[];
column: import('element-plus').Column<any>;
columnIndex: number;
} & {
headerIndex: number;
}) => string) | undefined;
maxWidth?: number;
minWidth?: number;
style?: import('vue').CSSProperties;
sortable?: boolean;
width: number;
cellRenderer?: ((params: {
cellData: any;
} & {
rowData: any;
rowIndex: number;
} & {
columns: import('element-plus').Column<any>[];
column: import('element-plus').Column<any>;
columnIndex: number;
}) => import('vue').VNode) | undefined;
headerCellRenderer?: ((params: {
headerIndex: number;
} & {
columns: import('element-plus').Column<any>[];
column: import('element-plus').Column<any>;
columnIndex: number;
}) => import('vue').VNode) | undefined;
}[]>;
readonly required: true;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly data: {
readonly type: import('vue').PropType<any[]>;
readonly required: true;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly dataGetter: {
readonly type: import('vue').PropType<(params: {
columns: import('element-plus').Column<any>[];
column: import('element-plus').Column<any>;
columnIndex: number;
} & {
rowData: any;
rowIndex: number;
}) => any>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly fixedData: {
readonly type: import('vue').PropType<any[]>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly expandColumnKey: StringConstructor;
readonly expandedRowKeys: {
readonly type: import('vue').PropType<(string | number | symbol)[]>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: () => never[];
};
readonly defaultExpandedRowKeys: {
readonly type: import('vue').PropType<(string | number | symbol)[]>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: () => never[];
};
readonly class: StringConstructor;
readonly fixed: BooleanConstructor;
readonly style: {
readonly type: import('vue').PropType<import('vue').CSSProperties>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly width: {
readonly type: import('vue').PropType<number>;
readonly required: true;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly height: {
readonly type: import('vue').PropType<number>;
readonly required: true;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly maxHeight: NumberConstructor;
readonly useIsScrolling: BooleanConstructor;
readonly indentSize: {
readonly type: import('vue').PropType<number>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: 12;
};
readonly iconSize: {
readonly type: import('vue').PropType<number>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: 12;
};
readonly hScrollbarSize: {
readonly type: import('vue').PropType<number>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: 6;
};
readonly vScrollbarSize: {
readonly type: import('vue').PropType<number>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: 6;
};
readonly scrollbarAlwaysOn: BooleanConstructor;
readonly sortBy: {
readonly type: import('vue').PropType<import('element-plus').SortBy>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: () => {
key: string | number | symbol;
order: import('element-plus').TableV2SortOrder;
};
};
readonly sortState: {
readonly type: import('vue').PropType<import('element-plus').SortState>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: undefined;
};
readonly onColumnSort: {
readonly type: import('vue').PropType<import('element-plus').ColumnSortHandler<any>>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly onExpandedRowsChange: {
readonly type: import('vue').PropType<import('element-plus').ExpandedRowsChangeHandler>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly onEndReached: {
readonly type: import('vue').PropType<(remainDistance: number) => void>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly onRowExpand: {
readonly type: import('vue').PropType<import('element-plus').RowExpandHandler>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly onScroll: {
readonly type: import('vue').PropType<(...args: any[]) => void>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly onRowsRendered: {
readonly type: import('vue').PropType<(params: {
rowCacheStart: number;
rowCacheEnd: number;
rowVisibleStart: number;
rowVisibleEnd: number;
}) => void>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly rowEventHandlers: {
readonly type: import('vue').PropType<import('element-plus').RowEventHandlers>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
}>>, () => JSX.Element, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, Record<string, any>, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, {
readonly fixed: boolean;
readonly rowKey: string | number | symbol;
readonly useIsScrolling: boolean;
readonly scrollbarAlwaysOn: boolean;
readonly cache: number;
readonly estimatedRowHeight: number;
readonly rowHeight: number;
readonly hScrollbarSize: number;
readonly vScrollbarSize: number;
readonly sortBy: import('element-plus').SortBy;
readonly headerHeight: number | number[];
readonly footerHeight: number;
readonly indentSize: number;
readonly iconSize: number;
readonly sortState: import('element-plus').SortState;
readonly expandedRowKeys: (string | number | symbol)[];
readonly defaultExpandedRowKeys: (string | number | symbol)[];
}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<import('vue').ExtractPropTypes<{
readonly cache: {
readonly type: import('vue').PropType<number>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: 2;
};
readonly estimatedRowHeight: {
readonly default: undefined;
readonly type: import('vue').PropType<number>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
readonly __epPropKey: true;
};
readonly rowKey: {
readonly type: import('vue').PropType<string | number | symbol>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: "id";
};
readonly headerClass: {
readonly type: import('vue').PropType<string | import('element-plus').HeaderClassNameGetter<any>>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly headerProps: {
readonly type: import('vue').PropType<any>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly headerCellProps: {
readonly type: import('vue').PropType<any>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly headerHeight: {
readonly type: import('vue').PropType<number | number[]>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: 50;
};
readonly footerHeight: {
readonly type: import('vue').PropType<number>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: 0;
};
readonly rowClass: {
readonly type: import('vue').PropType<string | import('element-plus').RowClassNameGetter<any>>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly rowProps: {
readonly type: import('vue').PropType<any>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly rowHeight: {
readonly type: import('vue').PropType<number>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: 50;
};
readonly cellProps: {
readonly type: import('vue').PropType<Record<string, any> | import('element-plus').ExtraCellPropGetter<any>>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly columns: {
readonly type: import('vue').PropType<{
[key: string]: any;
align?: "center" | "left" | "right";
class?: string | ((params: {
cellData: any;
} & {
rowData: any;
rowIndex: number;
} & {
columns: import('element-plus').Column<any>[];
column: import('element-plus').Column<any>;
columnIndex: number;
}) => string) | undefined;
key?: string | number | symbol;
dataKey?: string | number | symbol;
fixed?: true | import('element-plus').TableV2FixedDir;
flexGrow?: import('vue').CSSProperties["flexGrow"];
flexShrink?: import('vue').CSSProperties["flexShrink"];
title?: string;
hidden?: boolean;
headerClass?: string | ((params: {
columns: import('element-plus').Column<any>[];
column: import('element-plus').Column<any>;
columnIndex: number;
} & {
headerIndex: number;
}) => string) | undefined;
maxWidth?: number;
minWidth?: number;
style?: import('vue').CSSProperties;
sortable?: boolean;
width: number;
cellRenderer?: ((params: {
cellData: any;
} & {
rowData: any;
rowIndex: number;
} & {
columns: import('element-plus').Column<any>[];
column: import('element-plus').Column<any>;
columnIndex: number;
}) => import('vue').VNode) | undefined;
headerCellRenderer?: ((params: {
headerIndex: number;
} & {
columns: import('element-plus').Column<any>[];
column: import('element-plus').Column<any>;
columnIndex: number;
}) => import('vue').VNode) | undefined;
}[]>;
readonly required: true;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly data: {
readonly type: import('vue').PropType<any[]>;
readonly required: true;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly dataGetter: {
readonly type: import('vue').PropType<(params: {
columns: import('element-plus').Column<any>[];
column: import('element-plus').Column<any>;
columnIndex: number;
} & {
rowData: any;
rowIndex: number;
}) => any>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly fixedData: {
readonly type: import('vue').PropType<any[]>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly expandColumnKey: StringConstructor;
readonly expandedRowKeys: {
readonly type: import('vue').PropType<(string | number | symbol)[]>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: () => never[];
};
readonly defaultExpandedRowKeys: {
readonly type: import('vue').PropType<(string | number | symbol)[]>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: () => never[];
};
readonly class: StringConstructor;
readonly fixed: BooleanConstructor;
readonly style: {
readonly type: import('vue').PropType<import('vue').CSSProperties>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly width: {
readonly type: import('vue').PropType<number>;
readonly required: true;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly height: {
readonly type: import('vue').PropType<number>;
readonly required: true;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly maxHeight: NumberConstructor;
readonly useIsScrolling: BooleanConstructor;
readonly indentSize: {
readonly type: import('vue').PropType<number>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: 12;
};
readonly iconSize: {
readonly type: import('vue').PropType<number>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: 12;
};
readonly hScrollbarSize: {
readonly type: import('vue').PropType<number>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: 6;
};
readonly vScrollbarSize: {
readonly type: import('vue').PropType<number>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: 6;
};
readonly scrollbarAlwaysOn: BooleanConstructor;
readonly sortBy: {
readonly type: import('vue').PropType<import('element-plus').SortBy>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: () => {
key: string | number | symbol;
order: import('element-plus').TableV2SortOrder;
};
};
readonly sortState: {
readonly type: import('vue').PropType<import('element-plus').SortState>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: undefined;
};
readonly onColumnSort: {
readonly type: import('vue').PropType<import('element-plus').ColumnSortHandler<any>>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly onExpandedRowsChange: {
readonly type: import('vue').PropType<import('element-plus').ExpandedRowsChangeHandler>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly onEndReached: {
readonly type: import('vue').PropType<(remainDistance: number) => void>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly onRowExpand: {
readonly type: import('vue').PropType<import('element-plus').RowExpandHandler>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly onScroll: {
readonly type: import('vue').PropType<(...args: any[]) => void>;
readonly r