dcim-topology2d 2.2.3 → 3.0.2

package/core/src/store/data.js

@@ -1,198 +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';
-import {removeAllElement} from '../../../store';
-export var createStore = function () {
-    return {
-        id: '',
-        data: {
-            pens: [],
-            lineName: 'curve',
-            fromArrowType: '',
-            toArrowType: 'triangleSolid',
-            scale: 1,
-            locked: Lock.None,
-            dataResize: 1, // 数据是否加载，1是，0否
-            bkImageRect: null,
-            pageZoom: 1,
-            pageType: 0, // 0-默认：1-tabs切换
-            tabsContentOptions: {}, // tabs内容区域配置属性
-            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 },
-        tabsPageMasterData: new Map(),
-        elementInteractivePoor: {}, // element 交互过渡数据
-        pickerDataPool: {}, // datePicker 交互数据池
-        echartsDataPool: {}, // echarts Dom节点数据
-        echartsOptionsPool: {}, // echarts options节点数据
-        echartsRealDataPool: {}, // echarts 实时数据 datePicker
-        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,// 全局报警标记，代表正在访问的这个topology文件中是否有告警发生
-        parentElem: null,
-        timeDataPool: {}, // time
-    };
-};
-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 function clearElementDataPool(data) {
-    const { echartsDataPool, selectDataPool, iframeDataPool, formoverDataPool, formoverCanvasDataPool} = data;
-    for (let [key, node] of Object.entries(echartsDataPool)) {
-        if(node) {
-            clearInterval(node.timeTicket);
-            if(node.chart) {
-                node.chart.off('mouseover');
-                node.chart.off('mouseout');
-                node.chart.off('globalout');
-                node.chart.dispose();
-            }
-            if(node.div && node.div.parentNode) node.div.parentNode.removeChild(node.div);
-        }
-        delete data.echartsDataPool[key];
-    }
-    if(Object.keys(selectDataPool).length) {
-        let dropdownEle = null,
-                dropdownListEle = null;
-        for (let [key, node] of Object.entries(selectDataPool)) {
-            if(!dropdownEle) {
-                dropdownEle = node.dom.selectDropdown;
-                dropdownListEle = node.dom.selectDropdownUl;
-            }
-            if(node.dom.selectEle && node.dom.selectEle.parentNode) node.dom.selectEle.parentNode.removeChild(node.dom.selectEle);
-            delete data.selectDataPool[key];
-        }
-        if(dropdownEle) dropdownEle.style.display = 'none';
-        if(dropdownListEle) dropdownListEle.innerHTML = '';
-    }
-    for (let [key, node] of Object.entries(iframeDataPool)) {
-        node.iframe.parentNode.removeChild(node.iframe);
-        delete data.iframeDataPool[key];
-    }
-    for (let key of Object.keys(formoverDataPool)) {
-        delete formoverDataPool[key];
-    }
-    for (let key of Object.keys(formoverCanvasDataPool)) {
-        const elementNode = document.getElementById(key);
-        if(elementNode) {
-            elementNode.parentNode.removeChild(elementNode);   
-        }
-        delete formoverCanvasDataPool[key];
-    }
-}
-export var clearStore = function (store, del) {
-    store.lastScale = store.data.scale;
-    store.data = {
-        pens: [],
-        lineName: 'curve',
-        fromArrowType: '',
-        toArrowType: 'triangleSolid',
-        scale: 1,
-        pageZoom: 1,
-        pageType: 0, // 0-默认：1-tabs切换
-        tabsContentOptions: {},
-        locked: Lock.None,
-        dataResize: 1, // 数据是否加载，1是，0否
-        bkImageRect: null,
-        mqttOptions: {
-            clientId: s8()
-        },
-        dataConstruct: {},
-        bindDataTooltipVisible: true
-    };
-    store.initConfNode = {};
-    store.mqttParams = {
-        doorIds: [],
-        tagIds: [],
-        kpiAddrs: [],
-        tagEcharts: [],
-        assetIds: [],
-        areaIds: [],
-        varVaule: [],
-        branchValue: [],
-        echartData: [],
-        dataConfig: store.mqttParams.dataConfig.data ? {
-            data: {},
-            picker: store.mqttParams.dataConfig.picker
-        } : {},
-        echartAssemblyData: [],
-        routingkey: '',
-        pathRewrite: ''
-    };
-    store.pens = {}; // 先保留，后期优化提取变量用
-    store.cacheDatas = [];
-    store.dpiRatio = 1;
-    store.lastScale = 1;
-    store.monitorAlarm = false;
-    store.elementInteractivePoor = {};
-    store.pickerDataPool = {};
-    store.echartsOptionsPool = {};
-    store.echartsRealDataPool = {};
-    store.switchTabDataPool = {};
-    store.tableDataPool = {};
-    store.selectRealDataPool = {};
-    store.selectTabDataPool = {};
-    clearElementDataPool({
-        echartsDataPool: store.echartsDataPool,
-        selectDataPool: store.selectDataPool,
-        iframeDataPool: store.iframeDataPool,
-        formoverDataPool: store.formoverDataPool,
-        formoverCanvasDataPool: store.formoverCanvasDataPool,
-        timeDataPool: store.timeDataPool
-    });
-    if(del) {
-        store.mqttParams.dataConfig = {};
-        delete commonStore[store.id];
-        removeAllElement();
-    }
-};

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,7 +0,0 @@
-import {Node} from '../models';
-
-export declare function setInitNodeDataValidat(node: any, TID: string, type: string, order: number, options: any): void;
-export declare function initDefaultValidat(node: any, retData: any): void;
-export declare function setDefaultNodeValidat(node: any, retData: any): any;
-export declare function setConnectionTagForConf(node: Node): void;
-export declare function setConnectionTabsData(node: Node): void;

