dcim-topology2d 1.1.6 → 3.0.2

package/chart-diagram/src/utils/drawGraphic.js

@@ -1,97 +0,0 @@
-// 绘制柱子切面
-export function drawGraphicShape(appearance) {
-  const offsetX = appearance.offsetX;
-  const offsetY = appearance.offsetY;
-  // 绘制左侧面
-  const CubeLeft = echarts.graphic.extendShape({
-    shape: {
-      x: 0,
-      y: 0,
-    },
-    buildPath: function (ctx, shape) {
-      // 会canvas的应该都能看得懂，shape是从custom传入的
-      const xAxisPoint = shape.xAxisPoint;
-      // console.log(shape);
-      const c0 = [shape.x, shape.y];
-      const c1 = [shape.x - offsetX, shape.y - offsetY];
-      const c2 = [xAxisPoint[0] - offsetX, xAxisPoint[1] - offsetY];
-      const c3 = [xAxisPoint[0], xAxisPoint[1]];
-      ctx.moveTo(c0[0], c0[1]).lineTo(c1[0], c1[1]).lineTo(c2[0], c2[1]).lineTo(c3[0], c3[1]).closePath();
-    },
-  });
-  // 绘制右侧面
-  const CubeRight = echarts.graphic.extendShape({
-    shape: {
-      x: 0,
-      y: 0,
-    },
-    buildPath: function (ctx, shape) {
-      const xAxisPoint = shape.xAxisPoint;
-      const c1 = [shape.x, shape.y];
-      const c2 = [xAxisPoint[0], xAxisPoint[1]];
-      const c3 = [xAxisPoint[0] + offsetX, xAxisPoint[1] - offsetY];
-      const c4 = [shape.x + offsetX, shape.y - offsetY];
-      ctx.moveTo(c1[0], c1[1]).lineTo(c2[0], c2[1]).lineTo(c3[0], c3[1]).lineTo(c4[0], c4[1]).closePath();
-    },
-  });
-  // 绘制顶面
-  const CubeTop = echarts.graphic.extendShape({
-    shape: {
-      x: 0,
-      y: 0,
-    },
-    buildPath: function (ctx, shape) {
-      const c1 = [shape.x, shape.y];
-      const c2 = [shape.x + offsetX, shape.y - offsetY]; //右点
-      const c3 = [shape.x, shape.y - offsetX];
-      const c4 = [shape.x - offsetX, shape.y - offsetY];
-      ctx.moveTo(c1[0], c1[1]).lineTo(c2[0], c2[1]).lineTo(c3[0], c3[1]).lineTo(c4[0], c4[1]).closePath();
-    },
-  });
-  return {
-    CubeLeft,
-    CubeRight,
-    CubeTop
-  }
-}
-// 线性渐变
-export function graphicLinearGradient(nr, nb, nl, nt, colors) {
-  return new echarts.graphic.LinearGradient(nr, nb, nl, nt, colors);
-}
-export function setSeriesRenderGroup(appearance, api) {
-  const seriesRenderData = [];
-  const groupTypeData = ['CubeLeft', 'CubeRight', 'CubeTop'];
-  const location = api.coord([api.value(0), api.value(1)]);
-  for (let i = 0; i < groupTypeData.length; i++) {
-    const groupItem = groupTypeData[i];
-    const groupNode = {
-      type: groupItem,
-      shape: {
-        api,
-        xValue: api.value(0),
-        yValue: api.value(1),
-        x: location[0],
-        y: location[1],
-        xAxisPoint: api.coord([api.value(0), 0]),
-      }
-    };
-    if(i === groupTypeData.length - 1){
-      // 顶部切面颜色填充
-      groupNode.style = {
-        fill: appearance.seriesCubeTopColor
-      }
-    }else {
-      // 左右切面颜色填充
-      let fillColor = graphicLinearGradient(0, 0, 0, 1, appearance[`series${groupItem}Gradient`]);
-      const cubeColorLinear = appearance[`series${groupItem}Linear`];
-      if(!cubeColorLinear) {
-        fillColor = appearance[`series${groupItem}Color`];
-      }
-      groupNode.style = {
-        fill: fillColor
-      }
-    }
-    seriesRenderData.push(groupNode);
-  }
-  return seriesRenderData;
-}

package/chart-diagram/src/utils/index.d.ts

@@ -1,3 +0,0 @@
-export * from './conversion';
-export * from './drawGraphic';
-export * from './changeOptions';

package/chart-diagram/src/utils/index.js

@@ -1,3 +0,0 @@
-export * from './conversion';
-export * from './drawGraphic';
-export * from './changeOptions';

