@v-c/table 1.0.0 → 1.0.2

package/dist/VirtualTable/BodyGrid.cjs

@@ -1,180 +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_useFlattenRecords = require("../hooks/useFlattenRecords.cjs");
-const require_context = require("./context.cjs");
-const require_BodyLine = require("./BodyLine.cjs");
-let vue = require("vue");
-let _v_c_util_dist_props_util = require("@v-c/util/dist/props-util");
-let _v_c_virtual_list = require("@v-c/virtual-list");
-_v_c_virtual_list = require_rolldown_runtime.__toESM(_v_c_virtual_list);
-var BodyGrid = /* @__PURE__ */ (0, vue.defineComponent)({
-	name: "TableBodyGrid",
-	props: ["data", "onScroll"],
-	setup(props, { expose }) {
-		const tableContext = require_TableContext.useInjectTableContext();
-		const staticContext = require_context.useInjectStaticContext();
-		const listRef = (0, vue.ref)(null);
-		const flattenData = require_useFlattenRecords.default((0, vue.computed)(() => props.data), (0, vue.computed)(() => tableContext.childrenColumnName), (0, vue.computed)(() => tableContext.expandedKeys), (0, vue.computed)(() => tableContext.getRowKey));
-		const columnsWidth = (0, vue.computed)(() => {
-			let total = 0;
-			return tableContext.flattenColumns.map(({ width, minWidth, key }) => {
-				const finalWidth = Math.max(width || 0, minWidth || 0);
-				total += finalWidth;
-				return [
-					key,
-					finalWidth,
-					total
-				];
-			});
-		});
-		const columnsOffset = (0, vue.computed)(() => columnsWidth.value.map((colWidth) => colWidth[2]));
-		(0, vue.watch)(columnsWidth, (newColumns) => {
-			newColumns.forEach(([key, width]) => {
-				tableContext.onColumnResize(key, width);
-			});
-		}, { immediate: true });
-		const gridContext = (0, vue.reactive)({ columnsOffset: [] });
-		(0, vue.watchEffect)(() => {
-			gridContext.columnsOffset = columnsOffset.value;
-		});
-		require_context.useProvideGridContext(gridContext);
-		const getRowSpan = (column, index, data) => {
-			const record = (data ?? (0, vue.toRaw)(flattenData.value))[index]?.record;
-			const { onCell } = column;
-			if (onCell) return onCell(record, index)?.rowSpan ?? 1;
-			return 1;
-		};
-		const extraRender = (info) => {
-			const { start, end, getSize, offsetY } = info;
-			const { flattenColumns } = (0, vue.toRaw)(tableContext);
-			if (end < 0) return null;
-			const rawData = (0, vue.toRaw)(flattenData.value);
-			let firstRowSpanColumns = flattenColumns.filter((column) => getRowSpan(column, start, rawData) === 0);
-			let startIndex = start;
-			for (let i = start; i >= 0; i -= 1) {
-				firstRowSpanColumns = firstRowSpanColumns.filter((column) => getRowSpan(column, i, rawData) === 0);
-				if (!firstRowSpanColumns.length) {
-					startIndex = i;
-					break;
-				}
-			}
-			let lastRowSpanColumns = flattenColumns.filter((column) => getRowSpan(column, end, rawData) !== 1);
-			let endIndex = end;
-			for (let i = end; i < rawData.length; i += 1) {
-				lastRowSpanColumns = lastRowSpanColumns.filter((column) => getRowSpan(column, i, rawData) !== 1);
-				if (!lastRowSpanColumns.length) {
-					endIndex = Math.max(i - 1, end);
-					break;
-				}
-			}
-			const spanLines = [];
-			for (let i = startIndex; i <= endIndex; i += 1) {
-				if (!rawData[i]) continue;
-				if (flattenColumns.some((column) => getRowSpan(column, i, rawData) > 1)) spanLines.push(i);
-			}
-			if (!spanLines.length) return null;
-			return spanLines.map((index) => {
-				const item = rawData[index];
-				if (!item) return null;
-				const rowKey = item.rowKey;
-				const getHeight = (rowSpan) => {
-					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 = endItem.rowKey;
-					const sizeInfo$1 = getSize(rowKey, endItemKey);
-					return sizeInfo$1.bottom - sizeInfo$1.top;
-				};
-				const sizeInfo = getSize(rowKey);
-				return (0, vue.createVNode)(require_BodyLine.default, {
-					"key": index,
-					"data": item,
-					"rowKey": rowKey,
-					"index": index,
-					"style": { top: (0, _v_c_util_dist_props_util.getStylePxValue)(-offsetY + sizeInfo.top) },
-					"extra": true,
-					"getHeight": getHeight
-				}, null);
-			});
-		};
-		const exposed = {
-			scrollTo: (config) => {
-				if (!listRef.value) return;
-				const { offset, ...restConfig } = config || {};
-				if (offset) listRef.value.scrollTo({
-					...restConfig,
-					offset,
-					align: "top"
-				});
-				else listRef.value.scrollTo(config);
-			},
-			get nativeElement() {
-				const native = listRef.value?.nativeElement;
-				return native && typeof native === "object" && "value" in native ? native.value : native;
-			}
-		};
-		Object.defineProperty(exposed, "scrollLeft", {
-			get: () => listRef.value?.getScrollInfo().x || 0,
-			set: (value) => {
-				listRef.value?.scrollTo({ left: value });
-			}
-		});
-		Object.defineProperty(exposed, "scrollTop", {
-			get: () => listRef.value?.getScrollInfo().y || 0,
-			set: (value) => {
-				listRef.value?.scrollTo({ top: value });
-			}
-		});
-		expose(exposed);
-		return () => {
-			const tblPrefixCls = `${tableContext.prefixCls}-tbody`;
-			const wrapperComponent = staticContext.getComponent?.(["body", "wrapper"], "div") || "div";
-			const horizontalScrollBarStyle = {};
-			if (staticContext.sticky) {
-				horizontalScrollBarStyle.position = "sticky";
-				horizontalScrollBarStyle.bottom = 0;
-				if (typeof staticContext.sticky === "object" && staticContext.sticky.offsetScroll) horizontalScrollBarStyle.bottom = staticContext.sticky.offsetScroll;
-			}
-			return (0, vue.createVNode)(_v_c_virtual_list.default, {
-				"fullHeight": false,
-				"ref": listRef,
-				"prefixCls": `${tblPrefixCls}-virtual`,
-				"styles": { horizontalScrollBar: horizontalScrollBarStyle },
-				"class": tblPrefixCls,
-				"height": staticContext.scrollY,
-				"itemHeight": staticContext.listItemHeight || 24,
-				"data": flattenData.value,
-				"itemKey": (item) => item.rowKey,
-				"component": wrapperComponent,
-				"scrollWidth": tableContext.scrollX,
-				"direction": tableContext.direction,
-				"onVirtualScroll": ({ x }) => {
-					props.onScroll?.({
-						currentTarget: exposed.nativeElement,
-						scrollLeft: x
-					});
-				},
-				"onScroll": staticContext.onScroll,
-				"extraRender": extraRender
-			}, { default: (dataInfo) => {
-				const { item, index, ...itemProps } = dataInfo;
-				return (0, vue.createVNode)(require_BodyLine.default, {
-					"data": dataInfo.item,
-					"rowKey": item.rowKey,
-					"index": index,
-					"style": itemProps?.style
-				}, null);
-			} });
-		};
-	}
-});
-var BodyGrid_default = BodyGrid;
-exports.default = BodyGrid_default;

