perf: 所有search搜索图标统一替换为 @iconify-icons/ri/search-line 它比较常用将其放入全局离线图标中

src/components/ReIcon/src/offlineIcon.ts

@@ -22,6 +22,7 @@ import FlUser from "@iconify-icons/ri/admin-line";
 import Role from "@iconify-icons/ri/admin-fill";
 import Setting from "@iconify-icons/ri/settings-3-line";
 import Dept from "@iconify-icons/ri/git-branch-line";
+import Search from "@iconify-icons/ri/search-line";
 import Lollipop from "@iconify-icons/ep/lollipop";
 import Monitor from "@iconify-icons/ep/monitor";
 addIcon("ubuntuFill", UbuntuFill);
@@ -41,5 +42,6 @@ addIcon("flUser", FlUser);
 addIcon("role", Role);
 addIcon("setting", Setting);
 addIcon("dept", Dept);
+addIcon("search", Search);
 addIcon("lollipop", Lollipop);
 addIcon("monitor", Monitor);

src/layout/components/search/index.vue

@@ -1,7 +1,6 @@
 <script setup lang="ts">
 import { SearchModal } from "./components";
 import { useBoolean } from "../../hooks/useBoolean";
-import Search from "@iconify-icons/ep/search";
 
 const { bool: show, toggle } = useBoolean();
 function handleSearch() {
@@ -14,7 +13,7 @@ function handleSearch() {
     class="search-container w-[40px] h-[48px] flex-c cursor-pointer navbar-bg-hover"
     @click="handleSearch"
   >
-    <IconifyIconOffline :icon="Search" />
+    <IconifyIconOffline icon="search" />
   </div>
   <SearchModal v-model:value="show" />
 </template>

src/views/list/card/index.vue

@@ -6,7 +6,6 @@ import { ElMessageBox } from "element-plus";
 import { ref, onMounted, nextTick } from "vue";
 import dialogForm from "./components/DialogForm.vue";
 import { useRenderIcon } from "@/components/ReIcon/src/hooks";
-import Search from "@iconify-icons/ep/search";
 import AddFill from "@iconify-icons/ri/add-circle-line";
 
 defineOptions({
@@ -111,7 +110,7 @@ const handleManageProduct = product => {
           <el-icon class="el-input__icon">
             <IconifyIconOffline
               v-show="searchValue.length === 0"
-              :icon="Search"
+              icon="search"
             />
           </el-icon>
         </template>

src/views/system/dept/index.vue

@@ -6,7 +6,6 @@ import { useRenderIcon } from "@/components/ReIcon/src/hooks";
 
 import Delete from "@iconify-icons/ep/delete";
 import EditPen from "@iconify-icons/ep/edit-pen";
-import Search from "@iconify-icons/ep/search";
 import Refresh from "@iconify-icons/ep/refresh";
 import AddFill from "@iconify-icons/ri/add-circle-line";
 
@@ -59,7 +58,7 @@ const {
       <el-form-item>
         <el-button
           type="primary"
-          :icon="useRenderIcon(Search)"
+          :icon="useRenderIcon('search')"
           :loading="loading"
           @click="onSearch"
         >

src/views/system/role/index.vue

@@ -8,7 +8,6 @@ import { useRenderIcon } from "@/components/ReIcon/src/hooks";
 // import More from "@iconify-icons/ep/more-filled";
 import Delete from "@iconify-icons/ep/delete";
 import EditPen from "@iconify-icons/ep/edit-pen";
-import Search from "@iconify-icons/ep/search";
 import Refresh from "@iconify-icons/ep/refresh";
 import Menu from "@iconify-icons/ep/menu";
 import AddFill from "@iconify-icons/ri/add-circle-line";
@@ -75,7 +74,7 @@ const {
       <el-form-item>
         <el-button
           type="primary"
-          :icon="useRenderIcon(Search)"
+          :icon="useRenderIcon('search')"
           :loading="loading"
           @click="onSearch"
         >

src/views/system/user/index.vue

@@ -11,7 +11,6 @@ import Password from "@iconify-icons/ri/lock-password-line";
 import More from "@iconify-icons/ep/more-filled";
 import Delete from "@iconify-icons/ep/delete";
 import EditPen from "@iconify-icons/ep/edit-pen";
-import Search from "@iconify-icons/ep/search";
 import Refresh from "@iconify-icons/ep/refresh";
 import AddFill from "@iconify-icons/ri/add-circle-line";
 
@@ -96,7 +95,7 @@ const {
         <el-form-item>
           <el-button
             type="primary"
-            :icon="useRenderIcon(Search)"
+            :icon="useRenderIcon('search')"
             :loading="loading"
             @click="onSearch"
           >

src/views/system/user/tree.vue

@@ -4,7 +4,6 @@ import { ref, computed, watch, getCurrentInstance } from "vue";
 
 import Dept from "@iconify-icons/ri/git-branch-line";
 // import Reset from "@iconify-icons/ri/restart-line";
-import Search from "@iconify-icons/ep/search";
 import More2Fill from "@iconify-icons/ri/more-2-fill";
 import OfficeBuilding from "@iconify-icons/ep/office-building";
 import LocationCompany from "@iconify-icons/ep/add-location";
@@ -111,7 +110,7 @@ defineExpose({ onTreeReset });
           <el-icon class="el-input__icon">
             <IconifyIconOffline
               v-show="searchValue.length === 0"
-              :icon="Search"
+              icon="search"
             />
           </el-icon>
         </template>