@riil-frontend/component-topology 11.0.29 → 11.0.30

package/es/core/models/DataModel.js

@@ -1,50 +1,64 @@
 import _extends from "@babel/runtime/helpers/extends";
 import { getLinksBetweenTwoNodes } from "../../utils/topoData";
+
 var DataModel = /*#__PURE__*/function () {
   function DataModel(topo) {
     this.topo = topo;
   }
+
   var _proto = DataModel.prototype;
+
   _proto.getData = function getData() {
     var _this$topo$store$getM = this.topo.store.getModelState('topoMod'),
-      data = _this$topo$store$getM.data;
+        data = _this$topo$store$getM.data;
+
     return data;
   };
+
   _proto.getDatas = function getDatas() {
     return [].concat(this.getGroups(), this.getNodes(), this.getEdges(), this.getEdgeGroups());
   };
+
   _proto.useDatas = function useDatas() {
     var topo = this.topo;
+
     var _topo$store$useModelS = topo.store.useModelState('topoMod'),
-      data = _topo$store$useModelS.data;
+        data = _topo$store$useModelS.data;
+
     if (data) {
       return this.getDatas();
     }
+
     return [];
   };
+
   _proto.getCis = function getCis() {
     var datas = this.getDatas();
     return datas.filter(function (item) {
       return item.type !== 'group';
     });
   };
+
   _proto.useCis = function useCis() {
     var datas = this.useDatas();
     return datas.filter(function (item) {
       return item.type !== 'group';
     });
   };
+
   _proto.useDataById = function useDataById(id) {
     var datas = this.useDatas();
     return datas.filter(function (item) {
       return item.id === id;
     })[0];
   };
+
   _proto.getDataById = function getDataById(id) {
     return this.getDatas().find(function (item) {
       return item.id === id;
     });
   };
+
   _proto.getGroups = function getGroups() {
     return this.getData().groups.map(function (item) {
       return _extends({}, item, {
@@ -52,6 +66,7 @@ var DataModel = /*#__PURE__*/function () {
       });
     });
   };
+
   _proto.getNodes = function getNodes() {
     return this.getData().nodes.map(function (item) {
       return _extends({}, item, {
@@ -59,6 +74,7 @@ var DataModel = /*#__PURE__*/function () {
       });
     });
   };
+
   _proto.getEdges = function getEdges() {
     return this.getData().links.map(function (item) {
       return _extends({}, item, {
@@ -66,6 +82,7 @@ var DataModel = /*#__PURE__*/function () {
       });
     });
   };
+
   _proto.getEdgeGroups = function getEdgeGroups() {
     return this.getData().linkGroups.map(function (item) {
       return _extends({}, item, {
@@ -73,17 +90,22 @@ var DataModel = /*#__PURE__*/function () {
       });
     });
   };
+
   _proto.getEdgesBetweenTwoNodes = function getEdgesBetweenTwoNodes(id1, id2) {
     return getLinksBetweenTwoNodes(this.getEdges(), id1, id2);
   };
+
   _proto.getEdgeGroupsBetweenTwoNodes = function getEdgeGroupsBetweenTwoNodes(id1, id2) {
     return getLinksBetweenTwoNodes(this.getEdgeGroups(), id1, id2);
   };
+
   _proto.getAllEdgesBetweenTwoNodes = function getAllEdgesBetweenTwoNodes(id1, id2) {
     return [].concat(this.getEdgesBetweenTwoNodes(id1, id2), this.getEdgeGroupsBetweenTwoNodes(id1, id2));
   };
+
   _proto.getDatasBySelection = function getDatasBySelection() {
     var _this = this;
+
     var selection = this.topo.getSelectionModel().getSelection().toArray();
     return selection.map(function (element) {
       return {
@@ -93,53 +115,64 @@ var DataModel = /*#__PURE__*/function () {
       };
     });
   };
+
   _proto.getEdgesBetweenTwoSelectionNodes = function getEdgesBetweenTwoSelectionNodes() {
     var selection = this.topo.getSelectionModel().getSelection().toArray();
     var id1 = selection[0].getTag();
     var id2 = selection[1].getTag();
     return this.getEdgesBetweenTwoNodes(id1, id2);
   };
+
   _proto.getEdgeGroupsBetweenTwoSelectionNodes = function getEdgeGroupsBetweenTwoSelectionNodes() {
     var selection = this.topo.getSelectionModel().getSelection().toArray();
     var id1 = selection[0].getTag();
     var id2 = selection[1].getTag();
     return this.getEdgeGroupsBetweenTwoNodes(id1, id2);
   };
+
   _proto.getAllEdgesBetweenTwoSelectionNodes = function getAllEdgesBetweenTwoSelectionNodes() {
     return [].concat(this.getEdgesBetweenTwoSelectionNodes(), this.getEdgeGroupsBetweenTwoSelectionNodes());
   }
-
   /**
    * 更新数据
    * @param {[{id: '', attributes: {}}]} ciDatas 
-   */;
+   */
+  ;
+
   _proto.updateData = function updateData(ciDatas) {
     var topoData = this.topo.store.getModelState('topoMod').data;
+
     if (topoData) {
       var newData = _extends({}, topoData, {
         nodes: mergeData(topoData.nodes, ciDatas),
         links: mergeData(topoData.links, ciDatas),
         linkGroups: mergeData(topoData.linkGroups, ciDatas)
       });
+
       var topoDispatchers = this.topo.store.getModelDispatchers('topoMod');
       topoDispatchers.update({
         data: newData
       });
     }
+
     function mergeData(cis, arr) {
       return cis.map(function (ci) {
         var dataItem = arr.find(function (item) {
           return item.id === ci.id;
         });
+
         if (dataItem) {
           return _extends({}, ci, dataItem, {
             attributes: dataItem.attributes ? _extends({}, ci.attributes, dataItem.attributes) : ci.attributes
           });
         }
+
         return ci;
       });
     }
   };
+
   return DataModel;
 }();
+
 export { DataModel as default };

package/es/core/models/EdgeGroup.js

@@ -3,17 +3,20 @@ var EdgeGroup = /*#__PURE__*/function () {
     this.htEdgeGroup = void 0;
     this.htEdgeGroup = htEdgeGroup;
   }
+
   var _proto = EdgeGroup.prototype;
+
   _proto.getEdges = function getEdges() {
     return this.htEdgeGroup.getEdges().toArray();
   }
-
   /**
    * 获得连线组代理元素，连线组折叠时有值
    * @param {*} node1 
    * @param {*} node2 
    * @returns 
-   */;
+   */
+  ;
+
   _proto.getEdgeGroupAgent = function getEdgeGroupAgent() {
     var edgeGroupAgent = null;
     this.getEdges().forEach(function (edge) {
@@ -23,6 +26,8 @@ var EdgeGroup = /*#__PURE__*/function () {
     });
     return edgeGroupAgent;
   };
+
   return EdgeGroup;
 }();
+
 export { EdgeGroup as default };

package/es/core/models/GraphDataModel.js

@@ -1,18 +1,25 @@
 import { getEdges as _getEdges, getNodes as _getNodes } from "../../utils/htElementUtils";
+
 var GraphDataModel = /*#__PURE__*/function () {
   function GraphDataModel(topo) {
     this.topo = topo;
   }
+
   var _proto = GraphDataModel.prototype;
+
   _proto.getGroups = function getGroups() {
     return this.getGroups(this.topo.getDataModel());
   };
+
   _proto.getNodes = function getNodes() {
     return _getNodes(this.topo.getDataModel());
   };
+
   _proto.getEdges = function getEdges() {
     return _getEdges(this.topo.getDataModel());
   };
+
   return GraphDataModel;
 }();
+
 export { GraphDataModel as default };

package/es/core/models/HistoryManager.js

@@ -1,6 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import rlog from '@riil-frontend/component-topology-utils/es/rlog';
 var ht = window.ht;
+
 var HistoryManager = /*#__PURE__*/function () {
   function HistoryManager(topo, htHistoryManager) {
     this.topo = null;
@@ -13,62 +14,66 @@ var HistoryManager = /*#__PURE__*/function () {
     this.updateStore = this.updateStore.bind(this);
     this.init();
   }
+
   var _proto = HistoryManager.prototype;
+
   _proto.init = function init() {
     this.htHistoryManager.addPropertyChangeListener(this.updateStore);
   };
+
   _proto.destroy = function destroy() {
     this.htHistoryManager.removePropertyChangeListener(this.updateStore);
     this.topo.store.getModelDispatchers('historyManager').reset();
   };
+
   _proto.updateStore = function updateStore(e) {
     var property = e.property;
+
     if (['histories', 'historyIndex'].indexOf(property) === -1) {
       return;
     }
+
     var histories = this.getHistories();
     var historyIndex = this.getHistoryIndex();
     var undoable = historyIndex !== -1;
     this.topo.store.getModelDispatchers('historyManager').update({
       undoable: undoable
     });
-  }
-
-  // 增加快捷键支持
+  } // 增加快捷键支持
   ;
+
   _proto.handleKeyDown = function handleKeyDown(e) {
     var isCtrlDown = ht.Default.isCtrlDown;
+
     if (isCtrlDown(e)) {
       if (e.keyCode === 90) {
         // ctrl+z 撤销
         this.undo();
-      }
-      //  else if (e.keyCode == 89) {//ctrl+y 重做
+      } //  else if (e.keyCode == 89) {//ctrl+y 重做
       //   this.redo();
       // }
+
     }
   };
+
   _proto.setDisabled = function setDisabled(disabled, message) {
     this.htHistoryManager.setDisabled(disabled);
     rlog.debug("HistoryManager.setDisabled " + (disabled ? '禁用' : '启用') + (message ? "(" + message + ")" : '') + ": " + this.toString(), this.getHistories());
   };
+
   _proto.beginTransaction = function beginTransaction() {
     var _this = this;
+
     this.htHistoryManager.beginTransaction();
-    var displayConfigProperties = [
-    // 单多链路
-    'expandAllEdges',
-    // 节点标注
-    'nodeLabelStyle',
-    // 画布主题
-    'canvasTheme', 'linkTag', 'linkTip', 'nodeTag', 'nodeTip',
-    // @V1.4 网络拓扑特有，待迁移到网络拓扑
+    var displayConfigProperties = [// 单多链路
+    'expandAllEdges', // 节点标注
+    'nodeLabelStyle', // 画布主题
+    'canvasTheme', 'linkTag', 'linkTip', 'nodeTag', 'nodeTip', // @V1.4 网络拓扑特有，待迁移到网络拓扑
     'autoChangeEdgeWidth', 'autoHideEdgeTag'];
     var items = [{
       modelName: 'topoMod',
       property: 'data'
-    },
-    // 拓扑类型
+    }, // 拓扑类型
     {
       modelName: 'topoMod',
       property: 'type'
@@ -77,8 +82,7 @@ var HistoryManager = /*#__PURE__*/function () {
         modelName: 'displayConfig',
         property: property
       };
-    }), [
-    // 背景
+    }), [// 背景
     {
       modelName: 'background',
       property: 'current'
@@ -90,19 +94,24 @@ var HistoryManager = /*#__PURE__*/function () {
     });
     rlog.debug("HistoryManager.beginTransaction: " + this.toString(), this.getHistories());
   };
+
   _proto.addStoreHistory = function addStoreHistory() {
     var _this2 = this;
+
     var storeChanged = this.storeHistory.map(function (item) {
       var newValue = _this2.topo.store.getModelState(item.modelName)[item.property];
+
       if (item.oldValue === newValue) {
         return false;
       }
+
       return _extends({}, item, {
         newValue: newValue
       });
     }).filter(function (item) {
       return !!item;
     });
+
     if (storeChanged.length) {
       this.htHistoryManager.addHistory({
         type: 'store',
@@ -110,73 +119,95 @@ var HistoryManager = /*#__PURE__*/function () {
       });
       rlog.debug('HistoryManager.addStoreHistory', storeChanged);
     }
+
     this.storeHistory = [];
   };
+
   _proto.endTransaction = function endTransaction() {
     this.addStoreHistory();
     this.htHistoryManager.endTransaction();
     rlog.debug("HistoryManager.endTransaction: " + this.toString(), this.getHistories());
   };
+
   _proto.clear = function clear() {
     this.htHistoryManager.clear();
   };
+
   _proto.getHistories = function getHistories() {
     return this.htHistoryManager.getHistories();
   };
+
   _proto.getHistoryIndex = function getHistoryIndex() {
     return this.htHistoryManager.getHistoryIndex();
   };
+
   _proto.getCurrentStoreHistory = function getCurrentStoreHistory(isUndo) {
     var historyIndex = this.getHistoryIndex();
     var histories = this.getHistories();
     var history = histories[isUndo ? historyIndex : historyIndex + 1];
+
     if (!history) {
       return null;
     }
+
     var storeHistory = history.filter(function (item) {
       return item.type === 'store';
     });
+
     if (storeHistory.length) {
       return storeHistory[0].data;
     }
+
     return null;
   };
+
   _proto.undo = function undo() {
     var _this3 = this;
+
     // 事务中禁用回退
     // eslint-disable-next-line no-underscore-dangle
     if (this.htHistoryManager._betweenTransaction) {
       return;
     }
+
     rlog.debug('HistoryManager.undo', this.getHistories(), this.getHistoryIndex());
     var storeHistory = this.getCurrentStoreHistory(true);
+
     if (storeHistory) {
       storeHistory.forEach(function (item) {
         var _this3$topo$store$get;
+
         _this3.topo.store.getModelDispatchers(item.modelName).update((_this3$topo$store$get = {}, _this3$topo$store$get[item.property] = item.oldValue, _this3$topo$store$get));
       });
-    }
+    } // 回退绘图区
+
 
-    // 回退绘图区
     this.htHistoryManager.undo();
   };
+
   _proto.redo = function redo() {
     var _this4 = this;
+
     rlog.debug('HistoryManager.redo', this.getHistories(), this.getHistoryIndex());
     var storeHistory = this.getCurrentStoreHistory(false);
+
     if (storeHistory) {
       storeHistory.forEach(function (item) {
         var _this4$topo$store$get;
+
         _this4.topo.store.getModelDispatchers(item.modelName).update((_this4$topo$store$get = {}, _this4$topo$store$get[item.property] = item.newValue, _this4$topo$store$get));
       });
-    }
+    } // 回退绘图区
+
 
-    // 回退绘图区
     this.htHistoryManager.redo();
   };
+
   _proto.toString = function toString() {
     return "{Histories: " + this.getHistories().length + ", Index: " + this.getHistoryIndex() + "}";
   };
+
   return HistoryManager;
 }();
+
 export { HistoryManager as default };

package/es/core/models/PluginManager.js

@@ -1,8 +1,10 @@
 import corePlugins from "./plugins";
+
 var PluginManager = /*#__PURE__*/function () {
   function PluginManager(topo) {
     this.topo = void 0;
     this.pluginMap = {};
+
     /**
      * @type {Array}
      */
@@ -10,15 +12,19 @@ var PluginManager = /*#__PURE__*/function () {
     this.topo = topo;
     this.init(corePlugins);
   }
+
   var _proto = PluginManager.prototype;
+
   _proto.init = function init(plugins) {
     var _this = this;
+
     this.plugins = plugins.map(function (Plugin) {
       var plugin = new Plugin(_this.topo);
       _this.pluginMap[plugin.name] = plugin;
       return plugin;
     });
   };
+
   _proto.onTopoDataLoaded = function onTopoDataLoaded(topoData) {
     this.plugins.forEach(function (plugin) {
       if (plugin.onTopoDataLoaded) {
@@ -26,8 +32,11 @@ var PluginManager = /*#__PURE__*/function () {
       }
     });
   };
+
   _proto.destroy = function destroy() {};
+
   return PluginManager;
 }();
+
 export { PluginManager as default };
 ;

package/es/core/models/SelectionModel.js

@@ -2,30 +2,34 @@ import _extends from "@babel/runtime/helpers/extends";
 import rlog from '@riil-frontend/component-topology-utils/es/rlog';
 import useHtElements from "../common/hooks/useHtElements";
 import ignoreList from "./selection/ignoreList";
+
 var SelectionModel = /*#__PURE__*/function () {
   function SelectionModel(topo) {
     var _this = this;
+
     this.topo = null;
     this.inited = false;
+
     /**
      * 同步选中元素到store
      */
     this.updateSelection = function () {
       try {
         var selectionModel = _this.topo.getSelectionModel();
-        var htSelection = selectionModel.getSelection().getArray();
 
-        // TODO 对比变更更新
+        var htSelection = selectionModel.getSelection().getArray(); // TODO 对比变更更新
+
+        var selectionArr = htSelection.map(getElementData); // rlog.info("updateSelection", selectionArr.map((element) => element.id));
 
-        var selectionArr = htSelection.map(getElementData);
-        // rlog.info("updateSelection", selectionArr.map((element) => element.id));
         _this.updateStoreSelection(selectionArr);
       } catch (e) {
         rlog.error('updateSelection error', e);
       }
     };
+
     this.updateStoreSelection = function (selection) {
       var selectionDispatchers = _this.topo.store.getModelDispatchers('selection');
+
       _this.selectionIds = selection.map(function (item) {
         return item.id;
       });
@@ -34,23 +38,29 @@ var SelectionModel = /*#__PURE__*/function () {
         selectionIds: _this.selectionIds
       });
     };
+
     this.topo = topo;
     this.handleSelectionChange = this.handleSelectionChange.bind(this);
     this.handleDataPropertyChange = this.handleDataPropertyChange.bind(this);
   }
+
   var _proto = SelectionModel.prototype;
+
   _proto.init = function init() {
     if (this.inited) {
       this.removeListener();
     }
+
     this.updateSelection();
     this.initListener();
     this.inited = true;
   };
+
   _proto.destroy = function destroy() {
     this.resetState();
     this.removeListener();
   };
+
   _proto.resetState = function resetState() {
     var selectionDispatchers = this.topo.store.getModelDispatchers('selection');
     selectionDispatchers.update({
@@ -58,45 +68,56 @@ var SelectionModel = /*#__PURE__*/function () {
       selectionIds: []
     });
   };
+
   _proto.useSelection = function useSelection() {
     var _this$topo$store$useM = this.topo.store.useModelState('selection'),
-      selection = _this$topo$store$useM.selection;
+        selection = _this$topo$store$useM.selection;
+
     return selection;
   };
+
   _proto.useHtSelection = function useHtSelection() {
     var _this$topo$store$useM2 = this.topo.store.useModelState('selection'),
-      selectionIds = _this$topo$store$useM2.selectionIds;
+        selectionIds = _this$topo$store$useM2.selectionIds;
+
     var elements = useHtElements({
       topo: this.topo,
       ids: selectionIds
     });
     return elements;
   };
+
   _proto.getSelection = function getSelection() {
     var selectionModel = this.topo.getSelectionModel();
     return selectionModel.getSelection().getArray();
   };
+
   _proto.handleSelectionChange = function handleSelectionChange(e) {
     rlog.info('Selection handleSelectionChange', e);
     this.updateSelection();
   };
+
   _proto.handleDataPropertyChange = function handleDataPropertyChange(e) {
     var property = e.property,
-      data = e.data;
+        data = e.data;
+
     if (!this.selectionIds.includes(data.getId())) {
       return;
     }
+
     if (ignoreList.indexOf(property) !== -1) {
       return;
     }
+
     if (!window.aa) {
       window.aa = [];
     }
-    window.aa.push(e);
 
-    // console.info('PropertyChangeListener', e);
+    window.aa.push(e); // console.info('PropertyChangeListener', e);
+
     this.updateSelection();
   };
+
   _proto.initListener = function initListener() {
     rlog.info('Selection initListener');
     var dataModel = this.topo.getDataModel();
@@ -104,22 +125,25 @@ var SelectionModel = /*#__PURE__*/function () {
     selectionModel.addSelectionChangeListener(this.handleSelectionChange);
     dataModel.addDataPropertyChangeListener(this.handleDataPropertyChange);
   };
+
   _proto.removeListener = function removeListener() {
     if (!this.inited) {
       return;
     }
+
     rlog.info('Selection removeListener');
     var dataModel = this.topo.getDataModel();
     var selectionModel = this.topo.getSelectionModel();
     selectionModel.removeSelectionChangeListener(this.handleSelectionChange);
     dataModel.removeDataPropertyChangeListener(this.handleDataPropertyChange);
   };
+
   return SelectionModel;
 }();
+
 export { SelectionModel as default };
-;
+; // 构造元素数据
 
-// 构造元素数据
 var map = {
   common: function common(element) {
     var className = element.getClassName();
@@ -150,6 +174,7 @@ var map = {
     });
   }
 };
+
 function getElementData(element) {
   var className = element.getClassName();
   return (map[className] || map.common)(element);