@sdata/web-vue 3.2.1 → 3.3.0

package/es/table/style/index.css

@@ -129,6 +129,9 @@
   grid-column: 1/-1;
   grid-template-columns: var(--sd-table-grid-template, minmax(0, 1fr));
 }
+.sd-table-thead > .sd-table-tr, .sd-table-tbody > .sd-table-tr, .sd-table-tfoot-content > .sd-table-tr {
+  display: contents;
+}
 .sd-table-tbody > .sd-virtual-list, .sd-table-tbody > .sd-table-body {
   grid-column: 1/-1;
   width: 100%;
@@ -463,9 +466,10 @@
   flex-direction: column;
   width: auto;
   height: 100%;
+  overflow: hidden;
 }
 .sd-table-container .sd-table-content-scroll-x {
-  overflow: auto hidden;
+  overflow: hidden;
 }
 .sd-table-container::before, .sd-table-container::after {
   position: absolute;
@@ -494,6 +498,7 @@
   box-shadow: inset -6px 0 8px -3px rgba(0, 0, 0, 0.15);
 }
 .sd-table-header {
+  flex: 0 0 auto;
   width: 100%;
   min-width: 100%;
   overflow: hidden;
@@ -518,13 +523,15 @@
   background-color: transparent;
 }
 .sd-table.sd-table-empty .sd-table-header {
-  overflow-x: auto;
+  overflow-x: hidden;
 }
 .sd-table-body {
   position: relative;
+  flex: 1 1 auto;
   width: 100%;
-  min-height: 40px;
-  overflow: auto;
+  min-width: 0;
+  min-height: 0;
+  overflow: hidden;
   background-color: var(--sd-color-bg-2);
 }
 .sd-table-border .sd-table-container {
@@ -644,7 +651,7 @@
   z-index: 1;
   flex-shrink: 0;
   width: 100%;
-  overflow-x: auto;
+  overflow-x: hidden;
   background-color: var(--sd-color-neutral-2);
   box-shadow: 0 -1px 0 var(--sd-color-neutral-3);
   scrollbar-color: transparent transparent;

package/es/table/style/index.scss

@@ -190,6 +190,12 @@ $table-cls-td: string.unquote('#{$table-prefix-cls}-td');
     grid-template-columns: var(--sd-table-grid-template, minmax(0, 1fr));
   }
 
+  &-thead > &-tr,
+  &-tbody > &-tr,
+  &-tfoot-content > &-tr {
+    display: contents;
+  }
+
   &-tbody > .#{theme.$prefix}-virtual-list,
   &-tbody > .#{$table-prefix-cls}-body {
     grid-column: 1 / -1;
@@ -435,7 +441,7 @@ $table-cls-td: string.unquote('#{$table-prefix-cls}-td');
     padding-left: 0;
   }
 
-  // colgroup selection
+  // operation column sizing
   &-selection-checkbox-col,
   &-selection-radio-col {
     @include fixed-width($table-size-selection-col-width);
@@ -607,9 +613,10 @@ $table-cls-td: string.unquote('#{$table-prefix-cls}-td');
       flex-direction: column;
       width: auto;
       height: 100%;
+      overflow: hidden;
 
       &-scroll-x {
-        overflow: auto hidden;
+        overflow: hidden;
       }
     }
 
@@ -657,6 +664,7 @@ $table-cls-td: string.unquote('#{$table-prefix-cls}-td');
   }
 
   &-header {
+    flex: 0 0 auto;
     width: 100%;
     min-width: 100%;
     overflow: hidden;
@@ -687,14 +695,16 @@ $table-cls-td: string.unquote('#{$table-prefix-cls}-td');
   }
 
   &#{&}-empty &-header {
-    overflow-x: auto;
+    overflow-x: hidden;
   }
 
   &-body {
     position: relative;
+    flex: 1 1 auto;
     width: 100%;
-    min-height: $table-size-body-min-width;
-    overflow: auto;
+    min-width: 0;
+    min-height: 0;
+    overflow: hidden;
     background-color: $table-color-body-background;
   }
 
