@meta2d/core 1.0.0

package/src/scroll/index.d.ts

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

package/src/scroll/index.js

@@ -0,0 +1,2 @@
+export * from './scroll';
+//# sourceMappingURL=index.js.map

package/src/scroll/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../packages/core/src/scroll/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}

package/src/scroll/scroll.d.ts

@@ -0,0 +1,32 @@
+import { Canvas } from '../canvas';
+import { Rect } from '../rect';
+export declare class Scroll {
+    parent: Canvas;
+    h: HTMLElement;
+    v: HTMLElement;
+    isDownH: number;
+    isDownV: number;
+    x: number;
+    y: number;
+    hSize: number;
+    vSize: number;
+    scrollX: number;
+    scrollY: number;
+    lastScrollX: number;
+    lastScrollY: number;
+    rect: Rect;
+    isShow: boolean;
+    constructor(parent: Canvas);
+    init(): void;
+    private onMouseDownH;
+    private onMouseDownV;
+    private onMouseMove;
+    private onMouseUp;
+    initPos(): void;
+    resize(): void;
+    show(): void;
+    hide(): void;
+    translate(x: number, y: number): void;
+    wheel(up?: boolean): void;
+    destroy(): void;
+}

package/src/scroll/scroll.js

@@ -0,0 +1,193 @@
+import { getRect } from '../rect';
+var Scroll = /** @class */ (function () {
+    function Scroll(parent) {
+        var _this = this;
+        this.parent = parent;
+        this.onMouseDownH = function (e) {
+            e.preventDefault();
+            e.stopPropagation();
+            _this.isDownH = e.x;
+            _this.x = _this.parent.store.data.x || 0;
+            _this.lastScrollX = _this.scrollX;
+        };
+        this.onMouseDownV = function (e) {
+            e.preventDefault();
+            e.stopPropagation();
+            _this.isDownV = e.y;
+            _this.y = _this.parent.store.data.y || 0;
+            _this.lastScrollY = _this.scrollY;
+        };
+        this.onMouseMove = function (e) {
+            if (_this.isDownH) {
+                var x = e.x - _this.isDownH;
+                _this.scrollX = _this.lastScrollX + x;
+                _this.h.style.left = _this.scrollX + "px";
+                _this.parent.store.data.x =
+                    _this.x - (x * _this.rect.width) / _this.parent.parentElement.clientWidth;
+            }
+            if (_this.isDownV) {
+                var y = e.y - _this.isDownV;
+                _this.scrollY = _this.lastScrollY + y;
+                _this.v.style.top = _this.scrollY + "px";
+                _this.parent.store.data.y =
+                    _this.y -
+                        (y * _this.rect.height) / _this.parent.parentElement.clientHeight;
+            }
+            if (_this.isDownH || _this.isDownV) {
+                _this.parent.onMovePens();
+                _this.parent.canvasImage.init();
+                _this.parent.canvasImageBottom.init();
+                _this.parent.render();
+            }
+        };
+        this.onMouseUp = function (e) {
+            if (!_this.isDownH && !_this.isDownV) {
+                return;
+            }
+            _this.isDownH = undefined;
+            _this.isDownV = undefined;
+            if (_this.scrollX < 20) {
+                _this.scrollX = 20;
+                _this.h.style.left = _this.scrollX + "px";
+            }
+            else if (_this.scrollX >
+                _this.parent.parentElement.clientWidth - _this.hSize - 20) {
+                _this.scrollX = _this.parent.parentElement.clientWidth - _this.hSize - 20;
+                _this.h.style.left = _this.scrollX + "px";
+            }
+            if (_this.scrollY < 20) {
+                _this.scrollY = 20;
+                _this.v.style.top = _this.scrollY + "px";
+            }
+            else if (_this.scrollY >
+                _this.parent.parentElement.clientHeight - _this.vSize - 20) {
+                _this.scrollY = _this.parent.parentElement.clientHeight - _this.vSize - 20;
+                _this.v.style.top = _this.scrollY + "px";
+            }
+            _this.resize();
+        };
+        this.h = document.createElement('div');
+        this.v = document.createElement('div');
+        this.parent.externalElements.appendChild(this.h);
+        this.parent.externalElements.appendChild(this.v);
+        this.h.className = 'meta2d-scroll h';
+        this.h.onmousedown = this.onMouseDownH;
+        this.v.className = 'meta2d-scroll v';
+        this.v.onmousedown = this.onMouseDownV;
+        document.addEventListener('mousemove', this.onMouseMove);
+        document.addEventListener('mouseup', this.onMouseUp);
+        var sheet;
+        for (var i = 0; i < document.styleSheets.length; i++) {
+            if (document.styleSheets[i].title === 'le5le/scroll') {
+                sheet = document.styleSheets[i];
+            }
+        }
+        if (!sheet) {
+            var style = document.createElement('style');
+            style.type = 'text/css';
+            style.title = 'le5le.com/scroll';
+            document.head.appendChild(style);
+            style = document.createElement('style');
+            style.type = 'text/css';
+            document.head.appendChild(style);
+            sheet = style.sheet;
+            sheet.insertRule('.meta2d-scroll{position:absolute;width:8px;height:200px;background:#dddddd;border-radius:10px;z-index:20;cursor:default;}');
+            sheet.insertRule('.meta2d-scroll:hover{background:#cccccc;cursor:pointer}');
+            sheet.insertRule('.meta2d-scroll.v{right:0;top:calc(50% - 100px);}');
+            sheet.insertRule('.meta2d-scroll.h{bottom:2px;left:calc(50% - 100px);width:200px;height:8px;}');
+        }
+        this.init();
+    }
+    Scroll.prototype.init = function () {
+        this.isShow = true;
+        this.resize();
+        this.initPos();
+    };
+    Scroll.prototype.initPos = function () {
+        this.scrollX = (this.parent.parentElement.clientWidth - this.hSize) / 2;
+        this.scrollY = (this.parent.parentElement.clientHeight - this.vSize) / 2;
+        this.h.style.left = this.scrollX + "px";
+        this.v.style.top = this.scrollY + "px";
+    };
+    Scroll.prototype.resize = function () {
+        this.rect = getRect(this.parent.store.data.pens);
+        if (this.rect.width < 1400) {
+            this.rect.width = 1400;
+        }
+        if (this.rect.height < 900) {
+            this.rect.height = 900;
+        }
+        if (this.parent.store.data.x > 0) {
+            this.rect.width +=
+                this.parent.store.data.x + (this.rect.x > 0 ? 0 : this.rect.x);
+        }
+        else {
+            this.rect.width -=
+                this.parent.store.data.x + (this.rect.x > 0 ? 0 : this.rect.x);
+        }
+        if (this.parent.store.data.y > 0) {
+            this.rect.height +=
+                this.parent.store.data.y + (this.rect.y > 0 ? 0 : this.rect.y);
+        }
+        else {
+            this.rect.height -=
+                this.parent.store.data.y + (this.rect.y > 0 ? 0 : this.rect.y);
+        }
+        if (this.rect.width < 1400) {
+            this.rect.width = 1400;
+        }
+        if (this.rect.height < 900) {
+            this.rect.height = 900;
+        }
+        this.hSize =
+            (1000 * this.parent.parentElement.clientWidth) / this.rect.width / 3;
+        this.vSize =
+            (1000 * this.parent.parentElement.clientHeight) / this.rect.height / 3;
+        this.h.style.width = this.hSize + 'px';
+        this.v.style.height = this.vSize + 'px';
+    };
+    Scroll.prototype.show = function () {
+        this.isShow = true;
+        this.h.style.display = "block";
+        this.v.style.display = "block";
+        document.addEventListener('mousemove', this.onMouseMove);
+        document.addEventListener('mouseup', this.onMouseUp);
+    };
+    Scroll.prototype.hide = function () {
+        this.isShow = false;
+        this.h.style.display = "none";
+        this.v.style.display = "none";
+        this.destroy();
+    };
+    Scroll.prototype.translate = function (x, y) {
+        if (x) {
+            this.scrollX -=
+                (x * this.parent.parentElement.clientWidth) / this.rect.width;
+            this.h.style.left = this.scrollX + "px";
+        }
+        if (y) {
+            this.scrollY -=
+                (y * this.parent.parentElement.clientHeight) / this.rect.height;
+            this.v.style.top = this.scrollY + "px";
+        }
+    };
+    Scroll.prototype.wheel = function (up) {
+        var y = 10;
+        if (up) {
+            y = -10;
+        }
+        this.scrollY += y;
+        this.v.style.top = this.scrollY + "px";
+        this.parent.store.data.y -=
+            (y * this.rect.height) / this.parent.parentElement.clientHeight;
+        this.parent.onMovePens();
+        this.parent.render();
+    };
+    Scroll.prototype.destroy = function () {
+        document.removeEventListener('mousemove', this.onMouseMove);
+        document.removeEventListener('mouseup', this.onMouseUp);
+    };
+    return Scroll;
+}());
+export { Scroll };
+//# sourceMappingURL=scroll.js.map

