@riil-frontend/component-topology 7.0.0-dev.8 → 7.0.1

package/lib/networkTopo/components/editor/propertyViews/edge/addLinkDrawer/mock.js

@@ -1,60 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.lineData = void 0;
-var lineData = {
-  source: {
-    id: "1",
-    name: "锐捷交换机1",
-    ip: "172.17.161.203",
-    ciType: "锐捷交换机",
-    ports: [{
-      label: "1/0",
-      value: "1"
-    }, {
-      label: "1/1",
-      value: "2"
-    }, {
-      label: "1/2",
-      value: "3"
-    }]
-  },
-  target: {
-    id: "2",
-    name: "锐捷路由器2",
-    ip: "172.17.161.249",
-    ciType: "锐捷路由器",
-    ports: [{
-      label: "1/0",
-      value: "1"
-    }, {
-      label: "1/1",
-      value: "2"
-    }, {
-      label: "1/2",
-      value: "3"
-    }]
-  }
-};
-exports.lineData = lineData;
-var attributes = {
-  "network_link.to_if_connect": "r691616699585134592",
-  "network_link.destination_ipv4 ": "172.17.166.27",
-  "network_link.work_mode": "single",
-  support_templates: "m.physical_link ",
-  destination_id: "o000000046d0cc17",
-  "rated_bandwidth ": 1000,
-  source_type: "network.interface",
-  "network_link.connect_type ": "phy",
-  display_name: "172.17.166.10(Gi 0/41) - 172.17.166.27(Gi 0/49) ",
-  asset_status: "1 ",
-  destination_type: "network.interface",
-  "network_link.network_category": "CAN ",
-  "network_link.source_ipv4 ": "172.17.166.10",
-  name: "172.17.166.10(Gi 0/41) - 172.17.166.27(Gi 0/49 ) ",
-  "distance_outlet ": 2147483647,
-  "network_link.is_crucial": false,
-  source_id: "o00o000046d0c3cc",
-  "network_link.source_device_id": "o00oo00046d0c368",
-  "network_link.destination_device_id": " 0000000046d0c95e"
-};

package/lib/networkTopo/components/editor/propertyViews/edge/addLinkDrawer/server.js

