@plait/mind 0.2.0 → 0.2.2

package/fesm2020/plait-mind.mjs

@@ -2608,11 +2608,12 @@ class MindNodeComponent extends PlaitPluginElementComponent {
     get handActive() {
         return this.board.pointer === PlaitPointerType.hand;
     }
-    constructor(viewContainerRef, cdr, render2) {
+    constructor(viewContainerRef, cdr, render2, ngZone) {
         super(cdr);
         this.viewContainerRef = viewContainerRef;
         this.cdr = cdr;
         this.render2 = render2;
+        this.ngZone = ngZone;
         this.isEditable = false;
         this.activeG = [];
         this.shapeG = null;
@@ -2661,17 +2662,14 @@ class MindNodeComponent extends PlaitPluginElementComponent {
             this.drawEmojis();
         }
         else {
-            if (value.selected !== previous.selected) {
+            const hasSameSelected = value.selected === previous.selected;
+            const hasSameParent = value.parent === previous.parent;
+            if (!hasSameSelected) {
                 this.drawActiveG();
                 this.updateActiveClass();
             }
-            if (!PlaitMind.isMind(value.element)) {
-                const parent = MindElement.getParent(previous.element);
-                const newParent = MindElement.getParent(value.element);
-                const hasSameChildren = parent.children.length === newParent.children.length;
-                if (!hasSameChildren) {
-                    this.drawLink();
-                }
+            if (!hasSameParent) {
+                this.drawLink();
             }
         }
     }
@@ -3097,18 +3095,20 @@ class MindNodeComponent extends PlaitPluginElementComponent {
             }
         };
         const exitHandle = () => {
-            // unsubscribe
-            valueChange$.unsubscribe();
-            composition$.unsubscribe();
-            mousedown$.unsubscribe();
-            editor.keydown = keydown; // reset keydown
-            // editable status
-            MERGING.set(this.board, false);
-            richtextInstance.plaitReadonly = true;
-            this.richtextComponentRef?.changeDetectorRef.markForCheck();
-            this.isEditable = false;
-            updateMindNodeTopicSize(this.board, this.node, this.richtextG, this.isEditable);
-            IS_TEXT_EDITABLE.set(this.board, false);
+            this.ngZone.run(() => {
+                // unsubscribe
+                valueChange$.unsubscribe();
+                composition$.unsubscribe();
+                mousedown$.unsubscribe();
+                editor.keydown = keydown; // reset keydown
+                // editable status
+                MERGING.set(this.board, false);
+                richtextInstance.plaitReadonly = true;
+                this.richtextComponentRef?.changeDetectorRef.markForCheck();
+                this.isEditable = false;
+                updateMindNodeTopicSize(this.board, this.node, this.richtextG, this.isEditable);
+                IS_TEXT_EDITABLE.set(this.board, false);
+            });
         };
     }
     ngOnDestroy() {
@@ -3122,7 +3122,7 @@ class MindNodeComponent extends PlaitPluginElementComponent {
         }
     }
 }
-MindNodeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: MindNodeComponent, deps: [{ token: i0.ViewContainerRef }, { token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+MindNodeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: MindNodeComponent, deps: [{ token: i0.ViewContainerRef }, { token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
 MindNodeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: MindNodeComponent, selector: "plait-mind-node", usesInheritance: true, ngImport: i0, template: `
         <plait-children
             *ngIf="!element.isCollapsed"
@@ -3147,7 +3147,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImpor
     `,
                     changeDetection: ChangeDetectionStrategy.OnPush
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }, { type: i0.ChangeDetectorRef }, { type: i0.Renderer2 }]; } });
+        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }, { type: i0.ChangeDetectorRef }, { type: i0.Renderer2 }, { type: i0.NgZone }]; } });
 
 const getLayoutOptions = (board) => {
     function getMainAxle(element, parent) {