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

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

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

package/lib/ProTable/hooks/useAntdTable.js

@@ -6,14 +6,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-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 _omit2 = _interopRequireDefault(require("lodash/omit"));
@@ -24,10 +19,13 @@ var _isObject2 = _interopRequireDefault(require("lodash/isObject"));
 var _pickBy3 = _interopRequireDefault(require("lodash/pickBy"));
 var _react = require("react");
 var _ahooks = require("ahooks");
+var _antd = require("antd");
 var _index = require("../index");
 var _utils = require("../utils");
 var _locale = _interopRequireWildcard(require("../../locale"));
 var _excluded = ["page", "filters", "sorter"];
+function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i.return) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
+function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { if (r) i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n;else { var o = function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); }; o("next", 0), o("throw", 1), o("return", 2); } }, _regeneratorDefine2(e, r, n, t); }
 var useDefaultOptions = function useDefaultOptions(options) {
   var _useState = (0, _react.useState)((options === null || options === void 0 ? void 0 : options.page) || _index.defaultPage),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -81,7 +79,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 || {},
@@ -141,7 +139,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 ? 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 ? void 0 : (_locale$ProTable = _locale.default.ProTable) === null || _locale$ProTable === void 0 ? void 0 : _locale$ProTable.transformResponseMsg);
       }
       setState({
         total: total,
@@ -322,24 +320,23 @@ function useAntdTable(service, options, useRequestOptions) {
     }
   };
   var handleRefresh = /*#__PURE__*/function () {
-    var _ref4 = (0, _asyncToGenerator2.default)(/*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee() {
+    var _ref4 = (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator().m(function _callee() {
       var res;
-      return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
+      return _regenerator().w(function (_context) {
+        while (1) switch (_context.n) {
           case 0:
             setState({
               allSelected: false,
               selectedRecords: [],
               selectedRowKeys: []
             });
-            _context.next = 3;
+            _context.n = 1;
             return refreshAsync();
-          case 3:
-            res = _context.sent;
+          case 1:
+            res = _context.v;
             refreshPage(res);
-          case 5:
-          case "end":
-            return _context.stop();
+          case 2:
+            return _context.a(2);
         }
       }, _callee);
     }));
@@ -412,9 +409,9 @@ function useAntdTable(service, options, useRequestOptions) {
         total: total
       }),
       onSelect: function () {
-        var _onSelect = (0, _asyncToGenerator2.default)(/*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee2(changeableRowKeys) {
-          return (0, _regeneratorRuntime2.default)().wrap(function _callee2$(_context2) {
-            while (1) switch (_context2.prev = _context2.next) {
+        var _onSelect = (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator().m(function _callee2(changeableRowKeys) {
+          return _regenerator().w(function (_context2) {
+            while (1) switch (_context2.n) {
               case 0:
                 setState({
                   allSelected: true,
@@ -422,8 +419,7 @@ function useAntdTable(service, options, useRequestOptions) {
                   selectedRowKeys: changeableRowKeys
                 });
               case 1:
-              case "end":
-                return _context2.stop();
+                return _context2.a(2);
             }
           }, _callee2);
         }));
@@ -436,9 +432,9 @@ function useAntdTable(service, options, useRequestOptions) {
       key: 'uncheckAll',
       text: _locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProTable4 = _locale.default.ProTable) === null || _locale$ProTable4 === void 0 ? void 0 : _locale$ProTable4.deselect,
       onSelect: function () {
-        var _onSelect2 = (0, _asyncToGenerator2.default)(/*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee3() {
-          return (0, _regeneratorRuntime2.default)().wrap(function _callee3$(_context3) {
-            while (1) switch (_context3.prev = _context3.next) {
+        var _onSelect2 = (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator().m(function _callee3() {
+          return _regenerator().w(function (_context3) {
+            while (1) switch (_context3.n) {
               case 0:
                 setState({
                   allSelected: false,
@@ -446,8 +442,7 @@ function useAntdTable(service, options, useRequestOptions) {
                   selectedRowKeys: []
                 });
               case 1:
-              case "end":
-                return _context3.stop();
+                return _context3.a(2);
             }
           }, _callee3);
         }));

package/lib/ProTable/index.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.defaultPage = exports.default = exports.TableContext = void 0;
-var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
@@ -34,6 +33,8 @@ var _utils = require("./utils");
 var _locale = _interopRequireDefault(require("../locale"));
 var _excluded = ["tableId", "headerRender", "footerRender", "quickConfig", "stripe", "columns", "className", "draggable", "disabled", "isView", "rowDisabled", "summary", "emptyText", "diffConfig", "onDragStart", "onDragEnd", "tabs"],
   _excluded2 = ["resizeColumn", "columnConfig", "cacheTime", "storage"];
+function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i.return) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
+function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { if (r) i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n;else { var o = function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); }; o("next", 0), o("throw", 1), o("return", 2); } }, _regeneratorDefine2(e, r, n, t); }
 var defaultCacheTime = 1; // columns 配置保存时间为一天
 // 全局上下文
 var TableContext = exports.TableContext = /*#__PURE__*/(0, _react.createContext)({});
@@ -264,10 +265,10 @@ var ProTable = function ProTable(props) {
     _scroll = props === null || props === void 0 ? void 0 : props.scroll;
   }
   var handleColumnConfig = /*#__PURE__*/function () {
-    var _ref6 = (0, _asyncToGenerator2.default)(/*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(checkList) {
+    var _ref6 = (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator().m(function _callee(checkList) {
       var newColumns, _columnConfig$onColum, catchColumns;
-      return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
+      return _regenerator().w(function (_context) {
+        while (1) switch (_context.n) {
           case 0:
             newColumns = [];
             if (checkList === 'all') {
@@ -278,7 +279,7 @@ var ProTable = function ProTable(props) {
               });
             }
             if (!(0, _isObject2.default)(columnConfig)) {
-              _context.next = 6;
+              _context.n = 1;
               break;
             }
             catchColumns = (0, _defineProperty2.default)({}, pathKey, {
@@ -289,13 +290,12 @@ var ProTable = function ProTable(props) {
                 };
               })
             });
-            _context.next = 6;
+            _context.n = 1;
             return columnConfig === null || columnConfig === void 0 ? void 0 : (_columnConfig$onColum = columnConfig.onColumnOk) === null || _columnConfig$onColum === void 0 ? void 0 : _columnConfig$onColum.call(columnConfig, catchColumns, newColumns);
-          case 6:
+          case 1:
             setCurColumns(newColumns);
-          case 7:
-          case "end":
-            return _context.stop();
+          case 2:
+            return _context.a(2);
         }
       }, _callee);
     }));
@@ -373,18 +373,17 @@ var ProTable = function ProTable(props) {
     return _rowSelection;
   };
   var onDataSourceChange = /*#__PURE__*/function () {
-    var _ref7 = (0, _asyncToGenerator2.default)(/*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee2(nextDataSource) {
-      return (0, _regeneratorRuntime2.default)().wrap(function _callee2$(_context2) {
-        while (1) switch (_context2.prev = _context2.next) {
+    var _ref7 = (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator().m(function _callee2(nextDataSource) {
+      return _regenerator().w(function (_context2) {
+        while (1) switch (_context2.n) {
           case 0:
             setState({
               dataSource: nextDataSource
             });
             // 覆盖引用值
             (0, _assign2.default)(dataSource, nextDataSource);
-          case 2:
-          case "end":
-            return _context2.stop();
+          case 1:
+            return _context2.a(2);
         }
       }, _callee2);
     }));

package/lib/ProTable/propsType.d.ts

@@ -1,9 +1,7 @@
 import { Key, ReactNode } from 'react';
-import { TableProps } from 'antd/es/table/Table';
+import type { TableProps, FormInstance, TooltipProps } from 'antd';
 import { NamePath } from 'antd/es/form/interface';
 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,5 @@
-@root-entry-name: 'default';
-@import (reference) '~antd/es/style/themes/index.less';
+/* @root-entry-name: 'default'; */
+/* @import (reference) '~antd/es/style/themes/index.less'; */
 
 .pro-table {
   .pro-tooltip .singleLine {
@@ -97,10 +97,10 @@
     }
   }
   .drag-wrapper {
-    display: flex;
-    width: 20px;
+    display: inline-flex;
+    width: auto;
+    margin-right: 8px;
     .anticon {
-      margin-right: 12px;
       cursor: pointer;
       .drag-icon {
         margin-right: 0;

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

@@ -1,17 +1,11 @@
 "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/spin/style");
-var _spin = _interopRequireDefault(require("antd/es/spin"));
-require("antd/es/space/style");
-var _space = _interopRequireDefault(require("antd/es/space"));
 var _jsxRuntime = require("react/jsx-runtime");
+var _antd = require("antd");
 var _icons = require("@ant-design/icons");
 var _utils = require("@zat-design/utils");
 var Card = function Card(props) {
@@ -28,14 +22,14 @@ var Card = function Card(props) {
   });
   return (0, _jsxRuntime.jsx)("div", {
     className: "pro-tabs-card",
-    children: mode === 'card' ? (0, _jsxRuntime.jsxs)(_space.default, {
+    children: mode === 'card' ? (0, _jsxRuntime.jsxs)(_antd.Space, {
       size: 8,
       align: "center",
       children: [(0, _jsxRuntime.jsxs)("div", {
         className: "pro-tabs-card-left",
         children: [(0, _jsxRuntime.jsx)("div", {
           className: "pro-tabs-card-left-total",
-          children: loading ? (0, _jsxRuntime.jsx)(_spin.default, {
+          children: loading ? (0, _jsxRuntime.jsx)(_antd.Spin, {
             indicator: antIcon
           }) : _utils.tools.formatAmount(total, 0) || 0
         }), (0, _jsxRuntime.jsx)("div", {
@@ -46,10 +40,10 @@ var Card = function Card(props) {
         className: "pro-tabs-card-right",
         children: icon || '-'
       })]
-    }) : (0, _jsxRuntime.jsxs)(_space.default, {
+    }) : (0, _jsxRuntime.jsxs)(_antd.Space, {
       size: 8,
       align: "center",
-      children: [label, (0, _jsxRuntime.jsx)(_tag.default, {
+      children: [label, (0, _jsxRuntime.jsx)(_antd.Tag, {
         color: "#FF5050",
         children: total >= 100 ? '99+' : total || 0
       })]

package/lib/ProTabs/index.js

@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-require("antd/es/tabs/style");
-var _tabs = _interopRequireDefault(require("antd/es/tabs"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
@@ -14,6 +12,7 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _omit2 = _interopRequireDefault(require("lodash/omit"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _react = require("react");
+var _antd = require("antd");
 var _ahooks = require("ahooks");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _components = require("./components");
@@ -106,7 +105,7 @@ var ProTabs = function ProTabs(props, ref) {
   return (0, _jsxRuntime.jsx)("div", {
     style: style,
     className: cls,
-    children: (0, _jsxRuntime.jsx)(_tabs.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+    children: (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,5 @@
-@root-entry-name: 'default';
-@import (reference) '~antd/es/style/themes/index.less';
+/* @root-entry-name: 'default'; */
+/* @import (reference) '~antd/es/style/themes/index.less'; */
 
 .pro-tabs {
   .@{ant-prefix}-tabs .@{ant-prefix}-tabs-nav-list .@{ant-prefix}-tabs-tab {

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

@@ -5,18 +5,11 @@ 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 _jsxRuntime = require("react/jsx-runtime");
 var _icons = require("@ant-design/icons");
+var _antd = require("antd");
 var _react = require("react");
 var _index = require("../../utils/index");
 var _ProConfigProvider = require("../../../ProConfigProvider");
@@ -27,7 +20,7 @@ var connect = function connect(Component) {
   };
   return ComponentWrapper;
 };
-var NewDrawer = connect(_drawer.default);
+var NewDrawer = connect(_antd.Drawer);
 var ProTools = function ProTools(_ref) {
   var onReset = _ref.onReset,
     onClose = _ref.onClose,
@@ -80,7 +73,8 @@ var ProTools = function ProTools(_ref) {
           theme: {
             primaryColor: zauiBrand,
             qiankunPrimaryColor: config === null || config === void 0 ? void 0 : (_config$theme = config.theme) === null || _config$theme === void 0 ? void 0 : _config$theme.qiankunPrimaryColor
-          }
+          },
+          forms: {}
         }
       });
     }
@@ -129,7 +123,8 @@ var ProTools = function ProTools(_ref) {
                   theme: {
                     primaryColor: item.color,
                     qiankunPrimaryColor: item.color
-                  }
+                  },
+                  forms: {}
                 }
               });
             },
@@ -146,7 +141,7 @@ var ProTools = function ProTools(_ref) {
         })
       }), (0, _jsxRuntime.jsx)("div", {
         className: "pro-theme-tools-item",
-        children: (0, _jsxRuntime.jsxs)(_radio.default.Group, {
+        children: (0, _jsxRuntime.jsxs)(_antd.Radio.Group, {
           value: state.zauiSize,
           onChange: function onChange(e) {
             setState((0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
@@ -156,13 +151,13 @@ var ProTools = function ProTools(_ref) {
               'zaui-size': e.target.value
             });
           },
-          children: [(0, _jsxRuntime.jsx)(_radio.default.Button, {
+          children: [(0, _jsxRuntime.jsx)(_antd.Radio.Button, {
             value: 0.5,
             children: "".concat(_locale.default.ProThemeTools.layoutMode[0])
-          }), (0, _jsxRuntime.jsx)(_radio.default.Button, {
+          }), (0, _jsxRuntime.jsx)(_antd.Radio.Button, {
             value: 1,
             children: "".concat(_locale.default.ProThemeTools.layoutMode[1])
-          }), (0, _jsxRuntime.jsx)(_radio.default.Button, {
+          }), (0, _jsxRuntime.jsx)(_antd.Radio.Button, {
             value: 1.5,
             children: "".concat(_locale.default.ProThemeTools.layoutMode[2])
           })]
@@ -177,7 +172,7 @@ var ProTools = function ProTools(_ref) {
         })
       }), (0, _jsxRuntime.jsx)("div", {
         className: "pro-theme-tools-item",
-        children: (0, _jsxRuntime.jsxs)(_radio.default.Group, {
+        children: (0, _jsxRuntime.jsxs)(_antd.Radio.Group, {
           value: state.zauiFormAlign,
           onChange: function onChange(e) {
             setState((0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
@@ -191,14 +186,15 @@ var ProTools = function ProTools(_ref) {
               payload: {
                 ProForm: {
                   labelAlign: e.target.value
-                }
+                },
+                forms: {}
               }
             });
           },
-          children: [(0, _jsxRuntime.jsx)(_radio.default.Button, {
+          children: [(0, _jsxRuntime.jsx)(_antd.Radio.Button, {
             value: "left",
             children: "".concat(_locale.default.ProThemeTools.flex[0])
-          }), (0, _jsxRuntime.jsx)(_radio.default.Button, {
+          }), (0, _jsxRuntime.jsx)(_antd.Radio.Button, {
             value: "right",
             children: "".concat(_locale.default.ProThemeTools.flex[1])
           })]
@@ -213,7 +209,7 @@ var ProTools = function ProTools(_ref) {
         })
       }), (0, _jsxRuntime.jsx)("div", {
         className: "pro-theme-tools-item",
-        children: (0, _jsxRuntime.jsx)(_switch.default, {
+        children: (0, _jsxRuntime.jsx)(_antd.Switch, {
           checkedChildren: "".concat(_locale.default.ProThemeTools.switchText[0]),
           unCheckedChildren: "".concat(_locale.default.ProThemeTools.switchText[1]),
           checked: state.zauiTableBorder,
@@ -236,7 +232,7 @@ var ProTools = function ProTools(_ref) {
         })
       }), (0, _jsxRuntime.jsx)("div", {
         className: "pro-theme-tools-item",
-        children: (0, _jsxRuntime.jsx)(_switch.default, {
+        children: (0, _jsxRuntime.jsx)(_antd.Switch, {
           checkedChildren: "".concat(_locale.default.ProThemeTools.switchText[0]),
           unCheckedChildren: "".concat(_locale.default.ProThemeTools.switchText[1]),
           checked: state.zauiStripe,
@@ -251,7 +247,7 @@ var ProTools = function ProTools(_ref) {
           }
         })
       })]
-    }), (0, _jsxRuntime.jsx)(_button.default, {
+    }), (0, _jsxRuntime.jsx)(_antd.Button, {
       className: "copy-btn",
       onClick: function 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,126 @@
+"use strict";
+
+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 _jsxRuntime = require("react/jsx-runtime");
+var _react = require("react");
+// 默认主题配置
+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);
+var ThemeProvider = exports.ThemeProvider = function 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)(function (config) {
+    dispatch({
+      type: 'UPDATE_LOCAL_CONFIG',
+      payload: config
+    });
+  }, []);
+  var updateAntdConfig = (0, _react.useCallback)(function (config) {
+    dispatch({
+      type: 'UPDATE_ANTD_CONFIG',
+      payload: config
+    });
+  }, []);
+  var updateCssVariables = (0, _react.useCallback)(function (variables) {
+    dispatch({
+      type: 'UPDATE_CSS_VARIABLES',
+      payload: variables
+    });
+  }, []);
+  var resetTheme = (0, _react.useCallback)(function () {
+    dispatch({
+      type: 'RESET_THEME'
+    });
+  }, []);
+  var loadFromCache = (0, _react.useCallback)(function (cacheState) {
+    dispatch({
+      type: 'LOAD_FROM_CACHE',
+      payload: cacheState
+    });
+  }, []);
+  var contextValue = {
+    state: state,
+    updateLocalConfig: updateLocalConfig,
+    updateAntdConfig: updateAntdConfig,
+    updateCssVariables: updateCssVariables,
+    resetTheme: resetTheme,
+    loadFromCache: loadFromCache
+  };
+  return (0, _jsxRuntime.jsx)(ThemeContext.Provider, {
+    value: contextValue,
+    children: children
+  });
+};
+// Hook for using theme context
+var useTheme = exports.useTheme = function useTheme() {
+  var context = (0, _react.useContext)(ThemeContext);
+  if (context === undefined) {
+    throw new Error('useTheme must be used within a ThemeProvider');
+  }
+  return context;
+};
+// 导出默认配置

package/lib/ProThemeTools/index.d.ts

@@ -8,6 +8,9 @@ declare const ProThemeTools: {
         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';