@riil-frontend/component-topology 0.2.2 → 0.2.3

package/es/topoCenter/viewer/components/TopologyViewer.js

@@ -0,0 +1,27 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React, { useEffect, useMemo } from "react";
+import Topo from '../../../components/TopoView/Topo';
+import { createTopoViewer } from "../createTopoViewer";
+export default function TopologyViewer(props) {
+  var request = props.request,
+      titleBar = props.titleBar;
+  var topo = useMemo(function () {
+    return createTopoViewer({
+      request: request
+    });
+  }, []); // 初始化
+
+  useEffect(function () {
+    topo.initData({});
+    return function () {
+      topo.exit();
+    };
+  }, []);
+  var Provider = topo.Provider;
+  return /*#__PURE__*/React.createElement(Provider, null, titleBar && titleBar(topo), /*#__PURE__*/React.createElement(Topo, _extends({
+    engine: topo
+  }, props, {
+    titleBar: false
+  })));
+}
+;

package/es/topoCenter/viewer/createTopoViewer.js

@@ -1,42 +1,10 @@
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _extends from "@babel/runtime/helpers/extends";
-import _regeneratorRuntime from "@babel/runtime/regenerator";
 import topoService from '@riil-frontend/component-topology-utils/es/services/topo';
 import { createTopoApp } from '../../core';
 import createMenuCommands from '../../contextmenu/createMenuCommands';
+import TopoCenter from "../models/TopoCenter";
 export function createTopoViewer(options) {
-  var topoApp = createTopoApp(_extends({
-    loadData: function () {
-      var _loadData = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(id) {
-        var data;
-        return _regeneratorRuntime.wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                _context.next = 2;
-                return topoService.getTopoData(id);
-
-              case 2:
-                data = _context.sent;
-                return _context.abrupt("return", data);
-
-              case 4:
-              case "end":
-                return _context.stop();
-            }
-          }
-        }, _callee);
-      }));
-
-      function loadData(_x) {
-        return _loadData.apply(this, arguments);
-      }
-
-      return loadData;
-    }()
-  }, options));
-  var menuCommands = createMenuCommands(topoApp);
-  topoApp.view.contextMenu.registerCommands(menuCommands);
+  var topoApp = new TopoCenter(_extends({}, options));
   return topoApp;
 }
 export default createTopoViewer;

package/es/topoCenter/viewer/index.js

