dcim-topology2d 1.0.1

package/core/src/renderLayer.js

@@ -0,0 +1,187 @@
+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 { Store } from 'le5le-store';
+import { Canvas } from './canvas';
+import {previewType} from './utils/construction'
+//let isQttFillStyle = false;
+var RenderLayer = /** @class */ (function (_super) {
+    __extends(RenderLayer, _super);
+    function RenderLayer(parentElem, options, TID) {
+        //isQttFillStyle = false;
+        if (options === void 0) { options = {}; }
+        var _this = _super.call(this, parentElem, options, TID) || this;
+        _this.parentElem = parentElem;
+        _this.options = options;
+        _this.bkImgRect = null;
+        _this.initImage = false;
+        _this.coverType = 'container';
+        _this.bgRect = null;
+        _this.render = function () {
+            if (_this.data.bkImage && !_this.initImage) {
+                _this.loadBkImg(_this.render, 'pixi');
+                return;
+            }
+            if (!_this.width || !_this.height || !_this.offscreen) {
+                return;
+            }
+            var ctx = _this.canvas.getContext('2d');
+            ctx.clearRect(0, 0, _this.canvas.width, _this.canvas.height);
+            // if (_this.data.pens && _this.data.pens.length > 0 && !isQttFillStyle) {
+            //     _this.data.pens.map((penItem) => {penItem.defaultFillStyle = penItem.fillStyle;})
+            //     isQttFillStyle = true;
+            // }
+            if (_this.data.bkColor) {
+                ctx.fillStyle = _this.data.bkColor;
+                ctx.fillRect(0, 0, _this.width, _this.height);
+            }
+            if (_this.bkImg && _this.bkImgRect) {
+                const {x, y, width, height} = _this.bkImgRect;
+                ctx.drawImage(_this.bkImg, x, y, width, height);
+            }
+            ctx.drawImage(_this.offscreen, 0, 0, _this.width, _this.height);
+        };
+        _this.offscreen = Store.get(_this.generateStoreKey('LT:offscreen'));
+        _this.parentElem.appendChild(_this.canvas);
+        return _this;
+    }
+    RenderLayer.prototype.scale = function (scale, center, w, h){
+        if(!this.data.bkImage) return;
+        if(!center) {
+            center = this.data.bkImageRect ? this.data.bkImageRect.center : this.bgRect.center;
+        }
+        if (!w) {
+            w = scale;
+            if(this.data.bkImageRect) {
+                this.data.bkImageRect.x = center.x - (center.x - this.data.bkImageRect.x) * w;
+            }else {
+                this.bgRect.x = center.x - (center.x - this.bgRect.x) * w;
+            }
+        }
+        if (!h) {
+            h = scale;
+            if(this.data.bkImageRect){
+                this.data.bkImageRect.y = center.y - (center.y - this.data.bkImageRect.y) * h;
+            }else {
+                this.bgRect.y = center.y - (center.y - this.bgRect.y) * h;
+            }
+        }
+        if(this.data.bkImageRect) {
+            this.data.bkImageRect.width *= w;
+            this.data.bkImageRect.height *= h;
+            this.bkImgRect = this.data.bkImageRect;
+        }else {
+            if(this.initImage) {
+                this.bgRect.width *= w;
+                this.bgRect.height *= h;
+            }
+            this.bkImgRect = this.bgRect;
+        }
+    };
+    RenderLayer.prototype.loadBkImg = function (cb, pixi) {
+        var _this = this;
+        if (!this.data.bkImage || this.initImage) {
+            return;
+        }
+        this.bkImg = new Image();
+        this.bkImg.crossOrigin = 'anonymous';
+        this.bkImg.src = this.data.bkImage;
+        this.bkImg.onload = function () {
+            if(pixi && !_this.bkImgRect) {
+                _this.bkImgRectResize({width: _this.canvas.width, height: _this.canvas.height});
+            }else {
+                //_this.bkImgRect = _this.coverRect(_this.canvas.width, _this.canvas.height, _this.bkImg.width, _this.bkImg.height);
+            }
+            if (cb) {
+                cb();
+            }
+            _this.initImage = true;
+            _this.bgRect.center.x = _this.width / 2;
+            _this.bgRect.center.y = _this.height / 2;
+            _this.bgRect.width = _this.width;
+            _this.bgRect.height = _this.height;
+        };
+    };
+    RenderLayer.prototype.clearBkImg = function () {
+        this.bkImgRect = null;
+        this.bkImg = null;
+        this.initImage = false;
+        this.bgRect = {
+            center: {
+                x: this.width / 2,
+                y: this.height / 2
+            },
+            x: 0,
+            y: 0,
+            width: this.width,
+            height: this.height
+        }
+    };
+    RenderLayer.prototype.coverRect = function (canvasWidth, canvasHeight, imgWidth, imgHeight) {
+        var x = 0;
+        var y = 0;
+        var width = imgWidth;
+        var height = imgHeight;
+        if (imgWidth > imgHeight || (imgWidth === imgHeight && canvasWidth < canvasHeight)) {
+            width = canvasWidth * height / canvasHeight;
+            x = (imgWidth - width) / 2;
+        }
+        else if (imgWidth < imgHeight || (imgWidth === imgHeight && canvasWidth > canvasHeight)) {
+            height = canvasHeight * width / canvasWidth;
+            y = (imgHeight - height) / 2;
+        }
+        return {
+            x: x,
+            y: y,
+            width: width,
+            height: height
+        };
+    };
+
+    RenderLayer.prototype.bkImgRectResize = function (size) {
+        const bkImageRect = this.data.bkImageRect;
+        if(!size) return;
+        if(bkImageRect) {
+            let x = bkImageRect.x ? Number(bkImageRect.x) : 0;
+            let y = bkImageRect.y ? Number(bkImageRect.y) : 0;
+            const { width, height } = size;
+            let bkWidth = bkImageRect.width ? Number(bkImageRect.width) : width;
+            let bkHeight = bkImageRect.height ? Number(bkImageRect.height) : height;
+            this.bkImgRect = {
+                x: x,
+                y: y,
+                width: bkImageRect.width ? bkImageRect.width : width,
+                height: bkImageRect.height ? bkImageRect.height : height
+            };
+        }else {
+            this.bkImgRect = this.bgRect;
+        }
+    };
+
+    RenderLayer.prototype.destroy = function() {
+
+        this.data = null;
+
+        this.canvas = null;
+
+        this.render = null;
+
+        this.offscreen = null;
+
+        this.options = null;
+
+    }
+    return RenderLayer;
+}(Canvas));
+export { RenderLayer };
+//# sourceMappingURL=renderLayer.js.map

