@zat-design/sisyphus-react 3.14.0-beta.2 → 4.0.0-beta.10

package/lib/ProThemeTools/index.js

@@ -4,14 +4,23 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "ThemeProvider", {
+  enumerable: true,
+  get: function get() {
+    return _ThemeContext.ThemeProvider;
+  }
+});
 exports.default = void 0;
-require("antd/es/config-provider/style");
-var _configProvider = _interopRequireDefault(require("antd/es/config-provider"));
-require("antd/es/message/style");
-var _message2 = _interopRequireDefault(require("antd/es/message"));
+Object.defineProperty(exports, "useTheme", {
+  enumerable: true,
+  get: function get() {
+    return _ThemeContext.useTheme;
+  }
+});
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _antd = require("antd");
 var _react = require("react");
 var _ahooks = require("ahooks");
 var _reactSvg = require("react-svg");
@@ -21,6 +30,7 @@ var _index = require("./utils/index");
 var _setting = _interopRequireDefault(require("../assets/setting.svg"));
 var _component = require("./component");
 var _locale = _interopRequireDefault(require("../locale"));
+var _ThemeContext = require("./context/ThemeContext");
 var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["size", "className", "cacheTime", "color", "mode", "iconFollowTheme", "prefixCls", "tableBorder", "tableStripe", "theme", "onChange"];
 /* eslint-disable prefer-const */
@@ -49,12 +59,17 @@ var defaultThemeConfig = {
   zauiStripe: true
 };
 var ProThemeTools = _ref => {
-  var size = _ref.size,
+  var _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 24 : _ref$size,
     className = _ref.className,
-    cacheTime = _ref.cacheTime,
-    color = _ref.color,
-    mode = _ref.mode,
-    iconFollowTheme = _ref.iconFollowTheme,
+    _ref$cacheTime = _ref.cacheTime,
+    cacheTime = _ref$cacheTime === void 0 ? false : _ref$cacheTime,
+    _ref$color = _ref.color,
+    color = _ref$color === void 0 ? '#343434' : _ref$color,
+    _ref$mode = _ref.mode,
+    mode = _ref$mode === void 0 ? 'prd' : _ref$mode,
+    _ref$iconFollowTheme = _ref.iconFollowTheme,
+    iconFollowTheme = _ref$iconFollowTheme === void 0 ? false : _ref$iconFollowTheme,
     _ref$prefixCls = _ref.prefixCls,
     prefixCls = _ref$prefixCls === void 0 ? 'ant' : _ref$prefixCls,
     _ref$tableBorder = _ref.tableBorder,
@@ -69,6 +84,10 @@ var ProThemeTools = _ref => {
     _useToggle2 = (0, _slicedToArray2.default)(_useToggle, 2),
     visible = _useToggle2[0],
     toggle = _useToggle2[1].toggle;
+  var _useTheme = (0, _ThemeContext.useTheme)(),
+    updateLocalConfig = _useTheme.updateLocalConfig,
+    updateAntdConfig = _useTheme.updateAntdConfig,
+    updateCssVariables = _useTheme.updateCssVariables;
   var _useState = (0, _react.useState)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, defaultThemeConfig), (0, _index.getMapHumpCase)(theme))),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     state = _useState2[0],
@@ -80,8 +99,20 @@ var ProThemeTools = _ref => {
 
   // 重置
   var onReset = () => {
-    setState((0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), defaultThemeConfig));
-    (0, _index.setThemes)({
+    var resetConfig = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), defaultThemeConfig);
+    setState(resetConfig);
+
+    // 更新 Context
+    updateLocalConfig(resetConfig);
+
+    // 更新 antd 主题
+    var antdConfig = (0, _index.getAntd5ThemeConfig)({
+      'zaui-brand': '#006AFF'
+    });
+    updateAntdConfig(antdConfig);
+
+    // 设置 CSS 变量
+    var cssVars = {
       'zaui-brand': '#006AFF',
       'zaui-text': '#343434',
       'zaui-form-required-after': 'inline',
@@ -94,7 +125,9 @@ var ProThemeTools = _ref => {
       'zaui-big-text': false,
       'zaui-table-border': false,
       'zaui-stripe': true
-    });
+    };
+    (0, _index.setThemes)(cssVars);
+    updateCssVariables(cssVars);
   };
 
   // 复制
