@ones-editor/editor 5.0.3 → 5.0.4-beta.ONES22302091.1

package/dist/index.js

@@ -25955,29 +25955,42 @@ var __publicField = (obj, key, value) => {
       __publicField(this, "hoveringTextChild", null);
       __publicField(this, "filters", []);
       __publicField(this, "finders", []);
+      __publicField(this, "pendingEvent", null);
+      __publicField(this, "animationFrame", null);
       __publicField(this, "handleDocumentMouseMove", (event) => {
         if (this.hoveringBlock) {
           for (const filter of this.filters) {
             if (filter.isInBlock(this.hoveringBlock, event)) {
+              this.cancelPendingEvent();
               return;
             }
           }
         }
-        const elem = getElementFromPoint(event.x, event.y, { noFilter: true });
-        if (!elem) {
-          this.setHoveringBlock(null, event, null, elem);
+        const inEditor = event.target instanceof Node && this.editor.rootElement.contains(event.target);
+        const inFinder = !inEditor && this.finders.some((finder) => !finder.isInScope || finder.isInScope(this.editor, event));
+        if (!inEditor && !inFinder) {
+          this.cancelPendingEvent();
+          if (this.hoveringBlock || this.hoveringTextChild || this.hoveringElem) {
+            this.setHoveringBlock(null, event, null, null);
+          }
           return;
         }
-        let block = getParentBlock(elem);
-        if (!block || !isChildNode(this.editor.rootContainer, block)) {
-          block = this.findBlockByFinders(event);
-          if (!block) {
-            this.setHoveringBlock(null, event, null, elem);
-            return;
-          }
+        if (event.type === "click") {
+          this.processMouseMove(event);
+          return;
+        }
+        this.pendingEvent = event;
+        if (this.animationFrame === null) {
+          this.animationFrame = requestAnimationFrame(this.flushPendingEvent);
+        }
+      });
+      __publicField(this, "flushPendingEvent", () => {
+        this.animationFrame = null;
+        const event = this.pendingEvent;
+        this.pendingEvent = null;
+        if (event) {
+          this.processMouseMove(event);
         }
-        const child = this.getParentTextContentChild(block, elem);
-        this.setHoveringBlock(block, event, child, elem);
       });
       this.editor = editor;
       if (clientType.isMobile) {
@@ -25988,6 +26001,8 @@ var __publicField = (obj, key, value) => {
     }
     destroy() {
       document.removeEventListener("mousemove", this.handleDocumentMouseMove);
+      document.removeEventListener("click", this.handleDocumentMouseMove);
+      this.cancelPendingEvent();
       this.filters.forEach((filter) => filter.destroy());
       this.filters = [];
       this.finders.forEach((finder) => finder.destroy());
@@ -26015,6 +26030,30 @@ var __publicField = (obj, key, value) => {
       }
       return null;
     }
+    cancelPendingEvent() {
+      if (this.animationFrame !== null) {
+        cancelAnimationFrame(this.animationFrame);
+        this.animationFrame = null;
+      }
+      this.pendingEvent = null;
+    }
+    processMouseMove(event) {
+      const elem = getElementFromPoint(event.x, event.y, { noFilter: true });
+      if (!elem) {
+        this.setHoveringBlock(null, event, null, elem);
+        return;
+      }
+      let block = getParentBlock(elem);
+      if (!block || !isChildNode(this.editor.rootContainer, block)) {
+        block = this.findBlockByFinders(event);
+        if (!block) {
+          this.setHoveringBlock(null, event, null, elem);
+          return;
+        }
+      }
+      const child = this.getParentTextContentChild(block, elem);
+      this.setHoveringBlock(block, event, child, elem);
+    }
     setHoveringBlock(block, event, child, pointElem) {
       if (this.hoveringBlock === block && this.hoveringTextChild === child && this.hoveringElem === event.target) {
         return;
@@ -63189,7 +63228,7 @@ $$${mathData.mathjaxText}$$
       alignLeft: "\u5DE6\u63C3\u3048",
       alignRight: "\u53F3\u63C3\u3048",
       alignCenter: "\u4E2D\u592E\u63C3\u3048",
-      alignGroup: "\u5BF9\u9F50\u65B9\u5F0F",
+      alignGroup: "\u6587\u5B57\u63C3\u3048",
       heading: "\u898B\u51FA\u3057{name}",
       headingGroup: "\u30BF\u30A4\u30C8\u30EB\u30B9\u30BF\u30A4\u30EB",
       text: "\u672C\u6587",
@@ -65896,6 +65935,9 @@ $$${mathData.mathjaxText}$$
   const BLOCK_HELPER_BUTTON_WIDTH = 40;
   const BLOCK_TOP_MARGIN = 20;
   class BlockHelperHoveringBlockFinder {
+    isInScope(editor, event) {
+      return event.target instanceof Node && editor.parent.contains(event.target);
+    }
     findTargetBlock(editor, event) {
       const target = event.target;
       if (target && target instanceof Element) {
@@ -97530,7 +97572,7 @@ ${JSON.stringify(error2, null, 2)}`);
         }
       }
     });
-    editor.version = "5.0.3";
+    editor.version = "5.0.4-beta.ONES22302091.1";
     return editor;
   }
   function isDoc(doc2) {
@@ -97666,7 +97708,7 @@ ${JSON.stringify(error2, null, 2)}`);
       OnesEditorDropTarget.register(editor);
       OnesEditorTocProvider.register(editor);
       OnesEditorExclusiveBlock.register(editor);
-      editor.version = "5.0.3";
+      editor.version = "5.0.4-beta.ONES22302091.1";
       return editor;
     } catch (error2) {
       try {
@@ -97809,7 +97851,7 @@ ${JSON.stringify(error2, null, 2)}`);
         }
       }
     });
-    editor.version = "5.0.3";
+    editor.version = "5.0.4-beta.ONES22302091.1";
     return editor;
   }
   const emojis$1 = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ones-editor/editor",
-  "version": "5.0.3",
+  "version": "5.0.4-beta.ONES22302091.1",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "dependencies": {