@zat-design/sisyphus-react 3.0.16-beta.4 → 3.1.4

package/lib/ProTabs/style/index.less

@@ -38,8 +38,6 @@
     border     : 1px solid var(--zaui-line, #dddddd);
     border-left: none;
 
-
-
     .pro-tabs-card-left {
       width      : 104px;
       text-shadow: none;
@@ -65,4 +63,18 @@
       }
     }
   }
-}
+}
+
+.pro-tabs-tab {
+  .pro-tabs-card {
+    .ant-tag {
+      border-radius: 10px;
+      padding      : 0 var(--zaui-space-size-xs, 4px);
+      margin-right : 0;
+    }
+
+    .ant-space-item {
+      display: flex;
+    }
+  }
+}

package/lib/ProThemeTools/component/PrdTools/index.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import type { DevToolsPropsType } from '../../propsType';
-declare const PrdTools: ({ onReset, onClose, setState, visible, state }: DevToolsPropsType) => React.JSX.Element;
+declare const PrdTools: ({ onReset, onClose, setState, visible, state, tableBorder, tableStripe, }: DevToolsPropsType) => JSX.Element;
 export default PrdTools;

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

@@ -1,6 +1,5 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -8,13 +7,14 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = 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 _icons = require("@ant-design/icons");
 var _antd = require("antd");
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
 var _index = require("../../utils/index");
 var connect = function connect(Component) {
   var ComponentWrapper = function ComponentWrapper(props) {
-    return /*#__PURE__*/_react.default.createElement(Component, (0, _objectSpread2.default)({}, props));
+    return (0, _jsxRuntime.jsx)(Component, (0, _objectSpread2.default)({}, props));
   };
   return ComponentWrapper;
 };
