@sdata/web-vue 1.19.0 → 2.1.1

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

@@ -1,4 +1,4 @@
-import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/objectSpread2.js";
+import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import Checkbox from "../checkbox/index.js";
 import Radio from "../radio/index.js";
@@ -7,7 +7,7 @@ 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 } from "vue";
+import { computed, createVNode, defineComponent, inject, mergeProps } from "vue";
 //#region components/table/table-operation-td.tsx
 var table_operation_td_default = /* @__PURE__ */ defineComponent({
 	name: "OperationTd",
@@ -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, {
+				if (!tableCtx.checkStrictly && !props.record.isLeaf) return createVNode(Checkbox, mergeProps({
 					"modelValue": selectionStatus.value.checked,
 					"indeterminate": selectionStatus.value.indeterminate,
 					"disabled": Boolean(props.record.disabled),
@@ -84,33 +84,30 @@ 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, {
+					}
+				}, { onClick: (ev) => ev.stopPropagation() }), null);
+				return createVNode(Checkbox, mergeProps({
 					"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, {
+				return createVNode(Radio, mergeProps({
 					"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

@@ -1,4 +1,4 @@
-import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/objectSpread2.js";
+import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isFunction } from "../_utils/is.js";
 import Checkbox from "../checkbox/index.js";

package/es/table/table-td.d.ts

@@ -110,8 +110,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
 }>> & Readonly<{}>, {
     type: "normal" | "checkbox" | "radio" | "expand" | "operation";
-    summary: boolean;
     column: TableColumnData;
+    summary: boolean;
     dataColumns: TableColumnData[];
     operations: TableOperationColumn[];
     record: TableDataWithRaw;

package/es/table/table-td.js

@@ -1,4 +1,4 @@
-import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/objectSpread2.js";
+import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isFunction, isObject } from "../_utils/is.js";
 import IconLoading from "../icon/icon-loading/index.js";

package/es/table/table-th.d.ts

@@ -32,8 +32,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     resizable: BooleanConstructor;
 }>> & Readonly<{}>, {
     column: TableColumnData;
+    resizable: boolean;
     dataColumns: TableColumnData[];
     operations: TableOperationColumn[];
-    resizable: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/table/table-th.js

@@ -1,11 +1,11 @@
-import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/objectSpread2.js";
+import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isBoolean, isFunction, isObject } from "../_utils/is.js";
 import icon_hover_default from "../_components/icon-hover.js";
 import Button from "../button/index.js";
-import Checkbox from "../checkbox/index.js";
 import { useI18n } from "../locale/index.js";
 import Trigger from "../trigger/index.js";
+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";
@@ -100,12 +100,24 @@ var table_th_default = /* @__PURE__ */ defineComponent({
 					"value": item.value,
 					"modelValue": columnFilterValue.value,
 					"uninjectGroupContext": true,
-					"onChange": handleCheckboxFilterChange
+					"onChange": (value) => {
+						if (Array.isArray(value)) {
+							handleCheckboxFilterChange(value.map(String));
+							return;
+						}
+						throw new Error("Checkbox filter value should be an array");
+					}
 				}, { default: () => [item.text] }) : createVNode(Radio, {
 					"value": item.value,
 					"modelValue": (_columnFilterValue$va = columnFilterValue.value[0]) !== null && _columnFilterValue$va !== void 0 ? _columnFilterValue$va : "",
 					"uninjectGroupContext": true,
-					"onChange": handleRadioFilterChange
+					"onChange": (value) => {
+						if (typeof value === "string") {
+							handleRadioFilterChange(value);
+							return;
+						}
+						throw new Error("Radio filter value should be a string");
+					}
 				}, { default: () => [item.text] })]);
 			})]), createVNode("div", { "class": `${prefixCls}-filters-bottom` }, [createVNode(Button, {
 				"size": "mini",
@@ -126,15 +138,14 @@ var table_th_default = /* @__PURE__ */ defineComponent({
 				"popupOffset": filterIconAlignLeft.value ? 4 : 0,
 				"onPopupVisibleChange": handleFilterPopupVisibleChange
 			}, filterable.triggerProps), {
-				default: () => [createVNode(icon_hover_default, {
+				default: () => [createVNode(icon_hover_default, mergeProps({
 					"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)];
 				} })],

package/es/table/table.d.ts

@@ -34,7 +34,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
     size: {
         type: PropType<Size>;
-        default: () => "small" | "mini" | "medium" | "large";
+        default: () => "medium" | "large" | "small" | "mini";
     };
     loading: {
         type: (ObjectConstructor | BooleanConstructor)[];
@@ -236,7 +236,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
     size: {
         type: PropType<Size>;
-        default: () => "small" | "mini" | "medium" | "large";
+        default: () => "medium" | "large" | "small" | "mini";
     };
     loading: {
         type: (ObjectConstructor | BooleanConstructor)[];
@@ -397,9 +397,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     onRowContextmenu?: ((_record: TableData, _ev: Event) => any) | undefined;
     onCellContextmenu?: ((_record: TableData, _column: TableColumnData, _ev: Event) => any) | undefined;
 }>, {
-    size: "small" | "mini" | "medium" | "large";
-    data: TableData[];
+    size: "medium" | "large" | "small" | "mini";
     scrollbar: boolean | ScrollbarProps;
+    data: TableData[];
     loading: boolean | Record<string, any>;
     columns: TableColumnData[];
     bordered: boolean | TableBorder;
@@ -409,7 +409,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     filterIconAlignLeft: boolean;
     stripe: boolean;
     pagination: boolean | PaginationProps;
-    pagePosition: "top" | "tl" | "tr" | "bottom" | "bl" | "br";
+    pagePosition: "bottom" | "top" | "tl" | "tr" | "bl" | "br";
     rowKey: string | ((record: TableData) => BaseType);
     showHeader: boolean;
     spanAll: boolean;

package/es/table/table.js

@@ -1,8 +1,8 @@
 import { configProviderInjectionKey } from "../config-provider/context.js";
-import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/objectSpread2.js";
+import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.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 { _asyncToGenerator } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/asyncToGenerator.js";
+import { _asyncToGenerator } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/asyncToGenerator.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";
@@ -10,9 +10,9 @@ 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 { _objectWithoutProperties } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/objectWithoutProperties.js";
-import { debounce } from "../_utils/debounce.js";
+import { _objectWithoutProperties } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectWithoutProperties.js";
 import { useChildrenComponents } from "../_hooks/use-children-components.js";
+import { debounce } from "../_utils/debounce.js";
 import IconMinus from "../icon/icon-minus/index.js";
 import IconPlus from "../icon/icon-plus/index.js";
 import { getValueByPath, setValueByPath } from "../_utils/get-value-by-path.js";
@@ -593,7 +593,7 @@ var table_default = /* @__PURE__ */ defineComponent({
 			var _rowSelection$value$c, _rowSelection$value;
 			return (_rowSelection$value$c = (_rowSelection$value = rowSelection.value) === null || _rowSelection$value === void 0 ? void 0 : _rowSelection$value.checkStrictly) !== null && _rowSelection$value$c !== void 0 ? _rowSelection$value$c : true;
 		});
-		const { displayScrollbar, scrollbarProps } = useScrollbar(scrollbar);
+		const { scrollbarProps } = useScrollbar(scrollbar);
 		const containerClientWidth = ref(0);
 		const containerScrollWidth = ref(0);
 		const autoScrollX = ref(false);
@@ -864,6 +864,7 @@ var table_default = /* @__PURE__ */ defineComponent({
 								dataIndex: field,
 								direction
 							});
+							if (valueA == null || valueB == null) return 0;
 							const result = valueA > valueB ? 1 : -1;
 							return direction === "descend" ? -result : result;
 						});
@@ -1366,11 +1367,10 @@ var table_default = /* @__PURE__ */ defineComponent({
 			columns: allColumns
 		});
 		const renderSummaryRow = (record, rowIndex) => {
-			return createVNode(table_tr_default, {
+			return createVNode(table_tr_default, mergeProps({
 				"key": `table-summary-${rowIndex}`,
-				"class": [`${prefixCls}-tr-summary`, isFunction(props.rowClass) ? props.rowClass(record.raw, rowIndex) : props.rowClass],
-				"onClick": (ev) => handleRowClick(record, ev)
-			}, {
+				"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}`;
@@ -1389,7 +1389,7 @@ var table_default = /* @__PURE__ */ defineComponent({
 					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;
-					return createVNode(table_td_default, {
+					return createVNode(table_td_default, mergeProps({
 						"key": `td-${cellId}`,
 						"rowIndex": rowIndex,
 						"record": record,
@@ -1398,13 +1398,14 @@ var table_default = /* @__PURE__ */ defineComponent({
 						"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)
+						"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"]
 					});
@@ -1495,10 +1496,11 @@ var table_default = /* @__PURE__ */ defineComponent({
 				}, 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)
+				"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;
@@ -1536,11 +1538,11 @@ var table_default = /* @__PURE__ */ defineComponent({
 						"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)
+						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
@@ -1565,29 +1567,26 @@ var table_default = /* @__PURE__ */ defineComponent({
 		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;
-					},
+				return createVNode(table_operation_th_default, mergeProps({ "key": `operation-th-${index}` }, { ref: (ins) => {
+					const instance = ins;
+					if ((instance === null || instance === void 0 ? void 0 : instance.$el) && operation.name) thRefs.value[operation.name] = instance.$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);
+				}), 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;
-					},
+				return createVNode(table_th_default, mergeProps({ "key": `th-${index}` }, { ref: (ins) => {
+					const instance = ins;
+					if ((instance === null || instance === void 0 ? void 0 : instance.$el) && column.dataIndex) thRefs.value[column.dataIndex] = instance.$el;
+				} }, {
 					"column": column,
 					"operations": operations.value,
 					"dataColumns": dataColumns.value,
-					"resizable": resizable,
-					"onClick": (ev) => handleHeaderClick(column, ev)
-				}, { th: slots.th });
+					"resizable": resizable
+				}, { onClick: (ev) => handleHeaderClick(column, ev) }), { th: slots.th });
 			})] }))],
 			thead: slots.thead
 		});
@@ -1595,7 +1594,6 @@ var table_default = /* @__PURE__ */ defineComponent({
 			if (splitTable.value) {
 				var _props$scroll15, _props$scroll16;
 				const top = isNumber(props.stickyHeader) ? `${props.stickyHeader}px` : void 0;
-				const BodyComponent = displayScrollbar.value ? Scrollbar : "div";
 				const bodyContent = isVirtualList.value && flattenData.value.length ? createVNode("div", {
 					"class": `${prefixCls}-element`,
 					"style": elementStyle.value
@@ -1612,14 +1610,14 @@ var table_default = /* @__PURE__ */ defineComponent({
 					"keyField": "key",
 					"height": "auto",
 					"onScroll": onTbodyScroll
-				}, tableVirtualListProps.value), { item: ({ item, index }) => renderVirtualRecord(item, index) })])]) : createVNode(BodyComponent, mergeProps({
+				}, tableVirtualListProps.value), { item: ({ item, index }) => renderVirtualRecord(item, index) })])]) : createVNode(Scrollbar, mergeProps({
 					"ref": tbodyComRef,
 					"class": `${prefixCls}-body`,
 					"style": { maxHeight: isNumber((_props$scroll15 = props.scroll) === null || _props$scroll15 === void 0 ? void 0 : _props$scroll15.y) ? `${(_props$scroll16 = props.scroll) === null || _props$scroll16 === void 0 ? void 0 : _props$scroll16.y}px` : "100%" }
-				}, scrollbar.value ? _objectSpread2({ outerStyle: {
+				}, _objectSpread2(_objectSpread2({}, scrollbarProps.value), {}, { outerStyle: _objectSpread2({
 					display: "flex",
 					minHeight: "0"
-				} }, scrollbarProps.value) : void 0, { "onScroll": onTbodyScroll }), { default: () => [createVNode("div", {
+				}, Array.isArray(scrollbarProps.value.outerStyle) ? Object.assign({}, ...scrollbarProps.value.outerStyle) : scrollbarProps.value.outerStyle) }), { "onScroll": onTbodyScroll }), { default: () => [createVNode("div", {
 					"class": `${prefixCls}-element`,
 					"style": elementStyle.value
 				}, [renderBody()])] });
@@ -1629,7 +1627,7 @@ var table_default = /* @__PURE__ */ defineComponent({
 						"class": [`${prefixCls}-header`, { [`${prefixCls}-header-sticky`]: props.stickyHeader }],
 						"style": {
 							overflowX: "hidden",
-							overflowY: hasScrollBar.value && !displayScrollbar.value ? "scroll" : "hidden",
+							overflowY: "hidden",
 							top
 						}
 					}, [createVNode("div", {
@@ -1640,7 +1638,7 @@ var table_default = /* @__PURE__ */ defineComponent({
 					summaryData.value && summaryData.value.length > 0 && createVNode("div", {
 						"ref": summaryRef,
 						"class": `${prefixCls}-tfoot`,
-						"style": { overflowY: hasScrollBar.value ? "scroll" : "hidden" }
+						"style": { overflowY: "hidden" }
 					}, [createVNode("div", {
 						"class": `${prefixCls}-element`,
 						"style": elementStyle.value
@@ -1660,12 +1658,11 @@ var table_default = /* @__PURE__ */ defineComponent({
 		const renderTable = (content) => {
 			var _props$scroll17;
 			const style = ((_props$scroll17 = props.scroll) === null || _props$scroll17 === void 0 ? void 0 : _props$scroll17.maxHeight) ? { maxHeight: props.scroll.maxHeight } : void 0;
-			const ContentComponent = !splitTable.value && displayScrollbar.value ? Scrollbar : "div";
-			return createVNode(Fragment, null, [createVNode("div", { "class": [`${prefixCls}-container`, tableCls.value] }, [createVNode(ContentComponent, mergeProps({
+			return createVNode(Fragment, null, [createVNode("div", { "class": [`${prefixCls}-container`, tableCls.value] }, [createVNode(Scrollbar, mergeProps({
 				"ref": contentComRef,
 				"class": [`${prefixCls}-content`, { [`${prefixCls}-content-scroll-x`]: !splitTable.value }],
 				"style": style
-			}, !splitTable.value && scrollbar.value ? _objectSpread2({ outerStyle: { height: "100%" } }, scrollbarProps.value) : void 0, { "onScroll": handleScroll }), { default: () => [content ? createVNode("div", {
+			}, _objectSpread2(_objectSpread2({}, scrollbarProps.value), {}, { outerStyle: { height: "100%" } }), { "onScroll": handleScroll }), { default: () => [content ? createVNode("div", {
 				"class": `${prefixCls}-element`,
 				"style": elementStyle.value
 			}, [content()]) : renderContent()] })]), slots.footer && createVNode("div", { "class": `${prefixCls}-footer` }, [slots.footer()])]);

package/es/table/utils.js

@@ -1,4 +1,4 @@
-import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/objectSpread2.js";
+import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
 import { isArray, isNull, isUndefined } from "../_utils/is.js";
 //#region components/table/utils.ts
 var getDataColumnsNumber = (columns) => {

package/es/tabs/index.d.ts

@@ -72,8 +72,8 @@ declare const Tabs: {
             default: string;
         };
     }>> & Readonly<{
-        onDelete?: ((_key: string | number, _ev: Event) => any) | undefined;
         onAdd?: ((_ev: Event) => any) | undefined;
+        onDelete?: ((_key: string | number, _ev: Event) => any) | undefined;
         onChange?: ((_key: string | number) => any) | undefined;
         "onUpdate:activeKey"?: ((_key: string | number) => any) | undefined;
         onTabClick?: ((_key: string | number, _ev: Event) => any) | undefined;
@@ -85,10 +85,10 @@ declare const Tabs: {
         delete: (_key: string | number, _ev: Event) => true;
     }, import("vue").PublicProps, {
         type: import("./interface").TabsType;
-        trigger: import("./interface").TabTriggerEvent;
         position: import("./interface").TabsPosition;
-        direction: "horizontal" | "vertical";
         justify: boolean;
+        trigger: import("./interface").TabTriggerEvent;
+        direction: "horizontal" | "vertical";
         animation: boolean;
         activeKey: string | number;
         destroyOnHide: boolean;
@@ -176,17 +176,17 @@ declare const Tabs: {
             default: string;
         };
     }>> & Readonly<{
-        onDelete?: ((_key: string | number, _ev: Event) => any) | undefined;
         onAdd?: ((_ev: Event) => any) | undefined;
+        onDelete?: ((_key: string | number, _ev: Event) => any) | undefined;
         onChange?: ((_key: string | number) => any) | undefined;
         "onUpdate:activeKey"?: ((_key: string | number) => any) | undefined;
         onTabClick?: ((_key: string | number, _ev: Event) => any) | undefined;
     }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
         type: import("./interface").TabsType;
-        trigger: import("./interface").TabTriggerEvent;
         position: import("./interface").TabsPosition;
-        direction: "horizontal" | "vertical";
         justify: boolean;
+        trigger: import("./interface").TabTriggerEvent;
+        direction: "horizontal" | "vertical";
         animation: boolean;
         activeKey: string | number;
         destroyOnHide: boolean;
@@ -271,8 +271,8 @@ declare const Tabs: {
         default: string;
     };
 }>> & Readonly<{
-    onDelete?: ((_key: string | number, _ev: Event) => any) | undefined;
     onAdd?: ((_ev: Event) => any) | undefined;
+    onDelete?: ((_key: string | number, _ev: Event) => any) | undefined;
     onChange?: ((_key: string | number) => any) | undefined;
     "onUpdate:activeKey"?: ((_key: string | number) => any) | undefined;
     onTabClick?: ((_key: string | number, _ev: Event) => any) | undefined;
@@ -284,10 +284,10 @@ declare const Tabs: {
     delete: (_key: string | number, _ev: Event) => true;
 }, string, {
     type: import("./interface").TabsType;
-    trigger: import("./interface").TabTriggerEvent;
     position: import("./interface").TabsPosition;
-    direction: "horizontal" | "vertical";
     justify: boolean;
+    trigger: import("./interface").TabTriggerEvent;
+    direction: "horizontal" | "vertical";
     animation: boolean;
     activeKey: string | number;
     destroyOnHide: boolean;