@riil-frontend/component-topology 5.0.0-alpha.9 → 5.0.2

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

@@ -0,0 +1,12 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports["default"] = NetworkLinkForm;
+
+var _react = _interopRequireDefault(require("react"));
+
+function NetworkLinkForm(props) {
+  return /*#__PURE__*/_react["default"].createElement("div", null, "LinkForm");
+}

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

@@ -11,10 +11,10 @@ var _button = _interopRequireDefault(require("@alifd/next/lib/button"));
 
 var _numberPicker = _interopRequireDefault(require("@alifd/next/lib/number-picker"));
 
-var _select = _interopRequireDefault(require("@alifd/next/lib/select"));
-
 var _input = _interopRequireDefault(require("@alifd/next/lib/input"));
 
+var _select = _interopRequireDefault(require("@alifd/next/lib/select"));
+
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 
 var _dialog = _interopRequireDefault(require("@alifd/next/lib/dialog"));
@@ -31,8 +31,6 @@ var _radio = _interopRequireDefault(require("@alifd/next/lib/radio"));
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _validator = _interopRequireDefault(require("validator"));
-
 var _rlog = _interopRequireDefault(require("@riil-frontend/component-topology-utils/es/rlog"));
 
 var _indexModule = _interopRequireDefault(require("./index.module.scss"));
@@ -41,10 +39,11 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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; }
 
+// import LindInfoPreview from "../../link/LindInfoPreview";
 var RadioGroup = _radio["default"].Group;
 var FormItem = _form["default"].Item;
 var Row = _grid["default"].Row,
