@zat-design/sisyphus-react 4.5.6-beta.2 → 4.5.6-beta.3

package/es/ProConfigProvider/demo/locale.js

@@ -0,0 +1,58 @@
+/**
+ * iframe: 400
+ */
+
+import { useState } from 'react';
+import { Button, Space } from 'antd';
+import { ProConfigProvider, ProForm } from '@zat-design/sisyphus-react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const LocaleDemo = () => {
+  const [locale, setLocale] = useState(localStorage.getItem('locale') || 'zh-CN');
+  const handleChange = value => {
+    setLocale(value);
+    localStorage.setItem('locale', value);
+    window.location.reload();
+  };
+  return /*#__PURE__*/_jsxs(Space, {
+    direction: "vertical",
+    size: 16,
+    style: {
+      width: '100%'
+    },
+    children: [/*#__PURE__*/_jsxs(Space, {
+      children: [/*#__PURE__*/_jsx(Button, {
+        type: locale === 'zh-CN' ? 'primary' : 'default',
+        onClick: () => handleChange('zh-CN'),
+        children: "\u4E2D\u6587"
+      }), /*#__PURE__*/_jsx(Button, {
+        type: locale === 'en-US' ? 'primary' : 'default',
+        onClick: () => handleChange('en-US'),
+        children: "English"
+      })]
+    }), /*#__PURE__*/_jsx(ProConfigProvider, {
+      locale: locale,
+      children: /*#__PURE__*/_jsx(ProForm, {
+        columns: [{
+          type: 'Input',
+          label: locale === 'zh-CN' ? '姓名' : 'Name',
+          name: 'name',
+          required: true
+        }, {
+          type: 'Select',
+          label: locale === 'zh-CN' ? '状态' : 'Status',
+          name: 'status',
+          fieldProps: {
+            options: [{
+              label: locale === 'zh-CN' ? '启用' : 'Enabled',
+              value: '1'
+            }, {
+              label: locale === 'zh-CN' ? '禁用' : 'Disabled',
+              value: '0'
+            }]
+          }
+        }]
+      })
+    })]
+  });
+};
+export default LocaleDemo;

package/es/ProForm/components/base/RangePicker/index.js

@@ -9,6 +9,7 @@ import dayjs from 'dayjs';
 import React from 'react';
 import { useProConfig } from "../../../../ProConfigProvider";
 import locale from "../../../../locale";
+import enUS from "../../../../locale/en_US";
 import ProForm from "../../../../ProForm";
 import Container from "../../Container";
 import { useDateRange } from "./useDateRange";
