@riil-frontend/component-topology 11.0.29 → 11.0.30

package/es/core/components/AlarmListPanel/hooks/useAlarmList.js

@@ -1,13 +1,16 @@
 import { useState, useEffect, useMemo } from "react";
 export default function useAlarmList(props) {
   var alarmData = props.alarmData;
+
   var _useState = useState(1),
-    pageIndex = _useState[0],
-    setPageIndex = _useState[1];
+      pageIndex = _useState[0],
+      setPageIndex = _useState[1];
+
   var total = (alarmData || []).length;
   var totalPage = Math.ceil(total / 10);
   var alarmList = useMemo(function () {
     var _slice;
+
     return (_slice = (alarmData || []).slice(0, 10 * pageIndex)) !== null && _slice !== void 0 ? _slice : [];
   }, [alarmData, pageIndex]);
   useEffect(function () {
@@ -15,9 +18,11 @@ export default function useAlarmList(props) {
       setPageIndex(totalPage || 1);
     }
   }, [alarmData]);
+
   var loadMore = function loadMore() {
     setPageIndex(pageIndex + 1);
   };
+
   return {
     alarmList: alarmList,
     total: total,

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

@@ -9,11 +9,12 @@ import styles from "./index.module.scss";
 import { alarmListDemo } from "./mocks";
 import Link from "../../../components/Link";
 import useAlarmList from "./hooks/useAlarmList";
+
 function AlarmListPanel(props, ref) {
   // 传入参数
   var topo = props.topo,
-    alarmData = props.alarmData,
-    onClose = props.onClose;
+      alarmData = props.alarmData,
+      onClose = props.onClose;
   var alarmListProps = useAlarmList({
     alarmData: alarmData
   });
@@ -74,4 +75,5 @@ function AlarmListPanel(props, ref) {
     }
   }))));
 }
+
 export default AlarmListPanel;

package/es/core/components/DisplaySettingDrawer/DisplaySetting.js

@@ -10,24 +10,26 @@ import NodeTip from "./NodeTip";
 import LineExpandAllRadioGroup from "./LineExpandAllRadioGroup";
 import EdgeFlowDirection from "./EdgeFlowDirection";
 import BooleanRadio from "../../../components/BooleanRadio";
-
 /**
  * 显示设置
  * 
  * @param {*} props 
  * @returns 
  */
+
 function DisplaySetting(props, ref) {
   var topo = props.topo,
-    displaySettingProps = props.displaySettingProps;
+      displaySettingProps = props.displaySettingProps;
   var displayConfig = topo.store.getModelState('displayConfig');
+
   var _ref = displaySettingProps || {},
-    linkTagConfig = _ref.linkTagConfig,
-    linkTipConfig = _ref.linkTipConfig,
-    extraConfig = _ref.extraConfig,
-    showLinkConfig = _ref.showLinkConfig,
-    nodeTagProps = _ref.nodeTagProps,
-    nodeTipProps = _ref.nodeTipProps;
+      linkTagConfig = _ref.linkTagConfig,
+      linkTipConfig = _ref.linkTipConfig,
+      extraConfig = _ref.extraConfig,
+      showLinkConfig = _ref.showLinkConfig,
+      nodeTagProps = _ref.nodeTagProps,
+      nodeTipProps = _ref.nodeTipProps;
+
   var field = _Field.useField({
     autoUnmount: false,
     values: {
@@ -42,13 +44,14 @@ function DisplaySetting(props, ref) {
       edgeFlowDirection: displayConfig.edgeFlowDirection
     },
     onChange: function onChange(name, value) {
-      rlog.debug('DisplaySetting-onChange', name, value);
-      // 告警静默设置
+      rlog.debug('DisplaySetting-onChange', name, value); // 告警静默设置
+
       if (name === 'alarmSwitch') {
         field.setValue('alarmListDefaultOpen', !!value);
       }
     }
   });
+
   useImperativeHandle(ref, function () {
     return field;
   });
@@ -102,10 +105,12 @@ function DisplaySetting(props, ref) {
     name: "edgeFlowDirection"
   })), extraConfig && /*#__PURE__*/React.createElement(_Form.Item, null, extraConfig())));
 }
+
 ;
+
 function Label(props) {
   var label = props.label,
-    helpText = props.helpText;
+      helpText = props.helpText;
   return /*#__PURE__*/React.createElement(_Box, {
     direction: "row",
     spacing: 12
@@ -115,4 +120,5 @@ function Label(props) {
     }
   }, helpText));
 }
