@riil-frontend/component-topology 7.0.0-dev.10 → 7.0.0-dev.12

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

@@ -1,486 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports["default"] = EditLinkInfo;
-
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
-var _button = _interopRequireDefault(require("@alifd/next/lib/button"));
-
-var _numberPicker = _interopRequireDefault(require("@alifd/next/lib/number-picker"));
-
-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"));
-
-var _field = _interopRequireDefault(require("@alifd/next/lib/field"));
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _grid = _interopRequireDefault(require("@alifd/next/lib/grid"));
-
-var _form = _interopRequireDefault(require("@alifd/next/lib/form"));
-
-var _radio = _interopRequireDefault(require("@alifd/next/lib/radio"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _rlog = _interopRequireDefault(require("@riil-frontend/component-topology-utils/es/rlog"));
-
-var _indexModule = _interopRequireDefault(require("./index.module.scss"));
-
-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; }
-
-// import LindInfoPreview from "../../link/LindInfoPreview";
-var RadioGroup = _radio["default"].Group;
-var FormItem = _form["default"].Item;
-var Row = _grid["default"].Row,
-    Col = _grid["default"].Col;
-
-function parseValues(values) {
-  return (0, _extends2["default"])({}, values);
-}
-/**
- * 两端都有编辑/删除权限才能创建物理和聚合链路。
- * 目的没编辑/删除权限时，在添加链路抽屉中链接方式默认出口，物理/聚合置灰不可选
- * @param {*} props 
- * @returns 
- */
-
-
-function EditLinkInfo(props) {
-  var _field$getValue, _field$getValue2, _sourceValue$portsDoc5, _sourceValue$portsDoc6, _targetValue$portsDoc5, _targetValue$portsDoc6;
-
-  var topo = props.topo,
-      lineData = props.lineData,
-      onClose = props.onClose,
-      onSave = props.onSave,
-      isAdd = props.isAdd,
-      loading = props.loading;
-  var source = lineData.source,
-      target = lineData.target,
-      attributes = lineData.attributes;
-
-  var _useState = (0, _react.useState)(attributes),
-      valus = _useState[0],
-      setValus = _useState[1];
-
-  var _useState2 = (0, _react.useState)(source),
-      sourceValue = _useState2[0],
-      setSource = _useState2[1];
-
-  var _useState3 = (0, _react.useState)(target),
-      targetValue = _useState3[0],
-      setTarget = _useState3[1];
-
-  var _useState4 = (0, _react.useState)(),
-      ratedBandwidth = _useState4[0],
-      setRatedBandwidth = _useState4[1];
-
-  var field = _field["default"].useField({
-    autoUnmount: false,
-    values: parseValues(attributes),
-    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 () {
-    setValus(attributes);
-    setSource(source);
-    setTarget(target);
-    field.setValues(attributes);
-  }, [source, target, field, attributes]);
-  var labelAlign = 'top';
-  var formItemLayout = {
-    labelCol: {
-      fixedSpan: 4
-    }
-  };
-
-  var setDisplayNames = function setDisplayNames(vals) {
-    if (!isAdd) {
-      return;
-    }
-
-    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);
-    }
-  };
-
-  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 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;
-
-    if (sourceRb && targetRb) {
-      actualBandwidth = Math.min(sourceRb, targetRb);
-    } else {
-      actualBandwidth = sourceRb || targetRb;
-    } // rlog.debug("network_link.actual_bandwidth", actualBandwidth);
-
-
-    setRatedBandwidth(actualBandwidth);
-    field.setValue('network_link.actual_bandwidth', actualBandwidth);
-    setDisplayNames();
-  };
-
-  var checkName = function checkName(rule, value, callback) {
-    // const { validate, getValue } = field;
-    var displayName = value;
-    var links = topo.getEdges();
-    var usedNames = [];
-    links.map(function (link) {
-      // console.log('checkName',link.id,lineData)
-      if (link.dtype === 'link' && link.name && link.id !== lineData.attributes.linkId) {
-        usedNames.push(link.name);
-      }
-    });
-
-    if (usedNames.indexOf(displayName) >= 0) {
-      // console.log("setError", checkName, usedNames, displayName);
-      // field.setError("display_name", "链路名称重复");
-      return callback('链路名称重复');
-    } else {
-      return callback();
-    }
-  };
-
-  var saveHandleChange = function saveHandleChange() {
-    field.validate(function (errors, values) {
-      if (errors) {
-        _rlog["default"].error('saveHandleChange-error', errors, values);
-      } else {
-        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: values.display_name,
-          // 链路名称
-          name: values.display_name,
-          // 链路名称
-          'network_link.source_device_id': sourceValue.id,
-          // 必须
-          'network_link.source_device_ipv4': valus['network_link.source_device_ipv4'],
-          // 必须
-          // source_id, // 源端口
-          // source_type, // 必须
-          '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.destination_device_ipv4': valus['network_link.destination_device_ipv4'],
-          // 必须
-          // 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 !== '') {
-          var _sourceValue$portsDoc3, _sourceValue$portsDoc4;
-
-          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) {
-          var _targetValue$portsDoc3, _targetValue$portsDoc4;
-
-          obj['destination_id'] = destinationId; // 目的端口
-
-          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_type'] = 'ip';
-        } // console.log('保存数据-obj', obj);
-
-
-        if (isAdd) {
-          obj['network_link.network_category'] = 'CAN';
-          obj['network_link.work_mode'] = 'AandS'; // 工作模式
-
-          obj.rated_bandwidth = ratedBandwidth; // 额定带宽
-
-          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: '链路信息已修改，是否保存修改内容？',
-            onOk: function () {
-              var _onOk = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
-                return _regenerator["default"].wrap(function _callee$(_context) {
-                  while (1) {
-                    switch (_context.prev = _context.next) {
-                      case 0:
-                        onSave(obj);
-
-                      case 1:
-                      case "end":
-                        return _context.stop();
-                    }
-                  }
-                }, _callee);
-              }));
-
-              function onOk() {
-                return _onOk.apply(this, arguments);
-              }
-
-              return onOk;
-            }()
-          });
-        }
-      }
-    });
-  };
-
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: _indexModule["default"].editForm
-  }, /*#__PURE__*/_react["default"].createElement(_form["default"], {
-    field: field
-  }, /*#__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\u8282\u70B9\u540D\u79F0"
-  }), /*#__PURE__*/_react["default"].createElement("div", {
-    className: _indexModule["default"].label
-  }, sourceValue.name))), /*#__PURE__*/_react["default"].createElement(Col, {
-    span: "12"
-  }, /*#__PURE__*/_react["default"].createElement(FormItem, (0, _extends2["default"])({}, formItemLayout, {
-    labelAlign: labelAlign,
-    label: "\u76EE\u7684\u8282\u70B9\u540D\u79F0"
-  }), /*#__PURE__*/_react["default"].createElement("div", {
-    className: _indexModule["default"].label
-  }, targetValue.name)))), /*#__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\u8282\u70B9IP"
-  }), /*#__PURE__*/_react["default"].createElement("div", {
-    className: _indexModule["default"].label
-  }, (_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,
-    label: "\u76EE\u7684\u8282\u70B9IP",
-    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("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"
-  }, /*#__PURE__*/_react["default"].createElement(FormItem, (0, _extends2["default"])({}, formItemLayout, {
-    labelAlign: labelAlign,
-    label: "\u6E90\u7AEF\u53E3",
-    required: true,
-    requiredMessage: "\u6E90\u7AEF\u53E3\u4E0D\u80FD\u4E3A\u7A7A"
-  }), sourceValue.ciId ? /*#__PURE__*/_react["default"].createElement(_select["default"], {
-    name: "source_id",
-    disabled: sourceValue.ports.length === 0,
-    className: _indexModule["default"].selectList,
-    onChange: function onChange(v) {
-      portsHandleChange('source_id', v);
-    },
-    dataSource: sourceValue.ports
-  }) : '-')), /*#__PURE__*/_react["default"].createElement(Col, {
-    span: "12"
-  }, /*#__PURE__*/_react["default"].createElement(FormItem, (0, _extends2["default"])({}, formItemLayout, {
-    labelAlign: labelAlign,
-    label: "\u76EE\u7684\u7AEF\u53E3",
-    required: !!field.getValue('network_link.destination_device_id'),
-    requiredMessage: "\u76EE\u7684\u7AEF\u53E3\u4E0D\u80FD\u4E3A\u7A7A"
-  }), 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);
-    },
-    dataSource: targetValue.ports
-  }) : '-'))), /*#__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"
-  }, /*#__PURE__*/_react["default"].createElement(FormItem, (0, _extends2["default"])({}, formItemLayout, {
-    labelAlign: labelAlign,
-    label: "\u8D44\u6E90\u7C7B\u578B"
-  }), /*#__PURE__*/_react["default"].createElement("div", {
-    className: _indexModule["default"].label
-  }, (_sourceValue$portsDoc5 = (_sourceValue$portsDoc6 = sourceValue.portsDoc[valus.source_id]) === null || _sourceValue$portsDoc6 === void 0 ? void 0 : _sourceValue$portsDoc6.typeName) !== null && _sourceValue$portsDoc5 !== void 0 ? _sourceValue$portsDoc5 : sourceValue.ciName))), /*#__PURE__*/_react["default"].createElement(Col, {
-    span: "12"
-  }, /*#__PURE__*/_react["default"].createElement(FormItem, (0, _extends2["default"])({}, formItemLayout, {
-    labelAlign: labelAlign,
-    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.id ? '网络接口' : 'IP地址')))), /*#__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: "\u94FE\u8DEF\u540D\u79F0",
-    required: true,
-    requiredMessage: "\u540D\u79F0\u4E0D\u80FD\u4E3A\u7A7A",
-    requiredTrigger: "onBlur",
-    pattern: /^[^'"\\%]+[^'"\\%]*[^'"\\%]*$/,
-    patternTrigger: "onBlur",
-    patternMessage: "\u4E0D\u5141\u8BB8\u8F93\u5165\u2018\u3001\u201C\u3001\\\u3001%",
-    validator: checkName
-  }), /*#__PURE__*/_react["default"].createElement(_input["default"], {
-    placeholder: "\u8BF7\u8F93\u5165",
-    name: "display_name",
-    maxLength: 128
-  })))), /*#__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%'
-    },
-    max: 1000000,
-    name: "network_link.actual_bandwidth",
-    placeholder: "\u8BF7\u8F93\u5165"
-  })))), /*#__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: "\u7528\u9014"
-  }), /*#__PURE__*/_react["default"].createElement(_input["default"].TextArea, {
-    style: {
-      width: '100%'
-    },
-    name: "use",
-    placeholder: "\u8BF7\u8F93\u5165",
-    maxLength: 300
-  }))))), /*#__PURE__*/_react["default"].createElement("div", {
-    className: _indexModule["default"].footer
-  }, /*#__PURE__*/_react["default"].createElement(_button["default"], {
-    className: _indexModule["default"].button,
-    type: "primary",
-    loading: loading,
-    onClick: saveHandleChange
-  }, isAdd ? '确定' : '保存'), /*#__PURE__*/_react["default"].createElement(_button["default"], {
-    className: _indexModule["default"].button,
-    onClick: onClose
-  }, "\u53D6\u6D88")));
-}

package/lib/networkTopo/components/editor/propertyViews/edge/addLinkDrawer/components/index.module.scss

@@ -1,34 +0,0 @@
-.editForm {
-  width: 100%;
-
-  .label {
-    font-size: 12px;
-    font-family: PingFangSC-Regular,
-      PingFang SC;
-    font-weight: 400;
-    color: #4D6277;
-    line-height: 20px;
-  }
-
-  .selectList {
-    width: 220px;
-  }
-
-  .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;
-      }
-    }
-  }
-}

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

@@ -1,120 +0,0 @@
-"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
-  };
-}

package/lib/networkTopo/components/editor/propertyViews/edge/addLinkDrawer/index.module.scss

@@ -1,12 +0,0 @@
-@import '~@alifd/next/variables.scss';
-
-.drawer {
-  width: 504px;
-
-  :global {
-    .#{$css-prefix}drawer-body {
-      padding: 20px 24px 50px 20px;
-    }
-  }
-
-}