@leafer-in/arrow 2.0.1 → 2.0.3

package/dist/arrow.esm.js

@@ -104,12 +104,14 @@ const {layout: layout, rotate: rotate} = PathMatrixHelper;
 
 const {getAngle: getAngle} = PointHelper;
 
-const half = {
+const zero = {
+    x: 0
+}, half = {
     x: -.5
 };
 
 const angle = {
-    connect: half,
+    connect: zero,
     offset: {
         x: -.71,
         bevelJoin: .36,
@@ -130,73 +132,110 @@ const angleSide = {
 
 const triangleLinePath = [ 1, -3, 0, 2, -3, -2, 2, 0, 0, 2, -3, 2, 2, -3, 0 ];
 
-const triangle = {
-    connect: half,
+const triangleFill = {
+    connect: zero,
     offset: {
         x: -.9,
         bevelJoin: .624,
         roundJoin: .4
     },
-    path: [ ...triangleLinePath, 1, -2.05, 1.1, 2, -2.05, -1.1 ],
-    dashPath: [ 1, -2, 0, 2, -.5, 0 ]
+    path: [ ...triangleLinePath ]
 };
 
-const arrowLinePath = [ 1, -3, 0, 2, -3.5, -1.8, 2, 0, 0, 2, -3.5, 1.8, 2, -3, 0 ];
+const triangle = DataHelper.clone(triangleFill);
 
-const arrow = {
-    connect: half,
-    offset: {
-        x: -1.1,
-        bevelJoin: .872,
-        roundJoin: .6
-    },
-    path: [ ...arrowLinePath, 1, -2.25, .95, 2, -2.25, -.95 ],
-    dashPath: [ 1, -3, 0, 2, -.5, 0 ]
+triangle.path = [ ...triangleLinePath, 1, -2.05, 1.1, 2, -2.05, -1.1 ];
+
+triangle.dashPath = [ 1, -2, 0, 2, -.5, 0 ];
+
+const triangleFlipFill = {
+    connect: zero,
+    offset: half,
+    path: [ ...triangleFill.path ]
 };
 
 const triangleFlip = {
+    connect: zero,
     offset: half,
     path: [ ...triangle.path ],
     dashPath: [ 1, -2.5, 0, 2, -1, 0 ]
 };
 
+rotate(triangleFlipFill.path, 180, {
+    x: -1.5,
+    y: 0
+});
+
 rotate(triangleFlip.path, 180, {
     x: -1.5,
     y: 0
 });
 
+const arrowLinePath = [ 1, -3, 0, 2, -3.5, -1.8, 2, 0, 0, 2, -3.5, 1.8, 2, -3, 0 ];
+
+const arrowFill = {
+    connect: zero,
+    offset: {
+        x: -1.1,
+        bevelJoin: .872,
+        roundJoin: .6
+    },
+    path: [ ...arrowLinePath ]
+};
+
+const arrow = DataHelper.clone(arrowFill);
+
+arrow.path = [ ...arrowLinePath, 1, -2.25, .95, 2, -2.25, -.95 ];
+
+arrow.dashPath = [ 1, -3, 0, 2, -.5, 0 ];
+
 const circleLine = {
     connect: {
-        x: -1.3
+        x: -1.8
     },
     path: [ 1, 1.8, -.1, 2, 1.8, 0, 26, 0, 0, 1.8, 0, 359, 0 ]
 };
 
-const circle = {
+const circleFill = {
     connect: {
         x: .5
     },
-    path: [ ...circleLine.path, 1, 0, 0, 26, 0, 0, 1, 0, 360, 0 ],
-    dashPath: [ 1, -.5, 0, 2, .5, 0 ]
+    path: [ ...circleLine.path ]
 };
 
+const circle = DataHelper.clone(circleFill);
+
+circle.path = [ ...circleLine.path, 1, 0, 0, 26, 0, 0, 1, 0, 360, 0 ];
+
+circle.dashPath = [ 1, -.5, 0, 2, .5, 0 ];
+
 const squareLine = {
     connect: {
-        x: -1.3
+        x: -1.4
     },
     path: [ 1, -1.4, 0, 2, -1.4, -1.4, 2, 1.4, -1.4, 2, 1.4, 1.4, 2, -1.4, 1.4, 2, -1.4, 0 ]
 };
 
+const squareFill = {
+    path: [ ...squareLine.path ]
+};
+
 const square = {
     path: [ ...squareLine.path, 2, -1.4, -.49, 2, 1, -.49, 1, -1.4, .49, 2, 1, .49 ]
 };
 
 const diamondLine = DataHelper.clone(squareLine);
 
+diamondLine.connect.x = -1.9;
+
+const diamondFill = DataHelper.clone(squareFill);
+
 const diamond = DataHelper.clone(square);
 
 rotate(diamondLine.path, 45);
 
+rotate(diamondFill.path, 45);
+
 rotate(diamond.path, 45);
 
 const mark = {
@@ -219,19 +258,34 @@ const arrows = {
     mark: mark
 };
 
+const fillArrows = {
+    triangle: triangleFill,
+    "triangle-flip": triangleFlipFill,
+    arrow: arrowFill,
+    circle: circleFill,
+    square: squareFill,
+    diamond: diamondFill
+};
+
 function getArrowPath(ui, arrow, from, to, size, connectOffset, hasDashPattern) {
-    let pathData, scale;
+    let pathData, scale = 1, rotation = 0, fill;
     const {strokeCap: strokeCap, strokeJoin: strokeJoin} = ui.__;
     if (isObject(arrow)) {
         if (arrow.type) {
-            scale = arrow.scale;
+            scale = arrow.scale || 1;
+            rotation = arrow.rotation || 0;
             pathData = arrows[arrow.type];
+            if (scale > 1) {
+                const fillData = fillArrows[arrow.type];
+                if (fillData) pathData = fillData, fill = true;
+            }
         } else pathData = arrow;
     } else {
         pathData = arrows[arrow];
     }
+    if (!fill) fill = pathData.fill;
     const {offset: offset, connect: connect, path: path, dashPath: dashPath} = pathData;
-    let connectX = connect ? connect.x : 0;
+    let connectX = connect ? connect.x * scale : 0;
     let offsetX = offset ? offset.x : 0;
     const data = [ ...path ];
     if (hasDashPattern && dashPath) data.push(...dashPath);
@@ -239,28 +293,38 @@ function getArrowPath(ui, arrow, from, to, size, connectOffset, hasDashPattern)
     if (offset) {
         if (strokeJoin === "round" && offset.roundJoin) offsetX += offset.roundJoin; else if (strokeJoin === "bevel" && offset.bevelJoin) offsetX += offset.bevelJoin;
     }
-    if (scale) layout(data, 0, 0, scale, scale);
+    if (scale !== 1) layout(data, 0, 0, scale, scale);
     if (offsetX) layout(data, offsetX, 0);
-    layout(data, to.x, to.y, size, size, getAngle(from, to));
+    layout(data, to.x, to.y, size, size, getAngle(from, to) + rotation);
     connectOffset.x = (connectX + offsetX) * size;
-    return data;
+    const arrowData = {
+        data: data
+    };
+    if (fill) arrowData.fill = fill;
+    return arrowData;
 }
 
 const {M: M, L: L, C: C, Q: Q, Z: Z, N: N, D: D, X: X, G: G, F: F, O: O, P: P, U: U} = PathCommandMap;
 
-const {copy: copy, copyFrom: copyFrom, getDistancePoint: getDistancePoint} = PointHelper;
+const {copy: copy, copyFrom: copyFrom, getDistancePoint: getDistancePoint, isSame: isSame} = PointHelper;
+
+const {stintSet: stintSet} = DataHelper;
 
 const connectPoint = {};
 
 const first = {}, second = {};
 
-const last = {}, now = {};
+const old = {}, last = {}, now = {};
 
 const PathArrowModule = {
     list: arrows,
-    addArrows(ui) {
-        const {startArrow: startArrow, endArrow: endArrow, strokeWidth: strokeWidth, dashPattern: dashPattern, __pathForRender: data, cornerRadius: cornerRadius} = ui.__;
+    fillList: fillArrows,
+    addArrows(ui, updateCache) {
+        const uData = ui.__;
+        const {startArrow: startArrow, endArrow: endArrow, __strokeWidth: strokeWidth, dashPattern: dashPattern, __pathForRender: data, cornerRadius: cornerRadius} = uData;
         const clonePathForArrow = !cornerRadius;
+        if (!updateCache) uData.__strokeWidthCache = strokeWidth;
+        let startArrowPath, singleStartArrow, endArrowPath, singleEndArrow;
         let command, i = 0, len = data.length, count = 0, useStartArrow = startArrow && startArrow !== "none";
         while (i < len) {
             command = data[i];
@@ -268,6 +332,7 @@ const PathArrowModule = {
               case M:
               case L:
                 if (count < 2 || i + 6 >= len) {
+                    copy(old, now);
                     copyFrom(now, data[i + 1], data[i + 2]);
                     if (!count && useStartArrow) copy(first, now);
                 }
@@ -275,12 +340,18 @@ const PathArrowModule = {
                 break;
 
               case C:
-                if (count === 1 || i + 7 >= len - 3) copyPoints(data, last, now, i + 3);
+                if (count === 1 || i + 7 >= len - 3) {
+                    copyPoints(data, last, now, i + 3);
+                    old.x = data[i + 1], old.y = data[i + 2];
+                }
                 i += 7;
                 break;
 
               case Q:
-                if (count === 1 || i + 5 >= len - 3) copyPoints(data, last, now, i + 1);
+                if (count === 1 || i + 5 >= len - 3) {
+                    copyPoints(data, last, now, i + 1);
+                    copy(old, last);
+                }
                 i += 5;
                 break;
 
@@ -318,6 +389,7 @@ const PathArrowModule = {
               case U:
                 if (count === 1 || i + 6 >= len - 3) {
                     copyPoints(data, last, now, i + 1);
+                    copy(old, last);
                     if (i + 6 !== len) {
                         now.x -= (now.x - last.x) / 10;
                         now.y -= (now.y - last.y) / 10;
@@ -328,13 +400,13 @@ const PathArrowModule = {
             }
             count++;
             if (count === 1 && command !== M) return;
-            if (count === 2 && useStartArrow) copy(second, command === L ? now : last);
+            if (count === 2 && useStartArrow) copy(second, command === L ? now : isSame(old, first) ? last : old);
             if (i === len) {
-                const path = ui.__.__pathForRender = clonePathForArrow ? [ ...data ] : data;
-                const pathForArrow = ui.__.__pathForArrow = [];
+                const path = uData.__pathForRender = clonePathForArrow ? [ ...data ] : data;
                 if (useStartArrow) {
-                    const startArrowPath = getArrowPath(ui, startArrow, second, first, strokeWidth, connectPoint, !!dashPattern);
-                    dashPattern ? pathForArrow.push(...startArrowPath) : path.push(...startArrowPath);
+                    startArrowPath = getArrowPath(ui, startArrow, second, first, strokeWidth, connectPoint, !!dashPattern);
+                    singleStartArrow = startArrowPath.fill || dashPattern;
+                    if (!singleStartArrow) path.push(...startArrowPath.data);
                     if (connectPoint.x) {
                         getDistancePoint(first, second, -connectPoint.x, true);
                         path[1] = second.x;
@@ -342,8 +414,10 @@ const PathArrowModule = {
                     }
                 }
                 if (endArrow && endArrow !== "none") {
-                    const endArrowPath = getArrowPath(ui, endArrow, last, now, strokeWidth, connectPoint, !!dashPattern);
-                    dashPattern ? pathForArrow.push(...endArrowPath) : path.push(...endArrowPath);
+                    if (isSame(last, now)) copy(last, old);
+                    endArrowPath = getArrowPath(ui, endArrow, last, now, strokeWidth, connectPoint, !!dashPattern);
+                    singleEndArrow = endArrowPath.fill || dashPattern;
+                    if (!singleEndArrow) path.push(...endArrowPath.data);
                     if (connectPoint.x) {
                         getDistancePoint(now, last, -connectPoint.x, true);
                         let index;
@@ -370,10 +444,21 @@ const PathArrowModule = {
             } else {
                 copy(last, now);
             }
+            stintSet(uData, "__startArrowPath", singleStartArrow && startArrowPath);
+            stintSet(uData, "__endArrowPath", singleEndArrow && endArrowPath);
+        }
+    },
+    updateArrow(ui) {
+        const data = ui.__;
+        if (data.strokeScaleFixed) {
+            if (data.__strokeWidthCache !== data.__strokeWidth) {
+                ui.__updateRenderPath(true);
+            }
         }
     },
-    register(name, data) {
+    register(name, data, fillData) {
         this.list[name] = data;
+        if (fillData) this.fillList[name] = data;
     },
     get(name) {
         return this.list[name];
@@ -399,12 +484,26 @@ UI.addAttr("endArrow", "none", arrowType);
 Object.assign(PathArrow, PathArrowModule);
 
 Object.assign(Paint, {
-    strokeArrow(_stroke, ui, canvas, _renderOptions) {
-        if (ui.__.dashPattern) {
+    strokeArrow(stroke, ui, canvas, _renderOptions) {
+        const {__startArrowPath: __startArrowPath, __endArrowPath: __endArrowPath, dashPattern: dashPattern} = ui.__;
+        if (dashPattern) canvas.dashPattern = null;
+        if (__startArrowPath) {
+            canvas.beginPath();
+            ui.__drawPathByData(canvas, __startArrowPath.data);
+            canvas.stroke();
+            if (__startArrowPath.fill) {
+                canvas.fillStyle = stroke;
+                canvas.fill();
+            }
+        }
+        if (__endArrowPath) {
             canvas.beginPath();
-            ui.__drawPathByData(canvas, ui.__.__pathForArrow);
-            canvas.dashPattern = null;
+            ui.__drawPathByData(canvas, __endArrowPath.data);
             canvas.stroke();
+            if (__endArrowPath.fill) {
+                canvas.fillStyle = stroke;
+                canvas.fill();
+            }
         }
     }
 });

package/dist/arrow.esm.min.js

@@ -1,2 +1,2 @@
-import{LineData as e,decorateLeafAttr as t,attr as r,doBoundsType as o,doStrokeType as n,dataProcessor as a,registerUI as s,Line as c,PathArrow as i,PathCommandMap as h,PointHelper as l,DataHelper as p,isObject as d,Plugin as f,UI as u,Paint as _}from"@leafer-ui/draw";function b(e,t,r,o){var n,a=arguments.length,s=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,r,o);else for(var c=e.length-1;c>=0;c--)(n=e[c])&&(s=(a<3?n(s):a>3?n(t,r,s):n(t,r))||s);return a>3&&s&&Object.defineProperty(t,r,s),s}"function"==typeof SuppressedError&&SuppressedError;class x extends e{}function w(e){return t(e,e=>r({set(t){if(this.__setAttr(e,t)){const e=this.__,t="none"!==e.startArrow||"none"!==e.endArrow;e.__useArrow!==t&&o(this),e.__useArrow=t,n(this)}}}))}let y=class extends c{get __tag(){return"Arrow"}constructor(e){super(e),this.__.__useArrow=!0}static registerArrow(e,t){i.register(e,t)}};b([a(x)],y.prototype,"__",void 0),b([w("angle")],y.prototype,"endArrow",void 0),y=b([s()],y);const{M:g,L:k,C:A,Q:P,O:J}=h,{rotate:v,copyFrom:m,scale:F}=l,O={},R={layout(e,t,r,o,n,a,s){let c,i,h=0,l=e.length;for(;h<l;)switch(c=e[h],c){case g:case k:j(e,h+1,t,r,o,n,a,s),h+=3;break;case A:for(i=1;i<6;i+=2)j(e,h+i,t,r,o,n,a,s);h+=7;break;case P:for(i=1;i<4;i+=2)j(e,h+i,t,r,o,n,a,s);h+=5;break;case J:e[h+1]+=t,e[h+2]+=r,o&&(e[h+3]*=o),a&&(e[h+4]+=a,e[h+5]+=a),h+=7}},rotate(e,t,r){R.layout(e,0,0,1,1,t,r)}};function j(e,t,r,o,n,a,s,c){m(O,e[t],e[t+1]),s&&v(O,s,c),n&&F(O,n,a),e[t]=r+O.x,e[t+1]=o+O.y}const{layout:D,rotate:C}=R,{getAngle:q}=l,E={x:-.5},L={connect:E,offset:{x:-.71,bevelJoin:.36,roundJoin:.22},path:[1,-3,-3,2,0,0,2,-3,3]},M={connect:E,offset:{x:-1.207,bevelJoin:.854,roundJoin:.707},path:[1,-3,-3,2,0,0,2,-1,0]},Q={connect:E,offset:{x:-.9,bevelJoin:.624,roundJoin:.4},path:[1,-3,0,2,-3,-2,2,0,0,2,-3,2,2,-3,0,1,-2.05,1.1,2,-2.05,-1.1],dashPath:[1,-2,0,2,-.5,0]},S={connect:E,offset:{x:-1.1,bevelJoin:.872,roundJoin:.6},path:[1,-3,0,2,-3.5,-1.8,2,0,0,2,-3.5,1.8,2,-3,0,1,-2.25,.95,2,-2.25,-.95],dashPath:[1,-3,0,2,-.5,0]},B={offset:E,path:[...Q.path],dashPath:[1,-2.5,0,2,-1,0]};C(B.path,180,{x:-1.5,y:0});const G={connect:{x:-1.3},path:[1,1.8,-.1,2,1.8,0,26,0,0,1.8,0,359,0]},N={connect:{x:.5},path:[...G.path,1,0,0,26,0,0,1,0,360,0],dashPath:[1,-.5,0,2,.5,0]},U={connect:{x:-1.3},path:[1,-1.4,0,2,-1.4,-1.4,2,1.4,-1.4,2,1.4,1.4,2,-1.4,1.4,2,-1.4,0]},W={path:[...U.path,2,-1.4,-.49,2,1,-.49,1,-1.4,.49,2,1,.49]},X=p.clone(U),Z=p.clone(W);C(X.path,45),C(Z.path,45);const z={angle:L,"angle-side":M,arrow:S,triangle:Q,"triangle-flip":B,circle:N,"circle-line":G,square:W,"square-line":U,diamond:Z,"diamond-line":X,mark:{offset:E,path:[1,0,-2,2,0,2]}};function H(e,t,r,o,n,a,s){let c,i;const{strokeCap:h,strokeJoin:l}=e.__;d(t)?t.type?(i=t.scale,c=z[t.type]):c=t:c=z[t];const{offset:p,connect:f,path:u,dashPath:_}=c;let b=f?f.x:0,x=p?p.x:0;const w=[...u];return s&&_&&w.push(..._),"none"!==h&&(b-=.5),p&&("round"===l&&p.roundJoin?x+=p.roundJoin:"bevel"===l&&p.bevelJoin&&(x+=p.bevelJoin)),i&&D(w,0,0,i,i),x&&D(w,x,0),D(w,o.x,o.y,n,n,q(r,o)),a.x=(b+x)*n,w}const{M:I,L:K,C:T,Q:V,Z:Y,N:$,D:ee,X:te,G:re,F:oe,O:ne,P:ae,U:se}=h,{copy:ce,copyFrom:ie,getDistancePoint:he}=l,le={},pe={},de={},fe={},ue={},_e={list:z,addArrows(e){const{startArrow:t,endArrow:r,strokeWidth:o,dashPattern:n,__pathForRender:a,cornerRadius:s}=e.__,c=!s;let i,h=0,l=a.length,p=0,d=t&&"none"!==t;for(;h<l;){switch(i=a[h],i){case I:case K:(p<2||h+6>=l)&&(ie(ue,a[h+1],a[h+2]),!p&&d&&ce(pe,ue)),h+=3;break;case T:(1===p||h+7>=l-3)&&be(a,fe,ue,h+3),h+=7;break;case V:(1===p||h+5>=l-3)&&be(a,fe,ue,h+1),h+=5;break;case Y:return;case $:h+=5;break;case ee:h+=9;break;case te:h+=6;break;case re:h+=9;break;case oe:h+=5;break;case ne:h+=7;break;case ae:h+=4;break;case se:(1===p||h+6>=l-3)&&(be(a,fe,ue,h+1),h+6!==l&&(ue.x-=(ue.x-fe.x)/10,ue.y-=(ue.y-fe.y)/10)),h+=6}if(p++,1===p&&i!==I)return;if(2===p&&d&&ce(de,i===K?ue:fe),h===l){const s=e.__.__pathForRender=c?[...a]:a,l=e.__.__pathForArrow=[];if(d){const r=H(e,t,de,pe,o,le,!!n);n?l.push(...r):s.push(...r),le.x&&(he(pe,de,-le.x,!0),s[1]=de.x,s[2]=de.y)}if(r&&"none"!==r){const t=H(e,r,fe,ue,o,le,!!n);if(n?l.push(...t):s.push(...t),le.x){let e;switch(he(ue,fe,-le.x,!0),i){case K:e=h-3+1;break;case T:e=h-7+5;break;case V:e=h-5+3;break;case se:e=h-6+3}e&&xe(s,fe,e)}}}else ce(fe,ue)}},register(e,t){this.list[e]=t},get(e){return this.list[e]}};function be(e,t,r,o){ie(t,e[o],e[o+1]),ie(r,e[o+2],e[o+3])}function xe(e,t,r){e[r]=t.x,e[r+1]=t.y}f.add("arrow"),u.addAttr("startArrow","none",w),u.addAttr("endArrow","none",w),Object.assign(i,_e),Object.assign(_,{strokeArrow(e,t,r,o){t.__.dashPattern&&(r.beginPath(),t.__drawPathByData(r,t.__.__pathForArrow),r.dashPattern=null,r.stroke())}});export{y as Arrow,x as ArrowData,_e as PathArrowModule,R as PathMatrixHelper,w as arrowType};
+import{LineData as t,decorateLeafAttr as e,attr as r,doBoundsType as a,doStrokeType as o,dataProcessor as n,registerUI as s,Line as c,PathArrow as i,PathCommandMap as l,PointHelper as h,DataHelper as d,isObject as f,Plugin as p,UI as _,Paint as u}from"@leafer-ui/draw";function x(t,e,r,a){var o,n=arguments.length,s=n<3?e:null===a?a=Object.getOwnPropertyDescriptor(e,r):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,r,a);else for(var c=t.length-1;c>=0;c--)(o=t[c])&&(s=(n<3?o(s):n>3?o(e,r,s):o(e,r))||s);return n>3&&s&&Object.defineProperty(e,r,s),s}"function"==typeof SuppressedError&&SuppressedError;class b extends t{}function y(t){return e(t,t=>r({set(e){if(this.__setAttr(t,e)){const t=this.__,e="none"!==t.startArrow||"none"!==t.endArrow;t.__useArrow!==e&&a(this),t.__useArrow=e,o(this)}}}))}let w=class extends c{get __tag(){return"Arrow"}constructor(t){super(t),this.__.__useArrow=!0}static registerArrow(t,e){i.register(t,e)}};x([n(b)],w.prototype,"__",void 0),x([y("angle")],w.prototype,"endArrow",void 0),w=x([s()],w);const{M:k,L:g,C:A,Q:P,O:J}=l,{rotate:v,copyFrom:m,scale:O}=h,R={},S={layout(t,e,r,a,o,n,s){let c,i,l=0,h=t.length;for(;l<h;)switch(c=t[l],c){case k:case g:F(t,l+1,e,r,a,o,n,s),l+=3;break;case A:for(i=1;i<6;i+=2)F(t,l+i,e,r,a,o,n,s);l+=7;break;case P:for(i=1;i<4;i+=2)F(t,l+i,e,r,a,o,n,s);l+=5;break;case J:t[l+1]+=e,t[l+2]+=r,a&&(t[l+3]*=a),n&&(t[l+4]+=n,t[l+5]+=n),l+=7}},rotate(t,e,r){S.layout(t,0,0,1,1,e,r)}};function F(t,e,r,a,o,n,s,c){m(R,t[e],t[e+1]),s&&v(R,s,c),o&&O(R,o,n),t[e]=r+R.x,t[e+1]=a+R.y}const{layout:j,rotate:C}=S,{getAngle:D}=h,L={x:0},W={x:-.5},q={connect:L,offset:{x:-.71,bevelJoin:.36,roundJoin:.22},path:[1,-3,-3,2,0,0,2,-3,3]},B={connect:W,offset:{x:-1.207,bevelJoin:.854,roundJoin:.707},path:[1,-3,-3,2,0,0,2,-1,0]},E=[1,-3,0,2,-3,-2,2,0,0,2,-3,2,2,-3,0],M={connect:L,offset:{x:-.9,bevelJoin:.624,roundJoin:.4},path:[...E]},Q=d.clone(M);Q.path=[...E,1,-2.05,1.1,2,-2.05,-1.1],Q.dashPath=[1,-2,0,2,-.5,0];const G={connect:L,offset:W,path:[...M.path]},N={connect:L,offset:W,path:[...Q.path],dashPath:[1,-2.5,0,2,-1,0]};C(G.path,180,{x:-1.5,y:0}),C(N.path,180,{x:-1.5,y:0});const U=[1,-3,0,2,-3.5,-1.8,2,0,0,2,-3.5,1.8,2,-3,0],X={connect:L,offset:{x:-1.1,bevelJoin:.872,roundJoin:.6},path:[...U]},Z=d.clone(X);Z.path=[...U,1,-2.25,.95,2,-2.25,-.95],Z.dashPath=[1,-3,0,2,-.5,0];const z={connect:{x:-1.8},path:[1,1.8,-.1,2,1.8,0,26,0,0,1.8,0,359,0]},H={connect:{x:.5},path:[...z.path]},I=d.clone(H);I.path=[...z.path,1,0,0,26,0,0,1,0,360,0],I.dashPath=[1,-.5,0,2,.5,0];const K={connect:{x:-1.4},path:[1,-1.4,0,2,-1.4,-1.4,2,1.4,-1.4,2,1.4,1.4,2,-1.4,1.4,2,-1.4,0]},T={path:[...K.path]},V={path:[...K.path,2,-1.4,-.49,2,1,-.49,1,-1.4,.49,2,1,.49]},Y=d.clone(K);Y.connect.x=-1.9;const $=d.clone(T),tt=d.clone(V);C(Y.path,45),C($.path,45),C(tt.path,45);const et={angle:q,"angle-side":B,arrow:Z,triangle:Q,"triangle-flip":N,circle:I,"circle-line":z,square:V,"square-line":K,diamond:tt,"diamond-line":Y,mark:{offset:W,path:[1,0,-2,2,0,2]}},rt={triangle:M,"triangle-flip":G,arrow:X,circle:H,square:T,diamond:$};function at(t,e,r,a,o,n,s){let c,i,l=1,h=0;const{strokeCap:d,strokeJoin:p}=t.__;if(f(e))if(e.type){if(l=e.scale||1,h=e.rotation||0,c=et[e.type],l>1){const t=rt[e.type];t&&(c=t,i=!0)}}else c=e;else c=et[e];i||(i=c.fill);const{offset:_,connect:u,path:x,dashPath:b}=c;let y=u?u.x*l:0,w=_?_.x:0;const k=[...x];s&&b&&k.push(...b),"none"!==d&&(y-=.5),_&&("round"===p&&_.roundJoin?w+=_.roundJoin:"bevel"===p&&_.bevelJoin&&(w+=_.bevelJoin)),1!==l&&j(k,0,0,l,l),w&&j(k,w,0),j(k,a.x,a.y,o,o,D(r,a)+h),n.x=(y+w)*o;const g={data:k};return i&&(g.fill=i),g}const{M:ot,L:nt,C:st,Q:ct,Z:it,N:lt,D:ht,X:dt,G:ft,F:pt,O:_t,P:ut,U:xt}=l,{copy:bt,copyFrom:yt,getDistancePoint:wt,isSame:kt}=h,{stintSet:gt}=d,At={},Pt={},Jt={},vt={},mt={},Ot={},Rt={list:et,fillList:rt,addArrows(t,e){const r=t.__,{startArrow:a,endArrow:o,__strokeWidth:n,dashPattern:s,__pathForRender:c,cornerRadius:i}=r,l=!i;let h,d,f,p;e||(r.__strokeWidthCache=n);let _,u=0,x=c.length,b=0,y=a&&"none"!==a;for(;u<x;){switch(_=c[u],_){case ot:case nt:(b<2||u+6>=x)&&(bt(vt,Ot),yt(Ot,c[u+1],c[u+2]),!b&&y&&bt(Pt,Ot)),u+=3;break;case st:(1===b||u+7>=x-3)&&(St(c,mt,Ot,u+3),vt.x=c[u+1],vt.y=c[u+2]),u+=7;break;case ct:(1===b||u+5>=x-3)&&(St(c,mt,Ot,u+1),bt(vt,mt)),u+=5;break;case it:return;case lt:u+=5;break;case ht:u+=9;break;case dt:u+=6;break;case ft:u+=9;break;case pt:u+=5;break;case _t:u+=7;break;case ut:u+=4;break;case xt:(1===b||u+6>=x-3)&&(St(c,mt,Ot,u+1),bt(vt,mt),u+6!==x&&(Ot.x-=(Ot.x-mt.x)/10,Ot.y-=(Ot.y-mt.y)/10)),u+=6}if(b++,1===b&&_!==ot)return;if(2===b&&y&&bt(Jt,_===nt?Ot:kt(vt,Pt)?mt:vt),u===x){const e=r.__pathForRender=l?[...c]:c;if(y&&(h=at(t,a,Jt,Pt,n,At,!!s),d=h.fill||s,d||e.push(...h.data),At.x&&(wt(Pt,Jt,-At.x,!0),e[1]=Jt.x,e[2]=Jt.y)),o&&"none"!==o&&(kt(mt,Ot)&&bt(mt,vt),f=at(t,o,mt,Ot,n,At,!!s),p=f.fill||s,p||e.push(...f.data),At.x)){let t;switch(wt(Ot,mt,-At.x,!0),_){case nt:t=u-3+1;break;case st:t=u-7+5;break;case ct:t=u-5+3;break;case xt:t=u-6+3}t&&Ft(e,mt,t)}}else bt(mt,Ot);gt(r,"__startArrowPath",d&&h),gt(r,"__endArrowPath",p&&f)}},updateArrow(t){const e=t.__;e.strokeScaleFixed&&e.__strokeWidthCache!==e.__strokeWidth&&t.__updateRenderPath(!0)},register(t,e,r){this.list[t]=e,r&&(this.fillList[t]=e)},get(t){return this.list[t]}};function St(t,e,r,a){yt(e,t[a],t[a+1]),yt(r,t[a+2],t[a+3])}function Ft(t,e,r){t[r]=e.x,t[r+1]=e.y}p.add("arrow"),_.addAttr("startArrow","none",y),_.addAttr("endArrow","none",y),Object.assign(i,Rt),Object.assign(u,{strokeArrow(t,e,r,a){const{__startArrowPath:o,__endArrowPath:n,dashPattern:s}=e.__;s&&(r.dashPattern=null),o&&(r.beginPath(),e.__drawPathByData(r,o.data),r.stroke(),o.fill&&(r.fillStyle=t,r.fill())),n&&(r.beginPath(),e.__drawPathByData(r,n.data),r.stroke(),n.fill&&(r.fillStyle=t,r.fill()))}});export{w as Arrow,b as ArrowData,Rt as PathArrowModule,S as PathMatrixHelper,y as arrowType};
 //# sourceMappingURL=arrow.esm.min.js.map