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

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

@@ -8,12 +8,13 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import "antd/es/drawer/style";
 import _Drawer from "antd/es/drawer";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { CheckOutlined, CloseOutlined } from '@ant-design/icons';
-import React, { useState, useEffect } from 'react';
+import { useState, useEffect } from 'react';
 import { setThemes, setTableNoStripe } from '../../utils/index';
 var connect = function connect(Component) {
   var ComponentWrapper = function ComponentWrapper(props) {
-    return /*#__PURE__*/React.createElement(Component, _objectSpread({}, props));
+    return _jsx(Component, _objectSpread({}, props));
   };
   return ComponentWrapper;
 };
@@ -23,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 = useState([{
       color: '#006AFF',
       active: true
@@ -57,163 +60,220 @@ var PrdTools = function PrdTools(_ref) {
       setActive(newArray);
     }
   }, []);
-  return /*#__PURE__*/React.createElement(NewDrawer, {
+  return _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.createElement("div", {
-    className: "pro-drawer-close",
-    onClick: onClose
-  }, /*#__PURE__*/React.createElement(CloseOutlined, {
-    className: "close-icon"
-  })), /*#__PURE__*/React.createElement("div", {
-    className: "pro-theme-tools-space"
-  }, /*#__PURE__*/React.createElement("p", null, "\u4E3B\u9898\u8272"), /*#__PURE__*/React.createElement("ul", {
-    className: "pro-theme-color"
-  }, active.map(function (item, index) {
-    return /*#__PURE__*/React.createElement("li", {
-      key: item.color,
-      className: item.active ? 'active' : '',
+    closable: false,
+    children: [_jsx("div", {
+      className: "pro-drawer-close",
+      onClick: onClose,
+      children: _jsx(CloseOutlined, {
+        className: "close-icon"
+      })
+    }), _jsxs("div", {
+      className: "pro-theme-tools-space",
+      children: [_jsx("p", {
+        children: "\u4E3B\u9898\u8272"
+      }), _jsx("ul", {
+        className: "pro-theme-color",
+        children: active.map(function (item, index) {
+          return _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(_objectSpread(_objectSpread({}, state), {}, {
+                zauiBrand: item.color
+              }));
+              setThemes({
+                'zaui-brand': item.color
+              });
+            },
+            children: item.active ? _jsx(CheckOutlined, {}) : null
+          }, item.color);
+        })
+      })]
+    }), _jsxs("div", {
+      className: "pro-theme-tools-space",
+      children: [_jsx("div", {
+        className: "pro-theme-tools-item",
+        children: _jsx("p", {
+          children: "\u5E03\u5C40"
+        })
+      }), _jsx("div", {
+        className: "pro-theme-tools-item",
+        children: _jsxs(_Radio.Group, {
+          value: state.zauiSize,
+          onChange: function onChange(e) {
+            setState(_objectSpread(_objectSpread({}, state), {}, {
+              zauiSize: e.target.value
+            }));
+            setThemes({
+              'zaui-size': e.target.value
+            });
+          },
+          children: [_jsx(_Radio.Button, {
+            value: 0.5,
+            children: "\u7D27\u51D1"
+          }), _jsx(_Radio.Button, {
+            value: 1,
+            children: "\u5E38\u89C4"
+          }), _jsx(_Radio.Button, {
+            value: 1.5,
+            children: "\u5BBD\u677E"
+          })]
+        })
+      })]
+    }), _jsxs("div", {
+      className: "pro-theme-tools-space pro-theme-tools-form",
+      children: [_jsx("div", {
+        className: "pro-theme-tools-item",
+        children: _jsx("p", {
+          children: "\u8868\u5355\u6807\u9898"
+        })
+      }), _jsx("div", {
+        className: "pro-theme-tools-item",
+        children: _jsxs(_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(_objectSpread(_objectSpread({}, state), {}, {
+              zauiFormAlign: e.target.value,
+              zauiFormRequiredAfter: after,
+              zauiFormRequiredBefore: before
+            }));
+            setThemes({
+              'zaui-form-align': e.target.value,
+              'zaui-form-required-after': after,
+              'zaui-form-required-before': before
+            });
+          },
+          children: [_jsx(_Radio.Button, {
+            value: "left",
+            children: "\u5DE6\u5BF9\u9F50"
+          }), _jsx(_Radio.Button, {
+            value: "right",
+            children: "\u53F3\u5BF9\u9F50"
+          })]
+        })
+      })]
+    }), _jsxs("div", {
+      className: "pro-theme-tools-box pro-theme-tools-space pro-theme-tools-small-space",
+      children: [_jsx("div", {
+        className: "pro-theme-tools-item",
+        children: _jsx("p", {
+          children: "\u5927\u5B57\u53F7\u6A21\u5F0F"
+        })
+      }), _jsx("div", {
+        className: "pro-theme-tools-item",
+        children: _jsx(_Switch, {
+          checkedChildren: "\u5F00",
+          unCheckedChildren: "\u5173",
+          checked: state.zauiBigText,
+          onClick: function onClick(value) {
+            setState(_objectSpread(_objectSpread({}, state), {}, {
+              zauiBaseFontSize: value ? 2 : 0,
+              zauiBigText: value
+            }));
+            setThemes({
+              'zaui-base-font-size': value ? '2px' : '0px'
+            });
+          }
+        })
+      })]
+    }), tableBorder && _jsxs("div", {
+      className: "pro-theme-tools-box pro-theme-tools-space pro-theme-tools-small-space",
+      children: [_jsx("div", {
+        className: "pro-theme-tools-item",
+        children: _jsx("p", {
+          children: "\u8868\u683C\u8FB9\u6846"
+        })
+      }), _jsx("div", {
+        className: "pro-theme-tools-item",
+        children: _jsx(_Switch, {
+          checkedChildren: "\u5F00",
+          unCheckedChildren: "\u5173",
+          checked: state.zauiTableBorder,
+          onClick: function onClick(value) {
+            setState(_objectSpread(_objectSpread({}, state), {}, {
+              zauiTableBorder: value
+            }));
+            setThemes({
+              'zaui-table-border': value
+            });
+          }
+        })
+      })]
+    }), tableStripe && _jsxs("div", {
+      className: "pro-theme-tools-box pro-theme-tools-space pro-theme-tools-small-space",
+      children: [_jsx("div", {
+        className: "pro-theme-tools-item",
+        children: _jsx("p", {
+          children: "\u8868\u683C\u6591\u9A6C\u7EB9"
+        })
+      }), _jsx("div", {
+        className: "pro-theme-tools-item",
+        children: _jsx(_Switch, {
+          checkedChildren: "\u5F00",
+          unCheckedChildren: "\u5173",
+          checked: state.zauiStripe,
+          onClick: function onClick(value) {
+            setState(_objectSpread(_objectSpread({}, state), {}, {
+              zauiStripe: value
+            }));
+            setTableNoStripe(value);
+            setThemes({
+              'zaui-stripe': value
+            });
+          }
+        })
+      })]
+    }), _jsx(_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(_objectSpread(_objectSpread({}, state), {}, {
-          zauiBrand: item.color
-        }));
-        setThemes({
-          'zaui-brand': item.color
-        });
-      }
-    }, item.active ? /*#__PURE__*/React.createElement(CheckOutlined, null) : null);
-  }))), /*#__PURE__*/React.createElement("div", {
-    className: "pro-theme-tools-space"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "pro-theme-tools-item"
-  }, /*#__PURE__*/React.createElement("p", null, "\u5E03\u5C40")), /*#__PURE__*/React.createElement("div", {
-    className: "pro-theme-tools-item"
-  }, /*#__PURE__*/React.createElement(_Radio.Group, {
-    value: state.zauiSize,
-    onChange: function onChange(e) {
-      setState(_objectSpread(_objectSpread({}, state), {}, {
-        zauiSize: e.target.value
-      }));
-      setThemes({
-        'zaui-size': e.target.value
-      });
-    }
-  }, /*#__PURE__*/React.createElement(_Radio.Button, {
-    value: 0.5
-  }, "\u7D27\u51D1"), /*#__PURE__*/React.createElement(_Radio.Button, {
-    value: 1
-  }, "\u5E38\u89C4"), /*#__PURE__*/React.createElement(_Radio.Button, {
-    value: 1.5
-  }, "\u5BBD\u677E")))), /*#__PURE__*/React.createElement("div", {
-    className: "pro-theme-tools-space pro-theme-tools-form"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "pro-theme-tools-item"
-  }, /*#__PURE__*/React.createElement("p", null, "\u8868\u5355\u6807\u9898")), /*#__PURE__*/React.createElement("div", {
-    className: "pro-theme-tools-item"
-  }, /*#__PURE__*/React.createElement(_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(_objectSpread(_objectSpread({}, state), {}, {
-        zauiFormAlign: e.target.value,
-        zauiFormRequiredAfter: after,
-        zauiFormRequiredBefore: before
-      }));
-      setThemes({
-        'zaui-form-align': e.target.value,
-        'zaui-form-required-after': after,
-        'zaui-form-required-before': before
-      });
-    }
-  }, /*#__PURE__*/React.createElement(_Radio.Button, {
-    value: "left"
-  }, "\u5DE6\u5BF9\u9F50"), /*#__PURE__*/React.createElement(_Radio.Button, {
-    value: "right"
-  }, "\u53F3\u5BF9\u9F50")))), /*#__PURE__*/React.createElement("div", {
-    className: "pro-theme-tools-box pro-theme-tools-space pro-theme-tools-small-space"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "pro-theme-tools-item"
-  }, /*#__PURE__*/React.createElement("p", null, "\u5927\u5B57\u53F7\u6A21\u5F0F")), /*#__PURE__*/React.createElement("div", {
-    className: "pro-theme-tools-item"
-  }, /*#__PURE__*/React.createElement(_Switch, {
-    checkedChildren: "\u5F00",
-    unCheckedChildren: "\u5173",
-    checked: state.zauiBigText,
-    onClick: function onClick(value) {
-      setState(_objectSpread(_objectSpread({}, state), {}, {
-        zauiBaseFontSize: value ? 2 : 0,
-        zauiBigText: value
-      }));
-      setThemes({
-        'zaui-base-font-size': value ? '2px' : '0px'
-      });
-    }
-  }))), /*#__PURE__*/React.createElement("div", {
-    className: "pro-theme-tools-box pro-theme-tools-space pro-theme-tools-small-space"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "pro-theme-tools-item"
-  }, /*#__PURE__*/React.createElement("p", null, "\u8868\u683C\u6591\u9A6C\u7EB9")), /*#__PURE__*/React.createElement("div", {
-    className: "pro-theme-tools-item"
-  }, /*#__PURE__*/React.createElement(_Switch, {
-    checkedChildren: "\u5F00",
-    unCheckedChildren: "\u5173",
-    checked: state.zauiStripe,
-    onClick: function onClick(value) {
-      setState(_objectSpread(_objectSpread({}, state), {}, {
-        zauiStripe: value
-      }));
-      setTableNoStripe(value);
-      setThemes({
-        'zaui-stripe': value
-      });
-    }
-  }))), /*#__PURE__*/React.createElement(_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"
+    })]
+  });
 };
 export default PrdTools;