package/core/src/middles/arrows/index.d.ts

@@ -1,4 +0,0 @@
-export * from './circle';
-export * from './diamond';
-export * from './line';
-export * from './triangle';

package/core/src/middles/arrows/index.js

@@ -1,5 +0,0 @@
-export * from './circle';
-export * from './diamond';
-export * from './line';
-export * from './triangle';
-//# sourceMappingURL=index.js.map

package/core/src/middles/lines/index.d.ts

@@ -1,4 +0,0 @@
-export * from './curve';
-export * from './line';
-export * from './mind';
-export * from './polyline';

package/core/src/middles/lines/index.js

@@ -1,5 +0,0 @@
-export * from './curve';
-export * from './line';
-export * from './mind';
-export * from './polyline';
-//# sourceMappingURL=index.js.map

package/core/src/middles/nodes/iframe.d.ts

@@ -1,2 +0,0 @@
-import { Node } from '../../models';
-export declare function iframePrimeval(ctx: CanvasRenderingContext2D, node: Node): void;

package/core/src/middles/nodes/iframe.js

@@ -1,12 +0,0 @@
-import {rectangle} from 'dcim-topology2d/core'
-
-export function iframePrimeval(ctx, node) {
-    //console.log('iframePrimeval############', node)
-    // 绘制一个底图，类似于占位符。
-    rectangle(ctx, node);
-    if (!node.elementLoaded) {
-        // 添加当前节点到div层
-        node.addToDiv('init')
-        node.elementRendered = false
-    }
-}

package/core/src/middles/nodes/index.d.ts

@@ -1,46 +0,0 @@
-export * from './arbitrarygraph';
-export * from './arbitrarygraph.anchor';
-export * from './arrow';
-export * from './arrow.rect';
-export * from './arrow.anchor';
-export * from './circle';
-export * from './circle.rect';
-export * from './circle.anchor';
-export * from './cloud';
-export * from './cloud.rect';
-export * from './cloud.anchor';
-export * from './cube';
-export * from './cube.rect';
-export * from './cube.anchor';
-export * from './cube.model';
-export * from './diamond';
-export * from './diamond.rect';
-export * from './file';
-export * from './formtable';
-export * from './hexagon';
-export * from './hexagon.anchor';
-export * from './hexagon.rect';
-export * from './image.rect';
-export * from './image.anchor';
-export * from './iframe';
-export * from './line';
-export * from './line.anchor';
-export * from './line.rect';
-export * from './message';
-export * from './message.anchor';
-export * from './message.rect';
-export * from './pentagon';
-export * from './pentagon.anchor';
-export * from './pentagon.rect';
-export * from './pentagram';
-export * from './pentagram.anchor';
-export * from './pentagram.rect';
-export * from './people';
-export * from './people.rect';
-export * from './rectangle';
-export * from './rectangle.rect';
-export * from './tablePagination';
-export * from './text';
-export * from './triangle';
-export * from './triangle.anchor';
-export * from './triangle.rect';

package/core/src/middles/nodes/index.js

@@ -1,47 +0,0 @@
-export * from './arbitrarygraph';
-export * from './arbitrarygraph.anchor';
-export * from './arrow';
-export * from './arrow.rect';
-export * from './arrow.anchor';
-export * from './circle';
-export * from './circle.rect';
-export * from './circle.anchor';
-export * from './cloud';
-export * from './cloud.rect';
-export * from './cloud.anchor';
-export * from './cube';
-export * from './cube.rect';
-export * from './cube.anchor';
-export * from './cube.model';
-export * from './diamond';
-export * from './diamond.rect';
-export * from './file';
-export * from './formtable';
-export * from './hexagon';
-export * from './hexagon.anchor';
-export * from './hexagon.rect';
-export * from './image.rect';
-export * from './image.anchor';
-export * from './iframe';
-export * from './line';
-export * from './line.anchor';
-export * from './line.rect';
-export * from './message';
-export * from './message.anchor';
-export * from './message.rect';
-export * from './pentagon';
-export * from './pentagon.anchor';
-export * from './pentagon.rect';
-export * from './pentagram';
-export * from './pentagram.anchor';
-export * from './pentagram.rect';
-export * from './people';
-export * from './people.rect';
-export * from './rectangle';
-export * from './rectangle.rect';
-export * from './tablePagination';
-export * from './text';
-export * from './triangle';
-export * from './triangle.anchor';
-export * from './triangle.rect';
-//# sourceMappingURL=index.js.map

package/core/src/store/common.d.ts

