From ce009649fba5bfa603cc7c33f2d3b8bd9d77693b Mon Sep 17 00:00:00 2001
From: Wing-Kam Wong <wingkwong.code@gmail.com>
Date: Wed, 23 Nov 2022 18:18:03 +0800
Subject: [PATCH] feat(nc-gui): load field query when view is changed

---
 .../smartsheet/toolbar/SearchData.vue         | 27 +++++++++++++++++--
 1 file changed, 25 insertions(+), 2 deletions(-)

diff --git a/packages/nc-gui/components/smartsheet/toolbar/SearchData.vue b/packages/nc-gui/components/smartsheet/toolbar/SearchData.vue
index f77f72b7de..7d0440a3e5 100644
--- a/packages/nc-gui/components/smartsheet/toolbar/SearchData.vue
+++ b/packages/nc-gui/components/smartsheet/toolbar/SearchData.vue
@@ -1,9 +1,22 @@
 <script lang="ts" setup>
-import { ReloadViewDataHookInj, computed, inject, onClickOutside, ref, useSmartsheetStoreOrThrow } from '#imports'
+import {
+  ActiveViewInj,
+  ReloadViewDataHookInj,
+  computed,
+  inject,
+  onClickOutside,
+  ref,
+  useFieldQuery,
+  useSmartsheetStoreOrThrow,
+} from '#imports'
 
 const reloadData = inject(ReloadViewDataHookInj)!
 
-const { search, meta } = useSmartsheetStoreOrThrow()
+const { meta } = useSmartsheetStoreOrThrow()
+
+const activeView = inject(ActiveViewInj, ref())
+
+const { search, loadFieldQuery } = useFieldQuery(activeView)
 
 const isDropdownOpen = ref(false)
 
@@ -18,6 +31,16 @@ const columns = computed(() =>
   })),
 )
 
+watch(
+  () => activeView.value?.id,
+  (n, o) => {
+    if (n !== o) {
+      loadFieldQuery(activeView)
+    }
+  },
+  { immediate: true },
+)
+
 function onPressEnter() {
   reloadData.trigger()
 }