@riil-frontend/component-topology 0.2.2 → 0.2.3

package/lib/components/TopoView/settings/SettingsForm.js

@@ -5,9 +5,11 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports["default"] = SettingsForm;
 
-var _react = _interopRequireWildcard(require("react"));
+var _select = _interopRequireDefault(require("@alifd/next/lib/select"));
+
+var _form = _interopRequireDefault(require("@alifd/next/lib/form"));
 
-var _next = require("@alifd/next");
+var _react = _interopRequireWildcard(require("react"));
 
 var _Style = _interopRequireDefault(require("./Style"));
 
@@ -15,8 +17,8 @@ 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; }
 
-var FormItem = _next.Form.Item;
-var Option = _next.Select.Option;
+var FormItem = _form["default"].Item;
+var Option = _select["default"].Option;
 
 function SettingsForm(props) {
   return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_Style["default"], props));

package/lib/components/TopoView/settings/Style.js

@@ -5,9 +5,21 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports["default"] = Style;
 
-var _react = _interopRequireWildcard(require("react"));
+var _tab = _interopRequireDefault(require("@alifd/next/lib/tab"));
+
+var _numberPicker = _interopRequireDefault(require("@alifd/next/lib/number-picker"));
+
+var _input = _interopRequireDefault(require("@alifd/next/lib/input"));
+
+var _field = _interopRequireDefault(require("@alifd/next/lib/field"));
 
-var _next = require("@alifd/next");
+var _select = _interopRequireDefault(require("@alifd/next/lib/select"));
+
+var _grid = _interopRequireDefault(require("@alifd/next/lib/grid"));
+
+var _form = _interopRequireDefault(require("@alifd/next/lib/form"));
+
+var _react = _interopRequireWildcard(require("react"));
 
 var _isEqual = _interopRequireDefault(require("lodash/isEqual"));
 
@@ -19,16 +31,16 @@ 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; }
 
