@v-c/table 1.0.5 → 1.0.7

package/dist/Table.js

@@ -1,11 +1,11 @@
 import { useProvideTableContext } from "./context/TableContext.js";
-import ColGroup_default from "./ColGroup.js";
+import ColGroup from "./ColGroup.js";
 import { getColumnsKey, validNumberValue, validateValue } from "./utils/valueUtil.js";
-import Body_default from "./Body/index.js";
+import Body from "./Body/index.js";
 import { EXPAND_COLUMN, INTERNAL_HOOKS } from "./constant.js";
-import FixedHolder_default from "./FixedHolder/index.js";
-import Footer_default, { FooterComponents } from "./Footer/index.js";
-import Header_default from "./Header/Header.js";
+import FixedHolder from "./FixedHolder/index.js";
+import Footer, { FooterComponents } from "./Footer/index.js";
+import Header from "./Header/Header.js";
 import useColumns from "./hooks/useColumns/index.js";
 import useExpand from "./hooks/useExpand.js";
 import useFixedInfo from "./hooks/useFixedInfo.js";
@@ -13,10 +13,10 @@ import { useTimeoutLock } from "./hooks/useFrame.js";
 import useHover from "./hooks/useHover.js";
 import useSticky from "./hooks/useSticky.js";
 import useStickyOffsets from "./hooks/useStickyOffsets.js";
