@zat-design/sisyphus-react 3.3.4 → 3.4.0-beta.1

package/es/ProEnum/index.js

@@ -175,13 +175,27 @@ var ProEnum = function ProEnum(props) {
         return _jsx(_Radio.Group, _objectSpread(_objectSpread({}, omit(enumProps, ['fieldNames'])), {}, {
           options: list,
           value: value,
-          onChange: onChange
+          onChange: onChange,
+          children: list.map(function (item) {
+            return _jsx(_Radio, {
+              value: item[fieldValue],
+              disabled: !!item.disabled,
+              children: item[label]
+            }, item[fieldValue]);
+          })
         }));
       case 'Checkbox':
         return _jsx(_Checkbox.Group, _objectSpread(_objectSpread({}, omit(enumProps, ['fieldNames'])), {}, {
           options: list,
           value: value,
-          onChange: onChange
+          onChange: onChange,
+          children: list.map(function (item) {
+            return _jsx(_Checkbox, {
+              value: item[fieldValue],
+              disabled: !!item.disabled,
+              children: item[label]
+            }, item[fieldValue]);
+          })
         }));
       case 'Tag':
         return _jsx(ProEnumTag, {

package/es/ProEnum/style/index.less

@@ -12,7 +12,7 @@
     align-items: center;
     justify-content: center;
     margin-right: var(--zaui-space-size-sm);
-     margin-bottom: calc(var(--zaui-space-size-sm; 8px) * var(--zaui-size; 1));
+    margin-bottom: calc(var(--zaui-space-size-sm; 8px) * var(--zaui-size; 1));
     padding: var(--zaui-space-size-xs) 10px;
     background-color: #f5f5f5;
     border-radius: var(--zaui-space-size-xs);
@@ -23,4 +23,8 @@
     color: #fff;
     background-color: var(--zaui-brand);
   }
+  &-tag-item-disabled {
+    background-color: #f5f5f5;
+    pointer-events: none;
+  }
 }

package/es/ProForm/components/render/Render.js

@@ -44,7 +44,8 @@ var Render = function Render(props) {
     show = _props$show === void 0 ? true : _props$show,
     fieldProps = props.fieldProps,
     form = props.form,
-    formDisabled = props.disabled,
+    disabled = props.disabled,
+    formDisabled = props.formDisabled,
     type = props.type,
     isSelect = props.isSelect,
     originalValues = props.originalValues,
@@ -68,7 +69,7 @@ var Render = function Render(props) {
       show: show,
       formItemProps: formItemProps,
       form: form,
-      disabled: componentProps.disabled,
+      disabled: disabled,
       rules: rules,
       required: required,
       fieldProps: fieldProps,
@@ -163,8 +164,8 @@ var Render = function Render(props) {
   }
   /** 移除多余参数，防止透传给formItem报错 */
   var _otherFormItemProps = omit(otherFormItemProps, ['component', 'names', 'format', 'toISOString', 'switchValue', 'precision', 'clearNotShow']);
-  // 优先取组件上的disabled, 最后取formDisabled（全局
-  var lastDisabled = componentProps.disabledStrictly ? (_ref2 = _disabled !== null && _disabled !== void 0 ? _disabled : _fieldProps === null || _fieldProps === void 0 ? void 0 : _fieldProps.disabled) !== null && _ref2 !== void 0 ? _ref2 : formDisabled : false;
+  // 优先级 column.disabled > fieldProps.disabled > formDisabled
+  var lastDisabled = (_ref2 = _disabled !== null && _disabled !== void 0 ? _disabled : _fieldProps === null || _fieldProps === void 0 ? void 0 : _fieldProps.disabled) !== null && _ref2 !== void 0 ? _ref2 : formDisabled;
   /**
    * 最新fieldProps: 更新后的组件Props
    */
@@ -255,7 +256,7 @@ var Render = function Render(props) {
     if (formItemProps === null || formItemProps === void 0 ? void 0 : formItemProps.parentNames) {
       setTimeout(function () {
         form.setFieldValue(formItemProps === null || formItemProps === void 0 ? void 0 : formItemProps.parentNames, form.getFieldValue(formItemProps === null || formItemProps === void 0 ? void 0 : formItemProps.parentNames));
-        form.validateFields([formItemProps === null || formItemProps === void 0 ? void 0 : formItemProps.parentNames]);
+        form.validateFields();
       }, 60);
     }
     // ProTreeSelect返回option

package/es/ProForm/components/render/RenderFields.js

@@ -1,6 +1,6 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["show", "type", "viewRender", "viewType", "valueType", "formItemProps", "colProps", "formItemChildProps", "fieldProps", "disabled", "equalWith", "clearNotShow", "required"];
+var _excluded = ["show", "type", "viewRender", "viewType", "valueType", "formItemProps", "colProps", "formItemChildProps", "fieldProps", "equalWith", "clearNotShow", "required"];
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import React from 'react';
 import { isBoolean, isFunction, union, isString } from 'lodash';
@@ -44,7 +44,7 @@ var RenderFields = function RenderFields(props) {
     });
   }
   var comList = columns.flatMap(function (column, index) {
-    var _ref, _formItemProps$disabl;
+    var _formItemProps$disabl;
     if (!!expand && !openState) {
       // expand为Number时 过滤掉大于expand 且 非fixed的column
       if (typeof expand === 'number') {
@@ -67,7 +67,6 @@ var RenderFields = function RenderFields(props) {
       formItemChildProps = _column$formItemChild === void 0 ? {} : _column$formItemChild,
       _column$fieldProps = column.fieldProps,
       fieldProps = _column$fieldProps === void 0 ? {} : _column$fieldProps,
-      disabled = column.disabled,
       equalWith = column.equalWith,
       _column$clearNotShow = column.clearNotShow,
       clearNotShow = _column$clearNotShow === void 0 ? outerClearNotShow : _column$clearNotShow,
@@ -123,8 +122,7 @@ var RenderFields = function RenderFields(props) {
       placeholder = formItemChildProps.placeholder,
       dataSource = formItemChildProps.dataSource;
     var formLabel = _formItemProps.label;
-    var comDisabled = (_ref = (_formItemProps$disabl = _formItemProps === null || _formItemProps === void 0 ? void 0 : _formItemProps.disabled) !== null && _formItemProps$disabl !== void 0 ? _formItemProps$disabl : fieldProps.disabled) !== null && _ref !== void 0 ? _ref : disabled;
-    var _disabled = comDisabled === undefined ? formDisabled : comDisabled;
+    var comDisabled = (_formItemProps$disabl = _formItemProps === null || _formItemProps === void 0 ? void 0 : _formItemProps.disabled) !== null && _formItemProps$disabl !== void 0 ? _formItemProps$disabl : fieldProps.disabled; // 组件属性层disabled fieldProps可能为函数
     // 当前组件是不是一个选择组件
     var _isSelect = isSelect({
       dataSource: dataSource,
@@ -141,10 +139,9 @@ var RenderFields = function RenderFields(props) {
       _fieldProps.disabled = formDisabled;
     }
     var componentProps = _objectSpread(_objectSpread({
-      disabledStrictly: true,
       placeholder: placeholderHandle()
     }, _fieldProps), {}, {
-      disabled: _disabled
+      disabled: comDisabled
     });
     // 容器组件，额外处理show的问题
     if (['ProCollapse', 'Container'].includes(_type)) {
@@ -168,7 +165,7 @@ var RenderFields = function RenderFields(props) {
     var otherProps = {
       label: _formItemProps.label,
       name: _formItemProps.name,
-      disabled: _disabled,
+      disabled: comDisabled,
       isView: _isView,
       viewEmpty: viewEmpty,
       valueType: valueType,
@@ -189,8 +186,9 @@ var RenderFields = function RenderFields(props) {
       value: otherProps,
       children: _jsx(Render, {
         show: show,
-        disabled: Boolean(formDisabled),
         form: form,
+        disabled: column.disabled,
+        formDisabled: formDisabled,
         type: _type,
         originComponent: component,
         component: TargetComponent,

package/es/ProForm/components/render/propsType.d.ts

@@ -230,6 +230,7 @@ export type ProColumnProps<T = any> = ProFormColumnProps<T> & ColumnPropsMap<T,
  * 表单渲染类型
  */
 export interface RenderProps<Values = any> {
+    formDisabled?: boolean;
     component: any;
     formItemProps: FormItemProps<Values> & {
         labelWidth?: string | number;

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

@@ -11,7 +11,7 @@ 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 { useState, useEffect } from 'react';
-import { setThemes, setTableNoStripe } from '../../utils/index';
+import { setThemes } from '../../utils/index';
 import locale from '../../../locale';
 var connect = function connect(Component) {
   var ComponentWrapper = function ComponentWrapper(props) {
@@ -249,9 +249,9 @@ var PrdTools = function PrdTools(_ref) {
             setState(_objectSpread(_objectSpread({}, state), {}, {
               zauiStripe: value
             }));
-            setTableNoStripe(value);
             setThemes({
-              'zaui-stripe': value
+              'zaui-stripe': value,
+              'zaui-table-strip-bg': value ? '#fafafa' : '#ffffff'
             });
           }
         })

package/es/ProThemeTools/index.d.ts

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

package/es/ProThemeTools/index.js

@@ -6,13 +6,15 @@ 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", "iconFollowTheme", "prefixCls", "tableBorder", "tableStripe", "theme"];
+var _excluded = ["size", "className", "cacheTime", "color", "mode", "iconFollowTheme", "prefixCls", "tableBorder", "tableStripe", "theme", "onChange"];
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /* eslint-disable prefer-const */
 import { SettingOutlined } from '@ant-design/icons';
 import { useEffect, useState } from 'react';
+import { usePrevious, useUpdateEffect } from 'ahooks';
+import { isEqual } from 'lodash';
 import classnames from 'classnames';
-import { getKebabCase, setThemes, setTableNoStripe, setTableBorder, getMapKebabCase, getMapHumpCase } from './utils/index';
+import { getKebabCase, setThemes, setTableBorder, getMapKebabCase, getMapHumpCase } from './utils/index';
 import { PrdTools } from './component';
 import locale from '../locale';
 var defaultCacheTime = 1; // 配置保存时间为一天
@@ -46,6 +48,7 @@ var ProThemeTools = function ProThemeTools(_ref) {
     tableStripe = _ref$tableStripe === void 0 ? false : _ref$tableStripe,
     _ref$theme = _ref.theme,
     theme = _ref$theme === void 0 ? {} : _ref$theme,
+    onChange = _ref.onChange,
     props = _objectWithoutProperties(_ref, _excluded);
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
@@ -55,6 +58,7 @@ var ProThemeTools = function ProThemeTools(_ref) {
     _useState4 = _slicedToArray(_useState3, 2),
     state = _useState4[0],
     setState = _useState4[1];
+  var previousState = usePrevious(state);
   var zauiBrand = state.zauiBrand,
     zauiStripe = state.zauiStripe,
     zauiTableBorder = state.zauiTableBorder;
@@ -149,7 +153,9 @@ var ProThemeTools = function ProThemeTools(_ref) {
   }, [zauiBrand]);
   // 斑马纹设置
   useEffect(function () {
-    setTableNoStripe(zauiStripe, prefixCls);
+    setThemes({
+      'zaui-table-strip-bg': zauiStripe ? '#fafafa' : '#ffffff'
+    });
   }, [zauiStripe]);
   // 表格边框设置
   useEffect(function () {
@@ -165,6 +171,11 @@ var ProThemeTools = function ProThemeTools(_ref) {
       localStorage.setItem('themeConfig', JSON.stringify(newThemeConfig));
     }
   }, [state, cacheTime]);
+  useUpdateEffect(function () {
+    if (!isEqual(state, previousState) && visible) {
+      onChange === null || onChange === void 0 ? void 0 : onChange(state);
+    }
+  }, [state]);
   var cls = classnames(_defineProperty({
     'pro-theme-tools': true,
     'pro-theme-tools-follow': iconFollowTheme

package/es/ProThemeTools/propsType.d.ts

@@ -27,6 +27,7 @@ export interface ProThemeToolsProps {
     tableStripe?: boolean;
     /** 统一样式前缀, 默认ant */
     prefixCls?: string;
+    onChange?: (record: any) => void;
     [key: string]: any;
 }
 export interface LocalThemeConfigPropsType {

package/lib/ProEnum/index.js

@@ -176,13 +176,27 @@ var ProEnum = function ProEnum(props) {
         return (0, _jsxRuntime.jsx)(_antd.Radio.Group, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _lodash.omit)(enumProps, ['fieldNames'])), {}, {
           options: list,
           value: value,
-          onChange: onChange
+          onChange: onChange,
+          children: list.map(function (item) {
+            return (0, _jsxRuntime.jsx)(_antd.Radio, {
+              value: item[fieldValue],
+              disabled: !!item.disabled,
+              children: item[label]
+            }, item[fieldValue]);
+          })
         }));
       case 'Checkbox':
         return (0, _jsxRuntime.jsx)(_antd.Checkbox.Group, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _lodash.omit)(enumProps, ['fieldNames'])), {}, {
           options: list,
           value: value,
-          onChange: onChange
+          onChange: onChange,
+          children: list.map(function (item) {
+            return (0, _jsxRuntime.jsx)(_antd.Checkbox, {
+              value: item[fieldValue],
+              disabled: !!item.disabled,
+              children: item[label]
+            }, item[fieldValue]);
+          })
         }));
       case 'Tag':
         return (0, _jsxRuntime.jsx)(_Tag.default, {

package/lib/ProEnum/style/index.less

@@ -12,7 +12,7 @@
     align-items: center;
     justify-content: center;
     margin-right: var(--zaui-space-size-sm);
-     margin-bottom: calc(var(--zaui-space-size-sm; 8px) * var(--zaui-size; 1));
+    margin-bottom: calc(var(--zaui-space-size-sm; 8px) * var(--zaui-size; 1));
     padding: var(--zaui-space-size-xs) 10px;
     background-color: #f5f5f5;
     border-radius: var(--zaui-space-size-xs);
@@ -23,4 +23,8 @@
     color: #fff;
     background-color: var(--zaui-brand);
   }
+  &-tag-item-disabled {
+    background-color: #f5f5f5;
+    pointer-events: none;
+  }
 }

package/lib/ProForm/components/render/Render.js

@@ -42,7 +42,8 @@ var Render = function Render(props) {
     show = _props$show === void 0 ? true : _props$show,
     fieldProps = props.fieldProps,
     form = props.form,
-    formDisabled = props.disabled,
+    disabled = props.disabled,
+    formDisabled = props.formDisabled,
     type = props.type,
     isSelect = props.isSelect,
     originalValues = props.originalValues,
@@ -66,7 +67,7 @@ var Render = function Render(props) {
       show: show,
       formItemProps: formItemProps,
       form: form,
-      disabled: componentProps.disabled,
+      disabled: disabled,
       rules: rules,
       required: required,
       fieldProps: fieldProps,
@@ -161,8 +162,8 @@ var Render = function Render(props) {
   }
   /** 移除多余参数，防止透传给formItem报错 */
   var _otherFormItemProps = (0, _lodash.omit)(otherFormItemProps, ['component', 'names', 'format', 'toISOString', 'switchValue', 'precision', 'clearNotShow']);
-  // 优先取组件上的disabled, 最后取formDisabled（全局
-  var lastDisabled = componentProps.disabledStrictly ? (_ref2 = _disabled !== null && _disabled !== void 0 ? _disabled : _fieldProps === null || _fieldProps === void 0 ? void 0 : _fieldProps.disabled) !== null && _ref2 !== void 0 ? _ref2 : formDisabled : false;
+  // 优先级 column.disabled > fieldProps.disabled > formDisabled
+  var lastDisabled = (_ref2 = _disabled !== null && _disabled !== void 0 ? _disabled : _fieldProps === null || _fieldProps === void 0 ? void 0 : _fieldProps.disabled) !== null && _ref2 !== void 0 ? _ref2 : formDisabled;
   /**
    * 最新fieldProps: 更新后的组件Props
    */
@@ -253,7 +254,7 @@ var Render = function Render(props) {
     if (formItemProps === null || formItemProps === void 0 ? void 0 : formItemProps.parentNames) {
       setTimeout(function () {
         form.setFieldValue(formItemProps === null || formItemProps === void 0 ? void 0 : formItemProps.parentNames, form.getFieldValue(formItemProps === null || formItemProps === void 0 ? void 0 : formItemProps.parentNames));
-        form.validateFields([formItemProps === null || formItemProps === void 0 ? void 0 : formItemProps.parentNames]);
+        form.validateFields();
       }, 60);
     }
     // ProTreeSelect返回option

package/lib/ProForm/components/render/RenderFields.js

@@ -16,7 +16,7 @@ var componentMap = _interopRequireWildcard(require("../index"));
 var _utils = require("../../utils");
 var _useFieldProps = require("../../utils/useFieldProps");
 var _locale = _interopRequireDefault(require("../../../locale"));
-var _excluded = ["show", "type", "viewRender", "viewType", "valueType", "formItemProps", "colProps", "formItemChildProps", "fieldProps", "disabled", "equalWith", "clearNotShow", "required"];
+var _excluded = ["show", "type", "viewRender", "viewType", "valueType", "formItemProps", "colProps", "formItemChildProps", "fieldProps", "equalWith", "clearNotShow", "required"];
 var RenderFields = function RenderFields(props) {
   var isView = props.isView,
     _props$columns = props.columns,
@@ -52,7 +52,7 @@ var RenderFields = function RenderFields(props) {
     });
   }
   var comList = columns.flatMap(function (column, index) {
-    var _ref, _formItemProps$disabl;
+    var _formItemProps$disabl;
     if (!!expand && !openState) {
       // expand为Number时 过滤掉大于expand 且 非fixed的column
       if (typeof expand === 'number') {
@@ -75,7 +75,6 @@ var RenderFields = function RenderFields(props) {
       formItemChildProps = _column$formItemChild === void 0 ? {} : _column$formItemChild,
       _column$fieldProps = column.fieldProps,
       fieldProps = _column$fieldProps === void 0 ? {} : _column$fieldProps,
-      disabled = column.disabled,
       equalWith = column.equalWith,
       _column$clearNotShow = column.clearNotShow,
       clearNotShow = _column$clearNotShow === void 0 ? outerClearNotShow : _column$clearNotShow,
@@ -131,8 +130,7 @@ var RenderFields = function RenderFields(props) {
       placeholder = formItemChildProps.placeholder,
       dataSource = formItemChildProps.dataSource;
     var formLabel = _formItemProps.label;
-    var comDisabled = (_ref = (_formItemProps$disabl = _formItemProps === null || _formItemProps === void 0 ? void 0 : _formItemProps.disabled) !== null && _formItemProps$disabl !== void 0 ? _formItemProps$disabl : fieldProps.disabled) !== null && _ref !== void 0 ? _ref : disabled;
-    var _disabled = comDisabled === undefined ? formDisabled : comDisabled;
+    var comDisabled = (_formItemProps$disabl = _formItemProps === null || _formItemProps === void 0 ? void 0 : _formItemProps.disabled) !== null && _formItemProps$disabl !== void 0 ? _formItemProps$disabl : fieldProps.disabled; // 组件属性层disabled fieldProps可能为函数
     // 当前组件是不是一个选择组件
     var _isSelect = (0, _utils.isSelect)({
       dataSource: dataSource,
@@ -149,10 +147,9 @@ var RenderFields = function RenderFields(props) {
       _fieldProps.disabled = formDisabled;
     }
     var componentProps = (0, _objectSpread2.default)((0, _objectSpread2.default)({
-      disabledStrictly: true,
       placeholder: placeholderHandle()
     }, _fieldProps), {}, {
-      disabled: _disabled
+      disabled: comDisabled
     });
     // 容器组件，额外处理show的问题
     if (['ProCollapse', 'Container'].includes(_type)) {
@@ -176,7 +173,7 @@ var RenderFields = function RenderFields(props) {
     var otherProps = {
       label: _formItemProps.label,
       name: _formItemProps.name,
-      disabled: _disabled,
+      disabled: comDisabled,
       isView: _isView,
       viewEmpty: viewEmpty,
       valueType: valueType,
@@ -197,8 +194,9 @@ var RenderFields = function RenderFields(props) {
       value: otherProps,
       children: (0, _jsxRuntime.jsx)(_Render.default, {
         show: show,
-        disabled: Boolean(formDisabled),
         form: form,
+        disabled: column.disabled,
+        formDisabled: formDisabled,
         type: _type,
         originComponent: component,
         component: TargetComponent,

package/lib/ProForm/components/render/propsType.d.ts

@@ -230,6 +230,7 @@ export type ProColumnProps<T = any> = ProFormColumnProps<T> & ColumnPropsMap<T,
  * 表单渲染类型
  */
 export interface RenderProps<Values = any> {
+    formDisabled?: boolean;
     component: any;
     formItemProps: FormItemProps<Values> & {
         labelWidth?: string | number;

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

@@ -249,9 +249,9 @@ var PrdTools = function PrdTools(_ref) {
             setState((0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
               zauiStripe: value
             }));
-            (0, _index.setTableNoStripe)(value);
             (0, _index.setThemes)({
-              'zaui-stripe': value
+              'zaui-stripe': value,
+              'zaui-table-strip-bg': value ? '#fafafa' : '#ffffff'
             });
           }
         })

package/lib/ProThemeTools/index.d.ts

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

package/lib/ProThemeTools/index.js

@@ -13,11 +13,13 @@ var _jsxRuntime = require("react/jsx-runtime");
 var _icons = require("@ant-design/icons");
 var _antd = require("antd");
 var _react = require("react");
+var _ahooks = require("ahooks");
+var _lodash = require("lodash");
 var _classnames2 = _interopRequireDefault(require("classnames"));
 var _index = require("./utils/index");
 var _component = require("./component");
 var _locale = _interopRequireDefault(require("../locale"));
-var _excluded = ["size", "className", "cacheTime", "color", "mode", "iconFollowTheme", "prefixCls", "tableBorder", "tableStripe", "theme"];
+var _excluded = ["size", "className", "cacheTime", "color", "mode", "iconFollowTheme", "prefixCls", "tableBorder", "tableStripe", "theme", "onChange"];
 /* eslint-disable prefer-const */
 var defaultCacheTime = 1; // 配置保存时间为一天
 var defaultThemeConfig = {
@@ -50,6 +52,7 @@ var ProThemeTools = function ProThemeTools(_ref) {
     tableStripe = _ref$tableStripe === void 0 ? false : _ref$tableStripe,
     _ref$theme = _ref.theme,
     theme = _ref$theme === void 0 ? {} : _ref$theme,
+    onChange = _ref.onChange,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -59,6 +62,7 @@ var ProThemeTools = function ProThemeTools(_ref) {
     _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
     state = _useState4[0],
     setState = _useState4[1];
+  var previousState = (0, _ahooks.usePrevious)(state);
   var zauiBrand = state.zauiBrand,
     zauiStripe = state.zauiStripe,
     zauiTableBorder = state.zauiTableBorder;
@@ -153,7 +157,9 @@ var ProThemeTools = function ProThemeTools(_ref) {
   }, [zauiBrand]);
   // 斑马纹设置
   (0, _react.useEffect)(function () {
-    (0, _index.setTableNoStripe)(zauiStripe, prefixCls);
+    (0, _index.setThemes)({
+      'zaui-table-strip-bg': zauiStripe ? '#fafafa' : '#ffffff'
+    });
   }, [zauiStripe]);
   // 表格边框设置
   (0, _react.useEffect)(function () {
@@ -169,6 +175,11 @@ var ProThemeTools = function ProThemeTools(_ref) {
       localStorage.setItem('themeConfig', JSON.stringify(newThemeConfig));
     }
   }, [state, cacheTime]);
+  (0, _ahooks.useUpdateEffect)(function () {
+    if (!(0, _lodash.isEqual)(state, previousState) && visible) {
+      onChange === null || onChange === void 0 ? void 0 : onChange(state);
+    }
+  }, [state]);
   var cls = (0, _classnames2.default)((0, _defineProperty2.default)({
     'pro-theme-tools': true,
     'pro-theme-tools-follow': iconFollowTheme

package/lib/ProThemeTools/propsType.d.ts

@@ -27,6 +27,7 @@ export interface ProThemeToolsProps {
     tableStripe?: boolean;
     /** 统一样式前缀, 默认ant */
     prefixCls?: string;
+    onChange?: (record: any) => void;
     [key: string]: any;
 }
 export interface LocalThemeConfigPropsType {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zat-design/sisyphus-react",
-  "version": "3.3.4",
+  "version": "3.4.0-beta.1",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",