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

package/es/ProTabs/components/Card/index.js

@@ -1,9 +1,4 @@
-import "antd/es/tag/style";
-import _Tag from "antd/es/tag";
-import "antd/es/space/style";
-import _Space from "antd/es/space";
-import "antd/es/spin/style";
-import _Spin from "antd/es/spin";
+import { Space, Tag, Spin } from 'antd';
 import { LoadingOutlined } from '@ant-design/icons';
 import { tools } from '@zat-design/utils';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -23,14 +18,14 @@ var Card = props => {
   });
   return /*#__PURE__*/_jsx("div", {
     className: "pro-tabs-card",
-    children: mode === 'card' ? /*#__PURE__*/_jsxs(_Space, {
+    children: mode === 'card' ? /*#__PURE__*/_jsxs(Space, {
       size: 8,
       align: size === 'small' ? 'start' : 'center',
       children: [/*#__PURE__*/_jsxs("div", {
         className: "pro-tabs-card-left",
         children: [/*#__PURE__*/_jsx("div", {
           className: "pro-tabs-card-left-total",
-          children: loading ? /*#__PURE__*/_jsx(_Spin, {
+          children: loading ? /*#__PURE__*/_jsx(Spin, {
             indicator: antIcon
           }) : tools.formatAmount(total, 0) || 0
         }), /*#__PURE__*/_jsx("div", {
@@ -41,10 +36,10 @@ var Card = props => {
         className: "pro-tabs-card-right",
         children: icon || '-'
       })]
-    }) : /*#__PURE__*/_jsxs(_Space, {
+    }) : /*#__PURE__*/_jsxs(Space, {
       size: 8,
       align: "center",
-      children: [label, /*#__PURE__*/_jsx(_Tag, {
+      children: [label, /*#__PURE__*/_jsx(Tag, {
         color: "#FF5050",
         children: total >= 100 ? '99+' : total || 0
       })]

package/es/ProTabs/index.js

@@ -1,11 +1,10 @@
-import "antd/es/tabs/style";
-import _Tabs from "antd/es/tabs";
 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 = ["style", "className", "dataSource", "onChange", "transformResponse", "useRequest", "tabSearch", "mode"];
 /* eslint-disable @typescript-eslint/consistent-type-assertions */
 import React, { useMemo, useState, forwardRef, useImperativeHandle } from 'react';
+import { Tabs } from 'antd';
 import { useDeepCompareEffect, useRequest as useRequestFunc } from 'ahooks';
 import classNames from 'classnames';
 import { omit } from 'lodash';
@@ -109,7 +108,7 @@ var ProTabs = (props, ref) => {
   return /*#__PURE__*/_jsx("div", {
     style: style,
     className: cls,
-    children: /*#__PURE__*/_jsx(_Tabs, _objectSpread(_objectSpread({
+    children: /*#__PURE__*/_jsx(Tabs, _objectSpread(_objectSpread({
       animated: false
     }, rest), {}, {
       items: _items,

package/es/ProTabs/style/index.less

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

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,
@@ -74,7 +67,8 @@ var ProTools = _ref => {
           theme: {
             primaryColor: zauiBrand,
             qiankunPrimaryColor: config === null || config === void 0 || (_config$theme = config.theme) === null || _config$theme === void 0 ? void 0 : _config$theme.qiankunPrimaryColor
-          }
+          },
+          forms: {}
         }
       });
     }
@@ -123,7 +117,8 @@ var ProTools = _ref => {
                   theme: {
                     primaryColor: item.color,
                     qiankunPrimaryColor: item.color
-                  }
+                  },
+                  forms: {}
                 }
               });
             },
@@ -140,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), {}, {
@@ -150,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]}`
           })]
@@ -171,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), {}, {
@@ -185,14 +180,15 @@ var ProTools = _ref => {
               payload: {
                 ProForm: {
                   labelAlign: e.target.value
-                }
+                },
+                forms: {}
               }
             });
           },
-          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]}`
           })]
@@ -207,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,
@@ -230,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,
@@ -245,7 +241,7 @@ var ProTools = _ref => {
           }
         })
       })]
-    }), /*#__PURE__*/_jsx(_Button, {
+    }), /*#__PURE__*/_jsx(Button, {
       className: "copy-btn",
       onClick: () => {
         setActive([{

package/es/ProThemeTools/context/ThemeContext.d.ts

@@ -0,0 +1,31 @@
+import React, { ReactNode } from 'react';
+import type { LocalThemeConfigType } from '../propsType';
+export interface AntdThemeConfigType {
+    token?: {
+        colorPrimary?: string;
+        [key: string]: any;
+    };
+    components?: {
+        [key: string]: any;
+    };
+}
+export interface ThemeStateType {
+    localConfig: LocalThemeConfigType;
+    antdConfig: AntdThemeConfigType;
+    cssVariables: Record<string, any>;
+}
+interface ThemeContextType {
+    state: ThemeStateType;
+    updateLocalConfig: (config: Partial<LocalThemeConfigType>) => void;
+    updateAntdConfig: (config: AntdThemeConfigType) => void;
+    updateCssVariables: (variables: Record<string, any>) => void;
+    resetTheme: () => void;
+    loadFromCache: (cacheState: ThemeStateType) => void;
+}
+declare const defaultThemeConfig: LocalThemeConfigType;
+interface ThemeProviderProps {
+    children: ReactNode;
+}
+export declare const ThemeProvider: React.FC<ThemeProviderProps>;
+export declare const useTheme: () => ThemeContextType;
+export { defaultThemeConfig };

package/es/ProThemeTools/context/ThemeContext.js

@@ -0,0 +1,136 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import React, { createContext, useContext, useReducer, useCallback } from 'react';
+
+// antd5 主题配置接口
+
+// 主题状态接口
+
+// Action 类型
+
+// Context 接口
+import { jsx as _jsx } from "react/jsx-runtime";
+// 默认主题配置
+var defaultThemeConfig = {
+  zauiBrand: '#006AFF',
+  zauiText: '#343434',
+  zauiFontSize: '14px',
+  zauiFormAlign: 'left',
+  zauiFormRequiredBefore: 'none',
+  zauiFormRequiredAfter: 'inline',
+  zauiSize: 1,
+  zauiSpaceSizeLg: '32px',
+  zauiSpaceSizeMd: '16px',
+  zauiBigText: false,
+  zauiBaseFontSize: '0px',
+  zauiTableBorder: false,
+  zauiStripe: true
+};
+
+// 初始状态
+var initialState = {
+  localConfig: defaultThemeConfig,
+  antdConfig: {
+    token: {
+      colorPrimary: '#006AFF'
+    }
+  },
+  cssVariables: {}
+};
+
+// Reducer 函数
+function themeReducer(state, action) {
+  switch (action.type) {
+    case 'UPDATE_LOCAL_CONFIG':
+      return _objectSpread(_objectSpread({}, state), {}, {
+        localConfig: _objectSpread(_objectSpread({}, state.localConfig), action.payload)
+      });
+    case 'UPDATE_ANTD_CONFIG':
+      return _objectSpread(_objectSpread({}, state), {}, {
+        antdConfig: action.payload
+      });
+    case 'UPDATE_CSS_VARIABLES':
+      return _objectSpread(_objectSpread({}, state), {}, {
+        cssVariables: _objectSpread(_objectSpread({}, state.cssVariables), action.payload)
+      });
+    case 'RESET_THEME':
+      return _objectSpread(_objectSpread({}, initialState), {}, {
+        localConfig: defaultThemeConfig,
+        antdConfig: {
+          token: {
+            colorPrimary: defaultThemeConfig.zauiBrand
+          }
+        }
+      });
+    case 'LOAD_FROM_CACHE':
+      return action.payload;
+    default:
+      return state;
+  }
+}
+
+// 创建 Context
+var ThemeContext = /*#__PURE__*/createContext(undefined);
+
+// Provider 组件
+
+export var ThemeProvider = _ref => {
+  var children = _ref.children;
+  var _useReducer = useReducer(themeReducer, initialState),
+    _useReducer2 = _slicedToArray(_useReducer, 2),
+    state = _useReducer2[0],
+    dispatch = _useReducer2[1];
+  var updateLocalConfig = useCallback(config => {
+    dispatch({
+      type: 'UPDATE_LOCAL_CONFIG',
+      payload: config
+    });
+  }, []);
+  var updateAntdConfig = useCallback(config => {
+    dispatch({
+      type: 'UPDATE_ANTD_CONFIG',
+      payload: config
+    });
+  }, []);
+  var updateCssVariables = useCallback(variables => {
+    dispatch({
+      type: 'UPDATE_CSS_VARIABLES',
+      payload: variables
+    });
+  }, []);
+  var resetTheme = useCallback(() => {
+    dispatch({
+      type: 'RESET_THEME'
+    });
+  }, []);
+  var loadFromCache = useCallback(cacheState => {
+    dispatch({
+      type: 'LOAD_FROM_CACHE',
+      payload: cacheState
+    });
+  }, []);
+  var contextValue = {
+    state,
+    updateLocalConfig,
+    updateAntdConfig,
+    updateCssVariables,
+    resetTheme,
+    loadFromCache
+  };
+  return /*#__PURE__*/_jsx(ThemeContext.Provider, {
+    value: contextValue,
+    children: children
+  });
+};
+
+// Hook for using theme context
+export var useTheme = () => {
+  var context = useContext(ThemeContext);
+  if (context === undefined) {
+    throw new Error('useTheme must be used within a ThemeProvider');
+  }
+  return context;
+};
+
+// 导出默认配置
+export { defaultThemeConfig };

package/es/ProThemeTools/index.d.ts

@@ -1,13 +1,9 @@
 import type { ProThemeToolsType } from './propsType';
 declare const ProThemeTools: {
     ({ size, className, cacheTime, color, mode, iconFollowTheme, prefixCls, tableBorder, tableStripe, theme, onChange, ...props }: ProThemeToolsType): import("react/jsx-runtime").JSX.Element;
-    defaultProps: {
-        size: number;
-        mode: string;
-        color: string;
-        iconFollowTheme: boolean;
-        cacheTime: boolean;
-    };
-    setThemes: (themes: import("./utils/index").ThemesProps, themeMapping?: import("./utils/index").ThemesProps) => boolean;
+    setThemes: (themes: import("./utils/index").ThemesProps) => boolean;
 };
 export default ProThemeTools;
+export { ThemeProvider, useTheme } from './context/ThemeContext';
+export type { AntdThemeConfigType, ThemeStateType } from './context/ThemeContext';
+export type { LocalThemeConfigType, ProThemeToolsType } from './propsType';

package/es/ProThemeTools/index.js

@@ -1,21 +1,19 @@
-import "antd/es/config-provider/style";
-import _ConfigProvider from "antd/es/config-provider";
-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';
 import { isEqual } from 'lodash';
 import classnames from 'classnames';
-import { getKebabCase, setThemes, setTableBorder, getMapKebabCase, getMapHumpCase } from "./utils/index";
+import { getKebabCase, setThemes, setTableBorder, getMapKebabCase, getMapHumpCase, getAntd5ThemeConfig } from "./utils/index";
 import settingSvg from "../assets/setting.svg";
 import { ProTools } from "./component";
 import locale from "../locale";
+import { useTheme } from "./context/ThemeContext";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var defaultCacheTime = 1; // 配置保存时间为一天
@@ -43,12 +41,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,
@@ -63,6 +66,10 @@ var ProThemeTools = _ref => {
     _useToggle2 = _slicedToArray(_useToggle, 2),
     visible = _useToggle2[0],
     toggle = _useToggle2[1].toggle;
+  var _useTheme = useTheme(),
+    updateLocalConfig = _useTheme.updateLocalConfig,
+    updateAntdConfig = _useTheme.updateAntdConfig,
+    updateCssVariables = _useTheme.updateCssVariables;
   var _useState = useState(_objectSpread(_objectSpread({}, defaultThemeConfig), getMapHumpCase(theme))),
     _useState2 = _slicedToArray(_useState, 2),
     state = _useState2[0],
@@ -74,8 +81,20 @@ var ProThemeTools = _ref => {
 
   // 重置
   var onReset = () => {
-    setState(_objectSpread(_objectSpread({}, state), defaultThemeConfig));
-    setThemes({
+    var resetConfig = _objectSpread(_objectSpread({}, state), defaultThemeConfig);
+    setState(resetConfig);
+
+    // 更新 Context
+    updateLocalConfig(resetConfig);
+
+    // 更新 antd 主题
+    var antdConfig = getAntd5ThemeConfig({
+      'zaui-brand': '#006AFF'
+    });
+    updateAntdConfig(antdConfig);
+
+    // 设置 CSS 变量
+    var cssVars = {
       'zaui-brand': '#006AFF',
       'zaui-text': '#343434',
       'zaui-form-required-after': 'inline',
@@ -88,7 +107,9 @@ var ProThemeTools = _ref => {
       'zaui-big-text': false,
       'zaui-table-border': false,
       'zaui-stripe': true
-    });
+    };
+    setThemes(cssVars);
+    updateCssVariables(cssVars);
   };
 
   // 复制
@@ -100,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);
   };
@@ -112,11 +133,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.config) {
-      return;
-    }
     if (cacheTime && startTime && new Date().getTime() - startTime < duration) {
       var _localThemeConfig;
       var localThemeConfig;
@@ -125,43 +141,47 @@ var ProThemeTools = _ref => {
       ]));
       setState(_objectSpread(_objectSpread({}, state), localThemeConfig));
       setThemes(cssVariables);
-      _ConfigProvider.config({
-        prefixCls,
-        theme: {
-          primaryColor: (_localThemeConfig = localThemeConfig) === null || _localThemeConfig === void 0 ? void 0 : _localThemeConfig.zauiBrand
-        }
+
+      // 更新 Context
+      updateLocalConfig(localThemeConfig);
+      updateCssVariables(cssVariables);
+
+      // 更新 antd 主题
+      var antdConfig = getAntd5ThemeConfig({
+        'zaui-brand': (_localThemeConfig = localThemeConfig) === null || _localThemeConfig === void 0 ? void 0 : _localThemeConfig.zauiBrand
       });
+      updateAntdConfig(antdConfig);
     } else {
-      setThemes(getMapKebabCase(state));
-      _ConfigProvider.config({
-        prefixCls,
-        theme: {
-          primaryColor: state === null || state === void 0 ? void 0 : state.zauiBrand
-        }
+      var cssVars = getMapKebabCase(state);
+      setThemes(cssVars);
+      updateCssVariables(cssVars);
+
+      // 更新 antd 主题
+      var _antdConfig = getAntd5ThemeConfig({
+        'zaui-brand': state === null || state === void 0 ? void 0 : state.zauiBrand
       });
+      updateAntdConfig(_antdConfig);
     }
   }, []);
 
   // 主题色动态切换
   useEffect(() => {
     if (visible && zauiBrand) {
-      // antd4以下版本不支持主题色的动态配置
-      if (!_ConfigProvider.config) {
-        return;
-      }
-      _ConfigProvider.config({
-        theme: {
-          primaryColor: zauiBrand
-        }
+      // 更新 antd 主题
+      var antdConfig = getAntd5ThemeConfig({
+        'zaui-brand': zauiBrand
       });
+      updateAntdConfig(antdConfig);
     }
-  }, [zauiBrand]);
+  }, [zauiBrand, visible]);
 
   // 斑马纹设置
   useEffect(() => {
-    setThemes({
+    var cssVar = {
       'zaui-table-strip-bg': zauiStripe ? '#fafafa' : '#ffffff'
-    });
+    };
+    setThemes(cssVar);
+    updateCssVariables(cssVar);
   }, [zauiStripe]);
 
   // 表格边框设置
@@ -179,8 +199,23 @@ var ProThemeTools = _ref => {
       localStorage.setItem('themeConfig', JSON.stringify(newThemeConfig));
     }
   }, [state, cacheTime]);
+
+  // 状态变化时同步到 Context
   useUpdateEffect(() => {
     if (!isEqual(state, previousState) && visible) {
+      // 更新本地配置
+      updateLocalConfig(state);
+
+      // 更新 CSS 变量
+      var cssVars = getMapKebabCase(state);
+      setThemes(cssVars);
+      updateCssVariables(cssVars);
+
+      // 更新 antd 主题
+      var antdConfig = getAntd5ThemeConfig({
+        'zaui-brand': state.zauiBrand
+      });
+      updateAntdConfig(antdConfig);
       onChange === null || onChange === void 0 || onChange(state);
     }
   }, [state]);
@@ -210,12 +245,8 @@ var ProThemeTools = _ref => {
     })]
   }));
 };
-ProThemeTools.defaultProps = {
-  size: 24,
-  mode: 'prd',
-  color: '#343434',
-  iconFollowTheme: false,
-  cacheTime: false
-};
 ProThemeTools.setThemes = setThemes;
-export default ProThemeTools;
+export default ProThemeTools;
+
+// 导出主题相关组件和类型
+export { ThemeProvider, useTheme } from "./context/ThemeContext";

package/es/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/es/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实现对象驼峰命名与横线命名的转换  */