@leafer/worker 2.1.4 → 2.1.6

package/dist/worker.esm.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"worker.esm.min.js","sources":["../../../../../../../src/leafer/packages/interface/src/path/IPathCommand.ts"],"sourcesContent":["import { IPointData } from '../math/IMath'\nimport { IWindingRule } from '../canvas/ICanvas'\n\ntype Command = number\ntype x = number\ntype y = number\ntype x1 = number\ntype y1 = number\ntype x2 = number\ntype y2 = number\ntype radiusX = number\ntype radiusY = number\ntype xAxisRotation = number\ntype largeArcFlag = number\ntype sweepFlag = number\n\n\nexport type MCommandData = [Command, x, y]\nexport type HCommandData = [Command, x]\nexport type VCommandData = [Command, y]\nexport type LCommandData = MCommandData\n\nexport type CCommandData = [Command, x1, y1, x2, y2, x, y]\nexport type SCommandData = [Command, x2, y2, x, y]\n\nexport type QCommandData = [Command, x1, y1, x, y]\nexport type TCommandData = [Command, x, y]\n\nexport type ZCommandData = [Command]\n\nexport type ACommandData = [Command, radiusX, radiusY, xAxisRotation, largeArcFlag, sweepFlag, x, y]\n\n\n// 非svg标准的canvas绘图命令\ntype width = number\ntype height = number\ntype rotation = number\ntype startAngle = number\ntype endAngle = number\ntype anticlockwise = boolean\ntype cornerRadius = number | number[]\ntype radius = number\n\nexport type RectCommandData = [Command, x, y, width, height]\nexport type RoundRectCommandData = [Command, x, y, width, height, cornerRadius]\nexport type EllipseCommandData = [Command, x, y, radiusX, radiusY, rotation, startAngle, endAngle, anticlockwise]\nexport type ArcCommandData = [Command, x, y, radius, startAngle, endAngle, anticlockwise]\nexport type ArcToCommandData = [Command, x1, y1, x2, y2, radius]\n\n\nexport type CanvasPathCommand = 1 | 2 | 5 | 7 | 11 // M | L | C | Q | Z   canvas可以绘制的命令\n\nexport type IPathCommandData = number[] // ...(MCommandData | LCommandData | CCommandData | QCommandData | ZCommandData)\n\nexport interface IPathCommandDataWithRadius {\n    data: IPathCommandData\n    radius: number[]\n}\n\nexport interface IPathCommandDataWithWindingRule {\n    data: IPathCommandData\n    windingRule?: IWindingRule\n}\n\n// 路径命令对象\nexport interface MoveToCommandObject {\n    name: 'M'\n    x: number\n    y: number\n}\nexport interface LineToCommandObject {\n    name: 'L'\n    x: number\n    y: number\n}\n\nexport interface BezierCurveToCommandObject {\n    name: 'C'\n    x1: number\n    y1: number\n    x2: number\n    y2: number\n    x: number\n    y: number\n}\n\nexport interface QuadraticCurveToCommandObject {\n    name: 'Q'\n    x1: number\n    y1: number\n    x: number\n    y: number\n}\n\nexport interface ClosePathCommandObject {\n    name: 'Z'\n}\n\nexport type IPathCommandObject = MoveToCommandObject | LineToCommandObject | BezierCurveToCommandObject | QuadraticCurveToCommandObject | ClosePathCommandObject // M | L | C | Q | Z   canvas可以绘制的命令\n\n\n// 可视化路径节点\n\nexport interface IPathCommandNodeBase {\n    name: 'M^' | 'L^' | 'C^' | 'Z^'\n    x: number\n    y: number\n    r?: number // 圆角半径\n    a?: IPointData // 第一个手柄，连接上一个节点\n    b?: IPointData // 第二个手柄，连接下一个节点\n    ab?: PathNodeHandleType // 手柄类型\n}\n\nexport interface MoveToCommandNode extends IPathCommandNodeBase {\n    name: 'M^'\n}\nexport interface LineToCommandNode extends IPathCommandNodeBase {\n    name: 'L^'\n}\n\nexport interface BezierCurveToCommandNode extends IPathCommandNodeBase {\n    name: 'C^'\n}\n\nexport interface ClosePathCommandNode {\n    name: 'Z^'\n    x?: number\n    y?: number\n    r?: number // 圆角半径\n    a?: IPointData\n    b?: IPointData\n    ab?: PathNodeHandleType\n}\n\nexport type IPathCommandNode = MoveToCommandNode | LineToCommandNode | BezierCurveToCommandNode | ClosePathCommandNode // M | L | C | Z   路径节点命令(适合可视化编辑)\n\nexport enum PathNodeHandleType { // 手柄类型\n    none = 1, // 无手柄\n    free = 2, // 每个手柄自由控制\n    mirrorAngle = 3, // 仅镜像角度\n    mirror = 4,  // 镜像角度和长度\n}\n\nexport type PathNodeHandleName = 'a' | 'b' // 手柄名称\n\nexport interface IPathNodeBase {\n    pathNode: IPathCommandNode\n}"],"names":["PathNodeHandleType"],"mappings":"ktBAwIYA,GAAZ,SAAYA,GACRA,EAAAA,EAAA,KAAA,GAAA,OACAA,EAAAA,EAAA,KAAA,GAAA,OACAA,EAAAA,EAAA,YAAA,GAAA,cACAA,EAAAA,EAAA,OAAA,GAAA,QACH,CALD,CAAYA,IAAAA,EAAkB,CAAA"}
+{"version":3,"file":"worker.esm.min.js","sources":["../../../../../../../src/leafer/packages/interface/src/path/IPathCommand.ts"],"sourcesContent":["import { IPointData } from '../math/IMath'\nimport { IWindingRule } from '../canvas/ICanvas'\n\ntype Command = number\ntype x = number\ntype y = number\ntype x1 = number\ntype y1 = number\ntype x2 = number\ntype y2 = number\ntype radiusX = number\ntype radiusY = number\ntype xAxisRotation = number\ntype largeArcFlag = number\ntype sweepFlag = number\n\n\nexport type MCommandData = [Command, x, y]\nexport type HCommandData = [Command, x]\nexport type VCommandData = [Command, y]\nexport type LCommandData = MCommandData\n\nexport type CCommandData = [Command, x1, y1, x2, y2, x, y]\nexport type SCommandData = [Command, x2, y2, x, y]\n\nexport type QCommandData = [Command, x1, y1, x, y]\nexport type TCommandData = [Command, x, y]\n\nexport type ZCommandData = [Command]\n\nexport type ACommandData = [Command, radiusX, radiusY, xAxisRotation, largeArcFlag, sweepFlag, x, y]\n\n\n// 非svg标准的canvas绘图命令\ntype width = number\ntype height = number\ntype rotation = number\ntype startAngle = number\ntype endAngle = number\ntype anticlockwise = boolean\ntype cornerRadius = number | number[]\ntype radius = number\n\nexport type RectCommandData = [Command, x, y, width, height]\nexport type RoundRectCommandData = [Command, x, y, width, height, cornerRadius]\nexport type EllipseCommandData = [Command, x, y, radiusX, radiusY, rotation, startAngle, endAngle, anticlockwise]\nexport type ArcCommandData = [Command, x, y, radius, startAngle, endAngle, anticlockwise]\nexport type ArcToCommandData = [Command, x1, y1, x2, y2, radius]\n\n\nexport type CanvasPathCommand = 1 | 2 | 5 | 7 | 11 // M | L | C | Q | Z   canvas可以绘制的命令\n\nexport type IPathCommandData = number[] // ...(MCommandData | LCommandData | CCommandData | QCommandData | ZCommandData)\n\nexport interface IPathCommandDataWithRadius {\n    data: IPathCommandData\n    radius: number[]\n}\n\nexport interface IPathCommandDataWithWindingRule {\n    data: IPathCommandData\n    windingRule?: IWindingRule\n}\n\n// 路径命令对象\nexport interface MoveToCommandObject {\n    name: 'M'\n    x: number\n    y: number\n    pressure?: number // 压感\n}\nexport interface LineToCommandObject {\n    name: 'L'\n    x: number\n    y: number\n    pressure?: number\n}\n\nexport interface BezierCurveToCommandObject {\n    name: 'C'\n    x1: number\n    y1: number\n    x2: number\n    y2: number\n    x: number\n    y: number\n    pressure?: number\n}\n\nexport interface QuadraticCurveToCommandObject {\n    name: 'Q'\n    x1: number\n    y1: number\n    x: number\n    y: number\n    pressure?: number\n}\n\nexport interface ClosePathCommandObject {\n    name: 'Z'\n}\n\nexport type IPathCommandObject = MoveToCommandObject | LineToCommandObject | BezierCurveToCommandObject | QuadraticCurveToCommandObject | ClosePathCommandObject // M | L | C | Q | Z   canvas可以绘制的命令\n\n\n// 可视化路径节点\n\nexport interface IPathCommandNodeBase {\n    name: 'M^' | 'L^' | 'C^' | 'Z^'\n    x: number\n    y: number\n    r?: number // 圆角半径\n    a?: IPointData // 第一个手柄，连接上一个节点\n    b?: IPointData // 第二个手柄，连接下一个节点\n    ab?: PathNodeHandleType // 手柄类型\n    pressure?: number // 压感\n}\n\nexport interface MoveToCommandNode extends IPathCommandNodeBase {\n    name: 'M^'\n}\nexport interface LineToCommandNode extends IPathCommandNodeBase {\n    name: 'L^'\n}\n\nexport interface BezierCurveToCommandNode extends IPathCommandNodeBase {\n    name: 'C^'\n}\n\nexport interface ClosePathCommandNode {\n    name: 'Z^'\n    x?: number\n    y?: number\n    r?: number // 圆角半径\n    a?: IPointData\n    b?: IPointData\n    ab?: PathNodeHandleType\n}\n\nexport type IPathCommandNode = MoveToCommandNode | LineToCommandNode | BezierCurveToCommandNode | ClosePathCommandNode // M | L | C | Z   路径节点命令(适合可视化编辑)\n\nexport enum PathNodeHandleType { // 手柄类型\n    none = 1, // 无手柄\n    free = 2, // 每个手柄自由控制\n    mirrorAngle = 3, // 仅镜像角度\n    mirror = 4,  // 镜像角度和长度\n}\n\nexport type PathNodeHandleName = 'a' | 'b' // 手柄名称\n\nexport interface IPathNodeBase {\n    pathNode: IPathCommandNode\n}"],"names":["PathNodeHandleType"],"mappings":"ktBA6IYA,GAAZ,SAAYA,GACRA,EAAAA,EAAA,KAAA,GAAA,OACAA,EAAAA,EAAA,KAAA,GAAA,OACAA,EAAAA,EAAA,YAAA,GAAA,cACAA,EAAAA,EAAA,OAAA,GAAA,QACH,CALD,CAAYA,IAAAA,EAAkB,CAAA"}

