From f19777706023b1ade47112dde3156a03801be3fd Mon Sep 17 00:00:00 2001
From: pany <939630029@qq.com>
Date: Tue, 26 Nov 2024 19:07:35 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E7=AE=80=E5=8C=96=20Sidebar=20?=
 =?UTF-8?q?=E5=AD=90=E7=BB=84=E4=BB=B6=E5=90=8D=E7=A7=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/Sidebar/{SidebarItem.vue => Item.vue}      | 8 ++++----
 .../components/Sidebar/{SidebarItemLink.vue => Link.vue}  | 0
 src/layouts/components/Sidebar/index.vue                  | 4 ++--
 3 files changed, 6 insertions(+), 6 deletions(-)
 rename src/layouts/components/Sidebar/{SidebarItem.vue => Item.vue} (93%)
 rename src/layouts/components/Sidebar/{SidebarItemLink.vue => Link.vue} (100%)

diff --git a/src/layouts/components/Sidebar/SidebarItem.vue b/src/layouts/components/Sidebar/Item.vue
similarity index 93%
rename from src/layouts/components/Sidebar/SidebarItem.vue
rename to src/layouts/components/Sidebar/Item.vue
index 4550df71..8eeb3b96 100644
--- a/src/layouts/components/Sidebar/SidebarItem.vue
+++ b/src/layouts/components/Sidebar/Item.vue
@@ -3,7 +3,7 @@ import type { RouteRecordRaw } from "vue-router"
 import { isExternal } from "@/utils/validate"
 import path from "path-browserify"
 import { computed } from "vue"
-import SidebarItemLink from "./SidebarItemLink.vue"
+import Link from "./Link.vue"
 
 interface Props {
   item: RouteRecordRaw
@@ -51,7 +51,7 @@ function resolvePath(routePath: string) {
 
 <template>
   <template v-if="!alwaysShowRootMenu && theOnlyOneChild && !theOnlyOneChild.children">
-    <SidebarItemLink v-if="theOnlyOneChild.meta" :to="resolvePath(theOnlyOneChild.path)">
+    <Link v-if="theOnlyOneChild.meta" :to="resolvePath(theOnlyOneChild.path)">
       <el-menu-item :index="resolvePath(theOnlyOneChild.path)">
         <SvgIcon v-if="theOnlyOneChild.meta.svgIcon" :name="theOnlyOneChild.meta.svgIcon" />
         <component v-else-if="theOnlyOneChild.meta.elIcon" :is="theOnlyOneChild.meta.elIcon" class="el-icon" />
@@ -59,7 +59,7 @@ function resolvePath(routePath: string) {
           <span class="title">{{ theOnlyOneChild.meta.title }}</span>
         </template>
       </el-menu-item>
-    </SidebarItemLink>
+    </Link>
   </template>
   <el-sub-menu v-else :index="resolvePath(props.item.path)" teleported>
     <template #title>
@@ -68,7 +68,7 @@ function resolvePath(routePath: string) {
       <span v-if="props.item.meta?.title" class="title">{{ props.item.meta.title }}</span>
     </template>
     <template v-if="props.item.children">
-      <SidebarItem
+      <Item
         v-for="child in showingChildren"
         :key="child.path"
         :item="child"
diff --git a/src/layouts/components/Sidebar/SidebarItemLink.vue b/src/layouts/components/Sidebar/Link.vue
similarity index 100%
rename from src/layouts/components/Sidebar/SidebarItemLink.vue
rename to src/layouts/components/Sidebar/Link.vue
diff --git a/src/layouts/components/Sidebar/index.vue b/src/layouts/components/Sidebar/index.vue
index 28d0039e..025448fb 100644
--- a/src/layouts/components/Sidebar/index.vue
+++ b/src/layouts/components/Sidebar/index.vue
@@ -8,7 +8,7 @@ import { getCssVar } from "@/utils/css"
 import { computed } from "vue"
 import { useRoute } from "vue-router"
 import { Logo } from "../index"
-import SidebarItem from "./SidebarItem.vue"
+import Item from "./Item.vue"
 
 const v3SidebarMenuBgColor = getCssVar("--v3-sidebar-menu-bg-color")
 const v3SidebarMenuTextColor = getCssVar("--v3-sidebar-menu-text-color")
@@ -46,7 +46,7 @@ const tipLineWidth = computed(() => !isTop.value ? "2px" : "0px")
         :collapse-transition="false"
         :mode="isTop && !isMobile ? 'horizontal' : 'vertical'"
       >
-        <SidebarItem
+        <Item
           v-for="noHiddenRoute in noHiddenRoutes"
           :key="noHiddenRoute.path"
           :item="noHiddenRoute"