-var FormItem = _next.Form.Item;
-var Row = _next.Grid.Row,
-    Col = _next.Grid.Col;
-var Option = _next.Select.Option;
+var FormItem = _form["default"].Item;
+var Row = _grid["default"].Row,
+    Col = _grid["default"].Col;
+var Option = _select["default"].Option;
 
 function Style(props) {
   var values = props.values,
       _onChange = props.onChange;
 
-  var field = _next.Field.useField({
+  var field = _field["default"].useField({
     autoUnmount: false,
     values: values,
     onChange: function onChange(name, value) {
@@ -47,21 +59,21 @@ function Style(props) {
     style: {
       padding: 12
     }
-  }, /*#__PURE__*/_react["default"].createElement(_next.Form, {
+  }, /*#__PURE__*/_react["default"].createElement(_form["default"], {
     field: field,
     labelAlign: "top"
-  }, /*#__PURE__*/_react["default"].createElement(_next.Form.Item, {
+  }, /*#__PURE__*/_react["default"].createElement(_form["default"].Item, {
     label: "\u540D\u79F0"
-  }, /*#__PURE__*/_react["default"].createElement(_next.Input, {
+  }, /*#__PURE__*/_react["default"].createElement(_input["default"], {
     name: "attrObject.name"
-  })), values.attrObject.type !== 'link' && /*#__PURE__*/_react["default"].createElement(_next.Form.Item, {
+  })), values.attrObject.type !== 'link' && /*#__PURE__*/_react["default"].createElement(_form["default"].Item, {
     label: "\u5750\u6807"
   }, /*#__PURE__*/_react["default"].createElement(Row, {
     gutter: "16"
   }, /*#__PURE__*/_react["default"].createElement(Col, null, /*#__PURE__*/_react["default"].createElement(FormItem, {
     required: true,
     requiredTrigger: "onBlur"
-  }, /*#__PURE__*/_react["default"].createElement(_next.NumberPicker, {
+  }, /*#__PURE__*/_react["default"].createElement(_numberPicker["default"], {
     name: "position.x",
     min: 0,
     placeholder: "\u8BF7\u8F93\u5165",
@@ -71,17 +83,17 @@ function Style(props) {
   }))), /*#__PURE__*/_react["default"].createElement(Col, null, /*#__PURE__*/_react["default"].createElement(FormItem, {
     required: true,
     requiredTrigger: "onBlur"
-  }, /*#__PURE__*/_react["default"].createElement(_next.NumberPicker, {
+  }, /*#__PURE__*/_react["default"].createElement(_numberPicker["default"], {
     name: "position.y",
     min: 0,
     placeholder: "\u8BF7\u8F93\u5165",
     style: {
       width: '100%'
     }
-  }))))), /*#__PURE__*/_react["default"].createElement(_next.Tab, null, /*#__PURE__*/_react["default"].createElement(_next.Tab.Item, {
+  }))))), /*#__PURE__*/_react["default"].createElement(_tab["default"], null, /*#__PURE__*/_react["default"].createElement(_tab["default"].Item, {
     title: "\u6570\u636E",
     key: "1"
-  }, "\u6570\u636E"), /*#__PURE__*/_react["default"].createElement(_next.Tab.Item, {
+  }, "\u6570\u636E"), /*#__PURE__*/_react["default"].createElement(_tab["default"].Item, {
     title: "\u6837\u5F0F",
     key: "2"
   }, "\u6837\u5F0F"))));

package/lib/components/TopoView/toolbar/TopoEditorTitleBar.js

@@ -5,9 +5,9 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports["default"] = TopoEditorTitleBar;
 
-var _react = _interopRequireWildcard(require("react"));
+var _button = _interopRequireDefault(require("@alifd/next/lib/button"));
 
-var _next = require("@alifd/next");
+var _react = _interopRequireWildcard(require("react"));
 
 var _TitleWidget = _interopRequireDefault(require("./widgets/TitleWidget"));
 
@@ -29,12 +29,12 @@ function TopoEditorTitleBar(props) {
     className: _TitleBarModule["default"].right
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: _TitleBarModule["default"].rightTools
-  }, /*#__PURE__*/_react["default"].createElement(_next.Button, {
+  }, /*#__PURE__*/_react["default"].createElement(_button["default"], {
     type: "primary",
     onClick: function onClick() {
       topo.save();
     }
-  }, "\u4FDD\u5B58"), /*#__PURE__*/_react["default"].createElement(_next.Button, {
+  }, "\u4FDD\u5B58"), /*#__PURE__*/_react["default"].createElement(_button["default"], {
     onClick: function onClick() {
       topo.exitEditMode();
     },

package/lib/components/TopoView/toolbar/TopoViewerTitleBar.js

@@ -5,9 +5,9 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports["default"] = TopoViewerTitleBar;
 
-var _react = _interopRequireWildcard(require("react"));
+var _menuButton = _interopRequireDefault(require("@alifd/next/lib/menu-button"));
 
-var _next = require("@alifd/next");
+var _react = _interopRequireWildcard(require("react"));
 
 var _ViewTools = _interopRequireDefault(require("./ViewTools"));
 
@@ -19,7 +19,7 @@ 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; }
 
-var Item = _next.MenuButton.Item;
+var Item = _menuButton["default"].Item;
 
 function TopoViewerTitleBar(props) {
   var topo = props.topo,

package/lib/components/TopoView/toolbar/ViewTools.js

@@ -5,9 +5,13 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports["default"] = ViewTools;
 
-var _react = _interopRequireWildcard(require("react"));
+var _icon = _interopRequireDefault(require("@alifd/next/lib/icon"));
+
+var _button = _interopRequireDefault(require("@alifd/next/lib/button"));
 
-var _next = require("@alifd/next");
+var _menuButton = _interopRequireDefault(require("@alifd/next/lib/menu-button"));
+
+var _react = _interopRequireWildcard(require("react"));
 
 var _SearchWidget = _interopRequireDefault(require("./widgets/SearchWidget"));
 
@@ -19,7 +23,7 @@ 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; }
 
-var Item = _next.MenuButton.Item;
+var Item = _menuButton["default"].Item;
 
 function ViewTools(props) {
   var topo = props.topo,
@@ -34,21 +38,21 @@ function ViewTools(props) {
   var topoPermission = topoState.topoPermission;
   return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_SearchWidget["default"], {
     topo: topo
-  }), showEditButton && _topoPermissonUtil["default"].isEditable(topoPermission) && /*#__PURE__*/_react["default"].createElement(_next.Button, {
+  }), showEditButton && _topoPermissonUtil["default"].isEditable(topoPermission) && /*#__PURE__*/_react["default"].createElement(_button["default"], {
     type: "primary",
     className: _TitleBarModule["default"].button,
     onClick: function onClick() {
       onEnterEdit ? onEnterEdit() : topo.enterEditMode();
     }
-  }, "\u7F16\u8F91"), /*#__PURE__*/_react["default"].createElement(_next.MenuButton, {
-    label: /*#__PURE__*/_react["default"].createElement(_next.Icon, {
+  }, "\u7F16\u8F91"), /*#__PURE__*/_react["default"].createElement(_menuButton["default"], {
+    label: /*#__PURE__*/_react["default"].createElement(_icon["default"], {
       type: "ellipsis-vertical"
     }),
     autoWidth: false,
     className: _TitleBarModule["default"].moreMenuButton
   }, /*#__PURE__*/_react["default"].createElement(Item, {
     key: "PermissionSetting"
-  }, /*#__PURE__*/_react["default"].createElement(_next.Button, {
+  }, /*#__PURE__*/_react["default"].createElement(_button["default"], {
     text: true,
     onClick: function onClick() {
       topo.exportImage();

package/lib/components/TopoView/toolbar/widgets/SearchWidget.js

@@ -1,11 +1,13 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports["default"] = SearchWidget;
 
-var _react = _interopRequireWildcard(require("react"));
+var _search = _interopRequireDefault(require("@alifd/next/lib/search"));
 
-var _next = require("@alifd/next");
+var _react = _interopRequireWildcard(require("react"));
 
 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); }
 
@@ -29,7 +31,7 @@ function SearchWidget(props) {
     // htTopoClient.search({type: filterValue, value});
     topo.searchElements(filterType, value);
   }, []);
-  return /*#__PURE__*/_react["default"].createElement(_next.Search, {
+  return /*#__PURE__*/_react["default"].createElement(_search["default"], {
     shape: "simple",
     filter: searchTypes,
     defaultFilterValue: "name",

package/lib/components/TopoView/topoView.js

@@ -11,8 +11,6 @@ var _rlog = _interopRequireDefault(require("@riil-frontend/component-topology-ut
 
 var _componentTopologyGraph = _interopRequireWildcard(require("@riil-frontend/component-topology-graph"));
 
-var _utils = require("@riil-frontend/utils");
-
 var _useTopoEdit2 = _interopRequireDefault(require("../../hooks/useTopoEdit"));
 
 var _usePolling = _interopRequireDefault(require("../../hooks/usePolling"));
@@ -98,31 +96,11 @@ var TopoView = function TopoView(props) {
       tData = _useState[0],
       setTData = _useState[1];
 
-  var _useState2 = (0, _react.useState)(),
-      dictObj = _useState2[0],
-      setDictObj = _useState2[1];
-
   var containerLinkTopo = (0, _useContainerLinkTopo["default"])({
     topoApp: topoApp
   });
-  (0, _react.useEffect)(function () {
-    var dis = sessionStorage.getItem('dists');
-
-    if (dis) {
-      var dictObject = (0, _utils.dictFormat)(JSON.parse(dis));
-      setDictObj(dictObject);
-    }
-  }, []);
-  var onCreatedTopo = (0, _react.useCallback)(function (htTopoClient) {
-    topoApp.view.onCreatedView(htTopoClient);
-
-    _rlog["default"].info('TopoView.onCreatedTopo');
-
-    initSelection();
-  }, []);
   (0, _usePolling["default"])({
-    topoApp: topoApp,
-    dictObj: dictObj
+    topoApp: topoApp
   });
   (0, _useAlarm["default"])({
     topoApp: topoApp
@@ -148,7 +126,14 @@ var TopoView = function TopoView(props) {
         currentTopo: topoData.config
       });
     }
-  }, [topoData, resAndMetrics]); // TODO 之后把事件方法都转移出去
+  }, [topoData, resAndMetrics]);
+  var onCreatedTopo = (0, _react.useCallback)(function (htTopoClient) {
+    topoApp.view.onCreatedView(htTopoClient);
+
+    _rlog["default"].info('TopoView.onCreatedTopo');
+
+    initSelection();
+  }, []); // TODO 之后把事件方法都转移出去
 
   var rightEventHandle = function rightEventHandle(event) {
     _rlog["default"].debug('右键事件', event);
@@ -227,11 +212,11 @@ var TopoView = function TopoView(props) {
 
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: _TopoViewModule["default"].topoView
-  }, titleBar || /*#__PURE__*/_react["default"].createElement(_TitleBar["default"], {
+  }, titleBar !== false && (titleBar || /*#__PURE__*/_react["default"].createElement(_TitleBar["default"], {
     topo: topoApp,
     isEditMode: isEditMode,
     onEnterEdit: onEnterEdit
-  }), /*#__PURE__*/_react["default"].createElement("div", {
+  })), /*#__PURE__*/_react["default"].createElement("div", {
     className: _TopoViewModule["default"].viewPanel
   }, /*#__PURE__*/_react["default"].createElement(_componentTopologyGraph["default"], {
     ref: topoRef,

package/lib/components/edit/EditPlugin.js

@@ -5,9 +5,9 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports["default"] = TopoEditPlugin;
 
-var _react = _interopRequireDefault(require("react"));
+var _loading = _interopRequireDefault(require("@alifd/next/lib/loading"));
 
-var _next = require("@alifd/next");
+var _react = _interopRequireDefault(require("react"));
 
 var _IconManage = _interopRequireDefault(require("./iconManage/IconManage"));
 
@@ -26,7 +26,7 @@ function TopoEditPlugin(props) {
       topoEditState = _store$useModel[0],
       topoEditDispatchers = _store$useModel[1];
 
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_next.Loading, {
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_loading["default"], {
     visible: topoEditState.saving,
     fullScreen: true
   }), /*#__PURE__*/_react["default"].createElement(_ResourceViewAttributeSettingPlugin["default"], {

package/lib/components/edit/LinkDynamicStyleSettingDrawer/RuleSetting.js

@@ -5,9 +5,11 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports["default"] = RuleSetting;
 
-var _react = _interopRequireWildcard(require("react"));
+var _button = _interopRequireDefault(require("@alifd/next/lib/button"));
+
+var _icon = _interopRequireDefault(require("@alifd/next/lib/icon"));
 
-var _next = require("@alifd/next");
+var _react = _interopRequireWildcard(require("react"));
 
 var _Rule = _interopRequireDefault(require("./rule/Rule"));
 
@@ -42,7 +44,7 @@ function RuleSetting(props) {
         _onDelete(index);
       }
     });
-  })), /*#__PURE__*/_react["default"].createElement(_next.Button, {
+  })), /*#__PURE__*/_react["default"].createElement(_button["default"], {
     disabled: rules.length >= 10,
     style: {
       width: '100%'
@@ -50,7 +52,7 @@ function RuleSetting(props) {
     onClick: function onClick() {
       onAdd();
     }
-  }, /*#__PURE__*/_react["default"].createElement(_next.Icon, {
+  }, /*#__PURE__*/_react["default"].createElement(_icon["default"], {
     type: "add"
   }), " \u6DFB\u52A0\u6761\u4EF6"));
 }

package/lib/components/edit/LinkDynamicStyleSettingDrawer/rule/ColorPicker.js

@@ -5,12 +5,12 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports["default"] = void 0;
 
+var _balloon = _interopRequireDefault(require("@alifd/next/lib/balloon"));
+
 var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _next = require("@alifd/next");
-
 var _reactColor = require("react-color");
 
 var _ColorPickerModule = _interopRequireDefault(require("./ColorPicker.module.scss"));
@@ -62,7 +62,7 @@ var ColorPicker = /*#__PURE__*/function (_Component) {
 
     return /*#__PURE__*/_react["default"].createElement("div", {
       className: "topo-color-picker"
-    }, /*#__PURE__*/_react["default"].createElement(_next.Balloon, {
+    }, /*#__PURE__*/_react["default"].createElement(_balloon["default"], {
       trigger: defaultTrigger,
       closable: false,
       triggerType: "click",

package/lib/components/edit/LinkDynamicStyleSettingDrawer/rule/Rule.js

@@ -5,12 +5,12 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports["default"] = Rule;
 
+var _icon = _interopRequireDefault(require("@alifd/next/lib/icon"));
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
 var _react = _interopRequireDefault(require("react"));
 
-var _next = require("@alifd/next");
-
 var _RuleCondition = _interopRequireDefault(require("./RuleCondition"));
 
 var _RuleStyle = _interopRequireDefault(require("./RuleStyle"));
@@ -44,7 +44,7 @@ function Rule(props) {
     className: _RuleModule["default"].headerAction,
     onClick: onDelete,
     title: "\u5220\u9664"
-  }, /*#__PURE__*/_react["default"].createElement(_next.Icon, {
+  }, /*#__PURE__*/_react["default"].createElement(_icon["default"], {
     type: "ashbin",
     size: "xs",
     style: {

package/lib/components/edit/LinkDynamicStyleSettingDrawer/rule/RuleCondition.js

@@ -5,12 +5,14 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports["default"] = RuleCondition;
 
+var _numberPicker = _interopRequireDefault(require("@alifd/next/lib/number-picker"));
+
+var _select = _interopRequireDefault(require("@alifd/next/lib/select"));
+
 var _react = _interopRequireWildcard(require("react"));
 
 var _componentRiilRuleTree = _interopRequireDefault(require("@riil-frontend/component-riil-rule-tree"));
 
-var _next = require("@alifd/next");
-
 var _isEqual = _interopRequireDefault(require("lodash/isEqual"));
 
 require("./RuleCondition.scss");
@@ -29,16 +31,16 @@ function getFields(type) {
         }, 0);
       }
 
-      return /*#__PURE__*/_react["default"].createElement(_next.Select, {
+      return /*#__PURE__*/_react["default"].createElement(_select["default"], {
         value: type,
         disabled: true,
         style: {
           width: 120
         },
         placeholder: "\u8BF7\u9009\u62E9"
-      }, type === 'networkLink' ? /*#__PURE__*/_react["default"].createElement(_next.Select.Option, {
+      }, type === 'networkLink' ? /*#__PURE__*/_react["default"].createElement(_select["default"].Option, {
         value: "networkLink"
-      }, "\u7F51\u7EDC\u94FE\u8DEF") : /*#__PURE__*/_react["default"].createElement(_next.Select.Option, {
+      }, "\u7F51\u7EDC\u94FE\u8DEF") : /*#__PURE__*/_react["default"].createElement(_select["default"].Option, {
         value: "networkAggLink"
       }, "\u805A\u5408\u94FE\u8DEF"));
     }
@@ -51,47 +53,47 @@ function getFields(type) {
         }, 0);
       }
 
-      return /*#__PURE__*/_react["default"].createElement(_next.Select, {
+      return /*#__PURE__*/_react["default"].createElement(_select["default"], {
         defaultValue: "attribute",
         disabled: true,
         style: {
           width: 100
         },
         placeholder: "\u8BF7\u9009\u62E9"
-      }, /*#__PURE__*/_react["default"].createElement(_next.Select.Option, {
+      }, /*#__PURE__*/_react["default"].createElement(_select["default"].Option, {
         value: "attribute"
       }, "\u5C5E\u6027"));
     }
   }, {
     id: 'field',
-    element: /*#__PURE__*/_react["default"].createElement(_next.Select, {
+    element: /*#__PURE__*/_react["default"].createElement(_select["default"], {
       style: {
         width: 120
       },
       placeholder: "\u8BF7\u9009\u62E9"
-    }, /*#__PURE__*/_react["default"].createElement(_next.Select.Option, {
+    }, /*#__PURE__*/_react["default"].createElement(_select["default"].Option, {
       value: "linkBandwidth"
-    }, "\u7F51\u7EDC\u94FE\u8DEF\u5E26\u5BBD"), /*#__PURE__*/_react["default"].createElement(_next.Select.Option, {
+    }, "\u7F51\u7EDC\u94FE\u8DEF\u5E26\u5BBD"), /*#__PURE__*/_react["default"].createElement(_select["default"].Option, {
       value: "linkRealBandwidth"
     }, "\u94FE\u8DEF\u5B9E\u9645\u5E26\u5BBD"))
   }, {
     id: 'operator',
-    element: /*#__PURE__*/_react["default"].createElement(_next.Select, {
+    element: /*#__PURE__*/_react["default"].createElement(_select["default"], {
       style: {
         width: 100
       },
       placeholder: "\u8BF7\u9009\u62E9"
-    }, /*#__PURE__*/_react["default"].createElement(_next.Select.Option, {
+    }, /*#__PURE__*/_react["default"].createElement(_select["default"].Option, {
       value: "=="
-    }, "=="), /*#__PURE__*/_react["default"].createElement(_next.Select.Option, {
+    }, "=="), /*#__PURE__*/_react["default"].createElement(_select["default"].Option, {
       value: "!="
-    }, "!="), /*#__PURE__*/_react["default"].createElement(_next.Select.Option, {
+    }, "!="), /*#__PURE__*/_react["default"].createElement(_select["default"].Option, {
       value: ">"
-    }, '>'), /*#__PURE__*/_react["default"].createElement(_next.Select.Option, {
+    }, '>'), /*#__PURE__*/_react["default"].createElement(_select["default"].Option, {
       value: ">="
-    }, '>='), /*#__PURE__*/_react["default"].createElement(_next.Select.Option, {
+    }, '>='), /*#__PURE__*/_react["default"].createElement(_select["default"].Option, {
       value: "<"
-    }, '<'), /*#__PURE__*/_react["default"].createElement(_next.Select.Option, {
+    }, '<'), /*#__PURE__*/_react["default"].createElement(_select["default"].Option, {
       value: "<="
     }, '<='))
   }, {
@@ -100,7 +102,7 @@ function getFields(type) {
       required: true,
       message: '不能为空'
     }],
-    element: /*#__PURE__*/_react["default"].createElement(_next.NumberPicker, {
+    element: /*#__PURE__*/_react["default"].createElement(_numberPicker["default"], {
       min: 0,
       max: 10000,
       style: {

package/lib/components/edit/LinkDynamicStyleSettingDrawer/rule/RuleStyle.js

@@ -5,9 +5,15 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports["default"] = RuleStyle;
 
-var _react = _interopRequireWildcard(require("react"));
+var _numberPicker = _interopRequireDefault(require("@alifd/next/lib/number-picker"));
+
+var _form = _interopRequireDefault(require("@alifd/next/lib/form"));
+
+var _field = _interopRequireDefault(require("@alifd/next/lib/field"));
 
-var _next = require("@alifd/next");
+var _select = _interopRequireDefault(require("@alifd/next/lib/select"));
+
+var _react = _interopRequireWildcard(require("react"));
 
 var _isEqual = _interopRequireDefault(require("lodash/isEqual"));
 
@@ -19,13 +25,13 @@ 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; }
 
-var Option = _next.Select.Option;
+var Option = _select["default"].Option;
 
 function RuleStyle(props) {
   var values = props.values,
       _onChange = props.onChange;
 
-  var field = _next.Field.useField({
+  var field = _field["default"].useField({
     autoUnmount: false,
     values: values,
     onChange: function onChange(name, value) {
@@ -40,12 +46,12 @@ function RuleStyle(props) {
   }, [values]);
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: _RuleStyleModule["default"].container
-  }, /*#__PURE__*/_react["default"].createElement(_next.Form, {
+  }, /*#__PURE__*/_react["default"].createElement(_form["default"], {
     field: field,
     inline: true
-  }, /*#__PURE__*/_react["default"].createElement(_next.Form.Item, {
+  }, /*#__PURE__*/_react["default"].createElement(_form["default"].Item, {
     label: "\u7EBF\u578B"
-  }, /*#__PURE__*/_react["default"].createElement(_next.Select, {
+  }, /*#__PURE__*/_react["default"].createElement(_select["default"], {
     name: "lineType",
     style: {
       marginRight: 8
@@ -54,14 +60,14 @@ function RuleStyle(props) {
     value: "solid"
   }, "\u5B9E\u7EBF\u4E00"), /*#__PURE__*/_react["default"].createElement(Option, {
     value: "dash"
-  }, "\u865A\u7EBF---"))), /*#__PURE__*/_react["default"].createElement(_next.Form.Item, {
+  }, "\u865A\u7EBF---"))), /*#__PURE__*/_react["default"].createElement(_form["default"].Item, {
     label: "\u7EBF\u5BBD",
     hasFeedback: true,
     required: true,
     requiredMessage: "\u4E0D\u80FD\u4E3A\u7A7A",
     requiredTrigger: "onBlur",
     asterisk: false
-  }, /*#__PURE__*/_react["default"].createElement(_next.NumberPicker, {
+  }, /*#__PURE__*/_react["default"].createElement(_numberPicker["default"], {
     name: "lineWidth",
     min: 1,
     max: 5,
@@ -69,9 +75,9 @@ function RuleStyle(props) {
       marginRight: 8
     },
     placeholder: "\u8BF7\u8F93\u5165"
-  })), /*#__PURE__*/_react["default"].createElement(_next.Form.Item, {
+  })), /*#__PURE__*/_react["default"].createElement(_form["default"].Item, {
     label: "\u65B9\u5411"
-  }, /*#__PURE__*/_react["default"].createElement(_next.Select, {
+  }, /*#__PURE__*/_react["default"].createElement(_select["default"], {
     name: "direction",
     style: {
       marginRight: 8
@@ -84,7 +90,7 @@ function RuleStyle(props) {
     value: "left"
   }, "\u2190"), /*#__PURE__*/_react["default"].createElement(Option, {
     value: "both"
-  }, "\u2194"))), /*#__PURE__*/_react["default"].createElement(_next.Form.Item, {
+  }, "\u2194"))), /*#__PURE__*/_react["default"].createElement(_form["default"].Item, {
     label: "\u989C\u8272"
   }, /*#__PURE__*/_react["default"].createElement(_ColorPicker["default"], {
     name: "color"