package/es/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/es/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/es/ProThemeTools/index.js

@@ -6,14 +6,30 @@ import _message from "antd/es/message";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["size", "className", "cacheTime", "color", "mode", "theme"];
+var _excluded = ["size", "className", "cacheTime", "color", "mode", "theme", "tableBorder", "tableStripe"];
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /* eslint-disable prefer-const */
 import { SettingOutlined } from '@ant-design/icons';
-import React, { useEffect, useState } from 'react';
+import { useEffect, useState } from 'react';
 import classnames from 'classnames';
-import { getKebabCase, setThemes, setTableNoStripe } from './utils/index';
+import { getKebabCase, setThemes, setTableNoStripe, setTableBorder } from './utils/index';
 import { PrdTools } from './component';
 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,
@@ -21,26 +37,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 = _objectWithoutProperties(_ref, _excluded);
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     visible = _useState2[0],
     setVisible = _useState2[1];
-  var _useState3 = 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 = useState(_objectSpread({}, defaultThemeConfig)),
     _useState4 = _slicedToArray(_useState3, 2),
     state = _useState4[0],
     setState = _useState4[1];
@@ -55,21 +61,7 @@ var ProThemeTools = function ProThemeTools(_ref) {
   };
   // 重置
   var onReset = function onReset() {
-    setState(_objectSpread(_objectSpread({}, 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(_objectSpread(_objectSpread({}, state), defaultThemeConfig));
     setThemes({
       'zaui-brand': '#006AFF',
       'zaui-text': '#343434',
@@ -77,9 +69,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,
@@ -148,10 +140,10 @@ var ProThemeTools = function ProThemeTools(_ref) {
   useEffect(function () {
     setTableNoStripe(zauiStripe);
   }, [zauiStripe]);
-  // // 斑马纹设置
-  // useEffect(() => {
-  //   setTableNoStripe(zauiStripe);
-  // }, [zauiTableBorder]);
+  // 表格边框设置
+  useEffect(function () {
+    setTableBorder(zauiTableBorder);
+  }, [zauiTableBorder]);
   // 主题配置缓存
   useEffect(function () {
     if (cacheTime) {
@@ -166,23 +158,27 @@ var ProThemeTools = function ProThemeTools(_ref) {
     'pro-theme-tools': true,
     'pro-theme-tools-follow': theme
   }, className, className));
-  return /*#__PURE__*/React.createElement("div", _objectSpread({
+  return _jsxs("div", _objectSpread(_objectSpread({
     className: cls
-  }, props), /*#__PURE__*/React.createElement(SettingOutlined, {
-    style: {
-      fontSize: "".concat(size, "px"),
-      color: color
-    },
-    onClick: function onClick() {
-      showDrawer();
-    }
-  }), /*#__PURE__*/React.createElement(PrdTools, {
-    onReset: onReset,
-    onClose: onClose,
-    onCopy: onCopy,
-    setState: setState,
-    visible: visible,
-    state: state
+  }, props), {}, {
+    children: [_jsx(SettingOutlined, {
+      style: {
+        fontSize: "".concat(size, "px"),
+        color: color
+      },
+      onClick: function onClick() {
+        showDrawer();
+      }
+    }), _jsx(PrdTools, {
+      onReset: onReset,
+      onClose: onClose,
+      onCopy: onCopy,
+      setState: setState,
+      visible: visible,
+      state: state,
+      tableBorder: tableBorder,
+      tableStripe: tableStripe
+    })]
   }));
 };
 ProThemeTools.defaultProps = {

package/es/ProThemeTools/propsType.d.ts

@@ -5,6 +5,10 @@ export interface DevToolsPropsType {
     setState: any;
     visible: boolean;
     state: LocalThemeConfigPropsType;
+    /** 是否有表格边框 */
+    tableBorder?: boolean;
+    /** 是否有斑马纹 */
+    tableStripe?: boolean;
 }
 export interface ProThemeToolsProps {
     size?: number;
@@ -13,6 +17,10 @@ export interface ProThemeToolsProps {
     cacheTime?: number | boolean;
     /** 是否跟随主题色 */
     theme?: boolean;
+    /** 是否有表格边框 */
+    tableBorder?: boolean;
+    /** 是否有斑马纹 */
+    tableStripe?: boolean;
     [key: string]: any;
 }
 export interface LocalThemeConfigPropsType {
@@ -23,8 +31,8 @@ export interface LocalThemeConfigPropsType {
     zauiFormRequiredAfter?: string;
     zauiFormRequiredBefore?: string;
     zauiSize?: number;
-    zauiHeightCard?: number;
-    zauiHeightBorder?: number;
+    zauiSpaceSizeLg?: number;
+    zauiSpaceSizeMd?: number;
     /** 大字号模式 */
     zauiBigText?: boolean;
     /** 是否有表格边框 */

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

@@ -17,3 +17,8 @@ export declare const getKebabCase: (str: string) => string;
  * @param stripe boolean
  */
 export declare const setTableNoStripe: (stripe: boolean) => void;
+/**
+ * 设置表格边框
+ * @param border boolean
+ */
+export declare const setTableBorder: (border: boolean) => void;

package/es/ProThemeTools/utils/index.js

@@ -58,6 +58,7 @@ export var getKebabCase = function getKebabCase(str) {
  */
 export var setTableNoStripe = function setTableNoStripe(stripe) {
   var proTables = document.querySelectorAll('.pro-table');
+  var antTables = document.querySelectorAll('.ant-table');
   if (!proTables.length) {
     return;
   }
@@ -69,4 +70,30 @@ export var setTableNoStripe = function setTableNoStripe(stripe) {
       proTable.classList.add('pro-table-no-stripe');
     }
   }
+  for (var _i = 0; _i < antTables.length; _i++) {
+    var antTable = antTables[_i];
+    if (stripe) {
+      antTable.classList.remove('pro-table-no-stripe');
+    } else {
+      antTable.classList.add('pro-table-no-stripe');
+    }
+  }
+};
+/**
+ * 设置表格边框
+ * @param border boolean
+ */
+export var setTableBorder = function setTableBorder(border) {
+  var proTables = document.querySelectorAll('.pro-table');
+  if (!proTables.length) {
+    return;
+  }
+  for (var i = 0; i < proTables.length; i++) {
+    var proTable = proTables[i];
+    if (border) {
+      proTable.classList.add('pro-table-bordered');
+    } else {
+      proTable.classList.remove('pro-table-bordered');
+    }
+  }
 };

package/es/ProTooltip/index.d.ts

@@ -1,5 +1,4 @@
-import React from 'react';
 import { ProTooltipPropsType } from './propsType';
 import './style/index.less';
-declare const ProTooltip: (props: ProTooltipPropsType) => React.JSX.Element;
+declare const ProTooltip: (props: ProTooltipPropsType) => JSX.Element;
 export default ProTooltip;