@zat-design/sisyphus-react 3.13.14-deta.2 → 4.0.0-beta.3

package/lib/ProThemeTools/context/ThemeContext.js

@@ -0,0 +1,135 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/ProThemeTools/context/ThemeContext.tsx
+var ThemeContext_exports = {};
+__export(ThemeContext_exports, {
+  ThemeProvider: () => ThemeProvider,
+  defaultThemeConfig: () => defaultThemeConfig,
+  useTheme: () => useTheme
+});
+module.exports = __toCommonJS(ThemeContext_exports);
+var import_react = __toESM(require("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: {}
+};
+function themeReducer(state, action) {
+  switch (action.type) {
+    case "UPDATE_LOCAL_CONFIG":
+      return {
+        ...state,
+        localConfig: { ...state.localConfig, ...action.payload }
+      };
+    case "UPDATE_ANTD_CONFIG":
+      return {
+        ...state,
+        antdConfig: action.payload
+      };
+    case "UPDATE_CSS_VARIABLES":
+      return {
+        ...state,
+        cssVariables: { ...state.cssVariables, ...action.payload }
+      };
+    case "RESET_THEME":
+      return {
+        ...initialState,
+        localConfig: defaultThemeConfig,
+        antdConfig: {
+          token: {
+            colorPrimary: defaultThemeConfig.zauiBrand
+          }
+        }
+      };
+    case "LOAD_FROM_CACHE":
+      return action.payload;
+    default:
+      return state;
+  }
+}
+var ThemeContext = (0, import_react.createContext)(void 0);
+var ThemeProvider = ({ children }) => {
+  const [state, dispatch] = (0, import_react.useReducer)(themeReducer, initialState);
+  const updateLocalConfig = (0, import_react.useCallback)((config) => {
+    dispatch({ type: "UPDATE_LOCAL_CONFIG", payload: config });
+  }, []);
+  const updateAntdConfig = (0, import_react.useCallback)((config) => {
+    dispatch({ type: "UPDATE_ANTD_CONFIG", payload: config });
+  }, []);
+  const updateCssVariables = (0, import_react.useCallback)((variables) => {
+    dispatch({ type: "UPDATE_CSS_VARIABLES", payload: variables });
+  }, []);
+  const resetTheme = (0, import_react.useCallback)(() => {
+    dispatch({ type: "RESET_THEME" });
+  }, []);
+  const loadFromCache = (0, import_react.useCallback)((cacheState) => {
+    dispatch({ type: "LOAD_FROM_CACHE", payload: cacheState });
+  }, []);
+  const contextValue = {
+    state,
+    updateLocalConfig,
+    updateAntdConfig,
+    updateCssVariables,
+    resetTheme,
+    loadFromCache
+  };
+  return /* @__PURE__ */ import_react.default.createElement(ThemeContext.Provider, { value: contextValue }, children);
+};
+var useTheme = () => {
+  const context = (0, import_react.useContext)(ThemeContext);
+  if (context === void 0) {
+    throw new Error("useTheme must be used within a ThemeProvider");
+  }
+  return context;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ThemeProvider,
+  defaultThemeConfig,
+  useTheme
+});

package/lib/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/lib/ProThemeTools/index.js

@@ -1,213 +1,240 @@
-"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
+// src/ProThemeTools/index.tsx
+var ProThemeTools_exports = {};
+__export(ProThemeTools_exports, {
+  ThemeProvider: () => import_ThemeContext2.ThemeProvider,
+  default: () => ProThemeTools_default,
+  useTheme: () => import_ThemeContext2.useTheme
 });
