dcim-topology2d 1.0.1

package/core/src/healps/changeData.js

@@ -0,0 +1,205 @@
+//let DETAILDATA = null;
+export function setConfItemNode(pen, syn_synata) {
+    if (!pen.data) return
+    if(pen.data instanceof Array) {
+        let _syn = ''
+        let isResetVal = false
+        let isResetFontColor = false
+        const {areaData, assetData, kpiData, tagData, asset} = syn_synata
+        pen.data.map((d) => {
+            const key = d.key;
+            let value = d.value;
+            const assetItem = assetData[value];
+            const areaItem = areaData[value];
+            const kpiItem = kpiData[value];
+            if(key === 'tagId') value = d.tagId ? d.tagId : d.value
+            const tagItem = tagData[value];
+            //console.log('key===========', d)
+            if (key === 'assetKey' && d.value === 'assetName' && asset) {
+                pen.text = asset.assetName;
+            }else if (key === 'assetId' && assetItem) {
+                _syn = assetItem;
+                // if(value === '264'){console.log('_syn',_syn,pen.name,parseInt(_syn.state))}
+            }else if (key === 'areaId' && areaItem) {
+                _syn = areaItem;
+            }else if (key === 'tagId' && tagItem) {
+                _syn = tagItem;
+                if(_syn.kpiName !== '通讯状态' || pen.name !== 'circle'){
+                    isResetVal = true
+                }
+                const isControl = parseInt(tagItem.isControlDis); // 是否可控，0可控，1不可控
+                //d.isControlDis = isControlDis
+                if(!isControl) {
+                    d.tagVal = value
+                    d.controlParams = tagItem
+                    //Object.assign(d, tagItem)
+                }
+            }else if (key === 'kpiAddr' && kpiItem) {
+                _syn = kpiItem;
+                isResetVal = true
+                const isControl = parseInt(kpiItem.isControlDis); // 是否可控，0可控，1不可控
+                //d.isControlDis = isControlDis
+                if(!isControl) {
+                    d.tagVal = value
+                    d.controlParams = kpiItem
+                    // delete kpiItem[value]
+                    // Object.assign(d, kpiItem)
+                }
+            }
+        })
+        // const type = parseInt(_syn.type) // 是否是开关量
+        // 显示的值
+        if (isResetVal) pen.text = `${_syn.value}${_syn.unit}`;
+        const state = parseInt(_syn.state)
+        if(!state && state !== 0) return
+        const name = pen.name
+        // 显示的颜色
+        let color = ''
+        switch (state) {
+            case 0: // 正常告警
+                color = '#FF0000';
+                break;
+            case 1: // 离线告警, 通讯开关告警
+                color = '#6d6d6d';
+                break;
+            case 2: // 未告警
+            case 3: // 无告警
+                let defaulColor = ''
+                if (name === 'text') {
+                    defaulColor = 'defaultFontColor'
+                }else if(name === 'line') {
+                    defaulColor = 'defaultStrokeStyle'
+                }else {
+                    defaulColor = 'defaultFillStyle'
+                }
+                color = pen[defaulColor]
+                break;
+            case 4: // 故障报警
+                color = '#D38C00';
+                break;
+        }
+
+        // 显示的属性
+        if (name === 'text') {
+            pen.font.color = color
+        }else if(name === 'line') {
+            pen.strokeStyle = color
+            pen.text = ''
+        }else {
+            pen.fillStyle = color
+        }
+
+        if (name === 'electricFan') setFanData(pen, _syn)
+    }else {
+        if (pen.elementRendered) pen.elementRendered = false;
+        if(pen.data.params && pen.data.echarts) {
+            const { echartDataValue } = syn_synata;
+            //const seriesData = pen.data.echarts.option.series.length > 1 ? echartDataValue : echartData
+            const seriesData = echartDataValue;
+            if(seriesData) pen.data.echarts = setStatisticalData(pen, seriesData)
+        }
+    }
+    return pen
+}
+export function setStatisticalData(pen, echartData) {
+    const node = Object.assign({}, pen);
+    const displayMode = parseInt(node.data.echarts.option.displayMode);
+    const chartData = echartData[node.data.params.id];
+    if ((displayMode === 1 || displayMode === 2) && chartData){ // 折线图，柱状图
+        //const xData = [], seriesData = [];
+        const staticForType = node.data.params.staticForType ? node.data.params.staticForType : '';//统计类型：日，周，月，年
+        const seriesNodes = node.data.echarts.option.series;
+        // 双轴曲线
+        if(seriesNodes.length > 1 || node.data.params.curveNum > 1){
+            const chartOptions = staticForType ? chartData[`${staticForType}_Data`] : chartData;
+            const legendData = [];
+            if(!chartOptions) return;
+            node.data.echarts.option.xAxis[0].data = chartOptions.XData;
+            let legend = node.data.echarts.option.legend;
+            if(chartOptions.seriesData.length) {
+                //循环给每条统计数据赋值
+                seriesNodes.map((item, index) => {
+                    const { name, data } = chartOptions.seriesData[index];
+                    item.name = name;
+                    item.data = data;
+                    legendData.push(name);
+                });
+                legend.data = legendData;
+            }else {
+                node.data.echarts.option.legend = [];
+                node.data.echarts.option.series = []
+            }
+        }else {
+            const chartOptions = staticForType ? chartData[`${staticForType}_Data`] : chartData;
+            if(chartOptions) {
+                node.data.echarts.option.xAxis[0].data = chartOptions.XData;
+                node.data.echarts.option.series[0].data = chartOptions.seriesData;
+            }
+        }
+    }
+    if (displayMode === 5 && chartData){ // 饼图
+        const colors = node.data.echarts.option.color;
+        const seriesData = [];
+        chartData.map((chd, index) => {
+            seriesData.push({
+                itemStyle: { color: colors[index] },
+                name: chd.name,
+                value: chd.value
+            })
+        })
+        node.data.echarts.option.series[0].data = seriesData;
+    }
+    if(displayMode === 6 && chartData){ // 仪表盘
+        node.appearance.title.text = chartData.name;
+        node.data.echarts.option.title.text = chartData.name;
+        node.data.echarts.option.series[0].data[0].value = chartData.value;
+    }
+    return node.data.echarts;
+}
+export function setNodeEvents(item, pen) {
+
+}
+
+export function setFanData(pen, syncData) {
+    if (!syncData) return
+    pen.text = ''
+    pen.rotate = 0;
+    pen.animateCycleIndex = 0;
+    pen.animateFrames = [];
+    pen.animateCycle = 0;
+    pen.animateDuration = 0;
+    let runState = false
+    let percentage = 1
+    const value = parseInt(syncData.v)
+    if(pen.fanValType == '1'){
+        if(value > pen.fanMinVal  && value <= pen.fanMaxVal) {
+            runState = true
+            percentage = value/(pen.fanMaxVal-pen.fanMinVal)
+        }
+    }else if(pen.fanValType == '2'){
+        if(pen.fanNorVal === value) runState = true
+    }
+    if(runState){
+        addAnimateByRevolve(pen, percentage)
+        pen.animatePlay = true
+    }else{
+        pen.animatePlay = false
+    }
+}
+
+export function addAnimateByRevolve(pen, percentage) {
+    let time = 200/pen.fanSpeed/percentage
+    const state = JSON.parse(JSON.stringify(pen))
+    delete state.TID
+    delete state.animateFrames
+    delete state.animateStart
+    delete state.elementRendered
+    state.rotate = 360 * pen.fanRevolve
+    pen.animateFrames.push({
+        duration: time,
+        linear: true,
+        state
+    });
+    pen.animateDuration = time;
+
+}