package/core/src/renderLayer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderLayer.js","sourceRoot":"","sources":["../../../packages/core/src/renderLayer.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEpC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC;IAAiC,+BAAM;IAUrC,qBAAmB,UAAuB,EAAS,OAAqB,EAAE,GAAW;QAAlC,wBAAA,EAAA,YAAqB;QAAxE,YACE,kBAAM,UAAU,EAAE,OAAO,EAAE,GAAG,CAAC,SAGhC;QAJkB,gBAAU,GAAV,UAAU,CAAa;QAAS,aAAO,GAAP,OAAO,CAAc;QA0BxE,YAAM,GAAG;YACP,IAAI,KAAI,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,KAAI,CAAC,SAAS,EAAE;gBACxC,KAAI,CAAC,SAAS,CAAC,KAAI,CAAC,MAAM,CAAC,CAAC;gBAC5B,OAAO;aACR;YAED,IAAI,CAAC,KAAI,CAAC,KAAK,IAAI,CAAC,KAAI,CAAC,MAAM,IAAI,CAAC,KAAI,CAAC,SAAS,EAAE;gBAClD,OAAO;aACR;YAED,IAAM,GAAG,GAAG,KAAI,CAAC,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;YACzC,GAAG,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,EAAE,KAAI,CAAC,MAAM,CAAC,KAAK,EAAE,KAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;YAC3D,IAAI,KAAI,CAAC,IAAI,CAAC,OAAO,EAAE;gBACrB,GAAG,CAAC,SAAS,GAAG,KAAI,CAAC,IAAI,CAAC,OAAO,CAAC;gBAClC,GAAG,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,KAAI,CAAC,KAAK,EAAE,KAAI,CAAC,MAAM,CAAC,CAAC;aAC7C;YAED,IAAI,KAAI,CAAC,KAAK,IAAI,KAAI,CAAC,SAAS,EAAE;gBAChC,sFAAsF;gBACtF,2DAA2D;gBAC3D,GAAG,CAAC,SAAS,CAAC,KAAI,CAAC,KAAK,EAAE,CAAC,EAAE,CAAC,EAAE,KAAI,CAAC,KAAK,EAAE,KAAI,CAAC,MAAM,CAAC,CAAC;aAC1D;YAED,GAAG,CAAC,SAAS,CAAC,KAAI,CAAC,SAAS,EAAE,CAAC,EAAE,CAAC,EAAE,KAAI,CAAC,KAAK,EAAE,KAAI,CAAC,MAAM,CAAC,CAAC;QAC/D,CAAC,CAAC;QAhDA,KAAI,CAAC,SAAS,GAAG,KAAK,CAAC,GAAG,CAAC,KAAI,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC,CAAC;QAClE,KAAI,CAAC,UAAU,CAAC,WAAW,CAAC,KAAI,CAAC,MAAM,CAAC,CAAC;;IAC3C,CAAC;IAED,+BAAS,GAAT,UAAU,EAAQ;QAAlB,iBAcC;QAbC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;YACtB,OAAO;SACR;QAED,IAAI,CAAC,KAAK,GAAG,IAAI,KAAK,EAAE,CAAC;QACzB,IAAI,CAAC,KAAK,CAAC,WAAW,GAAG,WAAW,CAAC;QACrC,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC;QACnC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG;YAClB,KAAI,CAAC,SAAS,GAAG,KAAI,CAAC,SAAS,CAAC,KAAI,CAAC,MAAM,CAAC,KAAK,EAAE,KAAI,CAAC,MAAM,CAAC,MAAM,EAAE,KAAI,CAAC,KAAK,CAAC,KAAK,EAAE,KAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;YAC5G,IAAI,EAAE,EAAE;gBACN,EAAE,EAAE,CAAC;aACN;QACH,CAAC,CAAC;IACJ,CAAC;IAED,gCAAU,GAAV;QACE,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;IACxB,CAAC;IA4BD,+BAAS,GAAT,UAAU,WAAmB,EAAE,YAAoB,EAAE,QAAgB,EAAE,SAAiB;QACtF,IAAI,CAAC,GAAG,CAAC,CAAC;QACV,IAAI,CAAC,GAAG,CAAC,CAAC;QACV,IAAI,KAAK,GAAG,QAAQ,CAAC;QACrB,IAAI,MAAM,GAAG,SAAS,CAAC;QACvB,IAAI,QAAQ,GAAG,SAAS,IAAI,CAAC,QAAQ,KAAK,SAAS,IAAI,WAAW,GAAG,YAAY,CAAC,EAAE;YAClF,KAAK,GAAG,WAAW,GAAG,MAAM,GAAG,YAAY,CAAC;YAC5C,CAAC,GAAG,CAAC,QAAQ,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC;SAC5B;aAAM,IAAI,QAAQ,GAAG,SAAS,IAAI,CAAC,QAAQ,KAAK,SAAS,IAAI,WAAW,GAAG,YAAY,CAAC,EAAE;YACzF,MAAM,GAAG,YAAY,GAAG,KAAK,GAAG,WAAW,CAAC;YAC5C,CAAC,GAAG,CAAC,SAAS,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;SAC9B;QACD,OAAO;YACL,CAAC,GAAA;YACD,CAAC,GAAA;YACD,KAAK,OAAA;YACL,MAAM,QAAA;SACP,CAAC;IACJ,CAAC;IACH,kBAAC;AAAD,CAAC,AAjFD,CAAiC,MAAM,GAiFtC"}

