From 4d57bcc14883097509a6936110d23d805f9108a2 Mon Sep 17 00:00:00 2001
From: luckyasme <807254037@qq.com>
Date: Fri, 11 Apr 2025 16:03:23 +0800
Subject: [PATCH 1/2] =?UTF-8?q?fix:=20=E4=BC=98=E5=8C=96=E6=90=9C=E7=B4=A2?=
 =?UTF-8?q?=E8=81=94=E6=83=B3=E5=BC=B9=E7=AA=97=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/doc/DocSearch.vue          | 23 ++++++++++++++-----
 app/.vitepress/src/views/home/TheHome.vue     | 21 +++++++++++++----
 2 files changed, 33 insertions(+), 11 deletions(-)

diff --git a/app/.vitepress/src/components/doc/DocSearch.vue b/app/.vitepress/src/components/doc/DocSearch.vue
index 8831c0ade..7ac238922 100644
--- a/app/.vitepress/src/components/doc/DocSearch.vue
+++ b/app/.vitepress/src/components/doc/DocSearch.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref, watch } from 'vue';
+import { onUnmounted, ref, watch } from 'vue';
 import axios, { type Canceler } from 'axios';
 import { OInput, OIcon, OPopup, ODropdownItem, OScroller } from '@opensig/opendesign';
 
@@ -11,7 +11,7 @@ import { useLocale } from '@/composables/useLocale';
 
 import type { SearchRecommendT } from '@/@types/type-search';
 import { getSearchRecommend } from '@/api/api-search';
-import { onClickOutside, useDebounceFn } from '@vueuse/core';
+import { onClickOutside } from '@vueuse/core';
 
 const emit = defineEmits(['switchVisible']);
 
@@ -50,16 +50,17 @@ const clearSearchDoc = () => {
 };
 
 // ----------------- 联想搜索 -------------------------
+let timer: number | NodeJS.Timeout | undefined;
 let lastRecommendCanceler: Canceler | null;
 const recommendData = ref<SearchRecommendT[]>([]);
 const showSearchWord = ref(false);
 