package/core/src/healps/index.d.ts

@@ -0,0 +1 @@
+export * from './changeData';

package/core/src/healps/index.js

@@ -0,0 +1 @@
+export * from './changeData';

package/core/src/hoverLayer.d.ts

@@ -0,0 +1,32 @@
+import { TopologyData } from './models/data';
+import { Rect } from './models/rect';
+import { Point } from './models/point';
+import { Line } from './models/line';
+import { Node } from './models/node';
+import { Options } from './options';
+import { Layer } from './layer';
+export declare class HoverLayer extends Layer {
+    options: Options;
+    protected data: TopologyData;
+    line: Line;
+    initLine: Line;
+    node: Node;
+    hoverLineCP: Point;
+    lasthoverLineCP: Point;
+    dockAnchor: Point;
+    hoverAnchorIndex: number;
+    dockLineX: number;
+    dockLineY: number;
+    root: Node;
+    dragRect: Rect;
+    constructor(options: Options, TID: String);
+    lineTo(to: Point, toArrow?: string): void;
+    lineFrom(from: Point): void;
+    lineMove(pt: Point, initPos: {
+        x: number;
+        y: number;
+    }): void;
+    render(ctx: CanvasRenderingContext2D): void;
+    getRoot(node: Node): any;
+    clear(): void;
+}

