@v-c/table 0.0.4 → 1.0.1

package/dist/ColGroup.cjs

@@ -1,51 +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_legacyUtil = require("./utils/legacyUtil.cjs");
-let vue = require("vue");
-var ColGroup = /* @__PURE__ */ (0, vue.defineComponent)({
-	name: "TableColGroup",
-	props: [
-		"colWidths",
-		"columns",
-		"columCount"
-	],
-	setup(props) {
-		const context = require_TableContext.useInjectTableContext();
-		return () => {
-			const { colWidths, columns, columCount } = props;
-			const cols = [];
-			const len = columCount || columns?.length || 0;
-			let mustInsert = false;
-			for (let i = len - 1; i >= 0; i -= 1) {
-				const width = colWidths[i];
-				const column = columns && columns[i];
-				let additionalProps;
-				let minWidth;
-				if (column) {
-					additionalProps = column[require_legacyUtil.INTERNAL_COL_DEFINE];
-					if (context.tableLayout === "auto") minWidth = column.minWidth;
-				}
-				if (width || minWidth || additionalProps || mustInsert) {
-					const mergedWidth = typeof width === "number" ? `${width}px` : width;
-					const mergedMinWidth = typeof minWidth === "number" ? `${minWidth}px` : minWidth;
-					const { columnType, ...restAdditionalProps } = additionalProps || {};
-					cols.unshift((0, vue.createVNode)("col", (0, vue.mergeProps)({
-						"key": i,
-						"style": {
-							width: mergedWidth,
-							minWidth: mergedMinWidth
-						}
-					}, restAdditionalProps), null));
-					mustInsert = true;
-				}
-			}
-			return cols.length > 0 ? (0, vue.createVNode)("colgroup", null, [cols]) : null;
-		};
-	}
-});
-var ColGroup_default = ColGroup;
-exports.default = ColGroup_default;

package/dist/FixedHolder/index.cjs

@@ -1,142 +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");
-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 useColumnWidth(colWidths, columnCount) {
-	return (0, vue.computed)(() => {
-		const cloneColumns = [];
-		for (let i = 0; i < columnCount.value; i += 1) {
-			const val = colWidths.value[i];
-			if (val !== void 0) cloneColumns[i] = val;
-			else return null;
-		}
-		return cloneColumns;
-	});
-}
-var FixedHolder = /* @__PURE__ */ (0, vue.defineComponent)({
-	name: "TableFixedHolder",
-	props: [
-		"className",
-		"style",
-		"noData",
-		"columns",
-		"flattenColumns",
-		"colWidths",
-		"colGroup",
-		"columCount",
-		"stickyOffsets",
-		"direction",
-		"fixHeader",
-		"stickyTopOffset",
-		"stickyBottomOffset",
-		"stickyClassName",
-		"scrollX",
-		"tableLayout",
-		"onScroll",
-		"maxContentScroll"
-	],
-	setup(props, { slots, expose }) {
-		const context = require_TableContext.useInjectTableContext();
-		const scrollRef = (0, vue.ref)(null);
-		const { colWidths, columCount } = (0, _v_c_util_dist_props_util.toPropsRefs)(props, "colWidths", "columCount");
-		expose({ nativeElement: scrollRef });
-		const combinationScrollBarSize = (0, vue.computed)(() => {
-			return context.isSticky && !props.fixHeader ? 0 : context.scrollbarSize;
-		});
-		const mergedColumnWidth = useColumnWidth(colWidths, columCount);
-		const isColGroupEmpty = (0, vue.computed)(() => {
-			const widths = mergedColumnWidth.value;
-			const noWidth = !widths || !widths.length || widths.every((w) => !w);
-			return props.noData || noWidth;
-		});
-		const columnsWithScrollbar = (0, vue.computed)(() => {
-			const ScrollBarColumn = {
-				fixed: props.flattenColumns[props.flattenColumns.length - 1]?.fixed,
-				scrollbar: true,
-				onHeaderCell: () => ({ class: `${context.prefixCls}-cell-scrollbar` })
-			};
-			return combinationScrollBarSize.value ? [...props.columns, ScrollBarColumn] : props.columns;
-		});
-		const flattenColumnsWithScrollbar = (0, vue.computed)(() => {
-			const ScrollBarColumn = {
-				fixed: props.flattenColumns[props.flattenColumns.length - 1]?.fixed,
-				scrollbar: true,
-				onHeaderCell: () => ({ class: `${context.prefixCls}-cell-scrollbar` })
-			};
-			return combinationScrollBarSize.value ? [...props.flattenColumns, ScrollBarColumn] : props.flattenColumns;
-		});
-		const headerStickyOffsets = (0, vue.computed)(() => {
-			const { start, end } = props.stickyOffsets;
-			return {
-				...props.stickyOffsets,
-				start,
-				end: [...end.map((width) => width + combinationScrollBarSize.value), 0],
-				isSticky: context.isSticky
-			};
-		});
-		const onWheel = (event) => {
-			const currentTarget = event.currentTarget;
-			const { deltaX } = event;
-			if (deltaX) {
-				const { scrollLeft, scrollWidth, clientWidth } = currentTarget;
-				const maxScrollWidth = scrollWidth - clientWidth;
-				let nextScroll = scrollLeft + deltaX;
-				if (props.direction === "rtl") {
-					nextScroll = Math.max(-maxScrollWidth, nextScroll);
-					nextScroll = Math.min(0, nextScroll);
-				} else {
-					nextScroll = Math.min(maxScrollWidth, nextScroll);
-					nextScroll = Math.max(0, nextScroll);
-				}
-				props.onScroll({
-					currentTarget,
-					scrollLeft: nextScroll
-				});
-				event.preventDefault();
-			}
-		};
-		(0, vue.onMounted)(() => {
-			scrollRef.value?.addEventListener("wheel", onWheel, { passive: false });
-		});
-		(0, vue.onBeforeUnmount)(() => {
-			scrollRef.value?.removeEventListener("wheel", onWheel);
-		});
-		return () => {
-			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",
-					...context.isSticky ? {
-						top: (0, _v_c_util_dist_props_util.getStylePxValue)(props.stickyTopOffset),
-						bottom: (0, _v_c_util_dist_props_util.getStylePxValue)(props.stickyBottomOffset)
-					} : {},
-					...props.style
-				},
-				"ref": scrollRef,
-				"class": (0, _v_c_util.clsx)(props.className, { [props.stickyClassName]: !!props.stickyClassName })
-			}, [(0, vue.createVNode)(TableComp, { "style": {
-				tableLayout: props.tableLayout,
-				minWidth: "100%",
-				width: typeof props.scrollX === "number" ? `${props.scrollX}px` : props.scrollX
-			} }, { default: () => [isColGroupEmpty.value ? props.colGroup : (0, vue.createVNode)(require_ColGroup.default, {
-				"colWidths": [...mergedColumnWidth.value || [], combinationScrollBarSize.value],
-				"columCount": props.columCount + 1,
-				"columns": flattenColumnsWithScrollbar.value
-			}, null), slots.default?.(slotsProps)] })]);
-		};
-	}
-});
-var FixedHolder_default = FixedHolder;
-exports.default = FixedHolder_default;

