dcim-topology2d 2.1.0 → 2.2.2

package/chart-diagram/index.d.ts

@@ -2,4 +2,4 @@
 export * from './src/utils';
 export * from './src/echarts';
 export * from './src/register';
-export * from '../myShape-diagram/index.js';
+export * from '../myShape-diagram';

package/chart-diagram/index.js

@@ -1,5 +1,5 @@
 export * from './src/utils';
 export * from './src/echarts';
 export * from './src/register';
-export * from '../myShape-diagram/index.js';
+export * from '../myShape-diagram';
 //# sourceMappingURL=index.js.map

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

@@ -1,109 +1,112 @@
-import {s8, createDiv, rectangle, commonStore} from '../../../core';
-import {plugsPool} from '../../../store';
-import {
-    setMapScatterOptions,
-    setMapLineBarOptions,
-    setMapGaugeOptions,
-    setMapRingOptions,
-    setMap3dBarOptions,
-    setMapTopOptions,
-    setMapGlobalOptions,
-    setMapDataOptions,
-    initBindTabSetting
-} from '../utils';
-import {echartsTypeMap} from '../../../static';
-
-export function echarts(ctx, node) {
-    const currentStore = commonStore[node.TID];
-    if (!(currentStore && currentStore.data.dataResize)) return;
-    //console.log('echarts绘制-----node', node);
-    // if(currentElement) currentElement.style.display = !node.visible ? 'none': 'block';
-    // if(!node.visible) return;
-    // 绘制一个底图，类似于占位符。
-    rectangle(ctx, node)
-    // tslint:disable-next-line:no-shadowed-variable
-    var echarts = plugsPool.echarts || window.echarts
-    if (!node.data || !echarts) {
-        return
-    }
-    if (typeof node.data === 'string') {
-        node.data = JSON.parse(node.data)
-    }
-    if (!node.data.echarts) {
-        return
-    }
-    if (!node.elementId) {
-        node.elementId = s8()
-    }
-    let echartsData = currentStore.echartsDataPool[node.id];
-    if (!node.elementLoaded && !(echartsData && echartsData.div)) {
-        if(!echartsData) {
-            echartsData = {
-                div: createDiv(node)
-            };
-        }else {
-            echartsData.div = createDiv(node);
-        }
-        node.elementLoaded = true
-        document.body.appendChild(echartsData.div)
-        // 添加当前节点到div层
-        node.addToDiv()
-        echartsData.chart = echarts.init(echartsData.div, node.data.echarts.theme)
-        node.elementRendered = false
-        // 等待父div先渲染完成，避免初始图表控件太大
-        setTimeout(function () {
-            echartsData.chart.resize()
-        });
-        currentStore.echartsDataPool[node.id] = echartsData;
-    }
-    if (!node.elementRendered) {
-        const appearance = node.appearance;
-        // 初始化时，等待父div先渲染完成，避免初始图表控件太大。
-        setTimeout(function () {
-            let option = node.data.echarts.option;
-            if(!(echartsData && echartsData.chart)) return;
-            const pageZoom = currentStore.data.pageZoom;
-            echartsData.div.style.transform = `scale(${pageZoom})`;
-            echartsData.div.style.transformOrigin = '0 0';
-            if(node.data.params) node.data.params.tabCorrelationType = echartsData.tabCorrelationType || ''; // 统计图与Tab关联
-            const isLocked = currentStore.data.locked;
-            if (!isLocked || !currentStore.echartsOptionsPool[node.id]) {
-                const tabData = initBindTabSetting(node); // 初始化Tabs数据配置
-                // 【未锁定（编辑）状态, options未初始化的状态】
-                if (!appearance.type) appearance.type = echartsTypeMap[`type_${option.displayMode}`]; // 兼容旧数据配置
-                // 公共配置 Top排行榜散点图跳过公共属性配置
-                if (option.displayMode !== 4 && option.displayMode !== 7) setMapGlobalOptions(option, node);
-                // 散点图
-                if (appearance.type.includes('scatter')) setMapScatterOptions(option, node);
-                // 折线图和柱状图
-                if (appearance.type.includes('line') || appearance.type.includes('bar')) setMapLineBarOptions(option, node);
-                // 仪表盘
-                if (appearance.type === 'gauge') setMapGaugeOptions(option, node);
-                // 环形图 || 饼图
-                if (appearance.type.includes('ring') || appearance.type.includes('pie')) setMapRingOptions(option, node);
-                // 3d 柱状图
-                if (appearance.type === '3dBar') setMap3dBarOptions(option, node);
-                // Top排行榜
-                if (appearance.type.includes('TOP')) setMapTopOptions(option, node);
-                //option.title = appearance.title;
-                option.backgroundColor = appearance.backgroundColor;
-                currentStore.echartsOptionsPool[node.id] = {
-                    option: JSON.parse(JSON.stringify(option)),
-                    data: {
-                        TID: node.TID,
-                        appearance,
-                        id: node.id,
-                        params: node.data.params,
-                        tabData
-                    }
-                };
-                if (!isLocked) echartsData.chart.clear();
-            }
-            // echarts 数据渲染更新
-            setMapDataOptions(option, currentStore.echartsOptionsPool[node.id].data);
-            node.elementRendered = true;
-        })
-    }
-}
-
-//# sourceMappingURL=index.js.map
+import {s8, createDiv, rectangle, commonStore} from '../../../core';
+import {plugsPool} from '../../../store';
+import {
+    setMapScatterOptions,
+    setMapLineBarOptions,
+    setMapGaugeOptions,
+    setMapRingOptions,
+    setMap3dBarOptions,
+    setMapTopOptions,
+    setMapGlobalOptions,
+    setMapDataOptions,
+    initBindCorrelationSetting
+} from '../utils';
+import {echartsTypeMap} from '../../../static';
+
+export function echarts(ctx, node) {
+    const currentStore = commonStore[node.TID];
+    if (!(currentStore && currentStore.data.dataResize)) return;
+    //console.log('echarts绘制-----node', node);
+    // if(currentElement) currentElement.style.display = !node.visible ? 'none': 'block';
+    // if(!node.visible) return;
+    // 绘制一个底图，类似于占位符。
+    rectangle(ctx, node)
+    // tslint:disable-next-line:no-shadowed-variable
+    var echarts = plugsPool.echarts || window.echarts
+    if (!node.data || !echarts) {
+        return
+    }
+    if (typeof node.data === 'string') {
+        node.data = JSON.parse(node.data)
+    }
+    if (!node.data.echarts) {
+        return
+    }
+    if (!node.elementId) {
+        node.elementId = s8()
+    }
+    let echartsData = currentStore.echartsDataPool[node.id];
+    if (!node.elementLoaded && !(echartsData && echartsData.div)) {
+        if(!echartsData) {
+            echartsData = {
+                div: createDiv(node)
+            };
+        }else {
+            echartsData.div = createDiv(node);
+        }
+        node.elementLoaded = true
+        document.body.appendChild(echartsData.div)
+        // 添加当前节点到div层
+        node.addToDiv()
+        echartsData.chart = echarts.init(echartsData.div, node.data.echarts.theme)
+        node.elementRendered = false
+        // 等待父div先渲染完成，避免初始图表控件太大
+        setTimeout(function () {
+            echartsData.chart.resize()
+        });
+        currentStore.echartsDataPool[node.id] = echartsData;
+    }
+    if (!node.elementRendered) {
+        const appearance = node.appearance;
+        // 初始化时，等待父div先渲染完成，避免初始图表控件太大。
+        setTimeout(function () {
+            let option = node.data.echarts.option;
+            if(!(echartsData && echartsData.chart)) return;
+            const pageZoom = currentStore.data.pageZoom;
+            echartsData.div.style.transform = `scale(${pageZoom})`;
+            echartsData.div.style.transformOrigin = '0 0';
+            if(node.data.params) node.data.params.tabCorrelationType = echartsData.tabCorrelationType || ''; // 统计图与Tab关联
+            const isLocked = currentStore.data.locked;
+            const echartsOptionsData = currentStore.echartsOptionsPool[node.id];
+            if (!isLocked || !echartsOptionsData) {
+                const tabData = initBindCorrelationSetting(node); // 初始化图表与其他组件关联的配置数据
+                // 【未锁定（编辑）状态, options未初始化的状态】
+                if (!appearance.type) appearance.type = echartsTypeMap[`type_${option.displayMode}`]; // 兼容旧数据配置
+                // 公共配置 Top排行榜散点图跳过公共属性配置
+                if (option.displayMode !== 4 && option.displayMode !== 7) setMapGlobalOptions(option, node);
+                // 散点图
+                if (appearance.type.includes('scatter')) setMapScatterOptions(option, node);
+                // 折线图和柱状图
+                if (appearance.type.includes('line') || appearance.type.includes('bar')) setMapLineBarOptions(option, node);
+                // 仪表盘
+                if (appearance.type === 'gauge') setMapGaugeOptions(option, node);
+                // 环形图 || 饼图
+                if (appearance.type.includes('ring') || appearance.type.includes('pie')) setMapRingOptions(option, node);
+                // 3d 柱状图
+                if (appearance.type === '3dBar') setMap3dBarOptions(option, node);
+                // Top排行榜
+                if (appearance.type.includes('TOP')) setMapTopOptions(option, node);
+                //option.title = appearance.title;
+                option.backgroundColor = appearance.backgroundColor;
+                const correlationData = echartsOptionsData && echartsOptionsData.correlationData || null;
+                currentStore.echartsOptionsPool[node.id] = {
+                    option: JSON.parse(JSON.stringify(option)),
+                    correlationData,
+                    data: {
+                        TID: node.TID,
+                        appearance,
+                        id: node.id,
+                        params: node.data.params,
+                        tabData
+                    }
+                };
+                if (!isLocked) echartsData.chart.clear();
+            }
+            // echarts 数据渲染更新
+            setMapDataOptions(option, currentStore.echartsOptionsPool[node.id].data);
+            node.elementRendered = true;
+        })
+    }
+}
+
+//# sourceMappingURL=index.js.map

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