package/dist/VirtualTable/BodyLine.cjs

@@ -1,92 +0,0 @@
-Object.defineProperties(exports, {
-	__esModule: { value: true },
-	[Symbol.toStringTag]: { value: "Module" }
-});
-const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
-const require_index = require("../Cell/index.cjs");
-const require_useRowInfo = require("../hooks/useRowInfo.cjs");
-const require_expandUtil = require("../utils/expandUtil.cjs");
-const require_context = require("./context.cjs");
-const require_VirtualCell = require("./VirtualCell.cjs");
-let vue = require("vue");
-let _v_c_util = require("@v-c/util");
-function _isSlot(s) {
-	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !(0, vue.isVNode)(s);
-}
-var BodyLine = /* @__PURE__ */ (0, vue.defineComponent)({
-	name: "TableBodyLine",
-	props: [
-		"data",
-		"index",
-		"className",
-		"style",
-		"rowKey",
-		"extra",
-		"getHeight"
-	],
-	setup(props) {
-		const staticContext = require_context.useInjectStaticContext();
-		const rowInfo = require_useRowInfo.default((0, vue.computed)(() => props.data?.record), (0, vue.computed)(() => props.rowKey), (0, vue.computed)(() => props.index), (0, vue.computed)(() => props.data?.indent || 0));
-		return () => {
-			let _slot;
-			const { data, index, className, rowKey, style, extra, getHeight } = props;
-			const { record, indent, index: renderIndex } = data;
-			const tableContext = rowInfo.tableContext;
-			const RowComponent = staticContext.getComponent?.(["body", "row"], "div") || "div";
-			const CellComponent = staticContext.getComponent?.(["body", "cell"], "div") || "div";
-			const { rowSupportExpand, expanded, rowProps } = rowInfo;
-			const expandedRowRender = tableContext.expandedRowRender;
-			const expandedRowClassName = tableContext.expandedRowClassName;
-			let expandRowNode;
-			if (rowSupportExpand.value && expanded.value) {
-				const expandContent = expandedRowRender(record, index, indent + 1, expanded.value);
-				const expandedClsName = require_expandUtil.computedExpandedClassName(expandedRowClassName, record, index, indent);
-				let additionalProps = {};
-				if (tableContext.fixColumn) additionalProps = { style: { ["--virtual-width"]: `${tableContext.componentWidth}px` } };
-				const rowCellCls = `${tableContext.prefixCls}-expanded-row-cell`;
-				expandRowNode = (0, vue.createVNode)(RowComponent, { "class": (0, _v_c_util.clsx)(`${tableContext.prefixCls}-expanded-row`, `${tableContext.prefixCls}-expanded-row-level-${indent + 1}`, expandedClsName) }, { default: () => [(0, vue.createVNode)(require_index.default, {
-					"component": CellComponent,
-					"prefixCls": tableContext.prefixCls,
-					"className": (0, _v_c_util.clsx)(rowCellCls, { [`${rowCellCls}-fixed`]: tableContext.fixColumn }),
-					"additionalProps": additionalProps
-				}, _isSlot(expandContent) ? expandContent : { default: () => [expandContent] })] });
-			}
-			const rowStyle = {
-				...style || {},
-				width: typeof tableContext.scrollX === "number" ? `${tableContext.scrollX}px` : tableContext.scrollX
-			};
-			if (extra) {
-				rowStyle.position = "absolute";
-				rowStyle.pointerEvents = "none";
-			}
-			const rowPropsStyle = rowProps.value?.style;
-			const mergedRowStyle = {
-				...rowStyle,
-				...typeof rowPropsStyle === "object" ? rowPropsStyle : {}
-			};
-			const rowNode = (0, vue.createVNode)(RowComponent, (0, vue.mergeProps)(rowProps.value, {
-				"data-row-key": rowKey,
-				"class": (0, _v_c_util.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 (0, vue.createVNode)(require_VirtualCell.default, {
-					"key": colIndex,
-					"component": CellComponent,
-					"rowInfo": rowInfo,
-					"column": column,
-					"colIndex": colIndex,
-					"indent": indent,
-					"index": index,
-					"renderIndex": renderIndex,
-					"record": record,
-					"inverse": extra,
-					"getHeight": getHeight
-				}, null);
-			})) ? _slot : { default: () => [_slot] });
-			if (rowSupportExpand.value) return (0, vue.createVNode)("div", null, [rowNode, expandRowNode]);
-			return rowNode;
-		};
-	}
-});
-var BodyLine_default = BodyLine;
-exports.default = BodyLine_default;

