@riil-frontend/component-topology 7.0.0-dev.11 → 7.0.0-dev.13

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

@@ -1,458 +0,0 @@
-import _Button from "@alifd/next/es/button";
-import _NumberPicker from "@alifd/next/es/number-picker";
-import _Input from "@alifd/next/es/input";
-import _Select from "@alifd/next/es/select";
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import _Dialog from "@alifd/next/es/dialog";
-import _Field from "@alifd/next/es/field";
-import _extends from "@babel/runtime/helpers/extends";
-import _Grid from "@alifd/next/es/grid";
-import _Form from "@alifd/next/es/form";
-import _Radio from "@alifd/next/es/radio";
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-import React, { useState, useEffect } from 'react';
-import rlog from '@riil-frontend/component-topology-utils/es/rlog'; // import LindInfoPreview from "../../link/LindInfoPreview";
-
-import styles from "./index.module.scss";
-var RadioGroup = _Radio.Group;
-var FormItem = _Form.Item;
-var Row = _Grid.Row,
-    Col = _Grid.Col;
-
-function parseValues(values) {
-  return _extends({}, values);
-}
-/**
- * 两端都有编辑/删除权限才能创建物理和聚合链路。
- * 目的没编辑/删除权限时，在添加链路抽屉中链接方式默认出口，物理/聚合置灰不可选
- * @param {*} props 
- * @returns 
- */
-
-
-export default 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 = useState(attributes),
-      valus = _useState[0],
-      setValus = _useState[1];
-
-  var _useState2 = useState(source),
-      sourceValue = _useState2[0],
-      setSource = _useState2[1];
-
-  var _useState3 = useState(target),
-      targetValue = _useState3[0],
-      setTarget = _useState3[1];
-
-  var _useState4 = useState(),
-      ratedBandwidth = _useState4[0],
-      setRatedBandwidth = _useState4[1];
-
-  var field = _Field.useField({
-    autoUnmount: false,
-    values: parseValues(attributes),
-    onChange: function onChange(name, value) {
-      var newValues = field.getValues();
-      rlog.debug('Field-onChange', newValues, name, value);
-      setValus(newValues);
-
-      if (name === 'network_link.destination_ipv4') {
-        setDisplayNames(newValues);
-      }
-    }
-  });
-
-  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.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.confirm({
-            title: '提示',
-            content: '链路信息已修改，是否保存修改内容？',
-            onOk: function () {
-              var _onOk = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-                return _regeneratorRuntime.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.createElement("div", {
-    className: styles.editForm
-  }, /*#__PURE__*/React.createElement(_Form, {
-    field: field
-  }, /*#__PURE__*/React.createElement(Row, {
-    gutter: "16"
-  }, /*#__PURE__*/React.createElement(Col, {
-    span: "12"
-  }, /*#__PURE__*/React.createElement(FormItem, _extends({}, formItemLayout, {
-    labelAlign: labelAlign,
-    label: "\u6E90\u8282\u70B9\u540D\u79F0"
-  }), /*#__PURE__*/React.createElement("div", {
-    className: styles.label
-  }, sourceValue.name))), /*#__PURE__*/React.createElement(Col, {
-    span: "12"
-  }, /*#__PURE__*/React.createElement(FormItem, _extends({}, formItemLayout, {
-    labelAlign: labelAlign,
-    label: "\u76EE\u7684\u8282\u70B9\u540D\u79F0"
-  }), /*#__PURE__*/React.createElement("div", {
-    className: styles.label
-  }, targetValue.name)))), /*#__PURE__*/React.createElement(Row, {
-    gutter: "16"
-  }, /*#__PURE__*/React.createElement(Col, {
-    span: "12"
-  }, /*#__PURE__*/React.createElement(FormItem, _extends({}, formItemLayout, {
-    labelAlign: labelAlign,
-    label: "\u6E90\u8282\u70B9IP"
-  }), /*#__PURE__*/React.createElement("div", {
-    className: styles.label
-  }, (_field$getValue = field.getValue('network_link.source_device_ipv4')) !== null && _field$getValue !== void 0 ? _field$getValue : '-'))), /*#__PURE__*/React.createElement(Col, {
-    span: "12"
-  }, /*#__PURE__*/React.createElement(FormItem, _extends({}, 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.createElement("div", {
-    className: styles.label
-  }, (_field$getValue2 = field.getValue('network_link.destination_device_ipv4')) !== null && _field$getValue2 !== void 0 ? _field$getValue2 : '-')))), /*#__PURE__*/React.createElement(Row, {
-    gutter: "16"
-  }, /*#__PURE__*/React.createElement(Col, {
-    span: "12"
-  }, /*#__PURE__*/React.createElement(FormItem, _extends({}, formItemLayout, {
-    labelAlign: labelAlign,
-    label: "\u6E90\u7AEF\u53E3",
-    required: true,
-    requiredMessage: "\u6E90\u7AEF\u53E3\u4E0D\u80FD\u4E3A\u7A7A"
-  }), sourceValue.ciId ? /*#__PURE__*/React.createElement(_Select, {
-    name: "source_id",
-    disabled: sourceValue.ports.length === 0,
-    className: styles.selectList,
-    onChange: function onChange(v) {
-      portsHandleChange('source_id', v);
-    },
-    dataSource: sourceValue.ports
-  }) : '-')), /*#__PURE__*/React.createElement(Col, {
-    span: "12"
-  }, /*#__PURE__*/React.createElement(FormItem, _extends({}, 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.createElement(_Select, {
-    name: "destination_id" // disabled={targetValue.ports.length === 0}
-    ,
-    className: styles.selectList,
-    onChange: function onChange(v) {
-      portsHandleChange('destination_id', v);
-    },
-    dataSource: targetValue.ports
-  }) : '-'))), /*#__PURE__*/React.createElement(Row, {
-    gutter: "16"
-  }, /*#__PURE__*/React.createElement(Col, {
-    span: "12"
-  }, /*#__PURE__*/React.createElement(FormItem, _extends({}, 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.createElement(_Input, {
-    placeholder: "\u8BF7\u8F93\u5165",
-    name: "network_link.source_ipv4",
-    maxLength: 128
-  }))), /*#__PURE__*/React.createElement(Col, {
-    span: "12"
-  }, /*#__PURE__*/React.createElement(FormItem, _extends({}, 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.createElement(_Input, {
-    placeholder: "\u8BF7\u8F93\u5165",
-    name: "network_link.destination_ipv4",
-    maxLength: 128
-  })))), /*#__PURE__*/React.createElement(Row, {
-    gutter: "16"
-  }, /*#__PURE__*/React.createElement(Col, {
-    span: "12"
-  }, /*#__PURE__*/React.createElement(FormItem, _extends({}, formItemLayout, {
-    labelAlign: labelAlign,
-    label: "\u8D44\u6E90\u7C7B\u578B"
-  }), /*#__PURE__*/React.createElement("div", {
-    className: styles.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.createElement(Col, {
-    span: "12"
-  }, /*#__PURE__*/React.createElement(FormItem, _extends({}, formItemLayout, {
-    labelAlign: labelAlign,
-    label: "\u8D44\u6E90\u7C7B\u578B"
-  }), /*#__PURE__*/React.createElement("div", {
-    className: styles.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.createElement(Row, {
-    gutter: "16"
-  }, /*#__PURE__*/React.createElement(Col, {
-    span: "24"
-  }, /*#__PURE__*/React.createElement(FormItem, _extends({}, 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.createElement(_Input, {
-    placeholder: "\u8BF7\u8F93\u5165",
-    name: "display_name",
-    maxLength: 128
-  })))), /*#__PURE__*/React.createElement(Row, {
-    gutter: "16"
-  }, /*#__PURE__*/React.createElement(Col, {
-    span: "24"
-  }, /*#__PURE__*/React.createElement(FormItem, _extends({}, formItemLayout, {
-    labelAlign: labelAlign,
-    label: "\u5B9E\u9645\u5E26\u5BBD\uFF08Mbps\uFF09"
-  }), /*#__PURE__*/React.createElement(_NumberPicker, {
-    hasTrigger: false,
-    style: {
-      width: '100%'
-    },
-    max: 1000000,
-    name: "network_link.actual_bandwidth",
-    placeholder: "\u8BF7\u8F93\u5165"
-  })))), /*#__PURE__*/React.createElement(Row, {
-    gutter: "16"
-  }, /*#__PURE__*/React.createElement(Col, {
-    span: "24"
-  }, /*#__PURE__*/React.createElement(FormItem, _extends({}, formItemLayout, {
-    labelAlign: labelAlign,
-    label: "\u7528\u9014"
-  }), /*#__PURE__*/React.createElement(_Input.TextArea, {
-    style: {
-      width: '100%'
-    },
-    name: "use",
-    placeholder: "\u8BF7\u8F93\u5165",
-    maxLength: 300
-  }))))), /*#__PURE__*/React.createElement("div", {
-    className: styles.footer
-  }, /*#__PURE__*/React.createElement(_Button, {
-    className: styles.button,
-    type: "primary",
-    loading: loading,
-    onClick: saveHandleChange
-  }, isAdd ? '确定' : '保存'), /*#__PURE__*/React.createElement(_Button, {
-    className: styles.button,
-    onClick: onClose
-  }, "\u53D6\u6D88")));
-}

package/es/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/es/networkTopo/components/editor/propertyViews/edge/addLinkDrawer/hooks/useAddLink.js

@@ -1,104 +0,0 @@
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-import { useRef, useState } from 'react';
-import topoService from '@riil-frontend/component-topology-common/es/services/topo';
-import rlog from '@riil-frontend/component-topology-utils/es/rlog';
-import { getNodes } from "../../../../../../../utils/htElementUtils";
-import { getCiTypes } from "../../../../../../../utils/topoData";
-export default function useAddLink(props) {
-  var topo = props.topo;
-  var store = topo.store;
-
-  var _useState = useState(false),
-      loadingConnectableNodes = _useState[0],
-      setLoadingConnectableNodes = _useState[1];
-
-  var linkDispatchers = store.useModelDispatchers('topoLinkMod');
-  var htNodesConnectableRef = useRef(null);
-
-  var getCiTypesConnectable = /*#__PURE__*/function () {
-    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-      var ciNodes, ciTypes, ciTypesConnectable, nodes, ciIds, isWriteable;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              ciNodes = [];
-              setLoadingConnectableNodes(true);
-              _context.prev = 2;
-              ciTypes = getCiTypes(topo.dataModel.getData());
-              _context.next = 6;
-              return topoService.networkLink.getCiTypesConnectable(ciTypes);
-
-            case 6:
-              ciTypesConnectable = _context.sent;
-              nodes = 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.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.info('选择第二个节点，重置置灰', htNodesConnectableRef.current);
-    setConnectableNodes(htNodesConnectableRef.current);
-  }
-
-  return {
-    enterAddLinkMode: enterAddLinkMode,
-    loadingConnectableNodes: loadingConnectableNodes,
-    resetConnectableNodes: resetConnectableNodes
-  };
-}

package/es/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;
-    }
-  }
-
-}

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

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