package/src/scroll/scroll.js.map

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

package/src/store/global.d.ts

@@ -0,0 +1,25 @@
+import { Pen } from '../pen';
+export declare const globalStore: {
+    version: string;
+    path2dDraws: {
+        [key: string]: (pen: Pen, ctx?: CanvasRenderingContext2D) => Path2D;
+    };
+    canvasDraws: {
+        [key: string]: (ctx: CanvasRenderingContext2D, pen: Pen) => void;
+    };
+    anchors: {
+        [key: string]: (pen: Pen) => void;
+    };
+    htmlElements: {
+        [key: string]: HTMLImageElement;
+    };
+};
+export declare function register(path2dFns: {
+    [key: string]: (pen: Pen, ctx?: CanvasRenderingContext2D) => Path2D;
+}): void;
+export declare function registerCanvasDraw(drawFns: {
+    [key: string]: (ctx: CanvasRenderingContext2D, pen: Pen) => void;
+}): void;
+export declare function registerAnchors(anchorsFns: {
+    [key: string]: (pen: Pen) => void;
+}): void;

package/src/store/global.js

@@ -0,0 +1,18 @@
+import pkg from '../../package.json';
+export var globalStore = {
+    version: pkg.version,
+    path2dDraws: {},
+    canvasDraws: {},
+    anchors: {},
+    htmlElements: {},
+};
+export function register(path2dFns) {
+    Object.assign(globalStore.path2dDraws, path2dFns);
+}
+export function registerCanvasDraw(drawFns) {
+    Object.assign(globalStore.canvasDraws, drawFns);
+}
+export function registerAnchors(anchorsFns) {
+    Object.assign(globalStore.anchors, anchorsFns);
+}
+//# sourceMappingURL=global.js.map