package/core/src/utils/assignment.js

@@ -1,229 +0,0 @@
-// 变量赋值操作
-import {commonStore} from '../store';
-import { setConfItemNode } from '../healps';
-import { EventAction } from '../models';
-import {confAssociateDateValueShowType, datePickerValueFormatting} from '../utils';
-/**
- * 在节点注册前初始化node数据
- * @param node 节点数据
- * @param TID 数据键
- * @param type topology类型
- * @param order 节点序列
- * @param options 配置数据
- */
-export function setInitNodeDataValidat(node, TID, type, order, options) {
-
-    const syncData = node.PTID? commonStore[node.PTID].mqttData: commonStore[TID].mqttData;
-
-    node.TID = TID;
-
-    if(options.pageId){
-        // tabs页面元件偏移量计算
-        node.rect.x += options.x;
-        node.rect.y += options.y;
-    }
-
-    if(typeof node.visibleSwitch !== 'boolean') {
-        // 兼容旧版显示隐藏属性值设置
-        node.visibleSwitch = type === 'topology';
-    }else {
-        node.visibleSwitch = type === 'topology' && node.visibleSwitch;
-    }
-
-    if(typeof order === "number") node.order = order;
-    if(type !== 'topology') node.selectDropdown = false;
-
-    initDefaultValidat(node, syncData);
-
-    setDefaultNodeValidat(node, syncData);
-
-    if (node.children && node.children.length) {
-
-        node.children.map((_item) => {
-            _item.PTID = node.PTID;
-            setInitNodeDataValidat(_item, TID, type, null, options);
-
-        })
-
-    }
-
-    if (node.formData && node.formData.detailPageData && node.formData.detailPageData.pens && node.formData.detailPageData.pens.length) {
-        // PTID为滚动组件子页面的父级节点的TID
-        node.formData.detailPageData.pens.forEach(pen => pen.PTID = TID);
-    }
-
-}
-// 初始化默认节点值
-export function initDefaultValidat(node, retData) {
-    node.defaultFillStyle = node.fillStyle;
-    node.defaultFontColor = node.font.color;
-    if (node.name === 'line') {
-        node.defaultStrokeStyle = node.strokeStyle;
-    }
-    setPickerDateConnectData(node);
-    setVarBranchData(node, retData);
-}
-// 初始化配置日期元件关联的数据
-function setPickerDateConnectData(node) {
-    if(node.formData && node.formData.bindDateShowType === confAssociateDateValueShowType.date) {
-        const pickerData = commonStore[node.TID].pickerDataPool;
-        if(!pickerData.bindData) pickerData.bindData = {};
-        pickerData.bindData[node.id] = {
-            order: node.order,
-            dateId: node.formData.dateId
-        };
-        node.text = datePickerValueFormatting({
-            formatType: node.formData.dateFormat,
-            valueType: node.formData.valueType
-        }).dateStr;
-    }
-}
-// 设置变量类型和支路地址的异步数据
-function setVarBranchData(node, retData) {
-    if(!retData) return;
-    const componentData = retData.componentData;
-    let varData = null;
-    let branchNameData = null;
-    if(componentData && Object.keys(componentData).length) {
-        varData = componentData[node.id] || {};
-        branchNameData = componentData[node.id] || {};
-    }else {
-        varData = retData.varData;
-        branchNameData = retData.branchNameData;
-    }
-    const dataDictionary = {...varData, ...branchNameData};
-    // 变量类型数据展示，不需要实时更新
-    if(Array.isArray(node.data) && Object.keys(dataDictionary).length) {
-        let typeName = '';
-        let imgs = '';
-        const assetId = retData.asset && retData.asset.assetId;
-        node.data.map((vd) => {
-            const varNode = dataDictionary[vd.value] || dataDictionary[`${assetId}_${vd.value}`];
-            if((vd.key.includes('varValue') || vd.key.includes('branchVal')) && varNode){
-                const showType = varNode.showType ? parseInt(varNode.showType) : 1;
-                if(showType === 1 && varNode.value) typeName += typeName ? `,${varNode.value}` : varNode.value;
-                if(showType === 2 && varNode.value) console.log('显示图标>>>');
-                if(showType === 3 && varNode.value) imgs = `/dcim-api${varNode.value}`; //imgs += imgs ? `,${varData.value}` : varData.value;
-            }
-        });
-        if(typeName) node.text = typeName;
-        if(imgs) {
-            node.text = '';
-            node.image = imgs;
-            node.paddingBottom = 0;
-            node.paddingBottomNum = 0;
-            node.paddingLeft = 0;
-            node.paddingLeftNum = 0;
-            node.paddingRight = 0;
-            node.paddingRightNum = 0;
-            node.paddingTop = 0;
-            node.paddingTopNum = 0;
-        }
-    }
-}
-// 初始化mqtt实时值
-export function setDefaultNodeValidat(node, retData) {
-    //const item = JSON.parse(JSON.stringify(node));
-    if (!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 && dataValue.value && retData) {
-        if(node.data && node.data.length) 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);
-            const funcData = func(node, JSON.stringify(retData));
-            /**
-             * 此方式在九所的 服务器状态监测功能中用到
-             * 全局报警标记，代表正在访问的这个topology文件中是否有告警发生
-             * 需要注意：自定义函数中要通过 return {monitorAlarm: boolean}的格式将元件告警状态返回
-             */
-            if(funcData && funcData.monitorAlarm && commonStore[node.TID]) commonStore[node.TID].monitorAlarm = true;
-        }catch (e) {
-            console.log(`自定义函数出错>>>`,);
-            console.log(`目标元件：${node.id}>>>`,);
-            console.log(`目标元件方位：X->${node.rect.x}，Y->${node.rect.y}>>>`,);
-        }
-    } else {
-        // console.log('默认函数')
-        const newData = setConfItemNode(node, retData);
-        if(newData && newData.monitorAlarm && commonStore[node.TID]) commonStore[node.TID].monitorAlarm = true;
-    }
-    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;
-}
-
-/**
- * 配置与元件关联的tag数据
- * @param node 元件节点数据
- */
-export function setConnectionTagForConf(node) {
-    if(!node.tags || node.tags && !node.tags.length) return;
-    let setType = '';
-    node.tags.map((t) => {
-        if(t === 'statisticType' || t.includes('switchTabType')) setType = 'tab';
-        if(t.includes('selectOption')) setType = 'selectShow';
-    });
-    if(!setType) console.log('>>>未能找到绑定的标签数据，请检查绑定的Tabs标签是否包含switchTabType前缀>>>');
-    if(setType === 'tab'){
-        // tab切换
-        setConnectionTabsData(node);
-    }
-    if(setType === 'selectShow'){
-        // 下拉显示隐藏
-        const tagData = node.tags[0].split('-');
-        const parentId = tagData[1] && tagData[1].trim();
-        if(!parentId) return console.log('>>>请检查select节点ID是否设置正确【selectOption+其他任意字符-下拉元件ID】>>>');
-        if(parentId) {
-            const params = {
-                TID: node.TID,
-                id: node.id,
-                name: node.name,
-                order: node.order,
-                visible: node.visible,
-                tag: node.tags[0].trim()
-            }
-            if(!commonStore[node.TID].selectTabDataPool[parentId]) commonStore[node.TID].selectTabDataPool[parentId] = new Map();
-            commonStore[node.TID].selectTabDataPool[parentId].set(node.id, params);
-        }
-    }
-}
-
-/**
- * 初始化配置tabs数据
- * @param node
- */
-export function setConnectionTabsData(node) {
-    const switchTabType = node.tags.find((t) => {
-        return t.includes('switchTabType');
-    }); // 获取按钮组类型
-    if(!switchTabType) return;
-    const isTabs = node.events && node.events.find((ev) => ev.action === 8);
-    let topologyChangeData = commonStore[node.TID].switchTabDataPool;
-    let keyName = node.bindStaticId && isTabs ? `${switchTabType}Data` : `${switchTabType}AreaData`;
-    if (!topologyChangeData[keyName]) topologyChangeData[keyName] = {};
-    topologyChangeData[keyName][node.id] = node;
-}

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

