@platforma-sdk/ui-vue 1.7.22 → 1.7.26

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@platforma-sdk/ui-vue",
-  "version": "1.7.22",
+  "version": "1.7.26",
   "type": "module",
   "main": "dist/lib.umd.cjs",
   "module": "dist/lib.js",
@@ -34,8 +34,8 @@
     "@ag-grid-enterprise/rich-select": "^32.3.0",
     "@ag-grid-enterprise/menu": "^32.3.0",
     "@ag-grid-enterprise/excel-export": "^32.3.0",
-    "@platforma-sdk/model": "^1.7.20",
-    "@milaboratories/uikit": "^1.2.28"
+    "@milaboratories/uikit": "^1.2.29",
+    "@platforma-sdk/model": "^1.7.20"
   },
   "devDependencies": {
     "@faker-js/faker": "^8.4.1",

package/src/components/PlAgDataTable/PlAgDataTable.vue

@@ -238,9 +238,11 @@ const gridOptions = ref<GridOptions>({
   onRowDataUpdated: (event) => {
     event.api.autoSizeAllColumns();
   },
+  maintainColumnOrder: true,
   rowModelType: 'clientSide',
-  maxBlocksInCache: 10000,
+  maxBlocksInCache: 1000,
   cacheBlockSize: 100,
+  blockLoadDebounceMillis: 500,
   serverSideSortAllLevels: true,
   suppressServerSideFullWidthLoadingRow: true,
   getRowId: (params) => params.data.id,
@@ -308,14 +310,6 @@ watch(
     };
     if (lodash.isEqual(gridState, selfState)) return;
 
-    console.log(
-      'reloading; columnOrder changed',
-      !lodash.isEqual(gridState.columnOrder, selfState.columnOrder),
-      'saved',
-      gridState.columnOrder,
-      'current',
-      selfState.columnOrder,
-    );
     gridOptions.value.initialState = gridState;
     ++reloadKey.value;
   },
@@ -333,6 +327,10 @@ const onSheetChanged = (sheetId: string, newValue: string | number) => {
   if (state[sheetId] === newValue) return;
   state[sheetId] = newValue;
   sheetsState.value = state;
+  gridApi.value?.updateGridOptions({
+    loading: true,
+    loadingOverlayComponentParams: { notReady: false },
+  });
 };
 
 watch(

package/src/components/PlAgDataTable/sources/table-source.ts

@@ -236,13 +236,11 @@ export async function makeSheets(
  * @param nRows number of rows
  * @returns
  */
-function columns2rows(fields: number[], columns: PTableVector[]): unknown[] {
+function columns2rows(fields: number[], columns: PTableVector[], index: number): unknown[] {
   const nCols = columns.length;
   const rowData = [];
   for (let iRow = 0; iRow < columns[0].data.length; ++iRow) {
     const row: Record<string, unknown> = {};
-
-    const index = [];
     for (let iCol = 0; iCol < nCols; ++iCol) {
       const field = fields[iCol].toString();
       const value = columns[iCol].data[iRow];
@@ -254,16 +252,10 @@ function columns2rows(fields: number[], columns: PTableVector[]): unknown[] {
       } else {
         row[field] = toDisplayValue(value, valueType);
       }
-
-      index.push(valueType === 'Long' ? Number(value) : value);
     }
-
-    // generate ID based on the axes information
-    row['id'] = iRow.toString();
-
+    row['id'] = (index++).toString();
     rowData.push(row);
   }
-
   return rowData;
 }
 
@@ -357,7 +349,7 @@ export async function updatePFrameGridOptions(
               offset: params.request.startRow,
               length,
             });
-            rowData = columns2rows(fields, data);
+            rowData = columns2rows(fields, data, params.request.startRow);
           }
         }