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

package/es/ProThemeTools/context/ThemeContext.js

@@ -1,14 +1,3 @@
-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); }
 import React, { createContext, useContext, useReducer, useCallback, useEffect } from 'react';
 
 // antd5 主题配置接口
@@ -20,7 +9,7 @@ import React, { createContext, useContext, useReducer, useCallback, useEffect }
 // Context 接口
 import { jsx as _jsx } from "react/jsx-runtime";
 // 默认主题配置
-var defaultThemeConfig = {
+const defaultThemeConfig = {
   zauiBrand: '#006AFF',
   zauiText: '#343434',
   zauiFontSize: '14px',
@@ -37,9 +26,9 @@ var defaultThemeConfig = {
 };
 
 // 获取初始状态，检查是否有待应用的主题
-var getInitialState = () => {
+const getInitialState = () => {
   // 检查是否有待应用的主题（在模块加载时可能已经设置）
-  var initialAntdConfig = {
+  let initialAntdConfig = {
     token: {
       colorPrimary: defaultThemeConfig.zauiBrand
     }
@@ -48,11 +37,10 @@ var getInitialState = () => {
   // 尝试获取待应用的主题（避免循环依赖，使用动态导入）
   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();
+      const cssZauiBrand = document.documentElement.style.getPropertyValue('--zaui-brand')?.trim();
       if (cssZauiBrand && cssZauiBrand !== defaultThemeConfig.zauiBrand) {
         initialAntdConfig = {
           token: {
@@ -72,32 +60,42 @@ var getInitialState = () => {
 };
 
 // 初始状态
-var initialState = getInitialState();
+const 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)
-      });
+      return {
+        ...state,
+        localConfig: {
+          ...state.localConfig,
+          ...action.payload
+        }
+      };
     case 'UPDATE_ANTD_CONFIG':
-      return _objectSpread(_objectSpread({}, state), {}, {
+      return {
+        ...state,
         antdConfig: action.payload
-      });
+      };
     case 'UPDATE_CSS_VARIABLES':
-      return _objectSpread(_objectSpread({}, state), {}, {
-        cssVariables: _objectSpread(_objectSpread({}, state.cssVariables), action.payload)
-      });
+      return {
+        ...state,
+        cssVariables: {
+          ...state.cssVariables,
+          ...action.payload
+        }
+      };
     case 'RESET_THEME':
-      return _objectSpread(_objectSpread({}, initialState), {}, {
+      return {
+        ...initialState,
         localConfig: defaultThemeConfig,
         antdConfig: {
           token: {
             colorPrimary: defaultThemeConfig.zauiBrand
           }
         }
-      });
+      };
     case 'LOAD_FROM_CACHE':
       return action.payload;
     default:
@@ -106,22 +104,22 @@ function themeReducer(state, action) {
 }
 
 // 创建 Context
-var ThemeContext = /*#__PURE__*/createContext(undefined);
+const ThemeContext = /*#__PURE__*/createContext(undefined);
 
 // 全局更新函数注册机制，用于 setThemes 静态方法更新 Context
-var globalUpdateAntdConfig = null;
-var globalUpdateCssVariables = null;
-var globalUpdateLocalConfig = null;
+let globalUpdateAntdConfig = null;
+let globalUpdateCssVariables = null;
+let globalUpdateLocalConfig = null;
 
 // 注册全局更新函数（由 ThemeProvider 调用）
-export var registerThemeUpdaters = updaters => {
+export const registerThemeUpdaters = updaters => {
   globalUpdateAntdConfig = updaters.updateAntdConfig;
   globalUpdateCssVariables = updaters.updateCssVariables;
   globalUpdateLocalConfig = updaters.updateLocalConfig;
 };
 
 // 获取全局更新函数（供 setThemes 使用）
-export var getThemeUpdaters = () => ({
+export const getThemeUpdaters = () => ({
   updateAntdConfig: globalUpdateAntdConfig,
   updateCssVariables: globalUpdateCssVariables,
   updateLocalConfig: globalUpdateLocalConfig
@@ -129,79 +127,85 @@ export var getThemeUpdaters = () => ({
 
 // Provider 组件
 
-export var ThemeProvider = _ref => {
-  var children = _ref.children,
-    initialLocalConfig = _ref.initialLocalConfig,
-    initialAntdConfig = _ref.initialAntdConfig;
+export const ThemeProvider = ({
+  children,
+  initialLocalConfig,
+  initialAntdConfig
+}) => {
   // 使用惰性初始化，在组件渲染时检查 CSS 变量
-  var _useReducer = useReducer(themeReducer, initialState, initial => {
-      // 合并初始配置
-      var finalState = _objectSpread({}, initial);
+  const [state, dispatch] = useReducer(themeReducer, initialState, initial => {
+    // 合并初始配置
+    let finalState = {
+      ...initial
+    };
 
-      // 应用 initialLocalConfig
-      if (initialLocalConfig) {
-        finalState = _objectSpread(_objectSpread({}, finalState), {}, {
-          localConfig: _objectSpread(_objectSpread({}, finalState.localConfig), initialLocalConfig)
-        });
-      }
+    // 应用 initialLocalConfig
+    if (initialLocalConfig) {
+      finalState = {
+        ...finalState,
+        localConfig: {
+          ...finalState.localConfig,
+          ...initialLocalConfig
+        }
+      };
+    }
 
-      // 应用 initialAntdConfig
-      if (initialAntdConfig) {
-        finalState = _objectSpread(_objectSpread({}, finalState), {}, {
-          antdConfig: initialAntdConfig
-        });
-      }
+    // 应用 initialAntdConfig
+    if (initialAntdConfig) {
+      finalState = {
+        ...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) {
-          // 忽略错误
+    // 在初始化时检查 CSS 变量
+    if (typeof window !== 'undefined') {
+      try {
+        const cssZauiBrand = document.documentElement.style.getPropertyValue('--zaui-brand')?.trim();
+        if (cssZauiBrand && cssZauiBrand !== finalState.antdConfig.token?.colorPrimary) {
+          return {
+            ...finalState,
+            antdConfig: {
+              token: {
+                colorPrimary: cssZauiBrand
+              }
+            },
+            localConfig: {
+              ...finalState.localConfig,
+              zauiBrand: cssZauiBrand
+            }
+          };
         }
+      } catch (e) {
+        // 忽略错误
       }
-      return finalState;
-    }),
-    _useReducer2 = _slicedToArray(_useReducer, 2),
-    state = _useReducer2[0],
-    dispatch = _useReducer2[1];
-  var updateLocalConfig = useCallback(config => {
+    }
+    return finalState;
+  });
+  const updateLocalConfig = useCallback(config => {
     dispatch({
       type: 'UPDATE_LOCAL_CONFIG',
       payload: config
     });
   }, []);
-  var updateAntdConfig = useCallback(config => {
+  const updateAntdConfig = useCallback(config => {
     dispatch({
       type: 'UPDATE_ANTD_CONFIG',
       payload: config
     });
   }, []);
-  var updateCssVariables = useCallback(variables => {
+  const updateCssVariables = useCallback(variables => {
     dispatch({
       type: 'UPDATE_CSS_VARIABLES',
       payload: variables
     });
   }, []);
-  var resetTheme = useCallback(() => {
+  const resetTheme = useCallback(() => {
     dispatch({
       type: 'RESET_THEME'
     });
   }, []);
-  var loadFromCache = useCallback(cacheState => {
+  const loadFromCache = useCallback(cacheState => {
     dispatch({
       type: 'LOAD_FROM_CACHE',
       payload: cacheState
@@ -220,11 +224,10 @@ export var ThemeProvider = _ref => {
     // 使用同步方式应用以避免闪烁，但需要避免循环依赖
     // 由于初始状态已经检查了 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 = {
+      const cssZauiBrand = document.documentElement.style.getPropertyValue('--zaui-brand')?.trim();
+      if (cssZauiBrand && cssZauiBrand !== state.antdConfig.token?.colorPrimary) {
+        const antdConfig = {
           token: {
             colorPrimary: cssZauiBrand
           }
@@ -239,11 +242,12 @@ export var ThemeProvider = _ref => {
       // 使用微任务确保在同一个渲染周期内执行，但避免阻塞
       Promise.resolve().then(() => {
         // 动态导入以避免循环依赖
-        import("../utils/index").then(_ref2 => {
-          var getPendingThemes = _ref2.getPendingThemes,
-            setThemes = _ref2.setThemes,
-            clearPendingThemes = _ref2.clearPendingThemes;
-          var pending = getPendingThemes();
+        import("../utils/index").then(({
+          getPendingThemes,
+          setThemes,
+          clearPendingThemes
+        }) => {
+          const pending = getPendingThemes();
           if (pending) {
             // 重新调用 setThemes 以应用主题（此时更新函数已经注册）
             setThemes(pending);
@@ -259,7 +263,7 @@ export var ThemeProvider = _ref => {
       });
     }
   }, [updateAntdConfig, updateCssVariables, updateLocalConfig]);
-  var contextValue = {
+  const contextValue = {
     state,
     updateLocalConfig,
     updateAntdConfig,
@@ -274,8 +278,8 @@ export var ThemeProvider = _ref => {
 };
 
 // Hook for using theme context
-export var useTheme = () => {
-  var context = useContext(ThemeContext);
+export const useTheme = () => {
+  const context = useContext(ThemeContext);
   if (context === undefined) {
     throw new Error('useTheme must be used within a ThemeProvider');
   }

package/es/ProThemeTools/index.js

@@ -1,24 +1,10 @@
-var _excluded = ["size", "className", "cacheTime", "color", "mode", "iconFollowTheme", "prefixCls", "tableBorder", "tableStripe", "theme", "onChange"];
-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; }
+import _isEqual from "lodash/isEqual";
 /* 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, getAntd5ThemeConfig, setThemeUpdatersGetter } from "./utils/index";
 import settingSvg from "../assets/setting.svg";
@@ -26,9 +12,9 @@ import { ProTools } from "./component";
 import locale from "../locale";
 import { useTheme, getThemeUpdaters } from "./context/ThemeContext";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-var defaultCacheTime = 1; // 配置保存时间为一天
+const defaultCacheTime = 1; // 配置保存时间为一天
 
-var defaultThemeConfig = {
+const defaultThemeConfig = {
   zauiBrand: '#006AFF',
   // 主题颜色
   zauiText: '#343434',
@@ -50,71 +36,68 @@ var defaultThemeConfig = {
   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);
+const ProThemeTools = ({
+  size = 24,
+  className,
+  cacheTime = false,
+  color = '#343434',
+  mode = 'prd',
+  iconFollowTheme = false,
+  prefixCls = 'ant',
+  tableBorder = false,
+  tableStripe = false,
+  theme = {},
+  onChange,
+  ...props
+}) => {
   // Props 和基础 Hooks
-  var _useToggle = useToggle(false),
-    _useToggle2 = _slicedToArray(_useToggle, 2),
-    visible = _useToggle2[0],
-    toggle = _useToggle2[1].toggle;
-  var _useTheme = useTheme(),
-    updateLocalConfig = _useTheme.updateLocalConfig,
-    updateAntdConfig = _useTheme.updateAntdConfig,
-    updateCssVariables = _useTheme.updateCssVariables;
+  const [visible, {
+    toggle
+  }] = useToggle(false);
+  const {
+    updateLocalConfig,
+    updateAntdConfig,
+    updateCssVariables
+  } = useTheme();
 
   // 状态和 Refs
-  var _useState = useState(_objectSpread(_objectSpread({}, defaultThemeConfig), getMapHumpCase(theme))),
-    _useState2 = _slicedToArray(_useState, 2),
-    state = _useState2[0],
-    setState = _useState2[1];
-  var previousState = usePrevious(state);
+  const [state, setState] = useState({
+    ...defaultThemeConfig,
+    ...getMapHumpCase(theme)
+  });
+  const previousState = usePrevious(state);
 
   // 配置和计算值
-  var zauiBrand = state.zauiBrand,
-    zauiStripe = state.zauiStripe,
-    zauiTableBorder = state.zauiTableBorder;
-  var cls = classnames({
+  const {
+    zauiBrand,
+    zauiStripe,
+    zauiTableBorder
+  } = state;
+  const cls = classnames({
     'pro-theme-tools': true,
     'pro-theme-tools-follow': iconFollowTheme,
     [className]: className
   });
 
   // 事件处理函数
-  var onReset = () => {
-    var resetConfig = _objectSpread(_objectSpread({}, state), defaultThemeConfig);
+  const onReset = () => {
+    const resetConfig = {
+      ...state,
+      ...defaultThemeConfig
+    };
     setState(resetConfig);
 
     // 更新 Context
     updateLocalConfig(resetConfig);
 
     // 更新 antd 主题
-    var antdConfig = getAntd5ThemeConfig({
+    const antdConfig = getAntd5ThemeConfig({
       'zaui-brand': '#006AFF'
     });
     updateAntdConfig(antdConfig);
 
     // 设置 CSS 变量
-    var cssVars = {
+    const cssVars = {
       'zaui-brand': '#006AFF',
       'zaui-text': '#343434',
       'zaui-form-required-after': 'inline',
@@ -131,9 +114,9 @@ var ProThemeTools = _ref => {
     setThemes(cssVars);
     updateCssVariables(cssVars);
   };
-  var onCopy = () => {
-    var data = JSON.stringify(getMapKebabCase(state, '@'));
-    var input = document.createElement('input');
+  const onCopy = () => {
+    const data = JSON.stringify(getMapKebabCase(state, '@'));
+    const input = document.createElement('input');
     document.body.appendChild(input);
     input.setAttribute('value', data);
     input.select();
@@ -152,26 +135,27 @@ var ProThemeTools = _ref => {
 
   // 首次从缓存中读取主题配置
   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;
+    const existingZauiBrand = document.documentElement.style.getPropertyValue('--zaui-brand')?.trim();
+    const themeConfig = localStorage.getItem('themeConfig');
+    const curThemeConfig = themeConfig ? JSON.parse(themeConfig) : {};
+    const startTime = curThemeConfig?.startTime;
     // 默认时间间隔
-    var duration = (typeof cacheTime === 'number' ? cacheTime : defaultCacheTime) * 86400000;
+    const duration = (typeof cacheTime === 'number' ? cacheTime : defaultCacheTime) * 86400000;
     if (cacheTime && startTime && new Date().getTime() - startTime < duration) {
-      var _localThemeConfig;
-      var localThemeConfig;
+      let localThemeConfig;
       localThemeConfig = curThemeConfig.data;
 
       // 如果 CSS 变量已被 setThemes 设置，优先使用 CSS 变量的值
       if (existingZauiBrand && existingZauiBrand !== localThemeConfig.zauiBrand) {
         localThemeConfig.zauiBrand = existingZauiBrand;
       }
-      var cssVariables = Object.fromEntries(Object.entries(localThemeConfig).map(item => [`${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取数字
+      const cssVariables = Object.fromEntries(Object.entries(localThemeConfig).map(item => [`${getKebabCase(item?.[0])}`, ['zauiSize'].includes(item?.[0]) || typeof item?.[1] !== 'number' ? item?.[1] : `${item?.[1]}px` // zauiSize取数字
       ]));
-      setState(_objectSpread(_objectSpread({}, state), localThemeConfig));
+      setState({
+        ...state,
+        ...localThemeConfig
+      });
       setThemes(cssVariables);
 
       // 更新 Context
@@ -179,27 +163,28 @@ var ProThemeTools = _ref => {
       updateCssVariables(cssVariables);
 
       // 更新 antd 主题
-      var antdConfig = getAntd5ThemeConfig({
-        'zaui-brand': (_localThemeConfig = localThemeConfig) === null || _localThemeConfig === void 0 ? void 0 : _localThemeConfig.zauiBrand
+      const antdConfig = getAntd5ThemeConfig({
+        'zaui-brand': 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)) {
+      let finalZauiBrand = state?.zauiBrand;
+      if (existingZauiBrand && existingZauiBrand !== state?.zauiBrand) {
         finalZauiBrand = existingZauiBrand;
       }
-      var cssVars = getMapKebabCase(_objectSpread(_objectSpread({}, state), {}, {
+      const cssVars = getMapKebabCase({
+        ...state,
         zauiBrand: finalZauiBrand
-      }));
+      });
       setThemes(cssVars);
       updateCssVariables(cssVars);
 
       // 更新 antd 主题
-      var _antdConfig = getAntd5ThemeConfig({
+      const antdConfig = getAntd5ThemeConfig({
         'zaui-brand': finalZauiBrand
       });
-      updateAntdConfig(_antdConfig);
+      updateAntdConfig(antdConfig);
     }
   }, []);
 
@@ -207,7 +192,7 @@ var ProThemeTools = _ref => {
   useEffect(() => {
     if (visible && zauiBrand) {
       // 更新 antd 主题
-      var antdConfig = getAntd5ThemeConfig({
+      const antdConfig = getAntd5ThemeConfig({
         'zaui-brand': zauiBrand
       });
       updateAntdConfig(antdConfig);
@@ -216,7 +201,7 @@ var ProThemeTools = _ref => {
 
   // 斑马纹设置
   useEffect(() => {
-    var cssVar = {
+    const cssVar = {
       'zaui-table-strip-bg': zauiStripe ? '#fafafa' : '#ffffff'
     };
     setThemes(cssVar);
@@ -231,9 +216,11 @@ var ProThemeTools = _ref => {
   // 主题配置缓存
   useEffect(() => {
     if (cacheTime) {
-      var newThemeConfig = {
+      const newThemeConfig = {
         startTime: new Date().getTime(),
-        data: _objectSpread({}, state)
+        data: {
+          ...state
+        }
       };
       localStorage.setItem('themeConfig', JSON.stringify(newThemeConfig));
     }
@@ -241,24 +228,25 @@ var ProThemeTools = _ref => {
 
   // 状态变化时同步到 Context
   useUpdateEffect(() => {
-    if (!isEqual(state, previousState) && visible) {
+    if (!_isEqual(state, previousState) && visible) {
       // 更新本地配置
       updateLocalConfig(state);
 
       // 更新 CSS 变量
-      var cssVars = getMapKebabCase(state);
+      const cssVars = getMapKebabCase(state);
       setThemes(cssVars);
       updateCssVariables(cssVars);
 
       // 更新 antd 主题
-      var antdConfig = getAntd5ThemeConfig({
+      const antdConfig = getAntd5ThemeConfig({
         'zaui-brand': state.zauiBrand
       });
       updateAntdConfig(antdConfig);
-      onChange === null || onChange === void 0 || onChange(state);
+      onChange?.(state);
     }
   }, [state]);
-  return /*#__PURE__*/_jsxs("div", _objectSpread(_objectSpread({}, props), {}, {
+  return /*#__PURE__*/_jsxs("div", {
+    ...props,
     children: [/*#__PURE__*/_jsx("div", {
       className: cls,
       onClick: toggle,
@@ -277,7 +265,7 @@ var ProThemeTools = _ref => {
       tableBorder: tableBorder,
       tableStripe: tableStripe
     })]
-  }));
+  });
 };
 ProThemeTools.setThemes = setThemes;
 export default ProThemeTools;