@@ -1,9 +0,0 @@
-import { Pen } from '../models';
-// @ts-ignore
-export const commonStore: {
-    canvasDraws: {
-        [key: string]: (ctx: CanvasRenderingContext2D, pen: Pen) => void;
-    };
-    anchors: { [key: string]: (pen: Pen) => void }; 
-    htmlElements: { [key: string]: HTMLDivElement }; // html元素
-};

package/core/src/store/common.js

@@ -1,5 +0,0 @@
-export var commonStore = {
-    canvasDraws: {},
-    anchors: {},
-    htmlElements: {}
-};

package/core/src/store/data.d.ts

@@ -1,129 +0,0 @@
-// @ts-ignore
-import { default as mitt, Emitter } from 'mitt';
-import { Pen, Lock } from '../models';
-import {Options, DefalutOptions} from '../options';
-import {s8} from '../utils';
-import { commonStore } from './common'
-// 2D可视化的data数据
-export interface visualization2DData {
-    pens: Pen[];
-    lineName: string;
-    fromArrowType: string;
-    toArrowType: string;
-    scale: number;
-    locked: Lock;
-    bkImage: string;
-    bkColor: string;
-    grid?: boolean;
-    websocket?: string;
-    mqttUrl?: string;
-    mqttOptions?: {
-        clientId?: string;
-        username?: string;
-        password?: string;
-    };
-    mqttTopics?: string;
-    manualCps?: boolean;
-    dataConstruct?: any;
-    data?: any;
-    bkImageRect?: any;
-}
-// 2D可视化使用到的数据仓库
-export interface visualization2DStore {
-    id: string;
-    data: visualization2DData;
-    pens: { [key: string]: Pen };
-    options: Options;
-    cacheDatas?: {
-        data: visualization2DData;
-    }[];
-    emitter: Emitter;
-    dpiRatio?: number;
-    lastScale?: number; //记录上次模版的scale
-    ratioCord: {
-        ratio?: number;
-        scaleX?: number;
-        scaleY?: number;
-    },
-    parentElem: HTMLElement
-}
-export interface mqttData {
-    data: null
-}
-export const syncMqttData: mqttData;
-// @ts-ignore
-export const createStore = () => {
-    return {
-        id: '',
-        data: {
-            pens: [],
-            lineName: 'curve',
-            fromArrowType: '',
-            toArrowType: 'triangleSolid',
-            scale: 1,
-            locked: Lock.None,
-            bkImageRect: null,
-            mqttOptions: {
-                clientId: s8()
-            },
-            dataConstruct: {}
-        },
-        pens: {},
-        options: { ...DefalutOptions },
-        emitter: mitt(),
-        cacheDatas: [],
-        dpiRatio: 1,
-        lastScale: 1,
-        ratioCord: {
-            ratio: 1,
-            scaleX: 1,
-            scaleY: 1
-        },
-        parentElem: null
-    } as visualization2DStore;
-};
-// @ts-ignore
-export const useStore = (id = 'default'): visualization2DStore => {
-    if (!commonStore[id]) {
-        // @ts-ignore
-        commonStore[id] = createStore();
-        commonStore[id].id = id;
-    }
-    return commonStore[id];
-};
-
-// @ts-ignore
-export const clearStore = (store: visualization2DStore) => {
-    store.data = {
-        bkColor: '',
-        bkImage: '',
-        data: undefined,
-        grid: false,
-        manualCps: false,
-        mqttTopics: '',
-        mqttUrl: '',
-        websocket: '',
-        pens: [],
-        lineName: 'curve',
-        fromArrowType: '',
-        toArrowType: 'triangleSolid',
-        scale: 1,
-        locked: Lock.None,
-        bkImageRect: null,
-        mqttOptions: {
-            clientId: s8()
-        },
-        dataConstruct: {}
-    };
-    store.lastScale = store.data.scale;
-    store.pens = {};
-    store.options = {};
-    store.cacheDatas = [];
-    store.dpiRatio = 1;
-    store.lastScale = 1;
-    store.ratioCord = {
-        ratio: 1,
-        scaleX: 1,
-        scaleY: 1
-    }
-};

package/core/src/store/data.js