-import Panel_default from "./Panel/index.js";
-import stickyScrollBar_default from "./stickyScrollBar.js";
-import Column_default from "./sugar/Column.js";
-import ColumnGroup_default from "./sugar/ColumnGroup.js";
+import Panel from "./Panel/index.js";
+import StickyScrollBar from "./stickyScrollBar.js";
+import Column from "./sugar/Column.js";
+import ColumnGroup 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";
@@ -25,11 +25,37 @@ 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";
+import { filterEmpty, getAttrStyleAndClass } from "@v-c/util/dist/props-util";
+//#region src/Table.tsx
+/**
+* Feature:
+*  - fixed not need to set width
+*  - support `rowExpandable` to config row expand logic
+*  - add `summary` to support `() => VueNode`
+*
+* Update:
+*  - `dataIndex` is `array[]` now
+*  - `expandable` wrap all the expand related props
+*
+* Removed:
+*  - expandIconAsCell
+*  - useFixedHeader
+*  - rowRef
+*  - columns[number].onCellClick
+*  - onRowClick
+*  - onRowDoubleClick
+*  - onRowMouseEnter
+*  - onRowMouseLeave
+*  - getBodyWrapper
+*  - bodyStyle
+*
+* Deprecated:
+*  - All expanded props, move into expandable
+*/
 function _isSlot(s) {
 	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
-const DEFAULT_PREFIX = "vc-table";
+var DEFAULT_PREFIX = "vc-table";
 var EMPTY_DATA = [];
 var EMPTY_SCROLL_TARGET = {};
 function defaultEmpty() {
@@ -169,6 +195,13 @@ var ImmutableTable = /* @__PURE__ */ defineComponent((props, { attrs, slots, exp
 			target(scrollLeft);
 			return;
 		}
+		if ("scrollLeft" in target && target.scrollLeft !== scrollLeft) {
+			target.scrollLeft = scrollLeft;
+			if (target.scrollLeft !== scrollLeft) setTimeout(() => {
+				target.scrollLeft = scrollLeft;
+			}, 0);
+			return;
+		}
 		const element = target.nativeElement ? getDOM(target.nativeElement) : getDOM(target);
 		if (element && element.scrollLeft !== scrollLeft) {
 			element.scrollLeft = scrollLeft;
@@ -280,7 +313,6 @@ var ImmutableTable = /* @__PURE__ */ defineComponent((props, { attrs, slots, exp
 		if (typeof emptyText === "function") return emptyText();
 		return emptyText;
 	});
-	const dataProps = pickAttrs(attrs, { data: true });
 	const ariaProps = pickAttrs(attrs, { aria: true });
 	const fixedInfoList = useFixedInfo(flattenColumns, mergedStickyOffsets);
 	const tableContext = reactive({});
@@ -336,15 +368,16 @@ var ImmutableTable = /* @__PURE__ */ defineComponent((props, { attrs, slots, exp
 	return () => {
 		let _slot, _slot2;
 		slotChildren.value = slots.default?.();
+		const { className: attrClassName, style: attrStyle, restAttrs } = getAttrStyleAndClass(attrs);
 		const renderFixedHeaderTable = (fixedHolderPassProps) => {
-			return createVNode(Fragment, null, [createVNode(Header_default, fixedHolderPassProps, null), fixFooter.value === "top" && createVNode(Footer_default, fixedHolderPassProps, { default: () => [summaryNode.value] })]);
+			return createVNode(Fragment, null, [createVNode(Header, fixedHolderPassProps, null), fixFooter.value === "top" && createVNode(Footer, fixedHolderPassProps, { default: () => [summaryNode.value] })]);
 		};
-		const renderFixedFooterTable = (fixedHolderPassProps) => createVNode(Footer_default, fixedHolderPassProps, { default: () => [summaryNode.value] });
-		const bodyTableNode = createVNode(Body_default, {
+		const renderFixedFooterTable = (fixedHolderPassProps) => createVNode(Footer, fixedHolderPassProps, { default: () => [summaryNode.value] });
+		const bodyTableNode = createVNode(Body, {
 			"data": mergedData.value,
 			"measureColumnWidth": fixHeader.value || horizonScroll.value || stickyConfig.value.isSticky
 		}, null);
-		const bodyColGroupNode = createVNode(ColGroup_default, {
+		const bodyColGroupNode = createVNode(ColGroup, {
 			"colWidths": flattenColumns.value.map(({ width }) => width),
 			"columns": flattenColumns.value
 		}, null);
@@ -374,7 +407,7 @@ var ImmutableTable = /* @__PURE__ */ defineComponent((props, { attrs, slots, exp
 					captionElement,
 					bodyColGroupNode,
 					bodyTableNode,
-					!fixFooter.value && summaryNode.value && createVNode(Footer_default, {
+					!fixFooter.value && summaryNode.value && createVNode(Footer, {
 						"stickyOffsets": mergedStickyOffsets.value,
 						"flattenColumns": flattenColumns.value
 					}, { default: () => [summaryNode.value] })
@@ -393,20 +426,20 @@ var ImmutableTable = /* @__PURE__ */ defineComponent((props, { attrs, slots, exp
 				onScroll: onInternalScroll
 			};
 			groupTableNode = createVNode(Fragment, null, [
-				props.showHeader !== false && createVNode(FixedHolder_default, mergeProps(fixedHolderProps, {
+				props.showHeader !== false && createVNode(FixedHolder, mergeProps(fixedHolderProps, {
 					"stickyTopOffset": stickyConfig.value.offsetHeader,
 					"className": `${mergedPrefixCls.value}-header`,
 					"ref": scrollHeaderRef,
 					"colGroup": bodyColGroupNode
 				}), { default: renderFixedHeaderTable }),
 				bodyContent,
-				fixFooter.value && fixFooter.value !== "top" && createVNode(FixedHolder_default, mergeProps(fixedHolderProps, {
+				fixFooter.value && fixFooter.value !== "top" && createVNode(FixedHolder, mergeProps(fixedHolderProps, {
 					"stickyBottomOffset": stickyConfig.value.offsetSummary,
 					"className": `${mergedPrefixCls.value}-summary`,
 					"ref": scrollSummaryRef,
 					"colGroup": bodyColGroupNode
 				}), { default: renderFixedFooterTable }),
-				stickyConfig.value.isSticky && scrollBodyRef.value?.nodeType === 1 && createVNode(stickyScrollBar_default, {
+				stickyConfig.value.isSticky && scrollBodyRef.value?.nodeType === 1 && createVNode(StickyScrollBar, {
 					"ref": stickyRef,
 					"offsetScroll": stickyConfig.value.offsetScroll,
 					"scrollBodyRef": scrollBodyRef,
@@ -432,12 +465,12 @@ var ImmutableTable = /* @__PURE__ */ defineComponent((props, { attrs, slots, exp
 			} }, ariaProps), { default: () => [
 				captionElement,
 				bodyColGroupNode,
-				props.showHeader !== false && createVNode(Header_default, mergeProps(headerProps.value, {
+				props.showHeader !== false && createVNode(Header, mergeProps(headerProps.value, {
 					"columns": columns.value,
 					"flattenColumns": flattenColumns.value
 				}), null),
 				bodyTableNode,
-				!fixFooter.value && summaryNode.value && createVNode(Footer_default, {
+				!fixFooter.value && summaryNode.value && createVNode(Footer, {
 					"stickyOffsets": mergedStickyOffsets.value,
 					"flattenColumns": flattenColumns.value
 				}, { default: () => [summaryNode.value] })
@@ -458,12 +491,12 @@ var ImmutableTable = /* @__PURE__ */ defineComponent((props, { attrs, slots, exp
 				[`${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,
+			}, attrClassName),
+			"style": [tableStyle, attrStyle],
 			"id": props.id,
 			"ref": fullTableRef
-		}, dataProps), [
-			props.title && createVNode(Panel_default, {
+		}, restAttrs), [
+			props.title && createVNode(Panel, {
 				"className": clsx(`${mergedPrefixCls.value}-title`, props.classNames?.title),
 				"style": props.styles?.title
 			}, _isSlot(_slot = props.title(mergedData.value)) ? _slot : { default: () => [_slot] }),
@@ -472,7 +505,7 @@ var ImmutableTable = /* @__PURE__ */ defineComponent((props, { attrs, slots, exp
 				"class": clsx(`${mergedPrefixCls.value}-container`, props.classNames?.section),
 				"style": props.styles?.section
 			}, [groupTableNode]),
-			props.footer && createVNode(Panel_default, {
+			props.footer && createVNode(Panel, {
 				"className": clsx(`${mergedPrefixCls.value}-footer`, props.classNames?.footer),
 				"style": props.styles?.footer
 			}, _isSlot(_slot2 = props.footer(mergedData.value)) ? _slot2 : { default: () => [_slot2] })
@@ -480,252 +513,255 @@ var ImmutableTable = /* @__PURE__ */ defineComponent((props, { attrs, slots, exp
 		if (horizonScroll.value) return createVNode(ResizeObserver, { "onResize": ({ offsetWidth }) => onFullTableResize(offsetWidth) }, _isSlot(fullTable) ? fullTable : { default: () => [fullTable] });
 		return fullTable;
 	};
-}, { props: /* @__PURE__ */ 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) });
+}, {
+	props: /* @__PURE__ */ 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),
+	inheritAttrs: false
+});
 ImmutableTable.EXPAND_COLUMN = EXPAND_COLUMN;
 ImmutableTable.INTERNAL_HOOKS = INTERNAL_HOOKS;
-ImmutableTable.Column = Column_default;
-ImmutableTable.ColumnGroup = ColumnGroup_default;
+ImmutableTable.Column = Column;
+ImmutableTable.ColumnGroup = ColumnGroup;
 ImmutableTable.Summary = FooterComponents;
-var Table_default = ImmutableTable;
-export { DEFAULT_PREFIX, Table_default as default };
+//#endregion
+export { DEFAULT_PREFIX, ImmutableTable as default };