@logicflow/extension 1.2.0-next.0 → 1.2.0-next.2

package/es/components/mini-map/index.js

@@ -9,134 +9,180 @@ var __values = (this && this.__values) || function(o) {
     };
     throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
 };
+import { throttle } from 'lodash-es';
 var MiniMap = /** @class */ (function () {
     function MiniMap(_a) {
         var _this = this;
-        var lf = _a.lf, LogicFlow = _a.LogicFlow;
-        this.__lf = null;
-        this.__container = null;
-        this.__miniMapWrap = null;
-        this.__miniMapContainer = null;
-        this.__lfMap = null;
-        this.__viewport = null;
-        this.__width = 150;
-        this.__height = 220;
-        this.__miniMapWidth = 450;
-        this.__miniMapHeight = 660;
-        this.__viewPortTop = 0;
-        this.__viewPortLeft = 0;
-        this.__startPosition = null;
-        this.__viewPortScale = 1;
-        this.__viewPortWidth = 150;
-        this.__viewPortHeight = 75;
-        this.__resetDataX = 0;
-        this.__resetDataY = 0;
-        this.__LogicFlow = null;
-        this.__isShow = false;
-        this.__disabledPlugins = ['miniMap', 'control', 'selectionSelect'];
+        var lf = _a.lf, LogicFlow = _a.LogicFlow, options = _a.options;
+        this.lf = null;
+        this.container = null;
+        this.miniMapWrap = null;
+        this.miniMapContainer = null;
+        this.lfMap = null;
+        this.viewport = null;
+        this.width = 150;
+        this.height = 220;
+        this.leftPosition = undefined;
+        this.topPosition = undefined;
+        this.rightPosition = undefined;
+        this.bottomPosition = undefined;
+        this.miniMapWidth = 450;
+        this.miniMapHeight = 660;
+        this.viewPortTop = 0;
+        this.viewPortLeft = 0;
+        this.startPosition = null;
+        this.viewPortScale = 1;
+        this.viewPortWidth = 150;
+        this.viewPortHeight = 75;
+        this.resetDataX = 0;
+        this.resetDataY = 0;
+        this.LogicFlow = null;
+        this.isShow = false;
+        this.isShowHeader = true;
+        this.isShowCloseIcon = true;
+        this.dragging = false;
+        this.disabledPlugins = ['miniMap', 'control', 'selectionSelect'];
         /**
          * 显示mini map
-         */
+        */
         this.show = function (leftPosition, topPosition) {
-            _this.__setView();
-            if (!_this.__isShow) {
-                _this.__createMiniMap(leftPosition, topPosition);
+            _this.setView();
+            if (!_this.isShow) {
+                _this.createMiniMap(leftPosition, topPosition);
             }
-            _this.__isShow = true;
+            _this.isShow = true;
         };
         /**
          * 隐藏mini map
          */
         this.hide = function () {
-            if (_this.__isShow) {
-                _this.__removeMiniMap();
+            if (_this.isShow) {
+                _this.removeMiniMap();
             }
-            _this.__isShow = false;
+            _this.isShow = false;
+        };
+        this.reset = function () {
+            _this.lf.resetTranslate();
+            _this.lf.resetZoom();
+            _this.hide();
+            _this.show();
         };
-        this.__startDrag = function (e) {
-            document.addEventListener('mousemove', _this.__drag);
-            document.addEventListener('mouseup', _this.__drop);
-            _this.__startPosition = {
+        this.startDrag = function (e) {
+            document.addEventListener('mousemove', _this.drag);
+            document.addEventListener('mouseup', _this.drop);
+            _this.startPosition = {
                 x: e.x,
                 y: e.y,
             };
         };
         this.moveViewport = function (top, left) {
-            var viewStyle = _this.__viewport.style;
-            _this.__viewPortTop = top;
-            _this.__viewPortLeft = left;
-            viewStyle.top = _this.__viewPortTop + "px";
-            viewStyle.left = _this.__viewPortLeft + "px";
+            var viewStyle = _this.viewport.style;
+            _this.viewPortTop = top;
+            _this.viewPortLeft = left;
+            viewStyle.top = _this.viewPortTop + "px";
+            viewStyle.left = _this.viewPortLeft + "px";
         };
-        this.__drag = function (e) {
-            var top = _this.__viewPortTop + e.y - _this.__startPosition.y;
-            var left = _this.__viewPortLeft + e.x - _this.__startPosition.x;
+        this.drag = function (e) {
+            _this.dragging = true;
+            var top = _this.viewPortTop + e.y - _this.startPosition.y;
+            var left = _this.viewPortLeft + e.x - _this.startPosition.x;
             _this.moveViewport(top, left);
-            _this.__startPosition = {
+            _this.startPosition = {
                 x: e.x,
                 y: e.y,
             };
-            var centerX = (_this.__viewPortLeft + _this.__viewPortWidth / 2)
-                / _this.__viewPortScale;
-            var centerY = (_this.__viewPortTop + _this.__viewPortHeight / 2)
-                / _this.__viewPortScale;
-            _this.__lf.focusOn({
+            var centerX = (_this.viewPortLeft + _this.viewPortWidth / 2)
+                / _this.viewPortScale;
+            var centerY = (_this.viewPortTop + _this.viewPortHeight / 2)
+                / _this.viewPortScale;
+            _this.lf.focusOn({
                 coordinate: {
-                    x: centerX + _this.__resetDataX,
-                    y: centerY + _this.__resetDataY,
+                    x: centerX + _this.resetDataX,
+                    y: centerY + _this.resetDataY,
                 },
             });
         };
-        this.__drop = function () {
-            document.removeEventListener('mousemove', _this.__drag);
-            document.removeEventListener('mouseup', _this.__drop);
-            var top = _this.__viewPortTop;
-            var left = _this.__viewPortLeft;
-            if (_this.__viewPortLeft > _this.__width) {
-                left = _this.__width - _this.__viewPortWidth;
+        this.drop = function () {
+            document.removeEventListener('mousemove', _this.drag);
+            document.removeEventListener('mouseup', _this.drop);
+            var top = _this.viewPortTop;
+            var left = _this.viewPortLeft;
+            if (_this.viewPortLeft > _this.width) {
+                left = _this.width - _this.viewPortWidth;
             }
-            if (_this.__viewPortTop > _this.__height) {
-                top = _this.__height - _this.__viewPortHeight;
+            if (_this.viewPortTop > _this.height) {
+                top = _this.height - _this.viewPortHeight;
             }
-            if (_this.__viewPortLeft < -_this.__width) {
+            if (_this.viewPortLeft < -_this.width) {
                 left = 0;
             }
-            if (_this.__viewPortTop < -_this.__height) {
+            if (_this.viewPortTop < -_this.height) {
                 top = 0;
             }
             _this.moveViewport(top, left);
         };
-        this.__lf = lf;
-        this.__miniMapWidth = lf.graphModel.width;
-        this.__miniMapHeight = (lf.graphModel.width * 220) / 150;
-        this.__LogicFlow = LogicFlow;
-        this.__init();
+        this.mapClick = function (e) {
+            if (_this.dragging) {
+                _this.dragging = false;
+            }
+            else {
+                var layerX = e.layerX, layerY = e.layerY;
+                var ViewPortCenterX = layerX;
+                var ViewPortCenterY = layerY;
+                var graphData = _this.lf.getGraphRawData();
+                var _a = _this.getBounds(graphData), left = _a.left, top_1 = _a.top;
+                var resetGraphX = left + ViewPortCenterX / _this.viewPortScale;
+                var resetGraphY = top_1 + ViewPortCenterY / _this.viewPortScale;
+                _this.lf.focusOn({ coordinate: { x: resetGraphX, y: resetGraphY } });
+            }
+        };
+        this.lf = lf;
+        if (options && options.MiniMap) {
+            this.setOption(options);
+        }
+        this.miniMapWidth = lf.graphModel.width;
+        this.miniMapHeight = (lf.graphModel.width * this.height) / this.width;
+        this.LogicFlow = LogicFlow;
+        this.initMiniMap();
     }
     MiniMap.prototype.render = function (lf, container) {
         var _this = this;
-        this.__container = container;
-        this.__lf.on('history:change', function () {
-            if (_this.__isShow) {
-                _this.__setView();
+        this.container = container;
+        this.lf.on('history:change', function () {
+            if (_this.isShow) {
+                _this.setView();
             }
         });
-        this.__lf.on('blank:drop', function () {
-            if (_this.__isShow) {
-                _this.__setView();
+        this.lf.on('graph:transform', throttle(function () {
+            // 小地图已展示，并且没有拖拽小地图视口
+            if (_this.isShow && !_this.dragging) {
+                _this.setView();
             }
-        });
+        }, 300));
     };
     MiniMap.prototype.init = function (option) {
-        this.__disabledPlugins = this.__disabledPlugins.concat(option.disabledPlugins || []);
+        this.disabledPlugins = this.disabledPlugins.concat(option.disabledPlugins || []);
+    };
+    MiniMap.prototype.setOption = function (options) {
+        var _a = options.MiniMap, _b = _a.width, width = _b === void 0 ? 150 : _b, _c = _a.height, height = _c === void 0 ? 220 : _c, _d = _a.isShowHeader, isShowHeader = _d === void 0 ? true : _d, _e = _a.isShowCloseIcon, isShowCloseIcon = _e === void 0 ? true : _e, _f = _a.leftPosition, leftPosition = _f === void 0 ? 0 : _f, _g = _a.topPosition, topPosition = _g === void 0 ? 0 : _g, rightPosition = _a.rightPosition, bottomPosition = _a.bottomPosition;
+        this.width = width;
+        this.height = height;
+        this.isShowHeader = isShowHeader;
+        this.isShowCloseIcon = isShowCloseIcon;
+        this.viewPortWidth = width;
+        this.leftPosition = leftPosition;
+        this.topPosition = topPosition;
+        this.rightPosition = rightPosition;
+        this.bottomPosition = bottomPosition;
     };
-    MiniMap.prototype.__init = function () {
+    MiniMap.prototype.initMiniMap = function () {
         var miniMapWrap = document.createElement('div');
         miniMapWrap.className = 'lf-mini-map-graph';
-        miniMapWrap.style.width = this.__width + "px";
-        miniMapWrap.style.height = this.__height + "px";
-        this.__lfMap = new this.__LogicFlow({
-            width: this.__lf.graphModel.width,
-            height: (this.__lf.graphModel.width * 220) / 150,
+        miniMapWrap.style.width = this.width + 4 + "px";
+        miniMapWrap.style.height = this.height + "px";
+        this.lfMap = new this.LogicFlow({
+            width: this.lf.graphModel.width,
+            height: (this.lf.graphModel.width * this.height) / this.width,
             container: miniMapWrap,
             isSilentMode: true,
             stopZoomGraph: true,
@@ -144,48 +190,68 @@ var MiniMap = /** @class */ (function () {
             stopMoveGraph: true,
             hideAnchors: true,
             hoverOutline: false,
-            disabledPlugins: this.__disabledPlugins,
+            disabledPlugins: this.disabledPlugins,
         });
         // minimap中禁用adapter。
-        this.__lfMap.adapterIn = function (a) { return a; };
-        this.__lfMap.adapterOut = function (a) { return a; };
-        this.__miniMapWrap = miniMapWrap;
-        this.__createViewPort();
+        this.lfMap.adapterIn = function (a) { return a; };
+        this.lfMap.adapterOut = function (a) { return a; };
+        this.miniMapWrap = miniMapWrap;
+        this.createViewPort();
+        miniMapWrap.addEventListener('click', this.mapClick);
     };
-    MiniMap.prototype.__createMiniMap = function (left, top) {
+    MiniMap.prototype.createMiniMap = function (left, top) {
         var miniMapContainer = document.createElement('div');
-        var miniMapWrap = this.__miniMapWrap;
-        miniMapContainer.appendChild(miniMapWrap);
-        if (typeof left !== 'undefined' && typeof top !== 'undefined') {
-            miniMapContainer.style.left = left + "px";
-            miniMapContainer.style.top = top + "px";
+        miniMapContainer.appendChild(this.miniMapWrap);
+        if (typeof left !== 'undefined' || typeof top !== 'undefined') {
+            miniMapContainer.style.left = (left || 0) + "px";
+            miniMapContainer.style.top = (top || 0) + "px";
+        }
+        else {
+            if (typeof this.rightPosition !== 'undefined') {
+                miniMapContainer.style.right = this.rightPosition + "px";
+            }
+            else if (typeof this.leftPosition !== 'undefined') {
+                miniMapContainer.style.left = this.leftPosition + "px";
+            }
+            if (typeof this.bottomPosition !== 'undefined') {
+                miniMapContainer.style.bottom = this.bottomPosition + "px";
+            }
+            else if (typeof this.topPosition !== 'undefined') {
+                miniMapContainer.style.top = this.topPosition + "px";
+            }
         }
         miniMapContainer.style.position = 'absolute';
         miniMapContainer.className = 'lf-mini-map';
-        this.__container.appendChild(miniMapContainer);
-        this.__miniMapWrap.appendChild(this.__viewport);
+        if (!this.isShowCloseIcon) {
+            miniMapContainer.classList.add('lf-mini-map-no-close-icon');
+        }
+        if (!this.isShowHeader) {
+            miniMapContainer.classList.add('lf-mini-map-no-header');
+        }
+        this.container.appendChild(miniMapContainer);
+        this.miniMapWrap.appendChild(this.viewport);
         var header = document.createElement('div');
         header.className = 'lf-mini-map-header';
-        header.innerText = '导航';
+        header.innerText = MiniMap.headerTitle;
         miniMapContainer.appendChild(header);
         var close = document.createElement('span');
         close.className = 'lf-mini-map-close';
         close.addEventListener('click', this.hide);
         miniMapContainer.appendChild(close);
-        this.__miniMapContainer = miniMapContainer;
+        this.miniMapContainer = miniMapContainer;
     };
-    MiniMap.prototype.__removeMiniMap = function () {
-        this.__container.removeChild(this.__miniMapContainer);
+    MiniMap.prototype.removeMiniMap = function () {
+        this.container.removeChild(this.miniMapContainer);
     };
     /**
      * 计算所有图形一起，占领的区域范围。
      * @param data
      */
-    MiniMap.prototype.__getBounds = function (data) {
+    MiniMap.prototype.getBounds = function (data) {
         var left = 0;
-        var right = this.__miniMapWidth;
+        var right = this.miniMapWidth;
         var top = 0;
-        var bottom = this.__miniMapHeight;
+        var bottom = this.miniMapHeight;
         var nodes = data.nodes;
         if (nodes && nodes.length > 0) {
             // 因为获取的节点不知道真实的宽高，这里需要补充一点数值
@@ -213,7 +279,7 @@ var MiniMap = /** @class */ (function () {
      * 保证渲染的时候，minimap能完全展示。
      * 获取将画布所有元素平移到0，0开始时，所有节点数据
      */
-    MiniMap.prototype.__resetData = function (data) {
+    MiniMap.prototype.resetData = function (data) {
         var nodes = data.nodes, edges = data.edges;
         var left = 0;
         var top = 0;
@@ -227,8 +293,8 @@ var MiniMap = /** @class */ (function () {
                 top = nodeTop < top ? nodeTop : top;
             });
             if (left < 0 || top < 0) {
-                this.__resetDataX = left;
-                this.__resetDataY = top;
+                this.resetDataX = left;
+                this.resetDataY = top;
                 nodes.forEach(function (node) {
                     node.x = node.x - left;
                     node.y = node.y - top;
@@ -266,21 +332,22 @@ var MiniMap = /** @class */ (function () {
      * 显示视口范围
      * 1. 基于画布的范围比例，设置视口范围比例。宽度默认为导航宽度。
      */
-    MiniMap.prototype.__setView = function () {
+    MiniMap.prototype.setView = function () {
         var e_1, _a;
         // 1. 获取到图中所有的节点中的位置，将其偏移到原点开始（避免节点位置为负的时候无法展示问题）。
-        var data = this.__resetData(this.__lf.getGraphRawData());
+        var graphData = this.lf.getGraphRawData();
+        var data = this.resetData(graphData);
         // 由于随时都会有新节点注册进来，需要同步将注册的
-        var viewMap = this.__lf.viewMap;
-        var modelMap = this.__lf.graphModel.modelMap;
-        var minimapViewMap = this.__lfMap.viewMap;
+        var viewMap = this.lf.viewMap;
+        var modelMap = this.lf.graphModel.modelMap;
+        var minimapViewMap = this.lfMap.viewMap;
         try {
             // todo: no-restricted-syntax
             for (var _b = __values(viewMap.keys()), _c = _b.next(); !_c.done; _c = _b.next()) {
                 var key = _c.value;
                 if (!minimapViewMap.has(key)) {
-                    this.__lfMap.setView(key, viewMap.get(key));
-                    this.__lfMap.graphModel.modelMap.set(key, modelMap.get(key));
+                    this.lfMap.setView(key, viewMap.get(key));
+                    this.lfMap.graphModel.modelMap.set(key, modelMap.get(key));
                 }
             }
         }
@@ -291,22 +358,22 @@ var MiniMap = /** @class */ (function () {
             }
             finally { if (e_1) throw e_1.error; }
         }
-        this.__lfMap.render(data);
+        this.lfMap.render(data);
         // 2. 将偏移后的数据渲染到minimap画布上
         // 3. 计算出所有节点在一起的边界。
-        var _d = this.__getBounds(data), left = _d.left, top = _d.top, right = _d.right, bottom = _d.bottom;
+        var _d = this.getBounds(data), left = _d.left, top = _d.top, right = _d.right, bottom = _d.bottom;
         // 4. 计算所有节点的边界与minimap看板的边界的比例.
-        var realWidthScale = this.__width / (right - left);
-        var realHeightScale = this.__height / (bottom - top);
+        var realWidthScale = this.width / (right - left);
+        var realHeightScale = this.height / (bottom - top);
         // 5. 取比例最小的值，将渲染的画布缩小对应比例。
-        var innerStyle = this.__miniMapWrap.firstChild.style;
+        var innerStyle = this.miniMapWrap.firstChild.style;
         var scale = Math.min(realWidthScale, realHeightScale);
         innerStyle.transform = "matrix(" + scale + ", 0, 0, " + scale + ", 0, 0)";
         innerStyle.transformOrigin = 'left top';
         innerStyle.height = bottom - Math.min(top, 0) + "px";
         innerStyle.width = right - Math.min(left, 0) + "px";
-        this.__viewPortScale = scale;
-        this.__setViewPort(scale, {
+        this.viewPortScale = scale;
+        this.setViewPort(scale, {
             left: left,
             top: top,
             right: right,
@@ -314,36 +381,54 @@ var MiniMap = /** @class */ (function () {
         });
     };
     // 设置视口
-    MiniMap.prototype.__setViewPort = function (scale, _a) {
+    MiniMap.prototype.setViewPort = function (scale, _a) {
         var left = _a.left, right = _a.right, top = _a.top, bottom = _a.bottom;
-        var viewStyle = this.__viewport.style;
-        viewStyle.width = this.__width - 4 + "px";
-        viewStyle.height = (this.__width - 4) / (this.__lf.graphModel.width / this.__lf.graphModel.height) + "px";
-        // top
-        var _b = this.__lf.getTransform(), TRANSLATE_X = _b.TRANSLATE_X, TRANSLATE_Y = _b.TRANSLATE_Y;
+        var viewStyle = this.viewport.style;
+        viewStyle.width = this.viewPortWidth + "px";
+        viewStyle.height = (this.viewPortWidth) / (this.lf.graphModel.width / this.lf.graphModel.height) + "px";
+        var _b = this.lf.getTransform(), TRANSLATE_X = _b.TRANSLATE_X, TRANSLATE_Y = _b.TRANSLATE_Y, SCALE_X = _b.SCALE_X, SCALE_Y = _b.SCALE_Y;
         var realWidth = right - left;
-        // 视口实际宽 = 视口默认宽 / (所有元素一起占据的真实宽 / 绘布宽)
-        var realViewPortWidth = (this.__width - 4) / (realWidth / this.__lf.graphModel.width);
+        // 视口宽 = 小地图宽 / (所有元素一起占据的真实宽 / 绘布宽)
+        var viewPortWidth = (this.width) / (realWidth / this.lf.graphModel.width);
+        // 实际视口宽 = 小地图宽 * 占宽度比例
+        var realViewPortWidth = this.width * (viewPortWidth / this.width);
+        var graphRatio = (this.lf.graphModel.width / this.lf.graphModel.height);
         // 视口实际高 = 视口实际宽 / (绘布宽 / 绘布高)
-        var graphRatio = (this.__lf.graphModel.width / this.__lf.graphModel.height);
         var realViewPortHeight = realViewPortWidth / graphRatio;
-        this.__viewPortTop = TRANSLATE_Y > 0 ? 0 : -TRANSLATE_Y * scale;
-        this.__viewPortLeft = TRANSLATE_X > 0 ? 0 : -TRANSLATE_X * scale;
-        this.__viewPortWidth = realViewPortWidth;
-        this.__viewPortHeight = realViewPortHeight;
-        viewStyle.top = this.__viewPortTop + "px";
-        viewStyle.left = this.__viewPortLeft + "px";
-        viewStyle.width = realViewPortWidth + "px";
-        viewStyle.height = realViewPortHeight + "px";
+        var graphData = this.lf.getGraphRawData();
+        var _c = this.getBounds(graphData), graphLeft = _c.left, graphTop = _c.top;
+        var viewportLeft = graphLeft;
+        var viewportTop = graphTop;
+        viewportLeft += TRANSLATE_X / SCALE_X;
+        viewportTop += TRANSLATE_Y / SCALE_Y;
+        this.viewPortTop = viewportTop > 0 ? 0 : (-viewportTop * scale);
+        this.viewPortLeft = viewportLeft > 0 ? 0 : (-viewportLeft * scale);
+        this.viewPortWidth = realViewPortWidth;
+        this.viewPortHeight = realViewPortHeight;
+        viewStyle.top = this.viewPortTop + "px";
+        viewStyle.left = this.viewPortLeft + "px";
+        viewStyle.width = realViewPortWidth / SCALE_X + "px";
+        viewStyle.height = realViewPortHeight / SCALE_Y + "px";
     };
     // 预览视窗
-    MiniMap.prototype.__createViewPort = function () {
+    MiniMap.prototype.createViewPort = function () {
         var div = document.createElement('div');
         div.className = 'lf-minimap-viewport';
-        div.addEventListener('mousedown', this.__startDrag);
-        this.__viewport = div;
+        div.addEventListener('mousedown', this.startDrag);
+        this.viewport = div;
     };
     MiniMap.pluginName = 'miniMap';
+    MiniMap.width = 150;
+    MiniMap.height = 220;
+    MiniMap.viewPortWidth = 150;
+    MiniMap.viewPortHeight = 75;
+    MiniMap.isShowHeader = true;
+    MiniMap.isShowCloseIcon = true;
+    MiniMap.leftPosition = 0;
+    MiniMap.topPosition = 0;
+    MiniMap.rightPosition = null;
+    MiniMap.bottomPosition = null;
+    MiniMap.headerTitle = '导航';
     return MiniMap;
 }());
 export default MiniMap;

package/es/components/selection-select/index.d.ts

@@ -36,7 +36,6 @@ declare class SelectionSelect {
     closeSelectionSelect(): void;
     __draw: (ev: any) => void;
     __drawOff: () => void;
-    isSelectElement(elementModel: any): boolean;
     open(): void;
     close(): void;
 }

package/es/components/selection-select/index.js

@@ -45,7 +45,7 @@ var SelectionSelect = /** @class */ (function () {
             var group = _this.lf.graphModel.group;
             elements.forEach(function (element) {
                 // 如果节点属于分组，则不不选中节点
-                if (_this.isSelectElement(element)) {
+                if (!group || !group.getNodeGroup(element.id)) {
                     _this.lf.selectElementById(element.id, true);
                 }
             });
@@ -72,6 +72,11 @@ var SelectionSelect = /** @class */ (function () {
             if (!config.stopMoveGraph || _this.__disabled) {
                 return;
             }
+            // 禁用右键框选，修复可能导致画布出现多个框选框不消失的问题，见https://github.com/didi/LogicFlow/issues/985
+            var isRightClick = e.button === 2;
+            if (isRightClick) {
+                return;
+            }
             var _b = lf.getPointByClient(e.clientX, e.clientY).domOverlayPosition, x = _b.x, y = _b.y;
             _this.startPoint = { x: x, y: y };
             _this.endPoint = { x: x, y: y };
@@ -123,24 +128,6 @@ var SelectionSelect = /** @class */ (function () {
         }
         this.close();
     };
-    SelectionSelect.prototype.isSelectElement = function (elementModel) {
-        // 如果不可见，则不被选中
-        if (!elementModel.visible)
-            return false;
-        var group = this.lf.extension.group;
-        // 节点在group中,则不被选中
-        if (group) {
-            if (elementModel.BaseType === 'node' && group.getNodeGroup(elementModel.id))
-                return false;
-            if (elementModel.BaseType === 'edge') {
-                if (group.getNodeGroup(elementModel.sourceNodeId)
-                    || group.getNodeGroup(elementModel.targetNodeId)) {
-                    return false;
-                }
-            }
-        }
-        return true;
-    };
     SelectionSelect.prototype.open = function () {
         this.__disabled = false;
     };

package/es/index.d.ts

@@ -16,5 +16,4 @@ export * from './tools/flow-path';
 export * from './tools/auto-layout';
 export * from './bpmn-adapter/xml2json';
 export * from './bpmn-adapter/json2xml';
-export * from './locale/en-locale';
 export * from './components/highlight';

package/es/index.js

@@ -17,5 +17,4 @@ export * from './tools/flow-path';
 export * from './tools/auto-layout';
 export * from './bpmn-adapter/xml2json';
 export * from './bpmn-adapter/json2xml';
-export * from './locale/en-locale';
 export * from './components/highlight';

package/es/materials/curved-edge/index.js

@@ -39,6 +39,7 @@ var __read = (this && this.__read) || function (o, n) {
     return ar;
 };
 import { PolylineEdge, PolylineEdgeModel, h } from '@logicflow/core';
+import searchMiddleIndex from './searchMiddleIndex';
 var CurvedEdge = /** @class */ (function (_super) {
     __extends(CurvedEdge, _super);
     function CurvedEdge() {
@@ -67,7 +68,20 @@ var CurvedEdge = /** @class */ (function (_super) {
         var style = model.getEdgeStyle();
         var animationStyle = model.getEdgeAnimationStyle();
         var points2 = this.pointFilter(points.split(' ').map(function (p) { return p.split(',').map(function (a) { return Number(a); }); }));
-        var _b = __read(points2[0], 2), startX = _b[0], startY = _b[1];
+        var res = searchMiddleIndex(points2);
+        if (res) {
+            var _b = __read(res, 2), first = _b[0], last = _b[1];
+            var firstPoint = points2[first];
+            var lastPoint_1 = points2[last];
+            var flag = firstPoint.some(function (num, index) { return num === lastPoint_1[index]; });
+            if (!flag) {
+                var diff = (lastPoint_1[1] - firstPoint[1]) / 2;
+                var firstNextPoint = [lastPoint_1[0], lastPoint_1[1] - diff];
+                var lastPrePoint = [firstPoint[0], firstPoint[1] + diff];
+                points2.splice(first + 1, 0, lastPrePoint, firstNextPoint);
+            }
+        }
+        var _c = __read(points2[0], 2), startX = _c[0], startY = _c[1];
         var d = "M" + startX + " " + startY;
         // 1) 如果一个点不为开始和结束，则在这个点的前后增加弧度开始和结束点。
         // 2) 判断这个点与前一个点的坐标
@@ -75,9 +89,9 @@ var CurvedEdge = /** @class */ (function (_super) {
         //    y为（这个点的y 大于前一个点的y, 则 为 这个点的y - 5；小于前一个点的y, 则为这个点的y+5）
         //    同理，判断这个点与后一个点的x,y是否相同，如果x相同，则y进行加减，如果y相同，则x进行加减
         for (var i = 1; i < points2.length - 1; i++) {
-            var _c = __read(points2[i - 1], 2), preX = _c[0], preY = _c[1];
-            var _d = __read(points2[i], 2), currentX = _d[0], currentY = _d[1];
-            var _e = __read(points2[i + 1], 2), nextX = _e[0], nextY = _e[1];
+            var _d = __read(points2[i - 1], 2), preX = _d[0], preY = _d[1];
+            var _e = __read(points2[i], 2), currentX = _e[0], currentY = _e[1];
+            var _f = __read(points2[i + 1], 2), nextX = _f[0], nextY = _f[1];
             if (currentX === preX && currentY !== preY) {
                 var y = currentY > preY ? currentY - radius : currentY + radius;
                 d = d + " L " + currentX + " " + y;
@@ -96,7 +110,7 @@ var CurvedEdge = /** @class */ (function (_super) {
                 d = d + " " + x + " " + currentY;
             }
         }
-        var _f = __read(points2[points2.length - 1], 2), endX = _f[0], endY = _f[1];
+        var _g = __read(points2[points2.length - 1], 2), endX = _g[0], endY = _g[1];
         d = d + " L " + endX + " " + endY;
         var attrs = __assign(__assign(__assign({ d: d, style: isAnimation ? animationStyle : {} }, style), arrowConfig), { fill: 'none' });
         return h('path', __assign({ d: d }, attrs));

package/es/materials/curved-edge/searchMiddleIndex.d.ts

@@ -0,0 +1 @@
+export default function searchMiddleIndex<T>(arr: Array<T>): [number, number] | false;

package/es/materials/curved-edge/searchMiddleIndex.js

@@ -0,0 +1,14 @@
+export default function searchMiddleIndex(arr) {
+    if (arr.length <= 1)
+        return false;
+    var first = 0;
+    var last = arr.length - 1;
+    while (first !== last && first + 1 !== last && last - 1 !== first) {
+        first++;
+        last--;
+    }
+    if (first === last) {
+        return [--first, last];
+    }
+    return [first, last];
+}