package/core/src/hoverLayer.js

@@ -0,0 +1,199 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+import { Point } from './models/point';
+import { Node } from './models/node';
+import { PenType } from './models/pen';
+import { Store } from 'le5le-store';
+import { Lock } from './models/status';
+import { Layer } from './layer';
+var HoverLayer = /** @class */ (function (_super) {
+    __extends(HoverLayer, _super);
+    function HoverLayer(options, TID) {
+        if (options === void 0) { options = {}; }
+        var _this = _super.call(this, TID) || this;
+        _this.options = options;
+        _this.hoverAnchorIndex = -1;
+        _this.dockLineX = 0;
+        _this.dockLineY = 0;
+        _this.data = Store.get(_this.generateStoreKey('topology-data'));
+        Store.set(_this.generateStoreKey('LT:HoverLayer'), _this);
+        return _this;
+    }
+    HoverLayer.prototype.lineTo = function (to, toArrow) {
+        if (toArrow === void 0) { toArrow = 'triangleSolid'; }
+        if (!this.line || this.line.locked) {
+            return;
+        }
+        this.line.setTo(to, toArrow);
+        if (this.line.from.id || this.line.to.id) {
+            this.line.calcControlPoints();
+        }
+        Store.set(this.generateStoreKey('pts-') + this.line.id, null);
+        Store.set(this.generateStoreKey('LT:updateLines'), [this.line]);
+    };
+    HoverLayer.prototype.lineFrom = function (from) {
+        if (this.line.locked) {
+            return;
+        }
+        this.line.setFrom(from, this.line.fromArrow);
+        if (this.line.from.id || this.line.to.id) {
+            this.line.calcControlPoints();
+        }
+        Store.set(this.generateStoreKey('pts-') + this.line.id, null);
+        Store.set(this.generateStoreKey('LT:updateLines'), [this.line]);
+    };
+    HoverLayer.prototype.lineMove = function (pt, initPos) {
+        if (this.line.locked) {
+            return;
+        }
+        var x = pt.x - initPos.x;
+        var y = pt.y - initPos.y;
+        this.line.setTo(new Point(this.initLine.to.x + x, this.initLine.to.y + y), this.line.toArrow);
+        this.line.setFrom(new Point(this.initLine.from.x + x, this.initLine.from.y + y), this.line.fromArrow);
+        for (var i = 0; i < this.initLine.controlPoints.length; ++i) {
+            this.line.controlPoints[i].x = this.initLine.controlPoints[i].x + x;
+            this.line.controlPoints[i].y = this.initLine.controlPoints[i].y + y;
+        }
+        Store.set(this.generateStoreKey('pts-') + this.line.id, null);
+        Store.set(this.generateStoreKey('LT:updateLines'), [this.line]);
+    };
+    HoverLayer.prototype.render = function (ctx) {
+        var _this = this;
+        if (this.data.locked === Lock.NoEvent) {
+            return;
+        }
+        ctx.fillStyle = this.options.hoverColor;
+        ctx.save();
+        // anchors
+        if (this.options.alwaysAnchor) {
+            this.data.pens.forEach(function (pen) {
+                if (pen.type === PenType.Line) {
+                    return;
+                }
+                if (pen.hideAnchor) {
+                    return;
+                }
+                for (var _i = 0, _a = pen.rotatedAnchors; _i < _a.length; _i++) {
+                    var anchor = _a[_i];
+                    if (anchor.hidden) {
+                        continue;
+                    }
+                    ctx.beginPath();
+                    ctx.arc(anchor.x, anchor.y, anchor.radius || _this.options.anchorRadius, 0, Math.PI * 2);
+                    ctx.strokeStyle = anchor.strokeStyle || _this.options.hoverColor;
+                    ctx.fillStyle = anchor.fillStyle || _this.options.anchorFillStyle;
+                    ctx.fill();
+                    ctx.stroke();
+                }
+            });
+        }
+        ctx.restore();
+        if (this.node && !this.data.locked) {
+            if (!this.node.getTID()) {
+                this.node.setTID(this.TID);
+            }
+            this.root = this.getRoot(this.node) || this.node;
+            if (this.root) {
+                ctx.save();
+                ctx.strokeStyle = this.options.dragColor;
+                ctx.globalAlpha = 0.2;
+                if (this.root.rotate) {
+                    ctx.translate(this.root.rect.center.x, this.root.rect.center.y);
+                    ctx.rotate(((this.root.rotate + this.root.offsetRotate) * Math.PI) / 180);
+                    ctx.translate(-this.root.rect.center.x, -this.root.rect.center.y);
+                }
+                ctx.beginPath();
+                ctx.strokeRect(this.root.rect.x, this.root.rect.y, this.root.rect.width, this.root.rect.height);
+                ctx.restore();
+            }
+            if (!this.options.hideAnchor) {
+                for (var i = 0; i < this.node.rotatedAnchors.length; ++i) {
+                    if (this.node.locked ||
+                        this.node.hideAnchor ||
+                        (this.node.rotatedAnchors[i].hidden && this.hoverAnchorIndex !== i)) {
+                        continue;
+                    }
+                    ctx.beginPath();
+                    ctx.arc(this.node.rotatedAnchors[i].x, this.node.rotatedAnchors[i].y, this.node.rotatedAnchors[i].radius || this.options.anchorRadius, 0, Math.PI * 2);
+                    ctx.strokeStyle =
+                        this.node.rotatedAnchors[i].strokeStyle || this.options.hoverColor;
+                    ctx.fillStyle =
+                        this.node.rotatedAnchors[i].fillStyle ||
+                            this.options.anchorFillStyle;
+                    ctx.fill();
+                    ctx.stroke();
+                }
+            }
+        }
+        if (this.dockAnchor) {
+            ctx.save();
+            ctx.beginPath();
+            ctx.arc(this.dockAnchor.x, this.dockAnchor.y, this.dockAnchor.radius || this.options.anchorRadius, 0, Math.PI * 2);
+            ctx.strokeStyle = this.options.dockStrokeStyle;
+            ctx.fillStyle = this.options.dockFillStyle;
+            ctx.fill();
+            ctx.stroke();
+            ctx.restore();
+        }
+        if (this.hoverLineCP) {
+            ctx.beginPath();
+            ctx.arc(this.hoverLineCP.x, this.hoverLineCP.y, 5, 0, Math.PI * 2);
+            ctx.fill();
+        }
+        ctx.strokeStyle = this.options.hoverColor + '80';
+        ctx.lineWidth = 1;
+        if (this.dockLineX > 0) {
+            var size = Store.get(this.generateStoreKey('LT:size'));
+            ctx.beginPath();
+            ctx.moveTo(this.dockLineX, 0);
+            ctx.lineTo(this.dockLineX, size.height);
+            ctx.stroke();
+        }
+        if (this.dockLineY > 0) {
+            var size = Store.get(this.generateStoreKey('LT:size'));
+            ctx.beginPath();
+            ctx.moveTo(0, this.dockLineY);
+            ctx.lineTo(size.width, this.dockLineY);
+            ctx.stroke();
+        }
+        // Select nodes by drag.
+        if (this.dragRect) {
+            ctx.fillStyle = this.options.dragColor + '30';
+            ctx.strokeStyle = this.options.dragColor;
+            ctx.beginPath();
+            ctx.strokeRect(this.dragRect.x, this.dragRect.y, this.dragRect.width, this.dragRect.height);
+            ctx.fillRect(this.dragRect.x, this.dragRect.y, this.dragRect.width, this.dragRect.height);
+        }
+    };
+    HoverLayer.prototype.getRoot = function (node) {
+        if (!node.parentId) {
+            return null;
+        }
+        for (var _i = 0, _a = this.data.pens; _i < _a.length; _i++) {
+            var item = _a[_i];
+            if (item instanceof Node && item.id === node.parentId) {
+                var n = this.getRoot(item);
+                return n ? n : item;
+            }
+        }
+        return null;
+    };
+    HoverLayer.prototype.clear = function () {
+        this.node = null;
+        this.line = null;
+    };
+    return HoverLayer;
+}(Layer));
+export { HoverLayer };
+//# sourceMappingURL=hoverLayer.js.map

