feat(config): 添加 VITE_CLOUDFLARE_SERVER_ENABLED 环境变量支持

src/layouts/base-layout/the-base-layout.vue

@@ -0,0 +1,62 @@
+<script setup lang="ts">
+import { AdminLayout } from '@sa/materials';
+import BaseLayoutHeader from './base-layout-header/base-layout-header.vue';
+import BaseLayoutSider from './base-layout-sider.vue';
+
+const appStore = useAppStore();
+</script>
+
+<template>
+  <AdminLayout
+    mode="horizontal"
+    :footer-visible="!false"
+    :tab-visible="!false"
+    scroll-mode="content"
+    :is-mobile="appStore.isMobile"
+    v-model:sider-collapse="appStore.sidebarCollapsed"
+  >
+    <template #header>
+      <BaseLayoutHeader />
+    </template>
+    <template #tab>
+      <div
+        class="bg-green-100/28 dark:bg-green-900/28 text-green-900 dark:text-green-100 flex h-full items-center justify-center"
+      >
+        GlobalTab
+      </div>
+    </template>
+    <template #sider>
+      <BaseLayoutSider />
+    </template>
+    <!-- <div>GlobalContent</div> -->
+    <router-view v-slot="{ Component }">
+      <transition name="fade" mode="out-in">
+        <component :is="Component" />
+      </transition>
+    </router-view>
+    <!-- <div>ThemeDrawer</div> -->
+    <template #footer>
+      <div
+        class="bg-red-100/28 dark:bg-red-900/28 text-red-900 dark:text-red-100 h-full flex items-center justify-center"
+      >
+        GlobalFooter
+      </div>
+    </template>
+  </AdminLayout>
+</template>
+
+<style lang="scss">
+#__SCROLL_EL_ID__ {
+  @include scrollbar;
+}
+
+.fade-enter-active,
+.fade-leave-active {
+  transition: opacity 0.25s ease-in-out;
+}
+
+.fade-enter-from,
+.fade-leave-to {
+  opacity: 0;
+}
+</style>