@riil-frontend/component-topology 2.11.0 → 2.12.3

package/es/core/editor/components/settings/layer/LayerSettingsForm.js

@@ -9,8 +9,8 @@ import _Grid from "@alifd/next/lib/grid";
 import _Form from "@alifd/next/lib/form";
 import React, { useState, useEffect } from 'react';
 import ColorPicker from "../../LinkDynamicStyleSettingDrawer/rule/ColorPicker";
-import GroupNodeList from "../group/GroupNodeList/GroupNodeList";
-import ResourceSelectButton from "../group/GroupNodeList/ResourceSelectButton";
+import GroupNodeList from "./NodeList";
+import ResourceSelectButton from "../common/GroupNodeList/ResourceSelectButton";
 var FormItem = _Form.Item;
 var Row = _Grid.Row,
     Col = _Grid.Col;

package/es/core/editor/components/settings/{group/GroupNodeList/GroupNodeList.js → layer/NodeList.js}

@@ -1,7 +1,7 @@
 import React, { useState, useEffect, useRef, useCallback } from 'react';
-import ResourceList from "./ResourceList";
-import { getGroupNodes } from "../../../../../../utils/htElementUtils";
-import { getIconById } from "./icon";
+import ResourceList from "../common/GroupNodeList/ResourceList";
+import { getGroupNodes } from "../../../../../utils/htElementUtils";
+import { getIconById } from "../common/GroupNodeList/icon";
 export default function GroupNodeList(props) {
   var topo = props.topo,
       group = props.group;

package/es/core/editor/components/settings/link/LinkPropertyView.js

@@ -9,9 +9,9 @@ import _Grid from "@alifd/next/lib/grid";
 import _Form from "@alifd/next/lib/form";
 import React, { useState, useEffect } from 'react';
 import ColorPicker from "../../LinkDynamicStyleSettingDrawer/rule/ColorPicker";
-import GroupNodeList from "../group/GroupNodeList/GroupNodeList";
-import ResourceSelectButton from "../group/GroupNodeList/ResourceSelectButton";
-import { getIconMap } from "../group/GroupNodeList/icon";
+import GroupNodeList from "../group/DataTab/GroupNodeList";
+import ResourceSelectButton from "../common/GroupNodeList/ResourceSelectButton";
+import { getIconMap } from "../common/GroupNodeList/icon";
 import LineType from "../common/LineType";
 var FormItem = _Form.Item;
 var Row = _Grid.Row,

package/es/core/editor/components/settings/node/NodeIconSelect.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { getIconGroups } from "../group/GroupNodeList/icon";
+import { getIconGroups } from "../common/GroupNodeList/icon";
 import IconSelect from '@riil-frontend/component-topo-icon-select';
 export default function NodeIconSelect(props) {
   var value = props.value,

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

@@ -0,0 +1,23 @@
+import SettingsForm from "./SettingsForm";
+import NodePropertyView from "./node/NodePropertyView";
+import LayerSettingsForm from "./layer/LayerSettingsForm";
+import TextPropertyView from "./text/TextPropertyView";
+import LinkPropertyView from "./link/LinkPropertyView";
+import ViewPropertyView from "./view/ViewPropertyView";
+import GroupPropertyView from "./group/GroupPropertyView";
+var propertyPanelMap = {
+  // view: SettingsForm,
+  node: NodePropertyView,
+  layer: LayerSettingsForm,
+  text: TextPropertyView,
+  group: GroupPropertyView
+};
+
+if (localStorage.getItem('topo.debug') === 'true') {
+  Object.assign(propertyPanelMap, {
+    line: LinkPropertyView,
+    view: ViewPropertyView
+  });
+}
+
+export default propertyPanelMap;

package/es/hooks/useRelateTopo.js

@@ -0,0 +1 @@
+export default function useRelateTopo(props) {}

package/es/hooks/useTopoEdit.js

@@ -12,6 +12,7 @@ import { TopoEvent } from '@riil-frontend/component-topology-graph';
 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,25 +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;
-              rlog.debug('useUpdateEffect--id, tag', id, tag);
+              rlog.debug('bindGroupResources--id, tag', id, tag);
 
               if (id) {
                 groupElement = filterGroupById(elements, id);
@@ -558,10 +561,10 @@ var useTopoEdit = function useTopoEdit(params) {
 
             case 11:
             case "end":
-              return _context6.stop();
+              return _context7.stop();
           }
         }
-      }, _callee6);
+      }, _callee7);
     }));
     return _bindGroupResources.apply(this, arguments);
   }
@@ -571,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);
   }
@@ -605,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 = {
@@ -624,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) {
       // 资源已被选
@@ -678,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,
@@ -697,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({
@@ -734,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,
@@ -781,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);
                 };
               }();
 
@@ -796,7 +833,7 @@ var useTopoEdit = function useTopoEdit(params) {
                 data: data,
                 saveConfig: saveConfig
               });
-              return _context4.abrupt("return");
+              return _context5.abrupt("return");
 
             case 5:
               // TODO 以下逻辑移到拓扑中心
@@ -804,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,
@@ -835,7 +872,7 @@ var useTopoEdit = function useTopoEdit(params) {
               });
 
             case 15:
-              _context4.next = 17;
+              _context5.next = 17;
               return editDispatchers.addToBlockList({
                 id: topoId,
                 ciIdList: deletedNodes
@@ -852,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);
     };
   }();
 
@@ -925,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;
               }
 
@@ -951,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);
   }
@@ -980,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

@@ -20,11 +20,11 @@ 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/components/TopoTreeSelect.js

@@ -0,0 +1,5 @@
+import React, { useState, useEffect, useRef, useCallback } from 'react';
+export default function TopoTreeSelect(props) {
+  return /*#__PURE__*/React.createElement("div", null);
+}
+;

package/es/topoCenter/viewer/createTopoViewer.js

@@ -1,5 +1,4 @@
 import _extends from "@babel/runtime/helpers/extends";
-import createMenuCommands from "../../contextmenu/createMenuCommands";
 import TopoCenter from "../models/TopoCenter";
 export function createTopoViewer(options) {
   var topoApp = new TopoCenter(_extends({}, options));