@riil-frontend/component-topology 3.1.7 → 3.1.10

package/es/core/viewer/components/plugins/ResourceDetail/topoDrawer.js

@@ -1,147 +0,0 @@
-import _Drawer from "@alifd/next/es/drawer";
-import _Box from "@alifd/next/es/box";
-import _Button from "@alifd/next/es/button";
-import _extends from "@babel/runtime/helpers/extends";
-import React, { useState, useEffect } from 'react';
-import { Link } from 'react-router-dom';
-import AlarmSimple from '@riil-frontend/component-topology-common/es/components/AlarmSimple/index';
-import ResMetricsChartPool from '@riil-frontend/component-topology-common/es/components/ResMetricsChartPool/index';
-import styles from "./index.module.scss";
-/**
- * 前台资源详情路由地址
- */
-
-var RES_DETAIL_PATH = '/default/pagecenter/resDetail/view';
-
-function TopoDrawer(params) {
-  var store = params.store,
-      drawVisible = params.drawVisible;
-
-  var _useState = useState(drawVisible),
-      visible = _useState[0],
-      setVisible = _useState[1];
-
-  var _store$useModel = store.useModel('topoMod'),
-      topoState = _store$useModel[0],
-      topoDispatchers = _store$useModel[1];
-
-  var currentNode = topoState.currentNode,
-      alarmData = topoState.alarmData,
-      currentCiInfo = topoState.currentCiInfo;
-
-  var _useState2 = useState(currentNode),
-      drawerData = _useState2[0],
-      setDrawerData = _useState2[1];
-
-  var _useState3 = useState(alarmData),
-      alarm = _useState3[0],
-      setAlarm = _useState3[1];
-
-  var _useState4 = useState([]),
-      metricList = _useState4[0],
-      setMetricList = _useState4[1];
-
-  useEffect(function () {
-    setAlarm(alarmData);
-  }, [alarmData]);
-  useEffect(function () {
-    // rlog.debug('TopoDrawer', drawerData, currentNode, currentCiInfo);
-    setVisible(drawVisible);
-
-    if (currentNode) {
-      setDrawerData(currentNode);
-
-      if (currentNode.id !== '') {
-        var parms = {
-          id: currentNode.id
-        };
-        topoDispatchers.getAlarmById(parms);
-      }
-
-      if (currentNode.ciType) {
-        var cicode = currentNode.ciType;
-        topoDispatchers.getCiInfo(cicode);
-        setMetricList([{
-          subId: currentNode.id,
-          subType: currentNode.ciType,
-          code: cicode
-        }]);
-      }
-    }
-  }, [drawVisible, currentNode]);
-
-  var setDrawHidden = function setDrawHidden() {
-    setVisible(false);
-    topoDispatchers.update({
-      drawVisible: false
-    }); // onDrawHidden();
-  };
-
-  var getAlarmList = function getAlarmList(param) {
-    topoDispatchers.getAlarmById(_extends({
-      id: drawerData.id
-    }, param));
-  };
-
-  var refresh = function refresh() {
-    var parms = {
-      id: drawerData.id
-    };
-    topoDispatchers.getAlarmById(parms);
-  };
-
-  var drawerTitle = function drawerTitle(drawerData) {
-    var rander = null;
-
-    if (drawerData.type === 'node') {
-      rander = /*#__PURE__*/React.createElement(Link, {
-        to: RES_DETAIL_PATH + "/" + drawerData.id + "?resId=" + drawerData.id + "&domainCode=" + (currentCiInfo === null || currentCiInfo === void 0 ? void 0 : currentCiInfo.domain) + "&title=" + encodeURIComponent(drawerData.name)
-      }, /*#__PURE__*/React.createElement("span", {
-        className: styles['topo-drawer-header-link']
-      }, "\u67E5\u770B\u8D44\u6E90\u8BE6\u60C5"));
-    }
-
-    if (drawerData.type === 'link') {
-      rander = /*#__PURE__*/React.createElement(Link, {
-        to: "/default/singleResourceStrategy/" + drawerData.id + "?title=" + drawerData.name + "-\u76D1\u63A7\u914D\u7F6E&ciId=" + drawerData.id + "&ciType=" + drawerData.ciType + "&ciName=" + (drawerData.ciType === 'networkLink' ? '网络链路' : '聚合链路') + "&resourceId=undefined&sourceResId=" + drawerData.source + "&targetResId=" + drawerData.target
-      }, /*#__PURE__*/React.createElement("span", {
-        className: styles['topo-drawer-header-link']
-      }, "\u76D1\u63A7\u914D\u7F6E"));
-    }
-
-    return rander;
-  };
-
-  return /*#__PURE__*/React.createElement("div", null, drawVisible ? /*#__PURE__*/React.createElement(_Drawer, {
-    onClose: setDrawHidden,
-    className: styles['topo-drawer'],
-    visible: visible // title={drawerData.name || '抽屉内容'}
-    ,
-    title: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
-      className: styles['topo-drawer-header-title']
-    }, "\u6982\u89C8\u2014\u2014" + drawerData.name), drawerTitle(drawerData))
-  }, /*#__PURE__*/React.createElement(_Box, {
-    className: styles['topo-drawer-alarm-banner'],
-    spacing: 20,
-    direction: "row"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: styles['topo-drawer-alarm-txt']
-  }, "\u6700\u8FD1\u7684\u544A\u8B66"), /*#__PURE__*/React.createElement(_Button, {
-    text: true,
-    className: styles['topo-drawer-alarm-refresh'],
-    onClick: refresh
-  }, "\u5237\u65B0")), /*#__PURE__*/React.createElement(AlarmSimple, {
-    ciId: drawerData.id,
-    alarmData: alarm,
-    getAlarmList: getAlarmList
-  }), /*#__PURE__*/React.createElement(ResMetricsChartPool, {
-    pageProps: {
-      resId: drawerData.id
-    },
-    config: {
-      metricList: metricList
-    }
-  })) : null);
-}
-
-export default TopoDrawer;

