@zat-design/sisyphus-react 4.2.0-beta.2 → 4.2.0-beta.3

package/lib/ProThemeTools/context/ThemeContext.js

@@ -1,291 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useTheme = exports.registerThemeUpdaters = exports.getThemeUpdaters = exports.defaultThemeConfig = exports.ThemeProvider = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } // antd5 主题配置接口
-// 主题状态接口
-// Action 类型
-// Context 接口
-// 默认主题配置
-var defaultThemeConfig = exports.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 getInitialState = () => {
-  // 检查是否有待应用的主题（在模块加载时可能已经设置）
-  var initialAntdConfig = {
-    token: {
-      colorPrimary: defaultThemeConfig.zauiBrand
-    }
-  };
-
-  // 尝试获取待应用的主题（避免循环依赖，使用动态导入）
-  if (typeof window !== 'undefined') {
-    try {
-      var _document$documentEle;
-      // 使用同步方式检查 pendingThemes（通过全局变量访问）
-      // 注意：这里不能直接导入 utils，因为会有循环依赖
-      // 但我们可以通过检查 CSS 变量来判断是否有待应用的主题
-      var cssZauiBrand = (_document$documentEle = document.documentElement.style.getPropertyValue('--zaui-brand')) === null || _document$documentEle === void 0 ? void 0 : _document$documentEle.trim();
-      if (cssZauiBrand && cssZauiBrand !== defaultThemeConfig.zauiBrand) {
-        initialAntdConfig = {
-          token: {
-            colorPrimary: cssZauiBrand
-          }
-        };
-      }
-    } catch (e) {
-      // 忽略错误，使用默认配置
-    }
-  }
-  return {
-    localConfig: defaultThemeConfig,
-    antdConfig: initialAntdConfig,
-    cssVariables: {}
-  };
-};
-
-// 初始状态
-var initialState = getInitialState();
-
-// 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__*/(0, _react.createContext)(undefined);
-
-// 全局更新函数注册机制，用于 setThemes 静态方法更新 Context
-var globalUpdateAntdConfig = null;
-var globalUpdateCssVariables = null;
-var globalUpdateLocalConfig = null;
-
-// 注册全局更新函数（由 ThemeProvider 调用）
-var registerThemeUpdaters = updaters => {
-  globalUpdateAntdConfig = updaters.updateAntdConfig;
-  globalUpdateCssVariables = updaters.updateCssVariables;
-  globalUpdateLocalConfig = updaters.updateLocalConfig;
-};
-
-// 获取全局更新函数（供 setThemes 使用）
-exports.registerThemeUpdaters = registerThemeUpdaters;
-var getThemeUpdaters = () => ({
-  updateAntdConfig: globalUpdateAntdConfig,
-  updateCssVariables: globalUpdateCssVariables,
-  updateLocalConfig: globalUpdateLocalConfig
-});
-
-// Provider 组件
-exports.getThemeUpdaters = getThemeUpdaters;
-var ThemeProvider = _ref => {
-  var children = _ref.children,
-    initialLocalConfig = _ref.initialLocalConfig,
-    initialAntdConfig = _ref.initialAntdConfig;
-  // 使用惰性初始化，在组件渲染时检查 CSS 变量
-  var _useReducer = (0, _react.useReducer)(themeReducer, initialState, initial => {
-      // 合并初始配置
-      var finalState = _objectSpread({}, initial);
-
-      // 应用 initialLocalConfig
-      if (initialLocalConfig) {
-        finalState = _objectSpread(_objectSpread({}, finalState), {}, {
-          localConfig: _objectSpread(_objectSpread({}, finalState.localConfig), initialLocalConfig)
-        });
-      }
-
-      // 应用 initialAntdConfig
-      if (initialAntdConfig) {
-        finalState = _objectSpread(_objectSpread({}, finalState), {}, {
-          antdConfig: initialAntdConfig
-        });
-      }
-
-      // 在初始化时检查 CSS 变量
-      if (typeof window !== 'undefined') {
-        try {
-          var _document$documentEle2, _finalState$antdConfi;
-          var cssZauiBrand = (_document$documentEle2 = document.documentElement.style.getPropertyValue('--zaui-brand')) === null || _document$documentEle2 === void 0 ? void 0 : _document$documentEle2.trim();
-          if (cssZauiBrand && cssZauiBrand !== ((_finalState$antdConfi = finalState.antdConfig.token) === null || _finalState$antdConfi === void 0 ? void 0 : _finalState$antdConfi.colorPrimary)) {
-            return _objectSpread(_objectSpread({}, finalState), {}, {
-              antdConfig: {
-                token: {
-                  colorPrimary: cssZauiBrand
-                }
-              },
-              localConfig: _objectSpread(_objectSpread({}, finalState.localConfig), {}, {
-                zauiBrand: cssZauiBrand
-              })
-            });
-          }
-        } catch (e) {
-          // 忽略错误
-        }
-      }
-      return finalState;
-    }),
-    _useReducer2 = _slicedToArray(_useReducer, 2),
-    state = _useReducer2[0],
-    dispatch = _useReducer2[1];
-  var updateLocalConfig = (0, _react.useCallback)(config => {
-    dispatch({
-      type: 'UPDATE_LOCAL_CONFIG',
-      payload: config
-    });
-  }, []);
-  var updateAntdConfig = (0, _react.useCallback)(config => {
-    dispatch({
-      type: 'UPDATE_ANTD_CONFIG',
-      payload: config
-    });
-  }, []);
-  var updateCssVariables = (0, _react.useCallback)(variables => {
-    dispatch({
-      type: 'UPDATE_CSS_VARIABLES',
-      payload: variables
-    });
-  }, []);
-  var resetTheme = (0, _react.useCallback)(() => {
-    dispatch({
-      type: 'RESET_THEME'
-    });
-  }, []);
-  var loadFromCache = (0, _react.useCallback)(cacheState => {
-    dispatch({
-      type: 'LOAD_FROM_CACHE',
-      payload: cacheState
-    });
-  }, []);
-
-  // 注册全局更新函数，供 setThemes 静态方法使用
-  (0, _react.useEffect)(() => {
-    registerThemeUpdaters({
-      updateAntdConfig,
-      updateCssVariables,
-      updateLocalConfig
-    });
-
-    // 应用待应用的主题配置（如果存在）
-    // 使用同步方式应用以避免闪烁，但需要避免循环依赖
-    // 由于初始状态已经检查了 CSS 变量，这里只需要确保 Context 状态同步
-    if (typeof window !== 'undefined') {
-      var _document$documentEle3, _state$antdConfig$tok;
-      // 检查 CSS 变量，如果与当前状态不一致，更新 Context
-      var cssZauiBrand = (_document$documentEle3 = document.documentElement.style.getPropertyValue('--zaui-brand')) === null || _document$documentEle3 === void 0 ? void 0 : _document$documentEle3.trim();
-      if (cssZauiBrand && cssZauiBrand !== ((_state$antdConfig$tok = state.antdConfig.token) === null || _state$antdConfig$tok === void 0 ? void 0 : _state$antdConfig$tok.colorPrimary)) {
-        var antdConfig = {
-          token: {
-            colorPrimary: cssZauiBrand
-          }
-        };
-        updateAntdConfig(antdConfig);
-        updateLocalConfig({
-          zauiBrand: cssZauiBrand
-        });
-      }
-
-      // 也检查是否有待应用的主题（通过动态导入）
-      // 使用微任务确保在同一个渲染周期内执行，但避免阻塞
-      Promise.resolve().then(() => {
-        // 动态导入以避免循环依赖
-        Promise.resolve().then(() => _interopRequireWildcard(require("../utils/index"))).then(_ref2 => {
-          var getPendingThemes = _ref2.getPendingThemes,
-            setThemes = _ref2.setThemes,
-            clearPendingThemes = _ref2.clearPendingThemes;
-          var pending = getPendingThemes();
-          if (pending) {
-            // 重新调用 setThemes 以应用主题（此时更新函数已经注册）
-            setThemes(pending);
-            clearPendingThemes();
-          }
-        }).catch(e => {
-          // 在测试环境中，动态导入可能失败，忽略错误
-          // eslint-disable-next-line no-console
-          if (process.env.NODE_ENV !== 'test') {
-            console.warn('Failed to load pending themes:', e);
-          }
-        });
-      });
-    }
-  }, [updateAntdConfig, updateCssVariables, updateLocalConfig]);
-  var contextValue = {
-    state,
-    updateLocalConfig,
-    updateAntdConfig,
-    updateCssVariables,
-    resetTheme,
-    loadFromCache
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ThemeContext.Provider, {
-    value: contextValue,
-    children: children
-  });
-};
-
-// Hook for using theme context
-exports.ThemeProvider = ThemeProvider;
-var useTheme = () => {
-  var context = (0, _react.useContext)(ThemeContext);
-  if (context === undefined) {
-    throw new Error('useTheme must be used within a ThemeProvider');
-  }
-  return context;
-};
-
-// 导出默认配置
-exports.useTheme = useTheme;