-const queryGetSearchRecommend = useDebounceFn(async (val: string) => {
+const queryGetSearchRecommend = async (val: string) => {
   if (lastRecommendCanceler) {
     lastRecommendCanceler('cancel');
   }
 
-  const cancelToken =  new axios.CancelToken((canceler) => {
+  const cancelToken = new axios.CancelToken((canceler) => {
     lastRecommendCanceler = canceler;
   });
 
@@ -75,11 +76,21 @@ const queryGetSearchRecommend = useDebounceFn(async (val: string) => {
       showSearchWord.value = recommendData.value.length > 0;
     }
   } catch {}
-}, 300);
+};
+
+const searchRecommendDebounce = (val: string) => {
+  clearTimeout(timer);
+  timer = setTimeout(() => queryGetSearchRecommend(val), 300);
+};
+
+onUnmounted(() => {
+  clearTimeout(timer);
+  timer = undefined;
+});
 
 const onInputValueInput = () => {
   if (searchValue.value.trim()) {
-    queryGetSearchRecommend(searchValue.value.trim());
+    searchRecommendDebounce(searchValue.value.trim());
   } else {
     recommendData.value = [];
     showSearchWord.value = false;
diff --git a/app/.vitepress/src/views/home/TheHome.vue b/app/.vitepress/src/views/home/TheHome.vue
index 9615b6254..97d3b3ab0 100644
--- a/app/.vitepress/src/views/home/TheHome.vue
+++ b/app/.vitepress/src/views/home/TheHome.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { ref, computed, watch } from 'vue';
-import { onClickOutside, useDebounceFn } from '@vueuse/core';
+import { ref, computed, watch, onUnmounted } from 'vue';
+import { onClickOutside } from '@vueuse/core';
 import type { Canceler } from 'axios';
 import { OInput, OIcon, ORow, OCol, OLink, OCard, OFigure, OPopup, ODropdownItem, OScroller } from '@opensig/opendesign';
 
@@ -52,11 +52,12 @@ const hotSearch = (val: string) => {
 };
 
 // -------------------- 联想关键词 --------------------
+let timer: number | NodeJS.Timeout | undefined;
 let lastRecommendCanceler: Canceler | null;
 const showSearchWord = ref(false);
 const recommendData = ref<SearchRecommendT[]>([]);
 
-const queryGetSearchRecommend = useDebounceFn(async (val: string) => {
+const queryGetSearchRecommend = async (val: string) => {
   if (lastRecommendCanceler) {
     lastRecommendCanceler('cancel');
   }
@@ -77,11 +78,21 @@ const queryGetSearchRecommend = useDebounceFn(async (val: string) => {
       showSearchWord.value = recommendData.value.length > 0;
     }
   } catch {}
-}, 300);
+};
+
+const searchRecommendDebounce = (val: string) => {
+  clearTimeout(timer);
+  timer = setTimeout(() => queryGetSearchRecommend(val), 300);
+};
+
+onUnmounted(() => {
+  clearTimeout(timer);
+  timer = undefined;
+});
 
 const onInputValueInput = () => {
   if (searchValue.value.trim()) {
-    queryGetSearchRecommend(searchValue.value.trim());
+    searchRecommendDebounce(searchValue.value.trim());
   } else {
     recommendData.value = [];
     showSearchWord.value = false;
-- 
Gitee


From 8fa1075d2e071ee7607aa9ae9ab22bc79c6a7a6a Mon Sep 17 00:00:00 2001
From: luckyasme <807254037@qq.com>
Date: Fri, 18 Apr 2025 17:23:15 +0800
Subject: [PATCH 2/2] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E5=A4=8D=E5=88=B6?=
 =?UTF-8?q?=E6=9C=89=E6=97=B6=E5=80=99=E5=A4=B1=E6=95=88=E7=9A=84=E9=97=AE?=
 =?UTF-8?q?=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/.vitepress/src/layouts/LayoutDoc.vue      | 35 +++++++++++++++++--
 .../src/views/docs/TheDocsArticle.vue         | 33 +----------------
 2 files changed, 34 insertions(+), 34 deletions(-)

diff --git a/app/.vitepress/src/layouts/LayoutDoc.vue b/app/.vitepress/src/layouts/LayoutDoc.vue
index b811f7c3a..f4f6f3b95 100644
--- a/app/.vitepress/src/layouts/LayoutDoc.vue
+++ b/app/.vitepress/src/layouts/LayoutDoc.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import { onMounted, ref, computed, watch } from 'vue';
+import { onMounted, ref, computed, watch, onUpdated, onUnmounted } from 'vue';
 import { useRouter, useData } from 'vitepress';
 import { storeToRefs } from 'pinia';
-import { OIcon } from '@opensig/opendesign';
+import { OIcon, useMessage } from '@opensig/opendesign';
 
 import DocFooter from '@/components/doc/DocFooter.vue';
 import DocVersion from '@/components/doc/DocVersion.vue';
@@ -19,6 +19,7 @@ import TheSearchResult from '@/views/search/TheSearchResult.vue';
 
 import IconExpand from '~icons/app/icon-expand.svg';
 
+import { useLocale } from '@/composables/useLocale';
 import { useScreen } from '@/composables/useScreen';
 import { useSearchingStore } from '@/stores/common';
 import { useNodeStore } from '@/stores/node';
@@ -179,6 +180,36 @@ searchStore.$patch({
 const switchMenu = () => {
   isSidebarHidden.value = !isSidebarHidden.value;
 };
+
+// -------------------- 代码块复制 --------------------
+const { t } = useLocale();
+const message = useMessage();
+
+const popMessage = () => {
+  message.success({ content: t('docs.copySuccess') });
+};
+
+const copyDoc = () => {
+  const buttonCopy = Array.from(document.querySelectorAll('.copy'));
+  for (let index = 0; index < buttonCopy.length; index++) {
+    buttonCopy[index].addEventListener('click', popMessage);
+  }
+};
+
+onMounted(() => {
+  copyDoc();
+});
+
+onUpdated(() => {
+  copyDoc();
+});
+
+onUnmounted(() => {
+  const buttonCopy = Array.from(document.querySelectorAll('.copy'));
+  for (let index = 0; index < buttonCopy.length; index++) {
+    buttonCopy[index].removeEventListener('click', popMessage);
+  }
+});
 </script>
 
 <template>
diff --git a/app/.vitepress/src/views/docs/TheDocsArticle.vue b/app/.vitepress/src/views/docs/TheDocsArticle.vue
index 7870a80a4..57d286268 100644
--- a/app/.vitepress/src/views/docs/TheDocsArticle.vue
+++ b/app/.vitepress/src/views/docs/TheDocsArticle.vue
@@ -1,13 +1,11 @@
 <script setup lang="ts">
-import { onMounted, onUnmounted, onUpdated } from 'vue';
+import { onMounted, onUnmounted } from 'vue';
 
 import DocPagination from '@/components/doc/DocPagination.vue';
 import GiteeViewSource from '@/components/GiteeViewSource.vue';
 
 import { type DocMenuNodeT } from '@/utils/tree';
 import { getOffsetTop, getScrollRemainingBottom } from '@/utils/element';
-import { useMessage } from '@opensig/opendesign';
-import { useLocale } from '@/composables/useLocale';
 import { useViewStore } from '@/stores/view';
 import { useNodeStore } from '@/stores/node';
 
@@ -126,35 +124,6 @@ const onClickContent = (evt: PointerEvent) => {
   }
 };
 
-// -------------------- 代码块复制 --------------------
-const { t } = useLocale();
-const message = useMessage();
-
-const popMessage = () => {
-  message.success({ content: t('docs.copySuccess') });
-};
-
-const copyDoc = () => {
-  const buttonCopy = Array.from(document.querySelectorAll('.copy'));
-  for (let index = 0; index < buttonCopy.length; index++) {
-    buttonCopy[index].addEventListener('click', popMessage);
-  }
-};
-
-onMounted(() => {
-  copyDoc();
-});
-
-onUpdated(() => {
-  copyDoc();
-});
-
-onUnmounted(() => {
-  const buttonCopy = Array.from(document.querySelectorAll('.copy'));
-  for (let index = 0; index < buttonCopy.length; index++) {
-    buttonCopy[index].removeEventListener('click', popMessage);
-  }
-});
 </script>
 
 <template>
-- 
Gitee