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

package/es/ProTable/propsType.d.ts

@@ -1,9 +1,7 @@
 import { Key, ReactNode } from 'react';
-import { TableProps } from 'antd/es/table/Table';
+import type { TableProps, FormInstance, TooltipProps } from 'antd';
 import { NamePath } from 'antd/es/form/interface';
 import { ColumnType, GetRowKey, RowSelectionType } from 'antd/es/table/interface';
-import { FormInstance } from 'antd';
-import type { TooltipProps } from 'antd';
 import type { TabsProps } from 'antd/es/tabs';
 /**
  * 合计栏的每列配置参数

package/es/ProTable/style/index.less

@@ -1,5 +1,5 @@
-@root-entry-name: 'default';
-@import (reference) '~antd/es/style/themes/index.less';
+/* @root-entry-name: 'default'; */
+/* @import (reference) '~antd/es/style/themes/index.less'; */
 
 .pro-table {
   .pro-tooltip .singleLine {
@@ -97,10 +97,10 @@
     }
   }
   .drag-wrapper {
-    display: flex;
-    width: 20px;
+    display: inline-flex;
+    width: auto;
+    margin-right: 8px;
     .anticon {
-      margin-right: 12px;
       cursor: pointer;
       .drag-icon {
         margin-right: 0;

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

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

package/es/ProTabs/index.js

@@ -1,5 +1,3 @@
-import "antd/es/tabs/style";
-import _Tabs from "antd/es/tabs";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
@@ -9,6 +7,7 @@ var _excluded = ["style", "className", "dataSource", "onChange", "transformRespo
 import { jsx as _jsx } from "react/jsx-runtime";
 /* eslint-disable @typescript-eslint/consistent-type-assertions */
 import { useMemo, useState, forwardRef, useImperativeHandle } from 'react';
+import { Tabs } from 'antd';
 import { useDeepCompareEffect, useRequest as useRequestFunc } from 'ahooks';
 import classNames from 'classnames';
 import { Card } from './components';
@@ -99,7 +98,7 @@ var ProTabs = function ProTabs(props, ref) {
   return _jsx("div", {
     style: style,
     className: cls,
-    children: _jsx(_Tabs, _objectSpread(_objectSpread({
+    children: _jsx(Tabs, _objectSpread(_objectSpread({
       animated: false
     }, rest), {}, {
       items: _items,

package/es/ProTabs/style/index.less

@@ -1,5 +1,5 @@
-@root-entry-name: 'default';
-@import (reference) '~antd/es/style/themes/index.less';
+/* @root-entry-name: 'default'; */
+/* @import (reference) '~antd/es/style/themes/index.less'; */
 
 .pro-tabs {
   .@{ant-prefix}-tabs .@{ant-prefix}-tabs-nav-list .@{ant-prefix}-tabs-tab {

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

@@ -1,15 +1,8 @@
-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 { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { CheckOutlined, CloseOutlined } from '@ant-design/icons';
+import { Button, Drawer, Radio, Switch } from 'antd';
 import { useState, useEffect } from 'react';
 import { setThemes } from '../../utils/index';
 import { useProConfig } from '../../../ProConfigProvider';
@@ -20,7 +13,7 @@ var connect = function connect(Component) {
   };
   return ComponentWrapper;
 };
-var NewDrawer = connect(_Drawer);
+var NewDrawer = connect(Drawer);
 var ProTools = function ProTools(_ref) {
   var onReset = _ref.onReset,
     onClose = _ref.onClose,
@@ -73,7 +66,8 @@ var ProTools = function ProTools(_ref) {
           theme: {
             primaryColor: zauiBrand,
             qiankunPrimaryColor: config === null || config === void 0 ? void 0 : (_config$theme = config.theme) === null || _config$theme === void 0 ? void 0 : _config$theme.qiankunPrimaryColor
-          }
+          },
+          forms: {}
         }
       });
     }
@@ -122,7 +116,8 @@ var ProTools = function ProTools(_ref) {
                   theme: {
                     primaryColor: item.color,
                     qiankunPrimaryColor: item.color
-                  }
+                  },
+                  forms: {}
                 }
               });
             },
@@ -139,7 +134,7 @@ var ProTools = function ProTools(_ref) {
         })
       }), _jsx("div", {
         className: "pro-theme-tools-item",
-        children: _jsxs(_Radio.Group, {
+        children: _jsxs(Radio.Group, {
           value: state.zauiSize,
           onChange: function onChange(e) {
             setState(_objectSpread(_objectSpread({}, state), {}, {
@@ -149,13 +144,13 @@ var ProTools = function ProTools(_ref) {
               'zaui-size': e.target.value
             });
           },
-          children: [_jsx(_Radio.Button, {
+          children: [_jsx(Radio.Button, {
             value: 0.5,
             children: "".concat(locale.ProThemeTools.layoutMode[0])
-          }), _jsx(_Radio.Button, {
+          }), _jsx(Radio.Button, {
             value: 1,
             children: "".concat(locale.ProThemeTools.layoutMode[1])
-          }), _jsx(_Radio.Button, {
+          }), _jsx(Radio.Button, {
             value: 1.5,
             children: "".concat(locale.ProThemeTools.layoutMode[2])
           })]
@@ -170,7 +165,7 @@ var ProTools = function ProTools(_ref) {
         })
       }), _jsx("div", {
         className: "pro-theme-tools-item",
-        children: _jsxs(_Radio.Group, {
+        children: _jsxs(Radio.Group, {
           value: state.zauiFormAlign,
           onChange: function onChange(e) {
             setState(_objectSpread(_objectSpread({}, state), {}, {
@@ -184,14 +179,15 @@ var ProTools = function ProTools(_ref) {
               payload: {
                 ProForm: {
                   labelAlign: e.target.value
-                }
+                },
+                forms: {}
               }
             });
           },
-          children: [_jsx(_Radio.Button, {
+          children: [_jsx(Radio.Button, {
             value: "left",
             children: "".concat(locale.ProThemeTools.flex[0])
-          }), _jsx(_Radio.Button, {
+          }), _jsx(Radio.Button, {
             value: "right",
             children: "".concat(locale.ProThemeTools.flex[1])
           })]
@@ -206,7 +202,7 @@ var ProTools = function ProTools(_ref) {
         })
       }), _jsx("div", {
         className: "pro-theme-tools-item",
-        children: _jsx(_Switch, {
+        children: _jsx(Switch, {
           checkedChildren: "".concat(locale.ProThemeTools.switchText[0]),
           unCheckedChildren: "".concat(locale.ProThemeTools.switchText[1]),
           checked: state.zauiTableBorder,
@@ -229,7 +225,7 @@ var ProTools = function ProTools(_ref) {
         })
       }), _jsx("div", {
         className: "pro-theme-tools-item",
-        children: _jsx(_Switch, {
+        children: _jsx(Switch, {
           checkedChildren: "".concat(locale.ProThemeTools.switchText[0]),
           unCheckedChildren: "".concat(locale.ProThemeTools.switchText[1]),
           checked: state.zauiStripe,
@@ -244,7 +240,7 @@ var ProTools = function ProTools(_ref) {
           }
         })
       })]
-    }), _jsx(_Button, {
+    }), _jsx(Button, {
       className: "copy-btn",
       onClick: function 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,120 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext, useReducer, useCallback } from 'react';
+// 默认主题配置
+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);
+export var ThemeProvider = function ThemeProvider(_ref) {
+  var children = _ref.children;
+  var _useReducer = useReducer(themeReducer, initialState),
+    _useReducer2 = _slicedToArray(_useReducer, 2),
+    state = _useReducer2[0],
+    dispatch = _useReducer2[1];
+  var updateLocalConfig = useCallback(function (config) {
+    dispatch({
+      type: 'UPDATE_LOCAL_CONFIG',
+      payload: config
+    });
+  }, []);
+  var updateAntdConfig = useCallback(function (config) {
+    dispatch({
+      type: 'UPDATE_ANTD_CONFIG',
+      payload: config
+    });
+  }, []);
+  var updateCssVariables = useCallback(function (variables) {
+    dispatch({
+      type: 'UPDATE_CSS_VARIABLES',
+      payload: variables
+    });
+  }, []);
+  var resetTheme = useCallback(function () {
+    dispatch({
+      type: 'RESET_THEME'
+    });
+  }, []);
+  var loadFromCache = useCallback(function (cacheState) {
+    dispatch({
+      type: 'LOAD_FROM_CACHE',
+      payload: cacheState
+    });
+  }, []);
+  var contextValue = {
+    state: state,
+    updateLocalConfig: updateLocalConfig,
+    updateAntdConfig: updateAntdConfig,
+    updateCssVariables: updateCssVariables,
+    resetTheme: resetTheme,
+    loadFromCache: loadFromCache
+  };
+  return _jsx(ThemeContext.Provider, {
+    value: contextValue,
+    children: children
+  });
+};
+// Hook for using theme context
+export var useTheme = function 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

@@ -8,6 +8,9 @@ declare const ProThemeTools: {
         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,8 +1,4 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-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";
@@ -10,15 +6,16 @@ import _isEqual from "lodash/isEqual";
 var _excluded = ["size", "className", "cacheTime", "color", "mode", "iconFollowTheme", "prefixCls", "tableBorder", "tableStripe", "theme", "onChange"];
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /* 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 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';
 var defaultCacheTime = 1; // 配置保存时间为一天
 var defaultThemeConfig = {
   zauiBrand: '#006AFF',
@@ -56,6 +53,10 @@ var ProThemeTools = function 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],
@@ -66,8 +67,17 @@ var ProThemeTools = function ProThemeTools(_ref) {
     zauiTableBorder = state.zauiTableBorder;
   // 重置
   var onReset = function 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',
@@ -80,7 +90,9 @@ var ProThemeTools = function ProThemeTools(_ref) {
       'zaui-big-text': false,
       'zaui-table-border': false,
       'zaui-stripe': true
-    });
+    };
+    setThemes(cssVars);
+    updateCssVariables(cssVars);
   };
   // 复制
   var onCopy = function onCopy() {
@@ -91,7 +103,7 @@ var ProThemeTools = function ProThemeTools(_ref) {
     input.select();
     if (document.execCommand('copy')) {
       document.execCommand('copy');
-      _message.success("".concat(locale.ProThemeTools.copySuccess));
+      message.success("".concat(locale.ProThemeTools.copySuccess));
     }
     document.body.removeChild(input);
   };
@@ -102,10 +114,6 @@ var ProThemeTools = function 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;
@@ -116,41 +124,42 @@ var ProThemeTools = function ProThemeTools(_ref) {
       }));
       setState(_objectSpread(_objectSpread({}, state), localThemeConfig));
       setThemes(cssVariables);
-      _ConfigProvider.config({
-        prefixCls: 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: 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(function () {
     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(function () {
-    setThemes({
+    var cssVar = {
       'zaui-table-strip-bg': zauiStripe ? '#fafafa' : '#ffffff'
-    });
+    };
+    setThemes(cssVar);
+    updateCssVariables(cssVar);
   }, [zauiStripe]);
   // 表格边框设置
   useEffect(function () {
@@ -166,8 +175,20 @@ var ProThemeTools = function ProThemeTools(_ref) {
       localStorage.setItem('themeConfig', JSON.stringify(newThemeConfig));
     }
   }, [state, cacheTime]);
+  // 状态变化时同步到 Context
   useUpdateEffect(function () {
     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 ? void 0 : onChange(state);
     }
   }, [state]);
@@ -204,4 +225,6 @@ ProThemeTools.defaultProps = {
   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,5 @@
-@root-entry-name: 'default';
-@import (reference) '~antd/es/style/themes/index.less';
+/* @root-entry-name: 'default'; */
+/* @import (reference) '~antd/es/style/themes/index.less'; */
 
 @import '../component/ProTools/style/index.less';
 
@@ -23,7 +23,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实现对象驼峰命名与横线命名的转换  */