package/lib/core/viewer/components/plugins/BaseInfo/index.module.scss

@@ -1,49 +0,0 @@
-@import '~@alifd/next/variables.scss';
-
-.title-popup{
-  width: 240px;
-  .search{
-    width: 100%;
-    padding: 4px 16px 12px;
-  }
-  .not-data{
-    color: var(--color-text1-4);
-    font-size: 14px;
-    line-height: 200px;
-    text-align: center;
-  }
-  :global {
-    .#{$css-prefix}menu-content{
-      height: 200px;
-      overflow-y: auto;
-    }
-  }
-}
-
-.baseInfo {
-  box-shadow: 0px 0px 6px 1px #F2F7FD;
-  .drawer-title{
-    font-size: 16px;
-    font-weight: 500;
-    color: #4D6277;
-  }
-  :global {
-    .#{$css-prefix}drawer-body {
-      height: calc(100% - 49px);
-      padding: 16px 24px;
-      .#{$css-prefix}tabs-content{
-        height: calc(100% - 31px);
-        overflow: auto;
-      }
-    }
-  }
-  .tab{
-    height: 100%;
-    :global {
-      .#{$css-prefix}tabs-content{
-        height: calc(100% - 31px);
-        overflow: auto;
-      }
-    }
-  }
-}

package/lib/core/viewer/components/plugins/ResourceDetail/ResourceDetailDrawerPlugin.js

@@ -1,50 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports["default"] = ResourceDetailDrawerPlugin;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _topoDrawer = _interopRequireDefault(require("./topoDrawer"));
-
-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 {*} props 
- * @returns 
- */
-function ResourceDetailDrawerPlugin(props) {
-  var topo = props.topo,
-      store = props.store;
-
-  var _store$useModel = store.useModel('topoMod'),
-      topoState = _store$useModel[0],
-      topoDispatchers = _store$useModel[1];
-
-  var drawVisible = topoState.drawVisible;
-  (0, _react.useEffect)(function () {
-    // 注册菜单点击处理
-    topo.view.contextMenu.registerCommands({
-      'Resource.detail': function ResourceDetail(e) {
-        var data = e.bussiInformation;
-        topoDispatchers.update({
-          drawVisible: true,
-          currentNode: data,
-          selectNodeId: data.id
-        });
-      }
-    });
-  }, []);
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, drawVisible ? /*#__PURE__*/_react["default"].createElement(_topoDrawer["default"], {
-    store: store,
-    drawVisible: drawVisible
-  }) : null);
-}
-
-;

package/lib/core/viewer/components/plugins/ResourceDetail/topoDrawer.js

