🎨 Refactor config service

2025-05-01 00:51:16 +08:00
parent 198ba44ceb
commit c9aa8aebcb
16 changed files with 630 additions and 471 deletions
--- a/frontend/src/components/toolbar/Toolbar.vue
+++ b/frontend/src/components/toolbar/Toolbar.vue
@@ -5,7 +5,6 @@ import {useLogStore} from '@/stores/logStore';
 import { useI18n } from 'vue-i18n';
 import { ref } from 'vue';
 import {SUPPORTED_LOCALES, setLocale, SupportedLocaleType} from '@/i18n';
-import { EncodingType } from '@/../bindings/voidraft/internal/models/models';

 const editorStore = useEditorStore();
 const configStore = useConfigStore();
@@ -14,20 +13,6 @@ const { t, locale } = useI18n();

 // 语言下拉菜单
 const showLanguageMenu = ref(false);
-// 编码下拉菜单
-const showEncodingMenu = ref(false);
-
-// 支持的编码格式
-const SUPPORTED_ENCODINGS = [
-  { code: EncodingType.EncodingUTF8, name: 'UTF-8' },
-  { code: EncodingType.EncodingUTF8BOM, name: 'UTF-8 with BOM' },
-  { code: EncodingType.EncodingUTF16LE, name: 'UTF-16 LE' },
-  { code: EncodingType.EncodingUTF16BE, name: 'UTF-16 BE' },
-  { code: EncodingType.EncodingISO88591, name: 'ISO-8859-1' },
-  { code: EncodingType.EncodingGB18030, name: 'GB18030' },
-  { code: EncodingType.EncodingGBK, name: 'GBK' },
-  { code: EncodingType.EncodingBig5, name: 'Big5' }
-];

 // 切换语言
 const changeLanguage = (localeCode: SupportedLocaleType) => {
@@ -38,30 +23,10 @@ const changeLanguage = (localeCode: SupportedLocaleType) => {
 // 切换语言菜单显示
 const toggleLanguageMenu = () => {
  showLanguageMenu.value = !showLanguageMenu.value;
-  if (showLanguageMenu.value) {
-    showEncodingMenu.value = false;
-  }
 };

-// 切换编码
-const changeEncoding = (encoding: EncodingType) => {
-  configStore.setEncoding(encoding);
-  showEncodingMenu.value = false;
-};

-// 切换编码菜单显示
-const toggleEncodingMenu = () => {
-  showEncodingMenu.value = !showEncodingMenu.value;
-  if (showEncodingMenu.value) {
-    showLanguageMenu.value = false;
-  }
-};

-// 获取编码名称
-const getEncodingDisplayName = (encoding: EncodingType) => {
-  const encodingItem = SUPPORTED_ENCODINGS.find(item => item.code === encoding);
-  return encodingItem ? encodingItem.name : encoding;
-};
 </script>

 <template>
@@ -100,25 +65,6 @@ const getEncodingDisplayName = (encoding: EncodingType) => {
        </span>
      </span>
      
-      <!-- 编码选择按钮 -->
-      <div class="selector-dropdown">
-        <button class="selector-btn" @click="toggleEncodingMenu">
-          {{ getEncodingDisplayName(configStore.config.encoding) }}
-          <span class="arrow">▲</span>
-        </button>
-        <div class="selector-menu" v-if="showEncodingMenu">
-          <div 
-            v-for="encoding in SUPPORTED_ENCODINGS" 
-            :key="encoding.code" 
-            class="selector-option"
-            :class="{ active: configStore.config.encoding === encoding.code }"
-            @click="changeEncoding(encoding.code)"
-          >
-            {{ encoding.name }}
-          </div>
-        </div>
-      </div>
-      
      <!-- 语言切换按钮 -->
      <div class="selector-dropdown">
        <button class="selector-btn" @click="toggleLanguageMenu">
--- a/frontend/src/i18n/index.ts
+++ b/frontend/src/i18n/index.ts
@@ -1,6 +1,6 @@
 import {createI18n} from 'vue-i18n';
 import messages from './locales';
-import { GetLanguage, SetLanguage } from '@/../bindings/voidraft/internal/services/configservice';
+import { ConfigService } from '@/../bindings/voidraft/internal/services/config';
 import { LanguageType } from '@/../bindings/voidraft/internal/models';

 // 定义支持的语言类型
@@ -40,7 +40,7 @@ const i18n = createI18n({
 });

 // 立即从后端获取语言设置
-GetLanguage().then(lang => {
+ConfigService.GetLanguage().then(lang => {
    if (lang) {
        i18n.global.locale = lang as any;
    }
@@ -55,7 +55,7 @@ GetLanguage().then(lang => {
 export const setLocale = (locale: SupportedLocaleType) => {
    if (SUPPORTED_LOCALES.some(l => l.code === locale)) {
        // 更新后端配置
-        SetLanguage(locale as LanguageType)
+        ConfigService.SetLanguage(locale as LanguageType)
            .then(() => {
                i18n.global.locale = locale;
                document.documentElement.setAttribute('lang', locale);
--- a/frontend/src/stores/configStore.ts
+++ b/frontend/src/stores/configStore.ts
@@ -2,11 +2,9 @@ import {defineStore} from 'pinia';
 import {ref, watch} from 'vue';
 import {useDebounceFn} from '@vueuse/core';
 import {
-    GetEditorConfig,
-    ResetConfig,
-    UpdateEditorConfig
-} from '@/../bindings/voidraft/internal/services/configservice';
-import {EditorConfig, TabType, EncodingType} from '@/../bindings/voidraft/internal/models/models';
+    ConfigService
+} from '@/../bindings/voidraft/internal/services/config';
+import {EditorConfig, TabType} from '@/../bindings/voidraft/internal/models/models';
 import {useLogStore} from './logStore';
 import { useI18n } from 'vue-i18n';

@@ -20,24 +18,11 @@ const DEFAULT_TAB_SIZE = 4;
 const MIN_TAB_SIZE = 2;
 const MAX_TAB_SIZE = 8;

-// 支持的编码
-const SUPPORTED_ENCODINGS = [
-    EncodingType.EncodingUTF8,
-    EncodingType.EncodingUTF8BOM,
-    EncodingType.EncodingUTF16LE,
-    EncodingType.EncodingUTF16BE,
-    EncodingType.EncodingISO88591,
-    EncodingType.EncodingGB18030,
-    EncodingType.EncodingGBK,
-    EncodingType.EncodingBig5
-];
-
 // 配置项限制定义
 const CONFIG_LIMITS = {
    fontSize: { min: MIN_FONT_SIZE, max: MAX_FONT_SIZE, default: DEFAULT_FONT_SIZE },
    tabSize: { min: MIN_TAB_SIZE, max: MAX_TAB_SIZE, default: DEFAULT_TAB_SIZE },
    tabType: { values: [TabType.TabTypeSpaces, TabType.TabTypeTab], default: TabType.TabTypeSpaces },
-    encoding: { values: SUPPORTED_ENCODINGS, default: EncodingType.EncodingUTF8 }
 };

 export const useConfigStore = defineStore('config', () => {
@@ -48,7 +33,6 @@ export const useConfigStore = defineStore('config', () => {
    // 配置状态
    const config = ref<EditorConfig>(new EditorConfig({
        fontSize: DEFAULT_FONT_SIZE,
-        encoding: EncodingType.EncodingUTF8,
        enableTabIndent: true,
        tabSize: DEFAULT_TAB_SIZE,
        tabType: TabType.TabTypeSpaces
@@ -60,7 +44,7 @@ export const useConfigStore = defineStore('config', () => {
    // 从后端加载配置
    async function loadConfigFromBackend() {
        try {
-            config.value = await GetEditorConfig();
+            config.value = await ConfigService.GetEditorConfig();
            
            // 验证并纠正配置
            validateAndFixConfig();
@@ -110,15 +94,6 @@ export const useConfigStore = defineStore('config', () => {
            hasChanges = true;
        }
        
-        // 验证编码类型是否合法
-        if (!CONFIG_LIMITS.encoding.values.includes(config.value.encoding)) {
-            const oldValue = config.value.encoding;
-            config.value.encoding = CONFIG_LIMITS.encoding.default;
-            
-            logStore.warning(t('config.encodingFixed'));
-            hasChanges = true;
-        }
-        
        // 如果配置被修正，保存回后端
        if (hasChanges && configLoaded.value) {
            saveConfigToBackend();
@@ -128,7 +103,7 @@ export const useConfigStore = defineStore('config', () => {
    // 使用防抖保存配置到后端
    const saveConfigToBackend = useDebounceFn(async () => {
        try {
-            await UpdateEditorConfig(config.value);
+            await ConfigService.UpdateEditorConfig(config.value);
            logStore.info(t('config.saveSuccess'));
        } catch (error) {
            console.error('Failed to save configuration:', error);
@@ -182,22 +157,11 @@ export const useConfigStore = defineStore('config', () => {
            ? TabType.TabTypeTab 
            : TabType.TabTypeSpaces;
    }
-    
-    // 设置编码类型
-    function setEncoding(encoding: string) {
-        // 验证编码是否有效的EncodingType
-        const encodingType = encoding as EncodingType;
-        if (SUPPORTED_ENCODINGS.includes(encodingType)) {
-            config.value.encoding = encodingType;
-        } else {
-            logStore.warning(t('config.invalidEncoding'));
-        }
-    }

    // 重置为默认配置
    async function resetToDefaults() {
        try {
-            await ResetConfig();
+            await ConfigService.ResetConfig();
            await loadConfigFromBackend();
            logStore.info(t('config.resetSuccess'));
        } catch (error) {
@@ -217,7 +181,6 @@ export const useConfigStore = defineStore('config', () => {
        DEFAULT_FONT_SIZE,
        MIN_TAB_SIZE,
        MAX_TAB_SIZE,
-        SUPPORTED_ENCODINGS,

        // 核心方法
        loadConfigFromBackend,
@@ -230,9 +193,6 @@ export const useConfigStore = defineStore('config', () => {
        decreaseFontSize: () => adjustFontSize(-1),
        resetFontSize: () => updateConfig('fontSize', DEFAULT_FONT_SIZE),
        
-        // 编码操作
-        setEncoding,
-        
        // Tab操作
        toggleTabIndent: () => updateConfig('enableTabIndent', val => !val),
        increaseTabSize: () => adjustTabSize(1),