@leafer/core 1.5.3 → 1.6.0

package/lib/core.cjs

@@ -47,7 +47,7 @@ const IncrementId = {
 };
 const I$1 = IncrementId;
 
-const { round, pow: pow$1, PI: PI$2 } = Math;
+const { round: round$3, pow: pow$1, PI: PI$2 } = Math;
 const MathHelper = {
     within(value, min, max) {
         if (typeof min === 'object')
@@ -111,7 +111,7 @@ const MathHelper = {
     },
     float(num, maxLength) {
         const a = maxLength !== undefined ? pow$1(10, maxLength) : 1000000000000;
-        num = round(num * a) / a;
+        num = round$3(num * a) / a;
         return num === -0 ? 0 : num;
     },
     getScaleData(scale, size, originSize, scaleData) {
@@ -134,8 +134,15 @@ const MathHelper = {
             scaleData.scaleX = scale.x;
             scaleData.scaleY = scale.y;
         }
+    },
+    randInt,
+    randColor(opacity) {
+        return `rgba(${randInt(255)},${randInt(255)},${randInt(255)},${opacity || 1})`;
     }
 };
+function randInt(num) {
+    return Math.round(Math.random() * num);
+}
 const OneRadian = PI$2 / 180;
 const PI2 = PI$2 * 2;
 const PI_2 = PI$2 / 2;
@@ -433,7 +440,7 @@ const MatrixHelper = {
 const M$6 = MatrixHelper;
 
 const { toInnerPoint: toInnerPoint$2, toOuterPoint: toOuterPoint$3 } = MatrixHelper;
-const { sin: sin$2, cos: cos$2, abs: abs$2, sqrt: sqrt$2, atan2: atan2$2, min: min$1, PI: PI$1 } = Math;
+const { sin: sin$2, cos: cos$2, abs: abs$2, sqrt: sqrt$2, atan2: atan2$2, min: min$1, round: round$2, PI: PI$1 } = Math;
 const PointHelper = {
     defaultPoint: getPointData(),
     tempPoint: {},
@@ -454,6 +461,10 @@ const PointHelper = {
         t.x = x;
         t.y = y;
     },
+    round(t, halfPixel) {
+        t.x = halfPixel ? round$2(t.x - 0.5) + 0.5 : round$2(t.x);
+        t.y = halfPixel ? round$2(t.y - 0.5) + 0.5 : round$2(t.y);
+    },
     move(t, x, y) {
         t.x += x;
         t.y += y;
@@ -1319,6 +1330,7 @@ const StringNumberMap = {
     'E': 1
 };
 
+const { randColor } = MathHelper;
 class Debug {
     constructor(name) {
         this.repeatMap = {};
@@ -1333,6 +1345,19 @@ class Debug {
     static set exclude(name) {
         this.excludeList = getNameList(name);
     }
+    static drawRepaint(canvas, bounds) {
+        const color = randColor();
+        canvas.fillWorld(bounds, color.replace('1)', '.1)'));
+        canvas.strokeWorld(bounds, color);
+    }
+    static drawBounds(leaf, canvas, _options) {
+        const showHit = Debug.showBounds === 'hit', w = leaf.__nowWorld, color = randColor();
+        if (showHit)
+            canvas.setWorld(w), leaf.__drawHitPath(canvas), canvas.fillStyle = color.replace('1)', '.2)'), canvas.fill();
+        canvas.resetTransform();
+        canvas.setStroke(color, 2);
+        showHit ? canvas.stroke() : canvas.strokeWorld(w, color);
+    }
     log(...messages) {
         if (D$4.enable) {
             if (D$4.filterList.length && D$4.filterList.every(name => name !== this.name))
@@ -1419,7 +1444,7 @@ const Plugin = {
         return rs;
     },
     need(name) {
-        console.error('need plugin: ' + (name.includes('-x') ? '' : '@leafer-in/') + name);
+        console.error('please install plugin: ' + (name.includes('-x') ? '' : '@leafer-in/') + name);
     }
 };
 setTimeout(() => check.forEach(name => Plugin.has(name, true)));
@@ -2019,7 +2044,7 @@ __decorate([
     contextMethod()
 ], Canvas.prototype, "strokeText", null);
 
-const { copy: copy$5 } = MatrixHelper;
+const { copy: copy$5, multiplyParent: multiplyParent$3 } = MatrixHelper, { round: round$1 } = Math;
 const minSize = { width: 1, height: 1, pixelRatio: 1 };
 const canvasSizeAttrs = ['width', 'height', 'pixelRatio'];
 class LeaferCanvasBase extends Canvas {
@@ -2028,6 +2053,8 @@ class LeaferCanvasBase extends Canvas {
     get pixelRatio() { return this.size.pixelRatio; }
     get pixelWidth() { return this.width * this.pixelRatio; }
     get pixelHeight() { return this.height * this.pixelRatio; }
+    get pixelSnap() { return this.config.pixelSnap; }
+    set pixelSnap(value) { this.config.pixelSnap = value; }
     get allowBackgroundColor() { return this.view && this.parentView; }
     constructor(config, manager) {
         super();
@@ -2088,15 +2115,22 @@ class LeaferCanvasBase extends Canvas {
     stopAutoLayout() { }
     setCursor(_cursor) { }
     setWorld(matrix, parentMatrix) {
-        const { pixelRatio } = this;
-        const w = this.worldTransform;
-        if (parentMatrix) {
-            const { a, b, c, d, e, f } = parentMatrix;
-            this.setTransform(w.a = ((matrix.a * a) + (matrix.b * c)) * pixelRatio, w.b = ((matrix.a * b) + (matrix.b * d)) * pixelRatio, w.c = ((matrix.c * a) + (matrix.d * c)) * pixelRatio, w.d = ((matrix.c * b) + (matrix.d * d)) * pixelRatio, w.e = (((matrix.e * a) + (matrix.f * c) + e)) * pixelRatio, w.f = (((matrix.e * b) + (matrix.f * d) + f)) * pixelRatio);
-        }
-        else {
-            this.setTransform(w.a = matrix.a * pixelRatio, w.b = matrix.b * pixelRatio, w.c = matrix.c * pixelRatio, w.d = matrix.d * pixelRatio, w.e = matrix.e * pixelRatio, w.f = matrix.f * pixelRatio);
+        const { pixelRatio, pixelSnap } = this, w = this.worldTransform;
+        if (parentMatrix)
+            multiplyParent$3(matrix, parentMatrix, w);
+        w.a = matrix.a * pixelRatio;
+        w.b = matrix.b * pixelRatio;
+        w.c = matrix.c * pixelRatio;
+        w.d = matrix.d * pixelRatio;
+        w.e = matrix.e * pixelRatio;
+        w.f = matrix.f * pixelRatio;
+        if (pixelSnap) {
+            if (matrix.half && (matrix.half * pixelRatio) % 2)
+                w.e = round$1(w.e - 0.5) + 0.5, w.f = round$1(w.f - 0.5) + 0.5;
+            else
+                w.e = round$1(w.e), w.f = round$1(w.f);
         }
+        this.setTransform(w.a, w.b, w.c, w.d, w.e, w.f);
     }
     useWorldTransform(worldTransform) {
         if (worldTransform)
@@ -2239,12 +2273,13 @@ class LeaferCanvasBase extends Canvas {
         return this.width === size.width && this.height === size.height && (!size.pixelRatio || this.pixelRatio === size.pixelRatio);
     }
     getSameCanvas(useSameWorldTransform, useSameSmooth) {
-        const canvas = this.manager ? this.manager.get(this.size) : Creator.canvas(Object.assign({}, this.size));
+        const { size, pixelSnap } = this, canvas = this.manager ? this.manager.get(size) : Creator.canvas(Object.assign({}, size));
         canvas.save();
         if (useSameWorldTransform)
             copy$5(canvas.worldTransform, this.worldTransform), canvas.useWorldTransform();
         if (useSameSmooth)
             canvas.smooth = this.smooth;
+        canvas.pixelSnap !== pixelSnap && (canvas.pixelSnap = pixelSnap);
         return canvas;
     }
     recycle(clearBounds) {
@@ -3671,7 +3706,7 @@ const Resource = {
 const R = Resource;
 
 const ImageManager = {
-    maxRecycled: 100,
+    maxRecycled: 10,
     recycledList: [],
     patternTasker: new TaskProcessor(),
     get(config) {
@@ -4024,9 +4059,8 @@ function hitType(defaultValue) {
         set(value) {
             if (this.__setAttr(key, value)) {
                 this.__layout.hitCanvasChanged = true;
-                if (Debug.showHitView) {
+                if (Debug.showBounds === 'hit')
                     this.__layout.surfaceChanged || this.__layout.surfaceChange();
-                }
                 if (this.leafer)
                     this.leafer.updateCursor();
             }
@@ -4187,7 +4221,7 @@ function registerUIEvent() {
 }
 
 const { copy: copy$3, toInnerPoint: toInnerPoint$1, toOuterPoint: toOuterPoint$1, scaleOfOuter, rotateOfOuter, skewOfOuter, multiplyParent: multiplyParent$2, divideParent, getLayout } = MatrixHelper;
-const matrix = {};
+const matrix = {}, { round } = Math;
 const LeafHelper = {
     updateAllMatrix(leaf, checkAutoLayout, waitAutoLayout) {
         if (checkAutoLayout && leaf.__hasAutoLayout && leaf.__layout.matrixChanged)
@@ -4261,6 +4295,8 @@ const LeafHelper = {
             y = x.y, x = x.x;
         x += t.x;
         y += t.y;
+        if (t.leafer && t.leafer.config.pointSnap)
+            x = round(x), y = round(y);
         transition ? t.animate({ x, y }, transition) : (t.x = x, t.y = y);
     },
     zoomOfWorld(t, origin, scaleX, scaleY, resize, transition) {
@@ -4499,6 +4535,7 @@ class LeafLayout {
     set contentBounds(bounds) { this._contentBounds = bounds; }
     get strokeBounds() { return this._strokeBounds || this.boxBounds; }
     get renderBounds() { return this._renderBounds || this.boxBounds; }
+    set renderBounds(bounds) { this._renderBounds = bounds; }
     get localContentBounds() { toOuterOf$2(this.contentBounds, this.leaf.__localMatrix, this[localContent] || (this[localContent] = {})); return this[localContent]; }
     get localStrokeBounds() { return this._localStrokeBounds || this; }
     get localRenderBounds() { return this._localRenderBounds || this; }
@@ -4517,11 +4554,13 @@ class LeafLayout {
     get height() { return this.boxBounds.height; }
     constructor(leaf) {
         this.leaf = leaf;
-        this.boxBounds = { x: 0, y: 0, width: 0, height: 0 };
         if (this.leaf.__local)
             this._localRenderBounds = this._localStrokeBounds = this.leaf.__local;
-        this.boxChange();
-        this.matrixChange();
+        if (leaf.__world) {
+            this.boxBounds = { x: 0, y: 0, width: 0, height: 0 };
+            this.boxChange();
+            this.matrixChange();
+        }
     }
     createLocal() {
         const local = this.leaf.__local = { a: 1, b: 0, c: 0, d: 1, e: 0, f: 0, x: 0, y: 0, width: 0, height: 0 };
@@ -4853,6 +4892,9 @@ class ResizeEvent extends Event {
         }
         this.old = oldSize;
     }
+    static isResizing(leaf) {
+        return this.resizingKeys && this.resizingKeys[leaf.innerId] !== undefined;
+    }
 }
 ResizeEvent.RESIZE = 'resize';
 
@@ -4895,6 +4937,7 @@ class RenderEvent extends Event {
 }
 RenderEvent.REQUEST = 'render.request';
 RenderEvent.CHILD_START = 'render.child_start';
+RenderEvent.CHILD_END = 'render.child_end';
 RenderEvent.START = 'render.start';
 RenderEvent.BEFORE = 'render.before';
 RenderEvent.RENDER = 'render';
@@ -5274,24 +5317,27 @@ const LeafBounds = {
 const LeafRender = {
     __render(canvas, options) {
         if (this.__worldOpacity) {
+            const data = this.__;
             canvas.setWorld(this.__nowWorld = this.__getNowWorld(options));
-            canvas.opacity = this.__.opacity;
+            canvas.opacity = options.dimOpacity && !data.dimskip ? data.opacity * options.dimOpacity : data.opacity;
             if (this.__.__single) {
-                if (this.__.eraser === 'path')
+                if (data.eraser === 'path')
                     return this.__renderEraser(canvas, options);
                 const tempCanvas = canvas.getSameCanvas(true, true);
                 this.__draw(tempCanvas, options, canvas);
                 if (this.__worldFlipped) {
-                    canvas.copyWorldByReset(tempCanvas, this.__nowWorld, null, this.__.__blendMode, true);
+                    canvas.copyWorldByReset(tempCanvas, this.__nowWorld, null, data.__blendMode, true);
                 }
                 else {
-                    canvas.copyWorldToInner(tempCanvas, this.__nowWorld, this.__layout.renderBounds, this.__.__blendMode);
+                    canvas.copyWorldToInner(tempCanvas, this.__nowWorld, this.__layout.renderBounds, data.__blendMode);
                 }
                 tempCanvas.recycle(this.__nowWorld);
             }
             else {
                 this.__draw(canvas, options);
             }
+            if (Debug.showBounds)
+                Debug.drawBounds(this, canvas, options);
         }
     },
     __clip(canvas, options) {
@@ -5321,14 +5367,19 @@ const BranchRender = {
     __render(canvas, options) {
         this.__nowWorld = this.__getNowWorld(options);
         if (this.__worldOpacity) {
-            if (this.__.__single) {
-                if (this.__.eraser === 'path')
+            const data = this.__;
+            if (data.dim)
+                options.dimOpacity = data.dim === true ? 0.2 : data.dim;
+            else if (data.dimskip)
+                options.dimOpacity && (options.dimOpacity = 0);
+            if (data.__single) {
+                if (data.eraser === 'path')
                     return this.__renderEraser(canvas, options);
                 const tempCanvas = canvas.getSameCanvas(false, true);
                 this.__renderBranch(tempCanvas, options);
                 const nowWorld = this.__nowWorld;
-                canvas.opacity = this.__.opacity;
-                canvas.copyWorldByReset(tempCanvas, nowWorld, nowWorld, this.__.__blendMode, true);
+                canvas.opacity = options.dimOpacity ? data.opacity * options.dimOpacity : data.opacity;
+                canvas.copyWorldByReset(tempCanvas, nowWorld, nowWorld, data.__blendMode, true);
                 tempCanvas.recycle(nowWorld);
             }
             else {
@@ -5403,9 +5454,11 @@ exports.Leaf = class Leaf {
     reset(data) {
         if (this.leafer)
             this.leafer.forceRender(this.__world);
-        this.__world = { a: 1, b: 0, c: 0, d: 1, e: 0, f: 0, x: 0, y: 0, width: 0, height: 0, scaleX: 1, scaleY: 1 };
-        if (data !== null)
-            this.__local = { a: 1, b: 0, c: 0, d: 1, e: 0, f: 0, x: 0, y: 0, width: 0, height: 0 };
+        if (data !== 0) {
+            this.__world = { a: 1, b: 0, c: 0, d: 1, e: 0, f: 0, x: 0, y: 0, width: 0, height: 0, scaleX: 1, scaleY: 1 };
+            if (data !== null)
+                this.__local = { a: 1, b: 0, c: 0, d: 1, e: 0, f: 0, x: 0, y: 0, width: 0, height: 0 };
+        }
         this.__worldOpacity = 1;
         this.__ = new this.__DataProcessor(this);
         this.__layout = new this.__LayoutProcessor(this);
@@ -5541,9 +5594,10 @@ exports.Leaf = class Leaf {
         if (options.matrix) {
             if (!this.__cameraWorld)
                 this.__cameraWorld = {};
-            const cameraWorld = this.__cameraWorld;
-            multiplyParent(this.__world, options.matrix, cameraWorld, undefined, this.__world);
+            const cameraWorld = this.__cameraWorld, world = this.__world;
+            multiplyParent(world, options.matrix, cameraWorld, undefined, world);
             toOuterOf(this.__layout.renderBounds, cameraWorld, cameraWorld);
+            cameraWorld.half !== world.half && (cameraWorld.half = world.half);
             return cameraWorld;
         }
         else {
@@ -5703,7 +5757,7 @@ exports.Leaf = class Leaf {
     __updateHitCanvas() { }
     __render(_canvas, _options) { }
     __drawFast(_canvas, _options) { }
-    __draw(_canvas, _options) { }
+    __draw(_canvas, _options, _originCanvas) { }
     __clip(_canvas, _options) { }
     __renderShape(_canvas, _options, _ignoreFill, _ignoreStroke) { }
     __updateWorldOpacity() { }
@@ -6073,7 +6127,7 @@ class LeafLevelList {
     }
 }
 
-const version = "1.5.3";
+const version = "1.6.0";
 
 exports.AlignHelper = AlignHelper;
 exports.AroundHelper = AroundHelper;