-exports.default = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-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"));
-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 _isEqual2 = _interopRequireDefault(require("lodash/isEqual"));
-var _jsxRuntime = require("react/jsx-runtime");
-var _react = require("react");
-var _ahooks = require("ahooks");
-var _reactSvg = require("react-svg");
-var _classnames2 = _interopRequireDefault(require("classnames"));
-var _index = require("./utils/index");
-var _setting = _interopRequireDefault(require("../assets/setting.svg"));
-var _component = require("./component");
-var _locale = _interopRequireDefault(require("../locale"));
-var _excluded = ["size", "className", "cacheTime", "color", "mode", "iconFollowTheme", "prefixCls", "tableBorder", "tableStripe", "theme", "onChange"];
-/* eslint-disable prefer-const */
-var defaultCacheTime = 1; // 配置保存时间为一天
+module.exports = __toCommonJS(ProThemeTools_exports);
+var import_antd = require("antd");
+var import_react = require("react");
+var import_ahooks = require("ahooks");
+var import_react_svg = require("react-svg");
+var import_lodash = require("lodash");
+var import_classnames = __toESM(require("classnames"));
+var import_utils = require("./utils/index");
+var import_setting = __toESM(require("../assets/setting.svg"));
+var import_component = require("./component");
+var import_locale = __toESM(require("../locale"));
+var import_ThemeContext = require("./context/ThemeContext");
+var import_ThemeContext2 = require("./context/ThemeContext");
+var defaultCacheTime = 1;
 var defaultThemeConfig = {
-  zauiBrand: '#006AFF',
-  zauiText: '#343434',
-  zauiFontSize: '14px',
-  zauiFormAlign: 'left',
-  zauiFormRequiredBefore: 'none',
-  zauiFormRequiredAfter: 'inline',
+  zauiBrand: "#006AFF",
+  // 主题颜色
+  zauiText: "#343434",
+  zauiFontSize: "14px",
+  zauiFormAlign: "left",
+  // 表单左对齐
+  zauiFormRequiredBefore: "none",
+  // 前面*display
+  zauiFormRequiredAfter: "inline",
+  // 后面*display
   zauiSize: 1,
-  zauiSpaceSizeLg: '32px',
-  zauiSpaceSizeMd: '16px',
+  // 间距倍数
+  zauiSpaceSizeLg: "32px",
+  // 卡片行间距
+  zauiSpaceSizeMd: "16px",
+  // 控件行间距
   zauiBigText: false,
-  zauiBaseFontSize: '0px',
+  zauiBaseFontSize: "0px",
   zauiTableBorder: false,
   zauiStripe: true
 };
