@zat-design/sisyphus-react 3.1.5 → 3.2.0-beta.2

package/es/ProTreeModal/index.js

@@ -20,12 +20,13 @@ import { ProDrawerForm, useProConfig } from '../index';
 import { Trigger, ListView, TreeView, Cascader } from './components';
 import { getFlatTreeData, filterCheckedNodes, getChildrenKeys, findTreeNodeByKey, getAllKeys, transformMessage } from './utils';
 import searchSVG from '../assets/input-search.svg';
+import locale, { formatMessage } from '../locale';
 import './style/index.less';
 var LIST = 'LIST';
 var TREE = 'TREE';
 export var CASCADER = 'CASCADER';
 var ProTreeModal = function ProTreeModal(props) {
-  var _props$otherProps, _props$otherProps2;
+  var _locale$ProTreeModal, _props$otherProps, _props$otherProps2, _locale$ProTreeModal9, _locale$ProTreeModal10, _locale$ProTreeModal11, _locale$ProTreeModal12;
   var _useProConfig = useProConfig('ProEnum'),
     _useProConfig$dics = _useProConfig.dics,
     dics = _useProConfig$dics === void 0 ? {} : _useProConfig$dics;
@@ -39,7 +40,7 @@ var ProTreeModal = function ProTreeModal(props) {
     mode = _props$mode === void 0 ? 'tree' : _props$mode,
     enumCode = props.code,
     _props$title = props.title,
-    title = _props$title === void 0 ? '请选择' : _props$title,
+    title = _props$title === void 0 ? locale === null || locale === void 0 ? void 0 : (_locale$ProTreeModal = locale.ProTreeModal) === null || _locale$ProTreeModal === void 0 ? void 0 : _locale$ProTreeModal.select : _props$title,
     useRequest = props.useRequest,
     allValue = props.allValue,
     _props$showCodeName = props.showCodeName,
@@ -126,7 +127,8 @@ var ProTreeModal = function ProTreeModal(props) {
       }
       // check dictEnum isArray
       if (!dictEnum || !Array.isArray(dictEnum)) {
-        console.error('请返回有效的数组');
+        var _locale$ProTreeModal2;
+        console.error(locale === null || locale === void 0 ? void 0 : (_locale$ProTreeModal2 = locale.ProTreeModal) === null || _locale$ProTreeModal2 === void 0 ? void 0 : _locale$ProTreeModal2.errorArrayMessage);
         dictEnum = [];
       }
       setState({
@@ -234,7 +236,10 @@ var ProTreeModal = function ProTreeModal(props) {
       }
       if (min) {
         if (values.length < min) {
-          _message.error("\u6700\u5C11\u9009\u62E9".concat(min, "\u4E2A"));
+          var _locale$ProTreeModal3;
+          _message.error(formatMessage(locale === null || locale === void 0 ? void 0 : (_locale$ProTreeModal3 = locale.ProTreeModal) === null || _locale$ProTreeModal3 === void 0 ? void 0 : _locale$ProTreeModal3.selectMin, {
+            min: min
+          }));
           return;
         }
       }
@@ -299,9 +304,12 @@ var ProTreeModal = function ProTreeModal(props) {
       checkedValues.push(code);
     }
     if (max && checkedValues.length > max) {
+      var _locale$ProTreeModal4;
       _message.error(maxMessage ? transformMessage({
         max: max
-      }, maxMessage) : "\u6700\u591A\u9009\u62E9".concat(max, "\u4E2A"));
+      }, maxMessage) : formatMessage(locale === null || locale === void 0 ? void 0 : (_locale$ProTreeModal4 = locale.ProTreeModal) === null || _locale$ProTreeModal4 === void 0 ? void 0 : _locale$ProTreeModal4.selectMax, {
+        max: max
+      }));
       return;
     }
     setState({
@@ -361,9 +369,12 @@ var ProTreeModal = function ProTreeModal(props) {
       });
     }
     if (max && checkedValues.length > max) {
+      var _locale$ProTreeModal5;
       _message.error(maxMessage ? transformMessage({
         max: max
-      }, maxMessage) : "\u6700\u591A\u9009\u62E9".concat(max, "\u4E2A"));
+      }, maxMessage) : formatMessage(locale === null || locale === void 0 ? void 0 : (_locale$ProTreeModal5 = locale.ProTreeModal) === null || _locale$ProTreeModal5 === void 0 ? void 0 : _locale$ProTreeModal5.selectMax, {
+        max: max
+      }));
       return;
     }
     setState({
@@ -501,9 +512,12 @@ var ProTreeModal = function ProTreeModal(props) {
       }
     }
     if (max && checkedValues.length > max) {
+      var _locale$ProTreeModal6;
       _message.error(maxMessage ? transformMessage({
         max: max
-      }, maxMessage) : "\u6700\u591A\u9009\u62E9".concat(max, "\u4E2A"));
+      }, maxMessage) : formatMessage(locale === null || locale === void 0 ? void 0 : (_locale$ProTreeModal6 = locale.ProTreeModal) === null || _locale$ProTreeModal6 === void 0 ? void 0 : _locale$ProTreeModal6.selectMax, {
+        max: max
+      }));
       return;
     }
     setState({
@@ -518,9 +532,10 @@ var ProTreeModal = function ProTreeModal(props) {
    */
   var renderContainer = function renderContainer() {
     if (state.treeData.length === 0 && state.searchStr) {
+      var _locale$ProTreeModal7;
       return _jsx("div", {
         className: "pro-tree-modal-no-checks",
-        children: "\u8BF6\u5440\uFF0C\u6CA1\u6709\u627E\u5230\u60A8\u8981\u67E5\u8BE2\u7684\u5185\u5BB9"
+        children: locale === null || locale === void 0 ? void 0 : (_locale$ProTreeModal7 = locale.ProTreeModal) === null || _locale$ProTreeModal7 === void 0 ? void 0 : _locale$ProTreeModal7.noFinal
       });
     }
     switch (modeType) {
@@ -596,9 +611,10 @@ var ProTreeModal = function ProTreeModal(props) {
    */
   var renderView = function renderView() {
     if (state.checkedValues.length === 0) {
+      var _locale$ProTreeModal8;
       return _jsx("div", {
         className: "pro-tree-modal-no-checks",
-        children: "\u6682\u65E0\u5DF2\u9009"
+        children: locale === null || locale === void 0 ? void 0 : (_locale$ProTreeModal8 = locale.ProTreeModal) === null || _locale$ProTreeModal8 === void 0 ? void 0 : _locale$ProTreeModal8.noCheck
       });
     }
     switch (modeType) {
@@ -654,7 +670,7 @@ var ProTreeModal = function ProTreeModal(props) {
           checked: state.checkAll,
           disabled: disabled,
           onChange: handleAllCheck,
-          children: "\u5168\u9009"
+          children: locale === null || locale === void 0 ? void 0 : (_locale$ProTreeModal9 = locale.ProTreeModal) === null || _locale$ProTreeModal9 === void 0 ? void 0 : _locale$ProTreeModal9.checkAll
         }) : null,
         children: _jsxs("div", {
           className: "pro-tree-modal-content",
@@ -664,7 +680,7 @@ var ProTreeModal = function ProTreeModal(props) {
               disabled: disabled,
               allowClear: true,
               value: state.searchStr,
-              placeholder: placeholder || '请输入',
+              placeholder: placeholder || (locale === null || locale === void 0 ? void 0 : (_locale$ProTreeModal10 = locale.ProTreeModal) === null || _locale$ProTreeModal10 === void 0 ? void 0 : _locale$ProTreeModal10.input),
               className: "pro-tree-modal-search",
               onChange: onSearch,
               prefix: _jsx(ReactSVG, {
@@ -680,12 +696,12 @@ var ProTreeModal = function ProTreeModal(props) {
             children: [_jsxs("div", {
               className: "pro-tree-modal-box-header",
               children: [_jsxs("span", {
-                children: ["\u5DF2\u9009 (", state.checkedValues.length, "/", max || state.flatTreeData.length, ")"]
+                children: [locale === null || locale === void 0 ? void 0 : (_locale$ProTreeModal11 = locale.ProTreeModal) === null || _locale$ProTreeModal11 === void 0 ? void 0 : _locale$ProTreeModal11.check, " (", state.checkedValues.length, "/", max || state.flatTreeData.length, ")"]
               }), _jsx(_Button, {
                 disabled: disabled,
                 type: "link",
                 onClick: handleClearAll,
-                children: "\u6E05\u7A7A\u5168\u90E8"
+                children: locale === null || locale === void 0 ? void 0 : (_locale$ProTreeModal12 = locale.ProTreeModal) === null || _locale$ProTreeModal12 === void 0 ? void 0 : _locale$ProTreeModal12.clearAll
               })]
             }), _jsx("div", {
               className: "pro-tree-modal-tree-warp  pro-transfer-right",

package/es/ProTreeModal/style/index.less

@@ -11,15 +11,15 @@
     display       : flex;
     flex-direction: row;
     height        : 482px;
-    margin-bottom : var(--zaui-space-size-md, 16px);
+    margin-bottom : calc(var(--zaui-space-size-md; 16px) * var(--zaui-size; 1));
 
     .ant-tree-checkbox {
       margin-top: 2px;
     }
 
     .ant-tree-switcher {
-      width      : var(--zaui-font-size-xxl, 20px);
-      line-height: var(--zaui-font-size-xxl, 20px);
+      width      : 20px;
+      line-height: 20px;
     }
 
     .ant-tree-treenode {
@@ -28,13 +28,12 @@
       padding-bottom: var(--zaui-font-size-sm, 12px);
       color         : var(--zaui-text);
       font-size     : var(--zaui-font-size, 14px);
-      font-family   : PingFangSC-Regular, PingFang SC;
-      line-height   : var(--zaui-font-size-xxl, 20px);
+      line-height   : 20px;
     }
 
     .ant-tree-node-content-wrapper {
-      min-height : var(--zaui-font-size-xxl, 20px);
-      line-height: var(--zaui-font-size-xxl, 20px);
+      min-height : 20px;
+      line-height: 20px;
     }
 
     .ant-tree-node-content-wrapper {
@@ -49,8 +48,7 @@
     height        : 100%;
     color         : var(--zaui-text);
     font-size     : var(--zaui-font-size, 14px);
-    font-family   : PingFangSC-Regular, PingFang SC;
-    line-height   : var(--zaui-font-size-xxl, 20px);
+    line-height   : 20px;
     border        : 1px solid #e6e6e6;
     border-radius : var(--zaui-border-radius, 4px);
 
@@ -132,8 +130,8 @@
     flex-direction : row;
     align-items    : center;
     justify-content: space-between;
-    margin-bottom  : var(--zaui-font-size-sm, 12px);
-    line-height    : var(--zaui-font-size-xxl, 20px);
+    margin-bottom  : calc(var(--zaui-space-size-md; 16px) * var(--zaui-size; 1));
+    line-height    : 20px;
     cursor         : pointer;
 
     &-look {
@@ -190,18 +188,17 @@
     display        : flex;
     align-items    : center;
     justify-content: center;
-    height         : var(--zaui-font-size-xxl, 20px);
+    height         : 20px;
     margin-right   : var(--zaui-space-size-sm, 8px);
     padding        : 0 var(--zaui-space-size-xs);
     font-weight    : 400;
-    font-family    : PingFangSC-Regular, PingFang SC;
-    line-height    : var(--zaui-font-size-lg-title);
+    line-height    : 24px;
     white-space    : nowrap;
     border-radius  : var(--zaui-border-radius-card);
 
     span {
       font-size  : var(--zaui-font-size-sm, 12px);
-      line-height: var(--zaui-font-size-xxl, 20px);
+      line-height: 20px;
       text-align : center;
       transform  : scale(0.83, 0.83);
     }
@@ -216,7 +213,6 @@
   color          : #939599;
   font-weight    : 400;
   font-size      : var(--zaui-font-size, 14px);
-  font-family    : PingFangSC-Regular, PingFang SC;
 }
 
 .pro-transfer-right {
@@ -232,7 +228,7 @@
       align-items    : center;
       justify-content: space-between;
       width          : 100%;
-      height         : var(--zaui-space-size-lg, 32px);
+      height         : 32px;
       padding        : 2px var(--zaui-space-size-sm, 8px);
       color          : var(--zaui-text, #343434);
       font-size      : var(--zaui-font-size, 14px);
@@ -241,7 +237,7 @@
       border-radius  : var(--zaui-border-radius, 4px);
 
       .drag-icon {
-        height      : var(--zaui-font-size-xxl, 20px);
+        height      : 20px;
         margin-right: var(--zaui-space-size-xs, 4px);
         cursor      : move;
       }
@@ -252,7 +248,7 @@
       }
 
       .disabled-icon {
-        height      : var(--zaui-font-size-xxl, 20px);
+        height      : 20px;
         margin-right: var(--zaui-space-size-xs, 4px);
       }
 

package/es/ProUpload/components/ButtonRender.js

@@ -9,8 +9,10 @@ import { SortableContext, rectSortingStrategy } from '@dnd-kit/sortable';
 import { CloudUploadOutlined } from '@ant-design/icons';
 import { FileItem } from './FileItem';
 import { DraggableUploadListItem } from './DraggableUploadListItem';
+import locale from '../../locale';
 /* 按钮类型 */
 var ButtonRender = function ButtonRender(props) {
+  var _locale$ProUpload;
   var isView = props.isView,
     disabled = props.disabled,
     sensor = props.sensor,
@@ -22,7 +24,8 @@ var ButtonRender = function ButtonRender(props) {
     buttonProps = props.buttonProps,
     extraTipText = props.extraTipText,
     afterRender = props.afterRender,
-    buttonText = props.buttonText;
+    _props$buttonText = props.buttonText,
+    buttonText = _props$buttonText === void 0 ? locale === null || locale === void 0 ? void 0 : (_locale$ProUpload = locale.ProUpload) === null || _locale$ProUpload === void 0 ? void 0 : _locale$ProUpload.buttonText : _props$buttonText;
   // 按钮类型的props
   var buttonUploadProps = _objectSpread(_objectSpread({}, baseUploadProps), {}, {
     fileList: fileList,
@@ -54,7 +57,7 @@ var ButtonRender = function ButtonRender(props) {
             className: "pro-upload-button-inner",
             children: [_jsxs(_Button, _objectSpread(_objectSpread({}, buttonProps), {}, {
               disabled: disabled || isView,
-              children: [_jsx(CloudUploadOutlined, {}), buttonText || '上传文件']
+              children: [_jsx(CloudUploadOutlined, {}), buttonText]
             })), afterRender ? _jsx("div", {
               className: "pro-upload-button-inner-right",
               children: afterRender

package/es/ProUpload/components/DragRender.js

@@ -8,8 +8,10 @@ import { SortableContext, rectSortingStrategy } from '@dnd-kit/sortable';
 import { CloudUploadOutlined } from '@ant-design/icons';
 import { DragSingleFileItem, FileItem, getFileExt, getFileIcon } from './FileItem';
 import { DraggableUploadListItem } from './DraggableUploadListItem';
+import locale from '../../locale';
 var Dragger = _Upload.Dragger;
 var DragRender = function DragRender(props) {
+  var _locale$ProUpload3, _locale$ProUpload4, _locale$ProUpload5;
   var isView = props.isView,
     baseUploadProps = props.baseUploadProps,
     disabled = props.disabled,
@@ -73,6 +75,7 @@ var DragRender = function DragRender(props) {
    * @return {*}
    */
   var draggerSingleRender = function draggerSingleRender(file) {
+    var _locale$ProUpload, _locale$ProUpload2;
     var _fileExt = getFileExt(file.name);
     var _fileIcon = getFileIcon(_fileExt);
     return _jsxs("div", {
@@ -94,13 +97,13 @@ var DragRender = function DragRender(props) {
           onClick: function onClick() {
             handleReSelect(file);
           },
-          children: "\u91CD\u65B0\u9009\u62E9"
+          children: locale === null || locale === void 0 ? void 0 : (_locale$ProUpload = locale.ProUpload) === null || _locale$ProUpload === void 0 ? void 0 : _locale$ProUpload.draggerSelect
         }), _jsx("div", {
           className: "file-del",
           onClick: function onClick() {
             handleDelFile(file);
           },
-          children: "\u5220\u9664"
+          children: locale === null || locale === void 0 ? void 0 : (_locale$ProUpload2 = locale.ProUpload) === null || _locale$ProUpload2 === void 0 ? void 0 : _locale$ProUpload2.draggerDelete
         })]
       })]
     });
@@ -129,16 +132,13 @@ var DragRender = function DragRender(props) {
               children: [_jsx("i", {
                 className: "icon-upload",
                 children: _jsx(CloudUploadOutlined, {})
-              }), _jsxs("p", {
+              }), _jsx("p", {
                 className: "dragger-txt",
-                children: ["\u5C06\u6587\u4EF6\u62D6\u62FD\u5230\u6B64\u5904\uFF0C\u6216", _jsx("span", {
-                  className: "click-txt",
-                  children: "\u70B9\u51FB\u4E0A\u4F20 "
-                })]
+                children: locale === null || locale === void 0 ? void 0 : (_locale$ProUpload3 = locale.ProUpload) === null || _locale$ProUpload3 === void 0 ? void 0 : _locale$ProUpload3.draggerTips
               })]
             }), _jsxs("p", {
               className: "file-ext",
-              children: ["\u652F\u6301\u6269\u5C55\u540D\uFF1A", extExt.length > 0 ? extExt.join('、') : '无限制']
+              children: [locale === null || locale === void 0 ? void 0 : (_locale$ProUpload4 = locale.ProUpload) === null || _locale$ProUpload4 === void 0 ? void 0 : _locale$ProUpload4.draggerFileExt, "\uFF1A", extExt.length > 0 ? extExt.join('、') : "".concat(locale === null || locale === void 0 ? void 0 : (_locale$ProUpload5 = locale.ProUpload) === null || _locale$ProUpload5 === void 0 ? void 0 : _locale$ProUpload5.draggerLimitless)]
             })]
           }), _jsx("div", {
             className: "dragger-file-show",

package/es/ProUpload/components/Example.js

@@ -3,7 +3,9 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from 'react';
 import ProDrawerForm from '../../ProDrawerForm';
+import locale from '../../locale';
 export var Example = function Example(props) {
+  var _locale$ProUpload;
   var exampleContent = props.exampleContent,
     className = props.className,
     exampleTitle = props.exampleTitle,
@@ -22,7 +24,7 @@ export var Example = function Example(props) {
     className: className,
     children: [_jsx("div", {
       onClick: handleShowModal,
-      children: "\u67E5\u770B\u793A\u4F8B"
+      children: locale === null || locale === void 0 ? void 0 : (_locale$ProUpload = locale.ProUpload) === null || _locale$ProUpload === void 0 ? void 0 : _locale$ProUpload.exampleTitle
     }), _jsx(ProDrawerForm, {
       title: exampleTitle,
       width: "600",

package/es/ProUpload/components/ImageRender.js

@@ -17,7 +17,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
  * @Author: wangshengqiang
  * @Date: 2023-07-27 20:13:07
  * @LastEditors: wangshengqiang
- * @LastEditTime: 2023-09-17 14:56:31
+ * @LastEditTime: 2023-11-07 19:01:07
  * @Description: 图片类型
  *
  */
@@ -33,8 +33,10 @@ import { DraggableUploadListItem } from './DraggableUploadListItem';
 import lookSvg from '../../assets/look.svg';
 import deleteSvg from '../../assets/delete.svg';
 import downloadSvg from '../../assets/download.svg';
+import locale from '../../locale';
 /* 按钮类型 */
 var ImageRender = function ImageRender(props) {
+  var _locale$ProUpload4;
   var _useState = useState({}),
     _useState2 = _slicedToArray(_useState, 2),
     previewImg = _useState2[0],
@@ -94,7 +96,7 @@ var ImageRender = function ImageRender(props) {
     openFileDialogOnClick: !showDraggerSingleRender,
     disabled: disabled || isView,
     itemRender: function itemRender(originNode, file, fileList, actions) {
-      var _file$url;
+      var _file$url, _locale$ProUpload, _locale$ProUpload2, _locale$ProUpload3;
       var _showPreview = file.status === 'done';
       var _isShowDownload = !!onDownload && file.status === 'done';
       var _fileExt = getFileExt(file.name || (file === null || file === void 0 ? void 0 : (_file$url = file.url) === null || _file$url === void 0 ? void 0 : _file$url.split('?')[0]));
@@ -132,7 +134,7 @@ var ImageRender = function ImageRender(props) {
                     wrapper: "span",
                     src: lookSvg
                   }),
-                  children: "\u67E5\u770B"
+                  children: locale === null || locale === void 0 ? void 0 : (_locale$ProUpload = locale.ProUpload) === null || _locale$ProUpload === void 0 ? void 0 : _locale$ProUpload.view
                 }), _isShowDownload && _jsx(_Button, {
                   type: "link",
                   disabled: isView || disabled,
@@ -145,7 +147,7 @@ var ImageRender = function ImageRender(props) {
                     wrapper: "span",
                     src: downloadSvg
                   }),
-                  children: "\u4E0B\u8F7D"
+                  children: locale === null || locale === void 0 ? void 0 : (_locale$ProUpload2 = locale.ProUpload) === null || _locale$ProUpload2 === void 0 ? void 0 : _locale$ProUpload2.download
                 })]
               }), _jsx("div", {
                 className: "action-button",
@@ -200,7 +202,7 @@ var ImageRender = function ImageRender(props) {
                     wrapper: "span",
                     src: deleteSvg
                   }),
-                  children: "\u5220\u9664"
+                  children: locale === null || locale === void 0 ? void 0 : (_locale$ProUpload3 = locale.ProUpload) === null || _locale$ProUpload3 === void 0 ? void 0 : _locale$ProUpload3.delete
                 })
               })]
             })]
@@ -230,7 +232,7 @@ var ImageRender = function ImageRender(props) {
                 style: {
                   marginTop: 8
                 },
-                children: "\u70B9\u51FB\u4E0A\u4F20"
+                children: locale === null || locale === void 0 ? void 0 : (_locale$ProUpload4 = locale.ProUpload) === null || _locale$ProUpload4 === void 0 ? void 0 : _locale$ProUpload4.buttonText
               })]
             })
           }))

package/es/ProUpload/index.js

@@ -8,7 +8,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /*
  * @Author: wangshengqiang
  * @Date: 2023-02-03 14:18:59
- * @LastEditTime: 2023-09-18 10:15:05
+ * @LastEditTime: 2023-11-07 18:49:49
  * @LastEditors: wangshengqiang
  * @Description: 上传控件
  */
@@ -20,7 +20,9 @@ import DragRender from './components/DragRender';
 import ButtonRender from './components/ButtonRender';
 import ImageRender from './components/ImageRender';
 import { validateSize, validateFileExt } from './uitls';
+import locale from '../locale';
 var ProUpload = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var _locale$ProUpload;
   var _useState = useState([]),
     _useState2 = _slicedToArray(_useState, 2),
     _fileList = _useState2[0],
@@ -57,7 +59,7 @@ var ProUpload = /*#__PURE__*/React.forwardRef(function (props, ref) {
     otherProps = props.otherProps,
     transformResponse = props.transformResponse,
     _props$exampleTitle = props.exampleTitle,
-    exampleTitle = _props$exampleTitle === void 0 ? '查看示例' : _props$exampleTitle,
+    exampleTitle = _props$exampleTitle === void 0 ? locale === null || locale === void 0 ? void 0 : (_locale$ProUpload = locale.ProUpload) === null || _locale$ProUpload === void 0 ? void 0 : _locale$ProUpload.exampleTitle : _props$exampleTitle,
     exampleContent = props.exampleContent,
     exampleModalProps = props.exampleModalProps,
     buttonText = props.buttonText,
@@ -70,13 +72,11 @@ var ProUpload = /*#__PURE__*/React.forwardRef(function (props, ref) {
       distance: 10
     }
   });
-  // 文件格式
   var extExt = accept ? accept.split(',').map(function (i) {
     return i.toLocaleUpperCase();
   }) : [];
   var uploadResTransform = function uploadResTransform(fileList) {
     var _list = fileList.map(function (file) {
-      // 组件负责上传 内部处理
       if (file.status === 'done' && file.response) {
         var nfile = {
           name: file.name,
@@ -176,11 +176,13 @@ var ProUpload = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var handleBeforeUpload = function handleBeforeUpload(file, fileList) {
     // TODO
     if (!validateFileExt(extExt, file)) {
-      _message.error("\u6587\u4EF6\u53EA\u652F\u6301\u3010".concat(extExt.join('、'), "\u3011\u683C\u5F0F"));
+      var _locale$ProUpload2;
+      _message.error("".concat(locale === null || locale === void 0 ? void 0 : (_locale$ProUpload2 = locale.ProUpload) === null || _locale$ProUpload2 === void 0 ? void 0 : _locale$ProUpload2.errorInfoExt, "\u3010").concat(extExt.join('、'), "\u3011"));
       return false;
     }
     if (!validateSize(size, file)) {
-      _message.error("\u4E0A\u4F20\u7684\u6587\u4EF6\u4E0D\u80FD\u8D85\u8FC7".concat(size, "M"));
+      var _locale$ProUpload3;
+      _message.error("".concat(locale === null || locale === void 0 ? void 0 : (_locale$ProUpload3 = locale.ProUpload) === null || _locale$ProUpload3 === void 0 ? void 0 : _locale$ProUpload3.errorInfoSize).concat(size, "M"));
       return false;
     }
     if (beforeUpload) {

package/es/ProUpload/style/index.less

@@ -7,6 +7,7 @@
       background   : #F8F9FA;
       border-radius: var(--zaui-border-radius, 4px);
       padding      : var(--zaui-space-size-sm, 8px);
+
       .ant-upload.ant-upload-drag {
         background-color: var(--zaui-base-bg, #fff);
       }
@@ -27,17 +28,14 @@
             align-items: center;
 
             .icon-upload {
-              display      : inline-block;
-              // width: 34px;
-              // height: 26px;
-              font-size    : 30px;
-              color        : #C5C7CD;
-              // background: #c5c7cd;
+              display  : inline-block;
+              font-size: 30px;
+              color    : #C5C7CD;
             }
 
             .dragger-txt {
               margin-left: 9px;
-              font-size  : 14px;
+              font-size  : var(--zaui-font-size, 14px);
 
 
               color      : rgba(0, 0, 0, 0.85);
@@ -50,9 +48,9 @@
           }
 
           .file-ext {
-            text-align : center;
-            margin-top : 10px;
-            font-size  : 12x;
+            text-align: center;
+            margin-top: 10px;
+            font-size : var(--zaui-font-size-sm, 12px);
 
 
             color      : #939599;
@@ -88,11 +86,11 @@
             }
 
             .file-name {
-              display           : box;
-              overflow          : hidden;
+              display   : box;
+              overflow  : hidden;
               line-clamp: 1;
               box-orient: vertical;
-              word-break        : break-all;
+              word-break: break-all;
             }
 
             .file-ext {
@@ -133,6 +131,7 @@
       width  : 100%;
       display: block;
     }
+
     .pro-upload-button-inner {
       display: flex;
 
@@ -145,10 +144,10 @@
     .upload-tip-txt {
       margin-left: 10px;
       line-height: 32px;
-      font-size  : 12px;
+      font-size  : var(--zaui-font-size-sm, 12px);
 
 
-      color      : #939599;
+      color: #939599;
     }
   }
 
@@ -182,20 +181,20 @@
     }
 
     .file-item-image {
-      position     : relative;
-      overflow     : hidden;
+      position        : relative;
+      overflow        : hidden;
       // height       : 100%;
-      height       : 126px;
-      width: 126px ;
-      border       : 1px dashed #d9d9d9;
-      overflow     : hidden;
-      border-radius: 8px;
+      height          : 126px;
+      width           : 126px;
+      border          : 1px dashed #d9d9d9;
+      overflow        : hidden;
+      border-radius   : 8px;
 
       .file-type-icon-img {
-        position: absolute;
-        width: 30px;
-        top: 50%;
-        left: 50%;
+        position : absolute;
+        width    : 30px;
+        top      : 50%;
+        left     : 50%;
         transform: translate(-50%, -50%);
 
       }
@@ -238,10 +237,9 @@
 
         .action-item {
           color    : #fff;
-          font-size: 12px;
+          font-size: var(--zaui-font-size-sm, 12px);
           opacity  : 0.8;
 
-          // cursor: pointer;
           .action-icon {
             margin-right: 10px;
             transform   : translate(0, 3px);
@@ -276,29 +274,33 @@
     .ant-space-item {
       display: inline-flex;
     }
-    .pro-upload-image-footer{
+
+    .pro-upload-image-footer {
       margin-top: -8px;
     }
   }
+
   .file-actions {
     .file-action-item {
       padding-top: var(--zaui-space-size-xs, 4px) !important;
     }
+
     .action-icon {
-      display: inline-flex;
-      align-items: center;
-      color: inherit;
-      font-style: normal;
-      text-align: center;
+      display       : inline-flex;
+      align-items   : center;
+      color         : inherit;
+      font-style    : normal;
+      text-align    : center;
       text-transform: none;
       vertical-align: -0.15em;
       text-rendering: optimizeLegibility;
+
       span {
-        display: inline-flex;
-        align-items: center;
-        color: inherit;
-        font-style: normal;
-        text-align: center;
+        display       : inline-flex;
+        align-items   : center;
+        color         : inherit;
+        font-style    : normal;
+        text-align    : center;
         text-transform: none;
         vertical-align: -0.15em;
         text-rendering: optimizeLegibility;

package/es/index.d.ts

@@ -21,7 +21,8 @@ export { default as ProUpload } from './ProUpload';
 export { default as ProThemeTools } from './ProThemeTools';
 export { default as ProAction } from './ProAction';
 export * from './ProConfigProvider';
-export { default as ProBackBtn } from './old/ProBackBtn';
+export * from './locale';
+export { default as ProBackBtn } from './ProLayout/components/ProHeader/components/ProBackBtn';
 export { default as ProEditableTable } from './old/ProEditableTable';
 export { default as ProCertValidity } from './old/ProCertValidity';
 export * from './ProForm/propsType';

package/es/index.js

@@ -26,8 +26,9 @@ export { default as ProUpload } from './ProUpload';
 export { default as ProThemeTools } from './ProThemeTools';
 export { default as ProAction } from './ProAction';
 export * from './ProConfigProvider';
+export * from './locale';
 // old 待废弃
-export { default as ProBackBtn } from './old/ProBackBtn';
+export { default as ProBackBtn } from './ProLayout/components/ProHeader/components/ProBackBtn';
 export { default as ProEditableTable } from './old/ProEditableTable';
 export { default as ProCertValidity } from './old/ProCertValidity';
 // TS类型导出