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

package/es/networkTopo/store/topoCenter.js

@@ -8,243 +8,280 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
  *
  */
 import { rlog } from '@riil-frontend/component-topology-utils';
-export default {
-  // 定义 model 的初始 state
-  state: {
-    loading: true,
-    id: undefined,
-    viewState: 'view' // view, create, 2种模式
-
-  },
-  // 定义改变该模型状态的纯函数
-  reducers: {
-    update: function update(prevState, payload) {
-      return _extends({}, prevState, payload);
-    }
-  },
-  // 定义处理该模型副作用的函数
-  effects: function effects(dispatch) {
-    return {
-      /**
-       * 初始化。
-       */
-      initData: function initData(params, rootState) {
-        var _this = this;
-
-        return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-          var topoModState, viewType, id, topoTreeModState;
-          return _regeneratorRuntime.wrap(function _callee$(_context) {
-            while (1) switch (_context.prev = _context.next) {
-              case 0:
-                if (params === void 0) {
-                  params = {};
-                }
-
-                topoModState = rootState.topoMod;
-                viewType = params.type || 'view';
-                id = params.id || topoModState.topoId || '';
-
-                _this.update({
-                  loading: true,
-                  viewState: viewType
-                }); // 加载功能操作权限
-
-
-                _context.next = 7;
-                return dispatch.functionAuth.init();
-
-              case 7:
-                // 加载拓扑树数据
-                topoTreeModState = rootState.topoTreeMod;
-
-                if (topoTreeModState.loaded) {
-                  _context.next = 16;
+import { parseTopoData } from "../../utils/topoData";
+export default function (topo) {
+  return {
+    // 定义 model 的初始 state
+    state: {
+      loading: true,
+      id: undefined,
+      viewState: 'view' // view, create, 2种模式
+
+    },
+    // 定义改变该模型状态的纯函数
+    reducers: {
+      update: function update(prevState, payload) {
+        return _extends({}, prevState, payload);
+      }
+    },
+    // 定义处理该模型副作用的函数
+    effects: function effects(dispatch) {
+      return {
+        /**
+         * 初始化。
+         */
+        initData: function initData(params, rootState) {
+          var _this = this;
+
+          return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+            var topoModState, viewType, id, topoTreeModState;
+            return _regeneratorRuntime.wrap(function _callee$(_context) {
+              while (1) switch (_context.prev = _context.next) {
+                case 0:
+                  if (params === void 0) {
+                    params = {};
+                  }
+
+                  topoModState = rootState.topoMod;
+                  viewType = params.type || 'view';
+                  id = params.id || topoModState.topoId || '';
+
+                  _this.update({
+                    loading: true,
+                    viewState: viewType
+                  }); // 加载功能操作权限
+
+
+                  _context.next = 7;
+                  return dispatch.functionAuth.init();
+
+                case 7:
+                  // 加载拓扑树数据
+                  topoTreeModState = rootState.topoTreeMod;
+
+                  if (topoTreeModState.loaded) {
+                    _context.next = 16;
+                    break;
+                  }
+
+                  _context.next = 11;
+                  return dispatch.topoTreeMod.fetchTopoTree({
+                    id: id
+                  });
+
+                case 11:
+                  _context.next = 13;
+                  return dispatch.topoTreeMod.getSelectedTopoId();
+
+                case 13:
+                  id = _context.sent;
+                  _context.next = 18;
                   break;
-                }
 
-                _context.next = 11;
-                return dispatch.topoTreeMod.fetchTopoTree({
-                  id: id
-                });
+                case 16:
+                  _context.next = 18;
+                  return _this.refreshTopoTree();
 
-              case 11:
-                _context.next = 13;
-                return dispatch.topoTreeMod.getSelectedTopoId();
+                case 18:
+                  if (id) {
+                    // 左侧树切换选中
+                    dispatch.topoTreeMod.selectNode(id);
+                  }
 
-              case 13:
-                id = _context.sent;
-                _context.next = 18;
-                break;
+                  if (!(viewType === 'create')) {
+                    _context.next = 24;
+                    break;
+                  }
 
-              case 16:
-                _context.next = 18;
-                return _this.refreshTopoTree();
-
-              case 18:
-                if (id) {
-                  // 左侧树切换选中
-                  dispatch.topoTreeMod.selectNode(id);
-                }
+                  _context.next = 22;
+                  return _this.openCreateTopoPage({
+                    id: id
+                  });
 
-                if (!(viewType === 'create')) {
-                  _context.next = 24;
+                case 22:
+                  _context.next = 29;
                   break;
-                }
 
-                _context.next = 22;
-                return _this.openCreateTopoPage({
-                  id: id
-                });
+                case 24:
+                  if (!params.selectedElementTag) {
+                    _context.next = 27;
+                    break;
+                  }
 
-              case 22:
-                _context.next = 29;
-                break;
-
-              case 24:
-                if (!params.selectedElementTag) {
                   _context.next = 27;
-                  break;
-                }
+                  return dispatch.selection.update({
+                    initSelectionId: params.selectedElementTag
+                  });
 
-                _context.next = 27;
-                return dispatch.selection.update({
-                  initSelectionId: params.selectedElementTag
-                });
+                case 27:
+                  _context.next = 29;
+                  return dispatch.topoMod.initData(_extends({}, params, {
+                    type: params.type,
+                    id: id
+                  }));
 
-              case 27:
-                _context.next = 29;
-                return dispatch.topoMod.initData(_extends({}, params, {
-                  type: params.type,
-                  id: id
-                }));
+                case 29:
+                  _this.update({
+                    loading: false
+                  }); // 是否打开概览
 
-              case 29:
-                _this.update({
-                  loading: false
-                }); // 是否打开概览
 
+                  if (!params.openResourceOverview) {
+                    _context.next = 33;
+                    break;
+                  }
 
-                if (!params.openResourceOverview) {
                   _context.next = 33;
+                  return dispatch.resourceDetail.update({
+                    visible: true,
+                    id: params.openResourceOverview
+                  });
+
+                case 33:
+                case "end":
+                  return _context.stop();
+              }
+            }, _callee);
+          }))();
+        },
+
+        /**
+         * 退出。
+         */
+        exit: function exit(playload, rootState) {
+          return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+            return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+              while (1) switch (_context2.prev = _context2.next) {
+                case 0:
+                  _context2.next = 2;
+                  return dispatch.topoMod.exit(playload);
+
+                case 2:
+                case "end":
+                  return _context2.stop();
+              }
+            }, _callee2);
+          }))();
+        },
+        openCreateTopoPage: function openCreateTopoPage(playload, state) {
+          var _this2 = this;
+
+          return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
+            return _regeneratorRuntime.wrap(function _callee3$(_context3) {
+              while (1) switch (_context3.prev = _context3.next) {
+                case 0:
+                  if (playload === void 0) {
+                    playload = {};
+                  }
+
+                  _this2.update({
+                    viewState: 'create',
+                    id: playload.id
+                  });
+
+                  dispatch.topoCreate.init(playload); // history.replace(`/default/topoCenter?type=create&id=${playload.id}`);
+
+                case 3:
+                case "end":
+                  return _context3.stop();
+              }
+            }, _callee3);
+          }))();
+        },
+
+        /**
+         *
+         * @param playload {{id: string, linkTo:?object}}
+         */
+        openTopoPage: function openTopoPage(playload, rootState) {
+          var _this3 = this;
+
+          return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
+            var id, viewState;
+            return _regeneratorRuntime.wrap(function _callee4$(_context4) {
+              while (1) switch (_context4.prev = _context4.next) {
+                case 0:
+                  id = playload.id, viewState = playload.viewState; // 左侧树切换选中
+
+                  dispatch.topoTreeMod.selectNode(id);
+
+                  _this3.update({
+                    viewState: viewState || 'view'
+                  });
+
+                  if (!id) {
+                    _context4.next = 8;
+                    break;
+                  }
+
+                  _context4.next = 6;
+                  return dispatch.topoMod.openTopoPage(playload);
+
+                case 6:
+                  _context4.next = 10;
                   break;
-                }
-
-                _context.next = 33;
-                return dispatch.resourceDetail.update({
-                  visible: true,
-                  id: params.openResourceOverview
-                });
-
-              case 33:
-              case "end":
-                return _context.stop();
-            }
-          }, _callee);
-        }))();
-      },
-
-      /**
-       * 退出。
-       */
-      exit: function exit(playload, rootState) {
-        return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
-          return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-            while (1) switch (_context2.prev = _context2.next) {
-              case 0:
-                _context2.next = 2;
-                return dispatch.topoMod.exit(playload);
-
-              case 2:
-              case "end":
-                return _context2.stop();
-            }
-          }, _callee2);
-        }))();
-      },
-      openCreateTopoPage: function openCreateTopoPage(playload, state) {
-        var _this2 = this;
-
-        return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
-          return _regeneratorRuntime.wrap(function _callee3$(_context3) {
-            while (1) switch (_context3.prev = _context3.next) {
-              case 0:
-                if (playload === void 0) {
-                  playload = {};
-                }
-
-                _this2.update({
-                  viewState: 'create',
-                  id: playload.id
-                });
-
-                dispatch.topoCreate.init(playload); // history.replace(`/default/topoCenter?type=create&id=${playload.id}`);
-
-              case 3:
-              case "end":
-                return _context3.stop();
-            }
-          }, _callee3);
-        }))();
-      },
-
-      /**
-       *
-       * @param playload {{id: string, linkTo:?object}}
-       */
-      openTopoPage: function openTopoPage(playload, rootState) {
-        var _this3 = this;
-
-        return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
-          var id, viewState;
-          return _regeneratorRuntime.wrap(function _callee4$(_context4) {
-            while (1) switch (_context4.prev = _context4.next) {
-              case 0:
-                id = playload.id, viewState = playload.viewState; // 左侧树切换选中
-
-                dispatch.topoTreeMod.selectNode(id);
-
-                _this3.update({
-                  viewState: viewState || 'view'
-                });
-
-                if (!id) {
-                  _context4.next = 8;
-                  break;
-                }
-
-                _context4.next = 6;
-                return dispatch.topoMod.openTopoPage(playload);
-
-              case 6:
-                _context4.next = 10;
-                break;
-
-              case 8:
-                _context4.next = 10;
-                return dispatch.topoMod.clearData();
-
-              case 10:
-              case "end":
-                return _context4.stop();
-            }
-          }, _callee4);
-        }))();
-      },
-      refreshTopoTree: function refreshTopoTree() {
-        return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5() {
-          return _regeneratorRuntime.wrap(function _callee5$(_context5) {
-            while (1) switch (_context5.prev = _context5.next) {
-              case 0:
-                _context5.next = 2;
-                return dispatch.topoTreeMod.refreshTree();
-
-              case 2:
-              case "end":
-                return _context5.stop();
-            }
-          }, _callee5);
-        }))();
-      }
-    };
-  }
-};
+
+                case 8:
+                  _context4.next = 10;
+                  return dispatch.topoMod.clearData();
+
+                case 10:
+                case "end":
+                  return _context4.stop();
+              }
+            }, _callee4);
+          }))();
+        },
+        refreshTopoTree: function refreshTopoTree() {
+          return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5() {
+            return _regeneratorRuntime.wrap(function _callee5$(_context5) {
+              while (1) switch (_context5.prev = _context5.next) {
+                case 0:
+                  _context5.next = 2;
+                  return dispatch.topoTreeMod.refreshTree();
+
+                case 2:
+                case "end":
+                  return _context5.stop();
+              }
+            }, _callee5);
+          }))();
+        },
+        refreshGlobalConfig: function refreshGlobalConfig() {
+          return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee6() {
+            var result, extraConfig;
+            return _regeneratorRuntime.wrap(function _callee6$(_context6) {
+              while (1) switch (_context6.prev = _context6.next) {
+                case 0:
+                  if (topo.id) {
+                    _context6.next = 2;
+                    break;
+                  }
+
+                  return _context6.abrupt("return");
+
+                case 2:
+                  _context6.next = 4;
+                  return topo.options.loadData(topo.id, topo.serverApi);
+
+                case 4:
+                  result = _context6.sent;
+                  result = parseTopoData(result);
+                  extraConfig = result.global.extraConfig;
+                  _context6.next = 9;
+                  return dispatch.displayConfig.setConfig(_extends({}, extraConfig, {
+                    alarmSwitch: result.global.alarmSwitch,
+                    alarmListDefaultOpen: result.global.alarmListDefaultOpen
+                  }));
+
+                case 9:
+                case "end":
+                  return _context6.stop();
+              }
+            }, _callee6);
+          }))();
+        }
+      };
+    }
+  };
+}