package/src/store/global.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"global.js","sourceRoot":"","sources":["../../../../packages/core/src/store/global.ts"],"names":[],"mappings":"AAAA,OAAO,GAAG,MAAM,oBAAoB,CAAC;AAGrC,MAAM,CAAC,IAAM,WAAW,GAUpB;IACF,OAAO,EAAE,GAAG,CAAC,OAAO;IACpB,WAAW,EAAE,EAAE;IACf,WAAW,EAAE,EAAE;IACf,OAAO,EAAE,EAAE;IACX,YAAY,EAAE,EAAE;CACjB,CAAC;AAEF,MAAM,UAAU,QAAQ,CAAC,SAExB;IACC,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;AACpD,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAC,OAElC;IACC,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC;AAClD,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,UAE/B;IACC,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC;AACjD,CAAC"}

package/src/store/index.d.ts

@@ -0,0 +1,2 @@
+export * from './global';
+export * from './store';

package/src/store/index.js

@@ -0,0 +1,3 @@
+export * from './global';
+export * from './store';
+//# sourceMappingURL=index.js.map

package/src/store/index.js.map

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

package/src/store/store.d.ts

@@ -0,0 +1,104 @@
+import { Emitter } from 'mitt';
+import { FormItem, LockState, Pen } from '../pen';
+import { Options } from '../options';
+import { Point } from '../point';
+export interface Meta2dData {
+    pens: Pen[];
+    x: number;
+    y: number;
+    scale: number;
+    origin: Point;
+    center: Point;
+    locked?: LockState;
+    websocket?: string;
+    mqtt?: string;
+    mqttOptions?: {
+        clientId?: string;
+        username?: string;
+        password?: string;
+        customClientId?: boolean;
+    };
+    mqttTopics?: string;
+    background?: string;
+    socketCbJs?: string;
+    initJs?: string;
+    grid?: boolean;
+    gridColor?: string;
+    gridSize?: number;
+    gridRotate?: number;
+    rule?: boolean;
+    ruleColor?: string;
+    fromArrow?: string;
+    toArrow?: string;
+    lineWidth?: number;
+    color?: string;
+    penBackground?: string;
+    paths?: {
+        [key: string]: string;
+    };
+    bkImage?: string;
+    http?: string;
+    httpTimeInterval?: number;
+    httpHeaders?: HeadersInit;
+    version?: string;
+    id?: string;
+}
+export declare enum EditType {
+    Add = 0,
+    Update = 1,
+    Delete = 2
+}
+export interface EditAction {
+    type?: EditType;
+    initPens?: Pen[];
+    pens?: Pen[];
+    step?: number;
+    origin?: Point;
+    scale?: number;
+}
+export interface Meta2dStore {
+    id: string;
+    data: Meta2dData;
+    pens: {
+        [key: string]: Pen;
+    };
+    histories?: EditAction[];
+    historyIndex?: number;
+    path2dMap: WeakMap<Pen, Path2D>;
+    animateMap: WeakMap<Pen, Pen>;
+    bindDatas: {
+        [key: string]: {
+            id: string;
+            formItem: FormItem;
+        }[];
+    };
+    active?: Pen[];
+    hover?: Pen;
+    lastHover?: Pen;
+    activeAnchor?: Point;
+    hoverAnchor?: Point;
+    pointAt?: Point;
+    pointAtIndex?: number;
+    animates: Set<Pen>;
+    options: Options;
+    emitter: Emitter;
+    dpiRatio?: number;
+    clipboard?: Meta2dClipboard;
+    patchFlagsBackground?: boolean;
+    patchFlagsTop?: boolean;
+    bkImg: HTMLImageElement;
+    fillWorldTextRect?: boolean;
+}
+export interface Meta2dClipboard {
+    meta2d?: boolean;
+    pens: Pen[];
+    origin: Point;
+    scale: number;
+    offset?: number;
+    page: string;
+    initRect?: Point;
+    pos?: Point;
+}
+export declare const createStore: () => Meta2dStore;
+export declare const useStore: (id?: string) => Meta2dStore;
+export declare const clearStore: (store: Meta2dStore) => void;

