dcim-topology2d 2.2.0 → 3.0.2

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): 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,216 +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 节点序列
- */
-export function setInitNodeDataValidat(node, TID, type, order) {
-
-    const syncData = commonStore[TID].mqttData;
-
-    node.TID = TID;
-
-    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) => {
-
-            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;
-    }
-    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) {
-        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
-    });
-}

package/static/echartsDefaultData.js

@@ -1,178 +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 = [
-    '#2648E9',
-    '#E513F7',
-    '#79E10E',
-    '#0D9BE7',
-    '#23CEE2',
-    '#E5B903',
-    '#2BDB8E',
-    '#CAD804',
-    '#117BEE',
-    '#DB8407',
-    '#E72B2B',
-    '#E96812',
-    '#7612D6',
-    '#A117B8',
-    'rgb(21, 151, 224)',
-    'rgb(36, 220, 132)',
-    'rgb(154, 77, 251)',
-    'rgb(226, 182, 56)',
-    'rgb(253, 92, 71)',
-    'rgb(175, 215, 14)',
-    'rgb(214, 154, 37)',
-    'rgb(66, 251, 251)',
-    'rgb(255, 158, 4)',
-    'rgb(19, 236, 236)',
-    'rgb(68, 237, 146)',
-    'rgb(251, 94, 45)',
-    '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/default.js

@@ -1,22 +0,0 @@
-export const datePickerTypeList = [{
-    id: 'date',
-    name: '日期选择器', // 可选择：年、月、日
-    format: 'yyyy-MM-dd'
-},{
-    id: 'datetime',
-    name: '日期时间选择器', // 可选择：年、月、日、时、分、秒 dateType
-    format: 'yyyy-MM-dd HH:mm:ss'
-},{
-    id: 'year',
-    name: '年选择器', // 只提供年列表选择
-    format: 'yyyy'
-},{
-    id: 'month',
-    name: '年月选择器', // 只提供年、月选择
-    format: 'yyyy-MM'
-},{
-    id: 'time',
-    name: '时间选择器', // 只提供时、分、秒选择
-    format: 'HH:mm:ss'
-}];
-export const datePickerType = {}

package/store/index.js

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

package/style/common.css

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

package/style/datePicker.css

@@ -1,44 +0,0 @@
-.topology-datePicker{
-    position: relative;
-    box-sizing: border-box;
-}
-.topology-datePicker i{
-    display: inline-block;
-}
-.topology-datePicker input{
-    width: 100%;
-    height: 100%;
-    line-height: 100%;
-    border: none;
-    background: transparent;
-    vertical-align: top;
-}
-.topology-datePicker input::placeholder{
-    font-weight: normal;
-    color: rgb(220, 223, 230);
-}
-.topology-datePicker input:active,
-.topology-datePicker input:focus{
-    outline: none;
-}
-.topology-datePicker .icon-date,
-.topology-datePicker .icon-arrow{
-    position: absolute;
-    top: 50%;
-    transform: translateY(-50%);
-}
-.layui-laydate-main{
-    width: 322px !important;
-}
-.layui-laydate-main table{
-    width: 100%;
-}
-.layui-laydate-header i{
-    font-size: 14px !important;
-}
-.laydate-set-ym {
-    font-size: 16px;
-}
-.layui-laydate-footer span.layui-laydate-preview{
-    font-size: 14px;
-}