@blocklet/editor 2.1.115 → 2.1.116

package/lib/ext/InlineTranslationPlugin/EditorTranslator.js

@@ -8,15 +8,13 @@ export class EditorTranslator {
     editor;
     options;
     originalEditorState;
-    nodeKeyToSidMap;
-    sidToNodeKeyMap;
+    nodeKeyToSidMap = new Map();
+    sidToNodeKeyMap = new Map();
     translations = [];
     constructor(editor, options) {
         this.editor = editor;
         this.options = options;
-        this.originalEditorState = editor.getEditorState().clone();
-        this.nodeKeyToSidMap = this.editor.getEditorState().read(() => $createNodeKeyToSidMap());
-        this.sidToNodeKeyMap = this.editor.getEditorState().read(() => $createSidToNodeKeyMap());
+        this.originalEditorState = editor.getEditorState();
     }
     get isTranslated() {
         return this.translations.length > 0;
@@ -39,6 +37,10 @@ export class EditorTranslator {
         }, 10);
     }
     async translate({ targetLanguage, translateService, detectLanguage, useCache, }) {
+        // 翻译前备份 editor state (fix 恢复原文时图片路径错误的问题)
+        this.originalEditorState = this.editor.getEditorState();
+        this.nodeKeyToSidMap = this.editor.getEditorState().read(() => $createNodeKeyToSidMap());
+        this.sidToNodeKeyMap = this.editor.getEditorState().read(() => $createSidToNodeKeyMap());
         let nodes = [];
         this.editor.update(() => {
             nodes = $findTranslatableElementNodes()

package/lib/ext/InlineTranslationPlugin/InlineTranslationPlugin.js

@@ -2,7 +2,7 @@ import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
 import { useEffect, useRef } from 'react';
 import { Box } from '@mui/material';
-import { useInViewport } from 'ahooks';
+import { useInViewport, usePrevious } from 'ahooks';
 import { useLocaleContext } from '@arcblock/ux/lib/Locale/context';
 import { useInlineTranslationStore, useStatus, useTargetLanguage } from './store';
 import { useEditorTranslator } from './EditorTranslator';
@@ -20,6 +20,7 @@ function InternalInlineTranslationPlugin({ translateService, detectLanguage, onT
     const useCache = useInlineTranslationStore((s) => s.editorTranslateStates.get(editor)?.useCache);
     const targetLanguage = useTargetLanguage();
     const status = useStatus(editor);
+    const previousStatus = usePrevious(status);
     const editorTranslator = useEditorTranslator({ displayMode });
     const hoveringTranslationElementRef = useHoveringTranslationElement();
     const { locale } = useLocaleContext();
@@ -53,10 +54,10 @@ function InternalInlineTranslationPlugin({ translateService, detectLanguage, onT
         }
     }, [editor, status, inViewport]);
     useEffect(() => {
-        if (status === 'idle') {
+        if (previousStatus === 'completed' && status === 'idle') {
             handleRestore();
         }
-    }, [editor, status]);
+    }, [editor, status, previousStatus]);
     useEffect(() => {
         editorTranslator.updateOptions({ displayMode });
     }, [editorTranslator, displayMode]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/editor",
-  "version": "2.1.115",
+  "version": "2.1.116",
   "main": "lib/index.js",
   "publishConfig": {
     "access": "public"
@@ -66,7 +66,7 @@
     "ufo": "^1.5.4",
     "url-join": "^4.0.1",
     "zustand": "^4.5.5",
-    "@blocklet/pdf": "^2.1.115"
+    "@blocklet/pdf": "^2.1.116"
   },
   "devDependencies": {
     "@babel/core": "^7.25.2",