package/core/src/hoverLayer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hoverLayer.js","sourceRoot":"","sources":["../../../packages/core/src/hoverLayer.ts"],"names":[],"mappings":"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"}

package/core/src/layer.d.ts

@@ -0,0 +1,5 @@
+export declare class Layer {
+    protected TID: String;
+    constructor(TID: String);
+    protected generateStoreKey(key: any): string;
+}

package/core/src/layer.js

@@ -0,0 +1,11 @@
+var Layer = /** @class */ (function () {
+    function Layer(TID) {
+        this.TID = TID;
+    }
+    Layer.prototype.generateStoreKey = function (key) {
+        return this.TID + "-" + key;
+    };
+    return Layer;
+}());
+export { Layer };
+//# sourceMappingURL=layer.js.map

package/core/src/layer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layer.js","sourceRoot":"","sources":["../../../packages/core/src/layer.ts"],"names":[],"mappings":"AAAA;IAGE,eAAY,GAAW;QACrB,IAAI,CAAC,GAAG,GAAG,GAAG,CAAC;IACjB,CAAC;IAES,gCAAgB,GAA1B,UAA2B,GAAG;QAC5B,OAAU,IAAI,CAAC,GAAG,SAAI,GAAK,CAAC;IAC9B,CAAC;IACH,YAAC;AAAD,CAAC,AAVD,IAUC"}

