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

package/es/ProTabs/style/index.less

@@ -6,6 +6,9 @@
         .pro-tabs-card-left {
           width: 84px !important;
         }
+        .pro-tabs-card-right {
+          width: 24px !important;
+        }
         .pro-tabs-card-right img {
           width: 24px !important;
         }
@@ -94,7 +97,7 @@
 
     .pro-tabs-card-right {
       display: flex;
-
+      width: 48px;
       img {
         width: 48px;
       }
@@ -123,6 +126,7 @@
     width: 200px;
     padding: calc(9px * var(--zaui-size; 1)) 16px calc(9px * var(--zaui-size; 1)) 24px;
     border: 1px solid var(--zaui-line, #dddddd);
+    border-radius: var(--zaui-border-radius, 8px);
 
     .pro-tabs-card-left {
       width: 104px;

package/es/ProThemeTools/component/ProTools/index.js

@@ -1,14 +1,7 @@
-import "antd/es/button/style";
-import _Button from "antd/es/button";
-import "antd/es/switch/style";
-import _Switch from "antd/es/switch";
-import "antd/es/radio/style";
-import _Radio from "antd/es/radio";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import "antd/es/drawer/style";
-import _Drawer from "antd/es/drawer";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import { CheckOutlined, CloseOutlined } from '@ant-design/icons';
+import { Button, Drawer, Radio, Switch } from 'antd';
 import React, { useState, useEffect } from 'react';
 import { setThemes } from "../../utils/index";
 import { useProConfig } from "../../../ProConfigProvider";
@@ -21,7 +14,7 @@ var connect = function connect(Component) {
   };
   return ComponentWrapper;
 };
-var NewDrawer = connect(_Drawer);
+var NewDrawer = connect(Drawer);
 var ProTools = _ref => {
   var onReset = _ref.onReset,
     onClose = _ref.onClose,
@@ -142,7 +135,7 @@ var ProTools = _ref => {
         })
       }), /*#__PURE__*/_jsx("div", {
         className: "pro-theme-tools-item",
-        children: /*#__PURE__*/_jsxs(_Radio.Group, {
+        children: /*#__PURE__*/_jsxs(Radio.Group, {
           value: state.zauiSize,
           onChange: e => {
             setState(_objectSpread(_objectSpread({}, state), {}, {
@@ -152,13 +145,13 @@ var ProTools = _ref => {
               'zaui-size': e.target.value
             });
           },
-          children: [/*#__PURE__*/_jsx(_Radio.Button, {
+          children: [/*#__PURE__*/_jsx(Radio.Button, {
             value: 0.5,
             children: `${locale.ProThemeTools.layoutMode[0]}`
-          }), /*#__PURE__*/_jsx(_Radio.Button, {
+          }), /*#__PURE__*/_jsx(Radio.Button, {
             value: 1,
             children: `${locale.ProThemeTools.layoutMode[1]}`
-          }), /*#__PURE__*/_jsx(_Radio.Button, {
+          }), /*#__PURE__*/_jsx(Radio.Button, {
             value: 1.5,
             children: `${locale.ProThemeTools.layoutMode[2]}`
           })]
@@ -173,7 +166,7 @@ var ProTools = _ref => {
         })
       }), /*#__PURE__*/_jsx("div", {
         className: "pro-theme-tools-item",
-        children: /*#__PURE__*/_jsxs(_Radio.Group, {
+        children: /*#__PURE__*/_jsxs(Radio.Group, {
           value: state.zauiFormAlign,
           onChange: e => {
             setState(_objectSpread(_objectSpread({}, state), {}, {
@@ -192,10 +185,10 @@ var ProTools = _ref => {
               }
             });
           },
-          children: [/*#__PURE__*/_jsx(_Radio.Button, {
+          children: [/*#__PURE__*/_jsx(Radio.Button, {
             value: "left",
             children: `${locale.ProThemeTools.flex[0]}`
-          }), /*#__PURE__*/_jsx(_Radio.Button, {
+          }), /*#__PURE__*/_jsx(Radio.Button, {
             value: "right",
             children: `${locale.ProThemeTools.flex[1]}`
           })]
@@ -210,7 +203,7 @@ var ProTools = _ref => {
         })
       }), /*#__PURE__*/_jsx("div", {
         className: "pro-theme-tools-item",
-        children: /*#__PURE__*/_jsx(_Switch, {
+        children: /*#__PURE__*/_jsx(Switch, {
           checkedChildren: `${locale.ProThemeTools.switchText[0]}`,
           unCheckedChildren: `${locale.ProThemeTools.switchText[1]}`,
           checked: state.zauiTableBorder,
@@ -233,7 +226,7 @@ var ProTools = _ref => {
         })
       }), /*#__PURE__*/_jsx("div", {
         className: "pro-theme-tools-item",
-        children: /*#__PURE__*/_jsx(_Switch, {
+        children: /*#__PURE__*/_jsx(Switch, {
           checkedChildren: `${locale.ProThemeTools.switchText[0]}`,
           unCheckedChildren: `${locale.ProThemeTools.switchText[1]}`,
           checked: state.zauiStripe,
@@ -248,7 +241,7 @@ var ProTools = _ref => {
           }
         })
       })]
-    }), /*#__PURE__*/_jsx(_Button, {
+    }), /*#__PURE__*/_jsx(Button, {
       className: "copy-btn",
       onClick: () => {
         setActive([{

package/es/ProThemeTools/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 _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["size", "className", "cacheTime", "color", "mode", "iconFollowTheme", "prefixCls", "tableBorder", "tableStripe", "theme", "onChange"];
 /* eslint-disable prefer-const */
+import { message } from 'antd';
 import { useEffect, useState } from 'react';
 import { usePrevious, useUpdateEffect, useToggle } from 'ahooks';
 import { ReactSVG } from 'react-svg';
@@ -122,7 +121,7 @@ var ProThemeTools = _ref => {
     input.select();
     if (document.execCommand('copy')) {
       document.execCommand('copy');
-      _message.success(`${locale.ProThemeTools.copySuccess}`);
+      message.success(`${locale.ProThemeTools.copySuccess}`);
     }
     document.body.removeChild(input);
   };

package/es/ProTooltip/index.js

@@ -1,10 +1,9 @@
-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 _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["text", "mode", "width", "line", "className", "style", "lineHeight", "scrollFollowParent"];
 import { useSize, useSetState, useDebounce } from 'ahooks';
+import { Tooltip } from 'antd';
 import { useEffect, useRef } from 'react';
 import classnames from 'classnames';
 import { isEllipsisActive } from "../utils";
@@ -72,7 +71,7 @@ var ProTooltip = props => {
     WebkitLineClamp: line
   } : {};
   var AutoMixinSingle = () => {
-    return isShowToolTip && line === 1 ? /*#__PURE__*/_jsx(_Tooltip, _objectSpread(_objectSpread({
+    return isShowToolTip && line === 1 ? /*#__PURE__*/_jsx(Tooltip, _objectSpread(_objectSpread({
       title: text,
       getPopupContainer: triggerNode => triggerNode.parentNode
     }, restProps), {}, {
@@ -107,7 +106,7 @@ var ProTooltip = props => {
     });
   };
   var AutoMixinMulti = () => {
-    return isShowToolTip && line > 1 ? /*#__PURE__*/_jsx(_Tooltip, _objectSpread(_objectSpread({
+    return isShowToolTip && line > 1 ? /*#__PURE__*/_jsx(Tooltip, _objectSpread(_objectSpread({
       title: text,
       getPopupContainer: triggerNode => triggerNode.parentNode
     }, restProps), {}, {
@@ -247,7 +246,7 @@ var ProTooltip = props => {
     });
   };
   var renderTooltipContent = () => {
-    return /*#__PURE__*/_jsx(_Tooltip, _objectSpread(_objectSpread({
+    return /*#__PURE__*/_jsx(Tooltip, _objectSpread(_objectSpread({
       title: text,
       getPopupContainer: triggerNode => {
         // 修复scrollFollowParent为false时tooltip不显示的问题

package/es/ProTree/components/AdaptiveTooltip.js

@@ -1,9 +1,8 @@
-import "antd/es/tooltip/style";
-import _Tooltip from "antd/es/tooltip";
+import { Tooltip } from 'antd';
 import { jsx as _jsx } from "react/jsx-runtime";
 var AdaptiveTooltip = _ref => {
   var children = _ref.children;
-  return /*#__PURE__*/_jsx(_Tooltip, {
+  return /*#__PURE__*/_jsx(Tooltip, {
     placement: "rightTop",
     title: /*#__PURE__*/_jsx("div", {
       onMouseDown: e => e.stopPropagation(),

package/es/ProTree/components/List.js

@@ -1,9 +1,8 @@
-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";
 var _excluded = ["checkedValues", "disabled", "treeData", "searchStr", "showCodeName", "mode", "fieldNames", "handleOnChange", "handleFilterClose", "optionRender"];
 import { memo } from 'react';
+import { Checkbox } from 'antd';
 import SearchTitle from "./SearchTitle";
 import CloseIcon from "./CloseIcon";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -26,7 +25,7 @@ function List(props) {
   var fieldNameValue = fieldNames.value;
   if (mode === 'render') {
     return /*#__PURE__*/_jsx(_Fragment, {
-      children: /*#__PURE__*/_jsx(_Checkbox.Group, {
+      children: /*#__PURE__*/_jsx(Checkbox.Group, {
         disabled: disabled,
         style: {
           width: '100%'
@@ -36,7 +35,7 @@ function List(props) {
           var title = showCodeName ? `${item[fieldNameValue]}-${item[fieldNameLabel]}` : item[fieldNameLabel];
           return /*#__PURE__*/_jsx("div", {
             className: "pro-tree-checkbox-content",
-            children: /*#__PURE__*/_jsx(_Checkbox, {
+            children: /*#__PURE__*/_jsx(Checkbox, {
               onChange: e => handleOnChange(e, item[fieldNameValue]),
               value: item[fieldNameValue],
               disabled: item.disabled,

package/es/ProTree/components/ProTree.js

@@ -1,13 +1,5 @@
-import "antd/es/spin/style";
-import _Spin from "antd/es/spin";
-import "antd/es/checkbox/style";
-import _Checkbox from "antd/es/checkbox";
-import "antd/es/input/style";
-import _Input from "antd/es/input";
 import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
-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 _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
@@ -16,6 +8,7 @@ import { useEffect } from 'react';
 import classNames from 'classnames';
 import { CaretDownOutlined, Loading3QuartersOutlined } from '@ant-design/icons';
 import { useDeepCompareEffect, useSetState, useRequest as useRequestFunc } from 'ahooks';
+import { Checkbox, Input, message, Spin } from 'antd';
 import { cloneDeep, isFunction } from 'lodash';
 import { ReactSVG } from 'react-svg';
 import { useProConfig } from "../../ProConfigProvider";
@@ -117,7 +110,7 @@ var ProTree = props => {
           msg = res.message,
           data = res.data;
         if (status !== 200) {
-          _message.error(msg);
+          message.error(msg);
           return;
         }
         var _flatTrees = getFlatTreeData(data, fieldNames);
@@ -426,14 +419,14 @@ var ProTree = props => {
   return /*#__PURE__*/_jsx("div", {
     className: boxClass,
     style: style,
-    children: /*#__PURE__*/_jsx(_Spin, {
+    children: /*#__PURE__*/_jsx(Spin, {
       spinning: state.clickShowLoading,
       indicator: antIcon,
       children: /*#__PURE__*/_jsxs("div", {
         className: "pro-tree-content",
         children: [/*#__PURE__*/_jsxs("div", {
           className: "pro-tree-header-box",
-          children: [showSearch && /*#__PURE__*/_jsx(_Input, {
+          children: [showSearch && /*#__PURE__*/_jsx(Input, {
             disabled: disabled,
             allowClear: true,
             value: state.searchStr,
@@ -481,7 +474,7 @@ var ProTree = props => {
           className: allValue || footer ? 'pro-tree-footer-box' : '',
           children: [/*#__PURE__*/_jsx("div", {
             className: "check-all-box",
-            children: allValue !== undefined ? /*#__PURE__*/_jsx(_Checkbox, {
+            children: allValue !== undefined ? /*#__PURE__*/_jsx(Checkbox, {
               checked: state.checkAll,
               disabled: disabled,
               onChange: handleAllCheck,

package/es/ProTree/components/ProTreeSelect/index.js

@@ -1,21 +1,14 @@
-import "antd/es/tooltip/style";
-import _Tooltip from "antd/es/tooltip";
 import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
-import "antd/es/input/style";
-import _Input from "antd/es/input";
-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 _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import "antd/es/tree-select/style";
-import _TreeSelect from "antd/es/tree-select";
 var _excluded = ["disabled", "code", "dataSource", "defaultDisableValue", "onChange", "useRequest", "transformResponse", "fieldNames", "placeholder", "tooltip", "showSearch", "filterTreeNode", "treeNodeFilterProp", "defaultExpandAll", "expandedKeys", "treeCheckable", "onSearch", "otherProps", "width", "dropdownStyle", "popupClassName", "style", "allowClear", "listHeight", "showCodeName", "className", "checkStrictly", "checkable"],
   _excluded2 = ["children"];
 /* eslint-disable react/no-danger */
 /* eslint-disable react/jsx-closing-tag-location */
 import { useDeepCompareEffect, useRequest as useRequestFunc, useSetState } from 'ahooks';
+import { Input, TreeSelect, message, Tooltip } from 'antd';
 import classnames from 'classnames';
 import React, { useImperativeHandle, forwardRef, useCallback } from 'react';
 import { cloneDeep, debounce } from 'lodash';
@@ -25,7 +18,7 @@ import Container from "../../../ProForm/components/Container";
 import AdaptiveTooltip from "../AdaptiveTooltip";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-var SHOW_PARENT = _TreeSelect.SHOW_PARENT;
+var SHOW_PARENT = TreeSelect.SHOW_PARENT;
 export var ProTreeSelect = (props, ref) => {
   var _useRequest$options, _selectProps$classNam, _selectProps$classNam2, _selectProps$styles, _selectProps$styles2;
   // 全局属性配置在ConfigProvider
@@ -164,7 +157,7 @@ export var ProTreeSelect = (props, ref) => {
       msg = res.message,
       data = res.data;
     if (status !== 200) {
-      _message.error(msg);
+      message.error(msg);
       return;
     }
     var resultData = transferDataSource(data, showCodeName);
@@ -183,7 +176,7 @@ export var ProTreeSelect = (props, ref) => {
       msg = _ref4.message,
       data = _ref4.data;
     if (status !== 200) {
-      _message.error(msg);
+      message.error(msg);
       return;
     }
     return data;
@@ -268,7 +261,7 @@ export var ProTreeSelect = (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
@@ -385,7 +378,7 @@ export var ProTreeSelect = (props, ref) => {
       });
     }
     if (!children) {
-      return /*#__PURE__*/_jsx(_TreeSelect.TreeNode, {
+      return /*#__PURE__*/_jsx(TreeSelect.TreeNode, {
         value: value,
         title: title,
         label: searchKey,
@@ -396,7 +389,7 @@ export var ProTreeSelect = (props, ref) => {
       }, key);
     }
     var sonGrade = grade + 1;
-    return /*#__PURE__*/_jsx(_TreeSelect.TreeNode, {
+    return /*#__PURE__*/_jsx(TreeSelect.TreeNode, {
       value: value,
       title: title,
       label: searchKey,
@@ -623,7 +616,7 @@ export var ProTreeSelect = (props, ref) => {
   return /*#__PURE__*/_jsx("div", {
     onClick: nodeChangeEvent,
     className: cls,
-    children: /*#__PURE__*/_jsx(_TreeSelect, _objectSpread(_objectSpread({
+    children: /*#__PURE__*/_jsx(TreeSelect, _objectSpread(_objectSpread({
       placeholder: placeholder || locale.ProForm.treeSelectPlaceholder,
       maxTagPlaceholder: rest => {
         var _rest = rest.map(tag => {
@@ -631,7 +624,7 @@ export var ProTreeSelect = (props, ref) => {
           return (tag !== null && tag !== void 0 && (_tag$label = tag.label) !== null && _tag$label !== void 0 && (_tag$label = _tag$label.props) !== null && _tag$label !== void 0 && _tag$label.children ? tag === null || tag === void 0 || (_tag$label2 = tag.label) === null || _tag$label2 === void 0 || (_tag$label2 = _tag$label2.props) === null || _tag$label2 === void 0 || (_tag$label2 = _tag$label2.children) === null || _tag$label2 === void 0 || (_tag$label2 = _tag$label2.props) === null || _tag$label2 === void 0 || (_tag$label2 = _tag$label2.dangerouslySetInnerHTML) === null || _tag$label2 === void 0 ? void 0 : _tag$label2.__html : tag === null || tag === void 0 || (_tag$label3 = tag.label) === null || _tag$label3 === void 0 || (_tag$label3 = _tag$label3.props) === null || _tag$label3 === void 0 || (_tag$label3 = _tag$label3.dangerouslySetInnerHTML) === null || _tag$label3 === void 0 ? void 0 : _tag$label3.__html) || tag.label;
         });
         var _str = _rest.join('、');
-        return /*#__PURE__*/_jsx(_Tooltip, {
+        return /*#__PURE__*/_jsx(Tooltip, {
           title: /*#__PURE__*/_jsx("div", {
             children: _str
           }),

package/es/ProTree/components/Tree.js

@@ -1,7 +1,3 @@
-import "antd/es/tree/style";
-import _Tree from "antd/es/tree";
-import "antd/es/popover/style";
-import _Popover from "antd/es/popover";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
@@ -10,6 +6,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutPr
 var _excluded = ["checkedValues", "disabled", "searchStr", "originalTreeData", "showCodeName", "checkStrictly", "flatTreeData", "mode", "fieldNames", "tags", "onCheck", "optionRender", "treeData", "showLine", "switcherIcon", "checkable", "menu", "innerExpandKeys", "selectedKey", "disabledMode", "isRadioSelect"];
 /* eslint-disable no-plusplus */
 import React, { useEffect, useState } from 'react';
+import { Tree, Popover } from 'antd';
 import { useSetState } from 'ahooks';
 import { CaretDownOutlined } from '@ant-design/icons';
 import SearchTitle from "./SearchTitle";
@@ -271,7 +268,7 @@ function List(props) {
           onClick: e => {
             e.stopPropagation();
           },
-          children: (operateButton === null || operateButton === void 0 ? void 0 : operateButton.length) > 1 ? /*#__PURE__*/_jsx(_Popover, {
+          children: (operateButton === null || operateButton === void 0 ? void 0 : operateButton.length) > 1 ? /*#__PURE__*/_jsx(Popover, {
             classNames: {
               root: 'pro-tree-operate-container'
             },
@@ -351,7 +348,7 @@ function List(props) {
   }
   return /*#__PURE__*/_jsx("div", {
     className: disabledMode === 'hide' ? 'hide-disable-node' : '',
-    children: _treeData !== null && _treeData !== void 0 && _treeData.length ? /*#__PURE__*/_jsx(_Tree, _objectSpread(_objectSpread(_objectSpread({}, others), additionProps), {}, {
+    children: _treeData !== null && _treeData !== void 0 && _treeData.length ? /*#__PURE__*/_jsx(Tree, _objectSpread(_objectSpread(_objectSpread({}, others), additionProps), {}, {
       disabled: disabled,
       style: {
         width: '100%'

package/es/ProTreeModal/components/Cascader.js

@@ -1,8 +1,7 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import "antd/es/checkbox/style";
-import _Checkbox from "antd/es/checkbox";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import { useEffect } from 'react';
+import { Checkbox } from 'antd';
 import { useSetState } from 'ahooks';
 import classNames from 'classnames';
 import SearchTitle from "./SearchTitle";
@@ -62,7 +61,7 @@ var Cascader = props => {
         })
       }), /*#__PURE__*/_jsx("div", {
         className: "pro-tree-modal-cascader-warp",
-        children: /*#__PURE__*/_jsx(_Checkbox.Group, {
+        children: /*#__PURE__*/_jsx(Checkbox.Group, {
           disabled: disabled,
           style: {
             width: '100%'
@@ -77,7 +76,7 @@ var Cascader = props => {
                   label: title,
                   searchStr: searchStr
                 })
-              }) : /*#__PURE__*/_jsx(_Checkbox, _objectSpread(_objectSpread({}, item), {}, {
+              }) : /*#__PURE__*/_jsx(Checkbox, _objectSpread(_objectSpread({}, item), {}, {
                 onChange: e => handleOnChange(e, item[fieldNameValue]),
                 value: item[fieldNameValue],
                 children: /*#__PURE__*/_jsx("span", {

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, {