feat(docs): 更新项目文档和图片

src/renderer/src/components/CaptionStyle.vue

@@ -76,12 +76,12 @@
     <div class="input-item">
       <span class="input-label">{{ $t('style.preview') }}</span>
       <a-switch v-model:checked="currentPreview" />
-      <span style="display:inline-block;width:20px;"></span>
+      <span style="display:inline-block;width:10px;"></span>
       <div style="display: inline-block;">
         <span class="switch-label">{{ $t('style.translation') }}</span>
         <a-switch v-model:checked="currentTransDisplay" />
       </div>
-      <span style="display:inline-block;width:20px;"></span>
+      <span style="display:inline-block;width:10px;"></span>
       <div style="display: inline-block;">
         <span class="switch-label">{{ $t('style.textShadow') }}</span>
         <a-switch v-model:checked="currentTextShadow" />

src/renderer/src/components/EngineControl.vue

@@ -41,14 +41,44 @@
     <div class="input-item">
       <span class="input-label">{{ $t('engine.enableTranslation') }}</span>
       <a-switch v-model:checked="currentTranslation" />
-      <span style="display:inline-block;width:20px;"></span>
+      <span style="display:inline-block;width:10px;"></span>
+      <div style="display: inline-block;">
+        <span class="switch-label">{{ $t('engine.customEngine') }}</span>
+        <a-switch v-model:checked="currentCustomized" />
+      </div>
+      <span style="display:inline-block;width:10px;"></span>
       <div style="display: inline-block;">
         <span class="switch-label">{{ $t('engine.showMore') }}</span>
         <a-switch v-model:checked="showMore" />
       </div>
     </div>
 
-    <a-card size="small" :title="$t('engine.showMore')" v-show="showMore">
+    <a-card size="small" :title="$t('engine.custom.title')" v-show="currentCustomized">
+      <template #extra>
+        <a-popover>
+          <template #content>
+            <p class="customize-note">{{ $t('engine.custom.note') }}</p>
+          </template>
+          <a><InfoCircleOutlined />{{ $t('engine.custom.attention') }}</a>
+        </a-popover>
+      </template>
+      <div class="input-item">
+        <span class="input-label">{{ $t('engine.custom.app') }}</span>
+        <a-input
+          class="input-area"
+          v-model:value="currentCustomizedApp"
+        ></a-input>
+      </div>
+      <div class="input-item">
+        <span class="input-label">{{ $t('engine.custom.command') }}</span>
+        <a-input
+          class="input-area"
+          v-model:value="currentCustomizedCommand"
+        ></a-input>
+      </div>
+    </a-card>
+
+    <a-card size="small" :title="$t('engine.showMore')" v-show="showMore" style="margin-top:10px;">
       <div class="input-item">
         <a-popover>
           <template #content>
@@ -79,36 +109,6 @@
           v-model:value="currentModelPath"
         />
       </div>
-      <div class="input-item">
-        <span style="margin-right:5px;">{{ $t('engine.customEngine') }}</span>
-        <a-switch v-model:checked="currentCustomized" />
-      </div>
-      <div v-show="currentCustomized">
-        <a-card size="small" :title="$t('engine.custom.title')">
-          <template #extra>
-            <a-popover>
-              <template #content>
-                <p class="customize-note">{{ $t('engine.custom.note') }}</p>
-              </template>
-              <a><InfoCircleOutlined />{{ $t('engine.custom.attention') }}</a>
-            </a-popover>
-          </template>
-          <div class="input-item">
-            <span class="input-label">{{ $t('engine.custom.app') }}</span>
-            <a-input
-              class="input-area"
-              v-model:value="currentCustomizedApp"
-            ></a-input>
-          </div>
-          <div class="input-item">
-            <span class="input-label">{{ $t('engine.custom.command') }}</span>
-            <a-input
-              class="input-area"
-              v-model:value="currentCustomizedCommand"
-            ></a-input>
-          </div>
-        </a-card>
-      </div>
     </a-card>
   </a-card>
   <div style="height: 20px;"></div>

src/renderer/src/i18n/lang/en.ts

@@ -23,7 +23,7 @@ export default {
     "stoppedInfo": "The caption engine has stopped. You can click the 'Start Caption Engine' button to restart it.",
     "error": "An error occurred",
     "engineError": "The subtitle engine encountered an error and requested a forced exit.",
-    "wsError": "The WebSocket connection between the main program and the subtitle engine was not successfully established.",
+    "socketError": "The Socket connection between the main program and the caption engine failed",
     "engineChange": "Cpation Engine Configuration Changed",
     "changeInfo": "If the caption engine is already running, you need to restart it for the changes to take effect.",
     "styleChange": "Caption Style Changed",
@@ -97,7 +97,7 @@ export default {
     "pid": "Process ID",
     "ppid": "Parent Process ID",
     "cpu": "CPU Usage",
-    "port": "WebSocket Port Number",
+    "port": "Socket Port Number",
     "mem": "Memory Usage",
     "elapsed": "Running Time",
     "customized": "Customized",

src/renderer/src/i18n/lang/ja.ts

@@ -23,7 +23,7 @@ export default {
     "stoppedInfo": "字幕エンジンが停止しました。再起動するには「字幕エンジンを開始」ボタンをクリックしてください。",
     "error": "エラーが発生しました",
     "engineError": "字幕エンジンにエラーが発生し、強制終了が要求されました。",
-    "wsError": "メインプログラムと字幕エンジン間の WebSocket 接続が確立されませんでした。",
+    "socketError": "メインプログラムと字幕エンジンの Socket 接続に失敗しました",
     "engineChange": "字幕エンジンの設定が変更されました",
     "changeInfo": "字幕エンジンがすでに起動している場合、変更を有効にするには再起動が必要です。",
     "styleChange": "字幕のスタイルが変更されました",
@@ -96,7 +96,7 @@ export default {
     "engineStatus": "字幕エンジンの状態",
     "pid": "プロセス ID",
     "ppid": "親プロセス ID",
-    "port": "WebSocket ポート番号",
+    "port": "Socket ポート番号",
     "cpu": "CPU 使用率",
     "mem": "メモリ使用量",
     "elapsed": "稼働時間",

src/renderer/src/i18n/lang/zh.ts

@@ -23,7 +23,7 @@ export default {
     "stoppedInfo": "字幕引擎已经停止，可点击“启动字幕引擎”按钮重新启动",
     "error": "发生错误",
     "engineError": "字幕引擎发生错误并请求强制退出",
-    "wsError": "主程序与字幕引擎的 WebSocket 未成功连接",
+    "socketError": "主程序与字幕引擎的 Socket 连接未成功",
     "engineChange": "字幕引擎配置已更改",
     "changeInfo": "如果字幕引擎已经启动，需要重启字幕引擎修改才会生效",
     "styleChange": "字幕样式已修改",
@@ -96,7 +96,7 @@ export default {
     "engineStatus": "字幕引擎状态",
     "pid": "进程ID",
     "ppid": "父进程ID",
-    "port": "WebSocket 端口号",
+    "port": "Socket 端口号",
     "cpu": "CPU使用率",
     "mem": "内存使用量",
     "elapsed": "运行时间",

src/renderer/src/stores/engineControl.ts

@@ -59,7 +59,7 @@ export const useEngineControlStore = defineStore('engineControl', () => {
       });
       notification.open({
         message: t('noti.error'),
-        description: t("noti.wsError"),
+        description: t("noti.socketError"),
         duration: null,
         icon: () => h(ExclamationCircleOutlined, { style: 'color: #ff4d4f' })
       });