package/dist/Footer/Cell.cjs

@@ -1,51 +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_index = require("../Cell/index.cjs");
-const require_fixUtil = require("../utils/fixUtil.cjs");
-const require_SummaryContext = require("./SummaryContext.cjs");
-let vue = require("vue");
-var SummaryCell = /* @__PURE__ */ (0, vue.defineComponent)({
-	name: "TableSummaryCell",
-	props: [
-		"className",
-		"index",
-		"colSpan",
-		"rowSpan",
-		"align"
-	],
-	setup(props, { slots }) {
-		const { prefixCls } = require_TableContext.useInjectTableContext();
-		const summaryContext = require_SummaryContext.useInjectSummaryContext();
-		const mergedColSpan = (0, vue.computed)(() => {
-			const lastIndex = props.index + (props.colSpan || 1) - 1;
-			const scrollColumnIndex = summaryContext.scrollColumnIndex;
-			return scrollColumnIndex !== null && lastIndex + 1 === scrollColumnIndex ? (props.colSpan || 1) + 1 : props.colSpan || 1;
-		});
-		const fixedInfo = (0, vue.computed)(() => {
-			const stickyOffsets = summaryContext.stickyOffsets || {
-				start: [],
-				end: [],
-				widths: []
-			};
-			return require_fixUtil.getCellFixedInfo(props.index, props.index + mergedColSpan.value - 1, summaryContext.flattenColumns || [], stickyOffsets);
-		});
-		return () => (0, vue.createVNode)(require_index.default, (0, vue.mergeProps)({
-			"className": props.className,
-			"index": props.index,
-			"component": "td",
-			"prefixCls": prefixCls,
-			"record": null,
-			"dataIndex": null,
-			"align": props.align,
-			"colSpan": mergedColSpan.value,
-			"rowSpan": props.rowSpan,
-			"render": () => slots.default?.()
-		}, fixedInfo.value), null);
-	}
-});
-var Cell_default = SummaryCell;
-exports.default = Cell_default;

