| 
					
				 | 
			
			
				@@ -14,65 +14,65 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   <BottomSider v-else-if="getIsBottomMenu" /> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   <Sider v-else /> --> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   <BottomSider v-if="!noSiderLink.includes(routePath)" /> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-  <bottomSider2 v-if="noChatLink.includes(routePath)" /> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  <!-- <bottomSider2 v-if="noChatLink.includes(routePath)" /> --> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 </template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 <script lang="ts"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-import { defineComponent } from 'vue'; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  import { defineComponent } from 'vue'; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-import Sider from './LayoutSider.vue'; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-import MixSider from './MixSider.vue'; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-import BottomSider from './bottomSideder.vue'; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-import bottomSider2 from './bottomSider2.vue'; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-import { Drawer } from 'ant-design-vue'; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  import Sider from './LayoutSider.vue'; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  import MixSider from './MixSider.vue'; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  import BottomSider from './bottomSideder.vue'; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  import bottomSider2 from './bottomSider2.vue'; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  import { Drawer } from 'ant-design-vue'; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-import { useAppInject } from '/@/hooks/web/useAppInject'; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-import { useMenuSetting } from '/@/hooks/setting/useMenuSetting'; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-import { useDesign } from '/@/hooks/web/useDesign'; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-import { useRoute } from 'vue-router'; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-import { noSiderLink, noChatLink } from '../layout.data'; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-export default defineComponent({ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-  name: 'SiderWrapper', 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-  components: { Sider, Drawer, MixSider, BottomSider, bottomSider2 }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-  setup() { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    const route = useRoute(); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    const { prefixCls } = useDesign('layout-sider-wrapper'); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    const { getIsMobile } = useAppInject(); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    const { setMenuSetting, getCollapsed, getMenuWidth, getIsMixSidebar, getIsBottomMenu, getIsBottomMenuH, getShowSidebar } = useMenuSetting(); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    function handleClose() { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      setMenuSetting({ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        collapsed: true, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      }); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  import { useAppInject } from '/@/hooks/web/useAppInject'; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  import { useMenuSetting } from '/@/hooks/setting/useMenuSetting'; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  import { useDesign } from '/@/hooks/web/useDesign'; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  import { useRoute } from 'vue-router'; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  import { noSiderLink, noChatLink } from '../layout.data'; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  export default defineComponent({ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    name: 'SiderWrapper', 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    components: { Sider, Drawer, MixSider, BottomSider, bottomSider2 }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    setup() { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      const route = useRoute(); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      const { prefixCls } = useDesign('layout-sider-wrapper'); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      const { getIsMobile } = useAppInject(); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      const { setMenuSetting, getCollapsed, getMenuWidth, getIsMixSidebar, getIsBottomMenu, getIsBottomMenuH, getShowSidebar } = useMenuSetting(); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      function handleClose() { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        setMenuSetting({ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          collapsed: true, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        }); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    return { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      prefixCls, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      getIsMobile, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      getCollapsed, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      handleClose, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      getMenuWidth, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      getIsMixSidebar, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      getIsBottomMenu, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      getIsBottomMenuH, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      getShowSidebar, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      routePath: route.path, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      noSiderLink, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      noChatLink, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    }; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-  }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-}); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      return { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        prefixCls, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        getIsMobile, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        getCollapsed, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        handleClose, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        getMenuWidth, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        getIsMixSidebar, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        getIsBottomMenu, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        getIsBottomMenuH, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        getShowSidebar, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        routePath: route.path, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        noSiderLink, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        noChatLink, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      }; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  }); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 </script> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 <style lang="less"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-@prefix-cls: ~'@{namespace}-layout-sider-wrapper'; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-@ventSpace: zxm; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  @prefix-cls: ~'@{namespace}-layout-sider-wrapper'; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  @ventSpace: zxm; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-.@{prefix-cls} { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-  .@{ventSpace}-drawer-body { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    height: 100vh; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    padding: 0; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-  } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  .@{prefix-cls} { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    .@{ventSpace}-drawer-body { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      height: 100vh; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      padding: 0; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-  .@{ventSpace}-drawer-header-no-title { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    display: none; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    .@{ventSpace}-drawer-header-no-title { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      display: none; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 </style> 
			 |