@riil-frontend/component-topology 4.0.0-beta.9 → 4.0.2

package/es/models/topoMod.js

@@ -2,10 +2,9 @@ import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _extends from "@babel/runtime/helpers/extends";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import topoService from "@riil-frontend/component-topology-common/es/services/topo";
-import { getCiMeta } from "@riil-frontend/component-topology-common/es/services/model";
 import moment from "moment";
 import rlog from "@riil-frontend/component-topology-utils/es/rlog";
-import { combTopoData, getAlarmSwitch, getCiTypes, parseTopoData } from "../utils/topoData";
+import { combTopoData, getCiTypes, parseTopoData } from "../utils/topoData";
 import { loopTreeByKey } from "../utils/tree";
 import topoPermissonUtil from "../utils/topoPermissionUtil"; // const clone = (data) => JSON.parse(JSON.stringify(data));
 
@@ -16,6 +15,8 @@ export default function (topoApp) {
       viewState: "view",
       // view, create, 2种模式
       graphLoaded: false,
+      graphLoaded2: false,
+      // 支持编辑模式完全load完
       // 额外参数
       urlParams: {},
       topoLoadError: false,
@@ -79,6 +80,7 @@ export default function (topoApp) {
                       } : null,
                       topoId: id,
                       graphLoaded: false,
+                      graphLoaded2: false,
                       urlParams: urlParams
                     });
 
@@ -119,7 +121,8 @@ export default function (topoApp) {
         },
         reset: function reset() {
           this.update({
-            graphLoaded: false
+            graphLoaded: false,
+            graphLoaded2: false
           });
           topoApp.close();
         },
@@ -150,6 +153,7 @@ export default function (topoApp) {
                       currentTopo: playload,
                       topoId: topoId,
                       graphLoaded: false,
+                      graphLoaded2: false,
                       topoPermission: undefined
                     });
 