@@ -1,5 +1,5 @@
-import TopologyViewer from '../../components/TopoView/Topo';
-import TitleBar from '../../components/TopoView/toolbar/TopoViewerTitleBar';
+import TopologyViewer from './components/TopologyViewer';
+import TitleBar from './TitleBar';
 import TitleWidget from '../../components/TopoView/toolbar/widgets/TitleWidget';
 export * from './createTopoViewer';
 export { TopologyViewer, TitleBar, // widgets

package/es/utils/topoData.js

@@ -84,7 +84,8 @@ var tfGroup = function tfGroup(group) {
 var tfNode = function tfNode(node, setDataList, attrObj, metricObj) {
   var _findItem, _findItem2;
 
-  var result = node;
+  var result = _extends({}, node);
+
   result.ipAddress = ((_findItem = findItem(node.attributes, 'code', 'ipAddress')) === null || _findItem === void 0 ? void 0 : _findItem.value) || null;
   result.macAddress = ((_findItem2 = findItem(node.attributes, 'code', 'macAddress')) === null || _findItem2 === void 0 ? void 0 : _findItem2.value) || null;
   result.metrics = [];
@@ -172,6 +173,8 @@ var tfNode = function tfNode(node, setDataList, attrObj, metricObj) {
 
 
 var tfLink = function tfLink(link, nodes, interfaceNodes, setDataList, attrObj, metricObj) {
+  var _link$detail, _link$detail2, _link$detail3, _link$detail4;
+
   var source = link.source,
       target = link.target,
       interfaceSource = link.interfaceSource,
@@ -279,15 +282,15 @@ var tfLink = function tfLink(link, nodes, interfaceNodes, setDataList, attrObj,
     metrics: metrics,
     attributes: attributes,
     interfaceSourceObj: {
-      id: link.detail.attributes.srcUnique,
+      id: (_link$detail = link.detail) === null || _link$detail === void 0 ? void 0 : _link$detail.attributes.srcUnique,
       attributes: {
-        displayName: operation ? link.detail.attributes.srcName : '未知'
+        displayName: operation ? (_link$detail2 = link.detail) === null || _link$detail2 === void 0 ? void 0 : _link$detail2.attributes.srcName : '未知'
       }
     },
     interfaceTargetObj: {
-      id: link.detail.attributes.dstUnique,
+      id: (_link$detail3 = link.detail) === null || _link$detail3 === void 0 ? void 0 : _link$detail3.attributes.dstUnique,
       attributes: {
-        displayName: operation ? link.detail.attributes.dstName : '未知'
+        displayName: operation ? (_link$detail4 = link.detail) === null || _link$detail4 === void 0 ? void 0 : _link$detail4.attributes.dstName : '未知'
       }
     }
   });

package/lib/components/BatchAttrMetric/index.js

@@ -5,14 +5,14 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports["default"] = void 0;
 
+var _drawer = _interopRequireDefault(require("@alifd/next/lib/drawer"));
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _next = require("@alifd/next");
-
 var _ahooks = require("ahooks");
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -76,7 +76,7 @@ var BatchAttrMetricDrawer = /*#__PURE__*/(0, _react.forwardRef)(function (_ref,
   var drawerTitle = config.drawerTitle,
       drawerWidth = config.drawerWidth,
       pageConfig = (0, _objectWithoutPropertiesLoose2["default"])(config, _excluded2);
-  return /*#__PURE__*/_react["default"].createElement(_next.Drawer, {
+  return /*#__PURE__*/_react["default"].createElement(_drawer["default"], {
     closeMode: ['close', 'esc'],
     visible: visible,
     onClose: setFalse,

package/lib/components/BatchAttrMetric/setting.js

@@ -5,6 +5,14 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports["default"] = void 0;
 
+var _button = _interopRequireDefault(require("@alifd/next/lib/button"));
+
+var _table = _interopRequireDefault(require("@alifd/next/lib/table"));
+
+var _grid = _interopRequireDefault(require("@alifd/next/lib/grid"));
+
+var _message = _interopRequireDefault(require("@alifd/next/lib/message"));
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
@@ -13,8 +21,6 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _rlog = _interopRequireDefault(require("@riil-frontend/component-topology-utils/es/utils/rlog"));
 
-var _next = require("@alifd/next");
-
 var _componentActionTree = _interopRequireDefault(require("@riil-frontend/component-action-tree"));
 
 var _NoDataPage = _interopRequireDefault(require("@riil-frontend/component-topology-utils/es/components/NoDataPage"));
@@ -81,11 +87,11 @@ var Setting = function Setting(_ref) {
     className: _indexModule["default"].layout
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: _indexModule["default"].message
-  }, /*#__PURE__*/_react["default"].createElement(_next.Message, {
+  }, /*#__PURE__*/_react["default"].createElement(_message["default"], {
     type: "notice"
-  }, props.message)), /*#__PURE__*/_react["default"].createElement(_next.Grid.Row, {
+  }, props.message)), /*#__PURE__*/_react["default"].createElement(_grid["default"].Row, {
     className: _indexModule["default"].content
-  }, props.showTree && /*#__PURE__*/_react["default"].createElement(_next.Grid.Col, {
+  }, props.showTree && /*#__PURE__*/_react["default"].createElement(_grid["default"].Col, {
     span: 8,
     className: _indexModule["default"]['tree-wrap']
   }, /*#__PURE__*/_react["default"].createElement(_componentActionTree["default"], {
@@ -95,10 +101,10 @@ var Setting = function Setting(_ref) {
     treeProps: {
       selectedKeys: [ciType]
     }
-  })), /*#__PURE__*/_react["default"].createElement(_next.Grid.Col, {
+  })), /*#__PURE__*/_react["default"].createElement(_grid["default"].Col, {
     className: _indexModule["default"]['table-wrap']
   }, /*#__PURE__*/_react["default"].createElement(_componentTableLayout["default"], {
-    table: /*#__PURE__*/_react["default"].createElement(_next.Table, {
+    table: /*#__PURE__*/_react["default"].createElement(_table["default"], {
       fixedHeader: true,
       hasBorder: false,
       dataSource: ((_allCiSet$ciType = allCiSet[ciType]) === null || _allCiSet$ciType === void 0 ? void 0 : _allCiSet$ciType.list) || [],
@@ -118,16 +124,16 @@ var Setting = function Setting(_ref) {
     }, columnNodes)
   }))), /*#__PURE__*/_react["default"].createElement("div", {
     className: "riil-footer right"
-  }, /*#__PURE__*/_react["default"].createElement(_next.Button, {
+  }, /*#__PURE__*/_react["default"].createElement(_button["default"], {
     text: true,
     type: "primary",
     onClick: onReset
-  }, "\u91CD\u7F6E"), /*#__PURE__*/_react["default"].createElement(_next.Button, {
+  }, "\u91CD\u7F6E"), /*#__PURE__*/_react["default"].createElement(_button["default"], {
     type: "primary",
     onClick: function onClick() {
       return props.saveCb(utils.saveTransform(selected));
     }
-  }, "\u786E\u5B9A"), /*#__PURE__*/_react["default"].createElement(_next.Button, {
+  }, "\u786E\u5B9A"), /*#__PURE__*/_react["default"].createElement(_button["default"], {
     onClick: props.cancelCb
   }, "\u53D6\u6D88")));
 };

package/lib/components/BatchAttrMetric/utils.js

@@ -5,14 +5,16 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.columns = exports.defaultSelected = exports.initSelected = exports.saveTransform = exports.dsTransform = exports.treeDs = void 0;
 
+var _balloon = _interopRequireDefault(require("@alifd/next/lib/balloon"));
+
+var _button = _interopRequireDefault(require("@alifd/next/lib/button"));
+
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
 var _react = _interopRequireDefault(require("react"));
 
-var _next = require("@alifd/next");
-
 var _indexModule = _interopRequireDefault(require("./index.module.scss"));
 
 var _excluded = ["list"];
@@ -186,12 +188,12 @@ var columns = function columns(dataType, showCiNum) {
     dataIndex: ciNumKey,
     title: '匹配资源',
     cell: function cell(text, index, record) {
-      var trigger = /*#__PURE__*/_react["default"].createElement(_next.Button, {
+      var trigger = /*#__PURE__*/_react["default"].createElement(_button["default"], {
         text: true,
         type: "primary"
       }, text || 0);
 
-      return /*#__PURE__*/_react["default"].createElement(_next.Balloon, {
+      return /*#__PURE__*/_react["default"].createElement(_balloon["default"], {
         needAdjust: true,
         trigger: trigger,
         closable: false,

package/lib/components/Drawer/index.js

@@ -5,11 +5,13 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports["default"] = void 0;
 
+var _drawer = _interopRequireDefault(require("@alifd/next/lib/drawer"));
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
-var _react = _interopRequireDefault(require("react"));
+var _button = _interopRequireDefault(require("@alifd/next/lib/button"));
 
-var _next = require("@alifd/next");
+var _react = _interopRequireDefault(require("react"));
 
 var _indexModule = _interopRequireDefault(require("./index.module.scss"));
 
@@ -36,7 +38,7 @@ var Drawer = function Drawer(props) {
       onSave = props.onSave,
       drawerProps = props.drawerProps,
       children = props.children;
-  return /*#__PURE__*/_react["default"].createElement(_next.Drawer, (0, _extends2["default"])({
+  return /*#__PURE__*/_react["default"].createElement(_drawer["default"], (0, _extends2["default"])({
     title: title,
     placement: "right",
     width: "40%",
@@ -48,13 +50,13 @@ var Drawer = function Drawer(props) {
     onClose: onClose
   }), children, /*#__PURE__*/_react["default"].createElement("div", {
     className: _indexModule["default"].footer
-  }, /*#__PURE__*/_react["default"].createElement(_next.Button, {
+  }, /*#__PURE__*/_react["default"].createElement(_button["default"], {
     className: _indexModule["default"].button,
     type: "primary",
     disabled: disabled,
     loading: loading,
     onClick: onSave
-  }, buttons[0]), /*#__PURE__*/_react["default"].createElement(_next.Button, {
+  }, buttons[0]), /*#__PURE__*/_react["default"].createElement(_button["default"], {
     className: _indexModule["default"].button,
     onClick: onClose
   }, buttons[1])));

package/lib/components/FormTable/index.js

@@ -5,13 +5,17 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports["default"] = void 0;
 
+var _table = _interopRequireDefault(require("@alifd/next/lib/table"));
+
+var _button = _interopRequireDefault(require("@alifd/next/lib/button"));
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
-var _react = _interopRequireDefault(require("react"));
+var _search = _interopRequireDefault(require("@alifd/next/lib/search"));
 
-var _next = require("@alifd/next");
+var _react = _interopRequireDefault(require("react"));
 
-var _next2 = require("@formily/next");
+var _next = require("@formily/next");
 
 var _componentPager = _interopRequireDefault(require("@riil-frontend/component-pager"));
 
@@ -42,11 +46,11 @@ var FormTable = function FormTable(props) {
     className: "operation"
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "filter"
-  }, /*#__PURE__*/_react["default"].createElement(_next2.SchemaForm, (0, _extends2["default"])({}, formProps, {
+  }, /*#__PURE__*/_react["default"].createElement(_next.SchemaForm, (0, _extends2["default"])({}, formProps, {
     components: {
-      Search: _next.Search
+      Search: _search["default"]
     }
-  }), /*#__PURE__*/_react["default"].createElement(_next2.SchemaMarkupField, {
+  }), /*#__PURE__*/_react["default"].createElement(_next.SchemaMarkupField, {
     name: "like",
     "x-component": "Search",
     "x-component-props": {
@@ -61,7 +65,7 @@ var FormTable = function FormTable(props) {
   }, /*#__PURE__*/_react["default"].createElement(_componentMoreButtonsMenu["default"], {
     moreThreshold: 5
   }, menu.map(function (item) {
-    return /*#__PURE__*/_react["default"].createElement(_next.Button, {
+    return /*#__PURE__*/_react["default"].createElement(_button["default"], {
       key: item.key,
       type: item.type,
       onClick: function onClick() {
@@ -79,14 +83,14 @@ var FormTable = function FormTable(props) {
         return tableProps.onFilter(fp);
       }
     }),
-    table: /*#__PURE__*/_react["default"].createElement(_next.Table, (0, _extends2["default"])({}, tableProps, {
+    table: /*#__PURE__*/_react["default"].createElement(_table["default"], (0, _extends2["default"])({}, tableProps, {
       fixedHeader: true,
       hasBorder: false,
       emptyContent: /*#__PURE__*/_react["default"].createElement(_NoDataPage["default"], {
         type: "table"
       })
     }), columns.map(function (column) {
-      return /*#__PURE__*/_react["default"].createElement(_next.Table.Column, (0, _extends2["default"])({}, column, {
+      return /*#__PURE__*/_react["default"].createElement(_table["default"].Column, (0, _extends2["default"])({}, column, {
         key: column.dataIndex
       }));
     }))

package/lib/components/IndexSettingDrawer/CiList.js

@@ -5,9 +5,9 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports["default"] = void 0;
 
-var _react = _interopRequireDefault(require("react"));
+var _list = _interopRequireDefault(require("@alifd/next/lib/list"));
 
-var _next = require("@alifd/next");
+var _react = _interopRequireDefault(require("react"));
 
 var _CiListItem = _interopRequireDefault(require("./CiListItem"));
 
@@ -28,7 +28,7 @@ var CiList = function CiList(props) {
     });
   };
 
-  return /*#__PURE__*/_react["default"].createElement(_next.List, {
+  return /*#__PURE__*/_react["default"].createElement(_list["default"], {
     className: _indexModule["default"].cilist,
     size: "small",
     loading: loading,

package/lib/components/IndexSettingDrawer/CiListItem.js

@@ -5,9 +5,9 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports["default"] = void 0;
 
-var _react = _interopRequireDefault(require("react"));
+var _icon = _interopRequireDefault(require("@alifd/next/lib/icon"));
 
-var _next = require("@alifd/next");
+var _react = _interopRequireDefault(require("react"));
 
 var _indexModule = _interopRequireDefault(require("./index.module.scss"));
 
@@ -38,7 +38,7 @@ var CiListItem = function CiListItem(props) {
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: className,
     onClick: onClick
-  }, isCustom ? /*#__PURE__*/_react["default"].createElement(_next.Icon, {
+  }, isCustom ? /*#__PURE__*/_react["default"].createElement(_icon["default"], {
     className: _indexModule["default"].icon,
     size: "xs",
     type: data.icon

package/lib/components/IndexSettingDrawer/IndexList.js

@@ -5,15 +5,15 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports["default"] = void 0;
 
+var _table = _interopRequireDefault(require("@alifd/next/lib/table"));
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _next = require("@alifd/next");
-
 var _NoDataPage = _interopRequireDefault(require("@riil-frontend/component-topology-utils/es/components/NoDataPage"));
 
-var _table = require("@riil-frontend/component-topology-utils/es/utils/table");
+var _table2 = require("@riil-frontend/component-topology-utils/es/utils/table");
 
 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); }
 
@@ -51,15 +51,15 @@ var IndexList = function IndexList(props) {
   var columns = [{
     title: '属性/指标',
     dataIndex: 'name',
-    cell: _table.getTitleCell
+    cell: _table2.getTitleCell
   }, {
     title: '类型',
     dataIndex: 'type',
     cell: function cell(type) {
-      return (0, _table.getTitleCell)(TYPES_NAME[type]);
+      return (0, _table2.getTitleCell)(TYPES_NAME[type]);
     }
   }];
-  return /*#__PURE__*/_react["default"].createElement(_next.Table, {
+  return /*#__PURE__*/_react["default"].createElement(_table["default"], {
     dataSource: data,
     primaryKey: "code",
     rowSelection: rowSelection,
@@ -74,7 +74,7 @@ var IndexList = function IndexList(props) {
       type: "table"
     })
   }, columns.map(function (column) {
-    return /*#__PURE__*/_react["default"].createElement(_next.Table.Column, (0, _extends2["default"])({}, column, {
+    return /*#__PURE__*/_react["default"].createElement(_table["default"].Column, (0, _extends2["default"])({}, column, {
       key: column.dataIndex
     }));
   }));

package/lib/components/IndexSettingDrawer/index.js

@@ -5,14 +5,14 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports["default"] = void 0;
 
+var _divider = _interopRequireDefault(require("@alifd/next/lib/divider"));
+
 var _react = _interopRequireWildcard(require("react"));
 
 var _TopoCenter = require("ice/TopoCenter");
 
 var _utils = require("@riil-frontend/utils");
 
-var _next = require("@alifd/next");
-
 var _Drawer = _interopRequireDefault(require("../Drawer"));
 
 var _CiList = _interopRequireDefault(require("./CiList"));
@@ -74,7 +74,7 @@ var IndexSettingDrawer = function IndexSettingDrawer(props) {
     loading: ciLoading,
     onSelect: onCiSelect,
     selected: code
-  }), /*#__PURE__*/_react["default"].createElement(_next.Divider, {
+  }), /*#__PURE__*/_react["default"].createElement(_divider["default"], {
     className: _indexModule["default"].separator,
     direction: "ver"
   }), code && /*#__PURE__*/_react["default"].createElement(_IndexList["default"], {

package/lib/components/Link/form.js

@@ -5,13 +5,23 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports["default"] = void 0;
 
+var _button = _interopRequireDefault(require("@alifd/next/lib/button"));
+
+var _icon = _interopRequireDefault(require("@alifd/next/lib/icon"));
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
+var _form = _interopRequireDefault(require("@alifd/next/lib/form"));
+
+var _field = _interopRequireDefault(require("@alifd/next/lib/field"));
+
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 
-var _react = _interopRequireWildcard(require("react"));
+var _grid = _interopRequireDefault(require("@alifd/next/lib/grid"));
+
+var _select = _interopRequireDefault(require("@alifd/next/lib/select"));
 
-var _next = require("@alifd/next");
+var _react = _interopRequireWildcard(require("react"));
 
 var _utils = require("@riil-frontend/utils");
 
@@ -121,21 +131,21 @@ var SelectGroup = /*#__PURE__*/(0, _react.forwardRef)(function (_ref3, ref) {
 
     return item.label.toUpperCase().indexOf(key.toUpperCase()) > -1;
   }, []);
-  return /*#__PURE__*/_react["default"].createElement(_next.Grid.Row, {
+  return /*#__PURE__*/_react["default"].createElement(_grid["default"].Row, {
     gutter: "8",
     className: _indexModule["default"].row
-  }, /*#__PURE__*/_react["default"].createElement(_next.Grid.Col, {
+  }, /*#__PURE__*/_react["default"].createElement(_grid["default"].Col, {
     span: "14"
-  }, /*#__PURE__*/_react["default"].createElement(_next.Select, {
+  }, /*#__PURE__*/_react["default"].createElement(_select["default"], {
     value: main,
     showSearch: true,
     disabled: disableMain,
     dataSource: mainDs(mainList),
     filter: filter,
     onChange: onMainChange
-  })), /*#__PURE__*/_react["default"].createElement(_next.Grid.Col, {
+  })), /*#__PURE__*/_react["default"].createElement(_grid["default"].Col, {
     span: "10"
-  }, /*#__PURE__*/_react["default"].createElement(_next.Select, {
+  }, /*#__PURE__*/_react["default"].createElement(_select["default"], {
     value: sub,
     showSearch: true,
     dataSource: subDs(main, subList),
@@ -148,7 +158,7 @@ var LinkForm = /*#__PURE__*/(0, _react.forwardRef)(function (_ref4, ref) {
       link = _ref4.link,
       props = (0, _objectWithoutPropertiesLoose2["default"])(_ref4, _excluded);
 
-  var field = _next.Field.useField(); // 交换链路起点和链路终点
+  var field = _field["default"].useField(); // 交换链路起点和链路终点
 
 
   var onExchange = function onExchange() {
@@ -189,18 +199,18 @@ var LinkForm = /*#__PURE__*/(0, _react.forwardRef)(function (_ref4, ref) {
       field.setValues(values);
     }
   }, [link]);
-  return /*#__PURE__*/_react["default"].createElement(_next.Form, {
+  return /*#__PURE__*/_react["default"].createElement(_form["default"], {
     className: _indexModule["default"].form,
     labelCol: {
       fixedSpan: 2
     },
     field: field
-  }, isAddMode ? null : /*#__PURE__*/_react["default"].createElement(_next.Form.Item, {
+  }, isAddMode ? null : /*#__PURE__*/_react["default"].createElement(_form["default"].Item, {
     label: "\u540D\u79F0",
     asterisk: false
   }, /*#__PURE__*/_react["default"].createElement("p", null, link === null || link === void 0 ? void 0 : link.name)), /*#__PURE__*/_react["default"].createElement("div", {
     className: _indexModule["default"].point
-  }, /*#__PURE__*/_react["default"].createElement(_next.Form.Item, {
+  }, /*#__PURE__*/_react["default"].createElement(_form["default"].Item, {
     label: "\u8D77\u70B9",
     labelCol: {
       fixedSpan: 2
@@ -212,7 +222,7 @@ var LinkForm = /*#__PURE__*/(0, _react.forwardRef)(function (_ref4, ref) {
     name: "src",
     disableMain: !isAddMode,
     placeholder: "\u8BF7\u9009\u62E9"
-  }, props))), /*#__PURE__*/_react["default"].createElement(_next.Form.Item, {
+  }, props))), /*#__PURE__*/_react["default"].createElement(_form["default"].Item, {
     label: "\u7EC8\u70B9",
     labelCol: {
       fixedSpan: 2
@@ -224,10 +234,10 @@ var LinkForm = /*#__PURE__*/(0, _react.forwardRef)(function (_ref4, ref) {
     name: "dst",
     disableMain: !isAddMode,
     placeholder: "\u8BF7\u9009\u62E9"
-  }, props))), isAddMode && /*#__PURE__*/_react["default"].createElement(_next.Button, {
+  }, props))), isAddMode && /*#__PURE__*/_react["default"].createElement(_button["default"], {
     text: true,
     onClick: onExchange
-  }, /*#__PURE__*/_react["default"].createElement(_next.Icon, {
+  }, /*#__PURE__*/_react["default"].createElement(_icon["default"], {
     type: "lianlufangxiangqiehuan"
   }))));
 });

package/lib/components/Link/index.js

@@ -7,12 +7,14 @@ exports["default"] = void 0;
 
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 
+var _drawer = _interopRequireDefault(require("@alifd/next/lib/drawer"));
+
+var _loading = _interopRequireDefault(require("@alifd/next/lib/loading"));
+
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _next = require("@alifd/next");
-
 var _ahooks = require("ahooks");
 
 var _rlog = _interopRequireDefault(require("@riil-frontend/component-topology-utils/es/utils/rlog"));
@@ -248,14 +250,14 @@ var LinkDrawer = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       return _ref5.apply(this, arguments);
     };
   }(), []);
-  return /*#__PURE__*/_react["default"].createElement(_next.Drawer, {
+  return /*#__PURE__*/_react["default"].createElement(_drawer["default"], {
     closeMode: ['close', 'esc'],
     visible: visible,
     onClose: setFalse,
     title: link ? '编辑链路' : '添加链路',
     className: _indexModule["default"].drawer,
     width: "calc(8/24 * 100%)"
-  }, /*#__PURE__*/_react["default"].createElement(_next.Loading, {
+  }, /*#__PURE__*/_react["default"].createElement(_loading["default"], {
     visible: updateTopoState,
     fullScreen: true
   }), visible && /*#__PURE__*/_react["default"].createElement(_setting["default"], {