@leafer-draw/miniapp 2.2.6 → 2.2.8

package/dist/miniapp.module.js

@@ -4814,7 +4814,7 @@ const matrix = {}, {round: round} = Math;
 const LeafHelper = {
     updateAllMatrix(leaf, checkAutoLayout, waitAutoLayout) {
         if (checkAutoLayout && leaf.__hasAutoLayout && leaf.__layout.matrixChanged) waitAutoLayout = true;
-        updateMatrix$2(leaf, checkAutoLayout, waitAutoLayout);
+        updateMatrix$1(leaf, checkAutoLayout, waitAutoLayout);
         if (leaf.isBranch) {
             const {children: children} = leaf;
             for (let i = 0, len = children.length; i < len; i++) {
@@ -4835,9 +4835,10 @@ const LeafHelper = {
         if (layout.matrixChanged) leaf.__updateLocalMatrix();
         if (!layout.waitAutoLayout) leaf.__updateWorldMatrix();
     },
-    updateBounds(leaf) {
+    updateBounds(leaf, noUpdateSize) {
         const layout = leaf.__layout;
         if (layout.boundsChanged) leaf.__updateLocalBounds();
+        if (noUpdateSize) layout.resized = undefined;
         if (!layout.waitAutoLayout) leaf.__updateWorldBounds();
     },
     updateAllWorldOpacity(leaf) {
@@ -4860,7 +4861,7 @@ const LeafHelper = {
         }
     },
     updateAllChange(leaf) {
-        updateChange$1(leaf);
+        updateChange(leaf);
         if (leaf.isBranch) {
             const {children: children} = leaf;
             for (let i = 0, len = children.length; i < len; i++) {
@@ -4882,6 +4883,13 @@ const LeafHelper = {
         if (!fromWorld) fromWorld = leaf.__nowWorld;
         if (leaf.__worldFlipped || Platform.fullImageShadow) currentCanvas.copyWorldByReset(fromCanvas, fromWorld, leaf.__nowWorld, blendMode, onlyResetTransform); else currentCanvas.copyWorldToInner(fromCanvas, fromWorld, leaf.__layout.renderBounds, blendMode);
     },
+    clip(leaf, canvas, options) {
+        if (leaf.__worldOpacity) {
+            canvas.setWorld(leaf.__nowWorld = leaf.__getNowWorld(options));
+            leaf.__drawRenderPath(canvas);
+            canvas.clipUI(leaf);
+        }
+    },
     renderComplex(_leaf, _canvas, _options) {},
     updateComplex(_leaf) {},
     checkComplex(_leaf) {},
@@ -5032,7 +5040,7 @@ const LeafHelper = {
 
 const L = LeafHelper;
 
-const {updateAllMatrix: updateAllMatrix$3, updateMatrix: updateMatrix$2, updateAllWorldOpacity: updateAllWorldOpacity, updateAllChange: updateAllChange$1, updateChange: updateChange$1} = L;
+const {updateAllMatrix: updateAllMatrix$3, updateMatrix: updateMatrix$1, updateAllWorldOpacity: updateAllWorldOpacity, updateAllChange: updateAllChange$1, updateChange: updateChange} = L;
 
 function getTempLocal(t, worldPoint) {
     t.updateLayout();
@@ -5078,7 +5086,7 @@ function checkMask(target, index) {
     return findMask < 0 ? null : (findMask && (findMask = -1), true);
 }
 
-const {updateBounds: updateBounds$3} = LeafHelper;
+const {updateBounds: updateBounds$2} = LeafHelper;
 
 const BranchHelper = {
     sort(a, b) {
@@ -5139,10 +5147,10 @@ const BranchHelper = {
             branch = branchStack[i];
             children = branch.children;
             for (let j = 0, len = children.length; j < len; j++) {
-                updateBounds$3(children[j]);
+                updateBounds$2(children[j]);
             }
             if (exclude && exclude === branch) continue;
-            updateBounds$3(branch);
+            updateBounds$2(branch);
         }
     },
     move(branch, x, y) {
@@ -5204,7 +5212,7 @@ const WaitHelper = {
     }
 };
 
-const {getRelativeWorld: getRelativeWorld$1, updateBounds: updateBounds$2} = LeafHelper;
+const {getRelativeWorld: getRelativeWorld$1, updateBounds: updateBounds$1} = LeafHelper;
 
 const {toOuterOf: toOuterOf$3, getPoints: getPoints, copy: copy$4} = BoundsHelper;
 
@@ -5312,7 +5320,7 @@ class LeafLayout {
     }
     update() {
         const {leaf: leaf} = this, {leafer: leafer} = leaf;
-        if (leaf.isApp) return updateBounds$2(leaf);
+        if (leaf.isApp) return updateBounds$1(leaf);
         if (leafer) {
             if (leafer.ready) leafer.watcher.changed && leafer.layouter.layout(); else leafer.start();
         } else {
@@ -6049,9 +6057,12 @@ const LeafDataProxy = {
         }
     },
     emitPropertyEvent(type, name, oldValue, newValue) {
-        const event = new PropertyEvent(type, this, name, oldValue, newValue);
-        this.isLeafer || this.hasEvent(type) && this.emitEvent(event);
-        this.leafer.emitEvent(event);
+        const {leafer: leafer} = this;
+        if (leafer.config.trackChanges || leafer.zoomLayer === this) {
+            const event = new PropertyEvent(type, this, name, oldValue, newValue);
+            this.isLeafer || this.hasEvent(type) && this.emitEvent(event);
+            leafer.emitEvent(event);
+        } else leafer.watcher.add(this);
     },
     __realSetAttr(name, newValue) {
         const data = this.__;
@@ -6096,9 +6107,9 @@ const LeafMatrix = {
     }
 };
 
-const {updateMatrix: updateMatrix$1, updateAllMatrix: updateAllMatrix$2} = LeafHelper;
+const {updateMatrix: updateMatrix, updateAllMatrix: updateAllMatrix$2} = LeafHelper;
 
-const {updateBounds: updateBounds$1} = BranchHelper;
+const {updateBounds: updateBounds} = BranchHelper;
 
 const {toOuterOf: toOuterOf$2, copyAndSpread: copyAndSpread$2, copy: copy$3} = BoundsHelper;
 
@@ -6201,14 +6212,14 @@ const LeafBounds = {
                 if (this.__layout.childrenSortChanged) this.__updateSortChildren();
                 if (this.__layout.boxChanged) this.__updateFlowLayout();
                 updateAllMatrix$2(this);
-                updateBounds$1(this, this);
+                updateBounds(this, this);
                 if (this.__.__autoSide) this.__updateBoxBounds(true);
             } else {
                 updateAllMatrix$2(this);
-                updateBounds$1(this, this);
+                updateBounds(this, this);
             }
         } else {
-            updateMatrix$1(this);
+            updateMatrix(this);
         }
     },
     __updateNaturalSize() {
@@ -6254,11 +6265,7 @@ const LeafRender = {
         }
     },
     __clip(canvas, options) {
-        if (this.__worldOpacity) {
-            canvas.setWorld(this.__nowWorld = this.__getNowWorld(options));
-            this.__drawRenderPath(canvas);
-            canvas.clipUI(this);
-        }
+        LeafHelper.clip(this, canvas, options);
     },
     __updateWorldOpacity() {
         this.__worldOpacity = this.__.visible ? this.parent ? this.parent.__worldOpacity * this.__.opacity : this.__.opacity : 0;
@@ -6881,9 +6888,12 @@ let Branch = class Branch extends Leaf {
         if (this.isFrame) child.__bindFrame(null);
     }
     __emitChildEvent(type, child) {
-        const event = new ChildEvent(type, child, this);
-        if (this.hasEvent(type) && !this.isLeafer) this.emitEvent(event);
-        this.leafer.emitEvent(event);
+        const {leafer: leafer} = this;
+        if (leafer.config.trackChanges || leafer.zoomLayer === this) {
+            const event = new ChildEvent(type, child, this);
+            if (this.hasEvent(type) && !this.isLeafer) this.emitEvent(event);
+            leafer.emitEvent(event);
+        } else leafer.watcher.addChild(child, this, type);
     }
 };
 
@@ -7036,7 +7046,7 @@ class LeafLevelList {
     }
 }
 
-const version = "2.2.6";
+const version = "2.2.8";
 
 class LeaferCanvas extends LeaferCanvasBase {
     get allowBackgroundColor() {
@@ -7329,6 +7339,7 @@ class Watcher {
     }
     constructor(target, userConfig) {
         this.totalTimes = 0;
+        this.changed = 0;
         this.config = {};
         this.__updatedList = new LeafList;
         this.target = target;
@@ -7348,8 +7359,10 @@ class Watcher {
         this.disabled = true;
     }
     update() {
-        this.changed = true;
-        if (this.running) this.target.emit(RenderEvent.REQUEST);
+        if (this.changed < 100) {
+            this.changed++;
+            if (this.running) this.target.emit(RenderEvent.REQUEST);
+        }
     }
     __onAttrChange(event) {
         this.add(event.target);
@@ -7358,18 +7371,21 @@ class Watcher {
         if (this.config.usePartLayout) this.__updatedList.add(leaf);
         this.update();
     }
-    __onChildEvent(event) {
+    addChild(child, parent, eventType) {
         if (this.config.usePartLayout) {
-            if (event.type === ChildEvent.ADD) {
+            if (eventType === ChildEvent.ADD) {
                 this.hasAdd = true;
-                this.__pushChild(event.child);
+                this.__pushChild(child);
             } else {
                 this.hasRemove = true;
-                this.__updatedList.add(event.parent);
+                this.__updatedList.add(parent);
             }
         }
         this.update();
     }
+    __onChildEvent(event) {
+        this.addChild(event.child, event.parent, event.type);
+    }
     __pushChild(child) {
         this.__updatedList.add(child);
         if (child.isBranch) this.__loopChildren(child);
@@ -7384,7 +7400,8 @@ class Watcher {
         }));
         this.__updatedList = new LeafList;
         this.totalTimes++;
-        this.changed = this.hasVisible = this.hasRemove = this.hasAdd = false;
+        this.hasVisible = this.hasRemove = this.hasAdd = false;
+        this.changed = 0;
     }
     __listenEvents() {
         this.__eventIds = [ this.target.on_([ [ PropertyEvent.CHANGE, this.__onAttrChange, this ], [ [ ChildEvent.ADD, ChildEvent.REMOVE ], this.__onChildEvent, this ], [ WatchEvent.REQUEST, this.__onRquestData, this ] ]) ];
@@ -7405,47 +7422,57 @@ const {updateAllMatrix: updateAllMatrix$1, updateBounds: updateOneBounds, update
 
 const {pushAllChildBranch: pushAllChildBranch, pushAllParent: pushAllParent} = BranchHelper;
 
-function updateMatrix(updateList, levelList) {
-    let layout;
-    updateList.list.forEach(leaf => {
-        layout = leaf.__layout;
-        if (levelList.without(leaf) && !layout.proxyZoom) {
-            if (layout.matrixChanged) {
-                updateAllMatrix$1(leaf, true);
-                levelList.add(leaf);
-                if (leaf.isBranch) pushAllChildBranch(leaf, levelList);
-                pushAllParent(leaf, levelList);
-            } else if (layout.boundsChanged) {
-                levelList.add(leaf);
-                if (leaf.isBranch) leaf.__tempNumber = 0;
-                pushAllParent(leaf, levelList);
+const LayouterHelper = {
+    updateMatrix(updateList, levelList) {
+        let index = 0, leaf, layout;
+        const {list: list} = updateList;
+        while (index < list.length) {
+            leaf = list[index];
+            layout = leaf.__layout;
+            if (levelList.without(leaf) && !layout.proxyZoom) {
+                if (layout.matrixChanged) {
+                    updateAllMatrix$1(leaf, true);
+                    if (leaf.isBranch) pushAllChildBranch(leaf, levelList);
+                    push(leaf, levelList);
+                } else if (layout.boundsChanged) {
+                    if (leaf.isBranch) leaf.__tempNumber = 0;
+                    push(leaf, levelList);
+                }
             }
+            index++;
         }
-    });
-}
-
-function updateBounds(boundsList) {
-    let list, branch, children;
-    boundsList.sort(true);
-    boundsList.levels.forEach(level => {
-        list = boundsList.levelMap[level];
-        for (let i = 0, len = list.length; i < len; i++) {
-            branch = list[i];
-            if (branch.isBranch && branch.__tempNumber) {
-                children = branch.children;
-                for (let j = 0, jLen = children.length; j < jLen; j++) {
-                    if (!children[j].isBranch) {
-                        updateOneBounds(children[j]);
+    },
+    updateBounds(boundsList) {
+        let index = 0, level, list, branch, children;
+        const {levels: levels, levelMap: levelMap} = boundsList;
+        boundsList.sort(true);
+        while (index < levels.length) {
+            level = levels[index];
+            list = levelMap[level];
+            for (let i = 0, len = list.length; i < len; i++) {
+                branch = list[i];
+                if (branch.isBranch && branch.__tempNumber) {
+                    children = branch.children;
+                    for (let j = 0, jLen = children.length; j < jLen; j++) {
+                        if (!children[j].isBranch) {
+                            updateOneBounds(children[j]);
+                        }
                     }
                 }
+                updateOneBounds(branch);
             }
-            updateOneBounds(branch);
+            index++;
         }
-    });
-}
+    },
+    updateChange(updateList) {
+        updateList.list.forEach(updateOneChange);
+    },
+    push: push
+};
 
-function updateChange(updateList) {
-    updateList.list.forEach(updateOneChange);
+function push(leaf, levelList) {
+    levelList.add(leaf);
+    pushAllParent(leaf, levelList);
 }
 
 const {worldBounds: worldBounds} = LeafBoundsHelper;
@@ -7552,9 +7579,9 @@ class Layouter {
         target.emitEvent(new LayoutEvent(BEFORE, blocks, this.times));
         this.extraBlock = null;
         updateList.sort();
-        updateMatrix(updateList, this.__levelList);
-        updateBounds(this.__levelList);
-        updateChange(updateList);
+        LayouterHelper.updateMatrix(updateList, this.__levelList);
+        LayouterHelper.updateBounds(this.__levelList);
+        LayouterHelper.updateChange(updateList);
         if (this.extraBlock) blocks.push(this.extraBlock);
         blocks.forEach(item => item.setAfter());
         target.emitEvent(new LayoutEvent(LAYOUT, blocks, this.times));
@@ -7584,11 +7611,16 @@ class Layouter {
         if (target.isBranch) BranchHelper.updateBounds(target); else LeafHelper.updateBounds(target);
         updateAllChange(target);
     }
-    addExtra(leaf) {
+    addExtra(leaf, updateBounds) {
         if (!this.__updatedList.has(leaf)) {
             const {updatedList: updatedList, beforeBounds: beforeBounds} = this.extraBlock || (this.extraBlock = new LayoutBlockData([]));
             updatedList.length ? beforeBounds.add(leaf.__world) : beforeBounds.set(leaf.__world);
             updatedList.add(leaf);
+            if (updateBounds) {
+                const list = this.__levelList;
+                LayouterHelper.push(leaf, list);
+                list.sort(true);
+            }
         }
     }
     createBlock(data) {
@@ -8835,6 +8867,7 @@ let Leafer = Leafer_1 = class Leafer extends Group {
             start: true,
             hittable: true,
             smooth: true,
+            trackChanges: true,
             lazySpeard: 100
         };
         this.leafs = 0;
@@ -10236,7 +10269,7 @@ function checkSizeAndCreateData(ui, attrName, paint, image, leafPaint, boxBounds
         data.__naturalHeight = image.height / data.pixelRatio;
         if (data.__autoSide) {
             ui.forceUpdate();
-            LeafHelper.updateBounds(ui);
+            LeafHelper.updateBounds(ui, true);
             ui.__layout.boundsChanged = true;
             if (ui.__proxyData) {
                 ui.setProxyAttr("width", data.width);
@@ -11511,4 +11544,4 @@ try {
     if (wx) useCanvas("miniapp", wx);
 } catch (_a) {}
 
-export { AlignHelper, Answer, AroundHelper, AutoBounds, BezierHelper, Bounds, BoundsEvent, BoundsHelper, Box, BoxData, Branch, BranchHelper, BranchRender, Canvas, CanvasData, CanvasManager, ChildEvent, ColorConvert, Creator, DataHelper, Debug, Direction4, Direction9, Effect, Ellipse, EllipseData, EllipseHelper, Event, EventCreator, Eventer, Export, FileHelper, Filter, FourNumberHelper, Frame, FrameData, Group, GroupData, Image, ImageData, ImageEvent, ImageManager, IncrementId, LayoutEvent, Layouter, Leaf, LeafBounds, LeafBoundsHelper, LeafData, LeafDataProxy, LeafEventer, LeafHelper, LeafLayout, LeafLevelList, LeafList, LeafMatrix, LeafRender, Leafer, LeaferCanvas, LeaferCanvasBase, LeaferData, LeaferEvent, LeaferFilm, LeaferImage, LeaferVideo, Line, LineData, MathHelper, Matrix, MatrixHelper, MyImage, NeedConvertToCanvasCommandMap, OneRadian, PI2, PI_2, Paint, PaintGradient, PaintImage, Path, PathArrow, PathBounds, PathCommandDataHelper, PathCommandMap, PathCommandNodeHelper, PathConvert, PathCorner, PathCreator, PathData, PathDrawer, PathHelper, PathNodeHandleType, PathNumberCommandLengthMap, PathNumberCommandMap, Pen, PenData, Platform, Plugin, Point, PointHelper, Polygon, PolygonData, PropertyEvent, Rect, RectData, RectHelper, RectRender, RenderEvent, Renderer, ResizeEvent, Resource, Run, Star, StarData, State, StringNumberMap, TaskItem, TaskProcessor, Text, TextConvert, TextData, Transition, TwoPointBoundsHelper, UI, UIBounds, UICreator, UIData, UIRender, UnitConvert, UnitConvertHelper, WaitHelper, WatchEvent, Watcher, affectRenderBoundsType, affectStrokeBoundsType, attr, autoLayoutType, boundsType, canvasPatch, canvasSizeAttrs, createAttr, createDescriptor, cursorType, dataProcessor, dataType, decorateLeafAttr, defineDataProcessor, defineKey, defineLeafAttr, dimType, doBoundsType, doStrokeType, doSurfaceType, effectType, emptyData, eraserType, extraPropertyEventMap, getBoundsData, getDescriptor, getMatrixData, getPointData, hitType, isArray, isData, isEmptyData, isFinite, isNull, isNumber, isObject, isString, isUndefined, layoutProcessor, leaferTransformAttrMap, maskType, naturalBoundsType, opacityType, path, pathInputType, pathType, pen, positionType, registerPointsCurve, registerUI, registerUIEvent, resizeType, rewrite, rewriteAble, rotationType, scaleType, scrollType, sortType, strokeType, surfaceType, tempBounds$2 as tempBounds, tempMatrix$2 as tempMatrix, tempPoint$3 as tempPoint, tryToNumber, useCanvas, useModule, version, visibleType, zoomLayerType };
+export { AlignHelper, Answer, AroundHelper, AutoBounds, BezierHelper, Bounds, BoundsEvent, BoundsHelper, Box, BoxData, Branch, BranchHelper, BranchRender, Canvas, CanvasData, CanvasManager, ChildEvent, ColorConvert, Creator, DataHelper, Debug, Direction4, Direction9, Effect, Ellipse, EllipseData, EllipseHelper, Event, EventCreator, Eventer, Export, FileHelper, Filter, FourNumberHelper, Frame, FrameData, Group, GroupData, Image, ImageData, ImageEvent, ImageManager, IncrementId, LayoutEvent, Layouter, LayouterHelper, Leaf, LeafBounds, LeafBoundsHelper, LeafData, LeafDataProxy, LeafEventer, LeafHelper, LeafLayout, LeafLevelList, LeafList, LeafMatrix, LeafRender, Leafer, LeaferCanvas, LeaferCanvasBase, LeaferData, LeaferEvent, LeaferFilm, LeaferImage, LeaferVideo, Line, LineData, MathHelper, Matrix, MatrixHelper, MyImage, NeedConvertToCanvasCommandMap, OneRadian, PI2, PI_2, Paint, PaintGradient, PaintImage, Path, PathArrow, PathBounds, PathCommandDataHelper, PathCommandMap, PathCommandNodeHelper, PathConvert, PathCorner, PathCreator, PathData, PathDrawer, PathHelper, PathNodeHandleType, PathNumberCommandLengthMap, PathNumberCommandMap, Pen, PenData, Platform, Plugin, Point, PointHelper, Polygon, PolygonData, PropertyEvent, Rect, RectData, RectHelper, RectRender, RenderEvent, Renderer, ResizeEvent, Resource, Run, Star, StarData, State, StringNumberMap, TaskItem, TaskProcessor, Text, TextConvert, TextData, Transition, TwoPointBoundsHelper, UI, UIBounds, UICreator, UIData, UIRender, UnitConvert, UnitConvertHelper, WaitHelper, WatchEvent, Watcher, affectRenderBoundsType, affectStrokeBoundsType, attr, autoLayoutType, boundsType, canvasPatch, canvasSizeAttrs, createAttr, createDescriptor, cursorType, dataProcessor, dataType, decorateLeafAttr, defineDataProcessor, defineKey, defineLeafAttr, dimType, doBoundsType, doStrokeType, doSurfaceType, effectType, emptyData, eraserType, extraPropertyEventMap, getBoundsData, getDescriptor, getMatrixData, getPointData, hitType, isArray, isData, isEmptyData, isFinite, isNull, isNumber, isObject, isString, isUndefined, layoutProcessor, leaferTransformAttrMap, maskType, naturalBoundsType, opacityType, path, pathInputType, pathType, pen, positionType, registerPointsCurve, registerUI, registerUIEvent, resizeType, rewrite, rewriteAble, rotationType, scaleType, scrollType, sortType, strokeType, surfaceType, tempBounds$2 as tempBounds, tempMatrix$2 as tempMatrix, tempPoint$3 as tempPoint, tryToNumber, useCanvas, useModule, version, visibleType, zoomLayerType };