@riil-frontend/component-topology 7.0.0-dev.9 → 7.0.2

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

@@ -1,187 +0,0 @@
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-import topoService from "@riil-frontend/component-topology-common/es/services/topo";
-import { request } from "@riil-frontend/component-topology-utils";
-import rlog from "@riil-frontend/component-topology-utils/es/rlog";
-export default {
-  /**
-   * 查询端口列表
-   *
-   * @param {array} ciIds
-   */
-  getPortsById: function getPortsById(id) {
-    return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-      var _result$id, result;
-
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              _context.prev = 0;
-              _context.next = 3;
-              return request.post("/topo/v1/api/networkLink/devicesInterfaces", [id]);
-
-            case 3:
-              result = _context.sent;
-              rlog.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.error("查询端口列表", _context.t0);
-
-            case 11:
-            case "end":
-              return _context.stop();
-          }
-        }
-      }, _callee, null, [[0, 8]]);
-    }))();
-  },
-
-  /**
-   * 新建/编辑链路
-   *
-   * @param {array} ciIds
-   */
-  addLink: function addLink(parm) {
-    return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
-      var result;
-      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-        while (1) {
-          switch (_context2.prev = _context2.next) {
-            case 0:
-              _context2.prev = 0;
-              _context2.next = 3;
-              return 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.error("新建链路", _context2.t0);
-
-            case 10:
-            case "end":
-              return _context2.stop();
-          }
-        }
-      }, _callee2, null, [[0, 7]]);
-    }))();
-  },
-
-  /**
-   * 查询当前节点关联的链路
-   *
-   * @param {array} ciId
-   */
-  queryLinksByNodeId: function queryLinksByNodeId(ciId) {
-    return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
-      var condition, parm, jsonParm, result;
-      return _regeneratorRuntime.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 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.error("查询可关联链路", _context3.t0);
-
-            case 13:
-            case "end":
-              return _context3.stop();
-          }
-        }
-      }, _callee3, null, [[3, 10]]);
-    }))();
-  },
-
-  /**
-   * 新建/编辑链路
-   *
-   * @param {array} ciIds
-   */
-  editLink: function editLink(parm) {
-    return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
-      var result;
-      return _regeneratorRuntime.wrap(function _callee4$(_context4) {
-        while (1) {
-          switch (_context4.prev = _context4.next) {
-            case 0:
-              _context4.prev = 0;
-              _context4.next = 3;
-              return 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.error("编辑链路", _context4.t0);
-
-            case 10:
-            case "end":
-              return _context4.stop();
-          }
-        }
-      }, _callee4, null, [[0, 7]]);
-    }))();
-  },
-
-  /**
-   * 删除链路
-   *
-   * @param {array} ciIds
-   */
-  deleteLink: function deleteLink(id) {
-    return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5() {
-      var result;
-      return _regeneratorRuntime.wrap(function _callee5$(_context5) {
-        while (1) {
-          switch (_context5.prev = _context5.next) {
-            case 0:
-              _context5.prev = 0;
-              _context5.next = 3;
-              return 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.error("删除链路", _context5.t0);
-
-            case 10:
-            case "end":
-              return _context5.stop();
-          }
-        }
-      }, _callee5, null, [[0, 7]]);
-    }))();
-  }
-};

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