package/core/src/middles/arrows/circle.d.ts

@@ -0,0 +1,3 @@
+import { Point } from '../../models/point';
+export declare function circleSolid(ctx: CanvasRenderingContext2D, from: Point, to: Point, size: number, fillStyle?: string): void;
+export declare function circle(ctx: CanvasRenderingContext2D, from: Point, to: Point, size: number): void;

package/core/src/middles/arrows/circle.js

@@ -0,0 +1,20 @@
+export function circleSolid(ctx, from, to, size, fillStyle) {
+    size += ctx.lineWidth * 3;
+    var r = size / 2;
+    if (ctx.lineWidth < 2) {
+        ctx.lineWidth = 2;
+    }
+    ctx.translate(to.x, to.y);
+    ctx.rotate(Math.atan2(to.y - from.y, to.x - from.x));
+    ctx.translate(-to.x, -to.y - ctx.lineWidth / 10);
+    ctx.arc(to.x - r - ctx.lineWidth / 2, to.y, r, 0, 2 * Math.PI);
+    ctx.stroke();
+    if (fillStyle) {
+        ctx.fillStyle = fillStyle;
+    }
+    ctx.fill();
+}
+export function circle(ctx, from, to, size) {
+    circleSolid(ctx, from, to, size, '#fff');
+}
+//# sourceMappingURL=circle.js.map

