@zat-design/sisyphus-react 3.1.5 → 3.2.0

package/lib/ProTreeModal/index.js

@@ -21,12 +21,13 @@ var _index = require("../index");
 var _components = require("./components");
 var _utils = require("./utils");
 var _inputSearch = _interopRequireDefault(require("../assets/input-search.svg"));
+var _locale = _interopRequireWildcard(require("../locale"));
 require("./style/index.less");
 var LIST = 'LIST';
 var TREE = 'TREE';
 var CASCADER = exports.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 = (0, _index.useProConfig)('ProEnum'),
     _useProConfig$dics = _useProConfig.dics,
     dics = _useProConfig$dics === void 0 ? {} : _useProConfig$dics;
@@ -40,7 +41,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.default === null || _locale.default === void 0 ? void 0 : (_locale$ProTreeModal = _locale.default.ProTreeModal) === null || _locale$ProTreeModal === void 0 ? void 0 : _locale$ProTreeModal.select : _props$title,
     useRequest = props.useRequest,
     allValue = props.allValue,
     _props$showCodeName = props.showCodeName,
@@ -127,7 +128,8 @@ var ProTreeModal = function ProTreeModal(props) {
       }
       // check dictEnum isArray
       if (!dictEnum || !Array.isArray(dictEnum)) {
-        console.error('请返回有效的数组');
+        var _locale$ProTreeModal2;
+        console.error(_locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProTreeModal2 = _locale.default.ProTreeModal) === null || _locale$ProTreeModal2 === void 0 ? void 0 : _locale$ProTreeModal2.errorArrayMessage);
         dictEnum = [];
       }
       setState({
@@ -235,7 +237,10 @@ var ProTreeModal = function ProTreeModal(props) {
       }
       if (min) {
         if (values.length < min) {
-          _antd.message.error("\u6700\u5C11\u9009\u62E9".concat(min, "\u4E2A"));
+          var _locale$ProTreeModal3;
+          _antd.message.error((0, _locale.formatMessage)(_locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProTreeModal3 = _locale.default.ProTreeModal) === null || _locale$ProTreeModal3 === void 0 ? void 0 : _locale$ProTreeModal3.selectMin, {
+            min: min
+          }));
           return;
         }
       }
@@ -300,9 +305,12 @@ var ProTreeModal = function ProTreeModal(props) {
       checkedValues.push(code);
     }
     if (max && checkedValues.length > max) {
+      var _locale$ProTreeModal4;
       _antd.message.error(maxMessage ? (0, _utils.transformMessage)({
         max: max
-      }, maxMessage) : "\u6700\u591A\u9009\u62E9".concat(max, "\u4E2A"));
+      }, maxMessage) : (0, _locale.formatMessage)(_locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProTreeModal4 = _locale.default.ProTreeModal) === null || _locale$ProTreeModal4 === void 0 ? void 0 : _locale$ProTreeModal4.selectMax, {
+        max: max
+      }));
       return;
     }
     setState({
@@ -362,9 +370,12 @@ var ProTreeModal = function ProTreeModal(props) {
       });
     }
     if (max && checkedValues.length > max) {
+      var _locale$ProTreeModal5;
       _antd.message.error(maxMessage ? (0, _utils.transformMessage)({
         max: max
-      }, maxMessage) : "\u6700\u591A\u9009\u62E9".concat(max, "\u4E2A"));
+      }, maxMessage) : (0, _locale.formatMessage)(_locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProTreeModal5 = _locale.default.ProTreeModal) === null || _locale$ProTreeModal5 === void 0 ? void 0 : _locale$ProTreeModal5.selectMax, {
+        max: max
+      }));
       return;
     }
     setState({
@@ -502,9 +513,12 @@ var ProTreeModal = function ProTreeModal(props) {
       }
     }
     if (max && checkedValues.length > max) {
+      var _locale$ProTreeModal6;
       _antd.message.error(maxMessage ? (0, _utils.transformMessage)({
         max: max
-      }, maxMessage) : "\u6700\u591A\u9009\u62E9".concat(max, "\u4E2A"));
+      }, maxMessage) : (0, _locale.formatMessage)(_locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProTreeModal6 = _locale.default.ProTreeModal) === null || _locale$ProTreeModal6 === void 0 ? void 0 : _locale$ProTreeModal6.selectMax, {
+        max: max
+      }));
       return;
     }
     setState({
@@ -519,9 +533,10 @@ var ProTreeModal = function ProTreeModal(props) {
    */
   var renderContainer = function renderContainer() {
     if (state.treeData.length === 0 && state.searchStr) {
+      var _locale$ProTreeModal7;
       return (0, _jsxRuntime.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.default === null || _locale.default === void 0 ? void 0 : (_locale$ProTreeModal7 = _locale.default.ProTreeModal) === null || _locale$ProTreeModal7 === void 0 ? void 0 : _locale$ProTreeModal7.noFinal
       });
     }
     switch (modeType) {
@@ -597,9 +612,10 @@ var ProTreeModal = function ProTreeModal(props) {
    */
   var renderView = function renderView() {
     if (state.checkedValues.length === 0) {
+      var _locale$ProTreeModal8;
       return (0, _jsxRuntime.jsx)("div", {
         className: "pro-tree-modal-no-checks",
-        children: "\u6682\u65E0\u5DF2\u9009"
+        children: _locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProTreeModal8 = _locale.default.ProTreeModal) === null || _locale$ProTreeModal8 === void 0 ? void 0 : _locale$ProTreeModal8.noCheck
       });
     }
     switch (modeType) {
@@ -655,7 +671,7 @@ var ProTreeModal = function ProTreeModal(props) {
           checked: state.checkAll,
           disabled: disabled,
           onChange: handleAllCheck,
-          children: "\u5168\u9009"
+          children: _locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProTreeModal9 = _locale.default.ProTreeModal) === null || _locale$ProTreeModal9 === void 0 ? void 0 : _locale$ProTreeModal9.checkAll
         }) : null,
         children: (0, _jsxRuntime.jsxs)("div", {
           className: "pro-tree-modal-content",
@@ -665,7 +681,7 @@ var ProTreeModal = function ProTreeModal(props) {
               disabled: disabled,
               allowClear: true,
               value: state.searchStr,
-              placeholder: placeholder || '请输入',
+              placeholder: placeholder || (_locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProTreeModal10 = _locale.default.ProTreeModal) === null || _locale$ProTreeModal10 === void 0 ? void 0 : _locale$ProTreeModal10.input),
               className: "pro-tree-modal-search",
               onChange: onSearch,
               prefix: (0, _jsxRuntime.jsx)(_reactSvg.ReactSVG, {
@@ -681,12 +697,12 @@ var ProTreeModal = function ProTreeModal(props) {
             children: [(0, _jsxRuntime.jsxs)("div", {
               className: "pro-tree-modal-box-header",
               children: [(0, _jsxRuntime.jsxs)("span", {
-                children: ["\u5DF2\u9009 (", state.checkedValues.length, "/", max || state.flatTreeData.length, ")"]
+                children: [_locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProTreeModal11 = _locale.default.ProTreeModal) === null || _locale$ProTreeModal11 === void 0 ? void 0 : _locale$ProTreeModal11.check, " (", state.checkedValues.length, "/", max || state.flatTreeData.length, ")"]
               }), (0, _jsxRuntime.jsx)(_antd.Button, {
                 disabled: disabled,
                 type: "link",
                 onClick: handleClearAll,
-                children: "\u6E05\u7A7A\u5168\u90E8"
+                children: _locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProTreeModal12 = _locale.default.ProTreeModal) === null || _locale$ProTreeModal12 === void 0 ? void 0 : _locale$ProTreeModal12.clearAll
               })]
             }), (0, _jsxRuntime.jsx)("div", {
               className: "pro-tree-modal-tree-warp  pro-transfer-right",

package/lib/ProTreeModal/style/index.less

@@ -11,7 +11,7 @@
     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;
@@ -28,7 +28,6 @@
       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);
     }
 
@@ -49,7 +48,6 @@
     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);
     border        : 1px solid #e6e6e6;
     border-radius : var(--zaui-border-radius, 4px);
@@ -132,7 +130,7 @@
     flex-direction : row;
     align-items    : center;
     justify-content: space-between;
-    margin-bottom  : var(--zaui-font-size-sm, 12px);
+    margin-bottom  : calc(var(--zaui-space-size-md; 16px) * var(--zaui-size; 1));
     line-height    : var(--zaui-font-size-xxl, 20px);
     cursor         : pointer;
 
@@ -194,7 +192,6 @@
     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);
     white-space    : nowrap;
     border-radius  : var(--zaui-border-radius-card);
@@ -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 {

package/lib/ProUpload/components/ButtonRender.js

@@ -13,8 +13,10 @@ var _sortable = require("@dnd-kit/sortable");
 var _icons = require("@ant-design/icons");
 var _FileItem = require("./FileItem");
 var _DraggableUploadListItem = require("./DraggableUploadListItem");
+var _locale = _interopRequireDefault(require("../../locale"));
 /* 按钮类型 */
 var ButtonRender = function ButtonRender(props) {
+  var _locale$ProUpload;
   var isView = props.isView,
     disabled = props.disabled,
     sensor = props.sensor,
@@ -26,7 +28,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.default === null || _locale.default === void 0 ? void 0 : (_locale$ProUpload = _locale.default.ProUpload) === null || _locale$ProUpload === void 0 ? void 0 : _locale$ProUpload.buttonText : _props$buttonText;
   // 按钮类型的props
   var buttonUploadProps = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, baseUploadProps), {}, {
     fileList: fileList,
@@ -58,7 +61,7 @@ var ButtonRender = function ButtonRender(props) {
             className: "pro-upload-button-inner",
             children: [(0, _jsxRuntime.jsxs)(_antd.Button, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, buttonProps), {}, {
               disabled: disabled || isView,
-              children: [(0, _jsxRuntime.jsx)(_icons.CloudUploadOutlined, {}), buttonText || '上传文件']
+              children: [(0, _jsxRuntime.jsx)(_icons.CloudUploadOutlined, {}), buttonText]
             })), afterRender ? (0, _jsxRuntime.jsx)("div", {
               className: "pro-upload-button-inner-right",
               children: afterRender

package/lib/ProUpload/components/DragRender.js

@@ -14,8 +14,10 @@ var _sortable = require("@dnd-kit/sortable");
 var _icons = require("@ant-design/icons");
 var _FileItem = require("./FileItem");
 var _DraggableUploadListItem = require("./DraggableUploadListItem");
+var _locale = _interopRequireDefault(require("../../locale"));
 var Dragger = _antd.Upload.Dragger;
 var DragRender = function DragRender(props) {
+  var _locale$ProUpload3, _locale$ProUpload4, _locale$ProUpload5;
   var isView = props.isView,
     baseUploadProps = props.baseUploadProps,
     disabled = props.disabled,
@@ -79,6 +81,7 @@ var DragRender = function DragRender(props) {
    * @return {*}
    */
   var draggerSingleRender = function draggerSingleRender(file) {
+    var _locale$ProUpload, _locale$ProUpload2;
     var _fileExt = (0, _FileItem.getFileExt)(file.name);
     var _fileIcon = (0, _FileItem.getFileIcon)(_fileExt);
     return (0, _jsxRuntime.jsxs)("div", {
@@ -100,13 +103,13 @@ var DragRender = function DragRender(props) {
           onClick: function onClick() {
             handleReSelect(file);
           },
-          children: "\u91CD\u65B0\u9009\u62E9"
+          children: _locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProUpload = _locale.default.ProUpload) === null || _locale$ProUpload === void 0 ? void 0 : _locale$ProUpload.draggerSelect
         }), (0, _jsxRuntime.jsx)("div", {
           className: "file-del",
           onClick: function onClick() {
             handleDelFile(file);
           },
-          children: "\u5220\u9664"
+          children: _locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProUpload2 = _locale.default.ProUpload) === null || _locale$ProUpload2 === void 0 ? void 0 : _locale$ProUpload2.draggerDelete
         })]
       })]
     });
@@ -135,16 +138,13 @@ var DragRender = function DragRender(props) {
               children: [(0, _jsxRuntime.jsx)("i", {
                 className: "icon-upload",
                 children: (0, _jsxRuntime.jsx)(_icons.CloudUploadOutlined, {})
-              }), (0, _jsxRuntime.jsxs)("p", {
+              }), (0, _jsxRuntime.jsx)("p", {
                 className: "dragger-txt",
-                children: ["\u5C06\u6587\u4EF6\u62D6\u62FD\u5230\u6B64\u5904\uFF0C\u6216", (0, _jsxRuntime.jsx)("span", {
-                  className: "click-txt",
-                  children: "\u70B9\u51FB\u4E0A\u4F20 "
-                })]
+                children: _locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProUpload3 = _locale.default.ProUpload) === null || _locale$ProUpload3 === void 0 ? void 0 : _locale$ProUpload3.draggerTips
               })]
             }), (0, _jsxRuntime.jsxs)("p", {
               className: "file-ext",
-              children: ["\u652F\u6301\u6269\u5C55\u540D\uFF1A", extExt.length > 0 ? extExt.join('、') : '无限制']
+              children: [_locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProUpload4 = _locale.default.ProUpload) === null || _locale$ProUpload4 === void 0 ? void 0 : _locale$ProUpload4.draggerFileExt, "\uFF1A", extExt.length > 0 ? extExt.join('、') : "".concat(_locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProUpload5 = _locale.default.ProUpload) === null || _locale$ProUpload5 === void 0 ? void 0 : _locale$ProUpload5.draggerLimitless)]
             })]
           }), (0, _jsxRuntime.jsx)("div", {
             className: "dragger-file-show",

package/lib/ProUpload/components/Example.js

@@ -10,7 +10,9 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _jsxRuntime = require("react/jsx-runtime");
 var _react = require("react");
 var _ProDrawerForm = _interopRequireDefault(require("../../ProDrawerForm"));
+var _locale = _interopRequireDefault(require("../../locale"));
 var Example = exports.Example = function Example(props) {
+  var _locale$ProUpload;
   var exampleContent = props.exampleContent,
     className = props.className,
     exampleTitle = props.exampleTitle,
@@ -29,7 +31,7 @@ var Example = exports.Example = function Example(props) {
     className: className,
     children: [(0, _jsxRuntime.jsx)("div", {
       onClick: handleShowModal,
-      children: "\u67E5\u770B\u793A\u4F8B"
+      children: _locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProUpload = _locale.default.ProUpload) === null || _locale$ProUpload === void 0 ? void 0 : _locale$ProUpload.exampleTitle
     }), (0, _jsxRuntime.jsx)(_ProDrawerForm.default, {
       title: exampleTitle,
       width: "600",

package/lib/ProUpload/components/ImageRender.js

@@ -22,17 +22,19 @@ var _DraggableUploadListItem = require("./DraggableUploadListItem");
 var _look = _interopRequireDefault(require("../../assets/look.svg"));
 var _delete = _interopRequireDefault(require("../../assets/delete.svg"));
 var _download = _interopRequireDefault(require("../../assets/download.svg"));
+var _locale = _interopRequireDefault(require("../../locale"));
 /*
  * @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: 图片类型
  *
  */
 
 /* 按钮类型 */
 var ImageRender = function ImageRender(props) {
+  var _locale$ProUpload4;
   var _useState = (0, _react.useState)({}),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     previewImg = _useState2[0],
@@ -92,7 +94,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 = (0, _FileItem.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]));
@@ -130,7 +132,7 @@ var ImageRender = function ImageRender(props) {
                     wrapper: "span",
                     src: _look.default
                   }),
-                  children: "\u67E5\u770B"
+                  children: _locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProUpload = _locale.default.ProUpload) === null || _locale$ProUpload === void 0 ? void 0 : _locale$ProUpload.view
                 }), _isShowDownload && (0, _jsxRuntime.jsx)(_antd.Button, {
                   type: "link",
                   disabled: isView || disabled,
@@ -143,7 +145,7 @@ var ImageRender = function ImageRender(props) {
                     wrapper: "span",
                     src: _download.default
                   }),
-                  children: "\u4E0B\u8F7D"
+                  children: _locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProUpload2 = _locale.default.ProUpload) === null || _locale$ProUpload2 === void 0 ? void 0 : _locale$ProUpload2.download
                 })]
               }), (0, _jsxRuntime.jsx)("div", {
                 className: "action-button",
@@ -198,7 +200,7 @@ var ImageRender = function ImageRender(props) {
                     wrapper: "span",
                     src: _delete.default
                   }),
-                  children: "\u5220\u9664"
+                  children: _locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProUpload3 = _locale.default.ProUpload) === null || _locale$ProUpload3 === void 0 ? void 0 : _locale$ProUpload3.delete
                 })
               })]
             })]
