@sdata/web-vue 3.30.0 → 4.1.0

package/es/table/table.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,1568 @@
+import { configProviderInjectionKey } from "../config-provider/context.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.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.142.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 { tableInjectionKey } from "./context.js";
+import table_tbody_default from "./table-tbody.js";
+import { getValueByPath, setValueByPath } from "../_utils/get-value-by-path.js";
+import { getGroupColumns, getTableGridTemplate, mapArrayWithChildren, mapRawTableData } from "./utils.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 { debounce } from "../_utils/debounce.js";
+import IconMinus from "../icon/icon-minus/index.js";
+import IconPlus from "../icon/icon-plus/index.js";
+import Pagination from "../pagination/index.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 { 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 { Fragment, computed, createBlock, createVNode, defineComponent, inject, isVNode, mergeProps, onMounted, openBlock, provide, reactive, ref, toRef, useSlots, watch, watchEffect } from "vue";
+//#region components/table/table.vue?vue&type=script&setup=true&lang.ts
+var _excluded = [
+	"items",
+	"data",
+	"keyField",
+	"itemKey",
+	"listTag",
+	"itemTag",
+	"listClass",
+	"itemClass",
+	"listAttrs",
+	"listStyle",
+	"contentWrapperAttrs",
+	"contentAttrs",
+	"component",
+	"paddingPosition",
+	"isStaticItemHeight",
+	"fixedSize"
+];
+var _excluded2 = ["outerStyle"];
+var _excluded3 = ["outerStyle"];
+var table_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "Table" }), {}, {
+	__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
+	},
+	setup(__props, { expose: __expose, emit: __emit }) {
+		function _isSlot(s) {
+			return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+		}
+		const getRecordKey = (record, rowKey) => isFunction(rowKey) ? rowKey(record) : record[rowKey];
+		const DEFAULT_BORDERED = {
+			wrapper: true,
+			cell: false,
+			headerCell: false,
+			bodyCell: false
+		};
+		const props = __props;
+		const emit = __emit;
+		/**
+		* @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
+		*/
+		const slots = useSlots();
+		const VNodeRenderer = ({ content }) => content;
+		const columns = toRef(props, "columns");
+		const rowKey = toRef(props, "rowKey");
+		const rowSelection = toRef(props, "rowSelection");
+		const expandable = toRef(props, "expandable");
+		const loadMore = toRef(props, "loadMore");
+		const filterIconAlignLeft = toRef(props, "filterIconAlignLeft");
+		const selectedKeys = toRef(props, "selectedKeys");
+		const defaultSelectedKeys = toRef(props, "defaultSelectedKeys");
+		const expandedKeys = toRef(props, "expandedKeys");
+		const defaultExpandedKeys = toRef(props, "defaultExpandedKeys");
+		const defaultExpandAllRows = toRef(props, "defaultExpandAllRows");
+		const spanMethod = toRef(props, "spanMethod");
+		const draggable = toRef(props, "draggable");
+		const summarySpanMethod = toRef(props, "summarySpanMethod");
+		const scrollbar = toRef(props, "scrollbar");
+		const showEmptyTree = toRef(props, "showEmptyTree");
+		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: columnComponents } = 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([columnComponents, slotColumnMap], ([componentIds, slotColumnMap]) => {
+			if (componentIds.length > 0) {
+				const columns = [];
+				componentIds.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, rest = _objectWithoutProperties(_props$virtualListPro, _excluded);
+			return _objectSpread2(_objectSpread2({ prerender: 20 }, rest), {}, { 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 spanColumns = computed(() => props.spanAll ? allColumns.value : dataColumns.value);
+		const { tableSpan, removedCells } = useSpan({
+			spanMethod,
+			data: flattenData,
+			columns: spanColumns
+		});
+		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;
+					const style = getVirtualColumnStyle(operation.name);
+					return createVNode(table_operation_td_default, {
+						style,
+						operationColumn: operation,
+						operations: operations.value,
+						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,
+						rowIndex,
+						record,
+						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,
+				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,
+						operationColumn: operation,
+						operations: operations.value,
+						record,
+						hasExpand: Boolean(expandContent),
+						selectedRowKeys: currentSelectedRowKeys.value,
+						rowSpan: rowspan,
+						colSpan: colspan,
+						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,
+						rowIndex,
+						record,
+						column,
+						operations: operations.value,
+						dataColumns: dataColumns.value,
+						rowSpan: rowspan,
+						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 setThRef = (key, instance) => {
+			const element = instance && "$el" in instance ? instance.$el : instance;
+			if (key && element instanceof HTMLElement) thRefs.value[key] = element;
+		};
+		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) => setThRef(operation.name, ins),
+					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) => setThRef(column.dataIndex, ins),
+					column,
+					operations: operations.value,
+					dataColumns: dataColumns.value,
+					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) : {}, { 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
+			}, scrollbar.value && !splitTable.value ? _objectSpread2({ outerStyle: contentScrollbarOuterStyle }, contentScrollbarRestProps) : {}, { 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()
+			] })]);
+		};
+		__expose({
+			selectAll,
+			select,
+			expandAll,
+			expand,
+			resetFilters,
+			clearFilters,
+			resetSorters,
+			clearSorters,
+			scrollIntoView: (options) => {
+				var _virtualListRef$value;
+				return (_virtualListRef$value = virtualListRef.value) === null || _virtualListRef$value === void 0 ? void 0 : _virtualListRef$value.scrollTo(options);
+			}
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(VNodeRenderer, { content: render() }, null, 8, ["content"]);
+		};
+	}
+}));
+//#endregion
+export { table_vue_vue_type_script_setup_true_lang_default as default };