feat: 新增配置保存和读取、新增文档

- 添加配置数据文件保存和载入
- 添加字幕样式恢复默认的选项
- 添加用户说明文档
- 添加字幕引擎说明文档

src/renderer/src/components/CaptionStyle.vue

@@ -2,7 +2,8 @@
   <a-card size="small" title="字幕样式设置">
     <template #extra>
       <a @click="applyStyle">应用样式</a> |
-      <a @click="resetStyle">取消更改</a>
+      <a @click="backStyle">取消更改</a> |
+      <a @click="resetStyle">恢复默认</a>
     </template>
     <div class="style-item">
       <span class="style-label">字体族</span>
@@ -168,7 +169,7 @@ function applyStyle(){
   captionStyle.sendStyleChange();
 }
 
-function resetStyle(){
+function backStyle(){
   currentFontFamily.value = captionStyle.fontFamily;
   currentFontSize.value = captionStyle.fontSize;
   currentFontColor.value = captionStyle.fontColor;
@@ -181,9 +182,13 @@ function resetStyle(){
   currentTransFontColor.value = captionStyle.transFontColor;
 }
 
+function resetStyle() { 
+  captionStyle.sendStyleReset();
+}
+
 watch(changeSignal, (val) => {
   if(val == true) {
-    resetStyle();
+    backStyle();
     captionStyle.changeSignal = false;
   }
 })

src/renderer/src/stores/captionControl.ts

@@ -76,6 +76,7 @@ export const useCaptionControlStore = defineStore('captionControl', () => {
     targetLang.value = controls.targetLang
     engine.value = controls.engine
     audio.value = controls.audio
+    engineEnabled.value = controls.engineEnabled
     translation.value = controls.translation
     customized.value = controls.customized
     customizedApp.value = controls.customizedApp
@@ -84,7 +85,6 @@ export const useCaptionControlStore = defineStore('captionControl', () => {
   })
 
   window.electron.ipcRenderer.on('control.engine.already', () => { 
-    engineEnabled.value = true
     notification.open({
       message: '字幕引擎已经启动',
       description: '字幕引擎已经启动，请勿重复启动'
@@ -92,7 +92,6 @@ export const useCaptionControlStore = defineStore('captionControl', () => {
   })
   
   window.electron.ipcRenderer.on('control.engine.started', () => { 
-    engineEnabled.value = true
     const str0 = 
       `原语言：${sourceLang.value}，是否翻译：${translation.value?'是':'否'}，` + 
       `字幕引擎：${engine.value}，音频类型：${audio.value ? '输入音频' : '输出音频'}` +
@@ -105,7 +104,6 @@ export const useCaptionControlStore = defineStore('captionControl', () => {
   })
 
   window.electron.ipcRenderer.on('control.engine.stopped', () => { 
-    engineEnabled.value = false
     notification.open({
       message: '字幕引擎停止',
       description: '可点击“启动字幕引擎”按钮重新启动'

src/renderer/src/stores/captionStyle.ts

@@ -40,6 +40,10 @@ export const useCaptionStyleStore = defineStore('captionStyle', () => {
     window.electron.ipcRenderer.send('control.style.change', styles)
   }
 
+  function sendStyleReset() {
+    window.electron.ipcRenderer.send('control.style.reset')
+  }
+
   window.electron.ipcRenderer.on('caption.style.set', (_, args) => {
     fontFamily.value = args.fontFamily
     fontSize.value = args.fontSize
@@ -65,6 +69,7 @@ export const useCaptionStyleStore = defineStore('captionStyle', () => {
     transFontColor,     // 翻译字体颜色
     backgroundRGBA,     // 带透明度的背景颜色
     sendStyleChange,    // 发送样式改变
+    sendStyleReset,   // 恢复默认样式
     changeSignal        // 样式改变信号
   }
 })