package/core/src/socket.d.ts

@@ -0,0 +1,10 @@
+import { TopologyData } from './models';
+export declare class Socket {
+    url: string;
+    data: TopologyData;
+    socket: WebSocket;
+    constructor(url: string, data: TopologyData);
+    init(): void;
+    onmessage: (e: MessageEvent) => void;
+    close(): void;
+}

package/core/src/socket.js

@@ -0,0 +1,51 @@
+import { EventType } from './models';
+var Socket = /** @class */ (function () {
+    function Socket(url, data) {
+        var _this = this;
+        this.url = url;
+        this.data = data;
+        this.onmessage = function (e) {
+            if (!_this.data.pens.length || !e || !e.data) {
+                return;
+            }
+            var msg;
+            try {
+                msg = JSON.parse(e.data);
+            }
+            catch (error) {
+                msg = e.data;
+            }
+            for (var _i = 0, _a = _this.data.pens; _i < _a.length; _i++) {
+                var item = _a[_i];
+                for (var _b = 0, _c = item.events; _b < _c.length; _b++) {
+                    var event_1 = _c[_b];
+                    if (event_1.type === EventType.WebSocket) {
+                        if (event_1.name && event_1.name === msg.event) {
+                            item.doSocketMqtt(event_1, msg.data, _this.socket);
+                        }
+                        else if (!event_1.name && msg) {
+                            item.doSocketMqtt(event_1, msg, _this.socket);
+                        }
+                    }
+                }
+            }
+        };
+        this.init();
+    }
+    Socket.prototype.init = function () {
+        var _this = this;
+        this.socket = new WebSocket(this.url);
+        this.socket.onmessage = this.onmessage;
+        this.socket.onclose = function () {
+            console.log('Canvas websocket closed and reconneting...');
+            _this.init();
+        };
+    };
+    Socket.prototype.close = function () {
+        this.socket.onclose = null;
+        this.socket.close();
+    };
+    return Socket;
+}());
+export { Socket };
+//# sourceMappingURL=socket.js.map

