@riil-frontend/component-topology 12.1.0-dev.11 → 12.1.0-dev.13

package/es/components/ResourceSelectDrawer/ResourceSelectDrawer.js

@@ -64,7 +64,7 @@ function ResourceSelectDrawer(props) {
             _context.prev = 9;
             _context.t0 = _context["catch"](1);
             setLoading(false);
-            rlog.error('ResourceSelectDrawer.handleOk', _context.t0);
+            rlog.error('ResourceSelectDrawer.handleOk', _context.t0, _context.t0.stack);
 
           case 13:
           case "end":

package/es/core/editor/components/settings/core/updateElementProperty.js

@@ -1,7 +1,8 @@
+import Logger from 'loglevel';
+var rlog = Logger.getLogger('topo');
 export default function updateElementProperty(topo, name, value) {
-  // const element = topo.getDataModel().getDataById(selection[0].id);
   var element = topo.getSelectionModel().getFirstData();
-  console.info("updateElementProperty", topo.getSelectionModel().getSelection(), {
+  rlog.debug("updateElementProperty. ", {
     element: element,
     name: name,
     value: value

package/es/core/hooks/useTopoEdit.js

@@ -8,7 +8,7 @@ import React, { useCallback, useState } from "react";
 import Logger from 'loglevel';
 import { TopoEvent } from "@riil-frontend/component-topology-graph";
 import { TPL_BLANK, TPL_TREE } from "../../utils/template";
-import { getGroupElementByTag, isEdge, containsElement, isGroup, isLayer, isNode, getGroupChildren } from "../../utils/htElementUtils";
+import { getGroupElementByTag, isEdge, containsElement, isGroup, isLayer, isNode, getGroupChildren, getElements } from "../../utils/htElementUtils";
 import useResourceConfig from "./useResourceConfig";
 import useGroupAddResource from "./useGroupAddResource";
 import { findGroupChildren } from "../../utils/topoData";
@@ -280,7 +280,7 @@ var useTopoEdit = function useTopoEdit(params) {
       if (typeof onNodeDelete === "function") {
         onNodeDelete(data);
       } else {
-        emitEvent(TopoEvent.EVENT_TRIGGER_DELETE, node);
+        emitEvent(TopoEvent.EVENT_TRIGGER_DELETE, data);
       }
     }
   }; // 删除关联在节点上的出口链路
@@ -369,13 +369,15 @@ var useTopoEdit = function useTopoEdit(params) {
 
   function findUNExistedElements(elements) {
     var dm = topo.getDataModel();
-    var newLinkElements = elements.filter(function (element) {
+    var unExistedElements = elements.filter(function (element) {
       return !containsElement(dm, element);
     });
-    return newLinkElements;
+    return unExistedElements;
   }
   /**
-   * 关联容器的资源
+   * 区域关联资源
+   * @param {{ id, tag }} group 
+   * @param {*} resources 
    */
 
 
@@ -385,25 +387,38 @@ var useTopoEdit = function useTopoEdit(params) {
 
   function _bindGroupResources() {
     _bindGroupResources = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee9(group, resources) {
-      var id, tag, _yield$editDispatcher2, elements, nodeElements, newLinkElements, updateElements;
+      var _yield$editDispatcher2, elements, dm, needDeleteHtDatas, nodeElements, newLinkElements, updateElements;
 
       return _regeneratorRuntime.wrap(function _callee9$(_context9) {
         while (1) switch (_context9.prev = _context9.next) {
           case 0:
-            id = group.id, tag = group.tag;
-            rlog.debug("bindGroupResources--id, tag", id, tag);
+            rlog.debug("区域关联资源", {
+              group: group,
+              resources: resources
+            });
             topo.historyManager.beginTransaction();
-            _context9.next = 5;
+            _context9.next = 4;
             return resourceConfig.updateGroupResources(group, resources);
 
-          case 5:
-            _context9.next = 7;
+          case 4:
+            _context9.next = 6;
             return editDispatchers.fetchDataByConfig();
 
-          case 7:
+          case 6:
             _yield$editDispatcher2 = _context9.sent;
             elements = _yield$editDispatcher2.elements;
-            // 区域里的子区域及子区域的节点、新增的链路
+            rlog.debug("区域关联资源: 元素列表", elements); // 先删除多余的元素
+
+            dm = topo.getDataModel();
+            needDeleteHtDatas = getElements(dm).filter(function (htData) {
+              return htData.a('id') && !elements.find(function (ele) {
+                return ele.id === htData.a('id');
+              });
+            });
+            needDeleteHtDatas.forEach(function (htData) {
+              return dm.remove(htData);
+            }); // 区域里的所有子节点子区域、新增的链路
+
             nodeElements = findGroupChildren(elements, group);
             newLinkElements = findUNExistedLinkElements(elements);
             updateElements = [].concat(nodeElements, newLinkElements);
@@ -418,7 +433,7 @@ var useTopoEdit = function useTopoEdit(params) {
 
             topo.historyManager.endTransaction();
 
-          case 14:
+          case 17:
           case "end":
             return _context9.stop();
         }
@@ -714,7 +729,7 @@ var useTopoEdit = function useTopoEdit(params) {
       type: type,
       data: data
     };
-    rlog.debug("TopoCenter:onSaveBind", eventData);
+    rlog.debug("=> ht: saveBind", eventData);
     emitEvent(TopoEvent.EVENT_DATA_RESULT, eventData);
   };
   /**
@@ -747,13 +762,22 @@ var useTopoEdit = function useTopoEdit(params) {
 
             _doBind = function _doBind3() {
               _doBind = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee7() {
-                var dm, newLinkElements, createElementsData, groupChildren, newGroupChildren, existedGroupChildren, groupElement, newElement, sm;
+                var dm, needDeleteHtDatas, newLinkElements, createElementsData, groupChildren, newGroupChildren, existedGroupChildren, groupElement, newElement, sm;
                 return _regeneratorRuntime.wrap(function _callee7$(_context7) {
                   while (1) switch (_context7.prev = _context7.next) {
                     case 0:
                       dm = htTopo.getGraphView().dm(); // 移除旧节点。先删除后创建，解决ip节点替换ping资源后链路丢失问题
 
-                      dm.remove(node); // 创建
+                      dm.remove(node); // 先删除多余的元素。解决 区域子节点关联ping，未更新显示链路及删除ip节点
+
+                      needDeleteHtDatas = getElements(dm).filter(function (htData) {
+                        return htData.a('id') && !elements.find(function (ele) {
+                          return ele.id === htData.a('id');
+                        });
+                      });
+                      needDeleteHtDatas.forEach(function (htData) {
+                        return dm.remove(htData);
+                      }); // 创建
 
                       newLinkElements = findUNExistedLinkElements(elements);
                       createElementsData = null;
@@ -817,7 +841,7 @@ var useTopoEdit = function useTopoEdit(params) {
                       sm = htTopo.getGraphView().sm();
                       sm.setSelection([newElement]);
 
-                    case 10:
+                    case 12:
                     case "end":
                       return _context7.stop();
                   }

package/es/core/models/AttributeMetricDisplay.js

@@ -527,7 +527,7 @@ var AttributeMetricDisplay = /*#__PURE__*/function () {
         tags: tags
       });
     });
-    rlog.debug('推送标注 => ht', elementTagsAndTips);
+    rlog.debug(' ==> ht: 推送标注', elementTagsAndTips);
     var htTopo = topo.getHtTopo();
 
     if (htTopo) {
@@ -538,7 +538,7 @@ var AttributeMetricDisplay = /*#__PURE__*/function () {
       try {
         htTopo.loadTagAndTip(JSON.parse(JSON.stringify(elementTagsAndTips)));
       } catch (error) {
-        rlog.error('推送标注 => ht 失败', error);
+        rlog.error(' ==> ht: 推送标注失败', error);
       }
 
       (_topo$historyManager2 = topo.historyManager) === null || _topo$historyManager2 === void 0 ? void 0 : _topo$historyManager2.setDisabled(false, '加载标注');

package/es/core/models/HistoryManager.js

@@ -60,7 +60,7 @@ var HistoryManager = /*#__PURE__*/function () {
 
   _proto.setDisabled = function setDisabled(disabled, message) {
     this.htHistoryManager.setDisabled(disabled);
-    log.debug("HistoryManager.setDisabled " + (disabled ? '禁用' : '启用') + (message ? "(" + message + ")" : '') + ": " + this.toString(), this.getHistories());
+    log.debug("HistoryManager.setDisabled: " + (disabled ? '禁用' : '启用') + ". <" + message + ">, " + this.toString() + ", ", 'Histories: ', this.getHistories());
   };
 
   _proto.beginTransaction = function beginTransaction(name) {

package/es/core/models/TopoApp.js

@@ -24,7 +24,7 @@ import ElementTagTipConfig from "./tagstips/ElementTagTipConfig";
 import SelectionModel from "./SelectionModel";
 import CiCache from "./cache/CiCache"; // eslint-disable-next-line no-undef
 
-var version = typeof "12.1.0-dev.11" === 'string' ? "12.1.0-dev.11" : null;
+var version = typeof "12.1.0-dev.13" === 'string' ? "12.1.0-dev.13" : null;
 console.info("\u62D3\u6251\u7248\u672C: " + version);
 /**
  * 拓扑显示和编辑

package/es/core/store/models/topoConfig.js

@@ -260,13 +260,7 @@ export default function (topoApp) {
 
                 case 5:
                   data = _context2.sent;
-                  rlog.debug("按配置查询拓扑数据", {
-                    config: {
-                      resources: resources,
-                      groups: groups
-                    },
-                    data: data
-                  });
+                  rlog.debug("按配置查询拓扑数据. 参数:", query, ", 返回结果: ", data);
                   return _context2.abrupt("return", data);
 
                 case 8:

package/es/networkTopo/utils/exitLinkUtil.js

@@ -239,9 +239,10 @@ function updateLinkTarget(links, nodes) {
 
 
 export function processByConditionResult(topoData, groupConfigs) {
-  var nodes = topoData.nodes,
+  var groups = topoData.groups,
+      nodes = topoData.nodes,
       links = topoData.links;
-  var ipNodes = getIpNodes(groupConfigs, nodes); // 出口链路目的端设置为IP节点或者ping资源节点id
+  var ipNodes = getIpNodes(groupConfigs, topoData); // 出口链路目的端设置为IP节点或者ping资源节点id
 
   var newLinks = updateLinkTarget(links, nodes);
   return _extends({}, topoData, {
@@ -249,15 +250,26 @@ export function processByConditionResult(topoData, groupConfigs) {
     links: newLinks
   });
 
-  function getIpNodes(groupConfigs, nodes) {
-    var ips = groupConfigs.map(function (g) {
-      return g.condition.linkIps;
-    }).reduce(function (result, groupIps) {
-      return [].concat(result, groupIps);
-    }, []) // 过滤ping资源对应的ip节点
-    .filter(function (ip) {
-      return !findPingNode(nodes, ip);
+  function getIpNodes(groupConfigs, _ref) {
+    var groups = _ref.groups,
+        nodes = _ref.nodes;
+    var ipNodes = [];
+    groupConfigs.forEach(function (g) {
+      g.condition.linkIps // 过滤ping资源对应的ip节点
+      .filter(function (ip) {
+        return !findPingNode(nodes, ip);
+      }).map(function (ip) {
+        var topoGroup = g.topoGroup;
+        var group = groups.find(function (item) {
+          return item.id === topoGroup.id || item.tag === topoGroup.tag;
+        });
+        ipNodes.push(_extends({}, buildIpNode(ip), {
+          // 解决区域里有ip添加资源ip消失的问题
+          'groupId': group === null || group === void 0 ? void 0 : group.id,
+          'groupTag': group === null || group === void 0 ? void 0 : group.tag
+        }));
+      });
     });
-    return ips.map(buildIpNode);
+    return ipNodes;
   }
 }

package/lib/components/ResourceSelectDrawer/ResourceSelectDrawer.js

@@ -83,7 +83,7 @@ function ResourceSelectDrawer(props) {
             _context.t0 = _context["catch"](1);
             setLoading(false);
 
-            _componentTopologyUtils.rlog.error('ResourceSelectDrawer.handleOk', _context.t0);
+            _componentTopologyUtils.rlog.error('ResourceSelectDrawer.handleOk', _context.t0, _context.t0.stack);
 
           case 13:
           case "end":

package/lib/core/editor/components/settings/core/updateElementProperty.js

@@ -1,12 +1,17 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports["default"] = updateElementProperty;
 
+var _loglevel = _interopRequireDefault(require("loglevel"));
+
+var rlog = _loglevel["default"].getLogger('topo');
+
 function updateElementProperty(topo, name, value) {
-  // const element = topo.getDataModel().getDataById(selection[0].id);
   var element = topo.getSelectionModel().getFirstData();
-  console.info("updateElementProperty", topo.getSelectionModel().getSelection(), {
+  rlog.debug("updateElementProperty. ", {
     element: element,
     name: name,
     value: value

package/lib/core/hooks/useTopoEdit.js

@@ -309,7 +309,7 @@ var useTopoEdit = function useTopoEdit(params) {
       if (typeof onNodeDelete === "function") {
         onNodeDelete(data);
       } else {
-        emitEvent(_componentTopologyGraph.TopoEvent.EVENT_TRIGGER_DELETE, node);
+        emitEvent(_componentTopologyGraph.TopoEvent.EVENT_TRIGGER_DELETE, data);
       }
     }
   }; // 删除关联在节点上的出口链路
@@ -398,13 +398,15 @@ var useTopoEdit = function useTopoEdit(params) {
 
   function findUNExistedElements(elements) {
     var dm = topo.getDataModel();
-    var newLinkElements = elements.filter(function (element) {
+    var unExistedElements = elements.filter(function (element) {
       return !(0, _htElementUtils.containsElement)(dm, element);
     });
-    return newLinkElements;
+    return unExistedElements;
   }
   /**
-   * 关联容器的资源
+   * 区域关联资源
+   * @param {{ id, tag }} group 
+   * @param {*} resources 
    */
 
 
@@ -414,25 +416,38 @@ var useTopoEdit = function useTopoEdit(params) {
 
   function _bindGroupResources() {
     _bindGroupResources = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee9(group, resources) {
-      var id, tag, _yield$editDispatcher2, elements, nodeElements, newLinkElements, updateElements;
+      var _yield$editDispatcher2, elements, dm, needDeleteHtDatas, nodeElements, newLinkElements, updateElements;
 
       return _regenerator["default"].wrap(function _callee9$(_context9) {
         while (1) switch (_context9.prev = _context9.next) {
           case 0:
-            id = group.id, tag = group.tag;
-            rlog.debug("bindGroupResources--id, tag", id, tag);
+            rlog.debug("区域关联资源", {
+              group: group,
+              resources: resources
+            });
             topo.historyManager.beginTransaction();
-            _context9.next = 5;
+            _context9.next = 4;
             return resourceConfig.updateGroupResources(group, resources);
 
-          case 5:
-            _context9.next = 7;
+          case 4:
+            _context9.next = 6;
             return editDispatchers.fetchDataByConfig();
 
-          case 7:
+          case 6:
             _yield$editDispatcher2 = _context9.sent;
             elements = _yield$editDispatcher2.elements;
-            // 区域里的子区域及子区域的节点、新增的链路
+            rlog.debug("区域关联资源: 元素列表", elements); // 先删除多余的元素
+
+            dm = topo.getDataModel();
+            needDeleteHtDatas = (0, _htElementUtils.getElements)(dm).filter(function (htData) {
+              return htData.a('id') && !elements.find(function (ele) {
+                return ele.id === htData.a('id');
+              });
+            });
+            needDeleteHtDatas.forEach(function (htData) {
+              return dm.remove(htData);
+            }); // 区域里的所有子节点子区域、新增的链路
+
             nodeElements = (0, _topoData.findGroupChildren)(elements, group);
             newLinkElements = findUNExistedLinkElements(elements);
             updateElements = [].concat(nodeElements, newLinkElements);
@@ -447,7 +462,7 @@ var useTopoEdit = function useTopoEdit(params) {
 
             topo.historyManager.endTransaction();
 
-          case 14:
+          case 17:
           case "end":
             return _context9.stop();
         }
@@ -743,7 +758,7 @@ var useTopoEdit = function useTopoEdit(params) {
       type: type,
       data: data
     };
-    rlog.debug("TopoCenter:onSaveBind", eventData);
+    rlog.debug("=> ht: saveBind", eventData);
     emitEvent(_componentTopologyGraph.TopoEvent.EVENT_DATA_RESULT, eventData);
   };
   /**
@@ -776,13 +791,22 @@ var useTopoEdit = function useTopoEdit(params) {
 
             _doBind = function _doBind3() {
               _doBind = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee7() {
-                var dm, newLinkElements, createElementsData, groupChildren, newGroupChildren, existedGroupChildren, groupElement, newElement, sm;
+                var dm, needDeleteHtDatas, newLinkElements, createElementsData, groupChildren, newGroupChildren, existedGroupChildren, groupElement, newElement, sm;
                 return _regenerator["default"].wrap(function _callee7$(_context7) {
                   while (1) switch (_context7.prev = _context7.next) {
                     case 0:
                       dm = htTopo.getGraphView().dm(); // 移除旧节点。先删除后创建，解决ip节点替换ping资源后链路丢失问题
 
-                      dm.remove(node); // 创建
+                      dm.remove(node); // 先删除多余的元素。解决 区域子节点关联ping，未更新显示链路及删除ip节点
+
+                      needDeleteHtDatas = (0, _htElementUtils.getElements)(dm).filter(function (htData) {
+                        return htData.a('id') && !elements.find(function (ele) {
+                          return ele.id === htData.a('id');
+                        });
+                      });
+                      needDeleteHtDatas.forEach(function (htData) {
+                        return dm.remove(htData);
+                      }); // 创建
 
                       newLinkElements = findUNExistedLinkElements(elements);
                       createElementsData = null;
@@ -846,7 +870,7 @@ var useTopoEdit = function useTopoEdit(params) {
                       sm = htTopo.getGraphView().sm();
                       sm.setSelection([newElement]);
 
-                    case 10:
+                    case 12:
                     case "end":
                       return _context7.stop();
                   }

package/lib/core/models/AttributeMetricDisplay.js

@@ -542,7 +542,7 @@ var AttributeMetricDisplay = /*#__PURE__*/function () {
         tags: tags
       });
     });
-    rlog.debug('推送标注 => ht', elementTagsAndTips);
+    rlog.debug(' ==> ht: 推送标注', elementTagsAndTips);
     var htTopo = topo.getHtTopo();
 
     if (htTopo) {
@@ -553,7 +553,7 @@ var AttributeMetricDisplay = /*#__PURE__*/function () {
       try {
         htTopo.loadTagAndTip(JSON.parse(JSON.stringify(elementTagsAndTips)));
       } catch (error) {
-        rlog.error('推送标注 => ht 失败', error);
+        rlog.error(' ==> ht: 推送标注失败', error);
       }
 
       (_topo$historyManager2 = topo.historyManager) === null || _topo$historyManager2 === void 0 ? void 0 : _topo$historyManager2.setDisabled(false, '加载标注');

package/lib/core/models/HistoryManager.js

@@ -71,7 +71,7 @@ var HistoryManager = /*#__PURE__*/function () {
 
   _proto.setDisabled = function setDisabled(disabled, message) {
     this.htHistoryManager.setDisabled(disabled);
-    log.debug("HistoryManager.setDisabled " + (disabled ? '禁用' : '启用') + (message ? "(" + message + ")" : '') + ": " + this.toString(), this.getHistories());
+    log.debug("HistoryManager.setDisabled: " + (disabled ? '禁用' : '启用') + ". <" + message + ">, " + this.toString() + ", ", 'Histories: ', this.getHistories());
   };
 
   _proto.beginTransaction = function beginTransaction(name) {

package/lib/core/models/TopoApp.js

@@ -54,7 +54,7 @@ var _SelectionModel = _interopRequireDefault(require("./SelectionModel"));
 var _CiCache = _interopRequireDefault(require("./cache/CiCache"));
 
 // eslint-disable-next-line no-undef
-var version = typeof "12.1.0-dev.11" === 'string' ? "12.1.0-dev.11" : null;
+var version = typeof "12.1.0-dev.13" === 'string' ? "12.1.0-dev.13" : null;
 console.info("\u62D3\u6251\u7248\u672C: " + version);
 /**
  * 拓扑显示和编辑

package/lib/core/store/models/topoConfig.js

@@ -278,13 +278,7 @@ function _default(topoApp) {
 
                 case 5:
                   data = _context2.sent;
-                  rlog.debug("按配置查询拓扑数据", {
-                    config: {
-                      resources: resources,
-                      groups: groups
-                    },
-                    data: data
-                  });
+                  rlog.debug("按配置查询拓扑数据. 参数:", query, ", 返回结果: ", data);
                   return _context2.abrupt("return", data);
 
                 case 8:

package/lib/networkTopo/utils/exitLinkUtil.js

@@ -251,9 +251,10 @@ function updateLinkTarget(links, nodes) {
 
 
 function processByConditionResult(topoData, groupConfigs) {
-  var nodes = topoData.nodes,
+  var groups = topoData.groups,
+      nodes = topoData.nodes,
       links = topoData.links;
-  var ipNodes = getIpNodes(groupConfigs, nodes); // 出口链路目的端设置为IP节点或者ping资源节点id
+  var ipNodes = getIpNodes(groupConfigs, topoData); // 出口链路目的端设置为IP节点或者ping资源节点id
 
   var newLinks = updateLinkTarget(links, nodes);
   return (0, _extends2["default"])({}, topoData, {
@@ -261,15 +262,26 @@ function processByConditionResult(topoData, groupConfigs) {
     links: newLinks
   });
 
-  function getIpNodes(groupConfigs, nodes) {
-    var ips = groupConfigs.map(function (g) {
-      return g.condition.linkIps;
-    }).reduce(function (result, groupIps) {
-      return [].concat(result, groupIps);
-    }, []) // 过滤ping资源对应的ip节点
-    .filter(function (ip) {
-      return !findPingNode(nodes, ip);
+  function getIpNodes(groupConfigs, _ref) {
+    var groups = _ref.groups,
+        nodes = _ref.nodes;
+    var ipNodes = [];
+    groupConfigs.forEach(function (g) {
+      g.condition.linkIps // 过滤ping资源对应的ip节点
+      .filter(function (ip) {
+        return !findPingNode(nodes, ip);
+      }).map(function (ip) {
+        var topoGroup = g.topoGroup;
+        var group = groups.find(function (item) {
+          return item.id === topoGroup.id || item.tag === topoGroup.tag;
+        });
+        ipNodes.push((0, _extends2["default"])({}, buildIpNode(ip), {
+          // 解决区域里有ip添加资源ip消失的问题
+          'groupId': group === null || group === void 0 ? void 0 : group.id,
+          'groupTag': group === null || group === void 0 ? void 0 : group.tag
+        }));
+      });
     });
-    return ips.map(buildIpNode);
+    return ipNodes;
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@riil-frontend/component-topology",
-  "version": "12.1.0-dev.11",
+  "version": "12.1.0-dev.13",
   "description": "拓扑",
   "scripts": {
     "start": "build-scripts start",
@@ -123,6 +123,6 @@
     "access": "public"
   },
   "license": "MIT",
-  "homepage": "https://unpkg.com/@riil-frontend/component-topology@12.1.0-dev.11/build/index.html",
+  "homepage": "https://unpkg.com/@riil-frontend/component-topology@12.1.0-dev.13/build/index.html",
   "gitHead": "2da19ffccbb7ca60a8acf396e39f542c68bb33f5"
 }