package/src/store/store.js

@@ -0,0 +1,73 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { default as mitt } from 'mitt';
+import { defaultOptions } from '../options';
+import { globalStore } from './global';
+export var EditType;
+(function (EditType) {
+    EditType[EditType["Add"] = 0] = "Add";
+    EditType[EditType["Update"] = 1] = "Update";
+    EditType[EditType["Delete"] = 2] = "Delete";
+})(EditType || (EditType = {}));
+export var createStore = function () {
+    return {
+        data: {
+            x: 0,
+            y: 0,
+            scale: 1,
+            pens: [],
+            origin: { x: 0, y: 0 },
+            center: { x: 0, y: 0 },
+            paths: {},
+        },
+        histories: [],
+        pens: {},
+        path2dMap: new WeakMap(),
+        animateMap: new WeakMap(),
+        active: [],
+        animates: new Set(),
+        options: __assign({}, defaultOptions),
+        emitter: mitt(),
+        bindDatas: {},
+    };
+};
+// Return a data store, if not exists will create a store.
+export var useStore = function (id) {
+    if (id === void 0) { id = 'default'; }
+    if (!globalStore[id]) {
+        globalStore[id] = createStore();
+        globalStore[id].id = id;
+    }
+    return globalStore[id];
+};
+export var clearStore = function (store) {
+    store.data = {
+        x: 0,
+        y: 0,
+        scale: 1,
+        pens: [],
+        origin: { x: 0, y: 0 },
+        center: { x: 0, y: 0 },
+        paths: {},
+    };
+    store.pens = {};
+    store.histories = [];
+    store.historyIndex = null;
+    store.path2dMap = new WeakMap();
+    store.animateMap = new WeakMap();
+    store.bindDatas = {};
+    store.active = [];
+    store.hover = undefined;
+    store.lastHover = undefined;
+    store.animates.clear();
+};
+//# sourceMappingURL=store.js.map