package/lib/ProThemeTools/index.d.ts

@@ -1,9 +0,0 @@
-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;
-    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,302 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "ThemeProvider", {
-  enumerable: true,
-  get: function get() {
-    return _ThemeContext.ThemeProvider;
-  }
-});
-exports.default = void 0;
-Object.defineProperty(exports, "useTheme", {
-  enumerable: true,
-  get: function get() {
-    return _ThemeContext.useTheme;
-  }
-});
-var _antd = require("antd");
-var _react = require("react");
-var _ahooks = require("ahooks");
-var _reactSvg = require("react-svg");
-var _lodash = require("lodash");
-var _classnames = _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 _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 */
-// 导入语句
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-var defaultCacheTime = 1; // 配置保存时间为一天
-
-var defaultThemeConfig = {
-  zauiBrand: '#006AFF',
-  // 主题颜色
-  zauiText: '#343434',
-  zauiFontSize: '14px',
-  zauiFormAlign: 'left',
-  // 表单左对齐
-  zauiFormRequiredBefore: 'none',
-  // 前面*display
-  zauiFormRequiredAfter: 'inline',
-  // 后面*display
-  zauiSize: 1,
-  // 间距倍数
-  zauiSpaceSizeLg: '32px',
-  // 卡片行间距
-  zauiSpaceSizeMd: '16px',
-  // 控件行间距
-  zauiBigText: false,
-  zauiBaseFontSize: '0px',
-  zauiTableBorder: false,
-  zauiStripe: true
-};
-var ProThemeTools = _ref => {
-  var _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 24 : _ref$size,
-    className = _ref.className,
-    _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,
-    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 = _objectWithoutProperties(_ref, _excluded);
-  // Props 和基础 Hooks
-  var _useToggle = (0, _ahooks.useToggle)(false),
-    _useToggle2 = _slicedToArray(_useToggle, 2),
-    visible = _useToggle2[0],
-    toggle = _useToggle2[1].toggle;
-  var _useTheme = (0, _ThemeContext.useTheme)(),
-    updateLocalConfig = _useTheme.updateLocalConfig,
-    updateAntdConfig = _useTheme.updateAntdConfig,
-    updateCssVariables = _useTheme.updateCssVariables;
-
-  // 状态和 Refs
-  var _useState = (0, _react.useState)(_objectSpread(_objectSpread({}, defaultThemeConfig), (0, _index.getMapHumpCase)(theme))),
-    _useState2 = _slicedToArray(_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 cls = (0, _classnames.default)({
-    'pro-theme-tools': true,
-    'pro-theme-tools-follow': iconFollowTheme,
-    [className]: className
-  });
-
-  // 事件处理函数
-  var onReset = () => {
-    var resetConfig = _objectSpread(_objectSpread({}, 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',
-      '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, _index.setThemes)(cssVars);
-    updateCssVariables(cssVars);
-  };
-  var onCopy = () => {
-    var data = JSON.stringify((0, _index.getMapKebabCase)(state, '@'));
-    var input = document.createElement('input');
-    document.body.appendChild(input);
-    input.setAttribute('value', data);
-    input.select();
-    if (document.execCommand('copy')) {
-      document.execCommand('copy');
-      _antd.message.success(`${_locale.default.ProThemeTools.copySuccess}`);
-    }
-    document.body.removeChild(input);
-  };
-
-  // 所有 useEffect 集中放置
-  // 注册全局更新函数，供 setThemes 静态方法使用
-  (0, _react.useEffect)(() => {
-    (0, _index.setThemeUpdatersGetter)(() => (0, _ThemeContext.getThemeUpdaters)());
-  }, []);
-
-  // 首次从缓存中读取主题配置
-  (0, _react.useEffect)(() => {
-    var _document$documentEle;
-    // 检查 CSS 变量是否已被 setThemes 设置（优先级高于缓存）
-    var existingZauiBrand = (_document$documentEle = document.documentElement.style.getPropertyValue('--zaui-brand')) === null || _document$documentEle === void 0 ? void 0 : _document$documentEle.trim();
-    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;
-    if (cacheTime && startTime && new Date().getTime() - startTime < duration) {
-      var _localThemeConfig;
-      var localThemeConfig;
-      localThemeConfig = curThemeConfig.data;
-
-      // 如果 CSS 变量已被 setThemes 设置，优先使用 CSS 变量的值
-      if (existingZauiBrand && existingZauiBrand !== localThemeConfig.zauiBrand) {
-        localThemeConfig.zauiBrand = existingZauiBrand;
-      }
-      var cssVariables = Object.fromEntries(Object.entries(localThemeConfig).map(item => [`${(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] : `${item === null || item === void 0 ? void 0 : item[1]}px` // zauiSize取数字
-      ]));
-      setState(_objectSpread(_objectSpread({}, state), localThemeConfig));
-      (0, _index.setThemes)(cssVariables);
-
-      // 更新 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 {
-      // 如果 CSS 变量已被 setThemes 设置，优先使用 CSS 变量的值
-      var finalZauiBrand = state === null || state === void 0 ? void 0 : state.zauiBrand;
-      if (existingZauiBrand && existingZauiBrand !== (state === null || state === void 0 ? void 0 : state.zauiBrand)) {
-        finalZauiBrand = existingZauiBrand;
-      }
-      var cssVars = (0, _index.getMapKebabCase)(_objectSpread(_objectSpread({}, state), {}, {
-        zauiBrand: finalZauiBrand
-      }));
-      (0, _index.setThemes)(cssVars);
-      updateCssVariables(cssVars);
-
-      // 更新 antd 主题
-      var _antdConfig = (0, _index.getAntd5ThemeConfig)({
-        'zaui-brand': finalZauiBrand
-      });
-      updateAntdConfig(_antdConfig);
-    }
-  }, []);
-
-  // 主题色动态切换
-  (0, _react.useEffect)(() => {
-    if (visible && zauiBrand) {
-      // 更新 antd 主题
-      var antdConfig = (0, _index.getAntd5ThemeConfig)({
-        'zaui-brand': zauiBrand
-      });
-      updateAntdConfig(antdConfig);
-    }
-  }, [zauiBrand, visible]);
-
-  // 斑马纹设置
-  (0, _react.useEffect)(() => {
-    var cssVar = {
-      'zaui-table-strip-bg': zauiStripe ? '#fafafa' : '#ffffff'
-    };
-    (0, _index.setThemes)(cssVar);
-    updateCssVariables(cssVar);
-  }, [zauiStripe]);
-
-  // 表格边框设置
-  (0, _react.useEffect)(() => {
-    (0, _index.setTableBorder)(zauiTableBorder);
-  }, [zauiTableBorder]);
-
-  // 主题配置缓存
-  (0, _react.useEffect)(() => {
-    if (cacheTime) {
-      var newThemeConfig = {
-        startTime: new Date().getTime(),
-        data: _objectSpread({}, state)
-      };
-      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]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({}, props), {}, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: cls,
-      onClick: toggle,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactSvg.ReactSVG, {
-        className: "setting-icon",
-        src: _setting.default
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_component.ProTools, {
-      prefixCls: prefixCls,
-      onReset: onReset,
-      onClose: toggle,
-      onCopy: onCopy,
-      setState: setState,
-      open: visible,
-      state: state,
-      tableBorder: tableBorder,
-      tableStripe: tableStripe
-    })]
-  }));
-};
-ProThemeTools.setThemes = _index.setThemes;
-var _default = exports.default = ProThemeTools; // 导出主题相关组件和类型