package/core/src/socket.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"socket.js","sourceRoot":"","sources":["../../../packages/core/src/socket.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAgB,MAAM,UAAU,CAAC;AAEnD;IAEE,gBAAmB,GAAW,EAAS,IAAkB;QAAzD,iBAEC;QAFkB,QAAG,GAAH,GAAG,CAAQ;QAAS,SAAI,GAAJ,IAAI,CAAc;QAczD,cAAS,GAAG,UAAC,CAAe;YAC1B,IAAI,CAAC,KAAI,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,EAAE;gBAC3C,OAAO;aACR;YAED,IAAI,GAAkC,CAAC;YACvC,IAAI;gBACF,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;aAC1B;YAAC,OAAO,KAAK,EAAE;gBACd,GAAG,GAAG,CAAC,CAAC,IAAI,CAAC;aACd;YAED,KAAmB,UAAc,EAAd,KAAA,KAAI,CAAC,IAAI,CAAC,IAAI,EAAd,cAAc,EAAd,IAAc,EAAE;gBAA9B,IAAM,IAAI,SAAA;gBACb,KAAoB,UAAW,EAAX,KAAA,IAAI,CAAC,MAAM,EAAX,cAAW,EAAX,IAAW,EAAE;oBAA5B,IAAM,OAAK,SAAA;oBACd,IAAI,OAAK,CAAC,IAAI,KAAK,SAAS,CAAC,SAAS,EAAE;wBACtC,IAAI,OAAK,CAAC,IAAI,IAAI,OAAK,CAAC,IAAI,KAAK,GAAG,CAAC,KAAK,EAAE;4BAC1C,IAAI,CAAC,YAAY,CAAC,OAAK,EAAE,GAAG,CAAC,IAAI,EAAE,KAAI,CAAC,MAAM,CAAC,CAAC;yBACjD;6BAAM,IAAI,CAAC,OAAK,CAAC,IAAI,IAAI,GAAG,EAAE;4BAC7B,IAAI,CAAC,YAAY,CAAC,OAAK,EAAE,GAAG,EAAE,KAAI,CAAC,MAAM,CAAC,CAAC;yBAC5C;qBACF;iBACF;aACF;QACH,CAAC,CAAC;QApCA,IAAI,CAAC,IAAI,EAAE,CAAC;IACd,CAAC;IAED,qBAAI,GAAJ;QAAA,iBAQC;QAPC,IAAI,CAAC,MAAM,GAAG,IAAI,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QACtC,IAAI,CAAC,MAAM,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC;QAEvC,IAAI,CAAC,MAAM,CAAC,OAAO,GAAG;YACpB,OAAO,CAAC,GAAG,CAAC,4CAA4C,CAAC,CAAC;YAC1D,KAAI,CAAC,IAAI,EAAE,CAAC;QACd,CAAC,CAAC;IACJ,CAAC;IA2BD,sBAAK,GAAL;QACE,IAAI,CAAC,MAAM,CAAC,OAAO,GAAG,IAAI,CAAC;QAC3B,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC;IACtB,CAAC;IACH,aAAC;AAAD,CAAC,AA7CD,IA6CC"}

