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

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

@@ -6,12 +6,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-require("antd/es/tooltip/style");
-var _tooltip = _interopRequireDefault(require("antd/es/tooltip"));
-require("antd/es/space/style");
-var _space = _interopRequireDefault(require("antd/es/space"));
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _antd = require("antd");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _lodash = require("lodash");
 var _react = _interopRequireWildcard(require("react"));
@@ -115,7 +112,7 @@ var ChangedWrapper = props => {
   var scrollFollowParentConfig = componentsWithFloatWindow.includes(type) ? {
     scrollFollowParent
   } : {};
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.default, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Tooltip, {
     open: open,
     getPopupContainer: trigger => scrollFollowParent ? trigger.parentElement : document.body,
     classNames: {
@@ -123,14 +120,14 @@ var ChangedWrapper = props => {
     },
     placement: "topLeft",
     autoAdjustOverflow: false,
-    title: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_space.default, {
+    title: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_antd.Space, {
       direction: "vertical",
       className: "changed-tooltip",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_space.default, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_antd.Space, {
         align: "start",
         className: "original-value-container",
         children: ["\u521D\u59CB\u503C\uFF1A", tipContent]
-      }), _showEllipse && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_space.default, {
+      }), _showEllipse && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_antd.Space, {
         className: "current-value-container",
         children: ["\u5F53\u524D\u503C\uFF1A", /*#__PURE__*/_react.default.isValidElement(children) ? /*#__PURE__*/_react.default.cloneElement(children, (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, children.props), rest), scrollFollowParentConfig), {}, {
           isView: true

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

@@ -7,12 +7,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-require("antd/es/modal/style");
-var _modal = _interopRequireDefault(require("antd/es/modal"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _lodash = require("lodash");
 var _react = _interopRequireDefault(require("react"));
+var _antd = require("antd");
 var _index = _interopRequireDefault(require("../../index"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["onChange", "children", "confirm", "otherProps"];
@@ -69,12 +68,12 @@ var ConfirmWrapper = props => {
               onChange === null || onChange === void 0 || onChange(_value, ...other);
             }
             if (confirmProps === true) {
-              _modal.default.confirm((0, _objectSpread2.default)((0, _objectSpread2.default)({}, defaultConfirmProps), {}, {
+              _antd.Modal.confirm((0, _objectSpread2.default)((0, _objectSpread2.default)({}, defaultConfirmProps), {}, {
                 onOk: () => onChange === null || onChange === void 0 ? void 0 : onChange(_value, ...other)
               }));
             }
             if ((0, _lodash.isObject)(confirmProps)) {
-              _modal.default.confirm((0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, 'title' in confirmProps || 'content' in confirmProps ? {} : defaultConfirmProps), confirmProps), {}, {
+              _antd.Modal.confirm((0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, 'title' in confirmProps || 'content' in confirmProps ? {} : defaultConfirmProps), confirmProps), {}, {
                 onOk: function () {
                   var _onOk = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee() {
                     var _confirmProps$onOk;

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

@@ -6,18 +6,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-require("antd/es/col/style");
-var _col = _interopRequireDefault(require("antd/es/col"));
-require("antd/es/space/style");
-var _space = _interopRequireDefault(require("antd/es/space"));
 var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-require("antd/es/form/style");
-var _form = _interopRequireDefault(require("antd/es/form"));
-require("antd/es/input/style");
-var _input = _interopRequireDefault(require("antd/es/input"));
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _antd = require("antd");
 var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _reactSvg = require("react-svg");
@@ -199,7 +192,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__*/(0, _jsxRuntime.jsx)(_form.default.Item, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Form.Item, {
       name: _otherFormItemProps.name || 'proFormItemHidden',
       shouldUpdate: _otherFormItemProps.shouldUpdate,
       className: _className,
@@ -208,7 +201,7 @@ var Render = props => {
       rules: [{
         required: false
       }],
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_input.default, {})
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Input, {})
     });
   }
 
@@ -375,7 +368,7 @@ var Render = props => {
     var internalItemRender = {
       mark: 'pro_table_render',
       render: (inputProps, doms) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_space.default, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Space, {
           size: 0,
           style: {
             marginTop: 8
@@ -397,7 +390,7 @@ var Render = props => {
             },
             children: formItemProps === null || formItemProps === void 0 ? void 0 : formItemProps.after
           }) : null]
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_space.default, {
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Space, {
           size: 0,
           style: {
             marginTop: 8
@@ -457,11 +450,11 @@ var Render = props => {
       colProps = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, colProps), {}, {
         span: lessMode ? colProps.span : 24 // 默认占一行
       });
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_form.default.Item, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _lodash.omit)(_otherFormItemProps, filterFormItemKey)), {}, {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Form.Item, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _lodash.omit)(_otherFormItemProps, filterFormItemKey)), {}, {
         // @ts-ignore
         _internalItemRender: internalItemRender,
         className: _className,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_form.default.List, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Form.List, (0, _objectSpread2.default)((0, _objectSpread2.default)({
           name: _otherFormItemProps.name
         }, (0, _lodash.omit)(_otherFormItemProps, ['rules'])), {}, {
           children: (fields, operation, meta) => {
@@ -508,7 +501,7 @@ var Render = props => {
         children: child
       });
     }
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_form.default.Item, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _lodash.omit)(_otherFormItemProps, filterFormItemKey)), {}, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Form.Item, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _lodash.omit)(_otherFormItemProps, filterFormItemKey)), {}, {
       // @ts-ignore
       _internalItemRender: internalItemRender,
       className: _className,
@@ -519,22 +512,22 @@ var Render = props => {
     children: [_otherFormItemProps.shouldUpdate ?
     /*#__PURE__*/
     // 空标签防止气泡不显示
-    (0, _jsxRuntime.jsx)(_form.default.Item, {
+    (0, _jsxRuntime.jsx)(_antd.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__*/(0, _jsxRuntime.jsx)(_form.default.Item, {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Form.Item, {
         hidden: true,
         name: name,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_input.default, {})
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Input, {})
       }, name);
     }) : null]
   });
   if (formItemProps !== null && formItemProps !== void 0 && formItemProps.parentNames) {
     return FormItem;
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_col.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, colProps), {}, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Col, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, colProps), {}, {
     children: FormItem
   }));
 };

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

@@ -216,7 +216,8 @@ var RenderFields = props => {
       listName: column.listName,
       globalControl,
       formDisabled,
-      diffConfig
+      diffConfig,
+      shouldUpdateDebounce
     };
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_useFieldProps.FieldProvider, {
       value: otherProps,

package/lib/ProForm/index.js

@@ -6,18 +6,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.ProFormProvider = void 0;
-require("antd/es/form/style");
-var _form = _interopRequireDefault(require("antd/es/form"));
-require("antd/es/row/style");
-var _row = _interopRequireDefault(require("antd/es/row"));
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-require("antd/es/col/style");
-var _col = _interopRequireDefault(require("antd/es/col"));
-require("antd/es/space/style");
-var _space = _interopRequireDefault(require("antd/es/space"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _icons = require("@ant-design/icons");
+var _antd = require("antd");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _react = _interopRequireWildcard(require("react"));
 var _lodash = require("lodash");
@@ -80,7 +73,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 = (0, _objectWithoutProperties2.default)(props, _excluded);
   var config = (0, _ProConfigProvider.useProConfig)('ProForm');
   // source: 用于区分是哪个组件调用，用于错误提示
@@ -140,12 +133,12 @@ var ProForm = (props, ref) => {
     return !!expand && columns.length > Number(expand) && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: "expand-button",
       onClick: expandHandle,
-      children: !openState ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_space.default, {
+      children: !openState ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_antd.Space, {
         align: "center",
         children: [_locale.default.ProForm.unfold, /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.DoubleLeftOutlined, {
           className: "rotate-to-bottom"
         })]
-      }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_space.default, {
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_antd.Space, {
         align: "center",
         children: [_locale.default.ProForm.packUp, /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.DoubleLeftOutlined, {
           className: "rotate-to-top"
@@ -218,9 +211,9 @@ var ProForm = (props, ref) => {
     // 展开折叠按钮
     var expandEle = expandRender();
     var hasElement = footerEle || expandEle;
-    return hasElement ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_col.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, colProps), {}, {
+    return hasElement ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Col, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, colProps), {}, {
       className: footerCls,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_space.default, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_antd.Space, {
         align: "center",
         children: [footerEle, expandEle]
       })
@@ -237,7 +230,7 @@ var ProForm = (props, ref) => {
       otherProps.layout = otherProps.layout || 'vertical';
     }
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_form.default, (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_antd.Form, (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({
     onKeyPress: event => {
       if (!submitOnEnter) return;
       if (event.key === 'Enter') {
@@ -251,7 +244,7 @@ var ProForm = (props, ref) => {
     onValuesChange: handleValuesChange,
     onFinish: handleFinish,
     initialValues: _initialValues,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_row.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_antd.Row, (0, _objectSpread2.default)((0, _objectSpread2.default)({
       gutter: 24
     }, rowProps), {}, {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_RenderFields.default, {
@@ -313,7 +306,7 @@ var ProFormProvider = props => {
     // @ts-ignore
     onFormChange(formName, info);
   };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_form.default.Provider, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Form.Provider, {
     onFormChange: onFormChange ? handleFormChange : undefined,
     onFormFinish: onFormFinish,
     children: children

package/lib/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/lib/ProForm/utils/useForm.js

@@ -9,9 +9,8 @@ var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helper
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _createForOfIteratorHelper2 = _interopRequireDefault(require("@babel/runtime/helpers/createForOfIteratorHelper"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-require("antd/es/form/style");
-var _form = _interopRequireDefault(require("antd/es/form"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _antd = require("antd");
 var _react = require("react");
 var _index = require("./index");
 var _tools = require("../../ProEditTable/utils/tools");
@@ -32,7 +31,7 @@ var useForm = exports.useForm = function useForm(originForm, options) {
 
   // formKey全局共享逻辑
   var forms = (0, _react.useContext)(_FormsProvider.FormsContext);
-  var _ref2 = _form.default.useForm(forms[formKey] || _originForm),
+  var _ref2 = _antd.Form.useForm(forms[formKey] || _originForm),
     _ref3 = (0, _slicedToArray2.default)(_ref2, 1),
     form = _ref3[0];
   if (formKey && forms[formKey] !== form) {

package/lib/ProForm/utils/useShouldUpdate.js

@@ -31,8 +31,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/lib/ProIcon/index.js

@@ -5,16 +5,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-require("antd/es/tooltip/style");
-var _tooltip = _interopRequireDefault(require("antd/es/tooltip"));
-require("antd/es/space/style");
-var _space = _interopRequireDefault(require("antd/es/space"));
-require("antd/es/button/style");
-var _button = _interopRequireDefault(require("antd/es/button"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _ahooks = require("ahooks");
+var _antd = require("antd");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _lodash = require("lodash");
 var _reactSvg = require("react-svg");
@@ -174,9 +169,9 @@ var ProIcon = props => {
   var RenderIcon = /*#__PURE__*/(0, _jsxRuntime.jsx)("span", (0, _objectSpread2.default)((0, _objectSpread2.default)({
     className: "anticon"
   }, reset), {}, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.default, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Tooltip, {
       title: iconText,
-      children: buttonIcon ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.default, (0, _objectSpread2.default)({
+      children: buttonIcon ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Button, (0, _objectSpread2.default)({
         style: {
           width: size,
           height: size,
@@ -187,7 +182,7 @@ var ProIcon = props => {
         },
         type: "text",
         icon: icon
-      }, buttonProps)) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_space.default, {
+      }, buttonProps)) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Space, {
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
           style: {
             width: size,
@@ -280,9 +275,9 @@ var ProIcon = props => {
       IconInstance: RenderIcon
     });
   }, [_config, primaryColor, qiankunPrimaryColor, language, svgProps]);
-  return !isExtendButtonMode ? IconInstance : /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.default, {
+  return !isExtendButtonMode ? IconInstance : /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Tooltip, {
     title: tooltip,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.default, (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Button, (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({
       type: isIconMode ? 'text' : (buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.type) || 'link',
       className: proIconClassNames,
       disabled: disabled,

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

@@ -5,12 +5,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-require("antd/es/tooltip/style");
-var _tooltip = _interopRequireDefault(require("antd/es/tooltip"));
-require("antd/es/popover/style");
-var _popover = _interopRequireDefault(require("antd/es/popover"));
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _react = require("react");
+var _antd = require("antd");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _reactRouterDom = require("react-router-dom");
 var _index = require("../../index");
@@ -89,7 +86,7 @@ var FoldMenu = props => {
             })]
           })
         }, `${id}-${name}`);
-        return hasChildrenMenu ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_popover.default, {
+        return hasChildrenMenu ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Popover, {
           mouseEnterDelay: 0,
           content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SideMenu.default, {
             dataSource: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, dataSource), {}, {
@@ -125,7 +122,7 @@ var FoldMenu = props => {
             },
             children: LiNode
           })
-        }, `${id}-${name}`) : !collapsed ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.default, {
+        }, `${id}-${name}`) : !collapsed ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Tooltip, {
           placement: "right",
           title: name,
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {

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

@@ -5,10 +5,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-require("antd/es/menu/style");
-var _menu = _interopRequireDefault(require("antd/es/menu"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = require("react");
+var _antd = require("antd");
 var _ahooks = require("ahooks");
 var _icons = require("@ant-design/icons");
 var _classnames = _interopRequireDefault(require("classnames"));
@@ -129,7 +128,7 @@ var OpenMenu = props => {
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: cls,
     style: style,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_menu.default, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Menu, {
       mode: "inline"
       // @ts-ignore
       ,

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

@@ -5,14 +5,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-require("antd/es/collapse/style");
-var _collapse = _interopRequireDefault(require("antd/es/collapse"));
-require("antd/es/descriptions/style");
-var _descriptions = _interopRequireDefault(require("antd/es/descriptions"));
-require("antd/es/space/style");
-var _space = _interopRequireDefault(require("antd/es/space"));
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _react = require("react");
+var _antd = require("antd");
 var _icons = require("@ant-design/icons");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _fold = _interopRequireDefault(require("../../../assets/fold.svg"));
@@ -106,7 +101,7 @@ var ProCollapse = props => {
       }, hasCollapse), collapsePanelProps)];
     }
     if (icon) {
-      _title = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_space.default, {
+      _title = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_antd.Space, {
         size: 8,
         align: "center",
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
@@ -135,10 +130,10 @@ var ProCollapse = props => {
   var renderTitleList = () => {
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: cls,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_descriptions.default, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Descriptions, {
         column: column,
         children: titleList === null || titleList === void 0 ? void 0 : titleList.map(item => {
-          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_descriptions.default.Item, {
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Descriptions.Item, {
             label: item.label,
             children: item.value || '-'
           }, item.label);
@@ -179,7 +174,7 @@ var ProCollapse = props => {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     id: id,
     style: style,
-    children: Array.isArray(titleList) && titleList.length ? renderTitleList() : /*#__PURE__*/(0, _jsxRuntime.jsx)(_collapse.default, (0, _objectSpread2.default)({
+    children: Array.isArray(titleList) && titleList.length ? renderTitleList() : /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Collapse, (0, _objectSpread2.default)({
       className: cls,
       bordered: false,
       expandIcon: _ref => {

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

@@ -5,10 +5,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-require("antd/es/space/style");
-var _space = _interopRequireDefault(require("antd/es/space"));
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _ahooks = require("ahooks");
+var _antd = require("antd");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _react = require("react");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -48,7 +47,7 @@ var ProFooter = props => {
       zIndex,
       width: `calc(100% - ${size === null || size === void 0 ? void 0 : size.width}px)`
     }, props.style),
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_space.default, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Space, {
       children: children
     })
   });

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

@@ -5,14 +5,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-require("antd/es/typography/style");
-var _typography = _interopRequireDefault(require("antd/es/typography"));
+var _antd = require("antd");
 var _reactSvg = require("react-svg");
 var _icons = require("@ant-design/icons");
 var _copy = _interopRequireDefault(require("../../../../../assets/copy.svg"));
 var _locale = _interopRequireDefault(require("../../../../../locale"));
 var _jsxRuntime = require("react/jsx-runtime");
-var Paragraph = _typography.default.Paragraph;
+var Paragraph = _antd.Typography.Paragraph;
 var Copy = _ref => {
   var text = _ref.text;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(Paragraph, {

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

@@ -5,9 +5,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-require("antd/es/button/style");
-var _button = _interopRequireDefault(require("antd/es/button"));
 var _icons = require("@ant-design/icons");
+var _antd = require("antd");
 var _locale = _interopRequireDefault(require("../../../../../locale"));
 var _jsxRuntime = require("react/jsx-runtime");
 /**
@@ -25,7 +24,7 @@ var _jsxRuntime = require("react/jsx-runtime");
       window.history.back();
     }
   };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.default, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Button, {
     icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.ArrowLeftOutlined, {}),
     className: "back-button-container",
     onClick: handleClick,