@meta2d/core 1.0.56 → 1.0.57

package/src/scroll/scroll.js

@@ -0,0 +1,234 @@
+import { getRect } from '../rect';
+export class Scroll {
+    parent;
+    h;
+    v;
+    isDownH;
+    isDownV;
+    x;
+    y;
+    hSize;
+    vSize;
+    scrollX;
+    scrollY;
+    lastScrollX;
+    lastScrollY;
+    rect;
+    isShow;
+    pageMode; //页面模式
+    constructor(parent) {
+        this.parent = parent;
+        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);
+        let sheet;
+        for (let i = 0; i < document.styleSheets.length; i++) {
+            if (document.styleSheets[i].title === 'le5le/scroll') {
+                sheet = document.styleSheets[i];
+            }
+        }
+        if (!sheet) {
+            let 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();
+    }
+    init() {
+        this.isShow = true;
+        this.resize();
+        this.initPos();
+    }
+    onMouseDownH = (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        this.isDownH = e.x;
+        this.x = this.parent.store.data.x || 0;
+        this.lastScrollX = this.scrollX;
+    };
+    onMouseDownV = (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        this.isDownV = e.y;
+        this.y = this.parent.store.data.y || 0;
+        this.lastScrollY = this.scrollY;
+    };
+    onMouseMove = (e) => {
+        if (this.isDownH) {
+            const 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) {
+            const y = e.y - this.isDownV;
+            if (this.pageMode && this.canMouseMove(y)) {
+                return;
+            }
+            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.canvasTemplate.init();
+            this.parent.canvasImage.init();
+            this.parent.canvasImageBottom.init();
+            this.parent.render();
+        }
+    };
+    onMouseUp = (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();
+    };
+    canMouseMove(y) {
+        const rect = this.parent.parent.getRect();
+        if (y < 0 && rect.y + this.parent.store.data.y >= 0) {
+            return true;
+        }
+        if (y > 0 && rect.ey - this.parent.height + this.parent.store.data.y <= 0) {
+            return true;
+        }
+        return false;
+    }
+    changeMode() {
+        this.pageMode = true;
+        this.h.style.display = `none`;
+        const rect = this.parent.parent.getRect();
+        if (rect.height < this.parent.height) {
+            this.v.style.display = `none`;
+        }
+    }
+    initPos() {
+        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`;
+    }
+    resize() {
+        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';
+    }
+    show() {
+        this.isShow = true;
+        this.h.style.display = `block`;
+        this.v.style.display = `block`;
+        document.addEventListener('mousemove', this.onMouseMove);
+        document.addEventListener('mouseup', this.onMouseUp);
+    }
+    hide() {
+        this.isShow = false;
+        this.h.style.display = `none`;
+        this.v.style.display = `none`;
+        this.destroy();
+    }
+    translate(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`;
+        }
+    }
+    wheel(up) {
+        let y = 10;
+        if (up) {
+            y = -10;
+        }
+        if (this.pageMode && this.canMouseMove(y)) {
+            return;
+        }
+        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.canvasTemplate.init();
+        this.parent.canvasImage.init();
+        this.parent.canvasImageBottom.init();
+        this.parent.render();
+    }
+    destroy() {
+        document.removeEventListener('mousemove', this.onMouseMove);
+        document.removeEventListener('mouseup', this.onMouseUp);
+    }
+}
+//# 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 const 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,MAAM,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.ts → index.d.ts}

