@zat-design/sisyphus-react 4.5.9 → 4.5.10-beta.2

package/es/ProThemeTools/context/ThemeContext.js

@@ -1,46 +1,36 @@
-import React, { createContext, useContext, useReducer, useCallback, useEffect } from 'react';
-
-// antd5 主题配置接口
-
-// 主题状态接口
-
-// Action 类型
-
-// Context 接口
-import { jsx as _jsx } from "react/jsx-runtime";
-// 默认主题配置
+import { jsx } from "react/jsx-runtime";
+import {
+  createContext,
+  useContext,
+  useReducer,
+  useCallback,
+  useEffect
+} from "react";
 const defaultThemeConfig = {
-  zauiBrand: '#006AFF',
-  zauiText: '#343434',
-  zauiFontSize: '14px',
-  zauiFormAlign: 'left',
-  zauiFormRequiredBefore: 'none',
-  zauiFormRequiredAfter: 'inline',
+  zauiBrand: "#006AFF",
+  zauiText: "#343434",
+  zauiFontSize: "14px",
+  zauiFormAlign: "left",
+  zauiFormRequiredBefore: "none",
+  zauiFormRequiredAfter: "inline",
   zauiSize: 1,
-  zauiSpaceSizeLg: '32px',
-  zauiSpaceSizeMd: '16px',
+  zauiSpaceSizeLg: "32px",
+  zauiSpaceSizeMd: "16px",
   zauiBigText: false,
-  zauiBaseFontSize: '0px',
+  zauiBaseFontSize: "0px",
   zauiTableBorder: false,
   zauiStripe: true
 };
