@riil-frontend/component-topology 0.2.2 → 0.2.3

package/es/components/Link/index.js

@@ -1,7 +1,8 @@
+import _Drawer from "@alifd/next/es/drawer";
+import _Loading from "@alifd/next/es/loading";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React, { forwardRef, useCallback, useEffect, useImperativeHandle, useState } from 'react';
-import { Drawer, Loading } from '@alifd/next';
 import { useBoolean } from 'ahooks';
 import rlog from '@riil-frontend/component-topology-utils/es/utils/rlog';
 import { TopoEvent } from '@riil-frontend/component-topology-graph';
@@ -228,14 +229,14 @@ var LinkDrawer = /*#__PURE__*/forwardRef(function (props, ref) {
       return _ref5.apply(this, arguments);
     };
   }(), []);
-  return /*#__PURE__*/React.createElement(Drawer, {
+  return /*#__PURE__*/React.createElement(_Drawer, {
     closeMode: ['close', 'esc'],
     visible: visible,
     onClose: setFalse,
     title: link ? '编辑链路' : '添加链路',
     className: styles.drawer,
     width: "calc(8/24 * 100%)"
-  }, /*#__PURE__*/React.createElement(Loading, {
+  }, /*#__PURE__*/React.createElement(_Loading, {
     visible: updateTopoState,
     fullScreen: true
   }), visible && /*#__PURE__*/React.createElement(LinkSetting, {

package/es/components/Link/setting.js

@@ -1,8 +1,11 @@
+import _Loading from "@alifd/next/es/loading";
+import _Message from "@alifd/next/es/message";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _extends from "@babel/runtime/helpers/extends";
+import _Button from "@alifd/next/es/button";
+import _Icon from "@alifd/next/es/icon";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React, { useState } from 'react';
-import { Button, Icon, Loading, Message } from '@alifd/next';
 import ExtraTitle from '@riil-frontend/component-extra-title';
 import Collapse from '@riil-frontend/next-collapse';
 import MoreButtonsMenu from '@riil-frontend/component-more-buttons-menu';
@@ -20,13 +23,13 @@ var Title = function Title(_ref) {
       remove = _ref.remove;
   return /*#__PURE__*/React.createElement(ExtraTitle, {
     title: "\u94FE\u8DEF" + (index + 1),
-    extra: /*#__PURE__*/React.createElement(MoreButtonsMenu, null, /*#__PURE__*/React.createElement(Button, {
+    extra: /*#__PURE__*/React.createElement(MoreButtonsMenu, null, /*#__PURE__*/React.createElement(_Button, {
       text: true,
       disabled: !deletable,
       onClick: function onClick() {
         return remove(index);
       }
-    }, /*#__PURE__*/React.createElement(Icon, {
+    }, /*#__PURE__*/React.createElement(_Icon, {
       type: "ashbin"
     })))
   });
@@ -168,14 +171,14 @@ var LinkSetting = function LinkSetting(_ref2) {
   };
   return /*#__PURE__*/React.createElement("div", {
     className: styles.layout
-  }, /*#__PURE__*/React.createElement(Loading, {
+  }, /*#__PURE__*/React.createElement(_Loading, {
     visible: loading || saving,
     inline: false
   }, /*#__PURE__*/React.createElement("div", {
     className: styles['content-wrap']
   }, isAvailableArray(errors) && errors.length && /*#__PURE__*/React.createElement("div", {
     className: styles.message
-  }, /*#__PURE__*/React.createElement(Message, {
+  }, /*#__PURE__*/React.createElement(_Message, {
     title: "\u63D0\u793A",
     type: "error"
   }, isAddMode ? '部分链路创建失败' : '编辑链路失败，请重新选择接口')), /*#__PURE__*/React.createElement("div", {
@@ -203,15 +206,15 @@ var LinkSetting = function LinkSetting(_ref2) {
         return refs[index] = _ref5;
       }
     }))));
-  }), !hideAdd && /*#__PURE__*/React.createElement(Button, {
+  }), !hideAdd && /*#__PURE__*/React.createElement(_Button, {
     onClick: push,
     disabled: !addible,
     className: styles.add
-  }, /*#__PURE__*/React.createElement(Icon, {
+  }, /*#__PURE__*/React.createElement(_Icon, {
     type: "add"
   }), "\u6DFB\u52A0\u94FE\u8DEF"))), /*#__PURE__*/React.createElement("div", {
     className: "riil-footer right"
-  }, /*#__PURE__*/React.createElement(MoreButtonsMenu, null, isAddMode ? /*#__PURE__*/React.createElement(Button, {
+  }, /*#__PURE__*/React.createElement(MoreButtonsMenu, null, isAddMode ? /*#__PURE__*/React.createElement(_Button, {
     type: "primary",
     onClick: onSave
   }, "\u4FDD\u5B58") : /*#__PURE__*/React.createElement(RowDeleteBallon, {
@@ -228,7 +231,7 @@ var LinkSetting = function LinkSetting(_ref2) {
     balloonProps: {
       popupClassName: styles.popup
     }
-  }), /*#__PURE__*/React.createElement(Button, {
+  }), /*#__PURE__*/React.createElement(_Button, {
     onClick: cancelCb
   }, "\u53D6\u6D88")))));
 };

package/es/components/MultiResourceDrawer/Content.js

@@ -1,6 +1,6 @@
+import _Message from "@alifd/next/es/message";
 import React, { useImperativeHandle, useRef, useState } from 'react';
 import { isAvailableArray } from '@riil-frontend/utils';
-import { Message } from '@alifd/next';
 import Dynamic from './Dynamic';
 import Static from './Static'; // import styles from './index.module.scss';
 
@@ -26,7 +26,8 @@ var Content = function Content(props, ref) {
     return {
       getData: function getData() {
         if (!dynamicChecked && !staticChecked) {
-          Message.error('请选择资源。');
+          _Message.error('请选择资源。');
+
           return null;
         }
 
@@ -36,7 +37,8 @@ var Content = function Content(props, ref) {
             searchValue = _dynamicRef$current$g.searchValue;
 
         if (dynamicChecked && error) {
-          Message.error('动态条件设置有误，请修改。');
+          _Message.error('动态条件设置有误，请修改。');
+
           return null;
         }
 

package/es/components/MultiResourceDrawer/ResourceCard/index.js

@@ -1,5 +1,6 @@
+import _Card from "@alifd/next/es/card";
+import _Checkbox from "@alifd/next/es/checkbox";
 import React from 'react';
-import { Card, Checkbox } from '@alifd/next';
 import styles from './index.module.scss';
 
 var ResourceCard = function ResourceCard(props) {
@@ -8,16 +9,16 @@ var ResourceCard = function ResourceCard(props) {
       checked = props.checked,
       onCheckChange = props.onCheckChange,
       style = props.style;
-  return /*#__PURE__*/React.createElement(Card, {
+  return /*#__PURE__*/React.createElement(_Card, {
     free: true,
     className: styles.card,
     style: style
   }, /*#__PURE__*/React.createElement("div", {
     className: styles.header
-  }, /*#__PURE__*/React.createElement(Checkbox, {
+  }, /*#__PURE__*/React.createElement(_Checkbox, {
     checked: checked,
     onChange: onCheckChange
-  }, title)), /*#__PURE__*/React.createElement(Card.Content, {
+  }, title)), /*#__PURE__*/React.createElement(_Card.Content, {
     className: styles.content
   }, children));
 };

package/es/components/SingleResourceDrawer/index.js

@@ -1,6 +1,6 @@
+import _Message from "@alifd/next/es/message";
 import React, { useRef } from 'react';
 import { isAvailableArray } from '@riil-frontend/utils';
-import { Message } from '@alifd/next';
 import Drawer from '../Drawer';
 import ResourceList from '../ResourceList';
 
@@ -18,7 +18,8 @@ var SingleResourceDrawer = function SingleResourceDrawer(props) {
     var data = ref.current.getSelectedData();
 
     if (!isAvailableArray(data)) {
-      Message.error('请选择一项资源。');
+      _Message.error('请选择一项资源。');
+
       return;
     }
 

package/es/components/TopoView/Topo.js

@@ -1,5 +1,5 @@
+import _Loading from "@alifd/next/es/loading";
 import React, { useState, useEffect, useRef, useCallback } from 'react';
-import { Loading } from '@alifd/next';
 import NodataPage from '@riil-frontend/component-topology-utils/es/components/NoDataPage';
 import TopoView from './topoView';
 import topoPermissonUtil from '../../utils/topoPermissonUtil';
@@ -60,7 +60,7 @@ export function Topo(props) {
     className: styles['topo-center-view']
   }, renderContent(), loading ? /*#__PURE__*/React.createElement("div", {
     className: styles['topo-center-mask']
-  }, /*#__PURE__*/React.createElement(Loading, {
+  }, /*#__PURE__*/React.createElement(_Loading, {
     className: styles['topo-center-mask-loading'],
     visible: true,
     inline: false

package/es/components/TopoView/plugins/ResourceDetail/topoDrawer.js

@@ -1,5 +1,7 @@
+import _Drawer from "@alifd/next/es/drawer";
+import _Box from "@alifd/next/es/box";
+import _Button from "@alifd/next/es/button";
 import _extends from "@babel/runtime/helpers/extends";
-import { Button, Drawer, Box } from '@alifd/next';
 import React, { useState, useEffect } from 'react';
 import { Link } from 'react-router-dom';
 import AlarmSimple from '@riil-frontend/component-topology-utils/es/components/AlarmSimple';
@@ -110,7 +112,7 @@ function TopoDrawer(params) {
     return rander;
   };
 
-  return /*#__PURE__*/React.createElement("div", null, drawVisible ? /*#__PURE__*/React.createElement(Drawer, {
+  return /*#__PURE__*/React.createElement("div", null, drawVisible ? /*#__PURE__*/React.createElement(_Drawer, {
     onClose: setDrawHidden,
     className: styles['topo-drawer'],
     visible: visible // title={drawerData.name || '抽屉内容'}
@@ -118,13 +120,13 @@ function TopoDrawer(params) {
     title: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
       className: styles['topo-drawer-header-title']
     }, "\u6982\u89C8\u2014\u2014" + drawerData.name), drawerTitle(drawerData))
-  }, /*#__PURE__*/React.createElement(Box, {
+  }, /*#__PURE__*/React.createElement(_Box, {
     className: styles['topo-drawer-alarm-banner'],
     spacing: 20,
     direction: "row"
   }, /*#__PURE__*/React.createElement("div", {
     className: styles['topo-drawer-alarm-txt']
-  }, "\u6700\u8FD1\u7684\u544A\u8B66"), /*#__PURE__*/React.createElement(Button, {
+  }, "\u6700\u8FD1\u7684\u544A\u8B66"), /*#__PURE__*/React.createElement(_Button, {
     text: true,
     className: styles['topo-drawer-alarm-refresh'],
     onClick: refresh

package/es/components/TopoView/plugins/ResourceWebControllUrlSettingDialog.js

@@ -1,9 +1,13 @@
+import _Dialog from "@alifd/next/es/dialog";
+import _Loading from "@alifd/next/es/loading";
+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, Loading } from '@alifd/next';
 import styles from './ResourceWebControllUrlSettingDialog.module.scss';
-var FormItem = Form.Item;
+var FormItem = _Form.Item;
 export default function ResourceWebControllUrlSettingDialog(props) {
   var topo = props.topo;
   var store = topo.store,
@@ -15,12 +19,14 @@ export default function ResourceWebControllUrlSettingDialog(props) {
   var visible = state.visible,
       url = state.url,
       saving = state.saving;
-  var field = Field.useField({
+
+  var field = _Field.useField({
     autoUnmount: true,
     values: {
       url: url
     }
   });
+
   useEffect(function () {
     field.setValues({
       url: url
@@ -64,7 +70,7 @@ export default function ResourceWebControllUrlSettingDialog(props) {
     };
   }();
 
-  var renameIconForm = /*#__PURE__*/React.createElement(Form, {
+  var renameIconForm = /*#__PURE__*/React.createElement(_Form, {
     field: field,
     labelAlign: "left",
     className: styles.form
@@ -76,13 +82,13 @@ export default function ResourceWebControllUrlSettingDialog(props) {
     format: "url",
     formatMessage: "\u94FE\u63A5\u4E0D\u662F\u5408\u6CD5\u7684URL\u5730\u5740",
     formatTrigger: "onBlur"
-  }, /*#__PURE__*/React.createElement(Input, {
+  }, /*#__PURE__*/React.createElement(_Input, {
     name: "url",
     placeholder: "\u8BF7\u8F93\u5165",
     trim: true,
     hasClear: true
   })));
-  return /*#__PURE__*/React.createElement(Dialog, {
+  return /*#__PURE__*/React.createElement(_Dialog, {
     title: "\u8BBE\u7F6E",
     visible: visible,
     okProps: {
@@ -97,7 +103,7 @@ export default function ResourceWebControllUrlSettingDialog(props) {
     onOk: submit,
     onCancel: resourceWebControllUrl.setting.closeSettingDialog,
     onClose: resourceWebControllUrl.setting.closeSettingDialog
-  }, renameIconForm, /*#__PURE__*/React.createElement(Loading, {
+  }, renameIconForm, /*#__PURE__*/React.createElement(_Loading, {
     fullScreen: true,
     visible: saving
   }));

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

@@ -1,16 +1,23 @@
+import _NumberPicker from "@alifd/next/es/number-picker";
+import _Input from "@alifd/next/es/input";
+import _Field from "@alifd/next/es/field";
 import _extends from "@babel/runtime/helpers/extends";
+import _Radio from "@alifd/next/es/radio";
+import _Collapse from "@alifd/next/es/collapse";
+import _Select from "@alifd/next/es/select";
+import _Grid from "@alifd/next/es/grid";
+import _Form from "@alifd/next/es/form";
 import React, { useState, useEffect } from 'react';
-import { Field, Form, Input, NumberPicker, Select, Grid, Collapse, Radio, Button } from '@alifd/next';
 import isEqual from 'lodash/isEqual';
 import ColorPicker from '../../edit/LinkDynamicStyleSettingDrawer/rule/ColorPicker';
 import styles from '../../edit/LinkDynamicStyleSettingDrawer/rule/RuleStyle.module.scss';
 import ResourceList from './ResourceList';
-var FormItem = Form.Item;
-var Row = Grid.Row,
-    Col = Grid.Col;
-var Option = Select.Option;
-var CollapsePanel = Collapse.Panel;
-var RadioGroup = Radio.Group; // 字体样式格式 label.font: bold italic 12px 黑体 / 12px 黑体
+var FormItem = _Form.Item;
+var Row = _Grid.Row,
+    Col = _Grid.Col;
+var Option = _Select.Option;
+var CollapsePanel = _Collapse.Panel;
+var RadioGroup = _Radio.Group; // 字体样式格式 label.font: bold italic 12px 黑体 / 12px 黑体
 
 var fontStyleUtil = {
   toMap: function toMap(font, prefix) {
@@ -72,7 +79,8 @@ function parseValues(values) {
 export default function LayerSettingsForm(props) {
   var values = props.values,
       _onChange = props.onChange;
-  var field = Field.useField({
+
+  var field = _Field.useField({
     autoUnmount: false,
     values: parseValues(values),
     onChange: function onChange(name, value) {
@@ -94,6 +102,7 @@ export default function LayerSettingsForm(props) {
       }
     }
   });
+
   useEffect(function () {
     field.setValues(parseValues(values));
   }, [values]);
@@ -114,18 +123,18 @@ export default function LayerSettingsForm(props) {
     }, /*#__PURE__*/React.createElement(ResourceList, null));
   };
 
-  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Form, {
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(_Form, {
     field: field,
     labelAlign: "top"
-  }, /*#__PURE__*/React.createElement(Form.Item, {
+  }, /*#__PURE__*/React.createElement(_Form.Item, {
     label: "\u540D\u79F0",
     style: {
       paddingLeft: 12,
       paddingRight: 12
     }
-  }, /*#__PURE__*/React.createElement(Input, {
+  }, /*#__PURE__*/React.createElement(_Input, {
     name: "styleMap.label"
-  })), /*#__PURE__*/React.createElement(Form.Item, null, /*#__PURE__*/React.createElement(Collapse, {
+  })), /*#__PURE__*/React.createElement(_Form.Item, null, /*#__PURE__*/React.createElement(_Collapse, {
     defaultExpandedKeys: ['关联资源', '层间线', '文本'],
     style: {
       border: 'none'
@@ -137,9 +146,9 @@ export default function LayerSettingsForm(props) {
     gutter: "2"
   }, /*#__PURE__*/React.createElement(Col, {
     span: "16"
-  }, /*#__PURE__*/React.createElement(Form.Item, {
+  }, /*#__PURE__*/React.createElement(_Form.Item, {
     label: "\u7EBF\u578B"
-  }, /*#__PURE__*/React.createElement(Select, {
+  }, /*#__PURE__*/React.createElement(_Select, {
     name: "styleMap.borderType",
     style: {
       width: '100%',
@@ -151,14 +160,14 @@ export default function LayerSettingsForm(props) {
     value: "dash"
   }, "\u865A\u7EBF---")))), /*#__PURE__*/React.createElement(Col, {
     span: "8"
-  }, /*#__PURE__*/React.createElement(Form.Item, {
+  }, /*#__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: "styleMap.borderWidth",
     min: 1,
     max: 10,
@@ -167,7 +176,7 @@ export default function LayerSettingsForm(props) {
       marginRight: 8
     },
     placeholder: "\u8BF7\u8F93\u5165"
-  })))), /*#__PURE__*/React.createElement(Form.Item, {
+  })))), /*#__PURE__*/React.createElement(_Form.Item, {
     label: "\u989C\u8272"
   }, /*#__PURE__*/React.createElement(ColorPicker, {
     name: "styleMap.dashColor",
@@ -175,9 +184,9 @@ export default function LayerSettingsForm(props) {
   }))), /*#__PURE__*/React.createElement(CollapsePanel, {
     key: "\u6587\u672C",
     title: "\u6587\u672C"
-  }, /*#__PURE__*/React.createElement(Form.Item, {
+  }, /*#__PURE__*/React.createElement(_Form.Item, {
     label: "\u5B57\u4F53"
-  }, /*#__PURE__*/React.createElement(Select, {
+  }, /*#__PURE__*/React.createElement(_Select, {
     name: "styleMap.label.fontStyle.fontFamily",
     style: {
       width: '100%',
@@ -201,14 +210,14 @@ export default function LayerSettingsForm(props) {
     style: {
       fontFamily: 'Arial'
     }
-  }, "Arial")))), /*#__PURE__*/React.createElement(Form.Item, {
+  }, "Arial")))), /*#__PURE__*/React.createElement(_Form.Item, {
     label: "\u5B57\u53F7",
     hasFeedback: true,
     required: true,
     requiredMessage: "\u4E0D\u80FD\u4E3A\u7A7A",
     requiredTrigger: "onBlur",
     asterisk: false
-  }, /*#__PURE__*/React.createElement(NumberPicker, {
+  }, /*#__PURE__*/React.createElement(_NumberPicker, {
     name: "styleMap.label.fontStyle.fontSize",
     min: 8,
     max: 36,
@@ -217,20 +226,20 @@ export default function LayerSettingsForm(props) {
       marginRight: 8
     },
     placeholder: "\u8BF7\u8F93\u5165"
-  })), /*#__PURE__*/React.createElement(Form.Item, {
+  })), /*#__PURE__*/React.createElement(_Form.Item, {
     label: "\u6837\u5F0F"
   }, /*#__PURE__*/React.createElement(RadioGroup, {
     shape: "button"
-  }, /*#__PURE__*/React.createElement(Radio, {
+  }, /*#__PURE__*/React.createElement(_Radio, {
     id: "banana",
     value: "banana"
-  }, "B"), /*#__PURE__*/React.createElement(Radio, {
+  }, "B"), /*#__PURE__*/React.createElement(_Radio, {
     id: "watermelon",
     value: "watermelon"
-  }, "I"), /*#__PURE__*/React.createElement(Radio, {
+  }, "I"), /*#__PURE__*/React.createElement(_Radio, {
     id: "peach",
     value: "peach"
-  }, "U"))), /*#__PURE__*/React.createElement(Form.Item, {
+  }, "U"))), /*#__PURE__*/React.createElement(_Form.Item, {
     label: "\u989C\u8272"
   }, /*#__PURE__*/React.createElement(ColorPicker, {
     name: "styleMap.label.color",

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

@@ -1,5 +1,6 @@
+import _Button from "@alifd/next/es/button";
+import _Avatar from "@alifd/next/es/avatar";
 import React, { useState, useEffect, useRef, useCallback } from 'react';
-import { List, Avatar, Button } from '@alifd/next';
 import SelectResource from './SelectResource';
 import styles from './ResourceList.module.scss';
 
@@ -59,7 +60,7 @@ function ResourceList(props) {
     return /*#__PURE__*/React.createElement("div", {
       className: styles.item,
       key: key
-    }, /*#__PURE__*/React.createElement(Avatar, {
+    }, /*#__PURE__*/React.createElement(_Avatar, {
       className: styles.img,
       src: item.img
     }), /*#__PURE__*/React.createElement("div", {
@@ -75,7 +76,7 @@ ResourceList.Select = function Select(props) {
       isSelectResource = _useState[0],
       setIsSelectResource = _useState[1];
 
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Button, {
     text: true,
     type: "primary",
     onClick: function onClick(e) {

package/es/components/TopoView/settings/SelectResource/index.js

@@ -1,8 +1,14 @@
+import _Drawer from "@alifd/next/es/drawer";
+import _Button from "@alifd/next/es/button";
+import _Loading from "@alifd/next/es/loading";
+import _Table from "@alifd/next/es/table";
+import _Search from "@alifd/next/es/search";
+import _CascaderSelect from "@alifd/next/es/cascader-select";
+import _Message from "@alifd/next/es/message";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React, { useEffect, useState } from 'react';
 import NoDataPage from '@riil-frontend/component-no-data-page';
-import { Loading, Message, Table, Drawer, Search, Button, CascaderSelect } from '@alifd/next';
 import _ from 'lodash';
 import Pager from '@riil-frontend/component-topology-utils/es/components/Pager';
 import styles from './index.module.scss';
@@ -66,7 +72,7 @@ function SelectResource(props) {
   }
 
   function submitChange() {
-    Message.error('请选择要加入的资源');
+    _Message.error('请选择要加入的资源');
   }
 
   var getIds = function getIds(data) {
@@ -124,7 +130,7 @@ function SelectResource(props) {
     },
     selectedRowKeys: selectedKeys
   };
-  return /*#__PURE__*/React.createElement(Drawer, {
+  return /*#__PURE__*/React.createElement(_Drawer, {
     title: "\u6DFB\u52A0\u8D44\u6E90",
     width: 680,
     closeMode: ['close'],
@@ -135,14 +141,14 @@ function SelectResource(props) {
     }
   }, /*#__PURE__*/React.createElement("div", {
     className: styles.page
-  }, /*#__PURE__*/React.createElement(Loading, {
+  }, /*#__PURE__*/React.createElement(_Loading, {
     visible: false,
     inline: false
   }, /*#__PURE__*/React.createElement("div", {
     className: styles.header
   }, /*#__PURE__*/React.createElement("div", {
     className: styles['header-left']
-  }, /*#__PURE__*/React.createElement(CascaderSelect, {
+  }, /*#__PURE__*/React.createElement(_CascaderSelect, {
     style: {
       width: '160px',
       marginRight: '8px'
@@ -158,7 +164,7 @@ function SelectResource(props) {
     placeholder: "\u8BF7\u9009\u62E9" // dataSource={modelTreel}
     ,
     onChange: function onChange(value, data, extra) {}
-  }), /*#__PURE__*/React.createElement(Search, {
+  }), /*#__PURE__*/React.createElement(_Search, {
     size: "medium",
     style: {
       width: '200px'
@@ -172,25 +178,25 @@ function SelectResource(props) {
     }
   }))), /*#__PURE__*/React.createElement("div", {
     className: styles.body
-  }, /*#__PURE__*/React.createElement(Table, {
+  }, /*#__PURE__*/React.createElement(_Table, {
     className: styles.table,
     hasBorder: false,
     emptyContent: /*#__PURE__*/React.createElement(NoDataPage, null),
     dataSource: tableData.data,
     rowSelection: rowSelection
-  }, /*#__PURE__*/React.createElement(Table.Column, {
+  }, /*#__PURE__*/React.createElement(_Table.Column, {
     title: "\u540D\u79F0",
     dataIndex: "a",
     cell: function cell(cellValue, rowIndex, record) {
       return cellValue || '-';
     }
-  }), /*#__PURE__*/React.createElement(Table.Column, {
+  }), /*#__PURE__*/React.createElement(_Table.Column, {
     title: "IP\u5730\u5740",
     dataIndex: "b",
     cell: function cell(cellValue, rowIndex, record) {
       return cellValue || '-';
     }
-  }), /*#__PURE__*/React.createElement(Table.Column, {
+  }), /*#__PURE__*/React.createElement(_Table.Column, {
     title: "\u8D44\u4EA7\u7C7B\u578B",
     dataIndex: "c" // cell={(cellValue, rowIndex, record) => {
     //   return props?.dict[cellValue] || '-';
@@ -209,10 +215,10 @@ function SelectResource(props) {
     total: tableData.total
   }))), /*#__PURE__*/React.createElement("div", {
     className: styles.footer
-  }, /*#__PURE__*/React.createElement(Button, {
+  }, /*#__PURE__*/React.createElement(_Button, {
     type: "primary",
     onClick: submitChange
-  }, "\u4FDD\u5B58"), /*#__PURE__*/React.createElement(Button, {
+  }, "\u4FDD\u5B58"), /*#__PURE__*/React.createElement(_Button, {
     onClick: function onClick() {
       props.onVisibleChange(false);
     }

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

@@ -1,6 +1,5 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useState, useEffect, useRef, useCallback } from 'react';
-import { Card, Button } from '@alifd/next';
 import SettingsForm from './SettingsForm';
 import LayerSettingsForm from './LayerSettingsForm';
 import styles from './Settings.module.scss';

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

@@ -1,8 +1,9 @@
+import _Select from "@alifd/next/es/select";
+import _Form from "@alifd/next/es/form";
 import React, { useState, useEffect, useRef, useCallback } from 'react';
-import { Form, Input, Select } from '@alifd/next';
 import Style from './Style';
-var FormItem = Form.Item;
-var Option = Select.Option;
+var FormItem = _Form.Item;
+var Option = _Select.Option;
 export default function SettingsForm(props) {
   return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Style, props));
 }