@meta2d/core 1.0.55 → 1.0.57

package/src/store/store.d.ts

@@ -1,228 +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;
+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

@@ -1,121 +1,87 @@
-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);
-};
-var __values = (this && this.__values) || function(o) {
-    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
-    if (m) return m.call(o);
-    if (o && typeof o.length === "number") return {
-        next: function () {
-            if (o && i >= o.length) o = void 0;
-            return { value: o && o[i++], done: !o };
-        }
-    };
-    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
-};
-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 var createStore = function () {
-    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: __assign({}, defaultOptions),
-        theme: __assign({}, defaultTheme),
-        emitter: mitt(),
-        bindDatas: {},
-        bind: {},
-        pensNetwork: {},
-        cacheDatas: [],
-        messageEvents: {},
-        templatePens: {},
-        globalTriggers: {},
-    };
-};
-// 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, template) {
-    var e_1, _a;
-    var isSame = store.data.template === template;
-    if (isSame) {
-        try {
-            //模版一样
-            for (var _b = __values(store.data.pens), _c = _b.next(); !_c.done; _c = _b.next()) {
-                var pen = _c.value;
-                // if (pen.template) {
-                if (pen.canvasLayer === CanvasLayer.CanvasTemplate) {
-                    store.templatePens[pen.id] = pen;
-                }
-            }
-        }
-        catch (e_1_1) { e_1 = { error: e_1_1 }; }
-        finally {
-            try {
-                if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
-            }
-            finally { if (e_1) throw e_1.error; }
-        }
-    }
-    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();
-};
+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