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

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,

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

@@ -1,18 +1,9 @@
-import "antd/es/breadcrumb/style";
-import _Breadcrumb from "antd/es/breadcrumb";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import "antd/es/modal/style";
-import _Modal from "antd/es/modal";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import "antd/es/divider/style";
-import _Divider from "antd/es/divider";
-import "antd/es/tooltip/style";
-import _Tooltip from "antd/es/tooltip";
-import "antd/es/space/style";
-import _Space from "antd/es/space";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-/* eslint-disable react/no-array-index-key */
 var _excluded = ["width"];
+/* eslint-disable react/no-array-index-key */
+import { Space, Divider, Breadcrumb, Tooltip, Modal } from 'antd';
 import React, { memo, useEffect, useState, useRef } from 'react';
 import { tools } from '@zat-design/utils';
 import classnames from 'classnames';
@@ -121,7 +112,7 @@ var ProHeader = props => {
         var onlyTag = tag && !label && !value;
         var tagRender = parmas => {
           if (Array.isArray(parmas === null || parmas === void 0 ? void 0 : parmas.tag) && parmas !== null && parmas !== void 0 && parmas.tag.length) {
-            return /*#__PURE__*/_jsx(_Space, {
+            return /*#__PURE__*/_jsx(Space, {
               size: 4,
               children: parmas.tag.map((tagItem, index) => {
                 return /*#__PURE__*/_jsx("div", {
@@ -139,7 +130,7 @@ var ProHeader = props => {
 
         /** 单行渲染 */
         var valueRender = parmas => {
-          return /*#__PURE__*/_jsxs(_Space, {
+          return /*#__PURE__*/_jsxs(Space, {
             size: 4,
             align: parmas !== null && parmas !== void 0 && parmas.tag ? 'baseline' : 'center',
             children: [parmas !== null && parmas !== void 0 && parmas.link ? /*#__PURE__*/_jsx("a", {
@@ -183,7 +174,7 @@ var ProHeader = props => {
                 }, index);
               })
             });
-            return /*#__PURE__*/_jsx(_Tooltip, {
+            return /*#__PURE__*/_jsx(Tooltip, {
               placement: "bottomLeft",
               classNames: {
                 root: 'pro-header-describe-items-tip'
@@ -203,7 +194,7 @@ var ProHeader = props => {
           style: {
             width
           },
-          children: /*#__PURE__*/_jsxs(_Space, {
+          children: /*#__PURE__*/_jsxs(Space, {
             size: 4,
             children: [label ? /*#__PURE__*/_jsx("span", {
               className: "pro-header-describe-label",
@@ -285,8 +276,8 @@ var ProHeader = props => {
    */
   var actionsRender = () => {
     if (Array.isArray(actionRender) && actionRender.length) {
-      return /*#__PURE__*/_jsx(_Space, {
-        split: /*#__PURE__*/_jsx(_Divider, {
+      return /*#__PURE__*/_jsx(Space, {
+        split: /*#__PURE__*/_jsx(Divider, {
           type: "vertical"
         }),
         children: actionRender.map((item, index) => {
@@ -327,7 +318,7 @@ var ProHeader = props => {
         tag = item.tag;
       var tagRender = () => {
         if (Array.isArray(tag) && tag.length) {
-          return /*#__PURE__*/_jsx(_Space, {
+          return /*#__PURE__*/_jsx(Space, {
             size: 8,
             children: tag.map((tagItem, index) => {
               return /*#__PURE__*/_jsx("div", {
@@ -353,7 +344,7 @@ var ProHeader = props => {
       }
       return {
         key: index,
-        title: /*#__PURE__*/_jsxs(_Space, {
+        title: /*#__PURE__*/_jsxs(Space, {
           size: 4,
           children: [value, " ", tagRender()]
         })
@@ -410,7 +401,7 @@ var ProHeader = props => {
             style: {
               width
             },
-            children: /*#__PURE__*/_jsxs(_Space, {
+            children: /*#__PURE__*/_jsxs(Space, {
               size: 4,
               children: [val, " ", tag ? /*#__PURE__*/_jsx("div", {
                 className: "pro-header-tag",
@@ -420,7 +411,7 @@ var ProHeader = props => {
           });
           if (type === 'copy') {
             return valRender = /*#__PURE__*/_jsxs(_Fragment, {
-              children: [width ? /*#__PURE__*/_jsx(_Tooltip, {
+              children: [width ? /*#__PURE__*/_jsx(Tooltip, {
                 title: val,
                 children: valRender
               }) : valRender, /*#__PURE__*/_jsx(Copy, {
@@ -429,7 +420,7 @@ var ProHeader = props => {
             });
           }
           if (width) {
-            return /*#__PURE__*/_jsx(_Tooltip, {
+            return /*#__PURE__*/_jsx(Tooltip, {
               title: val,
               children: valRender
             });
@@ -480,7 +471,7 @@ var ProHeader = props => {
     var _ref = isConfirmBackModalProps || {},
       width = _ref.width,
       restModalProps = _objectWithoutProperties(_ref, _excluded);
-    _Modal.confirm(_objectSpread(_objectSpread({
+    Modal.confirm(_objectSpread(_objectSpread({
       title: `${locale.ProHeader.confirmTitle}`,
       okText: `${locale.ProHeader.confirm}`,
       cancelText: `${locale.ProHeader.cancel}`,
@@ -508,11 +499,11 @@ var ProHeader = props => {
             'pro-header-left': true,
             'pro-header-left-space': !backState
           }),
-          children: /*#__PURE__*/_jsxs(_Space, {
+          children: /*#__PURE__*/_jsxs(Space, {
             size: backState ? 4 : 0,
             children: [backState ? /*#__PURE__*/_jsx(ProBackBtn, {
               onBack: onConfirm
-            }) : null, /*#__PURE__*/_jsx(_Breadcrumb, {
+            }) : null, /*#__PURE__*/_jsx(Breadcrumb, {
               separator: ">",
               items: breadcrumbRender()
             }), infoRender()]

package/es/ProLayout/index.js

@@ -1,7 +1,6 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import "antd/es/message/style";
-import _message from "antd/es/message";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import { message } from 'antd';
 import { createContext } from 'react';
 import classNames from 'classnames';
 import { useSetState, useToggle, useDeepCompareEffect } from 'ahooks';
@@ -69,7 +68,7 @@ var ProLayout = props => {
   }, [propsCollapsed]);
   useDeepCompareEffect(() => {
     if (Array.isArray(dataSource) && !dataSource.length) {
-      return _message.warning('Warning: Missing menu data source, or menu data source is not an array');
+      return message.warning('Warning: Missing menu data source, or menu data source is not an array');
     }
     var userData = transformMenus(dataSource, pathPrefix);
     // 确保 menus 始终是一个数组

package/es/ProSelect/components/AdaptiveTooltip.js

@@ -1,6 +1,5 @@
-import "antd/es/tooltip/style";
-import _Tooltip from "antd/es/tooltip";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import { Tooltip } from 'antd';
 import { useEffect, useState } from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -29,7 +28,7 @@ var AdaptiveTooltip = _ref => {
       window.removeEventListener('resize', handleResize);
     };
   }, [children]);
-  return /*#__PURE__*/_jsx(_Tooltip, {
+  return /*#__PURE__*/_jsx(Tooltip, {
     placement: placement,
     title: /*#__PURE__*/_jsx("div", {
       onMouseDown: e => e.stopPropagation(),

package/es/ProSelect/index.js

@@ -1,16 +1,9 @@
-import "antd/es/space/style";
-import _Space from "antd/es/space";
-import "antd/es/input/style";
-import _Input from "antd/es/input";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import "antd/es/message/style";
-import _message from "antd/es/message";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import "antd/es/select/style";
-import _Select from "antd/es/select";
 var _excluded = ["dataSource", "defaultDisableValue", "useRequest", "fieldNames", "tooltip", "otherProps", "labelInValue", "filterInList", "scrollFollowParent", "defaultOne", "onSearch", "optionRender", "onChange", "updateDataSource", "transformResponse", "getValueProps", "isView"];
 import { useDeepCompareEffect, useRequest as useRequestFunc } from 'ahooks';
+import { Input, message, Select, Space } from 'antd';
 import React, { useImperativeHandle, useState, forwardRef, isValidElement, useCallback } from 'react';
 import { isFunction, isObject, isString, omit, isNumber } from 'lodash';
 import { useProConfig } from "../ProConfigProvider";
@@ -21,7 +14,7 @@ import locale from "../locale";
 import { getSelectList } from "./utils";
 import "./index.less";
 import { jsx as _jsx } from "react/jsx-runtime";
-var Option = _Select.Option;
+var Option = Select.Option;
 export var ProSelect = (props, ref) => {
   var _selectProps$showCode, _useRequest$options3, _locale$ProSelect;
   var _ref = useProConfig('ProSelect') || {},
@@ -84,7 +77,7 @@ export var ProSelect = (props, ref) => {
       msg = res.message,
       data = res.data;
     if (status !== 200) {
-      _message.error(msg);
+      message.error(msg);
       return;
     }
     setSelectList(data || []);
@@ -99,7 +92,7 @@ export var ProSelect = (props, ref) => {
       msg = _ref3.message,
       data = _ref3.data;
     if (status !== 200) {
-      _message.error(msg);
+      message.error(msg);
       return;
     }
     return data;
@@ -168,7 +161,7 @@ export var ProSelect = (props, ref) => {
   if (defaultDisableValue) {
     return /*#__PURE__*/_jsx("span", {
       title: defaultDisableValue,
-      children: /*#__PURE__*/_jsx(_Input, {
+      children: /*#__PURE__*/_jsx(Input, {
         disabled: true,
         defaultValue: defaultDisableValue,
         style: props === null || props === void 0 ? void 0 : props.style
@@ -209,7 +202,7 @@ export var ProSelect = (props, ref) => {
       record.forEach(item => {
         arr.push(props.optionRender(item));
       });
-      return /*#__PURE__*/_jsx(_Space, {
+      return /*#__PURE__*/_jsx(Space, {
         direction: "vertical",
         size: 4,
         children: arr.map(item => /*#__PURE__*/_jsx(React.Fragment, {
@@ -319,7 +312,7 @@ export var ProSelect = (props, ref) => {
   return /*#__PURE__*/_jsx("div", {
     style: props.style,
     className: "pro-select",
-    children: /*#__PURE__*/_jsx(_Select, _objectSpread(_objectSpread({
+    children: /*#__PURE__*/_jsx(Select, _objectSpread(_objectSpread({
       placeholder: locale === null || locale === void 0 || (_locale$ProSelect = locale.ProSelect) === null || _locale$ProSelect === void 0 ? void 0 : _locale$ProSelect.select,
       allowClear: true,
       loading: fetchFunction === null || fetchFunction === void 0 ? void 0 : fetchFunction.loading,

package/es/ProStep/components/Anchor/index.js

@@ -1,6 +1,5 @@
-import "antd/es/badge/style";
-import _Badge from "antd/es/badge";
 import cn from 'classnames';
+import { Badge } from 'antd';
 import { handleScroll } from "../../utils";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -101,7 +100,7 @@ export var MenuItem = props => {
       className: "pro-step-checked-status",
       children: [isChecked && /*#__PURE__*/_jsx(SuccessSvg, {}), errorNum > 0 && /*#__PURE__*/_jsx("div", {
         className: "pro-step-error-dot",
-        children: /*#__PURE__*/_jsx(_Badge, {
+        children: /*#__PURE__*/_jsx(Badge, {
           count: errorNum
         })
       })]

package/es/ProTable/components/FormatColumn/index.js

@@ -1,5 +1,3 @@
-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 = ["title", "valueType", "format", "precision", "ellipsis", "code", "copyable", "width", "tooltip", "transform", "prefix", "suffix", "dataIndex", "toolTipProps", "minWidth", "onDiff"];
@@ -10,6 +8,7 @@ import React, { isValidElement } from 'react';
 import dayjs from 'dayjs';
 import classnames from 'classnames';
 import ReactDOM from 'react-dom';
+import { Space } from 'antd';
 import { isEqual, isFunction, isString, isObject, isBoolean } from 'lodash';
 import { tools } from '@zat-design/utils';
 import TooltipTitle from "../TooltipTitle";
@@ -244,7 +243,7 @@ export var formatColumn = _ref2 => {
           children: "-"
         });
       }
-      var node = /*#__PURE__*/_jsxs(_Space, {
+      var node = /*#__PURE__*/_jsxs(Space, {
         size: 8,
         children: [prefixNode(value, record, index), renderValue, suffixNode(value, record, index)]
       });
@@ -278,7 +277,7 @@ export var formatColumn = _ref2 => {
       if (isEmpty(originalValue)) {
         originalRenderValue = '-';
       }
-      var node = /*#__PURE__*/_jsxs(_Space, {
+      var node = /*#__PURE__*/_jsxs(Space, {
         size: 8,
         children: [prefixNode(value, record, index), renderValue, suffixNode(value, record, index)]
       });
@@ -343,7 +342,7 @@ export var formatColumn = _ref2 => {
       if (!originalValue) {
         originalRenderValue = '-';
       }
-      var node = /*#__PURE__*/_jsxs(_Space, {
+      var node = /*#__PURE__*/_jsxs(Space, {
         size: 8,
         children: [prefixNode(value, record, index), renderValue, suffixNode(value, record, index)]
       });
@@ -394,7 +393,7 @@ export var formatColumn = _ref2 => {
           });
         }
       }
-      var node = /*#__PURE__*/_jsxs(_Space, {
+      var node = /*#__PURE__*/_jsxs(Space, {
         size: 8,
         children: [prefixNode(value, record, index), renderValue, suffixNode(value, record, index)]
       });
@@ -422,7 +421,7 @@ export var formatColumn = _ref2 => {
         isAddCell = originalResult.isAddCell;
       otherProps.isChanged = isChanged;
       var originalRenderValue = originalValue === 'number' ? originalValue.toFixed(precision) : originalValue;
-      var node = /*#__PURE__*/_jsxs(_Space, {
+      var node = /*#__PURE__*/_jsxs(Space, {
         size: 8,
         children: [prefixNode(value, record, index), renderValue, suffixNode(value, record, index)]
       });
@@ -515,7 +514,7 @@ export var formatColumn = _ref2 => {
   } else if (copyable) {
     column.render = (value, record, index) => {
       var isInNewRowFlag = isInNewRow(record);
-      return /*#__PURE__*/_jsxs(_Space, {
+      return /*#__PURE__*/_jsxs(Space, {
         size: 8,
         children: [prefixNode(value, record, index), /*#__PURE__*/_jsx(RenderColumn, _objectSpread(_objectSpread({}, otherProps), {}, {
           valueType: valueType,
@@ -547,7 +546,7 @@ export var formatColumn = _ref2 => {
         });
       }
       var isInNewRowFlag = isInNewRow(record);
-      return /*#__PURE__*/_jsxs(_Space, {
+      return /*#__PURE__*/_jsxs(Space, {
         size: 8,
         children: [prefixNode(value, record, index), /*#__PURE__*/_jsx(RenderColumn, _objectSpread(_objectSpread({}, otherProps), {}, {
           valueType: valueType,
@@ -571,7 +570,7 @@ export var formatColumn = _ref2 => {
         originalValue = originalResult.originalValue,
         isAddCell = originalResult.isAddCell;
       otherProps.isChanged = isChanged;
-      var node = /*#__PURE__*/_jsxs(_Space, {
+      var node = /*#__PURE__*/_jsxs(Space, {
         size: 8,
         children: [prefixNode(value, record, index), value, suffixNode(value, record, index)]
       });

package/es/ProTable/components/RcTable/components/BaseTable/index.js

@@ -1,8 +1,7 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import "antd/es/table/style";
-import _Table from "antd/es/table";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["dataSource", "tableProps", "draggableProps", "summaryProps", "emptyTextProps"];
+import { Table } from 'antd';
 import { memo } from 'react';
 import { RenderEmptyText, RenderSummary, TableResizable } from "../../../index";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -23,7 +22,7 @@ var BaseTable = _ref => {
     }
     return null;
   };
-  return /*#__PURE__*/_jsx(_Table, _objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsx(Table, _objectSpread(_objectSpread({
     components: renderComponents(),
     columns: columns,
     locale: {

package/es/ProTable/components/RcTable/components/DraggableTable/index.js

@@ -1,8 +1,7 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import "antd/es/table/style";
-import _Table from "antd/es/table";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["dataSource", "tableProps", "draggableProps", "summaryProps", "emptyTextProps"];
+import { Table } from 'antd';
 import { memo } from 'react';
 import DndWrapper, { Row } from "./components/DndWrapper";
 import { RenderEmptyText, RenderSummary } from "../../../index";
@@ -31,7 +30,7 @@ var DraggableTable = _ref => {
     rowKey: rowKey,
     onDragStartGuard: onDragStartGuard,
     onDragEndGuard: onDragEndGuard,
-    children: /*#__PURE__*/_jsx(_Table, _objectSpread(_objectSpread({
+    children: /*#__PURE__*/_jsx(Table, _objectSpread(_objectSpread({
       className: "pro-edit-table-drag",
       components: {
         body: {

package/es/ProTable/components/RenderColumn/index.js

@@ -1,12 +1,7 @@
-import "antd/es/space/style";
-import _Space from "antd/es/space";
-import "antd/es/tooltip/style";
-import _Tooltip from "antd/es/tooltip";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import "antd/es/typography/style";
-import _Typography from "antd/es/typography";
 import { useRef } from 'react';
+import { Tooltip, Typography, Space } from 'antd';
 import { useSetState } from 'ahooks';
 import { isBoolean } from 'lodash';
 import classNames from 'classnames';
@@ -18,8 +13,8 @@ import copySvg from "../../../assets/copy.svg";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
-var Paragraph = _Typography.Paragraph,
-  Text = _Typography.Text;
+var Paragraph = Typography.Paragraph,
+  Text = Typography.Text;
 // @ts-ignore
 var RenderColumn = props => {
   var valueType = props.valueType,
@@ -95,7 +90,7 @@ var RenderColumn = props => {
       });
       if ((props === null || props === void 0 ? void 0 : props.isChanged) === false) {
         if (ellipsis) {
-          return /*#__PURE__*/_jsx(_Tooltip, _objectSpread(_objectSpread({
+          return /*#__PURE__*/_jsx(Tooltip, _objectSpread(_objectSpread({
             title: currentValue,
             onOpenChange: open => {
               setState({
@@ -127,7 +122,7 @@ var RenderColumn = props => {
         }
         return !isEmpty(originalValue) ? originalValue : '-';
       };
-      return /*#__PURE__*/_jsx(_Tooltip, _objectSpread(_objectSpread({
+      return /*#__PURE__*/_jsx(Tooltip, _objectSpread(_objectSpread({
         className: cellDiffCls,
         style: {
           width,
@@ -139,17 +134,17 @@ var RenderColumn = props => {
         destroyOnHidden: true,
         placement: "topLeft",
         autoAdjustOverflow: false,
-        title: /*#__PURE__*/_jsx(_Space, {
+        title: /*#__PURE__*/_jsx(Space, {
           direction: "vertical",
           className: "changed-tooltip",
           children: props !== null && props !== void 0 && props.isChanged && !(props !== null && props !== void 0 && props.isAddCell) ? /*#__PURE__*/_jsxs(_Fragment, {
-            children: [/*#__PURE__*/_jsxs(_Space, {
+            children: [/*#__PURE__*/_jsxs(Space, {
               align: "start",
               className: "original-value-container",
               children: ["\u521D\u59CB\u503C\uFF1A", originalValueCalc()]
-            }), /*#__PURE__*/_jsx(_Space, {
+            }), /*#__PURE__*/_jsx(Space, {
               className: "current-value-container",
-              children: ellipsis ? /*#__PURE__*/_jsxs(_Space, {
+              children: ellipsis ? /*#__PURE__*/_jsxs(Space, {
                 children: ["\u5F53\u524D\u503C\uFF1A", currentValue]
               }) : null
             })]
@@ -200,7 +195,7 @@ var RenderColumn = props => {
       });
     }
     var calculatedWidth = updateCalculatedWidth(textRef.current);
-    return /*#__PURE__*/_jsx(_Tooltip, _objectSpread(_objectSpread({
+    return /*#__PURE__*/_jsx(Tooltip, _objectSpread(_objectSpread({
       title: value,
       destroyOnHidden: true,
       onOpenChange: () => {