@blocklet/editor 1.6.201 → 1.6.203

package/lib/main/hooks/useTranslationListener.js

@@ -1,7 +1,6 @@
 import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
 import { useEffect, useRef, useCallback } from 'react';
-import { useMutationObserver } from 'ahooks';
-import debounce from 'lodash/debounce';
+import { useMutationObserver, useDebounceFn } from 'ahooks';
 import { useLocaleContext } from '@arcblock/ux/lib/Locale/context';
 import Toast from '@arcblock/ux/lib/Toast';
 const id = 'translate-check-dom';
@@ -46,17 +45,16 @@ export const useTranslationListener = () => {
         // only not editable
         if (!editor.isEditable()) {
             const translated = !!translateRef.current.originalNode;
+            const withTranslateFlag = document.querySelector('html.translated-ltr, head.translated-rtl, ya-tr-span, *[_msthash], *[_msttexthash], body[data-immersive-translate-walked]') || translateRef.current.defaultLang !== document.documentElement.lang;
             // if not translated or need to reload
-            if ((!translated || reload) &&
-                (document.querySelector('html.translated-ltr, head.translated-rtl, ya-tr-span, *[_msthash], *[_msttexthash], body[data-immersive-translate-walked]') ||
-                    translateRef.current.defaultLang !== document.documentElement.lang)) {
+            if ((!translated || reload) && withTranslateFlag) {
                 const originalNode = editor.getRootElement();
                 if (originalNode) {
                     setTimeout(() => {
                         const clonedNode = originalNode.cloneNode(true);
                         clonedNode.classList.remove('notranslate');
                         clonedNode.addEventListener('click', showTranslationTip);
-                        clonedNode.style.cursor = 'not-allowed';
+                        // clonedNode.style.cursor = 'not-allowed';
                         originalNode?.replaceWith(clonedNode);
                         translateRef.current.originalNode = originalNode;
                         translateRef.current.clonedNode = clonedNode;
@@ -73,6 +71,7 @@ export const useTranslationListener = () => {
             }
         }
     };
+    const { run: debounceAddTranslationDOMListener } = useDebounceFn(addTranslationDOMListener, { wait: 500 });
     useEffect(() => {
         if (!document.getElementById(id)) {
             const defaultTranslationCheckDiv = document.createElement('div');
@@ -86,9 +85,9 @@ export const useTranslationListener = () => {
             document.body.insertBefore(defaultTranslationCheckDiv.cloneNode(true), document.body.firstChild);
         }
         // listen for editor
-        return editor.registerRootListener(debounce(() => addTranslationDOMListener({ reload: true })));
+        return editor.registerRootListener(() => debounceAddTranslationDOMListener({ reload: true }));
     }, []);
-    useMutationObserver(debounce(() => addTranslationDOMListener(), 300), document.getElementById(id), {
+    useMutationObserver(() => debounceAddTranslationDOMListener(), document.getElementById(id), {
         attributes: true,
         childList: true,
     });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/editor",
-  "version": "1.6.201",
+  "version": "1.6.203",
   "main": "lib/index.js",
   "scripts": {
     "dev": "npm run storybook",
@@ -37,9 +37,9 @@
     ]
   },
   "dependencies": {
-    "@arcblock/ux": "^2.9.64",
+    "@arcblock/ux": "^2.9.65",
     "@blocklet/embed": "^0.1.11",
-    "@blocklet/pdf": "1.6.201",
+    "@blocklet/pdf": "1.6.203",
     "@excalidraw/excalidraw": "^0.14.2",
     "@iconify/iconify": "^3.0.1",
     "@lexical/clipboard": "0.13.1",
@@ -108,5 +108,5 @@
     "react": "*",
     "react-dom": "*"
   },
-  "gitHead": "b12220d852b2a001a484cf20d7cbeae2ec821427"
+  "gitHead": "978eaa872271df22a81472ec2a8acb7395a658fd"
 }