dcim-topology2d 1.1.2 → 1.1.4

package/core/src/divLayer.js

@@ -20,42 +20,25 @@ var __extends = (this && this.__extends) || (function () {
     };
 })();
 import {Store} from 'le5le-store';
-import {Node, images} from './models/node';
-import {Lock} from './models/status';
-import {PenType} from './models/pen';
+import {Node, PenType, images, defaultImages} from './models';
 import {Layer} from './layer';
-import { setStyleForElementIdDiv, DomElements } from './utils'
-import { commonStore } from './store'
+import { setStyleForElementIdDiv, createIframeElement, DomElements, DomIframes } from './utils';
+import { commonStore } from './store';
 var DivLayer = /** @class */ (function (_super) {
     __extends(DivLayer, _super);
-
     function DivLayer(TID) {
         var _this = _super.call(this, TID) || this;
         _this.canvas = document.createElement('div');
-        // _this.player = document.createElement('div');
-        // _this.videos = {};
-        // _this.audios = {};
         _this.iframes = {};
         _this.elements = {};
         _this.gifs = {};
         _this.addDiv = function (node) {
-            // if (node.audio) {
-            //     if (_this.audios[node.id] && _this.audios[node.id].media.src !== node.audio) {
-            //         _this.audios[node.id].media.src = node.audio;
-            //     }
-            //     _this.setElemPosition(node, (_this.audios[node.id] && _this.audios[node.id].player) || _this.addMedia(node, 'audio'));
-            // }
-            // if (node.video) {
-            //     if (_this.videos[node.id] && _this.videos[node.id].media.src !== node.video) {
-            //         _this.videos[node.id].media.src = node.video;
-            //     }
-            //     _this.setElemPosition(node, (_this.videos[node.id] && _this.videos[node.id].player) || _this.addMedia(node, 'video'));
-            // }
             if (node.iframe) {
-                if (_this.iframes[node.id] && _this.iframes[node.id].src !== node.iframe) {
-                    _this.iframes[node.id].src = node.iframe;
-                }
-                _this.setElemPosition(node, _this.iframes[node.id] || _this.addIframe(node));
+              Object.assign(_this.iframes, DomIframes);
+              if (_this.iframes[node.id] && _this.iframes[node.id].src !== node.iframe) {
+                  _this.iframes[node.id].src = node.iframe;
+              }
+              _this.setElemPosition(node, _this.iframes[node.id] || _this.addIframe(node));
             }
             if (node.elementId) {
                 Object.assign(_this.elements, DomElements);
@@ -91,18 +74,6 @@ var DivLayer = /** @class */ (function (_super) {
                 }
             }
         };
-        // if (!_this.options.playIcon) {
-        //     _this.options.playIcon = 'iconfont icon-play';
-        // }
-        // if (!_this.options.pauseIcon) {
-        //     _this.options.pauseIcon = 'iconfont icon-pause';
-        // }
-        // if (!_this.options.fullScreenIcon) {
-        //     _this.options.fullScreenIcon = 'iconfont icon-full-screen';
-        // }
-        // if (!_this.options.loopIcon) {
-        //     _this.options.loopIcon = 'iconfont icon-loop';
-        // }
         _this.canvas.style.position = 'absolute';
         _this.canvas.style.left = '0';
         _this.canvas.style.top = '0';
@@ -110,230 +81,13 @@ var DivLayer = /** @class */ (function (_super) {
         _this.canvas.style.background = 'transparent';
         _this.canvas.setAttribute('class', 'canvas-point');
         commonStore[TID].parentElem.appendChild(_this.canvas);
-        // parentElem.appendChild(_this.player);
-        //_this.createPlayer();
         _this.subcribe = Store.subscribe(_this.generateStoreKey('LT:addDiv'), _this.addDiv);
-        // _this.subcribeNode = Store.subscribe(_this.generateStoreKey('LT:activeNode'), function (node) {
-        //     if (!node || (!node.video && !node.audio)) {
-        //         _this.player.style.top = '-99999px';
-        //         return;
-        //     }
-        //     if (node.audio && _this.audios[node.id]) {
-        //         _this.media = _this.audios[node.id].media;
-        //     }
-        //     else if (node.video && _this.videos[node.id]) {
-        //         _this.media = _this.videos[node.id].media;
-        //     }
-        //     else {
-        //         return;
-        //     }
-        //     _this.curNode = node;
-        //     _this.player.style.top = _this.parentElem.offsetTop + _this.parentElem.clientHeight + 'px';
-        //     _this.player.style.left = _this.parentElem.getBoundingClientRect().left + 'px';
-        //     _this.player.style.width = _this.parentElem.clientWidth + 'px';
-        //     _this.getMediaCurrent();
-        //     if (_this.media.paused) {
-        //         _this.playBtn.className = _this.options.playIcon;
-        //     }
-        //     else {
-        //         _this.playBtn.className = _this.options.pauseIcon;
-        //     }
-        // });
-        // document.addEventListener('fullscreenchange', function (e) {
-        //     if (!_this.media) {
-        //         return;
-        //     }
-        //     if (document.fullscreen) {
-        //         _this.media.controls = true;
-        //         _this.media.style.userSelect = 'initial';
-        //         _this.media.style.pointerEvents = 'initial';
-        //     }
-        //     else {
-        //         _this.media.style.userSelect = 'none';
-        //         _this.media.style.pointerEvents = 'none';
-        //         _this.media.controls = false;
-        //     }
-        // });
         return _this;
     }
-
-    DivLayer.prototype.createPlayer = function () {
-        var _this = this;
-        let options = commonStore[_this.TID].options;
-        this.player.style.position = 'fixed';
-        this.player.style.outline = 'none';
-        this.player.style.top = '-99999px';
-        this.player.style.height = '40px';
-        this.player.style.padding = '10px 15px';
-        this.player.style.background = 'rgba(200,200,200,.1)';
-        this.player.style.display = 'flex';
-        this.player.style.alignItems = 'center';
-        this.player.style.userSelect = 'initial';
-        this.player.style.pointerEvents = 'initial';
-        this.player.style.zIndex = '1';
-        this.playBtn = document.createElement('i');
-        this.currentTime = document.createElement('span');
-        this.progress = document.createElement('div');
-        this.progressCurrent = document.createElement('div');
-        this.loop = document.createElement('i');
-        var fullScreen = document.createElement('i');
-        this.playBtn.className = options.playIcon;
-        this.playBtn.style.fontSize = '18px';
-        this.playBtn.style.lineHeight = '20px';
-        this.playBtn.style.cursor = 'pointer';
-        this.currentTime.style.padding = '0 10px';
-        this.currentTime.innerText = '0 / 0';
-        this.progress.style.position = 'relative';
-        this.progress.style.flexGrow = '1';
-        this.progress.style.top = '0';
-        this.progress.style.height = '4px';
-        this.progress.style.background = '#ccc';
-        this.progress.style.borderRadius = '2px';
-        this.progress.style.overflow = 'hidden';
-        this.progress.style.cursor = 'pointer';
-        this.progressCurrent.style.position = 'absolute';
-        this.progressCurrent.style.left = '0';
-        this.progressCurrent.style.top = '0';
-        this.progressCurrent.style.bottom = '0';
-        this.progressCurrent.style.width = '0';
-        this.progressCurrent.style.background = '#52c41a';
-        this.loop.style.margin = '0 10px';
-        this.loop.style.padding = '2px 5px';
-        this.loop.style.borderRadius = '2px';
-        this.loop.className = options.loopIcon;
-        this.loop.style.fontSize = '18px';
-        this.loop.style.lineHeight = '20px';
-        this.loop.style.cursor = 'pointer';
-        fullScreen.className = options.fullScreenIcon;
-        fullScreen.style.fontSize = '17px';
-        fullScreen.style.lineHeight = '20px';
-        fullScreen.style.cursor = 'pointer';
-        this.player.appendChild(this.playBtn);
-        this.player.appendChild(this.currentTime);
-        this.player.appendChild(this.progress);
-        this.progress.appendChild(this.progressCurrent);
-        this.player.appendChild(this.loop);
-        this.player.appendChild(fullScreen);
-        this.playBtn.onclick = function () {
-            if (_this.media.paused) {
-                _this.media.play();
-                _this.playBtn.className = options.pauseIcon;
-            } else {
-                _this.media.pause();
-                _this.playBtn.className = options.playIcon;
-            }
-        };
-        this.progress.onclick = function (e) {
-            _this.media.currentTime = (e.offsetX / _this.progress.clientWidth) * _this.media.duration;
-        };
-        this.loop.onclick = function () {
-            _this.media.loop = !_this.media.loop;
-            _this.curNode.playLoop = _this.media.loop;
-            if (_this.media.loop) {
-                _this.loop.style.background = '#ddd';
-            } else {
-                _this.loop.style.background = 'none';
-            }
-        };
-        fullScreen.onclick = function () {
-            _this.media.requestFullscreen();
-        };
-        options = null;
-    };
-    DivLayer.prototype.getMediaCurrent = function () {
-        if (!this.media) {
-            return;
-        }
-        this.currentTime.innerText =
-                this.formatSeconds(this.media.currentTime) + ' / ' + this.formatSeconds(this.media.duration);
-        this.progressCurrent.style.width =
-                (this.media.currentTime / this.media.duration) * this.progress.clientWidth + 'px';
-    };
-    DivLayer.prototype.addMedia = function (node, type) {
-        var _this = this;
-        var player = document.createElement('div');
-        var current = document.createElement('div');
-        var media = document.createElement(type);
-        current.style.position = 'absolute';
-        current.style.outline = 'none';
-        current.style.left = '0';
-        current.style.bottom = '0';
-        current.style.height = '2px';
-        current.style.background = '#52c41a';
-        media.style.position = 'absolute';
-        media.style.outline = 'none';
-        media.style.left = '0';
-        media.style.right = '0';
-        media.style.top = '0';
-        media.style.bottom = '0';
-        if (type === 'video') {
-            media.style.width = node.rect.width + 'px';
-            media.style.height = node.rect.height + 'px';
-        }
-        player.style.background = 'transparent';
-        if (node.play === 1) {
-            media.autoplay = true;
-        }
-        media.loop = node.playLoop;
-        media.ontimeupdate = function () {
-            current.style.width = (media.currentTime / media.duration) * node.rect.width + 'px';
-            _this.getMediaCurrent();
-            if (_this.media === media) {
-                if (node.playLoop) {
-                    media.loop = true;
-                    _this.loop.style.background = '#ddd';
-                } else {
-                    media.loop = false;
-                    _this.loop.style.background = 'none';
-                }
-            }
-        };
-        media.onended = function () {
-            Store.set(_this.generateStoreKey('mediaEnd'), node);
-            if (_this.media === media) {
-                _this.playBtn.className = commonStore[_this.TID].options.playIcon;
-            }
-            _this.playNext(node.nextPlay);
-        };
-        media.onloadedmetadata = function () {
-            _this.getMediaCurrent();
-        };
-        media.src = node[type];
-        player.appendChild(media);
-        player.appendChild(current);
-        this[type + 's'][node.id] = {
-            player: player,
-            current: current,
-            media: media
-        };
-        this.canvas.appendChild(player);
-        return player;
-    };
-    DivLayer.prototype.playNext = function (next) {
-        if (!next) {
-            return;
-        }
-        for (var _i = 0, _a = commonStore[this.TID].data.pens; _i < _a.length; _i++) {
-            var item = _a[_i];
-            if (!(item instanceof Node)) {
-                continue;
-            }
-            if (item.tags.indexOf(next) > -1) {
-                if (item.audio && this.audios[item.id] && this.audios[item.id].media && this.audios[item.id].media.paused) {
-                    this.audios[item.id].media.play();
-                } else if (item.video && this.videos[item.id].media && this.videos[item.id].media.paused) {
-                    this.videos[item.id].media.play();
-                }
-            }
-        }
-    };
     DivLayer.prototype.addIframe = function (node) {
-        var iframe = document.createElement('iframe');
-        iframe.scrolling = 'no';
-        iframe.frameBorder = '0';
-        iframe.src = node.iframe;
+        const iframe = createIframeElement(node);
         this.iframes[node.id] = iframe;
-        this.canvas.appendChild(iframe);
+        commonStore[node.TID].parentElem.appendChild(iframe);
         return iframe;
     };
     DivLayer.prototype.addGif = function (node) {
@@ -347,25 +101,16 @@ var DivLayer = /** @class */ (function (_super) {
     DivLayer.prototype.removeDiv = function (item) {
         if (this.curNode && item.id === this.curNode.id) {
             this.curNode = null;
-            // this.media = null;
-            // this.player.style.top = '-99999px';
         }
-        // if (item.audio) {
-        //     this.canvas.removeChild(this.audios[item.id].player);
-        //     this.audios[item.id] = null;
-        // }
-        // if (item.video) {
-        //     this.canvas.removeChild(this.videos[item.id].player);
-        //     this.videos[item.id] = null;
-        // }
         if (item.iframe) {
-            this.canvas.removeChild(this.iframes[item.id]);
-            this.iframes[item.id] = null;
+          const iframesNode = this.iframes[item.id] || DomIframes[item.id];
+          commonStore[item.TID].parentElem.removeChild(iframesNode);
+          this.iframes[item.id] ? this.iframes[item.id] = null : DomIframes[item.id] = null;
         }
         if (item.elementId) {
             const elementNode = this.elements[item.id] || DomElements[item.id];
             this.canvas.removeChild(elementNode);
-            this.elements[item.id] = null;
+            this.elements[item.id] ? this.elements[item.id] = null : DomElements[item.id] = null;
         }
         if (item.gif) {
             this.canvas.removeChild(this.gifs[item.id]);
@@ -383,19 +128,22 @@ var DivLayer = /** @class */ (function (_super) {
     };
     DivLayer.prototype.clear = function () {
         this.canvas.innerHTML = '';
-        //this.audios = {};
-        //this.videos = {};
         this.iframes = {};
         this.elements = {};
         this.gifs = {};
-        for (var key in DomElements) {
+        for (let key in DomIframes) {
+          delete DomIframes[key];
+        }
+        for (let key in DomElements) {
           delete DomElements[key];
         }
         // tslint:disable-next-line:forin
-        for (var key in images) {
+        for (let key in images) {
             delete images[key];
         }
-        //this.player.style.top = '-99999px';
+        for (let key in defaultImages) {
+            delete defaultImages[key];
+        }
     };
     DivLayer.prototype.formatSeconds = function (seconds) {
         var h = Math.floor(seconds / 3600);
@@ -447,8 +195,6 @@ var DivLayer = /** @class */ (function (_super) {
     DivLayer.prototype.destroy = function () {
         this.clear();
         this.subcribe.unsubscribe();
-        //this.subcribeNode.unsubscribe();
-
         //优化
         this.canvas.onmousemove = null;
         this.canvas.onmousedown = null

package/core/src/healps/changeData.d.ts

@@ -5,4 +5,4 @@ export declare function setNodeEvents(item: any[], pen: Pen): void;
 export declare function setControlData(pen: Pen, syncData: Node): void;
 export declare function getControlNode(item: any, data: any): Node;
 export declare function getDetailData(data: Node): void;
-export declare function setStatisticalData(pen: Pen, staticForType: string, chartData: any): Node;
+export declare function setStatisticalData(pen: Pen, dataType: any, staticForType: string, chartData: any): Node;

package/core/src/healps/changeData.js

@@ -1,6 +1,9 @@
 //let DETAILDATA = null;
+import { echartsDefaultDataMap } from '../../../static';
+import { commonStore } from '../store'
 export function setConfItemNode(pen, syn_synata) {
     if (!pen.data) return
+    commonStore[pen.TID].data.dataResize = 1;
     if(pen.data instanceof Array) {
         let _syn = ''
         let isResetVal = false
@@ -78,7 +81,6 @@ export function setConfItemNode(pen, syn_synata) {
                 color = '#D38C00';
                 break;
         }
-
         // 显示的属性
         if (name === 'text') {
             pen.font.color = color
@@ -88,77 +90,113 @@ export function setConfItemNode(pen, syn_synata) {
         }else {
             pen.fillStyle = color
         }
-
         if (name === 'electricFan') setFanData(pen, _syn)
     }else {
         if (pen.elementRendered) pen.elementRendered = false;
-        if(pen.data.params && pen.data.echarts) {
+        if(pen.data.echarts) {
             const { echartDataValue } = syn_synata;
-            //const seriesData = pen.data.echarts.option.series.length > 1 ? echartDataValue : echartData
             const seriesData = echartDataValue;
-            const chartData = seriesData && Object.keys(seriesData).length && seriesData[pen.data.params.id];
-            const staticForType = pen.data.params.staticForType ? pen.data.params.staticForType : '';//统计类型：日，周，月，年
-            if(staticForType && (!chartData || !chartData[`${staticForType}_Data`]) || !chartData) {
-                // 无效配置
-            }else {
-                pen.data.echarts = setStatisticalData(pen, staticForType, chartData);
-            }
+            const chartData = pen.data.params && seriesData && Object.keys(seriesData).length && seriesData[pen.data.params.id];
+            const staticForType = pen.data.params && pen.data.params.staticForType || '';//统计类型：日，周，月，年
+            pen.data.echarts.option = setStatisticalData(pen, null, staticForType, chartData);
         }
     }
     return pen
 }
-export function setStatisticalData(pen, staticForType, chartData) {
-    const node = Object.assign({}, pen);
-    const displayMode = parseInt(node.data.echarts.option.displayMode);
-    const chartOptions = staticForType ? chartData[`${staticForType}_Data`] : chartData;
+
+/**
+ * 设置图表数据
+ * @param pen 拓扑节点
+ * @param dataType 数据类型：‘def’-默认，不传默认为-实时
+ * @param staticForType 统计类型：日，周，月，年
+ * @param chartData // 图表实时数据
+ * @returns {*}
+ */
+export function setStatisticalData(pen, dataType, staticForType, chartData) {
+    const node = JSON.parse(JSON.stringify(pen));
+    const echartsOption = node.data.echarts.option;
+    const optionDisplayMode = echartsOption.displayMode;
+    let displayMode = 0;
+    if(typeof optionDisplayMode === 'string') {
+
+        const displayType = optionDisplayMode.split('_')[0];
+
+        displayMode = parseInt(displayType);
+
+    }else {
+        displayMode = parseInt(optionDisplayMode);
+    }
+    const defaultData = echartsDefaultDataMap[`displayMode_${optionDisplayMode}`];
+    const staticTypeData = chartData && chartData[`${staticForType}_Data`];
+    const chartRealData = staticForType ? staticTypeData || defaultData : chartData || defaultData;
     if (displayMode === 1 || displayMode === 2){ // 折线图，柱状图
         //const xData = [], seriesData = [];
-        const seriesNodes = node.data.echarts.option.series;
+        dataType = staticForType && staticTypeData || chartData && chartData.seriesData.length ? '' : 'def';
+        const seriesNodes = echartsOption.series;
+        const isBaseLineBar = ['line', 'bar'].includes(node.appearance.type);
         // 双轴曲线
-        if(seriesNodes.length > 1 || node.data.params.curveNum > 1){
+        if(seriesNodes.length > 1 || node.data.params && node.data.params.curveNum > 1){
             const legendData = [];
-            if(!chartOptions) return;
-            node.data.echarts.option.xAxis[0].data = chartOptions.XData;
-            let legend = node.data.echarts.option.legend;
-            if(chartOptions.seriesData.length) {
-                //循环给每条统计数据赋值
-                seriesNodes.map((item, index) => {
-                    const { name, data } = chartOptions.seriesData[index];
-                    item.name = name;
-                    item.data = data;
-                    legendData.push(name);
-                });
-                legend.data = legendData;
-            }else {
-                node.data.echarts.option.legend = [];
-                node.data.echarts.option.series = []
-            }
+            let legendChange = false;
+            echartsOption.xAxis[0].data = chartRealData.XData;
+            let order = 0;
+            //循环给每条统计数据赋值
+            seriesNodes.map((item, index) => {
+                let seriesItem = null;
+                // 执行类型为恢复默认
+                if(dataType === 'def') {
+                    let defaultSeriesItem = defaultData.seriesData[order];
+                    if(!defaultSeriesItem) defaultSeriesItem = defaultData.seriesData[0]; // 默认数据只有一个时，只取第一个
+                    seriesItem = JSON.parse(JSON.stringify(defaultSeriesItem));
+                    if(['line', 'bar'].includes(item.type)) order++; // 此判断为过滤series中的图表柱子或折线节点样式
+                    if(!isBaseLineBar) return item.data = seriesItem.data; // 曲线或柱状图模板一般会走这个逻辑
+                    if(!index) {
+                        seriesItem.name = '标注1';
+                        item.data = seriesItem.data;
+                    }else {
+                        // 自动生成series数据计算
+                        for(let i = 0, sdl = seriesItem.data.length; i < sdl; i++){
+                            displayMode === 1 ? seriesItem.data[i] -= 400 : seriesItem.data[i] += 100;
+                        }
+                        seriesItem.name = `标注${index + 1}`;
+                        item.data = seriesItem.data;
+                    }
+                }else {
+                    // 执行类型为实时数据
+                    seriesItem = chartRealData.seriesData[index];
+                    if(!seriesItem) return item.data = [];
+                    item.data = seriesItem.data;
+                }
+                // 获取角标数据
+                if(seriesItem.name) {
+                    item.name = seriesItem.name;
+                    legendData.push(seriesItem.name);
+                    legendChange = true;
+                }
+            });
+            if(echartsOption.legend && legendChange) echartsOption.legend.data = legendData; // 为角标数据赋值
         }else {
-            if(chartOptions) {
-                node.data.echarts.option.xAxis[0].data = chartOptions.XData;
-                node.data.echarts.option.series[0].data = chartOptions.seriesData;
-            }
+            // 单曲线或柱状的执行逻辑
+            echartsOption.xAxis[0].data = chartRealData.XData;
+            const { name, data } = chartRealData.seriesData[0];
+            if(name) seriesNodes[0].name = name;
+            seriesNodes[0].data = data;
         }
     }
-    if(displayMode === 4) { // 电量图
-        node.data.echarts.option.yAxis[0].data = chartOptions.XData;
-        node.data.echarts.option.yAxis[1].data = chartOptions.seriesData;
-        node.data.echarts.option.series[0].data = chartOptions.seriesData;
-        if(!chartOptions.seriesData.length) {
-            node.data.echarts.option.series[1].data = [];
-        }else {
-            let barData = [];
-            for (let sd = 0; sd < chartOptions.seriesData.length; sd++) {
-                barData.push(100);
-            }
-            node.data.echarts.option.series[1].data = barData;
+    if(displayMode === 4) { // top排行榜
+        echartsOption.yAxis[0].data = chartRealData.XData;
+        const { data } = chartRealData.seriesData[0];
+        echartsOption.yAxis[1].data = data;
+        for (let i = 0; i < echartsOption.series.length; i++) {
+            const node = echartsOption.series[i];
+            node.symbolBoundingData = chartRealData.total;
+            node.data = data;
         }
     }
-    if (displayMode === 5){ // 饼图
-        const colors = node.data.echarts.option.color;
-        const pieData = staticForType ? chartData : chartData.data;
+    if (displayMode === 5 || displayMode === 3){ // 饼图/环形图
+        const colors = echartsOption.color;
+        const pieData = staticForType ? chartData || defaultData : chartData && chartData.data || defaultData.seriesData;
         const seriesData = [];
-        if(!pieData) return;
         pieData.map((chd, index) => {
             seriesData.push({
                 itemStyle: { color: colors[index] },
@@ -166,15 +204,15 @@ export function setStatisticalData(pen, staticForType, chartData) {
                 value: chd.value
             })
         })
-        node.data.echarts.option.series[0].data = seriesData;
+        echartsOption.series[0].data = seriesData;
     }
-    if(displayMode === 6 && chartData){ // 仪表盘
+    if(displayMode === 6){ // 仪表盘
         // 仪表盘分两种，分别有不同的取值方式，下面两行先注释掉
         // node.appearance.title.text = chartData.name;
         // node.data.echarts.option.title.text = chartData.name;
-        node.data.echarts.option.series[0].data[0].value = chartData.value;
+        echartsOption.series[0].data[0].value = chartData && chartData.value || defaultData.value;
     }
-    return node.data.echarts;
+    return echartsOption;
 }
 export function setNodeEvents(item, pen) {
 

package/core/src/middles/arrows/index.d.ts

@@ -0,0 +1,4 @@
+export * from './circle';
+export * from './diamond';
+export * from './line';
+export * from './triangle';

package/core/src/middles/arrows/index.js

@@ -0,0 +1,5 @@
+export * from './circle';
+export * from './diamond';
+export * from './line';
+export * from './triangle';
+//# sourceMappingURL=index.js.map

package/core/src/middles/default.d.ts

@@ -1,6 +1,4 @@
-import { Point } from '../models';
-import { Node } from '../models';
-import { Line } from '../models';
+import { Point, Node, Line } from '../models';
 export declare const drawNodeFns: any;
 export declare const iconRectFns: any;
 export declare const textRectFns: any;