perf: layout组件文件目录调整

src/layouts/Basic.vue

@@ -1,5 +1,7 @@
 <script setup>
 import { Layout } from 'ant-design-vue';
+import Navbar from "./components/navbar"
+import SiderBar from "./components/siderBar"
 
 import { useAppStore } from '@/stores';
 import { useResponsive } from '@/hooks';
@@ -17,10 +19,6 @@ const userStore = useUserStore();
 const router = useRouter();
 const route = useRoute();
 
-const Header = Layout.Header;
-const Sider = Layout.Sider;
-const Content = Layout.Content;
-
 useResponsive(true);
 const navbarHeight = `52px`;
 // const renderMenu = computed(() => appStore.menu && !appStore.topMenu);
@@ -59,11 +57,11 @@ const checkHasInviteCode = () => {
 <template>
   <Layout :class="['layout-wrap', { mobile: appStore.hideMenu }]" class="h-full flex flex-col w-full">
     <JoinModal v-model:visible="joinEnterpriseVisible" ref="joinModalRef" />
-    <Header class="layout-header-wrap">
-      <base-navbar />
-    </Header>
+    <Layout.Header class="layout-header-wrap">
+      <Navbar />
+    </Layout.Header>
     <Layout class="flex layout-content-wrap">
-      <Sider
+      <Layout.Sider
         v-if="showSider"
         class="layout-sider"
         v-model="collapsed"
@@ -73,9 +71,9 @@ const checkHasInviteCode = () => {
         @collapse="setCollapsed"
       >
         <section class="menu-wrapper">
-          <base-menu />
+          <SiderBar />
         </section>
-      </Sider>
+      </Layout.Sider>
       <Layout class="flex-1 layout-content">
         <div class="px-24px py-16px">
           <layout-page />