Option: Translation First

New global rules: Original First / Translation First
新增全局规则：文本顺序 [原文在上方](默认) [译文在上方](可选)

Author: lededev

pnpm-workspace.yaml

@@ -0,0 +1,3 @@
+allowBuilds:
+  core-js: true
+  core-js-pure: true

src/config/i18n.js

@@ -1962,6 +1962,27 @@ export const I18N = {
     ja: `完全な実装ではなく、一部のページでスタイルの問題が発生する可能性があります。`,
     ko: `완벽한 구현이 아니며 일부 페이지에서 스타일 문제가 발생할 수 있습니다.`,
   },
+  trans_order: {
+    zh: `文本顺序`,
+    en: `Translation Order`,
+    zh_TW: `文字順序`,
+    ja: `テキスト順序`,
+    ko: `텍스트 순서`,
+  },
+  original_first: {
+    zh: `原文在上方`,
+    en: `Original First`,
+    zh_TW: `原文在上方`,
+    ja: `原文が最初`,
+    ko: `원문이 먼저`,
+  },
+  translation_first: {
+    zh: `译文在上方`,
+    en: `Translation First`,
+    zh_TW: `譯文在上方`,
+    ja: `翻訳が最初`,
+    ko: `번역이 먼저`,
+  },
   transonly_revert: {
     zh: `悬浮显示原文`,
     en: `Hover to Show Original`,

src/config/rules.js

@@ -156,6 +156,7 @@ export const GLOBLA_RULE = {
   splitParagraph: OPT_SPLIT_PARAGRAPH_DISABLE,
   splitLength: 100,
   highlightWords: OPT_HIGHLIGHT_WORDS_DISABLE,
+  transOrder: "original-first", // 文本顺序：原文在上 ("original-first") 或 译文在上 ("translation-first")
 };
 
 // 预设规则列表，初始化时直接注册

src/libs/translator.js

@@ -302,10 +302,10 @@ export class Translator {
   #${APP_CONSTS.boxID}, .${APP_CONSTS.boxID}_warpper,
   #${APP_CONSTS.popupID}, .${APP_CONSTS.popupID}_warpper`;
 
-  static BUILTIN_IGNORE_SELECTOR = `address, area, audio, br, canvas, 
-  data, datalist, embed, head, iframe, input, noscript, map, 
-  object, option, param, picture, progress, 
-  select, script, style, svg, track, textarea, template, 
+  static BUILTIN_IGNORE_SELECTOR = `address, area, audio, br, canvas,
+  data, datalist, embed, head, iframe, input, noscript, map,
+  object, option, param, picture, progress,
+  select, script, style, svg, track, textarea, template,
   video, wbr, .notranslate, [contenteditable='true'], [translate='no']`;
 
   #setting; // 设置选项
@@ -1686,6 +1686,7 @@ export class Translator {
       toLang,
       // skipLangs = [],
       highlightWords,
+      transOrder = "original-first",
     } = this.#rule;
     const {
       newlineLength,
@@ -1718,8 +1719,19 @@ export class Translator {
       }
       inner.appendChild(createLoadingSVG());
       wrapper.appendChild(inner);
+
+      // 在原文和译文之间添加分隔换行
+      const separatorBr = document.createElement("br");
+      separatorBr.hidden = hideOrigin;
+      wrapper.appendChild(separatorBr);
+
       this.#withViewportAnchor(() => {
-        nodes[nodes.length - 1].after(wrapper);
+        // 根据 transOrder 选项决定译文显示位置
+        if (transOrder === "translation-first") {
+          nodes[0].before(wrapper); // 译文在上
+        } else {
+          nodes[nodes.length - 1].after(wrapper); // 原文在上（默认）
+        }
       });
 
       const currentRunId = this.#runId;

src/views/Options/Rules.js

@@ -151,6 +151,7 @@ function RuleFields({ rule, rules, setShow, setKeyword }) {
     splitParagraph = OPT_SPLIT_PARAGRAPH_DISABLE, // 段落切分策略
     splitLength = 0, // 段落切分最大长度
     highlightWords = OPT_HIGHLIGHT_WORDS_DISABLE, // 单词高亮策略
+    transOrder = "original-first", // 文本顺序：原文在上或译文在上
   } = formValues;
 
   // 判断当前表单值是否与初始值不同，决定是否激活“保存”按钮
@@ -491,6 +492,28 @@ function RuleFields({ rule, rules, setShow, setKeyword }) {
               </TextField>
             </Grid>
 
+            {/* 文本顺序设置 */}
+            <Grid item xs={12} sm={12} md={6} lg={3}>
+              <TextField
+                select
+                size="small"
+                fullWidth
+                name="transOrder"
+                value={transOrder}
+                label={i18n("trans_order")}
+                disabled={disabled}
+                onChange={handleChange}
+              >
+                {GlobalItem}
+                <MenuItem value="original-first">
+                  {i18n("original_first")}
+                </MenuItem>
+                <MenuItem value="translation-first">
+                  {i18n("translation_first")}
+                </MenuItem>
+              </TextField>
+            </Grid>
+
             {/* 悬停恢复原文设置 */}
             <Grid item xs={12} sm={12} md={6} lg={3}>
               <TextField