+
 export default /*#__PURE__*/React.forwardRef(DisplaySetting);

package/es/core/components/DisplaySettingDrawer/DisplaySettingDrawer.js

@@ -1,7 +1,7 @@
 import _Message from "@alifd/next/es/message";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _extends from "@babel/runtime/helpers/extends";
-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, useRef, useState } from 'react';
 import rlog from '@riil-frontend/component-topology-utils/lib/rlog';
 import Drawer from "../../../components/Drawer";
@@ -9,52 +9,63 @@ import DisplaySetting from "./DisplaySetting";
 import useDisplaySetting from "./hooks/useDisplaySetting";
 export default function DisplaySettingDrawer(props) {
   var visible = props.visible,
-    topo = props.topo,
-    displaySettingProps = props.displaySettingProps,
-    displaySettingRender = props.displaySettingRender,
-    isEditor = props.isEditor,
-    onClose = props.onClose;
+      topo = props.topo,
+      displaySettingProps = props.displaySettingProps,
+      displaySettingRender = props.displaySettingRender,
+      isEditor = props.isEditor,
+      onClose = props.onClose;
   var settingRef = useRef();
+
   var _useState = useState(false),
-    loading = _useState[0],
-    setLoading = _useState[1];
+      loading = _useState[0],
+      setLoading = _useState[1];
+
   var displaySetting = useDisplaySetting(_extends({}, props, {
     settingRef: settingRef,
     isEditor: isEditor
   }));
+
   var handleOk = /*#__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:
             setLoading(true);
             _context.prev = 1;
             _context.next = 4;
             return displaySetting.save();
+
           case 4:
             setLoading(false);
             onClose();
+
             if (!isEditor) {
               _Message.success('保存成功');
             }
+
             _context.next = 14;
             break;
+
           case 9:
             _context.prev = 9;
             _context.t0 = _context["catch"](1);
             setLoading(false);
             rlog.error('DisplaySettingDrawer.handleOk', _context.t0);
+
             _Message.warning('保存失败');
+
           case 14:
           case "end":
             return _context.stop();
         }
       }, _callee, null, [[1, 9]]);
     }));
+
     return function handleOk() {
       return _ref.apply(this, arguments);
     };
   }();
+
   var DisplaySettingWidget = displaySettingRender || DisplaySetting;
   return /*#__PURE__*/React.createElement(Drawer, {
     title: "\u663E\u793A\u8BBE\u7F6E",
@@ -63,10 +74,9 @@ export default function DisplaySettingDrawer(props) {
     onSave: handleOk,
     onClose: onClose,
     drawerProps: {
-      width: '380px'
-      // className: styles.drawer,
-    },
+      width: '380px' // className: styles.drawer,
 
+    },
     buttons: ['保存', '取消']
   }, visible && /*#__PURE__*/React.createElement(DisplaySettingWidget, {
     ref: settingRef,

package/es/core/components/DisplaySettingDrawer/EdgeFlow.js

@@ -2,10 +2,12 @@ import _Radio from "@alifd/next/es/radio";
 import React from 'react';
 var EdgeFlow = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var value = props.value,
-    onChange = props.onChange;
+      onChange = props.onChange;
+
   var handleTypeChange = function handleTypeChange(newValue) {
     onChange(newValue === 'none' ? null : newValue);
   };
+
   return /*#__PURE__*/React.createElement(_Radio.Group, {
     ref: ref,
     value: value || 'none',

package/es/core/components/DisplaySettingDrawer/EdgeFlowDirection.js

@@ -2,10 +2,12 @@ import _Radio from "@alifd/next/es/radio";
 import React from 'react';
 var EdgeFlowDirection = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var value = props.value,
-    onChange = props.onChange;
+      onChange = props.onChange;
+
   var handleTypeChange = function handleTypeChange(newValue) {
     onChange(newValue);
   };
+
   return /*#__PURE__*/React.createElement(_Radio.Group, {
     ref: ref,
     value: value || 'from',

package/es/core/components/DisplaySettingDrawer/LineExpandAllRadioGroup.js

@@ -9,18 +9,22 @@ import styles from "./ResourceDisplay/CommonCheckboxGroup.module.scss";
 import { plurals, compatibleWith } from "../../models/utils/linkUtils";
 var LineExpandAllRadioGroup = /*#__PURE__*/React.forwardRef(function LineExpandAllRadioGroup(props, ref) {
   var _plurals$compatibleWi;
+
   var value = props.value,
-    onChange = props.onChange,
-    isEdit = props.isEdit;
+      onChange = props.onChange,
+      isEdit = props.isEdit;
+
   var _useState = useState(value === 1 ? '0' : '1'),
-    showType = _useState[0],
-    setShowType = _useState[1];
+      showType = _useState[0],
+      setShowType = _useState[1];
+
   var _useState2 = useState((_plurals$compatibleWi = plurals[compatibleWith(value)]) !== null && _plurals$compatibleWi !== void 0 ? _plurals$compatibleWi : ['phy']),
-    pluralType = _useState2[0],
-    setPluralType = _useState2[1];
+      pluralType = _useState2[0],
+      setPluralType = _useState2[1];
+
   var handleTypeChange = function handleTypeChange(newValue) {
-    setShowType(newValue);
-    // console.log("handleTypeChange---newValue", newValue, pluralType);
+    setShowType(newValue); // console.log("handleTypeChange---newValue", newValue, pluralType);
+
     if (newValue === '1') {
       // setPluralType(["phy"]);
       onChange(creatTypeValue(pluralType));
@@ -28,37 +32,42 @@ var LineExpandAllRadioGroup = /*#__PURE__*/React.forwardRef(function LineExpandA
       onChange(creatTypeValue(newValue));
     }
   };
+
   var handleShowTypeChange = function handleShowTypeChange(newValue) {
-    onChange(creatTypeValue(newValue));
-    // console.log("handleShowTypeChange", newValue);
+    onChange(creatTypeValue(newValue)); // console.log("handleShowTypeChange", newValue);
+
     setPluralType(newValue);
   };
-
   /**
    *
    * @param {v} newValue
    * @returns 0:都不显示，1:单链路，2：物理链路，3：聚合链路，4：物理&聚合链路
    */
+
+
   var creatTypeValue = function creatTypeValue(newValue) {
     var v = 1;
+
     if (Array.isArray(newValue)) {
       if (newValue.length > 1) {
         v = 4;
       }
+
       if (newValue.length === 1) {
         v = newValue[0] === 'phy' ? 2 : 3;
       }
+
       if (newValue.length === 0) {
         v = 0;
       }
     }
-    return v;
-  };
 
-  //  useEffect(() => {
+    return v;
+  }; //  useEffect(() => {
   //    setPluralType(plurals[compatibleWith(value)] ?? []);
   //  }, [value]);
 
+
   return /*#__PURE__*/React.createElement(_Box, {
     direction: "column"
   }, /*#__PURE__*/React.createElement(_Box, {
@@ -85,6 +94,7 @@ var LineExpandAllRadioGroup = /*#__PURE__*/React.forwardRef(function LineExpandA
     value: "agg"
   }, "\u805A\u5408\u94FE\u8DEF")))) : '');
 });
+
 function Label(props) {
   return /*#__PURE__*/React.createElement(_Box, {
     direction: "row",
@@ -103,5 +113,6 @@ function Label(props) {
     align: "t"
   }, "\u5F53\u5207\u6362\u4E3A\u5355\u94FE\u8DEF\u663E\u793A\u65F6\uFF0C\u8BF7\u786E\u4FDD\u4E24\u4E2A\u8BBE\u5907\u6709\u591A\u6761\u7F51\u7EDC\u94FE\u8DEF\u7684\u6570\u636E\u53D6\u503C\u63A5\u53E3\u6765\u6E90\u540C\u4E00\u8BBE\u5907\uFF0C\u5426\u5219\u5355\u94FE\u8DEF\u5219\u65E0\u6CD5\u663E\u793A\u63A5\u6536\u548C\u53D1\u9001\u7684\u76F8\u5173\u6307\u6807\u3002\u5982\u679C\u4E24\u4E2A\u8BBE\u5907\u53EA\u6709\u4E00\u6761\u7F51\u7EDC\u94FE\u8DEF\u6216\u8005\u6709\u4E00\u6761\u805A\u5408\u94FE\u8DEF\u5219\u4E0D\u53D7\u5F71\u54CD\u3002")));
 }
+
 LineExpandAllRadioGroup.Label = Label;
 export default LineExpandAllRadioGroup;

package/es/core/components/DisplaySettingDrawer/LinkTag.js

@@ -2,9 +2,8 @@ import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { DEFAULT_LINK_TAG_COMMON_CONFIG } from "../../../constants/ResourceInfoDisplay";
 import ResourceDiplayInfoSetting from "../ResourceViewAttributeSetting/Setting";
-import BasicConfig from "./ResourceDisplay/BasicConfig";
+import BasicConfig from "./ResourceDisplay/BasicConfig"; // 默认中可配置内容包括总速率、带宽利用率、发送速率、发送带宽利用率、接收速率、接收带宽利用率
 
-// 默认中可配置内容包括总速率、带宽利用率、发送速率、发送带宽利用率、接收速率、接收带宽利用率
 var CommonOptions = [{
   value: 'metric:interface_totalbps',
   label: '总速率'
@@ -24,12 +23,12 @@ var CommonOptions = [{
   value: 'metric:in_bandwidth_utilization',
   label: '接收带宽利用率'
 }];
-
 /**
  * 资源标注配置
  * @param {*} props 
  * @returns 
  */
+
 function LinkTag(props, ref) {
   return /*#__PURE__*/React.createElement(BasicConfig, _extends({
     ref: ref
@@ -44,4 +43,5 @@ function LinkTag(props, ref) {
     }
   }));
 }
+
 export default /*#__PURE__*/React.forwardRef(LinkTag);

package/es/core/components/DisplaySettingDrawer/NodeTag.js

@@ -11,12 +11,12 @@ var defaultCommonOptions = [{
   value: 'attribute:display_name',
   label: '显示名称'
 }];
-
 /**
  * 资源标注配置
  * @param {*} props 
  * @returns 
  */
+
 var NodeTag = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var commonOptions = props.commonOptions;
   return /*#__PURE__*/React.createElement(BasicConfig, _extends({

package/es/core/components/DisplaySettingDrawer/NodeTip.js

@@ -11,12 +11,12 @@ var defaultCommonOptions = [{
   value: 'ciType:display_name',
   label: '资源类型'
 }];
-
 /**
  * 资源标注配置
  * @param {*} props 
  * @returns
  */
+
 var NodeTip = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var commonOptions = props.commonOptions;
   return /*#__PURE__*/React.createElement(BasicConfig, _extends({

package/es/core/components/DisplaySettingDrawer/ResourceDisplay/BasicConfig.js

@@ -6,61 +6,66 @@ import rlog from '@riil-frontend/component-topology-utils/es/rlog';
 import { DEFAULT_CUSTOM_CONFIG } from "../../../../constants/ResourceInfoDisplay";
 import CommonCheckboxGroup from "./CommonCheckboxGroup";
 import ResourceDiplayInfoSetting from "../../ResourceViewAttributeSetting/Setting";
-
 /**
  * 配置类型
  */
+
 var ConfigType = {
   DEFAULT: '0',
   CUSTOM: '1'
 };
+
 function BasicConfig(props, ref) {
   var topo = props.topo,
-    value = props.value,
-    commonOptions = props.commonOptions,
-    defaultCommonConfig = props.defaultCommonConfig,
-    commonSelectWidget = props.commonSelectWidget,
-    limit = props.limit,
-    elementType = props.elementType,
-    showType = props.showType,
-    onChange = props.onChange,
-    _props$customSettingD = props.customSettingDrawer,
-    customSettingDrawer = _props$customSettingD === void 0 ? function (params) {
-      return /*#__PURE__*/React.createElement(ResourceDiplayInfoSetting, params);
-    } : _props$customSettingD;
+      value = props.value,
+      commonOptions = props.commonOptions,
+      defaultCommonConfig = props.defaultCommonConfig,
+      commonSelectWidget = props.commonSelectWidget,
+      limit = props.limit,
+      elementType = props.elementType,
+      showType = props.showType,
+      onChange = props.onChange,
+      _props$customSettingD = props.customSettingDrawer,
+      customSettingDrawer = _props$customSettingD === void 0 ? function (params) {
+    return /*#__PURE__*/React.createElement(ResourceDiplayInfoSetting, params);
+  } : _props$customSettingD;
+
   var _ref = value || defaultCommonConfig,
-    isCustom = _ref.isCustom,
-    data = _ref.data;
+      isCustom = _ref.isCustom,
+      data = _ref.data;
+
   useImperativeHandle(ref, function () {
     return {};
   });
-  var customSettingRef = useRef();
+  var customSettingRef = useRef(); // 切换类型
 
-  // 切换类型
   var handleTypeChange = function handleTypeChange(type) {
     var newIsCustom = type === ConfigType.CUSTOM;
     var config = newIsCustom ? DEFAULT_CUSTOM_CONFIG : defaultCommonConfig;
     onChange(config);
-  };
-  // 默认选择框change
+  }; // 默认选择框change
+
+
   var handleCommonCheckboxGroupChange = function handleCommonCheckboxGroupChange(selected) {
     rlog.debug('handleCommonCheckboxGroupChange', selected);
     onChange({
       isCustom: isCustom,
       data: selected
     });
-  };
+  }; // 打开指标抽屉
+
 
-  // 打开指标抽屉
   var openSetting = function openSetting() {
     customSettingRef.current.show();
-  };
-  // 自定义选择框change
+  }; // 自定义选择框change
+
+
   var handleCustomChange = function handleCustomChange(parm) {
     rlog.debug('handleCustomChange', parm);
     onChange(parm);
-  };
-  // 渲染自定义配置抽屉
+  }; // 渲染自定义配置抽屉
+
+
   var renderCustomSettingDrawer = function renderCustomSettingDrawer() {
     return customSettingDrawer({
       ref: customSettingRef,
@@ -72,6 +77,7 @@ function BasicConfig(props, ref) {
       onChange: handleCustomChange
     });
   };
+
   var CommonSelectWidget = commonSelectWidget || CommonCheckboxGroup;
   return /*#__PURE__*/React.createElement(_Box, {
     spacing: 8,
@@ -98,4 +104,5 @@ function BasicConfig(props, ref) {
     onChange: handleCommonCheckboxGroupChange
   }));
 }
+
 export default /*#__PURE__*/React.forwardRef(BasicConfig);

package/es/core/components/DisplaySettingDrawer/ResourceDisplay/CommonCheckboxGroup.js

@@ -4,9 +4,9 @@ import React from 'react';
 import styles from "./CommonCheckboxGroup.module.scss";
 export default function CommonCheckboxGroup(props) {
   var value = props.value,
-    dataSource = props.dataSource,
-    limit = props.limit,
-    onChange = props.onChange;
+      dataSource = props.dataSource,
+      limit = props.limit,
+      onChange = props.onChange;
   var selected = value.map(function (item) {
     return item.type + ":" + item.code;
   }).filter(function (code) {
@@ -14,13 +14,16 @@ export default function CommonCheckboxGroup(props) {
       return item.value === code;
     });
   });
+
   var handleChange = function handleChange(newSelected) {
     var list = dataSource.map(function (item) {
       return item.value;
     });
+
     var sort = function sort(a, b) {
       return list.indexOf(a) > list.indexOf(b) ? 1 : -1;
     };
+
     var newValue = newSelected.sort(sort).map(function (item) {
       return {
         type: item.split(':')[0],
@@ -29,6 +32,7 @@ export default function CommonCheckboxGroup(props) {
     });
     onChange(newValue);
   };
+
   return /*#__PURE__*/React.createElement("div", {
     className: styles.contaienr
   }, /*#__PURE__*/React.createElement("div", {

package/es/core/components/DisplaySettingDrawer/components/NodeAttrSettingDrawer.js

@@ -6,23 +6,26 @@ import PropTypes from 'prop-types';
 import rlog from '@riil-frontend/component-topology-utils/lib/rlog';
 import ModelAttrSelectDrawer from "../../../../components/ModelAttrSelectDrawer";
 import { getNodeModels } from "../../ResourceViewAttributeSetting/nodeCiTypeAttrUtil";
-
 /**
  * 节点标注、悬浮框设置
  */
+
 var NodeAttrSettingDrawer = /*#__PURE__*/forwardRef(function (props, ref) {
   var topo = props.topo,
-    showType = props.showType,
-    value = props.value,
-    otherProps = _objectWithoutPropertiesLoose(props, _excluded);
+      showType = props.showType,
+      value = props.value,
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded);
+
   var _useState = useState([]),
-    data = _useState[0],
-    setData = _useState[1];
+      data = _useState[0],
+      setData = _useState[1];
+
   var queryData = function queryData() {
     rlog.info('属性配置：加载数据');
     var items = getNodeModels(topo);
     setData(items);
   };
+
   return /*#__PURE__*/React.createElement(ModelAttrSelectDrawer, _extends({
     ref: ref
   }, otherProps, {

package/es/core/components/DisplaySettingDrawer/demo/Demo.js

@@ -51,12 +51,11 @@ export default function Demo() {
     ,
     limit: 3 // 单个模板最大可选择选项数量
     ,
-    onChange: function onChange(value) {
-      // console.log('onChange');
+    onChange: function onChange(value) {// console.log('onChange');
     },
-    onCancel: function onCancel() {
-      // console.log('onCancel');
+    onCancel: function onCancel() {// console.log('onCancel');
     },
     showType: "tip" // 数据类型。
+
   });
 }