@riil-frontend/component-topology 11.0.29 → 11.0.30

package/es/components/TemplateButton/Icon.js

@@ -1,12 +1,13 @@
 import React from 'react';
 import Icons from "./assets";
+
 var Icon = function Icon(props) {
   var _props$alt = props.alt,
-    alt = _props$alt === void 0 ? '' : _props$alt,
-    img = props.img,
-    type = props.type,
-    className = props.className,
-    rotate = props.rotate;
+      alt = _props$alt === void 0 ? '' : _props$alt,
+      img = props.img,
+      type = props.type,
+      className = props.className,
+      rotate = props.rotate;
   var style = rotate ? {
     transform: "rotate(" + rotate + "deg)"
   } : null;
@@ -18,4 +19,5 @@ var Icon = function Icon(props) {
     alt: alt
   });
 };
+
 export default Icon;

package/es/components/TemplateButton/index.js

@@ -5,14 +5,16 @@ import React from "react";
 import classnames from "classnames";
 import Icon from "./Icon";
 import styles from "./index.module.scss";
+
 var TemplateButton = function TemplateButton(props) {
   var className = props.className,
-    children = props.children,
-    icon = props.icon,
-    img = props.img,
-    iconClassName = props.iconClassName,
-    textClassName = props.textClassName,
-    rest = _objectWithoutPropertiesLoose(props, _excluded);
+      children = props.children,
+      icon = props.icon,
+      img = props.img,
+      iconClassName = props.iconClassName,
+      textClassName = props.textClassName,
+      rest = _objectWithoutPropertiesLoose(props, _excluded);
+
   return /*#__PURE__*/React.createElement("div", {
     className: classnames(styles.card, className)
   }, /*#__PURE__*/React.createElement("div", {
@@ -25,4 +27,5 @@ var TemplateButton = function TemplateButton(props) {
     className: classnames(styles.text, textClassName)
   }, /*#__PURE__*/React.createElement("span", null, children)));
 };
+
 export default TemplateButton;

package/es/components/VerticalIconTab/VerticalIconTab.js

@@ -5,16 +5,16 @@ import React, { useState } from 'react';
 import classNames from 'classnames';
 import variables from '@alifd/theme-19926/variables.js';
 import styles from "./VerticalIconTab.module.scss";
-
 /**
  * 自定义标题
  * @param {*} param0 
  * @returns 
  */
+
 function CustomTabItem(_ref) {
   var title = _ref.title,
-    titleTootip = _ref.titleTootip,
-    icon = _ref.icon;
+      titleTootip = _ref.titleTootip,
+      icon = _ref.icon;
   var tabItem = /*#__PURE__*/React.createElement("div", {
     className: "v-icon-tab-item"
   }, /*#__PURE__*/React.createElement("img", {
@@ -25,8 +25,7 @@ function CustomTabItem(_ref) {
   }, title));
   return /*#__PURE__*/React.createElement(_Balloon.Tooltip, {
     trigger: tabItem,
-    align: "r"
-    // 解决遮挡下拉浮层问题
+    align: "r" // 解决遮挡下拉浮层问题
     ,
     popupStyle: {
       zIndex: 1000,
@@ -34,19 +33,23 @@ function CustomTabItem(_ref) {
     }
   }, titleTootip);
 }
-
 /**
  * 竖向
  * @param {*} props 
  * @returns 
  */
+
+
 function VerticalIconTab(props) {
   var _classNames;
+
   var activeKey = props.activeKey,
-    onChange = props.onChange;
+      onChange = props.onChange;
+
   var handleClick = function handleClick() {
     onChange(null);
   };
+
   return /*#__PURE__*/React.createElement(_Tab, _extends({
     shape: "wrapped",
     tabPosition: "left",
@@ -62,5 +65,6 @@ function VerticalIconTab(props) {
     onClick: handleClick
   }));
 }
+
 VerticalIconTab.Item = _Tab.Item;
 export default VerticalIconTab;

package/es/components/collapse/Collapse.js

@@ -6,17 +6,21 @@ import React from 'react';
 import classNames from 'classnames';
 import Panel from "./Panel";
 import styles from "./Collapse.module.scss";
+
 function CollapseWrapper(props) {
   var _classNames;
+
   var className = props.className,
-    accordion = props.accordion,
-    fullheight = props.fullheight,
-    noContentPadding = props.noContentPadding,
-    otherProps = _objectWithoutPropertiesLoose(props, _excluded);
+      accordion = props.accordion,
+      fullheight = props.fullheight,
+      noContentPadding = props.noContentPadding,
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded);
+
   return /*#__PURE__*/React.createElement(_Collapse, _extends({}, otherProps, {
     accordion: accordion,
     className: classNames(className, styles.collapse, (_classNames = {}, _classNames[styles.fullheight] = accordion && fullheight, _classNames[styles.contentNoPadding] = noContentPadding, _classNames))
   }));
 }
+
 CollapseWrapper.Panel = Panel;
 export default CollapseWrapper;

package/es/components/collapse/Panel.js

@@ -8,21 +8,24 @@ import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import styles from "./Panel.module.scss";
 var config = _ConfigProvider.config;
-
 /**
  * 定制折叠面板Panel，支持标题右侧工具
  * @param {*} props 
  * @returns 
  */
+
 function CollapsePanel(props) {
   var _classNames;
+
   var title = props.title,
-    extra = props.extra,
-    className = props.className,
-    otherProps = _objectWithoutPropertiesLoose(props, _excluded);
+      extra = props.extra,
+      className = props.className,
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded);
+
   var _useState = useState(false),
-    hoverExtra = _useState[0],
-    setHoverExtra = _useState[1];
+      hoverExtra = _useState[0],
+      setHoverExtra = _useState[1];
+
   var panelTitle = /*#__PURE__*/React.createElement("div", {
     style: {
       display: 'flex',
@@ -35,7 +38,9 @@ function CollapsePanel(props) {
   }, title), /*#__PURE__*/React.createElement("div", {
     onClick: function onClick(e) {
       return e.stopPropagation();
-    } /* 解决点击按钮触发折叠面板展开折叠问题 */,
+    }
+    /* 解决点击按钮触发折叠面板展开折叠问题 */
+    ,
     onMouseOver: function onMouseOver() {
       setHoverExtra(true);
     },
@@ -57,27 +62,32 @@ function CollapsePanel(props) {
     className: classNames(className, (_classNames = {}, _classNames[styles.removeTitleHoverWhenHoverExtra] = hoverExtra, _classNames))
   }, otherProps), props.children);
 }
+
 ;
 CollapsePanel.propTypes = {
   /**
    * 样式类名的品牌前缀
    */
   prefix: PropTypes.string,
+
   /**
     * 子组件接受行内样式
     */
   style: PropTypes.object,
   children: PropTypes.any,
   isExpanded: PropTypes.bool,
+
   /**
             * 是否禁止用户操作
             */
   disabled: PropTypes.bool,
+
   /**
             * 标题
             */
   title: PropTypes.node,
   extra: PropTypes.node,
+
   /**
             * 扩展class
             */

package/es/constants/ResourceInfoDisplay.js

@@ -7,50 +7,50 @@ export var DEFAULT_TAG_COMMON_CONFIG = {
   isCustom: false,
   data: []
 };
-
 /**
  * 默认通用悬浮框配置
  */
+
 export var DEFAULT_TIP_COMMON_CONFIG = {
   isCustom: false,
   data: []
 };
-
 /**
  * 默认自定义配置
  */
+
 export var DEFAULT_CUSTOM_CONFIG = {
   isCustom: true,
   data: {}
 };
-
 /**
  * 资源标注默认显示项
  */
+
 export var NODE_TAG_DEFAULT_DATA = {
   type: 'graph',
   code: 'name'
 };
-
 /**
  * 默认资源标注通用配置
  */
+
 export var DEFAULT_NODE_TAG_COMMON_CONFIG = {
   isCustom: false,
   data: [NODE_TAG_DEFAULT_DATA]
 };
-
 /**
  * 资源悬浮框默认配置
  */
+
 export var NODE_TIP_DEFAULT_CONFIG = {
   isCustom: false,
   data: []
 };
-
 /**
  * 链路标注默认配置
  */
+
 export var DEFAULT_LINK_TAG_COMMON_CONFIG = {
   isCustom: false,
   data: []

package/es/constants/ResourceTypeLimit.js

@@ -1,8 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import rlog from "@riil-frontend/component-topology-utils/es/rlog";
-var excludeTypes = ['data_center', 'manage_assets', 'network_link', 'access_link'];
+var excludeTypes = ['data_center', 'manage_assets', 'network_link', 'access_link']; // 过滤模型树
 
-// 过滤模型树
 export function filterModelTree(modelTree) {
   return modelTree.filter(function (node) {
     return !excludeTypes.includes(node.code);
@@ -20,9 +19,8 @@ export function getCiModels(modelTree) {
     list.push.apply(list, domainModel.childs);
   });
   return list;
-}
+} // 资源选择组件过滤类型
 
-// 资源选择组件过滤类型
 export var filterCiTypes = function filterCiTypes(tree) {
   var resultTree = tree.filter(function (node) {
     return !excludeTypes.includes(node.value);
@@ -30,8 +28,8 @@ export var filterCiTypes = function filterCiTypes(tree) {
     return _extends({}, node, {
       children: filterCiTypes(node.children || [])
     });
-  });
-  // rlog.debug('资源选择组件过滤类型', tree, resultTree)
+  }); // rlog.debug('资源选择组件过滤类型', tree, resultTree)
+
   return resultTree;
 };
 export var getNetworkTopoCommonResListProps = function getNetworkTopoCommonResListProps() {
@@ -40,19 +38,12 @@ export var getNetworkTopoCommonResListProps = function getNetworkTopoCommonResLi
     // innerTreeFilters: ['monitorable', 'discoverable'],
     filterCiRes: filterCiTypes
   };
-};
+}; // 拓扑中心资源类型限制
 
-// 拓扑中心资源类型限制
-export var RESOURCE_LIMIT_TYPES = [
-// 网络设备
-'common_network', 'switch', 'switch_cluster', 'router',
-// 操作系统
-'linux', 'windows',
-// 数据库
-'oracle', 'asm_disk_group', 'oracle_rac',
-// 中间件
-'tomcat',
-// 业务
-'app', 'service',
-// 虚拟化
+export var RESOURCE_LIMIT_TYPES = [// 网络设备
+'common_network', 'switch', 'switch_cluster', 'router', // 操作系统
+'linux', 'windows', // 数据库
+'oracle', 'asm_disk_group', 'oracle_rac', // 中间件
+'tomcat', // 业务
+'app', 'service', // 虚拟化
 'virtual_mgmt_node', 'virtual_data_center', 'virtual_cluster', 'virtual_storage', 'virtual_vm', 'virtual_host', 'virtual_switch'];

package/es/contextmenu/createMenuCommands.js

@@ -1,24 +1,25 @@
 import { getHistory } from '@riil-frontend/component-topology-utils';
 import { RES_DETAIL_PATH } from "../constants/ResDetailContants";
 import { gotoMonitoringStrategyPage } from "../core/utils/resourceUtil";
-
 /**
  * 跳转资源详情指定页签
  * @param topoApp
  * @param data
  * @param tab
  */
+
 function openResourceDetail(_ref) {
   var topoApp = _ref.topoApp,
-    data = _ref.data,
-    tab = _ref.tab;
+      data = _ref.data,
+      tab = _ref.tab;
   var ciType = data.ciType,
-    id = data.id,
-    name = data.name;
+      id = data.id,
+      name = data.name;
   var ciMeta = topoApp.ciTyeCache.getCiType(ciType);
   var url = RES_DETAIL_PATH + "/" + id + "?resId=" + id + "&domainCode=" + ciMeta.domain + "&title=" + encodeURIComponent(name) + "&tabByComType=" + tab;
   getHistory().push(url);
 }
+
 export default function createMenuCommands(topoApp) {
   return {
     // 跳转到资源监控页面
@@ -40,7 +41,7 @@ export default function createMenuCommands(topoApp) {
         data: data.bussiInformation,
         tab: 'uicbb-res-emotion-log'
       });
-    }
-    // 链路操作
+    } // 链路操作
+
   };
 }

