@alaarab/ogrid-vue 2.0.3 → 2.0.5

package/dist/esm/composables/useClipboard.js

@@ -5,7 +5,6 @@ import { getCellValue, parseValue, normalizeSelectionRange } from '@alaarab/ogri
  */
 export function useClipboard(params) {
     const { items, visibleCols, colOffset, selectionRange, activeCell, editable, onCellValueChanged, beginBatch, endBatch, } = params;
-    const cutRangeRef = ref(null);
     const cutRange = shallowRef(null);
     const copyRange = shallowRef(null);
     const internalClipboardRef = ref(null);
@@ -49,7 +48,6 @@ export function useClipboard(params) {
         if (range == null || onCellValueChanged.value == null)
             return;
         const norm = normalizeSelectionRange(range);
-        cutRangeRef.value = norm;
         cutRange.value = norm;
         copyRange.value = null;
         handleCopy();
@@ -107,8 +105,8 @@ export function useClipboard(params) {
                 });
             }
         }
-        if (cutRangeRef.value) {
-            const cut = cutRangeRef.value;
+        if (cutRange.value) {
+            const cut = cutRange.value;
             for (let r = cut.startRow; r <= cut.endRow; r++) {
                 for (let c = cut.startCol; c <= cut.endCol; c++) {
                     if (r >= currentItems.length || c >= currentCols.length)
@@ -132,7 +130,6 @@ export function useClipboard(params) {
                     });
                 }
             }
-            cutRangeRef.value = null;
             cutRange.value = null;
         }
         endBatch?.();
@@ -141,7 +138,6 @@ export function useClipboard(params) {
     const clearClipboardRanges = () => {
         copyRange.value = null;
         cutRange.value = null;
-        cutRangeRef.value = null;
     };
-    return { handleCopy, handleCut, handlePaste, cutRange, copyRange, clearClipboardRanges, cutRangeRef };
+    return { handleCopy, handleCut, handlePaste, cutRange, copyRange, clearClipboardRanges };
 }

package/dist/esm/composables/useDataGridState.js

@@ -61,9 +61,14 @@ export function useDataGridState(params) {
         const filtered = vis ? flatColumns.value.filter((c) => vis.has(c.columnId)) : flatColumns.value;
         if (!order?.length)
             return filtered;
+        // Build index map for O(1) lookup instead of repeated O(n) indexOf
+        const orderMap = new Map();
+        for (let i = 0; i < order.length; i++) {
+            orderMap.set(order[i], i);
+        }
         return [...filtered].sort((a, b) => {
-            const ia = order.indexOf(a.columnId);
-            const ib = order.indexOf(b.columnId);
+            const ia = orderMap.get(a.columnId) ?? -1;
+            const ib = orderMap.get(b.columnId) ?? -1;
             if (ia === -1 && ib === -1)
                 return 0;
             if (ia === -1)
@@ -75,8 +80,10 @@ export function useDataGridState(params) {
     });
     const visibleColumnCount = computed(() => visibleCols.value.length);
     const hasCheckboxCol = computed(() => rowSelectionProp.value === 'multiple');
-    const totalColCount = computed(() => visibleColumnCount.value + (hasCheckboxCol.value ? 1 : 0));
-    const colOffset = computed(() => hasCheckboxCol.value ? 1 : 0).value; // stable once computed
+    const hasRowNumbersCol = computed(() => !!props.value.showRowNumbers);
+    const specialColsCount = computed(() => (hasCheckboxCol.value ? 1 : 0) + (hasRowNumbersCol.value ? 1 : 0));
+    const totalColCount = computed(() => visibleColumnCount.value + specialColsCount.value);
+    const colOffset = computed(() => specialColsCount.value).value; // stable once computed
     const rowIndexByRowId = computed(() => {
         const m = new Map();
         items.value.forEach((item, idx) => m.set(getRowId(item), idx));
@@ -236,6 +243,7 @@ export function useDataGridState(params) {
         totalColCount: totalColCount.value,
         colOffset,
         hasCheckboxCol: hasCheckboxCol.value,
+        hasRowNumbersCol: hasRowNumbersCol.value,
         rowIndexByRowId: rowIndexByRowId.value,
         containerWidth: containerWidth.value,
         minTableWidth: minTableWidth.value,

package/dist/types/composables/useClipboard.d.ts

@@ -18,7 +18,6 @@ export interface UseClipboardResult {
     cutRange: ShallowRef<ISelectionRange | null>;
     copyRange: ShallowRef<ISelectionRange | null>;
     clearClipboardRanges: () => void;
-    cutRangeRef: Ref<ISelectionRange | null>;
 }
 /**
  * Manages copy, cut, and paste operations for cell ranges with TSV clipboard format.

package/dist/types/composables/useDataGridState.d.ts

@@ -12,6 +12,7 @@ export interface DataGridLayoutState<T> {
     totalColCount: number;
     colOffset: number;
     hasCheckboxCol: boolean;
+    hasRowNumbersCol: boolean;
     rowIndexByRowId: Map<RowId, number>;
     containerWidth: number;
     minTableWidth: number;

package/dist/types/types/dataGridTypes.d.ts

@@ -131,6 +131,9 @@ export interface IOGridDataGridProps<T> {
     rowSelection?: RowSelectionMode;
     selectedRows?: Set<RowId>;
     onSelectionChange?: (event: IRowSelectionChangeEvent<T>) => void;
+    showRowNumbers?: boolean;
+    currentPage?: number;
+    pageSize?: number;
     statusBar?: IStatusBarProps;
     /** Unified filter model (discriminated union values). */
     filters: IFilters;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alaarab/ogrid-vue",
-  "version": "2.0.3",
+  "version": "2.0.5",
   "description": "OGrid Vue – Vue 3 composables, headless components, and utilities for OGrid data grids.",
   "main": "dist/esm/index.js",
   "module": "dist/esm/index.js",
@@ -22,7 +22,7 @@
   "files": ["dist", "README.md", "LICENSE"],
   "engines": { "node": ">=18" },
   "dependencies": {
-    "@alaarab/ogrid-core": "2.0.3"
+    "@alaarab/ogrid-core": "2.0.5"
   },
   "peerDependencies": {
     "vue": "^3.3.0"