@zat-design/sisyphus-react 4.0.6 → 4.0.9

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

@@ -24,7 +24,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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 _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); } // 导入语句
 var connect = function connect(Component) {
   var ComponentWrapper = function ComponentWrapper(props) {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, _objectSpread({}, props));
@@ -40,9 +40,12 @@ var ProTools = _ref => {
     state = _ref.state,
     tableBorder = _ref.tableBorder,
     tableStripe = _ref.tableStripe;
+  // Props 和基础 Hooks
   var _useProConfig = (0, _ProConfigProvider.useProConfig)(),
     config = _useProConfig.state,
     dispatch = _useProConfig.dispatch;
+
+  // 状态和 Refs
   var _useState = (0, _react.useState)([{
       color: '#006AFF',
       active: true
@@ -62,19 +65,112 @@ var ProTools = _ref => {
     _useState2 = _slicedToArray(_useState, 2),
     active = _useState2[0],
     setActive = _useState2[1];
+
+  // 事件处理函数
+  var handleThemeColorClick = item => {
+    var array = active.map(activeItem => {
+      activeItem.active = false;
+      return {
+        color: activeItem.color,
+        active: item.color === activeItem.color
+      };
+    });
+    setActive(array);
+    setState(_objectSpread(_objectSpread({}, state), {}, {
+      zauiBrand: item.color
+    }));
+    (0, _index.setThemes)({
+      'zaui-brand': item.color
+    });
+    dispatch({
+      type: 'set',
+      payload: {
+        theme: {
+          primaryColor: item.color,
+          qiankunPrimaryColor: item.color
+        },
+        forms: {}
+      }
+    });
+  };
+  var handleLayoutChange = value => {
+    setState(_objectSpread(_objectSpread({}, state), {}, {
+      zauiSize: value
+    }));
+    (0, _index.setThemes)({
+      'zaui-size': value
+    });
+  };
+  var handleFormAlignChange = value => {
+    setState(_objectSpread(_objectSpread({}, state), {}, {
+      zauiFormAlign: value
+    }));
+    (0, _index.setThemes)({
+      'zaui-form-align': value
+    });
+    dispatch({
+      type: 'setWithLocal',
+      payload: {
+        ProForm: {
+          labelAlign: value
+        },
+        forms: {}
+      }
+    });
+  };
+  var handleTableBorderClick = value => {
+    setState(_objectSpread(_objectSpread({}, state), {}, {
+      zauiTableBorder: value
+    }));
+    (0, _index.setThemes)({
+      'zaui-table-border': value
+    });
+  };
+  var handleTableStripeClick = value => {
+    setState(_objectSpread(_objectSpread({}, state), {}, {
+      zauiStripe: value
+    }));
+    (0, _index.setThemes)({
+      'zaui-stripe': value,
+      'zaui-table-strip-bg': value ? '#fafafa' : '#ffffff'
+    });
+  };
+  var handleResetClick = () => {
+    setActive([{
+      color: '#006AFF',
+      active: true
+    }, {
+      color: '#00BC70',
+      active: false
+    }, {
+      color: '#FF8C16',
+      active: false
+    }, {
+      color: '#A00F20',
+      active: false
+    }]);
+    onReset();
+  };
+
+  // 所有 useEffect 集中放置
   (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 _ref2 = curThemeConfig.data || {},
       _ref2$zauiBrand = _ref2.zauiBrand,
       zauiBrand = _ref2$zauiBrand === void 0 ? '#006AFF' : _ref2$zauiBrand;
-    if (zauiBrand) {
-      var _config$theme;
+
+    // 优先使用 CSS 变量的值
+    var finalZauiBrand = existingZauiBrand || zauiBrand;
+    if (finalZauiBrand) {
       var newArray = active.map(activeItem => {
         activeItem.active = false;
         return {
           color: activeItem.color,
-          active: activeItem.color === zauiBrand.toLocaleUpperCase()
+          active: activeItem.color === finalZauiBrand.toLocaleUpperCase()
         };
       });
       setActive(newArray);
@@ -82,8 +178,8 @@ var ProTools = _ref => {
         type: 'set',
         payload: {
           theme: {
-            primaryColor: zauiBrand,
-            qiankunPrimaryColor: config === null || config === void 0 || (_config$theme = config.theme) === null || _config$theme === void 0 ? void 0 : _config$theme.qiankunPrimaryColor
+            primaryColor: finalZauiBrand,
+            qiankunPrimaryColor: finalZauiBrand
           },
           forms: {}
         }
@@ -92,7 +188,7 @@ var ProTools = _ref => {
   }, []);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(NewDrawer, {
     className: "pro-theme-prd-tools-drawer",
-    width: 400,
+    size: 400,
     title: `${_locale.default.ProThemeTools.title}`,
     placement: "right",
     onClose: onClose,
@@ -113,32 +209,7 @@ var ProTools = _ref => {
         children: active.map((item, index) => {
           return /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
             className: item.active ? 'active' : '',
-            onClick: () => {
-              var array = active.map(activeItem => {
-                activeItem.active = false;
-                return {
-                  color: activeItem.color,
-                  active: item.color === activeItem.color
-                };
-              });
-              setActive(array);
-              setState(_objectSpread(_objectSpread({}, state), {}, {
-                zauiBrand: item.color
-              }));
-              (0, _index.setThemes)({
-                'zaui-brand': item.color
-              });
-              dispatch({
-                type: 'set',
-                payload: {
-                  theme: {
-                    primaryColor: item.color,
-                    qiankunPrimaryColor: item.color
-                  },
-                  forms: {}
-                }
-              });
-            },
+            onClick: () => handleThemeColorClick(item),
             children: item.active ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.CheckOutlined, {}) : null
           }, item.color);
         })
@@ -154,14 +225,7 @@ var ProTools = _ref => {
         className: "pro-theme-tools-item",
         children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_antd.Radio.Group, {
           value: state.zauiSize,
-          onChange: e => {
-            setState(_objectSpread(_objectSpread({}, state), {}, {
-              zauiSize: e.target.value
-            }));
-            (0, _index.setThemes)({
-              'zaui-size': e.target.value
-            });
-          },
+          onChange: e => handleLayoutChange(e.target.value),
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Radio.Button, {
             value: 0.5,
             children: `${_locale.default.ProThemeTools.layoutMode[0]}`
@@ -185,23 +249,7 @@ var ProTools = _ref => {
         className: "pro-theme-tools-item",
         children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_antd.Radio.Group, {
           value: state.zauiFormAlign,
-          onChange: e => {
-            setState(_objectSpread(_objectSpread({}, state), {}, {
-              zauiFormAlign: e.target.value
-            }));
-            (0, _index.setThemes)({
-              'zaui-form-align': e.target.value
-            });
-            dispatch({
-              type: 'setWithLocal',
-              payload: {
-                ProForm: {
-                  labelAlign: e.target.value
-                },
-                forms: {}
-              }
-            });
-          },
+          onChange: e => handleFormAlignChange(e.target.value),
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Radio.Button, {
             value: "left",
             children: `${_locale.default.ProThemeTools.flex[0]}`
@@ -224,14 +272,7 @@ var ProTools = _ref => {
           checkedChildren: `${_locale.default.ProThemeTools.switchText[0]}`,
           unCheckedChildren: `${_locale.default.ProThemeTools.switchText[1]}`,
           checked: state.zauiTableBorder,
-          onClick: value => {
-            setState(_objectSpread(_objectSpread({}, state), {}, {
-              zauiTableBorder: value
-            }));
-            (0, _index.setThemes)({
-              'zaui-table-border': value
-            });
-          }
+          onClick: handleTableBorderClick
         })
       })]
     }), tableStripe && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
@@ -247,35 +288,12 @@ var ProTools = _ref => {
           checkedChildren: `${_locale.default.ProThemeTools.switchText[0]}`,
           unCheckedChildren: `${_locale.default.ProThemeTools.switchText[1]}`,
           checked: state.zauiStripe,
-          onClick: value => {
-            setState(_objectSpread(_objectSpread({}, state), {}, {
-              zauiStripe: value
-            }));
-            (0, _index.setThemes)({
-              'zaui-stripe': value,
-              'zaui-table-strip-bg': value ? '#fafafa' : '#ffffff'
-            });
-          }
+          onClick: handleTableStripeClick
         })
       })]
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Button, {
       className: "copy-btn",
-      onClick: () => {
-        setActive([{
-          color: '#006AFF',
-          active: true
-        }, {
-          color: '#00BC70',
-          active: false
-        }, {
-          color: '#FF8C16',
-          active: false
-        }, {
-          color: '#A00F20',
-          active: false
-        }]);
-        onReset();
-      },
+      onClick: handleResetClick,
       children: `${_locale.default.ProThemeTools.reset}`
     })]
   });

package/lib/ProThemeTools/context/ThemeContext.d.ts

@@ -23,6 +23,16 @@ interface ThemeContextType {
     loadFromCache: (cacheState: ThemeStateType) => void;
 }
 declare const defaultThemeConfig: LocalThemeConfigType;
+export declare const registerThemeUpdaters: (updaters: {
+    updateAntdConfig: (config: AntdThemeConfigType) => void;
+    updateCssVariables: (variables: Record<string, any>) => void;
+    updateLocalConfig: (config: Partial<LocalThemeConfigType>) => void;
+}) => void;
+export declare const getThemeUpdaters: () => {
+    updateAntdConfig: (config: AntdThemeConfigType) => void;
+    updateCssVariables: (variables: Record<string, any>) => void;
+    updateLocalConfig: (config: Partial<LocalThemeConfigType>) => void;
+};
 interface ThemeProviderProps {
     children: ReactNode;
 }

package/lib/ProThemeTools/context/ThemeContext.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useTheme = exports.defaultThemeConfig = exports.ThemeProvider = void 0;
+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); }
@@ -84,8 +84,28 @@ function themeReducer(state, action) {
 // 创建 Context
 var ThemeContext = /*#__PURE__*/(0, _react.createContext)(undefined);
 
-// Provider 组件
+// 全局更新函数注册机制，用于 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;
   var _useReducer = (0, _react.useReducer)(themeReducer, initialState),
@@ -121,6 +141,15 @@ var ThemeProvider = _ref => {
       payload: cacheState
     });
   }, []);
