From ce445ae088e7e3ed9478976e3eff49e40980cc6f Mon Sep 17 00:00:00 2001
From: fyy <2717885210@qq.com>
Date: Tue, 29 Jul 2025 11:42:20 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=B7=BB=E5=8A=A0=E8=BF=94=E5=9B=9E?=
 =?UTF-8?q?=E5=AF=BC=E8=88=AA=E5=9B=BE=E6=A0=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/@core/preferences/src/types.ts            |  2 ++
 .../effects/layouts/src/basic/header/header.vue    | 13 ++++++++++++-
 .../layouts/src/widgets/back-navigation.vue        | 14 ++++++++++++++
 packages/effects/layouts/src/widgets/index.ts      |  1 +
 4 files changed, 29 insertions(+), 1 deletion(-)
 create mode 100644 packages/effects/layouts/src/widgets/back-navigation.vue

diff --git a/packages/@core/preferences/src/types.ts b/packages/@core/preferences/src/types.ts
index e640edb5..f2094073 100644
--- a/packages/@core/preferences/src/types.ts
+++ b/packages/@core/preferences/src/types.ts
@@ -267,6 +267,8 @@ interface WidgetPreferences {
   sidebarToggle: boolean;
   /** 是否显示主题切换部件 */
   themeToggle: boolean;
+  /** 是否显示返回导航部件 */
+  backNavigation: boolean;
 }
 
 interface Preferences {
diff --git a/packages/effects/layouts/src/basic/header/header.vue b/packages/effects/layouts/src/basic/header/header.vue
index 97387460..59276af9 100644
--- a/packages/effects/layouts/src/basic/header/header.vue
+++ b/packages/effects/layouts/src/basic/header/header.vue
@@ -11,6 +11,7 @@ import {
   LanguageToggle,
   PreferencesButton,
   ThemeToggle,
+  BackNavigation,
 } from '../../widgets';
 
 interface Props {
@@ -43,7 +44,8 @@ const rightSlots = computed(() => {
     list.push({
       index: REFERENCE_VALUE,
       name: 'global-search',
-    });
+    }
+    );
   }
 
   if (preferencesButtonPosition.value.header) {
@@ -76,6 +78,12 @@ const rightSlots = computed(() => {
       name: 'notification',
     });
   }
+  if (preferences.widget.backNavigation) {
+    list.push({
+      index: REFERENCE_VALUE + 60,
+      name: 'back-navigation',
+    });
+  }
 
   Object.keys(slots).forEach((key) => {
     const name = key.split('-');
@@ -164,6 +172,9 @@ function clearPreferencesAndLogout() {
         <template v-else-if="slot.name === 'fullscreen'">
           <VbenFullScreen class="mr-1" />
         </template>
+        <template v-else-if="slot.name === 'back-navigation'">
+          <BackNavigation class="mr-1" />
+        </template>
       </slot>
     </template>
   </div>
diff --git a/packages/effects/layouts/src/widgets/back-navigation.vue b/packages/effects/layouts/src/widgets/back-navigation.vue
new file mode 100644
index 00000000..d2b51266
--- /dev/null
+++ b/packages/effects/layouts/src/widgets/back-navigation.vue
@@ -0,0 +1,14 @@
+<script setup lang="ts">
+import { ArrowLeft } from '@vben/icons';
+import { VbenIconButton } from '@vben-core/shadcn-ui';
+import { useRouter } from 'vue-router';
+const router = useRouter();
+const back = () => {
+    router.push('/navigation');
+}
+</script>
+<template>
+    <VbenIconButton @click="back">
+        <ArrowLeft></ArrowLeft>
+    </VbenIconButton>
+</template>
\ No newline at end of file
diff --git a/packages/effects/layouts/src/widgets/index.ts b/packages/effects/layouts/src/widgets/index.ts
index f6a4a7ba..9b0b9be7 100644
--- a/packages/effects/layouts/src/widgets/index.ts
+++ b/packages/effects/layouts/src/widgets/index.ts
@@ -9,3 +9,4 @@ export * from './notification';
 export * from './preferences';
 export * from './theme-toggle';
 export * from './user-dropdown';
+export { default as BackNavigation } from './back-navigation.vue';