@v-c/table 1.0.0 → 1.0.1

package/dist/Table.cjs

@@ -1,739 +0,0 @@
-Object.defineProperties(exports, {
-	__esModule: { value: true },
-	[Symbol.toStringTag]: { value: "Module" }
-});
-const require_rolldown_runtime = require("./_virtual/rolldown_runtime.cjs");
-const require_TableContext = require("./context/TableContext.cjs");
-const require_ColGroup = require("./ColGroup.cjs");
-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_index$2 = require("./Footer/index.cjs");
-const require_Header = require("./Header/Header.cjs");
-const require_index$3 = require("./hooks/useColumns/index.cjs");
-const require_useExpand = require("./hooks/useExpand.cjs");
-const require_useFixedInfo = require("./hooks/useFixedInfo.cjs");
-const require_useFrame = require("./hooks/useFrame.cjs");
-const require_useHover = require("./hooks/useHover.cjs");
-const require_useSticky = require("./hooks/useSticky.cjs");
-const require_useStickyOffsets = require("./hooks/useStickyOffsets.cjs");
-const require_index$4 = require("./Panel/index.cjs");
-const require_stickyScrollBar = require("./stickyScrollBar.cjs");
-const require_Column = require("./sugar/Column.cjs");
-const require_ColumnGroup = require("./sugar/ColumnGroup.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 = 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);
-}
-const DEFAULT_PREFIX = "vc-table";
-var EMPTY_DATA = [];
-var EMPTY_SCROLL_TARGET = {};
-function defaultEmpty() {
-	return "No Data";
-}
-var defaults = {
-	rowKey: "key",
-	prefixCls: DEFAULT_PREFIX,
-	emptyText: defaultEmpty,
-	rowHoverable: true
-};
-var ImmutableTable = /* @__PURE__ */ (0, vue.defineComponent)((props, { attrs, slots, expose }) => {
-	const mergedData = (0, vue.shallowRef)(props.data || EMPTY_DATA);
-	(0, vue.watch)(() => props.data, () => {
-		mergedData.value = props.data || EMPTY_DATA;
-	});
-	const hasData = (0, vue.computed)(() => !!mergedData.value.length);
-	const useInternalHooks = (0, vue.computed)(() => props.internalHooks === require_constant.INTERNAL_HOOKS);
-	const mergedPrefixCls = (0, vue.computed)(() => props.prefixCls || "vc-table");
-	const mergedRowHoverable = (0, vue.computed)(() => props.rowHoverable !== void 0 ? props.rowHoverable : true);
-	const mergedEmptyText = (0, vue.computed)(() => props.emptyText ?? defaultEmpty);
-	const mergedDirection = (0, vue.computed)(() => props.direction || "ltr");
-	const getComponent = (path, defaultComponent) => {
-		return (0, _v_c_util.get)(props.components, path) || defaultComponent;
-	};
-	const getRowKey = (0, vue.computed)(() => {
-		if (typeof props.rowKey === "function") return props.rowKey;
-		const rowKey = props.rowKey ?? "key";
-		return (record) => {
-			const key = record && record[rowKey];
-			if (process.env.NODE_ENV !== "production") (0, _v_c_util.warning)(key !== void 0, "Each record in table should have a unique `key` prop, or set `rowKey` to an unique primary key.");
-			return key;
-		};
-	});
-	const customizeScrollBody = (0, vue.computed)(() => getComponent(["body"]));
-	const [startRow, endRow, onHover] = require_useHover.default();
-	const [expandableConfig, expandableType, mergedExpandedKeys, mergedExpandIcon, mergedChildrenColumnName, onTriggerExpand] = require_useExpand.default(props, mergedData, getRowKey);
-	const componentWidth = (0, vue.ref)(0);
-	const slotChildren = (0, vue.shallowRef)(null);
-	const [columns, flattenColumns, flattenScrollX] = require_index$3.default({
-		prefixCls: mergedPrefixCls,
-		columns: (0, vue.computed)(() => props.columns),
-		children: slotChildren,
-		expandable: (0, vue.computed)(() => !!expandableConfig.value.expandedRowRender),
-		columnTitle: (0, vue.computed)(() => expandableConfig.value.columnTitle),
-		expandedKeys: mergedExpandedKeys,
-		getRowKey,
-		onTriggerExpand,
-		expandIcon: mergedExpandIcon,
-		rowExpandable: (0, vue.computed)(() => expandableConfig.value.rowExpandable),
-		expandIconColumnIndex: (0, vue.computed)(() => expandableConfig.value.expandIconColumnIndex),
-		expandedRowOffset: expandableConfig.value.expandedRowOffset,
-		direction: mergedDirection,
-		expandRowByClick: (0, vue.computed)(() => expandableConfig.value.expandRowByClick),
-		columnWidth: (0, vue.computed)(() => expandableConfig.value.columnWidth),
-		fixed: (0, vue.computed)(() => expandableConfig.value.fixed),
-		scrollWidth: (0, vue.computed)(() => useInternalHooks.value && props.tailor && typeof props.scroll?.x === "number" ? props.scroll?.x : null),
-		clientWidth: componentWidth
-	}, (0, vue.computed)(() => useInternalHooks.value ? props.transformColumns || null : null));
-	const mergedScrollX = (0, vue.computed)(() => flattenScrollX.value ?? props.scroll?.x);
-	const fullTableRef = (0, vue.ref)(null);
-	const scrollHeaderRef = (0, vue.ref)(null);
-	const scrollBodyRef = (0, vue.ref)(null);
-	const scrollBodyContainerRef = (0, vue.ref)(null);
-	expose({
-		get nativeElement() {
-			return fullTableRef.value;
-		},
-		scrollTo: (config) => {
-			const targetRef = scrollBodyRef.value;
-			const targetElement = (0, _v_c_util_dist_Dom_findDOMNode.getDOM)(targetRef);
-			if (targetElement instanceof HTMLElement) {
-				const { index, top, key, offset } = config || {};
-				if (require_valueUtil.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 });
-				}
-			} else if (targetRef?.scrollTo) targetRef.scrollTo(config);
-		}
-	});
-	const scrollSummaryRef = (0, vue.ref)(null);
-	const shadowStart = (0, vue.ref)(false);
-	const shadowEnd = (0, vue.ref)(false);
-	const colsWidths = (0, vue.ref)(/* @__PURE__ */ new Map());
-	const colsKeys = (0, vue.computed)(() => require_valueUtil.getColumnsKey(flattenColumns.value));
-	const colWidths = (0, vue.computed)(() => colsKeys.value.map((columnKey) => colsWidths.value.get(columnKey)));
-	const stickyRef = (0, vue.ref)(null);
-	const stickyConfig = require_useSticky.default((0, vue.computed)(() => props.sticky), mergedPrefixCls);
-	const stickyOffsets = require_useStickyOffsets.default(colWidths, flattenColumns);
-	const mergedStickyOffsets = (0, vue.computed)(() => ({
-		...stickyOffsets.value,
-		isSticky: stickyConfig.value.isSticky
-	}));
-	const fixHeader = (0, vue.computed)(() => !!(props.scroll && require_valueUtil.validateValue(props.scroll.y)));
-	const horizonScroll = (0, vue.computed)(() => !!(props.scroll && require_valueUtil.validateValue(mergedScrollX.value)) || !!expandableConfig.value.fixed);
-	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 = 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" };
-	});
-	const scrollYStyle = (0, vue.computed)(() => {
-		if (fixHeader.value) return {
-			overflowY: hasData.value ? "scroll" : "auto",
-			maxHeight: typeof props.scroll?.y === "number" ? `${props.scroll?.y}px` : props.scroll?.y
-		};
-		if (horizonScroll.value && !fixHeader.value) return { overflowY: "hidden" };
-	});
-	const scrollTableStyle = (0, vue.computed)(() => {
-		if (!horizonScroll.value) return;
-		return {
-			width: mergedScrollX.value === true ? "auto" : typeof mergedScrollX.value === "number" ? `${mergedScrollX.value}px` : mergedScrollX.value,
-			minWidth: "100%"
-		};
-	});
-	const onColumnResize = (columnKey, width) => {
-		if (colsWidths.value.get(columnKey) !== width) {
-			const newWidths = new Map(colsWidths.value);
-			newWidths.set(columnKey, width);
-			colsWidths.value = newWidths;
-		}
-	};
-	const [setScrollTarget, getScrollTarget] = require_useFrame.useTimeoutLock(null);
-	function forceScroll(scrollLeft, target) {
-		if (!target) return;
-		if (typeof target === "function") {
-			target(scrollLeft);
-			return;
-		}
-		const element = target.nativeElement ? (0, _v_c_util_dist_Dom_findDOMNode.getDOM)(target.nativeElement) : (0, _v_c_util_dist_Dom_findDOMNode.getDOM)(target);
-		if (element && element.scrollLeft !== scrollLeft) {
-			element.scrollLeft = scrollLeft;
-			if (element.scrollLeft !== scrollLeft) setTimeout(() => {
-				element.scrollLeft = scrollLeft;
-			}, 0);
-		}
-	}
-	const scrollInfo = (0, vue.ref)([0, 0]);
-	const onInternalScroll = (info) => {
-		const currentTarget = info.currentTarget || scrollBodyRef.value;
-		const mergedScrollLeft = typeof info.scrollLeft === "number" ? info.scrollLeft : currentTarget?.scrollLeft || 0;
-		const compareTarget = currentTarget || EMPTY_SCROLL_TARGET;
-		if (!getScrollTarget() || getScrollTarget() === compareTarget) {
-			setScrollTarget(compareTarget);
-			forceScroll(mergedScrollLeft, scrollHeaderRef.value);
-			forceScroll(mergedScrollLeft, scrollBodyRef.value);
-			forceScroll(mergedScrollLeft, scrollSummaryRef.value);
-			forceScroll(mergedScrollLeft, stickyRef.value?.setScrollLeft);
-		}
-		const measureTarget = currentTarget || (0, _v_c_util_dist_Dom_findDOMNode.getDOM)(scrollHeaderRef.value);
-		if (measureTarget) {
-			const scrollWidth = useInternalHooks.value && props.tailor && typeof mergedScrollX.value === "number" ? mergedScrollX.value : measureTarget.scrollWidth;
-			const clientWidth = measureTarget.clientWidth;
-			const absScrollStart = Math.abs(mergedScrollLeft);
-			const nextScrollInfo = [absScrollStart, scrollWidth - clientWidth];
-			scrollInfo.value = (0, _v_c_util_dist_isEqual.default)(scrollInfo.value, nextScrollInfo) ? scrollInfo.value : nextScrollInfo;
-			if (scrollWidth === clientWidth) {
-				shadowStart.value = false;
-				shadowEnd.value = false;
-				return;
-			}
-			shadowStart.value = absScrollStart > 0;
-			shadowEnd.value = absScrollStart < scrollWidth - clientWidth - 1;
-		}
-	};
-	const onBodyScroll = (event) => {
-		onInternalScroll({ currentTarget: event.currentTarget });
-		props.onScroll?.(event);
-	};
-	const triggerOnScroll = () => {
-		if (horizonScroll.value && scrollBodyRef.value) {
-			const bodyElement = (0, _v_c_util_dist_Dom_findDOMNode.getDOM)(scrollBodyRef.value);
-			onInternalScroll({
-				currentTarget: bodyElement,
-				scrollLeft: bodyElement?.scrollLeft
-			});
-		} else {
-			shadowStart.value = false;
-			shadowEnd.value = false;
-		}
-	};
-	const onFullTableResize = (offsetWidth) => {
-		stickyRef.value?.checkScrollBarVisible?.();
-		let mergedWidth = offsetWidth ?? fullTableRef.value?.offsetWidth ?? 0;
-		if (useInternalHooks.value && props.getContainerWidth && fullTableRef.value) mergedWidth = props.getContainerWidth(fullTableRef.value, mergedWidth) || mergedWidth;
-		if (mergedWidth !== componentWidth.value) {
-			triggerOnScroll();
-			componentWidth.value = mergedWidth;
-		}
-	};
-	(0, vue.watch)(horizonScroll, () => {
-		if (horizonScroll.value) onFullTableResize();
-	}, {
-		immediate: true,
-		flush: "post"
-	});
-	const mounted = (0, vue.ref)(false);
-	(0, vue.watch)(() => [
-		horizonScroll.value,
-		props.data,
-		columns.value.length
-	], async () => {
-		if (mounted.value) {
-			await (0, vue.nextTick)();
-			triggerOnScroll();
-		}
-	});
-	(0, vue.onMounted)(() => {
-		mounted.value = true;
-	});
-	const scrollbarSize = (0, vue.ref)(0);
-	(0, vue.onMounted)(() => {
-		if (!props.tailor || !useInternalHooks.value) if (scrollBodyRef.value instanceof Element) scrollbarSize.value = (0, _v_c_util_dist_getScrollBarSize.getTargetScrollBarSize)(scrollBodyRef.value).width;
-		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"));
-	const mergedTableLayout = (0, vue.computed)(() => {
-		if (props.tableLayout) return props.tableLayout;
-		if (fixColumn.value) return mergedScrollX.value === "max-content" ? "auto" : "fixed";
-		if (fixHeader.value || stickyConfig.value.isSticky || flattenColumns.value.some(({ ellipsis }) => ellipsis)) return "fixed";
-		return "auto";
-	});
-	const headerProps = (0, vue.computed)(() => ({
-		colWidths: colWidths.value,
-		columCount: flattenColumns.value.length,
-		stickyOffsets: mergedStickyOffsets.value,
-		onHeaderRow: props.onHeaderRow,
-		fixHeader: fixHeader.value,
-		scroll: props.scroll
-	}));
-	const emptyNode = (0, vue.computed)(() => {
-		if (hasData.value) return null;
-		const emptyText = mergedEmptyText.value;
-		if (typeof emptyText === "function") return emptyText();
-		return emptyText;
-	});
-	const dataProps = (0, _v_c_util_dist_pickAttrs.default)(attrs, { data: true });
-	const ariaProps = (0, _v_c_util_dist_pickAttrs.default)(attrs, { aria: true });
-	const fixedInfoList = require_useFixedInfo.default(flattenColumns, mergedStickyOffsets);
-	const tableContext = (0, vue.reactive)({});
-	require_TableContext.useProvideTableContext(tableContext);
-	(0, vue.watchEffect)(() => {
-		tableContext.scrollX = mergedScrollX.value;
-		tableContext.scrollInfo = scrollInfo.value;
-		tableContext.classNames = props.classNames;
-		tableContext.styles = props.styles;
-		tableContext.prefixCls = mergedPrefixCls.value;
-		tableContext.getComponent = getComponent;
-		tableContext.scrollbarSize = scrollbarSize.value;
-		tableContext.direction = mergedDirection.value;
-		tableContext.fixedInfoList = fixedInfoList.value;
-		tableContext.isSticky = stickyConfig.value.isSticky;
-		tableContext.componentWidth = componentWidth.value;
-		tableContext.fixHeader = fixHeader.value;
-		tableContext.fixColumn = fixColumn.value;
-		tableContext.horizonScroll = horizonScroll.value;
-		tableContext.tableLayout = mergedTableLayout.value;
-		tableContext.rowClassName = props.rowClassName;
-		tableContext.expandedRowClassName = expandableConfig.value.expandedRowClassName;
-		tableContext.expandIcon = mergedExpandIcon.value;
-		tableContext.expandableType = expandableType.value;
-		tableContext.expandRowByClick = expandableConfig.value.expandRowByClick;
-		tableContext.expandedRowRender = expandableConfig.value.expandedRowRender;
-		tableContext.expandedRowOffset = expandableConfig.value.expandedRowOffset;
-		tableContext.onTriggerExpand = onTriggerExpand;
-		tableContext.expandIconColumnIndex = expandableConfig.value.expandIconColumnIndex;
-		tableContext.indentSize = expandableConfig.value.indentSize ?? 15;
-		tableContext.allColumnsFixedLeft = flattenColumns.value.every((col) => col.fixed === "start");
-		tableContext.emptyNode = emptyNode.value;
-		tableContext.columns = columns.value;
-		tableContext.flattenColumns = flattenColumns.value;
-		tableContext.onColumnResize = onColumnResize;
-		tableContext.colWidths = colWidths.value;
-		tableContext.hoverStartRow = startRow.value;
-		tableContext.hoverEndRow = endRow.value;
-		tableContext.onHover = onHover;
-		tableContext.rowExpandable = expandableConfig.value.rowExpandable;
-		tableContext.onRow = props.onRow;
-		tableContext.getRowKey = getRowKey.value;
-		tableContext.expandedKeys = mergedExpandedKeys.value;
-		tableContext.childrenColumnName = mergedChildrenColumnName.value;
-		tableContext.rowHoverable = mergedRowHoverable.value;
-		tableContext.measureRowRender = props.measureRowRender;
-		tableContext.headerCell = props.headerCell;
-		tableContext.bodyCell = props.bodyCell;
-	});
-	const setScrollBodyRef = (el) => {
-		scrollBodyRef.value = el;
-	};
-	return () => {
-		let _slot, _slot2;
-		slotChildren.value = slots.default?.();
-		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,
-			"measureColumnWidth": fixHeader.value || horizonScroll.value || stickyConfig.value.isSticky
-		}, null);
-		const bodyColGroupNode = (0, vue.createVNode)(require_ColGroup.default, {
-			"colWidths": flattenColumns.value.map(({ width }) => width),
-			"columns": flattenColumns.value
-		}, null);
-		const captionElement = props.caption !== null && props.caption !== void 0 ? (0, vue.createVNode)("caption", { "class": `${mergedPrefixCls.value}-caption` }, [props.caption]) : void 0;
-		let groupTableNode;
-		if (fixHeader.value || stickyConfig.value.isSticky) {
-			let bodyContent;
-			if (typeof customizeScrollBody.value === "function") bodyContent = customizeScrollBody.value(mergedData.value, {
-				scrollbarSize: scrollbarSize.value,
-				ref: setScrollBodyRef,
-				onScroll: onInternalScroll
-			});
-			else {
-				const TableComp = TableComponent.value;
-				bodyContent = (0, vue.createVNode)("div", {
-					"style": {
-						...scrollXStyle.value,
-						...scrollYStyle.value
-					},
-					"onScroll": onBodyScroll,
-					"ref": setScrollBodyRef,
-					"class": `${mergedPrefixCls.value}-body`
-				}, [(0, vue.createVNode)(TableComp, (0, vue.mergeProps)({ "style": {
-					...scrollTableStyle.value,
-					tableLayout: mergedTableLayout.value
-				} }, ariaProps), { default: () => [
-					captionElement,
-					bodyColGroupNode,
-					bodyTableNode,
-					!fixFooter.value && summaryNode.value && (0, vue.createVNode)(require_index$2.default, {
-						"stickyOffsets": mergedStickyOffsets.value,
-						"flattenColumns": flattenColumns.value
-					}, { default: () => [summaryNode.value] })
-				] })]);
-			}
-			const fixedHolderProps = {
-				noData: !mergedData.value.length,
-				maxContentScroll: horizonScroll.value && mergedScrollX.value === "max-content",
-				...headerProps.value,
-				columns: columns.value,
-				flattenColumns: flattenColumns.value,
-				direction: mergedDirection.value,
-				stickyClassName: stickyConfig.value.stickyClassName,
-				scrollX: mergedScrollX.value,
-				tableLayout: mergedTableLayout.value,
-				onScroll: onInternalScroll
-			};
-			groupTableNode = (0, vue.createVNode)(vue.Fragment, null, [
-				props.showHeader !== false && (0, vue.createVNode)(require_index$1.default, (0, vue.mergeProps)(fixedHolderProps, {
-					"stickyTopOffset": stickyConfig.value.offsetHeader,
-					"className": `${mergedPrefixCls.value}-header`,
-					"ref": scrollHeaderRef,
-					"colGroup": bodyColGroupNode
-				}), { default: renderFixedHeaderTable }),
-				bodyContent,
-				fixFooter.value && fixFooter.value !== "top" && (0, vue.createVNode)(require_index$1.default, (0, vue.mergeProps)(fixedHolderProps, {
-					"stickyBottomOffset": stickyConfig.value.offsetSummary,
-					"className": `${mergedPrefixCls.value}-summary`,
-					"ref": scrollSummaryRef,
-					"colGroup": bodyColGroupNode
-				}), { default: renderFixedFooterTable }),
-				stickyConfig.value.isSticky && scrollBodyRef.value instanceof Element && (0, vue.createVNode)(require_stickyScrollBar.default, {
-					"ref": stickyRef,
-					"offsetScroll": stickyConfig.value.offsetScroll,
-					"scrollBodyRef": scrollBodyRef,
-					"onScroll": onInternalScroll,
-					"container": stickyConfig.value.container,
-					"direction": mergedDirection.value
-				}, null)
-			]);
-		} else {
-			const TableComp = TableComponent.value;
-			groupTableNode = (0, vue.createVNode)("div", {
-				"style": {
-					...scrollXStyle.value,
-					...scrollYStyle.value,
-					...props.styles?.content
-				},
-				"class": (0, _v_c_util.clsx)(`${mergedPrefixCls.value}-content`, props.classNames?.content),
-				"onScroll": onBodyScroll,
-				"ref": scrollBodyRef
-			}, [(0, vue.createVNode)(TableComp, (0, vue.mergeProps)({ "style": {
-				...scrollTableStyle.value,
-				tableLayout: mergedTableLayout.value
-			} }, ariaProps), { default: () => [
-				captionElement,
-				bodyColGroupNode,
-				props.showHeader !== false && (0, vue.createVNode)(require_Header.default, (0, vue.mergeProps)(headerProps.value, {
-					"columns": columns.value,
-					"flattenColumns": flattenColumns.value
-				}), null),
-				bodyTableNode,
-				!fixFooter.value && summaryNode.value && (0, vue.createVNode)(require_index$2.default, {
-					"stickyOffsets": mergedStickyOffsets.value,
-					"flattenColumns": flattenColumns.value
-				}, { default: () => [summaryNode.value] })
-			] })]);
-		}
-		const tableStyle = { ...props.style };
-		if (stickyConfig.value.isSticky) tableStyle["--columns-count"] = flattenColumns.value.length;
-		const fullTable = (0, vue.createVNode)("div", (0, vue.mergeProps)({
-			"class": (0, _v_c_util.clsx)(mergedPrefixCls.value, props.className, {
-				[`${mergedPrefixCls.value}-rtl`]: mergedDirection.value === "rtl",
-				[`${mergedPrefixCls.value}-fix-start-shadow`]: horizonScroll.value,
-				[`${mergedPrefixCls.value}-fix-end-shadow`]: horizonScroll.value,
-				[`${mergedPrefixCls.value}-fix-start-shadow-show`]: horizonScroll.value && shadowStart.value,
-				[`${mergedPrefixCls.value}-fix-end-shadow-show`]: horizonScroll.value && shadowEnd.value,
-				[`${mergedPrefixCls.value}-layout-fixed`]: props.tableLayout === "fixed",
-				[`${mergedPrefixCls.value}-fixed-header`]: fixHeader.value,
-				[`${mergedPrefixCls.value}-fixed-column`]: fixColumn.value,
-				[`${mergedPrefixCls.value}-scroll-horizontal`]: horizonScroll.value,
-				[`${mergedPrefixCls.value}-has-fix-start`]: flattenColumns.value[0]?.fixed,
-				[`${mergedPrefixCls.value}-has-fix-end`]: flattenColumns.value[flattenColumns.value.length - 1]?.fixed === "end"
-			}),
-			"style": tableStyle,
-			"id": props.id,
-			"ref": fullTableRef
-		}, dataProps), [
-			props.title && (0, vue.createVNode)(require_index$4.default, {
-				"className": (0, _v_c_util.clsx)(`${mergedPrefixCls.value}-title`, props.classNames?.title),
-				"style": props.styles?.title
-			}, _isSlot(_slot = props.title(mergedData.value)) ? _slot : { default: () => [_slot] }),
-			(0, vue.createVNode)("div", {
-				"ref": scrollBodyContainerRef,
-				"class": (0, _v_c_util.clsx)(`${mergedPrefixCls.value}-container`, props.classNames?.section),
-				"style": props.styles?.section
-			}, [groupTableNode]),
-			props.footer && (0, vue.createVNode)(require_index$4.default, {
-				"className": (0, _v_c_util.clsx)(`${mergedPrefixCls.value}-footer`, props.classNames?.footer),
-				"style": props.styles?.footer
-			}, _isSlot(_slot2 = props.footer(mergedData.value)) ? _slot2 : { default: () => [_slot2] })
-		]);
-		if (horizonScroll.value) return (0, vue.createVNode)(_v_c_resize_observer.default, { "onResize": ({ offsetWidth }) => onFullTableResize(offsetWidth) }, _isSlot(fullTable) ? fullTable : { default: () => [fullTable] });
-		return fullTable;
-	};
-}, { props: /* @__PURE__ */ (0, vue.mergeDefaults)({
-	prefixCls: {
-		type: String,
-		required: false,
-		default: void 0
-	},
-	className: {
-		type: String,
-		required: false,
-		default: void 0
-	},
-	style: {
-		type: Object,
-		required: false,
-		default: void 0
-	},
-	classNames: {
-		type: Object,
-		required: false,
-		default: void 0
-	},
-	styles: {
-		type: Object,
-		required: false,
-		default: void 0
-	},
-	data: {
-		type: Array,
-		required: false,
-		default: void 0
-	},
-	columns: {
-		type: Array,
-		required: false,
-		default: void 0
-	},
-	rowKey: {
-		type: [String, Function],
-		required: false,
-		default: void 0
-	},
-	tableLayout: {
-		type: String,
-		required: false,
-		default: void 0
-	},
-	scroll: {
-		type: Object,
-		required: false,
-		default: void 0
-	},
-	expandable: {
-		type: Object,
-		required: false,
-		default: void 0
-	},
-	indentSize: {
-		type: Number,
-		required: false,
-		default: void 0
-	},
-	rowClassName: {
-		type: [String, Function],
-		required: false,
-		default: void 0
-	},
-	title: {
-		type: Function,
-		required: false,
-		default: void 0
-	},
-	footer: {
-		type: Function,
-		required: false,
-		default: void 0
-	},
-	summary: {
-		type: Function,
-		required: false,
-		default: void 0
-	},
-	headerCell: {
-		type: Function,
-		required: false,
-		default: void 0
-	},
-	bodyCell: {
-		type: Function,
-		required: false,
-		default: void 0
-	},
-	caption: {
-		required: false,
-		default: void 0
-	},
-	id: {
-		type: String,
-		required: false,
-		default: void 0
-	},
-	showHeader: {
-		type: Boolean,
-		required: false,
-		default: void 0
-	},
-	components: {
-		type: Object,
-		required: false,
-		default: void 0
-	},
-	onRow: {
-		type: Function,
-		required: false,
-		default: void 0
-	},
-	onHeaderRow: {
-		type: Function,
-		required: false,
-		default: void 0
-	},
-	emptyText: {
-		type: Function,
-		required: false,
-		skipCheck: true,
-		default: void 0
-	},
-	direction: {
-		type: String,
-		required: false,
-		default: void 0
-	},
-	sticky: {
-		type: [Boolean, Object],
-		required: false,
-		default: void 0
-	},
-	rowHoverable: {
-		type: Boolean,
-		required: false,
-		default: void 0
-	},
-	onScroll: {
-		type: Function,
-		required: false,
-		default: void 0
-	},
-	internalHooks: {
-		type: String,
-		required: false,
-		default: void 0
-	},
-	transformColumns: {
-		type: Function,
-		required: false,
-		default: void 0
-	},
-	tailor: {
-		type: Boolean,
-		required: false,
-		default: void 0
-	},
-	getContainerWidth: {
-		type: Function,
-		required: false,
-		default: void 0
-	},
-	internalRefs: {
-		type: Object,
-		required: false,
-		default: void 0
-	},
-	measureRowRender: {
-		type: Function,
-		required: false,
-		default: void 0
-	},
-	getPopupContainer: {
-		type: Function,
-		required: false,
-		default: void 0
-	},
-	"onUpdate:expandedRowKeys": {
-		type: Function,
-		required: false,
-		default: void 0
-	},
-	expandedRowKeys: {
-		type: Array,
-		required: false,
-		default: void 0
-	},
-	defaultExpandedRowKeys: {
-		type: Array,
-		required: false,
-		default: void 0
-	},
-	expandedRowRender: {
-		type: Function,
-		required: false,
-		default: void 0
-	},
-	expandRowByClick: {
-		type: Boolean,
-		required: false,
-		default: void 0
-	},
-	expandIcon: {
-		type: Function,
-		required: false,
-		default: void 0
-	},
-	onExpand: {
-		type: Function,
-		required: false,
-		default: void 0
-	},
-	onExpandedRowsChange: {
-		type: Function,
-		required: false,
-		default: void 0
-	},
-	defaultExpandAllRows: {
-		type: Boolean,
-		required: false,
-		default: void 0
-	},
-	expandIconColumnIndex: {
-		type: Number,
-		required: false,
-		default: void 0
-	},
-	expandedRowClassName: {
-		type: Function,
-		required: false,
-		default: void 0
-	},
-	childrenColumnName: {
-		type: String,
-		required: false,
-		default: void 0
-	}
-}, defaults) });
-ImmutableTable.EXPAND_COLUMN = require_constant.EXPAND_COLUMN;
-ImmutableTable.INTERNAL_HOOKS = require_constant.INTERNAL_HOOKS;
-ImmutableTable.Column = require_Column.default;
-ImmutableTable.ColumnGroup = require_ColumnGroup.default;
-ImmutableTable.Summary = require_index$2.FooterComponents;
-var Table_default = ImmutableTable;
-exports.DEFAULT_PREFIX = DEFAULT_PREFIX;
-exports.default = Table_default;