@@ -1,86 +0,0 @@
-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 { Lock } from '../models';
-import {DefalutOptions} from '../options';
-import {s8} from '../utils';
-import { commonStore } from './common'
-export const syncMqttData = {
-    data: null
-}
-export var createStore = function () {
-    return {
-        id: '',
-        data: {
-            pens: [],
-            lineName: 'curve',
-            fromArrowType: '',
-            toArrowType: 'triangleSolid',
-            scale: 1,
-            locked: Lock.None,
-            dataResize: 1, // 数据是否加载，1是，0否
-            bkImageRect: null,
-            mqttOptions: {
-                clientId: s8()
-            },
-            dataConstruct: {}
-        },
-        pens: {},
-        options: { ...DefalutOptions },
-        emitter: mitt(),
-        cacheDatas: [],
-        dpiRatio: 1,
-        lastScale: 1,
-        ratioCord: {
-            ratio: 1,
-            scaleX: 1,
-            scaleY: 1
-        },
-        parentElem: null
-    };
-};
-export var useStore = function (id) {
-    if (id === void 0) { id = 'default'; }
-    if (!commonStore[id]) {
-        commonStore[id] = createStore();
-        commonStore[id].id = id;
-    }
-    return commonStore[id];
-};
-export var clearStore = function (store, del) {
-    store.lastScale = store.data.scale;
-    store.data = {
-        pens: [],
-        lineName: 'curve',
-        fromArrowType: '',
-        toArrowType: 'triangleSolid',
-        scale: 1,
-        locked: Lock.None,
-        dataResize: 1, // 数据是否加载，1是，0否
-        bkImageRect: null,
-        mqttOptions: {
-            clientId: s8()
-        },
-        dataConstruct: {}
-    };
-    store.pens = {};
-    store.cacheDatas = [];
-    store.dpiRatio = 1;
-    store.lastScale = 1;
-    store.ratioCord = {
-        ratio: 1,
-        scaleX: 1,
-        scaleY: 1
-    };
-    syncMqttData.data = null;
-    if(del) delete commonStore[store.id];
-};

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

@@ -1,2 +0,0 @@
-export * from './data'
-export * from './common'

package/core/src/store/index.js

@@ -1,2 +0,0 @@
-export * from './data'
-export * from './common'

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

@@ -1,3 +0,0 @@
-export declare function setInitNodeDataValidat(node: any): void;
-export declare function setDefaultColorValidat(node: any, TID: string): void;
-export declare function setDefaultNodeValidat(node: any, retData: any): any;

package/core/src/utils/assignment.js

@@ -1,69 +0,0 @@
-// 变量赋值操作
-import {syncMqttData} from '../store';
-import { setConfItemNode } from '../healps';
-import { EventAction } from '../models';
-export function setInitNodeDataValidat(node, TID) {
-    const syncData = syncMqttData.data;
-    if (node.children && node.children.length) {
-        node.children.map((_item) => {
-            node.TID = TID;
-            setDefaultColorValidat(node);
-            setDefaultNodeValidat(node, syncData);
-        })
-    }else {
-        node.TID = TID;
-        setDefaultColorValidat(node);
-        setDefaultNodeValidat(node, syncData);
-    }
-}
-export function setDefaultColorValidat(node) {
-    node.defaultFillStyle = node.fillStyle;
-    node.defaultFontColor = node.font.color;
-    if (node.name === 'line') {
-        node.defaultStrokeStyle = node.font.color;
-    }
-}
-export function setDefaultNodeValidat(node, retData) {
-    //const item = JSON.parse(JSON.stringify(node));
-    if (!node.data || !retData) return;
-    //const node = detailData.length > 0 ? detailData : syncData
-    const functionData = node.events.filter((ev) => {
-        return ev.action === EventAction.Function
-    })
-    const dataValue = functionData[0]
-    if (functionData.length > 0 && dataValue.value && retData) {
-        node.data.map((d) => {
-            const {kpiData, tagData} = retData;
-            const key = d.key;
-            const value = d.value;
-            const _syncItem = key === 'tagId' ? tagData[value] : kpiData[value];
-            if ((key === 'tagId' || key === 'kpiAddr') && _syncItem) {
-                const isControl = parseInt(_syncItem.isControlDis); // 是否可控，0可控，1不可控
-                if (!isControl) {
-                    d.tagVal = value
-                    d.controlParams = _syncItem
-                    // delete _syncItem[value]
-                    // Object.assign(d, _syncItem)
-                }
-            }
-        })
-        // console.log('定制函数=====')
-        try {
-            const func = new Function('pen', 'params', dataValue.value)
-            func(node, JSON.stringify(retData))
-        }catch (e) {
-            console.log(`自定义函数 ${node.id} 出错>>>`, e);
-        }
-    } else {
-        // console.log('默认函数')
-        setConfItemNode(node, retData);
-    }
-    if (node.animateFrames && node.animateFrames.length) {
-        for (var _a = 0, _af = node.animateFrames; _a < _af.length; _a++) {
-            var ani = _af[_a];
-            ani.state.strokeStyle = node.strokeStyle;
-            ani.state.fillStyle = node.fillStyle;
-        }
-    }
-    //return node;
-}