leafer-ui 2.1.7 → 2.1.9

package/dist/web.module.js

@@ -952,12 +952,12 @@ class Point {
         PointHelper.scaleOf(this, origin, scaleX, scaleY);
         return this;
     }
-    rotate(rotation, origin) {
-        PointHelper.rotate(this, rotation, origin);
+    rotate(rotation, origin, radiusX, radiusY) {
+        PointHelper.rotate(this, rotation, origin, radiusX, radiusY);
         return this;
     }
-    rotateOf(origin, rotation) {
-        PointHelper.rotate(this, rotation, origin);
+    rotateOf(origin, rotation, radiusX, radiusY) {
+        PointHelper.rotate(this, rotation, origin, radiusX, radiusY);
         return this;
     }
     getRotation(origin, to, toOrigin) {
@@ -980,11 +980,11 @@ class Point {
     getDistancePoint(to, distance, changeTo, fromTo) {
         return new Point(PointHelper.getDistancePoint(this, to, distance, changeTo, fromTo));
     }
-    getAngle(to) {
-        return PointHelper.getAngle(this, to);
+    getAngle(to, radiusX, radiusY) {
+        return PointHelper.getAngle(this, to, radiusX, radiusY);
     }
-    getAtan2(to) {
-        return PointHelper.getAtan2(this, to);
+    getAtan2(to, radiusX, radiusY) {
+        return PointHelper.getAtan2(this, to, radiusX, radiusY);
     }
     isSame(point, quick) {
         return PointHelper.isSame(this, point, quick);
@@ -4586,7 +4586,9 @@ function sortType(defaultValue) {
         set(value) {
             if (this.__setAttr(key, value)) {
                 this.waitParent(() => {
-                    this.parent.__layout.childrenSortChange();
+                    const {parent: parent} = this;
+                    parent.__layout.childrenSortChange();
+                    if (parent.__.flow) parent.__layout.boxChange();
                 });
             }
         }
@@ -4988,7 +4990,7 @@ const LeafHelper = {
             p = p.parent;
         }
     },
-    animateMove(t, move, speed = .3) {
+    animateMove(t, move, speed = .3, onAnimate) {
         if (!move.x && !move.y) return;
         if (Math.abs(move.x) < 1 && Math.abs(move.y) < 1) {
             t.move(move);
@@ -4996,8 +4998,9 @@ const LeafHelper = {
             const x = move.x * speed, y = move.y * speed;
             move.x -= x, move.y -= y;
             t.move(x, y);
-            Platform.requestRender(() => L.animateMove(t, move, speed));
+            Platform.requestRender(() => L.animateMove(t, move, speed, onAnimate));
         }
+        onAnimate && onAnimate();
     }
 };
 
@@ -6169,6 +6172,7 @@ const LeafBounds = {
         if (this.isBranch) {
             this.__extraUpdate();
             if (this.__.flow) {
+                if (this.__layout.childrenSortChanged) this.__updateSortChildren();
                 if (this.__layout.boxChanged) this.__updateFlowLayout();
                 updateAllMatrix$2(this);
                 updateBounds$1(this, this);
@@ -6240,11 +6244,7 @@ const {excludeRenderBounds: excludeRenderBounds$1} = LeafBoundsHelper, {hasSize:
 
 const BranchRender = {
     __updateChange() {
-        const {__layout: layout} = this;
-        if (layout.childrenSortChanged) {
-            this.__updateSortChildren();
-            layout.childrenSortChanged = false;
-        }
+        if (this.__layout.childrenSortChanged) this.__updateSortChildren();
         this.__.__checkSingle();
     },
     __render(canvas, options) {
@@ -6748,6 +6748,7 @@ let Branch = class Branch extends Leaf {
             children.sort(sort);
             this.__layout.affectChildrenSort = affectSort;
         }
+        this.__layout.childrenSortChanged = false;
     }
     add(child, index) {
         if (child === this || child.destroyed) return debug$6.warn("add self or destroyed");
@@ -6983,7 +6984,7 @@ class LeafLevelList {
     }
 }
 
-const version = "2.1.7";
+const version = "2.1.9";
 
 const debug$5 = Debug.get("LeaferCanvas");
 
@@ -7334,7 +7335,10 @@ class Watcher {
         if (this.running) this.target.emit(RenderEvent.REQUEST);
     }
     __onAttrChange(event) {
-        if (this.config.usePartLayout) this.__updatedList.add(event.target);
+        this.add(event.target);
+    }
+    add(leaf) {
+        if (this.config.usePartLayout) this.__updatedList.add(leaf);
         this.update();
     }
     __onChildEvent(event) {
@@ -8373,11 +8377,7 @@ class PolygonData extends UIData {
     }
 }
 
-class StarData extends UIData {
-    get __boxStroke() {
-        return !this.__pathInputed;
-    }
-}
+class StarData extends UIData {}
 
 class PathData extends UIData {
     get __pathInputed() {
@@ -9548,7 +9548,10 @@ let Ellipse = class Ellipse extends UI {
             ellipse(path, rx, ry, rx, ry, 0, outerStartAngle, outerEndAngle, outerAnticlockwise);
         } else {
             if (hasAngle) {
-                if (!closedAngle) moveTo$3(path, rx, ry);
+                if (!closedAngle) {
+                    if (!closed) open = true;
+                    if (!open) moveTo$3(path, rx, ry);
+                }
                 ellipse(path, rx, ry, rx, ry, 0, startAngle, endAngle);
             } else {
                 ellipse(path, rx, ry, rx, ry);
@@ -10226,8 +10229,8 @@ const DragBoundsHelper = {
         if (!change) scale = Object.assign({}, scale);
         tempDragBounds.set(dragBounds);
         tempContent.set(content).scaleOf(origin, scale.x, scale.y);
-        const originLeftScale = (origin.x - content.x) / content.width, originRightScale = 1 - originLeftScale;
-        const originTopScale = (origin.y - content.y) / content.height, originBottomScale = 1 - originTopScale;
+        const originLeftScale = float((origin.x - content.x) / content.width), originRightScale = float(1 - originLeftScale);
+        const originTopScale = float((origin.y - content.y) / content.height), originBottomScale = float(1 - originTopScale);
         let correctScaleX = 1, correctScaleY = 1, aScale, bScale, aSize, bSize;
         if (D.isInnerMode(content, dragBounds, dragBoundsType, "width")) {
             if (scale.x < 0) tempContent.scaleOf(origin, correctScaleX = 1 / scale.x, 1);
@@ -10238,7 +10241,13 @@ const DragBoundsHelper = {
             correctScaleX *= max$1(aScale, bScale);
         } else {
             if (scale.x < 0) {
-                if (float(minX(content) - minX(dragBounds)) <= 0 || float(maxX(dragBounds) - maxX(content)) <= 0) tempContent.scaleOf(origin, correctScaleX = 1 / scale.x, 1);
+                if (float(minX(content) - minX(dragBounds), 2) <= 0 || float(maxX(dragBounds) - maxX(content), 2) <= 0) {
+                    tempContent.scaleOf(origin, correctScaleX = 1 / scale.x, 1);
+                    if (tempContent.width > 1) {
+                        correctScaleX *= 1 / tempContent.width;
+                        tempContent.width = 1;
+                    }
+                }
                 tempContent.unsign();
             }
             aSize = float(tempDragBounds.minX - tempContent.minX);
@@ -10261,7 +10270,13 @@ const DragBoundsHelper = {
             }
         } else {
             if (scale.y < 0) {
-                if (float(minY(content) - minY(dragBounds)) <= 0 || float(maxY(dragBounds) - maxY(content)) <= 0) tempContent.scaleOf(origin, 1, correctScaleY = 1 / scale.y);
+                if (float(minY(content) - minY(dragBounds), 2) <= 0 || float(maxY(dragBounds) - maxY(content), 2) <= 0) {
+                    tempContent.scaleOf(origin, 1, correctScaleY = 1 / scale.y);
+                    if (tempContent.height > 1) {
+                        correctScaleY *= 1 / tempContent.height;
+                        tempContent.height = 1;
+                    }
+                }
                 tempContent.unsign();
             }
             aSize = float(tempDragBounds.minY - tempContent.minY);
@@ -10392,6 +10407,8 @@ DragEvent$1.ENTER = "drag.enter";
 
 DragEvent$1.LEAVE = "drag.leave";
 
+DragEvent$1.ANIMATE = "drag.animate";
+
 DragEvent$1 = __decorate([ registerUIEvent() ], DragEvent$1);
 
 const MyDragEvent = DragEvent$1;
@@ -10646,7 +10663,7 @@ class Dragger {
                         x: totalX,
                         y: totalY
                     }, checkLimitMove || axisDrag);
-                    if (dragLimitAnimate && !axisDrag && isDragEnd) LeafHelper.animateMove(leaf, move, isNumber(dragLimitAnimate) ? dragLimitAnimate : .3); else leaf.move(move);
+                    if (dragLimitAnimate && !axisDrag && isDragEnd) LeafHelper.animateMove(leaf, move, isNumber(dragLimitAnimate) ? dragLimitAnimate : .3, () => leaf.emit(DragEvent$1.ANIMATE)); else leaf.move(move);
                 }
             });
         }
@@ -12516,13 +12533,9 @@ function createPattern(paint, ui, canvas, renderOptions) {
             if (fixScale) scaleX *= fixScale, scaleY *= fixScale;
             width *= scaleX;
             height *= scaleY;
-            if (gap) {
+            if (gap && !brush) {
                 xGap = gap.x * scaleX / abs$1(data.scaleX || 1);
                 yGap = gap.y * scaleY / abs$1(data.scaleY || 1);
-                if (brush) {
-                    const brushScale = PaintImage.getBrushScale(paint, ui);
-                    xGap /= brushScale, yGap /= brushScale;
-                }
             }
             if (transform || scaleX !== 1 || scaleY !== 1) {
                 scaleX *= getFloorScale(width + (xGap || 0));