package/dist/Footer/Row.cjs

@@ -1,23 +0,0 @@
-Object.defineProperties(exports, {
-	__esModule: { value: true },
-	[Symbol.toStringTag]: { value: "Module" }
-});
-const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
-let vue = require("vue");
-var FooterRow = /* @__PURE__ */ (0, vue.defineComponent)({
-	name: "TableFooterRow",
-	props: [
-		"className",
-		"style",
-		"onClick"
-	],
-	setup(props, { slots }) {
-		return () => (0, vue.createVNode)("tr", {
-			"class": props.className,
-			"style": props.style,
-			"onClick": props.onClick
-		}, [slots.default?.()]);
-	}
-});
-var Row_default = FooterRow;
-exports.default = Row_default;

package/dist/Footer/Summary.cjs

@@ -1,19 +0,0 @@
-Object.defineProperties(exports, {
-	__esModule: { value: true },
-	[Symbol.toStringTag]: { value: "Module" }
-});
-const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
-const require_Cell = require("./Cell.cjs");
-const require_Row = require("./Row.cjs");
-let vue = require("vue");
-var Summary = /* @__PURE__ */ (0, vue.defineComponent)({
-	name: "TableSummary",
-	props: ["fixed"],
-	setup(_props, { slots }) {
-		return () => slots.default?.();
-	}
-});
-Summary.Row = require_Row.default;
-Summary.Cell = require_Cell.default;
-var Summary_default = Summary;
-exports.default = Summary_default;

package/dist/Footer/SummaryContext.cjs

@@ -1,12 +0,0 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
-let vue = require("vue");
-var SummaryContextKey = Symbol("TableSummaryContext");
-function useProvideSummaryContext(value) {
-	(0, vue.provide)(SummaryContextKey, value);
-}
-function useInjectSummaryContext() {
-	return (0, vue.inject)(SummaryContextKey, {});
-}
-exports.useInjectSummaryContext = useInjectSummaryContext;
-exports.useProvideSummaryContext = useProvideSummaryContext;

package/dist/Footer/index.cjs

@@ -1,39 +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_SummaryContext = require("./SummaryContext.cjs");
-const require_Cell = require("./Cell.cjs");
-const require_Row = require("./Row.cjs");
-const require_Summary = require("./Summary.cjs");
-let vue = require("vue");
-var Footer = /* @__PURE__ */ (0, vue.defineComponent)({
-	name: "TableFooter",
-	props: ["stickyOffsets", "flattenColumns"],
-	inheritAttrs: false,
-	setup(props, { slots }) {
-		const context = require_TableContext.useInjectTableContext();
-		const summaryContext = (0, vue.reactive)({
-			stickyOffsets: props.stickyOffsets,
-			flattenColumns: props.flattenColumns,
-			scrollColumnIndex: null
-		});
-		(0, vue.watchEffect)(() => {
-			const lastColumnIndex = props.flattenColumns.length - 1;
-			const scrollColumn = props.flattenColumns[lastColumnIndex];
-			summaryContext.stickyOffsets = props.stickyOffsets;
-			summaryContext.flattenColumns = props.flattenColumns;
-			summaryContext.scrollColumnIndex = scrollColumn?.scrollbar ? lastColumnIndex : null;
-		});
-		require_SummaryContext.useProvideSummaryContext(summaryContext);
-		return () => (0, vue.createVNode)("tfoot", { "class": `${context.prefixCls}-summary` }, [slots.default?.()]);
-	}
-});
-var Footer_default = Footer;
-const FooterComponents = require_Summary.default;
-exports.FooterComponents = FooterComponents;
-exports.SummaryCell = require_Cell.default;
-exports.SummaryRow = require_Row.default;
-exports.default = Footer_default;

package/dist/Header/Header.cjs