@@ -1,167 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports["default"] = void 0;
-
-var _drawer = _interopRequireDefault(require("@alifd/next/lib/drawer"));
-
-var _box = _interopRequireDefault(require("@alifd/next/lib/box"));
-
-var _button = _interopRequireDefault(require("@alifd/next/lib/button"));
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _reactRouterDom = require("react-router-dom");
-
-var _index = _interopRequireDefault(require("@riil-frontend/component-topology-common/es/components/AlarmSimple/index"));
-
-var _index2 = _interopRequireDefault(require("@riil-frontend/component-topology-common/es/components/ResMetricsChartPool/index"));
-
-var _indexModule = _interopRequireDefault(require("./index.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; }
-
-/**
- * 前台资源详情路由地址
- */
-var RES_DETAIL_PATH = '/default/pagecenter/resDetail/view';
-
-function TopoDrawer(params) {
-  var store = params.store,
-      drawVisible = params.drawVisible;
-
-  var _useState = (0, _react.useState)(drawVisible),
-      visible = _useState[0],
-      setVisible = _useState[1];
-
-  var _store$useModel = store.useModel('topoMod'),
-      topoState = _store$useModel[0],
-      topoDispatchers = _store$useModel[1];
-
-  var currentNode = topoState.currentNode,
-      alarmData = topoState.alarmData,
-      currentCiInfo = topoState.currentCiInfo;
-
-  var _useState2 = (0, _react.useState)(currentNode),
-      drawerData = _useState2[0],
-      setDrawerData = _useState2[1];
-
-  var _useState3 = (0, _react.useState)(alarmData),
-      alarm = _useState3[0],
-      setAlarm = _useState3[1];
-
-  var _useState4 = (0, _react.useState)([]),
-      metricList = _useState4[0],
-      setMetricList = _useState4[1];
-
-  (0, _react.useEffect)(function () {
-    setAlarm(alarmData);
-  }, [alarmData]);
-  (0, _react.useEffect)(function () {
-    // rlog.debug('TopoDrawer', drawerData, currentNode, currentCiInfo);
-    setVisible(drawVisible);
-
-    if (currentNode) {
-      setDrawerData(currentNode);
-
-      if (currentNode.id !== '') {
-        var parms = {
-          id: currentNode.id
-        };
-        topoDispatchers.getAlarmById(parms);
-      }
-
-      if (currentNode.ciType) {
-        var cicode = currentNode.ciType;
-        topoDispatchers.getCiInfo(cicode);
-        setMetricList([{
-          subId: currentNode.id,
-          subType: currentNode.ciType,
-          code: cicode
-        }]);
-      }
-    }
-  }, [drawVisible, currentNode]);
-
-  var setDrawHidden = function setDrawHidden() {
-    setVisible(false);
-    topoDispatchers.update({
-      drawVisible: false
-    }); // onDrawHidden();
-  };
-
-  var getAlarmList = function getAlarmList(param) {
-    topoDispatchers.getAlarmById((0, _extends2["default"])({
-      id: drawerData.id
-    }, param));
-  };
-
-  var refresh = function refresh() {
-    var parms = {
-      id: drawerData.id
-    };
-    topoDispatchers.getAlarmById(parms);
-  };
-
-  var drawerTitle = function drawerTitle(drawerData) {
-    var rander = null;
-
-    if (drawerData.type === 'node') {
-      rander = /*#__PURE__*/_react["default"].createElement(_reactRouterDom.Link, {
-        to: RES_DETAIL_PATH + "/" + drawerData.id + "?resId=" + drawerData.id + "&domainCode=" + (currentCiInfo === null || currentCiInfo === void 0 ? void 0 : currentCiInfo.domain) + "&title=" + encodeURIComponent(drawerData.name)
-      }, /*#__PURE__*/_react["default"].createElement("span", {
-        className: _indexModule["default"]['topo-drawer-header-link']
-      }, "\u67E5\u770B\u8D44\u6E90\u8BE6\u60C5"));
-    }
-
-    if (drawerData.type === 'link') {
-      rander = /*#__PURE__*/_react["default"].createElement(_reactRouterDom.Link, {
-        to: "/default/singleResourceStrategy/" + drawerData.id + "?title=" + drawerData.name + "-\u76D1\u63A7\u914D\u7F6E&ciId=" + drawerData.id + "&ciType=" + drawerData.ciType + "&ciName=" + (drawerData.ciType === 'networkLink' ? '网络链路' : '聚合链路') + "&resourceId=undefined&sourceResId=" + drawerData.source + "&targetResId=" + drawerData.target
-      }, /*#__PURE__*/_react["default"].createElement("span", {
-        className: _indexModule["default"]['topo-drawer-header-link']
-      }, "\u76D1\u63A7\u914D\u7F6E"));
-    }
-
-    return rander;
-  };
-
-  return /*#__PURE__*/_react["default"].createElement("div", null, drawVisible ? /*#__PURE__*/_react["default"].createElement(_drawer["default"], {
-    onClose: setDrawHidden,
-    className: _indexModule["default"]['topo-drawer'],
-    visible: visible // title={drawerData.name || '抽屉内容'}
-    ,
-    title: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("span", {
-      className: _indexModule["default"]['topo-drawer-header-title']
-    }, "\u6982\u89C8\u2014\u2014" + drawerData.name), drawerTitle(drawerData))
-  }, /*#__PURE__*/_react["default"].createElement(_box["default"], {
-    className: _indexModule["default"]['topo-drawer-alarm-banner'],
-    spacing: 20,
-    direction: "row"
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: _indexModule["default"]['topo-drawer-alarm-txt']
-  }, "\u6700\u8FD1\u7684\u544A\u8B66"), /*#__PURE__*/_react["default"].createElement(_button["default"], {
-    text: true,
-    className: _indexModule["default"]['topo-drawer-alarm-refresh'],
-    onClick: refresh
-  }, "\u5237\u65B0")), /*#__PURE__*/_react["default"].createElement(_index["default"], {
-    ciId: drawerData.id,
-    alarmData: alarm,
-    getAlarmList: getAlarmList
-  }), /*#__PURE__*/_react["default"].createElement(_index2["default"], {
-    pageProps: {
-      resId: drawerData.id
-    },
-    config: {
-      metricList: metricList
-    }
-  })) : null);
-}
-
-var _default = TopoDrawer;
-exports["default"] = _default;