@@ -24,7 +24,9 @@ var PrdTools = function PrdTools(_ref) {
     onClose = _ref.onClose,
     setState = _ref.setState,
     visible = _ref.visible,
-    state = _ref.state;
+    state = _ref.state,
+    tableBorder = _ref.tableBorder,
+    tableStripe = _ref.tableStripe;
   var _useState = (0, _react.useState)([{
       color: '#006AFF',
       active: true
@@ -58,164 +60,220 @@ var PrdTools = function PrdTools(_ref) {
       setActive(newArray);
     }
   }, []);
-  return /*#__PURE__*/_react.default.createElement(NewDrawer, {
+  return (0, _jsxRuntime.jsxs)(NewDrawer, {
     className: "pro-theme-prd-tools-drawer",
     width: 320,
     title: "\u5168\u5C40\u6837\u5F0F\u81EA\u5B9A\u4E49",
     placement: "right",
     onClose: onClose,
     open: visible,
-    closable: false
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "pro-drawer-close",
-    onClick: onClose
-  }, /*#__PURE__*/_react.default.createElement(_icons.CloseOutlined, {
-    className: "close-icon"
-  })), /*#__PURE__*/_react.default.createElement("div", {
-    className: "pro-theme-tools-space"
-  }, /*#__PURE__*/_react.default.createElement("p", null, "\u4E3B\u9898\u8272"), /*#__PURE__*/_react.default.createElement("ul", {
-    className: "pro-theme-color"
-  }, active.map(function (item, index) {
-    return /*#__PURE__*/_react.default.createElement("li", {
-      key: item.color,
-      className: item.active ? 'active' : '',
+    closable: false,
+    children: [(0, _jsxRuntime.jsx)("div", {
+      className: "pro-drawer-close",
+      onClick: onClose,
+      children: (0, _jsxRuntime.jsx)(_icons.CloseOutlined, {
+        className: "close-icon"
+      })
+    }), (0, _jsxRuntime.jsxs)("div", {
+      className: "pro-theme-tools-space",
+      children: [(0, _jsxRuntime.jsx)("p", {
+        children: "\u4E3B\u9898\u8272"
+      }), (0, _jsxRuntime.jsx)("ul", {
+        className: "pro-theme-color",
+        children: active.map(function (item, index) {
+          return (0, _jsxRuntime.jsx)("li", {
+            className: item.active ? 'active' : '',
+            onClick: function onClick() {
+              var array = active.map(function (activeItem) {
+                activeItem.active = false;
+                return {
+                  color: activeItem.color,
+                  active: item.color === activeItem.color
+                };
+              });
+              setActive(array);
+              setState((0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
+                zauiBrand: item.color
+              }));
+              (0, _index.setThemes)({
+                'zaui-brand': item.color
+              });
+            },
+            children: item.active ? (0, _jsxRuntime.jsx)(_icons.CheckOutlined, {}) : null
+          }, item.color);
+        })
+      })]
+    }), (0, _jsxRuntime.jsxs)("div", {
+      className: "pro-theme-tools-space",
+      children: [(0, _jsxRuntime.jsx)("div", {
+        className: "pro-theme-tools-item",
+        children: (0, _jsxRuntime.jsx)("p", {
+          children: "\u5E03\u5C40"
+        })
+      }), (0, _jsxRuntime.jsx)("div", {
+        className: "pro-theme-tools-item",
+        children: (0, _jsxRuntime.jsxs)(_antd.Radio.Group, {
+          value: state.zauiSize,
+          onChange: function onChange(e) {
+            setState((0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
+              zauiSize: e.target.value
+            }));
+            (0, _index.setThemes)({
+              'zaui-size': e.target.value
+            });
+          },
+          children: [(0, _jsxRuntime.jsx)(_antd.Radio.Button, {
+            value: 0.5,
+            children: "\u7D27\u51D1"
+          }), (0, _jsxRuntime.jsx)(_antd.Radio.Button, {
+            value: 1,
+            children: "\u5E38\u89C4"
+          }), (0, _jsxRuntime.jsx)(_antd.Radio.Button, {
+            value: 1.5,
+            children: "\u5BBD\u677E"
+          })]
+        })
+      })]
+    }), (0, _jsxRuntime.jsxs)("div", {
+      className: "pro-theme-tools-space pro-theme-tools-form",
+      children: [(0, _jsxRuntime.jsx)("div", {
+        className: "pro-theme-tools-item",
+        children: (0, _jsxRuntime.jsx)("p", {
+          children: "\u8868\u5355\u6807\u9898"
+        })
+      }), (0, _jsxRuntime.jsx)("div", {
+        className: "pro-theme-tools-item",
+        children: (0, _jsxRuntime.jsxs)(_antd.Radio.Group, {
+          value: state.zauiFormAlign,
+          onChange: function onChange(e) {
+            var after = e.target.value === 'left' ? 'inline' : 'none';
+            var before = e.target.value === 'right' ? 'inline' : 'none';
+            // 遍历添加className
+            var formItemLabels = document.querySelectorAll('.ant-form-item-label');
+            // 遍历元素列表，为每个元素添加新的 class
+            formItemLabels.forEach(function (label) {
+              var _label$classList, _label$classList$valu, _label$classList2, _label$classList2$val;
+              if (!label) {
+                return false;
+              }
+              if (e.target.value === 'left' && !((_label$classList = label.classList) === null || _label$classList === void 0 ? void 0 : (_label$classList$valu = _label$classList.value) === null || _label$classList$valu === void 0 ? void 0 : _label$classList$valu.includes('ant-form-item-label-left'))) {
+                label.classList.add('ant-form-item-label-left');
+              }
+              if (e.target.value === 'right' && ((_label$classList2 = label.classList) === null || _label$classList2 === void 0 ? void 0 : (_label$classList2$val = _label$classList2.value) === null || _label$classList2$val === void 0 ? void 0 : _label$classList2$val.includes('ant-form-item-label-left'))) {
+                label.classList.remove('ant-form-item-label-left');
+              }
+            });
+            setState((0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
+              zauiFormAlign: e.target.value,
+              zauiFormRequiredAfter: after,
+              zauiFormRequiredBefore: before
+            }));
+            (0, _index.setThemes)({
+              'zaui-form-align': e.target.value,
+              'zaui-form-required-after': after,
+              'zaui-form-required-before': before
+            });
+          },
+          children: [(0, _jsxRuntime.jsx)(_antd.Radio.Button, {
+            value: "left",
+            children: "\u5DE6\u5BF9\u9F50"
+          }), (0, _jsxRuntime.jsx)(_antd.Radio.Button, {
+            value: "right",
+            children: "\u53F3\u5BF9\u9F50"
+          })]
+        })
+      })]
+    }), (0, _jsxRuntime.jsxs)("div", {
+      className: "pro-theme-tools-box pro-theme-tools-space pro-theme-tools-small-space",
+      children: [(0, _jsxRuntime.jsx)("div", {
+        className: "pro-theme-tools-item",
+        children: (0, _jsxRuntime.jsx)("p", {
+          children: "\u5927\u5B57\u53F7\u6A21\u5F0F"
+        })
+      }), (0, _jsxRuntime.jsx)("div", {
+        className: "pro-theme-tools-item",
+        children: (0, _jsxRuntime.jsx)(_antd.Switch, {
+          checkedChildren: "\u5F00",
+          unCheckedChildren: "\u5173",
+          checked: state.zauiBigText,
+          onClick: function onClick(value) {
+            setState((0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
+              zauiBaseFontSize: value ? 2 : 0,
+              zauiBigText: value
+            }));
+            (0, _index.setThemes)({
+              'zaui-base-font-size': value ? '2px' : '0px'
+            });
+          }
+        })
+      })]
+    }), tableBorder && (0, _jsxRuntime.jsxs)("div", {
+      className: "pro-theme-tools-box pro-theme-tools-space pro-theme-tools-small-space",
+      children: [(0, _jsxRuntime.jsx)("div", {
+        className: "pro-theme-tools-item",
+        children: (0, _jsxRuntime.jsx)("p", {
+          children: "\u8868\u683C\u8FB9\u6846"
+        })
+      }), (0, _jsxRuntime.jsx)("div", {
+        className: "pro-theme-tools-item",
+        children: (0, _jsxRuntime.jsx)(_antd.Switch, {
+          checkedChildren: "\u5F00",
+          unCheckedChildren: "\u5173",
+          checked: state.zauiTableBorder,
+          onClick: function onClick(value) {
+            setState((0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
+              zauiTableBorder: value
+            }));
+            (0, _index.setThemes)({
+              'zaui-table-border': value
+            });
+          }
+        })
+      })]
+    }), tableStripe && (0, _jsxRuntime.jsxs)("div", {
+      className: "pro-theme-tools-box pro-theme-tools-space pro-theme-tools-small-space",
+      children: [(0, _jsxRuntime.jsx)("div", {
+        className: "pro-theme-tools-item",
+        children: (0, _jsxRuntime.jsx)("p", {
+          children: "\u8868\u683C\u6591\u9A6C\u7EB9"
+        })
+      }), (0, _jsxRuntime.jsx)("div", {
+        className: "pro-theme-tools-item",
+        children: (0, _jsxRuntime.jsx)(_antd.Switch, {
+          checkedChildren: "\u5F00",
+          unCheckedChildren: "\u5173",
+          checked: state.zauiStripe,
+          onClick: function onClick(value) {
+            setState((0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
+              zauiStripe: value
+            }));
+            (0, _index.setTableNoStripe)(value);
+            (0, _index.setThemes)({
+              'zaui-stripe': value
+            });
+          }
+        })
+      })]
+    }), (0, _jsxRuntime.jsx)(_antd.Button, {
+      className: "copy-btn",
       onClick: function onClick() {
-        var array = active.map(function (activeItem) {
-          activeItem.active = false;
-          return {
-            color: activeItem.color,
-            active: item.color === activeItem.color
-          };
-        });
-        setActive(array);
-        setState((0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
-          zauiBrand: item.color
-        }));
-        (0, _index.setThemes)({
-          'zaui-brand': item.color
-        });
-      }
-    }, item.active ? /*#__PURE__*/_react.default.createElement(_icons.CheckOutlined, null) : null);
-  }))), /*#__PURE__*/_react.default.createElement("div", {
-    className: "pro-theme-tools-space"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "pro-theme-tools-item"
-  }, /*#__PURE__*/_react.default.createElement("p", null, "\u5E03\u5C40")), /*#__PURE__*/_react.default.createElement("div", {
-    className: "pro-theme-tools-item"
-  }, /*#__PURE__*/_react.default.createElement(_antd.Radio.Group, {
-    value: state.zauiSize,
-    onChange: function onChange(e) {
-      setState((0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
-        zauiSize: e.target.value
-      }));
-      (0, _index.setThemes)({
-        'zaui-size': e.target.value
-      });
-    }
-  }, /*#__PURE__*/_react.default.createElement(_antd.Radio.Button, {
-    value: 0.5
-  }, "\u7D27\u51D1"), /*#__PURE__*/_react.default.createElement(_antd.Radio.Button, {
-    value: 1
-  }, "\u5E38\u89C4"), /*#__PURE__*/_react.default.createElement(_antd.Radio.Button, {
-    value: 1.5
-  }, "\u5BBD\u677E")))), /*#__PURE__*/_react.default.createElement("div", {
-    className: "pro-theme-tools-space pro-theme-tools-form"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "pro-theme-tools-item"
-  }, /*#__PURE__*/_react.default.createElement("p", null, "\u8868\u5355\u6807\u9898")), /*#__PURE__*/_react.default.createElement("div", {
-    className: "pro-theme-tools-item"
-  }, /*#__PURE__*/_react.default.createElement(_antd.Radio.Group, {
-    value: state.zauiFormAlign,
-    onChange: function onChange(e) {
-      var after = e.target.value === 'left' ? 'inline' : 'none';
-      var before = e.target.value === 'right' ? 'inline' : 'none';
-      // 遍历添加className
-      var formItemLabels = document.querySelectorAll('.ant-form-item-label');
-      // 遍历元素列表，为每个元素添加新的 class
-      formItemLabels.forEach(function (label) {
-        var _label$classList, _label$classList$valu, _label$classList2, _label$classList2$val;
-        if (!label) {
-          return false;
-        }
-        if (e.target.value === 'left' && !((_label$classList = label.classList) === null || _label$classList === void 0 ? void 0 : (_label$classList$valu = _label$classList.value) === null || _label$classList$valu === void 0 ? void 0 : _label$classList$valu.includes('ant-form-item-label-left'))) {
-          label.classList.add('ant-form-item-label-left');
-        }
-        if (e.target.value === 'right' && ((_label$classList2 = label.classList) === null || _label$classList2 === void 0 ? void 0 : (_label$classList2$val = _label$classList2.value) === null || _label$classList2$val === void 0 ? void 0 : _label$classList2$val.includes('ant-form-item-label-left'))) {
-          label.classList.remove('ant-form-item-label-left');
-        }
-      });
-      setState((0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
-        zauiFormAlign: e.target.value,
-        zauiFormRequiredAfter: after,
-        zauiFormRequiredBefore: before
-      }));
-      (0, _index.setThemes)({
-        'zaui-form-align': e.target.value,
-        'zaui-form-required-after': after,
-        'zaui-form-required-before': before
-      });
-    }
-  }, /*#__PURE__*/_react.default.createElement(_antd.Radio.Button, {
-    value: "left"
-  }, "\u5DE6\u5BF9\u9F50"), /*#__PURE__*/_react.default.createElement(_antd.Radio.Button, {
-    value: "right"
-  }, "\u53F3\u5BF9\u9F50")))), /*#__PURE__*/_react.default.createElement("div", {
-    className: "pro-theme-tools-box pro-theme-tools-space pro-theme-tools-small-space"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "pro-theme-tools-item"
-  }, /*#__PURE__*/_react.default.createElement("p", null, "\u5927\u5B57\u53F7\u6A21\u5F0F")), /*#__PURE__*/_react.default.createElement("div", {
-    className: "pro-theme-tools-item"
-  }, /*#__PURE__*/_react.default.createElement(_antd.Switch, {
-    checkedChildren: "\u5F00",
-    unCheckedChildren: "\u5173",
-    checked: state.zauiBigText,
-    onClick: function onClick(value) {
-      setState((0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
-        zauiBaseFontSize: value ? 2 : 0,
-        zauiBigText: value
-      }));
-      (0, _index.setThemes)({
-        'zaui-base-font-size': value ? '2px' : '0px'
-      });
-    }
-  }))), /*#__PURE__*/_react.default.createElement("div", {
-    className: "pro-theme-tools-box pro-theme-tools-space pro-theme-tools-small-space"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "pro-theme-tools-item"
-  }, /*#__PURE__*/_react.default.createElement("p", null, "\u8868\u683C\u6591\u9A6C\u7EB9")), /*#__PURE__*/_react.default.createElement("div", {
-    className: "pro-theme-tools-item"
-  }, /*#__PURE__*/_react.default.createElement(_antd.Switch, {
-    checkedChildren: "\u5F00",
-    unCheckedChildren: "\u5173",
-    checked: state.zauiStripe,
-    onClick: function onClick(value) {
-      setState((0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
-        zauiStripe: value
-      }));
-      (0, _index.setTableNoStripe)(value);
-      (0, _index.setThemes)({
-        'zaui-stripe': value
-      });
-    }
-  }))), /*#__PURE__*/_react.default.createElement(_antd.Button, {
-    className: "copy-btn",
-    onClick: function onClick() {
-      setActive([{
-        color: '#006AFF',
-        active: true
-      }, {
-        color: '#00BC70',
-        active: false
-      }, {
-        color: '#FF8C16',
-        active: false
-      }, {
-        color: '#A00F20',
-        active: false
-      }]);
-      onReset();
-    }
-  }, "\u91CD\u7F6E"));
+        setActive([{
+          color: '#006AFF',
+          active: true
+        }, {
+          color: '#00BC70',
+          active: false
+        }, {
+          color: '#FF8C16',
+          active: false
+        }, {
+          color: '#A00F20',
+          active: false
+        }]);
+        onReset();
+      },
+      children: "\u91CD\u7F6E"
+    })]
+  });
 };
