@riil-frontend/component-topology 7.0.0-dev.20 → 7.0.0-dev.21

package/lib/networkTopo/components/editor/propertyViews/edge/EdgePropertyView.js

@@ -1,60 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports["default"] = EdgePropertyView;
-
-var _form = _interopRequireDefault(require("@alifd/next/lib/form"));
-
-var _field = _interopRequireDefault(require("@alifd/next/lib/field"));
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _rlog = _interopRequireDefault(require("@riil-frontend/component-topology-utils/es/rlog"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _BindExitLinkSelect = _interopRequireDefault(require("./link/BindExitLinkSelect"));
-
-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 parseValues(values, edge) {
-  return (0, _extends2["default"])({}, values);
-}
-
-function EdgePropertyView(props) {
-  var topo = props.topo,
-      edge = props.edge,
-      values = props.values,
-      _onChange = props.onChange,
-      editorProps = props.editorProps,
-      extraDisplaySetting = props.extraDisplaySetting;
-  var store = topo.store;
-
-  var field = _field["default"].useField({
-    autoUnmount: false,
-    values: parseValues(values, edge),
-    onChange: function onChange(name, value) {
-      _rlog["default"].debug('CommonEdgePropertyView', name, value);
-
-      var newValues = field.getValues();
-
-      _onChange(name, value, newValues);
-    }
-  });
-
-  (0, _react.useEffect)(function () {
-    field.setValues(parseValues(values, edge));
-  }, [values]);
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    style: {
-      margin: '12px 0 0 32px'
-    }
-  }, /*#__PURE__*/_react["default"].createElement(_form["default"], {
-    field: field,
-    labelAlign: "top"
-  }, /*#__PURE__*/_react["default"].createElement(_form["default"].Item, null, /*#__PURE__*/_react["default"].createElement(_BindExitLinkSelect["default"], props))));
-}

package/lib/networkTopo/components/editor/propertyViews/edge/LinkPropertyView/Data/index.js

@@ -1,60 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports["default"] = LinkDataTab;
-
-var _button = _interopRequireDefault(require("@alifd/next/lib/button"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _LinkInfoPreview = _interopRequireDefault(require("../../link/LinkInfoPreview"));
-
-var _LinkInfoPreviewModule = _interopRequireDefault(require("../../link/LinkInfoPreview.module.scss"));
-
-var _rlog = _interopRequireDefault(require("@riil-frontend/component-topology-utils/es/rlog"));
-
-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 LinkDataTab(props) {
-  var _link$permission;
-
-  var topo = props.topo,
-      edge = props.edge,
-      link = props.link,
-      source = props.source,
-      target = props.target,
-      editorProps = props.editorProps;
-
-  var _topo$store$useModel = topo.store.useModel("topoConfig"),
-      editState = _topo$store$useModel[0],
-      editDispatchers = _topo$store$useModel[1];
-
-  var openEditLinkDrawer = function openEditLinkDrawer() {
-    editDispatchers.update({
-      addLinkIsOpen: true,
-      currentLink: link
-    });
-  };
-
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: _LinkInfoPreviewModule["default"].panelFullHeight
-  }, /*#__PURE__*/_react["default"].createElement(_LinkInfoPreview["default"], {
-    className: _LinkInfoPreviewModule["default"].lindInfoPreview,
-    topo: topo,
-    data: link,
-    source: source,
-    target: target,
-    isCmpTopo: (editorProps === null || editorProps === void 0 ? void 0 : editorProps.topoType) === 'cmpTopo'
-  }), /*#__PURE__*/_react["default"].createElement("div", {
-    className: _LinkInfoPreviewModule["default"].footer
-  }, /*#__PURE__*/_react["default"].createElement(_button["default"], {
-    className: _LinkInfoPreviewModule["default"].button,
-    type: "primary",
-    disabled: !(link !== null && link !== void 0 && (_link$permission = link.permission) !== null && _link$permission !== void 0 && _link$permission.writeable),
-    onClick: openEditLinkDrawer
-  }, "\u7F16\u8F91")));
-}