package/core/src/middles/arrows/circle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"circle.js","sourceRoot":"","sources":["../../../../../packages/core/src/middles/arrows/circle.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,WAAW,CAAC,GAA6B,EAAE,IAAW,EAAE,EAAS,EAAE,IAAY,EAAE,SAAkB;IACjH,IAAI,IAAI,GAAG,CAAC,SAAS,GAAG,CAAC,CAAC;IAC1B,IAAM,CAAC,GAAG,IAAI,GAAG,CAAC,CAAC;IACnB,IAAI,GAAG,CAAC,SAAS,GAAG,CAAC,EAAE;QACrB,GAAG,CAAC,SAAS,GAAG,CAAC,CAAC;KACnB;IACD,GAAG,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC;IAC1B,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;IACrD,GAAG,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,GAAG,CAAC,SAAS,GAAG,EAAE,CAAC,CAAC;IACjD,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC,SAAS,GAAG,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,EAAE,CAAC,CAAC;IAC/D,GAAG,CAAC,MAAM,EAAE,CAAC;IACb,IAAI,SAAS,EAAE;QACb,GAAG,CAAC,SAAS,GAAG,SAAS,CAAC;KAC3B;IACD,GAAG,CAAC,IAAI,EAAE,CAAC;AACb,CAAC;AAED,MAAM,UAAU,MAAM,CAAC,GAA6B,EAAE,IAAW,EAAE,EAAS,EAAE,IAAY;IACxF,WAAW,CAAC,GAAG,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC;AAC3C,CAAC"}

package/core/src/middles/arrows/diamond.d.ts

@@ -0,0 +1,3 @@
+import { Point } from '../../models/point';
+export declare function diamondSolid(ctx: CanvasRenderingContext2D, from: Point, to: Point, size: number, fillStyle?: string): void;
+export declare function diamond(ctx: CanvasRenderingContext2D, from: Point, to: Point, size: number): void;

package/core/src/middles/arrows/diamond.js

@@ -0,0 +1,28 @@
+export function diamondSolid(ctx, from, to, size, fillStyle) {
+    size += ctx.lineWidth * 3;
+    var r = size / 2;
+    var arrowWidth = ctx.lineWidth / 10;
+    if (ctx.lineWidth < 2) {
+        ctx.lineWidth = 2;
+        arrowWidth = 0;
+    }
+    ctx.translate(to.x, to.y);
+    ctx.rotate(Math.atan2(to.y - from.y, to.x - from.x));
+    ctx.translate(-to.x - ctx.lineWidth + arrowWidth * 5, -to.y);
+    ctx.moveTo(to.x, to.y + arrowWidth);
+    ctx.lineTo(to.x, to.y - arrowWidth);
+    ctx.lineTo(to.x - r, to.y - r / 2);
+    ctx.lineTo(to.x - size, to.y - arrowWidth);
+    ctx.lineTo(to.x - size, to.y + arrowWidth);
+    ctx.lineTo(to.x - r, to.y + r / 2);
+    ctx.closePath();
+    ctx.stroke();
+    if (fillStyle) {
+        ctx.fillStyle = fillStyle;
+    }
+    ctx.fill();
+}
+export function diamond(ctx, from, to, size) {
+    diamondSolid(ctx, from, to, size, '#fff');
+}
+//# sourceMappingURL=diamond.js.map