-    Col = _grid["default"].Col; // import LindInfoPreview from "../../link/LindInfoPreview";
+    Col = _grid["default"].Col;
 
 function parseValues(values) {
   return (0, _extends2["default"])({}, values);
@@ -58,7 +57,7 @@ function parseValues(values) {
 
 
 function EditLinkInfo(props) {
-  var _sourceValue$ipAddres2, _sourceValue$portsDoc5, _sourceValue$portsDoc6, _targetValue$portsDoc5, _targetValue$portsDoc6;
+  var _field$getValue, _field$getValue2, _sourceValue$portsDoc5, _sourceValue$portsDoc6, _targetValue$portsDoc5, _targetValue$portsDoc6;
 
   var topo = props.topo,
       lineData = props.lineData,
@@ -86,18 +85,20 @@ function EditLinkInfo(props) {
       ratedBandwidth = _useState4[0],
       setRatedBandwidth = _useState4[1];
 
-  var fieldOnChange = function fieldOnChange(name, value) {
-    var newValues = field.getValues();
-
-    _rlog["default"].debug("Field-onChange", newValues, name, value);
-
-    setValus(newValues);
-  };
-
   var field = _field["default"].useField({
     autoUnmount: false,
     values: parseValues(attributes),
-    onChange: fieldOnChange
+    onChange: function onChange(name, value) {
+      var newValues = field.getValues();
+
+      _rlog["default"].debug('Field-onChange', newValues, name, value);
+
+      setValus(newValues);
+
+      if (name === 'network_link.destination_ipv4') {
+        setDisplayNames(newValues);
+      }
+    }
   });
 
   (0, _react.useEffect)(function () {
@@ -105,49 +106,69 @@ function EditLinkInfo(props) {
     setSource(source);
     setTarget(target);
     field.setValues(attributes);
-  }, [source, target, field, attributes]); // const [editState, editDispatchers] = store.useModel("topoConfig");
-
-  var labelAlign = "top";
+  }, [source, target, field, attributes]);
+  var labelAlign = 'top';
   var formItemLayout = {
     labelCol: {
       fixedSpan: 4
     }
   };
 
-  var linkTypeJudge = function linkTypeJudge(sourceType, destinationType, type) {
-    // console.log("linkTypeJudge", sourceType, destinationType, type);
-    var connect = "phy";
-    var support = "m.physical_link";
-
-    if (sourceType === "network.agg_interface" && destinationType === sourceType) {
-      connect = "agg";
-      support = "m.agg_link";
+  var setDisplayNames = function setDisplayNames(vals) {
+    if (!isAdd) {
+      return;
     }
 
-    if (type === "exit") {
-      connect = "exit";
-      support = "m.export_link";
+    var newValues = vals || field.getValues();
+    var destDeviceId = newValues['network_link.destination_device_id'];
+    var sourceIp = newValues['network_link.source_device_ipv4'];
+    var targetIp = destDeviceId ? newValues['network_link.destination_device_ipv4'] : newValues['network_link.destination_ipv4'];
+
+    if (sourceIp && targetIp) {
+      var obj = [{
+        reg: /FastEthernet/g,
+        Abbreviation: 'Fa '
+      }, {
+        reg: /TwoGigabitEthernet/g,
+        Abbreviation: 'Tw '
+      }, {
+        reg: /FiveGigabitEthernet/g,
+        Abbreviation: 'Fi '
+      }, {
+        reg: /TenGigabitEthernet/g,
+        Abbreviation: 'Te '
+      }, {
+        reg: /TwentyFiveGigE/g,
+        Abbreviation: 'Twe '
+      }, {
+        reg: /FortyGigabitEthernet/g,
+        Abbreviation: 'Fo '
+      }, {
+        reg: /XGigabitEthernet/g,
+        Abbreviation: 'Te '
+      }, {
+        reg: /Ten-GigabitEthernet/g,
+        Abbreviation: 'Te '
+      }, {
+        reg: /GigabitEthernet/g,
+        Abbreviation: 'Gi '
+      }];
+      var displayName = sourceIp + (sourceValue.portsDoc[newValues['source_id']] ? '(' + sourceValue.portsDoc[newValues['source_id']].label + ')' : '') + ' - ' + targetIp + (targetValue.portsDoc[newValues['destination_id']] ? '(' + targetValue.portsDoc[newValues['destination_id']].label + ')' : '');
+      obj.filter(function (node) {
+        return node.reg.test(displayName);
+      }).forEach(function (node) {
+        displayName = displayName.replace(node.reg, node.Abbreviation);
+      });
+      field.setValue('display_name', displayName);
     }
-
-    return {
-      connect: connect,
-      support: support
-    };
   };
 
-  var connectHandleChange = function connectHandleChange(v) {
-    field.setValue("connect_type", v);
-    field.reset("destination_id");
-  };
-
-  var getRatedBandwidth = function getRatedBandwidth() {};
-
   var portsHandleChange = function portsHandleChange(type, value) {
     var _sourceValue$portsDoc, _sourceValue$portsDoc2, _targetValue$portsDoc, _targetValue$portsDoc2;
 
     var nowValues = field.getValues();
-    var sourceId = nowValues["source_id"];
-    var targetId = nowValues["destination_id"];
+    var sourceId = nowValues['source_id'];
+    var targetId = nowValues['destination_id'];
     var sourceRb = (_sourceValue$portsDoc = (_sourceValue$portsDoc2 = sourceValue.portsDoc[sourceId]) === null || _sourceValue$portsDoc2 === void 0 ? void 0 : _sourceValue$portsDoc2.ratedBandwidth) !== null && _sourceValue$portsDoc !== void 0 ? _sourceValue$portsDoc : 0;
     var targetRb = (_targetValue$portsDoc = (_targetValue$portsDoc2 = targetValue.portsDoc[targetId]) === null || _targetValue$portsDoc2 === void 0 ? void 0 : _targetValue$portsDoc2.ratedBandwidth) !== null && _targetValue$portsDoc !== void 0 ? _targetValue$portsDoc : 0;
     var actualBandwidth = 0;
@@ -160,7 +181,8 @@ function EditLinkInfo(props) {
 
 
     setRatedBandwidth(actualBandwidth);
-    field.setValue("network_link.actual_bandwidth", actualBandwidth);
+    field.setValue('network_link.actual_bandwidth', actualBandwidth);
+    setDisplayNames();
   };
 
   var checkName = function checkName(rule, value, callback) {
@@ -170,7 +192,7 @@ function EditLinkInfo(props) {
     var usedNames = [];
     links.map(function (link) {
       // console.log('checkName',link.id,lineData)
-      if (link.dtype === "link" && link.name && link.id !== lineData.attributes.linkId) {
+      if (link.dtype === 'link' && link.name && link.id !== lineData.attributes.linkId) {
         usedNames.push(link.name);
       }
     });
@@ -178,7 +200,7 @@ function EditLinkInfo(props) {
     if (usedNames.indexOf(displayName) >= 0) {
       // console.log("setError", checkName, usedNames, displayName);
       // field.setError("display_name", "链路名称重复");
-      return callback("链路名称重复");
+      return callback('链路名称重复');
     } else {
       return callback();
     }
@@ -187,75 +209,80 @@ function EditLinkInfo(props) {
   var saveHandleChange = function saveHandleChange() {
     field.validate(function (errors, values) {
       if (errors) {
-        _rlog["default"].error("saveHandleChange-error", errors, values);
+        _rlog["default"].error('saveHandleChange-error', errors, values);
       } else {
-        var _valus$destination_id, _sourceValue$portsDoc3, _sourceValue$portsDoc4, _targetValue$portsDoc3, _targetValue$portsDoc4, _targetValue$ipAddres, _sourceValue$ipAddres, _targetValue$id;
-
-        var sourceId = valus["source_id"];
-        var destinationId = (_valus$destination_id = valus["destination_id"]) !== null && _valus$destination_id !== void 0 ? _valus$destination_id : "";
-        var sourceType = (_sourceValue$portsDoc3 = (_sourceValue$portsDoc4 = sourceValue.portsDoc[sourceId]) === null || _sourceValue$portsDoc4 === void 0 ? void 0 : _sourceValue$portsDoc4.type) !== null && _sourceValue$portsDoc3 !== void 0 ? _sourceValue$portsDoc3 : "";
-        var destinationType = (_targetValue$portsDoc3 = (_targetValue$portsDoc4 = targetValue.portsDoc[destinationId]) === null || _targetValue$portsDoc4 === void 0 ? void 0 : _targetValue$portsDoc4.type) !== null && _targetValue$portsDoc3 !== void 0 ? _targetValue$portsDoc3 : "";
-        var typeJudge = linkTypeJudge(sourceType, destinationType, valus["connect_type"]);
-        var destination_ipv4 = (_targetValue$ipAddres = targetValue.ipAddress) !== null && _targetValue$ipAddres !== void 0 ? _targetValue$ipAddres : valus["network_link.destination_ipv4"];
+        var _valus$destination_id, _targetValue$id;
+
+        var sourceId = valus.source_id;
+        var destinationId = (_valus$destination_id = valus.destination_id) !== null && _valus$destination_id !== void 0 ? _valus$destination_id : '';
         var obj = {
-          display_name: valus["display_name"],
+          display_name: values.display_name,
           // 链路名称
-          name: isAdd ? valus["display_name"] : attributes["name"],
+          name: values.display_name,
           // 链路名称
-          "network_link.source_ipv4": (_sourceValue$ipAddres = sourceValue.ipAddress) !== null && _sourceValue$ipAddres !== void 0 ? _sourceValue$ipAddres : valus["network_link.source_ipv4"],
-          // 源IP
-          "network_link.destination_ipv4": destination_ipv4,
-          // 目的IP
+          'network_link.source_device_id': sourceValue.id,
+          // 必须
+          'network_link.source_device_ipv4': valus['network_link.source_device_ipv4'],
+          // 必须
           // source_id, // 源端口
-          // destination_id, // 目的端口
-          "network_link.actual_bandwidth": valus["network_link.actual_bandwidth"],
-          // 实际带宽
-          use: valus["use"],
-          // 用途
           // source_type, // 必须
-          // destination_type, // 必须
-          "network_link.source_device_id": sourceValue.id,
-          // 必须
-          "network_link.destination_device_id": (_targetValue$id = targetValue.id) !== null && _targetValue$id !== void 0 ? _targetValue$id : "",
+          'network_link.source_ipv4': valus['network_link.source_ipv4'],
+          // 源IP
+          'network_link.destination_device_id': (_targetValue$id = targetValue.id) !== null && _targetValue$id !== void 0 ? _targetValue$id : '',
           // 必须
-          "network_link.connect_type": typeJudge.connect,
+          'network_link.destination_device_ipv4': valus['network_link.destination_device_ipv4'],
           // 必须
-          support_templates: typeJudge.support
+          // destination_id, // 目的端口
+          // destination_type, // 必须
+          'network_link.destination_ipv4': valus['network_link.destination_ipv4'],
+          // 目的IP
+          'network_link.actual_bandwidth': valus['network_link.actual_bandwidth'],
+          // 实际带宽
+          use: valus.use,
+          // 用途
+          'network_link.connect_type': valus['network_link.connect_type'] // 必须
+
         };
 
-        if (sourceId !== "") {
-          obj["source_id"] = sourceId; // 源端口
+        if (sourceId !== '') {
+          var _sourceValue$portsDoc3, _sourceValue$portsDoc4;
 
-          obj["source_type"] = sourceType;
+          obj['source_id'] = sourceId; // 源端口
+
+          obj['source_type'] = (_sourceValue$portsDoc3 = (_sourceValue$portsDoc4 = sourceValue.portsDoc[sourceId]) === null || _sourceValue$portsDoc4 === void 0 ? void 0 : _sourceValue$portsDoc4.type) !== null && _sourceValue$portsDoc3 !== void 0 ? _sourceValue$portsDoc3 : '';
         }
 
-        if (destinationId !== "") {
-          obj["destination_id"] = destinationId; // 目的端口
+        if (destinationId) {
+          var _targetValue$portsDoc3, _targetValue$portsDoc4;
+
+          obj['destination_id'] = destinationId; // 目的端口
 
-          obj["destination_type"] = destinationType;
+          obj['destination_type'] = (_targetValue$portsDoc3 = (_targetValue$portsDoc4 = targetValue.portsDoc[destinationId]) === null || _targetValue$portsDoc4 === void 0 ? void 0 : _targetValue$portsDoc4.type) !== null && _targetValue$portsDoc3 !== void 0 ? _targetValue$portsDoc3 : '';
         } else {
-          obj["destination_id"] = ""; // 目的端口
+          obj['destination_id'] = ''; // 目的端口
 
-          obj["destination_type"] = "";
+          obj['destination_type'] = 'ip';
         }
 
+        console.log('保存数据-obj', obj);
+
         if (isAdd) {
-          obj["network_link.network_category"] = "CAN";
-          obj["network_link.work_mode"] = "AandS"; // 工作模式
+          obj['network_link.network_category'] = 'CAN';
+          obj['network_link.work_mode'] = 'AandS'; // 工作模式
 
           obj.rated_bandwidth = ratedBandwidth; // 额定带宽
 
-          obj["network_link.role"] = "master";
-        }
-
-        console.log("保存数据-obj", obj);
-
-        if (isAdd) {
+          obj['network_link.role'] = 'master';
+          Object.assign(obj, {
+            'network_link.is_crucial': false,
+            support_templates: 'm.ethernet_link',
+            'network_link.connect_type': 'phy'
+          });
           onSave(obj);
         } else {
           _dialog["default"].confirm({
-            title: "提示",
-            content: "链路信息已修改，是否保存修改内容？",
+            title: '提示',
+            content: '链路信息已修改，是否保存修改内容？',
             onOk: function () {
               var _onOk = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
                 return _regenerator["default"].wrap(function _callee$(_context) {
@@ -284,18 +311,6 @@ function EditLinkInfo(props) {
     });
   };
 
-  var targetIpComp = function targetIpComp(targetValue) {
-    return targetValue.ipAddress && targetValue.ciType !== "customNode" ? /*#__PURE__*/_react["default"].createElement("div", {
-      className: _indexModule["default"].label
-    }, targetValue.ipAddress) : /*#__PURE__*/_react["default"].createElement(_input["default"], {
-      placeholder: "\u8BF7\u8F93\u5165",
-      name: "network_link.destination_ipv4",
-      maxLength: 128
-    });
-  }; // 目的没编辑/删除权限时，在添加链路抽屉中链接方式默认出口，物理/聚合置灰不可选
-
-
-  var disableCreatePhyAggLink = target.ciType === "customNode" || !targetValue.ipAddress || targetValue.ports.length === 0 || !lineData.target || isAdd && !(lineData.target.ciData.permission.writeable || lineData.target.ciData.permission.deleteable);
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: _indexModule["default"].editForm
   }, /*#__PURE__*/_react["default"].createElement(_form["default"], {
@@ -325,7 +340,7 @@ function EditLinkInfo(props) {
     label: "\u6E90\u8282\u70B9IP"
   }), /*#__PURE__*/_react["default"].createElement("div", {
     className: _indexModule["default"].label
-  }, (_sourceValue$ipAddres2 = sourceValue.ipAddress) !== null && _sourceValue$ipAddres2 !== void 0 ? _sourceValue$ipAddres2 : "-"))), /*#__PURE__*/_react["default"].createElement(Col, {
+  }, (_field$getValue = field.getValue('network_link.source_device_ipv4')) !== null && _field$getValue !== void 0 ? _field$getValue : '-'))), /*#__PURE__*/_react["default"].createElement(Col, {
     span: "12"
   }, /*#__PURE__*/_react["default"].createElement(FormItem, (0, _extends2["default"])({}, formItemLayout, {
     labelAlign: labelAlign,
@@ -333,7 +348,9 @@ function EditLinkInfo(props) {
     pattern: /^((25[0-5]|2[0-4]\d|((1\d{2})|([1-9]?\d)))\.){3}(25[0-5]|2[0-4]\d|((1\d{2})|([1-9]?\d)))$/,
     patternTrigger: "onBlur",
     patternMessage: "IP\u5730\u5740\u683C\u5F0F\u4E0D\u6B63\u786E"
-  }), targetIpComp(target)))), /*#__PURE__*/_react["default"].createElement(Row, {
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: _indexModule["default"].label
+  }, (_field$getValue2 = field.getValue('network_link.destination_device_ipv4')) !== null && _field$getValue2 !== void 0 ? _field$getValue2 : '-')))), /*#__PURE__*/_react["default"].createElement(Row, {
     gutter: "16"
   }, /*#__PURE__*/_react["default"].createElement(Col, {
     span: "12"
@@ -347,25 +364,53 @@ function EditLinkInfo(props) {
     disabled: sourceValue.ports.length === 0,
     className: _indexModule["default"].selectList,
     onChange: function onChange(v) {
-      portsHandleChange("source_id", v);
+      portsHandleChange('source_id', v);
     },
     dataSource: sourceValue.ports
-  }) : "-")), /*#__PURE__*/_react["default"].createElement(Col, {
+  }) : '-')), /*#__PURE__*/_react["default"].createElement(Col, {
     span: "12"
   }, /*#__PURE__*/_react["default"].createElement(FormItem, (0, _extends2["default"])({}, formItemLayout, {
     labelAlign: labelAlign,
     label: "\u76EE\u7684\u7AEF\u53E3",
-    required: valus["connect_type"] !== "exit",
+    required: !!field.getValue('network_link.destination_device_id'),
     requiredMessage: "\u76EE\u7684\u7AEF\u53E3\u4E0D\u80FD\u4E3A\u7A7A"
-  }), targetValue.ipAddress ? /*#__PURE__*/_react["default"].createElement(_select["default"], {
-    name: "destination_id",
-    disabled: targetValue.ports.length === 0,
+  }), field.getValue('network_link.destination_device_id') ? /*#__PURE__*/_react["default"].createElement(_select["default"], {
+    name: "destination_id" // disabled={targetValue.ports.length === 0}
+    ,
     className: _indexModule["default"].selectList,
     onChange: function onChange(v) {
-      portsHandleChange("destination_id", v);
+      portsHandleChange('destination_id', v);
     },
     dataSource: targetValue.ports
-  }) : "-"))), /*#__PURE__*/_react["default"].createElement(Row, {
+  }) : '-'))), /*#__PURE__*/_react["default"].createElement(Row, {
+    gutter: "16"
+  }, /*#__PURE__*/_react["default"].createElement(Col, {
+    span: "12"
+  }, /*#__PURE__*/_react["default"].createElement(FormItem, (0, _extends2["default"])({}, formItemLayout, {
+    labelAlign: labelAlign,
+    label: "\u6E90\u7AEFIP",
+    pattern: /^((25[0-5]|2[0-4]\d|((1\d{2})|([1-9]?\d)))\.){3}(25[0-5]|2[0-4]\d|((1\d{2})|([1-9]?\d)))$/,
+    patternTrigger: "onBlur",
+    patternMessage: "IP\u5730\u5740\u683C\u5F0F\u4E0D\u6B63\u786E"
+  }), /*#__PURE__*/_react["default"].createElement(_input["default"], {
+    placeholder: "\u8BF7\u8F93\u5165",
+    name: "network_link.source_ipv4",
+    maxLength: 128
+  }))), /*#__PURE__*/_react["default"].createElement(Col, {
+    span: "12"
+  }, /*#__PURE__*/_react["default"].createElement(FormItem, (0, _extends2["default"])({}, formItemLayout, {
+    labelAlign: labelAlign,
+    label: "\u76EE\u7684\u7AEFIP",
+    required: !field.getValue('network_link.destination_device_id'),
+    requiredMessage: "\u76EE\u7684\u7AEFIP\u4E0D\u80FD\u4E3A\u7A7A",
+    pattern: /^((25[0-5]|2[0-4]\d|((1\d{2})|([1-9]?\d)))\.){3}(25[0-5]|2[0-4]\d|((1\d{2})|([1-9]?\d)))$/,
+    patternTrigger: "onBlur",
+    patternMessage: "IP\u5730\u5740\u683C\u5F0F\u4E0D\u6B63\u786E"
+  }), /*#__PURE__*/_react["default"].createElement(_input["default"], {
+    placeholder: "\u8BF7\u8F93\u5165",
+    name: "network_link.destination_ipv4",
+    maxLength: 128
+  })))), /*#__PURE__*/_react["default"].createElement(Row, {
     gutter: "16"
   }, /*#__PURE__*/_react["default"].createElement(Col, {
     span: "12"
@@ -381,7 +426,7 @@ function EditLinkInfo(props) {
     label: "\u8D44\u6E90\u7C7B\u578B"
   }), /*#__PURE__*/_react["default"].createElement("div", {
     className: _indexModule["default"].label
-  }, (_targetValue$portsDoc5 = (_targetValue$portsDoc6 = targetValue.portsDoc[valus.destination_id]) === null || _targetValue$portsDoc6 === void 0 ? void 0 : _targetValue$portsDoc6.typeName) !== null && _targetValue$portsDoc5 !== void 0 ? _targetValue$portsDoc5 : targetValue.ciName)))), /*#__PURE__*/_react["default"].createElement(Row, {
+  }, (_targetValue$portsDoc5 = (_targetValue$portsDoc6 = targetValue.portsDoc[valus.destination_id]) === null || _targetValue$portsDoc6 === void 0 ? void 0 : _targetValue$portsDoc6.typeName) !== null && _targetValue$portsDoc5 !== void 0 ? _targetValue$portsDoc5 : targetValue.id ? '网络接口' : 'IP地址')))), /*#__PURE__*/_react["default"].createElement(Row, {
     gutter: "16"
   }, /*#__PURE__*/_react["default"].createElement(Col, {
     span: "24"
@@ -403,33 +448,13 @@ function EditLinkInfo(props) {
     gutter: "16"
   }, /*#__PURE__*/_react["default"].createElement(Col, {
     span: "24"
-  }, /*#__PURE__*/_react["default"].createElement(FormItem, (0, _extends2["default"])({}, formItemLayout, {
-    labelAlign: labelAlign,
-    label: "\u94FE\u63A5\u65B9\u5F0F"
-  }), /*#__PURE__*/_react["default"].createElement(RadioGroup, {
-    name: "connect_type",
-    disabled: !isAdd,
-    onChange: function onChange(v) {
-      connectHandleChange(v);
-    }
-  }, /*#__PURE__*/_react["default"].createElement(_radio["default"], {
-    id: "phy",
-    value: "phy",
-    disabled: disableCreatePhyAggLink
-  }, "\u7269\u7406/\u805A\u5408"), /*#__PURE__*/_react["default"].createElement(_radio["default"], {
-    id: "exit",
-    value: "exit"
-  }, "\u51FA\u53E3"))))), /*#__PURE__*/_react["default"].createElement(Row, {
-    gutter: "16"
-  }, /*#__PURE__*/_react["default"].createElement(Col, {
-    span: "24"
   }, /*#__PURE__*/_react["default"].createElement(FormItem, (0, _extends2["default"])({}, formItemLayout, {
     labelAlign: labelAlign,
     label: "\u5B9E\u9645\u5E26\u5BBD\uFF08Mbps\uFF09"
   }), /*#__PURE__*/_react["default"].createElement(_numberPicker["default"], {
     hasTrigger: false,
     style: {
-      width: "100%"
+      width: '100%'
     },
     max: 1000000,
     name: "network_link.actual_bandwidth",
@@ -443,7 +468,7 @@ function EditLinkInfo(props) {
     label: "\u7528\u9014"
   }), /*#__PURE__*/_react["default"].createElement(_input["default"].TextArea, {
     style: {
-      width: "100%"
+      width: '100%'
     },
     name: "use",
     placeholder: "\u8BF7\u8F93\u5165",
@@ -452,11 +477,10 @@ function EditLinkInfo(props) {
     className: _indexModule["default"].footer
   }, /*#__PURE__*/_react["default"].createElement(_button["default"], {
     className: _indexModule["default"].button,
-    disabled: !sourceValue.ipAddress,
     type: "primary",
     loading: loading,
     onClick: saveHandleChange
-  }, isAdd ? "确定" : "保存"), /*#__PURE__*/_react["default"].createElement(_button["default"], {
+  }, isAdd ? '确定' : '保存'), /*#__PURE__*/_react["default"].createElement(_button["default"], {
     className: _indexModule["default"].button,
     onClick: onClose
   }, "\u53D6\u6D88")));

package/lib/networkTopo/components/editor/propertyViews/edge/addLinkDrawer/hooks/useAddLink.js

@@ -0,0 +1,120 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports["default"] = useAddLink;
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+var _react = require("react");
+
+var _topo = _interopRequireDefault(require("@riil-frontend/component-topology-common/es/services/topo"));
+
+var _rlog = _interopRequireDefault(require("@riil-frontend/component-topology-utils/es/rlog"));
+
+var _htElementUtils = require("../../../../../../../utils/htElementUtils");
+
+var _topoData = require("../../../../../../../utils/topoData");
+
+function useAddLink(props) {
+  var topo = props.topo;
+  var store = topo.store;
+
+  var _useState = (0, _react.useState)(false),
+      loadingConnectableNodes = _useState[0],
+      setLoadingConnectableNodes = _useState[1];
+
+  var linkDispatchers = store.useModelDispatchers('topoLinkMod');
+  var htNodesConnectableRef = (0, _react.useRef)(null);
+
+  var getCiTypesConnectable = /*#__PURE__*/function () {
+    var _ref = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
+      var ciNodes, ciTypes, ciTypesConnectable, nodes, ciIds, isWriteable;
+      return _regenerator["default"].wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              ciNodes = [];
+              setLoadingConnectableNodes(true);
+              _context.prev = 2;
+              ciTypes = (0, _topoData.getCiTypes)(topo.dataModel.getData());
+              _context.next = 6;
+              return _topo["default"].networkLink.getCiTypesConnectable(ciTypes);
+
+            case 6:
+              ciTypesConnectable = _context.sent;
+              nodes = (0, _htElementUtils.getNodes)(topo.getDataModel());
+              ciIds = [];
+
+              isWriteable = function isWriteable(node) {
+                var _node$a;
+
+                return ['delete', 'write'].indexOf(node.a('operation')) >= 0 || ((_node$a = node.a('permission')) === null || _node$a === void 0 ? void 0 : _node$a.writeable);
+              };
+
+              nodes.forEach(function (node) {
+                // rlog.debug("过滤属性", node.a("operation"));
+                if (ciTypesConnectable[node.a('ciType')] && isWriteable(node)) {
+                  ciIds.push(node.id);
+                  ciNodes.push(node);
+                }
+              });
+              linkDispatchers.update({
+                ciConnectable: ciIds
+              });
+              _context.next = 17;
+              break;
+
+            case 14:
+              _context.prev = 14;
+              _context.t0 = _context["catch"](2);
+
+              _rlog["default"].error('查询可创建链路节点失败', _context.t0);
+
+            case 17:
+              setLoadingConnectableNodes(false);
+              return _context.abrupt("return", ciNodes);
+
+            case 19:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee, null, [[2, 14]]);
+    }));
+
+    return function getCiTypesConnectable() {
+      return _ref.apply(this, arguments);
+    };
+  }();
+
+  function setConnectableNodes(ciNodes) {
+    topo.historyManager.setDisabled(true);
+    topo.view.topoClient.emitEvent('topo_link_set_connectable_nodes', ciNodes);
+    topo.historyManager.setDisabled(false);
+  } // 进入划线模式，置灰不可用的节点
+
+
+  function enterAddLinkMode() {
+    getCiTypesConnectable().then(function (ciNodes) {
+      // rlog.debug("设置可连线节点", ciIdsConnectable, ciNodes);
+      htNodesConnectableRef.current = ciNodes;
+      setConnectableNodes(ciNodes);
+    });
+  }
+
+  function resetConnectableNodes() {
+    _rlog["default"].info('选择第二个节点，重置置灰', htNodesConnectableRef.current);
+
+    setConnectableNodes(htNodesConnectableRef.current);
+  }
+
+  return {
+    enterAddLinkMode: enterAddLinkMode,
+    loadingConnectableNodes: loadingConnectableNodes,
+    resetConnectableNodes: resetConnectableNodes
+  };
+}