package/lib/networkTopo/components/editor/propertyViews/edge/LinkPropertyView/LinkPropertyView.js

@@ -1,40 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports["default"] = LinkPropertyView;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _componentNoDataPage = _interopRequireDefault(require("@riil-frontend/component-no-data-page"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _Data = _interopRequireDefault(require("./Data"));
-
-function LinkPropertyView(props) {
-  var edge = props.edge,
-      topo = props.topo;
-  var link = topo.dataModel.useDataById(edge.getTag());
-  var source = topo.dataModel.useDataById(link.source);
-  var target = topo.dataModel.useDataById(link.target); // 无权限不显示数据页签
-
-  if (link) {
-    var readable = link.permission.readable;
-
-    if (!readable) {
-      return /*#__PURE__*/_react["default"].createElement(_componentNoDataPage["default"], {
-        statusCode: "\u6CA1\u6709\u67E5\u770B\u6743\u9650"
-      });
-    }
-  } else {
-    return null;
-  }
-
-  return /*#__PURE__*/_react["default"].createElement(_Data["default"], (0, _extends2["default"])({}, props, {
-    link: link,
-    source: source,
-    target: target
-  }));
-}

package/lib/networkTopo/components/editor/propertyViews/edge/LinkPropertyView/LinkPropertyViewV1.js

@@ -1,50 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports["default"] = LinkPropertyView;
-
-var _tab = _interopRequireDefault(require("@alifd/next/lib/tab"));
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _TabView = _interopRequireDefault(require("../../../../../../core/editor/components/settings/common/tab/TabView"));
-
-var _Data = _interopRequireDefault(require("./Data"));
-
-var _Setting = _interopRequireDefault(require("./Setting"));
-
-function LinkPropertyView(props) {
-  var edge = props.edge,
-      topo = props.topo; // 无权限不显示数据页签
-
-  var _topo$store$useModelS = topo.store.useModelState('topoMod').data,
-      links = _topo$store$useModelS.links,
-      linkGroups = _topo$store$useModelS.linkGroups;
-  var link = [].concat(links, linkGroups).find(function (item) {
-    return item.id === edge.getTag();
-  }); // console.log('LinkPropertyView',link)
-
-  if (link) {
-    var readable = link.permission.readable;
-
-    if (!readable) {
-      return /*#__PURE__*/_react["default"].createElement(_Setting["default"], props);
-    }
-  } else {
-    return /*#__PURE__*/_react["default"].createElement(_Setting["default"], props);
-  }
-
-  return /*#__PURE__*/_react["default"].createElement(_TabView["default"], null, /*#__PURE__*/_react["default"].createElement(_tab["default"].Item, {
-    title: "\u6570\u636E",
-    key: "1"
-  }, /*#__PURE__*/_react["default"].createElement(_Data["default"], (0, _extends2["default"])({}, props, {
-    link: link
-  }))), /*#__PURE__*/_react["default"].createElement(_tab["default"].Item, {
-    title: "\u8BBE\u7F6E",
-    key: "2"
-  }, /*#__PURE__*/_react["default"].createElement(_Setting["default"], props)));
-}

package/lib/networkTopo/components/editor/propertyViews/edge/LinkPropertyView/Setting/index.js

@@ -1,66 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports["default"] = LinkSetting;
-
-var _form = _interopRequireDefault(require("@alifd/next/lib/form"));
-
-var _field = _interopRequireDefault(require("@alifd/next/lib/field"));
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _collapse = _interopRequireDefault(require("@alifd/next/lib/collapse"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _LineType = _interopRequireDefault(require("../../../../../../../core/editor/components/settings/common/LineType"));
-
-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 CollapsePanel = _collapse["default"].Panel;
-
-function parseValues(values) {
-  return (0, _extends2["default"])({}, values);
-}
-
-function LinkSetting(props) {
-  var topo = props.topo,
-      values = props.values,
-      _onChange = props.onChange,
-      edge = props.edge;
-
-  var field = _field["default"].useField({
-    autoUnmount: false,
-    values: parseValues(values),
-    onChange: function onChange(name, value) {
-      var newValues = field.getValues();
-
-      _onChange(name, value, newValues);
-    }
-  });
-
-  (0, _react.useEffect)(function () {
-    field.setValues(parseValues(values));
-  }, [values]);
-  return /*#__PURE__*/_react["default"].createElement(_form["default"], {
-    field: field,
-    labelAlign: "top"
-  }, /*#__PURE__*/_react["default"].createElement(_form["default"].Item, null, /*#__PURE__*/_react["default"].createElement(_collapse["default"], {
-    defaultExpandedKeys: ["线形"],
-    style: {
-      border: "none"
-    }
-  }, /*#__PURE__*/_react["default"].createElement(CollapsePanel, {
-    key: "\u7EBF\u5F62",
-    title: "\u7EBF\u5F62"
-  }, /*#__PURE__*/_react["default"].createElement(_LineType["default"], {
-    topo: topo,
-    getEdges: function getEdges() {
-      return [edge];
-    }
-  })))));
-}

package/lib/networkTopo/components/editor/propertyViews/edge/LinkPropertyView/index.js

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

package/lib/networkTopo/components/editor/propertyViews/edge/link/BindExitLinkSelect.js

@@ -1,205 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports["default"] = BindExitLinkSelect;
-
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
-var _form = _interopRequireDefault(require("@alifd/next/lib/form"));
-
-var _select = _interopRequireDefault(require("@alifd/next/lib/select"));
-
-var _loading = _interopRequireDefault(require("@alifd/next/lib/loading"));
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
-var _rlog = _interopRequireDefault(require("@riil-frontend/component-topology-utils/es/rlog"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _link = _interopRequireDefault(require("../../../../../services/link"));
-
-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 BindExitLinkSelect(props) {
-  var topo = props.topo,
-      edge = props.edge,
-      values = props.values,
-      onChange = props.onChange,
-      editorProps = props.editorProps;
-  var store = topo.store;
-
-  var _store$useModel = store.useModel("topoConfig"),
-      editState = _store$useModel[0],
-      editDispatchers = _store$useModel[1]; // 可关联出口链路
-
-
-  var _useState = (0, _react.useState)([]),
-      associatedlinks = _useState[0],
-      setAssociatedlinks = _useState[1];
-
-  var _useState2 = (0, _react.useState)(false),
-      loading = _useState2[0],
-      setLoading = _useState2[1]; // const [isLine, setIsLine] = useState(false);
-
-
-  var getLinkByNodes = /*#__PURE__*/function () {
-    var _ref = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(id) {
-      var result, hasLinkIds, axlink;
-      return _regenerator["default"].wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              _context.next = 2;
-              return _link["default"].queryAssociatedlinks(id);
-
-            case 2:
-              result = _context.sent;
-              hasLinkIds = topo.getLines().map(function (line) {
-                return line.id;
-              });
-              axlink = [];
-              result.data.map(function (exLink) {
-                if (hasLinkIds.indexOf(exLink.id) < 0) {
-                  axlink.push(exLink);
-                }
-              });
-
-              _rlog["default"].debug("出口链路列表", result.data, axlink);
-
-              setAssociatedlinks(axlink);
-
-            case 8:
-            case "end":
-              return _context.stop();
-          }
-        }
-      }, _callee);
-    }));
-
-    return function getLinkByNodes(_x) {
-      return _ref.apply(this, arguments);
-    };
-  }();
-
-  (0, _react.useEffect)(function () {
-    // console.log(
-    //   "CommonEdgePropertyView-edge",
-    //   edge,
-    //   edge.getSource().getTag(),
-    //   edge.getTarget()
-    // );
-    var ids = [edge.getSource().getTag(), edge.getTarget().getTag()];
-    getLinkByNodes(ids);
-  }, [edge]);
-
-  var bindExitLink = /*#__PURE__*/function () {
-    var _ref2 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2(value) {
-      var data, exitLink, config, exconfig, exportLinkIdList, _yield$editDispatcher, elements, target, aobj;
-
-      return _regenerator["default"].wrap(function _callee2$(_context2) {
-        while (1) {
-          switch (_context2.prev = _context2.next) {
-            case 0:
-              topo.historyManager.beginTransaction();
-              setLoading(true);
-              data = associatedlinks.find(function (link) {
-                return link.id === value;
-              });
-
-              _rlog["default"].debug("bindExitLink--- v, edge", data, edge);
-
-              exitLink = {
-                attributes: [],
-                ciType: "network_link",
-                dtype: "link",
-                id: data.id,
-                interfaceSource: data["network_link.source_device_id"],
-                interfaceTarget: data.attributes["network_link.destination_device_id"],
-                metrics: [],
-                name: data.attributes.name,
-                "network_link.destination_ipv4": data.attributes["network_link.destination_ipv4"],
-                operation: "delete",
-                source: data.attributes.source_id,
-                target: data.attributes.destination_id,
-                type: "link"
-              };
-              config = topo.resourceConfig.getConfigFromHt();
-
-              _rlog["default"].debug("getConfigFromHt", config, topo.resourceConfig);
-
-              exconfig = (0, _extends2["default"])({}, config);
-              exportLinkIdList = config.exportLinkIdList;
-              exportLinkIdList.push(data.id);
-              topo.resourceConfig.updateConfig((0, _extends2["default"])({}, config, {
-                exportLinkIdList: exportLinkIdList
-              }));
-              _context2.next = 13;
-              return editDispatchers.fetchDataByConfig();
-
-            case 13:
-              _yield$editDispatcher = _context2.sent;
-              elements = _yield$editDispatcher.elements;
-              target = edge.getTarget();
-
-              if (target.getTag() === undefined) {
-                target.a("name", exitLink["network_link.destination_ipv4"]);
-              }
-
-              aobj = edge.getAttrObject();
-              edge.setAttrObject((0, _extends2["default"])({}, aobj, exitLink));
-              edge.setTag(data.id); // console.log(
-              //   "bindExitLink------------",
-              //   target,
-              //   target.getTag(),
-              //   data["network_link.destination_ipv4"],
-              //   exitLink
-              // );
-
-              _rlog["default"].debug("fetchDataByConfig", elements);
-
-              setLoading(false);
-              topo.historyManager.endTransaction();
-
-            case 23:
-            case "end":
-              return _context2.stop();
-          }
-        }
-      }, _callee2);
-    }));
-
-    return function bindExitLink(_x2) {
-      return _ref2.apply(this, arguments);
-    };
-  }();
-
-  return /*#__PURE__*/_react["default"].createElement(_form["default"].Item, {
-    label: "\u5173\u8054\u51FA\u53E3\u94FE\u8DEF",
-    style: {
-      marginBottom: 0
-    }
-  }, /*#__PURE__*/_react["default"].createElement(_loading["default"], {
-    visible: loading,
-    fullScreen: true
-  }), /*#__PURE__*/_react["default"].createElement(_select["default"], {
-    style: {
-      width: 232
-    },
-    disabled: associatedlinks.length < 1,
-    onChange: function onChange(v) {
-      bindExitLink(v);
-    }
-  }, associatedlinks.map(function (item, index) {
-    return /*#__PURE__*/_react["default"].createElement(_select["default"].Option, {
-      value: item.id,
-      key: index
-    }, item.attributes.display_name);
-  })));
-}

