dcim-topology2d 2.0.8 → 3.0.2

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

@@ -1,170 +0,0 @@
-import {rankingTopColorList} from '../../../static';
-
-export function mapFormatterSet(appearance, options, data) {
-    if(appearance.type.includes('ring') || appearance.type.includes('pie')) {
-        const seriesNode = options.series[0];
-        if(seriesNode.label && seriesNode.label.normal &&!seriesNode.label.normal.formatter) {
-            setMapRingOptionsFormatter(appearance, seriesNode);
-        }
-    }
-    if(appearance.type.includes('line') || appearance.type.includes('bar')) setMapLineBarFormatter(appearance, options);
-    if(appearance.type.includes('lineTwins')) setMapLineTwinsFormatter(appearance, options);
-    if(appearance.type.includes('scatter')) setMapScatterFormatter(options);
-    if(appearance.type.includes('TOPRanking')) setMapTopScoreFormatter(options, data, appearance);
-    if(appearance.type.includes('barPileStatic')) setMapBarPileStaticFormatter(appearance, options);
-}
-function setMapLineTwinsFormatter(appearance, options) {
-    if(!options.tooltip.formatter && appearance.tooltipUnit) {
-        options.tooltip.formatter = function (params) {
-            let relVal = params[0].name;
-            for (var i = 0, l = params.length; i < l; i++) {
-                const unit = appearance.tooltipUnit[i] || '';
-                relVal +=
-                        "<br/>" +
-                        params[i].marker +
-                        params[i].seriesName +
-                        " : " +
-                        params[i].value +
-                        unit;
-            }
-            return relVal;
-        }
-    }
-}
-// 折线 || 柱状图
-function setMapLineBarFormatter(appearance, options){
-    if(!options.tooltip.formatter){
-        options.tooltip.formatter = function(param) {
-            const firstUnit = getTooltipUnit(0, appearance);
-            const firstDott = getTooltipDott(param[0].color);
-            let data = `${firstDott}${param[0].seriesName}：${param[0].value} ${firstUnit}`;
-            for (let i = 1; i < param.length; i++){
-                const item = param[i];
-                const unit = getTooltipUnit(i, appearance);
-                const dott = getTooltipDott(param[i].color);
-                data += `<br>${dott}${item.seriesName}：${item.value} ${unit}`;
-            }
-            return `<div style="border-bottom: 1px solid rgba(255,255,255,.3); font-size: 12px;margin-bottom: 5px;">${param[0].name}</div>${data}`;
-        }
-    }
-}
-function getTooltipUnit(index, appearance) {
-    if(!(appearance.tooltipUnit && appearance.tooltipUnit[index])) return '';
-    return appearance.tooltipUnit[index];
-}
-function getTooltipDott(color) {
-    return `<span style="display: inline-block;margin-right: 8px;border: 5px solid ${color};border-radius: 100%"></span>`;
-}
-// 堆叠统计
-function setMapBarPileStaticFormatter(appearance, options) {
-    if(!options.tooltip.formatter){
-        options.tooltip.formatter = function(param) {
-            let data = `${param[0].seriesName}：${param[0].value} ${appearance.series[0] && appearance.series[0].labelUnit || ''}`;
-            for (let i = 1; i < param.length; i++){
-                const item = param[i];
-                const series = appearance.series[i];
-                data += `<br>${item.seriesName}：${appearance.total && appearance.total[item.dataIndex].value || item.value} ${series && series.labelUnit || ''}`;
-            }
-            return `<div style="border-bottom: 1px solid rgba(255,255,255,.3); font-size: 12px;margin-bottom: 5px;">${param[0].name}</div>${data}`;
-        }
-    }
-    for (let i = 0; i < options.series.length; i++) {
-        const item = options.series[i];
-        const setItem = appearance.series[i];
-        if(setItem) {
-            item.itemStyle.normal.color = setItem.itemColor;
-            item.label.color = setItem.labelColor;
-            item.label.fontSize = setItem.labelSize;
-            item.label.padding[0] = setItem.labelTop;
-        }
-        item.label.formatter = `{c}${setItem ? setItem.labelUnit : ''}`;
-    }
-    if(appearance.total && appearance.total.length) {
-        options.series[1].label.formatter = function(param) {
-            if(!param.value) return '';
-            const val = appearance.totalLabel ? appearance.total[param.dataIndex].value ||  options.series[1].data[param.dataIndex] : '';
-            return `${val}${appearance.series[1].labelUnit}`;
-        }
-    }
-}
-// Top排行榜自定义展示配置
-function setMapTopScoreFormatter(options, data, appearance) {
-    const yNode = options.yAxis[0];
-    if(!yNode.axisLabel.formatter) {
-        yNode.axisLabel.formatter = function(value, i) {
-            return `{a${i+1}|}{b|${value}}`;
-        }
-    }
-    const seriesNode = options.series[0];
-    if(appearance.total && appearance.total.length) {
-        const realData = data && data.seriesData && data.seriesData[0] && data.seriesData[0].data;
-        const normalData = [28.7, 24.2, 20.3, 19.8, 19.3];
-        const resultData = realData && realData.length ? realData : normalData;
-        seriesNode.itemStyle.normal.label.formatter = function(param) {
-            return `${resultData[param.dataIndex]}${appearance.unit}`;
-        }
-        for(let i = 0; i < appearance.total.length; i++) {
-            const value = appearance.total[i].value;
-            seriesNode.data[i] = value ? parseInt(value) : normalData[i];
-        }
-    }
-    if(seriesNode.itemStyle.normal.color) return;
-    const colorList = appearance.barColor || rankingTopColorList;
-    for (let i = 0; i < options.series.length; i++) {
-        const node = options.series[i];
-        node.itemStyle.normal.color = function(params) {
-            return colorList[params.dataIndex];
-        }
-    }
-}
-// 散点图series自定义展示配置
-function setMapScatterFormatter(options) {
-    const seriesNode = options.series[0];
-    if(!options.tooltip.formatter) {
-        options.tooltip.formatter = function(param) {
-            const value = param.value;
-            // prettier-ignore
-            return `<div style="border-bottom: 1px solid rgba(255,255,255,.3); font-size: 12px;padding-bottom: 5px;margin-bottom: 5px;">${param.seriesName}告警</div>告警等级：${value[1]}<br>告警数量：${value[2]}`;
-        }
-    }
-    if(!options.yAxis[0].axisLabel.formatter) {
-        options.yAxis[0].axisLabel.formatter = function (value, index) {
-            return `{f${index+1}|${value}}`;
-        }
-    }
-    if(seriesNode.symbolSize) return;
-    for (let i = 0; i < options.series.length; i++) {
-        const node = options.series[i];
-        node.symbolSize = function(d) {
-            let markSize = Math.sqrt(d[2]) * 2;
-            if(markSize < 6) markSize = 6;
-            if(markSize > 20) markSize = 20;
-            //if(!markSize) markSize = 1;
-            return markSize;
-        }
-        node.label.emphasis.formatter = function(param) {
-            return param.data[0];
-        }
-    }
-}
-// 环形图自定义展示配置
-function setMapRingOptionsFormatter(appearance, seriesNode) {
-    if(appearance.labelDetail && appearance.labelDetail.length) {
-        seriesNode.label.normal.formatter = (data) => {
-            let result = `{a|${data.name}}\n{cir|}`;
-            for (let i = 0; i < appearance.labelDetail.length; i++) {
-                const detail = appearance.labelDetail[i];
-                result += '\n'+`{b${i+1}|${detail.title}${i === 0 ? data.value : data[`value${i+1}`]}${detail.unit}}`;
-            }
-            return result;
-        }
-    }else {
-        seriesNode.label.normal.formatter = (data) => {
-            if (appearance.label.showValue === true) {
-                return `${data.name}：${data.value}${appearance.label.unit}`;
-            } else {
-                return `${data.name}`;
-            }
-        }
-    }
-}

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

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

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

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

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