package/es/core/common/contextmenu/mergeContextmenu.js

@@ -2,9 +2,9 @@ import _extends from "@babel/runtime/helpers/extends";
 import { loopTreeFun } from "../../../utils/tree";
 export default function mergeContextmenu(defaultMenu, customMenu, topo) {
   var _customMenu2$bg, _customMenu2$group, _customMenu2$node, _customMenu2$line;
-  var customMenu2 = typeof customMenu === 'function' ? customMenu(topo) : customMenu || {};
 
-  // 注册自定义右键菜单
+  var customMenu2 = typeof customMenu === 'function' ? customMenu(topo) : customMenu || {}; // 注册自定义右键菜单
+
   loopTreeFun([].concat(((_customMenu2$bg = customMenu2.bg) === null || _customMenu2$bg === void 0 ? void 0 : _customMenu2$bg.items) || [], ((_customMenu2$group = customMenu2.group) === null || _customMenu2$group === void 0 ? void 0 : _customMenu2$group.items) || [], ((_customMenu2$node = customMenu2.node) === null || _customMenu2$node === void 0 ? void 0 : _customMenu2$node.items) || [], ((_customMenu2$line = customMenu2.line) === null || _customMenu2$line === void 0 ? void 0 : _customMenu2$line.items) || []), function (item) {
     if (item.onClick) {
       topo.view.contextMenu.registerCommand(item.id, item.onClick);

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

@@ -4,10 +4,12 @@ export default (function (topo, fn) {
   var graphLoaded = topoModState.graphLoaded;
   useEffect(function () {
     var dataModel;
+
     if (graphLoaded) {
       dataModel = topo.getDataModel();
       dataModel.addDataPropertyChangeListener(fn);
     }
+
     return function () {
       if (dataModel) {
         dataModel.removeDataPropertyChangeListener(fn);

package/es/core/common/hooks/useHtElement.js

@@ -1,11 +1,12 @@
 import { useMemo } from "react";
 export default function useHtElement(props) {
   var topo = props.topo,
-    id = props.id;
+      id = props.id;
   var element = useMemo(function () {
     if (!id) {
       return null;
     }
+
     return topo.getDataModel().getDataById(id);
   }, [id]);
   return element;

package/es/core/common/hooks/useHtElements.js

@@ -1,10 +1,12 @@
 import { useEffect, useMemo, useState } from "react";
 export default function useHtElements(props) {
   var topo = props.topo,
-    ids = props.ids;
+      ids = props.ids;
+
   var _useState = useState(ids),
-    idList = _useState[0],
-    setIdList = _useState[1];
+      idList = _useState[0],
+      setIdList = _useState[1];
+
   useEffect(function () {
     if (ids.join(',') !== idList.join(',')) {
       setIdList(ids);
@@ -14,8 +16,7 @@ export default function useHtElements(props) {
     // 
     return idList.map(function (id) {
       return topo.getDataModel().getDataById(id);
-    })
-    // 多选删除时，被删除的元素是undefined
+    }) // 多选删除时，被删除的元素是undefined
     .filter(function (element) {
       return !!element;
     });

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

@@ -2,47 +2,49 @@ import _extends from "@babel/runtime/helpers/extends";
 import topoManager from '@riil-frontend/component-topology-graph/es/manager';
 import { getCiModels } from "../../../constants/ResourceTypeLimit";
 import basicIcons from "./basicIcons";
-
 /**
  * 获取默认图标
  * @param {*} topo 
  * @returns 
  */
+
 export function getNodeDefaultIcons(topo) {
   return [].concat(topoManager.iconLibManager.getNodeIcons(), topo.options.icons || []);
 }
-
 /**
  * 获取资源图标列表
  * 模型树可监控的模型图标
  * 
  * @param {*} topo 
  */
+
 export function getResourceIcons(topo) {
   // 获取模型树缓存
-  var modelTree = topoManager.ciModel.getModelTreeCache();
-  // 过滤出可监控的模型
+  var modelTree = topoManager.ciModel.getModelTreeCache(); // 过滤出可监控的模型
+
   var models = getCiModels(modelTree).filter(function (model) {
     return !!model.icon;
-  });
-  // 获得图标
+  }); // 获得图标
+
   var icons = models.map(function (model) {
     return topoManager.iconFactory.getIcon("ciType." + model.code);
   });
   return [].concat(icons, topo.options.icons || []);
 }
-
 /**
  * 获取基础图标列表。排除模型图标
  * @param {*} topo 
  */
+
 export function getBasicIcons(topo, containsGroupIcon) {
   var nodeIcons = topoManager.iconLibManager.getNodeIcons().filter(function (icon) {
     return !icon.ciType;
   });
+
   if (containsGroupIcon === false) {
     return [].concat(nodeIcons, basicIcons);
   }
+
   return [topoManager.iconLibManager.getGroupIcon()].concat(nodeIcons, basicIcons);
 }
 export function getGroupDefaultIcons(topo) {
@@ -51,9 +53,9 @@ export function getGroupDefaultIcons(topo) {
 export function getUserCustomIconsForHt(topo) {
   return getUserCustomIcons(topo).map(function (_ref) {
     var id = _ref.id,
-      name = _ref.name,
-      url = _ref.url,
-      jsonUrl = _ref.jsonUrl;
+        name = _ref.name,
+        url = _ref.url,
+        jsonUrl = _ref.jsonUrl;
     return {
       id: id,
       name: name,
@@ -61,11 +63,11 @@ export function getUserCustomIconsForHt(topo) {
     };
   });
 }
-
 /**
  * 获取编辑模式左侧图片列表
  * @param {*} topo 
  */
+
 export function getEditorIcons(topo) {
   return {
     // 默认图标
@@ -73,9 +75,9 @@ export function getEditorIcons(topo) {
     // 自定义上传图标
     custom: getUserCustomIcons(topo).map(function (_ref2) {
       var id = _ref2.id,
-        name = _ref2.name,
-        url = _ref2.url,
-        jsonUrl = _ref2.jsonUrl;
+          name = _ref2.name,
+          url = _ref2.url,
+          jsonUrl = _ref2.jsonUrl;
       return {
         id: id,
         name: name,
@@ -98,18 +100,17 @@ export function transformCustomIcon2HtIcon(icon) {
 export function transformCustomIcons2HtIcons(icons) {
   return icons.map(transformCustomIcon2HtIcon);
 }
-
 /**
  * 获取自定义图标
  * @param {*} topo 
  * @returns 
  */
+
 export function getUserCustomIcons(topo) {
   var uploadIcons = topo.store.getModelState('customIcon').icons;
   return [].concat(transformCustomIcons2HtIcons(uploadIcons.node));
-}
+} // 获得节点图标列表
 
-// 获得节点图标列表
 export function getNodeIconGroups(topo) {
   return [{
     name: '默认',

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

@@ -2,7 +2,8 @@ import topoManager from '@riil-frontend/component-topology-graph/es/manager';
 import { getBasicIcons, getGroupDefaultIcons, getResourceIcons, transformCustomIcon2HtIcon } from "./icon";
 export function useCustomIcons(topo) {
   var _topo$store$useModelS = topo.store.useModelState('customIcon'),
-    icons = _topo$store$useModelS.icons;
+      icons = _topo$store$useModelS.icons;
+
   var customIcons = icons.node.map(transformCustomIcon2HtIcon);
   return customIcons;
 }
@@ -15,12 +16,14 @@ export function useNodeIcons(topo) {
     name: '基础图片',
     icons: getBasicIcons(topo)
   }];
+
   if (customIcons.length) {
     groups.push({
       name: '自定义',
       icons: customIcons
     });
   }
+
   return groups;
 }
 export function useGroupIcons(topo) {

package/es/core/components/AlarmListPanel/components/AlarmListItem.js

@@ -4,10 +4,12 @@ import React, { useState, useEffect } from 'react';
 import styles from "./index.module.scss";
 import { PAGE_TYPE } from "../constants/uicbb";
 import Link from "../../../../components/Link";
+
 var alarmLink = function alarmLink(alarmInfo) {
   // console.log('alarmLink', alarmInfo);
   return "/default/pagecenter/" + PAGE_TYPE.ALERT_DETAIL + "/view/" + alarmInfo.alertId + "?alertId=" + alarmInfo.alertId + "&resId=" + alarmInfo.ciId + "&title=&ruleId=" + alarmInfo.ruleId + "&ciCode=" + alarmInfo.ciTypeCode + "&ciType=" + alarmInfo.ciType;
 };
+
 var getNode = function getNode(topo, alarmInfo) {
   var id = alarmInfo.resourceId || alarmInfo.ciId;
   var node = topo.getHtTopo().getGraphView().dm().getDataByTag(id);
@@ -15,6 +17,7 @@ var getNode = function getNode(topo, alarmInfo) {
   topo.getHtTopo().getGraphView().fitData(ele, true, 20, true);
   topo.getHtTopo().getGraphView().dm().getSelectionModel().setSelection(ele);
 };
+
 var getNodeParents = function getNodeParents(node) {
   if (node.getParent() && node.getParent().isExpanded && !node.getParent().isExpanded()) {
     return getNodeParents(node.getParent());
@@ -22,11 +25,12 @@ var getNodeParents = function getNodeParents(node) {
     return node;
   }
 };
+
 function AlarmListItem(props) {
   // 传入参数
   var topo = props.topo,
-    alarmInfo = props.alarmInfo,
-    onClick = props.onClick;
+      alarmInfo = props.alarmInfo,
+      onClick = props.onClick;
   return /*#__PURE__*/React.createElement(_List.Item, {
     className: styles.AlarmListItem,
     media: /*#__PURE__*/React.createElement(_Icon, {
@@ -48,14 +52,17 @@ function AlarmListItem(props) {
     to: alarmLink(alarmInfo)
   }, "\u67E5\u770B\u8BE6\u60C5"))));
 }
+
 function RiskListItem(props) {
   // 传入参数
   var topo = props.topo,
-    alarmInfo = props.alarmInfo,
-    onClick = props.onClick;
+      alarmInfo = props.alarmInfo,
+      onClick = props.onClick;
+
   var riskLink = function riskLink(item) {
     return "/default/healthCheck/riskReport/" + item.id + "?title=\u68C0\u67E5\u62A5\u544A";
   };
+
   return /*#__PURE__*/React.createElement(_List.Item, {
     className: styles.AlarmListItem,
     media: /*#__PURE__*/React.createElement(_Icon, {
@@ -77,9 +84,11 @@ function RiskListItem(props) {
     to: riskLink(alarmInfo)
   }, "\u67E5\u770B\u8BE6\u60C5"))));
 }
+
 function ListItem(props) {
   var alarmInfo = props.alarmInfo;
   var ListItemWidget = alarmInfo.eventType === 'risk' ? RiskListItem : AlarmListItem;
   return /*#__PURE__*/React.createElement(ListItemWidget, props);
 }
+
 export default ListItem;