@riil-frontend/component-topology 3.1.13 → 3.4.0

package/es/topoCenter/components/editor/propertyViews/edge/addLinkDrawer/components/editLinkInfo.js

@@ -8,9 +8,11 @@ import _Field from "@alifd/next/es/field";
 import _extends from "@babel/runtime/helpers/extends";
 import _Grid from "@alifd/next/es/grid";
 import _Form from "@alifd/next/es/form";
+import _Radio from "@alifd/next/es/radio";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React, { useState, useEffect } from "react";
 import rlog from "@riil-frontend/component-topology-utils/es/rlog";
+var RadioGroup = _Radio.Group;
 var FormItem = _Form.Item;
 var Row = _Grid.Row,
     Col = _Grid.Col; // import LindInfoPreview from "../../link/LindInfoPreview";
@@ -36,9 +38,9 @@ export default function EditLinkInfo(props) {
 
   var _topo$store$useModel2 = topo.store.useModel("topoBizMod"),
       bizState = _topo$store$useModel2[0],
-      bizDispatchers = _topo$store$useModel2[1];
+      bizDispatchers = _topo$store$useModel2[1]; // const { resAndMetrics } = topoState;
+  // const { resAndMetrics } = bizState;
 
-  var resAndMetrics = topoState.resAndMetrics; // const { resAndMetrics } = bizState;
 
   var source = lineData.source,
       target = lineData.target,
@@ -56,9 +58,13 @@ export default function EditLinkInfo(props) {
       targetValue = _useState3[0],
       setTarget = _useState3[1];
 
+  var _useState4 = useState(true),
+      connectEnable = _useState4[0],
+      setConnectEnable = _useState4[1];
+
   var fieldOnChange = function fieldOnChange(name, value) {
-    var newValues = field.getValues();
-    rlog.debug("Field-onChange", newValues, name, value);
+    var newValues = field.getValues(); // rlog.debug("Field-onChange", newValues, name, value);
+
     setValus(newValues);
   };
 
@@ -83,7 +89,8 @@ export default function EditLinkInfo(props) {
     }
   };
 
-  var linkTypeJudge = function linkTypeJudge(sourceType, destinationType) {
+  var linkTypeJudge = function linkTypeJudge(sourceType, destinationType, type) {
+    console.log("linkTypeJudge", sourceType, destinationType, type);
     var connect = "phy";
     var support = "m.physical_link";
 
@@ -92,8 +99,9 @@ export default function EditLinkInfo(props) {
       support = "m.agg_link";
     }
 
-    if (sourceType === "" || destinationType === "") {
+    if (type === "exit") {
       connect = "exit";
+      support = "m.exit_link";
     }
 
     return {
@@ -102,6 +110,10 @@ export default function EditLinkInfo(props) {
     };
   };
 
+  var connectHandleChange = function connectHandleChange(v) {
+    field.setValue("connect_type", v);
+  };
+
   var portsHandleChange = function portsHandleChange(type, value) {
     var _sourceValue$portsDoc, _sourceValue$portsDoc2, _targetValue$portsDoc, _targetValue$portsDoc2;
 
@@ -116,9 +128,9 @@ export default function EditLinkInfo(props) {
       actualBandwidth = Math.min(sourceRb, targetRb);
     } else {
       actualBandwidth = sourceRb || targetRb;
-    }
+    } // rlog.debug("network_link.actual_bandwidth", actualBandwidth);
+
 
-    rlog.debug("network_link.actual_bandwidth", actualBandwidth);
     field.setValue("network_link.actual_bandwidth", actualBandwidth);
   };
 
@@ -127,14 +139,15 @@ export default function EditLinkInfo(props) {
       if (errors) {
         rlog.debug("saveHandleChange-error", errors, values);
       } else {
-        var _sourceValue$portsDoc3, _sourceValue$portsDoc4, _targetValue$portsDoc3, _targetValue$portsDoc4, _sourceValue$ipAddres, _targetValue$ipAddres;
+        var _valus$destination_id, _sourceValue$portsDoc3, _sourceValue$portsDoc4, _targetValue$portsDoc3, _targetValue$portsDoc4, _targetValue$ipAddres, _sourceValue$ipAddres, _targetValue$id;
 
         rlog.debug("saveHandleChange", valus, source, target);
         var sourceId = valus["source_id"];
-        var destinationId = valus["destination_id"];
+        var destinationId = (_valus$destination_id = valus["destination_id"]) !== null && _valus$destination_id !== void 0 ? _valus$destination_id : "";
         var sourceType = (_sourceValue$portsDoc3 = (_sourceValue$portsDoc4 = sourceValue.portsDoc[sourceId]) === null || _sourceValue$portsDoc4 === void 0 ? void 0 : _sourceValue$portsDoc4.type) !== null && _sourceValue$portsDoc3 !== void 0 ? _sourceValue$portsDoc3 : "";
         var destinationType = (_targetValue$portsDoc3 = (_targetValue$portsDoc4 = targetValue.portsDoc[destinationId]) === null || _targetValue$portsDoc4 === void 0 ? void 0 : _targetValue$portsDoc4.type) !== null && _targetValue$portsDoc3 !== void 0 ? _targetValue$portsDoc3 : "";
-        var typeJudge = linkTypeJudge(sourceType, destinationType);
+        var typeJudge = linkTypeJudge(sourceType, destinationType, valus["network_link.connect_type"]);
+        var destination_ipv4 = valus["network_link.connect_type"] !== "exit" ? (_targetValue$ipAddres = targetValue.ipAddress) !== null && _targetValue$ipAddres !== void 0 ? _targetValue$ipAddres : valus["network_link.destination_ipv4"] : valus["network_link.destination_ipv4"];
         var obj = {
           display_name: valus["display_name"],
           // 链路名称
@@ -142,7 +155,7 @@ export default function EditLinkInfo(props) {
           // 链路名称
           "network_link.source_ipv4": (_sourceValue$ipAddres = sourceValue.ipAddress) !== null && _sourceValue$ipAddres !== void 0 ? _sourceValue$ipAddres : valus["network_link.source_ipv4"],
           // 源IP
-          "network_link.destination_ipv4": (_targetValue$ipAddres = targetValue.ipAddress) !== null && _targetValue$ipAddres !== void 0 ? _targetValue$ipAddres : valus["network_link.destination_ipv4"],
+          "network_link.destination_ipv4": destination_ipv4,
           // 目的IP
           // source_id, // 源端口
           // destination_id, // 目的端口
@@ -154,7 +167,7 @@ export default function EditLinkInfo(props) {
           // destination_type, // 必须
           "network_link.source_device_id": sourceValue.id,
           // 必须
-          "network_link.destination_device_id": targetValue.id,
+          "network_link.destination_device_id": (_targetValue$id = targetValue.id) !== null && _targetValue$id !== void 0 ? _targetValue$id : "",
           // 必须
           "network_link.connect_type": typeJudge.connect,
           // 必须
@@ -171,6 +184,10 @@ export default function EditLinkInfo(props) {
           obj["destination_id"] = destinationId; // 目的端口
 
           obj["destination_type"] = destinationType;
+        } else {
+          obj["destination_id"] = ""; // 目的端口
+
+          obj["destination_type"] = "";
         }
 
         if (isAdd) {
@@ -207,6 +224,16 @@ export default function EditLinkInfo(props) {
     });
   };
 
+  var targetIpComp = function targetIpComp(targetValue) {
+    return targetValue.ipAddress && targetValue.ciType !== "customNode" ? /*#__PURE__*/React.createElement("div", {
+      className: styles.label
+    }, targetValue.ipAddress) : /*#__PURE__*/React.createElement(_Input, {
+      placeholder: "\u8BF7\u8F93\u5165",
+      name: "network_link.destination_ipv4",
+      maxLength: 128
+    });
+  };
+
   return /*#__PURE__*/React.createElement("div", {
     className: styles.editForm
   }, /*#__PURE__*/React.createElement(_Form, {
@@ -245,13 +272,7 @@ export default function EditLinkInfo(props) {
   }, /*#__PURE__*/React.createElement(FormItem, _extends({}, formItemLayout, {
     labelAlign: labelAlign,
     label: "\u76EE\u7684\u8282\u70B9IP"
-  }), targetValue.ipAddress ? /*#__PURE__*/React.createElement("div", {
-    className: styles.label
-  }, targetValue.ipAddress) : /*#__PURE__*/React.createElement(_Input, {
-    placeholder: "\u8BF7\u8F93\u5165",
-    name: "network_link.destination_ipv4",
-    maxLength: 128
-  })))), /*#__PURE__*/React.createElement(Row, {
+  }), targetIpComp(target)))), /*#__PURE__*/React.createElement(Row, {
     gutter: "16"
   }, /*#__PURE__*/React.createElement(Col, {
     span: "12"
@@ -273,7 +294,7 @@ export default function EditLinkInfo(props) {
   }, /*#__PURE__*/React.createElement(FormItem, _extends({}, formItemLayout, {
     labelAlign: labelAlign,
     label: "\u76EE\u7684\u7AEF\u53E3",
-    required: true,
+    required: valus["connect_type"] !== "exit",
     requiredMessage: "\u76EE\u7684\u7AEF\u53E3\u4E0D\u80FD\u4E3A\u7A7A"
   }), targetValue.ipAddress ? /*#__PURE__*/React.createElement(_Select, {
     name: "destination_id",
@@ -320,6 +341,25 @@ export default function EditLinkInfo(props) {
     gutter: "16"
   }, /*#__PURE__*/React.createElement(Col, {
     span: "24"
+  }, /*#__PURE__*/React.createElement(FormItem, _extends({}, formItemLayout, {
+    labelAlign: labelAlign,
+    label: "\u94FE\u63A5\u65B9\u5F0F"
+  }), /*#__PURE__*/React.createElement(RadioGroup, {
+    name: "connect_type",
+    onChange: function onChange(v) {
+      connectHandleChange(v);
+    }
+  }, /*#__PURE__*/React.createElement(_Radio, {
+    id: "phy",
+    value: "phy",
+    disabled: target.ciType === "customNode"
+  }, "\u7269\u7406/\u805A\u5408"), /*#__PURE__*/React.createElement(_Radio, {
+    id: "exit",
+    value: "exit"
+  }, "\u51FA\u53E3"))))), /*#__PURE__*/React.createElement(Row, {
+    gutter: "16"
+  }, /*#__PURE__*/React.createElement(Col, {
+    span: "24"
   }, /*#__PURE__*/React.createElement(FormItem, _extends({}, formItemLayout, {
     labelAlign: labelAlign,
     label: "\u5B9E\u9645\u5E26\u5BBD\uFF08Mbps\uFF09"

package/es/topoCenter/components/editor/propertyViews/edge/link/LinkInfoPreview.js

@@ -3,6 +3,7 @@ import _Collapse from "@alifd/next/es/collapse";
 import React, { useEffect } from "react";
 import styles from "./LinkInfoPreview.module.scss";
 import { formatMetric } from "../../../../../../core/models/attributeFormatter";
+import rlog from "@riil-frontend/component-topology-utils/es/rlog";
 var CollapsePanel = _Collapse.Panel;
 export default function LindInfoPreview(props) {
   var topo = props.topo,
@@ -28,8 +29,13 @@ export default function LindInfoPreview(props) {
   }, {
     label: "目的端口",
     name: "destination_id"
-  }, // { label: "取值端口", name: "network_link.work_mode" },
-  {
+  }, {
+    label: "取值端口",
+    name: "network_link.value_port"
+  }, {
+    label: "链接方式",
+    name: "network_link.connect_type"
+  }, {
     label: "实际带宽",
     name: "network_link.actual_bandwidth"
   }, {
@@ -40,14 +46,27 @@ export default function LindInfoPreview(props) {
   var getValue = function getValue(name) {
     var value;
 
-    if (data.attributes[name + "_object"]) {
-      value = data.attributes[name + "_object"].displayName;
+    if (data) {
+      if (data.attributes[name + "_object"]) {
+        value = data.attributes[name + "_object"].displayName;
+      } else {
+        value = data.attributes[name];
+      }
+
+      var attrMeta = topo.ciTyeCache.getCiType("network_link").attributeMap[name];
+      value = formatMetric(value, attrMeta);
+
+      if (name === "network_link.value_port") {
+        value = "源端口";
+      }
+
+      if (name === "network_link.connect_type") {
+        value = data.attributes[name] === "exit" ? "出口" : "物理/聚合";
+      }
     } else {
-      value = data.attributes[name];
+      value = "-";
     }
 
-    var attrMeta = topo.ciTyeCache.getCiType("network_link").attributeMap[name];
-    value = formatMetric(value, attrMeta);
     return value;
   };
 

package/es/topoCenter/event/index.js

@@ -2,4 +2,5 @@ var TopoCenterEvent = function TopoCenterEvent() {};
 
 TopoCenterEvent.TOPO_LINK_ENTER_CREATE_MODE = "topo_link_enter_create_mode";
 TopoCenterEvent.TOPO_LINK_CREATED = "topo_link_created";
+TopoCenterEvent.TOPO_LINK_SELECT_SOURCE_NODE = "topo_link_select_source_node";
 export { TopoCenterEvent as default };

package/es/topoCenter/hooks/editor/useDeleteEdges.js

@@ -41,31 +41,24 @@ export default (function (_ref) {
     return deleteable;
   }
 
-  var deleteLink = function deleteLink(edge) {
-    var id = edge.getTag();
-    var link = topo.dataModel.getDataById(id);
-    var isAgg = isAggLink(link);
-
-    if (!checkLinkDeleteable(link)) {
-      return;
-    }
-
-    var htTopo = topo.getHtTopo();
-    confirmDeleteLink( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-      var success, edgesInNodes, edgeGroupData, edgeData, _topo$store$getModel, topoState, topoDispatchers, _topoState$data, links, linkGroups;
+  var doDeleteLink = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(link, edge) {
+      var id, isAgg, success, htTopo, edgesInNodes, edgeGroupData, edgeData, _topo$store$getModel, topoState, topoDispatchers, _topoState$data, links, linkGroups;
 
       return _regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) {
           switch (_context.prev = _context.next) {
             case 0:
-              _context.next = 2;
+              id = link.id;
+              isAgg = isAggLink(link);
+              _context.next = 4;
               return linkService.deleteLink(id);
 
-            case 2:
+            case 4:
               success = _context.sent;
 
               if (success) {
-                _context.next = 6;
+                _context.next = 8;
                 break;
               }
 
@@ -73,9 +66,10 @@ export default (function (_ref) {
 
               return _context.abrupt("return");
 
-            case 6:
-              _Message.success('删除成功'); // 获取两个节点间的连线数据列表 
+            case 8:
+              _Message.success('删除成功');
 
+              htTopo = topo.getHtTopo(); // 获取两个节点间的连线数据列表 
 
               edgesInNodes = htTopo.getEdgeDatasInNodes(edge.getSource(), edge.getTarget());
 
@@ -99,28 +93,56 @@ export default (function (_ref) {
 
               _topo$store$getModel = topo.store.getModel('topoMod'), topoState = _topo$store$getModel[0], topoDispatchers = _topo$store$getModel[1];
               _topoState$data = topoState.data, links = _topoState$data.links, linkGroups = _topoState$data.linkGroups;
-              _context.next = 13;
+              _context.next = 16;
               return topoDispatchers.update({
                 data: _extends({}, topoState.data, {
-                  links: links.filter(function (link) {
-                    return link.id !== id;
+                  links: links.filter(function (item) {
+                    return item.id !== id;
                   }),
-                  linkGroups: linkGroups.filter(function (link) {
-                    return link.id !== id;
+                  linkGroups: linkGroups.filter(function (item) {
+                    return item.id !== id;
                   })
                 })
               });
 
-            case 13:
+            case 16:
               // 刷新链路动态线宽
               topo.linkDynamicStyleExecutor.execute();
 
-            case 14:
+            case 17:
             case "end":
               return _context.stop();
           }
         }
       }, _callee);
+    }));
+
+    return function doDeleteLink(_x, _x2) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+
+  var deleteLink = function deleteLink(edge) {
+    var id = edge.getTag();
+    var link = topo.dataModel.getDataById(id);
+
+    if (!checkLinkDeleteable(link)) {
+      return;
+    }
+
+    confirmDeleteLink( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+        while (1) {
+          switch (_context2.prev = _context2.next) {
+            case 0:
+              doDeleteLink(link, edge);
+
+            case 1:
+            case "end":
+              return _context2.stop();
+          }
+        }
+      }, _callee2);
     })));
   };
   /**

package/es/topoCenter/services/link.js

@@ -139,5 +139,56 @@ export default {
         }
       }, _callee4, null, [[0, 7]]);
     }))();
+  },
+
+  /**
+   * 查询可关联链路
+   *
+   * @param {array} ciIds
+   */
+  queryAssociatedlinks: function queryAssociatedlinks(ids, type) {
+    return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5() {
+      var stag, ttag, condition, parm, jsonParm, result;
+      return _regeneratorRuntime.wrap(function _callee5$(_context5) {
+        while (1) {
+          switch (_context5.prev = _context5.next) {
+            case 0:
+              // const idtxt = `'${ids[0]}','${ids[1]}'`;
+              stag = ids[0];
+              ttag = ids[1];
+              condition = "type('network_link') && network_link.connect_type = 'exit' && network_link.source_device_id ='" + stag + "'";
+
+              if (ttag) {
+                condition = "type('network_link') && network_link.connect_type = 'exit' && network_link.source_device_id ='" + stag + "' && network_link.destination_device_id='" + ttag + "'";
+              }
+
+              parm = {
+                condition: condition,
+                sort: "name asc",
+                currentPage: 1,
+                pageSize: 99
+              };
+              jsonParm = JSON.stringify(parm);
+              console.log("queryAssociatedlinks", ids, parm, jsonParm);
+              _context5.prev = 7;
+              _context5.next = 10;
+              return getRequest().post("/mdc/v1/api/cmdb/commonQueryCiData", jsonParm);
+
+            case 10:
+              result = _context5.sent;
+              return _context5.abrupt("return", result);
+
+            case 14:
+              _context5.prev = 14;
+              _context5.t0 = _context5["catch"](7);
+              rlog.error("查询可关联链路", _context5.t0);
+
+            case 17:
+            case "end":
+              return _context5.stop();
+          }
+        }
+      }, _callee5, null, [[7, 14]]);
+    }))();
   }
 };

package/es/topoCenter/utils/linPermissionUtil.js

@@ -1,24 +1,35 @@
+var isWriteable = function isWriteable(link, source, target, linkType) {
+  if (linkType === "exit") {
+    return ["write", "delete"].indexOf(source === null || source === void 0 ? void 0 : source.operation) !== -1;
+  } else {
+    return [source, target].filter(function (node) {
+      return ["write", "delete"].indexOf(node === null || node === void 0 ? void 0 : node.operation) !== -1;
+    }).length === 2;
+  }
+};
 /**
  * 获得链路权限
- * 
- * @param {*} link 
- * @param {*} nodes 
- * @returns 
+ *
+ * @param {*} link
+ * @param {*} nodes
+ * @returns
  */
-export function getLinkPermission(link, nodes) {
+
+
+export function getLinkPermission(edge, nodes, link) {
   var source = nodes.find(function (node) {
-    return node.id === link.source;
+    return node.id === edge.getSource().getTag();
   });
   var target = nodes.find(function (node) {
-    return node.id === link.target;
-  });
+    return node.id === edge.getTarget().getTag();
+  }); // console.log("getLinkPermission", edge, source, target, link);
+
+  var linkType = link ? link.attributes["network_link.connect_type"] : edge.a("network_link.connect_type");
   return {
-    readable: source.operation || target.operation,
-    writeable: [source, target].filter(function (node) {
-      return ['write', 'delete'].indexOf(node.operation) !== -1;
-    }).length === 2,
+    readable: (source === null || source === void 0 ? void 0 : source.operation) || (target === null || target === void 0 ? void 0 : target.operation),
+    writeable: isWriteable(edge, source, target, linkType),
     deleteable: [source, target].filter(function (node) {
-      return ['write', 'delete'].indexOf(node.operation) !== -1;
+      return ["write", "delete"].indexOf(node === null || node === void 0 ? void 0 : node.operation) !== -1;
     }).length >= 1
   };
 }

package/es/utils/ResourceConfigUtil.js

@@ -1,21 +1,23 @@
-import sortBy from 'lodash/sortBy';
-import { getGroupChildrenNodes, getGroups, getLayerChildrenNodes, getLayers, getNodes } from "./htElementUtils";
+import sortBy from "lodash/sortBy";
+import { getEdges, getGroupChildrenNodes, getGroups, getLayerChildrenNodes, getLayers, getNodes } from "./htElementUtils";
 /**
  * 从拓扑图解析出拓扑资源配置
- * 
- * @param {ht.DataModel} dataModel 
+ *
+ * @param {ht.DataModel} dataModel
  * @returns {{layers, groups, resources}}
  */
 
-function getResourceConfigFromHt(dataModel) {
-  // 获得分层
+function getResourceConfigFromHt(topo) {
+  var htTopo = topo.getHtTopo();
+  var dataModel = topo.getDataModel(); // 获得分层
+
   var layerElements = getLayers(dataModel);
   var layers = layerElements.map(function (layerElement) {
     return {
       id: layerElement.getTag(),
-      tag: layerElement.a('tag'),
-      name: layerElement.s('label'),
-      order: layerElement.a('order'),
+      tag: layerElement.a("tag"),
+      name: layerElement.s("label"),
+      order: layerElement.a("order"),
       resources: {
         "static": getLayerChildrenNodes(layerElement).filter(function (node) {
           return !!node.getTag();
@@ -32,7 +34,7 @@ function getResourceConfigFromHt(dataModel) {
   var viewNodes = getNodes(dataModel).filter(function (node) {
     return !node.getParent();
   }).filter(function (node) {
-    return node.a('type') === 'node';
+    return node.a("type") === "node";
   }).filter(function (node) {
     return !!node.getTag();
   });
@@ -43,20 +45,40 @@ function getResourceConfigFromHt(dataModel) {
   }; // console.error('getResourceConfigFromHt', {
   //   viewNodes,
   // });
+  // 查询出口链路列表
+
+  var exportLinkIdList = [];
+  var edges = getEdges(dataModel);
+  console.log(" 查询出口链路列表-edges", edges, dataModel);
+  edges.forEach(function (edge) {
+    var edgeData = htTopo.getEdgeData(edge); // eslint-disable-next-line no-underscore-dangle
+
+    var id = edgeData._attrObject.id;
+
+    if (id) {
+      var linkData = topo.dataModel.getDataById(id);
+      var connectType = linkData === null || linkData === void 0 ? void 0 : linkData.attributes["network_link.connect_type"];
 
+      if (connectType === "exit" && !exportLinkIdList.includes(id)) {
+        exportLinkIdList.push(id);
+      }
+    }
+  });
   return {
-    layers: sortBy(layers, 'order'),
-    groups: sortBy([].concat(layers, groups), 'order'),
-    resources: resources
+    layers: sortBy(layers, "order"),
+    groups: sortBy([].concat(layers, groups), "order"),
+    resources: resources,
+    exportLinkIdList: exportLinkIdList // 出口链路id列表
+
   };
 }
 
 function getGroupConfigByElement(groupElement) {
   return {
     id: groupElement.getTag(),
-    tag: groupElement.a('tag'),
-    name: groupElement.a('name'),
-    order: groupElement.a('order'),
+    tag: groupElement.a("tag"),
+    name: groupElement.a("name"),
+    order: groupElement.a("order"),
     resources: {
       "static": getGroupChildrenNodes(groupElement).filter(function (node) {
         return !!node.getTag();

package/es/utils/topoData.js

@@ -268,7 +268,7 @@ export function buildTopoGraphData() {// TODO 构造拓扑图数据移到这里
 }
 
 function buildGlobal(_ref2) {
-  var _result$config, _engine$viewProps, _result$global2, _engine$options$viewe, _engine$options$edito, _engine$options$edito2;
+  var _result$config, _engine$viewProps, _result$global2, _result$customGlobal, _result$customGlobal2, _engine$options$viewe, _engine$options$edito, _engine$options$edito2;
 
   var result = _ref2.data,
       permission = _ref2.permission,
@@ -295,14 +295,14 @@ function buildGlobal(_ref2) {
     };
   }
 
-  return _extends({
+  return {
     // 背景图
     backgroundImgUrl: (_engine$viewProps = engine.viewProps) !== null && _engine$viewProps !== void 0 && _engine$viewProps.hideBackground ? null : getBackgroundImageUrl(globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.background),
     control: _extends({
       editable: topoPermissionUtil.isEditable(permission),
       // 是否可编辑----控制[编辑]按钮
       moveable: true
-    }, (result === null || result === void 0 ? void 0 : (_result$global2 = result.global) === null || _result$global2 === void 0 ? void 0 : _result$global2.control) || {}),
+    }, (result === null || result === void 0 ? void 0 : (_result$global2 = result.global) === null || _result$global2 === void 0 ? void 0 : _result$global2.control) || {}, (result === null || result === void 0 ? void 0 : (_result$customGlobal = result.customGlobal) === null || _result$customGlobal === void 0 ? void 0 : _result$customGlobal.control) || {}),
     topoDisplayConfig: _extends({
       // alarmSwitch: (result.global || {}).alarmSwitch ?? true,
       showLog: false,
@@ -315,9 +315,8 @@ function buildGlobal(_ref2) {
       // 是否显示链路名称
       nodeLabelStyle: globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.nodeLabelStyle,
       edgeFlow: edgeFlow
-    }, (globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.topoDisplayConfig) || {}),
-    linkTo: linkTo
-  }, result.global || {}, {
+    }, (globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.topoDisplayConfig) || {}, (result === null || result === void 0 ? void 0 : (_result$customGlobal2 = result.customGlobal) === null || _result$customGlobal2 === void 0 ? void 0 : _result$customGlobal2.topoDisplayConfig) || {}),
+    linkTo: linkTo,
     viewMode: {
       // 右键菜单
       contextMenu: mergeContextmenu(buildViewerContextMenu(engine), (_engine$options$viewe = engine.options.viewer) === null || _engine$options$viewe === void 0 ? void 0 : _engine$options$viewe.contextmenu, engine)
@@ -330,7 +329,7 @@ function buildGlobal(_ref2) {
     icons: getEditorIcons(engine),
     // 获取默认节点图标，可选参数。如果无返回值则继续使用内部默认
     getDefaultNodeIcon: engine.options.getDefaultNodeIcon
-  });
+  };
 }
 /**
  * 将从后端接收的数据转化为topo组件中需要的数据

package/lib/components/MultiResourceDrawer/index.js

@@ -11,7 +11,7 @@ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _ResourceSelectDrawer = _interopRequireDefault(require("../ResourceSelectDrawer"));
+var _NetworkTopoResourceSelectDrawer = _interopRequireDefault(require("../NetworkTopoResourceSelectDrawer"));
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -56,7 +56,7 @@ var MultiResourceDrawer = function MultiResourceDrawer(props) {
     };
   }();
 
-  return /*#__PURE__*/_react["default"].createElement(_ResourceSelectDrawer["default"], {
+  return /*#__PURE__*/_react["default"].createElement(_NetworkTopoResourceSelectDrawer["default"], {
     visible: visible,
     getExcludeIds: getExcludeIds,
     onOk: onDrawerSave,

package/lib/components/NetworkTopoResourceSelectDrawer/NetworkTopoResourceSelectDrawer.js

@@ -0,0 +1,20 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports["default"] = NetworkTopoResourceSelectDrawer;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _ResourceTypeLimit = require("../../constants/ResourceTypeLimit");
+
+var _ResourceSelectDrawer = _interopRequireDefault(require("../ResourceSelectDrawer/ResourceSelectDrawer"));
+
+function NetworkTopoResourceSelectDrawer(props) {
+  return /*#__PURE__*/_react["default"].createElement(_ResourceSelectDrawer["default"], (0, _extends2["default"])({
+    commonResListProps: (0, _ResourceTypeLimit.getNetworkTopoCommonResListProps)()
+  }, props));
+}