-
-// 获取初始状态，检查是否有待应用的主题
 const getInitialState = () => {
-  // 检查是否有待应用的主题（在模块加载时可能已经设置）
+  var _a;
   let initialAntdConfig = {
     token: {
       colorPrimary: defaultThemeConfig.zauiBrand
     }
   };
-
-  // 尝试获取待应用的主题（避免循环依赖，使用动态导入）
-  if (typeof window !== 'undefined') {
+  if (typeof window !== "undefined") {
     try {
-      // 使用同步方式检查 pendingThemes（通过全局变量访问）
-      // 注意：这里不能直接导入 utils，因为会有循环依赖
-      // 但我们可以通过检查 CSS 变量来判断是否有待应用的主题
-      const cssZauiBrand = document.documentElement.style.getPropertyValue('--zaui-brand')?.trim();
+      const cssZauiBrand = (_a = document.documentElement.style.getPropertyValue("--zaui-brand")) == null ? void 0 : _a.trim();
       if (cssZauiBrand && cssZauiBrand !== defaultThemeConfig.zauiBrand) {
         initialAntdConfig = {
           token: {
@@ -49,7 +39,6 @@ const getInitialState = () => {
         };
       }
     } catch (e) {
-      // 忽略错误，使用默认配置
     }
   }
   return {
@@ -58,35 +47,25 @@ const getInitialState = () => {
     cssVariables: {}
   };
 };
-
-// 初始状态
 const initialState = getInitialState();
-
-// Reducer 函数
 function themeReducer(state, action) {
   switch (action.type) {
-    case 'UPDATE_LOCAL_CONFIG':
+    case "UPDATE_LOCAL_CONFIG":
       return {
         ...state,
-        localConfig: {
-          ...state.localConfig,
-          ...action.payload
-        }
+        localConfig: { ...state.localConfig, ...action.payload }
       };
-    case 'UPDATE_ANTD_CONFIG':
+    case "UPDATE_ANTD_CONFIG":
       return {
         ...state,
         antdConfig: action.payload
       };
-    case 'UPDATE_CSS_VARIABLES':
+    case "UPDATE_CSS_VARIABLES":
       return {
         ...state,
-        cssVariables: {
-          ...state.cssVariables,
-          ...action.payload
-        }
+        cssVariables: { ...state.cssVariables, ...action.payload }
       };
-    case 'RESET_THEME':
+    case "RESET_THEME":
       return {
         ...initialState,
         localConfig: defaultThemeConfig,
@@ -96,73 +75,50 @@ function themeReducer(state, action) {
           }
         }
       };
-    case 'LOAD_FROM_CACHE':
+    case "LOAD_FROM_CACHE":
       return action.payload;
     default:
       return state;
   }
 }
-
-// 创建 Context
-const ThemeContext = /*#__PURE__*/createContext(undefined);
-
-// 全局更新函数注册机制，用于 setThemes 静态方法更新 Context
+const ThemeContext = createContext(void 0);
 let globalUpdateAntdConfig = null;
 let globalUpdateCssVariables = null;
 let globalUpdateLocalConfig = null;
-
-// 注册全局更新函数（由 ThemeProvider 调用）
-export const registerThemeUpdaters = updaters => {
+const registerThemeUpdaters = (updaters) => {
   globalUpdateAntdConfig = updaters.updateAntdConfig;
   globalUpdateCssVariables = updaters.updateCssVariables;
   globalUpdateLocalConfig = updaters.updateLocalConfig;
 };
-
-// 获取全局更新函数（供 setThemes 使用）
-export const getThemeUpdaters = () => ({
+const getThemeUpdaters = () => ({
   updateAntdConfig: globalUpdateAntdConfig,
   updateCssVariables: globalUpdateCssVariables,
   updateLocalConfig: globalUpdateLocalConfig
 });
-
-// Provider 组件
-
-export const ThemeProvider = ({
+const ThemeProvider = ({
   children,
   initialLocalConfig,
   initialAntdConfig
 }) => {
-  // 使用惰性初始化，在组件渲染时检查 CSS 变量
-  const [state, dispatch] = useReducer(themeReducer, initialState, initial => {
-    // 合并初始配置
-    let finalState = {
-      ...initial
-    };
-
-    // 应用 initialLocalConfig
+  const [state, dispatch] = useReducer(themeReducer, initialState, (initial) => {
+    var _a, _b;
+    let finalState = { ...initial };
     if (initialLocalConfig) {
       finalState = {
         ...finalState,
-        localConfig: {
-          ...finalState.localConfig,
-          ...initialLocalConfig
-        }
+        localConfig: { ...finalState.localConfig, ...initialLocalConfig }
       };
     }
-
-    // 应用 initialAntdConfig
     if (initialAntdConfig) {
       finalState = {
         ...finalState,
         antdConfig: initialAntdConfig
       };
     }
-
-    // 在初始化时检查 CSS 变量
-    if (typeof window !== 'undefined') {
+    if (typeof window !== "undefined") {
       try {
-        const cssZauiBrand = document.documentElement.style.getPropertyValue('--zaui-brand')?.trim();
-        if (cssZauiBrand && cssZauiBrand !== finalState.antdConfig.token?.colorPrimary) {
+        const cssZauiBrand = (_a = document.documentElement.style.getPropertyValue("--zaui-brand")) == null ? void 0 : _a.trim();
+        if (cssZauiBrand && cssZauiBrand !== ((_b = finalState.antdConfig.token) == null ? void 0 : _b.colorPrimary)) {
           return {
             ...finalState,
             antdConfig: {
@@ -177,87 +133,53 @@ export const ThemeProvider = ({
           };
         }
       } catch (e) {
-        // 忽略错误
       }
     }
     return finalState;
   });
-  const updateLocalConfig = useCallback(config => {
-    dispatch({
-      type: 'UPDATE_LOCAL_CONFIG',
-      payload: config
-    });
+  const updateLocalConfig = useCallback((config) => {
+    dispatch({ type: "UPDATE_LOCAL_CONFIG", payload: config });
   }, []);
-  const updateAntdConfig = useCallback(config => {
-    dispatch({
-      type: 'UPDATE_ANTD_CONFIG',
-      payload: config
-    });
+  const updateAntdConfig = useCallback((config) => {
+    dispatch({ type: "UPDATE_ANTD_CONFIG", payload: config });
   }, []);
-  const updateCssVariables = useCallback(variables => {
-    dispatch({
-      type: 'UPDATE_CSS_VARIABLES',
-      payload: variables
-    });
+  const updateCssVariables = useCallback((variables) => {
+    dispatch({ type: "UPDATE_CSS_VARIABLES", payload: variables });
   }, []);
   const resetTheme = useCallback(() => {
-    dispatch({
-      type: 'RESET_THEME'
-    });
+    dispatch({ type: "RESET_THEME" });
   }, []);
-  const loadFromCache = useCallback(cacheState => {
-    dispatch({
-      type: 'LOAD_FROM_CACHE',
-      payload: cacheState
-    });
+  const loadFromCache = useCallback((cacheState) => {
+    dispatch({ type: "LOAD_FROM_CACHE", payload: cacheState });
   }, []);
-
-  // 注册全局更新函数，供 setThemes 静态方法使用
   useEffect(() => {
+    var _a, _b;
     registerThemeUpdaters({
       updateAntdConfig,
       updateCssVariables,
       updateLocalConfig
     });
-
-    // 应用待应用的主题配置（如果存在）
-    // 使用同步方式应用以避免闪烁，但需要避免循环依赖
-    // 由于初始状态已经检查了 CSS 变量，这里只需要确保 Context 状态同步
-    if (typeof window !== 'undefined') {
-      // 检查 CSS 变量，如果与当前状态不一致，更新 Context
-      const cssZauiBrand = document.documentElement.style.getPropertyValue('--zaui-brand')?.trim();
-      if (cssZauiBrand && cssZauiBrand !== state.antdConfig.token?.colorPrimary) {
+    if (typeof window !== "undefined") {
+      const cssZauiBrand = (_a = document.documentElement.style.getPropertyValue("--zaui-brand")) == null ? void 0 : _a.trim();
+      if (cssZauiBrand && cssZauiBrand !== ((_b = state.antdConfig.token) == null ? void 0 : _b.colorPrimary)) {
         const antdConfig = {
           token: {
             colorPrimary: cssZauiBrand
           }
         };
         updateAntdConfig(antdConfig);
-        updateLocalConfig({
-          zauiBrand: cssZauiBrand
-        });
+        updateLocalConfig({ zauiBrand: cssZauiBrand });
       }
-
-      // 也检查是否有待应用的主题（通过动态导入）
-      // 使用微任务确保在同一个渲染周期内执行，但避免阻塞
       Promise.resolve().then(() => {
-        // 动态导入以避免循环依赖
-        import("../utils/index").then(({
-          getPendingThemes,
-          setThemes,
-          clearPendingThemes
-        }) => {
+        import("../utils/index").then(({ getPendingThemes, setThemes, clearPendingThemes }) => {
           const 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);
+        }).catch((e) => {
+          if (true) {
+            console.warn("Failed to load pending themes:", e);
           }
         });
       });
@@ -271,20 +193,19 @@ export const ThemeProvider = ({
     resetTheme,
     loadFromCache
   };
-  return /*#__PURE__*/_jsx(ThemeContext.Provider, {
-    value: contextValue,
-    children: children
-  });
+  return /* @__PURE__ */ jsx(ThemeContext.Provider, { value: contextValue, children });
 };
-
-// Hook for using theme context
-export const useTheme = () => {
+const useTheme = () => {
   const context = useContext(ThemeContext);
-  if (context === undefined) {
-    throw new Error('useTheme must be used within a ThemeProvider');
+  if (context === void 0) {
+    throw new Error("useTheme must be used within a ThemeProvider");
   }
   return context;
 };
-
-// 导出默认配置
-export { defaultThemeConfig };
+export {
+  ThemeProvider,
+  defaultThemeConfig,
+  getThemeUpdaters,
+  registerThemeUpdaters,
+  useTheme
+};