dcim-topology2d 2.2.3 → 3.0.2

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

@@ -1,29 +0,0 @@
-import {rectangle} from './rectangle';
-import {s8} from "../../utils";
-import {createIframeElement} from "../../element";
-import {commonStore} from "../../store";
-
-export function iframePrimeval(ctx, node) {
-    //console.log('iframePrimeval############', node)
-    // 绘制一个底图，类似于占位符。
-    rectangle(ctx, node);
-    if (!commonStore[node.TID].iframeDataPool[node.id]) {
-        node.elementId = s8();
-        commonStore[node.TID].iframeDataPool[node.id] = {
-            node: {
-                id: node.id,
-                src: node.iframe
-            }
-        };
-        const iframe = createIframeElement(node);
-        commonStore[node.TID].iframeDataPool[node.id].iframe = iframe;
-        const parentEle = window.location.pathname.includes('workspace') ? document.getElementById('topology-canvas') : document.body;
-        parentEle.appendChild(iframe);
-        // 添加当前节点到div层
-        node.addToDiv();
-    }else {
-        const iframeNode = commonStore[node.TID].iframeDataPool[node.id];
-        if(iframeNode.node.src === node.iframe) return;
-        iframeNode.iframe.src = node.iframe;
-    }
-}

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

@@ -1,52 +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 './formselect';
-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';
-export * from './formoverflow';
-export * from './time';
-export * from './formDatePicker';
-export * from './switchs';
-export * from './progress';

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

@@ -1,54 +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 './formselect';
-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';
-export * from './formoverflow';
-export * from './time';
-export * from './formDatePicker';
-export * from './switchs';
-export * from './progress';
-
-//# sourceMappingURL=index.js.map

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

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

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

@@ -1,63 +0,0 @@
-export function progress(ctx, node) {
-
-    var wr = node.borderRadius;
-    var hr = node.borderRadius;
-    if (node.borderRadius < 1) {
-        wr = node.rect.width * node.borderRadius;
-        hr = node.rect.height * node.borderRadius;
-    }
-    var r = wr < hr ? wr : hr;
-    if (node.rect.width < 2 * r) {
-        r = node.rect.width / 2;
-    }
-    if (node.rect.height < 2 * r) {
-        r = node.rect.height / 2;
-    }
-    //进度条背景
-    ctx.beginPath();
-    ctx.moveTo(node.rect.x + r, node.rect.y);
-    ctx.arcTo(node.rect.x + node.rect.width, node.rect.y, node.rect.x + node.rect.width, node.rect.y + node.rect.height, r);
-    ctx.arcTo(node.rect.x + node.rect.width, node.rect.y + node.rect.height, node.rect.x, node.rect.y + node.rect.height, r);
-    ctx.arcTo(node.rect.x, node.rect.y + node.rect.height, node.rect.x, node.rect.y, r);
-    ctx.arcTo(node.rect.x, node.rect.y, node.rect.x + node.rect.width, node.rect.y, r);
-    ctx.closePath();
-    ctx.fillStyle = node.fillStyle;
-    node.fillStyle && ctx.fill();
-    ctx.stroke();
-    ctx.restore();
-    //绘制进度条
-    let maxValue = node.maxValue || 100;
-    let percent = node.value / maxValue > 1 ? 1 : node.value / maxValue;
-    let gradient = ctx.createLinearGradient(node.rect.x, node.rect.y, node.rect.x + node.rect.width * percent, node.rect.y);
-    gradient.addColorStop(0, node.strokeStyle || 'red');    // 开始色
-    gradient.addColorStop(1, node.visitStrokeStyle || 'blue');   // 结束色
-
-    ctx.beginPath();
-    ctx.moveTo(node.rect.x + r, node.rect.y);
-    ctx.arcTo(node.rect.x + node.rect.width * percent, node.rect.y, node.rect.x + node.rect.width * percent, node.rect.y + node.rect.height, r);
-    ctx.arcTo(node.rect.x + node.rect.width * percent, node.rect.y + node.rect.height, node.rect.x, node.rect.y + node.rect.height, r);
-    ctx.arcTo(node.rect.x, node.rect.y + node.rect.height, node.rect.x, node.rect.y, r);
-    ctx.arcTo(node.rect.x, node.rect.y, node.rect.x + node.rect.width * percent, node.rect.y, r);
-    ctx.closePath();
-    ctx.fillStyle = gradient;
-    node.strokeStyle && ctx.fill();
-
-    //绘制数值
-    ctx.font = '' + node.font.fontSize + "px " + node.font.fontFamily;
-    ctx.textBaseline = 'middle';
-    //计算文字的长度 如果超出了100% 那么从右侧开始写 防止溢出 样式错乱
-    ctx.fillStyle = node.font.color;
-    //保留小数位数
-    let text = parseFloat((percent * 100).toFixed(node.retationDecimalPlaces || 0)) + (node.isShowPercent ? '%' : '');
-    let tWidth = ctx.measureText(text).width;
-    if ((tWidth + node.rect.width * percent + 5) > node.rect.width) { //如果溢出
-        ctx.fillText(text, node.rect.x + node.rect.width - tWidth - 5, node.rect.y + node.rect.height / 2);
-
-    } else {
-        ctx.fillText(text, node.rect.x + node.rect.width * percent + 5, node.rect.y + node.rect.height / 2);
-    }
-
-
-    ctx.fillStyle = "#fff"
-}
-//# sourceMappingURL=progress.js.map

