@riil-frontend/component-topology 0.2.2 → 0.2.3

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

@@ -1,16 +1,23 @@
+import _Tab from "@alifd/next/es/tab";
+import _NumberPicker from "@alifd/next/es/number-picker";
+import _Input from "@alifd/next/es/input";
+import _Field from "@alifd/next/es/field";
+import _Select from "@alifd/next/es/select";
+import _Grid from "@alifd/next/es/grid";
+import _Form from "@alifd/next/es/form";
 import React, { useEffect } from 'react';
-import { Field, Form, Input, NumberPicker, Select, Grid, Tab } from '@alifd/next';
 import isEqual from 'lodash/isEqual';
 import ColorPicker from '../../edit/LinkDynamicStyleSettingDrawer/rule/ColorPicker';
 import styles from '../../edit/LinkDynamicStyleSettingDrawer/rule/RuleStyle.module.scss';
-var FormItem = Form.Item;
-var Row = Grid.Row,
-    Col = Grid.Col;
-var Option = Select.Option;
+var FormItem = _Form.Item;
+var Row = _Grid.Row,
+    Col = _Grid.Col;
+var Option = _Select.Option;
 export default function Style(props) {
   var values = props.values,
       _onChange = props.onChange;
-  var field = Field.useField({
+
+  var field = _Field.useField({
     autoUnmount: false,
     values: values,
     onChange: function onChange(name, value) {
@@ -21,6 +28,7 @@ export default function Style(props) {
       }
     }
   });
+
   useEffect(function () {
     field.setValues(values);
   }, [values]);
@@ -28,21 +36,21 @@ export default function Style(props) {
     style: {
       padding: 12
     }
-  }, /*#__PURE__*/React.createElement(Form, {
+  }, /*#__PURE__*/React.createElement(_Form, {
     field: field,
     labelAlign: "top"
-  }, /*#__PURE__*/React.createElement(Form.Item, {
+  }, /*#__PURE__*/React.createElement(_Form.Item, {
     label: "\u540D\u79F0"
-  }, /*#__PURE__*/React.createElement(Input, {
+  }, /*#__PURE__*/React.createElement(_Input, {
     name: "attrObject.name"
-  })), values.attrObject.type !== 'link' && /*#__PURE__*/React.createElement(Form.Item, {
+  })), values.attrObject.type !== 'link' && /*#__PURE__*/React.createElement(_Form.Item, {
     label: "\u5750\u6807"
   }, /*#__PURE__*/React.createElement(Row, {
     gutter: "16"
   }, /*#__PURE__*/React.createElement(Col, null, /*#__PURE__*/React.createElement(FormItem, {
     required: true,
     requiredTrigger: "onBlur"
-  }, /*#__PURE__*/React.createElement(NumberPicker, {
+  }, /*#__PURE__*/React.createElement(_NumberPicker, {
     name: "position.x",
     min: 0,
     placeholder: "\u8BF7\u8F93\u5165",
@@ -52,17 +60,17 @@ export default function Style(props) {
   }))), /*#__PURE__*/React.createElement(Col, null, /*#__PURE__*/React.createElement(FormItem, {
     required: true,
     requiredTrigger: "onBlur"
-  }, /*#__PURE__*/React.createElement(NumberPicker, {
+  }, /*#__PURE__*/React.createElement(_NumberPicker, {
     name: "position.y",
     min: 0,
     placeholder: "\u8BF7\u8F93\u5165",
     style: {
       width: '100%'
     }
-  }))))), /*#__PURE__*/React.createElement(Tab, null, /*#__PURE__*/React.createElement(Tab.Item, {
+  }))))), /*#__PURE__*/React.createElement(_Tab, null, /*#__PURE__*/React.createElement(_Tab.Item, {
     title: "\u6570\u636E",
     key: "1"
-  }, "\u6570\u636E"), /*#__PURE__*/React.createElement(Tab.Item, {
+  }, "\u6570\u636E"), /*#__PURE__*/React.createElement(_Tab.Item, {
     title: "\u6837\u5F0F",
     key: "2"
   }, "\u6837\u5F0F"))));

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

@@ -1,5 +1,5 @@
+import _Button from "@alifd/next/es/button";
 import React, { useState, useEffect, useRef, useCallback } from 'react';
-import { Button } from '@alifd/next';
 import TitleWidget from './widgets/TitleWidget';
 import styles from './TitleBar.module.scss';
 export default function TopoEditorTitleBar(props) {
@@ -14,12 +14,12 @@ export default function TopoEditorTitleBar(props) {
     className: styles.right
   }, /*#__PURE__*/React.createElement("div", {
     className: styles.rightTools
-  }, /*#__PURE__*/React.createElement(Button, {
+  }, /*#__PURE__*/React.createElement(_Button, {
     type: "primary",
     onClick: function onClick() {
       topo.save();
     }
-  }, "\u4FDD\u5B58"), /*#__PURE__*/React.createElement(Button, {
+  }, "\u4FDD\u5B58"), /*#__PURE__*/React.createElement(_Button, {
     onClick: function onClick() {
       topo.exitEditMode();
     },

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

@@ -1,9 +1,9 @@
+import _MenuButton from "@alifd/next/es/menu-button";
 import React, { useState, useEffect, useRef, useCallback } from 'react';
-import { Button, Search, Icon, MenuButton } from '@alifd/next';
 import ViewTools from './ViewTools';
 import TitleWidget from './widgets/TitleWidget';
 import styles from './TitleBar.module.scss';
-var Item = MenuButton.Item;
+var Item = _MenuButton.Item;
 export default function TopoViewerTitleBar(props) {
   var topo = props.topo,
       showEditButton = props.showEditButton,

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

@@ -1,9 +1,11 @@
+import _Icon from "@alifd/next/es/icon";
+import _Button from "@alifd/next/es/button";
+import _MenuButton from "@alifd/next/es/menu-button";
 import React, { useState, useEffect, useRef, useCallback } from 'react';
-import { Button, Icon, MenuButton } from '@alifd/next';
 import SearchWidget from './widgets/SearchWidget';
 import topoPermissonUtil from '../../../utils/topoPermissonUtil';
 import styles from './TitleBar.module.scss';
-var Item = MenuButton.Item;
+var Item = _MenuButton.Item;
 export default function ViewTools(props) {
   var topo = props.topo,
       _props$showEditButton = props.showEditButton,
@@ -17,21 +19,21 @@ export default function ViewTools(props) {
   var topoPermission = topoState.topoPermission;
   return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(SearchWidget, {
     topo: topo
-  }), showEditButton && topoPermissonUtil.isEditable(topoPermission) && /*#__PURE__*/React.createElement(Button, {
+  }), showEditButton && topoPermissonUtil.isEditable(topoPermission) && /*#__PURE__*/React.createElement(_Button, {
     type: "primary",
     className: styles.button,
     onClick: function onClick() {
       onEnterEdit ? onEnterEdit() : topo.enterEditMode();
     }
-  }, "\u7F16\u8F91"), /*#__PURE__*/React.createElement(MenuButton, {
-    label: /*#__PURE__*/React.createElement(Icon, {
+  }, "\u7F16\u8F91"), /*#__PURE__*/React.createElement(_MenuButton, {
+    label: /*#__PURE__*/React.createElement(_Icon, {
       type: "ellipsis-vertical"
     }),
     autoWidth: false,
     className: styles.moreMenuButton
   }, /*#__PURE__*/React.createElement(Item, {
     key: "PermissionSetting"
-  }, /*#__PURE__*/React.createElement(Button, {
+  }, /*#__PURE__*/React.createElement(_Button, {
     text: true,
     onClick: function onClick() {
       topo.exportImage();

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

@@ -1,5 +1,5 @@
+import _Search from "@alifd/next/es/search";
 import React, { useState, useEffect, useRef, useCallback } from 'react';
-import { Button, Search, Icon, MenuButton } from '@alifd/next';
 var searchTypes = [{
   label: '设备名称',
   value: 'name'
@@ -17,7 +17,7 @@ export default function SearchWidget(props) {
     // htTopoClient.search({type: filterValue, value});
     topo.searchElements(filterType, value);
   }, []);
-  return /*#__PURE__*/React.createElement(Search, {
+  return /*#__PURE__*/React.createElement(_Search, {
     shape: "simple",
     filter: searchTypes,
     defaultFilterValue: "name",

package/es/components/TopoView/topoView.js

@@ -1,7 +1,6 @@
 import React, { useState, useEffect, useRef, useCallback } from 'react';
 import rlog from '@riil-frontend/component-topology-utils/es/utils/rlog';
 import TopoContainer, { TopoEvent } from '@riil-frontend/component-topology-graph';
-import { dictFormat } from '@riil-frontend/utils';
 import useTopoEdit from '../../hooks/useTopoEdit';
 import usePolling from '../../hooks/usePolling';
 import useAlarm from '../../hooks/useAlarm';
@@ -71,29 +70,11 @@ var TopoView = function TopoView(props) {
       tData = _useState[0],
       setTData = _useState[1];
 
-  var _useState2 = useState(),
-      dictObj = _useState2[0],
-      setDictObj = _useState2[1];
-
   var containerLinkTopo = useContainerLinkTopo({
     topoApp: topoApp
   });
-  useEffect(function () {
-    var dis = sessionStorage.getItem('dists');
-
-    if (dis) {
-      var dictObject = dictFormat(JSON.parse(dis));
-      setDictObj(dictObject);
-    }
-  }, []);
-  var onCreatedTopo = useCallback(function (htTopoClient) {
-    topoApp.view.onCreatedView(htTopoClient);
-    rlog.info('TopoView.onCreatedTopo');
-    initSelection();
-  }, []);
   usePolling({
-    topoApp: topoApp,
-    dictObj: dictObj
+    topoApp: topoApp
   });
   useAlarm({
     topoApp: topoApp
@@ -118,7 +99,12 @@ var TopoView = function TopoView(props) {
         currentTopo: topoData.config
       });
     }
-  }, [topoData, resAndMetrics]); // TODO 之后把事件方法都转移出去
+  }, [topoData, resAndMetrics]);
+  var onCreatedTopo = useCallback(function (htTopoClient) {
+    topoApp.view.onCreatedView(htTopoClient);
+    rlog.info('TopoView.onCreatedTopo');
+    initSelection();
+  }, []); // TODO 之后把事件方法都转移出去
 
   var rightEventHandle = function rightEventHandle(event) {
     rlog.debug('右键事件', event);
@@ -192,11 +178,11 @@ var TopoView = function TopoView(props) {
 
   return /*#__PURE__*/React.createElement("div", {
     className: styles.topoView
-  }, titleBar || /*#__PURE__*/React.createElement(TitleBar, {
+  }, titleBar !== false && (titleBar || /*#__PURE__*/React.createElement(TitleBar, {
     topo: topoApp,
     isEditMode: isEditMode,
     onEnterEdit: onEnterEdit
-  }), /*#__PURE__*/React.createElement("div", {
+  })), /*#__PURE__*/React.createElement("div", {
     className: styles.viewPanel
   }, /*#__PURE__*/React.createElement(TopoContainer, {
     ref: topoRef,

package/es/components/edit/EditPlugin.js

@@ -1,5 +1,5 @@
+import _Loading from "@alifd/next/es/loading";
 import React from 'react';
-import { Loading } from '@alifd/next';
 import IconManage from './iconManage/IconManage';
 import LinkDynamicStyleSettingDrawer from './LinkDynamicStyleSettingDrawer';
 import ResourceViewAttributeSettingPlugin from './ResourceViewAttributeSetting/ResourceViewAttributeSettingPlugin';
@@ -13,7 +13,7 @@ export default function TopoEditPlugin(props) {
       topoEditState = _store$useModel[0],
       topoEditDispatchers = _store$useModel[1];
 
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Loading, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Loading, {
     visible: topoEditState.saving,
     fullScreen: true
   }), /*#__PURE__*/React.createElement(ResourceViewAttributeSettingPlugin, {

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

@@ -1,5 +1,6 @@
+import _Button from "@alifd/next/es/button";
+import _Icon from "@alifd/next/es/icon";
 import React, { useRef, useState } from 'react';
-import { Button, Icon, Card } from '@alifd/next';
 import Rule from './rule/Rule';
 import styles from './RuleSetting.module.scss';
 export default function RuleSetting(props) {
@@ -27,7 +28,7 @@ export default function RuleSetting(props) {
         _onDelete(index);
       }
     });
-  })), /*#__PURE__*/React.createElement(Button, {
+  })), /*#__PURE__*/React.createElement(_Button, {
     disabled: rules.length >= 10,
     style: {
       width: '100%'
@@ -35,7 +36,7 @@ export default function RuleSetting(props) {
     onClick: function onClick() {
       onAdd();
     }
-  }, /*#__PURE__*/React.createElement(Icon, {
+  }, /*#__PURE__*/React.createElement(_Icon, {
     type: "add"
   }), " \u6DFB\u52A0\u6761\u4EF6"));
 }

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

@@ -1,6 +1,6 @@
+import _Balloon from "@alifd/next/es/balloon";
 import _inheritsLoose from "@babel/runtime/helpers/inheritsLoose";
 import React, { Component, useRef } from 'react';
-import { Balloon } from '@alifd/next';
 import { SketchPicker } from 'react-color';
 import styles from './ColorPicker.module.scss';
 import './ColorPicker.scss';
@@ -44,7 +44,7 @@ var ColorPicker = /*#__PURE__*/function (_Component) {
     });
     return /*#__PURE__*/React.createElement("div", {
       className: "topo-color-picker"
-    }, /*#__PURE__*/React.createElement(Balloon, {
+    }, /*#__PURE__*/React.createElement(_Balloon, {
       trigger: defaultTrigger,
       closable: false,
       triggerType: "click",

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

@@ -1,6 +1,6 @@
+import _Icon from "@alifd/next/es/icon";
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
-import { Icon } from '@alifd/next';
 import RuleCondition from './RuleCondition';
 import RuleStyle from './RuleStyle';
 import styles from './Rule.module.scss';
@@ -31,7 +31,7 @@ export default function Rule(props) {
     className: styles.headerAction,
     onClick: onDelete,
     title: "\u5220\u9664"
-  }, /*#__PURE__*/React.createElement(Icon, {
+  }, /*#__PURE__*/React.createElement(_Icon, {
     type: "ashbin",
     size: "xs",
     style: {

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

@@ -1,6 +1,7 @@
+import _NumberPicker from "@alifd/next/es/number-picker";
+import _Select from "@alifd/next/es/select";
 import React, { Component, useCallback, useState } from 'react';
 import RiilRuleTree from '@riil-frontend/component-riil-rule-tree';
-import { Select, Input, NumberPicker } from '@alifd/next';
 import isEqual from 'lodash/isEqual';
 import './RuleCondition.scss';
 
@@ -14,16 +15,16 @@ function getFields(type) {
         }, 0);
       }
 
-      return /*#__PURE__*/React.createElement(Select, {
+      return /*#__PURE__*/React.createElement(_Select, {
         value: type,
         disabled: true,
         style: {
           width: 120
         },
         placeholder: "\u8BF7\u9009\u62E9"
-      }, type === 'networkLink' ? /*#__PURE__*/React.createElement(Select.Option, {
+      }, type === 'networkLink' ? /*#__PURE__*/React.createElement(_Select.Option, {
         value: "networkLink"
-      }, "\u7F51\u7EDC\u94FE\u8DEF") : /*#__PURE__*/React.createElement(Select.Option, {
+      }, "\u7F51\u7EDC\u94FE\u8DEF") : /*#__PURE__*/React.createElement(_Select.Option, {
         value: "networkAggLink"
       }, "\u805A\u5408\u94FE\u8DEF"));
     }
@@ -36,47 +37,47 @@ function getFields(type) {
         }, 0);
       }
 
-      return /*#__PURE__*/React.createElement(Select, {
+      return /*#__PURE__*/React.createElement(_Select, {
         defaultValue: "attribute",
         disabled: true,
         style: {
           width: 100
         },
         placeholder: "\u8BF7\u9009\u62E9"
-      }, /*#__PURE__*/React.createElement(Select.Option, {
+      }, /*#__PURE__*/React.createElement(_Select.Option, {
         value: "attribute"
       }, "\u5C5E\u6027"));
     }
   }, {
     id: 'field',
-    element: /*#__PURE__*/React.createElement(Select, {
+    element: /*#__PURE__*/React.createElement(_Select, {
       style: {
         width: 120
       },
       placeholder: "\u8BF7\u9009\u62E9"
-    }, /*#__PURE__*/React.createElement(Select.Option, {
+    }, /*#__PURE__*/React.createElement(_Select.Option, {
       value: "linkBandwidth"
-    }, "\u7F51\u7EDC\u94FE\u8DEF\u5E26\u5BBD"), /*#__PURE__*/React.createElement(Select.Option, {
+    }, "\u7F51\u7EDC\u94FE\u8DEF\u5E26\u5BBD"), /*#__PURE__*/React.createElement(_Select.Option, {
       value: "linkRealBandwidth"
     }, "\u94FE\u8DEF\u5B9E\u9645\u5E26\u5BBD"))
   }, {
     id: 'operator',
-    element: /*#__PURE__*/React.createElement(Select, {
+    element: /*#__PURE__*/React.createElement(_Select, {
       style: {
         width: 100
       },
       placeholder: "\u8BF7\u9009\u62E9"
-    }, /*#__PURE__*/React.createElement(Select.Option, {
+    }, /*#__PURE__*/React.createElement(_Select.Option, {
       value: "=="
-    }, "=="), /*#__PURE__*/React.createElement(Select.Option, {
+    }, "=="), /*#__PURE__*/React.createElement(_Select.Option, {
       value: "!="
-    }, "!="), /*#__PURE__*/React.createElement(Select.Option, {
+    }, "!="), /*#__PURE__*/React.createElement(_Select.Option, {
       value: ">"
-    }, '>'), /*#__PURE__*/React.createElement(Select.Option, {
+    }, '>'), /*#__PURE__*/React.createElement(_Select.Option, {
       value: ">="
-    }, '>='), /*#__PURE__*/React.createElement(Select.Option, {
+    }, '>='), /*#__PURE__*/React.createElement(_Select.Option, {
       value: "<"
-    }, '<'), /*#__PURE__*/React.createElement(Select.Option, {
+    }, '<'), /*#__PURE__*/React.createElement(_Select.Option, {
       value: "<="
     }, '<='))
   }, {
@@ -85,7 +86,7 @@ function getFields(type) {
       required: true,
       message: '不能为空'
     }],
-    element: /*#__PURE__*/React.createElement(NumberPicker, {
+    element: /*#__PURE__*/React.createElement(_NumberPicker, {
       min: 0,
       max: 10000,
       style: {

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

@@ -1,13 +1,17 @@
+import _NumberPicker from "@alifd/next/es/number-picker";
+import _Form from "@alifd/next/es/form";
+import _Field from "@alifd/next/es/field";
+import _Select from "@alifd/next/es/select";
 import React, { useEffect } from 'react';
-import { Field, Form, NumberPicker, Select } from '@alifd/next';
 import isEqual from 'lodash/isEqual';
 import ColorPicker from './ColorPicker';
 import styles from './RuleStyle.module.scss';
-var Option = Select.Option;
+var Option = _Select.Option;
 export default function RuleStyle(props) {
   var values = props.values,
       _onChange = props.onChange;
-  var field = Field.useField({
+
+  var field = _Field.useField({
     autoUnmount: false,
     values: values,
     onChange: function onChange(name, value) {
@@ -16,17 +20,18 @@ export default function RuleStyle(props) {
       _onChange(newValues);
     }
   });
+
   useEffect(function () {
     field.setValues(values);
   }, [values]);
   return /*#__PURE__*/React.createElement("div", {
     className: styles.container
-  }, /*#__PURE__*/React.createElement(Form, {
+  }, /*#__PURE__*/React.createElement(_Form, {
     field: field,
     inline: true
-  }, /*#__PURE__*/React.createElement(Form.Item, {
+  }, /*#__PURE__*/React.createElement(_Form.Item, {
     label: "\u7EBF\u578B"
-  }, /*#__PURE__*/React.createElement(Select, {
+  }, /*#__PURE__*/React.createElement(_Select, {
     name: "lineType",
     style: {
       marginRight: 8
@@ -35,14 +40,14 @@ export default function RuleStyle(props) {
     value: "solid"
   }, "\u5B9E\u7EBF\u4E00"), /*#__PURE__*/React.createElement(Option, {
     value: "dash"
-  }, "\u865A\u7EBF---"))), /*#__PURE__*/React.createElement(Form.Item, {
+  }, "\u865A\u7EBF---"))), /*#__PURE__*/React.createElement(_Form.Item, {
     label: "\u7EBF\u5BBD",
     hasFeedback: true,
     required: true,
     requiredMessage: "\u4E0D\u80FD\u4E3A\u7A7A",
     requiredTrigger: "onBlur",
     asterisk: false
-  }, /*#__PURE__*/React.createElement(NumberPicker, {
+  }, /*#__PURE__*/React.createElement(_NumberPicker, {
     name: "lineWidth",
     min: 1,
     max: 5,
@@ -50,9 +55,9 @@ export default function RuleStyle(props) {
       marginRight: 8
     },
     placeholder: "\u8BF7\u8F93\u5165"
-  })), /*#__PURE__*/React.createElement(Form.Item, {
+  })), /*#__PURE__*/React.createElement(_Form.Item, {
     label: "\u65B9\u5411"
-  }, /*#__PURE__*/React.createElement(Select, {
+  }, /*#__PURE__*/React.createElement(_Select, {
     name: "direction",
     style: {
       marginRight: 8
@@ -65,7 +70,7 @@ export default function RuleStyle(props) {
     value: "left"
   }, "\u2190"), /*#__PURE__*/React.createElement(Option, {
     value: "both"
-  }, "\u2194"))), /*#__PURE__*/React.createElement(Form.Item, {
+  }, "\u2194"))), /*#__PURE__*/React.createElement(_Form.Item, {
     label: "\u989C\u8272"
   }, /*#__PURE__*/React.createElement(ColorPicker, {
     name: "color"

package/es/components/edit/iconManage/RenameDialog.js

@@ -1,9 +1,12 @@
+import _Dialog from "@alifd/next/es/dialog";
+import _Input from "@alifd/next/es/input";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _Field from "@alifd/next/es/field";
+import _Form from "@alifd/next/es/form";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React, { useEffect } from 'react';
-import { Button, Dialog, Field, Form, Icon, Input, Message, Upload } from '@alifd/next';
 import _ from 'lodash';
-var FormItem = Form.Item;
+var FormItem = _Form.Item;
 export default function RenameDialog(props) {
   var topo = props.topo;
   var store = topo.store;
@@ -17,12 +20,14 @@ export default function RenameDialog(props) {
       icon = _state$rename.icon;
   var name = icon === null || icon === void 0 ? void 0 : icon.name;
   var loading = false;
-  var field = Field.useField({
+
+  var field = _Field.useField({
     autoUnmount: true,
     values: {
       name: name
     }
   });
+
   useEffect(function () {
     field.setValues({
       name: name
@@ -69,7 +74,7 @@ export default function RenameDialog(props) {
     };
   }();
 
-  var renameIconForm = visible && /*#__PURE__*/React.createElement(Form, {
+  var renameIconForm = visible && /*#__PURE__*/React.createElement(_Form, {
     field: field
   }, /*#__PURE__*/React.createElement(FormItem, {
     required: true,
@@ -78,12 +83,12 @@ export default function RenameDialog(props) {
     maxLength: 32,
     minmaxLengthMessage: "\u540D\u79F0\u957F\u5EA6\u4E0D\u80FD\u8D85\u8FC732\u4E2A\u5B57\u7B26",
     minmaxLengthTrigger: "onBlur"
-  }, /*#__PURE__*/React.createElement(Input, {
+  }, /*#__PURE__*/React.createElement(_Input, {
     name: "name",
     placeholder: "\u8BF7\u8F93\u5165",
     trim: true
   })));
-  return /*#__PURE__*/React.createElement(Dialog, {
+  return /*#__PURE__*/React.createElement(_Dialog, {
     title: "\u91CD\u547D\u540D",
     visible: visible,
     okProps: {

package/es/components/edit/iconManage/UploadIconDialog.js

@@ -1,7 +1,10 @@
+import _Dialog from "@alifd/next/es/dialog";
+import _Upload from "@alifd/next/es/upload";
+import _Icon from "@alifd/next/es/icon";
 import _extends from "@babel/runtime/helpers/extends";
+import _Message from "@alifd/next/es/message";
 import _inheritsLoose from "@babel/runtime/helpers/inheritsLoose";
 import React from 'react';
-import { Button, Dialog, Icon, Message, Upload } from '@alifd/next';
 import topoServer from '@riil-frontend/component-topology-utils/es/services/topo';
 import _ from 'lodash';
 import _svgToShape from './utils/svgToShape';
@@ -68,7 +71,7 @@ var UploadIconDialog = /*#__PURE__*/function (_React$Component) {
       });
 
       if (errorMsg) {
-        Message.show({
+        _Message.show({
           type: 'error',
           title: errorMsg
         });
@@ -145,10 +148,11 @@ var UploadIconDialog = /*#__PURE__*/function (_React$Component) {
         uploading: false
       });
 
-      Message.show({
+      _Message.show({
         type: 'success',
         title: '图标上传成功'
       });
+
       var dispatchers = _this.props.dispatchers;
       dispatchers.uploadSuccess({
         type: _this.props.type,
@@ -170,7 +174,7 @@ var UploadIconDialog = /*#__PURE__*/function (_React$Component) {
         uploading: false
       });
 
-      Message.show({
+      _Message.show({
         type: 'error',
         title: '上传失败'
       });
@@ -235,7 +239,7 @@ var UploadIconDialog = /*#__PURE__*/function (_React$Component) {
 
   _proto.renderUpload = function renderUpload() {
     var files = this.state.files;
-    return /*#__PURE__*/React.createElement(Upload.Dragger, {
+    return /*#__PURE__*/React.createElement(_Upload.Dragger, {
       ref: this.saveUploaderRef,
       value: files,
       action: UPLOAD_ICON_URL,
@@ -260,7 +264,7 @@ var UploadIconDialog = /*#__PURE__*/function (_React$Component) {
       className: "next-upload-drag"
     }, /*#__PURE__*/React.createElement("p", {
       className: "next-upload-drag-icon"
-    }, /*#__PURE__*/React.createElement(Icon, {
+    }, /*#__PURE__*/React.createElement(_Icon, {
       type: "upload"
     })), /*#__PURE__*/React.createElement("p", {
       className: "next-upload-drag-text"
@@ -277,7 +281,7 @@ var UploadIconDialog = /*#__PURE__*/function (_React$Component) {
     var disabled = !files.length || !!files.filter(function (file) {
       return file.state === 'error';
     }).length;
-    return /*#__PURE__*/React.createElement(Dialog, {
+    return /*#__PURE__*/React.createElement(_Dialog, {
       title: "\u4E0A\u4F20\u56FE\u6807",
       visible: visible,
       okProps: {