@@ -1,89 +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_HeaderRow = require("./HeaderRow.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);
-}
-function parseHeaderRows(rootColumns, classNames, styles) {
-	const rows = [];
-	function fillRowCells(columns, colIndex, rowIndex = 0) {
-		rows[rowIndex] = rows[rowIndex] || [];
-		let currentColIndex = colIndex;
-		return columns.filter(Boolean).map((column) => {
-			const cell = {
-				key: column.key,
-				className: (0, _v_c_util.clsx)(column.className, classNames?.cell) || "",
-				style: styles?.cell,
-				children: column.title,
-				column,
-				colStart: currentColIndex
-			};
-			let colSpan = 1;
-			const subColumns = column.children;
-			if (subColumns && subColumns.length > 0) {
-				colSpan = fillRowCells(subColumns, currentColIndex, rowIndex + 1).reduce((total, count) => total + count, 0);
-				cell.hasSubColumns = true;
-			}
-			if ("colSpan" in column) colSpan = column.colSpan;
-			if ("rowSpan" in column) cell.rowSpan = column.rowSpan;
-			cell.colSpan = colSpan;
-			cell.colEnd = cell.colStart + colSpan - 1;
-			rows[rowIndex].push(cell);
-			currentColIndex += colSpan;
-			return colSpan;
-		});
-	}
-	fillRowCells(rootColumns, 0);
-	const rowCount = rows.length;
-	for (let rowIndex = 0; rowIndex < rowCount; rowIndex += 1) rows[rowIndex].forEach((cell) => {
-		if (!("rowSpan" in cell) && !cell.hasSubColumns) cell.rowSpan = rowCount - rowIndex;
-	});
-	return rows;
-}
-var Header = /* @__PURE__ */ (0, vue.defineComponent)({
-	name: "TableHeader",
-	inheritAttrs: false,
-	props: [
-		"columns",
-		"flattenColumns",
-		"stickyOffsets",
-		"onHeaderRow"
-	],
-	setup(props) {
-		const context = require_TableContext.useInjectTableContext();
-		const headerCls = (0, vue.computed)(() => context.classNames?.header || {});
-		const headerStyles = (0, vue.computed)(() => context.styles?.header || {});
-		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.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] });
-		};
-	}
-});
-var Header_default = Header;
-exports.default = Header_default;

package/dist/Header/HeaderRow.cjs

@@ -1,66 +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_valueUtil = require("../utils/valueUtil.cjs");
-const require_index = require("../Cell/index.cjs");
-const require_fixUtil = require("../utils/fixUtil.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 HeaderRow = /* @__PURE__ */ (0, vue.defineComponent)({
-	name: "TableHeaderRow",
-	props: [
-		"cells",
-		"stickyOffsets",
-		"flattenColumns",
-		"rowComponent",
-		"cellComponent",
-		"onHeaderRow",
-		"index",
-		"classNames",
-		"styles"
-	],
-	setup(props) {
-		const { prefixCls } = require_TableContext.useInjectTableContext();
-		return () => {
-			let _slot;
-			const { cells, stickyOffsets, flattenColumns, rowComponent: RowComponent, cellComponent: CellComponent, onHeaderRow, index, classNames, styles } = props;
-			let rowProps;
-			const rowColumns = cells.map((cell) => cell.column).filter(Boolean);
-			if (onHeaderRow) rowProps = onHeaderRow(rowColumns, index);
-			const columnsKey = require_valueUtil.getColumnsKey(rowColumns);
-			const mergedRowClass = (0, _v_c_util.clsx)(classNames?.row, rowProps?.className, rowProps?.class);
-			const mergedRowStyle = {
-				...styles?.row || {},
-				...rowProps?.style || {}
-			};
-			return (0, vue.createVNode)(RowComponent, (0, vue.mergeProps)(rowProps, {
-				"class": mergedRowClass,
-				"style": mergedRowStyle
-			}), _isSlot(_slot = cells.map((cell, cellIndex) => {
-				const { column, colStart, colEnd, colSpan } = cell;
-				const fixedInfo = require_fixUtil.getCellFixedInfo(colStart, colEnd, flattenColumns, stickyOffsets);
-				const additionalProps = column?.onHeaderCell?.(column) || {};
-				return (0, vue.createVNode)(require_index.default, (0, vue.mergeProps)(cell, {
-					"colIndex": colStart ?? cellIndex,
-					"scope": column.title ? colSpan > 1 ? "colgroup" : "col" : null,
-					"ellipsis": column.ellipsis,
-					"align": column.align,
-					"component": CellComponent,
-					"prefixCls": prefixCls,
-					"key": columnsKey[cellIndex]
-				}, fixedInfo, {
-					"additionalProps": additionalProps,
-					"rowType": "header"
-				}), { default: () => [cell.children] });
-			})) ? _slot : { default: () => [_slot] });
-		};
-	}
-});
-var HeaderRow_default = HeaderRow;
-exports.default = HeaderRow_default;

package/dist/Panel/index.cjs

@@ -1,13 +0,0 @@
-Object.defineProperties(exports, {
-	__esModule: { value: true },
-	[Symbol.toStringTag]: { value: "Module" }
-});
-const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
-let vue = require("vue");
-var Panel = /* @__PURE__ */ (0, vue.defineComponent)((_, { attrs, slots }) => {
-	return () => {
-		return (0, vue.createVNode)("div", attrs, [slots?.default?.()]);
-	};
-});
-var Panel_default = Panel;
-exports.default = Panel_default;