dcim-topology2d 2.0.7 → 3.0.2

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

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

package/core/src/utils/assignment.js

@@ -1,168 +0,0 @@
-// 变量赋值操作
-import {commonStore} from '../store';
-import { setConfItemNode } from '../healps';
-import { EventAction } from '../models';
-
-/**
- * 在节点注册前初始化node数据
- * @param node 节点数据
- * @param TID 数据键
- * @param type topology类型
- * @param order 节点序列
- */
-export function setInitNodeDataValidat(node, TID, type, order) {
-
-    const syncData = commonStore[TID].mqttData;
-
-    node.TID = TID;
-
-    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) => {
-
-            setInitNodeDataValidat(_item, TID, type);
-
-        })
-
-    }
-}
-// 初始化默认节点值
-export function initDefaultValidat(node, retData) {
-    node.defaultFillStyle = node.fillStyle;
-    node.defaultFontColor = node.font.color;
-    if (node.name === 'line') {
-        node.defaultStrokeStyle = node.strokeStyle;
-    }
-    // 变量类型数据展示，不需要实时更新
-    if(Array.isArray(node.data) && retData && retData.varData) {
-        let typeName = '';
-        let imgs = '';
-        const varData = retData.varData;
-        node.data.map((vd) => {
-            if(vd.key.includes('varValue') && varData[vd.value]){
-                const varNode = varData[vd.value];
-                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';
-    });
-    const isTabs = node.events && node.events.find((ev) => ev.action === 8);
-    if(!setType && isTabs) console.log('>>>未能找到绑定的标签数据，请检查绑定的Tabs标签是否包含switchTabType前缀>>>');
-    if(setType === 'tab'){
-        // tab切换
-        const tagData = node.tags[0];
-        let topologyChangeData = commonStore[node.TID].switchTabDataPool;
-        let keyName = node.bindStaticId ? `${tagData}Data` : `${tagData}AreaData`;
-        if (!topologyChangeData[keyName]) topologyChangeData[keyName] = {};
-        topologyChangeData[keyName][node.id] = 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);
-        }
-    }
-}

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

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

package/core/src/utils/params.js

@@ -1,60 +0,0 @@
-import {commonStore} from '../store';
-// 获取绑定数据的参数
-export function getParams(id, data) {
-    data.map((item) => {
-        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);
-        }
-    });
-}
-// 过滤出参数
-export function filterParams(id, node) {
-    let tagIds = [];
-    let kpiAddrs = [];
-    let assetIds = [];
-    let areaIds = [];
-    let tagEcharts = [];
-    let echartData = [];
-    let varVaule = [];
-    let doorIds = [];
-    let isMqttEventType = false;
-    node.events.map((ev) => {
-        if(ev.value && ev.value === 'entranceGuard') doorIds.push(ev.params); // 门禁参数
-        if(ev.type === 3) isMqttEventType = true;
-    });
-    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) {
-        node.data.map((item) => {
-            if (item.key === 'tagId') {
-                tagIds.push(item.value);
-            }
-            if (item.key === 'kpiAddr') {
-                kpiAddrs.push(item.value);
-            }
-            if (item.key === 'assetId') {
-                assetIds.push(item.value);
-            }
-            if (item.key === 'areaId') {
-                areaIds.push(item.value);
-            }
-            if (item.key.includes('varValue')) {
-                varVaule.push(item.value);
-            }
-        })
-    }
-    if (node.data && Object.prototype.toString.call(node.data) === '[object Object]' && node.data.params && node.data.params.id) {
-        echartData.push(node.data.params.id);
-    }
-    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.tagEcharts = [...commonStore[id].mqttParams.tagEcharts, ...tagEcharts];
-    commonStore[id].mqttParams.echartData = [...commonStore[id].mqttParams.echartData, ...echartData];
-}

package/static/echartsDefaultData.js

