diff --git a/src/App.tsx b/src/App.tsx index ad32991..ebc4158 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -82,7 +82,9 @@ function App() { const setupListener = async () => { try { unlisten = await window.api.onProviderSwitched(async (data) => { - console.log("收到供应商切换事件:", data); + if (import.meta.env.DEV) { + console.log("收到供应商切换事件:", data); + } // 如果当前应用类型匹配,则重新加载数据 if (data.appType === activeApp) { diff --git a/src/hooks/useDarkMode.ts b/src/hooks/useDarkMode.ts index affe45b..0073a76 100644 --- a/src/hooks/useDarkMode.ts +++ b/src/hooks/useDarkMode.ts @@ -4,6 +4,7 @@ export function useDarkMode() { // 初始设为 false,挂载后在 useEffect 中加载真实值 const [isDarkMode, setIsDarkMode] = useState(false); const [isInitialized, setIsInitialized] = useState(false); + const isDev = import.meta.env.DEV; // 组件挂载后加载初始值(兼容 Tauri 环境) useEffect(() => { @@ -15,14 +16,16 @@ export function useDarkMode() { if (saved !== null) { const savedBool = saved === "true"; setIsDarkMode(savedBool); - console.log("[DarkMode] Loaded from localStorage:", savedBool); + if (isDev) + console.log("[DarkMode] Loaded from localStorage:", savedBool); } else { // 回退到系统偏好 const prefersDark = window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches; setIsDarkMode(prefersDark); - console.log("[DarkMode] Using system preference:", prefersDark); + if (isDev) + console.log("[DarkMode] Using system preference:", prefersDark); } } catch (error) { console.error("[DarkMode] Error loading preference:", error); @@ -41,15 +44,18 @@ export function useDarkMode() { try { if (isDarkMode) { document.documentElement.classList.add("dark"); - console.log("[DarkMode] Added dark class to document"); + if (isDev) + console.log("[DarkMode] Added dark class to document"); } else { document.documentElement.classList.remove("dark"); - console.log("[DarkMode] Removed dark class from document"); + if (isDev) + console.log("[DarkMode] Removed dark class from document"); } // 检查类名是否已成功应用 const hasClass = document.documentElement.classList.contains("dark"); - console.log("[DarkMode] Document has dark class:", hasClass); + if (isDev) + console.log("[DarkMode] Document has dark class:", hasClass); } catch (error) { console.error("[DarkMode] Error applying dark class:", error); } @@ -64,7 +70,8 @@ export function useDarkMode() { try { localStorage.setItem("darkMode", isDarkMode.toString()); - console.log("[DarkMode] Saved to localStorage:", isDarkMode); + if (isDev) + console.log("[DarkMode] Saved to localStorage:", isDarkMode); } catch (error) { console.error("[DarkMode] Error saving preference:", error); } @@ -73,7 +80,8 @@ export function useDarkMode() { const toggleDarkMode = () => { setIsDarkMode((prev) => { const newValue = !prev; - console.log("[DarkMode] Toggling from", prev, "to", newValue); + if (isDev) + console.log("[DarkMode] Toggling from", prev, "to", newValue); return newValue; }); };