@@ -228,7 +230,7 @@ var ImageRender = function ImageRender(props) {
                 style: {
                   marginTop: 8
                 },
-                children: "\u70B9\u51FB\u4E0A\u4F20"
+                children: _locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProUpload4 = _locale.default.ProUpload) === null || _locale$ProUpload4 === void 0 ? void 0 : _locale$ProUpload4.buttonText
               })]
             })
           }))

package/lib/ProUpload/index.js

@@ -19,8 +19,17 @@ var _DragRender = _interopRequireDefault(require("./components/DragRender"));
 var _ButtonRender = _interopRequireDefault(require("./components/ButtonRender"));
 var _ImageRender = _interopRequireDefault(require("./components/ImageRender"));
 var _uitls = require("./uitls");
+var _locale = _interopRequireDefault(require("../locale"));
 var _excluded = ["value", "size", "action", "maxCount", "headerRender", "footerRender", "disabled", "uploadType", "buttonProps", "accept", "extraTipText", "beforeUpload", "onChange", "onDownload", "onPreview", "onRemove", "method", "className", "dataParams", "name", "showExampleContent", "showUploadList", "otherProps", "transformResponse", "exampleTitle", "exampleContent", "exampleModalProps", "buttonText", "afterRender", "fieldNames"];
+/*
+ * @Author: wangshengqiang
+ * @Date: 2023-02-03 14:18:59
+ * @LastEditTime: 2023-11-07 18:49:49
+ * @LastEditors: wangshengqiang
+ * @Description: 上传控件
+ */
 var ProUpload = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
+  var _locale$ProUpload;
   var _useState = (0, _react.useState)([]),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     _fileList = _useState2[0],
@@ -57,7 +66,7 @@ var ProUpload = /*#__PURE__*/_react.default.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.default === null || _locale.default === void 0 ? void 0 : (_locale$ProUpload = _locale.default.ProUpload) === null || _locale$ProUpload === void 0 ? void 0 : _locale$ProUpload.exampleTitle : _props$exampleTitle,
     exampleContent = props.exampleContent,
     exampleModalProps = props.exampleModalProps,
     buttonText = props.buttonText,
@@ -70,13 +79,11 @@ var ProUpload = /*#__PURE__*/_react.default.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 +183,13 @@ var ProUpload = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var handleBeforeUpload = function handleBeforeUpload(file, fileList) {
     // TODO
     if (!(0, _uitls.validateFileExt)(extExt, file)) {
-      _antd.message.error("\u6587\u4EF6\u53EA\u652F\u6301\u3010".concat(extExt.join('、'), "\u3011\u683C\u5F0F"));
+      var _locale$ProUpload2;
+      _antd.message.error("".concat(_locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProUpload2 = _locale.default.ProUpload) === null || _locale$ProUpload2 === void 0 ? void 0 : _locale$ProUpload2.errorInfoExt, "\u3010").concat(extExt.join('、'), "\u3011"));
       return false;
     }
     if (!(0, _uitls.validateSize)(size, file)) {
-      _antd.message.error("\u4E0A\u4F20\u7684\u6587\u4EF6\u4E0D\u80FD\u8D85\u8FC7".concat(size, "M"));
+      var _locale$ProUpload3;
+      _antd.message.error("".concat(_locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProUpload3 = _locale.default.ProUpload) === null || _locale$ProUpload3 === void 0 ? void 0 : _locale$ProUpload3.errorInfoSize).concat(size, "M"));
       return false;
     }
     if (beforeUpload) {

package/lib/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/lib/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/lib/index.js

@@ -214,7 +214,19 @@ Object.keys(_ProConfigProvider).forEach(function (key) {
 var _ProUpload = _interopRequireDefault(require("./ProUpload"));
 var _ProThemeTools = _interopRequireDefault(require("./ProThemeTools"));
 var _ProAction = _interopRequireDefault(require("./ProAction"));
-var _ProBackBtn = _interopRequireDefault(require("./old/ProBackBtn"));
+var _locale = require("./locale");
+Object.keys(_locale).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _locale[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _locale[key];
+    }
+  });
+});
+var _ProBackBtn = _interopRequireDefault(require("./ProLayout/components/ProHeader/components/ProBackBtn"));
 var _ProEditableTable = _interopRequireDefault(require("./old/ProEditableTable"));
 var _ProCertValidity = _interopRequireDefault(require("./old/ProCertValidity"));
 var _propsType = require("./ProForm/propsType");