@@ -1,8 +0,0 @@
-export declare function lineBarDataAuto(option: any, params: {}, data: {}, appearance: {}): void;
-export declare function barPileStaticDataAuto(option: any, data: {}, appearance: {}): void;
-export declare function topRankingListAuto(option: any, data: {}, appearance: {}): void;
-export declare function scatterDataAuto(option: any, data: {}): void;
-export declare function pieRingAssetTotalAuto(option: any, data: {}, total: number, count: number): void;
-export declare function pieRingProportionAuto(option: any, data: {}, proportion: number): void;
-export declare function pieRingNormalAuto(option: any, data: {}): void;
-export declare function gaugeNormalAuto(option: any, data: {}): void;

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

@@ -1,228 +0,0 @@
-import {echartsColorData} from "../../../static";
-
-/**
- * 折线和柱状图实时数据
- * @param option 图表配置数据
- * @param params 绑定的图表参数
- * @param data 实时图表数据
- * @param appearance 配置参数
- */
-export function lineBarDataAuto(option, params, data, appearance) {
-    const seriesNodes = option.series;
-    if(data && data.XData) option.xAxis[0].data = data.XData;
-    if(!(data && data.seriesData && data.seriesData.length)) return;
-    if(params.tabCorrelationType) {
-        // 如果操作类型是select下拉分组下的tab切换，执行下面的逻辑
-        const realSeriesNode = data.seriesData[params.tabVisitOrder || 0];
-        seriesNodes[0].data = realSeriesNode.data;
-        if(realSeriesNode.name) seriesNodes[0].name = realSeriesNode.name;
-        return;
-    }
-    if(seriesNodes.length > 1 || params && params.curveNum > 1){
-        // 双曲线|柱状
-        if(option.yAxis.length > 1 && appearance.yAxisValueAuto) {
-            if(!appearance.yAxisMaxIntervalue) appearance.yAxisMaxIntervalue = 1;
-            // 双轴曲线，且曲线值为自适应
-            const dataGroup = {
-                data1: data.seriesData[0] && data.seriesData[0].data || [],
-                data2: data.seriesData[1] && data.seriesData[1].data || []
-            };
-            const newData = [...dataGroup.data1, ...dataGroup.data2];
-            let min = Math.min(...newData);
-            let max = Math.max(...newData);
-            const power = Math.floor(Math.log10(min));
-            for (let i = 0; i < option.yAxis.length; i++) {
-                const currentData = dataGroup[`data${i + 1}`];
-                if(min < 0 && Math.max(...currentData) < max) max *= appearance.yAxisMaxIntervalue;
-                if(min > 0 && Math.max(...currentData) < max) min = Math.pow(10, power);
-                option.yAxis[i].min = Math.ceil(min);
-                option.yAxis[i].max = Math.ceil(max);
-            }
-        }
-        const legendData = [];
-        let legendChange = false;
-        seriesNodes.map((item, index) => {
-            const seriesItem = data.seriesData[index];
-            item.data = seriesItem ? seriesItem.data : [];
-            // 获取角标数据
-            if(seriesItem && seriesItem.name) {
-                item.name = seriesItem.name;
-                legendData.push(seriesItem.name);
-                legendChange = true;
-            }
-        });
-        if(option.legend && legendChange) option.legend.data = legendData; // 为角标数据赋值
-    }else{
-        if(!data.seriesData.length) return;
-        let seriesData = [];
-        for (let i = 0; i < data.seriesData.length; i++){
-            const realSeriesNode = data.seriesData[i];
-            let currSeriesNode = {};
-            const seriesItem = seriesNodes[i];
-            if(seriesItem) {
-                currSeriesNode = seriesItem;
-            }else {
-                const newSeriesItem = JSON.parse(JSON.stringify(seriesNodes[0]));
-                newSeriesItem.itemStyle.normal.lineStyle.color = echartsColorData[i];
-                newSeriesItem.itemStyle.normal.color = echartsColorData[i];
-                currSeriesNode = newSeriesItem;
-            }
-            if(realSeriesNode.name) currSeriesNode.name = realSeriesNode.name;
-            currSeriesNode.data = realSeriesNode.data;
-            seriesData.push(currSeriesNode);
-        }
-        option.series = seriesData;
-    }
-}
-
-export function barPileStaticDataAuto(option, data, appearance) {
-    if(data && data.XData) option.yAxis[0].data = data.XData;
-    if(!(data && data.seriesData && data.seriesData.length)) return;
-    const seriesData = data.seriesData[0].data;
-    option.series[0].data = seriesData;
-    const data2 = [];
-    for (let i = 0; i < seriesData.length; i++) {
-        const dr = appearance.total[i] ? appearance.total[i].value - Number(seriesData[i]) : data.seriesData[1].data[i];
-        data2.push(dr);
-    }
-    option.series[1].data = data2;
-}
-
-/**
- * TOP排行-电量仪实时数据
- * @param option 图表配置数据
- * @param data 实时图表数据
- * @param appearance 自定义配置数据
- */
-export function topRankingListAuto(option, data, appearance) {
-    if(data && data.XData) option.yAxis[0].data = data.XData;
-    if(!(data && data.seriesData && data.seriesData.length)) return;
-    if(appearance.type === 'TOPRanking') {
-        if(appearance.total && appearance.total.length) return;
-        option.series[0].data = data.seriesData[0].data;
-    }else {
-        const seriesData = data.seriesData[0].data;
-        option.yAxis[1].data = seriesData;
-        for (let i = 0; i < option.series.length; i++) {
-            const node = option.series[i];
-            node.symbolBoundingData = data.total;
-            node.data = seriesData;
-        }
-    }
-}
-/**
- * 散点图-分数实时数据
- * @param option 图表配置数据
- * @param data 实时图表数据
- */
-export function scatterDataAuto(option, data) {
-    if(data && data.XData) option.xAxis[0].data = data.XData;
-    if(!(data && data.seriesData && data.seriesData.length)) return;
-    const { scatterData, legend, yData } = convertScatter3DTo2D(data);
-    option.legend.data = [...legend];
-    option.yAxis[0].data = [...yData];
-    for (let i = 0; i < option.series.length; i++) {
-        const seriesNode = option.series[i];
-        const name = option.legend.data[i];
-        seriesNode.name = name;
-        seriesNode.data = scatterData[name];
-    }
-}
-
-function convertScatter3DTo2D(arr3d) {
-    const { XData, seriesData } = arr3d;
-    const scatterData = {};
-    const legend = [];
-    const yData = new Set();
-    // 第一层遍历
-    for (let d = 0, depth = seriesData.length; d < depth; d++) {
-        const areaData = seriesData[d];
-        const areaName = areaData.name;
-        if(!scatterData[areaName]) scatterData[areaName] = [];
-        legend.push(areaData.name);
-        // 第二层遍历
-        const statusData = areaData.data;
-        for (let h = 0, height = statusData.length; h < height; h++) {
-            const issues = statusData[h];
-            const statusName = XData[h];
-            // 第三层遍历
-            for (let w = 0, width = issues.length; w < width; w++) {
-                const { name, value } = issues[w];
-                yData.add(name);
-                if(value) scatterData[areaName].push([statusName, name, Number(value)]);
-            }
-        }
-    }
-    return {
-        scatterData,
-        legend,
-        yData
-    };
-}
-
-/**
- * 环形设备告警数量实时数据
- * @param option 图表配置数据
- * @param data 实时图表数据
- * @param total 总数
- * @param count 告警数
- */
-export function pieRingAssetTotalAuto(option, data, total, count) {
-    if(data && data.length > 1) {
-        total = parseInt(data[0].value);
-        count = parseInt(data[1].value);
-    }
-    option.title.text = '{v|'+count+'}{unit|/'+total+'台}';
-    const value1 = ((100 / total) * count).toFixed(6);
-    option.series[0].data[0].value = value1;
-    option.series[0].data[1].value = 100 - value1;
-}
-
-/**
- * 
- * @param option 图表配置数据
- * @param data 实时图表数据
- * @param proportion 默认百分数
- */
-export function pieRingProportionAuto(option, data, proportion) {
-    if(data && data.length) {
-        proportion = Number(data[0].value);
-    }
-    if(!option.series[0].data[0].label.normal.formatter) option.series[0].data[0].label.normal.formatter = function(params){
-        return params.value ? `{v|${params.value}}{unit|%}` : `{v|${params.value}}`;
-    }
-    option.series[0].data[0].value = proportion;
-    option.series[0].data[1].value = 100 - proportion;
-}
-
-/**
- * 饼图环形图默认展示 实时数据
- * @param option 图表配置数据
- * @param data 实时图表数据
- */
-export function pieRingNormalAuto(option, data) {
-    if(!(data && data.length)) return;
-    const colors = option.color || echartsColorData;
-    const seriesData = [];
-    data.map((chd, index) => {
-        seriesData.push({
-            itemStyle: { color: colors[index] },
-            name: chd.name,
-            value: chd.value
-        })
-    })
-    option.series[0].data = seriesData;
-}
-
-/**
- * 仪表盘默认展示 实时数据
- * @param option 图表配置数据
- * @param data 实时图表数据
- */
-export function gaugeNormalAuto(option, data) {
-    if(!data) return;
-    // 仪表盘分两种，分别有不同的取值方式，下面两行先注释掉
-    // node.appearance.title.text = data.name;
-    // option.title.text = data.name;
-    option.series[0].data[0].value = data.value;
-}

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

