@riil-frontend/component-topology 2.15.44 → 2.15.45

package/es/components/Drawer/index.js

@@ -1,6 +1,8 @@
 import _Drawer from "@alifd/next/es/drawer";
 import _extends from "@babel/runtime/helpers/extends";
 import _Button from "@alifd/next/es/button";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+var _excluded = ["bodyClassName"];
 import React from 'react';
 import classnames from 'classnames';
 import styles from "./index.module.scss";
@@ -24,6 +26,10 @@ var Drawer = function Drawer(props) {
       onSave = props.onSave,
       drawerProps = props.drawerProps,
       children = props.children;
+
+  var bodyClassName = drawerProps.bodyClassName,
+      otherDrawerProps = _objectWithoutPropertiesLoose(drawerProps, _excluded);
+
   return /*#__PURE__*/React.createElement(_Drawer, _extends({
     title: title,
     placement: "right",
@@ -31,12 +37,12 @@ var Drawer = function Drawer(props) {
     headerStyle: headerStyle,
     bodyStyle: bodyStyle,
     closeMode: ['close', 'esc']
-  }, drawerProps, {
+  }, otherDrawerProps, {
     className: classnames(styles.drawer, drawerProps.className),
     visible: visible,
     onClose: onClose
   }), /*#__PURE__*/React.createElement("div", {
-    className: classnames(styles.content, drawerProps.bodyClassName)
+    className: classnames(styles.content, bodyClassName)
   }, children), footer && /*#__PURE__*/React.createElement("div", {
     className: styles.footer
   }, /*#__PURE__*/React.createElement(_Button, {

package/es/components/TemplateButton/index.module.scss

@@ -14,6 +14,7 @@
   display: flex;
   justify-content: center;
   align-items: center;
+  user-select: none;
 }
 
 .icon {

package/es/core/common/hooks/ht/useDataModelDataPropertyChange.js

@@ -1,10 +1,19 @@
 import { useEffect } from 'react';
 export default (function (topo, fn) {
+  var topoModState = topo.store.useModelState('topoMod');
+  var graphLoaded = topoModState.graphLoaded;
   useEffect(function () {
-    var dataModel = topo.getDataModel();
-    dataModel.addDataPropertyChangeListener(fn);
+    var dataModel;
+
+    if (graphLoaded) {
+      dataModel = topo.getDataModel();
+      dataModel.addDataPropertyChangeListener(fn);
+    }
+
     return function () {
-      dataModel.removeDataPropertyChangeListener(fn);
+      if (dataModel) {
+        dataModel.removeDataPropertyChangeListener(fn);
+      }
     };
-  }, [fn]);
+  }, [topo, graphLoaded, fn]);
 });

package/es/core/common/icons/icon.js

@@ -67,7 +67,7 @@ export function transformCustomIcons2HtIcons(icons) {
  */
 
 export function getUserCustomIcons(topo) {
-  var uploadIcons = topo.store.getModelState('iconManage').icons;
+  var uploadIcons = topo.store.getModelState('customIcon').icons;
   return [].concat(transformCustomIcons2HtIcons(uploadIcons.node));
 } // 获得节点图标列表
 

package/es/core/common/icons/useIcons.js

@@ -1,7 +1,7 @@
 import { getGroupDefaultIcons, getNodeDefaultIcons, transformCustomIcon2HtIcon } from "./icon";
 
 function useCustomIcons(topo) {
-  var _topo$store$useModelS = topo.store.useModelState('iconManage'),
+  var _topo$store$useModelS = topo.store.useModelState('customIcon'),
       icons = _topo$store$useModelS.icons;
 
   var customIcons = icons.node.map(transformCustomIcon2HtIcon);

package/es/core/components/TopoView/topoView.js

@@ -7,7 +7,6 @@ import rlog from "@riil-frontend/component-topology-utils/es/rlog";
 import { useEventListener, useCbbEventListener } from "@riil-frontend/component-riil-event-emitter";
 import useTopoEdit from "../../../hooks/useTopoEdit";
 import useSelection from "../../../hooks/useSelection";
-import useRelateTopo from "../../../hooks/useRelateTopo";
 import showMessage from "../../utils/showMessage";
 import EditorPlugin from "../../editor/components/EditorPlugin";
 import ViewerPlugin from "../../viewer/components/plugins/ViewerPlugin";
@@ -15,10 +14,10 @@ import TitleBar from "../titlebar/TitleBar";
 import { TPL_TREE } from "../../../utils/template";
 import PropertyView from "../../editor/components/settings/PropertyView";
 import BackgroundView from "../../editor/components/BackgroundView";
-import styles from "./TopoView.module.scss";
 import { updateEdgeExpanded } from "../../utils/edgeUtil";
+import styles from "./TopoView.module.scss";
 
-var TopoView = function TopoView(props) {
+var Topology = function Topology(props) {
   var _classnames, _graphViewProps$creat;
 
   var topo = props.topo,
@@ -34,6 +33,7 @@ var TopoView = function TopoView(props) {
       nodeDeleteable = props.nodeDeleteable,
       onNodeDelete = props.onNodeDelete,
       onLineDelete = props.onLineDelete,
+      onEvent = props.onEvent,
       _props$graphViewProps = props.graphViewProps,
       graphViewProps = _props$graphViewProps === void 0 ? {} : _props$graphViewProps,
       viewerProps = props.viewerProps,
@@ -80,10 +80,7 @@ var TopoView = function TopoView(props) {
   var onExitEdit = topoEdit.onExitEdit,
       onBindData = topoEdit.onBindData,
       onDeleteElement = topoEdit.onDeleteElement,
-      onSaveTopo = topoEdit.onSaveTopo;
-  var relateTopo = useRelateTopo({
-    topo: topo
-  }); // useAlarm({
+      onSaveTopo = topoEdit.onSaveTopo; // useAlarm({
   //   topo,
   // });
 
@@ -112,13 +109,6 @@ var TopoView = function TopoView(props) {
   useEffect(function () {
     // rlog.debug("TopoView.useEffect topoData", topoData);
     setTData(buildLoadOptions ? buildLoadOptions(topoData) : topoData);
-
-    if (topoData) {
-      // TODO 移到模型中
-      topoDispatchers.update({
-        currentTopo: topoData.config
-      });
-    }
   }, [topoData]);
   useEffect(function () {
     return function () {
@@ -172,7 +162,7 @@ var TopoView = function TopoView(props) {
 
   var handleEvent = function handleEvent(event) {
     rlog.debug("TopoView:onEvent", event);
-    relateTopo.onEvent(event);
+    onEvent(event);
     topoEdit.onEvent(event);
 
     switch (event.name) {
@@ -274,7 +264,7 @@ var TopoView = function TopoView(props) {
   }));
 };
 
-TopoView.propTypes = {
+Topology.propTypes = {
   // 拓扑模型
   topo: PropTypes.any.isRequired,
   defaultEnterEditMode: PropTypes.bool,
@@ -294,10 +284,10 @@ TopoView.propTypes = {
    */
   titleBar: PropTypes.oneOf([React.ReactNode, false])
 };
-TopoView.defaultProps = {
+Topology.defaultProps = {
   defaultEnterEditMode: false,
   viewerProps: {},
   editorProps: {} // titleBar: false,
 
 };
-export default TopoView;
+export default Topology;

package/es/core/{models/createTopoApp.js → createTopoApp.js}

@@ -1,5 +1,5 @@
 import _extends from "@babel/runtime/helpers/extends";
-import TopoApp from "./TopoApp";
+import TopoApp from "./models/TopoApp";
 /**
  *
  * @param options

package/es/core/editor/components/BackgroundView/index.module.scss

@@ -25,6 +25,7 @@
       .box {
         position: relative;
         height: 100%;
+        user-select: none;
         .img {
           max-width: 100%;
           max-height: 100%;

package/es/core/editor/components/{iconManage/IconManage.js → CustomIconPlugin/CustomIconPlugin.js}

@@ -1,10 +1,10 @@
-import React, { useState, useEffect, useRef, useCallback } from 'react';
+import React, { useEffect } from 'react';
 import UploadIconDialogWrapper from "./UploadIconDialogWrapper";
 import RenameDialog from "./RenameDialog";
-export default function IconManage(props) {
+export default function CustomIconPlugin(props) {
   var topo = props.topo;
   var store = topo.store;
-  var dispatchers = store.getModelDispatchers('iconManage'); // 初始化时注册事件
+  var dispatchers = store.getModelDispatchers('customIcon'); // 初始化时注册事件
 
   useEffect(function () {
     var notifier = topo.view.topoClient.notifier; // 测试代码

package/es/core/editor/components/{iconManage → CustomIconPlugin}/RenameDialog.js

@@ -11,7 +11,7 @@ export default function RenameDialog(props) {
   var topo = props.topo;
   var store = topo.store;
 
-  var _store$useModel = store.useModel('iconManage'),
+  var _store$useModel = store.useModel('customIcon'),
       state = _store$useModel[0],
       dispatchers = _store$useModel[1];
 

package/es/core/editor/components/{iconManage → CustomIconPlugin}/UploadIconDialog.js

@@ -13,6 +13,7 @@ import _ from 'lodash';
 import _svgToShape from "./utils/svgToShape";
 import styles from "./UploadIconDialog.module.scss";
 import "./UploadIconDialog.scss";
+import rlog from '@riil-frontend/component-topology-utils/es/rlog';
 var config = _ConfigProvider.config;
 
 function getFileName(file) {
@@ -98,7 +99,18 @@ var UploadIconDialog = /*#__PURE__*/function (_React$Component) {
 
       _this.setState({
         files: validFiles
-      });
+      }); // 上传接口报错后只会通知该回调，移除上传loading
+
+
+      if (_this.state.uploading && files.filter(function (file) {
+        return file.state === 'error';
+      }).length && !files.filter(function (file) {
+        return file.state === 'uploading';
+      }).length) {
+        _this.setState({
+          uploading: false
+        });
+      }
     };
 
     _this.submit = function () {
@@ -198,7 +210,9 @@ var UploadIconDialog = /*#__PURE__*/function (_React$Component) {
       });
     };
 
-    _this.handleUploadError = function () {};
+    _this.handleUploadError = function () {
+      rlog.error('上传失败');
+    };
 
     _this.onClose = function () {
       var dispatchers = _this.props.dispatchers;

package/es/core/editor/components/{iconManage → CustomIconPlugin}/UploadIconDialogWrapper.js

@@ -4,7 +4,7 @@ export default function UploadIconDialogWrapper(props) {
   var topo = props.topo;
   var store = topo.store;
 
-  var _store$useModel = store.useModel('iconManage'),
+  var _store$useModel = store.useModel('customIcon'),
       state = _store$useModel[0],
       dispatchers = _store$useModel[1];
 

package/es/core/editor/components/CustomIconPlugin/index.js

@@ -0,0 +1,2 @@
+import IconManage from "./CustomIconPlugin";
+export default IconManage;

package/es/core/editor/components/EditorPlugin.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from "react";
-import IconManage from "./iconManage/IconManage";
+import CustomIconPlugin from "./CustomIconPlugin";
 import SaveLoading from "./plugins/SaveLoading";
 import MultipleResourceSelectPlugin from "./plugins/MultipleResourceSelectPlugin";
 import GroupAddResourceDrawerPlugin from "./GroupAddResourceDrawerPlugin";
@@ -10,7 +10,7 @@ export default function TopoEditorPlugin(props) {
       topoEdit = props.topoEdit,
       editorProps = props.editorProps;
   var store = topo.store;
-  var plugins = [SaveLoading, GroupAddResourceDrawerPlugin, MultipleResourceSelectPlugin, IconManage].concat((editorProps === null || editorProps === void 0 ? void 0 : editorProps.plugins) || []);
+  var plugins = [SaveLoading, GroupAddResourceDrawerPlugin, MultipleResourceSelectPlugin, CustomIconPlugin].concat((editorProps === null || editorProps === void 0 ? void 0 : editorProps.plugins) || []);
   return /*#__PURE__*/React.createElement(React.Fragment, null, plugins.map(function (Plugin, index) {
     return /*#__PURE__*/React.createElement(Plugin, _extends({
       key: index,

package/es/core/editor/components/settings/propertyViews/group/SettingTab/Setting.js

@@ -19,6 +19,7 @@ export default function GroupSetting(props) {
       editorProps = props.editorProps,
       group = props.group;
   var expanded = values.expanded;
+  var id = values.id;
 
   var field = _Field.useField({
     autoUnmount: false,
@@ -93,6 +94,7 @@ export default function GroupSetting(props) {
     maxLength: 30,
     placeholder: "\u8BF7\u8F93\u5165"
   })), expanded ? /*#__PURE__*/React.createElement(GroupExpandSetting, {
+    id: id,
     group: group,
     expanded: expanded,
     topo: topo,

package/es/core/models/TopoApp.js

@@ -20,7 +20,7 @@ import { updateEdgeExpanded } from "../utils/edgeUtil";
 import PluginManager from "./PluginManager";
 import topoFactory from "./topoFactory"; // eslint-disable-next-line no-undef
 
-var version = typeof "2.15.44" === 'string' ? "2.15.44" : null;
+var version = typeof "2.15.45" === 'string' ? "2.15.45" : null;
 console.info("\u62D3\u6251\u7248\u672C: " + version);
 /**
  * 拓扑显示和编辑
@@ -75,6 +75,10 @@ var Topo = /*#__PURE__*/function () {
 
     this.test = new Test(this);
     this.uid = topoFactory.add(options.name, this);
+  };
+
+  _proto.destroy = function destroy() {
+    topoFactory.remove(this.uid);
   }
   /**
    * TODO 移除
@@ -95,7 +99,7 @@ var Topo = /*#__PURE__*/function () {
               return topoDispatchers.exit();
 
             case 3:
-              topoFactory.remove(this.uid);
+              this.destroy();
 
             case 4:
             case "end":
@@ -543,7 +547,7 @@ var Topo = /*#__PURE__*/function () {
 
             case 7:
               updateEdgeExpanded(this);
-              editDispatchers = this.store.getModelDispatchers('topoCreateMod');
+              editDispatchers = this.store.getModelDispatchers('topoConfig');
               editDispatchers.switchToEditMode();
 
               if (this.options.onSwitchToEditMode) {
@@ -551,7 +555,7 @@ var Topo = /*#__PURE__*/function () {
               } // 加载自定义上传的图标
 
 
-              iconManageDispatchers = this.store.getModelDispatchers('iconManage');
+              iconManageDispatchers = this.store.getModelDispatchers('customIcon');
               iconManageDispatchers.loadEditorIcons();
 
             case 13:
@@ -580,7 +584,7 @@ var Topo = /*#__PURE__*/function () {
               return this.view.switchToViewMode();
 
             case 2:
-              editDispatchers = this.store.getModelDispatchers('topoCreateMod');
+              editDispatchers = this.store.getModelDispatchers('topoConfig');
               editDispatchers.switchToViewMode(this.id);
 
               if (this.options.onSwitchToViewMode) {

package/es/core/store/coreModels.js

@@ -1,32 +1,38 @@
-import topoMod from "./models/topoMod";
-import iconManage from "./models/iconManage";
-import ciModel from "./models/ciModel";
-import functionAuth from "./models/functionAuth";
-import linkDynamicStyle from "./models/linkDynamicStyle";
-import linkDynamicStyleConfig from "./models/linkDynamicStyleConfig";
-import permissionSetting from "./models/permissionSetting";
-import resourceWebControllUrlSetting from "./models/resourceWebControllUrlSetting";
-import topoBizMod from "./models/topoBizMod";
-import topoCenter from "./models/topoCenter";
-import topoCreate from "./models/topoCreate";
-import topoCreateMod from "./models/topoCreateMod";
-import topoEdit from "./models/topoEdit";
-import topoTreeMod from "./models/topoTreeMod";
-import topoView from "./models/topoView";
+import topoMod from "../../models/topoMod";
+import customIcon from "../../models/customIcon";
+import ciModel from "../../models/ciModel";
+import selection from "../../models/selection";
+import topoBizMod from "../../models/topoBizMod";
+import topoConfig from "../../models/topoConfig";
+import topoEdit from "../../models/topoEdit";
+import topoView from "../../models/topoView";
+import topoAlarm from "../../models/topoAlarm";
+import topoGraphView from "../../models/topoGraphView";
+import background from "../../models/background";
+import displayConfig from "../../models/displayConfig";
+import resourceWebControllUrlSetting from "../../models/resourceWebControllUrlSetting";
+import topoBaseInfoOverview from "../../models/topoBaseInfoOverview";
+import topoCenter from "../../topoCenter/store/topoCenter";
+import functionAuth from "../../topoCenter/store/functionAuth";
+import topoLinkMod from "../../topoCenter/store/topoLinkMod";
+import topoTreeMod from "../../topoCenter/store/topoTreeMod";
 export default {
   topoMod: topoMod,
-  iconManage: iconManage,
-  ciModel: ciModel,
-  functionAuth: functionAuth,
-  linkDynamicStyle: linkDynamicStyle,
-  linkDynamicStyleConfig: linkDynamicStyleConfig,
-  permissionSetting: permissionSetting,
+  customIcon: customIcon,
+  selection: selection,
   resourceWebControllUrlSetting: resourceWebControllUrlSetting,
   topoBizMod: topoBizMod,
-  topoCenter: topoCenter,
-  topoCreate: topoCreate,
-  topoCreateMod: topoCreateMod,
+  topoConfig: topoConfig,
+  topoLinkMod: topoLinkMod,
+  topoView: topoView,
+  background: background,
+  topoGraphView: topoGraphView,
+  topoAlarm: topoAlarm,
+  displayConfig: displayConfig,
+  topoBaseInfoOverview: topoBaseInfoOverview,
+  ciModel: ciModel,
+  functionAuth: functionAuth,
   topoEdit: topoEdit,
-  topoTreeMod: topoTreeMod,
-  topoView: topoView
+  topoCenter: topoCenter,
+  topoTreeMod: topoTreeMod
 };

package/es/core/store/createStore.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import { createStore } from '@ice/store';
-import coreModels from "./getStoreModels";
+import coreModels from "./coreModels";
 export default function (engine, extModels) {
   if (extModels === void 0) {
     extModels = {};

package/es/core/test/Test.js

@@ -8,9 +8,11 @@ var Test = /*#__PURE__*/function () {
   var _proto = Test.prototype;
 
   _proto.init = function init() {
+    var _this = this;
+
     this.iconManage = {
       openUpload: function openUpload(type) {
-        topo.store.getModelDispatchers('iconManage').open({
+        _this.topo.store.getModelDispatchers('customIcon').open({
           type: type || 'node'
         });
       }

package/es/core/viewer/contextmenu/buildNodeContextmenu.js

@@ -6,70 +6,71 @@ export default function buildNodeContextmenu(topoApp) {
   return {
     enable: true,
     items: [// {
-    //   label: '概览',
-    //   id: 'Resource.detail',
-    //   icon: '/img/topo/contextmenu/Topology_resources_menu_icon_overview.svg',
-    //   visible: (data) => {
-    //     return isResource(data) && !!data.operation;
-    //   }
-    // },
-    {
-      label: 'Web控制台',
-      icon: '/img/topo/contextmenu/Topology_resources_menu_icon_webconsole.svg',
-      visible: function visible(data) {
-        return isResource(data) && !!data.operation;
-      },
-      items: [{
-        label: '访问',
-        id: 'Resource.WebConsole.open',
-        disable: function disable(data) {
-          var resourceWebControllUrl = topoApp.pluginManager.pluginMap.resourceWebControllUrl;
-          return !resourceWebControllUrl.getResourceUrl(data.id);
-        }
-      }, {
-        label: '设置',
-        id: 'Resource.WebConsole.setting'
-      }]
-    } // {
-    //   label: '资源操作',
-    //   id: 'Resource.Operate',
-    //   icon: '/img/topo/contextmenu/Topology_resources_menu_icon_operands.svg',
-    //   visible: (data) => {
-    //     if (!isResource(data)) {
-    //       return false;
-    //     }
-    //     const {ciType} = data;
-    //     const ciMeta = topoApp.ciTyeCache.getCiType(ciType);
-    //     if (!ciMeta) {
-    //       return false;
-    //     }
-    //     const {domain} = ciMeta;
-    //     // 是否有该页签，与资源详情保持一致
-    //     const hasTab = domain === 'network' || domain === 'server';
-    //     return !!data.operation && hasTab;
-    //   }
-    // },
-    // {
-    //   label: 'Syslog',
-    //   id: 'Resource.Syslog',
-    //   icon: '/img/topo/contextmenu/Topology_resources_menu_icon_syslog.svg',
-    //   visible: (data) => {
-    //     if (!isResource(data)) {
-    //       return false;
-    //     }
-    //     const {ciType} = data;
-    //     const ciMeta = topoApp.ciTyeCache.getCiType(ciType);
-    //     if (!ciMeta) {
-    //       return false;
-    //     }
-    //     const {domain} = ciMeta;
-    //     // 是否有该页签，与资源详情保持一致
-    //     const hasTab = domain === 'network' || domain === 'server';
-    //     return !!data.operation && hasTab;
-    //   }
-    // },
-    // { label: '打开属性设置', id: 'openSet' },
-    // { label: '打开全局属性设置', id: 'openAllSet' },
+      //   label: '概览',
+      //   id: 'Resource.detail',
+      //   icon: '/img/topo/contextmenu/Topology_resources_menu_icon_overview.svg',
+      //   visible: (data) => {
+      //     return isResource(data) && !!data.operation;
+      //   }
+      // },
+      // {
+      //   label: 'Web控制台',
+      //   icon: '/img/topo/contextmenu/Topology_resources_menu_icon_webconsole.svg',
+      //   visible: (data) => {
+      //     return isResource(data) && !!data.operation;
+      //   },
+      //   items: [
+      //     {
+      //       label: '访问',
+      //       id: 'Resource.WebConsole.open',
+      //       disable: (data) => {
+      //         const {resourceWebControllUrl} = topoApp.pluginManager.pluginMap;
+      //         return !resourceWebControllUrl.getResourceUrl(data.id)
+      //       },
+      //     },
+      //     { label: '设置', id: 'Resource.WebConsole.setting' },
+      //   ]
+      // },
+      // {
+      //   label: '资源操作',
+      //   id: 'Resource.Operate',
+      //   icon: '/img/topo/contextmenu/Topology_resources_menu_icon_operands.svg',
+      //   visible: (data) => {
+      //     if (!isResource(data)) {
+      //       return false;
+      //     }
+      //     const {ciType} = data;
+      //     const ciMeta = topoApp.ciTyeCache.getCiType(ciType);
+      //     if (!ciMeta) {
+      //       return false;
+      //     }
+      //     const {domain} = ciMeta;
+      //     // 是否有该页签，与资源详情保持一致
+      //     const hasTab = domain === 'network' || domain === 'server';
+      //     return !!data.operation && hasTab;
+      //   }
+      // },
+      // {
+      //   label: 'Syslog',
+      //   id: 'Resource.Syslog',
+      //   icon: '/img/topo/contextmenu/Topology_resources_menu_icon_syslog.svg',
+      //   visible: (data) => {
+      //     if (!isResource(data)) {
+      //       return false;
+      //     }
+      //     const {ciType} = data;
+      //     const ciMeta = topoApp.ciTyeCache.getCiType(ciType);
+      //     if (!ciMeta) {
+      //       return false;
+      //     }
+      //     const {domain} = ciMeta;
+      //     // 是否有该页签，与资源详情保持一致
+      //     const hasTab = domain === 'network' || domain === 'server';
+      //     return !!data.operation && hasTab;
+      //   }
+      // },
+      // { label: '打开属性设置', id: 'openSet' },
+      // { label: '打开全局属性设置', id: 'openAllSet' },
     ]
   };
 }

package/es/createTopo.js

@@ -1,5 +1,5 @@
 import _extends from "@babel/runtime/helpers/extends";
-import { createTopoApp } from "./core/models/createTopoApp";
+import { createTopoApp } from "./core/createTopoApp";
 import createMenuCommands from "./contextmenu/createMenuCommands";
 import getTopoData from "./topoCenter/getTopoData";
 export function createTopo(options) {

package/es/hooks/useAlarm.js

@@ -26,9 +26,7 @@ export default function useAlarm(options) {
 
   var _store$useModel2 = store.useModel("topoBizMod"),
       bizState = _store$useModel2[0],
-      bizDispatchers = _store$useModel2[1];
-
-  var linkDynamicStyleDispatcher = store.getModel("linkDynamicStyle")[1]; // rlog.debug(
+      bizDispatchers = _store$useModel2[1]; // rlog.debug(
   //   "useAlarm.useEffect 获取初始化告警----------init",
   //   topo,
   //   allData,
@@ -63,6 +61,7 @@ export default function useAlarm(options) {
   //   };
   // }, [alarmIsOpened]);
 
+
   function getAlarmByEE(_x) {
     return _getAlarmByEE.apply(this, arguments);
   }
@@ -110,9 +109,7 @@ export default function useAlarm(options) {
               rlog.debug("useAlarm.getAlarmByEE 推送告警到ht", alarmList, bizState);
 
               if (alarmIsOpened) {
-                topo.loadAlarm(alarmList); // 告警变化后，刷新链路动态样式
-
-                linkDynamicStyleDispatcher.execute();
+                topo.loadAlarm(alarmList);
               }
 
             case 12:

package/es/hooks/useResourceConfig.js

@@ -9,7 +9,7 @@ import { getEdges, getNodes } from "../utils/htElementUtils";
 export default function (props) {
   var topo = props.topo;
   var store = topo.store;
-  var editDispatchers = store.useModelDispatchers('topoCreateMod');
+  var editDispatchers = store.useModelDispatchers('topoConfig');
 
   var loadConfig = /*#__PURE__*/function () {
     var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {