@riil-frontend/component-topology 11.0.29 → 11.0.30

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

@@ -1,28 +1,39 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports["default"] = ResourceOverviewMetric;
+
 var _loading = _interopRequireDefault(require("@alifd/next/lib/loading"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _utils = require("@riil-frontend/utils");
+
 var _componentNoDataPage = _interopRequireDefault(require("@riil-frontend/component-no-data-page"));
+
 var _indexModule = _interopRequireDefault(require("./index.module.scss"));
+
 var _bizcharts = require("bizcharts");
+
 var stylejs = _interopRequireWildcard(require("@alifd/theme-19926/variables"));
+
 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 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十六进制的颜色值
+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十六进制的颜色值
+
 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;
@@ -41,11 +52,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);
@@ -59,20 +71,22 @@ function hexToRgb(val, alpha) {
       rgba: '无效值：' + val
     };
   }
-}
+} // 关键指标
+
 
-// 关键指标
 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 = (0, _utils.metricValueFormat)({
       // 支持业务拓扑历史时间点指标值处理
       value: formatMetricLatestValue ? formatMetricLatestValue(list) : (_list = list[list.length - 1]) === null || _list === void 0 ? void 0 : _list.metricValue,
@@ -83,22 +97,23 @@ 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];
@@ -138,13 +153,13 @@ function ResourceOverviewMetric(props) {
         width: '100%',
         height: '250px'
       }
-    });
-    // content = null
+    }); // content = null
   } else {
     content = /*#__PURE__*/_react["default"].createElement(_componentNoDataPage["default"], {
       className: _indexModule["default"]['no-data']
     });
   }
+
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: _indexModule["default"].indicator
   }, content);

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

@@ -1,18 +1,21 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports["default"] = SingleResourceStrategyLink;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _Link = _interopRequireDefault(require("../../../../../../../components/Link"));
-// import { Link } from 'react-router-dom';
 
+// import { Link } from 'react-router-dom';
 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["default"].createElement(_Link["default"], {
     to: url

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

@@ -1,25 +1,44 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports["default"] = void 0;
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
 var _overlay = _interopRequireDefault(require("@alifd/next/lib/overlay"));
+
 var _checkbox = _interopRequireDefault(require("@alifd/next/lib/checkbox"));
+
 var _button = _interopRequireDefault(require("@alifd/next/lib/button"));
+
 var _icon = _interopRequireDefault(require("@alifd/next/lib/icon"));
+
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _reactSortablejs = require("react-sortablejs");
+
 var _componentNoDataPage = _interopRequireDefault(require("@riil-frontend/component-no-data-page"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _overview = _interopRequireDefault(require("../../../../../../../../services/overview"));
+
 require("./index.scss");
+
 var _excluded = ["chosen"];
+
 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; }
-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; }
+
 /**
  * @param {object} props - 属性集
  * @param {array} props.columns - 列配置的数据
@@ -27,33 +46,36 @@ function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyri
  */
 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 = (0, _react.useRef)(null);
+
   var _useState = (0, _react.useState)(false),
-    visible = _useState[0],
-    setVisible = _useState[1];
+      visible = _useState[0],
+      setVisible = _useState[1];
+
   var _useState2 = (0, _react.useState)([]),
-    columnsState = _useState2[0],
-    setColumnState = _useState2[1];
+      columnsState = _useState2[0],
+      setColumnState = _useState2[1];
+
   var _useState3 = (0, _react.useState)([]),
-    orgColumns = _useState3[0],
-    setOrgColumns = _useState3[1];
+      orgColumns = _useState3[0],
+      setOrgColumns = _useState3[1];
+
   (0, _react.useEffect)(function () {
     if (columns !== null && columns !== void 0 && columns.length && type) {
       init();
@@ -63,6 +85,7 @@ function Configurator(props) {
       onChange([]);
     }
   }, [columns, topoId, templateCode, type]);
+
   function init() {
     return _init.apply(this, arguments);
   }
@@ -71,33 +94,43 @@ function Configurator(props) {
    * @param {string} key 列唯一标识符
    * @param {boolean} status 勾选状态
    */
+
+
   function _init() {
-    _init = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
+    _init = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee3() {
       var _overviewConfig;
+
       var overviewConfig, newPrevCols, newNextCols, oldCols, newCols;
-      return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+      return _regenerator["default"].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 || _overview["default"].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((0, _extends2["default"])({}, new_item, {
                     hidden: old_item.hidden
@@ -126,9 +159,11 @@ function Configurator(props) {
                     hidden: true
                   }));
                 }
+
                 return;
               });
             }
+
             newCols = [].concat(newPrevCols, newNextCols).map(function (item) {
               return (0, _extends2["default"])({}, item, {
                 disabledHide: defaultDisabledCol.includes(item.dataIndex)
@@ -137,6 +172,7 @@ function Configurator(props) {
             setColumnState(newCols);
             setOrgColumns(newCols);
             onChange(newCols);
+
           case 12:
           case "end":
             return _context3.stop();
@@ -145,19 +181,23 @@ 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 = (0, _extends2["default"])({}, item);
         var columnKey = columnItem.dataIndex;
+
         if (columnKey === key) {
           columnItem.hidden = status;
         }
+
         newItems.push(columnItem);
       });
       return newItems;
     };
+
     var visibleColumns = columnsHiddenChange(columnsState);
     setColumnState(visibleColumns);
   };
@@ -165,23 +205,27 @@ function Configurator(props) {
    * 拖拽排序回调
    * @param {array} cols
    */
+
+
   var onSortChange = function onSortChange(cols) {
     var _cols = [];
     cols.forEach(function (item) {
       var chosen = item.chosen,
-        other = (0, _objectWithoutPropertiesLoose2["default"])(item, _excluded);
+          other = (0, _objectWithoutPropertiesLoose2["default"])(item, _excluded);
+
       _cols.push(other);
     });
     setColumnState(_cols);
   };
-
   /**
    * 弹出层打开时回调
    * 初始化组件状态
    */
+
+
   var onOpen = /*#__PURE__*/function () {
-    var _ref = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-      return _regeneratorRuntime().wrap(function _callee$(_context) {
+    var _ref = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
+      return _regenerator["default"].wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
           case "end":
@@ -189,49 +233,58 @@ function Configurator(props) {
         }
       }, _callee);
     }));
+
     return function onOpen() {
       return _ref.apply(this, arguments);
     };
   }();
-
   /**
    * 确认按钮回调
    * 将配置完毕的列数据传出
    * 关闭弹出层
    */
+
+
   var onOk = /*#__PURE__*/function () {
-    var _ref2 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+    var _ref2 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2() {
       var _ref3;
-      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+
+      return _regenerator["default"].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 || _overview["default"].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 = (0, _react.useMemo)(function () {
     return columnsState.filter(function (item) {
       return !item.hidden;
@@ -299,10 +352,12 @@ function Configurator(props) {
     onClick: onClose
   }, _React$createElement["size"] = "medium", _React$createElement), "\u53D6\u6D88"))))));
 }
+
 Configurator.propTypes = {
   columns: _propTypes["default"].array,
   //列数据集合
   onChange: _propTypes["default"].func //点击确认后回调
+
 };
 var _default = Configurator;
 exports["default"] = _default;

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

@@ -1,24 +1,33 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports["default"] = LinkTopo;
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _componentCrucialLinkTopo = _interopRequireDefault(require("@riil-frontend/component-crucial-link-topo"));
+
 var _componentTopologyUtils = require("@riil-frontend/component-topology-utils");
+
 var _useMetricPolling = _interopRequireDefault(require("./hooks/useMetricPolling"));
+
 var _LinkTopoModule = _interopRequireDefault(require("./LinkTopo.module.scss"));
+
 function LinkTopo(props) {
   var data = props.data,
-    linkMetricCodes = props.linkMetricCodes,
-    openFlow = props.openFlow;
+      linkMetricCodes = props.linkMetricCodes,
+      openFlow = props.openFlow;
   var metricData = (0, _useMetricPolling["default"])({
     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) {
@@ -29,6 +38,7 @@ function LinkTopo(props) {
     metricData.linkMetrics = linkMetricsList;
     metricData.linkOther = [];
   }
+
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: _LinkTopoModule["default"].container
   }, /*#__PURE__*/_react["default"].createElement(_componentCrucialLinkTopo["default"], (0, _extends2["default"])({