@riil-frontend/component-topology 11.0.29 → 11.0.30

package/es/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/ResourceOverviewMetric.js

@@ -5,17 +5,17 @@ import NoDataPage from '@riil-frontend/component-no-data-page';
 import styles from "./index.module.scss";
 import { TinyAreaChart } from 'bizcharts';
 import * as stylejs from '@alifd/theme-19926/variables';
-var colors = [stylejs['$color-data2-1'], stylejs['$color-data2-2'], stylejs['$color-data2-3'], stylejs['$color-data2-4'], stylejs['$color-data2-5'], stylejs['$color-data2-6'], stylejs['$color-data2-7']];
+var colors = [stylejs['$color-data2-1'], stylejs['$color-data2-2'], stylejs['$color-data2-3'], stylejs['$color-data2-4'], stylejs['$color-data2-5'], stylejs['$color-data2-6'], stylejs['$color-data2-7']]; //RGB(A)颜色转换为HEX十六进制的颜色值
 
-//RGB(A)颜色转换为HEX十六进制的颜色值
 function rgbToHex(val) {
   var r,
-    g,
-    b,
-    a,
-    regRgba = /rgba?\((\d{1,3}),(\d{1,3}),(\d{1,3})(,([.\d]+))?\)/,
-    //判断rgb颜色值格式的正则表达式，如rgba(255,20,10,.54)
-    rsa = val.replace(/\s+/g, '').match(regRgba);
+      g,
+      b,
+      a,
+      regRgba = /rgba?\((\d{1,3}),(\d{1,3}),(\d{1,3})(,([.\d]+))?\)/,
+      //判断rgb颜色值格式的正则表达式，如rgba(255,20,10,.54)
+  rsa = val.replace(/\s+/g, '').match(regRgba);
+
   if (!!rsa) {
     r = parseInt(rsa[1]).toString(16);
     r = r.length == 1 ? '0' + r : r;
@@ -34,11 +34,12 @@ function rgbToHex(val) {
       alpha: 100
     };
   }
-}
+} //HEX十六进制颜色值转换为RGB(A)颜色值
+
 
-//HEX十六进制颜色值转换为RGB(A)颜色值
 function hexToRgb(val, alpha) {
   var a, b, c;
+
   if (/^#/g.test(val)) {
     a = val.slice(1, 3);
     b = val.slice(3, 5);
@@ -52,20 +53,22 @@ function hexToRgb(val, alpha) {
       rgba: '无效值：' + val
     };
   }
-}
+} // 关键指标
+
 
-// 关键指标
 export default function ResourceOverviewMetric(props) {
   var topo = props.topo,
-    type = props.type,
-    data = props.data,
-    loading = props.loading,
-    formatMetricLatestValue = props.formatMetricLatestValue;
+      type = props.type,
+      data = props.data,
+      loading = props.loading,
+      formatMetricLatestValue = props.formatMetricLatestValue;
+
   function formatValue(itemData) {
     var _list;
+
     var code = itemData.code,
-      metricItem = itemData.metricItem,
-      list = itemData.list;
+        metricItem = itemData.metricItem,
+        list = itemData.list;
     var format = metricValueFormat({
       // 支持业务拓扑历史时间点指标值处理
       value: formatMetricLatestValue ? formatMetricLatestValue(list) : (_list = list[list.length - 1]) === null || _list === void 0 ? void 0 : _list.metricValue,
@@ -76,22 +79,23 @@ export default function ResourceOverviewMetric(props) {
     });
     return format.value + " " + (format.value === '-' ? '' : format.unit);
   }
+
   function formatChart(itemData) {
     var code = itemData.code,
-      metricItem = itemData.metricItem,
-      list = itemData.list;
-    // -2 为异常值，异常记录不显示
+        metricItem = itemData.metricItem,
+        list = itemData.list; // -2 为异常值，异常记录不显示
+
     return list.map(function (item) {
       return {
         time: item.ts,
         value: item.metricValue == -2 ? null : Number(item.metricValue)
       };
     });
-  }
+  } // console.log('ResourceOverviewMetric', data);
 
-  // console.log('ResourceOverviewMetric', data);
 
   var content;
+
   if (data.length) {
     content = data.map(function (item) {
       var color = colors[item.chartIndex % colors.length];
@@ -131,13 +135,13 @@ export default function ResourceOverviewMetric(props) {
         width: '100%',
         height: '250px'
       }
-    });
-    // content = null
+    }); // content = null
   } else {
     content = /*#__PURE__*/React.createElement(NoDataPage, {
       className: styles['no-data']
     });
   }