package/dist/worker.js

@@ -240,7 +240,7 @@ var LeaferUI = function(exports) {
         RUNTIME: "runtime",
         LEAF: "leaf",
         TASK: "task",
-        CNAVAS: "canvas",
+        CANVAS: "canvas",
         IMAGE: "image",
         types: {},
         create(typeName) {
@@ -869,7 +869,7 @@ var LeaferUI = function(exports) {
             return quick ? t.x === point.x && t.y === point.y : float$5(t.x) === float$5(point.x) && float$5(t.y) === float$5(point.y);
         },
         reset(t) {
-            P$7.reset(t);
+            t.x = t.y = 0;
         }
     };
     const P$7 = PointHelper;
@@ -1073,6 +1073,7 @@ var LeaferUI = function(exports) {
         }
         reset() {
             MatrixHelper.reset(this);
+            return this;
         }
     }
     const tempMatrix$2 = new Matrix;
@@ -2177,7 +2178,7 @@ var LeaferUI = function(exports) {
             this.worldTransform = {};
             if (!config) config = minSize;
             this.manager = manager;
-            this.innerId = IncrementId.create(IncrementId.CNAVAS);
+            this.innerId = IncrementId.create(IncrementId.CANVAS);
             const {width: width, height: height, pixelRatio: pixelRatio} = config;
             this.autoLayout = !width || !height;
             this.size.pixelRatio = pixelRatio || Platform.devicePixelRatio;
@@ -2327,6 +2328,7 @@ var LeaferUI = function(exports) {
         }
         useGrayscaleAlpha(bounds) {
             this.setTempPixelBounds(bounds, true, true);
+            if (!tempPixelBounds.width || !tempPixelBounds.height) return;
             let alpha, pixel;
             const {context: context} = this, imageData = context.getImageData(tempPixelBounds.x, tempPixelBounds.y, tempPixelBounds.width, tempPixelBounds.height), {data: data} = imageData;
             for (let i = 0, len = data.length; i < len; i += 4) {
@@ -2607,10 +2609,10 @@ var LeaferUI = function(exports) {
             const centerY = y1 + c * sin$4(startRadian + totalRadian / 2 + PI_2 * sign);
             startRadian -= PI_2 * sign;
             endRadian -= PI_2 * sign;
-            return ellipse$8(data, centerX, centerY, radius, radius, 0, startRadian / OneRadian, endRadian / OneRadian, anticlockwise, setPointBounds, setEndPoint, setStartPoint);
+            return ellipse$7(data, centerX, centerY, radius, radius, 0, startRadian / OneRadian, endRadian / OneRadian, anticlockwise, setPointBounds, setEndPoint, setStartPoint);
         },
         arc(data, x, y, radius, startAngle, endAngle, anticlockwise, setPointBounds, setEndPoint, setStartPoint) {
-            return ellipse$8(data, x, y, radius, radius, 0, startAngle, endAngle, anticlockwise, setPointBounds, setEndPoint, setStartPoint);
+            return ellipse$7(data, x, y, radius, radius, 0, startAngle, endAngle, anticlockwise, setPointBounds, setEndPoint, setStartPoint);
         },
         ellipse(data, cx, cy, radiusX, radiusY, rotation, startAngle, endAngle, anticlockwise, setPointBounds, setEndPoint, setStartPoint) {
             const rotationRadian = rotation * OneRadian;
@@ -2737,9 +2739,9 @@ var LeaferUI = function(exports) {
             };
         }
     };
-    const {getPointAndSet: getPointAndSet, toTwoPointBounds: toTwoPointBounds$1, ellipse: ellipse$8} = BezierHelper;
+    const {getPointAndSet: getPointAndSet, toTwoPointBounds: toTwoPointBounds$1, ellipse: ellipse$7} = BezierHelper;
     const {sin: sin$3, cos: cos$3, sqrt: sqrt$2, atan2: atan2} = Math;
-    const {ellipse: ellipse$7} = BezierHelper;
+    const {ellipse: ellipse$6} = BezierHelper;
     const EllipseHelper = {
         ellipticalArc(data, fromX, fromY, radiusX, radiusY, rotation, largeFlag, sweepFlag, toX, toY, curveMode) {
             const halfX = (toX - fromX) / 2;
@@ -2776,7 +2778,7 @@ var LeaferUI = function(exports) {
             const centerY = fromY + halfY + rotationSin * cx + rotationCos * cy;
             const anticlockwise = totalRadian < 0 ? 1 : 0;
             if (curveMode || Platform.ellipseToCurve) {
-                ellipse$7(data, centerX, centerY, radiusX, radiusY, rotation, startRadian / OneRadian, endRadian / OneRadian, anticlockwise);
+                ellipse$6(data, centerX, centerY, radiusX, radiusY, rotation, startRadian / OneRadian, endRadian / OneRadian, anticlockwise);
             } else {
                 if (radiusX === radiusY && !rotation) {
                     data.push(PathCommandMap.O, centerX, centerY, radiusX, startRadian / OneRadian, endRadian / OneRadian, anticlockwise);
@@ -2795,7 +2797,7 @@ var LeaferUI = function(exports) {
         }
     };
     const {M: M$a, m: m, L: L$a, l: l, H: H, h: h, V: V, v: v, C: C$8, c: c, S: S$1, s: s, Q: Q$6, q: q, T: T, t: t, A: A, a: a, Z: Z$8, z: z, N: N$5, D: D$6, X: X$5, G: G$5, F: F$6, O: O$6, P: P$5, U: U$5} = PathCommandMap;
-    const {rect: rect$3, roundRect: roundRect$2, arcTo: arcTo$4, arc: arc$3, ellipse: ellipse$6, quadraticCurveTo: quadraticCurveTo$1} = BezierHelper;
+    const {rect: rect$3, roundRect: roundRect$2, arcTo: arcTo$4, arc: arc$3, ellipse: ellipse$5, quadraticCurveTo: quadraticCurveTo$1} = BezierHelper;
     const {ellipticalArc: ellipticalArc} = EllipseHelper;
     const debug$f = Debug.get("PathConvert");
     const setEndPoint$1 = {};
@@ -3027,14 +3029,14 @@ var LeaferUI = function(exports) {
                     break;
 
                   case G$5:
-                    ellipse$6(curveMode ? data : copyData(data, old, i, 9), old[i + 1], old[i + 2], old[i + 3], old[i + 4], old[i + 5], old[i + 6], old[i + 7], old[i + 8], null, setEndPoint$1);
+                    ellipse$5(curveMode ? data : copyData(data, old, i, 9), old[i + 1], old[i + 2], old[i + 3], old[i + 4], old[i + 5], old[i + 6], old[i + 7], old[i + 8], null, setEndPoint$1);
                     x = setEndPoint$1.x;
                     y = setEndPoint$1.y;
                     i += 9;
                     break;
 
                   case F$6:
-                    curveMode ? ellipse$6(data, old[i + 1], old[i + 2], old[i + 3], old[i + 4], 0, 0, 360, false) : copyData(data, old, i, 5);
+                    curveMode ? ellipse$5(data, old[i + 1], old[i + 2], old[i + 3], old[i + 4], 0, 0, 360, false) : copyData(data, old, i, 5);
                     x = old[i + 1] + old[i + 3];
                     y = old[i + 2];
                     i += 5;
@@ -3182,7 +3184,7 @@ var LeaferUI = function(exports) {
         drawEllipse(data, x, y, radiusX, radiusY, rotation, startAngle, endAngle, anticlockwise) {
             BezierHelper.ellipse(null, x, y, radiusX, radiusY, isNull(rotation) ? 0 : rotation, isNull(startAngle) ? 0 : startAngle, isNull(endAngle) ? 360 : endAngle, anticlockwise, null, null, startPoint);
             data.push(M$9, startPoint.x, startPoint.y);
-            ellipse$5(data, x, y, radiusX, radiusY, rotation, startAngle, endAngle, anticlockwise);
+            ellipse$4(data, x, y, radiusX, radiusY, rotation, startAngle, endAngle, anticlockwise);
         },
         drawArc(data, x, y, radius, startAngle, endAngle, anticlockwise) {
             BezierHelper.arc(null, x, y, radius, isNull(startAngle) ? 0 : startAngle, isNull(endAngle) ? 360 : endAngle, anticlockwise, null, null, startPoint);
@@ -3193,8 +3195,8 @@ var LeaferUI = function(exports) {
             BezierHelper.points(data, points, curve, close);
         }
     };
-    const {ellipse: ellipse$5, arc: arc$2} = PathCommandDataHelper;
-    const {moveTo: moveTo$4, lineTo: lineTo$3, quadraticCurveTo: quadraticCurveTo, bezierCurveTo: bezierCurveTo, closePath: closePath$3, beginPath: beginPath, rect: rect$2, roundRect: roundRect$1, ellipse: ellipse$4, arc: arc$1, arcTo: arcTo$3, drawEllipse: drawEllipse, drawArc: drawArc, drawPoints: drawPoints$2} = PathCommandDataHelper;
+    const {ellipse: ellipse$4, arc: arc$2} = PathCommandDataHelper;
+    const {moveTo: moveTo$4, lineTo: lineTo$3, quadraticCurveTo: quadraticCurveTo, bezierCurveTo: bezierCurveTo, closePath: closePath$3, beginPath: beginPath, rect: rect$2, roundRect: roundRect$1, ellipse: ellipse$3, arc: arc$1, arcTo: arcTo$3, drawEllipse: drawEllipse, drawArc: drawArc, drawPoints: drawPoints$2} = PathCommandDataHelper;
     class PathCreator {
         set path(value) {
             this.__path = value;
@@ -3250,7 +3252,7 @@ var LeaferUI = function(exports) {
             return this;
         }
         ellipse(x, y, radiusX, radiusY, rotation, startAngle, endAngle, anticlockwise) {
-            ellipse$4(this.__path, x, y, radiusX, radiusY, rotation, startAngle, endAngle, anticlockwise);
+            ellipse$3(this.__path, x, y, radiusX, radiusY, rotation, startAngle, endAngle, anticlockwise);
             this.paint();
             return this;
         }
@@ -3367,7 +3369,7 @@ var LeaferUI = function(exports) {
         }
     };
     const {M: M$7, L: L$7, C: C$5, Q: Q$3, Z: Z$5, N: N$2, D: D$3, X: X$2, G: G$2, F: F$3, O: O$3, P: P$2, U: U$2} = PathCommandMap;
-    const {toTwoPointBounds: toTwoPointBounds, toTwoPointBoundsByQuadraticCurve: toTwoPointBoundsByQuadraticCurve, arcTo: arcTo$2, arc: arc, ellipse: ellipse$3} = BezierHelper;
+    const {toTwoPointBounds: toTwoPointBounds, toTwoPointBoundsByQuadraticCurve: toTwoPointBoundsByQuadraticCurve, arcTo: arcTo$2, arc: arc, ellipse: ellipse$2} = BezierHelper;
     const {addPointBounds: addPointBounds, copy: copy$9, addPoint: addPoint$1, setPoint: setPoint$3, addBounds: addBounds, toBounds: toBounds$2} = TwoPointBoundsHelper;
     const debug$d = Debug.get("PathBounds");
     let radius, radiusX, radiusY;
@@ -3443,7 +3445,7 @@ var LeaferUI = function(exports) {
                     break;
 
                   case G$2:
-                    ellipse$3(null, data[i + 1], data[i + 2], data[i + 3], data[i + 4], data[i + 5], data[i + 6], data[i + 7], data[i + 8], tempPointBounds, setEndPoint);
+                    ellipse$2(null, data[i + 1], data[i + 2], data[i + 3], data[i + 4], data[i + 5], data[i + 6], data[i + 7], data[i + 8], tempPointBounds, setEndPoint);
                     i === 0 ? copy$9(setPointBounds, tempPointBounds) : addPointBounds(setPointBounds, tempPointBounds);
                     x = setEndPoint.x;
                     y = setEndPoint.y;
@@ -3497,7 +3499,7 @@ var LeaferUI = function(exports) {
     const {arcTo: arcTo$1} = PathCommandDataHelper;
     const PathCorner = {
         smooth(data, cornerRadius, _cornerSmoothing) {
-            let command, lastCommand, commandLen;
+            let command, lastCommand, commandLen, startXIndex, startYIndex, smoothLen;
             let i = 0, x = 0, y = 0, startX = 0, startY = 0, secondX = 0, secondY = 0, lastX = 0, lastY = 0;
             if (isArray(cornerRadius)) cornerRadius = cornerRadius[0] || 0;
             const len = data.length, three = len === 9;
@@ -3506,6 +3508,11 @@ var LeaferUI = function(exports) {
                 command = data[i];
                 switch (command) {
                   case M$6:
+                    smoothLen = smooth.length;
+                    if (smoothLen && lastCommand !== Z$4) {
+                        smooth[startXIndex] = startX;
+                        smooth[startYIndex] = startY;
+                    }
                     startX = lastX = data[i + 1];
                     startY = lastY = data[i + 2];
                     i += 3;
@@ -3516,6 +3523,8 @@ var LeaferUI = function(exports) {
                     } else {
                         smooth.push(M$6, startX, startY);
                     }
+                    startXIndex = smoothLen + 1;
+                    startYIndex = smoothLen + 2;
                     break;
 
                   case L$6:
@@ -3554,8 +3563,8 @@ var LeaferUI = function(exports) {
                 lastCommand = command;
             }
             if (command !== Z$4) {
-                smooth[1] = startX;
-                smooth[2] = startY;
+                smooth[startXIndex] = startX;
+                smooth[startYIndex] = startY;
             }
             return smooth;
         }
@@ -5207,6 +5216,7 @@ var LeaferUI = function(exports) {
             this.renderChanged = true;
             this.renderSpread || (this.renderSpread = 1);
             this.boundsChanged = true;
+            this.hitCanvasChanged = true;
         }
         scaleChange() {
             this.scaleChanged = true;
@@ -6053,10 +6063,6 @@ var LeaferUI = function(exports) {
                 }
             }
         }
-        set(_data, _isTemp) {}
-        get(_name) {
-            return undefined;
-        }
         setAttr(name, value) {
             this[name] = value;
         }
@@ -6073,37 +6079,10 @@ var LeaferUI = function(exports) {
         toString(options) {
             return JSON.stringify(this.toJSON(options));
         }
-        toSVG() {
-            return undefined;
-        }
-        __SVG(_data) {}
-        toHTML() {
-            return undefined;
-        }
-        __setAttr(_attrName, _newValue) {
-            return true;
-        }
-        __getAttr(_attrName) {
-            return undefined;
-        }
-        setProxyAttr(_attrName, _newValue) {}
-        getProxyAttr(_attrName) {
-            return undefined;
-        }
-        find(_condition, _options) {
-            return undefined;
-        }
-        findTag(_tag) {
-            return undefined;
-        }
-        findOne(_condition, _options) {
-            return undefined;
-        }
-        findId(_id) {
-            return undefined;
+        scaleResize(scaleX, scaleY = scaleX, _noResize, _boundsType) {
+            this.scaleX *= scaleX;
+            this.scaleY *= scaleY;
         }
-        focus(_value) {}
-        updateState() {}
         updateLayout() {
             this.__layout.update();
         }
@@ -6119,27 +6098,6 @@ var LeaferUI = function(exports) {
         __extraUpdate() {
             if (this.leaferIsReady) this.leafer.layouter.addExtra(this);
         }
-        __updateWorldMatrix() {}
-        __updateLocalMatrix() {}
-        __updateWorldBounds() {}
-        __updateLocalBounds() {}
-        __updateLocalBoxBounds() {}
-        __updateLocalStrokeBounds() {}
-        __updateLocalRenderBounds() {}
-        __updateBoxBounds(_secondLayout, _bounds) {}
-        __updateContentBounds() {}
-        __updateStrokeBounds(_bounds) {}
-        __updateRenderBounds(_bounds) {}
-        __updateAutoLayout() {}
-        __updateFlowLayout() {}
-        __updateNaturalSize() {}
-        __updateStrokeSpread() {
-            return 0;
-        }
-        __updateRenderSpread() {
-            return 0;
-        }
-        __onUpdateSize() {}
         __updateEraser(value) {
             this.__hasEraser = value ? true : this.children.some(item => item.__.eraser);
         }
@@ -6153,7 +6111,6 @@ var LeaferUI = function(exports) {
         __updateMask(_value) {
             this.__hasMask = this.children.some(item => item.__.mask && item.__.visible && item.__.opacity);
         }
-        __renderMask(_canvas, _options) {}
         __getNowWorld(options) {
             if (options.matrix) {
                 if (!this.__cameraWorld) this.__cameraWorld = {};
@@ -6309,76 +6266,12 @@ var LeaferUI = function(exports) {
         flip(axis, transition) {
             transform(this, getFlipTransform(this, axis), false, transition);
         }
-        scaleResize(scaleX, scaleY = scaleX, _noResize, _boundsType) {
-            this.scaleX *= scaleX;
-            this.scaleY *= scaleY;
-        }
-        __scaleResize(_scaleX, _scaleY) {}
-        resizeWidth(_width) {}
-        resizeHeight(_height) {}
-        hit(_world, _hitRadius) {
-            return true;
-        }
-        __hitWorld(_point, _forceHitFill) {
-            return true;
-        }
-        __hit(_local, _forceHitFill) {
-            return true;
-        }
-        __hitFill(_inner) {
-            return true;
-        }
-        __hitStroke(_inner, _strokeWidth) {
-            return true;
-        }
-        __hitPixel(_inner) {
-            return true;
-        }
-        __drawHitPath(_canvas) {}
-        __updateHitCanvas() {}
-        __render(_canvas, _options) {}
-        __drawFast(_canvas, _options) {}
-        __draw(_canvas, _options, _originCanvas) {}
-        __clip(_canvas, _options) {}
-        __renderShape(_canvas, _options) {}
-        __drawShape(_canvas, _options) {}
-        __updateWorldOpacity() {}
-        __updateChange() {}
-        __drawPath(_canvas) {}
-        __drawRenderPath(_canvas) {}
-        __updatePath() {}
-        __updateRenderPath(_updateCache) {}
-        getMotionPathData() {
-            return Plugin.need("path");
-        }
-        getMotionPoint(_motionDistance) {
-            return Plugin.need("path");
-        }
-        getMotionTotal() {
-            return 0;
-        }
-        __updateMotionPath() {}
-        __runAnimation(_type, _complete) {}
-        __updateSortChildren() {}
-        add(_child, _index) {}
         remove(_child, destroy) {
             if (this.parent) this.parent.remove(this, destroy);
         }
         dropTo(parent, index, resize) {
             drop(this, parent, index, resize);
         }
-        on(_type, _listener, _options) {}
-        off(_type, _listener, _options) {}
-        on_(_type, _listener, _bind, _options) {
-            return undefined;
-        }
-        off_(_id) {}
-        once(_type, _listener, _captureOrBind, _capture) {}
-        emit(_type, _event, _capture) {}
-        emitEvent(_event, _capture) {}
-        hasEvent(_type, _capture) {
-            return false;
-        }
         static changeAttr(attrName, defaultValue, fn) {
             fn ? this.addAttr(attrName, defaultValue, fn) : defineDataProcessor(this.prototype, attrName, defaultValue);
         }
@@ -6674,7 +6567,7 @@ var LeaferUI = function(exports) {
             this.levelMap = null;
         }
     }
-    const version = "2.1.4";
+    const version = "2.1.6";
     class LeaferCanvas extends LeaferCanvasBase {
         get allowBackgroundColor() {
             return true;
@@ -8080,17 +7973,12 @@ var LeaferUI = function(exports) {
             if (!path) this.__drawPathByBox(pen);
             return pen;
         }
-        reset(_data) {}
         set(data, _transition) {
             if (data) Object.assign(this, data);
         }
         get(name) {
             return isString(name) ? this.__.__getInput(name) : this.__.__getInputData(name);
         }
-        createProxyData() {
-            return undefined;
-        }
-        clearProxyData() {}
         find(_condition, _options) {
             return Plugin.need("find");
         }
@@ -8128,6 +8016,7 @@ var LeaferUI = function(exports) {
                 data.lazy && !this.__inLazyBounds && !Export.running ? data.__needComputePaint = true : data.__computePaint();
             }
         }
+        __updatePath() {}
         __updateRenderPath(updateCache) {
             const data = this.__;
             if (data.path) {
@@ -8163,7 +8052,6 @@ var LeaferUI = function(exports) {
             this.set(keyframe);
             return Plugin.need("animate");
         }
-        killAnimate(_type, _nextStyle) {}
         export(_filename, _options) {
             return Plugin.need("export");
         }
@@ -8266,7 +8154,6 @@ var LeaferUI = function(exports) {
     __decorate([ surfaceType() ], exports.UI.prototype, "placeholderColor", void 0);
     __decorate([ dataType(100) ], exports.UI.prototype, "placeholderDelay", void 0);
     __decorate([ dataType({}) ], exports.UI.prototype, "data", void 0);
-    __decorate([ rewrite(exports.Leaf.prototype.reset) ], exports.UI.prototype, "reset", null);
     exports.UI = UI_1 = __decorate([ useModule(UIBounds), useModule(UIRender), rewriteAble() ], exports.UI);
     exports.Group = class Group extends exports.UI {
         get __tag() {
@@ -8302,9 +8189,6 @@ var LeaferUI = function(exports) {
             }
             return data;
         }
-        pick(_hitPoint, _options) {
-            return undefined;
-        }
         addAt(child, index) {
             this.add(child, index);
         }
@@ -8314,11 +8198,6 @@ var LeaferUI = function(exports) {
         addBefore(child, before) {
             this.add(child, this.children.indexOf(before));
         }
-        add(_child, _index) {}
-        addMany(..._children) {}
-        remove(_child, _destroy) {}
-        removeAll(_destroy) {}
-        clear() {}
     };
     __decorate([ dataProcessor(GroupData) ], exports.Group.prototype, "__", void 0);
     __decorate([ boundsType(0) ], exports.Group.prototype, "width", void 0);
@@ -8820,7 +8699,7 @@ var LeaferUI = function(exports) {
     __decorate([ surfaceType("#FFFFFF") ], exports.Frame.prototype, "fill", void 0);
     __decorate([ affectRenderBoundsType("hide") ], exports.Frame.prototype, "overflow", void 0);
     exports.Frame = __decorate([ registerUI() ], exports.Frame);
-    const {moveTo: moveTo$3, closePath: closePath$2, ellipse: ellipse$2} = PathCommandDataHelper;
+    const {moveTo: moveTo$3, closePath: closePath$2, ellipse: ellipse$1} = PathCommandDataHelper;
     exports.Ellipse = class Ellipse extends exports.UI {
         get __tag() {
             return "Ellipse";
@@ -8832,21 +8711,21 @@ var LeaferUI = function(exports) {
             let open;
             if (innerRadius) {
                 if (startAngle || endAngle) {
-                    if (innerRadius < 1) ellipse$2(path, rx, ry, rx * innerRadius, ry * innerRadius, 0, startAngle, endAngle, false); else open = true;
-                    ellipse$2(path, rx, ry, rx, ry, 0, endAngle, startAngle, true);
+                    if (innerRadius < 1) ellipse$1(path, rx, ry, rx * innerRadius, ry * innerRadius, 0, startAngle, endAngle, false); else open = true;
+                    ellipse$1(path, rx, ry, rx, ry, 0, endAngle, startAngle, true);
                 } else {
                     if (innerRadius < 1) {
-                        ellipse$2(path, rx, ry, rx * innerRadius, ry * innerRadius);
+                        ellipse$1(path, rx, ry, rx * innerRadius, ry * innerRadius);
                         moveTo$3(path, width, ry);
                     }
-                    ellipse$2(path, rx, ry, rx, ry, 0, 360, 0, true);
+                    ellipse$1(path, rx, ry, rx, ry, 0, 360, 0, true);
                 }
             } else {
                 if (startAngle || endAngle) {
                     moveTo$3(path, rx, ry);
-                    ellipse$2(path, rx, ry, rx, ry, 0, startAngle, endAngle, false);
+                    ellipse$1(path, rx, ry, rx, ry, 0, startAngle, endAngle, false);
                 } else {
-                    ellipse$2(path, rx, ry, rx, ry);
+                    ellipse$1(path, rx, ry, rx, ry);
                 }
             }
             if (!open) closePath$2(path);
@@ -9172,51 +9051,6 @@ var LeaferUI = function(exports) {
             this.add(path);
             return this;
         }
-        beginPath() {
-            return this;
-        }
-        moveTo(_x, _y) {
-            return this;
-        }
-        lineTo(_x, _y) {
-            return this;
-        }
-        bezierCurveTo(_x1, _y1, _x2, _y2, _x, _y) {
-            return this;
-        }
-        quadraticCurveTo(_x1, _y1, _x, _y) {
-            return this;
-        }
-        closePath() {
-            return this;
-        }
-        rect(_x, _y, _width, _height) {
-            return this;
-        }
-        roundRect(_x, _y, _width, _height, _cornerRadius) {
-            return this;
-        }
-        ellipse(_x, _y, _radiusX, _radiusY, _rotation, _startAngle, _endAngle, _anticlockwise) {
-            return this;
-        }
-        arc(_x, _y, _radius, _startAngle, _endAngle, _anticlockwise) {
-            return this;
-        }
-        arcTo(_x1, _y1, _x2, _y2, _radius) {
-            return this;
-        }
-        drawEllipse(_x, _y, _radiusX, _radiusY, _rotation, _startAngle, _endAngle, _anticlockwise) {
-            return this;
-        }
-        drawArc(_x, _y, _radius, _startAngle, _endAngle, _anticlockwise) {
-            return this;
-        }
-        drawPoints(_points, _curve, _close) {
-            return this;
-        }
-        clearPath() {
-            return this;
-        }
         paint() {
             const {pathElement: pathElement} = this;
             if (!pathElement.__layout.boxChanged) pathElement.forceUpdate("path");
@@ -11042,7 +10876,7 @@ var LeaferUI = function(exports) {
                 needUpdate = false;
             }
         }
-        if (paint.mode === "brush") PaintImage.brush(leafPaint, ui);
+        if (paint.mode === "brush") PaintImage.brush(leafPaint, ui, attrName);
         if (!leafPaint.data) {
             PaintImage.createData(leafPaint, image, paint, boxBounds);
             const {transform: transform} = leafPaint.data, {opacity: opacity} = paint;
@@ -11126,8 +10960,9 @@ var LeaferUI = function(exports) {
             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);
+
+          case "brush":
             if (!repeat) data.repeat = "repeat";
             const count = isObject(repeat);
             if (gap || count) data.gap = getGapData(gap, count && repeat, tempImage.width, tempImage.height, box);
@@ -11138,7 +10973,7 @@ var LeaferUI = function(exports) {
           default:
             if (scaleX) PaintImage.fillOrFitMode(data, box, tempImage.x, tempImage.y, scaleX, scaleY, rotation);
         }
-        if (!data.transform) {
+        if (!data.transform && mode !== "brush") {
             if (box.x || box.y) translate$1(data.transform = get$3(), box.x, box.y);
         }
         if (scaleX) {
@@ -11254,8 +11089,9 @@ var LeaferUI = function(exports) {
         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, 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;
+                const {image: image, brush: brush, data: data} = paint, {transform: transform, gap: gap} = data, fixScale = PaintImage.getPatternFixScale(paint, scaleX, scaleY);
+                let imageMatrix, xGap, yGap, {width: width, height: height} = image, {opacity: opacity} = paint.originPaint;
+                if (brush || opacity === 1) opacity = undefined;
                 if (fixScale) scaleX *= fixScale, scaleY *= fixScale;
                 width *= scaleX;
                 height *= scaleY;
@@ -14856,7 +14692,8 @@ var LeaferUI = function(exports) {
     exports.UI.addAttr("editConfig", undefined, dataType);
     exports.UI.addAttr("editOuter", ui => {
         ui.updateLayout();
-        return ui.__.__isLinePath ? "LineEditTool" : "EditTool";
+        const name = (ui.tag === "Line" ? "" : ui.tag) + "EditTool";
+        return ui.__.__isLinePath ? "LineEditTool" : EditToolCreator.list[name] ? name : "EditTool";
     }, dataType);
     exports.UI.addAttr("editInner", "PathEditor", dataType);
     exports.Group.addAttr("editInner", "", dataType);
@@ -15126,8 +14963,9 @@ var LeaferUI = function(exports) {
         addViewportConfig(leafer.parentApp ? leafer.parentApp : leafer, mergeConfig);
         if (leafer.isApp || custom) return;
         leafer.__eventIds.push(leafer.on_(exports.MoveEvent.BEFORE_MOVE, e => {
-            const move = leafer.getValidMove(e.moveX, e.moveY, false);
-            if (getScrollType(leafer).includes("limit")) {
+            const limit = getScrollType(leafer).includes("limit"), stopLimit = leafer.app.config.move.scrollLimit === "stop";
+            const move = leafer.getValidMove(e.moveX, e.moveY, limit && stopLimit);
+            if (limit && !stopLimit) {
                 const testMove = leafer.getValidMove(0, 0);
                 if (testMove.x || testMove.y) {
                     const maxX = 100, maxY = 200, resistance = e.moveType === "drag" ? .3 : .05;
@@ -19365,7 +19203,7 @@ var LeaferUI = function(exports) {
     Plugin.add("scale-fixed");
     exports.UI.addAttr("scaleFixed", undefined, scaleFixedType);
     class EllipseBoxData extends BoxData {}
-    const ellipse$1 = exports.Ellipse.prototype;
+    const ellipse = exports.Ellipse.prototype;
     exports.EllipseBox = class EllipseBox extends exports.Box {
         get __tag() {
             return "EllipseBox";
@@ -19376,7 +19214,7 @@ var LeaferUI = function(exports) {
     __decorate([ pathType(0) ], exports.EllipseBox.prototype, "innerRadius", void 0);
     __decorate([ pathType(0) ], exports.EllipseBox.prototype, "startAngle", void 0);
     __decorate([ pathType(0) ], exports.EllipseBox.prototype, "endAngle", void 0);
-    __decorate([ rewrite(ellipse$1.__updatePath) ], exports.EllipseBox.prototype, "__updatePath", null);
+    __decorate([ rewrite(ellipse.__updatePath) ], exports.EllipseBox.prototype, "__updatePath", null);
     exports.EllipseBox = __decorate([ rewriteAble(), registerUI() ], exports.EllipseBox);
     class PolygonBoxData extends BoxData {
         get __usePathBox() {
@@ -19397,7 +19235,7 @@ var LeaferUI = function(exports) {
     __decorate([ rewrite(polygon.__updatePath) ], exports.PolygonBox.prototype, "__updatePath", null);
     exports.PolygonBox = __decorate([ rewriteAble(), registerUI() ], exports.PolygonBox);
     class StarBoxData extends BoxData {}
-    const ellipse = exports.Star.prototype;
+    const star = exports.Star.prototype;
     exports.StarBox = class StarBox extends exports.Box {
         get __tag() {
             return "StarBox";
@@ -19407,7 +19245,7 @@ var LeaferUI = function(exports) {
     __decorate([ pathType(5) ], exports.StarBox.prototype, "corners", void 0);
     __decorate([ pathType(.382) ], exports.StarBox.prototype, "innerRadius", void 0);
     __decorate([ dataProcessor(StarBoxData) ], exports.StarBox.prototype, "__", void 0);
-    __decorate([ rewrite(ellipse.__updatePath) ], exports.StarBox.prototype, "__updatePath", null);
+    __decorate([ rewrite(star.__updatePath) ], exports.StarBox.prototype, "__updatePath", null);
     exports.StarBox = __decorate([ rewriteAble(), registerUI() ], exports.StarBox);
     class PathBoxData extends BoxData {}
     exports.PathBox = class PathBox extends exports.Box {

package/dist/worker.min.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"worker.min.cjs","sources":["../../../../../../../src/leafer/packages/interface/src/path/IPathCommand.ts"],"sourcesContent":["import { IPointData } from '../math/IMath'\nimport { IWindingRule } from '../canvas/ICanvas'\n\ntype Command = number\ntype x = number\ntype y = number\ntype x1 = number\ntype y1 = number\ntype x2 = number\ntype y2 = number\ntype radiusX = number\ntype radiusY = number\ntype xAxisRotation = number\ntype largeArcFlag = number\ntype sweepFlag = number\n\n\nexport type MCommandData = [Command, x, y]\nexport type HCommandData = [Command, x]\nexport type VCommandData = [Command, y]\nexport type LCommandData = MCommandData\n\nexport type CCommandData = [Command, x1, y1, x2, y2, x, y]\nexport type SCommandData = [Command, x2, y2, x, y]\n\nexport type QCommandData = [Command, x1, y1, x, y]\nexport type TCommandData = [Command, x, y]\n\nexport type ZCommandData = [Command]\n\nexport type ACommandData = [Command, radiusX, radiusY, xAxisRotation, largeArcFlag, sweepFlag, x, y]\n\n\n// 非svg标准的canvas绘图命令\ntype width = number\ntype height = number\ntype rotation = number\ntype startAngle = number\ntype endAngle = number\ntype anticlockwise = boolean\ntype cornerRadius = number | number[]\ntype radius = number\n\nexport type RectCommandData = [Command, x, y, width, height]\nexport type RoundRectCommandData = [Command, x, y, width, height, cornerRadius]\nexport type EllipseCommandData = [Command, x, y, radiusX, radiusY, rotation, startAngle, endAngle, anticlockwise]\nexport type ArcCommandData = [Command, x, y, radius, startAngle, endAngle, anticlockwise]\nexport type ArcToCommandData = [Command, x1, y1, x2, y2, radius]\n\n\nexport type CanvasPathCommand = 1 | 2 | 5 | 7 | 11 // M | L | C | Q | Z   canvas可以绘制的命令\n\nexport type IPathCommandData = number[] // ...(MCommandData | LCommandData | CCommandData | QCommandData | ZCommandData)\n\nexport interface IPathCommandDataWithRadius {\n    data: IPathCommandData\n    radius: number[]\n}\n\nexport interface IPathCommandDataWithWindingRule {\n    data: IPathCommandData\n    windingRule?: IWindingRule\n}\n\n// 路径命令对象\nexport interface MoveToCommandObject {\n    name: 'M'\n    x: number\n    y: number\n}\nexport interface LineToCommandObject {\n    name: 'L'\n    x: number\n    y: number\n}\n\nexport interface BezierCurveToCommandObject {\n    name: 'C'\n    x1: number\n    y1: number\n    x2: number\n    y2: number\n    x: number\n    y: number\n}\n\nexport interface QuadraticCurveToCommandObject {\n    name: 'Q'\n    x1: number\n    y1: number\n    x: number\n    y: number\n}\n\nexport interface ClosePathCommandObject {\n    name: 'Z'\n}\n\nexport type IPathCommandObject = MoveToCommandObject | LineToCommandObject | BezierCurveToCommandObject | QuadraticCurveToCommandObject | ClosePathCommandObject // M | L | C | Q | Z   canvas可以绘制的命令\n\n\n// 可视化路径节点\n\nexport interface IPathCommandNodeBase {\n    name: 'M^' | 'L^' | 'C^' | 'Z^'\n    x: number\n    y: number\n    r?: number // 圆角半径\n    a?: IPointData // 第一个手柄，连接上一个节点\n    b?: IPointData // 第二个手柄，连接下一个节点\n    ab?: PathNodeHandleType // 手柄类型\n}\n\nexport interface MoveToCommandNode extends IPathCommandNodeBase {\n    name: 'M^'\n}\nexport interface LineToCommandNode extends IPathCommandNodeBase {\n    name: 'L^'\n}\n\nexport interface BezierCurveToCommandNode extends IPathCommandNodeBase {\n    name: 'C^'\n}\n\nexport interface ClosePathCommandNode {\n    name: 'Z^'\n    x?: number\n    y?: number\n    r?: number // 圆角半径\n    a?: IPointData\n    b?: IPointData\n    ab?: PathNodeHandleType\n}\n\nexport type IPathCommandNode = MoveToCommandNode | LineToCommandNode | BezierCurveToCommandNode | ClosePathCommandNode // M | L | C | Z   路径节点命令(适合可视化编辑)\n\nexport enum PathNodeHandleType { // 手柄类型\n    none = 1, // 无手柄\n    free = 2, // 每个手柄自由控制\n    mirrorAngle = 3, // 仅镜像角度\n    mirror = 4,  // 镜像角度和长度\n}\n\nexport type PathNodeHandleName = 'a' | 'b' // 手柄名称\n\nexport interface IPathNodeBase {\n    pathNode: IPathCommandNode\n}"],"names":["PathNodeHandleType"],"mappings":"iBAwIYA,gtBAAAA,QAAAA,wBAAAA,GAAAA,EAAAA,QAAAA,qBAAAA,2BAAkB,CAAA,IAC1BA,EAAA,KAAA,GAAA,OACAA,EAAAA,EAAA,KAAA,GAAA,OACAA,EAAAA,EAAA,YAAA,GAAA,cACAA,EAAAA,EAAA,OAAA,GAAA"}
+{"version":3,"file":"worker.min.cjs","sources":["../../../../../../../src/leafer/packages/interface/src/path/IPathCommand.ts"],"sourcesContent":["import { IPointData } from '../math/IMath'\nimport { IWindingRule } from '../canvas/ICanvas'\n\ntype Command = number\ntype x = number\ntype y = number\ntype x1 = number\ntype y1 = number\ntype x2 = number\ntype y2 = number\ntype radiusX = number\ntype radiusY = number\ntype xAxisRotation = number\ntype largeArcFlag = number\ntype sweepFlag = number\n\n\nexport type MCommandData = [Command, x, y]\nexport type HCommandData = [Command, x]\nexport type VCommandData = [Command, y]\nexport type LCommandData = MCommandData\n\nexport type CCommandData = [Command, x1, y1, x2, y2, x, y]\nexport type SCommandData = [Command, x2, y2, x, y]\n\nexport type QCommandData = [Command, x1, y1, x, y]\nexport type TCommandData = [Command, x, y]\n\nexport type ZCommandData = [Command]\n\nexport type ACommandData = [Command, radiusX, radiusY, xAxisRotation, largeArcFlag, sweepFlag, x, y]\n\n\n// 非svg标准的canvas绘图命令\ntype width = number\ntype height = number\ntype rotation = number\ntype startAngle = number\ntype endAngle = number\ntype anticlockwise = boolean\ntype cornerRadius = number | number[]\ntype radius = number\n\nexport type RectCommandData = [Command, x, y, width, height]\nexport type RoundRectCommandData = [Command, x, y, width, height, cornerRadius]\nexport type EllipseCommandData = [Command, x, y, radiusX, radiusY, rotation, startAngle, endAngle, anticlockwise]\nexport type ArcCommandData = [Command, x, y, radius, startAngle, endAngle, anticlockwise]\nexport type ArcToCommandData = [Command, x1, y1, x2, y2, radius]\n\n\nexport type CanvasPathCommand = 1 | 2 | 5 | 7 | 11 // M | L | C | Q | Z   canvas可以绘制的命令\n\nexport type IPathCommandData = number[] // ...(MCommandData | LCommandData | CCommandData | QCommandData | ZCommandData)\n\nexport interface IPathCommandDataWithRadius {\n    data: IPathCommandData\n    radius: number[]\n}\n\nexport interface IPathCommandDataWithWindingRule {\n    data: IPathCommandData\n    windingRule?: IWindingRule\n}\n\n// 路径命令对象\nexport interface MoveToCommandObject {\n    name: 'M'\n    x: number\n    y: number\n    pressure?: number // 压感\n}\nexport interface LineToCommandObject {\n    name: 'L'\n    x: number\n    y: number\n    pressure?: number\n}\n\nexport interface BezierCurveToCommandObject {\n    name: 'C'\n    x1: number\n    y1: number\n    x2: number\n    y2: number\n    x: number\n    y: number\n    pressure?: number\n}\n\nexport interface QuadraticCurveToCommandObject {\n    name: 'Q'\n    x1: number\n    y1: number\n    x: number\n    y: number\n    pressure?: number\n}\n\nexport interface ClosePathCommandObject {\n    name: 'Z'\n}\n\nexport type IPathCommandObject = MoveToCommandObject | LineToCommandObject | BezierCurveToCommandObject | QuadraticCurveToCommandObject | ClosePathCommandObject // M | L | C | Q | Z   canvas可以绘制的命令\n\n\n// 可视化路径节点\n\nexport interface IPathCommandNodeBase {\n    name: 'M^' | 'L^' | 'C^' | 'Z^'\n    x: number\n    y: number\n    r?: number // 圆角半径\n    a?: IPointData // 第一个手柄，连接上一个节点\n    b?: IPointData // 第二个手柄，连接下一个节点\n    ab?: PathNodeHandleType // 手柄类型\n    pressure?: number // 压感\n}\n\nexport interface MoveToCommandNode extends IPathCommandNodeBase {\n    name: 'M^'\n}\nexport interface LineToCommandNode extends IPathCommandNodeBase {\n    name: 'L^'\n}\n\nexport interface BezierCurveToCommandNode extends IPathCommandNodeBase {\n    name: 'C^'\n}\n\nexport interface ClosePathCommandNode {\n    name: 'Z^'\n    x?: number\n    y?: number\n    r?: number // 圆角半径\n    a?: IPointData\n    b?: IPointData\n    ab?: PathNodeHandleType\n}\n\nexport type IPathCommandNode = MoveToCommandNode | LineToCommandNode | BezierCurveToCommandNode | ClosePathCommandNode // M | L | C | Z   路径节点命令(适合可视化编辑)\n\nexport enum PathNodeHandleType { // 手柄类型\n    none = 1, // 无手柄\n    free = 2, // 每个手柄自由控制\n    mirrorAngle = 3, // 仅镜像角度\n    mirror = 4,  // 镜像角度和长度\n}\n\nexport type PathNodeHandleName = 'a' | 'b' // 手柄名称\n\nexport interface IPathNodeBase {\n    pathNode: IPathCommandNode\n}"],"names":["PathNodeHandleType"],"mappings":"iBA6IYA,gtBAAAA,QAAAA,wBAAAA,GAAAA,EAAAA,QAAAA,qBAAAA,2BAAkB,CAAA,IAC1BA,EAAA,KAAA,GAAA,OACAA,EAAAA,EAAA,KAAA,GAAA,OACAA,EAAAA,EAAA,YAAA,GAAA,cACAA,EAAAA,EAAA,OAAA,GAAA"}