@@ -911,7 +921,7 @@ $table-cls-td: string.unquote('#{$table-prefix-cls}-td');
     z-index: 1;
     flex-shrink: 0;
     width: 100%;
-    overflow-x: auto;
+    overflow-x: hidden;
     background-color: $table-color-bg-tfoot;
     box-shadow: 0 (-$table-border-width) 0 $table-color-border;
     scrollbar-color: transparent transparent;

package/es/table/table-operation-td.js

@@ -6,8 +6,8 @@ import IconMinus from "../icon/icon-minus/index.js";
 import IconPlus from "../icon/icon-plus/index.js";
 import IconDragDotVertical from "../icon/icon-drag-dot-vertical/index.js";
 import { tableInjectionKey } from "./context.js";
-import { getLeafKeys, getOperationFixedCls, getOperationStyle, getSelectionStatus } from "./utils.js";
-import { computed, createVNode, defineComponent, inject, mergeProps } from "vue";
+import { getGridSpanStyle, getLeafKeys, getOperationFixedCls, getOperationStyle, getSelectionStatus } from "./utils.js";
+import { computed, createVNode, defineComponent, inject } from "vue";
 //#region components/table/table-operation-td.tsx
 var table_operation_td_default = /* @__PURE__ */ defineComponent({
 	name: "OperationTd",
@@ -53,7 +53,7 @@ var table_operation_td_default = /* @__PURE__ */ defineComponent({
 	setup(props, { slots }) {
 		const prefixCls = getPrefixCls("table");
 		const tableCtx = inject(tableInjectionKey, {});
-		const style = computed(() => _objectSpread2(_objectSpread2(_objectSpread2({}, getOperationStyle(props.operationColumn, props.operations)), props.colSpan > 1 ? { gridColumn: `span ${props.colSpan}` } : void 0), props.rowSpan > 1 ? { gridRow: `span ${props.rowSpan}` } : void 0));
+		const style = computed(() => _objectSpread2(_objectSpread2({}, getOperationStyle(props.operationColumn, props.operations)), getGridSpanStyle(props.rowSpan, props.colSpan)));
 		const cls = computed(() => [
 			`${prefixCls}-td`,
 			`${prefixCls}-operation`,
@@ -76,7 +76,7 @@ var table_operation_td_default = /* @__PURE__ */ defineComponent({
 			if (props.operationColumn.name === "selection-checkbox") {
 				var _props$selectedRowKey, _props$selectedRowKey2;
 				const value = props.record.key;
-				if (!tableCtx.checkStrictly && !props.record.isLeaf) return createVNode(Checkbox, mergeProps({
+				if (!tableCtx.checkStrictly && !props.record.isLeaf) return createVNode(Checkbox, {
 					"modelValue": selectionStatus.value.checked,
 					"indeterminate": selectionStatus.value.indeterminate,
 					"disabled": Boolean(props.record.disabled),
@@ -84,30 +84,33 @@ var table_operation_td_default = /* @__PURE__ */ defineComponent({
 					"onChange": (checked) => {
 						var _tableCtx$onSelectAll;
 						return (_tableCtx$onSelectAll = tableCtx.onSelectAllLeafs) === null || _tableCtx$onSelectAll === void 0 ? void 0 : _tableCtx$onSelectAll.call(tableCtx, props.record, checked);
-					}
-				}, { onClick: (ev) => ev.stopPropagation() }), null);
-				return createVNode(Checkbox, mergeProps({
+					},
+					"onClick": (ev) => ev.stopPropagation()
+				}, null);
+				return createVNode(Checkbox, {
 					"modelValue": (_props$selectedRowKey = (_props$selectedRowKey2 = props.selectedRowKeys) === null || _props$selectedRowKey2 === void 0 ? void 0 : _props$selectedRowKey2.includes(value)) !== null && _props$selectedRowKey !== void 0 ? _props$selectedRowKey : false,
 					"disabled": Boolean(props.record.disabled),
 					"uninjectGroupContext": true,
 					"onChange": (checked) => {
 						var _tableCtx$onSelect;
 						return (_tableCtx$onSelect = tableCtx.onSelect) === null || _tableCtx$onSelect === void 0 ? void 0 : _tableCtx$onSelect.call(tableCtx, checked, props.record);
-					}
-				}, { onClick: (ev) => ev.stopPropagation() }), null);
+					},
+					"onClick": (ev) => ev.stopPropagation()
+				}, null);
 			}
 			if (props.operationColumn.name === "selection-radio") {
 				var _props$selectedRowKey3, _props$selectedRowKey4;
 				const value = props.record.key;
-				return createVNode(Radio, mergeProps({
+				return createVNode(Radio, {
 					"modelValue": (_props$selectedRowKey3 = (_props$selectedRowKey4 = props.selectedRowKeys) === null || _props$selectedRowKey4 === void 0 ? void 0 : _props$selectedRowKey4.includes(value)) !== null && _props$selectedRowKey3 !== void 0 ? _props$selectedRowKey3 : false,
 					"disabled": Boolean(props.record.disabled),
 					"uninjectGroupContext": true,
 					"onChange": (checked) => {
 						var _tableCtx$onSelect2;
 						return (_tableCtx$onSelect2 = tableCtx.onSelect) === null || _tableCtx$onSelect2 === void 0 ? void 0 : _tableCtx$onSelect2.call(tableCtx, checked, props.record);
-					}
-				}, { onClick: (ev) => ev.stopPropagation() }), null);
+					},
+					"onClick": (ev) => ev.stopPropagation()
+				}, null);
 			}
 			if (props.operationColumn.name === "expand") {
 				if (props.hasExpand && props.renderExpandBtn) return props.renderExpandBtn(props.record);

package/es/table/table-operation-th.js

@@ -3,7 +3,7 @@ import { getPrefixCls } from "../_utils/global-config.js";
 import { isFunction } from "../_utils/is.js";
 import Checkbox from "../checkbox/index.js";
 import { tableInjectionKey } from "./context.js";
-import { getOperationFixedCls, getOperationStyle } from "./utils.js";
+import { getGridSpanStyle, getOperationFixedCls, getOperationStyle } from "./utils.js";
 import { computed, createVNode, defineComponent, inject } from "vue";
 //#region components/table/table-operation-th.tsx
 var table_operation_th_default = /* @__PURE__ */ defineComponent({
@@ -58,7 +58,7 @@ var table_operation_th_default = /* @__PURE__ */ defineComponent({
 			if (props.operationColumn.title) return isFunction(props.operationColumn.title) ? props.operationColumn.title() : props.operationColumn.title;
 			return null;
 		};
-		const style = computed(() => _objectSpread2(_objectSpread2({}, getOperationStyle(props.operationColumn, props.operations)), props.rowSpan > 1 ? { gridRow: `span ${props.rowSpan}` } : void 0));
+		const style = computed(() => _objectSpread2(_objectSpread2({}, getOperationStyle(props.operationColumn, props.operations)), getGridSpanStyle(props.rowSpan)));
 		const cls = computed(() => [
 			`${prefixCls}-th`,
 			`${prefixCls}-operation`,

package/es/table/table-tbody.js

@@ -1,11 +1,13 @@
+import { getPrefixCls } from "../_utils/global-config.js";
 import { createVNode, defineComponent } from "vue";
 //#region components/table/table-tbody.tsx
 var table_tbody_default = /* @__PURE__ */ defineComponent({
 	name: "Tbody",
 	setup(_, { slots }) {
+		const prefixCls = getPrefixCls("table");
 		return () => {
 			var _slots$tbody$, _slots$tbody;
-			return createVNode((_slots$tbody$ = (_slots$tbody = slots.tbody) === null || _slots$tbody === void 0 ? void 0 : _slots$tbody.call(slots)[0]) !== null && _slots$tbody$ !== void 0 ? _slots$tbody$ : "div", { class: "sd-table-tbody" }, { default: slots.default });
+			return createVNode((_slots$tbody$ = (_slots$tbody = slots.tbody) === null || _slots$tbody === void 0 ? void 0 : _slots$tbody.call(slots)[0]) !== null && _slots$tbody$ !== void 0 ? _slots$tbody$ : "div", { class: `${prefixCls}-tbody` }, { default: slots.default });
 		};
 	}
 });

package/es/table/table-td.js

@@ -4,7 +4,7 @@ import { isFunction, isObject } from "../_utils/is.js";
 import IconLoading from "../icon/icon-loading/index.js";
 import { getValueByPath } from "../_utils/get-value-by-path.js";
 import { tableInjectionKey } from "./context.js";
-import { getFixedCls, getStyle } from "./utils.js";
+import { getFixedCls, getGridSpanStyle, getStyle } from "./utils.js";
 import auto_tooltip_default from "../_components/auto-tooltip/auto-tooltip.js";
 import { computed, createVNode, defineComponent, inject, isVNode, ref } from "vue";
 //#region components/table/table-td.tsx
@@ -112,7 +112,7 @@ var table_td_default = /* @__PURE__ */ defineComponent({
 				operations: props.operations
 			});
 			const customStyle = getCustomStyle();
-			return _objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2({}, style), props.colSpan > 1 ? { gridColumn: `span ${props.colSpan}` } : void 0), props.rowSpan > 1 ? { gridRow: `span ${props.rowSpan}` } : void 0), (_props$column13 = props.column) === null || _props$column13 === void 0 ? void 0 : _props$column13.cellStyle), customStyle);
+			return _objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2({}, style), getGridSpanStyle(props.rowSpan, props.colSpan)), (_props$column13 = props.column) === null || _props$column13 === void 0 ? void 0 : _props$column13.cellStyle), customStyle);
 		});
 		const cellStyle = computed(() => {
 			if (props.isFixedExpand && props.containerWidth) return { width: `${props.containerWidth}px` };
@@ -166,8 +166,7 @@ var table_td_default = /* @__PURE__ */ defineComponent({
 				"style": cellStyle.value
 			}, [
 				props.indentSize > 0 && createVNode("span", { "style": { paddingLeft: `${props.indentSize}px` } }, null),
-				props.showExpandBtn && createVNode("button", {
-					"type": "button",
+				props.showExpandBtn && createVNode("span", {
 					"class": `${prefixCls}-cell-inline-icon`,
 					"onClick": handleClick
 				}, [isLoading.value ? createVNode(IconLoading, null, null) : (_props$renderExpandBt = props.renderExpandBtn) === null || _props$renderExpandBt === void 0 ? void 0 : _props$renderExpandBt.call(props, props.record, false)]),

package/es/table/table-th.js

@@ -9,13 +9,13 @@ import Checkbox from "../checkbox/index.js";
 import Radio from "../radio/index.js";
 import IconCaretDown from "../icon/icon-caret-down/index.js";
 import { tableInjectionKey } from "./context.js";
-import { getFixedCls, getStyle } from "./utils.js";
+import { getFixedCls, getGridSpanStyle, getStyle } from "./utils.js";
 import auto_tooltip_default from "../_components/auto-tooltip/auto-tooltip.js";
 import IconCaretUp from "../icon/icon-caret-up/index.js";
 import IconFilter from "../icon/icon-filter/index.js";
 import { useColumnFilter } from "./hooks/use-column-filter.js";
 import { useColumnSorter } from "./hooks/use-column-sorter.js";
-import { Fragment, computed, createVNode, defineComponent, inject, isVNode, mergeProps, toRefs } from "vue";
+import { computed, createVNode, defineComponent, inject, isVNode, mergeProps, toRefs } from "vue";
 //#region components/table/table-th.tsx
 function _isSlot(s) {
 	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
@@ -95,29 +95,17 @@ var table_th_default = /* @__PURE__ */ defineComponent({
 				var _columnFilterValue$va;
 				return createVNode("li", {
 					"class": `${prefixCls}-filters-item`,
-					"key": `${item.value}-${index}`
+					"key": index
 				}, [isMultipleFilter.value ? createVNode(Checkbox, {
 					"value": item.value,
 					"modelValue": columnFilterValue.value,
 					"uninjectGroupContext": true,
-					"onChange": (value) => {
-						if (Array.isArray(value)) {
-							handleCheckboxFilterChange(value.map(String));
-							return;
-						}
-						throw new Error("Checkbox filter value should be an array");
-					}
+					"onChange": handleCheckboxFilterChange
 				}, { default: () => [item.text] }) : createVNode(Radio, {
 					"value": item.value,
 					"modelValue": (_columnFilterValue$va = columnFilterValue.value[0]) !== null && _columnFilterValue$va !== void 0 ? _columnFilterValue$va : "",
 					"uninjectGroupContext": true,
-					"onChange": (value) => {
-						if (typeof value === "string") {
-							handleRadioFilterChange(value);
-							return;
-						}
-						throw new Error("Radio filter value should be a string");
-					}
+					"onChange": handleRadioFilterChange
 				}, { default: () => [item.text] })]);
 			})]), createVNode("div", { "class": `${prefixCls}-filters-bottom` }, [createVNode(Button, {
 				"size": "mini",
@@ -138,14 +126,15 @@ var table_th_default = /* @__PURE__ */ defineComponent({
 				"popupOffset": filterIconAlignLeft.value ? 4 : 0,
 				"onPopupVisibleChange": handleFilterPopupVisibleChange
 			}, filterable.triggerProps), {
-				default: () => [createVNode(icon_hover_default, mergeProps({
+				default: () => [createVNode(icon_hover_default, {
 					"class": [`${prefixCls}-filters`, {
 						[`${prefixCls}-filters-active`]: isFilterActive.value,
 						[`${prefixCls}-filters-open`]: filterPopupVisible.value,
 						[`${prefixCls}-filters-align-left`]: filterIconAlignLeft.value
 					}],
-					"disabled": !filterIconAlignLeft.value
-				}, { onClick: (ev) => ev.stopPropagation() }), { default: () => {
+					"disabled": !filterIconAlignLeft.value,
+					"onClick": (ev) => ev.stopPropagation()
+				}, { default: () => {
 					var _ref, _props$column$slots$f, _props$column$slots3, _props$column$slots3$, _filterable$icon;
 					return [(_ref = (_props$column$slots$f = (_props$column$slots3 = props.column.slots) === null || _props$column$slots3 === void 0 || (_props$column$slots3$ = _props$column$slots3["filter-icon"]) === null || _props$column$slots3$ === void 0 ? void 0 : _props$column$slots3$.call(_props$column$slots3)) !== null && _props$column$slots$f !== void 0 ? _props$column$slots$f : (_filterable$icon = filterable.icon) === null || _filterable$icon === void 0 ? void 0 : _filterable$icon.call(filterable)) !== null && _ref !== void 0 ? _ref : createVNode(IconFilter, null, null)];
 				} })],
@@ -173,10 +162,13 @@ var table_th_default = /* @__PURE__ */ defineComponent({
 			if (isFunction(props.column.title)) return props.column.title();
 			return props.column.title;
 		};
-		const renderCellContent = () => {
+		const renderCell = () => {
 			var _props$column7, _props$column8, _props$column9;
 			let _slot3;
-			return createVNode(Fragment, null, [
+			return createVNode("span", {
+				"class": cellCls.value,
+				"onClick": hasSorter.value ? handleClickSorter : void 0
+			}, [
 				((_props$column7 = props.column) === null || _props$column7 === void 0 ? void 0 : _props$column7.ellipsis) && ((_props$column8 = props.column) === null || _props$column8 === void 0 ? void 0 : _props$column8.tooltip) ? createVNode(auto_tooltip_default, {
 					"class": `${prefixCls}-th-title`,
 					"tooltipProps": tooltipProps.value
@@ -185,22 +177,12 @@ var table_th_default = /* @__PURE__ */ defineComponent({
 				filterIconAlignLeft.value && renderFilter()
 			]);
 		};
-		const renderCell = () => {
-			if (hasSorter.value) return createVNode("button", {
-				"type": "button",
-				"class": cellCls.value,
-				"onClick": handleClickSorter
-			}, [renderCellContent()]);
-			return createVNode("span", { "class": cellCls.value }, [renderCellContent()]);
-		};
 		const style = computed(() => {
-			var _props$column$colSpan, _props$column$rowSpan, _props$column10, _props$column11;
-			const colSpan = (_props$column$colSpan = props.column.colSpan) !== null && _props$column$colSpan !== void 0 ? _props$column$colSpan : 1;
-			const rowSpan = (_props$column$rowSpan = props.column.rowSpan) !== null && _props$column$rowSpan !== void 0 ? _props$column$rowSpan : 1;
-			return _objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2({}, getStyle(props.column, {
+			var _props$column10, _props$column11;
+			return _objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2({}, getStyle(props.column, {
 				dataColumns: props.dataColumns,
 				operations: props.operations
-			})), colSpan > 1 ? { gridColumn: `span ${colSpan}` } : void 0), rowSpan > 1 ? { gridRow: `span ${rowSpan}` } : void 0), (_props$column10 = props.column) === null || _props$column10 === void 0 ? void 0 : _props$column10.cellStyle), (_props$column11 = props.column) === null || _props$column11 === void 0 ? void 0 : _props$column11.headerCellStyle);
+			})), getGridSpanStyle(props.column.rowSpan, props.column.colSpan)), (_props$column10 = props.column) === null || _props$column10 === void 0 ? void 0 : _props$column10.cellStyle), (_props$column11 = props.column) === null || _props$column11 === void 0 ? void 0 : _props$column11.headerCellStyle);
 		});
 		const cls = computed(() => {
 			var _props$column12, _props$column13;
@@ -215,10 +197,12 @@ var table_th_default = /* @__PURE__ */ defineComponent({
 				(_props$column13 = props.column) === null || _props$column13 === void 0 ? void 0 : _props$column13.headerCellClass
 			];
 		});
-		const handleResizeMouseDown = (ev) => {
-			var _props$column14, _tableCtx$onThMouseDo;
-			if (!((_props$column14 = props.column) === null || _props$column14 === void 0 ? void 0 : _props$column14.dataIndex)) return;
-			(_tableCtx$onThMouseDo = tableCtx.onThMouseDown) === null || _tableCtx$onThMouseDo === void 0 || _tableCtx$onThMouseDo.call(tableCtx, props.column.dataIndex, ev);
+		const handleMouseDown = (ev) => {
+			var _props$column14;
+			if ((_props$column14 = props.column) === null || _props$column14 === void 0 ? void 0 : _props$column14.dataIndex) {
+				var _tableCtx$onThMouseDo, _props$column15;
+				(_tableCtx$onThMouseDo = tableCtx.onThMouseDown) === null || _tableCtx$onThMouseDo === void 0 || _tableCtx$onThMouseDo.call(tableCtx, (_props$column15 = props.column) === null || _props$column15 === void 0 ? void 0 : _props$column15.dataIndex, ev);
+			}
 		};
 		return () => {
 			var _slots$th$, _slots$th;
@@ -230,7 +214,7 @@ var table_th_default = /* @__PURE__ */ defineComponent({
 				!filterIconAlignLeft.value && renderFilter(),
 				props.resizable && createVNode("span", {
 					"class": `${prefixCls}-column-handle`,
-					"onPointerdown": handleResizeMouseDown
+					"onMousedown": handleMouseDown
 				}, null)
 			] });
 		};

package/es/table/table-thead.js

@@ -1,11 +1,13 @@
+import { getPrefixCls } from "../_utils/global-config.js";
 import { createVNode, defineComponent } from "vue";
 //#region components/table/table-thead.tsx
 var table_thead_default = /* @__PURE__ */ defineComponent({
 	name: "Thead",
 	setup(_, { slots }) {
+		const prefixCls = getPrefixCls("table");
 		return () => {
 			var _slots$thead$, _slots$thead;
-			return createVNode((_slots$thead$ = (_slots$thead = slots.thead) === null || _slots$thead === void 0 ? void 0 : _slots$thead.call(slots)[0]) !== null && _slots$thead$ !== void 0 ? _slots$thead$ : "div", { class: "sd-table-thead" }, { default: slots.default });
+			return createVNode((_slots$thead$ = (_slots$thead = slots.thead) === null || _slots$thead === void 0 ? void 0 : _slots$thead.call(slots)[0]) !== null && _slots$thead$ !== void 0 ? _slots$thead$ : "div", { class: `${prefixCls}-thead` }, { default: slots.default });
 		};
 	}
 });

package/es/table/table.d.ts

@@ -2,15 +2,9 @@ import type { PropType } from 'vue';
 import type { Size } from '../_utils/constant';
 import type { BaseType } from '../_utils/types';
 import type { TableBorder, TableChangeExtra, TableColumnData, TableComponents, TableData, TableDraggable, TableExpandable, TableOperationColumn, TablePagePosition, TableRowSelection } from './interface';
-import { VirtualListProps } from '../_components/virtual-list/interface';
+import { VirtualListProps } from '../_components/virtual-list-v2/interface';
 import { PaginationProps } from '../pagination';
 import { ScrollbarProps } from '../scrollbar';
-type TableVirtualListProps = VirtualListProps & {
-    threshold?: number;
-    fixedSize?: boolean;
-    estimatedSize?: number;
-    itemKey?: string | ((item: unknown, index: number) => string | number);
-};
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     columns: {
         type: PropType<TableColumnData[]>;
@@ -36,6 +30,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: PropType<Size>;
         default: () => "small" | "mini" | "medium" | "large";
     };
+    tableLayoutFixed: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     loading: {
         type: (ObjectConstructor | BooleanConstructor)[];
         default: boolean;
@@ -75,7 +73,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: boolean;
     };
     virtualListProps: {
-        type: PropType<TableVirtualListProps>;
+        type: PropType<VirtualListProps>;
     };
     spanMethod: {
         type: PropType<(data: {
@@ -163,10 +161,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: PropType<boolean | ScrollbarProps>;
         default: boolean;
     };
-    debug: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
     showEmptyTree: {
         type: BooleanConstructor;
         default: boolean;
@@ -238,6 +232,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: PropType<Size>;
         default: () => "small" | "mini" | "medium" | "large";
     };
+    tableLayoutFixed: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     loading: {
         type: (ObjectConstructor | BooleanConstructor)[];
         default: boolean;
@@ -277,7 +275,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: boolean;
     };
     virtualListProps: {
-        type: PropType<TableVirtualListProps>;
+        type: PropType<VirtualListProps>;
     };
     spanMethod: {
         type: PropType<(data: {
@@ -365,10 +363,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: PropType<boolean | ScrollbarProps>;
         default: boolean;
     };
-    debug: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
     showEmptyTree: {
         type: BooleanConstructor;
         default: boolean;
@@ -404,11 +398,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     bordered: boolean | TableBorder;
     columns: TableColumnData[];
     hoverable: boolean;
+    pagination: boolean | PaginationProps;
     defaultExpandAllRows: boolean;
     indentSize: number;
     filterIconAlignLeft: boolean;
     stripe: boolean;
-    pagination: boolean | PaginationProps;
+    tableLayoutFixed: boolean;
     pagePosition: "top" | "tl" | "tr" | "bottom" | "bl" | "br";
     rowKey: string | ((record: TableData) => BaseType);
     showHeader: boolean;
@@ -417,7 +412,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     columnResizable: boolean;
     summaryText: string;
     stickyHeader: number | boolean;
-    debug: boolean;
     showEmptyTree: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;