package/core/src/middles/arrows/diamond.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"diamond.js","sourceRoot":"","sources":["../../../../../packages/core/src/middles/arrows/diamond.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,YAAY,CAC1B,GAA6B,EAC7B,IAAW,EACX,EAAS,EACT,IAAY,EACZ,SAAkB;IAElB,IAAI,IAAI,GAAG,CAAC,SAAS,GAAG,CAAC,CAAC;IAC1B,IAAM,CAAC,GAAG,IAAI,GAAG,CAAC,CAAC;IACnB,IAAI,UAAU,GAAG,GAAG,CAAC,SAAS,GAAG,EAAE,CAAC;IACpC,IAAI,GAAG,CAAC,SAAS,GAAG,CAAC,EAAE;QACrB,GAAG,CAAC,SAAS,GAAG,CAAC,CAAC;QAClB,UAAU,GAAG,CAAC,CAAC;KAChB;IACD,GAAG,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC;IAC1B,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;IACrD,GAAG,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,GAAG,CAAC,SAAS,GAAG,UAAU,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IAC7D,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,UAAU,CAAC,CAAC;IACpC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,UAAU,CAAC,CAAC;IACpC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;IACnC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,EAAE,EAAE,CAAC,CAAC,GAAG,UAAU,CAAC,CAAC;IAC3C,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,EAAE,EAAE,CAAC,CAAC,GAAG,UAAU,CAAC,CAAC;IAC3C,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;IACnC,GAAG,CAAC,SAAS,EAAE,CAAC;IAChB,GAAG,CAAC,MAAM,EAAE,CAAC;IACb,IAAI,SAAS,EAAE;QACb,GAAG,CAAC,SAAS,GAAG,SAAS,CAAC;KAC3B;IACD,GAAG,CAAC,IAAI,EAAE,CAAC;AACb,CAAC;AAED,MAAM,UAAU,OAAO,CAAC,GAA6B,EAAE,IAAW,EAAE,EAAS,EAAE,IAAY;IACzF,YAAY,CAAC,GAAG,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC;AAC5C,CAAC"}

package/core/src/middles/arrows/line.d.ts

@@ -0,0 +1,4 @@
+import { Point } from '../../models/point';
+export declare function line(ctx: CanvasRenderingContext2D, from: Point, to: Point, size: number): void;
+export declare function lineUp(ctx: CanvasRenderingContext2D, from: Point, to: Point, size: number): void;
+export declare function lineDown(ctx: CanvasRenderingContext2D, from: Point, to: Point, size: number): void;

package/core/src/middles/arrows/line.js

@@ -0,0 +1,42 @@
+export function line(ctx, from, to, size) {
+    size += ctx.lineWidth * 3;
+    ctx.translate(to.x, to.y);
+    ctx.rotate(Math.atan2(to.y - from.y, to.x - from.x));
+    ctx.translate(-to.x - ctx.lineWidth / 5, -to.y - ctx.lineWidth / 5);
+    ctx.moveTo(to.x, to.y);
+    ctx.lineTo(to.x - size, to.y - size / 3);
+    ctx.moveTo(to.x, to.y);
+    ctx.lineTo(to.x - size, to.y + size / 3);
+    ctx.stroke();
+}
+export function lineUp(ctx, from, to, size) {
+    size += ctx.lineWidth * 3;
+    ctx.translate(to.x, to.y);
+    ctx.rotate(Math.atan2(to.y - from.y, to.x - from.x));
+    ctx.translate(-to.x - ctx.lineWidth / 5, -to.y - ctx.lineWidth / 5);
+    if (to.x > from.x) {
+        ctx.moveTo(to.x, to.y);
+        ctx.lineTo(to.x - size, to.y - size / 3);
+    }
+    else {
+        ctx.moveTo(to.x, to.y);
+        ctx.lineTo(to.x - size, to.y + size / 3);
+    }
+    ctx.stroke();
+}
+export function lineDown(ctx, from, to, size) {
+    size += ctx.lineWidth * 3;
+    ctx.translate(to.x, to.y);
+    ctx.rotate(Math.atan2(to.y - from.y, to.x - from.x));
+    ctx.translate(-to.x - ctx.lineWidth / 5, -to.y - ctx.lineWidth / 5);
+    if (to.x < from.x) {
+        ctx.moveTo(to.x, to.y);
+        ctx.lineTo(to.x - size, to.y - size / 3);
+    }
+    else {
+        ctx.moveTo(to.x, to.y);
+        ctx.lineTo(to.x - size, to.y + size / 3);
+    }
+    ctx.stroke();
+}
+//# sourceMappingURL=line.js.map

