From f7c6e4a180717f14699b14d972eb340933ad13b9 Mon Sep 17 00:00:00 2001
From: Aresn <admin@aresn.com>
Date: Mon, 27 May 2024 17:23:06 +0800
Subject: [PATCH] =?UTF-8?q?=E6=90=9C=E7=B4=A2=E8=AE=B0=E5=BD=95=E6=95=B0?=
 =?UTF-8?q?=E6=8D=AE=E6=94=BE=F0=9F=8D=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/i/Create.vue        |  2 ++
 components/i/SearchHistory.vue | 24 ++++++++++++------------
 stores/search.js               | 12 ++++++++++++
 3 files changed, 26 insertions(+), 12 deletions(-)
 create mode 100644 stores/search.js

diff --git a/components/i/Create.vue b/components/i/Create.vue
index e117557..8a27a07 100644
--- a/components/i/Create.vue
+++ b/components/i/Create.vue
@@ -37,6 +37,7 @@
 <script setup>
 const { $setRepo } = useReposStore()
 const { $repos } = storeToRefs(useReposStore())
+const { $getSearchHistory } = useSearchStore()
 const emits = defineEmits([ 'search' ])
 const query = ref('')
 const selectedRepo = ref('keycloak')
@@ -66,6 +67,7 @@ const handleSearch = async () => {
     emits('search')
     nextTick(() => {
         loading.value = false
+        $getSearchHistory()
     })  
 }
 nextTick(async () => {
diff --git a/components/i/SearchHistory.vue b/components/i/SearchHistory.vue
index 415e593..3b5a6be 100644
--- a/components/i/SearchHistory.vue
+++ b/components/i/SearchHistory.vue
@@ -18,7 +18,7 @@
         />
     </div>
     <div v-if="$isSignIn" class="flex flex-col gap-2 border-l border-gray-200 dark:border-gray-800 pl-2 ml-5">
-        <template v-for="(item, index) in searchHistory" :key="index">
+        <template v-for="(item, index) in $searchHistory" :key="index">
             <UButton
                 class="flex group"
                 color="gray"
@@ -60,7 +60,7 @@
         </div>
         <UDivider />
         <div class="flex flex-col p-2">
-            <template v-for="(item, index) in searchHistory" :key="index">
+            <template v-for="(item, index) in $searchHistory" :key="index">
                 <UButton
                     class="flex group"
                     color="gray"
@@ -87,8 +87,9 @@
 <script setup>
 const emits = defineEmits(['sign', 'clear'])
 const Layout = inject('Layout')
-const { $isSignIn } = useUserStore()
-const searchHistory = ref([])
+const { $isSignIn } = storeToRefs(useUserStore())
+const { $searchHistory } = storeToRefs(useSearchStore())
+const { $getSearchHistory } = useSearchStore()
 const isOpenHistory = ref(false)
 const query = ref('')
 function handleClear () {
@@ -96,18 +97,20 @@ function handleClear () {
     handleRemoveRecords()
 }
 function handleRemoveRecordItem (id) {
-    searchHistory.value = searchHistory.value.filter(item => item.c_id !== id)
     handleRemoveRecords([id])
 }
 async function handleRemoveRecords (ids) {
     if (!ids) {
-        ids = searchHistory.value.map(item => item.c_id)
+        ids = $searchHistory.value.map(item => item.c_id)
     }
     const { data} = await useRequest('/v1/chat/completion/remove', {
         method: 'post',
         body: ids
     })
-    if (data.value) navigateTo('/')
+    if (data.value) {
+        $getSearchHistory()
+        navigateTo('/')
+    }
 }
 function handleOpen () {
     if (!$isSignIn) emits('sign')
@@ -121,11 +124,8 @@ function handleClose () {
 function handleClickItem () {
     Layout.handleCloseAside()
 }
-async function getUserHistory () {
-    const { data } = await useRequest('/v1/chat/completion/list')
-    searchHistory.value = data.value.data
-}
+
 nextTick(() => {
-    $isSignIn && getUserHistory()
+    $getSearchHistory()
 })
 </script>
diff --git a/stores/search.js b/stores/search.js
new file mode 100644
index 0000000..c7acc12
--- /dev/null
+++ b/stores/search.js
@@ -0,0 +1,12 @@
+import { defineStore } from 'pinia'
+
+export const useSearchStore = defineStore('search', () => {
+    const { $isSignIn } = useUserStore()
+    const $searchHistory = ref([])
+    async function $getSearchHistory () {
+        if (!$isSignIn) return
+        const { data } = await useRequest('/v1/chat/completion/list')
+        $searchHistory.value = data.value.data
+    }
+    return { $searchHistory, $getSearchHistory }
+})
-- 
GitLab