From b9bd8c6cdab37d6047c9002f8aaafdb82cffd516 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B0=91=E8=BD=BB=E7=8B=82?= <1677568218@qq.com>
Date: Sat, 18 Feb 2023 23:36:05 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=9B=B4=E6=96=B0=E6=90=9C=E7=B4=A2?=
 =?UTF-8?q?=E9=80=BB=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../documentation/1.0.0/full_documentation.json       |  2 +-
 frontend/components/Navs/SearchBox.vue                | 11 +++++------
 frontend/components/Types/index.vue                   |  2 +-
 frontend/server/api/global/search.ts                  |  3 +++
 4 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/backend/src/extensions/documentation/documentation/1.0.0/full_documentation.json b/backend/src/extensions/documentation/documentation/1.0.0/full_documentation.json
index 6858d02..ec60958 100644
--- a/backend/src/extensions/documentation/documentation/1.0.0/full_documentation.json
+++ b/backend/src/extensions/documentation/documentation/1.0.0/full_documentation.json
@@ -14,7 +14,7 @@
       "name": "Apache 2.0",
       "url": "https://www.apache.org/licenses/LICENSE-2.0.html"
     },
-    "x-generation-date": "2023-02-18T06:39:30.396Z"
+    "x-generation-date": "2023-02-18T15:17:00.843Z"
   },
   "x-strapi-config": {
     "path": "/documentation",
diff --git a/frontend/components/Navs/SearchBox.vue b/frontend/components/Navs/SearchBox.vue
index 076960d..0709c96 100644
--- a/frontend/components/Navs/SearchBox.vue
+++ b/frontend/components/Navs/SearchBox.vue
@@ -18,7 +18,7 @@ const handleClickLink = () => {
 const searchInput = useDebounceFn(async () => {
   if (keyword.value !== '') {
     const { data: SearchData_ } = await useFetch(
-      `/api/global/search?keyword=${keyword}`,
+      `/api/global/search?keyword=${keyword.value}`,
     )
     searchData.value = SearchData_.value
   }
@@ -48,16 +48,15 @@ onUnmounted(() => {
         type="search"
         maxlength="32"
         placeholder="搜索"
-        @input="searchInput"
       >
-      <div class="search-icon" :class="{ 'search-active': isActive }">
+      <div class="search-icon" :class="{ 'search-active': isActive }" @click="searchInput">
         <div class="i-carbon-search" />
       </div>
-      <div v-if="!!searchData.hits" class="search-result" :class="{ hidden: !isActive }">
+      <div v-if="!!searchData" class="search-result" :class="{ hidden: !isActive }">
         <div class="result-title">
-          共查到{{ searchData.estimatedTotalHits }}条结果
+          共查到{{ searchData?.hits.length || 0 }}条结果
         </div>
-        <div class="result-list">
+        <div v-if="searchData?.hits" class="result-list">
           <NuxtLink
             v-for="item in searchData.hits"
             :key="item.id"
diff --git a/frontend/components/Types/index.vue b/frontend/components/Types/index.vue
index 997d924..bc66423 100644
--- a/frontend/components/Types/index.vue
+++ b/frontend/components/Types/index.vue
@@ -89,7 +89,7 @@ const changePageNum = async (direction) => {
 .view-types {
   transition: all .2s;
   transform: translateZ(0);
-  @apply bg-jj-sidebar w-full fixed top-[5rem] lt-sm: (top-[4.333rem]) shadow-sm shadow-black/5 dark:shadow-white/5 h-[3.833rem] z-1;
+  @apply bg-jj-sidebar w-full fixed top-[5rem] lt-sm:(top-[4.333rem]) shadow-sm shadow-black/5 dark:shadow-white/5 h-[3.833rem] z-1;
 }
 
 .type-list-item {
diff --git a/frontend/server/api/global/search.ts b/frontend/server/api/global/search.ts
index d59bbb0..aeaba1c 100644
--- a/frontend/server/api/global/search.ts
+++ b/frontend/server/api/global/search.ts
@@ -3,5 +3,8 @@ export default defineEventHandler(async (event): Promise<ISearch> => {
   const { serverMeilisearchClient } = event.context
   const query = getQuery(event)
   const result = await serverMeilisearchClient.index('article').search(query?.keyword || '')
+  // 仅显示前十条
+  if (result.estimatedTotalHits > 10)
+    result.hits = result.hits.slice(0, 10)
   return result
 })