@@ -1,2 +1,2 @@
-export * from './global';
-export * from './store';
+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,228 @@
+import { Emitter } from 'mitt';
+import { FormItem, LockState, Pen } from '../pen';
+import { Options } from '../options';
+import { Theme } from '../theme';
+import { Point } from '../point';
+import { Rect } from '../rect';
+import { Event, Trigger } from '../event';
+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;
+    websocketProtocols?: string | string[];
+    background?: string;
+    globalAlpha?: number;
+    socketCbJs?: string;
+    initJs?: string;
+    grid?: boolean;
+    gridColor?: string;
+    gridSize?: number;
+    gridRotate?: number;
+    rule?: boolean;
+    ruleColor?: string;
+    fromArrow?: string;
+    toArrow?: string;
+    lineWidth?: number;
+    color?: string;
+    textColor?: string;
+    penBackground?: string;
+    paths?: {
+        [key: string]: string;
+    };
+    bkImage?: string;
+    http?: string;
+    httpTimeInterval?: number;
+    httpHeaders?: HeadersInit;
+    version?: string;
+    id?: string;
+    _id?: string;
+    https?: HttpOptions[];
+    width?: number;
+    height?: number;
+    networkInterval?: number;
+    networks?: Network[];
+    iconUrls?: string[];
+    mockData?: Function;
+    name?: string;
+    enableMock?: boolean;
+    minScale?: number;
+    maxScale?: number;
+    template?: string;
+    cancelFirstConnect?: boolean;
+    component?: boolean;
+    theme?: string;
+    smoothNum?: number;
+    triggers?: Trigger[];
+    dataPoints?: string[];
+    dataset?: {
+        devices?: DataMock[];
+    };
+    dataEvents?: Event[];
+    fits?: Fit[];
+    disableTranslate?: boolean;
+    disableScale?: boolean;
+}
+export interface Fit {
+    id?: string;
+    name?: string;
+    x?: number;
+    y?: number;
+    ex?: number;
+    ey?: number;
+    width?: number;
+    height?: number;
+    children?: string[];
+    active?: boolean;
+    left?: boolean;
+    right?: boolean;
+    top?: boolean;
+    bottom?: boolean;
+    leftValue?: number;
+    rightValue?: number;
+    topValue?: number;
+    bottomValue?: number;
+}
+export interface DataMock {
+    id: string;
+    label?: string;
+    mock?: string;
+    type?: string;
+    enableMock?: boolean;
+}
+export interface Network {
+    name?: string;
+    protocol?: 'mqtt' | 'websocket' | 'http';
+    type?: string;
+    url?: string;
+    protocols?: string;
+    topics?: string;
+    options?: {
+        clientId?: string;
+        username?: string;
+        password?: string;
+        customClientId?: boolean;
+    };
+    headers?: any;
+    method?: string;
+    body?: any;
+    data?: Network;
+    interval?: number;
+    times?: number;
+    index?: number;
+}
+export interface HttpOptions {
+    http?: string;
+    httpTimeInterval?: number;
+    httpHeaders?: HeadersInit;
+    method?: string;
+    body?: BodyInit | null;
+    times?: number;
+}
+export declare enum EditType {
+    Add = 0,
+    Update = 1,
+    Delete = 2,
+    Replace = 3
+}
+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;
+        }[];
+    };
+    bind?: {
+        [key: string]: {
+            id: string;
+            key: string;
+        }[];
+    };
+    active?: Pen[];
+    hover?: Pen;
+    lastHover?: Pen;
+    hoverContainer?: Pen;
+    lastHoverContainer?: Pen;
+    activeAnchor?: Point;
+    hoverAnchor?: Point;
+    pointAt?: Point;
+    pointAtIndex?: number;
+    animates: Set<Pen>;
+    options: Options;
+    theme: Theme;
+    emitter: Emitter;
+    dpiRatio?: number;
+    clipboard?: Meta2dClipboard;
+    patchFlagsBackground?: boolean;
+    patchFlagsTop?: boolean;
+    bkImg?: HTMLImageElement;
+    fillWorldTextRect?: boolean;
+    cacheDatas?: {
+        data: Meta2dData;
+    }[];
+    patchFlagsLast?: boolean;
+    messageEvents?: {
+        [key: string]: {
+            pen: Pen;
+            event: Event;
+        }[];
+    };
+    templatePens?: {
+        [key: string]: Pen;
+    };
+    sameTemplate?: boolean;
+    lastScale?: number;
+    pensNetwork?: {
+        [key: string]: {
+            url?: string;
+            method?: string;
+            headers?: any;
+            body?: any;
+        };
+    };
+    globalTriggers?: {
+        [key: string]: Trigger[];
+    };
+}
+export interface Meta2dClipboard {
+    meta2d?: boolean;
+    pens: Pen[];
+    origin: Point;
+    scale: number;
+    offset?: number;
+    page: string;
+    initRect?: Rect;
+    pos?: Point;
+}
+export declare const createStore: () => Meta2dStore;
+export declare const useStore: (id?: string) => Meta2dStore;
+export declare const clearStore: (store: Meta2dStore, template?: string) => void;

package/src/store/store.js

@@ -0,0 +1,87 @@
+import { default as mitt } from 'mitt';
+import { CanvasLayer } from '../pen';
+import { defaultOptions } from '../options';
+import { defaultTheme } from '../theme';
+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["Replace"] = 3] = "Replace";
+})(EditType || (EditType = {}));
+export const createStore = () => {
+    return {
+        data: {
+            x: 0,
+            y: 0,
+            scale: 1,
+            pens: [],
+            origin: { x: 0, y: 0 },
+            center: { x: 0, y: 0 },
+            paths: {},
+            theme: 'light'
+        },
+        histories: [],
+        pens: {},
+        path2dMap: new WeakMap(),
+        animateMap: new WeakMap(),
+        active: [],
+        animates: new Set(),
+        options: { ...defaultOptions },
+        theme: { ...defaultTheme },
+        emitter: mitt(),
+        bindDatas: {},
+        bind: {},
+        pensNetwork: {},
+        cacheDatas: [],
+        messageEvents: {},
+        templatePens: {},
+        globalTriggers: {},
+    };
+};
+// Return a data store, if not exists will create a store.
+export const useStore = (id = 'default') => {
+    if (!globalStore[id]) {
+        globalStore[id] = createStore();
+        globalStore[id].id = id;
+    }
+    return globalStore[id];
+};
+export const clearStore = (store, template) => {
+    const isSame = store.data.template === template;
+    if (isSame) {
+        //模版一样
+        for (const pen of store.data.pens) {
+            // if (pen.template) {
+            if (pen.canvasLayer === CanvasLayer.CanvasTemplate) {
+                store.templatePens[pen.id] = pen;
+            }
+        }
+    }
+    store.lastScale = store.data.scale;
+    store.data = {
+        x: 0,
+        y: 0,
+        scale: 1,
+        pens: [],
+        origin: { x: 0, y: 0 },
+        center: { x: 0, y: 0 },
+        paths: {},
+        template: isSame ? template : null,
+    };
+    store.sameTemplate = isSame;
+    store.pens = {};
+    store.histories = [];
+    store.historyIndex = null;
+    store.path2dMap = new WeakMap();
+    store.animateMap = new WeakMap();
+    store.bindDatas = {};
+    store.bind = {};
+    store.pensNetwork = {};
+    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":"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"}

package/src/theme.d.ts

@@ -0,0 +1,13 @@
+export interface Theme {
+    [key: string]: {
+        color?: string;
+        background?: string;
+        parentBackground?: string;
+        ruleColor?: string;
+        ruleOptions?: {
+            background?: string;
+            textColor?: string;
+        };
+    };
+}
+export declare const defaultTheme: Theme;

package/src/theme.js

@@ -0,0 +1,23 @@
+export const defaultTheme = {
+    dark: {
+        color: '#bdc7db',
+        background: '#1e2430',
+        parentBackground: '#080b0f',
+        ruleColor: '#222E47',
+        ruleOptions: {
+            background: '#121924',
+            textColor: '#6E7B91'
+        },
+    },
+    light: {
+        color: '#222222',
+        background: '#FFFFFF',
+        parentBackground: '#F0F1F2',
+        ruleColor: '#C8D0E1',
+        ruleOptions: {
+            background: '#F7F8FA',
+            textColor: '#C8D0E1'
+        },
+    }
+};
+//# sourceMappingURL=theme.js.map

package/src/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../packages/core/src/theme.ts"],"names":[],"mappings":"AAaA,MAAM,CAAC,MAAM,YAAY,GAAU;IACjC,IAAI,EAAC;QACH,KAAK,EAAC,SAAS;QACf,UAAU,EAAC,SAAS;QACpB,gBAAgB,EAAC,SAAS;QAC1B,SAAS,EAAC,SAAS;QACnB,WAAW,EAAC;YACV,UAAU,EAAC,SAAS;YACpB,SAAS,EAAC,SAAS;SACpB;KACF;IACD,KAAK,EAAC;QACJ,KAAK,EAAC,SAAS;QACf,UAAU,EAAC,SAAS;QACpB,gBAAgB,EAAC,SAAS;QAC1B,SAAS,EAAC,SAAS;QACnB,WAAW,EAAC;YACV,UAAU,EAAC,SAAS;YACpB,SAAS,EAAC,SAAS;SACpB;KACF;CACF,CAAA"}

package/src/title/{index.ts → index.d.ts}

@@ -1 +1 @@
-export * from './title';
+export * from './title';