@@ -1,8 +1,8 @@
-export declare function setRingChartText<T>(textData: T): void;
-export declare function setRingPreSeriesOptions<T>(option: T, appearance: T): void;
-export declare function setRingProSeriesOptions<T>(option: T, appearance: T): void;
-export declare function set3DPieOptions<T>(option: T, appearance: T, labelLineData: any, realData: any): {};
-export declare function setChartLegendData<T>(legend: T, appearance: T): void;
-export declare function setChartXAxisData<T>(xAxis: [], appearance: T): void;
-export declare function setChartYAxisData<T>(yAxis: [], appearance: T): void;
-export declare function setLineSeriesStyleData<T>(series: [], appearance: T): void;
+export declare function setRingChartText<T>(textData: T): void;
+export declare function setRingPreSeriesOptions<T>(option: T, appearance: T): void;
+export declare function setRingProSeriesOptions<T>(option: T, appearance: T): void;
+export declare function set3DPieOptions<T>(option: T, appearance: T, labelLineData: any, realData: any): {};
+export declare function setChartLegendData<T>(legend: T, appearance: T): void;
+export declare function setChartXAxisData<T>(xAxis: [], appearance: T): void;
+export declare function setChartYAxisData<T>(yAxis: [], appearance: T): void;
+export declare function setLineSeriesStyleData<T>(series: [], appearance: T): void;

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

