@riil-frontend/component-topology 11.0.34 → 12.0.0-dev.1

package/lib/core/editor/utils/copyElementUtil.js

@@ -0,0 +1,182 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports.handleCopyHotkey = handleCopyHotkey;
+exports.handlePasteHotkey = handlePasteHotkey;
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+function handleCopyHotkey(event, options) {
+  var target = event.target || event.srcElement;
+  var tagName = target.tagName;
+
+  if (tagName !== 'BODY') {
+    copy(options);
+  }
+}
+
+function handlePasteHotkey(event, options) {
+  var target = event.target || event.srcElement;
+  var tagName = target.tagName;
+
+  if (tagName !== 'BODY') {
+    paste(options);
+  }
+}
+
+function copy(options) {
+  var topo = options.topo;
+  var gv = topo.getHtTopo().getGraphView();
+  var dm = gv.dm();
+  var sm = dm.sm();
+  var serializer = new ht.JSONSerializer(dm);
+
+  serializer.isSerializable = function (data) {
+    //可在此设置要选中的数据或者在copy处
+    // if(sm.co(data)){
+    //   if(data instanceof ht.Group){
+    //     sm.as(data.getChildren());
+    //   }
+    // }
+    return sm.co(data);
+  };
+
+  var copyData = {
+    copyTopoElements: true,
+    source: {
+      id: topo.id,
+      topoType: topo.viewProps.topoType
+    },
+    data: serializer.toJSON()
+  };
+  writeClipboard(JSON.stringify(copyData, null, 0));
+}
+
+function paste(_x) {
+  return _paste.apply(this, arguments);
+}
+
+function _paste() {
+  _paste = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(options) {
+    var topo, clipboardText, copyData;
+    return _regenerator["default"].wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          topo = options.topo;
+          _context.next = 3;
+          return readClipboard();
+
+        case 3:
+          clipboardText = _context.sent;
+          copyData = parseCopyData(clipboardText, topo);
+
+          if (copyData) {
+            topo.historyManager.beginTransaction();
+            doPaste(topo, copyData.data);
+            topo.historyManager.endTransaction();
+          }
+
+        case 6:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  }));
+  return _paste.apply(this, arguments);
+}
+
+function parseCopyData(clipboardText, topo) {
+  var copyData = null;
+
+  try {
+    copyData = JSON.parse(clipboardText); // 网络拓扑和业务拓扑之间不支持复制粘贴
+
+    if (!copyData.copyTopoElements || copyData.topoType !== topo.topoType) {
+      copyData = null;
+    }
+  } catch (error) {}
+
+  return copyData;
+}
+
+function validateTopoCopyText(clipboardText) {
+  // TODO
+  return true;
+}
+
+function doPaste(topo, clipboardText) {
+  // 解析剪切板内容
+  var parseDm = new ht.DataModel();
+  var parseSerializer = new ht.JSONSerializer(parseDm);
+  parseSerializer.deserialize(clipboardText);
+  var elements = parseDm.getDatas().toArray(); // 添加到拓扑图
+
+  var gv = topo.getHtTopo().getGraphView();
+  var dm = gv.dm();
+  elements.forEach(function (d) {
+    dm.add(d);
+  });
+  parseDm.clear(); // 粘贴之后进行处理
+
+  var sm = dm.sm();
+  sm.cs();
+  sm.as(elements); // 粘贴位置处理
+
+  if (isPasetToOriginTopo()) {
+    gv.moveSelection(60, 60);
+  } else {// 从拓扑图A复制到拓扑图B时，粘贴到拓扑图可视区域中心位置居中粘贴
+    // TODO
+  } // 若用户粘贴后的位置超出现有位置后，将视野拉到可视范围内
+  // TODO
+  // gv.translate(-60, -60)
+
+}
+
+function isPasetToOriginTopo() {
+  // TODO
+  return true;
+}
+
+function writeClipboard(_x2) {
+  return _writeClipboard.apply(this, arguments);
+}
+
+function _writeClipboard() {
+  _writeClipboard = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2(text) {
+    return _regenerator["default"].wrap(function _callee2$(_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          navigator.clipboard.writeText(text);
+
+        case 1:
+        case "end":
+          return _context2.stop();
+      }
+    }, _callee2);
+  }));
+  return _writeClipboard.apply(this, arguments);
+}
+
+function readClipboard() {
+  return _readClipboard.apply(this, arguments);
+}
+
+function _readClipboard() {
+  _readClipboard = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee3() {
+    return _regenerator["default"].wrap(function _callee3$(_context3) {
+      while (1) switch (_context3.prev = _context3.next) {
+        case 0:
+          return _context3.abrupt("return", navigator.clipboard.readText());
+
+        case 1:
+        case "end":
+          return _context3.stop();
+      }
+    }, _callee3);
+  }));
+  return _readClipboard.apply(this, arguments);
+}

