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

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/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: '重置'
   }
 };