-var _default = PrdTools;
-exports.default = _default;
+var _default = exports.default = PrdTools;

package/lib/ProThemeTools/component/PrdTools/style/index.less

@@ -29,7 +29,7 @@
       width        : 4px;
       height       : 14px;
       background   : var(--zaui-brand, #006aff);
-      border-radius: 1px;
+      border-radius: 2px;
     }
   }
 
@@ -144,7 +144,7 @@
       position : relative;
       left     : 4px;
       z-index  : 1;
-      color    : #343434;
+      color    : var(--zaui-text, #343434);
       font-size: 16px;
       transform: translateZ(100px);
 
@@ -165,4 +165,4 @@
     transform       : perspective(0.15em) rotateY(-2deg);
     content         : '';
   }
-}
+}

package/lib/ProThemeTools/index.d.ts

@@ -1,7 +1,6 @@
-import React from 'react';
 import type { ProThemeToolsProps } from './propsType';
 declare const ProThemeTools: {
-    ({ size, className, cacheTime, color, mode, theme, ...props }: ProThemeToolsProps): React.JSX.Element;
+    ({ size, className, cacheTime, color, mode, theme, tableBorder, tableStripe, ...props }: ProThemeToolsProps): JSX.Element;
     defaultProps: {
         size: number;
         mode: string;

package/lib/ProThemeTools/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -10,15 +9,31 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 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 _jsxRuntime = require("react/jsx-runtime");
 var _icons = require("@ant-design/icons");
 var _antd = require("antd");
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
 var _classnames2 = _interopRequireDefault(require("classnames"));
 var _index = require("./utils/index");
 var _component = require("./component");
-var _excluded = ["size", "className", "cacheTime", "color", "mode", "theme"];
+var _excluded = ["size", "className", "cacheTime", "color", "mode", "theme", "tableBorder", "tableStripe"];
 /* eslint-disable prefer-const */
 var defaultCacheTime = 1; // 配置保存时间为一天
+var defaultThemeConfig = {
+  zauiBrand: '#006AFF',
+  zauiText: '#343434',
+  zauiFontSize: 14,
+  zauiFormAlign: 'left',
+  zauiFormRequiredBefore: 'none',
+  zauiFormRequiredAfter: 'inline',
+  zauiSize: 1,
+  zauiSpaceSizeLg: 32,
+  zauiSpaceSizeMd: 16,
+  zauiBigText: false,
+  zauiBaseFontSize: 0,
+  zauiTableBorder: false,
+  zauiStripe: true
+};
 var ProThemeTools = function ProThemeTools(_ref) {
   var size = _ref.size,
     className = _ref.className,
@@ -26,26 +41,16 @@ var ProThemeTools = function ProThemeTools(_ref) {
     color = _ref.color,
     mode = _ref.mode,
     theme = _ref.theme,
+    _ref$tableBorder = _ref.tableBorder,
+    tableBorder = _ref$tableBorder === void 0 ? false : _ref$tableBorder,
+    _ref$tableStripe = _ref.tableStripe,
+    tableStripe = _ref$tableStripe === void 0 ? false : _ref$tableStripe,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     visible = _useState2[0],
     setVisible = _useState2[1];
-  var _useState3 = (0, _react.useState)({
-      zauiBrand: '#006AFF',
-      zauiText: '#343434',
-      zauiFontSize: 14,
-      zauiFormAlign: 'left',
-      zauiFormRequiredBefore: 'none',
-      zauiFormRequiredAfter: 'inline',
-      zauiSize: 1,
-      zauiHeightCard: 32,
-      zauiHeightBorder: 12,
-      zauiBigText: false,
-      zauiBaseFontSize: 0,
-      zauiTableBorder: false,
-      zauiStripe: true
-    }),
+  var _useState3 = (0, _react.useState)((0, _objectSpread2.default)({}, defaultThemeConfig)),
     _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
     state = _useState4[0],
     setState = _useState4[1];
@@ -60,21 +65,7 @@ var ProThemeTools = function ProThemeTools(_ref) {
   };
   // 重置
   var onReset = function onReset() {
-    setState((0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
-      zauiBrand: '#006AFF',
-      zauiText: '#343434',
-      zauiFormAlign: 'left',
-      zauiFormRequiredBefore: 'none',
-      zauiFormRequiredAfter: 'inline',
-      zauiFontSize: 14,
-      zauiSize: 1,
-      zauiHeightCard: 32,
-      zauiHeightBorder: 16,
-      zauiBaseFontSize: 0,
-      zauiBigText: false,
-      zauiTableBorder: false,
-      zauiStripe: true
-    }));
+    setState((0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), defaultThemeConfig));
     (0, _index.setThemes)({
       'zaui-brand': '#006AFF',
       'zaui-text': '#343434',
@@ -82,9 +73,9 @@ var ProThemeTools = function ProThemeTools(_ref) {
       'zaui-form-required-after': 'inline',
       'zaui-form-required-before': 'none',
       'zaui-size': 1,
-      'zaui-height-card': '32px',
+      'zaui-space-size-lg': '32px',
       'zaui-font-size': '14px',
-      'zaui-height-border': '16px',
+      'zaui-space-size-md': '16px',
       'zaui-base-font-size': 0,
       'zaui-big-text': false,
       'zaui-table-border': false,
@@ -153,10 +144,10 @@ var ProThemeTools = function ProThemeTools(_ref) {
   (0, _react.useEffect)(function () {
     (0, _index.setTableNoStripe)(zauiStripe);
   }, [zauiStripe]);
-  // // 斑马纹设置
-  // useEffect(() => {
-  //   setTableNoStripe(zauiStripe);
-  // }, [zauiTableBorder]);
+  // 表格边框设置
+  (0, _react.useEffect)(function () {
+    (0, _index.setTableBorder)(zauiTableBorder);
+  }, [zauiTableBorder]);
   // 主题配置缓存
   (0, _react.useEffect)(function () {
     if (cacheTime) {
@@ -171,23 +162,27 @@ var ProThemeTools = function ProThemeTools(_ref) {
     'pro-theme-tools': true,
     'pro-theme-tools-follow': theme
   }, className, className));
-  return /*#__PURE__*/_react.default.createElement("div", (0, _objectSpread2.default)({
+  return (0, _jsxRuntime.jsxs)("div", (0, _objectSpread2.default)((0, _objectSpread2.default)({
     className: cls
-  }, props), /*#__PURE__*/_react.default.createElement(_icons.SettingOutlined, {
-    style: {
-      fontSize: "".concat(size, "px"),
-      color: color
-    },
-    onClick: function onClick() {
-      showDrawer();
-    }
-  }), /*#__PURE__*/_react.default.createElement(_component.PrdTools, {
-    onReset: onReset,
-    onClose: onClose,
-    onCopy: onCopy,
-    setState: setState,
-    visible: visible,
-    state: state
+  }, props), {}, {
+    children: [(0, _jsxRuntime.jsx)(_icons.SettingOutlined, {
+      style: {
+        fontSize: "".concat(size, "px"),
+        color: color
+      },
+      onClick: function onClick() {
+        showDrawer();
+      }
+    }), (0, _jsxRuntime.jsx)(_component.PrdTools, {
+      onReset: onReset,
+      onClose: onClose,
+      onCopy: onCopy,
+      setState: setState,
+      visible: visible,
+      state: state,
+      tableBorder: tableBorder,
+      tableStripe: tableStripe
+    })]
   }));
 };
 ProThemeTools.defaultProps = {
@@ -198,5 +193,4 @@ ProThemeTools.defaultProps = {
   cacheTime: false
 };
 ProThemeTools.setThemes = _index.setThemes;
-var _default = ProThemeTools;
-exports.default = _default;
+var _default = exports.default = ProThemeTools;