+
+  // 注册全局更新函数，供 setThemes 静态方法使用
+  _react.default.useEffect(() => {
+    registerThemeUpdaters({
+      updateAntdConfig,
+      updateCssVariables,
+      updateLocalConfig
+    });
+  }, [updateAntdConfig, updateCssVariables, updateLocalConfig]);
   var contextValue = {
     state,
     updateLocalConfig,

package/lib/ProThemeTools/index.js

@@ -30,6 +30,7 @@ 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; }
@@ -90,6 +91,7 @@ var ProThemeTools = _ref => {
     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],
@@ -98,16 +100,25 @@ var ProThemeTools = _ref => {
     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);
@@ -139,8 +150,6 @@ var ProThemeTools = _ref => {
     (0, _index.setThemes)(cssVars);
     updateCssVariables(cssVars);
   };
-
-  // 复制
   var onCopy = () => {
     var data = JSON.stringify((0, _index.getMapKebabCase)(state, '@'));
     var input = document.createElement('input');
@@ -154,8 +163,17 @@ var ProThemeTools = _ref => {
     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;
@@ -165,6 +183,11 @@ var ProThemeTools = _ref => {
       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));
@@ -180,13 +203,20 @@ var ProThemeTools = _ref => {
       });
       updateAntdConfig(antdConfig);
     } else {
-      var cssVars = (0, _index.getMapKebabCase)(state);
+      // 如果 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': state === null || state === void 0 ? void 0 : state.zauiBrand
+        'zaui-brand': finalZauiBrand
       });
       updateAntdConfig(_antdConfig);
     }
