leafer-ui 2.2.10 → 2.3.0

package/dist/web.module.js

@@ -470,7 +470,7 @@ function getMatrixData() {
 
 const {sin: sin$5, cos: cos$5, acos: acos, sqrt: sqrt$3} = Math;
 
-const {float: float$3} = MathHelper;
+const {float: float$4} = MathHelper;
 
 const tempPoint$5 = {};
 
@@ -721,12 +721,12 @@ const MatrixHelper = {
                 const cosR = c / scaleY;
                 rotation = PI_2 - (d > 0 ? acos(-cosR) : -acos(cosR));
             }
-            const cosR = float$3(cos$5(rotation));
+            const cosR = float$4(cos$5(rotation));
             const sinR = sin$5(rotation);
-            scaleX = float$3(scaleX), scaleY = float$3(scaleY);
-            skewX = cosR ? float$3((c / scaleY + sinR) / cosR / OneRadian, 9) : 0;
-            skewY = cosR ? float$3((b / scaleX - sinR) / cosR / OneRadian, 9) : 0;
-            rotation = float$3(rotation / OneRadian);
+            scaleX = float$4(scaleX), scaleY = float$4(scaleY);
+            skewX = cosR ? float$4((c / scaleY + sinR) / cosR / OneRadian, 9) : 0;
+            skewY = cosR ? float$4((b / scaleX - sinR) / cosR / OneRadian, 9) : 0;
+            rotation = float$4(rotation / OneRadian);
         } else {
             scaleX = a;
             scaleY = d;
@@ -770,7 +770,7 @@ const MatrixHelper = {
 
 const M$6 = MatrixHelper;
 
-const {float: float$2} = MathHelper;
+const {float: float$3} = MathHelper;
 
 const {toInnerPoint: toInnerPoint$2, toOuterPoint: toOuterPoint$3} = MatrixHelper;
 
@@ -916,7 +916,7 @@ const PointHelper = {
         return points;
     },
     isSame(t, point, quick) {
-        return quick ? t.x === point.x && t.y === point.y : float$2(t.x) === float$2(point.x) && float$2(t.y) === float$2(point.y);
+        return quick ? t.x === point.x && t.y === point.y : float$3(t.x) === float$3(point.x) && float$3(t.y) === float$3(point.y);
     },
     reset(t) {
         t.x = t.y = 0;
@@ -1272,7 +1272,7 @@ const {tempPointBounds: tempPointBounds$1, setPoint: setPoint$2, addPoint: addPo
 
 const {toOuterPoint: toOuterPoint$2} = MatrixHelper;
 
-const {float: float$1, fourNumber: fourNumber} = MathHelper;
+const {float: float$2, fourNumber: fourNumber} = MathHelper;
 
 const {floor: floor$1, ceil: ceil$1} = Math;
 
@@ -1447,10 +1447,10 @@ const BoundsHelper = {
         }
     },
     float(t, maxLength) {
-        t.x = float$1(t.x, maxLength);
-        t.y = float$1(t.y, maxLength);
-        t.width = float$1(t.width, maxLength);
-        t.height = float$1(t.height, maxLength);
+        t.x = float$2(t.x, maxLength);
+        t.y = float$2(t.y, maxLength);
+        t.width = float$2(t.width, maxLength);
+        t.height = float$2(t.height, maxLength);
     },
     add(t, bounds, isPoint) {
         right$1 = t.x + t.width;
@@ -3742,6 +3742,8 @@ const {getCenterX: getCenterX, getCenterY: getCenterY} = PointHelper;
 
 const {arcTo: arcTo} = PathCommandDataHelper;
 
+const {float: float$1} = MathHelper;
+
 const PathCorner = {
     smooth(data, cornerRadius, _cornerSmoothing) {
         let command, lastCommand, commandLen, startXIndex, startYIndex, smoothLen;
@@ -3782,7 +3784,8 @@ const PathCorner = {
                     break;
 
                   case Z:
-                    arcTo(smooth, x, y, startX, startY, cornerRadius, lastX, lastY, three);
+                    if (float$1(x) === float$1(startX) && float$1(y) === float$1(startY)) x = lastX, 
+                    y = lastY; else arcTo(smooth, x, y, startX, startY, cornerRadius, lastX, lastY, three);
                     break;
 
                   default:
@@ -4607,39 +4610,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);
         }
     }));
 }
@@ -5017,10 +5025,11 @@ const LeafHelper = {
     hasOffset(t) {
         return t.offsetX || t.offsetY;
     },
-    hasParent(p, parent) {
+    hasParent(p, parent, minLevel) {
         if (!parent) return false;
         while (p) {
             if (parent === p) return true;
+            if (minLevel && p.__level === minLevel) return;
             p = p.parent;
         }
     },
@@ -5038,6 +5047,10 @@ const LeafHelper = {
     }
 };
 
+function isTrackChanges(leafer) {
+    return leafer && leafer.config.trackChanges;
+}
+
 const L = LeafHelper;
 
 const {updateAllMatrix: updateAllMatrix$3, updateMatrix: updateMatrix$1, updateAllWorldOpacity: updateAllWorldOpacity, updateAllChange: updateAllChange$1, updateChange: updateChange} = L;
@@ -5092,6 +5105,16 @@ const BranchHelper = {
     sort(a, b) {
         return a.__.zIndex === b.__.zIndex ? a.__tempNumber - b.__tempNumber : a.__.zIndex - b.__.zIndex;
     },
+    zIndex(branch, child, index) {
+        const {children: children} = branch, before = children[index - 1], after = children[index];
+        if (before && after) {
+            if (child.zIndex < before.zIndex || child.zIndex > after.zIndex) child.zIndex = (before.zIndex + after.zIndex) / 2;
+        } else if (before) {
+            if (child.zIndex < before.zIndex) child.zIndex = before.zIndex + 1;
+        } else if (after) {
+            if (child.zIndex > after.zIndex) child.zIndex = after.zIndex - 1;
+        }
+    },
     pushAllChildBranch(branch, leafList) {
         branch.__tempNumber = 1;
         if (branch.__.__childBranchNumber) {
@@ -6058,7 +6081,7 @@ const LeafDataProxy = {
     },
     emitPropertyEvent(type, name, oldValue, newValue) {
         const {leafer: leafer} = this;
-        if (leafer.config.trackChanges || leafer.zoomLayer === this) {
+        if (isTrackChanges(leafer) || leafer.zoomLayer === this) {
             const event = new PropertyEvent(type, this, name, oldValue, newValue);
             this.isLeafer || this.hasEvent(type) && this.emitEvent(event);
             leafer.emitEvent(event);
@@ -6473,6 +6496,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");
@@ -6508,7 +6536,6 @@ let Leaf = class Leaf {
         }
     }
     __bindFrame(frame) {
-        if (this.isFrame && frame !== null) frame = this;
         this.frame = frame;
         if (this.isBranch) {
             const {children: children} = this;
@@ -6560,8 +6587,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 +6597,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;
     }
@@ -6819,13 +6846,17 @@ let Branch = class Branch extends Leaf {
         }
         if (child.parent) child.parent.remove(child);
         child.parent = this;
-        noIndex ? this.children.push(child) : this.children.splice(index, 0, child);
+        if (noIndex) this.children.push(child); else {
+            BranchHelper.zIndex(this, child, index);
+            this.children.splice(index, 0, child);
+        }
         if (child.isBranch) this.__.__childBranchNumber = (this.__.__childBranchNumber || 0) + 1;
         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.frame) child.__bindFrame(this.frame);
         if (this.leafer) {
             child.__bindLeafer(this.leafer);
             if (this.leafer.created) this.__emitChildEvent(ChildEvent.ADD, child);
@@ -6885,11 +6916,11 @@ let Branch = class Branch extends Leaf {
                 if (this.leafer.hitCanvasManager) this.leafer.hitCanvasManager.clear();
             }
         }
-        if (this.isFrame) child.__bindFrame(null);
+        if (child.frame && !child.isFrame) child.__bindFrame(null);
     }
     __emitChildEvent(type, child) {
         const {leafer: leafer} = this;
-        if (leafer.config.trackChanges || leafer.zoomLayer === this) {
+        if (isTrackChanges(leafer) || leafer.zoomLayer === this) {
             const event = new ChildEvent(type, child, this);
             if (this.hasEvent(type) && !this.isLeafer) this.emitEvent(event);
             leafer.emitEvent(event);
@@ -7046,7 +7077,13 @@ class LeafLevelList {
     }
 }
 
-const version = "2.2.10";
+const version = "2.3.0";
+
+if (typeof globalThis !== "undefined") {
+    const globalLeafer = globalThis.Leafer || (globalThis.Leafer = {});
+    globalLeafer.version = version;
+    globalLeafer.Plugin = Plugin;
+}
 
 const debug$5 = Debug.get("LeaferCanvas");
 
@@ -8192,6 +8229,17 @@ function zoomLayerType() {
     };
 }
 
+function frameType() {
+    return (target, key) => {
+        defineKey(target, key, {
+            set(_value) {},
+            get() {
+                return this;
+            }
+        });
+    };
+}
+
 function createAttr(defaultValue) {
     return (target, key) => {
         defineKey(target, key, createDescriptor(key, defaultValue));
@@ -9595,6 +9643,8 @@ let Frame = class Frame extends Box {
     }
 };
 
+__decorate([ frameType() ], Frame.prototype, "frame", void 0);
+
 __decorate([ dataProcessor(FrameData) ], Frame.prototype, "__", void 0);
 
 __decorate([ surfaceType("#FFFFFF") ], Frame.prototype, "fill", void 0);
@@ -13696,4 +13746,4 @@ Object.assign(Creator, {
 
 useCanvas();
 
-export { AlignHelper, Answer, App, AroundHelper, AutoBounds, BezierHelper, Bounds, BoundsEvent, BoundsHelper, Box, BoxData, Branch, BranchHelper, BranchRender, Canvas, CanvasData, CanvasManager, ChildEvent, ColorConvert, Creator, Cursor, DataHelper, Debug, Direction4, Direction9, DragBoundsHelper, DragEvent$1 as DragEvent, Dragger, DropEvent, Effect, Ellipse, EllipseData, EllipseHelper, Event, EventCreator, Eventer, Export, FileHelper, Filter, FourNumberHelper, Frame, FrameData, Group, GroupData, HitCanvasManager, Image$1 as Image, ImageData, ImageEvent, ImageManager, IncrementId, Interaction, InteractionBase, InteractionHelper, KeyEvent, Keyboard, 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, MoveEvent, MyDragEvent, MyImage, MyPointerEvent, MyTouchEvent, 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, Picker, Platform, Plugin, Point, PointHelper, PointerButton, PointerEvent$1 as PointerEvent, Polygon, PolygonData, PropertyEvent, Rect, RectData, RectHelper, RectRender, RenderEvent, Renderer, ResizeEvent, Resource, RotateEvent, Run, Selector, Star, StarData, State, StringNumberMap, SwipeEvent, TaskItem, TaskProcessor, Text, TextConvert, TextData, TouchEvent, Transition, TwoPointBoundsHelper, UI, UIBounds, UICreator, UIData, UIEvent, UIRender, UnitConvert, UnitConvertHelper, WaitHelper, WatchEvent, Watcher, ZoomEvent, 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$4 as tempPoint, tryToNumber, useCanvas, useModule, version, visibleType, zoomLayerType };
+export { AlignHelper, Answer, App, AroundHelper, AutoBounds, BezierHelper, Bounds, BoundsEvent, BoundsHelper, Box, BoxData, Branch, BranchHelper, BranchRender, Canvas, CanvasData, CanvasManager, ChildEvent, ColorConvert, Creator, Cursor, DataHelper, Debug, Direction4, Direction9, DragBoundsHelper, DragEvent$1 as DragEvent, Dragger, DropEvent, Effect, Ellipse, EllipseData, EllipseHelper, Event, EventCreator, Eventer, Export, FileHelper, Filter, FourNumberHelper, Frame, FrameData, Group, GroupData, HitCanvasManager, Image$1 as Image, ImageData, ImageEvent, ImageManager, IncrementId, Interaction, InteractionBase, InteractionHelper, KeyEvent, Keyboard, 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, MoveEvent, MyDragEvent, MyImage, MyPointerEvent, MyTouchEvent, 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, Picker, Platform, Plugin, Point, PointHelper, PointerButton, PointerEvent$1 as PointerEvent, Polygon, PolygonData, PropertyEvent, Rect, RectData, RectHelper, RectRender, RenderEvent, Renderer, ResizeEvent, Resource, RotateEvent, Run, Selector, Star, StarData, State, StringNumberMap, SwipeEvent, TaskItem, TaskProcessor, Text, TextConvert, TextData, TouchEvent, Transition, TwoPointBoundsHelper, UI, UIBounds, UICreator, UIData, UIEvent, UIRender, UnitConvert, UnitConvertHelper, WaitHelper, WatchEvent, Watcher, ZoomEvent, affectRenderBoundsType, affectStrokeBoundsType, attr, autoLayoutType, boundsType, canvasPatch, canvasSizeAttrs, createAttr, createDescriptor, cursorType, dataProcessor, dataType, decorateLeafAttr, defineDataProcessor, defineKey, defineLeafAttr, dimType, doBoundsType, doStrokeType, doSurfaceType, effectType, emptyData, eraserType, extraPropertyEventMap, frameType, getBoundsData, getDescriptor, getMatrixData, getPointData, hitType, isArray, isData, isEmptyData, isFinite, isNull, isNumber, isObject, isString, isTrackChanges, 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$4 as tempPoint, tryToNumber, useCanvas, useModule, version, visibleType, zoomLayerType };