@v-c/table 1.0.3 → 1.0.4

package/dist/VirtualTable/BodyGrid.js

@@ -1,11 +1,17 @@
 import { useInjectTableContext } from "../context/TableContext.js";
 import useFlattenRecords from "../hooks/useFlattenRecords.js";
 import { useInjectStaticContext, useProvideGridContext } from "./context.js";
-import BodyLine_default from "./BodyLine.js";
+import BodyLine from "./BodyLine.js";
 import { computed, createVNode, defineComponent, reactive, ref, toRaw, watch, watchEffect } from "vue";
 import { getStylePxValue } from "@v-c/util/dist/props-util";
 import VirtualList from "@v-c/virtual-list";
-var BodyGrid_default = /* @__PURE__ */ defineComponent({
+//#region src/VirtualTable/BodyGrid.tsx
+var ALIGN_MAP = {
+	start: "top",
+	end: "bottom",
+	nearest: "auto"
+};
+var BodyGrid = /* @__PURE__ */ defineComponent({
 	name: "TableBodyGrid",
 	props: ["data", "onScroll"],
 	setup(props, { expose }) {
@@ -79,16 +85,16 @@ var BodyGrid_default = /* @__PURE__ */ defineComponent({
 					const endItemIndex = index + rowSpan - 1;
 					const endItem = rawData[endItemIndex];
 					if (!endItem || !endItem.record) {
-						const endItemKey$1 = rawData[Math.min(endItemIndex, rawData.length - 1)].rowKey;
-						const sizeInfo$2 = getSize(rowKey, endItemKey$1);
-						return sizeInfo$2.bottom - sizeInfo$2.top;
+						const endItemKey = rawData[Math.min(endItemIndex, rawData.length - 1)].rowKey;
+						const sizeInfo = getSize(rowKey, endItemKey);
+						return sizeInfo.bottom - sizeInfo.top;
 					}
 					const endItemKey = endItem.rowKey;
-					const sizeInfo$1 = getSize(rowKey, endItemKey);
-					return sizeInfo$1.bottom - sizeInfo$1.top;
+					const sizeInfo = getSize(rowKey, endItemKey);
+					return sizeInfo.bottom - sizeInfo.top;
 				};
 				const sizeInfo = getSize(rowKey);
-				return createVNode(BodyLine_default, {
+				return createVNode(BodyLine, {
 					"key": index,
 					"data": item,
 					"rowKey": rowKey,
@@ -102,13 +108,13 @@ var BodyGrid_default = /* @__PURE__ */ defineComponent({
 		const exposed = {
 			scrollTo: (config) => {
 				if (!listRef.value) return;
-				const { offset, ...restConfig } = config || {};
-				if (offset) listRef.value.scrollTo({
+				const { align, offset, ...restConfig } = config || {};
+				const virtualAlign = ALIGN_MAP[align] ?? (offset ? "top" : "auto");
+				listRef.value.scrollTo({
 					...restConfig,
 					offset,
-					align: "top"
+					align: virtualAlign
 				});
-				else listRef.value.scrollTo(config);
 			},
 			get nativeElement() {
 				const native = listRef.value?.nativeElement;
@@ -160,7 +166,7 @@ var BodyGrid_default = /* @__PURE__ */ defineComponent({
 				"extraRender": extraRender
 			}, { default: (dataInfo) => {
 				const { item, index, ...itemProps } = dataInfo;
-				return createVNode(BodyLine_default, {
+				return createVNode(BodyLine, {
 					"data": dataInfo.item,
 					"rowKey": item.rowKey,
 					"index": index,
@@ -170,4 +176,5 @@ var BodyGrid_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-export { BodyGrid_default as default };
+//#endregion
+export { BodyGrid as default };

package/dist/VirtualTable/BodyLine.js

@@ -1,14 +1,15 @@
-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 { useInjectStaticContext } from "./context.js";
-import VirtualCell_default from "./VirtualCell.js";
+import VirtualCell from "./VirtualCell.js";
 import { computed, createVNode, defineComponent, isVNode, mergeProps } from "vue";
 import { clsx } from "@v-c/util";
+//#region src/VirtualTable/BodyLine.tsx
 function _isSlot(s) {
 	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
-var BodyLine_default = /* @__PURE__ */ defineComponent({
+var BodyLine = /* @__PURE__ */ defineComponent({
 	name: "TableBodyLine",
 	props: [
 		"data",
@@ -39,7 +40,7 @@ var BodyLine_default = /* @__PURE__ */ defineComponent({
 				let additionalProps = {};
 				if (tableContext.fixColumn) additionalProps = { style: { ["--virtual-width"]: `${tableContext.componentWidth}px` } };
 				const rowCellCls = `${tableContext.prefixCls}-expanded-row-cell`;
-				expandRowNode = createVNode(RowComponent, { "class": clsx(`${tableContext.prefixCls}-expanded-row`, `${tableContext.prefixCls}-expanded-row-level-${indent + 1}`, expandedClsName) }, { default: () => [createVNode(Cell_default, {
+				expandRowNode = createVNode(RowComponent, { "class": clsx(`${tableContext.prefixCls}-expanded-row`, `${tableContext.prefixCls}-expanded-row-level-${indent + 1}`, expandedClsName) }, { default: () => [createVNode(Cell, {
 					"component": CellComponent,
 					"prefixCls": tableContext.prefixCls,
 					"className": clsx(rowCellCls, { [`${rowCellCls}-fixed`]: tableContext.fixColumn }),
@@ -64,7 +65,7 @@ var BodyLine_default = /* @__PURE__ */ defineComponent({
 				"class": clsx(className, `${tableContext.prefixCls}-row`, rowProps.value?.className, rowProps.value?.class, { [`${tableContext.prefixCls}-row-extra`]: extra }),
 				"style": mergedRowStyle
 			}), _isSlot(_slot = tableContext.flattenColumns.map((column, colIndex) => {
-				return createVNode(VirtualCell_default, {
+				return createVNode(VirtualCell, {
 					"key": colIndex,
 					"component": CellComponent,
 					"rowInfo": rowInfo,
@@ -83,4 +84,5 @@ var BodyLine_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-export { BodyLine_default as default };
+//#endregion
+export { BodyLine as default };

package/dist/VirtualTable/VirtualCell.js

@@ -1,13 +1,14 @@
-import Cell_default from "../Cell/index.js";
+import Cell from "../Cell/index.js";
 import { getCellProps } from "../Body/BodyRow.js";
 import { useInjectGridContext } from "./context.js";
 import { createVNode, defineComponent, mergeProps } from "vue";
 import { clsx } from "@v-c/util";
 import { getStylePxValue } from "@v-c/util/dist/props-util";
+//#region src/VirtualTable/VirtualCell.tsx
 function getColumnWidth(colIndex, colSpan, columnsOffset) {
 	return columnsOffset[colIndex + (colSpan || 1)] - (columnsOffset[colIndex] || 0);
 }
-var VirtualCell_default = /* @__PURE__ */ defineComponent({
+var VirtualCell = /* @__PURE__ */ defineComponent({
 	name: "TableVirtualCell",
 	props: [
 		"rowInfo",
@@ -50,7 +51,7 @@ var VirtualCell_default = /* @__PURE__ */ defineComponent({
 				cellSpan.rowSpan = 1;
 				cellSpan.colSpan = 1;
 			}
-			return createVNode(Cell_default, mergeProps({
+			return createVNode(Cell, mergeProps({
 				"className": clsx(columnClassName, className),
 				"ellipsis": column.ellipsis,
 				"align": column.align,
@@ -77,4 +78,5 @@ var VirtualCell_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-export { VirtualCell_default as default, getColumnWidth };
+//#endregion
+export { VirtualCell as default, getColumnWidth };

package/dist/VirtualTable/context.js

@@ -1,4 +1,5 @@
 import { inject, provide } from "vue";
+//#region src/VirtualTable/context.tsx
 var StaticContextKey = Symbol("TableVirtualStaticContext");
 var GridContextKey = Symbol("TableVirtualGridContext");
 function useProvideStaticContext(value) {
@@ -13,4 +14,5 @@ function useProvideGridContext(value) {
 function useInjectGridContext() {
 	return inject(GridContextKey, {});
 }
+//#endregion
 export { useInjectGridContext, useInjectStaticContext, useProvideGridContext, useProvideStaticContext };

package/dist/VirtualTable/index.js

@@ -1,10 +1,11 @@
 import { INTERNAL_HOOKS } from "../constant.js";
-import Table_default, { DEFAULT_PREFIX } from "../Table.js";
+import ImmutableTable from "../Table.js";
 import { useProvideStaticContext } from "./context.js";
-import BodyGrid_default from "./BodyGrid.js";
+import BodyGrid from "./BodyGrid.js";
 import { computed, createVNode, defineComponent, isRef, mergeProps, reactive, ref, watchEffect } from "vue";
 import { clsx, get, warning } from "@v-c/util";
-var VirtualTable_default = /* @__PURE__ */ defineComponent((props, { expose, slots, attrs }) => {
+//#region src/VirtualTable/index.tsx
+var VirtualTable = /* @__PURE__ */ defineComponent((props, { expose, slots, attrs }) => {
 	const tableRef = ref(null);
 	const bodyRef = ref();
 	const mergedScrollX = computed(() => {
@@ -54,7 +55,7 @@ var VirtualTable_default = /* @__PURE__ */ defineComponent((props, { expose, slo
 		const { scroll, listItemHeight, components, ...restProps } = props;
 		const mergedClassName = clsx(restProps.className, `${props.prefixCls || "vc-table"}-virtual`);
 		const renderBody = (rawData, info) => {
-			return createVNode(BodyGrid_default, {
+			return createVNode(BodyGrid, {
 				"ref": (el) => {
 					bodyRef.value = el;
 					if (typeof info.ref === "function") info.ref(el);
@@ -64,7 +65,7 @@ var VirtualTable_default = /* @__PURE__ */ defineComponent((props, { expose, slo
 				"onScroll": info.onScroll
 			}, null);
 		};
-		return createVNode(Table_default, mergeProps(attrs, restProps, {
+		return createVNode(ImmutableTable, mergeProps(attrs, restProps, {
 			"className": mergedClassName,
 			"scroll": {
 				...scroll,
@@ -88,8 +89,7 @@ var VirtualTable_default = /* @__PURE__ */ defineComponent((props, { expose, slo
 	},
 	scroll: {
 		type: Object,
-		required: true,
-		default: void 0
+		required: true
 	},
 	prefixCls: {
 		type: String,
@@ -127,9 +127,13 @@ var VirtualTable_default = /* @__PURE__ */ defineComponent((props, { expose, slo
 		default: void 0
 	},
 	rowKey: {
-		type: [String, Function],
+		type: [
+			String,
+			Number,
+			Symbol,
+			Function
+		],
 		required: false,
-		skipCheck: true,
 		default: void 0
 	},
 	tableLayout: {
@@ -328,4 +332,5 @@ var VirtualTable_default = /* @__PURE__ */ defineComponent((props, { expose, slo
 		default: void 0
 	}
 } });
-export { VirtualTable_default as default };
+//#endregion
+export { VirtualTable as default };

package/dist/constant.js

@@ -1,3 +1,5 @@
-const EXPAND_COLUMN = {};
-const INTERNAL_HOOKS = "vc-table-internal-hook";
+//#region src/constant.ts
+var EXPAND_COLUMN = {};
+var INTERNAL_HOOKS = "vc-table-internal-hook";
+//#endregion
 export { EXPAND_COLUMN, INTERNAL_HOOKS };

package/dist/context/PerfContext.js

@@ -1,4 +1,5 @@
 import { inject, provide, reactive } from "vue";
+//#region src/context/PerfContext.tsx
 var defaultPerfRecord = { renderWithProps: false };
 var PerfContextKey = Symbol("TablePerfContext");
 function useProvidePerfContext(record = reactive({ ...defaultPerfRecord })) {
@@ -8,4 +9,5 @@ function useProvidePerfContext(record = reactive({ ...defaultPerfRecord })) {
 function useInjectPerfContext() {
 	return inject(PerfContextKey, defaultPerfRecord);
 }
+//#endregion
 export { useInjectPerfContext, useProvidePerfContext };

package/dist/context/TableContext.js

@@ -1,14 +1,16 @@
 import { inject, provide, ref } from "vue";
-const TableContextKey = Symbol("TableContextProps");
+//#region src/context/TableContext.tsx
+var TableContextKey = Symbol("TableContextProps");
 function useProvideTableContext(props) {
 	provide(TableContextKey, props);
 }
 function useInjectTableContext() {
 	return inject(TableContextKey, {});
 }
-const makeImmutable = (component, _shouldTriggerRender) => component;
-const responseImmutable = (component) => component;
+var makeImmutable = (component, _shouldTriggerRender) => component;
+var responseImmutable = (component) => component;
 function useImmutableMark() {
 	return ref(0);
 }
+//#endregion
 export { TableContextKey, makeImmutable, responseImmutable, useImmutableMark, useInjectTableContext, useProvideTableContext };

package/dist/hooks/useColumns/index.js

@@ -4,6 +4,7 @@ import useWidthColumns from "./useWidthColumns.js";
 import { computed, createVNode, isVNode, unref } from "vue";
 import { warning } from "@v-c/util";
 import { flattenChildren } from "@v-c/util/dist/props-util";
+//#region src/hooks/useColumns/index.tsx
 function convertChildrenToColumns(children) {
 	return flattenChildren(children).filter((node) => isVNode(node)).map((node) => {
 		const { key, props, children: nodeChildren } = node;
@@ -53,8 +54,8 @@ function useColumns(options, transformColumns) {
 			if (process.env.NODE_ENV !== "production" && expandIconColumnIndex !== void 0) warning(false, "`expandIconColumnIndex` is deprecated. Please use `Table.EXPAND_COLUMN` in `columns` instead.");
 			if (!cloneColumns.includes(EXPAND_COLUMN)) {
 				const expandColIndex = expandIconColumnIndex || 0;
-				const fixed$1 = unref(options.fixed);
-				const insertIndex = expandColIndex === 0 && (fixed$1 === "right" || fixed$1 === "end") ? baseColumns.value.length : expandColIndex;
+				const fixed = unref(options.fixed);
+				const insertIndex = expandColIndex === 0 && (fixed === "right" || fixed === "end") ? baseColumns.value.length : expandColIndex;
 				if (insertIndex >= 0) cloneColumns.splice(insertIndex, 0, EXPAND_COLUMN);
 			}
 			if (process.env.NODE_ENV !== "production" && cloneColumns.filter((c) => c === EXPAND_COLUMN).length > 1) warning(false, "There exist more than one `EXPAND_COLUMN` in `columns`.");
@@ -118,4 +119,5 @@ function useColumns(options, transformColumns) {
 		computed(() => widthColumns.value[1])
 	];
 }
+//#endregion
 export { convertChildrenToColumns, useColumns as default };

package/dist/hooks/useColumns/useWidthColumns.js

@@ -1,4 +1,5 @@
 import { computed, unref } from "vue";
+//#region src/hooks/useColumns/useWidthColumns.tsx
 function parseColWidth(totalWidth, width = "") {
 	if (typeof width === "number") return width;
 	if (typeof width === "string" && width.endsWith("%")) return totalWidth * parseFloat(width) / 100;
@@ -49,4 +50,5 @@ function useWidthColumns(flattenColumns, scrollWidth, clientWidth) {
 		return [mergedColumns, mergedScrollWidth ?? void 0];
 	});
 }
+//#endregion
 export { useWidthColumns as default };

package/dist/hooks/useExpand.js

@@ -1,8 +1,9 @@
 import { getExpandableProps } from "../utils/legacyUtil.js";
 import { findAllChildrenKeys, renderExpandIcon } from "../utils/expandUtil.js";
-import { INTERNAL_HOOKS } from "../constant.js";
+import "../constant.js";
 import { computed, ref, unref } from "vue";
 import { warning } from "@v-c/util";
+//#region src/hooks/useExpand.ts
 function useExpand(props, mergedData, getRowKey) {
 	const expandableConfig = computed(() => getExpandableProps(props));
 	const mergedExpandIcon = computed(() => expandableConfig.value.expandIcon || renderExpandIcon);
@@ -48,4 +49,5 @@ function useExpand(props, mergedData, getRowKey) {
 		onTriggerExpand
 	];
 }
+//#endregion
 export { useExpand as default };

package/dist/hooks/useFixedInfo.js

@@ -2,6 +2,7 @@ import { getCellFixedInfo } from "../utils/fixUtil.js";
 import { computed, unref } from "vue";
 import isEqual from "@v-c/util/dist/isEqual";
 import useMemo from "@v-c/util/dist/hooks/useMemo";
+//#region src/hooks/useFixedInfo.ts
 function useFixedInfo(flattenColumns, stickyOffsets) {
 	const fixedInfoList = computed(() => {
 		const mergedColumns = unref(flattenColumns) || [];
@@ -10,4 +11,5 @@ function useFixedInfo(flattenColumns, stickyOffsets) {
 	});
 	return useMemo(() => fixedInfoList.value, [fixedInfoList], (prev, next) => !isEqual(prev, next));
 }
+//#endregion
 export { useFixedInfo as default };

package/dist/hooks/useFlattenRecords.js

@@ -1,4 +1,5 @@
 import { computed, unref } from "vue";
+//#region src/hooks/useFlattenRecords.ts
 function fillRecords(list, record, indent, childrenColumnName, expandedKeys, getRowKey, index) {
 	const key = getRowKey(record, index);
 	list.push({
@@ -30,4 +31,5 @@ function useFlattenRecords(data, childrenColumnName, expandedKeys, getRowKey) {
 		}));
 	});
 }
+//#endregion
 export { useFlattenRecords as default };

package/dist/hooks/useFrame.js

@@ -1,5 +1,6 @@
 import { onBeforeUnmount, ref, shallowRef } from "vue";
 import raf from "@v-c/util/dist/raf";
+//#region src/hooks/useFrame.ts
 function useLayoutState(defaultState) {
 	const stateRef = shallowRef(defaultState);
 	let rafId;
@@ -42,4 +43,5 @@ function useTimeoutLock(defaultState) {
 	});
 	return [setState, getState];
 }
+//#endregion
 export { useLayoutState, useTimeoutLock };

package/dist/hooks/useHover.js

@@ -1,4 +1,5 @@
 import { ref } from "vue";
+//#region src/hooks/useHover.ts
 function useHover() {
 	const startRow = ref(-1);
 	const endRow = ref(-1);
@@ -12,4 +13,5 @@ function useHover() {
 		onHover
 	];
 }
+//#endregion
 export { useHover as default };

package/dist/hooks/useRowInfo.js

@@ -2,6 +2,7 @@ import { useInjectTableContext } from "../context/TableContext.js";
 import { getColumnsKey } from "../utils/valueUtil.js";
 import { computed, unref } from "vue";
 import { clsx } from "@v-c/util";
+//#region src/hooks/useRowInfo.ts
 function useRowInfo(record, rowKey, recordIndex, indent) {
 	const tableContext = useInjectTableContext();
 	const nestExpandable = computed(() => tableContext.expandableType === "nest");
@@ -45,4 +46,5 @@ function useRowInfo(record, rowKey, recordIndex, indent) {
 		rowProps
 	};
 }
+//#endregion
 export { useRowInfo as default };

package/dist/hooks/useSticky.js

@@ -1,5 +1,6 @@
 import { computed, unref } from "vue";
 import canUseDom from "@v-c/util/dist/Dom/canUseDom";
+//#region src/hooks/useSticky.ts
 var defaultContainer = canUseDom() ? window : null;
 function useSticky(sticky, prefixCls) {
 	return computed(() => {
@@ -18,4 +19,5 @@ function useSticky(sticky, prefixCls) {
 		};
 	});
 }
+//#endregion
 export { useSticky as default };

package/dist/hooks/useStickyOffsets.js

@@ -1,4 +1,5 @@
 import { computed, unref } from "vue";
+//#region src/hooks/useStickyOffsets.ts
 function useStickyOffsets(colWidths, flattenColumns) {
 	return computed(() => {
 		const mergedWidths = unref(colWidths) || [];
@@ -33,4 +34,5 @@ function useStickyOffsets(colWidths, flattenColumns) {
 		};
 	});
 }
+//#endregion
 export { useStickyOffsets as default };

package/dist/index.js

@@ -1,11 +1,13 @@
 import { INTERNAL_COL_DEFINE } from "./utils/legacyUtil.js";
 import { EXPAND_COLUMN, INTERNAL_HOOKS } from "./constant.js";
-import Cell_default from "./Footer/Cell.js";
-import Row_default from "./Footer/Row.js";
+import SummaryCell from "./Footer/Cell.js";
+import FooterRow from "./Footer/Row.js";
 import { FooterComponents } from "./Footer/index.js";
-import Column_default from "./sugar/Column.js";
-import ColumnGroup_default from "./sugar/ColumnGroup.js";
-import Table_default from "./Table.js";
-import VirtualTable_default from "./VirtualTable/index.js";
-var src_default = Table_default;
-export { Column_default as Column, ColumnGroup_default as ColumnGroup, EXPAND_COLUMN, INTERNAL_COL_DEFINE, INTERNAL_HOOKS, FooterComponents as Summary, Cell_default as SummaryCell, Row_default as SummaryRow, VirtualTable_default as VirtualTable, src_default as default };
+import Column from "./sugar/Column.js";
+import ColumnGroup from "./sugar/ColumnGroup.js";
+import ImmutableTable from "./Table.js";
+import VirtualTable from "./VirtualTable/index.js";
+//#region src/index.ts
+var src_default = ImmutableTable;
+//#endregion
+export { Column, ColumnGroup, EXPAND_COLUMN, INTERNAL_COL_DEFINE, INTERNAL_HOOKS, FooterComponents as Summary, SummaryCell, FooterRow as SummaryRow, VirtualTable, src_default as default };

package/dist/interface.d.ts

@@ -19,10 +19,14 @@ export interface ScrollConfig {
      * Additional offset in pixels to apply to the scroll position.
      * Only effective when using `key` or `index` mode.
      * Ignored when using `top` mode.
-     * When offset is set, the target element will always be aligned to the top of the container.
+     * In `key` / `index` mode, `offset` is added to the position resolved by `align`.
      */
     offset?: number;
+    align?: ScrollLogicalPosition;
 }
+export type VirtualScrollConfig = ScrollConfig & {
+    align?: Exclude<ScrollLogicalPosition, 'center'>;
+};
 export interface Reference {
     nativeElement: HTMLDivElement;
     scrollTo: (config: ScrollConfig) => void;

package/dist/stickyScrollBar.js

@@ -6,11 +6,12 @@ import { clsx } from "@v-c/util";
 import { getDOM } from "@v-c/util/dist/Dom/findDOMNode";
 import getScrollBarSize from "@v-c/util/dist/getScrollBarSize";
 import raf from "@v-c/util/dist/raf";
+//#region src/stickyScrollBar.tsx
 var MOUSEUP_EVENT = "mouseup";
 var MOUSEMOVE_EVENT = "mousemove";
 var SCROLL_EVENT = "scroll";
 var RESIZE_EVENT = "resize";
-var stickyScrollBar_default = /* @__PURE__ */ defineComponent({
+var StickyScrollBar = /* @__PURE__ */ defineComponent({
 	name: "TableStickyScrollBar",
 	props: [
 		"scrollBodyRef",
@@ -162,4 +163,5 @@ var stickyScrollBar_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-export { stickyScrollBar_default as default };
+//#endregion
+export { StickyScrollBar as default };

package/dist/sugar/Column.js

@@ -1,5 +1,10 @@
 import { defineComponent } from "vue";
-var Column_default = /* @__PURE__ */ defineComponent(() => {
+//#region src/sugar/Column.tsx
+/**
+* This is a syntactic sugar for `columns` prop.
+* So HOC will not work on this.
+*/
+var Column = /* @__PURE__ */ defineComponent(() => {
 	return () => null;
 }, { props: {
 	colSpan: {
@@ -100,4 +105,5 @@ var Column_default = /* @__PURE__ */ defineComponent(() => {
 		default: void 0
 	}
 } });
-export { Column_default as default };
+//#endregion
+export { Column as default };

package/dist/sugar/ColumnGroup.js

@@ -1,5 +1,10 @@
 import { defineComponent } from "vue";
-var ColumnGroup_default = /* @__PURE__ */ defineComponent(() => {
+//#region src/sugar/ColumnGroup.tsx
+/**
+* This is a syntactic sugar for `columns` prop.
+* So HOC will not work on this.
+*/
+var ColumnGroup = /* @__PURE__ */ defineComponent(() => {
 	return () => null;
 }, { props: {
 	colSpan: {
@@ -100,4 +105,5 @@ var ColumnGroup_default = /* @__PURE__ */ defineComponent(() => {
 		default: void 0
 	}
 } });
-export { ColumnGroup_default as default };
+//#endregion
+export { ColumnGroup as default };

package/dist/utils/expandUtil.js

@@ -1,5 +1,6 @@
 import { createVNode } from "vue";
 import { clsx } from "@v-c/util";
+//#region src/utils/expandUtil.tsx
 function renderExpandIcon({ prefixCls, record, onExpand, expanded, expandable }) {
 	const expandClassName = `${prefixCls}-row-expand-icon`;
 	if (!expandable) return createVNode("span", { "class": clsx(expandClassName, `${prefixCls}-row-spaced`) }, null);
@@ -31,4 +32,5 @@ function computedExpandedClassName(cls, record, index, indent) {
 	if (typeof cls === "function") return cls(record, index, indent);
 	return "";
 }
+//#endregion
 export { computedExpandedClassName, findAllChildrenKeys, renderExpandIcon };

package/dist/utils/fixUtil.js

@@ -1,3 +1,4 @@
+//#region src/utils/fixUtil.ts
 function isFixedStart(column) {
 	return column.fixed === "start";
 }
@@ -45,4 +46,5 @@ function getCellFixedInfo(colStart, colEnd, columns, stickyOffsets) {
 		zIndexReverse
 	};
 }
+//#endregion
 export { getCellFixedInfo };

package/dist/utils/legacyUtil.js

@@ -1,5 +1,6 @@
 import warning from "@v-c/util/dist/warning";
-const INTERNAL_COL_DEFINE = "VC_TABLE_INTERNAL_COL_DEFINE";
+//#region src/utils/legacyUtil.ts
+var INTERNAL_COL_DEFINE = "VC_TABLE_INTERNAL_COL_DEFINE";
 function getExpandableProps(props) {
 	const { expandable, ...legacyExpandableConfig } = props;
 	let config;
@@ -28,4 +29,5 @@ function getExpandableProps(props) {
 	if (config.showExpandColumn === false) config.expandIconColumnIndex = -1;
 	return config;
 }
+//#endregion
 export { INTERNAL_COL_DEFINE, getExpandableProps };

package/dist/utils/offsetUtil.js

@@ -1,4 +1,5 @@
 import { getDOM } from "@v-c/util/dist/Dom/findDOMNode";
+//#region src/utils/offsetUtil.ts
 function getOffset(node) {
 	const box = getDOM(node).getBoundingClientRect();
 	const docElem = document.documentElement;
@@ -7,4 +8,5 @@ function getOffset(node) {
 		top: box.top + (window.pageYOffset || docElem.scrollTop) - (docElem.clientTop || document.body.clientTop || 0)
 	};
 }
+//#endregion
 export { getOffset };

package/dist/utils/valueUtil.js

@@ -1,3 +1,4 @@
+//#region src/utils/valueUtil.tsx
 var INTERNAL_KEY_PREFIX = "VC_TABLE_KEY";
 function toArray(arr) {
 	if (arr === void 0 || arr === null) return [];
@@ -22,4 +23,5 @@ function validateValue(val) {
 function validNumberValue(value) {
 	return typeof value === "number" && !Number.isNaN(value);
 }
+//#endregion
 export { getColumnsKey, validNumberValue, validateValue };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@v-c/table",
   "type": "module",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
@@ -21,7 +21,7 @@
   },
   "dependencies": {
     "@v-c/resize-observer": "^1.0.8",
-    "@v-c/util": "^1.0.18",
+    "@v-c/util": "^1.0.19",
     "@v-c/virtual-list": "^1.0.6"
   },
   "publishConfig": {