@@ -1,5 +0,0 @@
-import { Node } from '../models';
-import { visualization2DStore } from '../store';
-export declare function setStyleForElementIdDiv(node: Node, elem: HTMLElement, data: visualization2DStore): void;
-export declare function createDiv(node: Node): HTMLDivElement;
-// export declare function loadJS(url: string, callback?: () => void, render?: boolean): void;

package/core/src/element/common.js

@@ -1,54 +0,0 @@
-import {Lock} from '../models';
-import {commonStore} from '../store';
-export function setStyleForElementIdDiv(node, elem, data) {
-    if (!elem) return;
-    const store = commonStore[node.TID].data;
-    elem.style.position = 'absolute';
-    elem.style.outline = 'none';
-    elem.style.left = node.rect.x + 'px';
-    elem.style.top = node.rect.y + 'px';
-    elem.style.width = node.rect.width / store.pageZoom + 'px';
-    elem.style.height = node.rect.height / store.pageZoom + 'px';
-    if (node.rotate || node.offsetRotate) {
-        elem.style.transform = "rotate(" + (node.rotate + node.offsetRotate) + "deg)";
-    }
-    if (data && data.locked > Lock.None || node.locked > Lock.None) {
-        elem.style.userSelect = 'initial';
-        elem.style.pointerEvents = 'initial';
-    } else {
-        elem.style.userSelect = 'none';
-        elem.style.pointerEvents = 'none';
-    }
-}
-
-// 创建div
-export function createDiv(node) {
-    var div = document.createElement('div');
-    div.setAttribute('class', 'topoEchart');
-    div.style.position = 'absolute';
-    div.style.outline = 'none';
-    div.style.left = '-9999px';
-    div.style.bottom = '-9999px';
-    div.style.width = node.rect.width + 'px';
-    div.style.height = node.rect.height + 'px';
-    div.id = node.id;
-    return div;
-}
-
-// export function loadJS(url, callback, render) {
-//     var loaderScript = document.createElement('script');
-//     loaderScript.type = 'text/javascript';
-//     loaderScript.src = url;
-//     loaderScript.addEventListener('load', function () {
-//         if (callback) {
-//             callback();
-//         }
-//         // how to do
-//         if (render) {
-//             Store.set('LT:render', true);
-//         }
-//     });
-//     document.body.appendChild(loaderScript);
-// }
-
-//# sourceMappingURL=dom.js.map

