leafer-draw 1.10.0 → 1.11.0

package/dist/web.module.js

@@ -872,9 +872,10 @@ const PointHelper = {
     getAtan2(t, to) {
         return atan2$2(to.y - t.y, to.x - t.x);
     },
-    getDistancePoint(t, to, distance, changeTo) {
+    getDistancePoint(t, to, distance, changeTo, fromTo) {
         const r = getAtan2(t, to);
-        to = changeTo ? to : {};
+        fromTo && (t = to);
+        changeTo || (to = {});
         to.x = t.x + cos$4(r) * distance;
         to.y = t.y + sin$4(r) * distance;
         return to;
@@ -884,6 +885,9 @@ const PointHelper = {
         if (isObject(originPoints[0])) points = [], originPoints.forEach(p => points.push(p.x, p.y));
         return points;
     },
+    isSame(t, point) {
+        return t.x === point.x && t.y === point.y;
+    },
     reset(t) {
         P$5.reset(t);
     }
@@ -948,8 +952,8 @@ class Point {
     getDistance(to) {
         return PointHelper.getDistance(this, to);
     }
-    getDistancePoint(to, distance, changeTo) {
-        return new Point(PointHelper.getDistancePoint(this, to, distance, changeTo));
+    getDistancePoint(to, distance, changeTo, fromTo) {
+        return new Point(PointHelper.getDistancePoint(this, to, distance, changeTo, fromTo));
     }
     getAngle(to) {
         return PointHelper.getAngle(this, to);
@@ -957,6 +961,9 @@ class Point {
     getAtan2(to) {
         return PointHelper.getAtan2(this, to);
     }
+    isSame(point) {
+        return PointHelper.isSame(this, point);
+    }
     reset() {
         PointHelper.reset(this);
         return this;
@@ -2876,6 +2883,15 @@ const EllipseHelper = {
     }
 };
 
+const PathCommandNodeHelper = {
+    toCommand(_nodes) {
+        return [];
+    },
+    toNode(_data) {
+        return [];
+    }
+};
+
 const {M: M$4, m: m, L: L$5, l: l, H: H, h: h, V: V, v: v, C: C$3, c: c, S: S, s: s, Q: Q$3, q: q, T: T, t: t, A: A, a: a, Z: Z$4, z: z, N: N$3, D: D$3, X: X$3, G: G$3, F: F$4, O: O$3, P: P$3, U: U$3} = PathCommandMap;
 
 const {rect: rect$2, roundRect: roundRect$2, arcTo: arcTo$3, arc: arc$3, ellipse: ellipse$4, quadraticCurveTo: quadraticCurveTo$1} = BezierHelper;
@@ -3154,30 +3170,34 @@ 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;
+        if (list[0].name.length > 1) {
+            return PathCommandNodeHelper.toCommand(list);
+        } else {
+            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 "L":
+                    data.push(L$5, item.x, item.y);
+                    break;
 
-              case "C":
-                data.push(C$3, item.x1, item.y1, item.x2, item.y2, item.x, item.y);
-                break;
+                  case "C":
+                    data.push(C$3, 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 "Q":
+                    data.push(Q$3, item.x1, item.y1, item.x, item.y);
+                    break;
 
-              case "Z":
-                data.push(Z$4);
-            }
-        });
-        return data;
+                  case "Z":
+                    data.push(Z$4);
+                }
+            });
+            return data;
+        }
     },
     copyData(data, old, index, count) {
         for (let i = index, end = index + count; i < end; i++) {
@@ -6835,7 +6855,7 @@ class LeafLevelList {
     }
 }
 
-const version = "1.10.0";
+const version = "1.11.0";
 
 const debug$4 = Debug.get("LeaferCanvas");
 
@@ -7815,7 +7835,9 @@ const {parse: parse, objectToCanvasData: objectToCanvasData} = PathConvert;
 
 const {stintSet: stintSet$3} = DataHelper, {hasTransparent: hasTransparent$2} = ColorConvert;
 
-const emptyPaint = {};
+const emptyPaint = {
+    originPaint: {}
+};
 
 const debug$1 = Debug.get("UIData");
 
@@ -8354,7 +8376,7 @@ let UI = UI_1 = class UI extends Leaf {
             drawer.roundRect(x, y, width, height, isNumber(cornerRadius) ? [ cornerRadius ] : cornerRadius);
         } else drawer.rect(x, y, width, height);
     }
-    drawImagePlaceholder(_image, canvas, renderOptions) {
+    drawImagePlaceholder(_paint, canvas, renderOptions) {
         Paint.fill(this.__.placeholderColor, this, canvas, renderOptions);
     }
     animate(keyframe, _options, _type, _isTemp) {
@@ -9039,7 +9061,7 @@ let Box = class Box extends Group {
             const data = this.__, layout = this.__layout, {renderBounds: renderBounds, boxBounds: boxBounds} = layout, {overflow: overflow} = data;
             const childrenRenderBounds = layout.childrenRenderBounds || (layout.childrenRenderBounds = getBoundsData());
             super.__updateRenderBounds(childrenRenderBounds);
-            if (isScrollMode = overflow.includes("scroll")) {
+            if (isScrollMode = overflow && overflow.includes("scroll")) {
                 add(childrenRenderBounds, boxBounds);
                 scroll(childrenRenderBounds, data);
             }
@@ -9612,30 +9634,31 @@ function fill(fill, ui, canvas, renderOptions) {
 }
 
 function fills(fills, ui, canvas, renderOptions) {
-    let item;
+    let item, originPaint, countImage;
     for (let i = 0, len = fills.length; i < len; i++) {
-        item = fills[i];
+        item = fills[i], originPaint = item.originPaint;
         if (item.image) {
+            countImage ? countImage++ : countImage = 1;
             if (PaintImage.checkImage(item, !ui.__.__font, ui, canvas, renderOptions)) continue;
             if (!item.style) {
-                if (!i && item.image.isPlacehold) ui.drawImagePlaceholder(item.image, canvas, renderOptions);
+                if (countImage === 1 && item.image.isPlacehold) ui.drawImagePlaceholder(item, canvas, renderOptions);
                 continue;
             }
         }
         canvas.fillStyle = item.style;
-        if (item.transform || item.scaleFixed) {
+        if (item.transform || originPaint.scaleFixed) {
             canvas.save();
             if (item.transform) canvas.transform(item.transform);
-            if (item.scaleFixed) {
+            if (originPaint.scaleFixed) {
                 const {scaleX: scaleX, scaleY: scaleY} = ui.getRenderScaleData(true);
-                if (item.scaleFixed === true || item.scaleFixed === "zoom-in" && scaleX > 1 && scaleY > 1) canvas.scale(1 / scaleX, 1 / scaleY);
+                if (originPaint.scaleFixed === true || originPaint.scaleFixed === "zoom-in" && scaleX > 1 && scaleY > 1) canvas.scale(1 / scaleX, 1 / scaleY);
             }
-            if (item.blendMode) canvas.blendMode = item.blendMode;
+            if (originPaint.blendMode) canvas.blendMode = originPaint.blendMode;
             fillPathOrText(ui, canvas, renderOptions);
             canvas.restore();
         } else {
-            if (item.blendMode) {
-                canvas.saveBlendMode(item.blendMode);
+            if (originPaint.blendMode) {
+                canvas.saveBlendMode(originPaint.blendMode);
                 fillPathOrText(ui, canvas, renderOptions);
                 canvas.restoreBlendMode();
             } else fillPathOrText(ui, canvas, renderOptions);
@@ -9788,8 +9811,8 @@ function drawStrokesStyle(strokes, strokeWidthScale, isText, ui, canvas, renderO
                 const {strokeStyle: strokeStyle} = item;
                 strokeStyle ? canvas.setStroke(item.style, data.__getRealStrokeWidth(strokeStyle) * strokeWidthScale, data, strokeStyle) : canvas.setStroke(item.style, data.__strokeWidth * strokeWidthScale, data);
             } else canvas.strokeStyle = item.style;
-            if (item.blendMode) {
-                canvas.saveBlendMode(item.blendMode);
+            if (item.originPaint.blendMode) {
+                canvas.saveBlendMode(item.originPaint.blendMode);
                 isText ? Paint.drawTextStroke(ui, canvas, renderOptions) : canvas.stroke();
                 canvas.restoreBlendMode();
             } else {
@@ -9886,62 +9909,63 @@ function compute(attrName, ui) {
             if (leafPaints.some(item => item.image)) isAlphaPixel = true;
             isTransparent = true;
         }
-    }
-    if (attrName === "fill") {
-        stintSet(data, "__isAlphaPixelFill", isAlphaPixel);
-        stintSet(data, "__isTransparentFill", isTransparent);
+        if (attrName === "fill") {
+            stintSet(data, "__isAlphaPixelFill", isAlphaPixel);
+            stintSet(data, "__isTransparentFill", isTransparent);
+        } else {
+            stintSet(data, "__isAlphaPixelStroke", isAlphaPixel);
+            stintSet(data, "__isTransparentStroke", isTransparent);
+            stintSet(data, "__hasMultiStrokeStyle", maxChildStrokeWidth);
+        }
     } else {
-        stintSet(data, "__isAlphaPixelStroke", isAlphaPixel);
-        stintSet(data, "__isTransparentStroke", isTransparent);
-        stintSet(data, "__hasMultiStrokeStyle", maxChildStrokeWidth);
+        data.__removePaint(attrName, false);
     }
 }
 
 function getLeafPaint(attrName, paint, ui) {
     if (!isObject(paint) || paint.visible === false || paint.opacity === 0) return undefined;
-    let data;
+    let leafPaint;
     const {boxBounds: boxBounds} = ui.__layout;
     switch (paint.type) {
       case "image":
-        data = PaintImage.image(ui, attrName, paint, boxBounds, !recycleMap || !recycleMap[paint.url]);
+        leafPaint = PaintImage.image(ui, attrName, paint, boxBounds, !recycleMap || !recycleMap[paint.url]);
         break;
 
       case "linear":
-        data = PaintGradient.linearGradient(paint, boxBounds);
+        leafPaint = PaintGradient.linearGradient(paint, boxBounds);
         break;
 
       case "radial":
-        data = PaintGradient.radialGradient(paint, boxBounds);
+        leafPaint = PaintGradient.radialGradient(paint, boxBounds);
         break;
 
       case "angular":
-        data = PaintGradient.conicGradient(paint, boxBounds);
+        leafPaint = PaintGradient.conicGradient(paint, boxBounds);
         break;
 
       case "solid":
         const {type: type, color: color, opacity: opacity} = paint;
-        data = {
+        leafPaint = {
             type: type,
             style: ColorConvert.string(color, opacity)
         };
         break;
 
       default:
-        if (!isUndefined(paint.r)) data = {
+        if (!isUndefined(paint.r)) leafPaint = {
             type: "solid",
             style: ColorConvert.string(paint)
         };
     }
-    if (data) {
-        if (isString(data.style) && hasTransparent$1(data.style)) data.isTransparent = true;
+    if (leafPaint) {
+        leafPaint.originPaint = paint;
+        if (isString(leafPaint.style) && hasTransparent$1(leafPaint.style)) leafPaint.isTransparent = true;
         if (paint.style) {
             if (paint.style.strokeWidth === 0) return undefined;
-            data.strokeStyle = paint.style;
+            leafPaint.strokeStyle = paint.style;
         }
-        if (paint.editing) data.editing = paint.editing;
-        if (paint.blendMode) data.blendMode = paint.blendMode;
     }
-    return data;
+    return leafPaint;
 }
 
 const PaintModule = {
@@ -10074,10 +10098,6 @@ const tempScaleData = {};
 const tempImage = {};
 
 function createData(leafPaint, image, paint, box) {
-    const {changeful: changeful, sync: sync, scaleFixed: scaleFixed} = paint;
-    if (changeful) leafPaint.changeful = changeful;
-    if (sync) leafPaint.sync = sync;
-    if (scaleFixed) leafPaint.scaleFixed = scaleFixed;
     leafPaint.data = PaintImage.getPatternData(paint, box, image);
 }
 
@@ -10304,14 +10324,14 @@ function getPatternFixScale(paint, imageScaleX, imageScaleY) {
 
 function checkImage(paint, drawImage, ui, canvas, renderOptions) {
     const {scaleX: scaleX, scaleY: scaleY} = PaintImage.getImageRenderScaleData(paint, ui, canvas, renderOptions);
-    const {image: image, data: data} = paint, {exporting: exporting} = renderOptions;
+    const {image: image, data: data, originPaint: originPaint} = paint, {exporting: exporting} = renderOptions;
     if (!data || paint.patternId === scaleX + "-" + scaleY && !exporting) {
         return false;
     } else {
         if (drawImage) {
             if (data.repeat) {
                 drawImage = false;
-            } else if (!(paint.changeful || Platform.name === "miniapp" && ResizeEvent.isResizing(ui) || exporting)) {
+            } else if (!(originPaint.changeful || Platform.name === "miniapp" && ResizeEvent.isResizing(ui) || exporting)) {
                 drawImage = Platform.image.isLarge(image, scaleX, scaleY);
             }
         }
@@ -10323,16 +10343,16 @@ function checkImage(paint, drawImage, ui, canvas, renderOptions) {
             PaintImage.drawImage(paint, scaleX, scaleY, ui, canvas, renderOptions);
             return true;
         } else {
-            if (!paint.style || paint.sync || exporting) PaintImage.createPattern(paint, ui, canvas, renderOptions); else PaintImage.createPatternTask(paint, ui, canvas, renderOptions);
+            if (!paint.style || originPaint.sync || exporting) PaintImage.createPattern(paint, ui, canvas, renderOptions); else PaintImage.createPatternTask(paint, ui, canvas, renderOptions);
             return false;
         }
     }
 }
 
 function drawImage(paint, _imageScaleX, _imageScaleY, ui, canvas, _renderOptions) {
-    const {data: data, image: image, blendMode: blendMode} = paint, {opacity: opacity, transform: transform} = data, view = image.getFull(data.filters), u = ui.__;
+    const {data: data, image: image} = paint, {blendMode: blendMode} = paint.originPaint, {opacity: opacity, transform: transform} = data, view = image.getFull(data.filters), u = ui.__;
     let {width: width, height: height} = image, clipUI;
-    if (transform && !transform.onlyScale || (clipUI = u.path || u.cornerRadius) || opacity || blendMode) {
+    if ((clipUI = transform && !transform.onlyScale || u.path || u.cornerRadius) || opacity || blendMode) {
         canvas.save();
         clipUI && canvas.clipUI(ui);
         blendMode && (canvas.blendMode = blendMode);
@@ -10347,7 +10367,7 @@ function drawImage(paint, _imageScaleX, _imageScaleY, ui, canvas, _renderOptions
 }
 
 function getImageRenderScaleData(paint, ui, canvas, _renderOptions) {
-    const scaleData = ui.getRenderScaleData(true, paint.scaleFixed), {data: data} = paint;
+    const scaleData = ui.getRenderScaleData(true, paint.originPaint.scaleFixed), {data: data} = paint;
     if (canvas) {
         const {pixelRatio: pixelRatio} = canvas;
         scaleData.scaleX *= pixelRatio;
@@ -11281,4 +11301,4 @@ Object.assign(Effect, EffectModule);
 
 useCanvas();
 
-export { AlignHelper, Answer, AroundHelper, AutoBounds, BezierHelper, Bounds, BoundsEvent, BoundsHelper, Box, BoxData, Branch, BranchHelper, BranchRender, Canvas, CanvasData, CanvasManager, ChildEvent, ColorConvert, Creator, DataHelper, Debug, Direction4, Direction9, Effect, Ellipse, EllipseData, EllipseHelper, Event, EventCreator, Eventer, Export, FileHelper, Filter, FourNumberHelper, Frame, FrameData, Group, GroupData, Image$1 as Image, ImageData, ImageEvent, ImageManager, IncrementId, LayoutEvent, Layouter, Leaf, LeafBounds, LeafBoundsHelper, LeafData, LeafDataProxy, LeafEventer, LeafHelper, LeafLayout, LeafLevelList, LeafList, LeafMatrix, LeafRender, Leafer, LeaferCanvas, LeaferCanvasBase, LeaferData, LeaferEvent, LeaferImage, Line, LineData, MathHelper, Matrix, MatrixHelper, MyImage, NeedConvertToCanvasCommandMap, OneRadian, PI2, PI_2, Paint, PaintGradient, PaintImage, Path, PathArrow, PathBounds, PathCommandDataHelper, PathCommandMap, PathConvert, PathCorner, PathCreator, PathData, PathDrawer, PathHelper, PathNumberCommandLengthMap, PathNumberCommandMap, Pen, PenData, Platform, Plugin, Point, PointHelper, Polygon, PolygonData, PropertyEvent, Rect, RectData, RectHelper, RectRender, RenderEvent, Renderer, ResizeEvent, Resource, Run, Star, StarData, State, StringNumberMap, TaskItem, TaskProcessor, Text, TextConvert, TextData, Transition, TwoPointBoundsHelper, UI, UIBounds, UICreator, UIData, UIRender, UnitConvert, WaitHelper, WatchEvent, Watcher, affectRenderBoundsType, affectStrokeBoundsType, attr, autoLayoutType, boundsType, canvasPatch, canvasSizeAttrs, createAttr, createDescriptor, cursorType, dataProcessor, dataType, decorateLeafAttr, defineDataProcessor, defineKey, defineLeafAttr, dimType, doBoundsType, doStrokeType, 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, registerUI, registerUIEvent, resizeType, rewrite, rewriteAble, rotationType, scaleType, scrollType, sortType, strokeType, surfaceType, tempBounds$2 as tempBounds, tempMatrix$2 as tempMatrix, tempPoint$2 as tempPoint, tryToNumber, useCanvas, useModule, version, visibleType, zoomLayerType };
+export { AlignHelper, Answer, AroundHelper, AutoBounds, BezierHelper, Bounds, BoundsEvent, BoundsHelper, Box, BoxData, Branch, BranchHelper, BranchRender, Canvas, CanvasData, CanvasManager, ChildEvent, ColorConvert, Creator, DataHelper, Debug, Direction4, Direction9, Effect, Ellipse, EllipseData, EllipseHelper, Event, EventCreator, Eventer, Export, FileHelper, Filter, FourNumberHelper, Frame, FrameData, Group, GroupData, Image$1 as Image, ImageData, ImageEvent, ImageManager, IncrementId, LayoutEvent, Layouter, Leaf, LeafBounds, LeafBoundsHelper, LeafData, LeafDataProxy, LeafEventer, LeafHelper, LeafLayout, LeafLevelList, LeafList, LeafMatrix, LeafRender, Leafer, LeaferCanvas, LeaferCanvasBase, LeaferData, LeaferEvent, LeaferImage, Line, LineData, MathHelper, Matrix, MatrixHelper, MyImage, NeedConvertToCanvasCommandMap, OneRadian, PI2, PI_2, Paint, PaintGradient, PaintImage, Path, PathArrow, PathBounds, PathCommandDataHelper, PathCommandMap, PathCommandNodeHelper, PathConvert, PathCorner, PathCreator, PathData, PathDrawer, PathHelper, PathNumberCommandLengthMap, PathNumberCommandMap, Pen, PenData, Platform, Plugin, Point, PointHelper, Polygon, PolygonData, PropertyEvent, Rect, RectData, RectHelper, RectRender, RenderEvent, Renderer, ResizeEvent, Resource, Run, Star, StarData, State, StringNumberMap, TaskItem, TaskProcessor, Text, TextConvert, TextData, Transition, TwoPointBoundsHelper, UI, UIBounds, UICreator, UIData, UIRender, UnitConvert, WaitHelper, WatchEvent, Watcher, affectRenderBoundsType, affectStrokeBoundsType, attr, autoLayoutType, boundsType, canvasPatch, canvasSizeAttrs, createAttr, createDescriptor, cursorType, dataProcessor, dataType, decorateLeafAttr, defineDataProcessor, defineKey, defineLeafAttr, dimType, doBoundsType, doStrokeType, 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, registerUI, registerUIEvent, resizeType, rewrite, rewriteAble, rotationType, scaleType, scrollType, sortType, strokeType, surfaceType, tempBounds$2 as tempBounds, tempMatrix$2 as tempMatrix, tempPoint$2 as tempPoint, tryToNumber, useCanvas, useModule, version, visibleType, zoomLayerType };