package/core/src/middles/nodes/progress.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"progress.js","sourceRoot":"","sources":["progress.ts"],"names":[],"mappings":"AACA,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,GAA6B,EAAE,IAAU;IACtE,IAAI,EAAE,GAAG,IAAI,CAAC,YAAY,CAAC;IAC3B,IAAI,EAAE,GAAG,IAAI,CAAC,YAAY,CAAC;IAC3B,IAAI,IAAI,CAAC,YAAY,GAAG,CAAC,EAAE;QACvB,EAAE,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC;QACzC,EAAE,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,YAAY,CAAC;KAC7C;IACD,IAAI,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IAC1B,IAAI,IAAI,CAAC,IAAI,CAAC,KAAK,GAAG,CAAC,GAAG,CAAC,EAAE;QACzB,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC;KAC3B;IACD,IAAI,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,GAAG,CAAC,EAAE;QAC1B,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC;KAC5B;IACD,GAAG,CAAC,SAAS,EAAE,CAAC;IAChB,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IACzC,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;IACxH,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;IACzH,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IACpF,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IACnF,GAAG,CAAC,SAAS,EAAE,CAAC;IAChB,CAAC,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,MAAM,CAAC,IAAI,GAAG,CAAC,IAAI,EAAE,CAAC;IAC9C,GAAG,CAAC,MAAM,EAAE,CAAC;AACjB,CAAC"}

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

@@ -1,2 +0,0 @@
-import { Node } from 'dcim-topology2d/core/src/models';
-export declare function switchs(ctx: CanvasRenderingContext2D, node: Node): void;

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

@@ -1,46 +0,0 @@
-export function switchs(ctx, node) {
-
-    let x = node.rect.x;
-    let y = node.rect.y;
-    let width = node.rect.width;
-    let height = node.rect.height;
-    // 绘制圆角
-    var wr = node.borderRadius;
-    var hr = node.borderRadius;
-    if (node.borderRadius < 1) {
-        wr = node.rect.width * node.borderRadius;
-        hr = node.rect.height * node.borderRadius;
-    }
-    var r = wr < hr ? wr : hr;
-    if (node.rect.width < 2 * r) {
-        r = node.rect.width / 2;
-    }
-    if (node.rect.height < 2 * r) {
-        r = node.rect.height / 2;
-    }
-    //绘制椭圆
-    ctx.fillStyle = node.fillStyle;
-    ctx.beginPath();
-    ctx.moveTo(x + r, y);
-    ctx.lineTo(x + width - r, y);
-    ctx.quadraticCurveTo(x + width, y, x + width, y + r);
-    ctx.lineTo(x + width, y + height - r);
-    ctx.quadraticCurveTo(x + width, y + height, x + width - r, y + height);
-    ctx.lineTo(x + r, y + height);
-    ctx.quadraticCurveTo(x, y + height, x, y + height - r);
-    ctx.lineTo(x, y + r);
-    ctx.quadraticCurveTo(x, y, x + r, y);
-    ctx.lineTo(x + width - r, y);
-    ctx.closePath();
-    node.fillStyle && ctx.fill();
-    ctx.stroke();
-
-    //绘制左侧 小圆 默认在右侧 isOpen:true
-    ctx.beginPath();
-    let cx = node.isOpen ? x + width - height * 0.5 : x + height * 0.5;
-    ctx.ellipse(cx, y + height * 0.5, height / 2 * 0.8, height / 2 * 0.8, 0, 0, Math.PI * 2);
-    ctx.fillStyle = '#ffffff';
-    ctx.closePath();
-    ctx.fill();
-    ctx.stroke();
-}

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

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

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

