@riil-frontend/component-topology 11.0.29 → 11.0.30

package/lib/components/VerticalIconTab/VerticalIconTab.js

@@ -1,17 +1,28 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports["default"] = void 0;
+
 var _tab = _interopRequireDefault(require("@alifd/next/lib/tab"));
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _balloon = _interopRequireDefault(require("@alifd/next/lib/balloon"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _variables = _interopRequireDefault(require("@alifd/theme-19926/variables.js"));
+
 var _VerticalIconTabModule = _interopRequireDefault(require("./VerticalIconTab.module.scss"));
+
 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; }
+
 /**
  * 自定义标题
  * @param {*} param0 
@@ -19,8 +30,9 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  */
 function CustomTabItem(_ref) {
   var title = _ref.title,
-    titleTootip = _ref.titleTootip,
-    icon = _ref.icon;
+      titleTootip = _ref.titleTootip,
+      icon = _ref.icon;
+
   var tabItem = /*#__PURE__*/_react["default"].createElement("div", {
     className: "v-icon-tab-item"
   }, /*#__PURE__*/_react["default"].createElement("img", {
@@ -29,10 +41,10 @@ function CustomTabItem(_ref) {
   }), /*#__PURE__*/_react["default"].createElement("div", {
     className: "tab-title"
   }, title));
+
   return /*#__PURE__*/_react["default"].createElement(_balloon["default"].Tooltip, {
     trigger: tabItem,
-    align: "r"
-    // 解决遮挡下拉浮层问题
+    align: "r" // 解决遮挡下拉浮层问题
     ,
     popupStyle: {
       zIndex: 1000,
@@ -40,19 +52,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["default"].createElement(_tab["default"], (0, _extends2["default"])({
     shape: "wrapped",
     tabPosition: "left",
@@ -68,6 +84,7 @@ function VerticalIconTab(props) {
     onClick: handleClick
   }));
 }
+
 VerticalIconTab.Item = _tab["default"].Item;
 var _default = VerticalIconTab;
 exports["default"] = _default;

package/lib/components/VerticalIconTab/index.js

@@ -1,8 +1,11 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports["default"] = void 0;
+
 var _VerticalIconTab = _interopRequireDefault(require("./VerticalIconTab"));
+
 var _default = _VerticalIconTab["default"];
 exports["default"] = _default;

package/lib/components/collapse/Collapse.js

@@ -1,28 +1,40 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports["default"] = void 0;
+
 var _collapse = _interopRequireDefault(require("@alifd/next/lib/collapse"));
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _Panel = _interopRequireDefault(require("./Panel"));
+
 var _CollapseModule = _interopRequireDefault(require("./Collapse.module.scss"));
+
 var _excluded = ["className", "accordion", "fullheight", "noContentPadding"];
+
 function CollapseWrapper(props) {
   var _classNames;
+
   var className = props.className,
-    accordion = props.accordion,
-    fullheight = props.fullheight,
-    noContentPadding = props.noContentPadding,
-    otherProps = (0, _objectWithoutPropertiesLoose2["default"])(props, _excluded);
+      accordion = props.accordion,
+      fullheight = props.fullheight,
+      noContentPadding = props.noContentPadding,
+      otherProps = (0, _objectWithoutPropertiesLoose2["default"])(props, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_collapse["default"], (0, _extends2["default"])({}, otherProps, {
     accordion: accordion,
     className: (0, _classnames["default"])(className, _CollapseModule["default"].collapse, (_classNames = {}, _classNames[_CollapseModule["default"].fullheight] = accordion && fullheight, _classNames[_CollapseModule["default"].contentNoPadding] = noContentPadding, _classNames))
   }));
 }
+
 CollapseWrapper.Panel = _Panel["default"];
 var _default = CollapseWrapper;
 exports["default"] = _default;

package/lib/components/collapse/Panel.js

@@ -1,35 +1,51 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports["default"] = void 0;
+
 var _collapse = _interopRequireDefault(require("@alifd/next/lib/collapse"));
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+
 var _configProvider = _interopRequireDefault(require("@alifd/next/lib/config-provider"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _PanelModule = _interopRequireDefault(require("./Panel.module.scss"));
+
 var _excluded = ["title", "extra", "className"];
+
 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; }
-var config = _configProvider["default"].config;
 
+var config = _configProvider["default"].config;
 /**
  * 定制折叠面板Panel，支持标题右侧工具
  * @param {*} props 
  * @returns 
  */
+
 function CollapsePanel(props) {
   var _classNames;
+
   var title = props.title,
-    extra = props.extra,
-    className = props.className,
-    otherProps = (0, _objectWithoutPropertiesLoose2["default"])(props, _excluded);
+      extra = props.extra,
+      className = props.className,
+      otherProps = (0, _objectWithoutPropertiesLoose2["default"])(props, _excluded);
+
   var _useState = (0, _react.useState)(false),
-    hoverExtra = _useState[0],
-    setHoverExtra = _useState[1];
+      hoverExtra = _useState[0],
+      setHoverExtra = _useState[1];
+
   var panelTitle = /*#__PURE__*/_react["default"].createElement("div", {
     style: {
       display: 'flex',
@@ -42,7 +58,9 @@ function CollapsePanel(props) {
   }, title), /*#__PURE__*/_react["default"].createElement("div", {
     onClick: function onClick(e) {
       return e.stopPropagation();
-    } /* 解决点击按钮触发折叠面板展开折叠问题 */,
+    }
+    /* 解决点击按钮触发折叠面板展开折叠问题 */
+    ,
     onMouseOver: function onMouseOver() {
       setHoverExtra(true);
     },
@@ -59,32 +77,38 @@ function CollapsePanel(props) {
       height: 20
     }
   }, extra));
+
   return /*#__PURE__*/_react["default"].createElement(_collapse["default"].Panel, (0, _extends2["default"])({
     title: panelTitle,
     className: (0, _classnames["default"])(className, (_classNames = {}, _classNames[_PanelModule["default"].removeTitleHoverWhenHoverExtra] = hoverExtra, _classNames))
   }, otherProps), props.children);
 }
+
 ;
 CollapsePanel.propTypes = {
   /**
    * 样式类名的品牌前缀
    */
   prefix: _propTypes["default"].string,
+
   /**
     * 子组件接受行内样式
     */
   style: _propTypes["default"].object,
   children: _propTypes["default"].any,
   isExpanded: _propTypes["default"].bool,
+
   /**
             * 是否禁止用户操作
             */
   disabled: _propTypes["default"].bool,
+
   /**
             * 标题
             */
   title: _propTypes["default"].node,
   extra: _propTypes["default"].node,
+
   /**
             * 扩展class
             */
@@ -98,5 +122,7 @@ CollapsePanel.defaultProps = {
   onClick: function onClick() {}
 };
 CollapsePanel.isNextPanel = true;
+
 var _default = config(CollapsePanel);
+
 exports["default"] = _default;

package/lib/components/collapse/index.js

@@ -1,8 +1,11 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports["default"] = void 0;
+
 var _Collapse = _interopRequireDefault(require("./Collapse"));
+
 var _default = _Collapse["default"];
 exports["default"] = _default;

package/lib/constants/ResourceInfoDisplay.js

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

package/lib/constants/ResourceTypeLimit.js

@@ -1,16 +1,19 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 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 _rlog = _interopRequireDefault(require("@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']; // 过滤模型树
+
 function filterModelTree(modelTree) {
   return modelTree.filter(function (node) {
     return !excludeTypes.includes(node.code);
@@ -22,15 +25,16 @@ function filterModelTree(modelTree) {
     });
   });
 }
+
 function getCiModels(modelTree) {
   var list = [];
   filterModelTree(modelTree).forEach(function (domainModel) {
     list.push.apply(list, domainModel.childs);
   });
   return list;
-}
+} // 资源选择组件过滤类型
+
 
-// 资源选择组件过滤类型
 var filterCiTypes = function filterCiTypes(tree) {
   var resultTree = tree.filter(function (node) {
     return !excludeTypes.includes(node.value);
@@ -38,32 +42,28 @@ var filterCiTypes = function filterCiTypes(tree) {
     return (0, _extends2["default"])({}, node, {
       children: filterCiTypes(node.children || [])
     });
-  });
-  // rlog.debug('资源选择组件过滤类型', tree, resultTree)
+  }); // rlog.debug('资源选择组件过滤类型', tree, resultTree)
+
   return resultTree;
 };
+
 exports.filterCiTypes = filterCiTypes;
+
 var getNetworkTopoCommonResListProps = function getNetworkTopoCommonResListProps() {
   return {
     innerTreeFilters: ['monitorable'],
     // innerTreeFilters: ['monitorable', 'discoverable'],
     filterCiRes: filterCiTypes
   };
-};
+}; // 拓扑中心资源类型限制
+
 
-// 拓扑中心资源类型限制
 exports.getNetworkTopoCommonResListProps = getNetworkTopoCommonResListProps;
-var RESOURCE_LIMIT_TYPES = [
-// 网络设备
-'common_network', 'switch', 'switch_cluster', 'router',
-// 操作系统
-'linux', 'windows',
-// 数据库
-'oracle', 'asm_disk_group', 'oracle_rac',
-// 中间件
-'tomcat',
-// 业务
-'app', 'service',
-// 虚拟化
+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'];
 exports.RESOURCE_LIMIT_TYPES = RESOURCE_LIMIT_TYPES;

package/lib/contextmenu/createMenuCommands.js

@@ -2,9 +2,13 @@
 
 exports.__esModule = true;
 exports["default"] = createMenuCommands;
+
 var _componentTopologyUtils = require("@riil-frontend/component-topology-utils");
+
 var _ResDetailContants = require("../constants/ResDetailContants");
+
 var _resourceUtil = require("../core/utils/resourceUtil");
+
 /**
  * 跳转资源详情指定页签
  * @param topoApp
@@ -13,15 +17,16 @@ var _resourceUtil = require("../core/utils/resourceUtil");
  */
 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 = _ResDetailContants.RES_DETAIL_PATH + "/" + id + "?resId=" + id + "&domainCode=" + ciMeta.domain + "&title=" + encodeURIComponent(name) + "&tabByComType=" + tab;
   (0, _componentTopologyUtils.getHistory)().push(url);
 }
+
 function createMenuCommands(topoApp) {
   return {
     // 跳转到资源监控页面
@@ -43,7 +48,7 @@ function createMenuCommands(topoApp) {
         data: data.bussiInformation,
         tab: 'uicbb-res-emotion-log'
       });
-    }
-    // 链路操作
+    } // 链路操作
+
   };
 }

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

@@ -1,15 +1,19 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports["default"] = mergeContextmenu;
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _tree = require("../../../utils/tree");
+
 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 || {}; // 注册自定义右键菜单
+
   (0, _tree.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/lib/core/common/hooks/ht/useDataModelDataPropertyChange.js

@@ -2,16 +2,20 @@
 
 exports.__esModule = true;
 exports["default"] = void 0;
+
 var _react = require("react");
+
 var _default = function _default(topo, fn) {
   var topoModState = topo.store.useModelState('topoMod');
   var graphLoaded = topoModState.graphLoaded;
   (0, _react.useEffect)(function () {
     var dataModel;
+
     if (graphLoaded) {
       dataModel = topo.getDataModel();
       dataModel.addDataPropertyChangeListener(fn);
     }
+
     return function () {
       if (dataModel) {
         dataModel.removeDataPropertyChangeListener(fn);
@@ -19,4 +23,5 @@ var _default = function _default(topo, fn) {
     };
   }, [topo, graphLoaded, fn]);
 };
+
 exports["default"] = _default;

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

@@ -2,14 +2,17 @@
 
 exports.__esModule = true;
 exports["default"] = useHtElement;
+
 var _react = require("react");
+
 function useHtElement(props) {
   var topo = props.topo,
-    id = props.id;
+      id = props.id;
   var element = (0, _react.useMemo)(function () {
     if (!id) {
       return null;
     }
+
     return topo.getDataModel().getDataById(id);
   }, [id]);
   return element;

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

@@ -2,13 +2,17 @@
 
 exports.__esModule = true;
 exports["default"] = useHtElements;
+
 var _react = require("react");
+
 function useHtElements(props) {
   var topo = props.topo,
-    ids = props.ids;
+      ids = props.ids;
+
   var _useState = (0, _react.useState)(ids),
-    idList = _useState[0],
-    setIdList = _useState[1];
+      idList = _useState[0],
+      setIdList = _useState[1];
+
   (0, _react.useEffect)(function () {
     if (ids.join(',') !== idList.join(',')) {
       setIdList(ids);
@@ -18,8 +22,7 @@ function useHtElements(props) {
     // 
     return idList.map(function (id) {
       return topo.getDataModel().getDataById(id);
-    })
-    // 多选删除时，被删除的元素是undefined
+    }) // 多选删除时，被删除的元素是undefined
     .filter(function (element) {
       return !!element;
     });