From 6cb6e2a1b029caeb79045ef48ebc7d60caef1a66 Mon Sep 17 00:00:00 2001
From: longyi-xw <2691049525@qq.com>
Date: Tue, 13 Feb 2024 23:17:12 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20=E9=87=8D=E6=9E=84searchModal?=
 =?UTF-8?q?=E5=89=A9=E4=BD=99=E4=BA=8B=E4=BB=B6=E5=A4=84=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Screenfull/index.vue       | 18 +++++++++---------
 src/components/SearchMenu/SearchModal.vue | 23 +++++++++++------------
 src/components/SearchMenu/index.vue       |  4 ++--
 3 files changed, 22 insertions(+), 23 deletions(-)

diff --git a/src/components/Screenfull/index.vue b/src/components/Screenfull/index.vue
index 69eb228..e5b2b6e 100644
--- a/src/components/Screenfull/index.vue
+++ b/src/components/Screenfull/index.vue
@@ -64,21 +64,21 @@ const handleContentLargeClick = () => {
 <template>
   <div>
     <!-- 全屏 -->
-    <el-tooltip v-if="!content" effect="dark" :content="fullscreenTips" placement="bottom">
+    <a-tooltip v-if="!content" :title="fullscreenTips" placement="bottom">
       <SvgIcon :name="fullscreenSvgName" @click="handleFullscreenClick" />
-    </el-tooltip>
+    </a-tooltip>
     <!-- 内容区 -->
-    <el-dropdown v-else>
+    <a-dropdown v-else>
       <SvgIcon :name="contentLargeSvgName" />
-      <template #dropdown>
-        <el-dropdown-menu>
+      <template #overlay>
+        <a-menu>
           <!-- 内容区放大 -->
-          <el-dropdown-item @click="handleContentLargeClick">{{ contentLargeTips }}</el-dropdown-item>
+          <a-menu-item @click="handleContentLargeClick">{{ contentLargeTips }}</a-menu-item>
           <!-- 内容区全屏 -->
-          <el-dropdown-item @click="handleFullscreenClick" :disabled="isFullscreen">内容区全屏</el-dropdown-item>
-        </el-dropdown-menu>
+          <a-menu-item @click="handleFullscreenClick" :disabled="isFullscreen">内容区全屏</a-menu-item>
+        </a-menu>
       </template>
-    </el-dropdown>
+    </a-dropdown>
   </div>
 </template>
 
diff --git a/src/components/SearchMenu/SearchModal.vue b/src/components/SearchMenu/SearchModal.vue
index 9fb5c82..1209613 100644
--- a/src/components/SearchMenu/SearchModal.vue
+++ b/src/components/SearchMenu/SearchModal.vue
@@ -165,19 +165,18 @@ const handleReleaseUpOrDown = () => {
 </script>
 
 <template>
-  <el-dialog
-    v-model="modalVisible"
+  <a-modal
+    v-model:open="modalVisible"
     @opened="inputRef?.focus()"
-    @closed="inputRef?.blur()"
+    @cancel="inputRef?.blur()"
     @keydown.up="handleUp"
     @keydown.down="handleDown"
     @keydown.enter="handleEnter"
     @keyup.up.down="handleReleaseUpOrDown"
-    :before-close="handleClose"
+    :afterClose="handleClose"
     :width="modalWidth"
-    top="5vh"
+    :closable="false"
     class="search-modal__private"
-    append-to-body
   >
     <a-input
       ref="inputRef"
@@ -191,7 +190,7 @@ const handleReleaseUpOrDown = () => {
         <SvgIcon name="search" />
       </template>
     </a-input>
-    <el-empty v-if="resultList.length === 0" description="暂无搜索结果" :image-size="100" />
+    <a-empty v-if="resultList.length === 0" description="暂无搜索结果" />
     <template v-else>
       <p>搜索结果</p>
       <el-scrollbar ref="scrollbarRef" max-height="40vh" always>
@@ -207,7 +206,7 @@ const handleReleaseUpOrDown = () => {
     <template #footer>
       <SearchFooter :total="resultList.length" />
     </template>
-  </el-dialog>
+  </a-modal>
 </template>
 
 <style lang="scss">
@@ -216,13 +215,13 @@ const handleReleaseUpOrDown = () => {
     font-size: 18px;
   }
 
-  .el-dialog__header {
-    display: none;
+  .ant-empty {
+    padding: 40px 0;
   }
 
-  .el-dialog__footer {
+  .ant-modal-footer {
     border-top: 1px solid var(--el-border-color);
-    padding: var(--el-dialog-padding-primary);
+    padding: 16px;
   }
 }
 </style>
diff --git a/src/components/SearchMenu/index.vue b/src/components/SearchMenu/index.vue
index 0eafd44..b57fef8 100644
--- a/src/components/SearchMenu/index.vue
+++ b/src/components/SearchMenu/index.vue
@@ -12,9 +12,9 @@ const handleOpen = () => {
 
 <template>
   <div>
-    <el-tooltip effect="dark" content="搜索菜单" placement="bottom">
+    <a-tooltip title="搜索菜单" placement="bottom">
       <SvgIcon name="search" @click="handleOpen" />
-    </el-tooltip>
+    </a-tooltip>
     <SearchModal v-model="modalVisible" />
   </div>
 </template>