package/lib/core/editor/utils/edgeTypeStyleUtil.js

@@ -79,14 +79,12 @@ function isNodeAllEdges(topo) {
         return nodeLineList[i]._id == edge._id;
       }).length == 0) {
         inEdges = true;
-        return "break";
+        return 1; // break
       }
     };
 
     for (var i = 0; i < nodeLineList.length; i++) {
-      var _ret = _loop(i);
-
-      if (_ret === "break") break;
+      if (_loop(i)) break;
     }
   });
   return inEdges;

package/lib/core/hooks/usePolling.js

@@ -63,111 +63,109 @@ var usePolling = function usePolling(props) {
       var _topo$store$getModelS, resIdsList, nodeIdsList, codes, param, _yield$Promise$all, ciMetricsResult, mergeData, transformLinkData, adapterIpv6;
 
       return _regenerator["default"].wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              adapterIpv6 = function _adapterIpv(data) {
-                var ipv6 = data.attributeMap.ipv6_address;
-
-                if (!ipv6 && data.attributeMap.ipv6_address_list) {
-                  ipv6 = (data.attributeMap.ipv6_address_list || '').split(',')[0];
-                }
-
-                return (0, _extends2["default"])({}, data, {
-                  attributeMap: (0, _extends2["default"])({}, data.attributeMap, {
-                    ipv6_address: ipv6
-                  })
-                });
-              };
-
-              transformLinkData = function _transformLinkData(data) {
-                var _topo$dataModel$getDa2 = topo.dataModel.getData(),
-                    links = _topo$dataModel$getDa2.links,
-                    linkGroups = _topo$dataModel$getDa2.linkGroups;
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            adapterIpv6 = function _adapterIpv(data) {
+              var ipv6 = data.attributeMap.ipv6_address;
 
-                var link = [].concat(links, linkGroups).find(function (item) {
-                  return item.id === data.id;
-                });
+              if (!ipv6 && data.attributeMap.ipv6_address_list) {
+                ipv6 = (data.attributeMap.ipv6_address_list || '').split(',')[0];
+              }
 
-                if (!link) {
-                  return data;
-                }
+              return (0, _extends2["default"])({}, data, {
+                attributeMap: (0, _extends2["default"])({}, data.attributeMap, {
+                  ipv6_address: ipv6
+                })
+              });
+            };
 
-                return (0, _extends2["default"])({}, data, {
-                  attributeMap: link.attributes || {}
-                });
-              };
-
-              mergeData = function _mergeData(ciMetricsResult) {
-                // 合并属性、指标
-                var _topo$dataModel$getDa = topo.dataModel.getData(),
-                    nodes = _topo$dataModel$getDa.nodes,
-                    links = _topo$dataModel$getDa.links;
-
-                return [].concat(nodes, links).filter(function (item) {
-                  return !!item.ciType;
-                }).map(function (ciData) {
-                  var resultData = (0, _extends2["default"])({}, ciData, {
-                    attributeMap: (0, _extends2["default"])({}, (ciData === null || ciData === void 0 ? void 0 : ciData.attributes) || {})
-                  });
-                  resultData = transformLinkData(resultData);
-                  resultData = adapterIpv6(resultData);
-                  return resultData;
-                }).map(function (ciData) {
-                  var ciMetricResult = ciMetricsResult.find(function (item) {
-                    return item.id === (ciData.ciId || ciData.id);
-                  });
-                  return (0, _extends2["default"])({}, ciData, {
-                    metrics: (ciMetricResult === null || ciMetricResult === void 0 ? void 0 : ciMetricResult.metrics) || {}
-                  });
-                });
-              };
+            transformLinkData = function _transformLinkData(data) {
+              var _topo$dataModel$getDa2 = topo.dataModel.getData(),
+                  links = _topo$dataModel$getDa2.links,
+                  linkGroups = _topo$dataModel$getDa2.linkGroups;
 
-              _topo$store$getModelS = topo.store.getModelState('topoBizMod').resAndMetrics, resIdsList = _topo$store$getModelS.resIdsList, nodeIdsList = _topo$store$getModelS.nodeIdsList; // rlog.debug('根据ci的id获取属性的值-getCiArrByIds', resIdsList, metrics);
-              // 无资源，不查询
+              var link = [].concat(links, linkGroups).find(function (item) {
+                return item.id === data.id;
+              });
 
-              if (resIdsList.length) {
-                _context.next = 6;
-                break;
+              if (!link) {
+                return data;
               }
 
-              return _context.abrupt("return", []);
-
-            case 6:
-              // 需要查询的指标列表
-              codes = topo.attributeMetricDisplay.getResourceMetricCodes();
-              param = {
-                ciId: nodeIdsList,
-                codes: codes,
-                // 过滤掉不需要查询的
-                relationId: topo.attributeMetricDisplay.getEdges().map(function (edge) {
-                  return {
-                    ciId: edge.id,
-                    operation: edge.operation
-                  };
-                })
-              };
-              _context.t0 = Promise;
-              _context.t1 = // 查询指标值
-              topo.serverApi.ciInfo.batchQueryCiInfo(param);
-              _context.next = 12;
-              return _DictCache["default"].init();
-
-            case 12:
-              _context.t2 = _context.sent;
-              _context.t3 = [_context.t1, _context.t2];
-              _context.next = 16;
-              return _context.t0.all.call(_context.t0, _context.t3);
-
-            case 16:
-              _yield$Promise$all = _context.sent;
-              ciMetricsResult = _yield$Promise$all[0];
-              return _context.abrupt("return", mergeData(ciMetricsResult));
-
-            case 19:
-            case "end":
-              return _context.stop();
-          }
+              return (0, _extends2["default"])({}, data, {
+                attributeMap: link.attributes || {}
+              });
+            };
+
+            mergeData = function _mergeData(ciMetricsResult) {
+              // 合并属性、指标
+              var _topo$dataModel$getDa = topo.dataModel.getData(),
+                  nodes = _topo$dataModel$getDa.nodes,
+                  links = _topo$dataModel$getDa.links;
+
+              return [].concat(nodes, links).filter(function (item) {
+                return !!item.ciType;
+              }).map(function (ciData) {
+                var resultData = (0, _extends2["default"])({}, ciData, {
+                  attributeMap: (0, _extends2["default"])({}, (ciData === null || ciData === void 0 ? void 0 : ciData.attributes) || {})
+                });
+                resultData = transformLinkData(resultData);
+                resultData = adapterIpv6(resultData);
+                return resultData;
+              }).map(function (ciData) {
+                var ciMetricResult = ciMetricsResult.find(function (item) {
+                  return item.id === (ciData.ciId || ciData.id);
+                });
+                return (0, _extends2["default"])({}, ciData, {
+                  metrics: (ciMetricResult === null || ciMetricResult === void 0 ? void 0 : ciMetricResult.metrics) || {}
+                });
+              });
+            };
+
+            _topo$store$getModelS = topo.store.getModelState('topoBizMod').resAndMetrics, resIdsList = _topo$store$getModelS.resIdsList, nodeIdsList = _topo$store$getModelS.nodeIdsList; // rlog.debug('根据ci的id获取属性的值-getCiArrByIds', resIdsList, metrics);
+            // 无资源，不查询
+
+            if (resIdsList.length) {
+              _context.next = 6;
+              break;
+            }
+
+            return _context.abrupt("return", []);
+
+          case 6:
+            // 需要查询的指标列表
+            codes = topo.attributeMetricDisplay.getResourceMetricCodes();
+            param = {
+              ciId: nodeIdsList,
+              codes: codes,
+              // 过滤掉不需要查询的
+              relationId: topo.attributeMetricDisplay.getEdges().map(function (edge) {
+                return {
+                  ciId: edge.id,
+                  operation: edge.operation
+                };
+              })
+            };
+            _context.t0 = Promise;
+            _context.t1 = // 查询指标值
+            topo.serverApi.ciInfo.batchQueryCiInfo(param);
+            _context.next = 12;
+            return _DictCache["default"].init();
+
+          case 12:
+            _context.t2 = _context.sent;
+            _context.t3 = [_context.t1, _context.t2];
+            _context.next = 16;
+            return _context.t0.all.call(_context.t0, _context.t3);
+
+          case 16:
+            _yield$Promise$all = _context.sent;
+            ciMetricsResult = _yield$Promise$all[0];
+            return _context.abrupt("return", mergeData(ciMetricsResult));
+
+          case 19:
+          case "end":
+            return _context.stop();
         }
       }, _callee);
     }));
