leafer-ui 2.2.10 → 2.2.11

package/dist/web.module.js

@@ -4607,39 +4607,44 @@ function doVisible(leaf, key, value, oldValue) {
     }
 }
 
+function sortParentChange(parent) {
+    parent.__layout.childrenSortChange();
+    if (parent.__.flow) parent.__layout.boxChange();
+}
+
 function sortType(defaultValue) {
     return decorateLeafAttr(defaultValue, key => attr({
         set(value) {
             if (this.__setAttr(key, value)) {
-                this.waitParent(() => {
-                    const {parent: parent} = this;
-                    parent.__layout.childrenSortChange();
-                    if (parent.__.flow) parent.__layout.boxChange();
-                });
+                this.waitParentChange(sortParentChange);
             }
         }
     }));
 }
 
+function maskParentChange(parent) {
+    parent.__updateMask();
+}
+
 function maskType(defaultValue, updateSelf) {
     return decorateLeafAttr(defaultValue, key => attr({
         set(value) {
             if (this.__setAttr(key, value)) {
                 this.__layout.boxChanged || this.__layout.boxChange();
-                updateSelf ? this.__updateMask() : this.waitParent(() => {
-                    this.parent.__updateMask(value);
-                });
+                updateSelf ? this.__updateMask() : this.waitParentChange(maskParentChange);
             }
         }
     }));
 }
 
+function eraserParentChange(parent) {
+    parent.__updateEraser();
+}
+
 function eraserType(defaultValue) {
     return decorateLeafAttr(defaultValue, key => attr({
         set(value) {
-            this.__setAttr(key, value) && this.waitParent(() => {
-                this.parent.__updateEraser(value);
-            });
+            this.__setAttr(key, value) && this.waitParentChange(eraserParentChange);
         }
     }));
 }
@@ -6473,6 +6478,11 @@ let Leaf = class Leaf {
         this.__hasMask = this.__hasEraser = null;
         this.forceUpdate();
     }
+    waitParentChange(item) {
+        this.__parentChange || (this.__parentChange = []);
+        if (!this.__parentChange.includes(item)) this.__parentChange.push(item);
+        if (this.parent) item(this.parent, this);
+    }
     waitParent(item, bind) {
         if (bind) item = item.bind(bind);
         this.parent ? item() : this.on(ChildEvent.ADD, item, "once");
@@ -6560,8 +6570,8 @@ let Leaf = class Leaf {
     __extraUpdate() {
         if (this.leaferIsReady) this.leafer.layouter.addExtra(this);
     }
-    __updateEraser(value) {
-        this.__hasEraser = value ? true : this.children.some(item => item.__.eraser);
+    __updateEraser() {
+        this.__hasEraser = this.children.some(item => item.__.eraser);
     }
     __renderEraser(canvas, options) {
         canvas.save();
@@ -6570,7 +6580,7 @@ let Leaf = class Leaf {
         canvas.clearRect(r.x, r.y, r.width, r.height);
         canvas.restore();
     }
-    __updateMask(_value) {
+    __updateMask() {
         const hasMask = this.children.some(item => item.__.mask && item.__.visible && item.__.opacity);
         this.__hasMask = this.__.maskskip ? hasMask && 0 : hasMask;
     }
@@ -6824,6 +6834,7 @@ let Branch = class Branch extends Leaf {
         const childLayout = child.__layout;
         childLayout.boxChanged || childLayout.boxChange();
         childLayout.matrixChanged || childLayout.matrixChange();
+        if (child.__parentChange) child.__parentChange.forEach(item => item(this, child));
         if (child.__bubbleMap) child.__emitLifeEvent(ChildEvent.ADD);
         if (this.isFrame) child.__bindFrame(this);
         if (this.leafer) {
@@ -7046,7 +7057,7 @@ class LeafLevelList {
     }
 }
 
-const version = "2.2.10";
+const version = "2.2.11";
 
 const debug$5 = Debug.get("LeaferCanvas");