leafer-ui 2.1.0 → 2.1.2

package/dist/web.module.js

@@ -3070,7 +3070,7 @@ const PathConvert = {
         return needConvert ? PathConvert.toCanvasData(data, curveMode) : data;
     },
     toCanvasData(old, curveMode) {
-        let x = 0, y = 0, x1 = 0, y1 = 0, i = 0, len = old.length, controlX, controlY, command, lastCommand, smooth;
+        let x = 0, y = 0, x1 = 0, y1 = 0, startX = 0, startY = 0, i = 0, len = old.length, controlX, controlY, command, lastCommand, smooth;
         const data = [];
         while (i < len) {
             command = old[i];
@@ -3082,7 +3082,8 @@ const PathConvert = {
               case M$4:
                 x = old[i + 1];
                 y = old[i + 2];
-                data.push(M$4, x, y);
+                if (lastCommand === command) data.push(L$5, x, y); else data.push(M$4, x, y), startX = x, 
+                startY = y;
                 i += 3;
                 break;
 
@@ -3197,6 +3198,8 @@ const PathConvert = {
               case z:
               case Z$4:
                 data.push(Z$4);
+                x = startX;
+                y = startY;
                 i++;
                 break;
 
@@ -6075,12 +6078,13 @@ const LeafBounds = {
         if (this.__hasWorldEvent) BoundsEvent.emitWorld(this);
     },
     __updateLocalBounds() {
-        const layout = this.__layout;
+        const layout = this.__layout, data = this.__;
         if (layout.boxChanged) {
-            if (!this.__.__pathInputed) this.__updatePath();
+            if (!data.__pathInputed) this.__updatePath();
             this.__updateRenderPath();
             this.__updateBoxBounds();
             layout.resized = "inner";
+            if (data.__strokeGeometry) data.__strokeGeometry = undefined;
         }
         if (layout.localBoxChanged) {
             if (this.__local) this.__updateLocalBoxBounds();
@@ -6103,6 +6107,7 @@ const LeafBounds = {
             if (layout.renderSpread || layout.strokeSpread !== layout.strokeBoxSpread) layout.renderChanged = true;
             if (this.parent) this.parent.__layout.strokeChange();
             layout.resized = "inner";
+            if (data.__strokeGeometry) data.__strokeGeometry = undefined;
         }
         if (layout.renderChanged) {
             layout.renderSpread = this.__updateRenderSpread();
@@ -7079,7 +7084,7 @@ class LeafLevelList {
     }
 }
 
-const version = "2.1.0";
+const version = "2.1.2";
 
 const debug$5 = Debug.get("LeaferCanvas");
 
@@ -8348,7 +8353,7 @@ class UIData extends LeafData {
         const isStr = isString(value);
         if (isStr || value && isObject(value[0])) {
             this.__setInput("path", value);
-            this._path = isStr ? parse(value) : objectToCanvasData(value);
+            this._path = isStr ? parse(value, this.__useArrow) : objectToCanvasData(value);
         } else {
             if (this.__input) this.__removeInput("path");
             this._path = value;
@@ -8463,7 +8468,11 @@ class EllipseData extends UIData {
     }
 }
 
-class PolygonData extends LineData {}
+class PolygonData extends UIData {
+    get __usePathBox() {
+        return this.points || this.__pathInputed;
+    }
+}
 
 class StarData extends UIData {
     get __boxStroke() {
@@ -8574,7 +8583,7 @@ const UIBounds = {
         if ((data.stroke || data.hitStroke === "all") && strokeWidth && strokeAlign !== "inside") {
             boxSpread = spread = strokeAlign === "center" ? strokeWidth / 2 : strokeWidth;
             if (!data.__boxStroke || data.__useArrow) {
-                const miterLimitAddWidth = data.__isLinePath ? 0 : 10 * spread;
+                const miterLimitAddWidth = data.__isLinePath ? 0 : (data.strokeJoin === "miter" ? 10 : 1) * spread;
                 const storkeCapAddWidth = data.strokeCap === "none" ? 0 : strokeWidth;
                 spread += Math.max(miterLimitAddWidth, storkeCapAddWidth);
             }
@@ -9878,7 +9887,7 @@ __decorate([ resizeType() ], Canvas.prototype, "contextSettings", void 0);
 
 Canvas = __decorate([ registerUI() ], Canvas);
 
-const {copyAndSpread: copyAndSpread$1, includes: includes, spread: spread, setList: setList} = BoundsHelper, {stintSet: stintSet$1} = DataHelper;
+const {copyAndSpread: copyAndSpread$1, includes: includes, setList: setList} = BoundsHelper, {stintSet: stintSet$1} = DataHelper;
 
 let Text = class Text extends UI {
     get __tag() {
@@ -9908,7 +9917,7 @@ let Text = class Text extends UI {
         const {bounds: contentBounds} = data.__textDrawData;
         const b = layout.boxBounds;
         layout.contentBounds = contentBounds;
-        if (data.__lineHeight < fontSize) spread(contentBounds, fontSize / 2);
+        if (data.__lineHeight < fontSize) layout.renderChanged = true;
         if (autoWidth || autoHeight) {
             b.x = autoWidth ? contentBounds.x : 0;
             b.y = autoHeight ? contentBounds.y : 0;
@@ -9928,6 +9937,8 @@ let Text = class Text extends UI {
     __updateRenderSpread() {
         let spread = super.__updateRenderSpread();
         if (!spread) spread = this.isOverflow ? 1 : 0;
+        const {__lineHeight: __lineHeight, fontSize: fontSize} = this.__;
+        if (__lineHeight < fontSize) spread = FourNumberHelper.max(spread, (fontSize - __lineHeight) / 2);
         return spread;
     }
     __updateRenderBounds() {
@@ -12234,8 +12245,8 @@ function compute(attrName, ui) {
             }
         }
     }
-    data["_" + attrName] = leafPaints.length ? leafPaints : undefined;
     if (leafPaints.length) {
+        data["_" + attrName] = leafPaints;
         if (leafPaints.every(item => item.isTransparent)) {
             if (leafPaints.some(item => item.image)) isAlphaPixel = true;
             isTransparent = true;
@@ -12250,6 +12261,7 @@ function compute(attrName, ui) {
         }
     } else {
         data.__removePaint(attrName, false);
+        data["_" + attrName] = "";
     }
 }
 
@@ -12399,11 +12411,12 @@ function checkSizeAndCreateData(ui, attrName, paint, image, leafPaint, boxBounds
             needUpdate = false;
         }
     }
+    if (paint.mode === "brush") PaintImage.brush(leafPaint);
     if (!leafPaint.data) {
         PaintImage.createData(leafPaint, image, paint, boxBounds);
-        const {transform: transform} = leafPaint.data, {opacity: opacity, blendMode: blendMode} = paint;
-        const clip = transform && !transform.onlyScale || data.path || data.cornerRadius;
-        if (clip || opacity && opacity < 1 || blendMode) leafPaint.complex = clip ? 2 : true;
+        const {transform: transform} = leafPaint.data, {opacity: opacity} = paint;
+        const clip = (transform && !transform.onlyScale || data.path || data.cornerRadius) && !leafPaint.brush;
+        if (clip || opacity && opacity < 1 || paint.blendMode) leafPaint.complex = clip ? 2 : true;
     }
     if (paint.filter) PaintImage.applyFilter(leafPaint, image, paint.filter, ui);
     return needUpdate;
@@ -12493,6 +12506,7 @@ function getPatternData(paint, box, image) {
         break;
 
       case "repeat":
+      case "brush":
         if (!sameBox || scaleX || rotation || skew) PaintImage.repeatMode(data, box, width, height, tempImage.x, tempImage.y, scaleX, scaleY, rotation, skew, align, paint.freeTransform);
         if (!repeat) data.repeat = "repeat";
         const count = isObject(repeat);
@@ -12633,7 +12647,7 @@ function createPattern(paint, ui, canvas, renderOptions) {
     let {scaleX: scaleX, scaleY: scaleY} = PaintImage.getImageRenderScaleData(paint, ui, canvas, renderOptions), id = paint.film ? paint.nowIndex : scaleX + "-" + scaleY;
     if (paint.patternId !== id && !ui.destroyed) {
         if (!(Platform.image.isLarge(paint.image, scaleX, scaleY) && !paint.data.repeat)) {
-            const {image: image, data: data} = paint, {opacity: opacity} = paint.originPaint, {transform: transform, gap: gap} = data, fixScale = PaintImage.getPatternFixScale(paint, scaleX, scaleY);
+            const {image: image, brush: brush, data: data} = paint, {opacity: opacity} = paint.originPaint, {transform: transform, gap: gap} = data, fixScale = PaintImage.getPatternFixScale(paint, scaleX, scaleY);
             let imageMatrix, xGap, yGap, {width: width, height: height} = image;
             if (fixScale) scaleX *= fixScale, scaleY *= fixScale;
             width *= scaleX;
@@ -12641,6 +12655,10 @@ function createPattern(paint, ui, canvas, renderOptions) {
             if (gap) {
                 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));
@@ -12650,7 +12668,7 @@ function createPattern(paint, ui, canvas, renderOptions) {
                 scale(imageMatrix, 1 / scaleX, 1 / scaleY);
             }
             const imageCanvas = image.getCanvas(width, height, opacity, undefined, xGap, yGap, ui.leafer && ui.leafer.config.smooth, data.interlace);
-            const pattern = image.getPattern(imageCanvas, data.repeat || (Platform.origin.noRepeat || "no-repeat"), imageMatrix, paint);
+            const pattern = brush ? imageCanvas : image.getPattern(imageCanvas, data.repeat || (Platform.origin.noRepeat || "no-repeat"), imageMatrix, paint);
             paint.style = pattern;
             paint.patternId = id;
         }
@@ -12671,9 +12689,9 @@ function getPatternFixScale(paint, imageScaleX, imageScaleY) {
 
 function checkImage(paint, drawImage, ui, canvas, renderOptions) {
     const {scaleX: scaleX, scaleY: scaleY} = PaintImage.getImageRenderScaleData(paint, ui, canvas, renderOptions), id = paint.film ? paint.nowIndex : scaleX + "-" + scaleY;
-    const {image: image, data: data, originPaint: originPaint} = paint, {exporting: exporting, snapshot: snapshot} = renderOptions;
+    const {image: image, brush: brush, data: data, originPaint: originPaint} = paint, {exporting: exporting, snapshot: snapshot} = renderOptions;
     if (!data || paint.patternId === id && !exporting || snapshot) {
-        return false;
+        if (!(brush && paint.style)) return false;
     } else {
         if (drawImage) {
             if (data.repeat) {
@@ -12687,18 +12705,18 @@ function checkImage(paint, drawImage, ui, canvas, renderOptions) {
                 canvas.fillStyle = paint.style || "#000";
                 canvas.fill();
             }
-            PaintImage.drawImage(paint, scaleX, scaleY, ui, canvas, renderOptions);
-            return true;
         } else {
             if (!paint.style || originPaint.sync || exporting) PaintImage.createPattern(paint, ui, canvas, renderOptions); else PaintImage.createPatternTask(paint, ui, canvas, renderOptions);
-            return false;
+            if (!(brush && paint.style)) return false;
         }
     }
+    PaintImage.drawImage(paint, scaleX, scaleY, ui, canvas, renderOptions);
+    return true;
 }
 
 function drawImage(paint, imageScaleX, imageScaleY, ui, canvas, _renderOptions) {
-    const {data: data, image: image, complex: complex} = paint;
-    let {width: width, height: height} = image;
+    const {data: data, image: image, brush: brush, complex: complex} = paint;
+    let {width: width, height: height} = image, view = brush || image;
     if (complex) {
         const {blendMode: blendMode, opacity: opacity} = paint.originPaint, {transform: transform} = data;
         canvas.save();
@@ -12706,16 +12724,17 @@ function drawImage(paint, imageScaleX, imageScaleY, ui, canvas, _renderOptions)
         blendMode && (canvas.blendMode = blendMode);
         opacity && (canvas.opacity *= opacity);
         transform && canvas.transform(transform);
-        image.render(canvas, 0, 0, width, height, ui, paint, imageScaleX, imageScaleY);
+        view.render(canvas, 0, 0, width, height, ui, paint, imageScaleX, imageScaleY);
         canvas.restore();
     } else {
         if (data.scaleX) width *= data.scaleX, height *= data.scaleY;
-        image.render(canvas, 0, 0, width, height, ui, paint, imageScaleX, imageScaleY);
+        view.render(canvas, 0, 0, width, height, ui, paint, imageScaleX, imageScaleY);
     }
 }
 
 function getImageRenderScaleData(paint, ui, canvas, _renderOptions) {
     const scaleData = ui.getRenderScaleData(true, paint.originPaint.scaleFixed), {data: data} = paint;
+    if (paint.brush) PaintImage.addBrushScale(scaleData, paint, ui);
     if (canvas) {
         const {pixelRatio: pixelRatio} = canvas;
         scaleData.scaleX *= pixelRatio;
@@ -12732,6 +12751,7 @@ function recycleImage(attrName, data) {
     const paints = data["_" + attrName];
     if (isArray(paints)) {
         let paint, image, recycleMap, input, url;
+        const ui = data.__leaf;
         for (let i = 0, len = paints.length; i < len; i++) {
             paint = paints[i];
             image = paint.image;
@@ -12740,7 +12760,8 @@ function recycleImage(attrName, data) {
                 if (!recycleMap) recycleMap = {};
                 recycleMap[url] = true;
                 ImageManager.recyclePaint(paint);
-                if (data.__willDestroy && image.parent) PaintImage.recycleFilter(image, data.__leaf);
+                if (paint.brush) PaintImage.recycleBrush(paint, ui);
+                if (data.__willDestroy && image.parent) PaintImage.recycleFilter(image, ui);
                 if (image.loading) {
                     if (!input) {
                         input = data.__input && data.__input[attrName] || [];