From 1afb28cb2bb6045bfe08888f1b692bf54e80e9cd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=B8=A5=E6=B5=A9?= <h_mini2024@oo1.dev>
Date: Tue, 21 Oct 2025 23:09:59 +0800
Subject: [PATCH] =?UTF-8?q?fix(layout):=20=E6=9B=B4=E6=96=B0=E7=A7=BB?=
 =?UTF-8?q?=E5=8A=A8=E4=BE=A7=E8=BE=B9=E6=A0=8F=E6=A0=B7=E5=BC=8F=E4=BB=A5?=
 =?UTF-8?q?=E6=94=AF=E6=8C=81=E6=B7=B1=E8=89=B2=E6=A8=A1=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .env                                               |  1 +
 packages/materials/src/libs/admin-layout/index.vue |  2 +-
 vite.config.plugins.ts                             | 13 +++++++++++--
 vite.config.ts                                     |  2 +-
 4 files changed, 14 insertions(+), 4 deletions(-)

diff --git a/.env b/.env
index 93cd32f..43a55bd 100644
--- a/.env
+++ b/.env
@@ -3,3 +3,4 @@ VITE_APP_BASE=/
 VITE_APP_BUILD_SOURCE_MAP=true
 VITE_APP_BUILD_COMMIT=
 VITE_APP_BUILD_TIME=
+VITE_ENABLE_VUE_DEVTOOLS=true
diff --git a/packages/materials/src/libs/admin-layout/index.vue b/packages/materials/src/libs/admin-layout/index.vue
index b82f746..cc9aca0 100644
--- a/packages/materials/src/libs/admin-layout/index.vue
+++ b/packages/materials/src/libs/admin-layout/index.vue
@@ -185,7 +185,7 @@ function handleClickMask() {
       <!-- Mobile Sider -->
       <template v-if="showMobileSider">
         <aside
-          class="absolute left-0 top-0 h-full w-0 bg-white"
+          class="absolute left-0 top-0 h-full w-0 bg-white dark:bg-gray-800"
           :class="[
             commonClass,
             mobileSiderClass,
diff --git a/vite.config.plugins.ts b/vite.config.plugins.ts
index dd2f567..9c1d20a 100644
--- a/vite.config.plugins.ts
+++ b/vite.config.plugins.ts
@@ -30,7 +30,13 @@ import { ViteWebfontDownload } from 'vite-plugin-webfont-dl';
 import VueMacros from 'vue-macros/vite';
 import { IndexHtmlPlugin } from './vite.config.plugin.index-html-plugin';
 
-export function Plugins({ mode }: { mode: string }): PluginOption[] {
+export function Plugins({
+  mode,
+  env,
+}: {
+  mode: string;
+  env: Record<string, string>;
+}): PluginOption[] {
   const plugins: PluginOption[] = [
     VueMacros({
       plugins: {
@@ -165,8 +171,11 @@ export function Plugins({ mode }: { mode: string }): PluginOption[] {
     );
   }
 
+  if (env.VITE_ENABLE_VUE_DEVTOOLS === 'true') {
+    plugins.push(vueDevTools());
+  }
+
   plugins.push(
-    vueDevTools(),
     // https://vite-plugin-checker.netlify.app/introduction/introduction.html
     checker({
       eslint: {
diff --git a/vite.config.ts b/vite.config.ts
index 00a2610..573be90 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -82,7 +82,7 @@ export default defineConfig(({ command, mode }) => {
         },
       },
     },
-    plugins: Plugins({ mode }),
+    plugins: Plugins({ mode, env }),
     resolve: {
       alias: {
         '@': fileURLToPath(new URL('./src', import.meta.url)),