@@ -1,3 +0,0 @@
-// @ts-ignore
-export declare function getParams(id: string, data: []): void;
-export declare function filterParams(node: any): void;

package/core/src/utils/params.js

@@ -1,136 +0,0 @@
-import {commonStore} from '../store';
-import {datePickerValueFormatting} from "./conversion";
-import {datePickerBindType, confBindValueType} from "./construction";
-const confConfigMap = new Map();
-// 获取绑定数据的参数
-export function getParams(id, data) {
-    for (let i = 0, length = data.length; i < length; i++) {
-        const item = data[i];
-        filterParams(id, item);
-        if (item.children && item.children.length) {
-            getParams(id, item.children);
-        }
-        if (item.formData && item.formData.detailPageData && item.formData.detailPageData.pens && item.formData.detailPageData.pens.length) {
-            getParams(id, item.formData.detailPageData.pens);
-        }
-    }
-    confConfigMap.clear();
-}
-// 过滤出参数
-export function filterParams(id, node) {
-    let tagIds = [];
-    let kpiAddrs = [];
-    let assetIds = [];
-    let areaIds = [];
-    let tagEcharts = [];
-    let echartData = [];
-    let varVaule = [];
-    let branchValue = [];
-    let doorIds = [];
-    let isMqttEventType = false;
-    let dcimStaticForType = '';
-    node.events.map((ev) => {
-        if(ev.value && ev.value === 'entranceGuard') doorIds.push(ev.params); // 门禁参数
-        if(ev.type === 3) isMqttEventType = true;
-        if(ev.type === 4) dcimStaticForType = ev.dcimStaticForType;
-    });
-    if(doorIds.length) commonStore[id].mqttParams.doorIds = [...commonStore[id].mqttParams.doorIds, ...doorIds];
-    if(!isMqttEventType) return;
-    if (node.data && Array.isArray(node.data) && node.data.length) {
-        for (let i = 0, length = node.data.length; i < length; i ++) {
-            const item = node.data[i];
-            let type = 0;
-            if (item.key === 'tagId') {
-                tagIds.push(item.value);
-                type = datePickerBindType.tag;
-            }
-            if (item.key === 'kpiAddr') {
-                kpiAddrs.push(item.value);
-                type = datePickerBindType.kpi;
-            }
-            if (item.key === 'assetId') {
-                assetIds.push(item.value);
-                type = datePickerBindType.asset;
-            }
-            if (item.key === 'areaId') {
-                areaIds.push(item.value);
-                type = datePickerBindType.area;
-            }
-            if (item.key.includes('varValue')) {
-                varVaule.push(item.value);
-                type = datePickerBindType.varType;
-            }
-            if (item.key === 'branchVal') {
-                branchValue.push(item.value);
-                type = datePickerBindType.branch;
-            }
-            if(dcimStaticForType && node.formData && type) setConfConfigMap(node.id, id, node.formData, item.value, type);
-        }
-    }
-    if (node.data && Object.prototype.toString.call(node.data) === '[object Object]' && node.data.params && node.data.params.id) {
-        echartData.push(node.data.params.id);
-        if(dcimStaticForType && node.formData) setConfConfigMap(node.id, id, node.formData, node.data.params.id, 1);
-    }
-    commonStore[id].mqttParams.tagIds = [...commonStore[id].mqttParams.tagIds, ...tagIds];
-    commonStore[id].mqttParams.kpiAddrs = [...commonStore[id].mqttParams.kpiAddrs, ...kpiAddrs];
-    commonStore[id].mqttParams.assetIds = [...commonStore[id].mqttParams.assetIds, ...assetIds];
-    commonStore[id].mqttParams.areaIds = [...commonStore[id].mqttParams.areaIds, ...areaIds];
-    commonStore[id].mqttParams.varVaule = [...commonStore[id].mqttParams.varVaule, ...varVaule];
-    commonStore[id].mqttParams.branchValue = [...commonStore[id].mqttParams.branchValue, ...branchValue];
-    commonStore[id].mqttParams.tagEcharts = [...commonStore[id].mqttParams.tagEcharts, ...tagEcharts];
-    commonStore[id].mqttParams.echartData = [...commonStore[id].mqttParams.echartData, ...echartData];
-}
-
-/**
- * 设置绑定日期的配置数据
- * @param formData 元件关联的日期数据
- * @param id 当前元件id
- * @param tid
- * @param realData 当前元件绑定的数据
- * @param type 当前元件绑定的数据类型 1：echart   3：测点     6：指标   9：资产  12：变量类型   15：支路地址  21：区域
- */
-function setConfConfigMap(id, tid, formData, realData, type) {
-    if(!formData.dateId) return;
-    const dateId = formData.dateId;
-    let value = null;
-    let valueStr = '';
-    if(confConfigMap.has(dateId)) {
-
-         const {date, dateStr} = confConfigMap.get(dateId);
-
-        value = date;
-
-        valueStr = dateStr;
-
-    }else {
-
-        const {date, dateStr} = datePickerValueFormatting({
-            formatType: formData.dateFormat,
-            valueType: formData.valueType,
-            dateType: formData.dateType
-        });
-
-        value = date;
-
-        valueStr = dateStr;
-
-        confConfigMap.set(dateId, {date, dateStr});
-
-    }
-    const dataConfig = commonStore[tid].mqttParams.dataConfig;
-    if(!dataConfig.data){
-        dataConfig.data = {};
-        dataConfig.picker = new Map();
-    }
-    dataConfig.data[id] = {
-        id: realData,
-        date: value,
-        dataType: type,
-        valueType: confBindValueType.increment
-    };
-    dataConfig.picker.set(id, {
-        dateId,
-        date: value,
-        dateStr: valueStr
-    });
-}