-var ProThemeTools = function ProThemeTools(_ref) {
-  var size = _ref.size,
-    className = _ref.className,
-    cacheTime = _ref.cacheTime,
-    color = _ref.color,
-    mode = _ref.mode,
-    iconFollowTheme = _ref.iconFollowTheme,
-    _ref$prefixCls = _ref.prefixCls,
-    prefixCls = _ref$prefixCls === void 0 ? 'ant' : _ref$prefixCls,
-    _ref$tableBorder = _ref.tableBorder,
-    tableBorder = _ref$tableBorder === void 0 ? false : _ref$tableBorder,
-    _ref$tableStripe = _ref.tableStripe,
-    tableStripe = _ref$tableStripe === void 0 ? false : _ref$tableStripe,
-    _ref$theme = _ref.theme,
-    theme = _ref$theme === void 0 ? {} : _ref$theme,
-    onChange = _ref.onChange,
-    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var _useToggle = (0, _ahooks.useToggle)(false),
-    _useToggle2 = (0, _slicedToArray2.default)(_useToggle, 2),
-    visible = _useToggle2[0],
-    toggle = _useToggle2[1].toggle;
-  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],
-    setState = _useState2[1];
-  var previousState = (0, _ahooks.usePrevious)(state);
-  var zauiBrand = state.zauiBrand,
-    zauiStripe = state.zauiStripe,
-    zauiTableBorder = state.zauiTableBorder;
-  // 重置
-  var onReset = function onReset() {
-    setState((0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), defaultThemeConfig));
-    (0, _index.setThemes)({
-      'zaui-brand': '#006AFF',
-      'zaui-text': '#343434',
-      'zaui-form-required-after': 'inline',
-      'zaui-form-required-before': 'none',
-      'zaui-size': 1,
-      'zaui-space-size-lg': '32px',
-      'zaui-font-size': '14px',
-      'zaui-space-size-md': '16px',
-      'zaui-base-font-size': 0,
-      'zaui-big-text': false,
-      'zaui-table-border': false,
-      'zaui-stripe': true
+var ProThemeTools = ({
+  size,
+  className,
+  cacheTime,
+  color,
+  mode,
+  iconFollowTheme,
+  prefixCls = "ant",
+  tableBorder = false,
+  tableStripe = false,
+  theme = {},
+  onChange,
+  ...props
+}) => {
+  const [visible, { toggle }] = (0, import_ahooks.useToggle)(false);
+  const { updateLocalConfig, updateAntdConfig, updateCssVariables } = (0, import_ThemeContext.useTheme)();
+  const [state, setState] = (0, import_react.useState)({
+    ...defaultThemeConfig,
+    ...(0, import_utils.getMapHumpCase)(theme)
+  });
+  const previousState = (0, import_ahooks.usePrevious)(state);
+  const { zauiBrand, zauiStripe, zauiTableBorder } = state;
+  const onReset = () => {
+    const resetConfig = {
+      ...state,
+      ...defaultThemeConfig
+    };
+    setState(resetConfig);
+    updateLocalConfig(resetConfig);
+    const antdConfig = (0, import_utils.getAntd5ThemeConfig)({
+      "zaui-brand": "#006AFF"
     });
+    updateAntdConfig(antdConfig);
+    const cssVars = {
+      "zaui-brand": "#006AFF",
+      "zaui-text": "#343434",
+      "zaui-form-required-after": "inline",
+      "zaui-form-required-before": "none",
+      "zaui-size": 1,
+      "zaui-space-size-lg": "32px",
+      "zaui-font-size": "14px",
+      "zaui-space-size-md": "16px",
+      "zaui-base-font-size": 0,
+      "zaui-big-text": false,
+      "zaui-table-border": false,
+      "zaui-stripe": true
+    };
+    (0, import_utils.setThemes)(cssVars);
+    updateCssVariables(cssVars);
   };
-  // 复制
-  var onCopy = function onCopy() {
-    var data = JSON.stringify((0, _index.getMapKebabCase)(state, '@'));
-    var input = document.createElement('input');
+  const onCopy = () => {
+    const data = JSON.stringify((0, import_utils.getMapKebabCase)(state, "@"));
+    const input = document.createElement("input");
     document.body.appendChild(input);
-    input.setAttribute('value', data);
+    input.setAttribute("value", data);
     input.select();
-    if (document.execCommand('copy')) {
-      document.execCommand('copy');
-      _message2.default.success("".concat(_locale.default.ProThemeTools.copySuccess));
+    if (document.execCommand("copy")) {
+      document.execCommand("copy");
+      import_antd.message.success(`${import_locale.default.ProThemeTools.copySuccess}`);
     }
     document.body.removeChild(input);
   };
-  // 首次从缓存中读取主题配置
-  (0, _react.useEffect)(function () {
-    var themeConfig = localStorage.getItem('themeConfig');
-    var curThemeConfig = themeConfig ? JSON.parse(themeConfig) : {};
-    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;
+  (0, import_react.useEffect)(() => {
+    const themeConfig = localStorage.getItem("themeConfig");
+    const curThemeConfig = themeConfig ? JSON.parse(themeConfig) : {};
+    const startTime = curThemeConfig == null ? void 0 : curThemeConfig.startTime;
+    const duration = (typeof cacheTime === "number" ? cacheTime : defaultCacheTime) * 864e5;
+    if (cacheTime && startTime && (/* @__PURE__ */ new Date()).getTime() - startTime < duration) {
+      let localThemeConfig;
       localThemeConfig = curThemeConfig.data;
-      var cssVariables = Object.fromEntries(Object.entries(localThemeConfig).map(function (item) {
-        return ["".concat((0, _index.getKebabCase)(item === null || item === void 0 ? void 0 : item[0])), ['zauiSize'].includes(item === null || item === void 0 ? void 0 : item[0]) || typeof (item === null || item === void 0 ? void 0 : item[1]) !== 'number' ? item === null || item === void 0 ? void 0 : item[1] : "".concat(item === null || item === void 0 ? void 0 : item[1], "px") // zauiSize取数字
-        ];
-      }));
-      setState((0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), localThemeConfig));
-      (0, _index.setThemes)(cssVariables);
-      _configProvider.default.config({
-        prefixCls: prefixCls,
-        theme: {
-          primaryColor: (_localThemeConfig = localThemeConfig) === null || _localThemeConfig === void 0 ? void 0 : _localThemeConfig.zauiBrand
-        }
+      const cssVariables = Object.fromEntries(
+        Object.entries(localThemeConfig).map((item) => [
+          `${(0, import_utils.getKebabCase)(item == null ? void 0 : item[0])}`,
+          ["zauiSize"].includes(item == null ? void 0 : item[0]) || typeof (item == null ? void 0 : item[1]) !== "number" ? item == null ? void 0 : item[1] : `${item == null ? void 0 : item[1]}px`
+          // zauiSize取数字
+        ])
+      );
+      setState({ ...state, ...localThemeConfig });
+      (0, import_utils.setThemes)(cssVariables);
+      updateLocalConfig(localThemeConfig);
+      updateCssVariables(cssVariables);
+      const antdConfig = (0, import_utils.getAntd5ThemeConfig)({
+        "zaui-brand": localThemeConfig == null ? void 0 : localThemeConfig.zauiBrand
       });
+      updateAntdConfig(antdConfig);
     } else {
-      (0, _index.setThemes)((0, _index.getMapKebabCase)(state));
-      _configProvider.default.config({
-        prefixCls: prefixCls,
-        theme: {
-          primaryColor: state === null || state === void 0 ? void 0 : state.zauiBrand
-        }
+      const cssVars = (0, import_utils.getMapKebabCase)(state);
+      (0, import_utils.setThemes)(cssVars);
+      updateCssVariables(cssVars);
+      const antdConfig = (0, import_utils.getAntd5ThemeConfig)({
+        "zaui-brand": state == null ? void 0 : state.zauiBrand
       });
+      updateAntdConfig(antdConfig);
     }
   }, []);
-  // 主题色动态切换
-  (0, _react.useEffect)(function () {
+  (0, import_react.useEffect)(() => {
     if (visible && zauiBrand) {
-      // antd4以下版本不支持主题色的动态配置
-      if (!_configProvider.default.config) {
-        return;
-      }
-      _configProvider.default.config({
-        theme: {
-          primaryColor: zauiBrand
-        }
+      const antdConfig = (0, import_utils.getAntd5ThemeConfig)({
+        "zaui-brand": zauiBrand
       });
+      updateAntdConfig(antdConfig);
     }
-  }, [zauiBrand]);
-  // 斑马纹设置
-  (0, _react.useEffect)(function () {
-    (0, _index.setThemes)({
-      'zaui-table-strip-bg': zauiStripe ? '#fafafa' : '#ffffff'
-    });
+  }, [zauiBrand, visible]);
+  (0, import_react.useEffect)(() => {
+    const cssVar = {
+      "zaui-table-strip-bg": zauiStripe ? "#fafafa" : "#ffffff"
+    };
+    (0, import_utils.setThemes)(cssVar);
+    updateCssVariables(cssVar);
   }, [zauiStripe]);
-  // 表格边框设置
-  (0, _react.useEffect)(function () {
-    (0, _index.setTableBorder)(zauiTableBorder);
+  (0, import_react.useEffect)(() => {
+    (0, import_utils.setTableBorder)(zauiTableBorder);
   }, [zauiTableBorder]);
-  // 主题配置缓存
-  (0, _react.useEffect)(function () {
+  (0, import_react.useEffect)(() => {
     if (cacheTime) {
-      var newThemeConfig = {
-        startTime: new Date().getTime(),
-        data: (0, _objectSpread2.default)({}, state)
+      const newThemeConfig = {
+        startTime: (/* @__PURE__ */ new Date()).getTime(),
+        data: { ...state }
       };
-      localStorage.setItem('themeConfig', JSON.stringify(newThemeConfig));
+      localStorage.setItem("themeConfig", JSON.stringify(newThemeConfig));
     }
   }, [state, cacheTime]);
-  (0, _ahooks.useUpdateEffect)(function () {
-    if (!(0, _isEqual2.default)(state, previousState) && visible) {
-      onChange === null || onChange === void 0 ? void 0 : onChange(state);
+  (0, import_ahooks.useUpdateEffect)(() => {
+    if (!(0, import_lodash.isEqual)(state, previousState) && visible) {
+      updateLocalConfig(state);
+      const cssVars = (0, import_utils.getMapKebabCase)(state);
+      (0, import_utils.setThemes)(cssVars);
+      updateCssVariables(cssVars);
+      const antdConfig = (0, import_utils.getAntd5ThemeConfig)({
+        "zaui-brand": state.zauiBrand
+      });
+      updateAntdConfig(antdConfig);
+      onChange == null ? void 0 : onChange(state);
     }
   }, [state]);
-  var cls = (0, _classnames2.default)((0, _defineProperty2.default)({
-    'pro-theme-tools': true,
-    'pro-theme-tools-follow': iconFollowTheme
-  }, className, className));
-  return (0, _jsxRuntime.jsxs)("div", (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
-    children: [(0, _jsxRuntime.jsx)("div", {
-      className: cls,
-      onClick: toggle,
-      children: (0, _jsxRuntime.jsx)(_reactSvg.ReactSVG, {
-        className: "setting-icon",
-        src: _setting.default
-      })
-    }), (0, _jsxRuntime.jsx)(_component.ProTools, {
-      prefixCls: prefixCls,
-      onReset: onReset,
+  const cls = (0, import_classnames.default)({
+    "pro-theme-tools": true,
+    "pro-theme-tools-follow": iconFollowTheme,
+    [className]: className
+  });
+  return /* @__PURE__ */ React.createElement("div", { ...props }, /* @__PURE__ */ React.createElement("div", { className: cls, onClick: toggle }, /* @__PURE__ */ React.createElement(import_react_svg.ReactSVG, { className: "setting-icon", src: import_setting.default })), /* @__PURE__ */ React.createElement(
+    import_component.ProTools,
+    {
+      prefixCls,
+      onReset,
       onClose: toggle,
-      onCopy: onCopy,
-      setState: setState,
+      onCopy,
+      setState,
       open: visible,
-      state: state,
-      tableBorder: tableBorder,
-      tableStripe: tableStripe
-    })]
-  }));
+      state,
+      tableBorder,
+      tableStripe
+    }
+  ));
 };
 ProThemeTools.defaultProps = {
   size: 24,
-  mode: 'prd',
-  color: '#343434',
+  mode: "prd",
+  color: "#343434",
   iconFollowTheme: false,
   cacheTime: false
 };
-ProThemeTools.setThemes = _index.setThemes;
-var _default = exports.default = ProThemeTools;
+ProThemeTools.setThemes = import_utils.setThemes;
+var ProThemeTools_default = ProThemeTools;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ThemeProvider,
+  useTheme
+});

package/lib/ProThemeTools/propsType.js

@@ -1,5 +1,17 @@
-"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+// src/ProThemeTools/propsType.ts
+var propsType_exports = {};
+module.exports = __toCommonJS(propsType_exports);

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