leafer-game 2.2.5 → 2.2.7

package/dist/web.js

@@ -434,7 +434,7 @@ var LeaferUI = function(exports) {
     }
     const {sin: sin$6, cos: cos$6, acos: acos, sqrt: sqrt$5} = Math;
     const {float: float$5} = MathHelper;
-    const tempPoint$6 = {};
+    const tempPoint$7 = {};
     function getWorld() {
         return Object.assign(Object.assign(Object.assign({}, getMatrixData()), getBoundsData()), {
             scaleX: 1,
@@ -491,8 +491,8 @@ var LeaferUI = function(exports) {
             to.f = t.f * pixelRatio;
         },
         scaleOfOuter(t, origin, scaleX, scaleY) {
-            M$7.toInnerPoint(t, origin, tempPoint$6);
-            M$7.scaleOfInner(t, tempPoint$6, scaleX, scaleY);
+            M$7.toInnerPoint(t, origin, tempPoint$7);
+            M$7.scaleOfInner(t, tempPoint$7, scaleX, scaleY);
         },
         scaleOfInner(t, origin, scaleX, scaleY = scaleX) {
             M$7.translateInner(t, origin.x, origin.y);
@@ -510,8 +510,8 @@ var LeaferUI = function(exports) {
             t.d = c * sinR + d * cosR;
         },
         rotateOfOuter(t, origin, rotation) {
-            M$7.toInnerPoint(t, origin, tempPoint$6);
-            M$7.rotateOfInner(t, tempPoint$6, rotation);
+            M$7.toInnerPoint(t, origin, tempPoint$7);
+            M$7.rotateOfInner(t, tempPoint$7, rotation);
         },
         rotateOfInner(t, origin, rotation) {
             M$7.translateInner(t, origin.x, origin.y);
@@ -532,8 +532,8 @@ var LeaferUI = function(exports) {
             }
         },
         skewOfOuter(t, origin, skewX, skewY) {
-            M$7.toInnerPoint(t, origin, tempPoint$6);
-            M$7.skewOfInner(t, tempPoint$6, skewX, skewY);
+            M$7.toInnerPoint(t, origin, tempPoint$7);
+            M$7.skewOfInner(t, tempPoint$7, skewX, skewY);
         },
         skewOfInner(t, origin, skewX, skewY = 0) {
             M$7.translateInner(t, origin.x, origin.y);
@@ -951,7 +951,7 @@ var LeaferUI = function(exports) {
             return this;
         }
     }
-    const tempPoint$5 = new Point;
+    const tempPoint$6 = new Point;
     class Matrix {
         constructor(a, b, c, d, e, f) {
             this.set(a, b, c, d, e, f);
@@ -1814,7 +1814,7 @@ var LeaferUI = function(exports) {
         return name;
     }
     const D$5 = Debug;
-    const debug$g = Debug.get("RunTime");
+    const debug$h = Debug.get("RunTime");
     const Run = {
         currentId: 0,
         currentName: "",
@@ -1832,7 +1832,7 @@ var LeaferUI = function(exports) {
             const time = R$1.idMap[id], name = R$1.nameMap[id];
             const duration = microsecond ? (performance.now() - time) / 1e3 : Date.now() - time;
             R$1.idMap[id] = R$1.nameMap[id] = R$1.nameToIdMap[name] = undefined;
-            debug$g.log(name, duration, "ms");
+            debug$h.log(name, duration, "ms");
         },
         endOfName(name, microsecond) {
             const id = R$1.nameToIdMap[name];
@@ -1862,17 +1862,17 @@ var LeaferUI = function(exports) {
             return Plugin.need("editor");
         }
     };
-    const debug$f = Debug.get("UICreator");
+    const debug$g = Debug.get("UICreator");
     const UICreator = {
         list: {},
         register(UI) {
             const {__tag: tag} = UI.prototype;
-            if (list$1[tag]) debug$f.repeat(tag);
+            if (list$1[tag]) debug$g.repeat(tag);
             list$1[tag] = UI;
         },
         get(tag, data, x, y, width, height) {
             if (!list$1[tag]) {
-                debug$f.warn("not register " + tag);
+                debug$g.warn("not register " + tag);
                 return undefined;
             }
             const ui = new list$1[tag](data);
@@ -1886,14 +1886,14 @@ var LeaferUI = function(exports) {
         }
     };
     const {list: list$1} = UICreator;
-    const debug$e = Debug.get("EventCreator");
+    const debug$f = Debug.get("EventCreator");
     const EventCreator = {
         nameList: {},
         register(Event) {
             let name;
             Object.keys(Event).forEach(key => {
                 name = Event[key];
-                if (isString(name)) nameList[name] && debug$e.repeat(name), nameList[name] = Event;
+                if (isString(name)) nameList[name] && debug$f.repeat(name), nameList[name] = Event;
             });
         },
         changeName(oldName, newName) {
@@ -2529,7 +2529,7 @@ var LeaferUI = function(exports) {
     const {setPoint: setPoint$1, addPoint: addPoint$1} = TwoPointBoundsHelper;
     const {set: set$3, toNumberPoints: toNumberPoints} = PointHelper;
     const {M: M$6, L: L$7, C: C$5, Q: Q$4, Z: Z$6} = PathCommandMap;
-    const tempPoint$4 = {};
+    const tempPoint$5 = {};
     const BezierHelper = {
         points(data, originPoints, curve, close) {
             let points = toNumberPoints(originPoints);
@@ -2702,8 +2702,8 @@ var LeaferUI = function(exports) {
             addMode ? addPoint$1(pointBounds, fromX, fromY) : setPoint$1(pointBounds, fromX, fromY);
             addPoint$1(pointBounds, toX, toY);
             for (let i = 0, len = tList.length; i < len; i++) {
-                getPointAndSet(tList[i], fromX, fromY, x1, y1, x2, y2, toX, toY, tempPoint$4);
-                addPoint$1(pointBounds, tempPoint$4.x, tempPoint$4.y);
+                getPointAndSet(tList[i], fromX, fromY, x1, y1, x2, y2, toX, toY, tempPoint$5);
+                addPoint$1(pointBounds, tempPoint$5.x, tempPoint$5.y);
             }
         },
         getPointAndSet(t, fromX, fromY, x1, y1, x2, y2, toX, toY, setPoint) {
@@ -2807,7 +2807,7 @@ var LeaferUI = function(exports) {
     const {M: M$5, m: m, L: L$6, l: l, H: H, h: h, V: V, v: v, C: C$4, c: c, S: S, s: s, Q: Q$3, q: q, T: T, t: t, A: A, a: a, Z: Z$5, z: z, N: N$3, D: D$4, X: X$3, G: G$3, F: F$4, O: O$3, P: P$3, U: U$3} = PathCommandMap;
     const {rect: rect$3, roundRect: roundRect$2, arcTo: arcTo$3, arc: arc$3, ellipse: ellipse$4, quadraticCurveTo: quadraticCurveTo$1} = BezierHelper;
     const {ellipticalArc: ellipticalArc} = EllipseHelper;
-    const debug$d = Debug.get("PathConvert");
+    const debug$e = Debug.get("PathConvert");
     const setEndPoint$1 = {};
     const PathConvert = {
         current: {
@@ -3072,7 +3072,7 @@ var LeaferUI = function(exports) {
                     break;
 
                   default:
-                    debug$d.error(`command: ${command} [index:${i}]`, old);
+                    debug$e.error(`command: ${command} [index:${i}]`, old);
                     return data;
                 }
                 lastCommand = command;
@@ -3129,7 +3129,9 @@ var LeaferUI = function(exports) {
     const {getMinDistanceFrom: getMinDistanceFrom, getRadianFrom: getRadianFrom} = PointHelper;
     const {tan: tan, min: min$1, abs: abs$5} = Math;
     const startPoint = {};
+    const debug$d = Debug.get("PointsCurve");
     const PathCommandDataHelper = {
+        pointsCurveList: {},
         beginPath(data) {
             data.length = 0;
         },
@@ -3199,11 +3201,19 @@ var LeaferUI = function(exports) {
             data.push(M$4, startPoint.x, startPoint.y);
             arc$2(data, x, y, radius, startAngle, endAngle, anticlockwise);
         },
-        drawPoints(data, points, curve, close) {
-            BezierHelper.points(data, points, curve, close);
+        drawPoints(data, points, curve, close, options) {
+            let type = "Q";
+            if (isObject(curve)) type = curve.type, curve = curve.value;
+            if (!pointsCurveList[type]) debug$d.warn("not found:", type), type = "Q";
+            pointsCurveList[type](data, points, curve, close, options);
         }
     };
-    const {ellipse: ellipse$3, arc: arc$2} = PathCommandDataHelper;
+    const {ellipse: ellipse$3, arc: arc$2, pointsCurveList: pointsCurveList} = PathCommandDataHelper;
+    function registerPointsCurve(type, fn) {
+        if (pointsCurveList[type]) debug$d.repeat(type);
+        pointsCurveList[type] = fn;
+    }
+    registerPointsCurve("Q", BezierHelper.points);
     const {moveTo: moveTo$4, lineTo: lineTo$3, quadraticCurveTo: quadraticCurveTo, bezierCurveTo: bezierCurveTo, closePath: closePath$3, beginPath: beginPath, rect: rect$2, roundRect: roundRect$1, ellipse: ellipse$2, arc: arc$1, arcTo: arcTo$2, drawEllipse: drawEllipse, drawArc: drawArc, drawPoints: drawPoints$2} = PathCommandDataHelper;
     class PathCreator {
         set path(value) {
@@ -4503,7 +4513,7 @@ var LeaferUI = function(exports) {
     const LeafHelper = {
         updateAllMatrix(leaf, checkAutoLayout, waitAutoLayout) {
             if (checkAutoLayout && leaf.__hasAutoLayout && leaf.__layout.matrixChanged) waitAutoLayout = true;
-            updateMatrix$3(leaf, checkAutoLayout, waitAutoLayout);
+            updateMatrix$2(leaf, checkAutoLayout, waitAutoLayout);
             if (leaf.isBranch) {
                 const {children: children} = leaf;
                 for (let i = 0, len = children.length; i < len; i++) {
@@ -4524,9 +4534,10 @@ var LeaferUI = function(exports) {
             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) {
@@ -4549,7 +4560,7 @@ var LeaferUI = function(exports) {
             }
         },
         updateAllChange(leaf) {
-            updateChange$1(leaf);
+            updateChange(leaf);
             if (leaf.isBranch) {
                 const {children: children} = leaf;
                 for (let i = 0, len = children.length; i < len; i++) {
@@ -4719,7 +4730,7 @@ var LeaferUI = function(exports) {
         }
     };
     const L$1 = LeafHelper;
-    const {updateAllMatrix: updateAllMatrix$4, updateMatrix: updateMatrix$3, updateAllWorldOpacity: updateAllWorldOpacity, updateAllChange: updateAllChange$1, updateChange: updateChange$1} = L$1;
+    const {updateAllMatrix: updateAllMatrix$4, updateMatrix: updateMatrix$2, updateAllWorldOpacity: updateAllWorldOpacity, updateAllChange: updateAllChange$1, updateChange: updateChange} = L$1;
     function getTempLocal(t, worldPoint) {
         t.updateLayout();
         return t.parent ? PointHelper.tempToInnerOf(worldPoint, t.parent.scrollWorldTransform) : worldPoint;
@@ -4760,7 +4771,7 @@ var LeaferUI = function(exports) {
         if (target.__.mask) findMask = 1;
         return findMask < 0 ? null : (findMask && (findMask = -1), true);
     }
-    const {updateBounds: updateBounds$4} = LeafHelper;
+    const {updateBounds: updateBounds$3} = LeafHelper;
     const BranchHelper = {
         sort(a, b) {
             return a.__.zIndex === b.__.zIndex ? a.__tempNumber - b.__tempNumber : a.__.zIndex - b.__.zIndex;
@@ -4820,10 +4831,10 @@ var LeaferUI = function(exports) {
                 branch = branchStack[i];
                 children = branch.children;
                 for (let j = 0, len = children.length; j < len; j++) {
-                    updateBounds$4(children[j]);
+                    updateBounds$3(children[j]);
                 }
                 if (exclude && exclude === branch) continue;
-                updateBounds$4(branch);
+                updateBounds$3(branch);
             }
         },
         move(branch, x, y) {
@@ -4882,7 +4893,7 @@ var LeaferUI = function(exports) {
             }
         }
     };
-    const {getRelativeWorld: getRelativeWorld$1, updateBounds: updateBounds$3} = LeafHelper;
+    const {getRelativeWorld: getRelativeWorld$1, updateBounds: updateBounds$2} = LeafHelper;
     const {toOuterOf: toOuterOf$3, getPoints: getPoints, copy: copy$4} = BoundsHelper;
     const localContent = "_localContentBounds";
     const worldContent = "_worldContentBounds", worldBox = "_worldBoxBounds", worldStroke = "_worldStrokeBounds";
@@ -4986,7 +4997,7 @@ var LeaferUI = function(exports) {
         }
         update() {
             const {leaf: leaf} = this, {leafer: leafer} = leaf;
-            if (leaf.isApp) return updateBounds$3(leaf);
+            if (leaf.isApp) return updateBounds$2(leaf);
             if (leafer) {
                 if (leafer.ready) leafer.watcher.changed && leafer.layouter.layout(); else leafer.start();
             } else {
@@ -5648,9 +5659,12 @@ var LeaferUI = function(exports) {
             }
         },
         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.__;
@@ -5664,7 +5678,7 @@ var LeaferUI = function(exports) {
         }
     };
     const {setLayout: setLayout, multiplyParent: multiplyParent$2, translateInner: translateInner, defaultWorld: defaultWorld} = MatrixHelper;
-    const {toPoint: toPoint$3, tempPoint: tempPoint$3} = AroundHelper;
+    const {toPoint: toPoint$3, tempPoint: tempPoint$4} = AroundHelper;
     const LeafMatrix = {
         __updateWorldMatrix() {
             const {parent: parent, __layout: __layout, __world: __world, __scrollWorld: __scrollWorld, __: __} = this;
@@ -5684,15 +5698,15 @@ var LeaferUI = function(exports) {
                 local.e = data.x + data.offsetX;
                 local.f = data.y + data.offsetY;
                 if (data.around || data.origin) {
-                    toPoint$3(data.around || data.origin, layout.boxBounds, tempPoint$3);
-                    translateInner(local, -tempPoint$3.x, -tempPoint$3.y, !data.around);
+                    toPoint$3(data.around || data.origin, layout.boxBounds, tempPoint$4);
+                    translateInner(local, -tempPoint$4.x, -tempPoint$4.y, !data.around);
                 }
             }
             this.__layout.matrixChanged = undefined;
         }
     };
-    const {updateMatrix: updateMatrix$2, updateAllMatrix: updateAllMatrix$3} = LeafHelper;
-    const {updateBounds: updateBounds$2} = BranchHelper;
+    const {updateMatrix: updateMatrix$1, updateAllMatrix: updateAllMatrix$3} = LeafHelper;
+    const {updateBounds: updateBounds$1} = BranchHelper;
     const {toOuterOf: toOuterOf$2, copyAndSpread: copyAndSpread$2, copy: copy$3} = BoundsHelper;
     const {toBounds: toBounds} = PathBounds;
     const LeafBounds = {
@@ -5792,14 +5806,14 @@ var LeaferUI = function(exports) {
                     if (this.__layout.childrenSortChanged) this.__updateSortChildren();
                     if (this.__layout.boxChanged) this.__updateFlowLayout();
                     updateAllMatrix$3(this);
-                    updateBounds$2(this, this);
+                    updateBounds$1(this, this);
                     if (this.__.__autoSide) this.__updateBoxBounds(true);
                 } else {
                     updateAllMatrix$3(this);
-                    updateBounds$2(this, this);
+                    updateBounds$1(this, this);
                 }
             } else {
-                updateMatrix$2(this);
+                updateMatrix$1(this);
             }
         },
         __updateNaturalSize() {
@@ -6455,9 +6469,12 @@ var LeaferUI = function(exports) {
             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);
         }
     };
     exports.Branch = __decorate([ useModule(BranchRender) ], exports.Branch);
@@ -6606,7 +6623,7 @@ var LeaferUI = function(exports) {
             this.levelMap = null;
         }
     }
-    const version = "2.2.5";
+    const version = "2.2.7";
     const debug$5 = Debug.get("LeaferCanvas");
     class LeaferCanvas extends LeaferCanvasBase {
         set zIndex(zIndex) {
@@ -6920,6 +6937,7 @@ var LeaferUI = function(exports) {
         }
         constructor(target, userConfig) {
             this.totalTimes = 0;
+            this.changed = 0;
             this.config = {};
             this.__updatedList = new LeafList;
             this.target = target;
@@ -6939,8 +6957,10 @@ var LeaferUI = function(exports) {
             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);
@@ -6949,18 +6969,21 @@ var LeaferUI = function(exports) {
             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);
@@ -6975,7 +6998,8 @@ var LeaferUI = function(exports) {
             }));
             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 ] ]) ];
@@ -6993,45 +7017,56 @@ var LeaferUI = function(exports) {
     }
     const {updateAllMatrix: updateAllMatrix$2, updateBounds: updateOneBounds, updateChange: updateOneChange} = LeafHelper;
     const {pushAllChildBranch: pushAllChildBranch, pushAllParent: pushAllParent} = BranchHelper;
-    function updateMatrix$1(updateList, levelList) {
-        let layout;
-        updateList.list.forEach(leaf => {
-            layout = leaf.__layout;
-            if (levelList.without(leaf) && !layout.proxyZoom) {
-                if (layout.matrixChanged) {
-                    updateAllMatrix$2(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$2(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$1(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++;
             }
-        });
-    }
-    function updateChange(updateList) {
-        updateList.list.forEach(updateOneChange);
+        },
+        updateChange(updateList) {
+            updateList.list.forEach(updateOneChange);
+        },
+        push: push
+    };
+    function push(leaf, levelList) {
+        levelList.add(leaf);
+        pushAllParent(leaf, levelList);
     }
     const {worldBounds: worldBounds} = LeafBoundsHelper;
     class LayoutBlockData {
@@ -7133,9 +7168,9 @@ var LeaferUI = function(exports) {
             target.emitEvent(new LayoutEvent(BEFORE, blocks, this.times));
             this.extraBlock = null;
             updateList.sort();
-            updateMatrix$1(updateList, this.__levelList);
-            updateBounds$1(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));
@@ -7165,11 +7200,16 @@ var LeaferUI = function(exports) {
             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) {
@@ -7432,7 +7472,7 @@ var LeaferUI = function(exports) {
         }
     }
     Renderer.clipSpread = 10;
-    const tempPoint$2 = {};
+    const tempPoint$3 = {};
     const {copyRadiusPoint: copyRadiusPoint$1} = PointHelper;
     const {hitRadiusPoint: hitRadiusPoint$1} = BoundsHelper;
     class Picker {
@@ -7487,7 +7527,7 @@ var LeaferUI = function(exports) {
                 for (let i = 0, len = list.length; i < len; i++) {
                     find = list[i];
                     if (ignoreHittable || LeafHelper.worldHittable(find)) {
-                        this.hitChild(find, find.hitThrough ? this.point : point);
+                        this.hitChild(find, find.hitThrough ? this.point : point, find.mask && find.parent && find.parent.__onlyHitMask);
                         if (findList.length) {
                             if (find.isBranchLeaf && list.some(item => item !== find && LeafHelper.hasParent(item, find))) {
                                 findList.reset();
@@ -7564,7 +7604,7 @@ var LeaferUI = function(exports) {
             for (let i = len - 1; i > -1; i--) {
                 child = children[i], data = child.__;
                 if (!data.visible || onlyHitMask && !data.mask) continue;
-                hit = hitRadiusPoint$1(child.__world, data.hitRadius ? copyRadiusPoint$1(tempPoint$2, point, data.hitRadius) : point);
+                hit = hitRadiusPoint$1(child.__world, data.hitRadius ? copyRadiusPoint$1(tempPoint$3, point, data.hitRadius) : point);
                 if (child.isBranch) {
                     if (hit || child.__ignoreHitWorld) {
                         if (child.isBranchLeaf && data.__clipAfterFill && !child.__hitWorld(point, true)) continue;
@@ -7586,7 +7626,7 @@ var LeaferUI = function(exports) {
                 }
                 const leaf = proxy || child, {hitThrough: hitThrough} = child, {findList: findList} = this;
                 if (hitThrough) {
-                    const index = findList.list.findIndex(item => item[hitThrough] === child[hitThrough]);
+                    const index = findList.list.findIndex(item => hitThrough === "parent" ? LeafHelper.hasParent(item.parent, child.parent) : item[hitThrough] === child[hitThrough]);
                     if (index > 0) return findList.addAt(leaf, index);
                 }
                 findList.add(leaf);
@@ -8073,7 +8113,7 @@ var LeaferUI = function(exports) {
             }
             if (data.__useEffect) {
                 const {shadow: shadow, fill: fill, stroke: stroke} = data, otherEffect = data.innerShadow || data.blur || data.backgroundBlur || data.filter;
-                stintSet$2(data, "__isFastShadow", shadow && !otherEffect && shadow.length < 2 && !shadow[0].spread && !Effect.isTransformShadow(shadow[0]) && fill && !data.__isTransparentFill && !(isArray(fill) && fill.length > 1) && (this.useFastShadow || !stroke || stroke && data.strokeAlign === "inside"));
+                stintSet$2(data, "__isFastShadow", shadow && !otherEffect && shadow.length < 2 && !shadow[0].spread && !Effect.isTransformShadow(shadow[0]) && !(shadow[0].blendMode && shadow[0].blendMode !== "pass-through") && fill && !data.__isTransparentFill && !(isArray(fill) && fill.length > 1) && (this.useFastShadow || !stroke || stroke && data.strokeAlign === "inside"));
                 data.__useEffect = !!(shadow || otherEffect);
             }
             data.__checkSingle();
@@ -8482,6 +8522,7 @@ var LeaferUI = function(exports) {
                 start: true,
                 hittable: true,
                 smooth: true,
+                trackChanges: true,
                 lazySpeard: 100
             };
             this.leafs = 0;
@@ -8936,7 +8977,7 @@ var LeaferUI = function(exports) {
     __decorate([ surfaceType("#FFFFFF") ], exports.Frame.prototype, "fill", void 0);
     __decorate([ affectRenderBoundsType("hide") ], exports.Frame.prototype, "overflow", void 0);
     exports.Frame = __decorate([ registerUI() ], exports.Frame);
-    const {moveTo: moveTo$3, closePath: closePath$2, ellipse: ellipse} = PathCommandDataHelper, {tempPoint: tempPoint$1, set: set$2, rotate: rotate$2} = PointHelper, {abs: abs$4} = Math, tempCenter = {};
+    const {moveTo: moveTo$3, closePath: closePath$2, ellipse: ellipse} = PathCommandDataHelper, {tempPoint: tempPoint$2, set: set$2, rotate: rotate$2} = PointHelper, {abs: abs$4} = Math, tempCenter = {};
     exports.Ellipse = class Ellipse extends exports.UI {
         get __tag() {
             return "Ellipse";
@@ -8956,9 +8997,9 @@ var LeaferUI = function(exports) {
                     if (drawInnerEllipse) {
                         if (closedAngle) {
                             closePath$2(path);
-                            set$2(tempPoint$1, rx + innerRx, ry), set$2(tempCenter, rx, ry);
-                            rotate$2(tempPoint$1, endAngle, tempCenter, rx, ry);
-                            moveTo$3(path, tempPoint$1.x, tempPoint$1.y);
+                            set$2(tempPoint$2, rx + innerRx, ry), set$2(tempCenter, rx, ry);
+                            rotate$2(tempPoint$2, endAngle, tempCenter, rx, ry);
+                            moveTo$3(path, tempPoint$2.x, tempPoint$2.y);
                         }
                         ellipse(path, rx, ry, innerRx, innerRy, 0, endAngle, startAngle, true);
                     } else {
@@ -9005,7 +9046,7 @@ var LeaferUI = function(exports) {
             const data = this.__;
             const path = data.path = [];
             if (data.points) {
-                drawPoints$1(path, data.points, data.curve, data.closed);
+                drawPoints$1(path, data.points, data.curve, data.closed, data);
             } else {
                 const {width: width, height: height, sides: sides, startAngle: startAngle} = data;
                 const rx = width / 2, ry = height / 2;
@@ -9080,7 +9121,7 @@ var LeaferUI = function(exports) {
             const data = this.__;
             const path = data.path = [];
             if (data.points) {
-                drawPoints(path, data.points, data.curve, data.closed);
+                drawPoints(path, data.points, data.curve, data.closed, data);
             } else {
                 moveTo(path, 0, 0);
                 lineTo(path, this.width, 0);
@@ -11475,7 +11516,7 @@ var LeaferUI = function(exports) {
             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);
@@ -14131,7 +14172,7 @@ var LeaferUI = function(exports) {
     };
     const {getDistance: getDistance} = HighBezierHelper;
     const {M: M, L: L, C: C, Z: Z} = PathCommandMap, {float: float} = MathHelper, {set: set, getAngle: getAngle, getDistanceFrom: getDistanceFrom, getDistancePoint: getDistancePoint} = PointHelper;
-    const tempPoint = {}, tempFrom = {};
+    const tempPoint$1 = {}, tempFrom = {};
     const HighCurveHelper = {
         transform(data, matrix) {
             let i = 0, command;
@@ -14157,11 +14198,11 @@ var LeaferUI = function(exports) {
         },
         transformPoints(data, matrix, start, pointCount) {
             for (let i = start + 1, end = i + pointCount * 2; i < end; i += 2) {
-                tempPoint.x = data[i];
-                tempPoint.y = data[i + 1];
-                MatrixHelper.toOuterPoint(matrix, tempPoint);
-                data[i] = tempPoint.x;
-                data[i + 1] = tempPoint.y;
+                tempPoint$1.x = data[i];
+                tempPoint$1.y = data[i + 1];
+                MatrixHelper.toOuterPoint(matrix, tempPoint$1);
+                data[i] = tempPoint$1.x;
+                data[i + 1] = tempPoint$1.y;
             }
         },
         getMotionPathData(data) {
@@ -14394,9 +14435,11 @@ var LeaferUI = function(exports) {
     const {updateMatrix: updateMatrix, updateAllMatrix: updateAllMatrix} = LeafHelper;
     const {updateBounds: updateBounds} = BranchHelper;
     const {toVertical: toVertical} = PointHelper;
+    const tempPoint = {};
     exports.UI.addAttr("motionPath", undefined, motionPathType);
     exports.UI.addAttr("motionPrecision", 1, motionPathType);
     exports.UI.addAttr("motion", undefined, motionPathType);
+    exports.UI.addAttr("motionAround", undefined, motionPathType);
     exports.UI.addAttr("motionVertical", "below", motionPathType);
     exports.UI.addAttr("motionRotation", true, motionPathType);
     ui$1.getMotionPath = function() {
@@ -14408,13 +14451,19 @@ var LeaferUI = function(exports) {
     ui$1.getMotionContentHeight = function() {
         return this.__layout.boxBounds.height;
     };
-    ui$1.getMotionPoint = function(motionDistance, motionVertical, pathElement, offsetX = 0, offsetY = 0) {
+    ui$1.getMotionPoint = function(motionDistance, motionAround, motionVertical, offsetX = 0, offsetY = 0, pathElement) {
         if (!pathElement) pathElement = getMotionPath(this);
         const data = getMotionPathData(pathElement);
         if (!data.total) return {};
         const point = HighCurveHelper.getDistancePoint(data, motionDistance, pathElement.motionPrecision, offsetX);
         const {motionRotation: motionRotation} = this;
         if (isNumber(motionRotation)) point.rotation += motionRotation;
+        if (motionAround && motionAround !== "top-left") {
+            AroundHelper.toPoint(motionAround, this.__layout.boxBounds, tempPoint);
+            PointHelper.set(tempPoint, point.x - tempPoint.x * this.scaleX, point.y - tempPoint.y * this.scaleY);
+            if (point.rotation) PointHelper.rotate(tempPoint, point.rotation, point);
+            PointHelper.copy(point, tempPoint);
+        }
         let verticalType, verticalOffset;
         if (isObject(motionVertical)) verticalType = motionVertical.type, verticalOffset = motionVertical.offset; else if (isNumber(motionVertical)) verticalOffset = motionVertical; else verticalType = motionVertical;
         if (verticalType !== "below" || offsetY) {
@@ -14464,7 +14513,7 @@ var LeaferUI = function(exports) {
             if (data.total) leaf.__.__pathForRender = HighCurveHelper.getDistancePath(data, motion, leaf.motionPrecision);
         } else {
             if (leaf.motionText) leaf.__updateMotionText(); else {
-                const point = leaf.getMotionPoint(motion);
+                const point = leaf.getMotionPoint(motion, leaf.motionAround);
                 if (leaf.motionRotation === false) delete point.rotation;
                 leaf.set(point);
             }
@@ -14686,6 +14735,7 @@ var LeaferUI = function(exports) {
     exports.Keyboard = Keyboard;
     exports.LayoutEvent = LayoutEvent;
     exports.Layouter = Layouter;
+    exports.LayouterHelper = LayouterHelper;
     exports.LeafBounds = LeafBounds;
     exports.LeafBoundsHelper = LeafBoundsHelper;
     exports.LeafData = LeafData;
@@ -14819,6 +14869,7 @@ var LeaferUI = function(exports) {
     exports.pathType = pathType;
     exports.pen = pen;
     exports.positionType = positionType;
+    exports.registerPointsCurve = registerPointsCurve;
     exports.registerUI = registerUI;
     exports.registerUIEvent = registerUIEvent;
     exports.resizeType = resizeType;
@@ -14834,7 +14885,7 @@ var LeaferUI = function(exports) {
     exports.surfaceType = surfaceType;
     exports.tempBounds = tempBounds$2;
     exports.tempMatrix = tempMatrix$2;
-    exports.tempPoint = tempPoint$5;
+    exports.tempPoint = tempPoint$6;
     exports.tryToNumber = tryToNumber;
     exports.useCanvas = useCanvas;
     exports.useModule = useModule;