From 1af41faa85ad812d1e095232d3c98f2844a56ea1 Mon Sep 17 00:00:00 2001
From: cshaptx4869 <994774638@qq.com>
Date: Fri, 1 Mar 2024 12:48:44 +0800
Subject: [PATCH] =?UTF-8?q?refactor(SidebarMenuItemTitle):=20:recycle:=20?=
 =?UTF-8?q?=E5=8E=BB=E9=99=A4=E5=86=97=E4=BD=99=E4=BB=A3=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/SidebarMenuItemTitle.vue       | 20 +++----------------
 1 file changed, 3 insertions(+), 17 deletions(-)

diff --git a/src/layout/components/Sidebar/components/SidebarMenuItemTitle.vue b/src/layout/components/Sidebar/components/SidebarMenuItemTitle.vue
index 39730c5..4fec81f 100644
--- a/src/layout/components/Sidebar/components/SidebarMenuItemTitle.vue
+++ b/src/layout/components/Sidebar/components/SidebarMenuItemTitle.vue
@@ -1,17 +1,15 @@
 <template>
   <el-icon v-if="icon && icon.startsWith('el-icon')" class="sub-el-icon">
-    <component :is="renderIcon(icon.replace('el-icon-', ''))" />
+    <component :is="icon.replace('el-icon-', '')" />
   </el-icon>
-  <SvgIcon v-else-if="icon" :icon-class="icon" />
-  <SvgIcon v-else icon-class="menu" />
+  <svg-icon v-else-if="icon" :icon-class="icon" />
+  <svg-icon v-else icon-class="menu" />
   <span v-if="title" class="ml-1">{{ translateRouteTitle(title) }}</span>
 </template>
 
 <script setup lang="ts">
 import { translateRouteTitle } from "@/utils/i18n";
 
-import * as ElementPlusIconsVue from "@element-plus/icons-vue";
-
 defineProps({
   icon: {
     type: String,
@@ -22,18 +20,6 @@ defineProps({
     default: "",
   },
 });
-
-/**
- * 渲染图标组件
- */
-type IconNames = keyof typeof ElementPlusIconsVue;
-const renderIcon = (iconName: string) => {
-  const iconComponent = ElementPlusIconsVue[iconName as IconNames];
-  if (iconComponent) {
-    return h(resolveComponent(iconComponent.name));
-  }
-  return null;
-};
 </script>
 
 <style lang="scss" scoped>