@riil-frontend/component-topology 2.12.2 → 2.12.5-alpha.2

package/es/hooks/useTopoEdit.js

@@ -8,10 +8,11 @@ import { useUpdateEffect, useDynamicList } from 'ahooks';
 import { isAvailableArray, isNull } from '@riil-frontend/utils';
 import rlog from '@riil-frontend/component-topology-utils/es/rlog';
 import * as cmdbService from '@riil-frontend/component-topology-common/es/services/cmdb';
-import { TopoEvent } from '@riil-frontend/component-topology-graph';
+import TopoEvent from '@riil-frontend/component-topology-graph/es/event';
 import { filterNode, filterGroupById, filterGroupByTag, formatTreeDataSelect } from "../utils/format";
 import { DEFAULT_GROUP } from "../utils/template";
 import topoPermissonUtil from "../utils/topoPermissionUtil";
+import { getGroupElementByTag } from "../utils/htElementUtils";
 
 var useTopoEdit = function useTopoEdit(params) {
   var topoApp = params.topoApp,
@@ -69,6 +70,10 @@ var useTopoEdit = function useTopoEdit(params) {
       deletedNodes = _useDynamicList.list,
       addDeletedNode = _useDynamicList.push,
       clearDeletedNodes = _useDynamicList.resetList;
+  /**
+   * 拓扑图全局已选固定资源
+   */
+
 
   var resSelections = useMemo(function () {
     var sel = staticRes.selected && staticRes.data || [];
@@ -190,9 +195,9 @@ var useTopoEdit = function useTopoEdit(params) {
         id = _ref4.id;
 
     if (!isNull(id)) {
-      setSingleResKey([id]);
+      setSingleResKey(id);
     } else {
-      setSingleResKey([]);
+      setSingleResKey(null);
     }
 
     setShowSingleResDrawer(true);
@@ -315,9 +320,7 @@ var useTopoEdit = function useTopoEdit(params) {
     var id = data.id,
         tag = data.tag; // 新加的容器 tag 格式为 group_${id}
 
-    var group = topoApp.getDataModel().getDataById(tag) || topoApp.getDataModel().getDataByTag(id) || topoApp.getDataModel().getDatas().toArray().filter(function (item) {
-      return item.a('tag') === tag;
-    })[0];
+    var group = topoApp.getDataModel().getDataById(tag) || topoApp.getDataModel().getDataByTag(id) || getGroupElementByTag(topoApp.getDataModel(), tag);
 
     if (!group) {
       return;
@@ -467,11 +470,11 @@ var useTopoEdit = function useTopoEdit(params) {
 
 
   function _bindGroupResourcesConfig() {
-    _bindGroupResourcesConfig = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5(group, data) {
+    _bindGroupResourcesConfig = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee6(group, data) {
       var id, tag, name, index, newGroup;
-      return _regeneratorRuntime.wrap(function _callee5$(_context5) {
+      return _regeneratorRuntime.wrap(function _callee6$(_context6) {
         while (1) {
-          switch (_context5.prev = _context5.next) {
+          switch (_context6.prev = _context6.next) {
             case 0:
               id = group.id, tag = group.tag, name = group.name;
               index = findGroupIndex(groups, {
@@ -480,18 +483,18 @@ var useTopoEdit = function useTopoEdit(params) {
               });
 
               if (!(index > -1)) {
-                _context5.next = 7;
+                _context6.next = 7;
                 break;
               }
 
-              _context5.next = 5;
+              _context6.next = 5;
               return editDispatchers.updateGroupResourcesByIndex({
                 index: index,
                 resources: data
               });
 
             case 5:
-              _context5.next = 8;
+              _context6.next = 8;
               break;
 
             case 7:
@@ -507,10 +510,10 @@ var useTopoEdit = function useTopoEdit(params) {
 
             case 8:
             case "end":
-              return _context5.stop();
+              return _context6.stop();
           }
         }
-      }, _callee5);
+      }, _callee6);
     }));
     return _bindGroupResourcesConfig.apply(this, arguments);
   }
@@ -524,26 +527,25 @@ var useTopoEdit = function useTopoEdit(params) {
 
 
   function _bindGroupResources() {
-    _bindGroupResources = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee6(group, data) {
+    _bindGroupResources = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee7(group, data) {
       var id, tag, _yield$editDispatcher, elements, groupElement;
 
-      return _regeneratorRuntime.wrap(function _callee6$(_context6) {
+      return _regeneratorRuntime.wrap(function _callee7$(_context7) {
         while (1) {
-          switch (_context6.prev = _context6.next) {
+          switch (_context7.prev = _context7.next) {
             case 0:
               id = group.id, tag = group.tag;
-              _context6.next = 3;
+              _context7.next = 3;
               return bindGroupResourcesConfig(group, data);
 
             case 3:
-              _context6.next = 5;
+              _context7.next = 5;
               return editDispatchers.refreshDataByConfig();
 
             case 5:
-              _yield$editDispatcher = _context6.sent;
+              _yield$editDispatcher = _context7.sent;
               elements = _yield$editDispatcher.topoDataTrans;
-              debugger;
-              rlog.debug('useUpdateEffect--id, tag', id, tag);
+              rlog.debug('bindGroupResources--id, tag', id, tag);
 
               if (id) {
                 groupElement = filterGroupById(elements, id);
@@ -557,12 +559,12 @@ var useTopoEdit = function useTopoEdit(params) {
 
               setFocusedGroup(null);
 
-            case 12:
+            case 11:
             case "end":
-              return _context6.stop();
+              return _context7.stop();
           }
         }
-      }, _callee6);
+      }, _callee7);
     }));
     return _bindGroupResources.apply(this, arguments);
   }
@@ -572,31 +574,31 @@ var useTopoEdit = function useTopoEdit(params) {
   }
 
   function _bindViewResources() {
-    _bindViewResources = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee7(data) {
+    _bindViewResources = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee8(data) {
       var _yield$editDispatcher2, elements;
 
-      return _regeneratorRuntime.wrap(function _callee7$(_context7) {
+      return _regeneratorRuntime.wrap(function _callee8$(_context8) {
         while (1) {
-          switch (_context7.prev = _context7.next) {
+          switch (_context8.prev = _context8.next) {
             case 0:
-              _context7.next = 2;
+              _context8.next = 2;
               return editDispatchers.updateViewResources(data);
 
             case 2:
-              _context7.next = 4;
+              _context8.next = 4;
               return editDispatchers.refreshDataByConfig();
 
             case 4:
-              _yield$editDispatcher2 = _context7.sent;
+              _yield$editDispatcher2 = _context8.sent;
               elements = _yield$editDispatcher2.topoDataTrans;
               saveBind(TopoEvent.DATA_TYPE_RESOURCE_COMBO, elements);
 
             case 7:
             case "end":
-              return _context7.stop();
+              return _context8.stop();
           }
         }
-      }, _callee7);
+      }, _callee8);
     }));
     return _bindViewResources.apply(this, arguments);
   }
@@ -606,12 +608,12 @@ var useTopoEdit = function useTopoEdit(params) {
   }
 
   function _addResourceToFirstLayer() {
-    _addResourceToFirstLayer = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee8(data) {
+    _addResourceToFirstLayer = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee9(data) {
       var group, config, _yield$editDispatcher3, topoData;
 
-      return _regeneratorRuntime.wrap(function _callee8$(_context8) {
+      return _regeneratorRuntime.wrap(function _callee9$(_context9) {
         while (1) {
-          switch (_context8.prev = _context8.next) {
+          switch (_context9.prev = _context9.next) {
             case 0:
               group = groups[0];
               config = {
@@ -625,49 +627,83 @@ var useTopoEdit = function useTopoEdit(params) {
                   data: [].concat(group.resources["static"].data, data)
                 }
               };
-              _context8.next = 4;
+              _context9.next = 4;
               return bindGroupResourcesConfig(group, config);
 
             case 4:
-              _context8.next = 6;
+              _context9.next = 6;
               return editDispatchers.refreshDataByConfig();
 
             case 6:
-              _yield$editDispatcher3 = _context8.sent;
+              _yield$editDispatcher3 = _context9.sent;
               topoData = _yield$editDispatcher3.topoData;
               topoApp.updateElements(topoData);
 
             case 9:
             case "end":
-              return _context8.stop();
+              return _context9.stop();
           }
         }
-      }, _callee8);
+      }, _callee9);
     }));
     return _addResourceToFirstLayer.apply(this, arguments);
   }
 
-  var onSaveComboRes = function onSaveComboRes(data) {
-    rlog.debug('关联资源-----onSaveComboRes', data, focusedGroup);
+  var onSaveComboRes = /*#__PURE__*/function () {
+    var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(data) {
+      return _regeneratorRuntime.wrap(function _callee3$(_context3) {
+        while (1) {
+          switch (_context3.prev = _context3.next) {
+            case 0:
+              rlog.debug('关联资源-----onSaveComboRes', data, focusedGroup);
 
-    if (topoShowType !== 'layers') {
-      if (focusedGroup) {
-        bindGroupResources(focusedGroup, data);
-      } else {
-        bindViewResources(data);
-      }
-    } else {
-      // 分层拓扑，添加到第一层
-      addResourceToFirstLayer(data);
-    }
-  };
+              if (!(topoShowType === 'layers')) {
+                _context3.next = 6;
+                break;
+              }
+
+              _context3.next = 4;
+              return addResourceToFirstLayer(data);
+
+            case 4:
+              _context3.next = 13;
+              break;
+
+            case 6:
+              if (!focusedGroup) {
+                _context3.next = 11;
+                break;
+              }
+
+              _context3.next = 9;
+              return bindGroupResources(focusedGroup, data);
+
+            case 9:
+              _context3.next = 13;
+              break;
+
+            case 11:
+              _context3.next = 13;
+              return bindViewResources(data);
+
+            case 13:
+            case "end":
+              return _context3.stop();
+          }
+        }
+      }, _callee3);
+    }));
 
-  var onSaveSingleRes = function onSaveSingleRes(resource) {
-    rlog.debug('onSaveSingleRes', resource);
-    var selectedRes = resource[0];
+    return function onSaveComboRes(_x7) {
+      return _ref5.apply(this, arguments);
+    };
+  }();
+
+  var onSaveSingleRes = function onSaveSingleRes(selectedResKey) {
+    rlog.debug('onSaveSingleRes', selectedResKey);
     var selected = staticRes.selected,
         data = staticRes.data;
-    var exist = data.indexOf(selectedRes) !== -1;
+    var exist = data.indexOf(selectedResKey) !== -1;
 
     if (selected && exist) {
       // 资源已被选
@@ -679,15 +715,15 @@ var useTopoEdit = function useTopoEdit(params) {
 
       if (singleResKey) {
         list = list.filter(function (item) {
-          return item !== singleResKey[0];
+          return item !== singleResKey;
         });
       }
 
       if (!exist) {
-        list = list.concat(selectedRes);
+        list = [].concat(list, [selectedResKey]);
       }
 
-      setSingleResKey(resource);
+      setSingleResKey(selectedResKey);
       editDispatchers.updateResources({
         "static": {
           selected: true,
@@ -698,32 +734,32 @@ var useTopoEdit = function useTopoEdit(params) {
     }
   };
 
-  function checkSavePermission(_x7) {
+  function checkSavePermission(_x8) {
     return _checkSavePermission.apply(this, arguments);
   }
 
   function _checkSavePermission() {
-    _checkSavePermission = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee9(id) {
+    _checkSavePermission = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee10(id) {
       var permission;
-      return _regeneratorRuntime.wrap(function _callee9$(_context9) {
+      return _regeneratorRuntime.wrap(function _callee10$(_context10) {
         while (1) {
-          switch (_context9.prev = _context9.next) {
+          switch (_context10.prev = _context10.next) {
             case 0:
-              _context9.next = 2;
+              _context10.next = 2;
               return topoDispatchers.getTopoPermission({
                 id: id,
                 update: false
               });
 
             case 2:
-              permission = _context9.sent;
+              permission = _context10.sent;
 
               if (!topoPermissonUtil.isEditable(permission)) {
-                _context9.next = 5;
+                _context10.next = 5;
                 break;
               }
 
-              return _context9.abrupt("return", true);
+              return _context10.abrupt("return", true);
 
             case 5:
               _Dialog.alert({
@@ -735,43 +771,43 @@ var useTopoEdit = function useTopoEdit(params) {
                 onOk: function onOk() {}
               });
 
-              return _context9.abrupt("return", false);
+              return _context10.abrupt("return", false);
 
             case 7:
             case "end":
-              return _context9.stop();
+              return _context10.stop();
           }
         }
-      }, _callee9);
+      }, _callee10);
     }));
     return _checkSavePermission.apply(this, arguments);
   }
 
   var onSaveTopo = /*#__PURE__*/function () {
-    var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4(data) {
+    var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5(data) {
       var id, config, global, serialize, saveConfig, valid, _config$layout2, template, layout;
 
-      return _regeneratorRuntime.wrap(function _callee4$(_context4) {
+      return _regeneratorRuntime.wrap(function _callee5$(_context5) {
         while (1) {
-          switch (_context4.prev = _context4.next) {
+          switch (_context5.prev = _context5.next) {
             case 0:
               id = data.id, config = data.config, global = data.global, serialize = data.serialize;
 
               if (!onSave) {
-                _context4.next = 5;
+                _context5.next = 5;
                 break;
               }
 
               saveConfig = /*#__PURE__*/function () {
-                var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
+                var _ref7 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
                   var _config$layout, template, layout;
 
-                  return _regeneratorRuntime.wrap(function _callee3$(_context3) {
+                  return _regeneratorRuntime.wrap(function _callee4$(_context4) {
                     while (1) {
-                      switch (_context3.prev = _context3.next) {
+                      switch (_context4.prev = _context4.next) {
                         case 0:
                           _config$layout = config === null || config === void 0 ? void 0 : config.layout, template = _config$layout.type, layout = _config$layout.layout;
-                          _context3.next = 3;
+                          _context4.next = 3;
                           return editDispatchers.saveTopo({
                             id: id,
                             template: template,
@@ -782,14 +818,14 @@ var useTopoEdit = function useTopoEdit(params) {
 
                         case 3:
                         case "end":
-                          return _context3.stop();
+                          return _context4.stop();
                       }
                     }
-                  }, _callee3);
+                  }, _callee4);
                 }));
 
                 return function saveConfig() {
-                  return _ref6.apply(this, arguments);
+                  return _ref7.apply(this, arguments);
                 };
               }();
 
@@ -797,7 +833,7 @@ var useTopoEdit = function useTopoEdit(params) {
                 data: data,
                 saveConfig: saveConfig
               });
-              return _context4.abrupt("return");
+              return _context5.abrupt("return");
 
             case 5:
               // TODO 以下逻辑移到拓扑中心
@@ -805,26 +841,26 @@ var useTopoEdit = function useTopoEdit(params) {
                 saving: true
               }); // 检查权限
 
-              _context4.next = 8;
+              _context5.next = 8;
               return checkSavePermission(id);
 
             case 8:
-              valid = _context4.sent;
+              valid = _context5.sent;
 
               if (valid) {
-                _context4.next = 12;
+                _context5.next = 12;
                 break;
               }
 
               topoEditDispatchers.update({
                 saving: false
               });
-              return _context4.abrupt("return");
+              return _context5.abrupt("return");
 
             case 12:
               // 保存
               _config$layout2 = config === null || config === void 0 ? void 0 : config.layout, template = _config$layout2.type, layout = _config$layout2.layout;
-              _context4.next = 15;
+              _context5.next = 15;
               return editDispatchers.saveTopo({
                 id: id,
                 template: template,
@@ -836,7 +872,7 @@ var useTopoEdit = function useTopoEdit(params) {
               });
 
             case 15:
-              _context4.next = 17;
+              _context5.next = 17;
               return editDispatchers.addToBlockList({
                 id: topoId,
                 ciIdList: deletedNodes
@@ -853,14 +889,14 @@ var useTopoEdit = function useTopoEdit(params) {
 
             case 20:
             case "end":
-              return _context4.stop();
+              return _context5.stop();
           }
         }
-      }, _callee4);
+      }, _callee5);
     }));
 
-    return function onSaveTopo(_x8) {
-      return _ref5.apply(this, arguments);
+    return function onSaveTopo(_x9) {
+      return _ref6.apply(this, arguments);
     };
   }();
 
@@ -926,22 +962,22 @@ var useTopoEdit = function useTopoEdit(params) {
    * @return {Promise<void>}
    */
 
-  function refreshDataByConfig(_x9) {
+  function refreshDataByConfig(_x10) {
     return _refreshDataByConfig.apply(this, arguments);
   }
 
   function _refreshDataByConfig() {
-    _refreshDataByConfig = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee10(config) {
+    _refreshDataByConfig = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee11(config) {
       var resources, groups, dRes, sRes, query;
-      return _regeneratorRuntime.wrap(function _callee10$(_context10) {
+      return _regeneratorRuntime.wrap(function _callee11$(_context11) {
         while (1) {
-          switch (_context10.prev = _context10.next) {
+          switch (_context11.prev = _context11.next) {
             case 0:
               resources = config.resources, groups = config.groups;
               dRes = resources.dynamic, sRes = resources["static"];
 
               if (!(dRes.selected && dRes.condition || sRes.selected && isAvailableArray(sRes.data) || isAvailableArray(groups))) {
-                _context10.next = 7;
+                _context11.next = 7;
                 break;
               }
 
@@ -952,15 +988,15 @@ var useTopoEdit = function useTopoEdit(params) {
               };
               rlog.debug('useEffect', editState, isEditing, topoId, resources, groups); // editDispatchers.update({ resources, groups });
 
-              _context10.next = 7;
+              _context11.next = 7;
               return editDispatchers.getTopoByConditions(query);
 
             case 7:
             case "end":
-              return _context10.stop();
+              return _context11.stop();
           }
         }
-      }, _callee10);
+      }, _callee11);
     }));
     return _refreshDataByConfig.apply(this, arguments);
   }
@@ -981,7 +1017,7 @@ var useTopoEdit = function useTopoEdit(params) {
     if (showSingleResDrawer) {
       if (isAvailableArray(topo)) {
         // 需要过滤出单选的节点及其相关连线
-        var nodeId = singleResKey && singleResKey[0] || null;
+        var nodeId = singleResKey;
         var data = filterNode(topo, nodeId);
         saveBind(TopoEvent.DATA_TYPE_RESOURCE_SINGLE, data);
       }

package/es/style.js

@@ -1,6 +1,6 @@
-
 import '@alifd/next/lib/message/style';
 import '@alifd/next/lib/dialog/style';
+
 import '@alifd/next/lib/drawer/style';
 import '@alifd/next/lib/button/style';
 import '@alifd/next/lib/table/style';
@@ -20,11 +20,10 @@ import '@alifd/next/lib/box/style';
 import '@alifd/next/lib/dropdown/style';
 import '@alifd/next/lib/menu/style';
 import '@alifd/next/lib/tab/style';
-import '@alifd/next/lib/radio/style';
 import '@alifd/next/lib/collapse/style';
-import '@alifd/next/lib/list/style';
 import '@alifd/next/lib/tree-select/style';
-
+import '@alifd/next/lib/radio/style';
+import '@alifd/next/lib/list/style';
 import '@alifd/next/lib/tag/style';
 
 import './index.scss';

package/es/topoCenter/models/TopoCenter.js

@@ -17,6 +17,34 @@ var TopoCenter = /*#__PURE__*/function (_TopoApp) {
       loadData: getTopoData
     }, options, {
       usePermission: true,
+      beforeSwitchToEditMode: function () {
+        var _beforeSwitchToEditMode = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+          var topoDispatchers;
+          return _regeneratorRuntime.wrap(function _callee$(_context) {
+            while (1) {
+              switch (_context.prev = _context.next) {
+                case 0:
+                  topoDispatchers = _this.store.getModelDispatchers('topoMod');
+                  topoDispatchers.update({
+                    topoData: null
+                  });
+                  _context.next = 4;
+                  return topoDispatchers.refreshTopo();
+
+                case 4:
+                case "end":
+                  return _context.stop();
+              }
+            }
+          }, _callee);
+        }));
+
+        function beforeSwitchToEditMode() {
+          return _beforeSwitchToEditMode.apply(this, arguments);
+        }
+
+        return beforeSwitchToEditMode;
+      }(),
       onSwitchToEditMode: function onSwitchToEditMode() {
         var editDispatchers = _this.store.getModelDispatchers('topoCreateMod');
 
@@ -49,22 +77,22 @@ var TopoCenter = /*#__PURE__*/function (_TopoApp) {
   _proto.initData =
   /*#__PURE__*/
   function () {
-    var _initData = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(params) {
+    var _initData = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(params) {
       var topoDispatchers;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
+      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
         while (1) {
-          switch (_context.prev = _context.next) {
+          switch (_context2.prev = _context2.next) {
             case 0:
               topoDispatchers = this.store.getModelDispatchers('topoCenter');
-              _context.next = 3;
+              _context2.next = 3;
               return topoDispatchers.initData(params);
 
             case 3:
             case "end":
-              return _context.stop();
+              return _context2.stop();
           }
         }
-      }, _callee, this);
+      }, _callee2, this);
     }));
 
     function initData(_x) {
@@ -86,22 +114,22 @@ var TopoCenter = /*#__PURE__*/function (_TopoApp) {
   _proto.exit =
   /*#__PURE__*/
   function () {
-    var _exit = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+    var _exit = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
       var topoDispatchers;
-      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+      return _regeneratorRuntime.wrap(function _callee3$(_context3) {
         while (1) {
-          switch (_context2.prev = _context2.next) {
+          switch (_context3.prev = _context3.next) {
             case 0:
               topoDispatchers = this.store.getModelDispatchers('topoCenter');
-              _context2.next = 3;
+              _context3.next = 3;
               return topoDispatchers.exit();
 
             case 3:
             case "end":
-              return _context2.stop();
+              return _context3.stop();
           }
         }
-      }, _callee2, this);
+      }, _callee3, this);
     }));
 
     function exit() {