@zat-design/sisyphus-react 4.0.0-beta.6 → 4.0.0-beta.8

package/es/ProForm/components/combination/ProRangeLimit/index.js

@@ -1,14 +1,9 @@
-import "antd/es/space/style";
-import _Space from "antd/es/space";
-import "antd/es/checkbox/style";
-import _Checkbox from "antd/es/checkbox";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import "antd/es/date-picker/style";
-import _DatePicker from "antd/es/date-picker";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 var _excluded = ["disabled", "foreverText", "foreverDate", "format", "otherProps", "separator", "limit"];
 import React, { useMemo, useState } from 'react';
+import { DatePicker, Checkbox, Space } from 'antd';
 import { omit, isFunction, uniq, isObject } from 'lodash';
 import classNames from 'classnames';
 import dayjs from 'dayjs';
@@ -46,7 +41,7 @@ var useControlled = props => {
   // @ts-ignore
   return [value, setValue];
 };
-var RangePicker = _DatePicker.RangePicker;
+var RangePicker = DatePicker.RangePicker;
 var ProRangeLimit = props => {
   var disabled = props.disabled,
     _props$foreverText = props.foreverText,
@@ -191,7 +186,7 @@ var ProRangeLimit = props => {
   if (isObject(_rest.showTime)) {
     _rest.showTime = Object.assign(_defaultShowTime, _rest.showTime);
   }
-  return /*#__PURE__*/_jsxs(_Space.Compact, {
+  return /*#__PURE__*/_jsxs(Space.Compact, {
     className: "pro-range-limit",
     children: [/*#__PURE__*/_jsx(RangePicker, _objectSpread(_objectSpread(_objectSpread({
       allowClear: true,
@@ -203,7 +198,7 @@ var ProRangeLimit = props => {
       onChange: handleRangeChange
     })), limit && /*#__PURE__*/_jsx("div", {
       className: className,
-      children: /*#__PURE__*/_jsx(_Checkbox, {
+      children: /*#__PURE__*/_jsx(Checkbox, {
         checked: _isForever,
         disabled: _disabled === null || _disabled === void 0 ? void 0 : _disabled[1],
         onChange: handleForeverChange,

package/es/ProForm/components/combination/ProTimeLimit/index.js

@@ -1,14 +1,9 @@
-import "antd/es/space/style";
-import _Space from "antd/es/space";
-import "antd/es/checkbox/style";
-import _Checkbox from "antd/es/checkbox";
-import "antd/es/date-picker/style";
-import _DatePicker from "antd/es/date-picker";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["format", "disabled", "foreverDate", "foreverText", "valueType", "otherProps", "limit"],
   _excluded2 = ["mode"];
+import { Checkbox, DatePicker, Space } from 'antd';
 import classNames from 'classnames';
 import { omit, isObject, uniq, isFunction } from 'lodash';
 import dayjs from 'dayjs';
@@ -137,9 +132,9 @@ export var ProTimeLimit = props => {
     'ant-input-disabled': disabled,
     'forever-checkbox': true
   });
-  return /*#__PURE__*/_jsxs(_Space.Compact, {
+  return /*#__PURE__*/_jsxs(Space.Compact, {
     className: "pro-time-limit",
-    children: [/*#__PURE__*/_jsx(_DatePicker, _objectSpread(_objectSpread(_objectSpread({
+    children: [/*#__PURE__*/_jsx(DatePicker, _objectSpread(_objectSpread(_objectSpread({
       defaultPickerValue: dayjs(),
       disabled: disabled || isForever
     }, initialConfig), omit(_rest, ['placeholder'])), {}, {
@@ -148,7 +143,7 @@ export var ProTimeLimit = props => {
       onChange: onChange
     })), limit && /*#__PURE__*/_jsx("div", {
       className: className,
-      children: /*#__PURE__*/_jsx(_Checkbox, {
+      children: /*#__PURE__*/_jsx(Checkbox, {
         checked: isForever,
         disabled: disabled,
         onChange: foreverChange,

package/es/ProForm/components/render/ChangedWrapper.js

@@ -1,10 +1,7 @@
-import "antd/es/tooltip/style";
-import _Tooltip from "antd/es/tooltip";
-import "antd/es/space/style";
-import _Space from "antd/es/space";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["name", "names", "namesStr", "form", "onDiff", "children", "type", "diffConfig", "valuePropName", "normalize", "getValueProps", "viewRender"];
+import { Space, Tooltip } from 'antd';
 import classNames from 'classnames';
 import { get } from 'lodash';
 import React, { useMemo } from 'react';
@@ -108,7 +105,7 @@ var ChangedWrapper = props => {
   var scrollFollowParentConfig = componentsWithFloatWindow.includes(type) ? {
     scrollFollowParent
   } : {};
-  return /*#__PURE__*/_jsx(_Tooltip, {
+  return /*#__PURE__*/_jsx(Tooltip, {
     open: open,
     getPopupContainer: trigger => scrollFollowParent ? trigger.parentElement : document.body,
     classNames: {
@@ -116,14 +113,14 @@ var ChangedWrapper = props => {
     },
     placement: "topLeft",
     autoAdjustOverflow: false,
-    title: /*#__PURE__*/_jsxs(_Space, {
+    title: /*#__PURE__*/_jsxs(Space, {
       direction: "vertical",
       className: "changed-tooltip",
-      children: [/*#__PURE__*/_jsxs(_Space, {
+      children: [/*#__PURE__*/_jsxs(Space, {
         align: "start",
         className: "original-value-container",
         children: ["\u521D\u59CB\u503C\uFF1A", tipContent]
-      }), _showEllipse && /*#__PURE__*/_jsxs(_Space, {
+      }), _showEllipse && /*#__PURE__*/_jsxs(Space, {
         className: "current-value-container",
         children: ["\u5F53\u524D\u503C\uFF1A", /*#__PURE__*/React.isValidElement(children) ? /*#__PURE__*/React.cloneElement(children, _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, children.props), rest), scrollFollowParentConfig), {}, {
           isView: true

package/es/ProForm/components/render/ConfirmWrapper.js

@@ -1,12 +1,11 @@
 import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import "antd/es/modal/style";
-import _Modal from "antd/es/modal";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["onChange", "children", "confirm", "otherProps"];
 import { isFunction, isObject } from 'lodash';
 import React from 'react';
+import { Modal } from 'antd';
 import ProForm from "../../index";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -63,12 +62,12 @@ var ConfirmWrapper = props => {
               onChange === null || onChange === void 0 || onChange(_value, ...other);
             }
             if (confirmProps === true) {
-              _Modal.confirm(_objectSpread(_objectSpread({}, defaultConfirmProps), {}, {
+              Modal.confirm(_objectSpread(_objectSpread({}, defaultConfirmProps), {}, {
                 onOk: () => onChange === null || onChange === void 0 ? void 0 : onChange(_value, ...other)
               }));
             }
             if (isObject(confirmProps)) {
-              _Modal.confirm(_objectSpread(_objectSpread(_objectSpread({}, 'title' in confirmProps || 'content' in confirmProps ? {} : defaultConfirmProps), confirmProps), {}, {
+              Modal.confirm(_objectSpread(_objectSpread(_objectSpread({}, 'title' in confirmProps || 'content' in confirmProps ? {} : defaultConfirmProps), confirmProps), {}, {
                 onOk: function () {
                   var _onOk = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
                     var _confirmProps$onOk;

package/es/ProForm/components/render/Render.js

@@ -1,17 +1,10 @@
-import "antd/es/col/style";
-import _Col from "antd/es/col";
-import "antd/es/space/style";
-import _Space from "antd/es/space";
 import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
-import "antd/es/form/style";
-import _Form from "antd/es/form";
-import "antd/es/input/style";
-import _Input from "antd/es/input";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["labelWidth", "hiddenNames", "trim", "upperCase", "className", "rules", "required", "labelRequired", "tooltip", "validateFirst"];
 /* eslint-disable prefer-destructuring */
+import { Col, Form, Input, Space } from 'antd';
 import React, { useMemo } from 'react';
 import classNames from 'classnames';
 import { ReactSVG } from 'react-svg';
@@ -194,7 +187,7 @@ var Render = props => {
   });
   if (formItemProps.hidden === true || _show === false) {
     // 为了监听shouldUpdate  必须存在一个FormItem, 空Input解决 【[antd: Form.Item] `name` is only used for validate React element】
-    return /*#__PURE__*/_jsx(_Form.Item, {
+    return /*#__PURE__*/_jsx(Form.Item, {
       name: _otherFormItemProps.name || 'proFormItemHidden',
       shouldUpdate: _otherFormItemProps.shouldUpdate,
       className: _className,
@@ -203,7 +196,7 @@ var Render = props => {
       rules: [{
         required: false
       }],
-      children: /*#__PURE__*/_jsx(_Input, {})
+      children: /*#__PURE__*/_jsx(Input, {})
     });
   }
 
@@ -370,7 +363,7 @@ var Render = props => {
     var internalItemRender = {
       mark: 'pro_table_render',
       render: (inputProps, doms) => /*#__PURE__*/_jsxs(_Fragment, {
-        children: [/*#__PURE__*/_jsx(_Space, {
+        children: [/*#__PURE__*/_jsx(Space, {
           size: 0,
           style: {
             marginTop: 8
@@ -392,7 +385,7 @@ var Render = props => {
             },
             children: formItemProps === null || formItemProps === void 0 ? void 0 : formItemProps.after
           }) : null]
-        }), /*#__PURE__*/_jsx(_Space, {
+        }), /*#__PURE__*/_jsx(Space, {
           size: 0,
           style: {
             marginTop: 8
@@ -452,11 +445,11 @@ var Render = props => {
       colProps = _objectSpread(_objectSpread({}, colProps), {}, {
         span: lessMode ? colProps.span : 24 // 默认占一行
       });
-      return /*#__PURE__*/_jsx(_Form.Item, _objectSpread(_objectSpread({}, omit(_otherFormItemProps, filterFormItemKey)), {}, {
+      return /*#__PURE__*/_jsx(Form.Item, _objectSpread(_objectSpread({}, omit(_otherFormItemProps, filterFormItemKey)), {}, {
         // @ts-ignore
         _internalItemRender: internalItemRender,
         className: _className,
-        children: /*#__PURE__*/_jsx(_Form.List, _objectSpread(_objectSpread({
+        children: /*#__PURE__*/_jsx(Form.List, _objectSpread(_objectSpread({
           name: _otherFormItemProps.name
         }, omit(_otherFormItemProps, ['rules'])), {}, {
           children: (fields, operation, meta) => {
@@ -503,7 +496,7 @@ var Render = props => {
         children: child
       });
     }
-    return /*#__PURE__*/_jsx(_Form.Item, _objectSpread(_objectSpread({}, omit(_otherFormItemProps, filterFormItemKey)), {}, {
+    return /*#__PURE__*/_jsx(Form.Item, _objectSpread(_objectSpread({}, omit(_otherFormItemProps, filterFormItemKey)), {}, {
       // @ts-ignore
       _internalItemRender: internalItemRender,
       className: _className,
@@ -514,22 +507,22 @@ var Render = props => {
     children: [_otherFormItemProps.shouldUpdate ?
     /*#__PURE__*/
     // 空标签防止气泡不显示
-    _jsx(_Form.Item, {
+    _jsx(Form.Item, {
       shouldUpdate: _otherFormItemProps.shouldUpdate,
       noStyle: true,
       children: () => renderItem()
     }) : renderItem(), otherProps !== null && otherProps !== void 0 && (_otherProps$names3 = otherProps.names) !== null && _otherProps$names3 !== void 0 && _otherProps$names3.length ? otherProps.names.map(name => {
-      return /*#__PURE__*/_jsx(_Form.Item, {
+      return /*#__PURE__*/_jsx(Form.Item, {
         hidden: true,
         name: name,
-        children: /*#__PURE__*/_jsx(_Input, {})
+        children: /*#__PURE__*/_jsx(Input, {})
       }, name);
     }) : null]
   });
   if (formItemProps !== null && formItemProps !== void 0 && formItemProps.parentNames) {
     return FormItem;
   }
-  return /*#__PURE__*/_jsx(_Col, _objectSpread(_objectSpread({}, colProps), {}, {
+  return /*#__PURE__*/_jsx(Col, _objectSpread(_objectSpread({}, colProps), {}, {
     children: FormItem
   }));
 };

package/es/ProForm/components/render/RenderFields.js

@@ -209,7 +209,8 @@ var RenderFields = props => {
       listName: column.listName,
       globalControl,
       formDisabled,
-      diffConfig
+      diffConfig,
+      shouldUpdateDebounce
     };
     return /*#__PURE__*/_jsx(FieldProvider, {
       value: otherProps,

package/es/ProForm/index.js

@@ -1,16 +1,9 @@
-import "antd/es/form/style";
-import _Form from "antd/es/form";
-import "antd/es/row/style";
-import _Row from "antd/es/row";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import "antd/es/col/style";
-import _Col from "antd/es/col";
-import "antd/es/space/style";
-import _Space from "antd/es/space";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["mode", "span", "disabled", "isView", "columns", "footer", "onOk", "okText", "onCancel", "confirmLoading", "cancelText", "form", "children", "rowProps", "className", "expand", "expandOpen", "expandOpenChange", "viewEmpty", "labelAlign", "labelWidth", "onValuesChange", "onFinish", "diffConfig", "submitOnEnter", "clearNotShow", "initialValues", "requiredOnView", "formId", "required", "formKey", "globalControl", "scrollToError", "optimize", "stopOnFirstError", "shouldUpdateDebounce"];
 import { DoubleLeftOutlined } from '@ant-design/icons';
+import { Col, Form, Row, Space } from 'antd';
 import classnames from 'classnames';
 import React, { forwardRef, useImperativeHandle, useMemo, useEffect } from 'react';
 import { isObject, merge, omit } from 'lodash';
@@ -73,7 +66,7 @@ var ProForm = (props, ref) => {
     _props$stopOnFirstErr = props.stopOnFirstError,
     stopOnFirstError = _props$stopOnFirstErr === void 0 ? false : _props$stopOnFirstErr,
     _props$shouldUpdateDe = props.shouldUpdateDebounce,
-    shouldUpdateDebounce = _props$shouldUpdateDe === void 0 ? 500 : _props$shouldUpdateDe,
+    shouldUpdateDebounce = _props$shouldUpdateDe === void 0 ? 200 : _props$shouldUpdateDe,
     otherProps = _objectWithoutProperties(props, _excluded);
   var config = useProConfig('ProForm');
   // source: 用于区分是哪个组件调用，用于错误提示
@@ -133,12 +126,12 @@ var ProForm = (props, ref) => {
     return !!expand && columns.length > Number(expand) && /*#__PURE__*/_jsx("div", {
       className: "expand-button",
       onClick: expandHandle,
-      children: !openState ? /*#__PURE__*/_jsxs(_Space, {
+      children: !openState ? /*#__PURE__*/_jsxs(Space, {
         align: "center",
         children: [locale.ProForm.unfold, /*#__PURE__*/_jsx(DoubleLeftOutlined, {
           className: "rotate-to-bottom"
         })]
-      }) : /*#__PURE__*/_jsxs(_Space, {
+      }) : /*#__PURE__*/_jsxs(Space, {
         align: "center",
         children: [locale.ProForm.packUp, /*#__PURE__*/_jsx(DoubleLeftOutlined, {
           className: "rotate-to-top"
@@ -211,9 +204,9 @@ var ProForm = (props, ref) => {
     // 展开折叠按钮
     var expandEle = expandRender();
     var hasElement = footerEle || expandEle;
-    return hasElement ? /*#__PURE__*/_jsx(_Col, _objectSpread(_objectSpread({}, colProps), {}, {
+    return hasElement ? /*#__PURE__*/_jsx(Col, _objectSpread(_objectSpread({}, colProps), {}, {
       className: footerCls,
-      children: /*#__PURE__*/_jsxs(_Space, {
+      children: /*#__PURE__*/_jsxs(Space, {
         align: "center",
         children: [footerEle, expandEle]
       })
@@ -230,7 +223,7 @@ var ProForm = (props, ref) => {
       otherProps.layout = otherProps.layout || 'vertical';
     }
   }
-  return /*#__PURE__*/_jsxs(_Form, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsxs(Form, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
     onKeyPress: event => {
       if (!submitOnEnter) return;
       if (event.key === 'Enter') {
@@ -244,7 +237,7 @@ var ProForm = (props, ref) => {
     onValuesChange: handleValuesChange,
     onFinish: handleFinish,
     initialValues: _initialValues,
-    children: [/*#__PURE__*/_jsxs(_Row, _objectSpread(_objectSpread({
+    children: [/*#__PURE__*/_jsxs(Row, _objectSpread(_objectSpread({
       gutter: 24
     }, rowProps), {}, {
       children: [/*#__PURE__*/_jsx(RenderFields, {
@@ -306,7 +299,7 @@ export var ProFormProvider = props => {
     // @ts-ignore
     onFormChange(formName, info);
   };
-  return /*#__PURE__*/_jsx(_Form.Provider, {
+  return /*#__PURE__*/_jsx(Form.Provider, {
     onFormChange: onFormChange ? handleFormChange : undefined,
     onFormFinish: onFormFinish,
     children: children

package/es/ProForm/propsType.d.ts

@@ -46,6 +46,7 @@ export interface ProFormOtherType {
     formDisabled?: boolean;
     isDiffChange?: boolean;
     diffConfig?: DiffConfigType;
+    shouldUpdateDebounce?: number;
 }
 export interface DiffConfigType<Values = any> {
     /** 比对原始数据源 */

package/es/ProForm/utils/useForm.js

@@ -2,9 +2,8 @@ import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _createForOfIteratorHelper from "@babel/runtime/helpers/esm/createForOfIteratorHelper";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
-import "antd/es/form/style";
-import _Form from "antd/es/form";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import { Form } from 'antd';
 import { useContext } from 'react';
 import { filterInternalFields, getFormFieldPaths, mergeNames, isListForm } from "./index";
 import { handleScrollToError as handleScrollToErrorProEditTable } from "../../ProEditTable/utils/tools";
@@ -25,7 +24,7 @@ export var useForm = function useForm(originForm, options) {
 
   // formKey全局共享逻辑
   var forms = useContext(FormsContext);
-  var _ref2 = _Form.useForm(forms[formKey] || _originForm),
+  var _ref2 = Form.useForm(forms[formKey] || _originForm),
     _ref3 = _slicedToArray(_ref2, 1),
     form = _ref3[0];
   if (formKey && forms[formKey] !== form) {

package/es/ProForm/utils/useShouldUpdate.js

@@ -24,8 +24,7 @@ var useShouldUpdate = props => {
     originComponent = props.originComponent,
     type = props.type,
     desensitization = props.desensitization,
-    _props$shouldUpdateDe = props.shouldUpdateDebounce,
-    shouldUpdateDebounce = _props$shouldUpdateDe === void 0 ? 500 : _props$shouldUpdateDe;
+    shouldUpdateDebounce = props.shouldUpdateDebounce;
   var _shouldUpdate = formItemProps.shouldUpdate,
     name = formItemProps.name,
     clearNotShow = formItemProps.clearNotShow,

package/es/ProIcon/index.js

@@ -1,14 +1,9 @@
-import "antd/es/tooltip/style";
-import _Tooltip from "antd/es/tooltip";
-import "antd/es/space/style";
-import _Space from "antd/es/space";
-import "antd/es/button/style";
-import _Button from "antd/es/button";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 var _excluded = ["type", "onClick", "size", "color", "className", "style", "spin", "rotate", "theme", "disabled", "mode", "buttonProps", "children", "mapList", "src", "actionMap", "tooltip", "buttonIcon"];
 import { useLocalStorageState, useSetState, useDeepCompareLayoutEffect } from 'ahooks';
+import { Button, Tooltip, Space } from 'antd';
 import classNames from 'classnames';
 import { uniqBy } from 'lodash';
 import { ReactSVG } from 'react-svg';
@@ -168,9 +163,9 @@ var ProIcon = props => {
   var RenderIcon = /*#__PURE__*/_jsx("span", _objectSpread(_objectSpread({
     className: "anticon"
   }, reset), {}, {
-    children: /*#__PURE__*/_jsx(_Tooltip, {
+    children: /*#__PURE__*/_jsx(Tooltip, {
       title: iconText,
-      children: buttonIcon ? /*#__PURE__*/_jsx(_Button, _objectSpread({
+      children: buttonIcon ? /*#__PURE__*/_jsx(Button, _objectSpread({
         style: {
           width: size,
           height: size,
@@ -181,7 +176,7 @@ var ProIcon = props => {
         },
         type: "text",
         icon: icon
-      }, buttonProps)) : /*#__PURE__*/_jsx(_Space, {
+      }, buttonProps)) : /*#__PURE__*/_jsx(Space, {
         children: /*#__PURE__*/_jsx("span", {
           style: {
             width: size,
@@ -274,9 +269,9 @@ var ProIcon = props => {
       IconInstance: RenderIcon
     });
   }, [_config, primaryColor, qiankunPrimaryColor, language, svgProps]);
-  return !isExtendButtonMode ? IconInstance : /*#__PURE__*/_jsx(_Tooltip, {
+  return !isExtendButtonMode ? IconInstance : /*#__PURE__*/_jsx(Tooltip, {
     title: tooltip,
-    children: /*#__PURE__*/_jsx(_Button, _objectSpread(_objectSpread(_objectSpread({
+    children: /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread(_objectSpread({
       type: isIconMode ? 'text' : (buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.type) || 'link',
       className: proIconClassNames,
       disabled: disabled,

package/es/ProLayout/components/Layout/Menu/FoldMenu/index.js

@@ -1,9 +1,6 @@
-import "antd/es/tooltip/style";
-import _Tooltip from "antd/es/tooltip";
-import "antd/es/popover/style";
-import _Popover from "antd/es/popover";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import { useContext } from 'react';
+import { Popover, Tooltip } from 'antd';
 import classnames from 'classnames';
 import { Link } from 'react-router-dom';
 import { Icon } from "../../index";
@@ -83,7 +80,7 @@ var FoldMenu = props => {
             })]
           })
         }, `${id}-${name}`);
-        return hasChildrenMenu ? /*#__PURE__*/_jsx(_Popover, {
+        return hasChildrenMenu ? /*#__PURE__*/_jsx(Popover, {
           mouseEnterDelay: 0,
           content: /*#__PURE__*/_jsx(SideMenu, {
             dataSource: _objectSpread(_objectSpread({}, dataSource), {}, {
@@ -119,7 +116,7 @@ var FoldMenu = props => {
             },
             children: LiNode
           })
-        }, `${id}-${name}`) : !collapsed ? /*#__PURE__*/_jsx(_Tooltip, {
+        }, `${id}-${name}`) : !collapsed ? /*#__PURE__*/_jsx(Tooltip, {
           placement: "right",
           title: name,
           children: /*#__PURE__*/_jsx("span", {

package/es/ProLayout/components/Layout/Menu/OpenMenu/index.js

@@ -1,7 +1,6 @@
-import "antd/es/menu/style";
-import _Menu from "antd/es/menu";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import { useMemo, useRef, useContext } from 'react';
+import { Menu } from 'antd';
 import { useDeepCompareEffect, useSetState } from 'ahooks';
 import { CaretDownOutlined } from '@ant-design/icons';
 import classnames from 'classnames';
@@ -124,7 +123,7 @@ var OpenMenu = props => {
   return /*#__PURE__*/_jsxs("div", {
     className: cls,
     style: style,
-    children: [/*#__PURE__*/_jsx(_Menu, {
+    children: [/*#__PURE__*/_jsx(Menu, {
       mode: "inline"
       // @ts-ignore
       ,

package/es/ProLayout/components/ProCollapse/index.js

@@ -1,11 +1,6 @@
-import "antd/es/collapse/style";
-import _Collapse from "antd/es/collapse";
-import "antd/es/descriptions/style";
-import _Descriptions from "antd/es/descriptions";
-import "antd/es/space/style";
-import _Space from "antd/es/space";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import { useLayoutEffect } from 'react';
+import { Collapse, Descriptions, Space } from 'antd';
 import { CaretRightOutlined } from '@ant-design/icons';
 import classNames from 'classnames';
 import foldSvg from "../../../assets/fold.svg";
@@ -100,7 +95,7 @@ var ProCollapse = props => {
       }, hasCollapse), collapsePanelProps)];
     }
     if (icon) {
-      _title = /*#__PURE__*/_jsxs(_Space, {
+      _title = /*#__PURE__*/_jsxs(Space, {
         size: 8,
         align: "center",
         children: [/*#__PURE__*/_jsx("div", {
@@ -129,10 +124,10 @@ var ProCollapse = props => {
   var renderTitleList = () => {
     return /*#__PURE__*/_jsxs("div", {
       className: cls,
-      children: [/*#__PURE__*/_jsx(_Descriptions, {
+      children: [/*#__PURE__*/_jsx(Descriptions, {
         column: column,
         children: titleList === null || titleList === void 0 ? void 0 : titleList.map(item => {
-          return /*#__PURE__*/_jsx(_Descriptions.Item, {
+          return /*#__PURE__*/_jsx(Descriptions.Item, {
             label: item.label,
             children: item.value || '-'
           }, item.label);
@@ -173,7 +168,7 @@ var ProCollapse = props => {
   return /*#__PURE__*/_jsx("div", {
     id: id,
     style: style,
-    children: Array.isArray(titleList) && titleList.length ? renderTitleList() : /*#__PURE__*/_jsx(_Collapse, _objectSpread({
+    children: Array.isArray(titleList) && titleList.length ? renderTitleList() : /*#__PURE__*/_jsx(Collapse, _objectSpread({
       className: cls,
       bordered: false,
       expandIcon: _ref => {

package/es/ProLayout/components/ProFooter/index.js

@@ -1,7 +1,6 @@
-import "antd/es/space/style";
-import _Space from "antd/es/space";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import { useSize } from 'ahooks';
+import { Space } from 'antd';
 import classnames from 'classnames';
 import { memo, useEffect } from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -41,7 +40,7 @@ var ProFooter = props => {
       zIndex,
       width: `calc(100% - ${size === null || size === void 0 ? void 0 : size.width}px)`
     }, props.style),
-    children: /*#__PURE__*/_jsx(_Space, {
+    children: /*#__PURE__*/_jsx(Space, {
       children: children
     })
   });

package/es/ProLayout/components/ProHeader/components/Copy/index.js

@@ -1,11 +1,10 @@
-import "antd/es/typography/style";
-import _Typography from "antd/es/typography";
+import { Typography } from 'antd';
 import { ReactSVG } from 'react-svg';
 import { CheckOutlined } from '@ant-design/icons';
 import copySvg from "../../../../../assets/copy.svg";
 import locale from "../../../../../locale";
 import { jsx as _jsx } from "react/jsx-runtime";
-var Paragraph = _Typography.Paragraph;
+var Paragraph = Typography.Paragraph;
 var Copy = _ref => {
   var text = _ref.text;
   return /*#__PURE__*/_jsx(Paragraph, {

package/es/ProLayout/components/ProHeader/components/ProBackBtn/index.js

@@ -1,6 +1,5 @@
-import "antd/es/button/style";
-import _Button from "antd/es/button";
 import { ArrowLeftOutlined } from '@ant-design/icons';
+import { Button } from 'antd';
 import locale from "../../../../../locale";
 
 /**
@@ -20,7 +19,7 @@ var ProBackBtn = _ref => {
       window.history.back();
     }
   };
-  return /*#__PURE__*/_jsx(_Button, {
+  return /*#__PURE__*/_jsx(Button, {
     icon: /*#__PURE__*/_jsx(ArrowLeftOutlined, {}),
     className: "back-button-container",
     onClick: handleClick,