fix(gui): sync LTAR data on switching tab

Signed-off-by: Pranav C <pranavxc@gmail.com>

packages/nc-gui/components/smartsheet/Grid.vue

@@ -324,19 +324,24 @@ const showContextMenu = (e: MouseEvent, target?: { row: number; col: number }) =
   }
 }
 
+const rowRefs = $ref<any[]>()
+
 onBeforeUnmount(async () => {
-  for (const row of data.value) {
-    if (row.rowMeta.new) {
-      await updateOrSaveRow(row, null)
-      row.rowMeta.changed = false
+  console.log(rowRefs)
+  for (const [index, currentRow] of Object.entries(data.value)) {
+    if (currentRow.rowMeta.new) {
+      const syncLTARRefs = rowRefs[index]!.syncLTARRefs
+      const savedRow = await updateOrSaveRow(currentRow, null)
+      await syncLTARRefs(savedRow)
+      currentRow.rowMeta.changed = false
       continue
     }
-    if (row.rowMeta.changed) {
-      row.rowMeta.changed = false
+    if (currentRow.rowMeta.changed) {
+      currentRow.rowMeta.changed = false
       for (const field of meta?.value.columns ?? []) {
         if (isVirtualCol(field)) continue
-        if (row.row[field.title!] !== row.oldRow[field.title!]) {
-          await updateOrSaveRow(row, field.title!)
+        if (currentRow.row[field.title!] !== currentRow.oldRow[field.title!]) {
+          await updateOrSaveRow(currentRow, field.title!)
         }
       }
     }
@@ -418,7 +423,7 @@ onBeforeUnmount(async () => {
           </tr>
           </thead>
           <tbody>
-          <SmartsheetRow v-for="(row, rowIndex) of data" :key="rowIndex" :row="row">
+          <SmartsheetRow ref="rowRefs" v-for="(row, rowIndex) of data" :key="rowIndex" :row="row">
             <template #default="{ state }">
               <tr class="nc-grid-row">
                 <td key="row-index" class="caption nc-grid-cell pl-5 pr-1">

packages/nc-gui/components/smartsheet/Row.vue

@@ -33,6 +33,10 @@ reloadHook.on(() => {
 })
 
 provide(ReloadRowDataHookInj, reloadHook)
+
+defineExpose({
+  syncLTARRefs
+})
 </script>
 
 <template>

packages/nc-gui/composables/useViewData.ts

@@ -256,7 +256,7 @@ export function useViewData(
 
   async function updateOrSaveRow(row: Row, property: string) {
     if (row.rowMeta.new) {
-      await insertRow(row.row, formattedData.value.indexOf(row))
+      return await insertRow(row.row, formattedData.value.indexOf(row))
     } else {
       await updateRowProperty(row, property)
     }