@v-c/table 0.0.2 → 0.0.4

package/dist/Body/BodyRow.cjs

@@ -88,6 +88,7 @@ var BodyRow = /* @__PURE__ */ (0, vue.defineComponent)({
 			};
 			const baseRowNode = (0, vue.createVNode)(RowComponent, (0, vue.mergeProps)(rowProps.value, {
 				"data-row-key": rowKey,
+				"key": `row-${rowKey}`,
 				"class": (0, _v_c_util.clsx)(className, `${prefixCls}-row`, `${prefixCls}-row-level-${indent}`, rowProps.value?.className, rowProps.value?.class, classNames?.row, { [expandedClsName]: indent >= 1 }),
 				"style": mergedRowStyle
 			}), _isSlot(_slot = flattenColumns.map((column, colIndex) => {
@@ -123,6 +124,7 @@ var BodyRow = /* @__PURE__ */ (0, vue.defineComponent)({
 				expandRowNode = (0, vue.createVNode)(require_ExpandedRow.default, {
 					"expanded": expanded.value,
 					"className": (0, _v_c_util.clsx)(`${prefixCls}-expanded-row`, `${prefixCls}-expanded-row-level-${indent + 1}`, computedExpandedRowClassName),
+					"key": `expanded-row-${rowKey}`,
 					"prefixCls": prefixCls,
 					"component": RowComponent,
 					"cellComponent": BodyCellComponent,
@@ -131,10 +133,8 @@ var BodyRow = /* @__PURE__ */ (0, vue.defineComponent)({
 					"isEmpty": false
 				}, _isSlot(expandContent) ? expandContent : { default: () => [expandContent] });
 			}
-			const childArr = [baseRowNode];
-			if (expandRowNode) childArr.push(expandRowNode);
-			if (childArr.length === 1) return childArr[0];
-			return childArr;
+			if (expandRowNode) return (0, vue.createVNode)(vue.Fragment, null, [baseRowNode, expandRowNode]);
+			return (0, vue.createVNode)(vue.Fragment, null, [baseRowNode]);
 		};
 	}
 });

package/dist/Body/BodyRow.js

@@ -83,6 +83,7 @@ var BodyRow_default = /* @__PURE__ */ defineComponent({
 			};
 			const baseRowNode = createVNode(RowComponent, mergeProps(rowProps.value, {
 				"data-row-key": rowKey,
+				"key": `row-${rowKey}`,
 				"class": clsx(className, `${prefixCls}-row`, `${prefixCls}-row-level-${indent}`, rowProps.value?.className, rowProps.value?.class, classNames?.row, { [expandedClsName]: indent >= 1 }),
 				"style": mergedRowStyle
 			}), _isSlot(_slot = flattenColumns.map((column, colIndex) => {
@@ -118,6 +119,7 @@ var BodyRow_default = /* @__PURE__ */ defineComponent({
 				expandRowNode = createVNode(ExpandedRow_default, {
 					"expanded": expanded.value,
 					"className": clsx(`${prefixCls}-expanded-row`, `${prefixCls}-expanded-row-level-${indent + 1}`, computedExpandedRowClassName),
+					"key": `expanded-row-${rowKey}`,
 					"prefixCls": prefixCls,
 					"component": RowComponent,
 					"cellComponent": BodyCellComponent,
@@ -126,10 +128,8 @@ var BodyRow_default = /* @__PURE__ */ defineComponent({
 					"isEmpty": false
 				}, _isSlot(expandContent) ? expandContent : { default: () => [expandContent] });
 			}
-			const childArr = [baseRowNode];
-			if (expandRowNode) childArr.push(expandRowNode);
-			if (childArr.length === 1) return childArr[0];
-			return childArr;
+			if (expandRowNode) return createVNode(Fragment, null, [baseRowNode, expandRowNode]);
+			return createVNode(Fragment, null, [baseRowNode]);
 		};
 	}
 });

package/dist/Body/MeasureRow.cjs

@@ -8,6 +8,7 @@ const require_MeasureCell = require("./MeasureCell.cjs");
 let vue = require("vue");
 let _v_c_resize_observer = require("@v-c/resize-observer");
 _v_c_resize_observer = require_rolldown_runtime.__toESM(_v_c_resize_observer);
+let _v_c_util_dist_props_util = require("@v-c/util/dist/props-util");
 let _v_c_util_dist_Dom_isVisible = require("@v-c/util/dist/Dom/isVisible");
 _v_c_util_dist_Dom_isVisible = require_rolldown_runtime.__toESM(_v_c_util_dist_Dom_isVisible);
 function _isSlot(s) {
@@ -26,6 +27,21 @@ var MeasureRow = /* @__PURE__ */ (0, vue.defineComponent)({
 		const { measureRowRender } = require_TableContext.useInjectTableContext();
 		return () => {
 			let _slot;
+			const cloneTitle = (title) => {
+				if (Array.isArray(title)) return title.map((node) => cloneTitle(node));
+				if ((0, vue.isVNode)(title)) {
+					const cloned = (0, vue.cloneVNode)(title, { ref: void 0 });
+					let children = cloned.children;
+					if (cloned.children?.default && typeof cloned.children.default === "function") {
+						children = (0, _v_c_util_dist_props_util.filterEmpty)(cloned.children?.default?.());
+						if (Array.isArray(children)) children = children.map((child) => cloneTitle(child));
+						else if ((0, vue.isVNode)(children)) children = cloneTitle(children);
+						cloned.children.default = () => children;
+					} else if (Array.isArray(children)) cloned.children = children.map((child) => cloneTitle(child));
+					return cloned;
+				}
+				return title;
+			};
 			const measureRow = (0, vue.createVNode)("tr", {
 				"aria-hidden": "true",
 				"class": `${props.prefixCls}-measure-row`,
@@ -36,7 +52,7 @@ var MeasureRow = /* @__PURE__ */ (0, vue.defineComponent)({
 					props.onColumnResize(columnKey, size.offsetWidth);
 				});
 			} }, _isSlot(_slot = props.columnsKey.map((columnKey) => {
-				const titleForMeasure = props.columns.find((col) => col.key === columnKey)?.title;
+				const titleForMeasure = cloneTitle(props.columns.find((col) => col.key === columnKey)?.title);
 				return (0, vue.createVNode)(require_MeasureCell.default, {
 					"key": columnKey,
 					"columnKey": columnKey,

package/dist/Body/MeasureRow.js

@@ -1,7 +1,8 @@
 import { useInjectTableContext } from "../context/TableContext.js";
 import MeasureCell_default from "./MeasureCell.js";
-import { createVNode, defineComponent, isVNode, ref } from "vue";
+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";
 function _isSlot(s) {
 	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
@@ -19,6 +20,21 @@ var MeasureRow_default = /* @__PURE__ */ defineComponent({
 		const { measureRowRender } = useInjectTableContext();
 		return () => {
 			let _slot;
+			const cloneTitle = (title) => {
+				if (Array.isArray(title)) return title.map((node) => cloneTitle(node));
+				if (isVNode(title)) {
+					const cloned = cloneVNode(title, { ref: void 0 });
+					let children = cloned.children;
+					if (cloned.children?.default && typeof cloned.children.default === "function") {
+						children = filterEmpty(cloned.children?.default?.());
+						if (Array.isArray(children)) children = children.map((child) => cloneTitle(child));
+						else if (isVNode(children)) children = cloneTitle(children);
+						cloned.children.default = () => children;
+					} else if (Array.isArray(children)) cloned.children = children.map((child) => cloneTitle(child));
+					return cloned;
+				}
+				return title;
+			};
 			const measureRow = createVNode("tr", {
 				"aria-hidden": "true",
 				"class": `${props.prefixCls}-measure-row`,
@@ -29,7 +45,7 @@ var MeasureRow_default = /* @__PURE__ */ defineComponent({
 					props.onColumnResize(columnKey, size.offsetWidth);
 				});
 			} }, _isSlot(_slot = props.columnsKey.map((columnKey) => {
-				const titleForMeasure = props.columns.find((col) => col.key === columnKey)?.title;
+				const titleForMeasure = cloneTitle(props.columns.find((col) => col.key === columnKey)?.title);
 				return createVNode(MeasureCell_default, {
 					"key": columnKey,
 					"columnKey": columnKey,

package/dist/FixedHolder/index.cjs

@@ -46,7 +46,6 @@ var FixedHolder = /* @__PURE__ */ (0, vue.defineComponent)({
 		const scrollRef = (0, vue.ref)(null);
 		const { colWidths, columCount } = (0, _v_c_util_dist_props_util.toPropsRefs)(props, "colWidths", "columCount");
 		expose({ nativeElement: scrollRef });
-		const TableComponent = (0, vue.computed)(() => context.getComponent(["header", "table"], "table"));
 		const combinationScrollBarSize = (0, vue.computed)(() => {
 			return context.isSticky && !props.fixHeader ? 0 : context.scrollbarSize;
 		});
@@ -108,14 +107,14 @@ var FixedHolder = /* @__PURE__ */ (0, vue.defineComponent)({
 		(0, vue.onBeforeUnmount)(() => {
 			scrollRef.value?.removeEventListener("wheel", onWheel);
 		});
-		const slotProps = (0, vue.computed)(() => ({
-			...props,
-			columns: columnsWithScrollbar.value,
-			flattenColumns: flattenColumnsWithScrollbar.value,
-			stickyOffsets: headerStickyOffsets.value
-		}));
 		return () => {
-			const TableComp = TableComponent.value;
+			const TableComp = context.getComponent(["header", "table"], "table");
+			const slotsProps = {
+				...props,
+				columns: columnsWithScrollbar.value,
+				flattenColumns: flattenColumnsWithScrollbar.value,
+				stickyOffsets: headerStickyOffsets.value
+			};
 			return (0, vue.createVNode)("div", {
 				"style": {
 					overflow: "hidden",
@@ -135,7 +134,7 @@ var FixedHolder = /* @__PURE__ */ (0, vue.defineComponent)({
 				"colWidths": [...mergedColumnWidth.value || [], combinationScrollBarSize.value],
 				"columCount": props.columCount + 1,
 				"columns": flattenColumnsWithScrollbar.value
-			}, null), slots.default?.(slotProps.value)] })]);
+			}, null), slots.default?.(slotsProps)] })]);
 		};
 	}
 });

package/dist/FixedHolder/index.js

@@ -41,7 +41,6 @@ var FixedHolder_default = /* @__PURE__ */ defineComponent({
 		const scrollRef = ref(null);
 		const { colWidths, columCount } = toPropsRefs(props, "colWidths", "columCount");
 		expose({ nativeElement: scrollRef });
-		const TableComponent = computed(() => context.getComponent(["header", "table"], "table"));
 		const combinationScrollBarSize = computed(() => {
 			return context.isSticky && !props.fixHeader ? 0 : context.scrollbarSize;
 		});
@@ -103,14 +102,14 @@ var FixedHolder_default = /* @__PURE__ */ defineComponent({
 		onBeforeUnmount(() => {
 			scrollRef.value?.removeEventListener("wheel", onWheel);
 		});
-		const slotProps = computed(() => ({
-			...props,
-			columns: columnsWithScrollbar.value,
-			flattenColumns: flattenColumnsWithScrollbar.value,
-			stickyOffsets: headerStickyOffsets.value
-		}));
 		return () => {
-			const TableComp = TableComponent.value;
+			const TableComp = context.getComponent(["header", "table"], "table");
+			const slotsProps = {
+				...props,
+				columns: columnsWithScrollbar.value,
+				flattenColumns: flattenColumnsWithScrollbar.value,
+				stickyOffsets: headerStickyOffsets.value
+			};
 			return createVNode("div", {
 				"style": {
 					overflow: "hidden",
@@ -130,7 +129,7 @@ var FixedHolder_default = /* @__PURE__ */ defineComponent({
 				"colWidths": [...mergedColumnWidth.value || [], combinationScrollBarSize.value],
 				"columCount": props.columCount + 1,
 				"columns": flattenColumnsWithScrollbar.value
-			}, null), slots.default?.(slotProps.value)] })]);
+			}, null), slots.default?.(slotsProps)] })]);
 		};
 	}
 });

package/dist/Footer/index.cjs

@@ -12,8 +12,9 @@ let vue = require("vue");
 var Footer = /* @__PURE__ */ (0, vue.defineComponent)({
 	name: "TableFooter",
 	props: ["stickyOffsets", "flattenColumns"],
+	inheritAttrs: false,
 	setup(props, { slots }) {
-		const { prefixCls } = require_TableContext.useInjectTableContext();
+		const context = require_TableContext.useInjectTableContext();
 		const summaryContext = (0, vue.reactive)({
 			stickyOffsets: props.stickyOffsets,
 			flattenColumns: props.flattenColumns,
@@ -27,7 +28,7 @@ var Footer = /* @__PURE__ */ (0, vue.defineComponent)({
 			summaryContext.scrollColumnIndex = scrollColumn?.scrollbar ? lastColumnIndex : null;
 		});
 		require_SummaryContext.useProvideSummaryContext(summaryContext);
-		return () => (0, vue.createVNode)("tfoot", { "class": `${prefixCls}-summary` }, [slots.default?.()]);
+		return () => (0, vue.createVNode)("tfoot", { "class": `${context.prefixCls}-summary` }, [slots.default?.()]);
 	}
 });
 var Footer_default = Footer;

package/dist/Footer/index.js

@@ -7,8 +7,9 @@ import { createVNode, defineComponent, reactive, watchEffect } from "vue";
 var Footer_default = /* @__PURE__ */ defineComponent({
 	name: "TableFooter",
 	props: ["stickyOffsets", "flattenColumns"],
+	inheritAttrs: false,
 	setup(props, { slots }) {
-		const { prefixCls } = useInjectTableContext();
+		const context = useInjectTableContext();
 		const summaryContext = reactive({
 			stickyOffsets: props.stickyOffsets,
 			flattenColumns: props.flattenColumns,
@@ -22,7 +23,7 @@ var Footer_default = /* @__PURE__ */ defineComponent({
 			summaryContext.scrollColumnIndex = scrollColumn?.scrollbar ? lastColumnIndex : null;
 		});
 		useProvideSummaryContext(summaryContext);
-		return () => createVNode("tfoot", { "class": `${prefixCls}-summary` }, [slots.default?.()]);
+		return () => createVNode("tfoot", { "class": `${context.prefixCls}-summary` }, [slots.default?.()]);
 	}
 });
 const FooterComponents = Summary_default;

package/dist/Header/Header.cjs

@@ -59,29 +59,29 @@ var Header = /* @__PURE__ */ (0, vue.defineComponent)({
 		const context = require_TableContext.useInjectTableContext();
 		const headerCls = (0, vue.computed)(() => context.classNames?.header || {});
 		const headerStyles = (0, vue.computed)(() => context.styles?.header || {});
-		const rows = (0, vue.computed)(() => {
-			return parseHeaderRows(props.columns, headerCls.value, headerStyles.value);
-		});
 		return () => {
 			let _slot;
 			const WrapperComponent = context.getComponent(["header", "wrapper"], "thead");
 			const trComponent = context.getComponent(["header", "row"], "tr");
 			const thComponent = context.getComponent(["header", "cell"], "th");
+			const rows = parseHeaderRows(props.columns, headerCls.value, headerStyles.value);
 			return (0, vue.createVNode)(WrapperComponent, {
 				"class": (0, _v_c_util.clsx)(`${context.prefixCls}-thead`, headerCls.value.wrapper),
 				"style": headerStyles.value.wrapper
-			}, _isSlot(_slot = rows.value.map((row, rowIndex) => (0, vue.createVNode)(require_HeaderRow.default, {
-				"classNames": headerCls.value,
-				"styles": headerStyles.value,
-				"key": rowIndex,
-				"flattenColumns": props.flattenColumns,
-				"cells": row,
-				"stickyOffsets": props.stickyOffsets,
-				"rowComponent": trComponent,
-				"cellComponent": thComponent,
-				"onHeaderRow": props.onHeaderRow,
-				"index": rowIndex
-			}, null))) ? _slot : { default: () => [_slot] });
+			}, _isSlot(_slot = rows.map((row, rowIndex) => {
+				return (0, vue.createVNode)(require_HeaderRow.default, {
+					"classNames": headerCls.value,
+					"styles": headerStyles.value,
+					"key": rowIndex,
+					"flattenColumns": props.flattenColumns,
+					"cells": row,
+					"stickyOffsets": props.stickyOffsets,
+					"rowComponent": trComponent,
+					"cellComponent": thComponent,
+					"onHeaderRow": props.onHeaderRow,
+					"index": rowIndex
+				}, null);
+			})) ? _slot : { default: () => [_slot] });
 		};
 	}
 });

package/dist/Header/Header.js

@@ -54,29 +54,29 @@ var Header_default = /* @__PURE__ */ defineComponent({
 		const context = useInjectTableContext();
 		const headerCls = computed(() => context.classNames?.header || {});
 		const headerStyles = computed(() => context.styles?.header || {});
-		const rows = computed(() => {
-			return parseHeaderRows(props.columns, headerCls.value, headerStyles.value);
-		});
 		return () => {
 			let _slot;
 			const WrapperComponent = context.getComponent(["header", "wrapper"], "thead");
 			const trComponent = context.getComponent(["header", "row"], "tr");
 			const thComponent = context.getComponent(["header", "cell"], "th");
+			const rows = parseHeaderRows(props.columns, headerCls.value, headerStyles.value);
 			return createVNode(WrapperComponent, {
 				"class": clsx(`${context.prefixCls}-thead`, headerCls.value.wrapper),
 				"style": headerStyles.value.wrapper
-			}, _isSlot(_slot = rows.value.map((row, rowIndex) => createVNode(HeaderRow_default, {
-				"classNames": headerCls.value,
-				"styles": headerStyles.value,
-				"key": rowIndex,
-				"flattenColumns": props.flattenColumns,
-				"cells": row,
-				"stickyOffsets": props.stickyOffsets,
-				"rowComponent": trComponent,
-				"cellComponent": thComponent,
-				"onHeaderRow": props.onHeaderRow,
-				"index": rowIndex
-			}, null))) ? _slot : { default: () => [_slot] });
+			}, _isSlot(_slot = rows.map((row, rowIndex) => {
+				return createVNode(HeaderRow_default, {
+					"classNames": headerCls.value,
+					"styles": headerStyles.value,
+					"key": rowIndex,
+					"flattenColumns": props.flattenColumns,
+					"cells": row,
+					"stickyOffsets": props.stickyOffsets,
+					"rowComponent": trComponent,
+					"cellComponent": thComponent,
+					"onHeaderRow": props.onHeaderRow,
+					"index": rowIndex
+				}, null);
+			})) ? _slot : { default: () => [_slot] });
 		};
 	}
 });

package/dist/Table.cjs

@@ -9,7 +9,6 @@ const require_valueUtil = require("./utils/valueUtil.cjs");
 const require_index = require("./Body/index.cjs");
 const require_constant = require("./constant.cjs");
 const require_index$1 = require("./FixedHolder/index.cjs");
-const require_Summary = require("./Footer/Summary.cjs");
 const require_index$2 = require("./Footer/index.cjs");
 const require_Header = require("./Header/Header.cjs");
 const require_index$3 = require("./hooks/useColumns/index.cjs");
@@ -27,12 +26,15 @@ let vue = require("vue");
 let _v_c_resize_observer = require("@v-c/resize-observer");
 _v_c_resize_observer = require_rolldown_runtime.__toESM(_v_c_resize_observer);
 let _v_c_util = require("@v-c/util");
+let _v_c_util_dist_Dom_canUseDom = require("@v-c/util/dist/Dom/canUseDom");
+_v_c_util_dist_Dom_canUseDom = require_rolldown_runtime.__toESM(_v_c_util_dist_Dom_canUseDom);
 let _v_c_util_dist_Dom_findDOMNode = require("@v-c/util/dist/Dom/findDOMNode");
 let _v_c_util_dist_getScrollBarSize = require("@v-c/util/dist/getScrollBarSize");
 let _v_c_util_dist_isEqual = require("@v-c/util/dist/isEqual");
 _v_c_util_dist_isEqual = require_rolldown_runtime.__toESM(_v_c_util_dist_isEqual);
 let _v_c_util_dist_pickAttrs = require("@v-c/util/dist/pickAttrs");
 _v_c_util_dist_pickAttrs = require_rolldown_runtime.__toESM(_v_c_util_dist_pickAttrs);
+let _v_c_util_dist_props_util = require("@v-c/util/dist/props-util");
 function _isSlot(s) {
 	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !(0, vue.isVNode)(s);
 }
@@ -138,9 +140,10 @@ var ImmutableTable = /* @__PURE__ */ (0, vue.defineComponent)((props, { attrs, s
 	const fixColumn = (0, vue.computed)(() => horizonScroll.value && flattenColumns.value.some(({ fixed }) => fixed));
 	const summaryNode = (0, vue.computed)(() => props.summary?.(mergedData.value));
 	const fixFooter = (0, vue.computed)(() => {
-		const node = summaryNode.value;
-		if (!node || Array.isArray(node) || !(0, vue.isVNode)(node)) return false;
-		return (fixHeader.value || stickyConfig.value.isSticky) && node.type === require_Summary.default && node.props.fixed;
+		const node = Array.isArray(summaryNode.value) ? (0, _v_c_util_dist_props_util.filterEmpty)(summaryNode.value)?.[0] : summaryNode.value;
+		if (!node || !(0, vue.isVNode)(node)) return false;
+		const fixed = node.props?.fixed;
+		return (fixHeader.value || stickyConfig.value.isSticky) && node?.type?.name === "TableSummary" && (fixed || fixed === "");
 	});
 	const scrollXStyle = (0, vue.computed)(() => {
 		if (horizonScroll.value) return { overflowX: "auto" };
@@ -264,6 +267,7 @@ var ImmutableTable = /* @__PURE__ */ (0, vue.defineComponent)((props, { attrs, s
 		else scrollbarSize.value = (0, _v_c_util_dist_getScrollBarSize.getTargetScrollBarSize)(scrollBodyContainerRef.value).width;
 	});
 	(0, vue.watchEffect)(() => {
+		if (!(0, _v_c_util_dist_Dom_canUseDom.default)()) return;
 		if (useInternalHooks.value && props.internalRefs?.body) props.internalRefs.body.value = (0, _v_c_util_dist_Dom_findDOMNode.getDOM)(scrollBodyRef.value);
 	});
 	const TableComponent = (0, vue.computed)(() => getComponent(["table"], "table"));
@@ -343,7 +347,9 @@ var ImmutableTable = /* @__PURE__ */ (0, vue.defineComponent)((props, { attrs, s
 	return () => {
 		let _slot, _slot2;
 		slotChildren.value = slots.default?.();
-		const renderFixedHeaderTable = (fixedHolderPassProps) => (0, vue.createVNode)(vue.Fragment, null, [(0, vue.createVNode)(require_Header.default, fixedHolderPassProps, null), fixFooter.value === "top" && (0, vue.createVNode)(require_index$2.default, fixedHolderPassProps, { default: () => [summaryNode.value] })]);
+		const renderFixedHeaderTable = (fixedHolderPassProps) => {
+			return (0, vue.createVNode)(vue.Fragment, null, [(0, vue.createVNode)(require_Header.default, fixedHolderPassProps, null), fixFooter.value === "top" && (0, vue.createVNode)(require_index$2.default, fixedHolderPassProps, { default: () => [summaryNode.value] })]);
+		};
 		const renderFixedFooterTable = (fixedHolderPassProps) => (0, vue.createVNode)(require_index$2.default, fixedHolderPassProps, { default: () => [summaryNode.value] });
 		const bodyTableNode = (0, vue.createVNode)(require_index.default, {
 			"data": mergedData.value,
@@ -442,7 +448,7 @@ var ImmutableTable = /* @__PURE__ */ (0, vue.defineComponent)((props, { attrs, s
 					"flattenColumns": flattenColumns.value
 				}), null),
 				bodyTableNode,
-				summaryNode.value && (0, vue.createVNode)(require_index$2.default, {
+				!fixFooter.value && summaryNode.value && (0, vue.createVNode)(require_index$2.default, {
 					"stickyOffsets": mergedStickyOffsets.value,
 					"flattenColumns": flattenColumns.value
 				}, { default: () => [summaryNode.value] })

package/dist/Table.js

@@ -4,7 +4,6 @@ import { getColumnsKey, validNumberValue, validateValue } from "./utils/valueUti
 import Body_default from "./Body/index.js";
 import { EXPAND_COLUMN, INTERNAL_HOOKS } from "./constant.js";
 import FixedHolder_default from "./FixedHolder/index.js";
-import Summary_default from "./Footer/Summary.js";
 import Footer_default, { FooterComponents } from "./Footer/index.js";
 import Header_default from "./Header/Header.js";
 import useColumns from "./hooks/useColumns/index.js";
@@ -21,10 +20,12 @@ import ColumnGroup_default 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";
+import canUseDom from "@v-c/util/dist/Dom/canUseDom";
 import { getDOM } from "@v-c/util/dist/Dom/findDOMNode";
 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";
 function _isSlot(s) {
 	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
@@ -130,9 +131,10 @@ var ImmutableTable = /* @__PURE__ */ defineComponent((props, { attrs, slots, exp
 	const fixColumn = computed(() => horizonScroll.value && flattenColumns.value.some(({ fixed }) => fixed));
 	const summaryNode = computed(() => props.summary?.(mergedData.value));
 	const fixFooter = computed(() => {
-		const node = summaryNode.value;
-		if (!node || Array.isArray(node) || !isVNode(node)) return false;
-		return (fixHeader.value || stickyConfig.value.isSticky) && node.type === Summary_default && node.props.fixed;
+		const node = Array.isArray(summaryNode.value) ? filterEmpty(summaryNode.value)?.[0] : summaryNode.value;
+		if (!node || !isVNode(node)) return false;
+		const fixed = node.props?.fixed;
+		return (fixHeader.value || stickyConfig.value.isSticky) && node?.type?.name === "TableSummary" && (fixed || fixed === "");
 	});
 	const scrollXStyle = computed(() => {
 		if (horizonScroll.value) return { overflowX: "auto" };
@@ -256,6 +258,7 @@ var ImmutableTable = /* @__PURE__ */ defineComponent((props, { attrs, slots, exp
 		else scrollbarSize.value = getTargetScrollBarSize(scrollBodyContainerRef.value).width;
 	});
 	watchEffect(() => {
+		if (!canUseDom()) return;
 		if (useInternalHooks.value && props.internalRefs?.body) props.internalRefs.body.value = getDOM(scrollBodyRef.value);
 	});
 	const TableComponent = computed(() => getComponent(["table"], "table"));
@@ -335,7 +338,9 @@ var ImmutableTable = /* @__PURE__ */ defineComponent((props, { attrs, slots, exp
 	return () => {
 		let _slot, _slot2;
 		slotChildren.value = slots.default?.();
-		const renderFixedHeaderTable = (fixedHolderPassProps) => createVNode(Fragment, null, [createVNode(Header_default, fixedHolderPassProps, null), fixFooter.value === "top" && createVNode(Footer_default, fixedHolderPassProps, { default: () => [summaryNode.value] })]);
+		const renderFixedHeaderTable = (fixedHolderPassProps) => {
+			return createVNode(Fragment, null, [createVNode(Header_default, fixedHolderPassProps, null), fixFooter.value === "top" && createVNode(Footer_default, fixedHolderPassProps, { default: () => [summaryNode.value] })]);
+		};
 		const renderFixedFooterTable = (fixedHolderPassProps) => createVNode(Footer_default, fixedHolderPassProps, { default: () => [summaryNode.value] });
 		const bodyTableNode = createVNode(Body_default, {
 			"data": mergedData.value,
@@ -434,7 +439,7 @@ var ImmutableTable = /* @__PURE__ */ defineComponent((props, { attrs, slots, exp
 					"flattenColumns": flattenColumns.value
 				}), null),
 				bodyTableNode,
-				summaryNode.value && createVNode(Footer_default, {
+				!fixFooter.value && summaryNode.value && createVNode(Footer_default, {
 					"stickyOffsets": mergedStickyOffsets.value,
 					"flattenColumns": flattenColumns.value
 				}, { default: () => [summaryNode.value] })

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@v-c/table",
   "type": "module",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
@@ -20,9 +20,9 @@
     "vue": "^3.0.0"
   },
   "dependencies": {
-    "@v-c/resize-observer": "^1.0.3",
-    "@v-c/util": "^1.0.5",
-    "@v-c/virtual-list": "^1.0.5"
+    "@v-c/resize-observer": "^1.0.7",
+    "@v-c/virtual-list": "^1.0.4",
+    "@v-c/util": "^1.0.8"
   },
   "publishConfig": {
     "access": "public"