dcim-topology2d 1.1.3 → 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.js

@@ -1,7 +1,9 @@
 //let DETAILDATA = null;
-import { echartsDefaultDataMap } from '../../../static/index';
+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
@@ -113,52 +115,73 @@ export function setConfItemNode(pen, syn_synata) {
 export function setStatisticalData(pen, dataType, staticForType, chartData) {
     const node = JSON.parse(JSON.stringify(pen));
     const echartsOption = node.data.echarts.option;
-    const displayMode = parseInt(echartsOption.displayMode);
-    const defaultData = echartsDefaultDataMap[`displayMode_${displayMode}`];
+    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;
-    dataType = staticForType && staticTypeData ? '' : 'def';
     if (displayMode === 1 || displayMode === 2){ // 折线图，柱状图
         //const xData = [], seriesData = [];
-        const defaultSeriesNode = JSON.parse(JSON.stringify(defaultData.seriesData[0]));
+        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 && node.data.params.curveNum > 1){
             const legendData = [];
+            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) {
-                        item.data = defaultSeriesNode.data;
+                        seriesItem.name = '标注1';
+                        item.data = seriesItem.data;
                     }else {
-                        for(let i = 0, sdl = defaultSeriesNode.data.length; i < sdl; i++){
-                            displayMode === 1 ? defaultSeriesNode.data[i] -= 400 : defaultSeriesNode.data[i] += 100;
+                        // 自动生成series数据计算
+                        for(let i = 0, sdl = seriesItem.data.length; i < sdl; i++){
+                            displayMode === 1 ? seriesItem.data[i] -= 400 : seriesItem.data[i] += 100;
                         }
-                        item.data = defaultSeriesNode.data;
+                        seriesItem.name = `标注${index + 1}`;
+                        item.data = seriesItem.data;
                     }
                 }else {
-                    const { name, data } = chartRealData.seriesData[index];
-                    if(name) {
-                        item.name = name;
-                        legendData.push(name);
-                    }
-                    item.data = data;
+                    // 执行类型为实时数据
+                    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 && !dataType) echartsOption.legend.data = legendData;
+            if(echartsOption.legend && legendChange) echartsOption.legend.data = legendData; // 为角标数据赋值
         }else {
+            // 单曲线或柱状的执行逻辑
             echartsOption.xAxis[0].data = chartRealData.XData;
             const { name, data } = chartRealData.seriesData[0];
             if(name) seriesNodes[0].name = name;
             seriesNodes[0].data = data;
         }
-        if(echartsOption.legend && echartsOption.legend.data.length) {
-            echartsOption.legend.data = [];
-            for(let i=0, legLeng=echartsOption.legend.data.length; i<legLeng; i++){
-                echartsOption.legend.data.push(`标注${i+1}`);
-            }
-        }
     }
     if(displayMode === 4) { // top排行榜
         echartsOption.yAxis[0].data = chartRealData.XData;

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;

package/core/src/middles/default.js

@@ -1,54 +1,52 @@
-import { rectangle } from './nodes/rectangle';
-import { circle } from './nodes/circle';
-import { triangle } from './nodes/triangle';
-import { diamond } from './nodes/diamond';
-import { leftArrow, rightArrow, twowayArrow } from './nodes/arrow';
-import { text } from './nodes/text';
-import { line as nodeLine } from './nodes/line';
-import { triangleAnchors } from './nodes/triangle.anchor';
-import { arrowAnchors } from './nodes/arrow.anchor';
-import { lineAnchors } from './nodes/line.anchor';
-import { circleIconRect, circleTextRect } from './nodes/circle.rect';
-import { triangleIconRect, triangleTextRect } from './nodes/triangle.rect';
-import { diamondIconRect, diamondTextRect } from './nodes/diamond.rect';
-import { twowayArrowIconRect, twowayArrowTextRect, leftArrowIconRect, leftArrowTextRect, rightArrowIconRect, rightArrowTextRect } from './nodes/arrow.rect';
-import { lineIconRect, lineTextRect } from './nodes/line.rect';
-import { line, lineControlPoints, calcLineControlPoints } from './lines/line';
-import { polyline, polylineControlPoints, pointInPolyline, calcPolylineControlPoints, dockPolylineControlPoint } from './lines/polyline';
-import { curve, curveControlPoints, pointInCurve, calcCurveControlPoints } from './lines/curve';
-import { mind, calcMindControlPoints, mindControlPoints, pointInMind } from './lines/mind';
-import { triangleSolid, triangle as arrowTriangle } from './arrows/triangle';
-import { diamondSolid, diamond as arrowDiamond } from './arrows/diamond';
-import { circleSolid, circle as arrowCircle } from './arrows/circle';
-import { circleAnchors } from './nodes/circle.anchor';
-import { lineUp, lineDown, line as arrowLine } from './arrows/line';
-import { pentagon } from './nodes/pentagon';
-import { pentagonIconRect, pentagonTextRect } from './nodes/pentagon.rect';
-import { pentagonAnchors } from './nodes/pentagon.anchor';
-import { hexagon } from './nodes/hexagon';
-import { hexagonAnchors } from './nodes/hexagon.anchor';
-import { hexagonIconRect, hexagonTextRect } from './nodes/hexagon.rect';
-import { pentagram } from './nodes/pentagram';
-import { pentagramAnchors } from './nodes/pentagram.anchor';
-import { pentagramIconRect, pentagramTextRect } from './nodes/pentagram.rect';
-import { cloud } from './nodes/cloud';
-import { cloudAnchors } from './nodes/cloud.anchor';
-import { cloudIconRect, cloudTextRect } from './nodes/cloud.rect';
-import { message } from './nodes/message';
-import { messageIconRect, messageTextRect } from './nodes/message.rect';
-import { messageAnchors } from './nodes/message.anchor';
-import { file } from './nodes/file';
-import { imageIconRect, imageTextRect } from './nodes/image.rect';
-import { cube } from './nodes/cube';
-import { cubeAnchors } from './nodes/cube.anchor';
-import { cubeIconRect, cubeTextRect } from './nodes/cube.rect';
-import { people } from './nodes/people';
-import { peopleIconRect, peopleTextRect } from './nodes/people.rect';
-import { rectangleIconRect, rectangleTextRect } from './nodes/rectangle.rect';
-import { arbitraryGraph } from './nodes/arbitrarygraph';
-import { arbitraryGraphAnchors } from './nodes/arbitrarygraph.anchor';
-import { formtable } from './nodes/formtable';
-import { tablePagination } from './nodes/tablePagination';
+import {
+  arrowAnchors,
+  leftArrow, leftArrowIconRect, leftArrowTextRect,
+  rightArrow, rightArrowIconRect, rightArrowTextRect,
+  twowayArrow, twowayArrowIconRect, twowayArrowTextRect,
+  rectangle, rectangleIconRect, rectangleTextRect,
+  diamond, diamondIconRect, diamondTextRect,
+  text, file, formtable, tablePagination, iframePrimeval,
+  line as nodeLine, lineAnchors, lineIconRect, lineTextRect,
+  circle, circleIconRect, circleTextRect, circleAnchors,
+  triangle, triangleIconRect, triangleTextRect, triangleAnchors,
+  pentagon, pentagonIconRect, pentagonTextRect, pentagonAnchors,
+  hexagon, hexagonAnchors, hexagonIconRect, hexagonTextRect,
+  pentagram, pentagramAnchors, pentagramIconRect, pentagramTextRect,
+  cloud, cloudAnchors, cloudIconRect, cloudTextRect,
+  message, messageIconRect, messageTextRect, messageAnchors,
+  imageIconRect, imageTextRect,
+  cube, cubeAnchors, cubeIconRect, cubeTextRect,
+  people, peopleIconRect, peopleTextRect,
+  arbitraryGraph, arbitraryGraphAnchors,
+} from './nodes';
+import {
+  line,
+  lineControlPoints,
+  calcLineControlPoints,
+  polyline,
+  polylineControlPoints,
+  pointInPolyline,
+  calcPolylineControlPoints,
+  dockPolylineControlPoint,
+  curve,
+  curveControlPoints,
+  pointInCurve,
+  calcCurveControlPoints,
+  mind,
+  calcMindControlPoints,
+  mindControlPoints,
+  pointInMind
+} from './lines';
+import {
+  triangleSolid,
+  triangle as arrowTriangle,
+  diamondSolid,
+  diamond as arrowDiamond,
+  circleSolid, circle as arrowCircle,
+  lineUp,
+  lineDown,
+  line as arrowLine
+} from './arrows';
 // Functions of drawing a node.
 export var drawNodeFns = {};
 // Calc the occupy rect of icon.
@@ -64,6 +62,8 @@ export var drawArrowFns = {};
 function init() {
     console.log('Init middles.');
     // ********Default nodes.*******
+    // iframe
+    drawNodeFns.iframe = iframePrimeval;
     // tablePagination
     drawNodeFns.tablePagination = tablePagination;
     // formtable

package/core/src/middles/index.js

@@ -1,4 +1,5 @@
 export * from './default';
-export * from './nodes/rectangle';
-export * from './nodes/text';
+export * from './nodes';
+export * from './lines';
+export * from './arrows';
 //# sourceMappingURL=index.js.map

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

@@ -0,0 +1,4 @@
+export * from './curve';
+export * from './line';
+export * from './mind';
+export * from './polyline';

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

@@ -0,0 +1,5 @@
+export * from './curve';
+export * from './line';
+export * from './mind';
+export * from './polyline';
+//# sourceMappingURL=index.js.map

package/core/src/middles/nodes/iframe.d.ts

@@ -0,0 +1,2 @@
+import { Node } from '../../models';
+export declare function iframePrimeval(ctx: CanvasRenderingContext2D, node: Node): void;

package/core/src/middles/nodes/iframe.js

@@ -0,0 +1,12 @@
+import {rectangle} from 'dcim-topology2d/core'
+
+export function iframePrimeval(ctx, node) {
+    //console.log('iframePrimeval############', node)
+    // 绘制一个底图，类似于占位符。
+    rectangle(ctx, node);
+    if (!node.elementLoaded) {
+        // 添加当前节点到div层
+        node.addToDiv('init')
+        node.elementRendered = false
+    }
+}