package/core/src/middles/arrows/line.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"line.js","sourceRoot":"","sources":["../../../../../packages/core/src/middles/arrows/line.ts"],"names":[],"mappings":"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"}

package/core/src/middles/arrows/triangle.d.ts

@@ -0,0 +1,3 @@
+import { Point } from '../../models/point';
+export declare function triangleSolid(ctx: CanvasRenderingContext2D, from: Point, to: Point, size?: number, fillStyle?: string): void;
+export declare function triangle(ctx: CanvasRenderingContext2D, from: Point, to: Point, size: number): void;

package/core/src/middles/arrows/triangle.js

@@ -0,0 +1,25 @@
+export function triangleSolid(ctx, from, to, size, fillStyle) {
+    size += ctx.lineWidth * 3;
+    var arrowWidth = ctx.lineWidth / 10;
+    if (ctx.lineWidth < 2) {
+        ctx.lineWidth = 2;
+        arrowWidth = 0;
+    }
+    ctx.translate(to.x, to.y);
+    ctx.rotate(Math.atan2(to.y - from.y, to.x - from.x));
+    ctx.translate(-to.x - ctx.lineWidth + arrowWidth * 5, -to.y);
+    ctx.moveTo(to.x, to.y + arrowWidth);
+    ctx.lineTo(to.x, to.y - arrowWidth);
+    ctx.lineTo(to.x - size, to.y - size / 3);
+    ctx.lineTo(to.x - size, to.y + size / 3);
+    ctx.closePath();
+    ctx.stroke();
+    if (fillStyle) {
+        ctx.fillStyle = fillStyle;
+    }
+    ctx.fill();
+}
+export function triangle(ctx, from, to, size) {
+    triangleSolid(ctx, from, to, size, '#fff');
+}
+//# sourceMappingURL=triangle.js.map

package/core/src/middles/arrows/triangle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"triangle.js","sourceRoot":"","sources":["../../../../../packages/core/src/middles/arrows/triangle.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,aAAa,CAC3B,GAA6B,EAC7B,IAAW,EACX,EAAS,EACT,IAAa,EACb,SAAkB;IAElB,IAAI,IAAI,GAAG,CAAC,SAAS,GAAG,CAAC,CAAC;IAC1B,IAAI,UAAU,GAAG,GAAG,CAAC,SAAS,GAAG,EAAE,CAAC;IACpC,IAAI,GAAG,CAAC,SAAS,GAAG,CAAC,EAAE;QACrB,GAAG,CAAC,SAAS,GAAG,CAAC,CAAC;QAClB,UAAU,GAAG,CAAC,CAAC;KAChB;IACD,GAAG,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC;IAC1B,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;IACrD,GAAG,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,GAAG,CAAC,SAAS,GAAG,UAAU,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IAC7D,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,UAAU,CAAC,CAAC;IACpC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,UAAU,CAAC,CAAC;IACpC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,EAAE,EAAE,CAAC,CAAC,GAAG,IAAI,GAAG,CAAC,CAAC,CAAC;IACzC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,EAAE,EAAE,CAAC,CAAC,GAAG,IAAI,GAAG,CAAC,CAAC,CAAC;IAEzC,GAAG,CAAC,SAAS,EAAE,CAAC;IAChB,GAAG,CAAC,MAAM,EAAE,CAAC;IACb,IAAI,SAAS,EAAE;QACb,GAAG,CAAC,SAAS,GAAG,SAAS,CAAC;KAC3B;IACD,GAAG,CAAC,IAAI,EAAE,CAAC;AACb,CAAC;AAED,MAAM,UAAU,QAAQ,CAAC,GAA6B,EAAE,IAAW,EAAE,EAAS,EAAE,IAAY;IAC1F,aAAa,CAAC,GAAG,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC;AAC7C,CAAC"}

package/core/src/middles/default.anchor.d.ts

@@ -0,0 +1,2 @@
+import { Node } from '../models/node';
+export declare function defaultAnchors(node: Node): void;