@@ -187,6 +191,7 @@ export default function (topoApp) {
         clearData: function clearData() {
           this.update({
             graphLoaded: false,
+            graphLoaded2: false,
             topoId: "",
             topoData: null,
             currentTopo: undefined,
@@ -298,7 +303,7 @@ export default function (topoApp) {
           return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee6() {
             var _result$config;
 
-            var startTime, topoId, data, linkToData, refresh, clear, linkTo, startState, permission, result, topoConfig, _yield$Promise$all, ciTypeMap, customIcons, extraConfig, _combTopoData, topoData, resAndMetrics, endTime;
+            var startTime, topoId, data, linkToData, refresh, clear, linkTo, startState, permission, result, topoConfig, _yield$Promise$all, ciTypeMap, customIcons, xxx, extraConfig, _combTopoData, topoData, resAndMetrics, endTime;
 
             return _regeneratorRuntime.wrap(function _callee6$(_context6) {
               while (1) {
@@ -315,6 +320,7 @@ export default function (topoApp) {
                     startState = {
                       loading: true,
                       graphLoaded: false,
+                      graphLoaded2: false,
                       topoLoadError: false,
                       linkTo: linkTo
                     };
@@ -423,18 +429,20 @@ export default function (topoApp) {
                     result = parseTopoData(result);
                     rlog.debug("topoMod.initTopoData 查询数据完成", topoId, linkTo, result);
                     _context6.next = 41;
-                    return Promise.all([topoApp.ciTyeCache.getCiTypeMap(getCiTypes(result)), dispatch.customIcon.loadCustomIcons()]);
+                    return Promise.all([topoApp.ciTyeCache.getCiTypeMap(getCiTypes(result)), dispatch.customIcon.loadCustomIcons() // topoApp.elementTagTipConfig.init(result), // 暂停新配置开发
+                    ]);
 
                   case 41:
                     _yield$Promise$all = _context6.sent;
                     ciTypeMap = _yield$Promise$all[0];
                     customIcons = _yield$Promise$all[1];
+                    xxx = _yield$Promise$all[2];
                     rlog.debug("topoMod.initTopoData Ci属性指标元数据", ciTypeMap);
                     extraConfig = result.global.extraConfig;
-                    _context6.next = 48;
+                    _context6.next = 49;
                     return dispatch.displayConfig.setConfig(extraConfig);
 
-                  case 48:
+                  case 49:
                     _combTopoData = combTopoData({
                       engine: topoApp,
                       data: result,
@@ -463,7 +471,7 @@ export default function (topoApp) {
                     rlog.info("topoMod.initTopoData 初始化拓扑图数据完成. 耗时: ", endTime.diff(startTime, "seconds", true));
                     topoApp.options.onLoad();
 
-                  case 57:
+                  case 58:
                   case "end":
                     return _context6.stop();
                 }

package/es/style.js

@@ -26,6 +26,7 @@ import '@alifd/next/es/overlay/style';
 import '@alifd/next/es/checkbox/style';
 import '@alifd/next/es/box/style';
 import '@alifd/next/es/list/style';
+import '@alifd/next/es/card/style';
 import '@alifd/next/es/radio/style';
 import '@alifd/next/es/grid/style';
 import '@riil-frontend/component-action-tree/es/style';

package/es/topoCenter/components/TopoView.js

@@ -17,6 +17,8 @@ import LinkTag from "../../core/components/DisplaySettingDrawer/LinkTag";
 import LinkTip from "../../core/components/DisplaySettingDrawer/LinkTip";
 import ViewerTools from "./viewer/titlebar/ViewerTools";
 import useEdgeFlow from "../hooks/viewer/useEdgeFlow";
+import LinkTagV2 from "./viewer/displaySetting/LinkTagV2";
+import useEdgeExpand from "../hooks/useEdgeExpand";
 /**
  * 拓扑组件。变化无权限、无数据显示
  */
@@ -41,6 +43,9 @@ function NetworkTopologyCore(props) {
   useEdgeFlow({
     topo: topo
   });
+  useEdgeExpand({
+    topo: topo
+  });
   var relateTopo = useRelateTopo({
     topo: topo
   });
@@ -111,7 +116,7 @@ function NetworkTopologyCore(props) {
         showLinkConfig: true,
         // 是否显示链路流动效果配置
         linkTagConfig: function linkTagConfig(params) {
-          return /*#__PURE__*/React.createElement(LinkTag, params);
+          return /*#__PURE__*/React.createElement(LinkTagV2, params);
         },
         linkTipConfig: function linkTipConfig(params) {
           return /*#__PURE__*/React.createElement(LinkTip, params);

package/es/topoCenter/components/Topology.js

@@ -8,6 +8,7 @@ import LinkPropertyView from "./editor/propertyViews/edge/LinkPropertyView";
 import AddLinkDrawer from "./editor/propertyViews/edge/addLinkDrawer/AddLinkDrawer";
 import useTopoEdit from "../hooks/useTopoEdit";
 import EdgePropertyView from "./editor/propertyViews/edge/EdgePropertyView";
+import _useGroupSortResources from "../hooks/editor/useGroupSortResources";
 export default function NetworkTopologyFull(props) {
   var topo = props.topo,
       customEditorProps = props.editorProps,
@@ -17,6 +18,9 @@ export default function NetworkTopologyFull(props) {
   });
 
   var editorProps = _extends({
+    useGroupSortResources: function useGroupSortResources(nodes) {
+      return _useGroupSortResources(topo.store, nodes);
+    },
     layerRelatedResourceList: LayerRelatedResourceList,
     multipleElementPropertyViewProps: {
       showElementAlign: true
@@ -44,7 +48,9 @@ export default function NetworkTopologyFull(props) {
         showTools: showTools,
         elementChangeLayerByDrag: true,
         editor: {
-          useNewElementsDeleteEvent: true
+          useNewElementsDeleteEvent: true,
+          // 通过数仓【添加资源】权限控制 是否启用新建链路功能，
+          enableRelateResource: topoEdit.canAddLink
         }
       }
     })

package/es/topoCenter/components/editor/propertyViews/LayerRelatedResourceList.js

@@ -1,7 +1,7 @@
 import React, { useState, useEffect, useRef, useCallback } from 'react';
 import { iconFactory } from '@riil-frontend/component-topology-graph';
 import ResourceList from "../../../../core/editor/components/settings/common/GroupNodeList/ResourceList";
-import { getLayerChildrenNodes } from "../../../../utils/htElementUtils";
+import { getLayerChildren } from "../../../../utils/htElementUtils";
 
 function getResourceNodes(store, htNodes) {
   var _store$getModelState = store.getModelState('topoMod'),
@@ -30,7 +30,7 @@ function getResourceNodes(store, htNodes) {
 export default function LayerResourceList(props) {
   var topo = props.topo,
       layer = props.layer;
-  var nodes = getLayerChildrenNodes(layer);
+  var nodes = getLayerChildren(layer);
   var resourceNodes = getResourceNodes(topo.store, nodes);
   var data = resourceNodes.map(function (_ref) {
     var node = _ref.node,

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

@@ -15,7 +15,8 @@ import styles from "./index.module.scss";
 import service from "./server";
 import { clone } from "../../../../../../utils/copyUtil";
 import { getInterfaceObject } from "../../../../../../core/models/utils/linkUtils";
-import { getEdgesBetweenNodes, getNodes } from "../../../../../../utils/htElementUtils";
+import { getEdgesBetweenNodes, getNodes, isGroup } from "../../../../../../utils/htElementUtils";
+import { getCiTypes } from "../../../../../../utils/topoData";
 var CollapsePanel = _Collapse.Panel;
 
 function AddLinkDrawer(props) {
@@ -151,7 +152,7 @@ function AddLinkDrawer(props) {
 
   var handleEvent = /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(e) {
-      var sourcePorts, targetPorts, source, target, connect_type;
+      var sourcePorts, targetPorts, source, target, targetDisableCreatePhyAggLink, connect_type;
       return _regeneratorRuntime.wrap(function _callee2$(_context2) {
         while (1) {
           switch (_context2.prev = _context2.next) {
@@ -176,11 +177,12 @@ function AddLinkDrawer(props) {
               setTargetIFDoc(targetPorts.portsDoc);
               source = translationNode(e.source, sourcePorts);
               target = translationNode(e.target, targetPorts);
+              targetDisableCreatePhyAggLink = !target.ciData || !(target.ciData.permission.writeable || target.ciData.permission.deleteable);
               editDispatchers.update({
                 addLinkIsOpen: true,
                 currentLink: null
               });
-              connect_type = target.ciType !== "customNode" && target.ipAddress && targetPorts.ports.length > 0 ? "phy" : "exit";
+              connect_type = target.ciType !== "customNode" && target.ipAddress && targetPorts.ports.length > 0 && !targetDisableCreatePhyAggLink ? "phy" : "exit";
               setLink({
                 source: source,
                 target: target,
@@ -199,20 +201,20 @@ function AddLinkDrawer(props) {
                   connect_type: connect_type
                 }
               });
-              _context2.next = 22;
+              _context2.next = 23;
               break;
 
-            case 19:
-              _context2.prev = 19;
+            case 20:
+              _context2.prev = 20;
               _context2.t0 = _context2["catch"](3);
               rlog.error("出现异常", _context2.t0);
 
-            case 22:
+            case 23:
             case "end":
               return _context2.stop();
           }
         }
-      }, _callee2, null, [[3, 19]]);
+      }, _callee2, null, [[3, 20]]);
     }));
 
     return function handleEvent(_x3) {
@@ -224,7 +226,9 @@ function AddLinkDrawer(props) {
     // rlog.debug("设置了起始节点", e);
     //const allData = topo.getData();
     var enableNodes = getNodes(topo.getDataModel());
-    topo.view.topoClient.emitEvent("topo_link_set_connectable_nodes", enableNodes);
+    topo.view.topoClient.emitEvent("topo_link_set_connectable_nodes", enableNodes.filter(function (ele) {
+      return !(isGroup(ele) && !ele.a('ciType'));
+    }));
   };
 
   var initEditLineData = /*#__PURE__*/function () {
@@ -251,6 +255,7 @@ function AddLinkDrawer(props) {
               connect_type = currentLink.attributes["network_link.connect_type"] === "exit" ? "exit" : "phy";
               setLink({
                 source: {
+                  ciData: topo.dataModel.getDataById(currentLink.source),
                   id: currentLink.source,
                   name: currentLink.attributes["network_link.source_device_id_object"].displayName,
                   ciId: currentLink.attributes["network_link.source_device_id"],
@@ -262,6 +267,7 @@ function AddLinkDrawer(props) {
                   portsDoc: sourcePorts.portsDoc
                 },
                 target: {
+                  ciData: topo.dataModel.getDataById(currentLink.target),
                   id: currentLink.target,
                   name: currentLink.attributes["network_link.destination_device_id_object"].displayName,
                   ciId: currentLink.attributes["network_link.destination_device_id"],
@@ -298,25 +304,38 @@ function AddLinkDrawer(props) {
       initEditLineData();
     }
   }, [addLinkIsOpen]);
+  useEffect(function () {
+    if (!addLinkIsOpen) {
+      setLink(null);
+    }
+  }, [addLinkIsOpen]);
 
   var getCiTypesConnectable = /*#__PURE__*/function () {
     var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
-      var ciTypesConnectable, nodes, ciIds, ciNodes;
+      var ciTypes, ciTypesConnectable, nodes, ciIds, ciNodes, isWriteable;
       return _regeneratorRuntime.wrap(function _callee4$(_context4) {
         while (1) {
           switch (_context4.prev = _context4.next) {
             case 0:
-              _context4.next = 2;
-              return topoService.networkLink.getCiTypesConnectable(RESOURCE_LIMIT_TYPES);
+              ciTypes = getCiTypes(topo.dataModel.getData());
+              _context4.next = 3;
+              return topoService.networkLink.getCiTypesConnectable(ciTypes);
 
-            case 2:
+            case 3:
               ciTypesConnectable = _context4.sent;
               nodes = getNodes(topo.getDataModel());
               ciIds = [];
               ciNodes = [];
+
+              isWriteable = function isWriteable(node) {
+                var _node$a;
+
+                return ["delete", "write"].indexOf(node.a("operation")) >= 0 || ((_node$a = node.a('permission')) === null || _node$a === void 0 ? void 0 : _node$a.writeable);
+              };
+
               nodes.map(function (node) {
                 // rlog.debug("过滤属性", node.a("operation"));
-                if (ciTypesConnectable[node.a("ciType")] && ["delete", "write"].indexOf(node.a("operation")) >= 0) {
+                if (ciTypesConnectable[node.a("ciType")] && isWriteable(node)) {
                   ciIds.push(node.id);
                   ciNodes.push(node);
                 }
@@ -327,7 +346,7 @@ function AddLinkDrawer(props) {
               setCiIdsConnectable(ciIds);
               return _context4.abrupt("return", ciNodes);
 
-            case 10:
+            case 12:
             case "end":
               return _context4.stop();
           }
@@ -368,6 +387,7 @@ function AddLinkDrawer(props) {
 
     var attrObject = node._attrObject;
     return {
+      ciData: topo.dataModel.getDataById(attrObject.id),
       id: attrObject.id,
       name: attrObject.name,
       ciId: attrObject.id,

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

@@ -23,6 +23,13 @@ import styles from "./index.module.scss";
 function parseValues(values) {
   return _extends({}, values);
 }
+/**
+ * 两端都有编辑/删除权限才能创建物理和聚合链路。
+ * 目的没编辑/删除权限时，在添加链路抽屉中链接方式默认出口，物理/聚合置灰不可选
+ * @param {*} props 
+ * @returns 
+ */
+
 
 export default function EditLinkInfo(props) {
   var _sourceValue$ipAddres2, _sourceValue$portsDoc5, _sourceValue$portsDoc6, _targetValue$portsDoc5, _targetValue$portsDoc6;
@@ -257,8 +264,10 @@ export default function EditLinkInfo(props) {
       name: "network_link.destination_ipv4",
       maxLength: 128
     });
-  };
+  }; // 目的没编辑/删除权限时，在添加链路抽屉中链接方式默认出口，物理/聚合置灰不可选
+
 
+  var disableCreatePhyAggLink = target.ciType === "customNode" || !targetValue.ipAddress || targetValue.ports.length === 0 || !lineData.target || isAdd && !(lineData.target.ciData.permission.writeable || lineData.target.ciData.permission.deleteable);
   return /*#__PURE__*/React.createElement("div", {
     className: styles.editForm
   }, /*#__PURE__*/React.createElement(_Form, {
@@ -378,7 +387,7 @@ export default function EditLinkInfo(props) {
   }, /*#__PURE__*/React.createElement(_Radio, {
     id: "phy",
     value: "phy",
-    disabled: target.ciType === "customNode" || !targetValue.ipAddress || targetValue.ports.length === 0
+    disabled: disableCreatePhyAggLink
   }, "\u7269\u7406/\u805A\u5408"), /*#__PURE__*/React.createElement(_Radio, {
     id: "exit",
     value: "exit"

package/es/topoCenter/components/viewer/displaySetting/LinkTagCommonRidioGroup.js

@@ -0,0 +1,24 @@
+import _Radio from "@alifd/next/es/radio";
+import React from 'react';
+import styles from "./LinkTagCommonRidioGroup.module.scss";
+export default function LinkTagCommonRidioGroup(props) {
+  var value = props.value,
+      dataSource = props.dataSource,
+      limit = props.limit,
+      onChange = props.onChange;
+  return /*#__PURE__*/React.createElement("div", {
+    className: styles.contaienr
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.checkboxGroupWrapper
+  }, /*#__PURE__*/React.createElement(_Radio.Group, {
+    value: typeof value === 'string' ? value : '0',
+    itemDirection: "ver",
+    onChange: onChange
+  }, dataSource.map(function (item) {
+    return /*#__PURE__*/React.createElement(_Radio, {
+      key: item.value,
+      value: item.value
+    }, item.label);
+  }))));
+}
+;

package/es/topoCenter/components/viewer/displaySetting/LinkTagCommonRidioGroup.module.scss

@@ -0,0 +1,23 @@
+@import "@alifd/next/variables";
+
+.contaienr {
+  padding: 16px 12px;
+  background: #F2F7FD;
+  border-radius: 4px;
+
+  .checkboxGroupWrapper {
+    margin: -8px -8px -8px 0;
+
+    :global {
+      .#{$css-prefix}checkbox-group.next-checkbox-group-hoz {
+        display: flex;
+        flex-flow: row wrap;
+  
+        .#{$css-prefix}checkbox-wrapper {
+          margin-left: 8px;
+          margin-right: 8px;
+        }
+      }
+    }
+  }
+}

package/es/topoCenter/components/viewer/displaySetting/LinkTagV2.js

@@ -0,0 +1,87 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { DEFAULT_LINK_TAG_COMMON_CONFIG } from "../../../../constants/ResourceInfoDisplay";
+import BasicConfig from "../../../../core/components/DisplaySettingDrawer/ResourceDisplay/BasicConfig";
+import ResourceDiplayInfoSetting from "../../../../core/components/ResourceViewAttributeSetting/Setting";
+import LinkTagCommonRidioGroup from "./LinkTagCommonRidioGroup"; // 默认中可配置内容包括总速率、带宽利用率、发送速率、发送带宽利用率、接收速率、接收带宽利用率
+
+var CommonOptions = [{
+  value: '0',
+  label: '无'
+}, {
+  value: '1',
+  label: '总流速、带宽利用率',
+  options: {
+    data: ['metric:interface_totalbps', 'metric:bandwidth_utilization']
+  }
+}, {
+  value: '2',
+  label: '发送速率、发送带宽利用率',
+  options: {
+    data: ['metric:out_rate', 'metric:out_bandwidth_utilization']
+  }
+}, {
+  value: '3',
+  label: '接收速率、接收带宽利用率',
+  options: {
+    data: ['metric:in_rate', 'metric:in_bandwidth_utilization']
+  }
+}];
+
+var buildConfig = function buildConfig(item) {
+  return {
+    type: item.split(':')[0],
+    code: item.split(':')[1]
+  };
+};
+/**
+ * 资源标注配置
+ * @param {*} props 
+ * @returns 
+ */
+
+
+function LinkTagV2(props, ref) {
+  var value = props.value,
+      onChange = props.onChange;
+
+  var handleChange = function handleChange(newValue) {
+    // console.error(111, newValue)
+    if (!newValue.isCustom) {
+      var _CommonOptions$find;
+
+      var type = newValue.data;
+      var config = ((_CommonOptions$find = CommonOptions.find(function (item) {
+        return item.value === type;
+      })) === null || _CommonOptions$find === void 0 ? void 0 : _CommonOptions$find.options) || {
+        data: []
+      };
+      onChange(_extends({}, newValue, config, {
+        data: config.data.map(buildConfig),
+        type: type
+      }));
+    } else {
+      onChange(newValue);
+    }
+  };
+
+  return /*#__PURE__*/React.createElement(BasicConfig, _extends({
+    ref: ref
+  }, props, {
+    value: value ? _extends({}, value, {
+      data: value.type
+    }) : value,
+    limit: 2,
+    elementType: "link",
+    showType: "tag",
+    commonOptions: CommonOptions,
+    defaultCommonConfig: DEFAULT_LINK_TAG_COMMON_CONFIG,
+    commonSelectWidget: LinkTagCommonRidioGroup,
+    customSettingDrawer: function customSettingDrawer(params) {
+      return /*#__PURE__*/React.createElement(ResourceDiplayInfoSetting, params);
+    },
+    onChange: handleChange
+  }));
+}
+
+export default /*#__PURE__*/React.forwardRef(LinkTagV2);

package/es/topoCenter/getTopoData.js

@@ -7,7 +7,7 @@ import { queryCisByIds } from "../core/services";
 import { addTopoDataResourcePermission } from "./utils/resourcePermissionUtil";
 export function addLinkData(_x, _x2) {
   return _addLinkData.apply(this, arguments);
-}
+} // FIXME 业务拓扑不需要链路相关逻辑
 
 function _addLinkData() {
   _addLinkData = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(oldLinks, nodes) {
@@ -16,10 +16,22 @@ function _addLinkData() {
       while (1) {
         switch (_context.prev = _context.next) {
           case 0:
-            _context.next = 2;
-            return getLinksDetail(oldLinks, nodes);
+            // 过滤掉无两端节点数据的链路
+            links = oldLinks.filter(function (link) {
+              var sourceNode = nodes.find(function (node) {
+                return node.id === link.source;
+              });
 
-          case 2:
+              if (link.source && !sourceNode) {
+                return false;
+              }
+
+              return true;
+            });
+            _context.next = 3;
+            return getLinksDetail(links, nodes);
+
+          case 3:
             links = _context.sent;
             return _context.abrupt("return", {
               links: links.filter(function (link) {
@@ -30,7 +42,7 @@ function _addLinkData() {
               })
             });
 
-          case 4:
+          case 5:
           case "end":
             return _context.stop();
         }
@@ -66,7 +78,7 @@ function _buildData() {
             return Promise.all([// 查询节点属性
             queryCisByIds(nodes.map(function (node) {
               return node.id;
-            })), addLinkData(data.links, nodes)]);
+            })), addLinkData(data.links || [], nodes)]);
 
           case 4:
             _yield$Promise$all = _context2.sent;

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

@@ -0,0 +1,16 @@
+export default function useGroupSortResources(store, nodes) {
+  var _store$useModelState = store.useModelState('topoMod'),
+      data = _store$useModelState.data;
+
+  var resources = [];
+  ((data === null || data === void 0 ? void 0 : data.nodes) || []).forEach(function (res) {
+    var node = nodes.find(function (item) {
+      return item.id === res.id;
+    });
+
+    if (node) {
+      resources.push(node);
+    }
+  });
+  return resources;
+}

package/es/topoCenter/hooks/useEdgeExpand.js

@@ -0,0 +1,25 @@
+import useHtDataPropertyChangeListener from "../../core/hooks/ht/useHtDataPropertyChangeListener";
+import { updateEdgeExpanded } from "../../core/utils/edgeUtil";
+/**
+ * 默认情况下，拓扑图不存在链路的动态效果
+ * 未监控的链路，不展示动态效果
+ * @param {*} props 
+ */
+
+export default function useEdgeExpand(props) {
+  var topo = props.topo;
+  useHtDataPropertyChangeListener({
+    topo: topo,
+    onChange: function onChange(e) {
+      var property = e.property,
+          data = e.data;
+
+      if (data instanceof ht.Group && property === 'expanded') {
+        updateEdgeExpanded(topo);
+        setTimeout(function () {
+          updateEdgeExpanded(topo);
+        }, 100);
+      }
+    }
+  });
+}

package/es/topoCenter/hooks/useLinkDynamicStyle.js

@@ -17,7 +17,7 @@ export default function (props) {
   var graphLoaded = topoModState.graphLoaded,
       topoData = topoModState.data;
   useEffect(function () {
-    // 拓扑图记载完成时刷新
+    // 拓扑图加载完成时刷新
     if (graphLoaded && topoData) {
       topo.linkDynamicStyleExecutor.execute();
     }

package/es/topoCenter/hooks/useTopoEdit.js

@@ -3,6 +3,8 @@ import { isEdge } from "../../utils/htElementUtils";
 import useDeleteEdges from "./editor/useDeleteEdges";
 export default (function (props) {
   var topo = props.topo;
+  var functionAuthState = topo.store.useModelState('functionAuth');
+  var canAddLink = !!functionAuthState.permissions.addResource;
   var deleteEdges = useDeleteEdges({
     topo: topo
   });
@@ -18,6 +20,7 @@ export default (function (props) {
   };
 
   return {
+    canAddLink: canAddLink,
     onElementsDelete: onElementsDelete
   };
 });