@v-c/table 1.0.4 → 1.0.6

package/dist/Table.js

@@ -25,7 +25,7 @@ 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:
@@ -306,7 +306,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({});
@@ -362,6 +361,7 @@ 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, fixedHolderPassProps, null), fixFooter.value === "top" && createVNode(Footer, fixedHolderPassProps, { default: () => [summaryNode.value] })]);
 		};
@@ -484,11 +484,11 @@ 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), [
+		}, restAttrs), [
 			props.title && createVNode(Panel, {
 				"className": clsx(`${mergedPrefixCls.value}-title`, props.classNames?.title),
 				"style": props.styles?.title
@@ -506,248 +506,251 @@ 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;

package/dist/VirtualTable/BodyGrid.js

@@ -109,7 +109,7 @@ var BodyGrid = /* @__PURE__ */ defineComponent({
 			scrollTo: (config) => {
 				if (!listRef.value) return;
 				const { align, offset, ...restConfig } = config || {};
-				const virtualAlign = ALIGN_MAP[align] ?? (offset ? "top" : "auto");
+				const virtualAlign = (align ? ALIGN_MAP[align] : void 0) ?? (offset ? "top" : "auto");
 				listRef.value.scrollTo({
 					...restConfig,
 					offset,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@v-c/table",
   "type": "module",
-  "version": "1.0.4",
+  "version": "1.0.6",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
@@ -22,7 +22,7 @@
   "dependencies": {
     "@v-c/resize-observer": "^1.0.8",
     "@v-c/util": "^1.0.19",
-    "@v-c/virtual-list": "^1.0.6"
+    "@v-c/virtual-list": "^1.0.7"
   },
   "publishConfig": {
     "access": "public"