@@ -183,28 +181,26 @@ var usePolling = function usePolling(props) {
     _refresh = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2() {
       var data;
       return _regenerator["default"].wrap(function _callee2$(_context2) {
-        while (1) {
-          switch (_context2.prev = _context2.next) {
-            case 0:
-              if (!(!pollingSwitch || !(resAndMetrics !== null && resAndMetrics !== void 0 && resAndMetrics.resIdsList.length))) {
-                _context2.next = 2;
-                break;
-              }
-
-              return _context2.abrupt("return");
-
-            case 2:
-              _context2.next = 4;
-              return fetchData();
-
-            case 4:
-              data = _context2.sent;
-              return _context2.abrupt("return", data);
-
-            case 6:
-            case "end":
-              return _context2.stop();
-          }
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            if (!(!pollingSwitch || !(resAndMetrics !== null && resAndMetrics !== void 0 && resAndMetrics.resIdsList.length))) {
+              _context2.next = 2;
+              break;
+            }
+
+            return _context2.abrupt("return");
+
+          case 2:
+            _context2.next = 4;
+            return fetchData();
+
+          case 4:
+            data = _context2.sent;
+            return _context2.abrupt("return", data);
+
+          case 6:
+          case "end":
+            return _context2.stop();
         }
       }, _callee2);
     }));