@@ -1,98 +0,0 @@
-export function time(ctx, node) {
-    var wr = node.borderRadius;
-    var hr = node.borderRadius;
-    if (node.borderRadius < 1) {
-        wr = node.rect.width * node.borderRadius;
-        hr = node.rect.height * node.borderRadius;
-    }
-    var r = wr < hr ? wr : hr;
-    if (node.rect.width < 2 * r) {
-        r = node.rect.width / 2;
-    }
-    if (node.rect.height < 2 * r) {
-        r = node.rect.height / 2;
-    }
-
-    // 背景
-    let x = node.rect.x;
-    let y = node.rect.y;
-    let width = node.rect.width * 0.29;
-    let height = node.rect.height;
-    let gap = node.rect.width * 0.065;
-    let {h, m, s} = node.time;
-
-    //绘制时
-    drawText(ctx, r, x, y, width, height, h, node, gap)
-
-    //绘制分
-    drawText(ctx, r, x+width+gap, y, width, height, m, node, gap)
-
-    //绘制秒
-    drawText(ctx, r, x+(width*2 + gap*2), y, width, height, s, node)
-
-    //恢复填充色
-    ctx.fillStyle = "#ffffff";
-
-
-}
-
-function drawText(ctx, r, x, y, width, height, hText, node, gap) {
-
-    //文字
-    let textfillStyle = node.font.color || "#ffffff";
-    let textBackground = node.font.background || '#ffffff1a';
-    ctx.font = '' + node.font.fontSize +"px " + node.font.fontFamily;
-    ctx.textBaseline = 'middle';
-    ctx.textAlign = 'center';
-
-    const centerX = width / 2;
-    const centerY = height / 2;
-    //绘制上半部分
-    ctx.save();
-    ctx.beginPath();
-    ctx.fillStyle = textBackground;
-    ctx.beginPath();
-    ctx.moveTo(x + r, y);
-    ctx.lineTo(x + width -r, y);
-    ctx.quadraticCurveTo(x + width, y, x+width, y+r);
-    ctx.lineTo(x+width, y + height/2 - 1);
-    ctx.lineTo(x, y + height/2 - 1);
-    ctx.lineTo(x, y+r);
-    ctx.quadraticCurveTo(x, y, x+r, y);
-    ctx.fill();
-    ctx.clip();
-
-    ctx.fillStyle = textfillStyle;
-    ctx.fillText(hText, x+centerX, y+centerY);
-    ctx.restore();
-    //绘制下半部分
-    ctx.save();
-    ctx.beginPath();
-    ctx.fillStyle = textBackground;
-    ctx.moveTo(x, y+height/2+1);
-    ctx.lineTo(x+width, y+height/2+1);
-    ctx.lineTo(x+width, y+height-r);
-    ctx.quadraticCurveTo(x+width, y+height, x+width-r, y+height);
-    ctx.lineTo(x+r, y+height);
-    ctx.quadraticCurveTo(x, y+height, x, y+height-r);
-    ctx.lineTo(x, y+height/2+2);
-    ctx.fill();
-    ctx.clip();
-    
-    ctx.fillStyle = textfillStyle;
-    ctx.fillText(hText, x+centerX, y+centerY);
-    ctx.restore();
-
-    //绘制冒号
-    if(!gap) return
-
-    ctx.fillStyle = textfillStyle;
-    ctx.textBaseline = 'middle';
-    ctx.textAlign = 'center';
-    let metricss = ctx.measureText(":");
-    const fontHeights = metricss.actualBoundingBoxAscent + metricss.actualBoundingBoxDescent;
-    const centerYY = y + (height / 2) + (metricss.actualBoundingBoxAscent - fontHeights / 2);
-    ctx.fillText(":", x+width+(gap/2), centerYY);
-    ctx.restore();
-
-}

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,205 +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;
-    pageZoom: number,
-    pageType: number,
-    locked: Lock;
-    bkImage: string;
-    bkColor: string;
-    grid?: boolean;
-    websocket?: string;
-    mqttUrl?: string;
-    tabsContentOptions?: {},
-    mqttOptions?: {
-        clientId?: string;
-        username?: string;
-        password?: string;
-    };
-    mqttTopics?: string;
-    manualCps?: boolean;
-    dataConstruct?: any;
-    bindDataTooltipVisible?: boolean;
-    data?: any;
-    bkImageRect?: any;
-}
-export interface paramsData {
-    doorIds?: [],
-    tagIds?: [],
-    kpiAddrs?: [],
-    tagEcharts?: [],
-    assetIds?: [],
-    areaIds?: [],
-    varVaule?: [],
-    branchValue?: [],
-    echartData?: [],
-    dataConfig?: {},
-    echartAssemblyData?: [],
-    routingkey?: string,
-    pathRewrite?: string
-}
-// 2D可视化使用到的数据仓库
-export interface visualization2DStore {
-    id: string;
-    data: visualization2DData;
-    mqttData?: null; // mqtt实时数据
-    initConfNode: {}; // 初始化元件节点数据
-    mqttParams: paramsData; // mqtt参数
-    pens: { [key: string]: Pen };
-    options: Options;
-    cacheDatas?: {
-        data: visualization2DData;
-    }[];
-    // @ts-ignore
-    tabsPageMasterData: Map<string, any>;
-    elementInteractivePoor: {}; // element 交互过渡数据
-    pickerDataPool: {}; // datePicker 交互数据池
-    echartsDataPool: {}; // echarts Dom节点数据
-    echartsOptionsPool: {}; // echarts options节点数据
-    echartsRealDataPool: {}; // echarts 实时数据
-    switchTabDataPool: {}; // tabs
-    tableDataPool: {}; // form table
-    selectDataPool: {}; // form select
-    selectRealDataPool: {}; // form select
-    selectTabDataPool: {}; // form select
-    iframeDataPool: {}; // iframe
-    formoverDataPool: {}; // 滚动组件 Dom节点数据
-    formoverCanvasDataPool: {}; // 滚动组件 画布节点数据
-    emitter: Emitter;
-    dpiRatio?: number;
-    lastScale?: number; //记录上次模版的scale
-    monitorAlarm?:boolean; // 全局报警标记，代表正在访问的这个topology文件中是否有告警发生
-    parentElem: HTMLElement
-}
-// @ts-ignore
-export const createStore = () => {
-    // @ts-ignore
-    // @ts-ignore
-    return {
-        id: '',
-        data: {
-            pens: [],
-            lineName: 'curve',
-            fromArrowType: '',
-            toArrowType: 'triangleSolid',
-            scale: 1,
-            pageZoom: 1,
-            pageType: 0,
-            tabsContentOptions: {},
-            locked: Lock.None,
-            bkImageRect: null,
-            mqttOptions: {
-                clientId: s8()
-            },
-            dataConstruct: {},
-            bindDataTooltipVisible: true
-        },
-        mqttData: null,
-        initConfNode: {},
-        mqttParams: {
-            doorIds: [],
-            tagIds: [],
-            kpiAddrs: [],
-            tagEcharts: [],
-            assetIds: [],
-            areaIds: [],
-            varVaule: [],
-            branchValue: [],
-            echartData: [],
-            dataConfig: {},
-            echartAssemblyData: [],
-            routingkey: '',
-            pathRewrite: ''
-        },
-        pens: {},
-        options: { ...DefalutOptions },
-        elementInteractivePoor: {}, // element 交互过渡数据
-        pickerDataPool: {}, // datePicker 交互数据池
-        echartsDataPool: {}, // echarts Dom节点数据
-        echartsOptionsPool: {}, // echarts options节点数据
-        echartsRealDataPool: {}, // echarts 实时数据
-        switchTabDataPool: {}, // tabs
-        tableDataPool: {}, // form table
-        selectDataPool: {}, // form select
-        selectRealDataPool: {}, // form select
-        selectTabDataPool: {}, // form select
-        iframeDataPool: {}, // iframe
-        formoverDataPool: {}, // 滚动组件 Dom节点数据
-        formoverCanvasDataPool: {}, // 滚动组件 画布节点数据
-        emitter: mitt(),
-        cacheDatas: [],
-        dpiRatio: 1,
-        lastScale: 1,
-        monitorAlarm: false,
-        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];
-};
-export declare function clearElementDataPool(data: {}): void;
-// @ts-ignore
-export const clearStore = (store: visualization2DStore, del: string) => {
-    store.data = {
-        bkColor: '',
-        bkImage: '',
-        data: undefined,
-        grid: false,
-        manualCps: false,
-        mqttTopics: '',
-        mqttUrl: '',
-        websocket: '',
-        pens: [],
-        lineName: 'curve',
-        fromArrowType: '',
-        toArrowType: 'triangleSolid',
-        scale: 1,
-        pageZoom: 1,
-        pageType: 0,
-        locked: Lock.None,
-        bkImageRect: null,
-        mqttOptions: {
-            clientId: s8()
-        },
-        dataConstruct: {},
-        bindDataTooltipVisible: true
-    };
-    store.mqttData = null;
-    store.initConfNode = {};
-    store.mqttParams = {
-        doorIds: [],
-        tagIds: [],
-        kpiAddrs: [],
-        tagEcharts: [],
-        assetIds: [],
-        areaIds: [],
-        varVaule: [],
-        branchValue: [],
-        echartData: [],
-        echartAssemblyData: [],
-        routingkey: '',
-        pathRewrite: ''
-    };
-    store.lastScale = store.data.scale;
-    store.pens = {};
-    store.options = {};
-    store.cacheDatas = [];
-    store.dpiRatio = 1;
-    store.lastScale = 1;
-    store.monitorAlarm = false;
-};