@v-c/table 1.0.3-beta.1 → 1.0.4

package/dist/Body/BodyRow.js

@@ -1,9 +1,10 @@
-import Cell_default from "../Cell/index.js";
+import Cell from "../Cell/index.js";
 import useRowInfo from "../hooks/useRowInfo.js";
 import { computedExpandedClassName } from "../utils/expandUtil.js";
-import ExpandedRow_default from "./ExpandedRow.js";
+import ExpandedRow from "./ExpandedRow.js";
 import { Fragment, computed, createVNode, defineComponent, isVNode, mergeProps, ref, watchEffect } from "vue";
 import { clsx } from "@v-c/util";
+//#region src/Body/BodyRow.tsx
 function _isSlot(s) {
 	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
@@ -42,7 +43,7 @@ function getCellProps(rowInfo, record, column, colIndex, indent, index, rowKeys
 		additionalCellProps
 	};
 }
-var BodyRow_default = /* @__PURE__ */ defineComponent({
+var BodyRow = /* @__PURE__ */ defineComponent({
 	name: "TableBodyRow",
 	props: [
 		"record",
@@ -91,7 +92,7 @@ var BodyRow_default = /* @__PURE__ */ defineComponent({
 				const { key, fixedInfo, appendCellNode, additionalCellProps } = getCellProps(rowInfo, record, column, colIndex, indent, index, rowKeys, expandedRowInfo?.offset);
 				const scope = column.rowScope ? column.rowScope : column.title ? "row" : void 0;
 				const CellComponent = column.rowScope ? scopeCellComponent : BodyCellComponent;
-				return createVNode(Cell_default, mergeProps({
+				return createVNode(Cell, mergeProps({
 					"className": clsx(columnClassName, classNames?.cell),
 					"style": styles?.cell,
 					"ellipsis": column.ellipsis,
@@ -116,7 +117,7 @@ var BodyRow_default = /* @__PURE__ */ defineComponent({
 			if (rowSupportExpand.value && (expandedRef.value || expanded.value)) {
 				const expandContent = expandedRowRender(record, index, indent + 1, expanded.value);
 				const computedExpandedRowClassName = computedExpandedClassName(expandedRowClassName, record, index, indent);
-				expandRowNode = createVNode(ExpandedRow_default, {
+				expandRowNode = createVNode(ExpandedRow, {
 					"expanded": expanded.value,
 					"className": clsx(`${prefixCls}-expanded-row`, `${prefixCls}-expanded-row-level-${indent + 1}`, computedExpandedRowClassName),
 					"key": `expanded-row-${rowKey}`,
@@ -133,4 +134,5 @@ var BodyRow_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-export { BodyRow_default as default, getCellProps };
+//#endregion
+export { BodyRow as default, getCellProps };

package/dist/Body/ExpandedRow.js

@@ -1,10 +1,11 @@
 import { useInjectTableContext } from "../context/TableContext.js";
-import Cell_default from "../Cell/index.js";
+import Cell from "../Cell/index.js";
 import { createVNode, defineComponent, isVNode } from "vue";
+//#region src/Body/ExpandedRow.tsx
 function _isSlot(s) {
 	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
-var ExpandedRow_default = /* @__PURE__ */ defineComponent({
+var ExpandedRow = /* @__PURE__ */ defineComponent({
 	name: "TableExpandedRow",
 	props: [
 		"prefixCls",
@@ -38,7 +39,7 @@ var ExpandedRow_default = /* @__PURE__ */ defineComponent({
 			return createVNode(Component, {
 				"class": className,
 				"style": { display: expanded ? null : "none" }
-			}, { default: () => [createVNode(Cell_default, {
+			}, { default: () => [createVNode(Cell, {
 				"component": cellComponent,
 				"prefixCls": prefixCls,
 				"colSpan": colSpan
@@ -46,4 +47,5 @@ var ExpandedRow_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-export { ExpandedRow_default as default };
+//#endregion
+export { ExpandedRow as default };

package/dist/Body/MeasureCell.js

@@ -1,7 +1,8 @@
 import { createVNode, defineComponent, ref } from "vue";
 import ResizeObserver from "@v-c/resize-observer";
 import { useLayoutEffect } from "@v-c/util/dist/hooks/useLayoutEffect";
-var MeasureCell_default = /* @__PURE__ */ defineComponent({
+//#region src/Body/MeasureCell.tsx
+var MeasureCell = /* @__PURE__ */ defineComponent({
 	name: "TableMeasureCell",
 	props: [
 		"columnKey",
@@ -29,4 +30,5 @@ var MeasureCell_default = /* @__PURE__ */ defineComponent({
 		} }, [props.title || "\xA0"])])] });
 	}
 });
-export { MeasureCell_default as default };
+//#endregion
+export { MeasureCell as default };

package/dist/Body/MeasureRow.js

@@ -1,13 +1,14 @@
 import { useInjectTableContext } from "../context/TableContext.js";
-import MeasureCell_default from "./MeasureCell.js";
+import MeasureCell from "./MeasureCell.js";
 import { cloneVNode, createVNode, defineComponent, isVNode, ref } from "vue";
 import ResizeObserver from "@v-c/resize-observer";
 import { filterEmpty } from "@v-c/util/dist/props-util";
 import isVisible from "@v-c/util/dist/Dom/isVisible";
+//#region src/Body/MeasureRow.tsx
 function _isSlot(s) {
 	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
-var MeasureRow_default = /* @__PURE__ */ defineComponent({
+var MeasureRow = /* @__PURE__ */ defineComponent({
 	name: "TableMeasureRow",
 	props: [
 		"prefixCls",
@@ -46,7 +47,7 @@ var MeasureRow_default = /* @__PURE__ */ defineComponent({
 				});
 			} }, _isSlot(_slot = props.columnsKey.map((columnKey) => {
 				const titleForMeasure = cloneTitle(props.columns.find((col) => col.key === columnKey)?.title);
-				return createVNode(MeasureCell_default, {
+				return createVNode(MeasureCell, {
 					"key": columnKey,
 					"columnKey": columnKey,
 					"onColumnResize": props.onColumnResize,
@@ -57,4 +58,5 @@ var MeasureRow_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-export { MeasureRow_default as default };
+//#endregion
+export { MeasureRow as default };

package/dist/Body/index.js

@@ -2,12 +2,13 @@ import { useInjectTableContext } from "../context/TableContext.js";
 import { useProvidePerfContext } from "../context/PerfContext.js";
 import useFlattenRecords from "../hooks/useFlattenRecords.js";
 import { getColumnsKey } from "../utils/valueUtil.js";
-import ExpandedRow_default from "./ExpandedRow.js";
-import BodyRow_default from "./BodyRow.js";
-import MeasureRow_default from "./MeasureRow.js";
+import ExpandedRow from "./ExpandedRow.js";
+import BodyRow from "./BodyRow.js";
+import MeasureRow from "./MeasureRow.js";
 import { computed, createVNode, defineComponent } from "vue";
 import { clsx } from "@v-c/util";
-var Body_default = /* @__PURE__ */ defineComponent({
+//#region src/Body/index.tsx
+var Body = /* @__PURE__ */ defineComponent({
 	name: "TableBody",
 	props: ["data", "measureColumnWidth"],
 	setup(props) {
@@ -35,7 +36,7 @@ var Body_default = /* @__PURE__ */ defineComponent({
 			let rows;
 			if (props.data.length) rows = flattenData.value.map((item, idx) => {
 				const { record, indent, index: renderIndex, rowKey } = item;
-				return createVNode(BodyRow_default, {
+				return createVNode(BodyRow, {
 					"classNames": bodyCls.value,
 					"styles": bodyStyles.value,
 					"key": rowKey,
@@ -51,7 +52,7 @@ var Body_default = /* @__PURE__ */ defineComponent({
 					"expandedRowInfo": expandedRowInfo.value
 				}, null);
 			});
-			else rows = createVNode(ExpandedRow_default, {
+			else rows = createVNode(ExpandedRow, {
 				"expanded": true,
 				"className": `${context.prefixCls}-placeholder`,
 				"prefixCls": context.prefixCls,
@@ -64,7 +65,7 @@ var Body_default = /* @__PURE__ */ defineComponent({
 			return createVNode(WrapperComponent, {
 				"style": bodyStyles.value.wrapper,
 				"class": clsx(`${context.prefixCls}-tbody`, bodyCls.value.wrapper)
-			}, { default: () => [props.measureColumnWidth && createVNode(MeasureRow_default, {
+			}, { default: () => [props.measureColumnWidth && createVNode(MeasureRow, {
 				"prefixCls": context.prefixCls,
 				"columnsKey": columnsKey,
 				"onColumnResize": context.onColumnResize,
@@ -73,4 +74,5 @@ var Body_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-export { Body_default as default };
+//#endregion
+export { Body as default };

package/dist/Cell/index.js

@@ -6,6 +6,7 @@ import { computed, createVNode, defineComponent, isVNode, mergeProps } from "vue
 import { clsx, warning } from "@v-c/util";
 import { filterEmpty, getStylePxValue } from "@v-c/util/dist/props-util";
 import getValue from "@v-c/util/dist/utils/get";
+//#region src/Cell/index.tsx
 function getTitleFromCellRenderChildren({ ellipsis, rowType, children }) {
 	const ellipsisConfig = ellipsis === true ? { showTitle: true } : ellipsis;
 	const showTitle = !!(ellipsisConfig && typeof ellipsisConfig === "object" && ellipsisConfig.showTitle);
@@ -38,7 +39,7 @@ function resolveCellRender({ record, dataIndex, renderIndex, children, render, p
 	}
 	return [returnChildNode, returnCellProps];
 }
-var Cell_default = /* @__PURE__ */ defineComponent({
+var Cell = /* @__PURE__ */ defineComponent({
 	name: "TableCell",
 	props: [
 		"prefixCls",
@@ -192,4 +193,5 @@ var Cell_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-export { Cell_default as default };
+//#endregion
+export { Cell as default };

package/dist/Cell/useHoverState.js

@@ -1,4 +1,5 @@
 import { computed } from "vue";
+//#region src/Cell/useHoverState.ts
 function inHoverRange(cellStartRow, cellRowSpan, startRow, endRow) {
 	const cellEndRow = cellStartRow + cellRowSpan - 1;
 	return cellStartRow <= endRow && cellEndRow >= startRow;
@@ -8,4 +9,5 @@ function useHoverState(rowIndex, rowSpan, context) {
 		return inHoverRange(rowIndex, rowSpan || 1, context.hoverStartRow, context.hoverEndRow);
 	}), context.onHover];
 }
+//#endregion
 export { useHoverState as default };

package/dist/ColGroup.js

@@ -1,7 +1,8 @@
 import { useInjectTableContext } from "./context/TableContext.js";
 import { INTERNAL_COL_DEFINE } from "./utils/legacyUtil.js";
 import { createVNode, defineComponent, mergeProps } from "vue";
-var ColGroup_default = /* @__PURE__ */ defineComponent({
+//#region src/ColGroup.tsx
+var ColGroup = /* @__PURE__ */ defineComponent({
 	name: "TableColGroup",
 	props: [
 		"colWidths",
@@ -42,4 +43,5 @@ var ColGroup_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-export { ColGroup_default as default };
+//#endregion
+export { ColGroup as default };

package/dist/FixedHolder/index.js

@@ -1,8 +1,9 @@
 import { useInjectTableContext } from "../context/TableContext.js";
-import ColGroup_default from "../ColGroup.js";
+import ColGroup from "../ColGroup.js";
 import { computed, createVNode, defineComponent, onBeforeUnmount, onMounted, ref } from "vue";
 import { clsx } from "@v-c/util";
 import { getStylePxValue, toPropsRefs } from "@v-c/util/dist/props-util";
+//#region src/FixedHolder/index.tsx
 function useColumnWidth(colWidths, columnCount) {
 	return computed(() => {
 		const cloneColumns = [];
@@ -14,7 +15,7 @@ function useColumnWidth(colWidths, columnCount) {
 		return cloneColumns;
 	});
 }
-var FixedHolder_default = /* @__PURE__ */ defineComponent({
+var FixedHolder = /* @__PURE__ */ defineComponent({
 	name: "TableFixedHolder",
 	props: [
 		"className",
@@ -125,7 +126,7 @@ var FixedHolder_default = /* @__PURE__ */ defineComponent({
 				tableLayout: props.tableLayout,
 				minWidth: "100%",
 				width: typeof props.scrollX === "number" ? `${props.scrollX}px` : props.scrollX
-			} }, { default: () => [isColGroupEmpty.value ? props.colGroup : createVNode(ColGroup_default, {
+			} }, { default: () => [isColGroupEmpty.value ? props.colGroup : createVNode(ColGroup, {
 				"colWidths": [...mergedColumnWidth.value || [], combinationScrollBarSize.value],
 				"columCount": props.columCount + 1,
 				"columns": flattenColumnsWithScrollbar.value
@@ -133,4 +134,5 @@ var FixedHolder_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-export { FixedHolder_default as default };
+//#endregion
+export { FixedHolder as default };

package/dist/Footer/Cell.js

@@ -1,9 +1,10 @@
 import { useInjectTableContext } from "../context/TableContext.js";
-import Cell_default$1 from "../Cell/index.js";
+import Cell from "../Cell/index.js";
 import { getCellFixedInfo } from "../utils/fixUtil.js";
 import { useInjectSummaryContext } from "./SummaryContext.js";
 import { computed, createVNode, defineComponent, mergeProps } from "vue";
-var Cell_default = /* @__PURE__ */ defineComponent({
+//#region src/Footer/Cell.tsx
+var SummaryCell = /* @__PURE__ */ defineComponent({
 	name: "TableSummaryCell",
 	props: [
 		"className",
@@ -28,7 +29,7 @@ var Cell_default = /* @__PURE__ */ defineComponent({
 			};
 			return getCellFixedInfo(props.index, props.index + mergedColSpan.value - 1, summaryContext.flattenColumns || [], stickyOffsets);
 		});
-		return () => createVNode(Cell_default$1, mergeProps({
+		return () => createVNode(Cell, mergeProps({
 			"className": props.className,
 			"index": props.index,
 			"component": "td",
@@ -42,4 +43,5 @@ var Cell_default = /* @__PURE__ */ defineComponent({
 		}, fixedInfo.value), null);
 	}
 });
-export { Cell_default as default };
+//#endregion
+export { SummaryCell as default };

package/dist/Footer/Row.js

@@ -1,5 +1,6 @@
 import { createVNode, defineComponent } from "vue";
-var Row_default = /* @__PURE__ */ defineComponent({
+//#region src/Footer/Row.tsx
+var FooterRow = /* @__PURE__ */ defineComponent({
 	name: "TableFooterRow",
 	props: [
 		"className",
@@ -14,4 +15,5 @@ var Row_default = /* @__PURE__ */ defineComponent({
 		}, [slots.default?.()]);
 	}
 });
-export { Row_default as default };
+//#endregion
+export { FooterRow as default };

package/dist/Footer/Summary.js

@@ -1,6 +1,7 @@
-import Cell_default from "./Cell.js";
-import Row_default from "./Row.js";
+import SummaryCell from "./Cell.js";
+import FooterRow from "./Row.js";
 import { defineComponent } from "vue";
+//#region src/Footer/Summary.tsx
 var Summary = /* @__PURE__ */ defineComponent({
 	name: "TableSummary",
 	props: ["fixed"],
@@ -8,7 +9,7 @@ var Summary = /* @__PURE__ */ defineComponent({
 		return () => slots.default?.();
 	}
 });
-Summary.Row = Row_default;
-Summary.Cell = Cell_default;
-var Summary_default = Summary;
-export { Summary_default as default };
+Summary.Row = FooterRow;
+Summary.Cell = SummaryCell;
+//#endregion
+export { Summary as default };

package/dist/Footer/SummaryContext.js

@@ -1,4 +1,5 @@
 import { inject, provide } from "vue";
+//#region src/Footer/SummaryContext.tsx
 var SummaryContextKey = Symbol("TableSummaryContext");
 function useProvideSummaryContext(value) {
 	provide(SummaryContextKey, value);
@@ -6,4 +7,5 @@ function useProvideSummaryContext(value) {
 function useInjectSummaryContext() {
 	return inject(SummaryContextKey, {});
 }
+//#endregion
 export { useInjectSummaryContext, useProvideSummaryContext };

package/dist/Footer/index.js

@@ -1,10 +1,11 @@
 import { useInjectTableContext } from "../context/TableContext.js";
 import { useProvideSummaryContext } from "./SummaryContext.js";
-import Cell_default from "./Cell.js";
-import Row_default from "./Row.js";
-import Summary_default from "./Summary.js";
+import SummaryCell from "./Cell.js";
+import FooterRow from "./Row.js";
+import Summary from "./Summary.js";
 import { createVNode, defineComponent, reactive, watchEffect } from "vue";
-var Footer_default = /* @__PURE__ */ defineComponent({
+//#region src/Footer/index.tsx
+var Footer = /* @__PURE__ */ defineComponent({
 	name: "TableFooter",
 	props: ["stickyOffsets", "flattenColumns"],
 	inheritAttrs: false,
@@ -26,5 +27,6 @@ var Footer_default = /* @__PURE__ */ defineComponent({
 		return () => createVNode("tfoot", { "class": `${context.prefixCls}-summary` }, [slots.default?.()]);
 	}
 });
-const FooterComponents = Summary_default;
-export { FooterComponents, Cell_default as SummaryCell, Row_default as SummaryRow, Footer_default as default };
+var FooterComponents = Summary;
+//#endregion
+export { FooterComponents, SummaryCell, FooterRow as SummaryRow, Footer as default };

package/dist/Header/Header.js

@@ -1,7 +1,8 @@
 import { useInjectTableContext } from "../context/TableContext.js";
-import HeaderRow_default from "./HeaderRow.js";
+import HeaderRow from "./HeaderRow.js";
 import { computed, createVNode, defineComponent, isVNode } from "vue";
 import { clsx } from "@v-c/util";
+//#region src/Header/Header.tsx
 function _isSlot(s) {
 	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
@@ -41,7 +42,7 @@ function parseHeaderRows(rootColumns, classNames, styles) {
 	});
 	return rows;
 }
-var Header_default = /* @__PURE__ */ defineComponent({
+var Header = /* @__PURE__ */ defineComponent({
 	name: "TableHeader",
 	inheritAttrs: false,
 	props: [
@@ -64,7 +65,7 @@ var Header_default = /* @__PURE__ */ defineComponent({
 				"class": clsx(`${context.prefixCls}-thead`, headerCls.value.wrapper),
 				"style": headerStyles.value.wrapper
 			}, _isSlot(_slot = rows.map((row, rowIndex) => {
-				return createVNode(HeaderRow_default, {
+				return createVNode(HeaderRow, {
 					"classNames": headerCls.value,
 					"styles": headerStyles.value,
 					"key": rowIndex,
@@ -80,4 +81,5 @@ var Header_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-export { Header_default as default };
+//#endregion
+export { Header as default };

package/dist/Header/HeaderRow.js

@@ -1,13 +1,14 @@
 import { useInjectTableContext } from "../context/TableContext.js";
 import { getColumnsKey } from "../utils/valueUtil.js";
-import Cell_default from "../Cell/index.js";
+import Cell from "../Cell/index.js";
 import { getCellFixedInfo } from "../utils/fixUtil.js";
 import { createVNode, defineComponent, isVNode, mergeProps } from "vue";
 import { clsx } from "@v-c/util";
+//#region src/Header/HeaderRow.tsx
 function _isSlot(s) {
 	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
-var HeaderRow_default = /* @__PURE__ */ defineComponent({
+var HeaderRow = /* @__PURE__ */ defineComponent({
 	name: "TableHeaderRow",
 	props: [
 		"cells",
@@ -41,7 +42,7 @@ var HeaderRow_default = /* @__PURE__ */ defineComponent({
 				const { column, colStart, colEnd, colSpan } = cell;
 				const fixedInfo = getCellFixedInfo(colStart, colEnd, flattenColumns, stickyOffsets);
 				const additionalProps = column?.onHeaderCell?.(column) || {};
-				return createVNode(Cell_default, mergeProps(cell, {
+				return createVNode(Cell, mergeProps(cell, {
 					"colIndex": colStart ?? cellIndex,
 					"scope": column.title ? colSpan > 1 ? "colgroup" : "col" : null,
 					"ellipsis": column.ellipsis,
@@ -57,4 +58,5 @@ var HeaderRow_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-export { HeaderRow_default as default };
+//#endregion
+export { HeaderRow as default };

package/dist/Panel/index.js

@@ -1,7 +1,9 @@
 import { createVNode, defineComponent } from "vue";
-var Panel_default = /* @__PURE__ */ defineComponent((_, { attrs, slots }) => {
+//#region src/Panel/index.tsx
+var Panel = /* @__PURE__ */ defineComponent((_, { attrs, slots }) => {
 	return () => {
 		return createVNode("div", attrs, [slots?.default?.()]);
 	};
 });
-export { Panel_default as default };
+//#endregion
+export { Panel as default };

package/dist/Table.js

@@ -1,11 +1,11 @@
 import { useProvideTableContext } from "./context/TableContext.js";
-import ColGroup_default from "./ColGroup.js";
+import ColGroup from "./ColGroup.js";
 import { getColumnsKey, validNumberValue, validateValue } from "./utils/valueUtil.js";
-import Body_default from "./Body/index.js";
+import Body from "./Body/index.js";
 import { EXPAND_COLUMN, INTERNAL_HOOKS } from "./constant.js";
-import FixedHolder_default from "./FixedHolder/index.js";
-import Footer_default, { FooterComponents } from "./Footer/index.js";
-import Header_default from "./Header/Header.js";
+import FixedHolder from "./FixedHolder/index.js";
+import Footer, { FooterComponents } from "./Footer/index.js";
+import Header from "./Header/Header.js";
 import useColumns from "./hooks/useColumns/index.js";
 import useExpand from "./hooks/useExpand.js";
 import useFixedInfo from "./hooks/useFixedInfo.js";
@@ -13,10 +13,10 @@ import { useTimeoutLock } from "./hooks/useFrame.js";
 import useHover from "./hooks/useHover.js";
 import useSticky from "./hooks/useSticky.js";
 import useStickyOffsets from "./hooks/useStickyOffsets.js";
-import Panel_default from "./Panel/index.js";
-import stickyScrollBar_default from "./stickyScrollBar.js";
-import Column_default from "./sugar/Column.js";
-import ColumnGroup_default from "./sugar/ColumnGroup.js";
+import Panel from "./Panel/index.js";
+import StickyScrollBar from "./stickyScrollBar.js";
+import Column from "./sugar/Column.js";
+import ColumnGroup from "./sugar/ColumnGroup.js";
 import { Fragment, computed, createVNode, defineComponent, isVNode, mergeDefaults, mergeProps, nextTick, onMounted, reactive, ref, shallowRef, watch, watchEffect } from "vue";
 import ResizeObserver from "@v-c/resize-observer";
 import { clsx, get, warning } from "@v-c/util";
@@ -26,10 +26,36 @@ import { getTargetScrollBarSize } from "@v-c/util/dist/getScrollBarSize";
 import isEqual from "@v-c/util/dist/isEqual";
 import pickAttrs from "@v-c/util/dist/pickAttrs";
 import { filterEmpty } from "@v-c/util/dist/props-util";
+//#region src/Table.tsx
+/**
+* Feature:
+*  - fixed not need to set width
+*  - support `rowExpandable` to config row expand logic
+*  - add `summary` to support `() => VueNode`
+*
+* Update:
+*  - `dataIndex` is `array[]` now
+*  - `expandable` wrap all the expand related props
+*
+* Removed:
+*  - expandIconAsCell
+*  - useFixedHeader
+*  - rowRef
+*  - columns[number].onCellClick
+*  - onRowClick
+*  - onRowDoubleClick
+*  - onRowMouseEnter
+*  - onRowMouseLeave
+*  - getBodyWrapper
+*  - bodyStyle
+*
+* Deprecated:
+*  - All expanded props, move into expandable
+*/
 function _isSlot(s) {
 	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
-const DEFAULT_PREFIX = "vc-table";
+var DEFAULT_PREFIX = "vc-table";
 var EMPTY_DATA = [];
 var EMPTY_SCROLL_TARGET = {};
 function defaultEmpty() {
@@ -102,13 +128,15 @@ var ImmutableTable = /* @__PURE__ */ defineComponent((props, { attrs, slots, exp
 			const targetRef = scrollBodyRef.value;
 			const targetElement = getDOM(targetRef);
 			if (targetElement instanceof HTMLElement) {
-				const { index, top, key, offset } = config || {};
+				const { index, top, key, offset, align = "nearest" } = config || {};
 				if (validNumberValue(top)) targetElement.scrollTo({ top });
 				else {
 					const mergedKey = key ?? getRowKey.value(mergedData.value[index]);
 					const rowElement = targetElement.querySelector(`[data-row-key="${mergedKey}"]`);
-					if (rowElement) if (!offset) rowElement.scrollIntoView();
-					else targetElement.scrollTo({ top: rowElement.offsetTop + offset });
+					if (rowElement) {
+						rowElement.scrollIntoView({ block: align });
+						if (offset) targetElement.scrollTo({ top: targetElement.scrollTop + offset });
+					}
 				}
 			} else if (targetRef?.scrollTo) targetRef.scrollTo(config);
 		}
@@ -335,14 +363,14 @@ var ImmutableTable = /* @__PURE__ */ defineComponent((props, { attrs, slots, exp
 		let _slot, _slot2;
 		slotChildren.value = slots.default?.();
 		const renderFixedHeaderTable = (fixedHolderPassProps) => {
-			return createVNode(Fragment, null, [createVNode(Header_default, fixedHolderPassProps, null), fixFooter.value === "top" && createVNode(Footer_default, fixedHolderPassProps, { default: () => [summaryNode.value] })]);
+			return createVNode(Fragment, null, [createVNode(Header, fixedHolderPassProps, null), fixFooter.value === "top" && createVNode(Footer, fixedHolderPassProps, { default: () => [summaryNode.value] })]);
 		};
-		const renderFixedFooterTable = (fixedHolderPassProps) => createVNode(Footer_default, fixedHolderPassProps, { default: () => [summaryNode.value] });
-		const bodyTableNode = createVNode(Body_default, {
+		const renderFixedFooterTable = (fixedHolderPassProps) => createVNode(Footer, fixedHolderPassProps, { default: () => [summaryNode.value] });
+		const bodyTableNode = createVNode(Body, {
 			"data": mergedData.value,
 			"measureColumnWidth": fixHeader.value || horizonScroll.value || stickyConfig.value.isSticky
 		}, null);
-		const bodyColGroupNode = createVNode(ColGroup_default, {
+		const bodyColGroupNode = createVNode(ColGroup, {
 			"colWidths": flattenColumns.value.map(({ width }) => width),
 			"columns": flattenColumns.value
 		}, null);
@@ -372,7 +400,7 @@ var ImmutableTable = /* @__PURE__ */ defineComponent((props, { attrs, slots, exp
 					captionElement,
 					bodyColGroupNode,
 					bodyTableNode,
-					!fixFooter.value && summaryNode.value && createVNode(Footer_default, {
+					!fixFooter.value && summaryNode.value && createVNode(Footer, {
 						"stickyOffsets": mergedStickyOffsets.value,
 						"flattenColumns": flattenColumns.value
 					}, { default: () => [summaryNode.value] })
@@ -391,20 +419,20 @@ var ImmutableTable = /* @__PURE__ */ defineComponent((props, { attrs, slots, exp
 				onScroll: onInternalScroll
 			};
 			groupTableNode = createVNode(Fragment, null, [
-				props.showHeader !== false && createVNode(FixedHolder_default, mergeProps(fixedHolderProps, {
+				props.showHeader !== false && createVNode(FixedHolder, mergeProps(fixedHolderProps, {
 					"stickyTopOffset": stickyConfig.value.offsetHeader,
 					"className": `${mergedPrefixCls.value}-header`,
 					"ref": scrollHeaderRef,
 					"colGroup": bodyColGroupNode
 				}), { default: renderFixedHeaderTable }),
 				bodyContent,
-				fixFooter.value && fixFooter.value !== "top" && createVNode(FixedHolder_default, mergeProps(fixedHolderProps, {
+				fixFooter.value && fixFooter.value !== "top" && createVNode(FixedHolder, mergeProps(fixedHolderProps, {
 					"stickyBottomOffset": stickyConfig.value.offsetSummary,
 					"className": `${mergedPrefixCls.value}-summary`,
 					"ref": scrollSummaryRef,
 					"colGroup": bodyColGroupNode
 				}), { default: renderFixedFooterTable }),
-				stickyConfig.value.isSticky && scrollBodyRef.value?.nodeType === 1 && createVNode(stickyScrollBar_default, {
+				stickyConfig.value.isSticky && scrollBodyRef.value?.nodeType === 1 && createVNode(StickyScrollBar, {
 					"ref": stickyRef,
 					"offsetScroll": stickyConfig.value.offsetScroll,
 					"scrollBodyRef": scrollBodyRef,
@@ -430,12 +458,12 @@ var ImmutableTable = /* @__PURE__ */ defineComponent((props, { attrs, slots, exp
 			} }, ariaProps), { default: () => [
 				captionElement,
 				bodyColGroupNode,
-				props.showHeader !== false && createVNode(Header_default, mergeProps(headerProps.value, {
+				props.showHeader !== false && createVNode(Header, mergeProps(headerProps.value, {
 					"columns": columns.value,
 					"flattenColumns": flattenColumns.value
 				}), null),
 				bodyTableNode,
-				!fixFooter.value && summaryNode.value && createVNode(Footer_default, {
+				!fixFooter.value && summaryNode.value && createVNode(Footer, {
 					"stickyOffsets": mergedStickyOffsets.value,
 					"flattenColumns": flattenColumns.value
 				}, { default: () => [summaryNode.value] })
@@ -461,7 +489,7 @@ var ImmutableTable = /* @__PURE__ */ defineComponent((props, { attrs, slots, exp
 			"id": props.id,
 			"ref": fullTableRef
 		}, dataProps), [
-			props.title && createVNode(Panel_default, {
+			props.title && createVNode(Panel, {
 				"className": clsx(`${mergedPrefixCls.value}-title`, props.classNames?.title),
 				"style": props.styles?.title
 			}, _isSlot(_slot = props.title(mergedData.value)) ? _slot : { default: () => [_slot] }),
@@ -470,7 +498,7 @@ var ImmutableTable = /* @__PURE__ */ defineComponent((props, { attrs, slots, exp
 				"class": clsx(`${mergedPrefixCls.value}-container`, props.classNames?.section),
 				"style": props.styles?.section
 			}, [groupTableNode]),
-			props.footer && createVNode(Panel_default, {
+			props.footer && createVNode(Panel, {
 				"className": clsx(`${mergedPrefixCls.value}-footer`, props.classNames?.footer),
 				"style": props.styles?.footer
 			}, _isSlot(_slot2 = props.footer(mergedData.value)) ? _slot2 : { default: () => [_slot2] })
@@ -722,8 +750,8 @@ var ImmutableTable = /* @__PURE__ */ defineComponent((props, { attrs, slots, exp
 }, defaults) });
 ImmutableTable.EXPAND_COLUMN = EXPAND_COLUMN;
 ImmutableTable.INTERNAL_HOOKS = INTERNAL_HOOKS;
-ImmutableTable.Column = Column_default;
-ImmutableTable.ColumnGroup = ColumnGroup_default;
+ImmutableTable.Column = Column;
+ImmutableTable.ColumnGroup = ColumnGroup;
 ImmutableTable.Summary = FooterComponents;
-var Table_default = ImmutableTable;
-export { DEFAULT_PREFIX, Table_default as default };
+//#endregion
+export { DEFAULT_PREFIX, ImmutableTable as default };