From 0d6cff2a7a91dea366ca2482775f634070e848b3 Mon Sep 17 00:00:00 2001
From: Yanbowen <349952469@qq.com>
Date: Mon, 15 Nov 2021 10:57:44 +0800
Subject: [PATCH] =?UTF-8?q?feat(menu):=20=E7=A7=BB=E5=8A=A8=E7=AB=AF?=
 =?UTF-8?q?=E6=9C=AA=E6=8A=98=E5=8F=A0=E6=83=85=E5=86=B5=E4=B8=8B=E8=87=AA?=
 =?UTF-8?q?=E5=8A=A8=E6=94=B6=E8=B5=B7=E8=8F=9C=E5=8D=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../GlobalSider/components/DefaultSider/index.vue | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/src/layouts/BasicLayout/components/GlobalSider/components/DefaultSider/index.vue b/src/layouts/BasicLayout/components/GlobalSider/components/DefaultSider/index.vue
index f00bd296..dba4ad6f 100644
--- a/src/layouts/BasicLayout/components/GlobalSider/components/DefaultSider/index.vue
+++ b/src/layouts/BasicLayout/components/GlobalSider/components/DefaultSider/index.vue
@@ -33,6 +33,7 @@ import { computed, ref, watch } from 'vue';
 import { useRoute, useRouter } from 'vue-router';
 import { NLayoutSider, NScrollbar, NMenu } from 'naive-ui';
 import type { MenuOption } from 'naive-ui';
+import { useIsMobile } from '@/hooks/common';
 import { useThemeStore, useAppStore } from '@/store';
 import { menus } from '@/router';
 import { GlobalMenuOption } from '@/interface';
@@ -51,6 +52,7 @@ const theme = useThemeStore();
 const app = useAppStore();
 const router = useRouter();
 const route = useRoute();
+const { isMobile } = useIsMobile();
 const { handleMenuCollapse } = useAppStore();
 
 const inverted = computed(() => {
@@ -65,6 +67,19 @@ const menuWidth = computed(() => {
   return collapsed ? collapsedWidth : modeWidth;
 });
 
+watch(
+  isMobile,
+  val => {
+    /** 未折叠 */
+    if (!app.menu.collapsed) {
+      handleMenuCollapse(val);
+    }
+  },
+  {
+    immediate: true
+  }
+);
+
 const activeKey = computed(() => route.name as string);
 const expandedKeys = ref<string[]>(getExpendedKeys());