refactor(settings): 移除界面缩放和深色主题选项

- 移除界面缩放滑块（功能不实用且组件外观不一致）

- 移除深色主题选项（暂未做深色主题适配）

Author: Applesaber

ChuChartManager/Front/src/locales/en.yaml

@@ -16,11 +16,8 @@ settings:
   theme: Theme
   themeAuto: Auto
   themeLight: Light
-  themeDark: Dark
   themeHue: Theme Hue
   reset: Reset
-  zoom: UI Scale
-  zoomAuto: Auto
   gameDirectory: Game Directory
   currentPath: Current Path
   changeDirectory: Change Directory

ChuChartManager/Front/src/locales/ja.yaml

@@ -16,11 +16,8 @@ settings:
   theme: テーマ
   themeAuto: 自動
   themeLight: ライト
-  themeDark: ダーク
   themeHue: テーマ色相
   reset: リセット
-  zoom: UI スケール
-  zoomAuto: 自動
   gameDirectory: ゲームディレクトリ
   currentPath: 現在のパス
   changeDirectory: ディレクトリ変更

ChuChartManager/Front/src/locales/zh.yaml

@@ -16,11 +16,8 @@ settings:
   theme: 主题
   themeAuto: 自动
   themeLight: 浅色
-  themeDark: 深色
   themeHue: 主题色相
   reset: 重置
-  zoom: 界面缩放
-  zoomAuto: 自动
   gameDirectory: 游戏目录
   currentPath: 当前路径
   changeDirectory: 切换目录

ChuChartManager/Front/src/views/Settings.vue

@@ -1,10 +1,10 @@
 <script setup lang="ts">
 import { ref, computed, onMounted } from 'vue'
 import { useI18n } from 'vue-i18n'
-import { Button, Select, Range } from '@munet/ui'
+import { Button, Select } from '@munet/ui'
 import { selectedThemeHue, selectedThemeName, UIThemes } from '@munet/ui'
 import type { SelectOption } from '@munet/ui'
-import { apiClient, isWebView } from '@/api'
+import { apiClient } from '@/api'
 import { setStatus } from '@/store/status'
 import { availableLocales, localeLabels, setLocale, locale } from '@/locales'
 import type { Locale } from '@/locales'
@@ -16,27 +16,9 @@ const historyPaths = ref<string[]>([])
 const switching = ref(false)
 const error = ref('')
 
-const uiZoom = ref(0)
-const autoZoom = 100
-
-const zoomDisplay = computed({
-  get: () => uiZoom.value || autoZoom,
-  set: (v: number) => {
-    uiZoom.value = v
-    postZoom(v)
-  }
-})
-
-function postZoom(value: number) {
-  if (isWebView) {
-    ;(window as any).chrome.webview.postMessage(JSON.stringify({ type: 'setZoom', value }))
-  }
-}
-
 const themeOptions = computed<SelectOption[]>(() => [
   { label: t('settings.themeAuto'), value: UIThemes.Auto },
   { label: t('settings.themeLight'), value: UIThemes.DynamicLight },
-  { label: t('settings.themeDark'), value: UIThemes.Dark },
 ])
 
 const localeOptions = computed(() =>
@@ -55,11 +37,6 @@ function resetHue() {
   selectedThemeHue.value = 353
 }
 
-function resetZoom() {
-  uiZoom.value = 0
-  postZoom(0)
-}
-
 async function handleChangeDirectory() {
   error.value = ''
   try {
@@ -125,19 +102,6 @@ async function deleteHistory(path: string) {
           />
           <Button @click="resetHue" class="shrink-0">{{ t('settings.reset') }}</Button>
         </div>
-        <div v-if="isWebView" class="flex items-center gap-2">
-          <span class="shrink-0 op-60">{{ t('settings.zoom') }}</span>
-          <input
-            type="range" min="50" max="250" step="5"
-            :value="zoomDisplay"
-            @input="(e: Event) => zoomDisplay = Number((e.target as HTMLInputElement).value)"
-            class="flex-1"
-          />
-          <span class="ml-auto shrink-0 text-sm op-60 w-12">
-            {{ uiZoom === 0 ? t('settings.zoomAuto') : `${uiZoom}%` }}
-          </span>
-          <Button @click="resetZoom" class="shrink-0">{{ t('settings.reset') }}</Button>
-        </div>
         <div class="flex items-center gap-3">
           <span class="shrink-0 op-60">{{ t('settings.language') }}</span>
           <Select :options="localeOptions" :value="locale" @change="(v: any) => setLocale(v as Locale)" />