@@ -35,13 +36,7 @@ const getDefaultFormat = picker => {
 
 // 获取默认快捷选项（presets 格式）
 const getDefaultPresets = () => {
-  const rangeLabels = locale?.RangePicker?.ranges || {
-    today: '今天',
-    lastWeek: '近1周',
-    lastMonth: '近1月',
-    last3Months: '近3月',
-    lastYear: '近1年'
-  };
+  const rangeLabels = locale?.RangePicker?.ranges || enUS.RangePicker.ranges;
   return [{
     label: rangeLabels.today,
     value: [dayjs().startOf('day'), dayjs().endOf('day')]

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

@@ -3,10 +3,11 @@ import _isFunction from "lodash/isFunction";
 import React from 'react';
 import { Modal } from 'antd';
 import ProForm from "../../index";
+import locale from "../../../locale";
 import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
 const defaultConfirmProps = {
-  title: '操作提示',
-  content: '确定要修改该字段吗？'
+  title: locale.ProForm.confirmTitle,
+  content: locale.ProForm.confirmContent
 };
 const ConfirmWrapper = props => {
   const {

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

@@ -115,7 +115,7 @@ const RenderFields = props => {
     }
     if (component && /*#__PURE__*/React.isValidElement(component)) {
       const newComponent = component;
-      const isProEditTable = newComponent?.props?.onlyOneLineMsg === '请先保存数据';
+      const isProEditTable = newComponent?.props?.onlyOneLineMsg != null;
       TargetComponent = _isView ? viewRenderHandle || '' : component;
       // 可编辑表格内部支持
       if (isProEditTable) {

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

@@ -4,6 +4,7 @@ import { Space, Tooltip } from 'antd';
 import classnames from 'classnames';
 import Copy from "../Copy";
 import { checkDescribeItemsHidden, getTagKey, getDescribeValueKey } from "../../utils";
+import locale, { formatMessage } from "../../../../../locale";
 
 /** 描述项里的单条值（link / copyable / tag 组合），对应 items 数组元素 */
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
@@ -73,11 +74,13 @@ export const DescribeItems = ({
       'pro-header-describe-items': true,
       'pro-header-describe-items-more': items.length >= 2
     }),
-    children: [items?.length > 3 ? `共${items?.length}个，` : null, items.map((item, itemIndex) => /*#__PURE__*/_jsxs("span", {
+    children: [items?.length > 3 ? formatMessage(locale.ProHeader.itemsCountPrefix, {
+      count: items.length
+    }) : null, items.map((item, itemIndex) => /*#__PURE__*/_jsxs("span", {
       children: [/*#__PURE__*/_jsx(DescribeValue, {
         ...item,
         parentKey: parentKey
-      }), items?.length !== itemIndex + 1 ? ' 、' : null]
+      }), items?.length !== itemIndex + 1 ? locale.ProHeader.itemsSeparator : null]
     }, getDescribeValueKey(item, parentKey, itemIndex))), itemsHidden ? /*#__PURE__*/_jsx("span", {
       className: "pro-header-describe-items-omit",
       children: "..."

package/es/ProLayout/components/TabsManager/components/TabContextMenu.js

@@ -1,9 +1,11 @@
 import { useState, useCallback } from 'react';
 import { Dropdown } from 'antd';
-import { jsx as _jsx } from "react/jsx-runtime";
+import locale from "../../../../locale";
+
 /**
  * 右键菜单组件 - 兼容Antd 4.x和5.x
  */
+import { jsx as _jsx } from "react/jsx-runtime";
 function TabContextMenu({
   tabId,
   children,
@@ -53,17 +55,17 @@ function TabContextMenu({
   // 默认右键菜单配置 - 统一使用items方式（antd 4.20+都支持）
   const defaultMenuItems = [{
     key: 'close',
-    label: '关闭',
+    label: locale.ProLayout.tabMenuClose,
     disabled: !closable
   }, {
     key: 'closeOthers',
-    label: '关闭其他'
+    label: locale.ProLayout.tabMenuCloseOthers
   }, {
     key: 'closeRight',
-    label: '关闭右侧标签页'
+    label: locale.ProLayout.tabMenuCloseRight
   }, {
     key: 'closeAll',
-    label: '关闭全部'
+    label: locale.ProLayout.tabMenuCloseAll
   }];
 
   // 合并自定义菜单项和默认菜单项

package/es/ProTable/components/RenderColumn/index.js

@@ -7,6 +7,7 @@ import { CheckOutlined } from '@ant-design/icons';
 import { ReactSVG } from 'react-svg';
 import { isEmpty, isEllipsisActive } from "../../../utils";
 import copySvg from "../../../assets/copy.svg";
+import locale from "../../../locale";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 const {
   Paragraph,
@@ -198,7 +199,7 @@ const RenderColumn = props => {
             className: "drag-icon",
             src: copySvg
           }, "copy-icon"), /*#__PURE__*/_jsx(CheckOutlined, {}, "copied-icon")],
-          tooltips: ['复制', '复制成功']
+          tooltips: locale.ProHeader.copyTooltips
         },
         children: node
       })

package/es/ProUpload/components/FileItem.js

@@ -9,6 +9,7 @@ import WORD from "../style/icon-word.png";
 import lookSvg from "../../assets/look.svg";
 import deleteSvg from "../../assets/delete.svg";
 import downloadSvg from "../../assets/download.svg";
+import locale from "../../locale";
 
 /**
  * @description: b 转成 Kb
@@ -119,10 +120,10 @@ const FileItem = props => {
               src: lookSvg
             })
           }), _showRemoveIcon && !disabled && (isConfirmDelete ? /*#__PURE__*/_jsx(Popconfirm, {
-            title: "\u786E\u5B9A\u5220\u9664?",
+            title: locale.ProUpload.deleteConfirmTitle,
             onConfirm: _onRemove,
-            okText: "\u786E\u8BA4",
-            cancelText: "\u53D6\u6D88",
+            okText: locale.ProDrawerForm.confirm,
+            cancelText: locale.ProDrawerForm.cancel,
             children: /*#__PURE__*/_jsx(Button, {
               type: "link",
               className: "file-action-item",

package/es/locale/en_US.d.ts

@@ -10,6 +10,10 @@ declare const _default: {
         tipAlt: string;
         closeAlt: string;
         tabMaxLimitMessage: string;
+        tabMenuClose: string;
+        tabMenuCloseOthers: string;
+        tabMenuCloseRight: string;
+        tabMenuCloseAll: string;
     };
     ProHeader: {
         versionTitle: string;
@@ -18,6 +22,8 @@ declare const _default: {
         confirmTitle: string;
         backText: string;
         copyTooltips: string[];
+        itemsCountPrefix: string;
+        itemsSeparator: string;
     };
     ProDownload: {
         errorMessage: string;
@@ -39,6 +45,8 @@ declare const _default: {
         formListConfirmMessage: string;
         noData: string;
         moreItems: string;
+        confirmTitle: string;
+        confirmContent: string;
     };
     ProAction: {
         errorMessage: string;
@@ -80,6 +88,7 @@ declare const _default: {
         view: string;
         delete: string;
         download: string;
+        deleteConfirmTitle: string;
     };
     ProStep: {
         catalogue: string;

package/es/locale/en_US.js

@@ -4,45 +4,53 @@ export default {
     confirm: 'Confirm',
     cancel: 'Cancel',
     isSureClose: 'Confirm to close the current page',
-    secondTipsWhenSave: 'Close the current page content will not be saved, need to click the Save button to save'
+    secondTipsWhenSave: 'Unsaved changes will be lost. Click Save to keep your changes.'
   },
   ProLayout: {
     tipAlt: 'Tips',
     closeAlt: 'Close',
-    tabMaxLimitMessage: 'Menu tabs cannot exceed the maximum limit of {max}'
+    tabMaxLimitMessage: 'Menu tabs cannot exceed the maximum limit of {max}',
+    tabMenuClose: 'Close',
+    tabMenuCloseOthers: 'Close others',
+    tabMenuCloseRight: 'Close tabs to the right',
+    tabMenuCloseAll: 'Close all'
   },
   ProHeader: {
     versionTitle: 'Version number',
     confirm: 'Confirm',
     cancel: 'Cancel',
     confirmTitle: 'Confirm return?',
-    backText: 'Return',
-    copyTooltips: ['Copy', 'Copy successfully']
+    backText: 'Back',
+    copyTooltips: ['Copy', 'Copied successfully'],
+    itemsCountPrefix: '{count} items in total, ',
+    itemsSeparator: ', '
   },
   ProDownload: {
     errorMessage: 'Request failed!'
   },
   ProForm: {
     unfold: 'Unfold',
-    packUp: 'PackUp',
+    packUp: 'Collapse',
     inputPlaceholder: 'Please enter',
     treeSelectPlaceholder: 'Please select',
     selectPlaceHolder: 'Please select',
     switchText: ['Yes', 'No'],
-    ruleStartEndText: ['start value', 'end value'],
+    ruleStartEndText: ['Start value', 'End value'],
     search: 'Search',
     reset: 'Reset',
-    ruleText: 'correct',
-    completeText: 'enter in full',
+    ruleText: 'valid',
+    completeText: 'Please complete all fields',
     halfRuleText: 'Enter the value of ({total})',
     formListActions: ['Add', 'Delete', 'Copy', 'Move up', 'Move down', 'Add a new line', 'Click add'],
-    formListConfirmMessage: 'Are you sure delete it?',
+    formListConfirmMessage: 'Are you sure you want to delete?',
     noData: 'No data',
-    moreItems: '{count} more...'
+    moreItems: '{count} more...',
+    confirmTitle: 'Confirm action',
+    confirmContent: 'Are you sure you want to modify this field?'
   },
   ProAction: {
     errorMessage: 'The configuration config for ProAction must be data',
-    defaultTitle: 'Are you sure delete it?'
+    defaultTitle: 'Are you sure you want to delete?'
   },
   ProTable: {
     noData: 'No data',
@@ -51,7 +59,7 @@ export default {
     transformResponseMsg: 'Please return the correct data type',
     deselect: 'Deselect',
     selectCurPage: 'Select the current page ({total} items)',
-    selectAll: 'Select All ({total} items)',
+    selectAll: 'Select all ({total} items)',
     hasSelected: '{selectedNum} items selected',
     total: '{total} items in total'
   },
@@ -61,25 +69,26 @@ export default {
   },
   ProTree: {
     inputPlaceholder: 'Please enter',
-    unExpand: 'Put it all away',
+    unExpand: 'Collapse all',
     expand: 'Expand all',
     all: 'Select all',
-    emptyTips: "what you were looking for couldn't be found"
+    emptyTips: 'No results found'
   },
   ProUpload: {
     exampleTitle: 'View sample',
-    errorInfoExt: 'Only {} format files are supported',
+    errorInfoExt: 'Supported file formats:',
     errorInfoSize: 'File size cannot exceed ',
     buttonText: 'Upload',
     draggerSelect: 'Select file',
     draggerDelete: 'Delete',
-    draggerTips: 'Click or drag file to this area to upload',
-    draggerBtnTxt: 'Click to upload',
-    draggerFileExt: 'Support for extensions',
-    draggerLimitless: 'Limitless',
+    draggerTips: 'Click or drag file to this area to ',
+    draggerBtnTxt: 'upload',
+    draggerFileExt: 'Supported extensions',
+    draggerLimitless: 'No limit',
     view: 'View',
     delete: 'Delete',
-    download: 'Download'
+    download: 'Download',
+    deleteConfirmTitle: 'Are you sure you want to delete?'
   },
   ProStep: {
     catalogue: 'Catalogue'
@@ -138,27 +147,27 @@ export default {
     clearAll: 'Clear all',
     checkNumber: '{num} items selected',
     noFinal: 'Oops, the content you are looking for is not found.',
-    specifyMode: ['all', 'specify']
+    specifyMode: ['All', 'Specify']
   },
   ProTimeLimit: {
-    foreverText: 'long term'
+    foreverText: 'Permanent'
   },
   ProThemeTools: {
-    title: 'Global style customization ',
-    copySuccess: 'Copy success! ',
+    title: 'Global style customization',
+    copySuccess: 'Copied successfully!',
     layout: 'Layout',
-    layoutMode: ['Compact ', 'Regular', 'Loose'],
+    layoutMode: ['Compact', 'Regular', 'Loose'],
     themeColor: 'Theme color',
     formLabel: 'Form label',
     bigText: 'Large text mode',
-    flex: ['Left align ', 'Right align'],
-    switchText: ['on', 'off'],
+    flex: ['Left align', 'Right align'],
+    switchText: ['On', 'Off'],
     tableBorder: 'Table border',
-    tableStripe: 'Table zebra',
+    tableStripe: 'Table zebra stripe',
     reset: 'Reset'
   },
   ProViewer: {
-    preview: 'preview'
+    preview: 'Preview'
   },
   ProIcon: {
     language: 'en'
@@ -166,10 +175,10 @@ export default {
   RangePicker: {
     ranges: {
       today: 'Today',
-      lastWeek: 'Last Week',
-      lastMonth: 'Last Month',
-      last3Months: 'Last 3 Months',
-      lastYear: 'Last Year'
+      lastWeek: 'Last week',
+      lastMonth: 'Last month',
+      last3Months: 'Last 3 months',
+      lastYear: 'Last year'
     }
   }
 };

package/es/locale/zh_CN.d.ts

@@ -10,6 +10,10 @@ declare const _default: {
         tipAlt: string;
         closeAlt: string;
         tabMaxLimitMessage: string;
+        tabMenuClose: string;
+        tabMenuCloseOthers: string;
+        tabMenuCloseRight: string;
+        tabMenuCloseAll: string;
     };
     ProHeader: {
         versionTitle: string;
@@ -18,6 +22,8 @@ declare const _default: {
         cancel: string;
         backText: string;
         copyTooltips: string[];
+        itemsCountPrefix: string;
+        itemsSeparator: string;
     };
     ProDownload: {
         errorMessage: string;
@@ -39,6 +45,8 @@ declare const _default: {
         formListConfirmMessage: string;
         noData: string;
         moreItems: string;
+        confirmTitle: string;
+        confirmContent: string;
     };
     ProAction: {
         errorMessage: string;
@@ -80,6 +88,7 @@ declare const _default: {
         view: string;
         delete: string;
         download: string;
+        deleteConfirmTitle: string;
     };
     ProStep: {
         catalogue: string;

package/es/locale/zh_CN.js

@@ -9,7 +9,11 @@ export default {
   ProLayout: {
     tipAlt: '提示',
     closeAlt: '关闭',
-    tabMaxLimitMessage: '菜单tab不能超过上限{max}'
+    tabMaxLimitMessage: '菜单tab不能超过上限{max}',
+    tabMenuClose: '关闭',
+    tabMenuCloseOthers: '关闭其他',
+    tabMenuCloseRight: '关闭右侧标签页',
+    tabMenuCloseAll: '关闭全部'
   },
   ProHeader: {
     versionTitle: '版本号',
@@ -17,7 +21,9 @@ export default {
     confirm: '确定',
     cancel: '取消',
     backText: '返回',
-    copyTooltips: ['复制', '复制成功']
+    copyTooltips: ['复制', '复制成功'],
+    itemsCountPrefix: '共{count}个，',
+    itemsSeparator: ' 、'
   },
   ProDownload: {
     errorMessage: '请求失败！'
@@ -38,7 +44,9 @@ export default {
     formListActions: ['新增', '删除', '复制', '上移', '下移', '新增一行', '点击添加'],
     formListConfirmMessage: '确认删除吗?',
     noData: '暂无数据',
-    moreItems: '更多{count}项...'
+    moreItems: '更多{count}项...',
+    confirmTitle: '操作提示',
+    confirmContent: '确定要修改该字段吗？'
   },
   ProAction: {
     errorMessage: 'ProAction 配置 config 必须为数据',
@@ -79,7 +87,8 @@ export default {
     draggerLimitless: '无限制',
     view: '查看',
     delete: '删除',
-    download: '下载'
+    download: '下载',
+    deleteConfirmTitle: '确定删除?'
   },
   ProStep: {
     catalogue: '目录'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zat-design/sisyphus-react",
-  "version": "4.5.6-beta.2",
+  "version": "4.5.6-beta.3",
   "license": "MIT",
   "files": [
     "es",
@@ -66,6 +66,7 @@
     "lint-staged:js": "eslint --ext .js,.jsx,.ts,.tsx --ignore-pattern '**/__tests__/**' --ignore-pattern '**/*.test.*' --ignore-pattern '**/*.spec.*'",
     "code-standards:check": "node ./scripts/code-standards-check.mjs",
     "check:types": "node ./scripts/check-public-types.mjs",
+    "check:locale": "node ./scripts/check-locale.mjs",
     "commit-msg:format": "node ./scripts/format-commit-msg.mjs",
     "lint:fix": "eslint --fix --cache --ext .js,.jsx,.ts,.tsx --format=pretty ./src",
     "lint:js": "eslint --cache --ext .js,.jsx,.ts,.tsx --format=pretty ./src",
@@ -122,7 +123,7 @@
     "lodash": "^4.17.21",
     "react-intersection-observer": "^9.13.0",
     "react-resizable": "^3.0.5",
-    "react-svg": "^15.1.7"
+    "react-svg": "^17.2.4"
   },
   "peerDependencies": {
     "@ant-design/icons": ">=6.0.0",