feat: 新增左树右表布局组件GiLeftRightPane封装，分割面板组件GiSplitPaneButton封装，以及代码优化（同步 GiDemo 更新）

src/layout/components/HeaderRightBar/index.vue

@@ -30,7 +30,7 @@
       </a-popover>
 
       <!-- 全屏切换组件 -->
-      <a-tooltip v-if="!isMobile()" content="全屏切换" position="bottom">
+      <a-tooltip v-if="!['xs', 'sm'].includes(breakpoint)" content="全屏切换" position="bottom">
         <a-button size="mini" class="gi_hover_btn" @click="toggle">
           <template #icon>
             <icon-fullscreen v-if="!isFullscreen" :size="18" />
@@ -76,10 +76,12 @@ import Message from './Message.vue'
 import SettingDrawer from './SettingDrawer.vue'
 import { getUnreadMessageCount } from '@/apis'
 import { useUserStore } from '@/stores'
-import { isMobile } from '@/utils'
 import { getToken } from '@/utils/auth'
+import { useBreakpoint } from '@/hooks'
 
 defineOptions({ name: 'HeaderRight' })
+
+const { breakpoint } = useBreakpoint()
 let socket: WebSocket
 onBeforeUnmount(() => {
   if (socket) {

src/layout/components/Main.vue

@@ -3,7 +3,7 @@
     <router-view v-slot="{ Component, route }">
       <transition :name="appStore.transitionName" mode="out-in" appear>
         <keep-alive :include="(tabsStore.cacheList as string[])">
-          <component :is="Component" :key="route.path + String(tabsStore.reloadFlag)" />
+          <component :is="Component" v-if="tabsStore.reloadFlag" :key="route.path" />
         </keep-alive>
       </transition>
     </router-view>