+
   return /*#__PURE__*/React.createElement("div", {
     className: styles.indicator
   }, content);

package/es/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/SingleResourceStrategyLink.js

@@ -1,12 +1,12 @@
-import React from 'react';
-// import { Link } from 'react-router-dom';
+import React from 'react'; // import { Link } from 'react-router-dom';
+
 import Link from "../../../../../../../components/Link";
 export default function SingleResourceStrategyLink(props) {
   var id = props.id,
-    ciType = props.ciType,
-    name = props.name,
-    _props$label = props.label,
-    label = _props$label === void 0 ? '监控策略' : _props$label;
+      ciType = props.ciType,
+      name = props.name,
+      _props$label = props.label,
+      label = _props$label === void 0 ? '监控策略' : _props$label;
   var url = "/default/singleResourceStrategy/" + id + "?title=" + encodeURIComponent(name) + "-\u76D1\u63A7\u914D\u7F6E&ciId=" + id + "&ciType=" + ciType + "&ciName=" + encodeURIComponent(name);
   return /*#__PURE__*/React.createElement(Link, {
     to: url

package/es/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/components/Configurator/index.js

@@ -6,7 +6,7 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutP
 import _extends from "@babel/runtime/helpers/extends";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 var _excluded = ["chosen"];
-function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = "function" == typeof Symbol ? Symbol : {}, a = i.iterator || "@@iterator", c = i.asyncIterator || "@@asyncIterator", u = i.toStringTag || "@@toStringTag"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, ""); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, "_invoke", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: "normal", arg: t.call(e, r) }; } catch (t) { return { type: "throw", arg: t }; } } e.wrap = wrap; var h = "suspendedStart", l = "suspendedYield", f = "executing", s = "completed", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { ["next", "throw", "return"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if ("throw" !== c.type) { var u = c.arg, h = u.value; return h && "object" == typeof h && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) { invoke("next", t, i, a); }, function (t) { invoke("throw", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke("throw", t, i, a); }); } a(c.arg); } var r; o(this, "_invoke", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw new Error("Generator is already running"); if (o === s) { if ("throw" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else "return" === n.method && n.abrupt("return", n.arg); o = f; var p = tryCatch(e, r, n); if ("normal" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, "throw" === n && e.iterator["return"] && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y; var i = tryCatch(o, e.iterator, r.arg); if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = "normal", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: "root" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || "" === e) { var r = e[a]; if (r) return r.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(typeof e + " is not iterable"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) { var e = "function" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () { return this; }), define(g, "toString", function () { return "[object Generator]"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if ("throw" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if ("root" === i.tryLoc) return handle("end"); if (i.tryLoc <= this.prev) { var c = n.call(i, "catchLoc"), u = n.call(i, "finallyLoc"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw new Error("try statement without catch or finally"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) { var i = o; break; } } i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if ("throw" === t.type) throw t.arg; return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, "catch": function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if ("throw" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, "next" === this.method && (this.arg = t), y; } }, e; }
+import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React, { useState, useRef, useEffect, useMemo } from 'react';
 import { ReactSortable } from 'react-sortablejs';
 import NoDataPage from '@riil-frontend/component-no-data-page';
@@ -18,35 +18,39 @@ import "./index.scss";
  * @param {array} props.columns - 列配置的数据
  * @param {(columns:array)=>{}} props.onChange - 点击ok后的回调函数
  */
+
 function Configurator(props) {
   var _React$createElement;
+
   var columns = props.columns,
-    _props$defaultCol = props.defaultCol,
-    defaultCol = _props$defaultCol === void 0 ? [] : _props$defaultCol,
-    _props$defaultDisable = props.defaultDisabledCol,
-    defaultDisabledCol = _props$defaultDisable === void 0 ? [] : _props$defaultDisable,
-    onChange = props.onChange,
-    topoId = props.topoId,
-    templateCode = props.templateCode,
-    type = props.type,
-    max = props.max,
-    _props$btnStyle = props.btnStyle,
-    btnStyle = _props$btnStyle === void 0 ? {} : _props$btnStyle,
-    getOverviewConfig = props.getOverviewConfig,
-    saveOverviewConfig = props.saveOverviewConfig;
-
-  // console.log('Configurator props', props);
+      _props$defaultCol = props.defaultCol,
+      defaultCol = _props$defaultCol === void 0 ? [] : _props$defaultCol,
+      _props$defaultDisable = props.defaultDisabledCol,
+      defaultDisabledCol = _props$defaultDisable === void 0 ? [] : _props$defaultDisable,
+      onChange = props.onChange,
+      topoId = props.topoId,
+      templateCode = props.templateCode,
+      type = props.type,
+      max = props.max,
+      _props$btnStyle = props.btnStyle,
+      btnStyle = _props$btnStyle === void 0 ? {} : _props$btnStyle,
+      getOverviewConfig = props.getOverviewConfig,
+      saveOverviewConfig = props.saveOverviewConfig; // console.log('Configurator props', props);
 
   var buttonRef = useRef(null);
+
   var _useState = useState(false),
-    visible = _useState[0],
-    setVisible = _useState[1];
+      visible = _useState[0],
+      setVisible = _useState[1];
+
   var _useState2 = useState([]),
-    columnsState = _useState2[0],
-    setColumnState = _useState2[1];
+      columnsState = _useState2[0],
+      setColumnState = _useState2[1];
+
   var _useState3 = useState([]),
-    orgColumns = _useState3[0],
-    setOrgColumns = _useState3[1];
+      orgColumns = _useState3[0],
+      setOrgColumns = _useState3[1];
+
   useEffect(function () {
     if (columns !== null && columns !== void 0 && columns.length && type) {
       init();
@@ -56,6 +60,7 @@ function Configurator(props) {
       onChange([]);
     }
   }, [columns, topoId, templateCode, type]);
+
   function init() {
     return _init.apply(this, arguments);
   }
@@ -64,33 +69,43 @@ function Configurator(props) {
    * @param {string} key 列唯一标识符
    * @param {boolean} status 勾选状态
    */
+
+
   function _init() {
-    _init = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
+    _init = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
       var _overviewConfig;
+
       var overviewConfig, newPrevCols, newNextCols, oldCols, newCols;
-      return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+      return _regeneratorRuntime.wrap(function _callee3$(_context3) {
         while (1) switch (_context3.prev = _context3.next) {
           case 0:
             overviewConfig = {};
+
             if (!(topoId && templateCode)) {
               _context3.next = 5;
               break;
             }
+
             _context3.next = 4;
             return (getOverviewConfig || service.getOverviewConfig)(topoId, templateCode);
+
           case 4:
             overviewConfig = _context3.sent;
+
           case 5:
             // console.log('overviewConfig', overviewConfig);
             // const overviewConfig = ''
             newPrevCols = [];
             newNextCols = [];
+
             if ((_overviewConfig = overviewConfig) !== null && _overviewConfig !== void 0 && _overviewConfig[type]) {
               oldCols = JSON.parse(overviewConfig[type]) || []; // 已设置
+
               oldCols.forEach(function (old_item) {
                 var new_item = columns.find(function (c_item) {
                   return c_item.dataIndex === old_item.dataIndex;
                 });
+
                 if (new_item) {
                   newPrevCols.push(_extends({}, new_item, {
                     hidden: old_item.hidden
@@ -119,9 +134,11 @@ function Configurator(props) {
                     hidden: true
                   }));
                 }
+
                 return;
               });
             }
+
             newCols = [].concat(newPrevCols, newNextCols).map(function (item) {
               return _extends({}, item, {
                 disabledHide: defaultDisabledCol.includes(item.dataIndex)
@@ -130,6 +147,7 @@ function Configurator(props) {
             setColumnState(newCols);
             setOrgColumns(newCols);
             onChange(newCols);
+
           case 12:
           case "end":
             return _context3.stop();
@@ -138,19 +156,24 @@ function Configurator(props) {
     }));
     return _init.apply(this, arguments);
   }
+
   var onHiddenChange = function onHiddenChange(key, status) {
     var columnsHiddenChange = function columnsHiddenChange(items) {
       var newItems = [];
       items.forEach(function (item) {
         var columnItem = _extends({}, item);
+
         var columnKey = columnItem.dataIndex;
+
         if (columnKey === key) {
           columnItem.hidden = status;
         }
+
         newItems.push(columnItem);
       });
       return newItems;
     };
+
     var visibleColumns = columnsHiddenChange(columnsState);
     setColumnState(visibleColumns);
   };
@@ -158,23 +181,27 @@ function Configurator(props) {
    * 拖拽排序回调
    * @param {array} cols
    */
+
+
   var onSortChange = function onSortChange(cols) {
     var _cols = [];
     cols.forEach(function (item) {
       var chosen = item.chosen,
-        other = _objectWithoutPropertiesLoose(item, _excluded);
+          other = _objectWithoutPropertiesLoose(item, _excluded);
+
       _cols.push(other);
     });
     setColumnState(_cols);
   };
-
   /**
    * 弹出层打开时回调
    * 初始化组件状态
    */
+
+
   var onOpen = /*#__PURE__*/function () {
-    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-      return _regeneratorRuntime().wrap(function _callee$(_context) {
+    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
           case "end":
@@ -182,49 +209,58 @@ function Configurator(props) {
         }
       }, _callee);
     }));
+
     return function onOpen() {
       return _ref.apply(this, arguments);
     };
   }();
-
   /**
    * 确认按钮回调
    * 将配置完毕的列数据传出
    * 关闭弹出层
    */
+
+
   var onOk = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
       var _ref3;
-      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+
+      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
             onChange(columnsState);
             setVisible(false);
+
             if (!(topoId && templateCode)) {
               _context2.next = 5;
               break;
             }
+
             _context2.next = 5;
             return (saveOverviewConfig || service.saveOverviewConfig)(topoId, templateCode, (_ref3 = {}, _ref3[type] = JSON.stringify(columnsState), _ref3));
+
           case 5:
           case "end":
             return _context2.stop();
         }
       }, _callee2);
     }));
+
     return function onOk() {
       return _ref2.apply(this, arguments);
     };
   }();
-
   /**
    * 取消按钮回调
    * 将列数据以及视图恢复到初始状态
    */
+
+
   var onClose = function onClose() {
     setColumnState(orgColumns);
     setVisible(false);
   };
+
   var isDisabled = useMemo(function () {
     return columnsState.filter(function (item) {
       return !item.hidden;
@@ -292,10 +328,11 @@ function Configurator(props) {
     onClick: onClose
   }, _React$createElement["size"] = "medium", _React$createElement), "\u53D6\u6D88"))))));
 }
+
 Configurator.propTypes = {
   columns: PropTypes.array,
   //列数据集合
   onChange: PropTypes.func //点击确认后回调
-};
 
+};
 export default Configurator;

package/es/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/components/LinkTopo/LinkTopo.js

@@ -6,14 +6,15 @@ import useMetricPolling from "./hooks/useMetricPolling";
 import styles from "./LinkTopo.module.scss";
 export default function LinkTopo(props) {
   var data = props.data,
-    linkMetricCodes = props.linkMetricCodes,
-    openFlow = props.openFlow;
+      linkMetricCodes = props.linkMetricCodes,
+      openFlow = props.openFlow;
   var metricData = useMetricPolling({
     linkCi: data,
     linkMetricCodes: linkMetricCodes
   });
   var linkMetrics = [].concat(metricData.linkMetrics, metricData.linkOther);
   var linkMetricsList = [];
+
   if (linkMetrics.length > 0) {
     linkMetricCodes.forEach(function (e) {
       var linkMetricsData = linkMetrics.filter(function (i) {
@@ -24,6 +25,7 @@ export default function LinkTopo(props) {
     metricData.linkMetrics = linkMetricsList;
     metricData.linkOther = [];
   }
+
   return /*#__PURE__*/React.createElement("div", {
     className: styles.container
   }, /*#__PURE__*/React.createElement(CrucialLinkTopo, _extends({

package/es/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/components/LinkTopo/LinkTopoCard.js

@@ -1,5 +1,5 @@
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = "function" == typeof Symbol ? Symbol : {}, a = i.iterator || "@@iterator", c = i.asyncIterator || "@@asyncIterator", u = i.toStringTag || "@@toStringTag"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, ""); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, "_invoke", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: "normal", arg: t.call(e, r) }; } catch (t) { return { type: "throw", arg: t }; } } e.wrap = wrap; var h = "suspendedStart", l = "suspendedYield", f = "executing", s = "completed", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { ["next", "throw", "return"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if ("throw" !== c.type) { var u = c.arg, h = u.value; return h && "object" == typeof h && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) { invoke("next", t, i, a); }, function (t) { invoke("throw", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke("throw", t, i, a); }); } a(c.arg); } var r; o(this, "_invoke", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw new Error("Generator is already running"); if (o === s) { if ("throw" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else "return" === n.method && n.abrupt("return", n.arg); o = f; var p = tryCatch(e, r, n); if ("normal" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, "throw" === n && e.iterator["return"] && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y; var i = tryCatch(o, e.iterator, r.arg); if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = "normal", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: "root" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || "" === e) { var r = e[a]; if (r) return r.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(typeof e + " is not iterable"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) { var e = "function" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () { return this; }), define(g, "toString", function () { return "[object Generator]"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if ("throw" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if ("root" === i.tryLoc) return handle("end"); if (i.tryLoc <= this.prev) { var c = n.call(i, "catchLoc"), u = n.call(i, "finallyLoc"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw new Error("try statement without catch or finally"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) { var i = o; break; } } i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if ("throw" === t.type) throw t.arg; return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, "catch": function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if ("throw" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, "next" === this.method && (this.arg = t), y; } }, e; }
+import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React, { useEffect, useState } from 'react';
 import BlockBox from "../../BlockBox";
 import Configurator from "../Configurator";
@@ -7,40 +7,50 @@ import LinkTopo from "./LinkTopo";
 import { isOpenFlow, checkMenu } from "./services";
 export default function LinkTopoCard(props) {
   var _data$attributes;
+
   var topoId = props.topoId,
-    data = props.data,
-    defaultCols = props.defaultCols,
-    metricCol = props.metricCol,
-    metricColChange = props.metricColChange,
-    metricCodes = props.metricCodes;
-  // eslint-disable-next-line camelcase
+      data = props.data,
+      defaultCols = props.defaultCols,
+      metricCol = props.metricCol,
+      metricColChange = props.metricColChange,
+      metricCodes = props.metricCodes; // eslint-disable-next-line camelcase
+
   var supportTemplates = (data === null || data === void 0 ? void 0 : (_data$attributes = data.attributes) === null || _data$attributes === void 0 ? void 0 : _data$attributes.support_templates) || ''; // 该资源监控模板
+
   var isCrucial = data === null || data === void 0 ? void 0 : data.attributes['network_link.is_crucial']; //是不是关键链路
+
   var _useState = useState(null),
-    openFlow = _useState[0],
-    setOpenFlow = _useState[1];
+      openFlow = _useState[0],
+      setOpenFlow = _useState[1];
+
   var analysisUrl = "../../default/trafficControl/linkConfigure?id=" + data.attributes.name + "&num=0";
   var linkDetailsUrl = "/default/pagecenter/linkDetail/view/" + data.id + "?resId=" + data.id + "&domainCode=network&title=" + data.attributes.name + "&ciCode=network_link&tabByComType=uicbb-res-crucial-link-flow";
+
   var isOpenFlows = /*#__PURE__*/function () {
-    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
       var checkMenus, isOpen;
-      return _regeneratorRuntime().wrap(function _callee$(_context) {
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             _context.next = 2;
             return checkMenu();
+
           case 2:
             checkMenus = _context.sent;
+
             if (!(checkMenus[0].passed == 'PASS' && isCrucial)) {
               _context.next = 10;
               break;
             }
+
             _context.next = 6;
             return isOpenFlow({
               'name': data.attributes.display_name
             });
+
           case 6:
             isOpen = _context.sent;
+
             //判断是不是有流量分析
             if (isOpen) {
               setOpenFlow({
@@ -53,20 +63,25 @@ export default function LinkTopoCard(props) {
                 url: analysisUrl
               });
             }
+
             _context.next = 11;
             break;
+
           case 10:
             setOpenFlow(null);
+
           case 11:
           case "end":
             return _context.stop();
         }
       }, _callee);
     }));
+
     return function isOpenFlows() {
       return _ref.apply(this, arguments);
     };
   }();
+
   useEffect(function () {
     isOpenFlows();
   }, [data]);
@@ -75,8 +90,7 @@ export default function LinkTopoCard(props) {
     headerExtra: /*#__PURE__*/React.createElement(Configurator, {
       topoId: topoId,
       templateCode: supportTemplates,
-      type: "keyIndicators"
-      // 关键链路默认展示的指标展示【端到端ping时延】和【端到端ping丢包率】
+      type: "keyIndicators" // 关键链路默认展示的指标展示【端到端ping时延】和【端到端ping丢包率】
       ,
       defaultCol: isCrucial ? ['remote_ping_delayed', 'remote_ping_discards_rate'] : [],
       max: 5,

package/es/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/components/LinkTopo/constants.js

@@ -1,10 +1,6 @@
-export var INTERFACE_METRIC_CODES = ['out_rate',
-// 发送速率、接收速率发送接收利用率、总错包数
-'out_bandwidth_utilization',
-// 发送带宽利用率
-'in_rate',
-// 接收速率
-'in_bandwidth_utilization',
-// 接收带宽利用率
+export var INTERFACE_METRIC_CODES = ['out_rate', // 发送速率、接收速率发送接收利用率、总错包数
+'out_bandwidth_utilization', // 发送带宽利用率
+'in_rate', // 接收速率
+'in_bandwidth_utilization', // 接收带宽利用率
 'total_errors_packets' // 总错包数
 ];