package/lib/networkTopo/components/editor/propertyViews/edge/link/LinkInfoPreview.js

@@ -1,147 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports["default"] = LindInfoPreview;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _box = _interopRequireDefault(require("@alifd/next/lib/box"));
-
-var _collapse = _interopRequireDefault(require("@alifd/next/lib/collapse"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _LinkInfoPreviewModule = _interopRequireDefault(require("./LinkInfoPreview.module.scss"));
-
-var _attributeFormatter = require("../../../../../../core/models/attributeFormatter");
-
-var _rlog = _interopRequireDefault(require("@riil-frontend/component-topology-utils/es/rlog"));
-
-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 CollapsePanel = _collapse["default"].Panel;
-
-function Item(props) {
-  return /*#__PURE__*/_react["default"].createElement(_box["default"], {
-    key: props.name,
-    direction: "row",
-    spacing: 8,
-    className: _LinkInfoPreviewModule["default"].row
-  }, /*#__PURE__*/_react["default"].createElement(_box["default"], {
-    className: _LinkInfoPreviewModule["default"].label
-  }, props.label), /*#__PURE__*/_react["default"].createElement(_box["default"], {
-    className: props.name === "use" ? _LinkInfoPreviewModule["default"].uselabelValue : _LinkInfoPreviewModule["default"].labelValue,
-    flex: 1
-  }, props.content));
-}
-
-function LindInfoPreview(props) {
-  var topo = props.topo,
-      data = props.data,
-      isCmpTopo = props.isCmpTopo,
-      target = props.target;
-  var cmpFields = [];
-  var cmpFieldsSource = []; // 分级拓扑逻辑
-
-  if (isCmpTopo && target.id.indexOf("sub") >= 0) {
-    cmpFields.push({
-      label: "所属平台",
-      content: target.attributes.platform
-    });
-    cmpFieldsSource.push({
-      label: "所属平台",
-      content: '本级平台'
-    });
-  }
-
-  var fields = [{
-    label: "链路名称",
-    name: "display_name"
-  }, {
-    label: "源节点名称",
-    name: "network_link.source_device_id"
-  }, {
-    label: "源节点IP",
-    name: "network_link.source_device_ipv4"
-  }, {
-    label: "源端口",
-    name: "source_id"
-  }, {
-    label: "源端IP",
-    name: "network_link.source_ipv4"
-  }].concat(cmpFieldsSource, [{
-    label: "目的节点名称",
-    name: "network_link.destination_device_id"
-  }, {
-    label: "目的节点IP",
-    name: "network_link.destination_device_ipv4"
-  }, {
-    label: "目的端口",
-    name: "destination_id"
-  }, {
-    label: "目的端IP",
-    name: "network_link.destination_ipv4"
-  }], cmpFields, [{
-    label: "取值端口",
-    name: "network_link.value_port"
-  }, {
-    label: "实际带宽",
-    name: "network_link.actual_bandwidth"
-  }, {
-    label: "用途",
-    name: "use"
-  }]);
-
-  var getValue = function getValue(name) {
-    var value; // console.log('LindInfoPreview-getValue',data,name)
-
-    if (data) {
-      if (data.attributes[name + "_object"]) {
-        value = data.attributes[name + "_object"].displayName;
-      } else {
-        value = data.attributes[name];
-      }
-
-      var attrMeta = topo.ciTyeCache.getCiType("network_link").attributeMap[name];
-      value = (0, _attributeFormatter.formatMetric)(value, attrMeta);
-
-      if (name === "network_link.value_port") {
-        value = "源端口";
-      }
-    } else {
-      value = "-";
-    }
-
-    return value;
-  };
-
-  return fields.map(function (field, index) {
-    return /*#__PURE__*/_react["default"].createElement(Item, (0, _extends2["default"])({
-      key: index
-    }, field, {
-      content: field.content || getValue(field.name)
-    }));
-  }); // <Collapse
-  //   defaultExpandedKeys={["相关资源"]}
-  //   style={{ border: "none" }}
-  //   className={styles.panelFullHeight}
-  // >
-  //   <CollapsePanel key="相关资源" title="相关资源">
-  //     {fields.map((field) => (
-  //       <Box
-  //         key={field.name}
-  //         direction="row"
-  //         spacing={12}
-  //         className={styles.row}
-  //       >
-  //         <Box className={styles.label}>{field.label}</Box>
-  //         <Box flex={1}>{getValue(field.name)}</Box>
-  //       </Box>
-  //     ))}
-  //   </CollapsePanel>
-  // </Collapse>
-}