package/lib/core/hooks/useResourceConfig.js

@@ -27,16 +27,14 @@ function _default(props) {
   var loadConfig = /*#__PURE__*/function () {
     var _ref = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
       return _regenerator["default"].wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              _context.next = 2;
-              return editDispatchers.getConditions();
-
-            case 2:
-            case "end":
-              return _context.stop();
-          }
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.next = 2;
+            return editDispatchers.getConditions();
+
+          case 2:
+          case "end":
+            return _context.stop();
         }
       }, _callee);
     }));
@@ -75,16 +73,14 @@ function _default(props) {
   var updateConfig = /*#__PURE__*/function () {
     var _ref2 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2(config) {
       return _regenerator["default"].wrap(function _callee2$(_context2) {
-        while (1) {
-          switch (_context2.prev = _context2.next) {
-            case 0:
-              _context2.next = 2;
-              return editDispatchers.update(config);
-
-            case 2:
-            case "end":
-              return _context2.stop();
-          }
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            _context2.next = 2;
+            return editDispatchers.update(config);
+
+          case 2:
+          case "end":
+            return _context2.stop();
         }
       }, _callee2);
     }));
@@ -196,28 +192,26 @@ function _default(props) {
     _updateGroupResources = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee3(groupData, resources) {
       var config;
       return _regenerator["default"].wrap(function _callee3$(_context3) {
-        while (1) {
-          switch (_context3.prev = _context3.next) {
-            case 0:
-              config = getConfig();
-              config.groups = config.groups.map(function (group) {
-                // 匹配到容器,
-                if (matchGroup(group, groupData)) {
-                  return (0, _extends2["default"])({}, group, {
-                    resources: resources
-                  });
-                } // 未匹配到容器
-
-
-                return group;
-              });
-              _context3.next = 4;
-              return updateConfig(config);
-
-            case 4:
-            case "end":
-              return _context3.stop();
-          }
+        while (1) switch (_context3.prev = _context3.next) {
+          case 0:
+            config = getConfig();
+            config.groups = config.groups.map(function (group) {
+              // 匹配到容器,
+              if (matchGroup(group, groupData)) {
+                return (0, _extends2["default"])({}, group, {
+                  resources: resources
+                });
+              } // 未匹配到容器
+
+
+              return group;
+            });
+            _context3.next = 4;
+            return updateConfig(config);
+
+          case 4:
+          case "end":
+            return _context3.stop();
         }
       }, _callee3);
     }));
@@ -243,30 +237,28 @@ function _default(props) {
     _addLayerStaticResources = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee4(data, newResourceIds) {
       var config;
       return _regenerator["default"].wrap(function _callee4$(_context4) {
-        while (1) {
-          switch (_context4.prev = _context4.next) {
-            case 0:
-              config = getConfig();
-              config.groups = config.groups.map(function (group) {
-                // 匹配到容器, 增加
-                if (matchGroup(group, data)) {
-                  return (0, _extends2["default"])({}, group, {
-                    resources: (0, _extends2["default"])({}, group.resources, {
-                      "static": [].concat(group.resources["static"], newResourceIds)
-                    })
-                  });
-                } // 未匹配到容器
-
-
-                return group;
-              });
-              _context4.next = 4;
-              return updateConfig(config);
-
-            case 4:
-            case "end":
-              return _context4.stop();
-          }
+        while (1) switch (_context4.prev = _context4.next) {
+          case 0:
+            config = getConfig();
+            config.groups = config.groups.map(function (group) {
+              // 匹配到容器, 增加
+              if (matchGroup(group, data)) {
+                return (0, _extends2["default"])({}, group, {
+                  resources: (0, _extends2["default"])({}, group.resources, {
+                    "static": [].concat(group.resources["static"], newResourceIds)
+                  })
+                });
+              } // 未匹配到容器
+
+
+              return group;
+            });
+            _context4.next = 4;
+            return updateConfig(config);
+
+          case 4:
+          case "end":
+            return _context4.stop();
         }
       }, _callee4);
     }));