@@ -1,178 +0,0 @@
-import _Form from "@alifd/next/es/form";
-import _Select from "@alifd/next/es/select";
-import _Loading from "@alifd/next/es/loading";
-import _extends from "@babel/runtime/helpers/extends";
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-import rlog from "@riil-frontend/component-topology-utils/es/rlog";
-import React, { useEffect, useState } from "react";
-import service from "../../../../../services/link";
-export default 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 = useState([]),
-      associatedlinks = _useState[0],
-      setAssociatedlinks = _useState[1];
-
-  var _useState2 = useState(false),
-      loading = _useState2[0],
-      setLoading = _useState2[1]; // const [isLine, setIsLine] = useState(false);
-
-
-  var getLinkByNodes = /*#__PURE__*/function () {
-    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(id) {
-      var result, hasLinkIds, axlink;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              _context.next = 2;
-              return service.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.debug("出口链路列表", result.data, axlink);
-              setAssociatedlinks(axlink);
-
-            case 8:
-            case "end":
-              return _context.stop();
-          }
-        }
-      }, _callee);
-    }));
-
-    return function getLinkByNodes(_x) {
-      return _ref.apply(this, arguments);
-    };
-  }();
-
-  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 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(value) {
-      var data, exitLink, config, exconfig, exportLinkIdList, _yield$editDispatcher, elements, target, aobj;
-
-      return _regeneratorRuntime.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.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.debug("getConfigFromHt", config, topo.resourceConfig);
-              exconfig = _extends({}, config);
-              exportLinkIdList = config.exportLinkIdList;
-              exportLinkIdList.push(data.id);
-              topo.resourceConfig.updateConfig(_extends({}, 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(_extends({}, aobj, exitLink));
-              edge.setTag(data.id); // console.log(
-              //   "bindExitLink------------",
-              //   target,
-              //   target.getTag(),
-              //   data["network_link.destination_ipv4"],
-              //   exitLink
-              // );
-
-              rlog.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.createElement(_Form.Item, {
-    label: "\u5173\u8054\u51FA\u53E3\u94FE\u8DEF",
-    style: {
-      marginBottom: 0
-    }
-  }, /*#__PURE__*/React.createElement(_Loading, {
-    visible: loading,
-    fullScreen: true
-  }), /*#__PURE__*/React.createElement(_Select, {
-    style: {
-      width: 232
-    },
-    disabled: associatedlinks.length < 1,
-    onChange: function onChange(v) {
-      bindExitLink(v);
-    }
-  }, associatedlinks.map(function (item, index) {
-    return /*#__PURE__*/React.createElement(_Select.Option, {
-      value: item.id,
-      key: index
-    }, item.attributes.display_name);
-  })));
-}

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

@@ -1,103 +0,0 @@
-import _Box from "@alifd/next/es/box";
-import _Collapse from "@alifd/next/es/collapse";
-import React, { useEffect } from "react";
-import styles from "./LinkInfoPreview.module.scss";
-import { formatMetric } from "../../../../../../core/models/attributeFormatter";
-import rlog from "@riil-frontend/component-topology-utils/es/rlog";
-var CollapsePanel = _Collapse.Panel;
-export default 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 = formatMetric(value, attrMeta);
-
-      if (name === "network_link.value_port") {
-        value = "源端口";
-      }
-    } else {
-      value = "-";
-    }
-
-    return value;
-  };
-
-  return fields.map(function (field) {
-    return /*#__PURE__*/React.createElement(_Box, {
-      key: field.name,
-      direction: "row",
-      spacing: 8,
-      className: styles.row
-    }, /*#__PURE__*/React.createElement(_Box, {
-      className: styles.label
-    }, field.label), /*#__PURE__*/React.createElement(_Box, {
-      className: field.name === "use" ? styles.uselabelValue : styles.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/es/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;
-    }
-  }
-}

package/es/networkTopo/components/editor/useEditorProps.js

@@ -1,32 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _useGroupSortResources from "../../hooks/editor/useGroupSortResources";
-import LayerConfigPlugin from "./plugins/LayerConfigPlugin";
-import AddLinkDrawer from "./propertyViews/edge/addLinkDrawer/AddLinkDrawer";
-import EdgePropertyView from "./propertyViews/edge/EdgePropertyView";
-import LinkPropertyView from "./propertyViews/edge/LinkPropertyView";
-import LayerRelatedResourceList from "./propertyViews/LayerRelatedResourceList";
-export default function useEditorProps(props) {
-  var topo = props.topo,
-      customEditorProps = props.editorProps;
-  return _extends({
-    useGroupSortResources: function useGroupSortResources(nodes) {
-      return _useGroupSortResources(topo.store, nodes);
-    },
-    layerRelatedResourceList: LayerRelatedResourceList,
-    multipleElementPropertyViewProps: {
-      showElementAlign: true
-    },
-    // 连线属性面板
-    edgePropertyViews: {
-      edge: EdgePropertyView,
-      link: LinkPropertyView
-    },
-    getEdgePropertyViewType: function getEdgePropertyViewType(_ref) {
-      var edge = _ref.edge;
-      return edge.getTag() ? 'link' : null;
-    },
-    showLinkConfig: true,
-    // 是否显示链路相关配置
-    plugins: [LayerConfigPlugin, AddLinkDrawer]
-  }, customEditorProps);
-}

package/es/networkTopo/event/index.js

@@ -1,6 +0,0 @@
-var TopoCenterEvent = function TopoCenterEvent() {};
-
-TopoCenterEvent.TOPO_LINK_ENTER_CREATE_MODE = "topo_link_enter_create_mode";
-TopoCenterEvent.TOPO_LINK_CREATED = "topo_link_created";
-TopoCenterEvent.TOPO_LINK_SELECT_SOURCE_NODE = "topo_link_select_source_node";
-export { TopoCenterEvent as default };