package/dist/VirtualTable/VirtualCell.cjs

@@ -1,87 +0,0 @@
-Object.defineProperties(exports, {
-	__esModule: { value: true },
-	[Symbol.toStringTag]: { value: "Module" }
-});
-const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
-const require_index = require("../Cell/index.cjs");
-const require_BodyRow = require("../Body/BodyRow.cjs");
-const require_context = require("./context.cjs");
-let vue = require("vue");
-let _v_c_util = require("@v-c/util");
-let _v_c_util_dist_props_util = require("@v-c/util/dist/props-util");
-function getColumnWidth(colIndex, colSpan, columnsOffset) {
-	return columnsOffset[colIndex + (colSpan || 1)] - (columnsOffset[colIndex] || 0);
-}
-var VirtualCell = /* @__PURE__ */ (0, vue.defineComponent)({
-	name: "TableVirtualCell",
-	props: [
-		"rowInfo",
-		"column",
-		"colIndex",
-		"indent",
-		"index",
-		"component",
-		"renderIndex",
-		"record",
-		"style",
-		"className",
-		"inverse",
-		"getHeight"
-	],
-	setup(props) {
-		const gridContext = require_context.useInjectGridContext();
-		return () => {
-			const { rowInfo, column, colIndex, indent, index, component, renderIndex, record, style, className, inverse, getHeight } = props;
-			const { render, dataIndex, className: columnClassName, width: colWidth } = column;
-			const columnsOffset = gridContext.columnsOffset || [];
-			const { key, fixedInfo, appendCellNode, additionalCellProps } = require_BodyRow.getCellProps(rowInfo, record, column, colIndex, indent, index);
-			const { style: cellStyle, colSpan = 1, rowSpan = 1 } = additionalCellProps;
-			const concatColWidth = getColumnWidth(colIndex - 1, colSpan, columnsOffset);
-			const marginOffset = colSpan > 1 ? colWidth - concatColWidth : 0;
-			const mergedStyle = {
-				...cellStyle && !Array.isArray(cellStyle) && typeof cellStyle === "object" ? cellStyle : {},
-				...style || {},
-				flex: `0 0 ${concatColWidth}px`,
-				width: `${concatColWidth}px`,
-				marginRight: typeof marginOffset === "number" ? `${marginOffset}px` : marginOffset,
-				pointerEvents: "auto"
-			};
-			const needHide = inverse ? rowSpan <= 1 : colSpan === 0 || rowSpan === 0 || rowSpan > 1;
-			if (needHide) mergedStyle.visibility = "hidden";
-			else if (inverse) mergedStyle.height = (0, _v_c_util_dist_props_util.getStylePxValue)(getHeight?.(rowSpan));
-			const mergedRender = needHide ? () => null : render;
-			const cellSpan = {};
-			if (rowSpan === 0 || colSpan === 0) {
-				cellSpan.rowSpan = 1;
-				cellSpan.colSpan = 1;
-			}
-			return (0, vue.createVNode)(require_index.default, (0, vue.mergeProps)({
-				"className": (0, _v_c_util.clsx)(columnClassName, className),
-				"ellipsis": column.ellipsis,
-				"align": column.align,
-				"scope": column.rowScope,
-				"component": component,
-				"prefixCls": rowInfo.tableContext.prefixCls,
-				"key": key,
-				"record": record,
-				"index": index,
-				"renderIndex": renderIndex,
-				"dataIndex": dataIndex,
-				"render": mergedRender,
-				"column": column,
-				"rowType": "body",
-				"shouldCellUpdate": column.shouldCellUpdate
-			}, fixedInfo, {
-				"appendNode": appendCellNode,
-				"additionalProps": {
-					...additionalCellProps,
-					style: mergedStyle,
-					...cellSpan
-				}
-			}), null);
-		};
-	}
-});
-var VirtualCell_default = VirtualCell;
-exports.default = VirtualCell_default;
-exports.getColumnWidth = getColumnWidth;

package/dist/VirtualTable/context.cjs

@@ -1,21 +0,0 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
-let vue = require("vue");
-var StaticContextKey = Symbol("TableVirtualStaticContext");
-var GridContextKey = Symbol("TableVirtualGridContext");
-function useProvideStaticContext(value) {
-	(0, vue.provide)(StaticContextKey, value);
-}
-function useInjectStaticContext() {
-	return (0, vue.inject)(StaticContextKey, {});
-}
-function useProvideGridContext(value) {
-	(0, vue.provide)(GridContextKey, value);
-}
-function useInjectGridContext() {
-	return (0, vue.inject)(GridContextKey, {});
-}
-exports.useInjectGridContext = useInjectGridContext;
-exports.useInjectStaticContext = useInjectStaticContext;
-exports.useProvideGridContext = useProvideGridContext;
-exports.useProvideStaticContext = useProvideStaticContext;