From daa2b48efb4672005b8e929ec6e1a568aaf1a6c6 Mon Sep 17 00:00:00 2001
From: xingyu <xingyu4j@vip.qq.com>
Date: Wed, 11 Oct 2023 09:30:29 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20SimpleMenuTag=E7=9A=84=E5=BC=95?=
 =?UTF-8?q?=E7=94=A8=E9=83=BD=E6=94=B9=E4=B8=BA=E5=8A=A8=E6=80=81=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6=E5=BC=95=E7=94=A8,=E4=BB=A5=E6=B6=88=E9=99=A4?=
 =?UTF-8?q?=E6=89=93=E5=8C=85=E8=AD=A6=E5=91=8A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/SimpleMenu/index.ts     |  1 -
 src/layouts/default/sider/MixSider.vue | 30 ++++++++++++++------------
 2 files changed, 16 insertions(+), 15 deletions(-)

diff --git a/src/components/SimpleMenu/index.ts b/src/components/SimpleMenu/index.ts
index 7c0301bd..c2957f99 100644
--- a/src/components/SimpleMenu/index.ts
+++ b/src/components/SimpleMenu/index.ts
@@ -1,2 +1 @@
 export { default as SimpleMenu } from './src/SimpleMenu.vue'
-export { default as SimpleMenuTag } from './src/SimpleMenuTag.vue'
diff --git a/src/layouts/default/sider/MixSider.vue b/src/layouts/default/sider/MixSider.vue
index d1ce065c..0e506c83 100644
--- a/src/layouts/default/sider/MixSider.vue
+++ b/src/layouts/default/sider/MixSider.vue
@@ -8,7 +8,7 @@ import LayoutTrigger from '../trigger/index.vue'
 import { useDragLine } from './useLayoutSider'
 import type { Menu } from '@/router/types'
 import { ScrollContainer } from '@/components/Container'
-import { SimpleMenu, SimpleMenuTag } from '@/components/SimpleMenu'
+import { SimpleMenu } from '@/components/SimpleMenu'
 import { Icon } from '@/components/Icon'
 import { AppLogo } from '@/components/Application'
 import { useMenuSetting } from '@/hooks/setting/useMenuSetting'
@@ -20,6 +20,9 @@ import { useGo } from '@/hooks/web/usePage'
 import { SIDE_BAR_MINI_WIDTH, SIDE_BAR_SHOW_TIT_MINI_WIDTH } from '@/enums/appEnum'
 import { getChildrenMenus, getCurrentParentPath, getShallowMenus } from '@/router/menus'
 import { listenerRouteChange } from '@/logics/mitt/routeChange'
+import { createAsyncComponent } from '@/utils/factory/createAsyncComponent'
+
+const SimpleMenuTag = createAsyncComponent(() => import('/@/components/SimpleMenu/src/SimpleMenuTag.vue'))
 
 const wrap = ref(null)
 const menuModules = ref<Menu[]>([])
@@ -228,17 +231,14 @@ onClickOutside(wrap, () => {
 <template>
   <div :class="`${prefixCls}-dom`" :style="getDomStyle" />
   <div
-    ref="wrap"
-    :style="getWrapStyle"
-    :class="[
+    ref="wrap" :style="getWrapStyle" :class="[
       prefixCls,
       getMenuTheme,
       {
         open: openMenu,
         mini: getCollapsed,
       },
-    ]"
-    v-bind="getMenuEvents"
+    ]" v-bind="getMenuEvents"
   >
     <AppLogo :show-title="false" :class="`${prefixCls}-logo`" />
 
@@ -247,10 +247,7 @@ onClickOutside(wrap, () => {
     <ScrollContainer>
       <ul :class="`${prefixCls}-module`">
         <li
-          v-for="item in menuModules"
-          v-bind="getItemEvents(item)"
-          :key="item.path"
-          :class="[
+          v-for="item in menuModules" v-bind="getItemEvents(item)" :key="item.path" :class="[
             `${prefixCls}-module__item `,
             {
               [`${prefixCls}-module__item--active`]: item.path === activePath,
@@ -258,7 +255,10 @@ onClickOutside(wrap, () => {
           ]"
         >
           <SimpleMenuTag :item="item" collapse-parent dot />
-          <Icon :class="`${prefixCls}-module__icon`" :size="getCollapsed ? 16 : 20" :icon="item.icon || (item.meta && item.meta.icon)" />
+          <Icon
+            :class="`${prefixCls}-module__icon`" :size="getCollapsed ? 16 : 20"
+            :icon="item.icon || (item.meta && item.meta.icon)"
+          />
           <p :class="`${prefixCls}-module__name`">
             {{ t(item.name) }}
           </p>
@@ -268,8 +268,7 @@ onClickOutside(wrap, () => {
 
     <div ref="sideRef" :class="`${prefixCls}-menu-list`" :style="getMenuStyle">
       <div
-        v-show="openMenu"
-        :class="[
+        v-show="openMenu" :class="[
           `${prefixCls}-menu-list__title`,
           {
             show: openMenu,
@@ -277,7 +276,10 @@ onClickOutside(wrap, () => {
         ]"
       >
         <span class="text"> {{ title }}</span>
-        <Icon :size="16" :icon="getMixSideFixed ? 'ri:pushpin-2-fill' : 'ri:pushpin-2-line'" class="pushpin" @click="handleFixedMenu" />
+        <Icon
+          :size="16" :icon="getMixSideFixed ? 'ri:pushpin-2-fill' : 'ri:pushpin-2-line'" class="pushpin"
+          @click="handleFixedMenu"
+        />
       </div>
       <ScrollContainer :class="`${prefixCls}-menu-list__content`">
         <SimpleMenu :items="childrenMenus" :theme="getMenuTheme" mix-sider @menu-click="handleMenuClick" />