@@ -65,9 +65,15 @@ export function setRingProSeriesOptions(option, appearance) {
 }
 
 // 3D饼图 | 环形图 属性配置
-export function set3DPieOptions(option, appearance, labelLineData, realData){
+export function set3DPieOptions(option, appearance, labelLineData, realData) {
     let type = appearance.type.includes('pie') ? 'pie' : 'ring';
-    const {legendData, series, node, total, boxHeight} = getPie3D(appearance.grid.internalDiameterRatio, type, appearance, labelLineData, realData);
+    const {
+        legendData,
+        series,
+        node,
+        total,
+        boxHeight
+    } = getPie3D(appearance.grid.internalDiameterRatio, type, appearance, labelLineData, realData);
     option.grid3D.boxHeight = boxHeight;
     option.legend.data = legendData;
     option.series = series;

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

@@ -1,19 +1,19 @@
-interface echartsOptions {
-    color: '',
-    xAxis: [],
-    yAxis: [],
-    series: [],
-    tooltip: null
-}
-export declare function getXYAxisLabelVal(index: number, intervalNum: number, value: any): string;
-export declare function initBindTabSetting(node: any): string;
-export declare function setMapScatterOptions(option: echartsOptions, node: any): void;
-export declare function setMapLineBarOptions(option: echartsOptions, node: any): void;
-export declare function setMapGaugeOptions(option: echartsOptions, node: any): void;
-export declare function setMapRingOptions(option: echartsOptions, node: any): void;
-export declare function setMap3dBarOptions(option: echartsOptions, node: any): void;
-export declare function setMapTopOptions(option: echartsOptions, node: any): void;
-export declare function setMapGlobalOptions(option: echartsOptions, node: any): void;
-export declare function setMapDataOptions(option: echartsOptions, node: any): void;
-export declare function setMapAutoMoveOptions(option: echartsOptions, chartNode: string,node: any, callback: any): void;
-export declare function setMapStopAutoMoveOptions(chartNode: string): void;
+interface echartsOptions {
+    color: '',
+    xAxis: [],
+    yAxis: [],
+    series: [],
+    tooltip: null
+}
+export declare function getXYAxisLabelVal(index: number, intervalNum: number, value: any): string;
+export declare function initBindCorrelationSetting(node: any): string;
+export declare function setMapScatterOptions(option: echartsOptions, node: any): void;
+export declare function setMapLineBarOptions(option: echartsOptions, node: any): void;
+export declare function setMapGaugeOptions(option: echartsOptions, node: any): void;
+export declare function setMapRingOptions(option: echartsOptions, node: any): void;
+export declare function setMap3dBarOptions(option: echartsOptions, node: any): void;
+export declare function setMapTopOptions(option: echartsOptions, node: any): void;
+export declare function setMapGlobalOptions(option: echartsOptions, node: any): void;
+export declare function setMapDataOptions(option: echartsOptions, node: any): void;
+export declare function setMapAutoMoveOptions(option: echartsOptions, chartNode: string,node: any, callback: any): void;
+export declare function setMapStopAutoMoveOptions(chartNode: string): void;