From b9be79b05adc116aaf68308bea36b6b379a81331 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=98=AD?= <81747598+lan-yonghui@users.noreply.github.com>
Date: Thu, 9 Jan 2025 20:15:42 +0800
Subject: [PATCH] feat: Menu enables vue-router mode (#7681)

---
 .../src/components/layout-content/index.vue   |  2 +-
 .../src/layout/components/Sidebar/index.vue   | 23 ++++---------------
 frontend/src/layout/index.vue                 |  2 +-
 frontend/vite.config.ts                       |  2 +-
 4 files changed, 8 insertions(+), 21 deletions(-)

diff --git a/frontend/src/components/layout-content/index.vue b/frontend/src/components/layout-content/index.vue
index 56b4ea84c..6874aa250 100644
--- a/frontend/src/components/layout-content/index.vue
+++ b/frontend/src/components/layout-content/index.vue
@@ -36,7 +36,7 @@
                             </template>
                         </back-button>
 
-                        <span v-else class="flex justify-between items-start sm:items-center flex-col sm:flex-row">
+                        <span v-else>
                             {{ title }}
                             <span v-if="slots.buttons">
                                 <el-divider direction="vertical" />
diff --git a/frontend/src/layout/components/Sidebar/index.vue b/frontend/src/layout/components/Sidebar/index.vue
index ec6233be8..89d13798d 100644
--- a/frontend/src/layout/components/Sidebar/index.vue
+++ b/frontend/src/layout/components/Sidebar/index.vue
@@ -13,7 +13,7 @@
         <el-scrollbar>
             <el-menu
                 :default-active="activeMenu"
-                :router="menuRouter"
+                :router="true"
                 :collapse="isCollapse"
                 :collapse-transition="false"
                 :unique-opened="true"
@@ -21,12 +21,12 @@
                 class="custom-menu"
             >
                 <SubItem :menuList="routerMenus" />
-                <el-menu-item :index="''">
-                    <el-icon @click="logout">
+                <el-menu-item :index="''" @click="logout">
+                    <el-icon>
                         <SvgIcon :iconName="'p-logout'" />
                     </el-icon>
                     <template #title>
-                        <span @click="logout">{{ $t('commons.login.logout') }}</span>
+                        <span>{{ $t('commons.login.logout') }}</span>
                     </template>
                 </el-menu-item>
             </el-menu>
@@ -55,13 +55,7 @@ import PrimaryMenu from '@/assets/images/menu-bg.svg?component';
 const route = useRoute();
 const menuStore = MenuStore();
 const globalStore = GlobalStore();
-defineProps({
-    menuRouter: {
-        type: Boolean,
-        default: true,
-        required: false,
-    },
-});
+
 const activeMenu = computed(() => {
     const { meta, path } = route;
     return isString(meta.activeMenu) ? meta.activeMenu : path;
@@ -201,13 +195,6 @@ onMounted(() => {
     line-height: normal;
 }
 
-.custom-menu .el-menu-item {
-    white-space: normal !important;
-    word-break: break-word;
-    overflow-wrap: break-word;
-    line-height: normal;
-}
-
 .sidebar-container {
     position: relative;
     display: flex;
diff --git a/frontend/src/layout/index.vue b/frontend/src/layout/index.vue
index f4ba5f031..8416cca2f 100644
--- a/frontend/src/layout/index.vue
+++ b/frontend/src/layout/index.vue
@@ -2,7 +2,7 @@
     <div :class="classObj" class="app-wrapper" v-loading="loading" :element-loading-text="loadingText" fullscreen>
         <div v-if="classObj.mobile && classObj.openSidebar" class="drawer-bg" @click="handleClickOutside" />
         <div class="app-sidebar" v-if="!globalStore.isFullScreen">
-            <Sidebar @menu-click="handleMenuClick" :menu-router="!classObj.openMenuTabs" />
+            <Sidebar @menu-click="handleMenuClick" />
         </div>
 
         <div class="main-container">
diff --git a/frontend/vite.config.ts b/frontend/vite.config.ts
index 11c0c1923..a4280520f 100644
--- a/frontend/vite.config.ts
+++ b/frontend/vite.config.ts
@@ -85,7 +85,7 @@ export default defineConfig(({ mode }: ConfigEnv): UserConfig => {
         ],
         esbuild: {
             pure: viteEnv.VITE_DROP_CONSOLE ? ['console.log'] : [],
-            drop: viteEnv.VITE_DROP_CONSOLE ? ['debugger'] : [],
+            drop: viteEnv.VITE_DROP_CONSOLE && process.env.NODE_ENV === 'production' ? ['debugger'] : [],
         },
         build: {
             outDir: '../cmd/server/web',