@v-c/table 1.0.3 → 1.0.5

package/dist/Table.js

@@ -102,13 +102,15 @@ var ImmutableTable = /* @__PURE__ */ defineComponent((props, { attrs, slots, exp
 			const targetRef = scrollBodyRef.value;
 			const targetElement = getDOM(targetRef);
 			if (targetElement instanceof HTMLElement) {
-				const { index, top, key, offset } = config || {};
+				const { index, top, key, offset, align = "nearest" } = config || {};
 				if (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 });
+					if (rowElement) {
+						rowElement.scrollIntoView({ block: align });
+						if (offset) targetElement.scrollTo({ top: targetElement.scrollTop + offset });
+					}
 				}
 			} else if (targetRef?.scrollTo) targetRef.scrollTo(config);
 		}

package/dist/VirtualTable/BodyGrid.js

@@ -5,6 +5,11 @@ import BodyLine_default from "./BodyLine.js";
 import { computed, createVNode, defineComponent, reactive, ref, toRaw, watch, watchEffect } from "vue";
 import { getStylePxValue } from "@v-c/util/dist/props-util";
 import VirtualList from "@v-c/virtual-list";
+var ALIGN_MAP = {
+	start: "top",
+	end: "bottom",
+	nearest: "auto"
+};
 var BodyGrid_default = /* @__PURE__ */ defineComponent({
 	name: "TableBodyGrid",
 	props: ["data", "onScroll"],
@@ -102,13 +107,13 @@ var BodyGrid_default = /* @__PURE__ */ defineComponent({
 		const exposed = {
 			scrollTo: (config) => {
 				if (!listRef.value) return;
-				const { offset, ...restConfig } = config || {};
-				if (offset) listRef.value.scrollTo({
+				const { align, offset, ...restConfig } = config || {};
+				const virtualAlign = ALIGN_MAP[align] ?? (offset ? "top" : "auto");
+				listRef.value.scrollTo({
 					...restConfig,
 					offset,
-					align: "top"
+					align: virtualAlign
 				});
-				else listRef.value.scrollTo(config);
 			},
 			get nativeElement() {
 				const native = listRef.value?.nativeElement;

package/dist/interface.d.ts

@@ -19,10 +19,14 @@ export interface ScrollConfig {
      * Additional offset in pixels to apply to the scroll position.
      * Only effective when using `key` or `index` mode.
      * Ignored when using `top` mode.
-     * When offset is set, the target element will always be aligned to the top of the container.
+     * In `key` / `index` mode, `offset` is added to the position resolved by `align`.
      */
     offset?: number;
+    align?: ScrollLogicalPosition;
 }
+export type VirtualScrollConfig = ScrollConfig & {
+    align?: Exclude<ScrollLogicalPosition, 'center'>;
+};
 export interface Reference {
     nativeElement: HTMLDivElement;
     scrollTo: (config: ScrollConfig) => void;

package/package.json

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