dcim-topology2d 1.0.1

package/core/src/canvas.js

@@ -0,0 +1,81 @@
+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 { Layer } from './layer';
+var Canvas = /** @class */ (function (_super) {
+    __extends(Canvas, _super);
+    function Canvas(parentElem, options, TID) {
+        if (options === void 0) { options = {}; }
+        var _this = _super.call(this, TID) || this;
+        _this.parentElem = parentElem;
+        _this.options = options;
+        _this.canvas = document.createElement('canvas');
+        _this.width = parentElem.clientWidth;
+        _this.height = parentElem.clientHeight;
+        _this.data = Store.get(_this.generateStoreKey('topology-data'));
+        _this.canvas.style.position = 'absolute';
+        _this.canvas.style.left = '0';
+        _this.canvas.style.top = '0';
+        _this.canvas.style.outline = 'none';
+        if (!Canvas.dpiRatio) {
+            if (!options.extDpiRatio && options.extDpiRatio !== 0) {
+                if (window.devicePixelRatio > 1) {
+                    options.extDpiRatio = 0.25;
+                }
+                else {
+                    options.extDpiRatio = 0;
+                }
+            }
+            Canvas.dpiRatio = window.devicePixelRatio + options.extDpiRatio;
+        }
+        return _this;
+    }
+    Canvas.prototype.resize = function (size) {
+        if (size) {
+            this.width = size.width | 0;
+            this.height = size.height | 0;
+        }
+        else {
+            if (this.options.width && this.options.width !== 'auto') {
+                this.width = this.options.width;
+            }
+            else {
+                this.width = this.parentElem.clientWidth;
+            }
+            if (this.options.height && this.options.height !== 'auto') {
+                this.height = this.options.height;
+            }
+            else {
+                this.height = this.parentElem.clientHeight;
+            }
+        }
+        this.canvas.style.width = this.width + 'px';
+        this.canvas.style.height = this.height + 'px';
+        this.canvas.width = (this.width * Canvas.dpiRatio) | 0;
+        this.canvas.height = (this.height * Canvas.dpiRatio) | 0;
+        this.canvas.getContext('2d').scale(Canvas.dpiRatio, Canvas.dpiRatio);
+        Store.set(this.generateStoreKey('LT:size'), { width: this.canvas.width, height: this.canvas.height });
+    };
+    Canvas.prototype.render = function () {
+        var ctx = this.canvas.getContext('2d');
+        ctx.clearRect(0, 0, this.canvas.width, this.canvas.height);
+    };
+    Canvas.prototype.getDpiRatio = function () {
+        return Canvas.dpiRatio;
+    };
+    Canvas.dpiRatio = 0;
+    return Canvas;
+}(Layer));
+export { Canvas };
+//# sourceMappingURL=canvas.js.map

package/core/src/canvas.js.map

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

package/core/src/common.d.ts

@@ -0,0 +1,102 @@
+// @ts-ignore
+import { Emitter } from 'mitt';
+import { DivLayer } from './divLayer';
+import { AnimateLayer } from './animateLayer';
+import { RenderLayer } from './renderLayer';
+import { Offscreen } from './offscreen';
+import {Line, Node, Pen, Point, Rect, TopologyData} from './models';
+import {Padding, Options} from './options';
+import { Socket } from './socket';
+declare enum MoveInType {
+  None = 0,
+  Line = 1,
+  LineMove = 2,
+  LineFrom = 3,
+  LineTo = 4,
+  LineControlPoint = 5,
+  Nodes = 6,
+  ResizeCP = 7,
+  HoverAnchors = 8,
+  Rotate = 9
+}
+export declare class Common {
+  //constructor(parent: HTMLElement, options: Options);
+  options: Options;
+  data: TopologyData;
+  moveInType: MoveInType;
+  id: String;
+  parentElem: HTMLElement;
+  canvas: RenderLayer;
+  offscreen: Offscreen;
+  animateLayer: AnimateLayer;
+  divLayer: DivLayer;
+  input: HTMLTextAreaElement;
+  tipMarkdown: HTMLElement;
+  tipElem: HTMLElement;
+  socket: Socket;
+  private subcribe;
+  private subcribeRender;
+  private subcribeImage;
+  private imageTimer;
+  private subcribeAnimateEnd;
+  private subcribeTableData;
+  private tip;
+  private raf;
+  private scrolling;
+  private rendering;
+  private setNodeText;
+  private ondblclick;
+  private paginationPageListNode;
+  private pagenationPageInputNode;
+  private generateStoreKey;
+  private createMarkdownTip;
+  private showTip;
+  private hideTip;
+  inputObj: Pen;
+  mouseDown: {
+    x: number;
+    y: number;
+    restore?: boolean;
+  };
+  lastTranlated: {
+    x: number;
+    y: number;
+  };
+  moveIn: {
+    type: MoveInType;
+    activeAnchorIndex: number;
+    hoverAnchorIndex: number;
+    hoverNode: Node;
+    hoverLine: Line;
+    activeNode: Node;
+    lineControlPoint: Point;
+  };
+  isFullScreen: Boolean;
+  ratioCord: Object;
+  _emitter: Emitter;
+  conversionData(data?: any): void;
+  setSwitchTabData(node: Node | any, index: Number): void;
+  switchStaticsCheckType(node: Node | any): any;
+  canvasResize(size?: {
+    width: number;
+    height: number;
+  }): void;
+  render(noFocus?: boolean): this;
+  openSocket(url?: string): void;
+  closeSocket(): void;
+  openMqtt(url?: string, options?: any): void;
+  closeMqtt(): void;
+  showInput(item: Pen): void;
+  getRect(pens?: Pen[]): Rect;
+  animate(autoplay?: boolean): void;
+  updateProps(cache?: boolean, pens?: Pen[]): void;
+  translate(x: number, y: number, process?: boolean): void;
+  centerView(padding?: Padding): boolean;
+  hasView(): boolean;
+  getViewCenter(viewPadding?: Padding): {
+    x: number;
+    y: number;
+  };
+  dispatch(event: string, data: any): this;
+  destroyStatic(): void;
+}