@sdata/web-vue 1.3.0 → 1.4.0

package/lib/table/table.js

@@ -1,1171 +0,0 @@
-require("../_virtual/_rolldown/runtime.js");
-const require_context = require("../config-provider/context.js");
-const require_objectSpread2 = require("../_virtual/_@oxc-project_runtime@0.124.0/helpers/objectSpread2.js");
-const require_global_config = require("../_utils/global-config.js");
-const require_is = require("../_utils/is.js");
-const require_resize_observer = require("../_components/resize-observer.js");
-const require_index = require("../_components/virtual-list-v2/index.js");
-const require_omit = require("../_utils/omit.js");
-const require_use_component_ref = require("../_hooks/use-component-ref.js");
-const require_use_scrollbar = require("../_hooks/use-scrollbar.js");
-const require_index$1 = require("../empty/index.js");
-const require_index$2 = require("../scrollbar/index.js");
-const require_index$3 = require("../spin/index.js");
-const require_debounce = require("../_utils/debounce.js");
-const require_use_children_components = require("../_hooks/use-children-components.js");
-const require_index$4 = require("../icon/icon-minus/index.js");
-const require_index$5 = require("../icon/icon-plus/index.js");
-const require_get_value_by_path = require("../_utils/get-value-by-path.js");
-const require_index$6 = require("../pagination/index.js");
-const require_context$1 = require("./context.js");
-const require_use_column_resize = require("./hooks/use-column-resize.js");
-const require_use_drag = require("./hooks/use-drag.js");
-const require_use_expand = require("./hooks/use-expand.js");
-const require_use_filter = require("./hooks/use-filter.js");
-const require_use_pagination = require("./hooks/use-pagination.js");
-const require_utils = require("./utils.js");
-const require_use_row_selection = require("./hooks/use-row-selection.js");
-const require_use_sorter = require("./hooks/use-sorter.js");
-const require_use_span = require("./hooks/use-span.js");
-const require_table_col_group = require("./table-col-group.js");
-const require_table_operation_td = require("./table-operation-td.js");
-const require_table_operation_th = require("./table-operation-th.js");
-const require_table_tbody = require("./table-tbody.js");
-const require_table_td = require("./table-td.js");
-const require_table_th = require("./table-th.js");
-const require_table_thead = require("./table-thead.js");
-const require_table_tr = require("./table-tr.js");
-let vue = require("vue");
-//#region components/table/table.tsx
-function _isSlot(s) {
-	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !(0, vue.isVNode)(s);
-}
-var DEFAULT_BORDERED = {
-	wrapper: true,
-	cell: false,
-	headerCell: false,
-	bodyCell: false
-};
-var table_default = /* @__PURE__ */ (0, vue.defineComponent)({
-	name: "Table",
-	props: {
-		columns: {
-			type: Array,
-			default: () => []
-		},
-		data: {
-			type: Array,
-			default: () => []
-		},
-		bordered: {
-			type: [Boolean, Object],
-			default: true
-		},
-		hoverable: {
-			type: Boolean,
-			default: true
-		},
-		stripe: {
-			type: Boolean,
-			default: false
-		},
-		size: {
-			type: String,
-			default: () => {
-				var _inject$size, _inject;
-				return (_inject$size = (_inject = (0, vue.inject)(require_context.configProviderInjectionKey, void 0)) === null || _inject === void 0 ? void 0 : _inject.size) !== null && _inject$size !== void 0 ? _inject$size : "large";
-			}
-		},
-		tableLayoutFixed: {
-			type: Boolean,
-			default: false
-		},
-		loading: {
-			type: [Boolean, Object],
-			default: false
-		},
-		rowSelection: { type: Object },
-		expandable: { type: Object },
-		scroll: { type: Object },
-		pagination: {
-			type: [Boolean, Object],
-			default: true
-		},
-		pagePosition: {
-			type: String,
-			default: "br"
-		},
-		indentSize: {
-			type: Number,
-			default: 16
-		},
-		rowKey: {
-			type: String,
-			default: "key"
-		},
-		showHeader: {
-			type: Boolean,
-			default: true
-		},
-		virtualListProps: { type: Object },
-		spanMethod: { type: Function },
-		spanAll: {
-			type: Boolean,
-			default: false
-		},
-		components: { type: Object },
-		loadMore: { type: Function },
-		filterIconAlignLeft: {
-			type: Boolean,
-			default: false
-		},
-		hideExpandButtonOnEmpty: {
-			type: Boolean,
-			default: false
-		},
-		rowClass: { type: [
-			String,
-			Array,
-			Object,
-			Function
-		] },
-		draggable: { type: Object },
-		rowNumber: { type: [Boolean, Object] },
-		columnResizable: { type: Boolean },
-		summary: { type: [Boolean, Function] },
-		summaryText: {
-			type: String,
-			default: "Summary"
-		},
-		summarySpanMethod: { type: Function },
-		selectedKeys: { type: Array },
-		defaultSelectedKeys: { type: Array },
-		expandedKeys: { type: Array },
-		defaultExpandedKeys: { type: Array },
-		defaultExpandAllRows: {
-			type: Boolean,
-			default: false
-		},
-		stickyHeader: {
-			type: [Boolean, Number],
-			default: false
-		},
-		scrollbar: {
-			type: [Object, Boolean],
-			default: true
-		},
-		showEmptyTree: {
-			type: Boolean,
-			default: false
-		}
-	},
-	emits: {
-		"update:selectedKeys": (rowKeys) => true,
-		"update:expandedKeys": (rowKeys) => true,
-		"expand": (rowKey, record) => true,
-		"expandedChange": (rowKeys) => true,
-		"select": (rowKeys, rowKey, record) => true,
-		"selectAll": (checked) => true,
-		"selectionChange": (rowKeys) => true,
-		"sorterChange": (dataIndex, direction) => true,
-		"filterChange": (dataIndex, filteredValues) => true,
-		"pageChange": (page) => true,
-		"pageSizeChange": (pageSize) => true,
-		"change": (data, extra, currentData) => true,
-		"cellMouseEnter": (record, column, ev) => true,
-		"cellMouseLeave": (record, column, ev) => true,
-		"cellClick": (record, column, ev) => true,
-		"rowClick": (record, ev) => true,
-		"headerClick": (column, ev) => true,
-		"columnResize": (dataIndex, width) => true,
-		"rowDblclick": (record, ev) => true,
-		"cellDblclick": (record, column, ev) => true,
-		"rowContextmenu": (record, ev) => true,
-		"cellContextmenu": (record, column, ev) => true
-	},
-	setup(props, { emit, slots }) {
-		const { columns, rowKey, rowSelection, expandable, loadMore, filterIconAlignLeft, selectedKeys, defaultSelectedKeys, expandedKeys, defaultExpandedKeys, defaultExpandAllRows, spanMethod, draggable, summarySpanMethod, scrollbar, showEmptyTree } = (0, vue.toRefs)(props);
-		const prefixCls = require_global_config.getPrefixCls("table");
-		const configCtx = (0, vue.inject)(require_context.configProviderInjectionKey, void 0);
-		const bordered = (0, vue.computed)(() => {
-			if (require_is.isObject(props.bordered)) return require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, DEFAULT_BORDERED), props.bordered);
-			return require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, DEFAULT_BORDERED), {}, { wrapper: props.bordered });
-		});
-		const { children, components } = require_use_children_components.useChildrenComponents("TableColumn");
-		const checkStrictly = (0, vue.computed)(() => {
-			var _rowSelection$value$c, _rowSelection$value;
-			return (_rowSelection$value$c = (_rowSelection$value = rowSelection.value) === null || _rowSelection$value === void 0 ? void 0 : _rowSelection$value.checkStrictly) !== null && _rowSelection$value$c !== void 0 ? _rowSelection$value$c : true;
-		});
-		const { displayScrollbar, scrollbarProps } = require_use_scrollbar.useScrollbar(scrollbar);
-		const isScroll = (0, vue.computed)(() => {
-			var _props$scroll, _props$scroll2, _props$scroll3, _props$scroll4;
-			return {
-				x: Boolean(((_props$scroll = props.scroll) === null || _props$scroll === void 0 ? void 0 : _props$scroll.x) || ((_props$scroll2 = props.scroll) === null || _props$scroll2 === void 0 ? void 0 : _props$scroll2.minWidth)),
-				y: Boolean(((_props$scroll3 = props.scroll) === null || _props$scroll3 === void 0 ? void 0 : _props$scroll3.y) || ((_props$scroll4 = props.scroll) === null || _props$scroll4 === void 0 ? void 0 : _props$scroll4.maxHeight))
-			};
-		});
-		const summaryRef = (0, vue.ref)();
-		const thRefs = (0, vue.ref)({});
-		const { componentRef: contentComRef, elementRef: contentRef } = require_use_component_ref.useComponentRef("containerRef");
-		const { componentRef: tbodyComRef, elementRef: tbodyRef } = require_use_component_ref.useComponentRef("containerRef");
-		const { componentRef: virtualComRef, elementRef: virtualRef } = require_use_component_ref.useComponentRef("viewportRef");
-		const { componentRef: theadComRef, elementRef: theadRef } = require_use_component_ref.useComponentRef("containerRef");
-		const containerElement = (0, vue.computed)(() => {
-			if (splitTable.value) {
-				if (isVirtualList.value) return virtualRef.value;
-				return tbodyRef.value;
-			}
-			return contentRef.value;
-		});
-		const splitTable = (0, vue.computed)(() => isScroll.value.y || props.stickyHeader || isVirtualList.value || isScroll.value.x && flattenData.value.length === 0);
-		const slotColumnMap = (0, vue.reactive)(/* @__PURE__ */ new Map());
-		const slotColumns = (0, vue.ref)();
-		(0, vue.watch)([components, slotColumnMap], ([components, slotColumnMap]) => {
-			if (components.length > 0) {
-				const columns = [];
-				components.forEach((id) => {
-					const column = slotColumnMap.get(id);
-					if (column) columns.push(column);
-				});
-				slotColumns.value = columns;
-			} else slotColumns.value = void 0;
-		});
-		const dataColumnMap = /* @__PURE__ */ new Map();
-		const dataColumns = (0, vue.ref)([]);
-		const groupColumns = (0, vue.ref)([]);
-		const { resizingColumn, columnWidth, handleThMouseDown } = require_use_column_resize.useColumnResize(thRefs, emit);
-		(0, vue.watch)([
-			columns,
-			slotColumns,
-			columnWidth
-		], ([columns, slotColumns]) => {
-			var _ref;
-			const result = require_utils.getGroupColumns((_ref = slotColumns !== null && slotColumns !== void 0 ? slotColumns : columns) !== null && _ref !== void 0 ? _ref : [], dataColumnMap, columnWidth);
-			dataColumns.value = result.dataColumns;
-			groupColumns.value = result.groupColumns;
-		}, {
-			immediate: true,
-			deep: true
-		});
-		const isPaginationTop = (0, vue.computed)(() => [
-			"tl",
-			"top",
-			"tr"
-		].includes(props.pagePosition));
-		const hasLeftFixedColumn = (0, vue.ref)(false);
-		const hasRightFixedColumn = (0, vue.ref)(false);
-		const hasLeftFixedDataColumns = (0, vue.ref)(false);
-		(0, vue.watchEffect)(() => {
-			var _props$rowSelection, _props$expandable, _props$draggable;
-			let _hasLeftFixedColumn = false;
-			let _hasRightFixedColumn = false;
-			let _hasLeftFixedDataColumns = false;
-			if (((_props$rowSelection = props.rowSelection) === null || _props$rowSelection === void 0 ? void 0 : _props$rowSelection.fixed) || ((_props$expandable = props.expandable) === null || _props$expandable === void 0 ? void 0 : _props$expandable.fixed) || ((_props$draggable = props.draggable) === null || _props$draggable === void 0 ? void 0 : _props$draggable.fixed)) _hasLeftFixedColumn = true;
-			for (const column of dataColumns.value) if (column.fixed === "left") {
-				_hasLeftFixedColumn = true;
-				_hasLeftFixedDataColumns = true;
-			} else if (column.fixed === "right") _hasRightFixedColumn = true;
-			if (_hasLeftFixedColumn !== hasLeftFixedColumn.value) hasLeftFixedColumn.value = _hasLeftFixedColumn;
-			if (_hasRightFixedColumn !== hasRightFixedColumn.value) hasRightFixedColumn.value = _hasRightFixedColumn;
-			if (_hasLeftFixedDataColumns !== hasLeftFixedDataColumns.value) hasLeftFixedDataColumns.value = _hasLeftFixedDataColumns;
-		});
-		const hasEllipsis = (0, vue.computed)(() => {
-			for (const col of dataColumns.value) if (col.ellipsis) return true;
-			return false;
-		});
-		const handleChange = (type) => {
-			const extra = {
-				type,
-				page: page.value,
-				pageSize: pageSize.value,
-				sorter: computedSorter.value,
-				filters: computedFilters.value,
-				dragTarget: type === "drag" ? dragState.data : void 0
-			};
-			emit("change", flattenRawData.value, extra, sortedData.value);
-		};
-		const handleFilterChange = (dataIndex, filteredValues) => {
-			_filters.value = require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, computedFilters.value), {}, { [dataIndex]: filteredValues });
-			emit("filterChange", dataIndex, filteredValues);
-			handleChange("filter");
-		};
-		const handleSorterChange = (dataIndex, direction) => {
-			_sorter.value = direction ? {
-				field: dataIndex,
-				direction
-			} : void 0;
-			emit("sorterChange", dataIndex, direction);
-			handleChange("sorter");
-		};
-		const { _filters, computedFilters, resetFilters, clearFilters } = require_use_filter.useFilter({
-			columns: dataColumns,
-			onFilterChange: handleFilterChange
-		});
-		const { _sorter, computedSorter, resetSorters, clearSorters } = require_use_sorter.useSorter({
-			columns: dataColumns,
-			onSorterChange: handleSorterChange
-		});
-		const disabledKeys = /* @__PURE__ */ new Set();
-		const allRowKeys = (0, vue.computed)(() => {
-			const allRowKeys = [];
-			disabledKeys.clear();
-			const travelData = (data) => {
-				if (require_is.isArray(data) && data.length > 0) for (const record of data) {
-					allRowKeys.push(record[rowKey.value]);
-					if (record.disabled) disabledKeys.add(record[rowKey.value]);
-					if (record.children) travelData(record.children);
-				}
-			};
-			travelData(props.data);
-			return allRowKeys;
-		});
-		const currentAllRowKeys = (0, vue.computed)(() => {
-			const keys = [];
-			const travel = (data) => {
-				for (const record of data) {
-					keys.push(record.key);
-					if (record.children) travel(record.children);
-				}
-			};
-			travel(flattenData.value);
-			return keys;
-		});
-		const currentAllEnabledRowKeys = (0, vue.computed)(() => {
-			const keys = [];
-			const travel = (data) => {
-				for (const record of data) {
-					if (!record.disabled) keys.push(record.key);
-					if (record.children) travel(record.children);
-				}
-			};
-			travel(flattenData.value);
-			return keys;
-		});
-		const { isRadio, selectedRowKeys, currentSelectedRowKeys, handleSelect, handleSelectAllLeafs, handleSelectAll, select, selectAll, clearSelected } = require_use_row_selection.useRowSelection({
-			selectedKeys,
-			defaultSelectedKeys,
-			rowSelection,
-			currentAllRowKeys,
-			currentAllEnabledRowKeys,
-			emit
-		});
-		const { expandedRowKeys, handleExpand, expand, expandAll } = require_use_expand.useExpand({
-			expandedKeys,
-			defaultExpandedKeys,
-			defaultExpandAllRows,
-			expandable,
-			allRowKeys,
-			emit
-		});
-		const lazyLoadData = (0, vue.reactive)({});
-		const addLazyLoadData = (children, record) => {
-			if (children) lazyLoadData[record.key] = children;
-		};
-		const isValidRecord = (record) => {
-			for (const field of Object.keys(computedFilters.value)) {
-				var _column$filterable;
-				const filteredValues = computedFilters.value[field];
-				const column = dataColumnMap.get(field);
-				if (column && ((_column$filterable = column.filterable) === null || _column$filterable === void 0 ? void 0 : _column$filterable.filter) && filteredValues.length > 0) {
-					var _column$filterable2;
-					const result = (_column$filterable2 = column.filterable) === null || _column$filterable2 === void 0 ? void 0 : _column$filterable2.filter(filteredValues, record.raw);
-					if (!result) return result;
-				}
-			}
-			return true;
-		};
-		const { dragType, dragState, handleDragStart, handleDragEnter, handleDragLeave, handleDragover, handleDragEnd, handleDrop } = require_use_drag.useDrag(draggable);
-		const processedData = (0, vue.computed)(() => {
-			var _props$data;
-			const travel = (data) => {
-				const result = [];
-				for (const _record of data) {
-					const record = {
-						raw: _record,
-						key: _record[props.rowKey],
-						disabled: _record.disabled,
-						expand: _record.expand,
-						isLeaf: _record.isLeaf
-					};
-					if (_record.children) {
-						record.isLeaf = false;
-						record.children = travel(_record.children);
-					} else if (props.loadMore && !_record.isLeaf) {
-						record.isLeaf = false;
-						if (lazyLoadData[record.key]) record.children = travel(lazyLoadData[record.key]);
-					} else record.isLeaf = true;
-					record.hasSubtree = Boolean(record.children ? props.hideExpandButtonOnEmpty ? record.children.length > 0 : true : props.loadMore && !record.isLeaf);
-					result.push(record);
-				}
-				return result;
-			};
-			return travel((_props$data = props.data) !== null && _props$data !== void 0 ? _props$data : []);
-		});
-		const validData = (0, vue.computed)(() => {
-			const travel = (data) => data.filter((record) => {
-				if (isValidRecord(record)) {
-					if (record.children) record.children = travel(record.children);
-					return true;
-				}
-				return false;
-			});
-			return Object.keys(computedFilters.value).length > 0 ? travel(processedData.value) : processedData.value;
-		});
-		const sortedData = (0, vue.computed)(() => {
-			const data = require_utils.mapArrayWithChildren(validData.value);
-			if (data.length > 0) {
-				var _computedSorter$value;
-				if ((_computedSorter$value = computedSorter.value) === null || _computedSorter$value === void 0 ? void 0 : _computedSorter$value.field) {
-					var _column$sortable;
-					const column = dataColumnMap.get(computedSorter.value.field);
-					if (column && ((_column$sortable = column.sortable) === null || _column$sortable === void 0 ? void 0 : _column$sortable.sorter) !== true) {
-						const { field, direction } = computedSorter.value;
-						data.sort((a, b) => {
-							var _column$sortable2;
-							const valueA = require_get_value_by_path.getValueByPath(a.raw, field);
-							const valueB = require_get_value_by_path.getValueByPath(b.raw, field);
-							if (((_column$sortable2 = column.sortable) === null || _column$sortable2 === void 0 ? void 0 : _column$sortable2.sorter) && require_is.isFunction(column.sortable.sorter)) return column.sortable.sorter(a.raw, b.raw, {
-								dataIndex: field,
-								direction
-							});
-							const result = valueA > valueB ? 1 : -1;
-							return direction === "descend" ? -result : result;
-						});
-					}
-				}
-				const { sourcePath, targetPath } = dragState;
-				if (dragState.dragging && targetPath.length && targetPath.toString() !== sourcePath.toString()) {
-					if (sourcePath.length === targetPath.length && sourcePath.slice(0, -1).toString() === targetPath.slice(0, -1).toString()) {
-						let children = data;
-						for (let i = 0; i < sourcePath.length; i++) {
-							const sourceIndex = sourcePath[i];
-							if (i >= sourcePath.length - 1) {
-								const sourceChild = children[sourceIndex];
-								const targetIndex = targetPath[i];
-								if (targetIndex > sourceIndex) {
-									children.splice(targetIndex + 1, 0, sourceChild);
-									children.splice(sourceIndex, 1);
-								} else {
-									children.splice(targetIndex, 0, sourceChild);
-									children.splice(sourceIndex + 1, 1);
-								}
-							} else {
-								var _children$sourceIndex;
-								children = (_children$sourceIndex = children[sourceIndex].children) !== null && _children$sourceIndex !== void 0 ? _children$sourceIndex : [];
-							}
-						}
-					}
-				}
-			}
-			return data;
-		});
-		const { page, pageSize, handlePageChange, handlePageSizeChange } = require_use_pagination.usePagination(props, emit);
-		const onlyCurrent = (0, vue.computed)(() => {
-			var _rowSelection$value$o, _rowSelection$value2;
-			return (_rowSelection$value$o = (_rowSelection$value2 = rowSelection.value) === null || _rowSelection$value2 === void 0 ? void 0 : _rowSelection$value2.onlyCurrent) !== null && _rowSelection$value$o !== void 0 ? _rowSelection$value$o : false;
-		});
-		(0, vue.watch)(page, (cur, pre) => {
-			if (cur !== pre && onlyCurrent.value) clearSelected();
-		});
-		const flattenData = (0, vue.computed)(() => {
-			if (props.pagination && sortedData.value.length > pageSize.value) return sortedData.value.slice((page.value - 1) * pageSize.value, page.value * pageSize.value);
-			return sortedData.value;
-		});
-		const flattenRawData = (0, vue.computed)(() => require_utils.mapRawTableData(flattenData.value));
-		const getSummaryData = () => {
-			return dataColumns.value.reduce((per, column, index) => {
-				if (column.dataIndex) if (index === 0) require_get_value_by_path.setValueByPath(per, column.dataIndex, props.summaryText, { addPath: true });
-				else {
-					let count = 0;
-					let isNotNumber = false;
-					flattenData.value.forEach((data) => {
-						if (column.dataIndex) {
-							const _number = require_get_value_by_path.getValueByPath(data.raw, column.dataIndex);
-							if (require_is.isNumber(_number)) count += _number;
-							else if (!require_is.isUndefined(_number) && !require_is.isNull(_number)) isNotNumber = true;
-						}
-					});
-					require_get_value_by_path.setValueByPath(per, column.dataIndex, isNotNumber ? "" : count, { addPath: true });
-				}
-				return per;
-			}, {});
-		};
-		const getTableDataWithRaw = (data) => {
-			if (data && data.length > 0) return data.map((raw) => {
-				return {
-					raw,
-					key: raw[props.rowKey]
-				};
-			});
-			return [];
-		};
-		const summaryData = (0, vue.computed)(() => {
-			if (props.summary) {
-				if (require_is.isFunction(props.summary)) return getTableDataWithRaw(props.summary({
-					columns: dataColumns.value,
-					data: flattenRawData.value
-				}));
-				return getTableDataWithRaw([getSummaryData()]);
-			}
-			return [];
-		});
-		const containerScrollLeft = (0, vue.ref)(0);
-		const alignLeft = (0, vue.ref)(true);
-		const alignRight = (0, vue.ref)(true);
-		const setAlignPosition = () => {
-			let _alignLeft = true;
-			let _alignRight = true;
-			const scrollContainer = containerElement.value;
-			if (scrollContainer) {
-				_alignLeft = containerScrollLeft.value === 0;
-				_alignRight = Math.ceil(containerScrollLeft.value + scrollContainer.offsetWidth) >= scrollContainer.scrollWidth;
-			}
-			if (_alignLeft !== alignLeft.value) alignLeft.value = _alignLeft;
-			if (_alignRight !== alignRight.value) alignRight.value = _alignRight;
-		};
-		const getTableScrollCls = () => {
-			if (alignLeft.value && alignRight.value) return `${prefixCls}-scroll-position-both`;
-			if (alignLeft.value) return `${prefixCls}-scroll-position-left`;
-			if (alignRight.value) return `${prefixCls}-scroll-position-right`;
-			return `${prefixCls}-scroll-position-middle`;
-		};
-		const getTableFixedCls = () => {
-			const cls = [];
-			if (hasLeftFixedColumn.value) cls.push(`${prefixCls}-has-fixed-col-left`);
-			if (hasRightFixedColumn.value) cls.push(`${prefixCls}-has-fixed-col-right`);
-			return cls;
-		};
-		const handleScroll = (e) => {
-			if (e.target.scrollLeft !== containerScrollLeft.value) containerScrollLeft.value = e.target.scrollLeft;
-			setAlignPosition();
-		};
-		const onTbodyScroll = (e) => {
-			handleScroll(e);
-			const { scrollLeft } = e.target;
-			if (theadRef.value) theadRef.value.scrollLeft = scrollLeft;
-			if (summaryRef.value) summaryRef.value.scrollLeft = scrollLeft;
-		};
-		const handleRowClick = (record, ev) => {
-			emit("rowClick", record.raw, ev);
-		};
-		const handleRowDblclick = (record, ev) => {
-			emit("rowDblclick", record.raw, ev);
-		};
-		const handleRowContextMenu = (record, ev) => {
-			emit("rowContextmenu", record.raw, ev);
-		};
-		const handleCellClick = (record, column, ev) => {
-			emit("cellClick", record.raw, column, ev);
-		};
-		const handleCellMouseEnter = require_debounce.debounce((record, column, ev) => {
-			emit("cellMouseEnter", record.raw, column, ev);
-		}, 30);
-		const handleCellMouseLeave = require_debounce.debounce((record, column, ev) => {
-			emit("cellMouseLeave", record.raw, column, ev);
-		}, 30);
-		const handleCellDblclick = (record, column, ev) => {
-			emit("cellDblclick", record.raw, column, ev);
-		};
-		const handleCellContextmenu = (record, column, ev) => {
-			emit("cellContextmenu", record.raw, column, ev);
-		};
-		const handleHeaderClick = (column, ev) => {
-			emit("headerClick", column, ev);
-		};
-		const operations = (0, vue.computed)(() => {
-			var _props$draggable2, _props$components;
-			const operations = [];
-			const hasFixedColumn = hasLeftFixedColumn.value || hasRightFixedColumn.value;
-			let dragHandle;
-			let expand;
-			let selection;
-			if (((_props$draggable2 = props.draggable) === null || _props$draggable2 === void 0 ? void 0 : _props$draggable2.type) === "handle") {
-				dragHandle = {
-					name: "drag-handle",
-					title: props.draggable.title,
-					width: props.draggable.width,
-					fixed: props.draggable.fixed || hasFixedColumn
-				};
-				operations.push(dragHandle);
-			}
-			if (props.expandable) {
-				expand = {
-					name: "expand",
-					title: props.expandable.title,
-					width: props.expandable.width,
-					fixed: props.expandable.fixed || hasFixedColumn
-				};
-				operations.push(expand);
-			}
-			if (props.rowSelection) {
-				selection = {
-					name: props.rowSelection.type === "radio" ? "selection-radio" : "selection-checkbox",
-					title: props.rowSelection.title,
-					width: props.rowSelection.width,
-					fixed: props.rowSelection.fixed || hasFixedColumn
-				};
-				operations.push(selection);
-			}
-			if (!hasLeftFixedDataColumns.value && operations.length > 0 && operations[operations.length - 1].fixed) operations[operations.length - 1].isLastLeftFixed = true;
-			const operationsFn = (_props$components = props.components) === null || _props$components === void 0 ? void 0 : _props$components.operations;
-			return require_is.isFunction(operationsFn) ? operationsFn({
-				dragHandle,
-				expand,
-				selection
-			}) : operations;
-		});
-		const headerStyle = (0, vue.computed)(() => {
-			if (isScroll.value.x) {
-				var _props$scroll5, _props$scroll6, _props$scroll7, _props$scroll8;
-				const style = { width: require_is.isNumber((_props$scroll5 = props.scroll) === null || _props$scroll5 === void 0 ? void 0 : _props$scroll5.x) ? `${(_props$scroll6 = props.scroll) === null || _props$scroll6 === void 0 ? void 0 : _props$scroll6.x}px` : (_props$scroll7 = props.scroll) === null || _props$scroll7 === void 0 ? void 0 : _props$scroll7.x };
-				if ((_props$scroll8 = props.scroll) === null || _props$scroll8 === void 0 ? void 0 : _props$scroll8.minWidth) style.minWidth = require_is.isNumber(props.scroll.minWidth) ? `${props.scroll.minWidth}px` : props.scroll.minWidth;
-				return style;
-			}
-		});
-		const contentStyle = (0, vue.computed)(() => {
-			if (isScroll.value.x && flattenData.value.length > 0) {
-				var _props$scroll9, _props$scroll10, _props$scroll11, _props$scroll12;
-				const style = { width: require_is.isNumber((_props$scroll9 = props.scroll) === null || _props$scroll9 === void 0 ? void 0 : _props$scroll9.x) ? `${(_props$scroll10 = props.scroll) === null || _props$scroll10 === void 0 ? void 0 : _props$scroll10.x}px` : (_props$scroll11 = props.scroll) === null || _props$scroll11 === void 0 ? void 0 : _props$scroll11.x };
-				if ((_props$scroll12 = props.scroll) === null || _props$scroll12 === void 0 ? void 0 : _props$scroll12.minWidth) style.minWidth = require_is.isNumber(props.scroll.minWidth) ? `${props.scroll.minWidth}px` : props.scroll.minWidth;
-				return style;
-			}
-		});
-		const addColumn = (id, column) => {
-			slotColumnMap.set(id, column);
-		};
-		const removeColumn = (id) => {
-			slotColumnMap.delete(id);
-		};
-		(0, vue.provide)(require_context$1.tableInjectionKey, (0, vue.reactive)({
-			loadMore,
-			addLazyLoadData,
-			slots,
-			sorter: computedSorter,
-			filters: computedFilters,
-			filterIconAlignLeft,
-			resizingColumn,
-			checkStrictly,
-			currentAllEnabledRowKeys,
-			currentSelectedRowKeys,
-			addColumn,
-			removeColumn,
-			onSelectAll: handleSelectAll,
-			onSelect: handleSelect,
-			onSelectAllLeafs: handleSelectAllLeafs,
-			onSorterChange: handleSorterChange,
-			onFilterChange: handleFilterChange,
-			onThMouseDown: handleThMouseDown
-		}));
-		const cls = (0, vue.computed)(() => [
-			prefixCls,
-			`${prefixCls}-size-${props.size}`,
-			{
-				[`${prefixCls}-border`]: bordered.value.wrapper,
-				[`${prefixCls}-border-cell`]: bordered.value.cell,
-				[`${prefixCls}-border-header-cell`]: !bordered.value.cell && bordered.value.headerCell,
-				[`${prefixCls}-border-body-cell`]: !bordered.value.cell && bordered.value.bodyCell,
-				[`${prefixCls}-stripe`]: props.stripe,
-				[`${prefixCls}-hover`]: props.hoverable,
-				[`${prefixCls}-dragging`]: dragState.dragging,
-				[`${prefixCls}-type-selection`]: Boolean(props.rowSelection),
-				[`${prefixCls}-empty`]: props.data && flattenData.value.length === 0,
-				[`${prefixCls}-layout-fixed`]: props.tableLayoutFixed || isScroll.value.x || splitTable.value || hasEllipsis.value
-			}
-		]);
-		const paginationCls = (0, vue.computed)(() => [`${prefixCls}-pagination`, {
-			[`${prefixCls}-pagination-left`]: props.pagePosition === "tl" || props.pagePosition === "bl",
-			[`${prefixCls}-pagination-center`]: props.pagePosition === "top" || props.pagePosition === "bottom",
-			[`${prefixCls}-pagination-right`]: props.pagePosition === "tr" || props.pagePosition === "br",
-			[`${prefixCls}-pagination-top`]: isPaginationTop.value
-		}]);
-		const tableCls = (0, vue.computed)(() => {
-			const cls = getTableFixedCls();
-			if (isScroll.value.x) cls.push(getTableScrollCls());
-			if (splitTable.value) cls.push(`${prefixCls}-scroll-y`);
-			return cls;
-		});
-		const isVirtualList = (0, vue.computed)(() => Boolean(props.virtualListProps));
-		const thWidth = (0, vue.ref)({});
-		const getThWidth = () => {
-			const width = {};
-			for (const key of Object.keys(thRefs.value)) width[key] = thRefs.value[key].offsetWidth;
-			thWidth.value = width;
-		};
-		const hasScrollBar = (0, vue.ref)(false);
-		const isTbodyHasScrollBar = () => {
-			if (tbodyRef.value) return tbodyRef.value.offsetWidth > tbodyRef.value.clientWidth;
-			return false;
-		};
-		const handleTbodyResize = () => {
-			const _hasScrollBar = isTbodyHasScrollBar();
-			if (hasScrollBar.value !== _hasScrollBar) hasScrollBar.value = _hasScrollBar;
-			setAlignPosition();
-			getThWidth();
-		};
-		(0, vue.onMounted)(() => {
-			hasScrollBar.value = isTbodyHasScrollBar();
-			getThWidth();
-		});
-		const spinProps = (0, vue.computed)(() => require_is.isObject(props.loading) ? props.loading : { loading: props.loading });
-		const renderEmpty = () => {
-			return (0, vue.createVNode)(require_table_tr.default, { "empty": true }, { default: () => [(0, vue.createVNode)(require_table_td.default, { "colSpan": dataColumns.value.length + operations.value.length }, { default: () => {
-				var _ref2, _slots$empty, _slots$empty2, _configCtx$slots, _configCtx$slots$empt;
-				return [(_ref2 = (_slots$empty = (_slots$empty2 = slots.empty) === null || _slots$empty2 === void 0 ? void 0 : _slots$empty2.call(slots)) !== null && _slots$empty !== void 0 ? _slots$empty : configCtx === null || configCtx === void 0 || (_configCtx$slots$empt = (_configCtx$slots = configCtx.slots).empty) === null || _configCtx$slots$empt === void 0 ? void 0 : _configCtx$slots$empt.call(_configCtx$slots, { component: "table" })) !== null && _ref2 !== void 0 ? _ref2 : (0, vue.createVNode)(require_index$1.default, null, null)];
-			} })] });
-		};
-		const renderExpandContent = (record) => {
-			var _props$expandable2;
-			if (record.expand) return require_is.isFunction(record.expand) ? record.expand() : record.expand;
-			if (slots["expand-row"]) return slots["expand-row"]({ record: record.raw });
-			if ((_props$expandable2 = props.expandable) === null || _props$expandable2 === void 0 ? void 0 : _props$expandable2.expandedRowRender) return props.expandable.expandedRowRender(record.raw);
-		};
-		const allColumns = (0, vue.computed)(() => [].concat(operations.value, dataColumns.value));
-		const { tableSpan, removedCells } = require_use_span.useSpan({
-			spanMethod,
-			data: flattenData,
-			columns: (0, vue.computed)(() => props.spanAll ? allColumns.value : dataColumns.value)
-		});
-		const { tableSpan: tableSummarySpan, removedCells: removedSummaryCells } = require_use_span.useSpan({
-			spanMethod: summarySpanMethod,
-			data: summaryData,
-			columns: allColumns
-		});
-		const getVirtualColumnStyle = (name) => {
-			if (!isVirtualList.value || !name || !thWidth.value[name]) return;
-			return { width: `${thWidth.value[name]}px` };
-		};
-		const renderSummaryRow = (record, rowIndex) => {
-			return (0, vue.createVNode)(require_table_tr.default, {
-				"key": `table-summary-${rowIndex}`,
-				"class": [`${prefixCls}-tr-summary`, require_is.isFunction(props.rowClass) ? props.rowClass(record.raw, rowIndex) : props.rowClass],
-				"onClick": (ev) => handleRowClick(record, ev)
-			}, {
-				default: () => [operations.value.map((operation, index) => {
-					var _tableSummarySpan$val;
-					const cellId = `${rowIndex}-${index}-${record.key}`;
-					const [rowspan, colspan] = (_tableSummarySpan$val = tableSummarySpan.value[cellId]) !== null && _tableSummarySpan$val !== void 0 ? _tableSummarySpan$val : [1, 1];
-					if (removedSummaryCells.value.includes(cellId)) return null;
-					return (0, vue.createVNode)(require_table_operation_td.default, {
-						"style": getVirtualColumnStyle(operation.name),
-						"operationColumn": operation,
-						"operations": operations.value,
-						"record": record,
-						"rowSpan": rowspan,
-						"colSpan": colspan,
-						"summary": true
-					}, null);
-				}), dataColumns.value.map((column, index) => {
-					var _tableSummarySpan$val2;
-					const cellId = `${rowIndex}-${operations.value.length + index}-${record.key}`;
-					const [rowspan, colspan] = (_tableSummarySpan$val2 = tableSummarySpan.value[cellId]) !== null && _tableSummarySpan$val2 !== void 0 ? _tableSummarySpan$val2 : [1, 1];
-					if (removedSummaryCells.value.includes(cellId)) return null;
-					const style = getVirtualColumnStyle(column.dataIndex);
-					return (0, vue.createVNode)(require_table_td.default, {
-						"key": `td-${cellId}`,
-						"style": style,
-						"rowIndex": rowIndex,
-						"record": record,
-						"column": column,
-						"operations": operations.value,
-						"dataColumns": dataColumns.value,
-						"rowSpan": rowspan,
-						"colSpan": colspan,
-						"summary": true,
-						"onClick": (ev) => handleCellClick(record, column, ev),
-						"onDblclick": (ev) => handleCellDblclick(record, column, ev),
-						"onMouseenter": (ev) => handleCellMouseEnter(record, column, ev),
-						"onMouseleave": (ev) => handleCellMouseLeave(record, column, ev),
-						"onContextmenu": (ev) => handleCellContextmenu(record, column, ev)
-					}, {
-						td: slots.td,
-						cell: slots["summary-cell"]
-					});
-				})],
-				tr: slots.tr
-			});
-		};
-		const renderSummary = () => {
-			if (summaryData.value && summaryData.value.length > 0) return (0, vue.createVNode)("tfoot", null, [summaryData.value.map((data, index) => renderSummaryRow(data, index))]);
-			return null;
-		};
-		const renderExpandBtn = (record, stopPropagation = true) => {
-			var _ref3, _slots$expandIcon, _slots$expandIcon2, _props$expandable3, _props$expandable3$ic;
-			const currentKey = record.key;
-			const expanded = expandedRowKeys.value.includes(currentKey);
-			return (0, vue.createVNode)("button", {
-				"type": "button",
-				"class": `${prefixCls}-expand-btn`,
-				"onClick": (ev) => {
-					handleExpand(currentKey, record.raw);
-					if (stopPropagation) ev.stopPropagation();
-				}
-			}, [(_ref3 = (_slots$expandIcon = (_slots$expandIcon2 = slots["expand-icon"]) === null || _slots$expandIcon2 === void 0 ? void 0 : _slots$expandIcon2.call(slots, {
-				expanded,
-				record: record.raw
-			})) !== null && _slots$expandIcon !== void 0 ? _slots$expandIcon : (_props$expandable3 = props.expandable) === null || _props$expandable3 === void 0 || (_props$expandable3$ic = _props$expandable3.icon) === null || _props$expandable3$ic === void 0 ? void 0 : _props$expandable3$ic.call(_props$expandable3, expanded, record.raw)) !== null && _ref3 !== void 0 ? _ref3 : expanded ? (0, vue.createVNode)(require_index$4.default, null, null) : (0, vue.createVNode)(require_index$5.default, null, null)]);
-		};
-		const renderExpand = (record, { indentSize, indexPath, allowDrag, expandContent }) => {
-			if (record.hasSubtree) {
-				var _record$children, _record$children2;
-				if (((_record$children = record.children) === null || _record$children === void 0 ? void 0 : _record$children.length) === 0 && showEmptyTree.value) return renderEmpty();
-				return (_record$children2 = record.children) === null || _record$children2 === void 0 ? void 0 : _record$children2.map((item, index) => renderRecord(item, index, {
-					indentSize,
-					indexPath,
-					allowDrag
-				}));
-			}
-			if (expandContent) {
-				const scrollContainer = containerElement.value;
-				return (0, vue.createVNode)(require_table_tr.default, {
-					"key": `${record.key}-expand`,
-					"expand": true
-				}, { default: () => [(0, vue.createVNode)(require_table_td.default, {
-					"isFixedExpand": hasLeftFixedColumn.value || hasRightFixedColumn.value,
-					"containerWidth": scrollContainer === null || scrollContainer === void 0 ? void 0 : scrollContainer.clientWidth,
-					"colSpan": dataColumns.value.length + operations.value.length
-				}, _isSlot(expandContent) ? expandContent : { default: () => [expandContent] })] });
-			}
-			return null;
-		};
-		const renderRecord = (record, rowIndex, { indentSize = 0, indexPath, allowDrag = true } = {}) => {
-			var _selectedRowKeys$valu;
-			const currentKey = record.key;
-			const currentPath = (indexPath !== null && indexPath !== void 0 ? indexPath : []).concat(rowIndex);
-			const expandContent = renderExpandContent(record);
-			const showExpand = expandedRowKeys.value.includes(currentKey);
-			const isDragTarget = dragState.sourceKey === record.key;
-			const dragSourceEvent = dragType.value ? {
-				draggable: allowDrag,
-				onDragstart: (ev) => {
-					if (!allowDrag) return;
-					handleDragStart(ev, record.key, currentPath, record.raw);
-				},
-				onDragend: (ev) => {
-					if (!allowDrag) return;
-					handleDragEnd(ev);
-				}
-			} : {};
-			const dragTargetEvent = dragType.value ? {
-				onDragenter: (ev) => {
-					if (!allowDrag) return;
-					handleDragEnter(ev, currentPath);
-				},
-				onDragover: (ev) => {
-					if (!allowDrag) return;
-					handleDragover(ev);
-				},
-				onDrop: (ev) => {
-					if (!allowDrag) return;
-					handleChange("drag");
-					handleDrop(ev);
-				}
-			} : {};
-			return (0, vue.createVNode)(vue.Fragment, null, [(0, vue.createVNode)(require_table_tr.default, (0, vue.mergeProps)({
-				"key": currentKey,
-				"class": [{
-					[`${prefixCls}-tr-draggable`]: dragType.value === "row",
-					[`${prefixCls}-tr-drag`]: isDragTarget
-				}, require_is.isFunction(props.rowClass) ? props.rowClass(record.raw, rowIndex) : props.rowClass],
-				"rowIndex": rowIndex,
-				"record": record,
-				"checked": props.rowSelection && ((_selectedRowKeys$valu = selectedRowKeys.value) === null || _selectedRowKeys$valu === void 0 ? void 0 : _selectedRowKeys$valu.includes(currentKey)),
-				"onClick": (ev) => handleRowClick(record, ev),
-				"onDblclick": (ev) => handleRowDblclick(record, ev),
-				"onContextmenu": (ev) => handleRowContextMenu(record, ev)
-			}, dragType.value === "row" ? dragSourceEvent : {}, dragTargetEvent), {
-				default: () => [operations.value.map((operation, index) => {
-					var _tableSpan$value$cell;
-					const cellId = `${rowIndex}-${index}-${record.key}`;
-					const [rowspan, colspan] = props.spanAll ? (_tableSpan$value$cell = tableSpan.value[cellId]) !== null && _tableSpan$value$cell !== void 0 ? _tableSpan$value$cell : [1, 1] : [1, 1];
-					if (props.spanAll && removedCells.value.includes(cellId)) return null;
-					const style = getVirtualColumnStyle(operation.name);
-					return (0, vue.createVNode)(require_table_operation_td.default, (0, vue.mergeProps)({
-						"key": `operation-td-${index}`,
-						"style": style,
-						"operationColumn": operation,
-						"operations": operations.value,
-						"record": record,
-						"hasExpand": Boolean(expandContent),
-						"selectedRowKeys": currentSelectedRowKeys.value,
-						"rowSpan": rowspan,
-						"colSpan": colspan,
-						"renderExpandBtn": renderExpandBtn
-					}, dragType.value === "handle" ? dragSourceEvent : {}), { "drag-handle-icon": slots["drag-handle-icon"] });
-				}), dataColumns.value.map((column, index) => {
-					var _tableSpan$value$cell2;
-					const cellId = `${rowIndex}-${props.spanAll ? operations.value.length + index : index}-${record.key}`;
-					const [rowspan, colspan] = (_tableSpan$value$cell2 = tableSpan.value[cellId]) !== null && _tableSpan$value$cell2 !== void 0 ? _tableSpan$value$cell2 : [1, 1];
-					if (removedCells.value.includes(cellId)) return null;
-					const extraProps = index === 0 ? {
-						showExpandBtn: record.hasSubtree,
-						indentSize: record.hasSubtree ? indentSize - 20 : indentSize
-					} : {};
-					const style = getVirtualColumnStyle(column.dataIndex);
-					return (0, vue.createVNode)(require_table_td.default, (0, vue.mergeProps)({
-						"key": `td-${index}`,
-						"style": style,
-						"rowIndex": rowIndex,
-						"record": record,
-						"column": column,
-						"operations": operations.value,
-						"dataColumns": dataColumns.value,
-						"rowSpan": rowspan,
-						"renderExpandBtn": renderExpandBtn,
-						"colSpan": colspan
-					}, extraProps, {
-						"onClick": (ev) => handleCellClick(record, column, ev),
-						"onDblclick": (ev) => handleCellDblclick(record, column, ev),
-						"onMouseenter": (ev) => handleCellMouseEnter(record, column, ev),
-						"onMouseleave": (ev) => handleCellMouseLeave(record, column, ev),
-						"onContextmenu": (ev) => handleCellContextmenu(record, column, ev)
-					}), { td: slots.td });
-				})],
-				tr: slots.tr
-			}), showExpand && renderExpand(record, {
-				indentSize: indentSize + props.indentSize,
-				indexPath: currentPath,
-				allowDrag: allowDrag && !isDragTarget,
-				expandContent
-			})]);
-		};
-		const renderBody = () => {
-			const hasSubData = flattenData.value.some((record) => Boolean(record.hasSubtree));
-			return (0, vue.createVNode)(require_table_tbody.default, null, {
-				default: () => [flattenData.value.length > 0 ? flattenData.value.map((record, index) => renderRecord(record, index, { indentSize: hasSubData ? 20 : 0 })) : renderEmpty()],
-				tbody: slots.tbody
-			});
-		};
-		const renderHeader = () => (0, vue.createVNode)(require_table_thead.default, null, {
-			default: () => [groupColumns.value.map((row, index) => (0, vue.createVNode)(require_table_tr.default, { "key": `header-row-${index}` }, { default: () => [index === 0 && operations.value.map((operation, index) => {
-				var _props$rowSelection2;
-				return (0, vue.createVNode)(require_table_operation_th.default, {
-					"key": `operation-th-${index}`,
-					"ref": (ins) => {
-						if ((ins === null || ins === void 0 ? void 0 : ins.$el) && operation.name) thRefs.value[operation.name] = ins.$el;
-					},
-					"operationColumn": operation,
-					"operations": operations.value,
-					"selectAll": Boolean(operation.name === "selection-checkbox" && ((_props$rowSelection2 = props.rowSelection) === null || _props$rowSelection2 === void 0 ? void 0 : _props$rowSelection2.showCheckedAll)),
-					"rowSpan": groupColumns.value.length
-				}, null);
-			}), row.map((column, index) => {
-				const resizable = props.columnResizable && Boolean(column.dataIndex) && index < row.length - 1;
-				return (0, vue.createVNode)(require_table_th.default, {
-					"key": `th-${index}`,
-					"ref": (ins) => {
-						if ((ins === null || ins === void 0 ? void 0 : ins.$el) && column.dataIndex) thRefs.value[column.dataIndex] = ins.$el;
-					},
-					"column": column,
-					"operations": operations.value,
-					"dataColumns": dataColumns.value,
-					"resizable": resizable,
-					"onClick": (ev) => handleHeaderClick(column, ev)
-				}, { th: slots.th });
-			})] }))],
-			thead: slots.thead
-		});
-		const renderContent = () => {
-			if (splitTable.value) {
-				var _scrollbarProps$value, _scrollbarProps$value2;
-				const top = require_is.isNumber(props.stickyHeader) ? `${props.stickyHeader}px` : void 0;
-				const mergeOuterClass = [(_scrollbarProps$value = scrollbarProps.value) === null || _scrollbarProps$value === void 0 ? void 0 : _scrollbarProps$value.outerClass];
-				if (props.stickyHeader) mergeOuterClass.push(`${prefixCls}-header-sticky`);
-				const mergeOuterStyle = require_objectSpread2._objectSpread2({ top }, (_scrollbarProps$value2 = scrollbarProps.value) === null || _scrollbarProps$value2 === void 0 ? void 0 : _scrollbarProps$value2.outerStyle);
-				const Component = displayScrollbar.value ? require_index$2.default : "div";
-				return (0, vue.createVNode)(vue.Fragment, null, [
-					props.showHeader && (0, vue.createVNode)(Component, (0, vue.mergeProps)({
-						"ref": theadComRef,
-						"class": [`${prefixCls}-header`, { [`${prefixCls}-header-sticky`]: props.stickyHeader && !displayScrollbar.value }],
-						"style": {
-							overflowY: hasScrollBar.value ? "scroll" : void 0,
-							top: !displayScrollbar.value ? top : void 0
-						}
-					}, scrollbar.value ? require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({
-						hide: flattenData.value.length !== 0,
-						disableVertical: true
-					}, scrollbarProps.value), {}, {
-						outerClass: mergeOuterClass,
-						outerStyle: mergeOuterStyle
-					}) : void 0), { default: () => [(0, vue.createVNode)("table", {
-						"class": `${prefixCls}-element`,
-						"style": headerStyle.value,
-						"cellpadding": 0,
-						"cellspacing": 0
-					}, [(0, vue.createVNode)(require_table_col_group.default, {
-						"dataColumns": dataColumns.value,
-						"operations": operations.value,
-						"columnWidth": columnWidth
-					}, null), renderHeader()])] }),
-					(0, vue.createVNode)(require_resize_observer.default, { "onResize": handleTbodyResize }, { default: () => {
-						var _props$scroll13, _props$scroll14;
-						return [isVirtualList.value && flattenData.value.length ? (0, vue.createVNode)(require_index.default, (0, vue.mergeProps)({
-							"ref": (ins) => {
-								if (ins === null || ins === void 0 ? void 0 : ins.$el) tbodyRef.value = ins.$el;
-							},
-							"class": `${prefixCls}-body`,
-							"data": flattenData.value,
-							"itemKey": "_key",
-							"component": {
-								list: "table",
-								content: "tbody"
-							},
-							"listAttrs": {
-								class: `${prefixCls}-element`,
-								style: contentStyle.value
-							},
-							"paddingPosition": "list",
-							"height": "auto"
-						}, props.virtualListProps, { "onScroll": onTbodyScroll }), { item: ({ item, index }) => renderRecord(item, index) }) : (0, vue.createVNode)(Component, (0, vue.mergeProps)({
-							"ref": tbodyComRef,
-							"class": `${prefixCls}-body`,
-							"style": { maxHeight: require_is.isNumber((_props$scroll13 = props.scroll) === null || _props$scroll13 === void 0 ? void 0 : _props$scroll13.y) ? `${(_props$scroll14 = props.scroll) === null || _props$scroll14 === void 0 ? void 0 : _props$scroll14.y}px` : "100%" }
-						}, scrollbar.value ? require_objectSpread2._objectSpread2({ outerStyle: {
-							display: "flex",
-							minHeight: "0"
-						} }, scrollbarProps.value) : void 0, { "onScroll": onTbodyScroll }), { default: () => [(0, vue.createVNode)("table", {
-							"class": `${prefixCls}-element`,
-							"style": contentStyle.value,
-							"cellpadding": 0,
-							"cellspacing": 0
-						}, [flattenData.value.length !== 0 && (0, vue.createVNode)(require_table_col_group.default, {
-							"dataColumns": dataColumns.value,
-							"operations": operations.value,
-							"columnWidth": columnWidth
-						}, null), renderBody()])] })];
-					} }),
-					summaryData.value && summaryData.value.length > 0 && (0, vue.createVNode)("div", {
-						"ref": summaryRef,
-						"class": `${prefixCls}-tfoot`,
-						"style": { overflowY: hasScrollBar.value ? "scroll" : "hidden" }
-					}, [(0, vue.createVNode)("table", {
-						"class": `${prefixCls}-element`,
-						"style": contentStyle.value,
-						"cellpadding": 0,
-						"cellspacing": 0
-					}, [(0, vue.createVNode)(require_table_col_group.default, {
-						"dataColumns": dataColumns.value,
-						"operations": operations.value,
-						"columnWidth": columnWidth
-					}, null), renderSummary()])])
-				]);
-			}
-			return (0, vue.createVNode)(require_resize_observer.default, { "onResize": () => setAlignPosition() }, { default: () => [(0, vue.createVNode)("table", {
-				"class": `${prefixCls}-element`,
-				"cellpadding": 0,
-				"cellspacing": 0,
-				"style": contentStyle.value
-			}, [
-				(0, vue.createVNode)(require_table_col_group.default, {
-					"dataColumns": dataColumns.value,
-					"operations": operations.value,
-					"columnWidth": columnWidth
-				}, null),
-				props.showHeader && renderHeader(),
-				renderBody(),
-				summaryData.value && summaryData.value.length > 0 && renderSummary()
-			])] });
-		};
-		const renderTable = (content) => {
-			var _props$scroll15;
-			const style = ((_props$scroll15 = props.scroll) === null || _props$scroll15 === void 0 ? void 0 : _props$scroll15.maxHeight) ? { maxHeight: props.scroll.maxHeight } : void 0;
-			const Component = displayScrollbar.value ? require_index$2.default : "div";
-			return (0, vue.createVNode)(vue.Fragment, null, [(0, vue.createVNode)("div", { "class": [`${prefixCls}-container`, tableCls.value] }, [(0, vue.createVNode)(Component, (0, vue.mergeProps)({
-				"ref": contentComRef,
-				"class": [`${prefixCls}-content`, { [`${prefixCls}-content-scroll-x`]: !splitTable.value }],
-				"style": style
-			}, scrollbar.value ? require_objectSpread2._objectSpread2({ outerStyle: { height: "100%" } }, scrollbarProps.value) : void 0, { "onScroll": handleScroll }), { default: () => [content ? (0, vue.createVNode)("table", {
-				"class": `${prefixCls}-element`,
-				"cellpadding": 0,
-				"cellspacing": 0
-			}, [content()]) : renderContent()] })]), slots.footer && (0, vue.createVNode)("div", { "class": `${prefixCls}-footer` }, [slots.footer()])]);
-		};
-		const renderPagination = () => {
-			var _slots$paginationLef, _slots$paginationRig;
-			const paginationProps = require_is.isObject(props.pagination) ? require_omit.omit(props.pagination, [
-				"current",
-				"pageSize",
-				"defaultCurrent",
-				"defaultPageSize"
-			]) : {};
-			return (0, vue.createVNode)("div", { "class": paginationCls.value }, [
-				(_slots$paginationLef = slots["pagination-left"]) === null || _slots$paginationLef === void 0 ? void 0 : _slots$paginationLef.call(slots),
-				(0, vue.createVNode)(require_index$6.default, (0, vue.mergeProps)({
-					"total": validData.value.length,
-					"current": page.value,
-					"pageSize": pageSize.value,
-					"onChange": (page) => {
-						handlePageChange(page);
-						handleChange("pagination");
-					},
-					"onPageSizeChange": (pageSize) => {
-						handlePageSizeChange(pageSize);
-						handleChange("pagination");
-					}
-				}, paginationProps), null),
-				(_slots$paginationRig = slots["pagination-right"]) === null || _slots$paginationRig === void 0 ? void 0 : _slots$paginationRig.call(slots)
-			]);
-		};
-		const style = (0, vue.computed)(() => {
-			var _props$scroll16;
-			if (require_is.isString((_props$scroll16 = props.scroll) === null || _props$scroll16 === void 0 ? void 0 : _props$scroll16.y)) {
-				var _props$scroll17;
-				return { height: (_props$scroll17 = props.scroll) === null || _props$scroll17 === void 0 ? void 0 : _props$scroll17.y };
-			}
-		});
-		const render = () => {
-			var _slots$columns;
-			if (slots.default) return (0, vue.createVNode)("div", { "class": cls.value }, [renderTable(slots.default)]);
-			children.value = (_slots$columns = slots.columns) === null || _slots$columns === void 0 ? void 0 : _slots$columns.call(slots);
-			return (0, vue.createVNode)("div", {
-				"class": cls.value,
-				"style": style.value
-			}, [children.value, (0, vue.createVNode)(require_index$3.default, spinProps.value, { default: () => [
-				props.pagination !== false && (flattenData.value.length > 0 || sortedData.value.length > 0) && isPaginationTop.value && renderPagination(),
-				renderTable(),
-				props.pagination !== false && (flattenData.value.length > 0 || sortedData.value.length > 0) && !isPaginationTop.value && renderPagination()
-			] })]);
-		};
-		return {
-			render,
-			selfExpand: expand,
-			selfExpandAll: expandAll,
-			selfSelect: select,
-			selfSelectAll: selectAll,
-			selfResetFilters: resetFilters,
-			selfClearFilters: clearFilters,
-			selfResetSorters: resetSorters,
-			selfClearSorters: clearSorters
-		};
-	},
-	methods: {
-		selectAll(checked) {
-			return this.selfSelectAll(checked);
-		},
-		select(rowKey, checked) {
-			return this.selfSelect(rowKey, checked);
-		},
-		expandAll(checked) {
-			return this.selfExpandAll(checked);
-		},
-		expand(rowKey, checked) {
-			return this.selfExpand(rowKey, checked);
-		},
-		resetFilters(dataIndex) {
-			return this.selfResetFilters(dataIndex);
-		},
-		clearFilters(dataIndex) {
-			return this.selfClearFilters(dataIndex);
-		},
-		resetSorters() {
-			return this.selfResetSorters();
-		},
-		clearSorters() {
-			return this.selfClearSorters();
-		}
-	},
-	render() {
-		return this.render();
-	}
-});
-//#endregion
-exports.default = table_default;