package/src/store/store.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"store.js","sourceRoot":"","sources":["../../../../packages/core/src/store/store.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,OAAO,IAAI,IAAI,EAAW,MAAM,MAAM,CAAC;AAGhD,OAAO,EAAE,cAAc,EAAW,MAAM,YAAY,CAAC;AAGrD,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AA2CvC,MAAM,CAAN,IAAY,QAIX;AAJD,WAAY,QAAQ;IAClB,qCAAG,CAAA;IACH,2CAAM,CAAA;IACN,2CAAM,CAAA;AACR,CAAC,EAJW,QAAQ,KAAR,QAAQ,QAInB;AAmDD,MAAM,CAAC,IAAM,WAAW,GAAG;IACzB,OAAO;QACL,IAAI,EAAE;YACJ,CAAC,EAAE,CAAC;YACJ,CAAC,EAAE,CAAC;YACJ,KAAK,EAAE,CAAC;YACR,IAAI,EAAE,EAAE;YACR,MAAM,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;YACtB,MAAM,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;YACtB,KAAK,EAAE,EAAE;SACV;QACD,SAAS,EAAE,EAAE;QACb,IAAI,EAAE,EAAE;QACR,SAAS,EAAE,IAAI,OAAO,EAAE;QACxB,UAAU,EAAE,IAAI,OAAO,EAAE;QACzB,MAAM,EAAE,EAAE;QACV,QAAQ,EAAE,IAAI,GAAG,EAAE;QACnB,OAAO,eAAO,cAAc,CAAE;QAC9B,OAAO,EAAE,IAAI,EAAE;QACf,SAAS,EAAE,EAAE;KACC,CAAC;AACnB,CAAC,CAAC;AAEF,0DAA0D;AAC1D,MAAM,CAAC,IAAM,QAAQ,GAAG,UAAC,EAAc;IAAd,mBAAA,EAAA,cAAc;IACrC,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC,EAAE;QACpB,WAAW,CAAC,EAAE,CAAC,GAAG,WAAW,EAAE,CAAC;QAChC,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC;KACzB;IAED,OAAO,WAAW,CAAC,EAAE,CAAC,CAAC;AACzB,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,UAAU,GAAG,UAAC,KAAkB;IAC3C,KAAK,CAAC,IAAI,GAAG;QACX,CAAC,EAAE,CAAC;QACJ,CAAC,EAAE,CAAC;QACJ,KAAK,EAAE,CAAC;QACR,IAAI,EAAE,EAAE;QACR,MAAM,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;QACtB,MAAM,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;QACtB,KAAK,EAAE,EAAE;KACV,CAAC;IACF,KAAK,CAAC,IAAI,GAAG,EAAE,CAAC;IAChB,KAAK,CAAC,SAAS,GAAG,EAAE,CAAC;IACrB,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC;IAC1B,KAAK,CAAC,SAAS,GAAG,IAAI,OAAO,EAAE,CAAC;IAChC,KAAK,CAAC,UAAU,GAAG,IAAI,OAAO,EAAE,CAAC;IACjC,KAAK,CAAC,SAAS,GAAG,EAAE,CAAC;IACrB,KAAK,CAAC,MAAM,GAAG,EAAE,CAAC;IAClB,KAAK,CAAC,KAAK,GAAG,SAAS,CAAC;IACxB,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IAC5B,KAAK,CAAC,QAAQ,CAAC,KAAK,EAAE,CAAC;AACzB,CAAC,CAAC"}

package/src/tooltip/index.d.ts

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

package/src/tooltip/index.js

@@ -0,0 +1,2 @@
+export * from './tooltip';
+//# sourceMappingURL=index.js.map

package/src/tooltip/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../packages/core/src/tooltip/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC"}

package/src/tooltip/tooltip.d.ts

@@ -0,0 +1,40 @@
+import { Pen } from '../pen';
+import { Point } from '../point';
+import { Meta2dStore } from '../store';
+export declare class Tooltip {
+    parentElement: HTMLElement;
+    private store;
+    box: HTMLElement;
+    text: HTMLElement;
+    arrowUp: HTMLElement;
+    arrowDown: HTMLElement;
+    x: number;
+    y: number;
+    private currentPen;
+    constructor(parentElement: HTMLElement, store: Meta2dStore);
+    /**
+     * 通过 pen 的 titleFn titleFnJs title 来获取 title
+     * @returns 此次应该展示的 title
+     */
+    private static getTitle;
+    /**
+     * 更改 tooltip dom 的文本
+     * @returns 返回设置前的 rect
+     */
+    private setText;
+    /**
+     * 更新文字
+     */
+    updateText(pen: Pen): void;
+    /**
+     * 改变文字会 影响 box 的大小，需要重新设置位置
+     * @param oldRect 原
+     * @param newRect 新
+     */
+    private changePositionByText;
+    private static titleEmpty;
+    show(pen: Pen, pos: Point): void;
+    hide(): void;
+    translate(x: number, y: number): void;
+    destroy(): void;
+}