From d6da08997be6088fde02c0d42d501ecea3e7b9ad Mon Sep 17 00:00:00 2001
From: Aresn <admin@aresn.com>
Date: Mon, 3 Jun 2024 14:11:40 +0800
Subject: [PATCH] =?UTF-8?q?=E6=90=9C=E7=B4=A2=E4=B8=BB=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/i/library/Header.vue | 17 ++++++++++++++++-
 pages/library/index.vue         |  5 ++++-
 2 files changed, 20 insertions(+), 2 deletions(-)

diff --git a/components/i/library/Header.vue b/components/i/library/Header.vue
index c44695d..17f022e 100644
--- a/components/i/library/Header.vue
+++ b/components/i/library/Header.vue
@@ -25,9 +25,11 @@
                     <div class="flex">
                         <IActionCollect :id="collectId" v-if="collect" />
                     </div>
-                    <div class="flex">
+                    <div class="flex" v-if="!collect">
                         <UInput
+                            name="queryInput"
                             v-model="searchQuery"
+                            :loading="searchLoading"
                             icon="i-heroicons-magnifying-glass-20-solid"
                             placeholder="搜索你的主题..."
                             size="md"
@@ -59,5 +61,18 @@ defineProps({
         default: ''
     }
 })
+const emit = defineEmits(['search'])
 const searchQuery = ref('')
+const searchLoading = ref(false)
+defineShortcuts({
+    enter: {
+        usingInput: 'queryInput',
+        handler: async () => {
+            searchLoading.value = true
+            const { data } = await useRequest(`/v1/chat/completion/list?keyword=${searchQuery.value}`)
+            searchLoading.value = false
+            emit('search', data.value.data)
+        }
+    }
+})
 </script>
diff --git a/pages/library/index.vue b/pages/library/index.vue
index 06c8912..c7303a4 100644
--- a/pages/library/index.vue
+++ b/pages/library/index.vue
@@ -1,6 +1,6 @@
 <template>
     <div class="w-full items-center flex flex-col">
-        <ILibraryHeader />
+        <ILibraryHeader @search="handleSearch" />
         <div class="container max-w-screen-lg flex flex-col p-6">
             <div class="flex gap-10">
                 <div class="flex flex-col flex-grow">
@@ -57,4 +57,7 @@ function handleDeletedThread (c_id) {
     const findIndex = threads.value.findIndex(i => i.c_id === c_id)
     if (findIndex >= 0) threads.value.splice(findIndex, 1)
 }
+function handleSearch (data) {
+    threads.value = data
+}
 </script>
-- 
GitLab