leafer-ui 2.2.10 → 2.2.11

package/README.md

@@ -8,6 +8,8 @@
 
 官网: [leaferjs.com](https://www.leaferjs.com)
 
+森林: [leafer.pro](https://www.leafer.pro)
+
 **👉 在浏览器里 “跑得动 100 万个图形” 的 Canvas 引擎**  
 **👉 可以做 “Figma 级编辑器” 的 Canvas 内核**
 

package/dist/web.js

@@ -4327,37 +4327,39 @@ var LeaferUI = function(exports) {
             if (oldValue === 0 || value === 0) doBoundsType(leaf);
         }
     }
+    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);
             }
         }));
     }
@@ -6063,6 +6065,11 @@ var LeaferUI = function(exports) {
             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");
@@ -6150,8 +6157,8 @@ var LeaferUI = function(exports) {
         __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();
@@ -6160,7 +6167,7 @@ var LeaferUI = function(exports) {
             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;
         }
@@ -6408,6 +6415,7 @@ var LeaferUI = function(exports) {
             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) {
@@ -6626,7 +6634,7 @@ var LeaferUI = function(exports) {
             this.levelMap = null;
         }
     }
-    const version = "2.2.10";
+    const version = "2.2.11";
     const debug$5 = Debug.get("LeaferCanvas");
     class LeaferCanvas extends LeaferCanvasBase {
         set zIndex(zIndex) {