@@ -106,7 +139,7 @@ var ProThemeTools = _ref => {
     input.select();
     if (document.execCommand('copy')) {
       document.execCommand('copy');
-      _message2.default.success(`${_locale.default.ProThemeTools.copySuccess}`);
+      _antd.message.success(`${_locale.default.ProThemeTools.copySuccess}`);
     }
     document.body.removeChild(input);
   };
@@ -118,11 +151,6 @@ var ProThemeTools = _ref => {
     var startTime = curThemeConfig === null || curThemeConfig === void 0 ? void 0 : curThemeConfig.startTime;
     // 默认时间间隔
     var duration = (typeof cacheTime === 'number' ? cacheTime : defaultCacheTime) * 86400000;
-
-    // antd4以下版本不支持主题色的动态配置
-    if (!_configProvider.default.config) {
-      return;
-    }
     if (cacheTime && startTime && new Date().getTime() - startTime < duration) {
       var _localThemeConfig;
       var localThemeConfig;
@@ -131,43 +159,47 @@ var ProThemeTools = _ref => {
       ]));
       setState((0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), localThemeConfig));
       (0, _index.setThemes)(cssVariables);
-      _configProvider.default.config({
-        prefixCls,
-        theme: {
-          primaryColor: (_localThemeConfig = localThemeConfig) === null || _localThemeConfig === void 0 ? void 0 : _localThemeConfig.zauiBrand
-        }
+
+      // 更新 Context
+      updateLocalConfig(localThemeConfig);
+      updateCssVariables(cssVariables);
+
+      // 更新 antd 主题
+      var antdConfig = (0, _index.getAntd5ThemeConfig)({
+        'zaui-brand': (_localThemeConfig = localThemeConfig) === null || _localThemeConfig === void 0 ? void 0 : _localThemeConfig.zauiBrand
       });
+      updateAntdConfig(antdConfig);
     } else {
-      (0, _index.setThemes)((0, _index.getMapKebabCase)(state));
-      _configProvider.default.config({
-        prefixCls,
-        theme: {
-          primaryColor: state === null || state === void 0 ? void 0 : state.zauiBrand
-        }
+      var cssVars = (0, _index.getMapKebabCase)(state);
+      (0, _index.setThemes)(cssVars);
+      updateCssVariables(cssVars);
+
+      // 更新 antd 主题
+      var _antdConfig = (0, _index.getAntd5ThemeConfig)({
+        'zaui-brand': state === null || state === void 0 ? void 0 : state.zauiBrand
       });
+      updateAntdConfig(_antdConfig);
     }
   }, []);
 
   // 主题色动态切换
   (0, _react.useEffect)(() => {
     if (visible && zauiBrand) {
-      // antd4以下版本不支持主题色的动态配置
-      if (!_configProvider.default.config) {
-        return;
-      }
-      _configProvider.default.config({
-        theme: {
-          primaryColor: zauiBrand
-        }
+      // 更新 antd 主题
+      var antdConfig = (0, _index.getAntd5ThemeConfig)({
+        'zaui-brand': zauiBrand
       });
+      updateAntdConfig(antdConfig);
     }
-  }, [zauiBrand]);
+  }, [zauiBrand, visible]);
 
   // 斑马纹设置
   (0, _react.useEffect)(() => {
-    (0, _index.setThemes)({
+    var cssVar = {
       'zaui-table-strip-bg': zauiStripe ? '#fafafa' : '#ffffff'
-    });
+    };
+    (0, _index.setThemes)(cssVar);
+    updateCssVariables(cssVar);
   }, [zauiStripe]);
 
   // 表格边框设置
@@ -185,8 +217,23 @@ var ProThemeTools = _ref => {
       localStorage.setItem('themeConfig', JSON.stringify(newThemeConfig));
     }
   }, [state, cacheTime]);
+
+  // 状态变化时同步到 Context
   (0, _ahooks.useUpdateEffect)(() => {
     if (!(0, _lodash.isEqual)(state, previousState) && visible) {
+      // 更新本地配置
+      updateLocalConfig(state);
+
+      // 更新 CSS 变量
+      var cssVars = (0, _index.getMapKebabCase)(state);
+      (0, _index.setThemes)(cssVars);
+      updateCssVariables(cssVars);
+
+      // 更新 antd 主题
+      var antdConfig = (0, _index.getAntd5ThemeConfig)({
+        'zaui-brand': state.zauiBrand
+      });
+      updateAntdConfig(antdConfig);
       onChange === null || onChange === void 0 || onChange(state);
     }
   }, [state]);
