feat: 项目结构重构优化

2025-12-26 12:35:37 +08:00
parent 65ad4fe59f
commit aa374dd2ba
164 changed files with 11305 additions and 3103 deletions
--- a/src/store/modules/settings.ts
+++ b/src/store/modules/settings.ts
@@ -0,0 +1,93 @@
+import { SidebarColor, ThemeMode } from "@/enums";
+import type { LayoutMode } from "@/enums";
+import { applyTheme, generateThemeColors, toggleDarkMode, toggleSidebarColor } from "@/utils/theme";
+import { STORAGE_KEYS } from "@/constants";
+import { appConfig, defaults } from "@/settings";
+
+export const useSettingsStore = defineStore("setting", () => {
+  // 界面显示
+  const settingsVisible = ref(false);
+  const showTagsView = useStorage(STORAGE_KEYS.SHOW_TAGS_VIEW, defaults.showTagsView);
+  const showAppLogo = useStorage(STORAGE_KEYS.SHOW_APP_LOGO, defaults.showAppLogo);
+  const showWatermark = useStorage(STORAGE_KEYS.SHOW_WATERMARK, defaults.showWatermark);
+
+  // 布局
+  const layout = useStorage<LayoutMode>(STORAGE_KEYS.LAYOUT, defaults.layout as LayoutMode);
+  const sidebarColorScheme = useStorage(
+    STORAGE_KEYS.SIDEBAR_COLOR_SCHEME,
+    defaults.sidebarColorScheme
+  );
+
+  // 主题
+  const theme = useStorage<ThemeMode>(STORAGE_KEYS.THEME, defaults.theme);
+  const themeColor = useStorage(STORAGE_KEYS.THEME_COLOR, defaults.themeColor);
+
+  // 特殊模式
+  const grayMode = useStorage(STORAGE_KEYS.GRAY_MODE, false);
+  const colorWeak = useStorage(STORAGE_KEYS.COLOR_WEAK, false);
+
+  // AI 助手：系统级 && 用户级
+  const userEnableAi = useStorage(STORAGE_KEYS.ENABLE_AI_ASSISTANT, false);
+  const enableAiAssistant = computed(() => appConfig.aiEnabled && userEnableAi.value);
+
+  // 主题变化监听
+  watch(
+    [theme, themeColor],
+    ([t, c]: [ThemeMode, string]) => {
+      toggleDarkMode(t === ThemeMode.DARK);
+      applyTheme(generateThemeColors(c, t));
+    },
+    { immediate: true }
+  );
+
+  watch(sidebarColorScheme, (v) => toggleSidebarColor(v === SidebarColor.CLASSIC_BLUE), {
+    immediate: true,
+  });
+
+  // 灰色模式监听
+  watch(
+    grayMode,
+    (v) => {
+      document.documentElement.style.filter = v ? "grayscale(100%)" : "";
+    },
+    { immediate: true }
+  );
+
+  // 色弱模式监听
+  watch(
+    colorWeak,
+    (v) => {
+      document.documentElement.classList.toggle("color-weak", v);
+    },
+    { immediate: true }
+  );
+
+  function resetSettings() {
+    showTagsView.value = defaults.showTagsView;
+    showAppLogo.value = defaults.showAppLogo;
+    showWatermark.value = defaults.showWatermark;
+    userEnableAi.value = false;
+    grayMode.value = false;
+    colorWeak.value = false;
+    sidebarColorScheme.value = defaults.sidebarColorScheme;
+    layout.value = defaults.layout as LayoutMode;
+    themeColor.value = defaults.themeColor;
+    theme.value = defaults.theme;
+  }
+
+  return {
+    settingsVisible,
+    showTagsView,
+    showAppLogo,
+    showWatermark,
+    enableAiAssistant,
+    userEnableAi,
+    grayMode,
+    colorWeak,
+    sidebarColorScheme,
+    layout,
+    themeColor,
+    theme,
+    resetSettings,
+  };
+});