package/core/src/element/iframe.d.ts

@@ -1,3 +0,0 @@
-import { Node } from '../models';
-
-export declare function createIframeElement(node: Node): HTMLIFrameElement;

package/core/src/element/iframe.js

@@ -1,12 +0,0 @@
-// 创建iframe
-export function createIframeElement(node) {
-  const iframe = document.createElement('iframe');
-  // iframe.scrolling = 'no';
-  iframe.frameBorder = '0';
-  iframe.src = node.iframe;
-  iframe.width = node.rect.width;
-  iframe.height = node.rect.height;
-  iframe.setAttribute('id', node.id);
-  iframe.setAttribute('class', 'topology2dConfIfram');
-  return iframe;
-}

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

@@ -1,4 +0,0 @@
-export * from './common';
-export * from './iframe';
-export * from './select';
-export * from './tab';

package/core/src/element/index.js

@@ -1,4 +0,0 @@
-export * from './common';
-export * from './iframe';
-export * from './select';
-export * from './tab';

package/core/src/element/select.d.ts

@@ -1,11 +0,0 @@
-import { Node } from '../models';
-
-export declare function createSelectElement(node: Node): HTMLDivElement;
-export declare function createSelectDropdown(node: Node): HTMLDivElement;
-export declare function createSelectOptions(data: [], node: Node): string;
-export declare function getSelectedData(e: Event, data: any, editData: any): void;
-export declare function setSelectInteractiveState(selected: any, node: Node): void;
-export declare function resetSelectInteractiveState(node: Node): void;
-export declare function setSelectDropdownInteractiveState(node: any, staticType: any, type: any): void;
-export declare function setSelectElementPosition(node: Node, type: string): void;
-export declare function setSelectElementTheme(node: Node): void;