@@ -347,21 +347,21 @@
@@ -372,29 +372,60 @@
- 恢复备份会覆盖当前配置，建议先手动创建快照
+ 恢复备份会覆盖当前配置，建议先手动创建快照
加载中…
+
-
+
+
+
+ 权限
+ 外观
-
+ 管理员权限
+ 主题
+ 选择应用主题外观
+
+
+
+
+
+
+
+ 语言
+ 选择界面语言
+
+
+
+
+
权限
+
+
+
管理员权限
检查中…
-
+
-
备份与安全
+ 备份与安全
-
自动备份
- 批量操作前自动创建配置快照
+ 自动备份
+ 批量操作前自动创建配置快照
@@ -402,8 +433,8 @@
-
高危操作二次确认
- 删除条目等操作前弹出确认对话框
+ 高危操作二次确认
+ 删除条目等操作前弹出确认对话框
@@ -412,41 +443,41 @@
-
日志
+ 日志
-
日志文件
- 运行日志保留最近 7 天，存储于应用数据目录下的 logs 文件夹
+ 日志文件
+ 运行日志保留最近 7 天，存储于应用数据目录下的 logs 文件夹
-
+
-
`;
}).join('');
}
@@ -81,16 +91,16 @@ export function renderHistory(filter?: string): void {
export async function undoRecord(id: number): Promise {
const result = await window.api.undoOperation(id);
if (!result.success) {
- alert(`撤销失败: ${result.error}`);
+ alert(`${t('history.undoFailed')}: ${result.error}`);
return;
}
await loadHistory();
(window as Window & { showUndo?: (msg: string) => void })
- .showUndo?.('撤销成功');
+ .showUndo?.(t('history.undoSuccess'));
}
export async function clearAllHistory(): Promise {
- if (!confirm('确定清除所有操作记录？')) return;
+ if (!confirm(t('history.confirmClear'))) return;
await window.api.clearHistory();
allRecords = [];
renderHistory();
@@ -109,8 +119,8 @@ function formatTime(iso: string): string {
const diffMs = now.getTime() - d.getTime();
const diffDays = Math.floor(diffMs / 86400000);
const timeStr = d.toLocaleTimeString('zh-CN', { hour: '2-digit', minute: '2-digit' });
- if (diffDays === 0) return `今天 ${timeStr}`;
- if (diffDays === 1) return `昨天 ${timeStr}`;
+ if (diffDays === 0) return `${t('history.today')} ${timeStr}`;
+ if (diffDays === 1) return `${t('history.yesterday')} ${timeStr}`;
return d.toLocaleDateString('zh-CN') + ' ' + timeStr;
} catch {
return iso;
diff --git a/src/renderer/pages/mainPage.ts b/src/renderer/pages/mainPage.ts
index 71c4c38..5f03b48 100644
--- a/src/renderer/pages/mainPage.ts
+++ b/src/renderer/pages/mainPage.ts
@@ -1,8 +1,8 @@
import '../api/bridge';
import { MenuScene, MenuItemType } from '../../shared/enums';
import type { MenuItemEntry, ToggleItemParams } from '../../shared/types';
+import { t, registerRefreshCallback } from '../i18n';
-// ── 场景映射 ──
export const SCENE_REG_ROOTS: Record = {
[MenuScene.Desktop]: 'HKEY_CLASSES_ROOT\\DesktopBackground\\Shell',
[MenuScene.File]: 'HKEY_CLASSES_ROOT\\*\\shell',
@@ -12,28 +12,44 @@ export const SCENE_REG_ROOTS: Record = {
[MenuScene.RecycleBin]: 'HKEY_CLASSES_ROOT\\CLSID\\{645FF040-5081-101B-9F08-00AA002F954E}\\shell',
};
-export const SCENE_NAMES: Record = {
- [MenuScene.Desktop]: '桌面右键',
- [MenuScene.File]: '文件右键',
- [MenuScene.Folder]: '文件夹右键',
- [MenuScene.Drive]: '驱动器右键',
- [MenuScene.DirectoryBackground]:'目录背景',
- [MenuScene.RecycleBin]: '回收站右键',
-};
+export function getSceneName(scene: MenuScene): string {
+ const sceneKeys: Record = {
+ [MenuScene.Desktop]: 'nav.desktop',
+ [MenuScene.File]: 'nav.file',
+ [MenuScene.Folder]: 'nav.folder',
+ [MenuScene.Drive]: 'nav.drive',
+ [MenuScene.DirectoryBackground]:'nav.directoryBackground',
+ [MenuScene.RecycleBin]: 'nav.recycleBin',
+ };
+ return t(sceneKeys[scene]);
+}
-// ── 状态 ──
let currentItems: MenuItemEntry[] = [];
let selectedItemId: number | null = null;
let filterMode: 'all' | 'enabled' | 'disabled' = 'all';
let loadingScene = false;
+let currentScene: MenuScene = MenuScene.Desktop;
+
+export function refreshCurrentContent(): void {
+ renderItems();
+ updateSceneHeader(currentScene);
+ updateStatusBar(currentScene);
+ if (selectedItemId !== null) {
+ showDetail(selectedItemId);
+ } else {
+ resetDetailPanel();
+ }
+}
+
+registerRefreshCallback(refreshCurrentContent);
-// ── 加载场景数据 ──
export async function loadScene(scene: MenuScene): Promise {
if (loadingScene) return;
loadingScene = true;
+ currentScene = scene;
const listEl = document.getElementById('itemList');
- if (listEl) listEl.innerHTML = ``;
+ if (listEl) listEl.innerHTML = ``;
selectedItemId = null;
resetDetailPanel();
@@ -42,7 +58,7 @@ export async function loadScene(scene: MenuScene): Promise {
loadingScene = false;
if (!result.success) {
- showError(`加载失败: ${result.error}`);
+ showError(`${t('main.loadFailed')}: ${result.error}`);
return;
}
@@ -73,7 +89,7 @@ export function renderItems(): void {
if (!items.length) {
listEl.innerHTML = `
关于
+ 关于
-
ContextMaster v1.0.0
- Windows 右键菜单管理工具，基于 Electron + TypeScript 构建
+ ContextMaster v1.0.0
+ Windows 右键菜单管理工具，基于 Electron + TypeScript 构建
-
开发者
+ 开发者
tanzz
-
开源协议
- MIT License · 开源免费，欢迎贡献
+ 开源协议
+ MIT License · 开源免费，欢迎贡献
加载中…
${t('main.loading')}
-
`;
return;
}
@@ -85,16 +101,16 @@ function renderItemCard(item: MenuItemEntry, showScene = false): string {
const isSelected = item.id === selectedItemId;
const typeTag =
item.type === MenuItemType.Custom
- ? '自定义'
+ ? `${t('item.custom')}`
: item.type === MenuItemType.ShellExt
- ? 'Shell 扩展'
- : '系统';
+ ? `${t('item.shellExt')}`
+ : `${t('item.system')}`;
const stateTag = item.isEnabled
- ? '已启用'
- : '已禁用';
+ ? `${t('item.enabled')}`
+ : `${t('item.disabled')}`;
const sourceText = showScene
- ? `${SCENE_NAMES[item.menuScene]}${item.source ? ' · ' + item.source : ''}`
- : (item.source || '未知来源');
+ ? `${getSceneName(item.menuScene)}${item.source ? ' · ' + item.source : ''}`
+ : (item.source || t('item.sourceUnknown'));
return `
暂无条目
+ ${t('main.noItems')}
{
const result = await window.api.toggleItem(params);
if (!result.success) {
- showOperationError(`操作失败: ${result.error}`);
+ showOperationError(`${t('main.operationFailed')}: ${result.error}`);
return;
}
@@ -158,9 +174,10 @@ export async function toggleItem(id: number): Promise {
item.registryKey = result.data.newRegistryKey;
}
renderItems();
- const action = item.isEnabled ? '启用' : '禁用';
- (window as Window & { showUndo?: (msg: string, itemId: number) => void })
- .showUndo?.(`已${action}「${item.name}」`, id);
+ const action = item.isEnabled ? t('history.operation.enable') : t('history.operation.disable');
+ (window as Window & { showUndo?: (msg: string, itemId: number) => void; invalidateAllScenesCache?: () => void })
+ .showUndo?.(`${t('main.actionDone')}${action}「${item.name}」`, id);
+ (window as Window & { invalidateAllScenesCache?: () => void }).invalidateAllScenesCache?.();
updateStatusBarFromCurrent();
if (selectedItemId === id) showDetail(id);
@@ -183,16 +200,15 @@ export function showDetail(id: number): void {
return `HKEY_CLASSES_ROOT\\${parent}${actual}`;
}
return `${SCENE_REG_ROOTS[item.menuScene]}\\${item.registryKey.split('\\').pop()}`;
- })();
+ })();
const regCmdPath = isShellExt
? `(COM DLL，CLSID: ${item.command})`
: `${regItemPath}\\command`;
- // 在 HTML onclick 属性里，反斜杠会被 JS 当转义前缀消耗，必须双写
const regItemPathAttr = regItemPath.replace(/\\/g, '\\\\').replace(/'/g, "\\'");
const disabledNoteContent = isShellExt
- ? `已将注册表键名添加
- 前缀使其禁用（Shell 扩展机制）`
- : `已在注册表项下写入 LegacyDisable 键值使其禁用`;
+ ? t('detail.disabledNoteShellExt')
+ : t('detail.disabledNote');
const legacyNote = item.isEnabled ? '' : `
@@ -205,45 +221,45 @@ export function showDetail(id: number): void {
const actionsEl = document.getElementById('detailActions');
if (nameEl) nameEl.textContent = item.name;
- if (subEl) subEl.textContent = item.source || '未知来源';
+ if (subEl) subEl.textContent = item.source || t('item.sourceUnknown');
if (bodyEl) bodyEl.innerHTML = `
{
const allScenes = Object.values(MenuScene) as MenuScene[];
- for (const scene of allScenes) {
- if (scene === skipScene) continue;
- const result = await window.api.getMenuItems(scene);
- if (result.success) {
- const badgeEl = document.getElementById(`badge-${scene}`);
- if (badgeEl) badgeEl.textContent = String(result.data.length);
- } else {
+ const scenesToLoad = allScenes.filter((s) => s !== skipScene);
+
+ await Promise.all(
+ scenesToLoad.map(async (scene) => {
+ const result = await window.api.getMenuItems(scene);
const badgeEl = document.getElementById(`badge-${scene}`);
- if (badgeEl) badgeEl.textContent = '?';
- }
- }
+ if (badgeEl) {
+ badgeEl.textContent = result.success ? String(result.data.length) : '?';
+ }
+ })
+ );
}
// 挂载到 window 供 HTML inline onclick 调用
diff --git a/src/renderer/pages/settingsPage.ts b/src/renderer/pages/settingsPage.ts
index 4c77fbf..a16603f 100644
--- a/src/renderer/pages/settingsPage.ts
+++ b/src/renderer/pages/settingsPage.ts
@@ -1,35 +1,89 @@
-import '../api/bridge';
-
-export async function initSettings(): Promise {
- // 显示管理员状态
- const adminResult = await window.api.isAdmin();
- const adminStatus = document.getElementById('adminStatus');
- if (adminStatus) {
- if (adminResult.success && adminResult.data) {
- adminStatus.textContent = '已获取管理员权限';
- adminStatus.style.color = 'var(--success)';
- } else {
- adminStatus.textContent = '未以管理员身份运行';
- adminStatus.style.color = 'var(--danger)';
- }
- }
-}
-
-export async function requestAdminRestart(): Promise {
- if (!confirm('确定要以管理员身份重启应用吗？')) return;
- await window.api.restartAsAdmin();
-}
-
-export function toggleSwitch(btn: HTMLElement): void {
- btn.classList.toggle('on');
- btn.classList.toggle('off');
-}
-
-export async function openLogDir(): Promise {
- const result = await window.api.openLogDir();
- if (!result.success) alert(`打开日志目录失败: ${result.error}`);
-}
-
-const settingsPageApi = { requestAdminRestart, toggleSwitch, openLogDir };
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-(window as any)._settingsPage = settingsPageApi;
+import '../api/bridge';
+import { t, changeLanguage, getCurrentLanguage, registerRefreshCallback, type SupportedLanguage } from '../i18n';
+import { getThemeManager, type ThemeMode } from '../utils/themeManager';
+import { getSettingsStore } from '../utils/settingsStore';
+import { debug } from '../utils/debug';
+
+let isSettingsInitialized = false;
+
+export async function initSettings(): Promise {
+ await updateAdminStatus();
+ initAppearanceSettings();
+}
+
+async function updateAdminStatus(): Promise {
+ const adminResult = await window.api.isAdmin();
+ const adminStatus = document.getElementById('adminStatus');
+ if (adminStatus) {
+ if (adminResult.success && adminResult.data) {
+ adminStatus.textContent = t('settings.permission.adminGranted');
+ adminStatus.style.color = 'var(--success)';
+ } else {
+ adminStatus.textContent = t('settings.permission.adminNotGranted');
+ adminStatus.style.color = 'var(--danger)';
+ }
+ }
+}
+
+registerRefreshCallback(updateAdminStatus);
+
+function initAppearanceSettings(): void {
+ const themeSelect = document.getElementById('themeSelect') as HTMLSelectElement | null;
+ if (themeSelect) {
+ const themeManager = getThemeManager();
+
+ themeSelect.value = themeManager.getTheme();
+
+ themeSelect.onchange = () => {
+ const mode = themeSelect.value as ThemeMode;
+ debug.log('主题切换到:', mode);
+ themeManager.setTheme(mode);
+ getSettingsStore().setSetting('theme', mode);
+
+ document.documentElement.setAttribute('data-theme', mode === 'dark' ? 'dark' : 'light');
+ };
+ }
+
+ const languageSelect = document.getElementById('languageSelect') as HTMLSelectElement | null;
+ if (languageSelect) {
+ languageSelect.value = getCurrentLanguage();
+
+ languageSelect.onchange = () => {
+ const lang = languageSelect.value as SupportedLanguage;
+ debug.log('语言切换到:', lang);
+
+ getSettingsStore().setSetting('language', lang);
+
+ changeLanguage(lang).then(() => {
+ debug.log('语言切换成功');
+ }).catch((error) => {
+ debug.error('语言切换失败:', error);
+ alert('语言切换失败，请重试');
+ });
+ };
+ }
+}
+
+export async function requestAdminRestart(): Promise {
+ if (!confirm('确定要以管理员身份重启应用吗？')) return;
+ await window.api.restartAsAdmin();
+}
+
+export function toggleSwitch(btn: HTMLElement): void {
+ btn.classList.toggle('on');
+ btn.classList.toggle('off');
+}
+
+export async function openLogDir(): Promise {
+ const result = await window.api.openLogDir();
+ if (!result.success) alert(`打开日志目录失败: ${result.error}`);
+}
+
+const settingsPageApi = {
+ requestAdminRestart,
+ toggleSwitch,
+ openLogDir
+};
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+(window as any)._settingsPage = settingsPageApi;
diff --git a/src/renderer/styles/themes.css b/src/renderer/styles/themes.css
new file mode 100644
index 0000000..a24860d
--- /dev/null
+++ b/src/renderer/styles/themes.css
@@ -0,0 +1,122 @@
+/* Theme CSS Variables */
+
+/* Light Theme (Default) */
+:root {
+ /* Primary Colors */
+ --accent: #0067C0;
+ --accent-light: #0078D4;
+ --accent-hover: #005A9E;
+ --accent-bg: #EFF6FC;
+
+ /* Status Colors */
+ --success: #0F7B0F;
+ --success-bg: #DFF6DD;
+ --danger: #C42B1C;
+ --danger-bg: #FDE7E9;
+ --warning: #9D5D00;
+ --warning-bg: #FFF4CE;
+
+ /* Background Colors */
+ --bg: #F3F3F3;
+ --surface: #FFFFFF;
+ --surface2: #F9F9F9;
+
+ /* Border & Text */
+ --border: #E0E0E0;
+ --border2: #EBEBEB;
+ --text: #1A1A1A;
+ --text2: #616161;
+ --text3: #8A8A8A;
+
+ /* Layout */
+ --nav-w: 220px;
+ --radius: 8px;
+ --radius-sm: 4px;
+
+ /* Shadows */
+ --shadow: 0 2px 8px rgba(0,0,0,0.08);
+ --shadow-md: 0 4px 16px rgba(0,0,0,0.12);
+}
+
+/* Dark Theme */
+[data-theme="dark"] {
+ /* Primary Colors */
+ --accent: #4CA3F5;
+ --accent-light: #5CB3FF;
+ --accent-hover: #3A93E5;
+ --accent-bg: #1A3A5C;
+
+ /* Status Colors */
+ --success: #5CB85C;
+ --success-bg: #1E3A1E;
+ --danger: #E74C3C;
+ --danger-bg: #3A1A1A;
+ --warning: #F0AD4E;
+ --warning-bg: #3A3010;
+
+ /* Background Colors */
+ --bg: #1E1E1E;
+ --surface: #2D2D2D;
+ --surface2: #3A3A3A;
+
+ /* Border & Text */
+ --border: #404040;
+ --border2: #505050;
+ --text: #E0E0E0;
+ --text2: #B0B0B0;
+ --text3: #808080;
+
+ /* Shadows - darker for dark theme */
+ --shadow: 0 2px 8px rgba(0,0,0,0.3);
+ --shadow-md: 0 4px 16px rgba(0,0,0,0.4);
+}
+
+/* Additional Dark Theme Overrides */
+[data-theme="dark"] .titlebar {
+ background: rgba(30, 30, 30, 0.85);
+}
+
+[data-theme="dark"] .nav {
+ background: rgba(45, 45, 45, 0.8);
+}
+
+[data-theme="dark"] .toolbar {
+ background: rgba(30, 30, 30, 0.9);
+}
+
+[data-theme="dark"] .item-card {
+ background: var(--surface);
+}
+
+[data-theme="dark"] .detail-panel {
+ background: var(--surface);
+}
+
+[data-theme="dark"] .settings-section {
+ background: var(--surface);
+}
+
+/* Scrollbar dark theme */
+[data-theme="dark"] ::-webkit-scrollbar-thumb {
+ background: rgba(255,255,255,0.2);
+}
+
+/* Ensure proper contrast for all text */
+[data-theme="dark"] .empty-state svg {
+ fill: var(--border);
+}
+
+/* Button hover states for dark theme */
+[data-theme="dark"] .btn-secondary:hover {
+ background: var(--surface2);
+}
+
+[data-theme="dark"] .icon-btn:hover {
+ background: rgba(255,255,255,0.1);
+}
+
+/* Selection color */
+[data-theme="dark"] ::selection {
+ background: var(--accent);
+ color: white;
+}
diff --git a/src/renderer/utils/debug.ts b/src/renderer/utils/debug.ts
new file mode 100644
index 0000000..aa6ad7f
--- /dev/null
+++ b/src/renderer/utils/debug.ts
@@ -0,0 +1,20 @@
+const isDebug = import.meta.env.DEV || import.meta.env.VITE_DEBUG === 'true';
+
+export const debug = {
+ log: (...args: unknown[]): void => {
+ if (isDebug) console.log(...args);
+ window.api.logToFile('info', args.map((a) => String(a)).join(' '));
+ },
+ warn: (...args: unknown[]): void => {
+ if (isDebug) console.warn(...args);
+ window.api.logToFile('warn', args.map((a) => String(a)).join(' '));
+ },
+ error: (...args: unknown[]): void => {
+ if (isDebug) console.error(...args);
+ window.api.logToFile('error', args.map((a) => String(a)).join(' '));
+ },
+ info: (...args: unknown[]): void => {
+ if (isDebug) console.info(...args);
+ window.api.logToFile('info', args.map((a) => String(a)).join(' '));
+ },
+};
diff --git a/src/renderer/utils/settingsStore.ts b/src/renderer/utils/settingsStore.ts
new file mode 100644
index 0000000..cc9bd06
--- /dev/null
+++ b/src/renderer/utils/settingsStore.ts
@@ -0,0 +1,88 @@
+import type { SupportedLanguage } from '../i18n';
+
+export interface AppSettings {
+ theme: 'system' | 'light' | 'dark';
+ language: SupportedLanguage;
+}
+
+const SETTINGS_KEY = 'contextmaster_settings';
+
+const DEFAULT_SETTINGS: AppSettings = {
+ theme: 'system',
+ language: 'zh-CN',
+};
+
+class SettingsStore {
+ private settings: AppSettings;
+ private listeners: Set<(settings: AppSettings) => void> = new Set();
+
+ constructor() {
+ this.settings = this.loadSettings();
+ }
+
+ private loadSettings(): AppSettings {
+ try {
+ const stored = localStorage.getItem(SETTINGS_KEY);
+ if (stored) {
+ const parsed = JSON.parse(stored);
+ return {
+ ...DEFAULT_SETTINGS,
+ ...parsed,
+ };
+ }
+ } catch {
+ // localStorage not available
+ }
+ return { ...DEFAULT_SETTINGS };
+ }
+
+ private saveSettings(): void {
+ try {
+ localStorage.setItem(SETTINGS_KEY, JSON.stringify(this.settings));
+ } catch {
+ // localStorage not available
+ }
+ }
+
+ private notifyListeners(): void {
+ const settings = { ...this.settings };
+ this.listeners.forEach((listener) => {
+ listener(settings);
+ });
+ }
+
+ public getSettings(): AppSettings {
+ return { ...this.settings };
+ }
+
+ public setSetting(key: K, value: AppSettings[K]): void {
+ if (this.settings[key] === value) return;
+ this.settings[key] = value;
+ this.saveSettings();
+ this.notifyListeners();
+ }
+
+ public onSettingsChange(callback: (settings: AppSettings) => void): () => void {
+ this.listeners.add(callback);
+ return () => {
+ this.listeners.delete(callback);
+ };
+ }
+
+ public reset(): void {
+ this.settings = { ...DEFAULT_SETTINGS };
+ this.saveSettings();
+ this.notifyListeners();
+ }
+}
+
+let settingsStoreInstance: SettingsStore | null = null;
+
+export function getSettingsStore(): SettingsStore {
+ if (!settingsStoreInstance) {
+ settingsStoreInstance = new SettingsStore();
+ }
+ return settingsStoreInstance;
+}
+
+export { SettingsStore, DEFAULT_SETTINGS };
diff --git a/src/renderer/utils/themeManager.ts b/src/renderer/utils/themeManager.ts
new file mode 100644
index 0000000..c145540
--- /dev/null
+++ b/src/renderer/utils/themeManager.ts
@@ -0,0 +1,115 @@
+// 主题管理器
+// 支持 system/light/dark 三种模式
+
+export type ThemeMode = 'system' | 'light' | 'dark';
+
+const THEME_KEY = 'contextmaster-theme';
+
+class ThemeManager {
+ private currentMode: ThemeMode = 'system';
+ private mediaQuery: MediaQueryList | null = null;
+ private listeners: Array<(mode: ThemeMode, isDark: boolean) => void> = [];
+
+ constructor() {
+ this.loadTheme();
+ this.setupMediaQuery();
+ this.applyTheme();
+ }
+
+ private loadTheme(): void {
+ try {
+ const saved = localStorage.getItem(THEME_KEY);
+ if (saved === 'light' || saved === 'dark' || saved === 'system') {
+ this.currentMode = saved;
+ }
+ } catch {
+ // localStorage 不可用
+ }
+ }
+
+ private saveTheme(): void {
+ try {
+ localStorage.setItem(THEME_KEY, this.currentMode);
+ } catch {
+ // localStorage 不可用
+ }
+ }
+
+ private setupMediaQuery(): void {
+ if (typeof window !== 'undefined' && window.matchMedia) {
+ this.mediaQuery = window.matchMedia('(prefers-color-scheme: dark)');
+ this.mediaQuery.addEventListener('change', () => {
+ if (this.currentMode === 'system') {
+ this.applyTheme();
+ }
+ });
+ }
+ }
+
+ private applyTheme(): void {
+ const isDark = this.isDark();
+
+ if (isDark) {
+ document.documentElement.setAttribute('data-theme', 'dark');
+ } else {
+ document.documentElement.setAttribute('data-theme', 'light');
+ }
+
+ // 通知所有监听器
+ this.listeners.forEach(listener => {
+ listener(this.currentMode, isDark);
+ });
+ }
+
+ public setTheme(mode: ThemeMode): void {
+ if (this.currentMode === mode) return;
+
+ this.currentMode = mode;
+ this.saveTheme();
+ this.applyTheme();
+ }
+
+ public getTheme(): ThemeMode {
+ return this.currentMode;
+ }
+
+ public isDark(): boolean {
+ if (this.currentMode === 'system') {
+ return this.mediaQuery?.matches ?? false;
+ }
+ return this.currentMode === 'dark';
+ }
+
+ public onChange(callback: (mode: ThemeMode, isDark: boolean) => void): () => void {
+ this.listeners.push(callback);
+
+ // 立即调用一次
+ callback(this.currentMode, this.isDark());
+
+ return () => {
+ const index = this.listeners.indexOf(callback);
+ if (index > -1) {
+ this.listeners.splice(index, 1);
+ }
+ };
+ }
+
+ // 别名方法，用于兼容
+ public onThemeChange = this.onChange.bind(this);
+}
+
+// 全局实例
+let themeManager: ThemeManager | null = null;
+
+export function getThemeManager(): ThemeManager {
+ if (!themeManager) {
+ themeManager = new ThemeManager();
+ }
+ return themeManager;
+}
+
+export function initTheme(): void {
+ getThemeManager();
+}
+
+export { ThemeManager };
diff --git a/src/shared/ipc-channels.ts b/src/shared/ipc-channels.ts
index 5e2c6c1..ff686a6 100644
--- a/src/shared/ipc-channels.ts
+++ b/src/shared/ipc-channels.ts
@@ -26,6 +26,7 @@ export const IPC = {
SYS_OPEN_LOG_DIR: 'sys:openLogDir',
SYS_COPY_CLIPBOARD: 'sys:copyClipboard',
SYS_OPEN_EXTERNAL: 'sys:openExternal',
+ SYS_LOG_TO_FILE: 'sys:logToFile',
WIN_MINIMIZE: 'win:minimize',
WIN_MAXIMIZE: 'win:maximize',
WIN_CLOSE: 'win:close',
diff --git a/tests/unit/main/ipc/registry.test.ts b/tests/unit/main/ipc/registry.test.ts
index cd6e9b5..6c34c2e 100644
--- a/tests/unit/main/ipc/registry.test.ts
+++ b/tests/unit/main/ipc/registry.test.ts
@@ -28,6 +28,7 @@ describe('IPC Registry Handlers', () => {
toggleItem: vi.fn(),
batchEnable: vi.fn(),
batchDisable: vi.fn(),
+ invalidateCache: vi.fn(),
} as MockedObject;
registerRegistryHandlers(mockMenuManager);
diff --git a/tests/unit/main/services/MenuManagerService.test.ts b/tests/unit/main/services/MenuManagerService.test.ts
index 75760b9..3b33193 100644
--- a/tests/unit/main/services/MenuManagerService.test.ts
+++ b/tests/unit/main/services/MenuManagerService.test.ts
@@ -13,6 +13,7 @@ vi.mock('@/main/utils/logger', () => ({
info: vi.fn(),
warn: vi.fn(),
error: vi.fn(),
+ debug: vi.fn(),
},
}));
diff --git a/tsconfig.json b/tsconfig.json
index 86ac21f..586b8e0 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -1,8 +1,8 @@
{
"compilerOptions": {
"target": "ES2022",
- "module": "CommonJS",
- "moduleResolution": "node",
+ "module": "ESNext",
+ "moduleResolution": "bundler",
"strict": true,
"esModuleInterop": true,
"skipLibCheck": true,
@@ -17,7 +17,8 @@
},
"resolveJsonModule": true,
"declaration": false,
- "sourceMap": true
+ "sourceMap": true,
+ "types": ["vite/client"]
},
"include": ["src/**/*"],
"exclude": ["node_modules", ".vite", "dist", "tests"]
-
名称
+ ${t('item.name')}
${escapeHtml(item.name)}
-
状态
+ ${t('item.status')}
- ${item.isEnabled ? '已启用' : '已禁用'}
+ ${item.isEnabled ? t('item.enabled') : t('item.disabled')}
-
类型
+ ${t('item.type')}
- ${item.type === MenuItemType.Custom ? '自定义' : item.type === MenuItemType.ShellExt ? 'Shell 扩展' : '系统'}
+ ${item.type === MenuItemType.Custom ? t('item.custom') : item.type === MenuItemType.ShellExt ? t('item.shellExt') : t('item.system')}
-
来源程序
+ ${t('item.source')}
${escapeHtml(item.source || '—')}
-
执行命令
+ ${t('item.command')}
${escapeHtml(item.command || '—')}
-
场景
- ${SCENE_NAMES[item.menuScene]}
+ ${t('item.scene')}
+ ${getSceneName(item.menuScene)}
-
`;
@@ -285,7 +301,7 @@ export function setFilter(mode: 'all' | 'enabled' | 'disabled', btn: HTMLElement
// ── 状态栏 ──
function updateStatusBar(scene: MenuScene): void {
const sbScene = document.getElementById('sbScene');
- if (sbScene) sbScene.textContent = `当前场景：${SCENE_NAMES[scene]}`;
+ if (sbScene) sbScene.textContent = `${t('statusBar.currentScene')}${getSceneName(scene)}`;
updateStatusBarFromCurrent();
}
@@ -293,13 +309,13 @@ function updateStatusBarFromCurrent(): void {
const enabled = currentItems.filter((i) => i.isEnabled).length;
const disabled = currentItems.length - enabled;
const sbCount = document.getElementById('sbCount');
- if (sbCount) sbCount.textContent = `已启用 ${enabled} / 禁用 ${disabled}`;
+ if (sbCount) sbCount.textContent = `${t('statusBar.enabled')} ${enabled} / ${t('statusBar.disabled')} ${disabled}`;
}
function updateSceneHeader(scene: MenuScene): void {
const titleEl = document.getElementById('sceneTitle');
if (titleEl) {
- titleEl.innerHTML = `${SCENE_NAMES[scene]} ${currentItems.length} 个条目`;
+ titleEl.innerHTML = `${getSceneName(scene)} ${currentItems.length} ${t('main.items')}`;
}
const badgeEl = document.getElementById(`badge-${scene}`);
if (badgeEl) badgeEl.textContent = String(currentItems.length);
@@ -310,11 +326,11 @@ function resetDetailPanel(): void {
const subEl = document.getElementById('detailSub');
const bodyEl = document.getElementById('detailBody');
const actionsEl = document.getElementById('detailActions');
- if (nameEl) nameEl.textContent = '选择条目';
- if (subEl) subEl.textContent = '在左侧选择一个条目查看详情';
+ if (nameEl) nameEl.textContent = t('main.selectItem');
+ if (subEl) subEl.textContent = t('main.selectItemDesc');
if (bodyEl) bodyEl.innerHTML = `注册表路径
+ ${t('item.registryPath')}
${escapeHtml(regItemPath)}
@@ -252,16 +268,16 @@ export function showDetail(id: number): void {
-
${isShellExt ? 'COM 对象' : '命令子键路径'}
+ ${isShellExt ? t('item.comObject') : t('item.commandSubkey')}
${escapeHtml(regCmdPath)}
-
+
在注册表编辑器中打开
-
-
`;
if (actionsEl) actionsEl.style.display = 'none';
}
@@ -370,17 +386,15 @@ export function deleteSelected(): void {
if (selectedItemId == null) return;
const item = currentItems.find((i) => i.id === selectedItemId);
if (!item) return;
- alert(`删除功能开发中\n\n条目：${item.name}`);
+ alert(`${t('main.deleteDev')}\n\n${t('item.name')}: ${item.name}`);
}
-// ── 全局搜索结果渲染 ──
export function renderGlobalResults(items: MenuItemEntry[], query: string): void {
- // 切换到 main 页（确保可见）
document.querySelectorAll('.page').forEach((p) => p.classList.remove('active'));
document.getElementById('page-main')?.classList.add('active');
const titleEl = document.getElementById('sceneTitle');
- if (titleEl) titleEl.innerHTML = `搜索结果 ${items.length} 个匹配「${escapeHtml(query)}」`;
+ if (titleEl) titleEl.innerHTML = `${t('main.searchResults')} ${items.length} ${t('main.matchesFor')}「${escapeHtml(query)}」`;
selectedItemId = null;
resetDetailPanel();
@@ -391,7 +405,7 @@ export function renderGlobalResults(items: MenuItemEntry[], query: string): void
if (!items.length) {
listEl.innerHTML = `未选中任何条目
+ ${t('main.noItemSelected')}
-
`;
return;
}
@@ -399,11 +413,10 @@ export function renderGlobalResults(items: MenuItemEntry[], query: string): void
listEl.innerHTML = items.map((item) => renderItemCard(item, true)).join('');
}
-// ── 恢复场景视图（全局搜索退出时调用）──
export function restoreSceneTitle(scene: MenuScene): void {
const titleEl = document.getElementById('sceneTitle');
if (titleEl) {
- titleEl.innerHTML = `${SCENE_NAMES[scene]} ${currentItems.length} 个条目`;
+ titleEl.innerHTML = `${getSceneName(scene)} ${currentItems.length} ${t('main.items')}`;
}
renderItems();
resetDetailPanel();
@@ -412,17 +425,17 @@ export function restoreSceneTitle(scene: MenuScene): void {
// ── 预加载其余场景的 badge 数量 ──
export async function preloadBadgeCounts(skipScene: MenuScene): Promise未找到匹配「${escapeHtml(query)}」的条目
+ ${t('main.noMatchFor')}「${escapeHtml(query)}」