@@ -1,207 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports["default"] = void 0;
-
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
-var _topo = _interopRequireDefault(require("@riil-frontend/component-topology-common/es/services/topo"));
-
-var _componentTopologyUtils = require("@riil-frontend/component-topology-utils");
-
-var _rlog = _interopRequireDefault(require("@riil-frontend/component-topology-utils/es/rlog"));
-
-var _default = {
-  /**
-   * 查询端口列表
-   *
-   * @param {array} ciIds
-   */
-  getPortsById: function getPortsById(id) {
-    return (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
-      var _result$id, result;
-
-      return _regenerator["default"].wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              _context.prev = 0;
-              _context.next = 3;
-              return _componentTopologyUtils.request.post("/topo/v1/api/networkLink/devicesInterfaces", [id]);
-
-            case 3:
-              result = _context.sent;
-
-              _rlog["default"].debug("查询端口列表", id, result[id]);
-
-              return _context.abrupt("return", (_result$id = result[id]) !== null && _result$id !== void 0 ? _result$id : []);
-
-            case 8:
-              _context.prev = 8;
-              _context.t0 = _context["catch"](0);
-
-              _rlog["default"].error("查询端口列表", _context.t0);
-
-            case 11:
-            case "end":
-              return _context.stop();
-          }
-        }
-      }, _callee, null, [[0, 8]]);
-    }))();
-  },
-
-  /**
-   * 新建/编辑链路
-   *
-   * @param {array} ciIds
-   */
-  addLink: function addLink(parm) {
-    return (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2() {
-      var result;
-      return _regenerator["default"].wrap(function _callee2$(_context2) {
-        while (1) {
-          switch (_context2.prev = _context2.next) {
-            case 0:
-              _context2.prev = 0;
-              _context2.next = 3;
-              return _componentTopologyUtils.request.post("/topo/v1/api/networkLink", parm);
-
-            case 3:
-              result = _context2.sent;
-              return _context2.abrupt("return", result);
-
-            case 7:
-              _context2.prev = 7;
-              _context2.t0 = _context2["catch"](0);
-
-              _rlog["default"].error("新建链路", _context2.t0);
-
-            case 10:
-            case "end":
-              return _context2.stop();
-          }
-        }
-      }, _callee2, null, [[0, 7]]);
-    }))();
-  },
-
-  /**
-   * 查询当前节点关联的链路
-   *
-   * @param {array} ciId
-   */
-  queryLinksByNodeId: function queryLinksByNodeId(ciId) {
-    return (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee3() {
-      var condition, parm, jsonParm, result;
-      return _regenerator["default"].wrap(function _callee3$(_context3) {
-        while (1) {
-          switch (_context3.prev = _context3.next) {
-            case 0:
-              condition = "type('network_link') && (network_link.source_device_id='" + ciId + "' || network_link.destination_device_id='" + ciId + "')";
-              parm = {
-                condition: condition,
-                sort: "name asc",
-                currentPage: 1,
-                pageSize: 9999
-              };
-              jsonParm = JSON.stringify(parm); // console.log("查询当前节点关联的链路",  parm, jsonParm);
-
-              _context3.prev = 3;
-              _context3.next = 6;
-              return _componentTopologyUtils.request.post("/mdc/v1/api/cmdb/commonQueryCiData", jsonParm);
-
-            case 6:
-              result = _context3.sent;
-              return _context3.abrupt("return", result);
-
-            case 10:
-              _context3.prev = 10;
-              _context3.t0 = _context3["catch"](3);
-
-              _rlog["default"].error("查询可关联链路", _context3.t0);
-
-            case 13:
-            case "end":
-              return _context3.stop();
-          }
-        }
-      }, _callee3, null, [[3, 10]]);
-    }))();
-  },
-
-  /**
-   * 新建/编辑链路
-   *
-   * @param {array} ciIds
-   */
-  editLink: function editLink(parm) {
-    return (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee4() {
-      var result;
-      return _regenerator["default"].wrap(function _callee4$(_context4) {
-        while (1) {
-          switch (_context4.prev = _context4.next) {
-            case 0:
-              _context4.prev = 0;
-              _context4.next = 3;
-              return _componentTopologyUtils.request.put("/topo/v1/api/networkLink", parm);
-
-            case 3:
-              result = _context4.sent;
-              return _context4.abrupt("return", result);
-
-            case 7:
-              _context4.prev = 7;
-              _context4.t0 = _context4["catch"](0);
-
-              _rlog["default"].error("编辑链路", _context4.t0);
-
-            case 10:
-            case "end":
-              return _context4.stop();
-          }
-        }
-      }, _callee4, null, [[0, 7]]);
-    }))();
-  },
-
-  /**
-   * 删除链路
-   *
-   * @param {array} ciIds
-   */
-  deleteLink: function deleteLink(id) {
-    return (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee5() {
-      var result;
-      return _regenerator["default"].wrap(function _callee5$(_context5) {
-        while (1) {
-          switch (_context5.prev = _context5.next) {
-            case 0:
-              _context5.prev = 0;
-              _context5.next = 3;
-              return _componentTopologyUtils.request["delete"]("/topo/v1/api/networkLink/{" + id + "}");
-
-            case 3:
-              result = _context5.sent;
-              return _context5.abrupt("return", result);
-
-            case 7:
-              _context5.prev = 7;
-              _context5.t0 = _context5["catch"](0);
-
-              _rlog["default"].error("删除链路", _context5.t0);
-
-            case 10:
-            case "end":
-              return _context5.stop();
-          }
-        }
-      }, _callee5, null, [[0, 7]]);
-    }))();
-  }
-};
-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,121 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports["default"] = LindInfoPreview;
-
-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 LindInfoPreview(props) {
-  var topo = props.topo,
-      data = props.data;
-  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"
-  }, {
-    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"
-  }, {
-    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) {
-    return /*#__PURE__*/_react["default"].createElement(_box["default"], {
-      key: field.name,
-      direction: "row",
-      spacing: 8,
-      className: _LinkInfoPreviewModule["default"].row
-    }, /*#__PURE__*/_react["default"].createElement(_box["default"], {
-      className: _LinkInfoPreviewModule["default"].label
-    }, field.label), /*#__PURE__*/_react["default"].createElement(_box["default"], {
-      className: field.name === "use" ? _LinkInfoPreviewModule["default"].uselabelValue : _LinkInfoPreviewModule["default"].labelValue,
-      flex: 1
-    }, 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>
-}

package/lib/networkTopo/components/editor/propertyViews/edge/link/LinkInfoPreview.module.scss

@@ -1,65 +0,0 @@
-@import '~@alifd/next/variables.scss';
-
-
-.row {
-  margin-bottom: 12px;
-}
-
-.label {
-  width: 74px;
-  text-align: right;
-  color: #78849C;
-}
-
-.labelValue {
-  max-width: 160px;
-  max-height: 200px;
-  overflow-x: hidden;
-  overflow-wrap: break-word;
-}
-
-.uselabelValue {
-  max-width: 160px;
-  max-height: 200px;
-  overflow-y: scroll;
-  overflow-x: hidden;
-  overflow-wrap: break-word;
-
-}
-
-
-.content {}
-
-.footer {
-  position: absolute;
-  bottom: 0;
-  width: 100%;
-  border-top: 1px solid #e8e8e8;
-  padding: 10px 16px;
-  text-align: right;
-  left: 0;
-  background: #fff;
-  border-radius: 0 0 4px 4px;
-
-  & .button {
-    &:not(:first-child) {
-      margin-left: 8px;
-    }
-  }
-}
-
-
-.panelFullHeight {
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  padding-top: 12px;
-  padding-left: 16px;
-
-  :global {
-    .#{$css-prefix}collapse-panel-content {
-      flex: 1;
-      overflow: auto;
-    }
-  }
-}