@@ -1,167 +0,0 @@
-// 图例默认数据
-export const echartsLegendDefaultData = {
-  icon: 'rect', // 图标类型：'circle', 'rect', 'roundRect', 'triangle', 'diamond', 'pin', 'arrow', 'none'
-  itemWidth: 12, // 图标宽
-  itemHeight: 12, // 图标高
-  itemGap: 8, // 图例之间的间隔
-  top: '0%', // 图例距离容器上边位置
-  right: 'auto', // 图例距离容器右边位置
-  bottom: 'auto', // 图例距离容器下边位置
-  left: '60', // 图例距离容器左边位置
-  padding: [20, 0, 0, 0], // 图例内边距 string
-  color: '#fff', // 文字颜色
-  height: 8, // 文本显示高度 number
-  fontSize: 12 // 文字大小 number
-};
-// 柱状图和折线图默认标注
-export const echartsLineBarDefaultLegendData = {
-    data: ['标注1'],
-    icon: 'rich',
-    show: true,
-    itemWidth: 14,
-    itemHeight: 14,
-    textStyle: {
-        color: '#C6D1DB',
-        fontSize: '14px',
-    },
-    top: '12%',
-    left: '10%',
-    itemGap: 8
-};
-// 曲线默认配置数据
-export const echartsLineSeriesStyleData = {
-  smooth: false,
-  symbol: 'none',
-  symbolSize: 18,
-  itemLineStyle:{
-    color: '#2F86ED', //改变折线颜色
-    type: 'solid',
-    width: 1
-  },
-  area: false, // 是否是区域图
-  linear: false, // 是否是线性渐变
-  areaColor: {
-    type: 'linear',
-    x: 0,
-    y: 0,
-    x2: 0,
-    y2: 1,
-    global: false // 缺省为 false
-  },
-  areaColorStops:[{
-    offset: 0,
-    color: 'rgba(49, 144, 255, 0.21)' // 0% 处的颜色
-  }, {
-    offset: 1,
-    color: 'rgba(49, 144, 255, 0)' // 100% 处的颜色
-  }]
-}
-// 图表X轴默认配置数据
-export const echartsXAxisDefaultStyleData = {
-  x1AxisLabel: {
-    color: '#fff',
-    fontSize:"12"
-  }
-}
-// 图表Y轴默认配置数据
-export const echartsYAxisDefaultStyleData = {
-  ySplitLineShow: true, // y轴轴线是否显示
-  //坐标轴线样式
-  ysplitLineLineStyle: {
-    type: 'solid', //solid实线;dashed虚线
-    color: 'rgba(148, 147, 197, 0.5)'
-  },
-  y1axisLabelTextStyle: {
-    //坐标轴颜色
-    color: '#fff',
-    fontSize:"12",
-    padding: 5
-  },
-  // y轴刻度最大最小值和分隔值
-  y1MinMaxData: {
-    min: 0,
-    max: 60,
-    interval: 20
-  },
-  // y轴名称
-  y1NameData: {
-    name: '℃',
-    nameTextStyle: {
-      color: '#FDFDFD',
-      padding: [0, 0, 0, -52],
-    },
-    nameGap: 25
-  },
-  // y轴刻度标签文字样式
-  y2axisLabelTextStyle: {
-    //坐标轴颜色
-    color: '#fff',
-    fontSize:"12",
-    padding: 5
-  },
-  y2MinMaxData: {
-    name: '%',
-    nameTextStyle: {
-      color: '#FDFDFD',
-      padding: [0, -42, 0, 0],
-    },
-    nameGap: 25
-  },
-  y2NameData: {
-    min: 0,
-    max: 90,
-    interval: 30
-  }
-}
-// 图表的数据缩放
-export const echartsDataRoom = [{ //给x轴设置滚动条
-  start: 0, //默认为0
-  end: 50, //默认为100
-  type: 'slider',
-  show: false,
-  xAxisIndex: [0],
-  handleSize: 10, //滑动条的 左右2个滑动条的大小
-  height: 0, //组件高度
-}, { //下面这个属性是里面拖到
-  type: 'inside',
-  show: true,
-  xAxisIndex: [0],
-  start: 0, //默认为1
-  end: 50 // 100 - 1500 / 31, //默认为100
-}];
-// 图表类型Map
-export const echartsTypeMap = {
-    'type_1': 'line',
-    'type_2': 'bar',
-    'type_3': 'ring',
-    'type_4': 'TOP',
-    'type_5': 'pie',
-    'type_6': 'gauge'
-};
-// 图表颜色
-export const echartsColorData = [
-    'rgb(36, 220, 132)',
-    'rgb(154, 77, 251)',
-    'rgb(226, 182, 56)',
-    'rgb(253, 92, 71)',
-    'rgb(26, 117, 255)',
-    'rgb(175, 215, 14)',
-    'rgb(214, 154, 37)',
-    'rgb(66, 251, 251)',
-    'rgb(255, 158, 4)',
-    'rgb(30, 107, 222)',
-    'rgb(21, 151, 224)',
-    'rgb(19, 236, 236)',
-    'rgb(68, 237, 146)',
-    'rgb(251, 94, 45)',
-    'rgb(18, 255, 113)',
-    'rgb(18, 255, 113)'];
-// TOP排行榜默认颜色
-export const rankingTopColorList = [
-    'rgba(239, 120, 66, .6)',
-    'rgba(255, 225, 65, .5)',
-    'rgba(55, 240, 151, .5)',
-    'rgba(72, 211, 255, .6)',
-    'rgba(67, 153, 255, .5)'
-];
-export const rankingTopImageName = ['orange', 'yellow', 'ching', 'lightBlue', 'blue'];