package/core/src/utils/browser.d.ts

@@ -0,0 +1 @@
+export declare function isMobile(): boolean;

package/core/src/utils/browser.js

@@ -0,0 +1,4 @@
+export function isMobile() {
+    return /Android|webOS|iPad|iPhone|iPod|BlackBerry/i.test(navigator.userAgent);
+}
+//# sourceMappingURL=browser.js.map

package/core/src/utils/browser.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"browser.js","sourceRoot":"","sources":["../../../../packages/core/src/utils/browser.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,QAAQ;IACtB,OAAO,4CAA4C,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;AAChF,CAAC"}

package/core/src/utils/canvas.d.ts

@@ -0,0 +1,13 @@
+import { Point } from '../models';
+import { Pen } from '../models';
+import { Node } from '../models';
+import { Line } from '../models';
+export declare function flatNodes(nodes: Pen[]): {
+    nodes: Node[];
+    lines: Line[];
+};
+export declare function getParent(pens: Pen[], child: Node): Node;
+export declare function pointInRect(point: Point, vertices: Point[]): boolean;
+export declare function pointInLine(point: Point, from: Point, to: Point): boolean;
+export declare function lineLen(from: Point, to: Point): number;
+export declare function curveLen(from: Point, cp1: Point, cp2: Point, to: Point): number;

package/core/src/utils/canvas.js

@@ -0,0 +1,84 @@
+import { Point } from '../models/point';
+export function flatNodes(nodes) {
+    var result = {
+        nodes: [],
+        lines: [],
+    };
+    for (var _i = 0, nodes_1 = nodes; _i < nodes_1.length; _i++) {
+        var item = nodes_1[_i];
+        if (item.type) {
+            result.lines.push(item);
+            continue;
+        }
+        result.nodes.push(item);
+        if (item.children) {
+            result.nodes.push.apply(result.nodes, flatNodes(item.children).nodes);
+            result.lines.push.apply(result.lines, flatNodes(item.children).lines);
+        }
+    }
+    return result;
+}
+export function getParent(pens, child) {
+    var parent;
+    for (var _i = 0, pens_1 = pens; _i < pens_1.length; _i++) {
+        var item = pens_1[_i];
+        if (item.type) {
+            continue;
+        }
+        if (!item.children) {
+            continue;
+        }
+        for (var _a = 0, _b = item.children; _a < _b.length; _a++) {
+            var subItem = _b[_a];
+            if (subItem.id === child.id) {
+                return item;
+            }
+            if (subItem.type) {
+                continue;
+            }
+            if (subItem.children) {
+                parent = getParent(subItem.children, child);
+                if (parent) {
+                    return parent;
+                }
+            }
+        }
+    }
+    return parent;
+}
+export function pointInRect(point, vertices) {
+    if (vertices.length < 3) {
+        return false;
+    }
+    var isIn = false;
+    var last = vertices[vertices.length - 1];
+    for (var _i = 0, vertices_1 = vertices; _i < vertices_1.length; _i++) {
+        var item = vertices_1[_i];
+        if ((item.y < point.y && last.y >= point.y) || (item.y >= point.y && last.y < point.y)) {
+            if (item.x + ((point.y - item.y) * (last.x - item.x)) / (last.y - item.y) > point.x) {
+                isIn = !isIn;
+            }
+        }
+        last = item;
+    }
+    return isIn;
+}
+export function pointInLine(point, from, to) {
+    var points = [
+        new Point(from.x - 8, from.y - 8),
+        new Point(to.x - 8, to.y - 8),
+        new Point(to.x + 8, to.y + 8),
+        new Point(from.x + 8, from.y + 8),
+    ];
+    return pointInRect(point, points);
+}
+export function lineLen(from, to) {
+    var len = Math.sqrt(Math.pow(Math.abs(from.x - to.x), 2) + Math.pow(Math.abs(from.y - to.y), 2));
+    return len | 0;
+}
+export function curveLen(from, cp1, cp2, to) {
+    var path = document.createElementNS('http://www.w3.org/2000/svg', 'path');
+    path.setAttribute('d', "M" + from.x + " " + from.y + " C" + cp1.x + " " + cp1.y + " " + cp2.x + " " + cp2.y + " " + to.x + " " + to.y);
+    return path.getTotalLength() | 0;
+}
+//# sourceMappingURL=canvas.js.map

