当启用了'侧边栏自动隐藏'时，不渲染侧边栏折叠按钮

vue/src/layout/component/Navbar/component/Hamburger.vue

@@ -4,10 +4,11 @@ export default {
 
     functional: true,
 
-    props: {active: Boolean},
+    props: {render: Boolean, active: Boolean},
 
     render(h, context) {
-        const {active} = context.props
+        const {render, active} = context.props
+        if (!render) return
         const className = `navbar-icon el-icon-s-unfold hamburger ${active ? 'is-active' : ''}`
         return (
             <div {...context.data} title={`${active ? '折叠' : '展开'}侧边栏`}>

vue/src/layout/component/Navbar/index.vue

@@ -1,7 +1,7 @@
 <template>
     <nav class="navbar">
         <div style="width: 30%">
-            <hamburger class="navbar-item" :active="!sidebarCollapse" @click="sidebarCtrl"/>
+            <hamburger class="navbar-item" :render="renderHamburger" :active="!sidebarCollapse" @click="sidebarCtrl"/>
 
             <breadcrumb v-if="showBreadcrumb"/>
 
@@ -67,11 +67,17 @@ export default {
     data: () => ({settingDrawer: false}),
 
     computed: {
+        ...mapState('app', ['device']),
+
         ...mapState('resource', ['activeRootMenu', 'menus']),
 
         ...mapState('user', ['avatar', 'name', 'prepareLogout']),
 
-        ...mapState('setting', ['sidebarCollapse', 'showBreadcrumb'])
+        ...mapState('setting', ['sidebarAutoHidden', 'sidebarCollapse', 'showBreadcrumb']),
+
+        renderHamburger() {
+            return !(this.device === 'pc' && this.sidebarAutoHidden)
+        }
     },
 
     methods: {

vue/src/layout/component/Sidebar/index.vue

@@ -35,10 +35,10 @@ export default {
         },
 
         //是否隐藏侧边栏
-        //①设置了侧边栏自动隐藏且鼠标不再侧边栏内
+        //①设置了侧边栏自动隐藏且鼠标不再侧边栏内且是pc端
         //②侧边栏处于折叠状态且是移动端
         hideSidebar() {
-            return this.sidebarAutoHidden && this.mouseOutside
+            return this.sidebarAutoHidden && this.mouseOutside && this.device === 'pc'
                 || this.sidebarCollapse && this.device === 'mobile'
         },