@zat-design/sisyphus-react 3.2.1-beta.7 → 3.2.2

package/dist/index.esm.css

@@ -819,6 +819,9 @@
   background-color: var(--zaui-base-bg, #ffffff);
   padding: 24px 0 0 0;
 }
+.pro-header.pro-header-no-back.pro-header-has-describe .pro-header-top {
+  padding-left: var(--zaui-space-size-md, 16px);
+}
 .pro-header.pro-header-no-back .pro-header-top {
   padding-left: 0;
 }
@@ -5096,16 +5099,16 @@ input[type='button'] {
 .ant-table.ant-table-scroll-horizontal table .ant-table-tbody .ant-table-row:nth-child(even) td,
 .ant-table.ant-table-scroll-horizontal table .ant-table-tbody .ant-table-row:nth-child(even) td.ant-table-cell-fix-right,
 .ant-table.ant-table-scroll-horizontal table .ant-table-tbody .ant-table-row:nth-child(even) td.ant-table-cell-fix-left {
-  background-color: #fff;
+  background-color: #fff !important;
 }
 .ant-table.ant-table-scroll-horizontal table .ant-table-tbody .ant-table-row:nth-child(even) td {
   background-color: #fff;
 }
 .ant-table.ant-table-scroll-horizontal table .ant-table-tbody .ant-table-row:nth-child(odd) {
-  background-color: var(--zaui-table-strip-bg, #fafafa);
+  background-color: var(--zaui-table-strip-bg, #fafafa) !important;
 }
 .ant-table.ant-table-scroll-horizontal table .ant-table-tbody .ant-table-row:nth-child(odd) td {
-  background-color: var(--zaui-table-strip-bg, #fafafa);
+  background-color: var(--zaui-table-strip-bg, #fafafa) !important;
 }
 .ant-table .ant-table-cell .ant-btn-link {
   padding: 0;

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

@@ -136,10 +136,11 @@ var RenderFields = function RenderFields(props) {
     if (isBoolean(formDisabled)) {
       _fieldProps.disabled = formDisabled;
     }
-    var componentProps = _objectSpread(_objectSpread({}, _fieldProps), {}, {
-      disabled: _disabled,
-      placeholder: _placeholder,
+    var componentProps = _objectSpread(_objectSpread({
       disabledStrictly: true
+    }, _fieldProps), {}, {
+      disabled: _disabled,
+      placeholder: _placeholder
     });
     // switch与SwitchCheckbox单独添加valuePropName
     if (['Switch', 'SwitchCheckbox'].includes(_type)) {

package/es/ProLayout/components/ProHeader/index.js

@@ -373,6 +373,7 @@ var ProHeader = function ProHeader(props) {
     'pro-header-fixed': fixedTop,
     'pro-header-shadow': showShadow,
     'pro-header-no-back': !backState,
+    'pro-header-has-describe': !isEmpty(_subDescribeColumns) || !isEmpty(describeColumns) || !isEmpty(describeColumns),
     'pro-header-no-describe': isEmpty(_subDescribeColumns) && isEmpty(describeColumns) || isEmpty(describeColumns)
   }, "".concat(className), className));
   if (title && !isEmpty(_breadcrumbColumns)) {

package/es/ProLayout/components/ProHeader/style/index.less

@@ -4,6 +4,12 @@
   background-color: var(--zaui-base-bg, #ffffff);
   padding         : 24px 0 0 0;
 
+  &.pro-header-no-back.pro-header-has-describe {
+    .pro-header-top {
+      padding-left: var(--zaui-space-size-md, 16px);
+    }
+  }
+
   &.pro-header-no-back {
     .pro-header-top {
       padding-left: 0;

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

@@ -12,6 +12,7 @@ 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 locale from '../../../locale';
 var connect = function connect(Component) {
   var ComponentWrapper = function ComponentWrapper(props) {
     return _jsx(Component, _objectSpread({}, props));
@@ -62,8 +63,8 @@ var PrdTools = function PrdTools(_ref) {
   }, []);
   return _jsxs(NewDrawer, {
     className: "pro-theme-prd-tools-drawer",
-    width: 320,
-    title: "\u5168\u5C40\u6837\u5F0F\u81EA\u5B9A\u4E49",
+    width: 400,
+    title: "".concat(locale.ProThemeTools.title),
     placement: "right",
     onClose: onClose,
     open: visible,
@@ -77,7 +78,7 @@ var PrdTools = function PrdTools(_ref) {
     }), _jsxs("div", {
       className: "pro-theme-tools-space",
       children: [_jsx("p", {
-        children: "\u4E3B\u9898\u8272"
+        children: "".concat(locale.ProThemeTools.themeColor)
       }), _jsx("ul", {
         className: "pro-theme-color",
         children: active.map(function (item, index) {
@@ -108,7 +109,7 @@ var PrdTools = function PrdTools(_ref) {
       children: [_jsx("div", {
         className: "pro-theme-tools-item",
         children: _jsx("p", {
-          children: "\u5E03\u5C40"
+          children: "".concat(locale.ProThemeTools.layout)
         })
       }), _jsx("div", {
         className: "pro-theme-tools-item",
@@ -124,13 +125,13 @@ var PrdTools = function PrdTools(_ref) {
           },
           children: [_jsx(_Radio.Button, {
             value: 0.5,
-            children: "\u7D27\u51D1"
+            children: "".concat(locale.ProThemeTools.layoutMode[0])
           }), _jsx(_Radio.Button, {
             value: 1,
-            children: "\u5E38\u89C4"
+            children: "".concat(locale.ProThemeTools.layoutMode[1])
           }), _jsx(_Radio.Button, {
             value: 1.5,
-            children: "\u5BBD\u677E"
+            children: "".concat(locale.ProThemeTools.layoutMode[2])
           })]
         })
       })]
@@ -139,7 +140,7 @@ var PrdTools = function PrdTools(_ref) {
       children: [_jsx("div", {
         className: "pro-theme-tools-item",
         children: _jsx("p", {
-          children: "\u8868\u5355\u6807\u9898"
+          children: "".concat(locale.ProThemeTools.formLabel)
         })
       }), _jsx("div", {
         className: "pro-theme-tools-item",
@@ -176,10 +177,10 @@ var PrdTools = function PrdTools(_ref) {
           },
           children: [_jsx(_Radio.Button, {
             value: "left",
-            children: "\u5DE6\u5BF9\u9F50"
+            children: "".concat(locale.ProThemeTools.flex[0])
           }), _jsx(_Radio.Button, {
             value: "right",
-            children: "\u53F3\u5BF9\u9F50"
+            children: "".concat(locale.ProThemeTools.flex[1])
           })]
         })
       })]
@@ -188,13 +189,13 @@ var PrdTools = function PrdTools(_ref) {
       children: [_jsx("div", {
         className: "pro-theme-tools-item",
         children: _jsx("p", {
-          children: "\u5927\u5B57\u53F7\u6A21\u5F0F"
+          children: "".concat(locale.ProThemeTools.bigText)
         })
       }), _jsx("div", {
         className: "pro-theme-tools-item",
         children: _jsx(_Switch, {
-          checkedChildren: "\u5F00",
-          unCheckedChildren: "\u5173",
+          checkedChildren: "".concat(locale.ProThemeTools.switchText[0]),
+          unCheckedChildren: "".concat(locale.ProThemeTools.switchText[1]),
           checked: state.zauiBigText,
           onClick: function onClick(value) {
             setState(_objectSpread(_objectSpread({}, state), {}, {
@@ -212,13 +213,13 @@ var PrdTools = function PrdTools(_ref) {
       children: [_jsx("div", {
         className: "pro-theme-tools-item",
         children: _jsx("p", {
-          children: "\u8868\u683C\u8FB9\u6846"
+          children: "".concat(locale.ProThemeTools.tableBorder)
         })
       }), _jsx("div", {
         className: "pro-theme-tools-item",
         children: _jsx(_Switch, {
-          checkedChildren: "\u5F00",
-          unCheckedChildren: "\u5173",
+          checkedChildren: "".concat(locale.ProThemeTools.switchText[0]),
+          unCheckedChildren: "".concat(locale.ProThemeTools.switchText[1]),
           checked: state.zauiTableBorder,
           onClick: function onClick(value) {
             setState(_objectSpread(_objectSpread({}, state), {}, {
@@ -235,13 +236,13 @@ var PrdTools = function PrdTools(_ref) {
       children: [_jsx("div", {
         className: "pro-theme-tools-item",
         children: _jsx("p", {
-          children: "\u8868\u683C\u6591\u9A6C\u7EB9"
+          children: "".concat(locale.ProThemeTools.tableStripe)
         })
       }), _jsx("div", {
         className: "pro-theme-tools-item",
         children: _jsx(_Switch, {
-          checkedChildren: "\u5F00",
-          unCheckedChildren: "\u5173",
+          checkedChildren: "".concat(locale.ProThemeTools.switchText[0]),
+          unCheckedChildren: "".concat(locale.ProThemeTools.switchText[1]),
           checked: state.zauiStripe,
           onClick: function onClick(value) {
             setState(_objectSpread(_objectSpread({}, state), {}, {
@@ -272,7 +273,7 @@ var PrdTools = function PrdTools(_ref) {
         }]);
         onReset();
       },
-      children: "\u91CD\u7F6E"
+      children: "".concat(locale.ProThemeTools.reset)
     })]
   });
 };

package/es/ProThemeTools/index.js

@@ -14,6 +14,7 @@ import { useEffect, useState } from 'react';
 import classnames from 'classnames';
 import { getKebabCase, setThemes, setTableNoStripe, setTableBorder, getMapKebabCase, getMapHumpCase } from './utils/index';
 import { PrdTools } from './component';
+import locale from '../locale';
 var defaultCacheTime = 1; // 配置保存时间为一天
 var defaultThemeConfig = {
   zauiBrand: '#006AFF',
@@ -89,7 +90,7 @@ var ProThemeTools = function ProThemeTools(_ref) {
     input.select();
     if (document.execCommand('copy')) {
       document.execCommand('copy');
-      _message.success('复制成功！');
+      _message.success("".concat(locale.ProThemeTools.copySuccess));
     }
     document.body.removeChild(input);
   };

package/es/ProTree/components/Tree.js

@@ -14,7 +14,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  *@Description: 树每行节点渲染组件，复选时阻止点击事件冒泡，只有点击树节点文本会向上触发onSelect事件
 */
 /* eslint-disable no-plusplus */
-import React, { useEffect, useMemo, useState } from 'react';
+import React, { useEffect, useState } from 'react';
 import { useSetState } from 'ahooks';
 import { CaretDownOutlined } from '@ant-design/icons';
 import SearchTitle from './SearchTitle';
@@ -263,32 +263,19 @@ function List(props) {
       })]
     }, onlyKey);
   };
-  var _treeData = useMemo(function () {
-    function fn() {
-      var loop = function loop(data, index) {
-        index++;
-        var treeRow = data.map(function (item) {
-          var nodeClass = 'pro-tree-tree-node ';
-          var isChecked = false;
-          if (currentClickTreeNode === item[fieldNameValue]) {
-            nodeClass += ' checked';
-            isChecked = true;
-          }
-          var title = showCodeName ? "".concat(item[fieldNameValue], "-").concat(item[fieldNameLabel]) : item[fieldNameLabel];
-          if (item[fieldNames.children]) {
-            return {
-              title: _jsx(TreeNodeRow, {
-                nodeClass: nodeClass,
-                item: item,
-                index: index,
-                title: title,
-                isChecked: isChecked,
-                onlyKey: item[fieldNameValue]
-              }),
-              key: item[fieldNameValue],
-              children: loop(item[fieldNames.children], index)
-            };
-          }
+  // const _treeData = useMemo(() => {
+  function fn() {
+    var loop = function loop(data, index) {
+      index++;
+      var treeRow = data.map(function (item) {
+        var nodeClass = 'pro-tree-tree-node ';
+        var isChecked = false;
+        if (currentClickTreeNode === item[fieldNameValue]) {
+          nodeClass += ' checked';
+          isChecked = true;
+        }
+        var title = showCodeName ? "".concat(item[fieldNameValue], "-").concat(item[fieldNameLabel]) : item[fieldNameLabel];
+        if (item[fieldNames.children]) {
           return {
             title: _jsx(TreeNodeRow, {
               nodeClass: nodeClass,
@@ -298,23 +285,37 @@ function List(props) {
               isChecked: isChecked,
               onlyKey: item[fieldNameValue]
             }),
-            key: item[fieldNameValue]
+            key: item[fieldNameValue],
+            children: loop(item[fieldNames.children], index)
           };
-        });
-        return treeRow; // .filter((item) => item);
-      };
+        }
+        return {
+          title: _jsx(TreeNodeRow, {
+            nodeClass: nodeClass,
+            item: item,
+            index: index,
+            title: title,
+            isChecked: isChecked,
+            onlyKey: item[fieldNameValue]
+          }),
+          key: item[fieldNameValue]
+        };
+      });
+      return treeRow; // .filter((item) => item);
+    };
 
-      if ((other === null || other === void 0 ? void 0 : other.mode) === 'view') {
-        return;
-      }
-      var newTreeData = originalTreeData;
-      if (searchStr) {
-        newTreeData = filterCheckedNodes(originalTreeData, [], searchStr, fieldNames);
-      }
-      return loop(newTreeData, -1);
+    if ((other === null || other === void 0 ? void 0 : other.mode) === 'view') {
+      return;
+    }
+    var newTreeData = originalTreeData;
+    if (searchStr) {
+      newTreeData = filterCheckedNodes(originalTreeData, [], searchStr, fieldNames);
     }
-    return fn();
-  }, [searchStr, expandedKeys, showCodeName, originalTreeData, currentClickTreeNode]);
+    return loop(newTreeData, -1);
+  }
+  // return fn();
+  // }, [searchStr, expandedKeys, showCodeName, originalTreeData, currentClickTreeNode]);
+  var _treeData = fn();
   var onExpand = function onExpand(newExpandedKeys) {
     setState({
       expandedKeys: newExpandedKeys,

package/es/ProTreeModal/index.js

@@ -77,7 +77,6 @@ var ProTreeModal = function ProTreeModal(props) {
   var _useSetState = useSetState({
       open: false,
       checkedValues: [],
-      beforeClearAllValues: [],
       treeData: [],
       treeViewData: [],
       originalTreeData: [],
@@ -264,7 +263,6 @@ var ProTreeModal = function ProTreeModal(props) {
     }) : [];
     setState({
       checkedValues: _checkedValues,
-      beforeClearAllValues: state.checkedValues,
       treeViewData: [],
       checkAll: false
     });
@@ -273,18 +271,9 @@ var ProTreeModal = function ProTreeModal(props) {
    * Drawer close
    */
   var handleClose = function handleClose() {
-    var _state$beforeClearAll;
-    if ((_state$beforeClearAll = state.beforeClearAllValues) === null || _state$beforeClearAll === void 0 ? void 0 : _state$beforeClearAll.length) {
-      setState({
-        open: false,
-        checkedValues: state.beforeClearAllValues,
-        beforeClearAllValues: []
-      });
-    } else {
-      setState({
-        open: false
-      });
-    }
+    setState({
+      open: false
+    });
     openChange === null || openChange === void 0 ? void 0 : openChange(false);
   };
   /**

package/es/locale/en_US.d.ts

@@ -38,7 +38,6 @@ declare const _default: {
         errorMessage: string;
         defaultTitle: string;
     };
-    ProWaterMark: {};
     ProTable: {
         noData: string;
         resetColumnWidth: string;
@@ -135,5 +134,19 @@ declare const _default: {
     ProTimeLimit: {
         foreverText: string;
     };
+    ProThemeTools: {
+        title: string;
+        copySuccess: string;
+        layout: string;
+        layoutMode: string[];
+        themeColor: string;
+        formLabel: string;
+        bigText: string;
+        flex: string[];
+        switchText: string[];
+        tableBorder: string;
+        tableStripe: string;
+        reset: string;
+    };
 };
 export default _default;

package/es/locale/en_US.js

@@ -38,7 +38,6 @@ export default {
     errorMessage: 'The configuration config for ProAction must be data',
     defaultTitle: 'Are you sure delete it?'
   },
-  ProWaterMark: {},
   ProTable: {
     noData: 'No data',
     resetColumnWidth: 'Reset column width',
@@ -121,12 +120,12 @@ export default {
   ProTreeModal: {
     checkMsg: 'Please check first',
     select: 'Please select',
-    input: 'please enter',
+    input: 'Please enter',
     errorArrayMessage: 'Please return a valid array',
     selectMin: 'Select at least {min}',
     selectMax: 'Select at most {max} items',
     noCheck: 'None selected yet',
-    checkAll: 'select all',
+    checkAll: 'Select all',
     check: 'selected',
     clearAll: 'Clear all',
     checkNumber: '{num} items selected',
@@ -134,5 +133,19 @@ export default {
   },
   ProTimeLimit: {
     foreverText: 'long term'
+  },
+  ProThemeTools: {
+    title: 'Global style customization ',
+    copySuccess: 'Copy success! ',
+    layout: 'Layout',
+    layoutMode: ['Compact ', 'Regular', 'Loose'],
+    themeColor: 'Theme color',
+    formLabel: 'Form label',
+    bigText: 'Large text mode',
+    flex: ['Left align ', 'Right align'],
+    switchText: ['on', 'off'],
+    tableBorder: 'Table border',
+    tableStripe: 'Table zebra',
+    reset: 'Reset'
   }
 };

package/es/locale/zh_CN.d.ts

@@ -38,7 +38,6 @@ declare const _default: {
         errorMessage: string;
         defaultTitle: string;
     };
-    ProWaterMark: {};
     ProTable: {
         noData: string;
         resetColumnWidth: string;
@@ -134,5 +133,19 @@ declare const _default: {
     ProTimeLimit: {
         foreverText: string;
     };
+    ProThemeTools: {
+        title: string;
+        copySuccess: string;
+        layout: string;
+        layoutMode: string[];
+        themeColor: string;
+        formLabel: string;
+        bigText: string;
+        flex: string[];
+        switchText: string[];
+        tableBorder: string;
+        tableStripe: string;
+        reset: string;
+    };
 };
 export default _default;

package/es/locale/zh_CN.js

@@ -38,7 +38,6 @@ export default {
     errorMessage: 'ProAction 配置 config 必须为数据',
     defaultTitle: '确认删除吗?'
   },
-  ProWaterMark: {},
   ProTable: {
     noData: '暂无数据',
     resetColumnWidth: '重置列宽',
@@ -133,5 +132,19 @@ export default {
   },
   ProTimeLimit: {
     foreverText: '长期'
+  },
+  ProThemeTools: {
+    title: '全局样式自定义',
+    copySuccess: '复制成功！',
+    layout: '布局',
+    layoutMode: ['紧凑', '常规', '宽松'],
+    themeColor: '主题色',
+    formLabel: '表单标题',
+    bigText: '大字号模式',
+    flex: ['左对齐', '右对齐'],
+    switchText: ['开', '关'],
+    tableBorder: '表格边框',
+    tableStripe: '表格斑马纹',
+    reset: '重置'
   }
 };

package/es/style/theme/antd.less

@@ -258,7 +258,7 @@
           & td,
           & td.ant-table-cell-fix-right,
           & td.ant-table-cell-fix-left {
-            background-color: #fff;
+            background-color: #fff !important;
           }
 
           & td {
@@ -267,10 +267,10 @@
         }
 
         .ant-table-row:nth-child(odd) {
-          background-color: @zaui-table-strip-bg;
+          background-color: @zaui-table-strip-bg  !important;
 
           & td {
-            background-color: @zaui-table-strip-bg;
+            background-color: @zaui-table-strip-bg !important;
           }
         }
       }

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

@@ -144,10 +144,11 @@ var RenderFields = function RenderFields(props) {
     if ((0, _lodash.isBoolean)(formDisabled)) {
       _fieldProps.disabled = formDisabled;
     }
-    var componentProps = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, _fieldProps), {}, {
-      disabled: _disabled,
-      placeholder: _placeholder,
+    var componentProps = (0, _objectSpread2.default)((0, _objectSpread2.default)({
       disabledStrictly: true
+    }, _fieldProps), {}, {
+      disabled: _disabled,
+      placeholder: _placeholder
     });
     // switch与SwitchCheckbox单独添加valuePropName
     if (['Switch', 'SwitchCheckbox'].includes(_type)) {

package/lib/ProLayout/components/ProHeader/index.js

@@ -371,6 +371,7 @@ var ProHeader = function ProHeader(props) {
     'pro-header-fixed': fixedTop,
     'pro-header-shadow': showShadow,
     'pro-header-no-back': !backState,
+    'pro-header-has-describe': !(0, _lodash.isEmpty)(_subDescribeColumns) || !(0, _lodash.isEmpty)(describeColumns) || !(0, _lodash.isEmpty)(describeColumns),
     'pro-header-no-describe': (0, _lodash.isEmpty)(_subDescribeColumns) && (0, _lodash.isEmpty)(describeColumns) || (0, _lodash.isEmpty)(describeColumns)
   }, "".concat(className), className));
   if (title && !(0, _lodash.isEmpty)(_breadcrumbColumns)) {

package/lib/ProLayout/components/ProHeader/style/index.less

@@ -4,6 +4,12 @@
   background-color: var(--zaui-base-bg, #ffffff);
   padding         : 24px 0 0 0;
 
+  &.pro-header-no-back.pro-header-has-describe {
+    .pro-header-top {
+      padding-left: var(--zaui-space-size-md, 16px);
+    }
+  }
+
   &.pro-header-no-back {
     .pro-header-top {
       padding-left: 0;

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

@@ -12,6 +12,7 @@ var _icons = require("@ant-design/icons");
 var _antd = require("antd");
 var _react = require("react");
 var _index = require("../../utils/index");
+var _locale = _interopRequireDefault(require("../../../locale"));
 var connect = function connect(Component) {
   var ComponentWrapper = function ComponentWrapper(props) {
     return (0, _jsxRuntime.jsx)(Component, (0, _objectSpread2.default)({}, props));
@@ -62,8 +63,8 @@ var PrdTools = function PrdTools(_ref) {
   }, []);
   return (0, _jsxRuntime.jsxs)(NewDrawer, {
     className: "pro-theme-prd-tools-drawer",
-    width: 320,
-    title: "\u5168\u5C40\u6837\u5F0F\u81EA\u5B9A\u4E49",
+    width: 400,
+    title: "".concat(_locale.default.ProThemeTools.title),
     placement: "right",
     onClose: onClose,
     open: visible,
@@ -77,7 +78,7 @@ var PrdTools = function PrdTools(_ref) {
     }), (0, _jsxRuntime.jsxs)("div", {
       className: "pro-theme-tools-space",
       children: [(0, _jsxRuntime.jsx)("p", {
-        children: "\u4E3B\u9898\u8272"
+        children: "".concat(_locale.default.ProThemeTools.themeColor)
       }), (0, _jsxRuntime.jsx)("ul", {
         className: "pro-theme-color",
         children: active.map(function (item, index) {
@@ -108,7 +109,7 @@ var PrdTools = function PrdTools(_ref) {
       children: [(0, _jsxRuntime.jsx)("div", {
         className: "pro-theme-tools-item",
         children: (0, _jsxRuntime.jsx)("p", {
-          children: "\u5E03\u5C40"
+          children: "".concat(_locale.default.ProThemeTools.layout)
         })
       }), (0, _jsxRuntime.jsx)("div", {
         className: "pro-theme-tools-item",
@@ -124,13 +125,13 @@ var PrdTools = function PrdTools(_ref) {
           },
           children: [(0, _jsxRuntime.jsx)(_antd.Radio.Button, {
             value: 0.5,
-            children: "\u7D27\u51D1"
+            children: "".concat(_locale.default.ProThemeTools.layoutMode[0])
           }), (0, _jsxRuntime.jsx)(_antd.Radio.Button, {
             value: 1,
-            children: "\u5E38\u89C4"
+            children: "".concat(_locale.default.ProThemeTools.layoutMode[1])
           }), (0, _jsxRuntime.jsx)(_antd.Radio.Button, {
             value: 1.5,
-            children: "\u5BBD\u677E"
+            children: "".concat(_locale.default.ProThemeTools.layoutMode[2])
           })]
         })
       })]
@@ -139,7 +140,7 @@ var PrdTools = function PrdTools(_ref) {
       children: [(0, _jsxRuntime.jsx)("div", {
         className: "pro-theme-tools-item",
         children: (0, _jsxRuntime.jsx)("p", {
-          children: "\u8868\u5355\u6807\u9898"
+          children: "".concat(_locale.default.ProThemeTools.formLabel)
         })
       }), (0, _jsxRuntime.jsx)("div", {
         className: "pro-theme-tools-item",
@@ -176,10 +177,10 @@ var PrdTools = function PrdTools(_ref) {
           },
           children: [(0, _jsxRuntime.jsx)(_antd.Radio.Button, {
             value: "left",
-            children: "\u5DE6\u5BF9\u9F50"
+            children: "".concat(_locale.default.ProThemeTools.flex[0])
           }), (0, _jsxRuntime.jsx)(_antd.Radio.Button, {
             value: "right",
-            children: "\u53F3\u5BF9\u9F50"
+            children: "".concat(_locale.default.ProThemeTools.flex[1])
           })]
         })
       })]
@@ -188,13 +189,13 @@ var PrdTools = function PrdTools(_ref) {
       children: [(0, _jsxRuntime.jsx)("div", {
         className: "pro-theme-tools-item",
         children: (0, _jsxRuntime.jsx)("p", {
-          children: "\u5927\u5B57\u53F7\u6A21\u5F0F"
+          children: "".concat(_locale.default.ProThemeTools.bigText)
         })
       }), (0, _jsxRuntime.jsx)("div", {
         className: "pro-theme-tools-item",
         children: (0, _jsxRuntime.jsx)(_antd.Switch, {
-          checkedChildren: "\u5F00",
-          unCheckedChildren: "\u5173",
+          checkedChildren: "".concat(_locale.default.ProThemeTools.switchText[0]),
+          unCheckedChildren: "".concat(_locale.default.ProThemeTools.switchText[1]),
           checked: state.zauiBigText,
           onClick: function onClick(value) {
             setState((0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
@@ -212,13 +213,13 @@ var PrdTools = function PrdTools(_ref) {
       children: [(0, _jsxRuntime.jsx)("div", {
         className: "pro-theme-tools-item",
         children: (0, _jsxRuntime.jsx)("p", {
-          children: "\u8868\u683C\u8FB9\u6846"
+          children: "".concat(_locale.default.ProThemeTools.tableBorder)
         })
       }), (0, _jsxRuntime.jsx)("div", {
         className: "pro-theme-tools-item",
         children: (0, _jsxRuntime.jsx)(_antd.Switch, {
-          checkedChildren: "\u5F00",
-          unCheckedChildren: "\u5173",
+          checkedChildren: "".concat(_locale.default.ProThemeTools.switchText[0]),
+          unCheckedChildren: "".concat(_locale.default.ProThemeTools.switchText[1]),
           checked: state.zauiTableBorder,
           onClick: function onClick(value) {
             setState((0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
@@ -235,13 +236,13 @@ var PrdTools = function PrdTools(_ref) {
       children: [(0, _jsxRuntime.jsx)("div", {
         className: "pro-theme-tools-item",
         children: (0, _jsxRuntime.jsx)("p", {
-          children: "\u8868\u683C\u6591\u9A6C\u7EB9"
+          children: "".concat(_locale.default.ProThemeTools.tableStripe)
         })
       }), (0, _jsxRuntime.jsx)("div", {
         className: "pro-theme-tools-item",
         children: (0, _jsxRuntime.jsx)(_antd.Switch, {
-          checkedChildren: "\u5F00",
-          unCheckedChildren: "\u5173",
+          checkedChildren: "".concat(_locale.default.ProThemeTools.switchText[0]),
+          unCheckedChildren: "".concat(_locale.default.ProThemeTools.switchText[1]),
           checked: state.zauiStripe,
           onClick: function onClick(value) {
             setState((0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
@@ -272,7 +273,7 @@ var PrdTools = function PrdTools(_ref) {
         }]);
         onReset();
       },
-      children: "\u91CD\u7F6E"
+      children: "".concat(_locale.default.ProThemeTools.reset)
     })]
   });
 };

package/lib/ProThemeTools/index.js

@@ -16,6 +16,7 @@ var _react = require("react");
 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", "tableBorder", "tableStripe", "theme"];
 /* eslint-disable prefer-const */
 var defaultCacheTime = 1; // 配置保存时间为一天
@@ -93,7 +94,7 @@ var ProThemeTools = function ProThemeTools(_ref) {
     input.select();
     if (document.execCommand('copy')) {
       document.execCommand('copy');
-      _antd.message.success('复制成功！');
+      _antd.message.success("".concat(_locale.default.ProThemeTools.copySuccess));
     }
     document.body.removeChild(input);
   };

package/lib/ProTree/components/Tree.js

@@ -268,32 +268,19 @@ function List(props) {
       })]
     }, onlyKey);
   };
-  var _treeData = (0, _react.useMemo)(function () {
-    function fn() {
-      var loop = function loop(data, index) {
-        index++;
-        var treeRow = data.map(function (item) {
-          var nodeClass = 'pro-tree-tree-node ';
-          var isChecked = false;
-          if (currentClickTreeNode === item[fieldNameValue]) {
-            nodeClass += ' checked';
-            isChecked = true;
-          }
-          var title = showCodeName ? "".concat(item[fieldNameValue], "-").concat(item[fieldNameLabel]) : item[fieldNameLabel];
-          if (item[fieldNames.children]) {
-            return {
-              title: (0, _jsxRuntime.jsx)(TreeNodeRow, {
-                nodeClass: nodeClass,
-                item: item,
-                index: index,
-                title: title,
-                isChecked: isChecked,
-                onlyKey: item[fieldNameValue]
-              }),
-              key: item[fieldNameValue],
-              children: loop(item[fieldNames.children], index)
-            };
-          }
+  // const _treeData = useMemo(() => {
+  function fn() {
+    var loop = function loop(data, index) {
+      index++;
+      var treeRow = data.map(function (item) {
+        var nodeClass = 'pro-tree-tree-node ';
+        var isChecked = false;
+        if (currentClickTreeNode === item[fieldNameValue]) {
+          nodeClass += ' checked';
+          isChecked = true;
+        }
+        var title = showCodeName ? "".concat(item[fieldNameValue], "-").concat(item[fieldNameLabel]) : item[fieldNameLabel];
+        if (item[fieldNames.children]) {
           return {
             title: (0, _jsxRuntime.jsx)(TreeNodeRow, {
               nodeClass: nodeClass,
@@ -303,23 +290,37 @@ function List(props) {
               isChecked: isChecked,
               onlyKey: item[fieldNameValue]
             }),
-            key: item[fieldNameValue]
+            key: item[fieldNameValue],
+            children: loop(item[fieldNames.children], index)
           };
-        });
-        return treeRow; // .filter((item) => item);
-      };
+        }
+        return {
+          title: (0, _jsxRuntime.jsx)(TreeNodeRow, {
+            nodeClass: nodeClass,
+            item: item,
+            index: index,
+            title: title,
+            isChecked: isChecked,
+            onlyKey: item[fieldNameValue]
+          }),
+          key: item[fieldNameValue]
+        };
+      });
+      return treeRow; // .filter((item) => item);
+    };
 
-      if ((other === null || other === void 0 ? void 0 : other.mode) === 'view') {
-        return;
-      }
-      var newTreeData = originalTreeData;
-      if (searchStr) {
-        newTreeData = (0, _utils.filterCheckedNodes)(originalTreeData, [], searchStr, fieldNames);
-      }
-      return loop(newTreeData, -1);
+    if ((other === null || other === void 0 ? void 0 : other.mode) === 'view') {
+      return;
+    }
+    var newTreeData = originalTreeData;
+    if (searchStr) {
+      newTreeData = (0, _utils.filterCheckedNodes)(originalTreeData, [], searchStr, fieldNames);
     }
-    return fn();
-  }, [searchStr, expandedKeys, showCodeName, originalTreeData, currentClickTreeNode]);
+    return loop(newTreeData, -1);
+  }
+  // return fn();
+  // }, [searchStr, expandedKeys, showCodeName, originalTreeData, currentClickTreeNode]);
+  var _treeData = fn();
   var onExpand = function onExpand(newExpandedKeys) {
     setState({
       expandedKeys: newExpandedKeys,

package/lib/ProTreeModal/index.js

@@ -78,7 +78,6 @@ var ProTreeModal = function ProTreeModal(props) {
   var _useSetState = (0, _ahooks.useSetState)({
       open: false,
       checkedValues: [],
-      beforeClearAllValues: [],
       treeData: [],
       treeViewData: [],
       originalTreeData: [],
@@ -265,7 +264,6 @@ var ProTreeModal = function ProTreeModal(props) {
     }) : [];
     setState({
       checkedValues: _checkedValues,
-      beforeClearAllValues: state.checkedValues,
       treeViewData: [],
       checkAll: false
     });
@@ -274,18 +272,9 @@ var ProTreeModal = function ProTreeModal(props) {
    * Drawer close
    */
   var handleClose = function handleClose() {
-    var _state$beforeClearAll;
-    if ((_state$beforeClearAll = state.beforeClearAllValues) === null || _state$beforeClearAll === void 0 ? void 0 : _state$beforeClearAll.length) {
-      setState({
-        open: false,
-        checkedValues: state.beforeClearAllValues,
-        beforeClearAllValues: []
-      });
-    } else {
-      setState({
-        open: false
-      });
-    }
+    setState({
+      open: false
+    });
     openChange === null || openChange === void 0 ? void 0 : openChange(false);
   };
   /**

package/lib/locale/en_US.d.ts

@@ -38,7 +38,6 @@ declare const _default: {
         errorMessage: string;
         defaultTitle: string;
     };
-    ProWaterMark: {};
     ProTable: {
         noData: string;
         resetColumnWidth: string;
@@ -135,5 +134,19 @@ declare const _default: {
     ProTimeLimit: {
         foreverText: string;
     };
+    ProThemeTools: {
+        title: string;
+        copySuccess: string;
+        layout: string;
+        layoutMode: string[];
+        themeColor: string;
+        formLabel: string;
+        bigText: string;
+        flex: string[];
+        switchText: string[];
+        tableBorder: string;
+        tableStripe: string;
+        reset: string;
+    };
 };
 export default _default;

package/lib/locale/en_US.js

@@ -44,7 +44,6 @@ var _default = exports.default = {
     errorMessage: 'The configuration config for ProAction must be data',
     defaultTitle: 'Are you sure delete it?'
   },
-  ProWaterMark: {},
   ProTable: {
     noData: 'No data',
     resetColumnWidth: 'Reset column width',
@@ -127,12 +126,12 @@ var _default = exports.default = {
   ProTreeModal: {
     checkMsg: 'Please check first',
     select: 'Please select',
-    input: 'please enter',
+    input: 'Please enter',
     errorArrayMessage: 'Please return a valid array',
     selectMin: 'Select at least {min}',
     selectMax: 'Select at most {max} items',
     noCheck: 'None selected yet',
-    checkAll: 'select all',
+    checkAll: 'Select all',
     check: 'selected',
     clearAll: 'Clear all',
     checkNumber: '{num} items selected',
@@ -140,5 +139,19 @@ var _default = exports.default = {
   },
   ProTimeLimit: {
     foreverText: 'long term'
+  },
+  ProThemeTools: {
+    title: 'Global style customization ',
+    copySuccess: 'Copy success! ',
+    layout: 'Layout',
+    layoutMode: ['Compact ', 'Regular', 'Loose'],
+    themeColor: 'Theme color',
+    formLabel: 'Form label',
+    bigText: 'Large text mode',
+    flex: ['Left align ', 'Right align'],
+    switchText: ['on', 'off'],
+    tableBorder: 'Table border',
+    tableStripe: 'Table zebra',
+    reset: 'Reset'
   }
 };

package/lib/locale/zh_CN.d.ts

@@ -38,7 +38,6 @@ declare const _default: {
         errorMessage: string;
         defaultTitle: string;
     };
-    ProWaterMark: {};
     ProTable: {
         noData: string;
         resetColumnWidth: string;
@@ -134,5 +133,19 @@ declare const _default: {
     ProTimeLimit: {
         foreverText: string;
     };
+    ProThemeTools: {
+        title: string;
+        copySuccess: string;
+        layout: string;
+        layoutMode: string[];
+        themeColor: string;
+        formLabel: string;
+        bigText: string;
+        flex: string[];
+        switchText: string[];
+        tableBorder: string;
+        tableStripe: string;
+        reset: string;
+    };
 };
 export default _default;

package/lib/locale/zh_CN.js

@@ -44,7 +44,6 @@ var _default = exports.default = {
     errorMessage: 'ProAction 配置 config 必须为数据',
     defaultTitle: '确认删除吗?'
   },
-  ProWaterMark: {},
   ProTable: {
     noData: '暂无数据',
     resetColumnWidth: '重置列宽',
@@ -139,5 +138,19 @@ var _default = exports.default = {
   },
   ProTimeLimit: {
     foreverText: '长期'
+  },
+  ProThemeTools: {
+    title: '全局样式自定义',
+    copySuccess: '复制成功！',
+    layout: '布局',
+    layoutMode: ['紧凑', '常规', '宽松'],
+    themeColor: '主题色',
+    formLabel: '表单标题',
+    bigText: '大字号模式',
+    flex: ['左对齐', '右对齐'],
+    switchText: ['开', '关'],
+    tableBorder: '表格边框',
+    tableStripe: '表格斑马纹',
+    reset: '重置'
   }
 };

package/lib/style/theme/antd.less

@@ -258,7 +258,7 @@
           & td,
           & td.ant-table-cell-fix-right,
           & td.ant-table-cell-fix-left {
-            background-color: #fff;
+            background-color: #fff !important;
           }
 
           & td {
@@ -267,10 +267,10 @@
         }
 
         .ant-table-row:nth-child(odd) {
-          background-color: @zaui-table-strip-bg;
+          background-color: @zaui-table-strip-bg  !important;
 
           & td {
-            background-color: @zaui-table-strip-bg;
+            background-color: @zaui-table-strip-bg !important;
           }
         }
       }

package/package.json

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