@zat-design/sisyphus-react 3.14.0-beta.2 → 4.0.0-beta.10

package/lib/ProTable/components/RenderTabs/index.js

@@ -5,12 +5,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-require("antd/es/tabs/style");
-var _tabs = _interopRequireDefault(require("antd/es/tabs"));
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-require("antd/es/form/style");
-var _form = _interopRequireDefault(require("antd/es/form"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _antd = require("antd");
 var _react = require("react");
 var _useEnum3 = _interopRequireDefault(require("../../../ProEnum/hooks/useEnum"));
 var _jsxRuntime = require("react/jsx-runtime");
@@ -33,7 +30,7 @@ var RenderTabs = props => {
   var _useEnum = (0, _useEnum3.default)(code),
     _useEnum2 = (0, _slicedToArray2.default)(_useEnum, 1),
     options = _useEnum2[0];
-  var fieldValue = _form.default.useWatch(name, form);
+  var fieldValue = _antd.Form.useWatch(name, form);
 
   // 使用useMemo计算派生状态
   var tabItems = (0, _react.useMemo)(() => {
@@ -62,7 +59,7 @@ var RenderTabs = props => {
   if (!(tabItems !== null && tabItems !== void 0 && tabItems.length)) {
     return null;
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_tabs.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Tabs, (0, _objectSpread2.default)((0, _objectSpread2.default)({
     className: "pro-table-tabs",
     onChange: key => {
       var fieldsValues = (form === null || form === void 0 ? void 0 : form.getFieldsValue()) || {};

package/lib/ProTable/components/TableResizable/index.js

@@ -30,7 +30,8 @@ var ResizableTitle = props => {
   if (restProps !== null && restProps !== void 0 && (_restProps$className = restProps.className) !== null && _restProps$className !== void 0 && _restProps$className.includes('ant-table-selection-column')) {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("th", (0, _objectSpread2.default)({}, restProps));
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactResizable.Resizable, {
+  var ResizableComponent = _reactResizable.Resizable;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ResizableComponent, {
     width: Number(width) + Number(offset),
     minConstraints: [minwidth, 0],
     height: 0,

package/lib/ProTable/components/TooltipTitle/index.js

@@ -5,8 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-require("antd/es/tooltip/style");
-var _tooltip = _interopRequireDefault(require("antd/es/tooltip"));
+var _antd = require("antd");
 var _reactSvg = require("react-svg");
 var _tip = _interopRequireDefault(require("../../../assets/tip.svg"));
 var _jsxRuntime = require("react/jsx-runtime");
@@ -18,7 +17,7 @@ var TooltipTitle = props => {
     icon = _ref.icon;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
     className: "pro-table-tooltip",
-    children: [title, /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.default, {
+    children: [title, /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Tooltip, {
       title: tooltipTitle !== null && tooltipTitle !== void 0 ? tooltipTitle : tooltip,
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactSvg.ReactSVG, {
         className: "icon-tip",

package/lib/ProTable/hooks/useAntdTable.js

@@ -8,16 +8,13 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.UNCHECK_ALL = exports.SELECTION_ALL = exports.CURRENT_PAGE = void 0;
 var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-require("antd/es/message/style");
-var _message2 = _interopRequireDefault(require("antd/es/message"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-require("antd/es/form/style");
-var _form2 = _interopRequireDefault(require("antd/es/form"));
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = require("react");
 var _ahooks = require("ahooks");
 var _lodash = require("lodash");
+var _antd = require("antd");
 var _index = require("../index");
 var _utils = require("../utils");
 var _locale = _interopRequireWildcard(require("../../locale"));
@@ -78,7 +75,7 @@ function useAntdTable(service, options, useRequestOptions) {
     transformParams = _useDefaultOptions.transformParams,
     transformResponse = _useDefaultOptions.transformResponse,
     disabled = _useDefaultOptions.disabled;
-  var _Form$useForm = _form2.default.useForm(_form),
+  var _Form$useForm = _antd.Form.useForm(_form),
     _Form$useForm2 = (0, _slicedToArray2.default)(_Form$useForm, 1),
     form = _Form$useForm2[0];
   var _ref = useRequestOptions || {},
@@ -137,7 +134,7 @@ function useAntdTable(service, options, useRequestOptions) {
         total = _ref2$total === void 0 ? 0 : _ref2$total;
       if (list !== null && !Array.isArray(list)) {
         var _locale$ProTable;
-        return _message2.default.error(_locale.default === null || _locale.default === void 0 || (_locale$ProTable = _locale.default.ProTable) === null || _locale$ProTable === void 0 ? void 0 : _locale$ProTable.transformResponseMsg);
+        return _antd.message.error(_locale.default === null || _locale.default === void 0 || (_locale$ProTable = _locale.default.ProTable) === null || _locale$ProTable === void 0 ? void 0 : _locale$ProTable.transformResponseMsg);
       }
       setState({
         total,
@@ -472,7 +469,7 @@ function useAntdTable(service, options, useRequestOptions) {
           return acc;
         }, {});
         setState({
-          selectedRecords: newSelectedKeys === null || newSelectedKeys === void 0 ? void 0 : newSelectedKeys.map(item => selectedRecordObj === null || selectedRecordObj === void 0 ? void 0 : selectedRecordObj[item]),
+          selectedRecords: newSelectedKeys === null || newSelectedKeys === void 0 ? void 0 : newSelectedKeys.map(item => selectedRecordObj === null || selectedRecordObj === void 0 ? void 0 : selectedRecordObj[String(item)]),
           selectedRowKeys: newSelectedKeys
         });
       } else {

package/lib/ProTable/index.d.ts

@@ -8,13 +8,6 @@ export declare const defaultPage: {
 };
 declare const ProTable: {
     (props: ProTableType): import("react/jsx-runtime").JSX.Element;
-    defaultProps: {
-        quickConfig: boolean;
-        stripe: boolean;
-        draggable: boolean;
-        disabled: boolean;
-        isView: boolean;
-    };
     useAntdTable: typeof useAntdTable;
     SELECTION_ALL: string;
     CURRENT_PAGE: string;

package/lib/ProTable/index.js

@@ -48,14 +48,19 @@ var ProTable = props => {
   var tableId = props.tableId,
     headerRender = props.headerRender,
     footerRender = props.footerRender,
-    quickConfig = props.quickConfig,
-    stripe = props.stripe,
+    _props$quickConfig = props.quickConfig,
+    quickConfig = _props$quickConfig === void 0 ? false : _props$quickConfig,
+    _props$stripe = props.stripe,
+    stripe = _props$stripe === void 0 ? true : _props$stripe,
     _props$columns = props.columns,
     propsColumns = _props$columns === void 0 ? [] : _props$columns,
     className = props.className,
-    draggable = props.draggable,
-    disabled = props.disabled,
-    isView = props.isView,
+    _props$draggable = props.draggable,
+    draggable = _props$draggable === void 0 ? false : _props$draggable,
+    _props$disabled = props.disabled,
+    disabled = _props$disabled === void 0 ? false : _props$disabled,
+    _props$isView = props.isView,
+    isView = _props$isView === void 0 ? false : _props$isView,
     rowDisabled = props.rowDisabled,
     summary = props.summary,
     _props$emptyText = props.emptyText,
@@ -448,14 +453,6 @@ var ProTable = props => {
     })
   });
 };
-ProTable.defaultProps = {
-  quickConfig: false,
-  // 默认关闭快速配置
-  stripe: true,
-  draggable: false,
-  disabled: false,
-  isView: false
-};
 ProTable.useAntdTable = _useAntdTable.default;
 ProTable.SELECTION_ALL = _useAntdTable.SELECTION_ALL;
 ProTable.CURRENT_PAGE = _useAntdTable.CURRENT_PAGE;

package/lib/ProTable/propsType.d.ts

@@ -1,9 +1,8 @@
 import { Key, ReactNode } from 'react';
-import { TableProps } from 'antd/es/table/Table';
+import type { TableProps, TooltipProps } from 'antd';
 import { NamePath } from 'antd/es/form/interface';
+import { FormInstance } from 'antd/es/form/Form';
 import { ColumnType, GetRowKey, RowSelectionType } from 'antd/es/table/interface';
-import { FormInstance } from 'antd';
-import type { TooltipProps } from 'antd';
 import type { TabsProps } from 'antd/es/tabs';
 /**
  * 合计栏的每列配置参数

package/lib/ProTable/style/index.less

@@ -1,5 +1,3 @@
-@root-entry-name: 'default';
-@import (reference) '~antd/es/style/themes/index.less';
 
 .pro-table {
   .pro-tooltip .singleLine {
@@ -96,18 +94,18 @@
       }
     }
   }
-  .drag-wrapper {
+  .pro-table-drag-wrapper {
     display: flex;
-    width: 20px;
+    justify-content: flex-end;
+    margin-right: 8px;
     .anticon {
-      margin-right: 12px;
       cursor: pointer;
       .drag-icon {
         margin-right: 0;
       }
     }
   }
-  .drag-wrapper.no-check {
+  .pro-table-drag-wrapper.no-check {
     .anticon {
       margin-right: 0;
     }

package/lib/ProTabs/components/Card/index.js

@@ -1,16 +1,10 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-require("antd/es/tag/style");
-var _tag = _interopRequireDefault(require("antd/es/tag"));
-require("antd/es/space/style");
-var _space = _interopRequireDefault(require("antd/es/space"));
-require("antd/es/spin/style");
-var _spin = _interopRequireDefault(require("antd/es/spin"));
+var _antd = require("antd");
 var _icons = require("@ant-design/icons");
 var _utils = require("@zat-design/utils");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -29,14 +23,14 @@ var Card = props => {
   });
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: "pro-tabs-card",
-    children: mode === 'card' ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_space.default, {
+    children: mode === 'card' ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_antd.Space, {
       size: 8,
       align: size === 'small' ? 'start' : 'center',
       children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         className: "pro-tabs-card-left",
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
           className: "pro-tabs-card-left-total",
-          children: loading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_spin.default, {
+          children: loading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Spin, {
             indicator: antIcon
           }) : _utils.tools.formatAmount(total, 0) || 0
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
@@ -47,10 +41,10 @@ var Card = props => {
         className: "pro-tabs-card-right",
         children: icon || '-'
       })]
-    }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_space.default, {
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_antd.Space, {
       size: 8,
       align: "center",
-      children: [label, /*#__PURE__*/(0, _jsxRuntime.jsx)(_tag.default, {
+      children: [label, /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Tag, {
         color: "#FF5050",
         children: total >= 100 ? '99+' : total || 0
       })]

package/lib/ProTabs/index.js

@@ -6,12 +6,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-require("antd/es/tabs/style");
-var _tabs = _interopRequireDefault(require("antd/es/tabs"));
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
+var _antd = require("antd");
 var _ahooks = require("ahooks");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _lodash = require("lodash");
@@ -117,7 +116,7 @@ var ProTabs = (props, ref) => {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     style: style,
     className: cls,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_tabs.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Tabs, (0, _objectSpread2.default)((0, _objectSpread2.default)({
       animated: false
     }, rest), {}, {
       items: _items,

package/lib/ProTabs/style/index.less

@@ -1,5 +1,3 @@
-@root-entry-name: 'default';
-@import (reference) '~antd/es/style/themes/index.less';
 
 .pro-tabs {
   &.pro-tabs-mode-card {

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

@@ -6,17 +6,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-require("antd/es/button/style");
-var _button = _interopRequireDefault(require("antd/es/button"));
-require("antd/es/switch/style");
-var _switch = _interopRequireDefault(require("antd/es/switch"));
-require("antd/es/radio/style");
-var _radio = _interopRequireDefault(require("antd/es/radio"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-require("antd/es/drawer/style");
-var _drawer = _interopRequireDefault(require("antd/es/drawer"));
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _icons = require("@ant-design/icons");
+var _antd = require("antd");
 var _react = _interopRequireWildcard(require("react"));
 var _index = require("../../utils/index");
 var _ProConfigProvider = require("../../../ProConfigProvider");
@@ -28,7 +21,7 @@ var connect = function connect(Component) {
   };
   return ComponentWrapper;
 };
-var NewDrawer = connect(_drawer.default);
+var NewDrawer = connect(_antd.Drawer);
 var ProTools = _ref => {
   var onReset = _ref.onReset,
     onClose = _ref.onClose,
@@ -81,7 +74,8 @@ var ProTools = _ref => {
           theme: {
             primaryColor: zauiBrand,
             qiankunPrimaryColor: config === null || config === void 0 || (_config$theme = config.theme) === null || _config$theme === void 0 ? void 0 : _config$theme.qiankunPrimaryColor
-          }
+          },
+          forms: {}
         }
       });
     }
@@ -130,7 +124,8 @@ var ProTools = _ref => {
                   theme: {
                     primaryColor: item.color,
                     qiankunPrimaryColor: item.color
-                  }
+                  },
+                  forms: {}
                 }
               });
             },
@@ -147,7 +142,7 @@ var ProTools = _ref => {
         })
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: "pro-theme-tools-item",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_radio.default.Group, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_antd.Radio.Group, {
           value: state.zauiSize,
           onChange: e => {
             setState((0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
@@ -157,13 +152,13 @@ var ProTools = _ref => {
               'zaui-size': e.target.value
             });
           },
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_radio.default.Button, {
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Radio.Button, {
             value: 0.5,
             children: `${_locale.default.ProThemeTools.layoutMode[0]}`
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_radio.default.Button, {
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Radio.Button, {
             value: 1,
             children: `${_locale.default.ProThemeTools.layoutMode[1]}`
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_radio.default.Button, {
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Radio.Button, {
             value: 1.5,
             children: `${_locale.default.ProThemeTools.layoutMode[2]}`
           })]
@@ -178,7 +173,7 @@ var ProTools = _ref => {
         })
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: "pro-theme-tools-item",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_radio.default.Group, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_antd.Radio.Group, {
           value: state.zauiFormAlign,
           onChange: e => {
             setState((0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
@@ -192,14 +187,15 @@ var ProTools = _ref => {
               payload: {
                 ProForm: {
                   labelAlign: e.target.value
-                }
+                },
+                forms: {}
               }
             });
           },
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_radio.default.Button, {
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Radio.Button, {
             value: "left",
             children: `${_locale.default.ProThemeTools.flex[0]}`
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_radio.default.Button, {
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Radio.Button, {
             value: "right",
             children: `${_locale.default.ProThemeTools.flex[1]}`
           })]
@@ -214,7 +210,7 @@ var ProTools = _ref => {
         })
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: "pro-theme-tools-item",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_switch.default, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Switch, {
           checkedChildren: `${_locale.default.ProThemeTools.switchText[0]}`,
           unCheckedChildren: `${_locale.default.ProThemeTools.switchText[1]}`,
           checked: state.zauiTableBorder,
@@ -237,7 +233,7 @@ var ProTools = _ref => {
         })
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: "pro-theme-tools-item",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_switch.default, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Switch, {
           checkedChildren: `${_locale.default.ProThemeTools.switchText[0]}`,
           unCheckedChildren: `${_locale.default.ProThemeTools.switchText[1]}`,
           checked: state.zauiStripe,
@@ -252,7 +248,7 @@ var ProTools = _ref => {
           }
         })
       })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.default, {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Button, {
       className: "copy-btn",
       onClick: () => {
         setActive([{

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

@@ -0,0 +1,31 @@
+import React, { ReactNode } from 'react';
+import type { LocalThemeConfigType } from '../propsType';
+export interface AntdThemeConfigType {
+    token?: {
+        colorPrimary?: string;
+        [key: string]: any;
+    };
+    components?: {
+        [key: string]: any;
+    };
+}
+export interface ThemeStateType {
+    localConfig: LocalThemeConfigType;
+    antdConfig: AntdThemeConfigType;
+    cssVariables: Record<string, any>;
+}
+interface ThemeContextType {
+    state: ThemeStateType;
+    updateLocalConfig: (config: Partial<LocalThemeConfigType>) => void;
+    updateAntdConfig: (config: AntdThemeConfigType) => void;
+    updateCssVariables: (variables: Record<string, any>) => void;
+    resetTheme: () => void;
+    loadFromCache: (cacheState: ThemeStateType) => void;
+}
+declare const defaultThemeConfig: LocalThemeConfigType;
+interface ThemeProviderProps {
+    children: ReactNode;
+}
+export declare const ThemeProvider: React.FC<ThemeProviderProps>;
+export declare const useTheme: () => ThemeContextType;
+export { defaultThemeConfig };

package/lib/ProThemeTools/context/ThemeContext.js

@@ -0,0 +1,145 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useTheme = exports.defaultThemeConfig = exports.ThemeProvider = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _react = _interopRequireWildcard(require("react"));
+var _jsxRuntime = require("react/jsx-runtime");
+// 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 initialState = {
+  localConfig: defaultThemeConfig,
+  antdConfig: {
+    token: {
+      colorPrimary: '#006AFF'
+    }
+  },
+  cssVariables: {}
+};
+
+// Reducer 函数
+function themeReducer(state, action) {
+  switch (action.type) {
+    case 'UPDATE_LOCAL_CONFIG':
+      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
+        localConfig: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state.localConfig), action.payload)
+      });
+    case 'UPDATE_ANTD_CONFIG':
+      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
+        antdConfig: action.payload
+      });
+    case 'UPDATE_CSS_VARIABLES':
+      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
+        cssVariables: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state.cssVariables), action.payload)
+      });
+    case 'RESET_THEME':
+      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, 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);
+
+// Provider 组件
+
+var ThemeProvider = _ref => {
+  var children = _ref.children;
+  var _useReducer = (0, _react.useReducer)(themeReducer, initialState),
+    _useReducer2 = (0, _slicedToArray2.default)(_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
+    });
+  }, []);
+  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,13 +1,9 @@
 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;
-    defaultProps: {
-        size: number;
-        mode: string;
-        color: string;
-        iconFollowTheme: boolean;
-        cacheTime: boolean;
-    };
-    setThemes: (themes: import("./utils/index").ThemesProps, themeMapping?: import("./utils/index").ThemesProps) => boolean;
+    setThemes: (themes: import("./utils/index").ThemesProps) => boolean;
 };
 export default ProThemeTools;
+export { ThemeProvider, useTheme } from './context/ThemeContext';
+export type { AntdThemeConfigType, ThemeStateType } from './context/ThemeContext';
+export type { LocalThemeConfigType, ProThemeToolsType } from './propsType';