package/static/element.js

@@ -1,14 +0,0 @@
-export const elementType = {
-    select: 'select',
-    table: 'table',
-    pagination: 'pagination',
-    iframe: 'iframe',
-    echarts: 'echarts'
-};
-export const elementSelectThemeType = [{
-    id: 0,
-    name: '默认'
-},{
-    id: 1,
-    name: '青色'
-}];

package/static/form.js

@@ -1,11 +0,0 @@
-// 下拉默认数据
-export const selectDefaultData = [{
-    id: '1',
-    name: '列表一'
-},{
-    id: '2',
-    name: '列表二'
-},{
-    id: '3',
-    name: '列表三'
-}];

package/static/index.js

@@ -1,3 +0,0 @@
-export * from './echartsDefaultData';
-export * from './form';
-export * from './element';

package/store/actions.js

@@ -1 +0,0 @@
-export const plugsPool = {};

package/store/clear.js

@@ -1,10 +0,0 @@
-import {setEventListener} from "../core";
-export const removeAllElement = function (){
-    const documentDefineEle = document.querySelectorAll('.documentDefine');
-    if(documentDefineEle) {
-        documentDefineEle.forEach(function(element) {
-            element.removeEventListener('click', (e) => {setEventListener(e);});
-            element.parentNode.removeChild(element);
-        });
-    }
-}

package/store/index.js

@@ -1,2 +0,0 @@
-export * from './actions';
-export * from './clear';

package/style/common.css

@@ -1,18 +0,0 @@
-* {
-  margin: 0;
-  padding: 0;
-  box-sizing: border-box;
-}
-li {
-  list-style: none;
-}
-.canvas-point.pointer{
-  cursor: pointer;
-}
-.canvas-point,
-.canvas-point.default{
-  cursor: default;
-}
-.canvas-point.pointer > div{
-  z-index: -2;
-}

package/style/editor.css

@@ -1,13 +0,0 @@
-/*.canvas-draw{*/
-/*    z-index: 2;*/
-/*}*/
-/*.canvas-point{*/
-/*    z-index: 6;*/
-/*}*/
-.topoEchart,
-.topology-select{
-    z-index: 1;
-}
-.topology-select-dropdown{
-    transition: all ease-in .2s;
-}

package/style/index.css

@@ -1,4 +0,0 @@
-@import './common.css';
-@import './select.css';
-
-

package/style/select.css

