lakelib 0.1.19 → 0.1.21

package/lib/lake.js

@@ -676,14 +676,6 @@ class Nodes {
         }
         return true;
     }
-    // Returns a boolean value indicating whether the node and the target node are siblings.
-    isSibling(target) {
-        if (this.length === 0) {
-            return false;
-        }
-        const parent = this.get(0).parentNode;
-        return parent && parent === target.parent().get(0);
-    }
     // Gets a native node at the specified index.
     get(index) {
         return this.nodeList[index];
@@ -732,6 +724,23 @@ class Nodes {
         const element = this.get(0);
         return element.matches(selector);
     }
+    // Returns a boolean value indicating whether a node is a descendant of a given node, that is the node itself,
+    // one of its direct children (childNodes), one of the children's direct children, and so on.
+    contains(otherNode) {
+        if (otherNode instanceof Nodes) {
+            otherNode = otherNode.get(0);
+        }
+        const element = this.get(0);
+        return element.contains(otherNode);
+    }
+    // Returns a boolean value indicating whether the node and the target node are siblings.
+    isSibling(target) {
+        if (this.length === 0) {
+            return false;
+        }
+        const parent = this.get(0).parentNode;
+        return parent && parent === target.parent().get(0);
+    }
     // Returns the descendants of the first element which are selected by the specified CSS selector.
     find(selector) {
         if (typeof selector === 'string') {
@@ -5164,7 +5173,7 @@ function removeBox(range) {
     return box;
 }
 
-var version = "0.1.19";
+var version = "0.1.21";
 
 // Returns the attributes of the element as an key-value object.
 function getAttributes(node) {
@@ -5256,6 +5265,9 @@ class Selection {
     // Updates the saved range with the range of the native selection.
     updateByRange() {
         const newRange = this.getRangeFromNativeSelection();
+        if (!this.container.contains(newRange.commonAncestor)) {
+            return;
+        }
         if (this.range.startNode.get(0) === newRange.startNode.get(0) &&
             this.range.startOffset === newRange.startOffset &&
             this.range.endNode.get(0) === newRange.endNode.get(0) &&
@@ -5494,7 +5506,7 @@ class History {
             const box = getBox(nativeNode);
             box.getContainer().empty();
         });
-        if (range.commonAncestor.isOutside) {
+        if (!this.container.contains(range.commonAncestor)) {
             return newContainer;
         }
         if (range.isInsideBox) {
@@ -5753,27 +5765,27 @@ class Editor {
         this.box = Editor.box;
         this.copyListener = event => {
             const range = this.selection.range;
-            if (range.commonAncestor.closestContainer().get(0) !== this.container.get(0)) {
+            if (!this.container.contains(range.commonAncestor)) {
                 return;
             }
             this.event.emit('copy', event);
         };
         this.cutListener = event => {
             const range = this.selection.range;
-            if (range.commonAncestor.closestContainer().get(0) !== this.container.get(0)) {
+            if (!this.container.contains(range.commonAncestor)) {
                 return;
             }
             this.event.emit('cut', event);
         };
         this.pasteListener = event => {
             const range = this.selection.range;
-            if (range.commonAncestor.closestContainer().get(0) !== this.container.get(0)) {
+            if (!this.container.contains(range.commonAncestor)) {
                 return;
             }
             this.event.emit('paste', event);
         };
         this.selectionchangeListener = () => {
-            this.selection.updateByRange();
+            this.updateSelectionRange();
             this.updateBoxSelectionStyle();
             this.emitStateChangeEvent();
         };
@@ -5787,6 +5799,11 @@ class Editor {
         this.resizeListener = () => {
             this.event.emit('resize');
         };
+        this.updateSelectionRange = debounce(() => {
+            this.selection.updateByRange();
+        }, 1, {
+            immediate: true,
+        });
         // Updates the classes of all boxes when the current selection of the editor is changed.
         this.updateBoxSelectionStyle = debounce(() => {
             // The editor has been unmounted.
@@ -5839,8 +5856,7 @@ class Editor {
         this.emitStateChangeEvent = debounce(() => {
             const commandNames = this.command.getNames();
             let appliedItems = this.selection.getAppliedItems();
-            if (appliedItems.length > 0 &&
-                appliedItems[0].node.closestContainer().get(0) !== this.container.get(0)) {
+            if (appliedItems.length > 0 && !this.container.contains(appliedItems[0].node)) {
                 appliedItems = [];
             }
             const disabledNameMap = new Map();
@@ -6937,6 +6953,10 @@ class Toolbar {
             tabIndex: -1,
             onClick: () => {
                 editor.focus();
+                const range = editor.selection.range;
+                if (!editor.container.contains(range.commonAncestor)) {
+                    range.shrinkAfter(editor.container);
+                }
                 item.onClick(editor, item.name);
             },
         });
@@ -9121,11 +9141,11 @@ var formatPainter = (editor) => {
         markList = [];
         editor.history.save();
     });
-    editor.event.on('click', (tagetNode) => {
-        if (tagetNode.isInside && tagetNode.closestContainer().get(0) === editor.container.get(0)) {
+    editor.event.on('click', (targetNode) => {
+        if (editor.container.contains(targetNode)) {
             return;
         }
-        const buttonNode = tagetNode.closest('button[name="formatPainter"]');
+        const buttonNode = targetNode.closest('button[name="formatPainter"]');
         if (buttonNode.length > 0) {
             return;
         }
@@ -9419,9 +9439,7 @@ var link = (editor) => {
             popup.hide();
             return;
         }
-        if (linkNode.isOutside ||
-            linkNode.closestContainer().get(0) !== editor.container.get(0) ||
-            linkNode.closest('lake-box').length > 0) {
+        if (!editor.container.contains(linkNode) || linkNode.closest('lake-box').length > 0) {
             popup.hide();
             return;
         }