🐛 fixed configuration override issue
This commit is contained in:
@@ -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);
|
||||||
|
@@ -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,
|
||||||
|
@@ -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
|
||||||
};
|
};
|
||||||
});
|
});
|
@@ -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)
|
||||||
}
|
}
|
||||||
|
|
||||||
|
Reference in New Issue
Block a user