@@ -216,12 +263,5 @@ var ProThemeTools = _ref => {
     })]
   }));
 };
-ProThemeTools.defaultProps = {
-  size: 24,
-  mode: 'prd',
-  color: '#343434',
-  iconFollowTheme: false,
-  cacheTime: false
-};
 ProThemeTools.setThemes = _index.setThemes;
-var _default = exports.default = ProThemeTools;
+var _default = exports.default = ProThemeTools; // 导出主题相关组件和类型

package/lib/ProThemeTools/style/index.less

@@ -1,5 +1,3 @@
-@root-entry-name: 'default';
-@import (reference) '~antd/es/style/themes/index.less';
 
 @import '../component/ProTools/style/index.less';
 
@@ -23,7 +21,7 @@
   }
 
   &.pro-theme-tools-follow {
-    background: var(--ant-primary-1);
+    background: var(--ant-primary-1, #e6f7ff);
     svg {
       color: var(--zaui-brand, #006aff);
     }

package/lib/ProThemeTools/utils/index.d.ts

@@ -2,15 +2,25 @@ export interface ThemesProps {
     [key: string]: any;
 }
 /**
- * 取主题配置的mapping值, 返回antd可用的主题配置
- * @param themes
- * @param themeMapping
+ * 将 kebab-case 的主题配置转换为 antd5 的 token 格式
+ * @param themes kebab-case 格式的主题配置
+ * @param themeMapping 自定义映射关系
  */
-export declare const replaceObject: (themes: ThemesProps, themeMapping: ThemesProps) => ThemesProps;
+export declare const convertToAntd5Tokens: (themes: ThemesProps, themeMapping?: ThemesProps) => {
+    token: ThemesProps;
+};
+/**
+ * 设置主题变量 - antd5 兼容版本
+ * 只设置 CSS 变量，不再使用 ConfigProvider.config
+ */
+export declare const setThemes: (themes: ThemesProps) => boolean;
 /**
- * 设置主题变量
+ * 获取 antd5 主题配置
+ * @param themes kebab-case 格式的主题配置
  */
-export declare const setThemes: (themes: ThemesProps, themeMapping?: ThemesProps) => boolean;
+export declare const getAntd5ThemeConfig: (themes: ThemesProps) => {
+    token: ThemesProps;
+};
 /** JS实现驼峰命名与横线命名的转换  */
 export declare const getKebabCase: (str: string) => string;
 /** JS实现对象驼峰命名与横线命名的转换  */

package/lib/ProThemeTools/utils/index.js

@@ -4,56 +4,63 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.setThemes = exports.setTableNoStripe = exports.setTableBorder = exports.replaceObject = exports.getMapKebabCase = exports.getMapHumpCase = exports.getKebabCase = void 0;
-require("antd/es/config-provider/style");
-var _configProvider = _interopRequireDefault(require("antd/es/config-provider"));
+exports.setThemes = exports.setTableNoStripe = exports.setTableBorder = exports.getMapKebabCase = exports.getMapHumpCase = exports.getKebabCase = exports.getAntd5ThemeConfig = exports.convertToAntd5Tokens = void 0;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-/** 主题配置mapping */
-var configProviderMapping = {
-  'zaui-brand': 'primaryColor'
+/** antd5 主题配置 mapping */
+var antd5ConfigMapping = {
+  'zaui-brand': 'colorPrimary'
+  // 可以根据需要添加更多映射
 };
 
 /**
- * 取主题配置的mapping值, 返回antd可用的主题配置
- * @param themes
- * @param themeMapping
+ * 将 kebab-case 的主题配置转换为 antd5 的 token 格式
+ * @param themes kebab-case 格式的主题配置
+ * @param themeMapping 自定义映射关系
  */
-var replaceObject = (themes, themeMapping) => {
-  var result = {};
-  Object.keys(themes).forEach((key, index) => {
+var convertToAntd5Tokens = (themes, themeMapping) => {
+  var mapping = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, antd5ConfigMapping), themeMapping);
+  var tokens = {};
+  Object.keys(themes).forEach(key => {
     var value = themes[key];
-    var mappingKey = themeMapping[key];
+    var mappingKey = mapping[key];
     if (mappingKey) {
-      result[mappingKey] = value;
+      tokens[mappingKey] = value;
     }
   });
-  return result;
+  return {
+    token: tokens
+  };
 };
 
 /**
- * 设置主题变量
+ * 设置主题变量 - antd5 兼容版本
+ * 只设置 CSS 变量，不再使用 ConfigProvider.config
  */
-exports.replaceObject = replaceObject;
-var setThemes = (themes, themeMapping) => {
+exports.convertToAntd5Tokens = convertToAntd5Tokens;
+var setThemes = themes => {
   if (!Object.keys(themes).length) {
     return false;
   }
-  var mapping = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, configProviderMapping), themeMapping);
-  var configProviderThemes = replaceObject(themes, mapping);
-  // 匹配到主题配置执行antd的主题配置
-  if (configProviderThemes && Object.keys(configProviderThemes).length) {
-    _configProvider.default.config({
-      theme: configProviderThemes
-    });
-  }
+
+  // 只设置 CSS 变量，主题配置通过 Context 管理
   var list = Object.entries(themes);
   list.forEach(item => {
     document.documentElement.style.setProperty(`--${item[0]}`, item[1]);
   });
+  return true;
 };
 
-/** JS实现驼峰命名与横线命名的转换  */
+/**
+ * 获取 antd5 主题配置
+ * @param themes kebab-case 格式的主题配置
+ */
 exports.setThemes = setThemes;
+var getAntd5ThemeConfig = themes => {
+  return convertToAntd5Tokens(themes);
+};
+
+/** JS实现驼峰命名与横线命名的转换  */
+exports.getAntd5ThemeConfig = getAntd5ThemeConfig;
 var getKebabCase = str => {
   var temp = str.replace(/[A-Z]/g, i => {
     return `-${i.toLowerCase()}`;

package/lib/ProTooltip/index.js

@@ -5,12 +5,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-require("antd/es/tooltip/style");
-var _tooltip = _interopRequireDefault(require("antd/es/tooltip"));
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _ahooks = require("ahooks");
+var _antd = require("antd");
 var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _utils = require("../utils");
@@ -72,18 +71,20 @@ var ProTooltip = props => {
   var _ref = (_useSize = (0, _ahooks.useSize)(localElement)) !== null && _useSize !== void 0 ? _useSize : {},
     _localSizeWidth = _ref.width;
   var isTable = findTableParent(ref.current);
-  var overlayStyle = mode === 'auto' ? {
+  var rootStyles = mode === 'auto' ? {
     maxWidth: _localSizeWidth
   } : {};
   var multiStyle = isMultiLine ? {
     WebkitLineClamp: line
   } : {};
   var AutoMixinSingle = () => {
-    return isShowToolTip && line === 1 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+    return isShowToolTip && line === 1 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Tooltip, (0, _objectSpread2.default)((0, _objectSpread2.default)({
       title: text,
       getPopupContainer: triggerNode => triggerNode.parentNode
     }, restProps), {}, {
-      overlayStyle: overlayStyle,
+      styles: {
+        root: rootStyles
+      },
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", (0, _objectSpread2.default)((0, _objectSpread2.default)({}, specialProps), {}, {
         style: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, multiStyle), {}, {
           width: localWidth,
@@ -112,11 +113,13 @@ var ProTooltip = props => {
     });
   };
   var AutoMixinMulti = () => {
-    return isShowToolTip && line > 1 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+    return isShowToolTip && line > 1 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Tooltip, (0, _objectSpread2.default)((0, _objectSpread2.default)({
       title: text,
       getPopupContainer: triggerNode => triggerNode.parentNode
     }, restProps), {}, {
-      overlayStyle: overlayStyle,
+      styles: {
+        root: rootStyles
+      },
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", (0, _objectSpread2.default)((0, _objectSpread2.default)({}, specialProps), {}, {
         style: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, multiStyle), {}, {
           width: localWidth,
@@ -250,7 +253,7 @@ var ProTooltip = props => {
     });
   };
   var renderTooltipContent = () => {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Tooltip, (0, _objectSpread2.default)((0, _objectSpread2.default)({
       title: text,
       getPopupContainer: triggerNode => {
         // 修复scrollFollowParent为false时tooltip不显示的问题
@@ -258,7 +261,9 @@ var ProTooltip = props => {
         return scrollFollowParent ? triggerNode.parentNode : document.body;
       }
     }, restProps), {}, {
-      overlayStyle: mode === 'auto' ? overlayStyle : {},
+      styles: {
+        root: mode === 'auto' ? rootStyles : {}
+      },
       children: renderContentBox()
     }));
   };

package/lib/ProTooltip/style/index.less

@@ -1,5 +1,3 @@
-@root-entry-name: 'default';
-@import (reference) '~antd/es/style/themes/index.less';
 
 .pro-tooltip {
   cursor: pointer;

package/lib/ProTree/components/AdaptiveTooltip.js

@@ -1,16 +1,14 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-require("antd/es/tooltip/style");
-var _tooltip = _interopRequireDefault(require("antd/es/tooltip"));
+var _antd = require("antd");
 var _jsxRuntime = require("react/jsx-runtime");
 var AdaptiveTooltip = _ref => {
   var children = _ref.children;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.default, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Tooltip, {
     placement: "rightTop",
     title: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       onMouseDown: e => e.stopPropagation(),

package/lib/ProTree/components/List.js

@@ -5,11 +5,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-require("antd/es/checkbox/style");
-var _checkbox = _interopRequireDefault(require("antd/es/checkbox"));
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = require("react");
+var _antd = require("antd");
 var _SearchTitle = _interopRequireDefault(require("./SearchTitle"));
 var _CloseIcon = _interopRequireDefault(require("./CloseIcon"));
 var _jsxRuntime = require("react/jsx-runtime");
@@ -31,7 +30,7 @@ function List(props) {
   var fieldNameValue = fieldNames.value;
   if (mode === 'render') {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkbox.default.Group, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Checkbox.Group, {
         disabled: disabled,
         style: {
           width: '100%'
@@ -41,7 +40,7 @@ function List(props) {
           var title = showCodeName ? `${item[fieldNameValue]}-${item[fieldNameLabel]}` : item[fieldNameLabel];
           return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
             className: "pro-tree-checkbox-content",
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkbox.default, {
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Checkbox, {
               onChange: e => handleOnChange(e, item[fieldNameValue]),
               value: item[fieldNameValue],
               disabled: item.disabled,

package/lib/ProTree/components/ProTree.js

@@ -5,16 +5,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-require("antd/es/spin/style");
-var _spin = _interopRequireDefault(require("antd/es/spin"));
-require("antd/es/checkbox/style");
-var _checkbox = _interopRequireDefault(require("antd/es/checkbox"));
-require("antd/es/input/style");
-var _input = _interopRequireDefault(require("antd/es/input"));
 var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-require("antd/es/message/style");
-var _message2 = _interopRequireDefault(require("antd/es/message"));
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
@@ -22,6 +14,7 @@ var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _icons = require("@ant-design/icons");
 var _ahooks = require("ahooks");
+var _antd = require("antd");
 var _lodash = require("lodash");
 var _reactSvg = require("react-svg");
 var _ProConfigProvider = require("../../ProConfigProvider");
@@ -123,7 +116,7 @@ var ProTree = props => {
           msg = res.message,
           data = res.data;
         if (status !== 200) {
-          _message2.default.error(msg);
+          _antd.message.error(msg);
           return;
         }
         var _flatTrees = (0, _utils.getFlatTreeData)(data, fieldNames);
@@ -432,14 +425,14 @@ var ProTree = props => {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: boxClass,
     style: style,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_spin.default, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Spin, {
       spinning: state.clickShowLoading,
       indicator: antIcon,
       children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         className: "pro-tree-content",
         children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
           className: "pro-tree-header-box",
-          children: [showSearch && /*#__PURE__*/(0, _jsxRuntime.jsx)(_input.default, {
+          children: [showSearch && /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Input, {
             disabled: disabled,
             allowClear: true,
             value: state.searchStr,
@@ -487,7 +480,7 @@ var ProTree = props => {
           className: allValue || footer ? 'pro-tree-footer-box' : '',
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
             className: "check-all-box",
-            children: allValue !== undefined ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkbox.default, {
+            children: allValue !== undefined ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Checkbox, {
               checked: state.checkAll,
               disabled: disabled,
               onChange: handleAllCheck,