package/core/src/utils/canvas.js.map

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

package/core/src/utils/construction.d.ts

@@ -0,0 +1,41 @@
+// @ts-ignore
+export declare const winEventActionFns: Array<string> = [];
+export interface MoveDataType {
+    None?: string | number;
+    Line?: string | number;
+    LineMove?: string | number;
+    LineFrom?: string | number;
+    LineTo?: string | number;
+    LineControlPoint?: string | number;
+    Nodes?: string | number;
+    ResizeCP?: string | number;
+    HoverAnchors?: string | number;
+    Rotate?: string | number;
+}
+export const moveDataType: MoveDataType;
+export interface DownDataType {
+    Window?: string | number;
+    Target?: string | number;
+    Showhide?: string | number;
+    Tabswitch?: string | number;
+}
+export const downDataType: DownDataType;
+export interface PreviewType {
+    Dcim?: string;
+    Topology?: string;
+    Logo?: string;
+}
+export const previewType: PreviewType;
+export interface AnimateType {
+  LeftFlow?: string;
+  RightFlow?: string;
+  UpDown?: string;
+  LeftRight?: string;
+  Heart?: string;
+  Success?: string;
+  Warning?: string;
+  Error?: string;
+  Show?: string;
+  Rotate?: string;
+}
+export const animateType: AnimateType;

package/core/src/utils/construction.js

@@ -0,0 +1,36 @@
+export const winEventActionFns = ['Link', 'DoAnimate', 'DoFn', 'DoWindowFn', 'openImg'];
+export const moveDataType = {
+    None: 0,
+    Line: 1,
+    LineMove: 2,
+    LineFrom: 3,
+    LineTo: 4,
+    LineControlPoint: 5,
+    Nodes: 6,
+    ResizeCP: 7,
+    HoverAnchors: 8,
+    Rotate: 9
+};
+export const downDataType = {
+    Window: 'window',
+    Target: 'target',
+    Showhide: 'showhide',
+    Tabswitch: 'Tabswitch'
+};
+export const previewType = {
+    Dcim: 'dcim',
+    Topology: 'topology',
+    Logo: 'logo'
+};
+export const animateType = {
+  LeftFlow: 'leftFlow',
+  RightFlow: 'rightFlow',
+  UpDown: 'upDown',
+  LeftRight: 'leftRight',
+  Heart: 'heart',
+  Success: 'success',
+  Warning: 'warning',
+  Error: 'error',
+  Show: 'show',
+  Rotate: 'rotate'
+};

package/core/src/utils/dom.d.ts

@@ -0,0 +1,8 @@
+import { Node } from '../models/node';
+// @ts-ignore
+import { TopologyData } from 'dcim-topology/core'
+export declare let DomElements: {};
+export declare function createChildrenDivByElementId(node: Node, data?: TopologyData): HTMLDivElement;
+export declare function setStyleForElementIdDiv(node: Node, elem: HTMLElement, data: TopologyData): void;
+export declare function createDiv(node: Node): HTMLDivElement;
+export declare function loadJS(url: string, callback?: () => void, render?: boolean): void;

package/core/src/utils/dom.js

@@ -0,0 +1,67 @@
+import { Store } from 'le5le-store';
+import { Lock } from 'dcim-topology/core/src/models/status'
+export let DomElements = {};
+export function createChildrenDivByElementId(node, data) {
+  if (!DomElements[node.id]) {
+    DomElements[node.id] = document.getElementById(node.id);
+    if (DomElements[node.id]) {
+      document.querySelector('.canvas-point').appendChild(DomElements[node.id]); 
+    }
+  }
+  setStyleForElementIdDiv(node, DomElements[node.id], data);
+}
+export function setStyleForElementIdDiv(node, elem, data) {
+  if (!elem) {
+    return;
+  }
+  elem.style.position = 'absolute';
+  elem.style.outline = 'none';
+  elem.style.left = node.rect.x + 'px';
+  elem.style.top = node.rect.y + 'px';
+  elem.style.width = node.rect.width + 'px';
+  elem.style.height = node.rect.height + 'px';
+  if (node.rotate || node.offsetRotate) {
+    elem.style.transform = "rotate(" + (node.rotate + node.offsetRotate) + "deg)";
+  }
+  // if (node.video && this.videos[node.id] && this.videos[node.id].media) {
+  //     this.videos[node.id].media.style.width = '100%';
+  //     this.videos[node.id].media.style.height = '100%';
+  // }
+  if (data && data.locked > Lock.None || node.locked > Lock.None) {
+    elem.style.userSelect = 'initial';
+    elem.style.pointerEvents = 'initial';
+  } else {
+    elem.style.userSelect = 'none';
+    elem.style.pointerEvents = 'none';
+  }
+}
+export function createDiv(node) {
+    var div = document.createElement('div');
+    div.style.position = 'absolute';
+    div.style.outline = 'none';
+    div.style.left = '-9999px';
+    div.style.bottom = '-9999px';
+    div.style.width = node.rect.width + 'px';
+    div.style.height = node.rect.height + 'px';
+    // if (node.elementId) {
+    //     div.id = node.elementId;
+    // }
+    div.id = node.id;
+    return div;
+}
+export function loadJS(url, callback, render) {
+    var loaderScript = document.createElement('script');
+    loaderScript.type = 'text/javascript';
+    loaderScript.src = url;
+    loaderScript.addEventListener('load', function () {
+        if (callback) {
+            callback();
+        }
+        // how to do
+        if (render) {
+            Store.set('LT:render', true);
+        }
+    });
+    document.body.appendChild(loaderScript);
+}
+//# sourceMappingURL=dom.js.map

package/core/src/utils/dom.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dom.js","sourceRoot":"","sources":["../../../../packages/core/src/utils/dom.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAIpC,MAAM,UAAU,SAAS,CAAC,IAAU;IAClC,IAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC1C,GAAG,CAAC,KAAK,CAAC,QAAQ,GAAG,UAAU,CAAC;IAChC,GAAG,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;IAC3B,GAAG,CAAC,KAAK,CAAC,IAAI,GAAG,SAAS,CAAC;IAC3B,GAAG,CAAC,KAAK,CAAC,MAAM,GAAG,SAAS,CAAC;IAC7B,GAAG,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;IACzC,GAAG,CAAC,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;IAC3C,IAAI,IAAI,CAAC,SAAS,EAAE;QAClB,GAAG,CAAC,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC;KACzB;IAED,OAAO,GAAG,CAAC;AACb,CAAC;AAED,MAAM,UAAU,MAAM,CAAC,GAAW,EAAE,QAAqB,EAAE,MAAgB;IACzE,IAAM,YAAY,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IACtD,YAAY,CAAC,IAAI,GAAG,iBAAiB,CAAC;IACtC,YAAY,CAAC,GAAG,GAAG,GAAG,CAAC;IACvB,YAAY,CAAC,gBAAgB,CAAC,MAAM,EAAE;QACpC,IAAI,QAAQ,EAAE;YACZ,QAAQ,EAAE,CAAC;SACZ;QACD,YAAY;QACZ,IAAI,MAAM,EAAE;YACV,KAAK,CAAC,GAAG,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;SAC9B;IACH,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;AAC1C,CAAC"}

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

@@ -0,0 +1,9 @@
+export * from './canvas';
+export * from './dom';
+export * from './math';
+export * from './rect';
+export * from './uuid';
+export * from './padding'
+export * from './construction';
+export * from './onmousevent';
+export * from './conversion';

package/core/src/utils/index.js

@@ -0,0 +1,10 @@
+export * from './canvas';
+export * from './dom';
+export * from './math';
+export * from './rect';
+export * from './uuid';
+export * from './padding'
+export * from './construction';
+export * from './onmousevent';
+export * from './conversion';
+//# sourceMappingURL=index.js.map

package/core/src/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../packages/core/src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC"}

package/core/src/utils/math.d.ts

@@ -0,0 +1,3 @@
+export declare function pSBC(p: any, c0: any, c1?: any, l?: any): string;
+export declare function abs(num: number, percent: number | string): number;
+export declare function ptInPolyXY(pt: any, poly: []): boolean;