@sdata/web-vue 3.30.0 → 4.1.0

package/es/table/table.js

@@ -1,1639 +1,5 @@
-import { configProviderInjectionKey } from "../config-provider/context.js";
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectSpread2.js";
-import { getPrefixCls } from "../_utils/global-config.js";
-import { isArray, isFunction, isNull, isNumber, isObject, isString, isUndefined } from "../_utils/is.js";
-import resize_observer_default from "../_components/resize-observer.js";
-import _objectWithoutProperties from "../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectWithoutProperties.js";
-import virtual_list_default from "../_components/virtual-list/index.js";
-import { omit } from "../_utils/omit.js";
-import { useComponentRef } from "../_hooks/use-component-ref.js";
-import { useScrollbar } from "../_hooks/use-scrollbar.js";
-import Empty from "../empty/index.js";
-import Scrollbar from "../scrollbar/index.js";
-import Spin from "../spin/index.js";
-import { useChildrenComponents } from "../_hooks/use-children-components.js";
-import { debounce } from "../_utils/debounce.js";
-import { getValueByPath, setValueByPath } from "../_utils/get-value-by-path.js";
-import IconMinus from "../icon/icon-minus/index.js";
-import IconPlus from "../icon/icon-plus/index.js";
-import Pagination from "../pagination/index.js";
-import { tableInjectionKey } from "./context.js";
-import { useColumnResize } from "./hooks/use-column-resize.js";
-import { useDrag } from "./hooks/use-drag.js";
-import { useExpand } from "./hooks/use-expand.js";
-import { useFilter } from "./hooks/use-filter.js";
-import { usePagination } from "./hooks/use-pagination.js";
-import { getGroupColumns, getTableGridTemplate, mapArrayWithChildren, mapRawTableData } from "./utils.js";
-import { useRowSelection } from "./hooks/use-row-selection.js";
-import { useSorter } from "./hooks/use-sorter.js";
-import { useSpan } from "./hooks/use-span.js";
-import table_operation_td_default from "./table-operation-td.js";
-import table_operation_th_default from "./table-operation-th.js";
-import table_tbody_default from "./table-tbody.js";
-import table_td_default from "./table-td.js";
-import table_th_default from "./table-th.js";
-import table_thead_default from "./table-thead.js";
-import table_tr_default from "./table-tr.js";
-import { Fragment, computed, createVNode, defineComponent, inject, isVNode, mergeProps, onMounted, provide, reactive, ref, toRefs, watch, watchEffect } from "vue";
-//#region components/table/table.tsx
-var _excluded = [
-	"items",
-	"data",
-	"keyField",
-	"itemKey",
-	"listTag",
-	"itemTag",
-	"listClass",
-	"itemClass",
-	"listAttrs",
-	"listStyle",
-	"contentWrapperAttrs",
-	"contentAttrs",
-	"component",
-	"paddingPosition",
-	"isStaticItemHeight",
-	"fixedSize"
-];
-var _excluded2 = ["outerStyle"];
-var _excluded3 = ["outerStyle"];
-function _isSlot(s) {
-	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
-}
-var getRecordKey = (record, rowKey) => isFunction(rowKey) ? rowKey(record) : record[rowKey];
-var DEFAULT_BORDERED = {
-	wrapper: true,
-	cell: false,
-	headerCell: false,
-	bodyCell: false
-};
-var table_default = /* @__PURE__ */ defineComponent({
-	name: "Table",
-	props: {
-		/**
-		* @zh 表格的列描述信息
-		* @en Column info of the table
-		*/
-		columns: {
-			type: Array,
-			default: () => []
-		},
-		/**
-		* @zh 表格的数据
-		* @en Table data
-		*/
-		data: {
-			type: Array,
-			default: () => []
-		},
-		/**
-		* @zh 是否显示边框
-		* @en Whether to show the border
-		*/
-		bordered: {
-			type: [Boolean, Object],
-			default: true
-		},
-		/**
-		* @zh 是否显示选中效果
-		* @en Whether to show the hover effect
-		*/
-		hoverable: {
-			type: Boolean,
-			default: true
-		},
-		/**
-		* @zh 是否开启斑马纹效果
-		* @en Whether to enable the stripe effect
-		*/
-		stripe: {
-			type: Boolean,
-			default: false
-		},
-		/**
-		* @zh 表格的大小
-		* @en The size of the table
-		* @values 'mini','small','medium','large'
-		* @defaultValue 'large'
-		*/
-		size: {
-			type: String,
-			default: () => {
-				var _inject$size, _inject;
-				return (_inject$size = (_inject = inject(configProviderInjectionKey, void 0)) === null || _inject === void 0 ? void 0 : _inject.size) !== null && _inject$size !== void 0 ? _inject$size : "large";
-			}
-		},
-		/**
-		* @zh 表格的 table-layout 属性设置为 fixed，设置为 fixed 后，表格的宽度不会被内容撑开超出 100%。
-		* @en The table-layout property of the table is set to fixed. After it is set to fixed, the width of the table will not be stretched beyond 100% by the content.
-		*/
-		tableLayoutFixed: {
-			type: Boolean,
-			default: false
-		},
-		/**
-		* @zh 是否为加载中状态
-		* @en Whether it is loading state
-		*/
-		loading: {
-			type: [Boolean, Object],
-			default: false
-		},
-		/**
-		* @zh 传递给加载中 Spin 的属性
-		* @en Props passed to the loading Spin
-		*/
-		spinProps: { type: Object },
-		/**
-		* @zh 表格的行选择器配置
-		* @en Table row selector configuration
-		*/
-		rowSelection: { type: Object },
-		/**
-		* @zh 表格的展开行配置
-		* @en Expand row configuration of the table
-		*/
-		expandable: { type: Object },
-		/**
-		* @zh 表格的滚动属性配置。`2.13.0` 版本增加字符型值的支持。`2.20.0` 版本增加 `minWidth`,`maxHeight` 的支持。
-		* @en Scrolling attribute configuration of the table. The `2.13.0` version adds support for character values. `2.20.0` version adds support for `minWidth`, `maxHeight`.
-		*/
-		scroll: { type: Object },
-		/**
-		* @zh 分页的属性配置
-		* @en Pagination properties configuration
-		*/
-		pagination: {
-			type: [Boolean, Object],
-			default: true
-		},
-		/**
-		* @zh 分页选择器的位置
-		* @en The position of the page selector
-		* @values 'tl','top',tr','bl','bottom','br'
-		*/
-		pagePosition: {
-			type: String,
-			default: "br"
-		},
-		/**
-		* @zh 树形表格的缩进距离
-		* @en The indentation distance of the tree table
-		*/
-		indentSize: {
-			type: Number,
-			default: 16
-		},
-		/**
-		* @zh 表格行 `key` 的取值字段
-		* @en Value field of table row `key`
-		*/
-		rowKey: {
-			type: [String, Function],
-			default: "key"
-		},
-		/**
-		* @zh 是否显示表头
-		* @en Whether to show the header
-		*/
-		showHeader: {
-			type: Boolean,
-			default: true
-		},
-		/**
-		* @zh 传递虚拟列表属性，传入此参数以开启虚拟滚动 [VirtualListProps](#VirtualListProps)
-		* @en Pass the virtual list attribute, pass in this parameter to turn on virtual scrolling [VirtualListProps](#VirtualListProps)
-		* @type VirtualListProps
-		*/
-		virtualListProps: { type: Object },
-		/**
-		* @zh 单元格合并方法（索引从数据项开始计数）
-		* @en Cell merge method (The index starts counting from the data item)
-		* @version 2.10.0
-		*/
-		spanMethod: { type: Function },
-		/**
-		* @zh 是否让合并方法的索引包含所有
-		* @en Whether to make the index of the span method contain all
-		* @version 2.18.0
-		*/
-		spanAll: {
-			type: Boolean,
-			default: false
-		},
-		components: { type: Object },
-		/**
-		* @zh 数据懒加载函数，传入时开启懒加载功能
-		* @en Data lazy loading function, open the lazy loading function when it is passed in
-		* @version 2.13.0
-		*/
-		loadMore: { type: Function },
-		/**
-		* @zh 筛选图标是否左对齐
-		* @en Whether the filter icon is aligned to the left
-		* @version 2.13.0
-		*/
-		filterIconAlignLeft: {
-			type: Boolean,
-			default: false
-		},
-		/**
-		* @zh 是否在子树为空时隐藏展开按钮
-		* @en Whether to hide expand button when subtree is empty
-		* @version 2.14.0
-		*/
-		hideExpandButtonOnEmpty: {
-			type: Boolean,
-			default: false
-		},
-		/**
-		* @zh 表格行元素的类名。`2.34.0` 版本增加函数值支持
-		* @en The class name of the table row element. The `2.34.0` version adds support for function values.
-		* @version 2.16.0
-		*/
-		rowClass: { type: [
-			String,
-			Array,
-			Object,
-			Function
-		] },
-		/**
-		* @zh 表格拖拽排序的配置
-		* @en Table drag and drop sorting configuration
-		* @version 2.16.0
-		*/
-		draggable: { type: Object },
-		rowNumber: { type: [Boolean, Object] },
-		/**
-		* @zh 是否允许调整列宽
-		* @en Whether to allow the column width to be adjusted
-		* @version 2.16.0
-		*/
-		columnResizable: { type: Boolean },
-		/**
-		* @zh 显示表尾总结行
-		* @en Show footer summary row
-		* @version 2.21.0
-		*/
-		summary: { type: [Boolean, Function] },
-		/**
-		* @zh 总结行的首列文字
-		* @en The first column of text in the summary line
-		* @version 2.21.0
-		*/
-		summaryText: {
-			type: String,
-			default: "Summary"
-		},
-		/**
-		* @zh 总结行的单元格合并方法
-		* @en Cell Merge Method for Summarizing Rows
-		* @version 2.21.0
-		*/
-		summarySpanMethod: { type: Function },
-		/**
-		* @zh 已选择的行（受控模式）优先于 `rowSelection`
-		* @en Selected row (controlled mode) takes precedence over `rowSelection`
-		* @version 2.25.0
-		*/
-		selectedKeys: { type: Array },
-		/**
-		* @zh 默认已选择的行（非受控模式）优先于 `rowSelection`
-		* @en The selected row by default (uncontrolled mode) takes precedence over `rowSelection`
-		* @version 2.25.0
-		*/
-		defaultSelectedKeys: { type: Array },
-		/**
-		* @zh 显示的展开行、子树（受控模式）优先于 `expandable`
-		* @en Displayed Expanded Row, Subtree (Controlled Mode) takes precedence over `expandable`
-		* @version 2.25.0
-		*/
-		expandedKeys: { type: Array },
-		/**
-		* @zh 默认显示的展开行、子树（非受控模式）优先于 `expandable`
-		* @en Expand row, Subtree displayed by default (Uncontrolled mode) takes precedence over `expandable`
-		* @version 2.25.0
-		*/
-		defaultExpandedKeys: { type: Array },
-		/**
-		* @zh 是否默认展开所有的行
-		* @en Whether to expand all rows by default
-		* @version 2.25.0
-		*/
-		defaultExpandAllRows: {
-			type: Boolean,
-			default: false
-		},
-		/**
-		* @zh 是否开启表头吸顶
-		* @en Whether to open the sticky header
-		* @version 2.30.0
-		*/
-		stickyHeader: {
-			type: [Boolean, Number],
-			default: false
-		},
-		/**
-		* @zh 是否开启虚拟滚动条
-		* @en Whether to enable virtual scroll bar
-		* @version 2.38.0
-		*/
-		scrollbar: {
-			type: [Object, Boolean],
-			default: true
-		},
-		/**
-		* @zh 是否展示空子树
-		* @en Whether to display empty subtrees
-		* @version 2.51.0
-		*/
-		showEmptyTree: {
-			type: Boolean,
-			default: false
-		}
-	},
-	emits: {
-		"update:selectedKeys": (_rowKeys) => true,
-		"update:expandedKeys": (_rowKeys) => true,
-		/**
-		* @zh 点击展开行时触发
-		* @en Triggered when a row is clicked to expand
-		* @param {string | number} rowKey
-		* @param {TableData} record
-		*/
-		"expand": (_rowKey, _record) => true,
-		/**
-		* @zh 已展开的数据行发生改变时触发
-		* @en Triggered when the expanded data row changes
-		* @param {(string | number)[]} rowKeys
-		*/
-		"expandedChange": (_rowKeys) => true,
-		/**
-		* @zh 点击行选择器时触发
-		* @en Triggered when the row selector is clicked
-		* @param {string | number[]} rowKeys
-		* @param {string | number} rowKey
-		* @param {TableData} record
-		*/
-		"select": (_rowKeys, _rowKey, _record) => true,
-		/**
-		* @zh 点击全选选择器时触发
-		* @en Triggered when the select all selector is clicked
-		* @param {boolean} checked
-		*/
-		"selectAll": (_checked) => true,
-		/**
-		* @zh 已选择的数据行发生改变时触发
-		* @en Triggered when the selected data row changes
-		* @param {(string | number)[]} rowKeys
-		*/
-		"selectionChange": (_rowKeys) => true,
-		/**
-		* @zh 排序规则发生改变时触发
-		* @en Triggered when the collation changes
-		* @param {string} dataIndex
-		* @param {string} direction
-		*/
-		"sorterChange": (_dataIndex, _direction) => true,
-		/**
-		* @zh 过滤选项发生改变时触发
-		* @en Triggered when the filter options are changed
-		* @param {string} dataIndex
-		* @param {string[]} filteredValues
-		*/
-		"filterChange": (_dataIndex, _filteredValues) => true,
-		/**
-		* @zh 表格分页发生改变时触发
-		* @en Triggered when the table pagination changes
-		* @param {number} page
-		*/
-		"pageChange": (_page) => true,
-		/**
-		* @zh 表格每页数据数量发生改变时触发
-		* @en Triggered when the number of data per page of the table changes
-		* @param {number} pageSize
-		*/
-		"pageSizeChange": (_pageSize) => true,
-		/**
-		* @zh 表格数据发生变化时触发
-		* @en Triggered when table data changes
-		* @param {TableData[]} data
-		* @param {TableChangeExtra} extra
-		* @param {TableData[]} currentData
-		* @version 2.40.0 增加 currentData
-		*/
-		"change": (_data, _extra, _currentData) => true,
-		/**
-		* @zh 单元格 hover 进入时触发
-		* @en Triggered when hovering into a cell
-		* @param {TableData} record
-		* @param {TableColumnData} column
-		* @param {Event} ev
-		*/
-		"cellMouseEnter": (_record, _column, _ev) => true,
-		/**
-		* @zh 单元格 hover 退出时触发
-		* @en Triggered when hovering out of a cell
-		* @param {TableData} record
-		* @param {TableColumnData} column
-		* @param {Event} ev
-		*/
-		"cellMouseLeave": (_record, _column, _ev) => true,
-		/**
-		* @zh 点击单元格时触发
-		* @en Triggered when a cell is clicked
-		* @param {TableData} record
-		* @param {TableColumnData} column
-		* @param {Event} ev
-		*/
-		"cellClick": (_record, _column, _ev) => true,
-		/**
-		* @zh 点击行数据时触发
-		* @en Triggered when row data is clicked
-		* @param {TableData} record
-		* @param {Event} ev
-		*/
-		"rowClick": (_record, _ev) => true,
-		/**
-		* @zh 点击表头数据时触发
-		* @en Triggered when the header data is clicked
-		* @param {TableColumnData} column
-		* @param {Event} ev
-		*/
-		"headerClick": (_column, _ev) => true,
-		/**
-		* @zh 调整列宽时触发
-		* @en Triggered when column width is adjusted
-		* @param {string} dataIndex
-		* @param {number} width
-		* @version 2.28.0
-		*/
-		"columnResize": (_dataIndex, _width) => true,
-		/**
-		* @zh 双击行数据时触发
-		* @en Triggered when row data is double clicked
-		* @param {TableData} record
-		* @param {Event} ev
-		*/
-		"rowDblclick": (_record, _ev) => true,
-		/**
-		* @zh 双击单元格时触发
-		* @en Triggered when a cell is double clicked
-		* @param {TableData} record
-		* @param {TableColumnData} column
-		* @param {Event} ev
-		*/
-		"cellDblclick": (_record, _column, _ev) => true,
-		/**
-		* @zh 右击行数据时触发
-		* @en Triggered when row data is right clicked
-		* @param {TableData} record
-		* @param {Event} ev
-		*/
-		"rowContextmenu": (_record, _ev) => true,
-		/**
-		* @zh 右击单元格时触发
-		* @en Triggered when a cell is right clicked
-		* @param {TableData} record
-		* @param {TableColumnData} column
-		* @param {Event} ev
-		*/
-		"cellContextmenu": (_record, _column, _ev) => true
-	},
-	/**
-	* @zh 表格列定义。启用时会屏蔽 columns 属性
-	* @en Table column definitions. When enabled, the columns attribute is masked
-	* @slot columns
-	*/
-	/**
-	* @zh 展开行图标
-	* @en Expand row icon
-	* @slot expand-icon
-	* @binding {boolean} expanded
-	* @binding {TableData} record
-	*/
-	/**
-	* @zh 展开行内容
-	* @en Expand row content
-	* @slot expand-row
-	* @binding {TableData} record
-	*/
-	/**
-	* @zh 表格底部
-	* @en Table Footer
-	* @slot footer
-	*/
-	/**
-	* @zh 拖拽锚点图标
-	* @en Drag handle icon
-	* @slot drag-handle-icon
-	* @version 2.16.0
-	*/
-	/**
-	* @zh 自定义 tbody 元素
-	* @en Custom tbody element
-	* @slot tbody
-	* @version 2.16.0
-	*/
-	/**
-	* @zh 自定义 tr 元素
-	* @en Custom tr element
-	* @slot tr
-	* @binding {TableData} record
-	* @binding {number} rowIndex
-	* @version 2.16.0
-	*/
-	/**
-	* @zh 自定义 td 元素
-	* @en Custom td element
-	* @slot td
-	* @binding {TableColumnData} column
-	* @binding {TableData} record
-	* @binding {number} rowIndex
-	* @version 2.16.0
-	*/
-	/**
-	* @zh 分页器左侧内容
-	* @en Content on the left side of the pagination
-	* @slot pagination-left
-	* @version 2.18.0
-	*/
-	/**
-	* @zh 分页器右侧内容
-	* @en Content on the right side of the pagination
-	* @slot pagination-right
-	* @version 2.18.0
-	*/
-	/**
-	* @zh 总结行
-	* @en Content on the right side of the pagination
-	* @slot summary-cell
-	* @binding {TableColumnData} column
-	* @binding {TableData} record
-	* @binding {number} rowIndex
-	* @version 2.23.0
-	*/
-	/**
-	* @zh 空白展示
-	* @en Empty
-	* @slot empty
-	*/
-	/**
-	* @zh 自定义 thead 元素
-	* @en Custom thead element
-	* @slot thead
-	* @version 2.26.0
-	*/
-	/**
-	* @zh 自定义 th 元素
-	* @en Custom th element
-	* @slot th
-	* @binding {TableColumnData} column
-	* @version 2.26.0
-	*/
-	setup(props, { emit, slots }) {
-		const { columns, rowKey, rowSelection, expandable, loadMore, filterIconAlignLeft, selectedKeys, defaultSelectedKeys, expandedKeys, defaultExpandedKeys, defaultExpandAllRows, spanMethod, draggable, summarySpanMethod, scrollbar, showEmptyTree } = toRefs(props);
-		const prefixCls = getPrefixCls("table");
-		const virtualListPrefixCls = getPrefixCls("virtual-list");
-		const configCtx = inject(configProviderInjectionKey, void 0);
-		const bordered = computed(() => {
-			if (isObject(props.bordered)) return _objectSpread2(_objectSpread2({}, DEFAULT_BORDERED), props.bordered);
-			return _objectSpread2(_objectSpread2({}, DEFAULT_BORDERED), {}, { wrapper: props.bordered });
-		});
-		const { children, components } = useChildrenComponents("TableColumn");
-		const checkStrictly = 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 { scrollbarProps } = useScrollbar(scrollbar);
-		const displayScrollbar = computed(() => scrollbar.value !== false);
-		const isScroll = 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 = ref();
-		const thRefs = ref({});
-		const virtualListRef = ref(null);
-		const { componentRef: contentComRef, elementRef: contentRef } = useComponentRef("containerRef");
-		const { componentRef: tbodyComRef, elementRef: tbodyRef } = useComponentRef("containerRef");
-		const { elementRef: virtualRef } = useComponentRef("viewportRef");
-		const { componentRef: theadComRef, elementRef: theadRef } = useComponentRef("containerRef");
-		const containerElement = computed(() => {
-			if (splitTable.value) {
-				if (isVirtualList.value) return virtualRef.value;
-				return tbodyRef.value;
-			}
-			return contentRef.value;
-		});
-		const splitTable = computed(() => isScroll.value.y || props.stickyHeader !== false || isVirtualList.value || isScroll.value.x && flattenData.value.length === 0);
-		const slotColumnMap = reactive(/* @__PURE__ */ new Map());
-		const slotColumns = ref();
-		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 = ref([]);
-		const groupColumns = ref([]);
-		const { resizingColumn, columnWidth, handleThMouseDown } = useColumnResize(thRefs, emit);
-		watch([
-			columns,
-			slotColumns,
-			columnWidth
-		], ([columns, slotColumns]) => {
-			var _ref;
-			const result = 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 = computed(() => [
-			"tl",
-			"top",
-			"tr"
-		].includes(props.pagePosition));
-		const hasLeftFixedColumn = ref(false);
-		const hasRightFixedColumn = ref(false);
-		const hasLeftFixedDataColumns = ref(false);
-		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 = 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 = _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 } = useFilter({
-			columns: dataColumns,
-			onFilterChange: handleFilterChange
-		});
-		const { _sorter, computedSorter, resetSorters, clearSorters } = useSorter({
-			columns: dataColumns,
-			onSorterChange: handleSorterChange
-		});
-		const disabledKeys = /* @__PURE__ */ new Set();
-		const allRowKeys = computed(() => {
-			const allRowKeys = [];
-			disabledKeys.clear();
-			const travelData = (data) => {
-				if (isArray(data) && data.length > 0) for (const record of data) {
-					allRowKeys.push(getRecordKey(record, rowKey.value));
-					if (record.disabled) disabledKeys.add(getRecordKey(record, rowKey.value));
-					if (record.children) travelData(record.children);
-				}
-			};
-			travelData(props.data);
-			return allRowKeys;
-		});
-		const currentAllRowKeys = 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 = 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 { selectedRowKeys, currentSelectedRowKeys, handleSelect, handleSelectAllLeafs, handleSelectAll, select, selectAll, clearSelected } = useRowSelection({
-			selectedKeys,
-			defaultSelectedKeys,
-			rowSelection,
-			currentAllRowKeys,
-			currentAllEnabledRowKeys,
-			emit
-		});
-		const { expandedRowKeys, handleExpand, expand, expandAll } = useExpand({
-			expandedKeys,
-			defaultExpandedKeys,
-			defaultExpandAllRows,
-			expandable,
-			allRowKeys,
-			emit
-		});
-		const lazyLoadData = 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, handleDragover, handleDragEnd, handleDrop } = useDrag(draggable);
-		const processedData = computed(() => {
-			var _props$data;
-			const travel = (data) => {
-				const result = [];
-				for (const _record of data) {
-					const record = {
-						raw: _record,
-						key: getRecordKey(_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 = 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 = computed(() => {
-			const data = 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 = getValueByPath(a.raw, field);
-							const valueB = getValueByPath(b.raw, field);
-							if (((_column$sortable2 = column.sortable) === null || _column$sortable2 === void 0 ? void 0 : _column$sortable2.sorter) && isFunction(column.sortable.sorter)) return column.sortable.sorter(a.raw, b.raw, {
-								dataIndex: field,
-								direction
-							});
-							if (valueA === void 0 || valueB === void 0) return 0;
-							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 } = usePagination(props, emit);
-		const onlyCurrent = 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;
-		});
-		watch(page, (cur, pre) => {
-			if (cur !== pre && onlyCurrent.value) clearSelected();
-		});
-		const flattenData = 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 = computed(() => mapRawTableData(flattenData.value));
-		const getSummaryData = () => {
-			return dataColumns.value.reduce((per, column, index) => {
-				if (column.dataIndex) if (index === 0) setValueByPath(per, column.dataIndex, props.summaryText, { addPath: true });
-				else {
-					let count = 0;
-					let isNotNumber = false;
-					flattenData.value.forEach((data) => {
-						if (column.dataIndex) {
-							const _number = getValueByPath(data.raw, column.dataIndex);
-							if (isNumber(_number)) count += _number;
-							else if (!isUndefined(_number) && !isNull(_number)) isNotNumber = true;
-						}
-					});
-					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: getRecordKey(raw, props.rowKey)
-				};
-			});
-			return [];
-		};
-		const summaryData = computed(() => {
-			if (props.summary) {
-				if (isFunction(props.summary)) return getTableDataWithRaw(props.summary({
-					columns: dataColumns.value,
-					data: flattenRawData.value
-				}));
-				return getTableDataWithRaw([getSummaryData()]);
-			}
-			return [];
-		});
-		const containerScrollLeft = ref(0);
-		const alignLeft = ref(true);
-		const alignRight = 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 = debounce((record, column, ev) => {
-			emit("cellMouseEnter", record.raw, column, ev);
-		}, 30);
-		const handleCellMouseLeave = 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 = 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 isFunction(operationsFn) ? operationsFn({
-				dragHandle,
-				expand,
-				selection
-			}) : operations;
-		});
-		const tableGridTemplate = computed(() => getTableGridTemplate(dataColumns.value, operations.value, columnWidth));
-		const getTableElementStyle = (base) => _objectSpread2(_objectSpread2({}, base), {}, { "--sd-table-grid-template": tableGridTemplate.value });
-		const headerStyle = computed(() => {
-			if (isScroll.value.x) {
-				var _props$scroll5, _props$scroll6, _props$scroll7, _props$scroll8;
-				const style = { width: 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 = isNumber(props.scroll.minWidth) ? `${props.scroll.minWidth}px` : props.scroll.minWidth;
-				return getTableElementStyle(style);
-			}
-			return getTableElementStyle();
-		});
-		const contentStyle = computed(() => {
-			if (isScroll.value.x && flattenData.value.length > 0) {
-				var _props$scroll9, _props$scroll10, _props$scroll11, _props$scroll12;
-				const style = { width: 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 = isNumber(props.scroll.minWidth) ? `${props.scroll.minWidth}px` : props.scroll.minWidth;
-				return getTableElementStyle(style);
-			}
-			return getTableElementStyle();
-		});
-		const addColumn = (id, column) => {
-			slotColumnMap.set(id, column);
-		};
-		const removeColumn = (id) => {
-			slotColumnMap.delete(id);
-		};
-		provide(tableInjectionKey, 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 = 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 = 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 = computed(() => {
-			const cls = getTableFixedCls();
-			if (isScroll.value.x) cls.push(getTableScrollCls());
-			if (splitTable.value) cls.push(`${prefixCls}-scroll-y`);
-			return cls;
-		});
-		const tableVirtualListProps = computed(() => {
-			if (!props.virtualListProps) return {};
-			const _props$virtualListPro = props.virtualListProps, { items: _items, data: _data, keyField: _keyField, itemKey: _itemKey, listTag: _listTag, itemTag: _itemTag, listClass: _listClass, itemClass: _itemClass, listAttrs: _listAttrs, listStyle: _listStyle, contentWrapperAttrs: _contentWrapperAttrs, contentAttrs: _contentAttrs, component: _component, paddingPosition: _paddingPosition, isStaticItemHeight, fixedSize } = _props$virtualListPro;
-			return _objectSpread2(_objectSpread2({ prerender: 20 }, _objectWithoutProperties(_props$virtualListPro, _excluded)), {}, { fixedSize: fixedSize !== null && fixedSize !== void 0 ? fixedSize : isStaticItemHeight });
-		});
-		const isVirtualList = computed(() => Boolean(props.virtualListProps));
-		const thWidth = ref({});
-		const getThWidth = () => {
-			const width = {};
-			for (const key of Object.keys(thRefs.value)) width[key] = thRefs.value[key].offsetWidth;
-			thWidth.value = width;
-		};
-		const hasScrollBar = 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();
-		};
-		onMounted(() => {
-			hasScrollBar.value = isTbodyHasScrollBar();
-			getThWidth();
-		});
-		const mergedSpinProps = computed(() => _objectSpread2(_objectSpread2(_objectSpread2({}, configCtx === null || configCtx === void 0 ? void 0 : configCtx.tableSpinProps), props.spinProps), isObject(props.loading) ? props.loading : { loading: props.loading }));
-		const renderEmpty = () => {
-			return createVNode(table_tr_default, { "empty": true }, { default: () => [createVNode(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 : createVNode(Empty, null, null)];
-			} })] });
-		};
-		const renderExpandContent = (record) => {
-			var _props$expandable2;
-			if (record.expand) return 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 = computed(() => [].concat(operations.value, dataColumns.value));
-		const { tableSpan, removedCells } = useSpan({
-			spanMethod,
-			data: flattenData,
-			columns: computed(() => props.spanAll ? allColumns.value : dataColumns.value)
-		});
-		const { tableSpan: tableSummarySpan, removedCells: removedSummaryCells } = 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 createVNode(table_tr_default, {
-				"key": `table-summary-${rowIndex}`,
-				"class": [`${prefixCls}-tr-summary`, 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 createVNode(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 createVNode(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 createVNode("div", { "class": `${prefixCls}-tfoot-content` }, [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 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 ? createVNode(IconMinus, null, null) : createVNode(IconPlus, 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 createVNode(table_tr_default, {
-					"key": `${record.key}-expand`,
-					"expand": true
-				}, { default: () => [createVNode(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 createVNode(Fragment, null, [createVNode(table_tr_default, mergeProps({
-				"key": currentKey,
-				"class": [{
-					[`${prefixCls}-tr-draggable`]: dragType.value === "row",
-					[`${prefixCls}-tr-drag`]: isDragTarget
-				}, 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 createVNode(table_operation_td_default, 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 createVNode(table_td_default, 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 createVNode(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 = () => createVNode(table_thead_default, null, {
-			default: () => [groupColumns.value.map((row, index) => createVNode(table_tr_default, { "key": `header-row-${index}` }, { default: () => [index === 0 && operations.value.map((operation, index) => {
-				var _props$rowSelection2;
-				return createVNode(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 createVNode(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 _props$scroll13, _props$scroll14, _props$scroll15;
-				const top = isNumber(props.stickyHeader) ? `${props.stickyHeader}px` : void 0;
-				const isStringScrollY = isString((_props$scroll13 = props.scroll) === null || _props$scroll13 === void 0 ? void 0 : _props$scroll13.y);
-				const bodyMaxHeight = isNumber((_props$scroll14 = props.scroll) === null || _props$scroll14 === void 0 ? void 0 : _props$scroll14.y) ? `${(_props$scroll15 = props.scroll) === null || _props$scroll15 === void 0 ? void 0 : _props$scroll15.y}px` : "100%";
-				const _scrollbarProps$value = scrollbarProps.value, { outerStyle: bodyOuterStyle } = _scrollbarProps$value, bodyScrollbarRestProps = _objectWithoutProperties(_scrollbarProps$value, _excluded2);
-				const bodyBaseStyle = isStringScrollY ? {
-					height: bodyMaxHeight,
-					minHeight: 0
-				} : {
-					maxHeight: bodyMaxHeight,
-					minHeight: 0
-				};
-				const bodyScrollbarOuterStyle = Array.isArray(bodyOuterStyle) ? [bodyBaseStyle, ...bodyOuterStyle] : bodyOuterStyle ? [bodyBaseStyle, bodyOuterStyle] : bodyBaseStyle;
-				const bodyComponentStyle = isStringScrollY ? { height: bodyMaxHeight } : { maxHeight: bodyMaxHeight };
-				const BodyComponent = displayScrollbar.value ? Scrollbar : "div";
-				return createVNode(Fragment, null, [
-					props.showHeader && createVNode("div", {
-						"ref": theadComRef,
-						"class": [`${prefixCls}-header`, { [`${prefixCls}-header-sticky`]: props.stickyHeader !== false }],
-						"style": { top }
-					}, [createVNode("div", {
-						"class": `${prefixCls}-element`,
-						"style": headerStyle.value
-					}, [renderHeader()])]),
-					createVNode(resize_observer_default, { "onResize": handleTbodyResize }, { default: () => [isVirtualList.value && flattenData.value.length ? createVNode(virtual_list_default, mergeProps({
-						"ref": (ins) => {
-							if (ins === null || ins === void 0 ? void 0 : ins.$el) {
-								var _ins$$el$querySelecto, _ins$$el;
-								virtualListRef.value = ins;
-								tbodyRef.value = ins.$el;
-								virtualRef.value = (_ins$$el$querySelecto = (_ins$$el = ins.$el).querySelector) === null || _ins$$el$querySelecto === void 0 ? void 0 : _ins$$el$querySelecto.call(_ins$$el, `.${virtualListPrefixCls}-scroller`);
-							} else {
-								virtualListRef.value = null;
-								tbodyRef.value = void 0;
-								virtualRef.value = void 0;
-							}
-						},
-						"class": `${prefixCls}-body`,
-						"items": flattenData.value,
-						"keyField": "_key",
-						"listTag": "div",
-						"itemTag": "div",
-						"listClass": `${prefixCls}-element`,
-						"listStyle": contentStyle.value,
-						"itemClass": `${prefixCls}-virtual-item`,
-						"height": bodyMaxHeight
-					}, tableVirtualListProps.value, {
-						"scrollbar": displayScrollbar.value ? scrollbarProps.value : false,
-						"onScroll": onTbodyScroll
-					}), { item: ({ item, index }) => item ? renderRecord(item, index) : null }) : createVNode(BodyComponent, mergeProps({
-						"ref": tbodyComRef,
-						"class": `${prefixCls}-body`,
-						"style": bodyComponentStyle
-					}, displayScrollbar.value ? _objectSpread2({ outerStyle: bodyScrollbarOuterStyle }, bodyScrollbarRestProps) : void 0, { "onScroll": onTbodyScroll }), { default: () => [createVNode("div", {
-						"class": `${prefixCls}-element`,
-						"style": contentStyle.value
-					}, [renderBody()])] })] }),
-					summaryData.value && summaryData.value.length > 0 && createVNode("div", {
-						"ref": summaryRef,
-						"class": `${prefixCls}-tfoot`,
-						"style": { overflow: "hidden" }
-					}, [createVNode("div", {
-						"class": `${prefixCls}-element`,
-						"style": contentStyle.value
-					}, [renderSummary()])])
-				]);
-			}
-			return createVNode(resize_observer_default, { "onResize": () => setAlignPosition() }, { default: () => [createVNode("div", {
-				"class": `${prefixCls}-element`,
-				"style": contentStyle.value
-			}, [
-				props.showHeader && renderHeader(),
-				renderBody(),
-				summaryData.value && summaryData.value.length > 0 && renderSummary()
-			])] });
-		};
-		const renderTable = (content) => {
-			var _props$scroll16;
-			const style = ((_props$scroll16 = props.scroll) === null || _props$scroll16 === void 0 ? void 0 : _props$scroll16.maxHeight) ? { maxHeight: props.scroll.maxHeight } : void 0;
-			const Component = displayScrollbar.value && !splitTable.value ? Scrollbar : "div";
-			const _scrollbarProps$value2 = scrollbarProps.value, { outerStyle: contentOuterStyle } = _scrollbarProps$value2, contentScrollbarRestProps = _objectWithoutProperties(_scrollbarProps$value2, _excluded3);
-			const contentScrollbarOuterStyle = Array.isArray(contentOuterStyle) ? [{ height: "100%" }, ...contentOuterStyle] : contentOuterStyle ? [{ height: "100%" }, contentOuterStyle] : { height: "100%" };
-			return createVNode(Fragment, null, [createVNode("div", { "class": [`${prefixCls}-container`, tableCls.value] }, [createVNode(Component, mergeProps({
-				"ref": contentComRef,
-				"class": [`${prefixCls}-content`, { [`${prefixCls}-content-scroll-x`]: !splitTable.value }],
-				"style": style
-			}, scrollbar.value && !splitTable.value ? _objectSpread2({ outerStyle: contentScrollbarOuterStyle }, contentScrollbarRestProps) : void 0, { "onScroll": handleScroll }), { default: () => [content ? createVNode("div", { "class": `${prefixCls}-element` }, [content()]) : renderContent()] })]), slots.footer && createVNode("div", { "class": `${prefixCls}-footer` }, [slots.footer()])]);
-		};
-		const renderPagination = () => {
-			var _slots$paginationLef, _slots$paginationRig;
-			const paginationProps = isObject(props.pagination) ? omit(props.pagination, [
-				"current",
-				"pageSize",
-				"defaultCurrent",
-				"defaultPageSize"
-			]) : {};
-			return createVNode("div", { "class": paginationCls.value }, [
-				(_slots$paginationLef = slots["pagination-left"]) === null || _slots$paginationLef === void 0 ? void 0 : _slots$paginationLef.call(slots),
-				createVNode(Pagination, 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 = computed(() => {
-			var _props$scroll17;
-			if (isString((_props$scroll17 = props.scroll) === null || _props$scroll17 === void 0 ? void 0 : _props$scroll17.y)) {
-				var _props$scroll18;
-				return { height: (_props$scroll18 = props.scroll) === null || _props$scroll18 === void 0 ? void 0 : _props$scroll18.y };
-			}
-		});
-		const render = () => {
-			var _slots$columns;
-			if (slots.default) return createVNode("div", {
-				"class": cls.value,
-				"role": "table"
-			}, [renderTable(slots.default)]);
-			children.value = (_slots$columns = slots.columns) === null || _slots$columns === void 0 ? void 0 : _slots$columns.call(slots);
-			return createVNode("div", {
-				"class": cls.value,
-				"style": style.value,
-				"role": "table"
-			}, [children.value, createVNode(Spin, mergedSpinProps.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,
-			selfScrollIntoView: (options) => {
-				var _virtualListRef$value;
-				return (_virtualListRef$value = virtualListRef.value) === null || _virtualListRef$value === void 0 ? void 0 : _virtualListRef$value.scrollTo(options);
-			}
-		};
-	},
-	methods: {
-		/**
-		* @zh 设置全选状态
-		* @en Set select all state
-		* @param { boolean } checked
-		* @public
-		* @version 2.22.0
-		*/
-		selectAll(checked) {
-			return this.selfSelectAll(checked);
-		},
-		/**
-		* @zh 设置行选择器状态
-		* @en Set row selector state
-		* @param { string | number | (string | number)[] } rowKey
-		* @param { boolean } checked
-		* @public
-		* @version 2.31.0
-		*/
-		select(rowKey, checked) {
-			return this.selfSelect(rowKey, checked);
-		},
-		/**
-		* @zh 设置全部展开状态
-		* @en Set all expanded state
-		* @param { boolean } checked
-		* @public
-		* @version 2.31.0
-		*/
-		expandAll(checked) {
-			return this.selfExpandAll(checked);
-		},
-		/**
-		* @zh 设置展开状态
-		* @en Set select all state
-		* @param { string | number | (string | number)[] } rowKey
-		* @param { boolean } checked
-		* @public
-		* @version 2.31.0
-		*/
-		expand(rowKey, checked) {
-			return this.selfExpand(rowKey, checked);
-		},
-		/**
-		* @zh 重置列的筛选器
-		* @en Reset the filter for columns
-		* @param { string | string[] } dataIndex
-		* @public
-		* @version 2.31.0
-		*/
-		resetFilters(dataIndex) {
-			return this.selfResetFilters(dataIndex);
-		},
-		/**
-		* @zh 清空列的筛选器
-		* @en Clear the filter for columns
-		* @param { string | string[] } dataIndex
-		* @public
-		* @version 2.31.0
-		*/
-		clearFilters(dataIndex) {
-			return this.selfClearFilters(dataIndex);
-		},
-		/**
-		* @zh 重置列的排序
-		* @en Reset the order of columns
-		* @public
-		* @version 2.31.0
-		*/
-		resetSorters() {
-			return this.selfResetSorters();
-		},
-		/**
-		* @zh 清空列的排序
-		* @en Clear the order of columns
-		* @public
-		* @version 2.31.0
-		*/
-		clearSorters() {
-			return this.selfClearSorters();
-		},
-		/**
-		* @zh 虚拟滚动到指定行
-		* @en Virtual scroll to the specified row
-		* @param {{ index?: number; key?: number | string; align?: 'auto' | 'top' | 'bottom' | 'start' | 'center' | 'end' | 'nearest' }} options
-		* @public
-		*/
-		scrollIntoView(options) {
-			return this.selfScrollIntoView(options);
-		}
-	},
-	render() {
-		return this.render();
-	}
-});
+import table_vue_vue_type_script_setup_true_lang_default from "./table.vue_vue_type_script_setup_true_lang.js";
+//#region components/table/table.vue
+var table_default = table_vue_vue_type_script_setup_true_lang_default;
 //#endregion
 export { table_default as default };