package/es/style.js

@@ -2,8 +2,8 @@ import '@riil-frontend/component-topology-graph/es/style';
 import '@alifd/next/es/box/style';
 import '@riil-frontend/component-topology-utils/es/style';
 import '@alifd/next/es/message/style';
-import '@riil-frontend/component-riil-event-emitter/es/style';
 import '@riil-frontend/utils/es/style';
+import '@riil-frontend/component-riil-event-emitter/es/style';
 import '@alifd/next/es/menu-button/style';
 import '@alifd/next/es/search/style';
 import '@alifd/next/es/drawer/style';

package/es/utils/ResourceConfigUtil.js

@@ -42,12 +42,6 @@ function getResourceConfigFromHt(topo) {
     layers: sortBy(layers, 'order'),
     groups: groups,
     resources: resources,
-    exportLinkIdList: getExportLinkIdList({
-      topo: topo,
-      htTopo: htTopo,
-      dataModel: dataModel
-    }),
-    // 出口链路id列表
     relateTopoIdList: getRelateTopoIdList(dataModel)
   };
 } // 查询关联拓扑id列表
@@ -64,33 +58,6 @@ function getRelateTopoIdList(dataModel) {
 
     return topoIds;
   }, []);
-} // 查询出口链路列表
-
-
-function getExportLinkIdList(_ref) {
-  var topo = _ref.topo,
-      htTopo = _ref.htTopo,
-      dataModel = _ref.dataModel;
-  var exportLinkIdList = [];
-  var edges = getEdges(dataModel);
-  rlog.debug(' 查询出口链路列表-edges', edges, dataModel);
-  edges.forEach(function (edge) {
-    var edgeData = htTopo.getEdgeData(edge); // 有组无子连线返回null
-
-    if (edgeData) {
-      // eslint-disable-next-line no-underscore-dangle
-      var id = edgeData._attrObject.id;
-
-      if (id) {
-        var linkData = topo.dataModel.getDataById(id);
-
-        if (isExitLink(linkData) && !exportLinkIdList.includes(id)) {
-          exportLinkIdList.push(id);
-        }
-      }
-    }
-  });
-  return exportLinkIdList;
 }
 
 function getLayerDatas(dataModel) {
@@ -114,9 +81,9 @@ function getLayerDatas(dataModel) {
   return layers;
 }
 
-function getGroupDatas(_ref2) {
-  var groupElements = _ref2.groupElements,
-      layers = _ref2.layers;
+function getGroupDatas(_ref) {
+  var groupElements = _ref.groupElements,
+      layers = _ref.layers;
   // 获得视图上的区域配置
   var groups = groupElements.filter(function (node) {
     return !node.getParent();

package/es/utils/ciRefAttributeTranslateUtil.d.ts

@@ -0,0 +1,19 @@
+interface Options {
+    /**
+     * 是否属性缓存重新请求数据
+     */
+    refreshCiCache: boolean;
+}
+/**
+ * 翻译ci列表引用属性名称
+ * @param ciDatas
+ * @returns
+ */
+export declare function translateCisRefAttributeName(ciDatas: Array<any>, options?: Options): Promise<Array<any>>;
+/**
+ * 翻译ci引用属性名称
+ * @param ciData
+ * @returns
+ */
+export declare function translateCiRefAttributeName(ciData: any, options?: Options): Promise<any>;
+export {};