@riil-frontend/component-topology 3.3.0 → 3.5.0-a.1

package/lib/components/ResourceSelectDrawer/ResourceSelectList.js

@@ -7,6 +7,8 @@ exports["default"] = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+
 var _react = _interopRequireWildcard(require("react"));
 
 var _componentTopologyCommon = require("@riil-frontend/component-topology-common");
@@ -17,6 +19,8 @@ var _componentNoDataPage = _interopRequireDefault(require("@riil-frontend/compon
 
 var _ResourceTypeLimit = require("../../constants/ResourceTypeLimit");
 
+var _excluded = ["selectionMode", "limitTypes", "excludeIds", "commonResListProps"];
+
 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); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -24,7 +28,9 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 function ResourceSelectList(props, ref) {
   var selectionMode = props.selectionMode,
       limitTypes = props.limitTypes,
-      excludeIds = props.excludeIds;
+      excludeIds = props.excludeIds,
+      commonResListProps = props.commonResListProps,
+      otherProps = (0, _objectWithoutPropertiesLoose2["default"])(props, _excluded);
   var tableProps = (0, _extends2["default"])({}, selectionMode ? {
     rowSelection: {
       mode: selectionMode
@@ -32,17 +38,16 @@ function ResourceSelectList(props, ref) {
   } : {}, {
     emptyContent: /*#__PURE__*/_react["default"].createElement(_componentNoDataPage["default"], null)
   });
-  return /*#__PURE__*/_react["default"].createElement(_componentCommonResList["default"], {
+  return /*#__PURE__*/_react["default"].createElement(_componentCommonResList["default"], (0, _extends2["default"])({
     ref: ref,
-    innerTreeFilters: ['monitorable', 'discoverable'],
-    limitTypes: limitTypes || _ResourceTypeLimit.RESOURCE_LIMIT_TYPES,
+    limitTypes: limitTypes,
     defaultCondition: excludeIds.length ? "!id('" + excludeIds.join('\',\'') + "')" : undefined,
     request: (0, _componentTopologyCommon.getRequest)(),
     tableProps: tableProps,
     paginationProps: {
       type: 'simple'
     }
-  });
+  }, otherProps, commonResListProps || {}));
 }
 
 var _default = /*#__PURE__*/_react["default"].forwardRef(ResourceSelectList);

package/lib/components/SingleResourceDrawer/SelectDrawer.js

@@ -13,7 +13,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); }
 
@@ -57,7 +57,7 @@ var SingleSelectDrawer = function SingleSelectDrawer(props) {
     };
   }();
 
-  return /*#__PURE__*/_react["default"].createElement(_ResourceSelectDrawer["default"], {
+  return /*#__PURE__*/_react["default"].createElement(_NetworkTopoResourceSelectDrawer["default"], {
     visible: visible,
     excludeIds: totalSelection,
     selectionMode: "single",

package/lib/constants/ResourceTypeLimit.js

@@ -1,8 +1,59 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
-exports.RESOURCE_LIMIT_TYPES = void 0;
-// 拓扑中心资源类型限制
+exports.filterCiTypes = exports.RESOURCE_LIMIT_TYPES = void 0;
+exports.filterModelTree = filterModelTree;
+exports.getCiModels = getCiModels;
+exports.getNetworkTopoCommonResListProps = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var excludeTypes = ['data_center', 'manage_assets', 'network_link', 'access_link']; // 过滤模型树
+
+function filterModelTree(modelTree) {
+  return modelTree.filter(function (node) {
+    return !excludeTypes.includes(node.code);
+  }).map(function (node) {
+    return (0, _extends2["default"])({}, node, {
+      childs: filterModelTree(node.childs || []).filter(function (child) {
+        return child.monitorable;
+      })
+    });
+  });
+}
+
+function getCiModels(modelTree) {
+  var list = [];
+  filterModelTree(modelTree).forEach(function (domainModel) {
+    list.push.apply(list, domainModel.childs);
+  });
+  return list;
+} // 资源选择组件过滤类型
+
+
+var filterCiTypes = function filterCiTypes(tree) {
+  return tree.filter(function (node) {
+    return !excludeTypes.includes(node.value);
+  }).map(function (node) {
+    return (0, _extends2["default"])({}, node, {
+      children: filterCiTypes(node.children || [])
+    });
+  });
+};
+
+exports.filterCiTypes = filterCiTypes;
+
+var getNetworkTopoCommonResListProps = function getNetworkTopoCommonResListProps() {
+  return {
+    innerTreeFilters: ['monitorable', 'discoverable'],
+    filterCiRes: filterCiTypes
+  };
+}; // 拓扑中心资源类型限制
+
+
+exports.getNetworkTopoCommonResListProps = getNetworkTopoCommonResListProps;
 var RESOURCE_LIMIT_TYPES = [// 网络设备
 'common_network', 'switch', 'switch_cluster', 'router', // 操作系统
 'linux', 'windows', // 数据库

package/lib/core/editor/components/GroupAddResourceDrawerPlugin/GroupAddResourceDrawer.js

@@ -11,7 +11,7 @@ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _ResourceSelectDrawer = _interopRequireDefault(require("../../../../components/ResourceSelectDrawer"));
+var _NetworkTopoResourceSelectDrawer = _interopRequireDefault(require("../../../../components/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); }
 
@@ -45,7 +45,7 @@ var GroupAddResourceDrawer = function GroupAddResourceDrawer(props) {
     };
   }();
 
-  return /*#__PURE__*/_react["default"].createElement(_ResourceSelectDrawer["default"], {
+  return /*#__PURE__*/_react["default"].createElement(_NetworkTopoResourceSelectDrawer["default"], {
     visible: visible,
     getExcludeIds: topoEdit.getAllNodeResourceIds,
     onOk: onOk,

package/lib/core/editor/components/settings/propertyViews/edge/CommonEdgePropertyView.js

@@ -64,7 +64,7 @@ function CommonEdgePropertyView(props) {
 
   var getLinkByNodes = /*#__PURE__*/function () {
     var _ref = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(id) {
-      var result;
+      var result, hasLinkIds, axlink;
       return _regenerator["default"].wrap(function _callee$(_context) {
         while (1) {
           switch (_context.prev = _context.next) {
@@ -74,13 +74,21 @@ function CommonEdgePropertyView(props) {
 
             case 2:
               result = _context.sent;
+              hasLinkIds = topo.getLines().map(function (line) {
+                return line.id;
+              });
+              axlink = [];
+              result.data.map(function (exLink) {
+                if (hasLinkIds.indexOf(exLink.id) < 0) {
+                  axlink.push(exLink);
+                }
+              });
 
-              _rlog["default"].debug("出口链路列表", result.data); //const list = result[id];
+              _rlog["default"].debug("出口链路列表", result.data, axlink);
 
+              setAssociatedlinks(axlink);
 
-              setAssociatedlinks(result.data);
-
-            case 5:
+            case 8:
             case "end":
               return _context.stop();
           }
@@ -97,6 +105,8 @@ function CommonEdgePropertyView(props) {
     autoUnmount: false,
     values: parseValues(values, edge),
     onChange: function onChange(name, value) {
+      _rlog["default"].debug("CommonEdgePropertyView", name, value);
+
       var newValues = field.getValues();
 
       _onChange(name, value, newValues);
@@ -121,14 +131,18 @@ function CommonEdgePropertyView(props) {
   };
 
   var bindExitLink = /*#__PURE__*/function () {
-    var _ref2 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2(data) {
-      var exitLink, aobj, config, exconfig, exportLinkIdList, _yield$editDispatcher, elements;
+    var _ref2 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2(value) {
+      var data, exitLink, aobj, config, exconfig, exportLinkIdList, _yield$editDispatcher, elements;
 
       return _regenerator["default"].wrap(function _callee2$(_context2) {
         while (1) {
           switch (_context2.prev = _context2.next) {
             case 0:
-              _rlog["default"].debug("bindExitLink--- v, edge", data, edge, edge.getSource(), edge.getTarget());
+              data = associatedlinks.find(function (link) {
+                return link.id === value;
+              });
+
+              _rlog["default"].debug("bindExitLink--- v, edge", data, edge);
 
               exitLink = {
                 attributes: [],
@@ -160,16 +174,16 @@ function CommonEdgePropertyView(props) {
               topo.resourceConfig.updateConfig((0, _extends2["default"])({}, config, {
                 exportLinkIdList: exportLinkIdList
               }));
-              _context2.next = 13;
+              _context2.next = 14;
               return editDispatchers.fetchDataByConfig();
 
-            case 13:
+            case 14:
               _yield$editDispatcher = _context2.sent;
               elements = _yield$editDispatcher.elements;
 
-              _rlog["default"].debug('fetchDataByConfig', elements);
+              _rlog["default"].debug("fetchDataByConfig", elements);
 
-            case 16:
+            case 17:
             case "end":
               return _context2.stop();
           }
@@ -242,13 +256,14 @@ function CommonEdgePropertyView(props) {
     style: {
       width: 232
     },
+    disabled: associatedlinks.length < 1,
     onChange: function onChange(v) {
       bindExitLink(v);
     }
-  }, associatedlinks.map(function (link, index) {
+  }, associatedlinks.map(function (item, index) {
     return /*#__PURE__*/_react["default"].createElement(_select["default"].Option, {
-      value: link,
+      value: item.id,
       key: index
-    }, link.attributes.display_name);
+    }, item.attributes.display_name);
   }))))))));
 }

package/lib/core/editor/components/settings/propertyViews/edge/EdgePropertyView.js

@@ -35,7 +35,6 @@ function EdgePropertyViewMatch(props) {
     topo: topo,
     id: values.id
   });
-  console.log("EdgePropertyViewMatch-edge,values, props", edge, values, props);
   var type;
 
   if (edge.isEdgeGroupAgent()) {

package/lib/core/editor/components/settings/propertyViews/index.js

@@ -29,11 +29,7 @@ var propertyPanelMap = {
   multiple: _MultipleElementPropertyView["default"]
 };
 
-if (localStorage.getItem('topo.debug') === 'true') {
-  Object.assign(propertyPanelMap, {
-    view: _ViewPropertyView["default"]
-  });
-}
+if (localStorage.getItem('topo.debug') === 'true') {}
 
 var _default = propertyPanelMap;
 exports["default"] = _default;

package/lib/core/editor/components/settings/propertyViews/layer/DataTab/LayerAddResourceDrawer.js

@@ -11,7 +11,7 @@ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _ResourceSelectDrawer = _interopRequireDefault(require("../../../../../../../components/ResourceSelectDrawer"));
+var _NetworkTopoResourceSelectDrawer = _interopRequireDefault(require("../../../../../../../components/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); }
 
@@ -51,7 +51,7 @@ var LayerAddResourceDrawer = function LayerAddResourceDrawer(props) {
     };
   }();
 
-  return /*#__PURE__*/_react["default"].createElement(_ResourceSelectDrawer["default"], {
+  return /*#__PURE__*/_react["default"].createElement(_NetworkTopoResourceSelectDrawer["default"], {
     visible: visible,
     getExcludeIds: topoEdit.getAllNodeResourceIds,
     onOk: onOk,

package/lib/core/editor/components/settings/propertyViews/node/data/BindResourceDrawer.js

@@ -13,7 +13,7 @@ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _ResourceSelectDrawer = _interopRequireDefault(require("../../../../../../../components/ResourceSelectDrawer"));
+var _NetworkTopoResourceSelectDrawer = _interopRequireDefault(require("../../../../../../../components/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); }
 
@@ -73,8 +73,9 @@ var BindResourceDrawer = function BindResourceDrawer(props) {
     };
   }();
 
-  return /*#__PURE__*/_react["default"].createElement(_ResourceSelectDrawer["default"], {
+  return /*#__PURE__*/_react["default"].createElement(_NetworkTopoResourceSelectDrawer["default"], {
     visible: visible,
+    title: "\u5173\u8054\u8D44\u6E90",
     getExcludeIds: topoEditApi.getAllNodeResourceIds,
     selectionMode: "single",
     onOk: handleSave,

package/lib/core/editor/components/titlebar/TopoEditorTitleBar.js

@@ -5,8 +5,14 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports["default"] = TopoEditorTitleBar;
 
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
 var _box = _interopRequireDefault(require("@alifd/next/lib/box"));
 
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+var _dialog = _interopRequireDefault(require("@alifd/next/lib/dialog"));
+
 var _button = _interopRequireDefault(require("@alifd/next/lib/button"));
 
 var _react = _interopRequireDefault(require("react"));
@@ -45,7 +51,32 @@ function TopoEditorTitleBar(props) {
   }, "\u4FDD\u5B58"), /*#__PURE__*/_react["default"].createElement(_button["default"], {
     className: _TitleBarModule["default"].button,
     onClick: function onClick() {
-      topo.exitEditMode();
+      _dialog["default"].confirm({
+        title: "提示",
+        content: "若现在退出，图上修改的内容将不会保存！",
+        onOk: function () {
+          var _onOk = (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:
+                    topo.exitEditMode();
+
+                  case 1:
+                  case "end":
+                    return _context.stop();
+                }
+              }
+            }, _callee);
+          }));
+
+          function onOk() {
+            return _onOk.apply(this, arguments);
+          }
+
+          return onOk;
+        }()
+      });
     }
   }, "\u9000\u51FA"))));
 }

package/lib/core/models/TopoApp.js

@@ -48,7 +48,7 @@ var _PluginManager = _interopRequireDefault(require("./PluginManager"));
 var _topoFactory = _interopRequireDefault(require("./topoFactory"));
 
 // eslint-disable-next-line no-undef
-var version = typeof "3.3.0" === 'string' ? "3.3.0" : null;
+var version = typeof "3.5.0-a.1" === 'string' ? "3.5.0-a.1" : null;
 console.info("\u62D3\u6251\u7248\u672C: " + version);
 /**
  * 拓扑显示和编辑

package/lib/core/models/utils/linkUtils.js

@@ -21,26 +21,25 @@ var _keyBy = _interopRequireDefault(require("lodash/keyBy"));
 var _services = require("../../services");
 
 var interfaceTypeMap = {
-  'network.interface': {
-    displayName: '网络接口'
+  "network.interface": {
+    displayName: "网络接口"
   },
-  'network.agg_interface': {
-    displayName: '聚合接口'
+  "network.agg_interface": {
+    displayName: "聚合接口"
   }
 };
 
 function isAggLink(link) {
-  return link.attributes['network_link.connect_type'] === 'agg';
+  return link.attributes["network_link.connect_type"] === "agg";
 }
 
 function mergeLinksData(links, linkCis, nodes, interfaceCis) {
-  var linkCiMap = (0, _keyBy["default"])(linkCis, 'id');
+  var linkCiMap = (0, _keyBy["default"])(linkCis, "id");
   return links.map(function (link) {
     var _nodes$find, _nodes$find2, _interfaceCis$find, _interfaceCis$find2;
 
     var linkCi = linkCiMap[link.id];
-    var attributes = (0, _extends2["default"])({}, linkCi === null || linkCi === void 0 ? void 0 : linkCi.attributes);
-    console.log('mergeLinksData', link, attributes); // 翻译
+    var attributes = (0, _extends2["default"])({}, linkCi === null || linkCi === void 0 ? void 0 : linkCi.attributes); // 翻译
 
     return (0, _extends2["default"])({}, link, {
       id: linkCi.id,
@@ -48,14 +47,14 @@ function mergeLinksData(links, linkCis, nodes, interfaceCis) {
       name: linkCi === null || linkCi === void 0 ? void 0 : linkCi.attributes.name,
       attributes: (0, _extends2["default"])({}, attributes, {
         // 源/目的设备
-        'network_link.source_device_id_object': {
+        "network_link.source_device_id_object": {
           displayName: (_nodes$find = nodes.find(function (node) {
-            return node.id === attributes['network_link.source_device_id'];
+            return node.id === attributes["network_link.source_device_id"];
           })) === null || _nodes$find === void 0 ? void 0 : _nodes$find.name
         },
-        'network_link.destination_device_id_object': {
+        "network_link.destination_device_id_object": {
           displayName: (_nodes$find2 = nodes.find(function (node) {
-            return node.id === attributes['network_link.destination_device_id'];
+            return node.id === attributes["network_link.destination_device_id"];
           })) === null || _nodes$find2 === void 0 ? void 0 : _nodes$find2.name
         },
         // 源/目的接口类型
@@ -65,12 +64,12 @@ function mergeLinksData(links, linkCis, nodes, interfaceCis) {
         source_id_object: {
           displayName: (_interfaceCis$find = interfaceCis.find(function (node) {
             return node.id === attributes.source_id;
-          })) === null || _interfaceCis$find === void 0 ? void 0 : _interfaceCis$find.attributes['display_name']
+          })) === null || _interfaceCis$find === void 0 ? void 0 : _interfaceCis$find.attributes["display_name"]
         },
         destination_id_object: {
           displayName: (_interfaceCis$find2 = interfaceCis.find(function (node) {
             return node.id === attributes.destination_id;
-          })) === null || _interfaceCis$find2 === void 0 ? void 0 : _interfaceCis$find2.attributes['display_name']
+          })) === null || _interfaceCis$find2 === void 0 ? void 0 : _interfaceCis$find2.attributes["display_name"]
         }
       })
     });

package/lib/hooks/useTopoEdit.js

@@ -363,11 +363,6 @@ var useTopoEdit = function useTopoEdit(params) {
       case 'link':
         if (onLineDelete) {
           onLineDelete(data);
-        } // 临时放这里，仅拓扑中心有
-
-
-        if (topo.linkDynamicStyleExecutor) {
-          topo.linkDynamicStyleExecutor.execute();
         }
 
         break;

package/lib/topoCenter/components/editor/propertyViews/edge/LinkPropertyView/Data/index.js

@@ -7,7 +7,7 @@ exports["default"] = LinkDataTab;
 
 var _button = _interopRequireDefault(require("@alifd/next/lib/button"));
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 
 var _LinkInfoPreview = _interopRequireDefault(require("../../link/LinkInfoPreview"));
 
@@ -17,32 +17,36 @@ var _rlog = _interopRequireDefault(require("@riil-frontend/component-topology-ut
 
 var _linPermissionUtil = require("../../../../../../utils/linPermissionUtil");
 
+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); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 function LinkDataTab(props) {
   var topo = props.topo,
-      edge = props.edge,
-      editorProps = props.editorProps; // const operation = props.edge.a("operation");
+      edge = props.edge;
+  var nodes = topo.dataModel.getNodes();
+
+  var _useState = (0, _react.useState)(),
+      link = _useState[0],
+      setLink = _useState[1]; // 节点间只有连线组时，显示连线组的数据
 
-  var nodes = topo.dataModel.getNodes(); //rlog.debug("LinkDataTab--edge", edge, nodes);
-  // const disabled = ["delete", "write"].indexOf(operation) < 0;
-  //rlog.debug("LinkDataTab--", permission);
-  // 节点间只有连线组时，显示连线组的数据
 
   var _topo$store$useModelS = topo.store.useModelState("topoMod").data,
       links = _topo$store$useModelS.links,
       linkGroups = _topo$store$useModelS.linkGroups;
-  var link = [].concat(links, linkGroups).find(function (item) {
+  var linkData = [].concat(links, linkGroups).find(function (item) {
     return item.id === edge.getTag();
   });
-  console.log("LindInfoPreview-link", link, edge.getTag(), [].concat(links, linkGroups));
-  var permission = (0, _linPermissionUtil.getLinkPermission)(edge.getAttrObject(), nodes, link);
+  (0, _react.useEffect)(function () {
+    setLink(linkData);
+  }, [edge, linkData]);
+  var permission = (0, _linPermissionUtil.getLinkPermission)(edge, nodes, link);
 
   var _topo$store$useModel = topo.store.useModel("topoConfig"),
       editState = _topo$store$useModel[0],
       editDispatchers = _topo$store$useModel[1];
 
   var openEditLinkDrawer = function openEditLinkDrawer() {
-    _rlog["default"].debug("openEditLinkDrawer-link", link);
-
     editDispatchers.update({
       addLinkIsOpen: true,
       currentLink: link

package/lib/topoCenter/components/editor/propertyViews/edge/LinkPropertyView/LinkPropertyView.js

@@ -20,18 +20,17 @@ var _linPermissionUtil = require("../../../../../../topoCenter/utils/linPermissi
 var _htElementUtils = require("../../../../../../utils/htElementUtils.js");
 
 function LinkPropertyView(props) {
-  console.log("LinkPropertyView", props);
   var edge = props.edge,
       topo = props.topo; // 无权限不显示数据页签
-  // const operation = props.edge.a('operation');
 
   var _topo$store$useModelS = topo.store.useModelState("topoMod").data,
       links = _topo$store$useModelS.links,
       linkGroups = _topo$store$useModelS.linkGroups;
   var link = [].concat(links, linkGroups).find(function (item) {
     return item.id === edge.getTag();
-  });
-  var operation = (0, _linPermissionUtil.getLinkPermission)(props.edge, topo.getNodes(topo.dataModel), link);
+  }); // console.log("LinkPropertyView--getLinkPermission", links, link);
+
+  var operation = (0, _linPermissionUtil.getLinkPermission)(edge, topo.getNodes(topo.dataModel), link);
 
   if (!operation) {
     return /*#__PURE__*/_react["default"].createElement(_Setting["default"], props);