@@ -247,11 +277,6 @@ var ProThemeTools = _ref => {
       onChange === null || onChange === void 0 || onChange(state);
     }
   }, [state]);
-  var cls = (0, _classnames.default)({
-    'pro-theme-tools': true,
-    'pro-theme-tools-follow': iconFollowTheme,
-    [className]: className
-  });
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({}, props), {}, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: cls,

package/lib/ProThemeTools/utils/index.d.ts

@@ -1,6 +1,12 @@
 export interface ThemesProps {
     [key: string]: any;
 }
+declare let getThemeUpdaters: (() => {
+    updateAntdConfig: ((config: any) => void) | null;
+    updateCssVariables: ((variables: Record<string, any>) => void) | null;
+    updateLocalConfig: ((config: any) => void) | null;
+}) | null;
+export declare const setThemeUpdatersGetter: (getter: typeof getThemeUpdaters) => void;
 /**
  * 将 kebab-case 的主题配置转换为 antd5 的 token 格式
  * @param themes kebab-case 格式的主题配置
@@ -11,7 +17,8 @@ export declare const convertToAntd5Tokens: (themes: ThemesProps, themeMapping?:
 };
 /**
  * 设置主题变量 - antd5 兼容版本
- * 只设置 CSS 变量，不再使用 ConfigProvider.config
+ * 设置 CSS 变量，并同步更新 Context 的 antdConfig
+ * @param themes 主题配置对象，会自动过滤掉 antdConfig
  */
 export declare const setThemes: (themes: ThemesProps) => boolean;
 /**
@@ -39,3 +46,4 @@ export declare const setTableNoStripe: (stripe: boolean, prefixCls?: string) =>
  * @param border boolean
  */
 export declare const setTableBorder: (border: boolean) => void;
+export {};

package/lib/ProThemeTools/utils/index.js

