🐛 fixed configuration override issue

This commit is contained in:
2025-05-15 20:57:28 +08:00
parent 33bd4940e9
commit bd0bbc9674
4 changed files with 146 additions and 51 deletions

View File

@@ -2,6 +2,7 @@ import {createI18n} from 'vue-i18n';
import messages from './locales'; import messages from './locales';
import { ConfigService } from '@/../bindings/voidraft/internal/services'; import { ConfigService } from '@/../bindings/voidraft/internal/services';
import { LanguageType } from '@/../bindings/voidraft/internal/models'; import { LanguageType } from '@/../bindings/voidraft/internal/models';
import { useConfigStore } from '@/stores/configStore';
// 定义支持的语言类型 // 定义支持的语言类型
export type SupportedLocaleType = 'zh-CN' | 'en-US'; export type SupportedLocaleType = 'zh-CN' | 'en-US';
@@ -59,6 +60,16 @@ export const setLocale = (locale: SupportedLocaleType) => {
.then(() => { .then(() => {
i18n.global.locale = locale; i18n.global.locale = locale;
document.documentElement.setAttribute('lang', locale); document.documentElement.setAttribute('lang', locale);
// 同时更新configStore中的语言设置
try {
const configStore = useConfigStore();
if (configStore.configLoaded) {
configStore.config.language = locale as LanguageType;
}
} catch (error) {
console.error('Failed to update configStore language:', error);
}
}) })
.catch(error => { .catch(error => {
console.error('Failed to set language:', error); console.error('Failed to set language:', error);

View File

@@ -40,80 +40,98 @@ export const useConfigStore = defineStore('config', () => {
// 配置是否已从后端加载 // 配置是否已从后端加载
const configLoaded = ref(false); const configLoaded = ref(false);
// 配置是否正在从后端加载
const isLoading = ref(false);
// 从后端加载配置 // 从后端加载配置
async function loadConfigFromBackend() { async function loadConfigFromBackend() {
if (isLoading.value) return;
isLoading.value = true;
try { try {
config.value = await ConfigService.GetEditorConfig(); const loadedConfig = await ConfigService.GetEditorConfig();
// 验证并纠正配置 // 深拷贝配置以避免直接引用
validateAndFixConfig(); config.value = new EditorConfig(JSON.parse(JSON.stringify(loadedConfig)));
configLoaded.value = true; // 验证并纠正配置,不自动保存
logStore.info(t('config.loadSuccess')); validateAndFixConfig(false);
// 等待下一个事件循环确保watch不会在初始加载时触发
setTimeout(() => {
configLoaded.value = true;
isLoading.value = false;
logStore.info(t('config.loadSuccess'));
}, 0);
} catch (error) { } catch (error) {
console.error('Failed to load configuration:', error); console.error('Failed to load configuration:', error);
logStore.error(t('config.loadFailed')); logStore.error(t('config.loadFailed'));
isLoading.value = false;
} }
} }
// 验证配置是否在合理范围内,并修正无效值 // 验证配置是否在合理范围内,并修正无效值
function validateAndFixConfig() { function validateAndFixConfig(autoSave = true) {
let hasChanges = false; let hasChanges = false;
// 验证字体大小 // 验证字体大小
if (config.value.fontSize < CONFIG_LIMITS.fontSize.min || config.value.fontSize > CONFIG_LIMITS.fontSize.max) { if (config.value.fontSize < CONFIG_LIMITS.fontSize.min || config.value.fontSize > CONFIG_LIMITS.fontSize.max) {
const oldValue = config.value.fontSize; config.value.fontSize = config.value.fontSize < CONFIG_LIMITS.fontSize.min
config.value.fontSize = oldValue < CONFIG_LIMITS.fontSize.min ? CONFIG_LIMITS.fontSize.min : ? CONFIG_LIMITS.fontSize.min
oldValue > CONFIG_LIMITS.fontSize.max ? CONFIG_LIMITS.fontSize.max : : CONFIG_LIMITS.fontSize.max;
CONFIG_LIMITS.fontSize.default;
logStore.warning(t('config.fontSizeFixed')); logStore.warning(t('config.fontSizeFixed'));
hasChanges = true; hasChanges = true;
} }
// 验证Tab大小 // 验证Tab大小
if (config.value.tabSize < CONFIG_LIMITS.tabSize.min || config.value.tabSize > CONFIG_LIMITS.tabSize.max) { if (config.value.tabSize < CONFIG_LIMITS.tabSize.min || config.value.tabSize > CONFIG_LIMITS.tabSize.max) {
const oldValue = config.value.tabSize; config.value.tabSize = config.value.tabSize < CONFIG_LIMITS.tabSize.min
config.value.tabSize = oldValue < CONFIG_LIMITS.tabSize.min ? CONFIG_LIMITS.tabSize.min : ? CONFIG_LIMITS.tabSize.min
oldValue > CONFIG_LIMITS.tabSize.max ? CONFIG_LIMITS.tabSize.max : : CONFIG_LIMITS.tabSize.max;
CONFIG_LIMITS.tabSize.default;
logStore.warning(t('config.tabSizeFixed')); logStore.warning(t('config.tabSizeFixed'));
hasChanges = true; hasChanges = true;
} }
// 验证TabType是否合法 // 验证TabType是否合法
if (!CONFIG_LIMITS.tabType.values.includes(config.value.tabType)) { if (!CONFIG_LIMITS.tabType.values.includes(config.value.tabType)) {
const oldValue = config.value.tabType;
config.value.tabType = CONFIG_LIMITS.tabType.default; config.value.tabType = CONFIG_LIMITS.tabType.default;
logStore.warning(t('config.tabTypeFixed')); logStore.warning(t('config.tabTypeFixed'));
hasChanges = true; hasChanges = true;
} }
// 如果配置被修正,保存回后端 // 如果配置被修正且需要自动保存,保存回后端
if (hasChanges && configLoaded.value) { if (hasChanges && autoSave && configLoaded.value) {
saveConfigToBackend(); saveConfigToBackend();
} }
} }
// 使用防抖保存配置到后端 // 使用防抖保存配置到后端
const saveConfigToBackend = useDebounceFn(async () => { const saveConfigToBackend = useDebounceFn(async () => {
if (!configLoaded.value || isLoading.value) return;
try { try {
// 首先获取后端当前的语言设置
const currentLanguage = await ConfigService.GetLanguage();
// 确保我们使用当前的语言设置,避免被默认值覆盖
if (currentLanguage && currentLanguage !== config.value.language) {
config.value.language = currentLanguage;
}
await ConfigService.UpdateEditorConfig(config.value); await ConfigService.UpdateEditorConfig(config.value);
logStore.info(t('config.saveSuccess')); logStore.info(t('config.saveSuccess'));
} catch (error) { } catch (error) {
console.error('Failed to save configuration:', error); console.error('Failed to save configuration:', error);
logStore.error(t('config.saveFailed')); logStore.error(t('config.saveFailed'));
} }
}, 500); // 500ms防抖 }, 500);
// 监听配置变化,自动保存到后端 // 监听配置变化,自动保存到后端
watch(() => config.value, async () => { watch(() => config.value, async () => {
if (configLoaded.value) { if (configLoaded.value && !isLoading.value) {
await saveConfigToBackend(); await saveConfigToBackend();
} }
}, {deep: true}); }, {deep: true});
@@ -165,13 +183,17 @@ export const useConfigStore = defineStore('config', () => {
// 重置为默认配置 // 重置为默认配置
async function resetToDefaults() { async function resetToDefaults() {
if (isLoading.value) return;
try { try {
isLoading.value = true;
await ConfigService.ResetConfig(); await ConfigService.ResetConfig();
await loadConfigFromBackend(); await loadConfigFromBackend();
logStore.info(t('config.resetSuccess')); logStore.info(t('config.resetSuccess'));
} catch (error) { } catch (error) {
console.error('Failed to reset configuration:', error); console.error('Failed to reset configuration:', error);
logStore.error(t('config.resetFailed')); logStore.error(t('config.resetFailed'));
isLoading.value = false;
} }
} }
@@ -179,6 +201,7 @@ export const useConfigStore = defineStore('config', () => {
// 状态 // 状态
config, config,
configLoaded, configLoaded,
isLoading,
// 常量 // 常量
MIN_FONT_SIZE, MIN_FONT_SIZE,

View File

@@ -14,29 +14,76 @@ export interface LogItem {
level: LogLevel; level: LogLevel;
message: string; message: string;
timestamp: Date; timestamp: Date;
shown: boolean; // 是否已显示过
} }
export const useLogStore = defineStore('log', () => { export const useLogStore = defineStore('log', () => {
// 日志列表 // 日志列表
const logs = ref<LogItem[]>([]); const logs = ref<LogItem[]>([]);
// 显示队列 - 存储待显示的日志
const displayQueue = ref<LogItem[]>([]);
// 当前显示的日志
const currentLog = ref<LogItem | null>(null);
// 最近一条日志,用于在工具栏显示 // 最近一条日志,用于在工具栏显示
const latestLog = ref<LogItem | null>(null); const latestLog = ref<LogItem | null>(null);
// 是否显示日志 // 是否显示日志
const showLog = ref(true); const showLog = ref(false);
// 自动隐藏计时器 // 自动隐藏计时器
let hideTimer: number | null = null; let hideTimer: number | null = null;
// 根据日志级别获取显示时间
function getDisplayTimeByLevel(level: LogLevel): number {
switch(level) {
case LogLevel.ERROR:
return 8000; // 错误显示更长时间
case LogLevel.WARNING:
return 6000; // 警告显示中等时间
case LogLevel.INFO:
default:
return 4000; // 信息显示较短时间
}
}
// 显示下一条日志
function showNextLog() {
if (hideTimer) {
window.clearTimeout(hideTimer);
hideTimer = null;
}
// 如果队列为空,则不显示
if (displayQueue.value.length === 0) {
showLog.value = false;
currentLog.value = null;
return;
}
// 取出队列中第一条日志显示
const nextLog = displayQueue.value.shift()!;
currentLog.value = nextLog;
showLog.value = true;
// 设置自动隐藏和切换到下一条
const displayTime = getDisplayTimeByLevel(nextLog.level);
hideTimer = window.setTimeout(() => {
showNextLog();
}, displayTime);
}
// 添加日志 // 添加日志
function addLog(level: LogLevel, message: string, autoHideDelay = 5000) { function addLog(level: LogLevel, message: string, autoHideDelay = 0) {
const id = Date.now(); const id = Date.now();
const logItem: LogItem = { const logItem: LogItem = {
id, id,
level, level,
message, message,
timestamp: new Date() timestamp: new Date(),
shown: false
}; };
// 添加到日志列表 // 添加到日志列表
@@ -49,52 +96,63 @@ export const useLogStore = defineStore('log', () => {
// 设置最新日志 // 设置最新日志
latestLog.value = logItem; latestLog.value = logItem;
showLog.value = true;
// 设置自动隐藏 // 添加到显示队列
if (hideTimer) { displayQueue.value.push(logItem);
window.clearTimeout(hideTimer);
}
if (autoHideDelay > 0) { // 如果当前没有显示日志,则开始显示
hideTimer = window.setTimeout(() => { if (!currentLog.value && !hideTimer) {
showLog.value = false; showNextLog();
}, autoHideDelay);
} }
return id; return id;
} }
// 添加不同级别的日志的便捷方法 // 添加不同级别的日志的便捷方法
function info(message: string, autoHideDelay = 5000) { function info(message: string) {
return addLog(LogLevel.INFO, message, autoHideDelay); return addLog(LogLevel.INFO, message);
} }
function warning(message: string, autoHideDelay = 5000) { function warning(message: string) {
return addLog(LogLevel.WARNING, message, autoHideDelay); return addLog(LogLevel.WARNING, message);
} }
function error(message: string, autoHideDelay = 5000) { function error(message: string) {
return addLog(LogLevel.ERROR, message, autoHideDelay); return addLog(LogLevel.ERROR, message);
} }
// 清除日志 // 清除日志
function clearLogs() { function clearLogs() {
logs.value = []; logs.value = [];
displayQueue.value = [];
latestLog.value = null; latestLog.value = null;
currentLog.value = null;
showLog.value = false; showLog.value = false;
if (hideTimer) {
window.clearTimeout(hideTimer);
hideTimer = null;
}
} }
// 手动隐藏当前日志 // 手动隐藏当前日志
function hideCurrentLog() { function hideCurrentLog() {
if (hideTimer) {
window.clearTimeout(hideTimer);
hideTimer = null;
}
showLog.value = false; showLog.value = false;
currentLog.value = null;
displayQueue.value = []; // 清空队列
} }
return { return {
// 状态 // 状态
logs, logs,
latestLog, latestLog,
currentLog,
showLog, showLog,
displayQueue,
// 方法 // 方法
addLog, addLog,
@@ -102,6 +160,7 @@ export const useLogStore = defineStore('log', () => {
warning, warning,
error, error,
clearLogs, clearLogs,
hideCurrentLog hideCurrentLog,
showNextLog
}; };
}); });

View File

@@ -146,7 +146,7 @@ func (cs *ConfigService) mergeWithDefaults(config *models.AppConfig) error {
defaultConfig := models.NewDefaultAppConfig() defaultConfig := models.NewDefaultAppConfig()
// 使用mergo库合并配置 // 使用mergo库合并配置
if err := mergo.Merge(config, defaultConfig, mergo.WithOverrideEmptySlice, mergo.WithOverwriteWithEmptyValue); err != nil { if err := mergo.Merge(config, defaultConfig, mergo.WithOverrideEmptySlice); err != nil {
return err return err
} }
@@ -182,9 +182,7 @@ func (cs *ConfigService) loadConfig() (models.AppConfig, error) {
// isValidConfig 检查配置是否有效 // isValidConfig 检查配置是否有效
func isValidConfig(config models.AppConfig) bool { func isValidConfig(config models.AppConfig) bool {
// 检查关键字段 // 检查关键字段
if config.Metadata.Version == "" || if config.Metadata.Version == "" {
config.Metadata.LastUpdated.IsZero() ||
config.Paths.DataPath == "" {
return false return false
} }
return true return true
@@ -230,12 +228,6 @@ func (cs *ConfigService) GetConfig() (*models.AppConfig, error) {
return defaultConfig, nil return defaultConfig, nil
} }
// 合并默认配置
if err := cs.mergeWithDefaults(&config); err != nil {
return &config, &ConfigError{Operation: "get_merge_defaults", Err: err}
}
return &config, nil return &config, nil
} }
@@ -259,7 +251,17 @@ func (cs *ConfigService) UpdateEditorConfig(editorConfig models.EditorConfig) er
return err return err
} }
// 保存当前的语言设置
currentLanguage := config.Editor.Language
// 更新编辑器配置
config.Editor = editorConfig config.Editor = editorConfig
// 如果更新后的语言设置为空,则使用之前的语言设置
if editorConfig.Language == "" {
config.Editor.Language = currentLanguage
}
return cs.SaveConfig(config) return cs.SaveConfig(config)
} }