@@ -1,143 +0,0 @@
-.topology-select {
-    width: 160px;
-    height: 30px;
-    display: flex;
-    position: relative;
-    background-size: 100%;
-}
-.topology-select .topology-select-remove{
-    display: none;
-    position: absolute;
-    top: 50%;
-    right: 10px;
-    width: 13px;
-    height: 13px;
-    line-height: 8px;
-    font-size: 10px;
-    color: #c0c4cc;
-    cursor: pointer;
-    text-align: center;
-    border: 1px solid #c0c4cc;
-    border-radius: 100%;
-    transform: translateY(-50%);
-}
-.topology-select .topology-select-icon-arrow{
-    display: block;
-    position: absolute;
-    top: 50%;
-    right: 10px;
-    width: 0;
-    height: 0;
-    border: 7px solid transparent;
-    border-top-color: #284689;
-    border-bottom-width: 0;
-    border-top-left-radius: 4px;
-    border-top-right-radius: 4px;
-    transform: translateY(-50%);
-    transition: all .3s;
-}
-.topology-select .topology-select-icon-arrow.reverse{
-    /* top: 39%; */
-    transform: translateY(-50%) rotate(180deg);
-}
-.topology-select input {
-    width: 100%;
-    height: 100%;
-    font-size: 14px;
-    padding: 0 10px;
-    border-radius: 4px;
-    border: 1px solid #284689;
-    background: transparent;
-    outline: none;
-    cursor: pointer;
-    color: #fff;
-}
-.topology-select-dropdown {
-    position: absolute;
-    width: 160px;
-    border-radius: 5px;
-    margin-top: 14px;
-    border: 1px solid #284689;
-    background-size: 100%;
-    background-color: #0b1531;
-    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
-    display: none;
-}
-.topology-select-dropdown .popper__arrow{
-    display: block;
-    position: absolute;
-    top: -7px;
-    left: 20%;
-    width: 0;
-    height: 0;
-    border: 6px solid transparent;
-    border-bottom-color: #284689;
-    border-top-width: 0;
-}
-/* 隐藏滚动条 */
-.topology-select-dropdown-list::-webkit-scrollbar {
-    display: none;
-}
-.topology-select-dropdown .topology-select-dropdown-list {
-    max-height: 230px;
-    margin: 8px 0;
-    overflow: auto;
-    background-size: 100%;
-}
-.topology-select-dropdown .topology-select-dropdown-list li {
-    display: flex;
-    height: 30px;
-    line-height: 30px;
-    align-items: center;
-    color: #fff;
-    cursor: pointer;
-    font-size: 12px;
-}
-.topology-select-dropdown .topology-select-dropdown-list li:hover {
-    background-color: #265797;
-    color: #fff !important;
-}
-.topology-select-dropdown .topology-select-dropdown-list li.selected {
-    color: #409eff !important;
-    font-weight: 700;
-}
-.topology-select-dropdown .topology-select-dropdown-list li span {
-    display: block;
-    width: 100%;
-    height: 100%;
-    padding: 0 20px;
-    cursor: pointer;
-}
-.topology-select.theme1 input{
-    padding: 0 35px 0 20px;
-    border-color: rgb(56, 255, 255);
-    background-color: rgba(56, 255, 255, 0.2);
-    font-size: 14px;
-    font-weight: 400;
-    font-family: "Arial Black";
-}
-.topology-select.theme1 .topology-select-icon-arrow{
-    border-top-color: rgb(56, 255, 255);
-}
-.topology-select-dropdown.theme1{
-    margin-top: 3px;
-    padding: 5px 0;
-    border-color: rgb(56, 255, 255);
-    background-color: rgb(9, 57, 75);
-}
-.topology-select-dropdown.theme1 .topology-select-dropdown-list{
-    margin: 0;
-}
-.topology-select-dropdown.theme1 .topology-select-dropdown-list li {
-    font-size: 14px;
-}
-.topology-select-dropdown.theme1 .topology-select-dropdown-list li:hover {
-    background-color: rgba(56, 255, 255, 0.2);
-    color: rgb(56, 255, 255) !important;
-}
-.topology-select-dropdown.theme1 .topology-select-dropdown-list li.selected {
-    color: rgb(56, 255, 255) !important;
-}
-.topology-select-dropdown.theme1 .popper__arrow{
-    display: none;
-}