@@ -3,13 +3,28 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.setThemes = exports.setTableNoStripe = exports.setTableBorder = exports.getMapKebabCase = exports.getMapHumpCase = exports.getKebabCase = exports.getAntd5ThemeConfig = exports.convertToAntd5Tokens = void 0;
+exports.setThemes = exports.setThemeUpdatersGetter = exports.setTableNoStripe = exports.setTableBorder = exports.getMapKebabCase = exports.getMapHumpCase = exports.getKebabCase = exports.getAntd5ThemeConfig = exports.convertToAntd5Tokens = void 0;
+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); }
+// 动态导入 getThemeUpdaters，避免循环依赖
+var getThemeUpdaters = null;
+
+// 设置 getThemeUpdaters 函数（由 index.tsx 调用）
+var setThemeUpdatersGetter = getter => {
+  getThemeUpdaters = getter;
+};
+
 /** antd5 主题配置 mapping */
+exports.setThemeUpdatersGetter = setThemeUpdatersGetter;
 var antd5ConfigMapping = {
   'zaui-brand': 'colorPrimary'
   // 可以根据需要添加更多映射
@@ -37,7 +52,8 @@ var convertToAntd5Tokens = (themes, themeMapping) => {
 
 /**
  * 设置主题变量 - antd5 兼容版本
- * 只设置 CSS 变量，不再使用 ConfigProvider.config
+ * 设置 CSS 变量，并同步更新 Context 的 antdConfig
+ * @param themes 主题配置对象，会自动过滤掉 antdConfig
  */
 exports.convertToAntd5Tokens = convertToAntd5Tokens;
 var setThemes = themes => {
@@ -45,11 +61,75 @@ var setThemes = themes => {
     return false;
   }
 
-  // 只设置 CSS 变量，主题配置通过 Context 管理
-  var list = Object.entries(themes);
-  list.forEach(item => {
-    document.documentElement.style.setProperty(`--${item[0]}`, item[1]);
+  // 过滤掉 antdConfig，它只用于 Ant Design ConfigProvider，不应作为 CSS 变量
+  var filteredThemes = Object.entries(themes).filter(_ref => {
+    var _ref2 = _slicedToArray(_ref, 1),
+      key = _ref2[0];
+    return key !== 'antdConfig';
   });
+  if (!filteredThemes.length) {
+    return false;
+  }
+
+  // 设置 CSS 变量
+  filteredThemes.forEach(_ref3 => {
+    var _ref4 = _slicedToArray(_ref3, 2),
+      key = _ref4[0],
+      value = _ref4[1];
+    // 确保值是字符串或数字，对象类型不应作为 CSS 变量
+    if (typeof value === 'string' || typeof value === 'number' || typeof value === 'boolean') {
+      var cssVarName = `--${key}`;
+      var cssVarValue = String(value);
+      document.documentElement.style.setProperty(cssVarName, cssVarValue);
+    }
+  });
+
+  // 同步更新 Context（如果已注册）
+  if (getThemeUpdaters) {
+    var updaters = getThemeUpdaters();
+
+    // 更新 CSS 变量到 Context
+    if (updaters.updateCssVariables) {
+      updaters.updateCssVariables(filteredThemes.reduce((acc, _ref5) => {
+        var _ref6 = _slicedToArray(_ref5, 2),
+          key = _ref6[0],
+          value = _ref6[1];
+        if (typeof value === 'string' || typeof value === 'number' || typeof value === 'boolean') {
+          acc[key] = value;
+        }
+        return acc;
+      }, {}));
+    }
+
+    // 如果设置了 zaui-brand，同步更新 antdConfig
+    var zauiBrand = themes['zaui-brand'];
+    if (zauiBrand && typeof zauiBrand === 'string' && updaters.updateAntdConfig) {
+      var antdConfig = convertToAntd5Tokens({
+        'zaui-brand': zauiBrand
+      });
+      updaters.updateAntdConfig(antdConfig);
+    }
+
+    // 更新本地配置（将 kebab-case 转换为驼峰格式）
+    if (updaters.updateLocalConfig) {
+      var localConfig = {};
+      filteredThemes.forEach(_ref7 => {
+        var _ref8 = _slicedToArray(_ref7, 2),
+          key = _ref8[0],
+          value = _ref8[1];
+        if (typeof value === 'string' || typeof value === 'number' || typeof value === 'boolean') {
+          // 将 kebab-case 转换为驼峰格式
+          var camelKey = key.replace(/-(\w)/g, (_, letter) => letter.toUpperCase());
+          if (camelKey === 'zauiBrand') {
+            localConfig.zauiBrand = value;
+          }
+        }
+      });
+      if (Object.keys(localConfig).length > 0) {
+        updaters.updateLocalConfig(localConfig);
+      }
+    }
+  }
   return true;
 };