@leafer/core 1.0.4 → 1.0.6

package/lib/core.cjs

@@ -554,6 +554,12 @@ const PointHelper = {
         to.y = t.y + sin$2(r) * distance;
         return to;
     },
+    toNumberPoints(originPoints) {
+        let points = originPoints;
+        if (typeof originPoints[0] === 'object')
+            points = [], originPoints.forEach(p => points.push(p.x, p.y));
+        return points;
+    },
     reset(t) {
         P$5.reset(t);
     }
@@ -1544,7 +1550,10 @@ const { assign } = DataHelper;
 
 class LeafData {
     get __useNaturalRatio() { return true; }
-    get __isLinePath() { return this.path && this.path.length === 6; }
+    get __isLinePath() {
+        const { path } = this;
+        return path && path.length === 6 && path[0] === 1;
+    }
     get __blendMode() {
         if (this.eraser && this.eraser !== 'path')
             return 'destination-out';
@@ -2307,11 +2316,12 @@ const RectHelper = {
 
 const { sin: sin$1, cos: cos$1, atan2: atan2$1, ceil, abs: abs$1, PI, sqrt: sqrt$1, pow } = Math;
 const { setPoint: setPoint$1, addPoint: addPoint$1 } = TwoPointBoundsHelper;
-const { set } = PointHelper;
+const { set, toNumberPoints } = PointHelper;
 const { M: M$5, L: L$6, C: C$5, Q: Q$4, Z: Z$5 } = PathCommandMap;
 const tempPoint$1 = {};
 const BezierHelper = {
-    points(data, points, curve, close) {
+    points(data, originPoints, curve, close) {
+        let points = toNumberPoints(originPoints);
         data.push(M$5, points[0], points[1]);
         if (curve && points.length > 5) {
             let aX, aY, bX, bY, cX, cY, c1X, c1Y, c2X, c2Y;
@@ -2820,6 +2830,27 @@ const PathConvert = {
         }
         return data;
     },
+    objectToCanvasData(list) {
+        const data = [];
+        list.forEach(item => {
+            switch (item.name) {
+                case 'M':
+                    data.push(M$4, item.x, item.y);
+                    break;
+                case 'L':
+                    data.push(L$5, item.x, item.y);
+                    break;
+                case 'C':
+                    data.push(C$4, item.x1, item.y1, item.x2, item.y2, item.x, item.y);
+                    break;
+                case 'Q':
+                    data.push(Q$3, item.x1, item.y1, item.x, item.y);
+                    break;
+                case 'Z': data.push(Z$4);
+            }
+        });
+        return data;
+    },
     copyData(data, old, index, count) {
         for (let i = index, end = index + count; i < end; i++) {
             data.push(old[i]);
@@ -4757,6 +4788,7 @@ class RenderEvent extends Event {
     }
 }
 RenderEvent.REQUEST = 'render.request';
+RenderEvent.CHILD_START = 'render.child_start';
 RenderEvent.START = 'render.start';
 RenderEvent.BEFORE = 'render.before';
 RenderEvent.RENDER = 'render';
@@ -4932,7 +4964,7 @@ const { isFinite } = Number;
 const debug = Debug.get('setAttr');
 const LeafDataProxy = {
     __setAttr(name, newValue, checkFiniteNumber) {
-        if (this.leafer && this.leafer.created) {
+        if (this.leaferIsCreated) {
             const oldValue = this.__.__getInput(name);
             if (checkFiniteNumber && !isFinite(newValue) && newValue !== undefined) {
                 debug.warn(this.innerName, name, newValue);
@@ -5087,7 +5119,7 @@ const LeafBounds = {
         const b = this.__layout.boxBounds;
         const data = this.__;
         if (data.__pathInputed) {
-            toBounds(data.__pathForRender, b);
+            toBounds(data.path, b);
         }
         else {
             b.x = 0;
@@ -5099,7 +5131,7 @@ const LeafBounds = {
     __updateAutoLayout() {
         this.__layout.matrixChanged = true;
         if (this.isBranch) {
-            if (this.leafer && this.leafer.ready)
+            if (this.leaferIsReady)
                 this.leafer.layouter.addExtra(this);
             if (this.__.flow) {
                 if (this.__layout.boxChanged)
@@ -5160,7 +5192,7 @@ const LeafRender = {
         if (this.__worldOpacity) {
             canvas.setWorld(this.__nowWorld = this.__getNowWorld(options));
             this.__drawRenderPath(canvas);
-            this.__.windingRule ? canvas.clip(this.__.windingRule) : canvas.clip();
+            this.windingRule ? canvas.clip(this.windingRule) : canvas.clip();
         }
     },
     __updateWorldOpacity() {
@@ -5234,6 +5266,8 @@ exports.Leaf = class Leaf {
     get innerName() { return this.__.name || this.tag + this.innerId; }
     get __DataProcessor() { return LeafData; }
     get __LayoutProcessor() { return LeafLayout; }
+    get leaferIsCreated() { return this.leafer && this.leafer.created; }
+    get leaferIsReady() { return this.leafer && this.leafer.ready; }
     get isLeafer() { return false; }
     get isBranch() { return false; }
     get isBranchLeaf() { return false; }
@@ -5675,10 +5709,17 @@ exports.Branch = class Branch extends exports.Leaf {
     add(child, index) {
         if (child === this)
             return;
+        const noIndex = index === undefined;
+        if (!child.__) {
+            if (child instanceof Array)
+                return child.forEach(item => { this.add(item, index); noIndex || index++; });
+            else
+                child = UICreator.get(child.tag, child);
+        }
         if (child.parent)
             child.parent.remove(child);
         child.parent = this;
-        index === undefined ? this.children.push(child) : this.children.splice(index, 0, child);
+        noIndex ? this.children.push(child) : this.children.splice(index, 0, child);
         if (child.isBranch)
             this.__.__childBranchNumber = (this.__.__childBranchNumber || 0) + 1;
         child.__layout.boxChanged || child.__layout.boxChange();
@@ -5692,15 +5733,17 @@ exports.Branch = class Branch extends exports.Leaf {
         }
         this.__layout.affectChildrenSort && this.__layout.childrenSortChange();
     }
-    addMany(...children) {
-        children.forEach(child => this.add(child));
-    }
+    addMany(...children) { this.add(children); }
     remove(child, destroy) {
         if (child) {
-            if (child.animationOut)
-                child.__runAnimation('out', () => this.__remove(child, destroy));
+            if (child.__) {
+                if (child.animationOut)
+                    child.__runAnimation('out', () => this.__remove(child, destroy));
+                else
+                    this.__remove(child, destroy);
+            }
             else
-                this.__remove(child, destroy);
+                this.find(child).forEach(item => this.remove(item, destroy));
         }
         else if (child === undefined) {
             super.remove(null, destroy);
@@ -5918,7 +5961,7 @@ class LeafLevelList {
     }
 }
 
-const version = "1.0.4";
+const version = "1.0.6";
 
 exports.AlignHelper = AlignHelper;
 exports.AroundHelper = AroundHelper;

package/lib/core.esm.js

@@ -552,6 +552,12 @@ const PointHelper = {
         to.y = t.y + sin$2(r) * distance;
         return to;
     },
+    toNumberPoints(originPoints) {
+        let points = originPoints;
+        if (typeof originPoints[0] === 'object')
+            points = [], originPoints.forEach(p => points.push(p.x, p.y));
+        return points;
+    },
     reset(t) {
         P$5.reset(t);
     }
@@ -1542,7 +1548,10 @@ const { assign } = DataHelper;
 
 class LeafData {
     get __useNaturalRatio() { return true; }
-    get __isLinePath() { return this.path && this.path.length === 6; }
+    get __isLinePath() {
+        const { path } = this;
+        return path && path.length === 6 && path[0] === 1;
+    }
     get __blendMode() {
         if (this.eraser && this.eraser !== 'path')
             return 'destination-out';
@@ -2305,11 +2314,12 @@ const RectHelper = {
 
 const { sin: sin$1, cos: cos$1, atan2: atan2$1, ceil, abs: abs$1, PI, sqrt: sqrt$1, pow } = Math;
 const { setPoint: setPoint$1, addPoint: addPoint$1 } = TwoPointBoundsHelper;
-const { set } = PointHelper;
+const { set, toNumberPoints } = PointHelper;
 const { M: M$5, L: L$6, C: C$5, Q: Q$4, Z: Z$5 } = PathCommandMap;
 const tempPoint$1 = {};
 const BezierHelper = {
-    points(data, points, curve, close) {
+    points(data, originPoints, curve, close) {
+        let points = toNumberPoints(originPoints);
         data.push(M$5, points[0], points[1]);
         if (curve && points.length > 5) {
             let aX, aY, bX, bY, cX, cY, c1X, c1Y, c2X, c2Y;
@@ -2818,6 +2828,27 @@ const PathConvert = {
         }
         return data;
     },
+    objectToCanvasData(list) {
+        const data = [];
+        list.forEach(item => {
+            switch (item.name) {
+                case 'M':
+                    data.push(M$4, item.x, item.y);
+                    break;
+                case 'L':
+                    data.push(L$5, item.x, item.y);
+                    break;
+                case 'C':
+                    data.push(C$4, item.x1, item.y1, item.x2, item.y2, item.x, item.y);
+                    break;
+                case 'Q':
+                    data.push(Q$3, item.x1, item.y1, item.x, item.y);
+                    break;
+                case 'Z': data.push(Z$4);
+            }
+        });
+        return data;
+    },
     copyData(data, old, index, count) {
         for (let i = index, end = index + count; i < end; i++) {
             data.push(old[i]);
@@ -4755,6 +4786,7 @@ class RenderEvent extends Event {
     }
 }
 RenderEvent.REQUEST = 'render.request';
+RenderEvent.CHILD_START = 'render.child_start';
 RenderEvent.START = 'render.start';
 RenderEvent.BEFORE = 'render.before';
 RenderEvent.RENDER = 'render';
@@ -4930,7 +4962,7 @@ const { isFinite } = Number;
 const debug = Debug.get('setAttr');
 const LeafDataProxy = {
     __setAttr(name, newValue, checkFiniteNumber) {
-        if (this.leafer && this.leafer.created) {
+        if (this.leaferIsCreated) {
             const oldValue = this.__.__getInput(name);
             if (checkFiniteNumber && !isFinite(newValue) && newValue !== undefined) {
                 debug.warn(this.innerName, name, newValue);
@@ -5085,7 +5117,7 @@ const LeafBounds = {
         const b = this.__layout.boxBounds;
         const data = this.__;
         if (data.__pathInputed) {
-            toBounds(data.__pathForRender, b);
+            toBounds(data.path, b);
         }
         else {
             b.x = 0;
@@ -5097,7 +5129,7 @@ const LeafBounds = {
     __updateAutoLayout() {
         this.__layout.matrixChanged = true;
         if (this.isBranch) {
-            if (this.leafer && this.leafer.ready)
+            if (this.leaferIsReady)
                 this.leafer.layouter.addExtra(this);
             if (this.__.flow) {
                 if (this.__layout.boxChanged)
@@ -5158,7 +5190,7 @@ const LeafRender = {
         if (this.__worldOpacity) {
             canvas.setWorld(this.__nowWorld = this.__getNowWorld(options));
             this.__drawRenderPath(canvas);
-            this.__.windingRule ? canvas.clip(this.__.windingRule) : canvas.clip();
+            this.windingRule ? canvas.clip(this.windingRule) : canvas.clip();
         }
     },
     __updateWorldOpacity() {
@@ -5232,6 +5264,8 @@ let Leaf = class Leaf {
     get innerName() { return this.__.name || this.tag + this.innerId; }
     get __DataProcessor() { return LeafData; }
     get __LayoutProcessor() { return LeafLayout; }
+    get leaferIsCreated() { return this.leafer && this.leafer.created; }
+    get leaferIsReady() { return this.leafer && this.leafer.ready; }
     get isLeafer() { return false; }
     get isBranch() { return false; }
     get isBranchLeaf() { return false; }
@@ -5673,10 +5707,17 @@ let Branch = class Branch extends Leaf {
     add(child, index) {
         if (child === this)
             return;
+        const noIndex = index === undefined;
+        if (!child.__) {
+            if (child instanceof Array)
+                return child.forEach(item => { this.add(item, index); noIndex || index++; });
+            else
+                child = UICreator.get(child.tag, child);
+        }
         if (child.parent)
             child.parent.remove(child);
         child.parent = this;
-        index === undefined ? this.children.push(child) : this.children.splice(index, 0, child);
+        noIndex ? this.children.push(child) : this.children.splice(index, 0, child);
         if (child.isBranch)
             this.__.__childBranchNumber = (this.__.__childBranchNumber || 0) + 1;
         child.__layout.boxChanged || child.__layout.boxChange();
@@ -5690,15 +5731,17 @@ let Branch = class Branch extends Leaf {
         }
         this.__layout.affectChildrenSort && this.__layout.childrenSortChange();
     }
-    addMany(...children) {
-        children.forEach(child => this.add(child));
-    }
+    addMany(...children) { this.add(children); }
     remove(child, destroy) {
         if (child) {
-            if (child.animationOut)
-                child.__runAnimation('out', () => this.__remove(child, destroy));
+            if (child.__) {
+                if (child.animationOut)
+                    child.__runAnimation('out', () => this.__remove(child, destroy));
+                else
+                    this.__remove(child, destroy);
+            }
             else
-                this.__remove(child, destroy);
+                this.find(child).forEach(item => this.remove(item, destroy));
         }
         else if (child === undefined) {
             super.remove(null, destroy);
@@ -5916,6 +5959,6 @@ class LeafLevelList {
     }
 }
 
-const version = "1.0.4";
+const version = "1.0.6";
 
 export { AlignHelper, Answer, AroundHelper, AutoBounds, BezierHelper, Bounds, BoundsHelper, Branch, BranchHelper, BranchRender, CanvasManager, ChildEvent, Creator, DataHelper, Debug, Direction4, Direction9, EllipseHelper, Event, EventCreator, Eventer, FileHelper, ImageEvent, ImageManager, IncrementId, LayoutEvent, Leaf, LeafBounds, LeafBoundsHelper, LeafData, LeafDataProxy, LeafEventer, LeafHelper, LeafLayout, LeafLevelList, LeafList, LeafMatrix, LeafRender, LeaferCanvasBase, LeaferEvent, LeaferImage, MathHelper, Matrix, MatrixHelper, NeedConvertToCanvasCommandMap, OneRadian, PI2, PI_2, PathBounds, PathCommandDataHelper, PathCommandMap, PathConvert, PathCorner, PathCreator, PathDrawer, PathHelper, PathNumberCommandLengthMap, PathNumberCommandMap, Platform, Point, PointHelper, PropertyEvent, RectHelper, RenderEvent, ResizeEvent, Run, StringNumberMap, TaskItem, TaskProcessor, TwoPointBoundsHelper, UICreator, WaitHelper, WatchEvent, affectRenderBoundsType, affectStrokeBoundsType, attr, autoLayoutType, boundsType, canvasPatch, canvasSizeAttrs, cursorType, dataProcessor, dataType, decorateLeafAttr, defineDataProcessor, defineKey, defineLeafAttr, doBoundsType, doStrokeType, emptyData, eraserType, getBoundsData, getDescriptor, getMatrixData, getPointData, hitType, isNull, layoutProcessor, maskType, naturalBoundsType, needPlugin, opacityType, pathInputType, pathType, pen, positionType, registerUI, registerUIEvent, rewrite, rewriteAble, rotationType, scaleType, sortType, strokeType, surfaceType, tempBounds, tempMatrix, tempPoint$2 as tempPoint, useModule, version, visibleType };