From fa4929cd63f25a78ea1189fdfc862223de4d9363 Mon Sep 17 00:00:00 2001
From: tiny-craft <137850705+tiny-craft@users.noreply.github.com>
Date: Thu, 9 Nov 2023 20:31:07 +0800
Subject: [PATCH] perf: add reset handle for all content components

---
 frontend/src/components/content_value/ContentValueHash.vue | 6 ++++++
 frontend/src/components/content_value/ContentValueList.vue | 6 ++++++
 frontend/src/components/content_value/ContentValueSet.vue  | 6 ++++++
 .../src/components/content_value/ContentValueStream.vue    | 6 ++++++
 .../src/components/content_value/ContentValueWrapper.vue   | 7 ++++++-
 frontend/src/components/content_value/ContentValueZSet.vue | 6 ++++++
 6 files changed, 36 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/content_value/ContentValueHash.vue b/frontend/src/components/content_value/ContentValueHash.vue
index 06d3417..9d91a23 100644
--- a/frontend/src/components/content_value/ContentValueHash.vue
+++ b/frontend/src/components/content_value/ContentValueHash.vue
@@ -261,6 +261,12 @@ const onUpdateFilter = (filters, sourceColumn) => {
             break
     }
 }
+
+defineExpose({
+    reset: () => {
+        clearFilter()
+    },
+})
 </script>
 
 <template>
diff --git a/frontend/src/components/content_value/ContentValueList.vue b/frontend/src/components/content_value/ContentValueList.vue
index 691f978..58dcc7a 100644
--- a/frontend/src/components/content_value/ContentValueList.vue
+++ b/frontend/src/components/content_value/ContentValueList.vue
@@ -194,6 +194,12 @@ const clearFilter = () => {
 const onUpdateFilter = (filters, sourceColumn) => {
     valueColumn.filterOptionValue = filters[sourceColumn.key]
 }
+
+defineExpose({
+    reset: () => {
+        clearFilter()
+    },
+})
 </script>
 
 <template>
diff --git a/frontend/src/components/content_value/ContentValueSet.vue b/frontend/src/components/content_value/ContentValueSet.vue
index 718b0f7..5ae6c91 100644
--- a/frontend/src/components/content_value/ContentValueSet.vue
+++ b/frontend/src/components/content_value/ContentValueSet.vue
@@ -195,6 +195,12 @@ const clearFilter = () => {
 const onUpdateFilter = (filters, sourceColumn) => {
     valueColumn.filterOptionValue = filters[sourceColumn.key]
 }
+
+defineExpose({
+    reset: () => {
+        clearFilter()
+    },
+})
 </script>
 
 <template>
diff --git a/frontend/src/components/content_value/ContentValueStream.vue b/frontend/src/components/content_value/ContentValueStream.vue
index 3ee4bcf..1ae8eb2 100644
--- a/frontend/src/components/content_value/ContentValueStream.vue
+++ b/frontend/src/components/content_value/ContentValueStream.vue
@@ -184,6 +184,12 @@ const onUpdateFilter = (filters, sourceColumn) => {
             break
     }
 }
+
+defineExpose({
+    reset: () => {
+        clearFilter()
+    },
+})
 </script>
 
 <template>
diff --git a/frontend/src/components/content_value/ContentValueWrapper.vue b/frontend/src/components/content_value/ContentValueWrapper.vue
index 8a8f1ea..fdf8d05 100644
--- a/frontend/src/components/content_value/ContentValueWrapper.vue
+++ b/frontend/src/components/content_value/ContentValueWrapper.vue
@@ -8,7 +8,7 @@ import ContentValueZset from '@/components/content_value/ContentValueZSet.vue'
 import ContentValueStream from '@/components/content_value/ContentValueStream.vue'
 import { useThemeVars } from 'naive-ui'
 import useBrowserStore from 'stores/browser.js'
-import { computed, onMounted, watch } from 'vue'
+import { computed, onMounted, ref, watch } from 'vue'
 import { isEmpty } from 'lodash'
 import { decodeTypes, formatTypes } from '@/consts/value_view_type.js'
 import useDialogStore from 'stores/dialog.js'
@@ -121,10 +121,14 @@ onMounted(() => {
     loadData(false, false)
 })
 
+const contentRef = ref(null)
 watch(
     () => data.value?.keyPath,
     () => {
         // onReload()
+        if (contentRef.value?.reset != null) {
+            contentRef.value?.reset()
+        }
         loadData(false, false)
     },
 )
@@ -138,6 +142,7 @@ watch(
     </n-empty>
     <keep-alive v-else>
         <component
+            ref="contentRef"
             :is="valueComponents[data.type]"
             :db="data.db"
             :decode="data.decode || decodeTypes.NONE"
diff --git a/frontend/src/components/content_value/ContentValueZSet.vue b/frontend/src/components/content_value/ContentValueZSet.vue
index 1b5987a..b61e983 100644
--- a/frontend/src/components/content_value/ContentValueZSet.vue
+++ b/frontend/src/components/content_value/ContentValueZSet.vue
@@ -299,6 +299,12 @@ const onUpdateFilter = (filters, sourceColumn) => {
             break
     }
 }
+
+defineExpose({
+    reset: () => {
+        clearFilter()
+    },
+})
 </script>
 
 <template>