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

package/es/ProTreeModal/components/List.js

@@ -1,12 +1,7 @@
-import "antd/es/row/style";
-import _Row from "antd/es/row";
-import "antd/es/col/style";
-import _Col from "antd/es/col";
-import "antd/es/checkbox/style";
-import _Checkbox from "antd/es/checkbox";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 /* eslint-disable brace-style */
 import React, { forwardRef, useImperativeHandle, useMemo, useRef } from 'react';
+import { Checkbox, Col, Row } from 'antd';
 import { DndContext } from '@dnd-kit/core';
 import { arrayMove, SortableContext, verticalListSortingStrategy } from '@dnd-kit/sortable';
 import { useDeepCompareEffect, useSetState, useVirtualList } from 'ahooks';
@@ -173,7 +168,7 @@ function List(props, ref) {
   // 编辑状态
   if (!isRowCols && mode === 'render') {
     return /*#__PURE__*/_jsx(_Fragment, {
-      children: /*#__PURE__*/_jsx(_Checkbox.Group, {
+      children: /*#__PURE__*/_jsx(Checkbox.Group, {
         disabled: disabled,
         style: {
           width: '100%'
@@ -188,7 +183,7 @@ function List(props, ref) {
           },
           children: /*#__PURE__*/_jsx("div", {
             ref: wrapperRef,
-            children: /*#__PURE__*/_jsx(_Row, {
+            children: /*#__PURE__*/_jsx(Row, {
               children: list.map(_item => {
                 var item = _item.data;
                 var title = handleGetTitle(item);
@@ -196,13 +191,13 @@ function List(props, ref) {
                   label: title,
                   searchStr: searchStr
                 });
-                return /*#__PURE__*/_jsx(_Col, {
+                return /*#__PURE__*/_jsx(Col, {
                   span: span || 24,
                   className: !span || span === 24 ? 'pro-tree-modal-checkbox-content' : '',
                   style: {
                     marginBottom: span ? 16 : 12
                   },
-                  children: /*#__PURE__*/_jsx(_Checkbox, {
+                  children: /*#__PURE__*/_jsx(Checkbox, {
                     onChange: e => handleOnChange === null || handleOnChange === void 0 ? void 0 : handleOnChange(e, item[fieldNameValue]),
                     value: item[fieldNameValue],
                     disabled: item.disabled,
@@ -220,26 +215,26 @@ function List(props, ref) {
   // 编辑状态
   if (isRowCols) {
     return /*#__PURE__*/_jsx(_Fragment, {
-      children: /*#__PURE__*/_jsx(_Checkbox.Group, {
+      children: /*#__PURE__*/_jsx(Checkbox.Group, {
         disabled: disabled,
         style: {
           width: '100%'
         },
         value: checkedValues,
-        children: /*#__PURE__*/_jsx(_Row, {
+        children: /*#__PURE__*/_jsx(Row, {
           children: treeData.map(item => {
             var title = handleGetTitle(item);
             var content = optionRender ? optionRender(item, searchStr) : /*#__PURE__*/_jsx(SearchTitle, {
               label: title,
               searchStr: searchStr
             });
-            return /*#__PURE__*/_jsx(_Col, {
+            return /*#__PURE__*/_jsx(Col, {
               span: span || 24,
               className: !span || span === 24 ? 'pro-tree-modal-checkbox-content' : '',
               style: {
                 marginBottom: span ? 16 : 12
               },
-              children: /*#__PURE__*/_jsx(_Checkbox, {
+              children: /*#__PURE__*/_jsx(Checkbox, {
                 onChange: e => handleOnChange(e, item[fieldNameValue]),
                 value: item[fieldNameValue],
                 disabled: item.disabled,

package/es/ProTreeModal/components/SortableItem.js

@@ -1,7 +1,6 @@
-import "antd/es/tag/style";
-import _Tag from "antd/es/tag";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import React from 'react';
+import { Tag } from 'antd';
 import { useSortable } from '@dnd-kit/sortable';
 import { CSS } from '@dnd-kit/utilities';
 import ProIcon from "../../ProIcon";
@@ -38,7 +37,7 @@ var SortableItem = props => {
     style: style,
     className: `checked-item ${item.disabled || disabled ? 'disabled' : ''} ${drag ? 'dragable' : ''}`
   }, item.disabled ? {} : attributes), {}, {
-    children: /*#__PURE__*/_jsxs(_Tag, {
+    children: /*#__PURE__*/_jsxs(Tag, {
       closable: true,
       onClose: e => _onClose(e),
       children: [drag ? item.disabled || disabled ? /*#__PURE__*/_jsx(ProIcon, {

package/es/ProTreeModal/components/Tree.js

@@ -1,11 +1,10 @@
-import "antd/es/tree/style";
-import _Tree from "antd/es/tree";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["checkedValues", "disabled", "treeData", "searchStr", "originalTreeData", "showCodeName", "checkStrictly", "flatTreeData", "mode", "fieldNames", "tags", "onCheck", "handleFilterClose", "optionRender"];
 /* eslint-disable no-plusplus */
 import React, { forwardRef, useEffect, useMemo, useState } from 'react';
+import { Tree } from 'antd';
 import ListComponent from "./List";
 import SearchTitle from "./SearchTitle";
 import CloseIcon from "./CloseIcon";
@@ -173,7 +172,7 @@ function List(props, ref) {
     setAutoExpandParent(false);
   };
   if (mode === 'render') {
-    return /*#__PURE__*/_jsx(_Tree, {
+    return /*#__PURE__*/_jsx(Tree, {
       disabled: disabled,
       style: {
         width: '100%'
@@ -200,7 +199,7 @@ function List(props, ref) {
       showCodeName: showCodeName,
       disabled: disabled,
       ref: ref
-    }, restProps)) : /*#__PURE__*/_jsx(_Tree, {
+    }, restProps)) : /*#__PURE__*/_jsx(Tree, {
       style: {
         width: '100%'
       },

package/es/ProTreeModal/components/Trigger.js

@@ -1,13 +1,8 @@
-import "antd/es/input/style";
-import _Input from "antd/es/input";
-import "antd/es/space/style";
-import _Space from "antd/es/space";
-import "antd/es/select/style";
-import _Select from "antd/es/select";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import { useEffect } from 'react';
 import classNames from 'classnames';
+import { Input, Select, Space } from 'antd';
 import { CloseOutlined } from '@ant-design/icons';
 import { ReactSVG } from 'react-svg';
 import { useSetState } from 'ahooks';
@@ -97,10 +92,10 @@ function Trigger(props) {
   };
   var TriggerComponent = props => {
     if (appoint) {
-      return /*#__PURE__*/_jsxs(_Space.Compact, {
+      return /*#__PURE__*/_jsxs(Space.Compact, {
         block: true,
         style: _objectSpread({}, triggerStyle),
-        children: [/*#__PURE__*/_jsxs(_Select, {
+        children: [/*#__PURE__*/_jsxs(Select, {
           style: {
             width: 'auto'
           },
@@ -109,11 +104,11 @@ function Trigger(props) {
           defaultValue: "appoint",
           value: state.mode,
           onChange: onAppointChange,
-          children: [/*#__PURE__*/_jsx(_Select.Option, {
+          children: [/*#__PURE__*/_jsx(Select.Option, {
             value: "all",
             disabled: allDisabled,
             children: locale === null || locale === void 0 ? void 0 : locale.ProTreeModal.specifyMode[0]
-          }), /*#__PURE__*/_jsx(_Select.Option, {
+          }), /*#__PURE__*/_jsx(Select.Option, {
             value: "appoint",
             disabled: specifyDisabled,
             children: locale === null || locale === void 0 ? void 0 : locale.ProTreeModal.specifyMode[1]
@@ -124,7 +119,7 @@ function Trigger(props) {
     return props.children;
   };
   return /*#__PURE__*/_jsx(TriggerComponent, {
-    children: /*#__PURE__*/_jsx(_Input, {
+    children: /*#__PURE__*/_jsx(Input, {
       className: classNames(afterDisabled ? 'trigger-no-hover' : '', appoint ? 'pro-tree-modal-input-appoint' : ''),
       onClick: handleClick,
       value: checkedValues.length === 0 ? null : state.mode === 'all' ? formatMessage(locale === null || locale === void 0 ? void 0 : locale.ProTreeModal.checkAll1, {

package/es/ProTreeModal/index.js

@@ -1,15 +1,8 @@
-import "antd/es/button/style";
-import _Button from "antd/es/button";
-import "antd/es/input/style";
-import _Input from "antd/es/input";
-import "antd/es/checkbox/style";
-import _Checkbox from "antd/es/checkbox";
-import "antd/es/message/style";
-import _message from "antd/es/message";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React, { useEffect, useMemo, useRef } from 'react';
 import { useDeepCompareEffect, useSetState, useRequest as useRequestFunc, useDebounceFn } from 'ahooks';
+import { Button, Checkbox, Input, message } from 'antd';
 import { cloneDeep, isFunction } from 'lodash';
 import { ReactSVG } from 'react-svg';
 import classNames from 'classnames';
@@ -108,7 +101,7 @@ var ProTreeModal = props => {
         responseData = transformResponse(res);
       }
       if (status !== 200) {
-        _message.error(msg);
+        message.error(msg);
         return;
       }
       setState({
@@ -252,7 +245,7 @@ var ProTreeModal = props => {
       if (min) {
         if (values.length < min) {
           var _locale$ProTreeModal3;
-          _message.error(formatMessage(locale === null || locale === void 0 || (_locale$ProTreeModal3 = locale.ProTreeModal) === null || _locale$ProTreeModal3 === void 0 ? void 0 : _locale$ProTreeModal3.selectMin, {
+          message.error(formatMessage(locale === null || locale === void 0 || (_locale$ProTreeModal3 = locale.ProTreeModal) === null || _locale$ProTreeModal3 === void 0 ? void 0 : _locale$ProTreeModal3.selectMin, {
             min
           }));
           return;
@@ -323,7 +316,7 @@ var ProTreeModal = props => {
     }
     if (max && checkedValues.length > max) {
       var _locale$ProTreeModal4;
-      _message.error(maxMessage ? transformMessage({
+      message.error(maxMessage ? transformMessage({
         max
       }, maxMessage) : formatMessage(locale === null || locale === void 0 || (_locale$ProTreeModal4 = locale.ProTreeModal) === null || _locale$ProTreeModal4 === void 0 ? void 0 : _locale$ProTreeModal4.selectMax, {
         max
@@ -423,7 +416,7 @@ var ProTreeModal = props => {
     }
     if (max && checkedValues.length > max) {
       var _locale$ProTreeModal5;
-      _message.error(maxMessage ? transformMessage({
+      message.error(maxMessage ? transformMessage({
         max
       }, maxMessage) : formatMessage(locale === null || locale === void 0 || (_locale$ProTreeModal5 = locale.ProTreeModal) === null || _locale$ProTreeModal5 === void 0 ? void 0 : _locale$ProTreeModal5.selectMax, {
         max
@@ -585,7 +578,7 @@ var ProTreeModal = props => {
     }
     if (max && checkedValues.length > max) {
       var _locale$ProTreeModal6;
-      _message.error(maxMessage ? transformMessage({
+      message.error(maxMessage ? transformMessage({
         max
       }, maxMessage) : formatMessage(locale === null || locale === void 0 || (_locale$ProTreeModal6 = locale.ProTreeModal) === null || _locale$ProTreeModal6 === void 0 ? void 0 : _locale$ProTreeModal6.selectMax, {
         max
@@ -738,7 +731,7 @@ var ProTreeModal = props => {
         title: title,
         showType: "Modal",
         className: "pro-tree-modal-container",
-        extraLeft: allValue !== undefined ? /*#__PURE__*/_jsx(_Checkbox, {
+        extraLeft: allValue !== undefined ? /*#__PURE__*/_jsx(Checkbox, {
           checked: state.checkAll,
           disabled: disabled,
           onChange: handleAllCheck,
@@ -748,7 +741,7 @@ var ProTreeModal = props => {
           className: "pro-tree-modal-content",
           children: [/*#__PURE__*/_jsxs("div", {
             className: classNames('pro-tree-modal-box', modeType === CASCADER || modeType === LIST && span ? 'pro-tree-modal-cascader-box' : ''),
-            children: [/*#__PURE__*/_jsx(_Input, {
+            children: [/*#__PURE__*/_jsx(Input, {
               disabled: disabled,
               allowClear: true,
               value: state.searchStr,
@@ -769,7 +762,7 @@ var ProTreeModal = props => {
               className: "pro-tree-modal-box-header",
               children: [/*#__PURE__*/_jsxs("span", {
                 children: [locale === null || locale === void 0 || (_locale$ProTreeModal11 = locale.ProTreeModal) === null || _locale$ProTreeModal11 === void 0 ? void 0 : _locale$ProTreeModal11.check, " (", state.checkedValues.length, "/", max || state.flatTreeData.length, ")"]
-              }), /*#__PURE__*/_jsx(_Button, {
+              }), /*#__PURE__*/_jsx(Button, {
                 disabled: disabled,
                 type: "link",
                 onClick: handleClearAll,

package/es/ProUpload/components/ButtonRender.js

@@ -1,10 +1,7 @@
-import "antd/es/upload/style";
-import _Upload from "antd/es/upload";
-import "antd/es/button/style";
-import _Button from "antd/es/button";
 import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import { Button, Upload } from 'antd';
 import { DndContext } from '@dnd-kit/core';
 import { SortableContext, rectSortingStrategy } from '@dnd-kit/sortable';
 import { CloudUploadOutlined } from '@ant-design/icons';
@@ -83,10 +80,10 @@ var ButtonRender = props => {
       children: /*#__PURE__*/_jsx(SortableContext, {
         items: fileList.map(i => i.uid),
         strategy: rectSortingStrategy,
-        children: /*#__PURE__*/_jsx(_Upload, _objectSpread(_objectSpread({}, buttonUploadProps), {}, {
+        children: /*#__PURE__*/_jsx(Upload, _objectSpread(_objectSpread({}, buttonUploadProps), {}, {
           children: !isView && /*#__PURE__*/_jsxs("div", {
             className: "pro-upload-button-inner",
-            children: [/*#__PURE__*/_jsxs(_Button, _objectSpread(_objectSpread({}, buttonProps), {}, {
+            children: [/*#__PURE__*/_jsxs(Button, _objectSpread(_objectSpread({}, buttonProps), {}, {
               disabled: disabled || isView,
               children: [/*#__PURE__*/_jsx(CloudUploadOutlined, {}), buttonText]
             })), afterRender ? /*#__PURE__*/_jsx("div", {

package/es/ProUpload/components/DragRender.js

@@ -1,7 +1,6 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import "antd/es/upload/style";
-import _Upload from "antd/es/upload";
 import { useRef } from 'react';
+import { Upload } from 'antd';
 import { DndContext } from '@dnd-kit/core';
 import { SortableContext, rectSortingStrategy } from '@dnd-kit/sortable';
 import { CloudUploadOutlined } from '@ant-design/icons';
@@ -10,7 +9,7 @@ import { DraggableUploadListItem } from "./DraggableUploadListItem";
 import locale from "../../locale";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-var Dragger = _Upload.Dragger;
+var Dragger = Upload.Dragger;
 var DragRender = props => {
   var _locale$ProUpload3, _locale$ProUpload4, _locale$ProUpload5, _locale$ProUpload6;
   var isView = props.isView,

package/es/ProUpload/components/FileItem.js

@@ -1,10 +1,5 @@
-import "antd/es/progress/style";
-import _Progress from "antd/es/progress";
-import "antd/es/popconfirm/style";
-import _Popconfirm from "antd/es/popconfirm";
-import "antd/es/button/style";
-import _Button from "antd/es/button";
 import React from 'react';
+import { Progress, Button, Popconfirm } from 'antd';
 import { ReactSVG } from 'react-svg';
 import PDF from "../style/icon-PDF.png";
 import TXT from "../style/icon-TXT.png";
@@ -105,7 +100,7 @@ var FileItem = props => {
         className: "file-actions-wrap",
         children: /*#__PURE__*/_jsxs("div", {
           className: "file-actions",
-          children: [_isShowDownloadIcon && /*#__PURE__*/_jsx(_Button, {
+          children: [_isShowDownloadIcon && /*#__PURE__*/_jsx(Button, {
             type: "link",
             className: "file-action-item",
             onClick: _onDownload,
@@ -114,7 +109,7 @@ var FileItem = props => {
               wrapper: "span",
               src: downloadSvg
             })
-          }), _showPreViewIcon && /*#__PURE__*/_jsx(_Button, {
+          }), _showPreViewIcon && /*#__PURE__*/_jsx(Button, {
             type: "link",
             className: "file-action-item",
             onClick: _onPreview,
@@ -124,12 +119,12 @@ var FileItem = props => {
               color: "#006aff",
               src: lookSvg
             })
-          }), _showRemoveIcon && !disabled && (isConfirmDelete ? /*#__PURE__*/_jsx(_Popconfirm, {
+          }), _showRemoveIcon && !disabled && (isConfirmDelete ? /*#__PURE__*/_jsx(Popconfirm, {
             title: "\u786E\u5B9A\u5220\u9664?",
             onConfirm: _onRemove,
             okText: "\u786E\u8BA4",
             cancelText: "\u53D6\u6D88",
-            children: /*#__PURE__*/_jsx(_Button, {
+            children: /*#__PURE__*/_jsx(Button, {
               type: "link",
               className: "file-action-item",
               disabled: disabled,
@@ -139,7 +134,7 @@ var FileItem = props => {
                 src: deleteSvg
               })
             })
-          }) : /*#__PURE__*/_jsx(_Button, {
+          }) : /*#__PURE__*/_jsx(Button, {
             type: "link",
             className: "file-action-item",
             disabled: disabled,
@@ -154,7 +149,7 @@ var FileItem = props => {
       })]
     }), file.status === 'uploading' && /*#__PURE__*/_jsx("div", {
       className: "file-progress",
-      children: /*#__PURE__*/_jsx(_Progress, {
+      children: /*#__PURE__*/_jsx(Progress, {
         percent: Math.ceil(file.percent),
         size: 2
       })
@@ -201,7 +196,7 @@ var DragSingleFileItem = props => {
         className: "file-actions-wrap",
         children: /*#__PURE__*/_jsxs("div", {
           className: "file-actions",
-          children: [_showPreViewIcon && /*#__PURE__*/_jsx(_Button, {
+          children: [_showPreViewIcon && /*#__PURE__*/_jsx(Button, {
             type: "link",
             className: "file-action-item",
             onClick: _onPreview,
@@ -210,7 +205,7 @@ var DragSingleFileItem = props => {
               wrapper: "span",
               src: lookSvg
             })
-          }), _isShowDownloadIcon && /*#__PURE__*/_jsx(_Button, {
+          }), _isShowDownloadIcon && /*#__PURE__*/_jsx(Button, {
             type: "link",
             className: "file-action-item",
             onClick: _onDownload,
@@ -224,7 +219,7 @@ var DragSingleFileItem = props => {
       })]
     }), file.status === 'uploading' && /*#__PURE__*/_jsx("div", {
       className: "file-progress",
-      children: /*#__PURE__*/_jsx(_Progress, {
+      children: /*#__PURE__*/_jsx(Progress, {
         percent: Math.ceil(file.percent),
         size: 2
       })

package/es/ProUpload/components/ImageRender.js

@@ -1,17 +1,8 @@
-import "antd/es/space/style";
-import _Space from "antd/es/space";
-import "antd/es/modal/style";
-import _Modal from "antd/es/modal";
-import "antd/es/upload/style";
-import _Upload from "antd/es/upload";
 import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
-import "antd/es/button/style";
-import _Button from "antd/es/button";
-import "antd/es/progress/style";
-import _Progress from "antd/es/progress";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import { Button, Upload, Progress, Space, Modal } from 'antd';
 import { useRef, useState } from 'react';
 import { DndContext } from '@dnd-kit/core';
 import { SortableContext, rectSortingStrategy } from '@dnd-kit/sortable';
@@ -117,7 +108,7 @@ var ImageRender = props => {
           className: `file-item-image ${file.status === 'error' ? 'actions-wrap-error' : ''}`,
           children: [file.status === 'uploading' && /*#__PURE__*/_jsx("div", {
             className: "image-uploading",
-            children: /*#__PURE__*/_jsx(_Progress, {
+            children: /*#__PURE__*/_jsx(Progress, {
               size: "small",
               percent: Math.ceil(file.percent)
             })
@@ -132,7 +123,7 @@ var ImageRender = props => {
               className: "actions-wrap ",
               children: [/*#__PURE__*/_jsxs("div", {
                 className: "action-top",
-                children: [_showPreview && /*#__PURE__*/_jsx(_Button, {
+                children: [_showPreview && /*#__PURE__*/_jsx(Button, {
                   type: "link",
                   className: "action-item",
                   onClick: () => {
@@ -144,7 +135,7 @@ var ImageRender = props => {
                     src: lookSvg
                   }),
                   children: locale === null || locale === void 0 || (_locale$ProUpload = locale.ProUpload) === null || _locale$ProUpload === void 0 ? void 0 : _locale$ProUpload.view
-                }), _isShowDownload && /*#__PURE__*/_jsx(_Button, {
+                }), _isShowDownload && /*#__PURE__*/_jsx(Button, {
                   type: "link",
                   disabled: isView || disabled,
                   className: "action-item",
@@ -160,7 +151,7 @@ var ImageRender = props => {
                 })]
               }), /*#__PURE__*/_jsx("div", {
                 className: "action-button",
-                children: /*#__PURE__*/_jsx(_Button, {
+                children: /*#__PURE__*/_jsx(Button, {
                   type: "link",
                   disabled: isView || disabled,
                   className: "action-item",
@@ -214,7 +205,7 @@ var ImageRender = props => {
       });
     }
   });
-  return /*#__PURE__*/_jsxs(_Space, {
+  return /*#__PURE__*/_jsxs(Space, {
     direction: "vertical",
     size: 8,
     className: "pro-upload-image",
@@ -226,7 +217,7 @@ var ImageRender = props => {
         children: /*#__PURE__*/_jsx(SortableContext, {
           items: fileList.map(i => i.uid),
           strategy: rectSortingStrategy,
-          children: /*#__PURE__*/_jsx(_Upload, _objectSpread(_objectSpread({}, imageUploadProps), {}, {
+          children: /*#__PURE__*/_jsx(Upload, _objectSpread(_objectSpread({}, imageUploadProps), {}, {
             children: fileList.length < maxCount && !isView && (centerRender ? isFunction(centerRender) ? centerRender() : centerRender : /*#__PURE__*/_jsxs("div", {
               className: `pro-upload-image-inner ${disabled ? 'pro-upload-image-disabled' : ''} `,
               children: [/*#__PURE__*/_jsx(PlusOutlined, {}), /*#__PURE__*/_jsx("div", {
@@ -250,7 +241,7 @@ var ImageRender = props => {
     }), /*#__PURE__*/_jsx("div", {
       className: "pro-upload-image-footer",
       children: footerRender()
-    }), /*#__PURE__*/_jsx(_Modal, {
+    }), /*#__PURE__*/_jsx(Modal, {
       title: previewImg === null || previewImg === void 0 ? void 0 : previewImg.name,
       width: "600",
       style: {

package/es/ProUpload/index.js

@@ -1,10 +1,9 @@
-import "antd/es/message/style";
-import _message from "antd/es/message";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 var _excluded = ["value", "size", "action", "maxCount", "headerRender", "footerRender", "centerRender", "disabled", "uploadType", "buttonProps", "accept", "extraTipText", "beforeUpload", "onChange", "onDownload", "onPreview", "onRemove", "filterOriginFileObj", "method", "className", "dataParams", "name", "showExampleContent", "showUploadList", "otherProps", "transformResponse", "exampleTitle", "exampleContent", "exampleModalProps", "buttonText", "afterRender", "fieldNames", "isConfirmDelete"];
 import React, { useEffect, useState, useImperativeHandle } from 'react';
+import { message } from 'antd';
 import { isFunction, omit } from 'lodash';
 import { PointerSensor, useSensor } from '@dnd-kit/core';
 import { arrayMove } from '@dnd-kit/sortable';
@@ -172,12 +171,12 @@ var ProUpload = /*#__PURE__*/React.forwardRef((props, ref) => {
   var handleBeforeUpload = (file, fileList) => {
     if (!validateFileExt(extExt, file)) {
       var _locale$ProUpload2;
-      _message.error(`${locale === null || locale === void 0 || (_locale$ProUpload2 = locale.ProUpload) === null || _locale$ProUpload2 === void 0 ? void 0 : _locale$ProUpload2.errorInfoExt}【${extExt.join('、')}】`);
+      message.error(`${locale === null || locale === void 0 || (_locale$ProUpload2 = locale.ProUpload) === null || _locale$ProUpload2 === void 0 ? void 0 : _locale$ProUpload2.errorInfoExt}【${extExt.join('、')}】`);
       return false;
     }
     if (!validateSize(size, file)) {
       var _locale$ProUpload3;
-      _message.error(`${locale === null || locale === void 0 || (_locale$ProUpload3 = locale.ProUpload) === null || _locale$ProUpload3 === void 0 ? void 0 : _locale$ProUpload3.errorInfoSize}${size}M`);
+      message.error(`${locale === null || locale === void 0 || (_locale$ProUpload3 = locale.ProUpload) === null || _locale$ProUpload3 === void 0 ? void 0 : _locale$ProUpload3.errorInfoSize}${size}M`);
       return false;
     }
     if (beforeUpload) {

package/es/ProViewer/index.js

@@ -1,15 +1,10 @@
-import "antd/es/modal/style";
-import _Modal from "antd/es/modal";
-import "antd/es/image/style";
-import _Image from "antd/es/image";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import "antd/es/button/style";
-import _Button from "antd/es/button";
 import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 /* eslint-disable jsx-a11y/iframe-has-title */
 import { useSetState } from 'ahooks';
+import { Button, Image, Modal } from 'antd';
 import React, { useEffect, useRef } from 'react';
 import locale from "../locale";
 
@@ -181,13 +176,13 @@ var ProViewer = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   }, [previewData]);
   return /*#__PURE__*/_jsxs("span", {
     className: "pro-viewer",
-    children: [/*#__PURE__*/_jsx(_Button, _objectSpread(_objectSpread({
+    children: [/*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({
       disabled: disabled || !url && !previewFile,
       ref: ProViewerRef,
       onClick: previewHandle
     }, buttonProps), {}, {
       children: children
-    })), mode && fileType === 'img' && /*#__PURE__*/_jsx(_Image, {
+    })), mode && fileType === 'img' && /*#__PURE__*/_jsx(Image, {
       src: url,
       preview: {
         visible: imgVisible,
@@ -197,7 +192,7 @@ var ProViewer = /*#__PURE__*/React.forwardRef((_ref, ref) => {
           });
         }
       }
-    }), /*#__PURE__*/_jsx(_Modal, _objectSpread(_objectSpread({
+    }), /*#__PURE__*/_jsx(Modal, _objectSpread(_objectSpread({
       onCancel: () => {
         setState({
           modalVisible: false

package/es/ProViewer/propsType.js

@@ -0,0 +1,3 @@
+import { ModalProps } from 'antd';
+
+// 弹窗 或者 页面

package/es/ProWaterMark/index.js

@@ -1,13 +1,12 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import "antd/es/watermark/style";
-import _Watermark from "antd/es/watermark";
+import { Watermark } from 'antd';
 import React from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
 var ProWaterMark = props => {
   var content = props.content;
   return /*#__PURE__*/_jsx("div", {
     className: "pro-water-mark",
-    children: /*#__PURE__*/_jsx(_Watermark, _objectSpread(_objectSpread({}, props), {}, {
+    children: /*#__PURE__*/_jsx(Watermark, _objectSpread(_objectSpread({}, props), {}, {
       content: content,
       children: props === null || props === void 0 ? void 0 : props.children
     }))

package/lib/ProAction/index.js

@@ -6,15 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-require("antd/es/popconfirm/style");
-var _popconfirm = _interopRequireDefault(require("antd/es/popconfirm"));
 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"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireDefault(require("react"));
 var _ahooks = require("ahooks");
+var _antd = require("antd");
 var _lodash = require("lodash");
 var _CheckModalContent = _interopRequireDefault(require("./components/CheckModalContent"));
 var _index = require("../index");
@@ -25,7 +22,7 @@ var ProAction = props => {
   var _config$, _config$2, _locale$ProAction2, _config$index;
   var children = props.children,
     config = props.config;
-  var _Form$useForm = _form.default.useForm(),
+  var _Form$useForm = _antd.Form.useForm(),
     _Form$useForm2 = (0, _slicedToArray2.default)(_Form$useForm, 1),
     form = _Form$useForm2[0];
   var _useSetState = (0, _ahooks.useSetState)({
@@ -196,7 +193,7 @@ var ProAction = props => {
     return TargetComponent;
   };
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [((_config$ = config[0]) === null || _config$ === void 0 ? void 0 : _config$.mode) === 'confirm' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_popconfirm.default, {
+    children: [((_config$ = config[0]) === null || _config$ === void 0 ? void 0 : _config$.mode) === 'confirm' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Popconfirm, {
       onConfirm: () => onActionRun(0, []),
       title: ((_config$2 = config[0]) === null || _config$2 === void 0 ? void 0 : _config$2.title) || (_locale.default === null || _locale.default === void 0 || (_locale$ProAction2 = _locale.default.ProAction) === null || _locale$ProAction2 === void 0 ? void 0 : _locale$ProAction2.defaultTitle),
       children: children

package/lib/ProConfigProvider/index.js

@@ -8,10 +8,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.ProConfigProvider = exports.ProConfigContext = void 0;
 exports.useProConfig = useProConfig;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-require("antd/es/config-provider/style");
-var _configProvider = _interopRequireDefault(require("antd/es/config-provider"));
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _react = _interopRequireWildcard(require("react"));
+var _antd = require("antd");
 var _zh_CN = _interopRequireDefault(require("antd/es/locale/zh_CN"));
 var _en_US = _interopRequireDefault(require("antd/es/locale/en_US"));
 require("dayjs/locale/zh-cn");
@@ -100,7 +99,7 @@ var ThemeAwareConfigProvider = _ref => {
     children = _ref.children;
   var _useTheme = (0, _ThemeContext.useTheme)(),
     themeState = _useTheme.state;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_configProvider.default, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.ConfigProvider, {
     locale: locale,
     theme: themeState.antdConfig,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {