zmdms-webui 3.5.2 → 3.5.4

package/dist/es/uploadlist/hooks.js

@@ -4,6 +4,9 @@ import { flushSync } from 'react-dom';
 import { getFileExtension, isImageExtension, createDownloadLink, createUploadFileLink, TOKEN_KEY, getPreToken, exactRound, times, divide } from 'zmdms-utils';
 import MemoUploadList from './uploadList.js';
 import { useLatest } from 'ahooks';
+import useLocale, { formatLocaleText, getLocale } from '../config/useLocale.js';
+import '../config/ZtxkContext.js';
+import '../config/MyStorage.js';
 import myMessage from '../message/index.js';
 
 // 默认限制的文件类型
@@ -14,6 +17,7 @@ var NO_ACCEPT = ["exe"];
 function useBeforeUpload(props) {
     var acceptList = props.acceptList, maxSize = props.maxSize, maxSizeStr = props.maxSizeStr, beforeUpload = props.beforeUpload, isImage = props.isImage, disAllowDuplicateFile = props.disAllowDuplicateFile, fileList = props.fileList;
     var fileListRef = useLatest(fileList);
+    var locale = useLocale().UploadList;
     return useCallback(function (file, fileList) {
         var _a, _b;
         var fileName = file.name, fileSize = file.size;
@@ -27,16 +31,16 @@ function useBeforeUpload(props) {
         }
         if (disAllowDuplicateFile &&
             ((_b = (_a = fileListRef.current) === null || _a === void 0 ? void 0 : _a.find) === null || _b === void 0 ? void 0 : _b.call(_a, function (item) { return item.name === fileName || item.attachName === fileName; }))) {
-            myMessage.warning("不能上传同名附件!");
+            myMessage.warning(locale.duplicateFileWarning);
             return MemoUploadList.LIST_IGNORE;
         }
         // 文件大小
         if (fileSize === 0) {
-            myMessage.warning("不能上传空文件!");
+            myMessage.warning(locale.emptyFileWarning);
             return MemoUploadList.LIST_IGNORE;
         }
         if (isImage && !isImageExtension(fileExtension)) {
-            myMessage.warning("不能上传非图片格式的文件!");
+            myMessage.warning(locale.nonImageFileWarning);
             return MemoUploadList.LIST_IGNORE;
         }
         // 获取支持的附件类型
@@ -44,16 +48,16 @@ function useBeforeUpload(props) {
         ACCEPT = ACCEPT.map(function (a) { return a.toLowerCase(); });
         // 默认支持任何格式的文件，但是不支持exe
         if (ACCEPT.length > 0 && !ACCEPT.includes(fileExtension)) {
-            myMessage.warning("\u4E0D\u652F\u6301 ".concat(fileExtension, " \u6587\u4EF6\u683C\u5F0F"));
+            myMessage.warning(formatLocaleText(locale.unsupportedFormat, { ext: fileExtension }));
             return MemoUploadList.LIST_IGNORE;
         }
         if (ACCEPT.length === 0 && NO_ACCEPT.includes(fileExtension)) {
-            myMessage.warning("\u4E0D\u652F\u6301 ".concat(fileExtension, " \u6587\u4EF6\u683C\u5F0F"));
+            myMessage.warning(formatLocaleText(locale.unsupportedFormat, { ext: fileExtension }));
             return MemoUploadList.LIST_IGNORE;
         }
         // 文件大小限制
         if (maxSize && fileSize > maxSize) {
-            myMessage.warning("\u6587\u4EF6\u8D85\u51FA ".concat(maxSizeStr, "\uFF01"));
+            myMessage.warning(formatLocaleText(locale.fileSizeExceeded, { size: maxSizeStr }));
             return MemoUploadList.LIST_IGNORE;
         }
         return Promise.resolve(file);
@@ -65,6 +69,7 @@ function useBeforeUpload(props) {
         isImage,
         fileListRef,
         disAllowDuplicateFile,
+        locale,
     ]);
 }
 // 上传成功的状态
@@ -306,10 +311,11 @@ function useUploadTableData(props) {
  */
 function uploadFile(props) {
     return __awaiter(this, void 0, void 0, function () {
-        var action, data, headers, file, _a, method, onProgress;
+        var action, data, headers, file, _a, method, onProgress, locale;
         var _this = this;
         return __generator(this, function (_b) {
             action = props.action, data = props.data, headers = props.headers, file = props.file, _a = props.method, method = _a === void 0 ? "POST" : _a, onProgress = props.onProgress;
+            locale = getLocale().UploadList;
             if (!action) {
                 return [2 /*return*/, null];
             }
@@ -343,7 +349,7 @@ function uploadFile(props) {
                                         if (xhr.status === 200) {
                                             var response = JSON.parse(xhr.responseText);
                                             if (!response) {
-                                                myMessage.warning("文件上传失败!");
+                                                myMessage.warning(locale.uploadFailed);
                                             }
                                             var code = response.code, data_1 = response.data, msg = response.msg;
                                             if (code === 200) {
@@ -351,16 +357,16 @@ function uploadFile(props) {
                                             }
                                             else {
                                                 reject();
-                                                myMessage.warning(msg || "文件上传失败!");
+                                                myMessage.warning(msg || locale.uploadFailed);
                                             }
                                         }
                                         else {
                                             try {
                                                 var result = xhr.response
                                                     ? JSON.parse(xhr.response)
-                                                    : { msg: "文件上传失败,请检查网络!" };
+                                                    : { msg: locale.uploadFailedNetwork };
                                                 reject();
-                                                myMessage.warning(result.msg || "文件上传失败!");
+                                                myMessage.warning(result.msg || locale.uploadFailed);
                                             }
                                             catch (err) {
                                                 reject();

package/dist/es/uploadlist/uploadList.js

@@ -11,8 +11,9 @@ import ImgCrop from '../node_modules/antd-img-crop/dist/antd-img-crop.esm.js';
 import { getField, useBeforeUpload, useOnChange, useBasicInfo, useUploadTableData } from './hooks.js';
 import { MAX_PREVIEW_SIZE } from '../config/constant.js';
 import { toPreviewFile } from './utils.js';
-import '../config/ZtxkContext.js';
+import useLocale, { formatLocaleText } from '../config/useLocale.js';
 import useBaseContext from '../config/useBaseContext.js';
+import '../config/ZtxkContext.js';
 import '../config/MyStorage.js';
 import { getFinalValue } from '../config/utils.js';
 import LoadingOutlined from '../node_modules/@ant-design/icons/es/icons/LoadingOutlined.js';
@@ -34,8 +35,11 @@ var MAXSIZE = 104857600; // 100 * 1024 * 1024
  */
 var UploadList = function (props, ref) {
     var _a;
-    var children = props.children, btnText = props.btnText, className = props.className, _b = props.showTip, showTip = _b === void 0 ? true : _b, _c = props.maxSize, maxSize = _c === void 0 ? MAXSIZE : _c, showTable = props.showTable, acceptList = props.acceptList, beforeUpload = props.beforeUpload, onChange = props.onChange, PROPS_API_BASEURL = props.API_BASEURL, PROPS_FILE_API_BASEURL = props.FILE_API_BASEURL, action = props.action, headers = props.headers, data = props.data, userName = props.userName, fileList = props.fileList, isPublic = props.isPublic, _d = props.maxPreviewSize, maxPreviewSize = _d === void 0 ? MAX_PREVIEW_SIZE : _d, isPreview = props.isPreview, isDownload = props.isDownload, isDelete = props.isDelete, _e = props.filePreview, filePreview = _e === void 0 ? true : _e, _f = props.zipName, zipName = _f === void 0 ? "\u6279\u91CF\u4E0B\u8F7D-".concat(Date.now(), ".zip") : _f, isImage = props.isImage, _g = props.isImageCrop, isImageCrop = _g === void 0 ? true : _g, imgCropProps = props.imgCropProps, _h = props.imgWidth, imgWidth = _h === void 0 ? 110 : _h, _j = props.imgHeight, imgHeight = _j === void 0 ? 110 : _j, customRenderBtn = props.customRenderBtn, disAllowDuplicateFile = props.disAllowDuplicateFile, fieldNames = props.fieldNames, tableColumns = props.tableColumns, onBeforeDownloadValidate = props.onBeforeDownloadValidate, onBeforePreviewValidate = props.onBeforePreviewValidate, onBeforeDeleteValidate = props.onBeforeDeleteValidate, isImgPreview = props.isImgPreview, isTranslation = props.isTranslation, renderTableOperationColumn = props.renderTableOperationColumn, renderDetailPrepend = props.renderDetailPrepend, textItemRender = props.textItemRender, showFileSize = props.showFileSize, customItemRender = props.itemRender, resetProps = __rest(props, ["children", "btnText", "className", "showTip", "maxSize", "showTable", "acceptList", "beforeUpload", "onChange", "API_BASEURL", "FILE_API_BASEURL", "action", "headers", "data", "userName", "fileList", "isPublic", "maxPreviewSize", "isPreview", "isDownload", "isDelete", "filePreview", "zipName", "isImage", "isImageCrop", "imgCropProps", "imgWidth", "imgHeight", "customRenderBtn", "disAllowDuplicateFile", "fieldNames", "tableColumns", "onBeforeDownloadValidate", "onBeforePreviewValidate", "onBeforeDeleteValidate", "isImgPreview", "isTranslation", "renderTableOperationColumn", "renderDetailPrepend", "textItemRender", "showFileSize", "itemRender"]);
-    var _k = useBaseContext(), apiBaseUrl = _k.apiBaseUrl, fileBaseUrl = _k.fileBaseUrl, enableTranslationButton = _k.enableTranslationButton, fileListRequestHeaders = _k.fileListRequestHeaders, isUIWeeklyReview = _k.isUIWeeklyReview, enableUploadListTextItemRender = _k.enableUploadListTextItemRender, enableUploadListFileSize = _k.enableUploadListFileSize;
+    var children = props.children, btnText = props.btnText, className = props.className, _b = props.showTip, showTip = _b === void 0 ? true : _b, _c = props.maxSize, maxSize = _c === void 0 ? MAXSIZE : _c, showTable = props.showTable, acceptList = props.acceptList, beforeUpload = props.beforeUpload, onChange = props.onChange, PROPS_API_BASEURL = props.API_BASEURL, PROPS_FILE_API_BASEURL = props.FILE_API_BASEURL, action = props.action, headers = props.headers, data = props.data, userName = props.userName, fileList = props.fileList, isPublic = props.isPublic, _d = props.maxPreviewSize, maxPreviewSize = _d === void 0 ? MAX_PREVIEW_SIZE : _d, isPreview = props.isPreview, isDownload = props.isDownload, isDelete = props.isDelete, _e = props.filePreview, filePreview = _e === void 0 ? true : _e, zipName = props.zipName, isImage = props.isImage, _f = props.isImageCrop, isImageCrop = _f === void 0 ? true : _f, imgCropProps = props.imgCropProps, _g = props.imgWidth, imgWidth = _g === void 0 ? 110 : _g, _h = props.imgHeight, imgHeight = _h === void 0 ? 110 : _h, customRenderBtn = props.customRenderBtn, disAllowDuplicateFile = props.disAllowDuplicateFile, fieldNames = props.fieldNames, tableColumns = props.tableColumns, onBeforeDownloadValidate = props.onBeforeDownloadValidate, onBeforePreviewValidate = props.onBeforePreviewValidate, onBeforeDeleteValidate = props.onBeforeDeleteValidate, isImgPreview = props.isImgPreview, isTranslation = props.isTranslation, renderTableOperationColumn = props.renderTableOperationColumn, renderDetailPrepend = props.renderDetailPrepend, textItemRender = props.textItemRender, showFileSize = props.showFileSize, customItemRender = props.itemRender, resetProps = __rest(props, ["children", "btnText", "className", "showTip", "maxSize", "showTable", "acceptList", "beforeUpload", "onChange", "API_BASEURL", "FILE_API_BASEURL", "action", "headers", "data", "userName", "fileList", "isPublic", "maxPreviewSize", "isPreview", "isDownload", "isDelete", "filePreview", "zipName", "isImage", "isImageCrop", "imgCropProps", "imgWidth", "imgHeight", "customRenderBtn", "disAllowDuplicateFile", "fieldNames", "tableColumns", "onBeforeDownloadValidate", "onBeforePreviewValidate", "onBeforeDeleteValidate", "isImgPreview", "isTranslation", "renderTableOperationColumn", "renderDetailPrepend", "textItemRender", "showFileSize", "itemRender"]);
+    var _j = useBaseContext(), apiBaseUrl = _j.apiBaseUrl, fileBaseUrl = _j.fileBaseUrl, enableTranslationButton = _j.enableTranslationButton, fileListRequestHeaders = _j.fileListRequestHeaders, isUIWeeklyReview = _j.isUIWeeklyReview, enableUploadListTextItemRender = _j.enableUploadListTextItemRender, enableUploadListFileSize = _j.enableUploadListFileSize;
+    var locale = useLocale().UploadList;
+    // 批量下载的zip包名 未传时用语言包兜底
+    var finalZipName = zipName || "".concat(locale.batchDownload, "-").concat(Date.now(), ".zip");
     // 翻译按钮是否显示
     var isTranslationButton = getFinalValue(enableTranslationButton, isTranslation);
     // 列表项渲染：组件级 props 优先，否则取全局值
@@ -50,7 +54,7 @@ var UploadList = function (props, ref) {
     var tableRef = useRef({});
     var modalRef = useRef({});
     var imgCropModalRef = useRef();
-    var _l = useState(), imgSrc = _l[0], setImgSrc = _l[1];
+    var _k = useState(), imgSrc = _k[0], setImgSrc = _k[1];
     useEffect(function () {
         if (!isImage) {
             return;
@@ -83,7 +87,7 @@ var UploadList = function (props, ref) {
         fileList: fileList,
     });
     // 文件改变逻辑
-    var _m = useOnChange({
+    var _l = useOnChange({
         onChange: onChange,
         userName: userName,
         fileList: fileList,
@@ -92,16 +96,16 @@ var UploadList = function (props, ref) {
         API_BASEURL: API_BASEURL,
         newFieldNames: newFieldNames,
         listType: listType,
-    }), onChangeHandle = _m.onChangeHandle, innerFileList = _m.innerFileList, setInnerFileList = _m.setInnerFileList;
+    }), onChangeHandle = _l.onChangeHandle, innerFileList = _l.innerFileList, setInnerFileList = _l.setInnerFileList;
     // 基础参数
-    var _o = useBasicInfo({
+    var _m = useBasicInfo({
         action: action,
         API_BASEURL: API_BASEURL,
         headers: headers,
         data: data,
         isPublic: isPublic,
         fileListRequestHeaders: fileListRequestHeaders,
-    }), fileAction = _o.fileAction, fileHeaders = _o.fileHeaders, fileData = _o.fileData;
+    }), fileAction = _m.fileAction, fileHeaders = _m.fileHeaders, fileData = _m.fileData;
     // 表格需要的附件列表数据
     var uploadTableData = useUploadTableData({
         fileList: innerFileList,
@@ -117,7 +121,7 @@ var UploadList = function (props, ref) {
                 case 0:
                     checked = (_b = (_a = tableRef.current) === null || _a === void 0 ? void 0 : _a.getChecked) === null || _b === void 0 ? void 0 : _b.call(_a);
                     if (!checked || checked.length === 0) {
-                        myMessage.info("请选择需要操作的数据!");
+                        myMessage.info(locale.selectDataFirst);
                         return [2 /*return*/];
                     }
                     if (!onBeforeDeleteValidate) return [3 /*break*/, 4];
@@ -157,7 +161,7 @@ var UploadList = function (props, ref) {
                 case 0:
                     checked = (_b = (_a = tableRef.current) === null || _a === void 0 ? void 0 : _a.getChecked) === null || _b === void 0 ? void 0 : _b.call(_a);
                     if (!checked || checked.length === 0) {
-                        myMessage.info("请选择需要操作的数据!");
+                        myMessage.info(locale.selectDataFirst);
                         return [2 /*return*/];
                     }
                     (_c = tableRef.current) === null || _c === void 0 ? void 0 : _c.setLoading(true);
@@ -184,7 +188,7 @@ var UploadList = function (props, ref) {
                     _h.trys.push([5, 7, , 8]);
                     return [4 /*yield*/, batchDownloadFiles(checked, {
                             API_BASEURL: API_BASEURL,
-                            zipName: zipName,
+                            zipName: finalZipName,
                             parseErrorBlob: true,
                         })];
                 case 6:
@@ -193,7 +197,7 @@ var UploadList = function (props, ref) {
                     return [3 /*break*/, 8];
                 case 7:
                     err_3 = _h.sent();
-                    myMessage.error((err_3 === null || err_3 === void 0 ? void 0 : err_3.msg) || "批量下载失败!");
+                    myMessage.error((err_3 === null || err_3 === void 0 ? void 0 : err_3.msg) || locale.batchDownloadFailed);
                     (_g = tableRef.current) === null || _g === void 0 ? void 0 : _g.setLoading(false);
                     return [3 /*break*/, 8];
                 case 8: return [3 /*break*/, 10];
@@ -211,7 +215,7 @@ var UploadList = function (props, ref) {
                             .catch(function (err) {
                             var _a;
                             console.log(err);
-                            myMessage.error((err === null || err === void 0 ? void 0 : err.msg) || "下载失败!");
+                            myMessage.error((err === null || err === void 0 ? void 0 : err.msg) || locale.downloadFailed);
                             (_a = tableRef.current) === null || _a === void 0 ? void 0 : _a.setLoading(false);
                         });
                     });
@@ -283,7 +287,7 @@ var UploadList = function (props, ref) {
                     case 3:
                         err_4 = _a.sent();
                         console.log(err_4);
-                        myMessage.error((err_4 === null || err_4 === void 0 ? void 0 : err_4.msg) || "下载失败!");
+                        myMessage.error((err_4 === null || err_4 === void 0 ? void 0 : err_4.msg) || locale.downloadFailed);
                         endCallback();
                         return [3 /*break*/, 4];
                     case 4: return [2 /*return*/];
@@ -329,28 +333,31 @@ var UploadList = function (props, ref) {
             }, title: isError ? undefined : fileName }, { children: [jsx("span", __assign({ className: "ztxk-upload--text-item__name-body" }, { children: nameBody })), nameExt ? (jsx("span", __assign({ className: "ztxk-upload--text-item__name-ext" }, { children: nameExt }))) : null] })));
         return (jsxs("span", __assign({ className: classNames("ztxk-upload--text-item", {
                 "is-error": isError,
-            }) }, { children: [jsx("span", __assign({ className: "ztxk-upload--text-item__icon" }, { children: jsx(PaperClipOutlined, {}) })), isError ? (jsx(Tooltip, __assign({ title: "\u4E0A\u4F20\u5931\u8D25" }, { children: nameEl }))) : (nameEl), finalShowFileSize !== false && fileSize != null ? (jsx("span", __assign({ className: "ztxk-upload--text-item__size" }, { children: formatUnit(fileSize) }))) : null, jsxs("span", __assign({ className: "ztxk-upload--text-item__actions" }, { children: [renderDetailPrepend
+            }) }, { children: [jsx("span", __assign({ className: "ztxk-upload--text-item__icon" }, { children: jsx(PaperClipOutlined, {}) })), isError ? (jsx(Tooltip, __assign({ title: locale.uploadFailedTip }, { children: nameEl }))) : (nameEl), finalShowFileSize !== false && fileSize != null ? (jsx("span", __assign({ className: "ztxk-upload--text-item__size" }, { children: formatUnit(fileSize) }))) : null, jsxs("span", __assign({ className: "ztxk-upload--text-item__actions" }, { children: [renderDetailPrepend
                             ? renderDetailPrepend(file, fileList.indexOf(file))
-                            : null, isDownload && !isError ? (jsx(ButtonCom, __assign({ type: "link", size: "small", className: "ztxk-upload--text-item__download", onClick: function () { return actions.download(); } }, { children: "\u4E0B\u8F7D" }))) : null, isDelete ? (jsx(ButtonCom, __assign({ type: "link", size: "small", danger: true, className: "ztxk-upload--text-item__delete", onClick: function () { return actions.remove(); } }, { children: "\u5220\u9664" }))) : null] }))] })));
+                            : null, isDownload && !isError ? (jsx(ButtonCom, __assign({ type: "link", size: "small", className: "ztxk-upload--text-item__download", onClick: function () { return actions.download(); } }, { children: locale.download }))) : null, isDelete ? (jsx(ButtonCom, __assign({ type: "link", size: "small", danger: true, className: "ztxk-upload--text-item__delete", onClick: function () { return actions.remove(); } }, { children: locale.delete }))) : null] }))] })));
     }, [
         filePreview,
         isDownload,
         isDelete,
         finalShowFileSize,
         renderDetailPrepend,
+        locale,
     ]);
     // 上传子元素
     var uploadBtn = (jsx(Upload, __assign({ showUploadList: showUploadListMemo, multiple: maxCount === 1 ? false : true, beforeUpload: beforeUploadHandle, onChange: onChangeHandle, action: fileAction, headers: fileHeaders, data: fileData, fileList: innerFileList, onPreview: onPreview, onDownload: onDownload }, resetProps, { itemRender: !showTable &&
             (!listType || listType === "text") &&
             finalTextItemRender !== false
             ? customItemRender || itemRenderText
-            : customItemRender }, { children: children ? (children) : !listType || listType === "text" ? (jsxs(ButtonCom, __assign({ type: "primary", icon: jsx(UploadOutlined, {}) }, { children: [btnText || "添加附件", maxCount ? "(\u6700\u591A\u4E0A\u4F20".concat(maxCount, "\u4E2A\u6587\u4EF6)") : ""] }))) : isImage &&
+            : customItemRender }, { children: children ? (children) : !listType || listType === "text" ? (jsxs(ButtonCom, __assign({ type: "primary", icon: jsx(UploadOutlined, {}) }, { children: [btnText || locale.addFile, maxCount
+                    ? formatLocaleText(locale.maxCountTip, { count: maxCount })
+                    : ""] }))) : isImage &&
             maxCount &&
             innerFileList &&
             innerFileList.length >= maxCount &&
-            !isImgPreview ? null : (jsxs("div", __assign({ className: "ztxk-upload--picture" }, { children: [jsx(UploadOutlined, { style: { fontSize: 18 } }), jsx("div", __assign({ style: { marginTop: 8 } }, { children: btnText || "添加图片" }))] }))) })));
+            !isImgPreview ? null : (jsxs("div", __assign({ className: "ztxk-upload--picture" }, { children: [jsx(UploadOutlined, { style: { fontSize: 18 } }), jsx("div", __assign({ style: { marginTop: 8 } }, { children: btnText || locale.addImage }))] }))) })));
     // UI周查样式下，showTip 以 Tooltip 形式展示在上传按钮上
-    var renderChildren = isUIWeeklyReview && showTip ? (jsx(Tooltip, __assign({ title: "\u5355\u4E2A\u9644\u4EF6\u6700\u5927\u652F\u6301".concat(maxSizeStr) }, { children: uploadBtn }))) : (uploadBtn);
+    var renderChildren = isUIWeeklyReview && showTip ? (jsx(Tooltip, __assign({ title: formatLocaleText(locale.maxSizeTip, { size: maxSizeStr }) }, { children: uploadBtn }))) : (uploadBtn);
     // 暴露给外部的一些方法
     useImperativeHandle(ref, function () {
         return {
@@ -403,7 +410,10 @@ var UploadList = function (props, ref) {
                             return [4 /*yield*/, Promise.reject({
                                     errorFields: [
                                         {
-                                            errors: "".concat(title || "", " \u7B2C").concat(i + 1, "\u4E2A\u9644\u4EF6\u8FD8\u5728\u4E0A\u4F20\u4E2D\uFF0C\u8BF7\u7A0D\u7B49..."),
+                                            errors: formatLocaleText(locale.uploadingError, {
+                                                title: title || "",
+                                                index: i + 1,
+                                            }),
                                         },
                                     ],
                                 })];
@@ -415,7 +425,10 @@ var UploadList = function (props, ref) {
                             return [4 /*yield*/, Promise.reject({
                                     errorFields: [
                                         {
-                                            errors: "".concat(title || "", " \u7B2C").concat(i + 1, "\u4E2A\u9644\u4EF6\u4E0A\u4F20\u5931\u8D25\uFF0C\u8BF7\u68C0\u67E5"),
+                                            errors: formatLocaleText(locale.uploadError, {
+                                                title: title || "",
+                                                index: i + 1,
+                                            }),
                                         },
                                     ],
                                 })];
@@ -431,23 +444,23 @@ var UploadList = function (props, ref) {
             }); },
         };
     });
-    return (jsxs("div", __assign({ className: classes, ref: imgCropModalRef }, { children: [isPreview ? null : (jsxs(Fragment, { children: [isImage && isImageCrop ? (jsx(ImgCrop, __assign({ rotationSlider: true, showReset: true, quality: 0.8, modalClassName: "ztxk-upload-imgcrop", modalProps: { getContainer: function () { return imgCropModalRef.current; } }, aspect: imgWidth / imgHeight }, imgCropProps, { children: renderChildren }))) : (renderChildren), showTip && !isUIWeeklyReview ? (jsxs("span", __assign({ className: "ztxk-upload--tips" }, { children: ["(\u5355\u4E2A\u9644\u4EF6\u6700\u5927\u652F\u6301", maxSizeStr, ")"] }))) : ("")] })), isDelete && !isPreview && showTable ? (jsx(Popconfirm, __assign({ title: "\u662F\u5426\u5220\u9664\u9009\u4E2D\u9644\u4EF6\uFF1F", cancelText: "\u5426", okText: "\u662F", onConfirm: function () { return onBatchDeleteHandle(); } }, { children: jsx(ButtonCom, __assign({ type: "primary" }, { children: "\u6279\u91CF\u5220\u9664" })) }))) : null, isDownload && showTable ? (jsx(Dropdown, __assign({ menu: {
+    return (jsxs("div", __assign({ className: classes, ref: imgCropModalRef }, { children: [isPreview ? null : (jsxs(Fragment, { children: [isImage && isImageCrop ? (jsx(ImgCrop, __assign({ rotationSlider: true, showReset: true, quality: 0.8, modalClassName: "ztxk-upload-imgcrop", modalProps: { getContainer: function () { return imgCropModalRef.current; } }, aspect: imgWidth / imgHeight }, imgCropProps, { children: renderChildren }))) : (renderChildren), showTip && !isUIWeeklyReview ? (jsxs("span", __assign({ className: "ztxk-upload--tips" }, { children: ["(", formatLocaleText(locale.maxSizeTip, { size: maxSizeStr }), ")"] }))) : ("")] })), isDelete && !isPreview && showTable ? (jsx(Popconfirm, __assign({ title: locale.confirmBatchDelete, cancelText: locale.no, okText: locale.yes, onConfirm: function () { return onBatchDeleteHandle(); } }, { children: jsx(ButtonCom, __assign({ type: "primary" }, { children: locale.batchDelete })) }))) : null, isDownload && showTable ? (jsx(Dropdown, __assign({ menu: {
                     items: [
                         {
-                            label: "压缩",
+                            label: locale.compress,
                             key: "compress",
                         },
                         {
-                            label: "不压缩",
+                            label: locale.noCompress,
                             key: "noCompress",
                         },
                     ],
                     onClick: function (e) {
                         onBatchDownloadHandle(e.key);
                     },
-                }, placement: "bottomLeft" }, { children: jsx(ButtonCom, __assign({ type: "primary" }, { children: "\u6279\u91CF\u4E0B\u8F7D" })) }))) : null, customRenderBtn, showTable ? (jsx(UploadTable, { dataSource: uploadTableData, action: fileAction, headers: fileHeaders, data: fileData, method: method, setInnerFileList: setInnerFileList, isPublic: isPublic, API_BASEURL: API_BASEURL, FILE_API_BASEURL: FILE_API_BASEURL, maxPreviewSize: maxPreviewSize, isPreview: isPreview, filePreview: filePreview, isDelete: isDelete, isDownload: isDownload, ref: tableRef, listType: listType, tableColumns: tableColumns, onBeforeDeleteValidate: onBeforeDeleteValidate, onBeforeDownloadValidate: onBeforeDownloadValidate, onBeforePreviewValidate: onBeforePreviewValidate, isTranslation: isTranslationButton, renderTableOperationColumn: renderTableOperationColumn })) : null, isPreview && !showTable && !isImage ? (jsx(UploadListDetail, { dataSource: uploadTableData, action: fileAction, headers: fileHeaders, data: fileData, method: method, setInnerFileList: setInnerFileList, isPublic: isPublic, API_BASEURL: API_BASEURL, FILE_API_BASEURL: FILE_API_BASEURL, maxPreviewSize: maxPreviewSize, isPreview: isPreview, isDelete: isDelete, isDownload: isDownload, ref: tableRef, listType: listType, tableColumns: tableColumns, onBeforeDeleteValidate: onBeforeDeleteValidate, onBeforeDownloadValidate: onBeforeDownloadValidate, onBeforePreviewValidate: onBeforePreviewValidate, isTranslation: isTranslationButton, renderDetailPrepend: renderDetailPrepend, textItemRender: finalTextItemRender, showFileSize: finalShowFileSize })) : null, isImage && (jsx(ModalComponent, __assign({ ref: modalRef, footer: null, width: "520px" }, { children: jsx("div", __assign({ style: {
+                }, placement: "bottomLeft" }, { children: jsx(ButtonCom, __assign({ type: "primary" }, { children: locale.batchDownload })) }))) : null, customRenderBtn, showTable ? (jsx(UploadTable, { dataSource: uploadTableData, action: fileAction, headers: fileHeaders, data: fileData, method: method, setInnerFileList: setInnerFileList, isPublic: isPublic, API_BASEURL: API_BASEURL, FILE_API_BASEURL: FILE_API_BASEURL, maxPreviewSize: maxPreviewSize, isPreview: isPreview, filePreview: filePreview, isDelete: isDelete, isDownload: isDownload, ref: tableRef, listType: listType, tableColumns: tableColumns, onBeforeDeleteValidate: onBeforeDeleteValidate, onBeforeDownloadValidate: onBeforeDownloadValidate, onBeforePreviewValidate: onBeforePreviewValidate, isTranslation: isTranslationButton, renderTableOperationColumn: renderTableOperationColumn })) : null, isPreview && !showTable && !isImage ? (jsx(UploadListDetail, { dataSource: uploadTableData, action: fileAction, headers: fileHeaders, data: fileData, method: method, setInnerFileList: setInnerFileList, isPublic: isPublic, API_BASEURL: API_BASEURL, FILE_API_BASEURL: FILE_API_BASEURL, maxPreviewSize: maxPreviewSize, isPreview: isPreview, isDelete: isDelete, isDownload: isDownload, ref: tableRef, listType: listType, tableColumns: tableColumns, onBeforeDeleteValidate: onBeforeDeleteValidate, onBeforeDownloadValidate: onBeforeDownloadValidate, onBeforePreviewValidate: onBeforePreviewValidate, isTranslation: isTranslationButton, renderDetailPrepend: renderDetailPrepend, textItemRender: finalTextItemRender, showFileSize: finalShowFileSize })) : null, isImage && (jsx(ModalComponent, __assign({ ref: modalRef, footer: null, width: "520px" }, { children: jsx("div", __assign({ style: {
                         textAlign: "center",
-                    } }, { children: jsx("img", { src: imgSrc, alt: "\u9884\u89C8", style: {
+                    } }, { children: jsx("img", { src: imgSrc, alt: locale.preview, style: {
                             maxWidth: "400px",
                             maxHeight: "400px",
                         } }) })) })))] })));

package/dist/es/uploadlist/uploadListDetail.js

@@ -3,6 +3,9 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import { forwardRef, useState, useImperativeHandle } from 'react';
 import { formatUnit, downloadFile } from 'zmdms-utils';
 import { toPreviewFile } from './utils.js';
+import useLocale from '../config/useLocale.js';
+import '../config/ZtxkContext.js';
+import '../config/MyStorage.js';
 import PaperClipOutlined from '../node_modules/@ant-design/icons/es/icons/PaperClipOutlined.js';
 import ButtonCom from '../button/button.js';
 import TranslationButton from '../translationbutton/translationButton.js';
@@ -16,6 +19,7 @@ var UploadTable = function (_a, ref) {
     var dataSource = _a.dataSource; _a.action; _a.headers; _a.data; _a.method; var setInnerFileList = _a.setInnerFileList, isPublic = _a.isPublic, _c = _a.API_BASEURL, API_BASEURL = _c === void 0 ? "" : _c, _d = _a.FILE_API_BASEURL, FILE_API_BASEURL = _d === void 0 ? "" : _d, maxPreviewSize = _a.maxPreviewSize, isPreview = _a.isPreview, isDelete = _a.isDelete, isDownload = _a.isDownload; _a.listType; _a.tableColumns; var onBeforeDownloadValidate = _a.onBeforeDownloadValidate, onBeforePreviewValidate = _a.onBeforePreviewValidate; _a.onBeforeDeleteValidate; var isTranslation = _a.isTranslation, renderDetailPrepend = _a.renderDetailPrepend, textItemRender = _a.textItemRender, showFileSize = _a.showFileSize;
     var _e = useState(false), loading = _e[0], setLoading = _e[1];
     var _f = useState(), checked = _f[0], setChecked = _f[1];
+    var locale = useLocale().UploadList;
     var isDownloadSingleBoolean = isDownload;
     var isDeleteSingleBoolean = isDelete && !isPreview;
     // 操作按钮组
@@ -27,22 +31,22 @@ var UploadTable = function (_a, ref) {
         if (operationAuth) {
             if (operationAuth.indexOf("2") !== -1 && isDownloadSingleBoolean) {
                 statusBtnConfig.push({
-                    name: "下载",
+                    name: locale.download,
                     type: "download",
                     loading: loading,
                 });
             }
             if (operationAuth.indexOf("1") !== -1) {
                 statusBtnConfig.push({
-                    name: "预览",
+                    name: locale.preview,
                     type: "preview",
                 });
             }
             if (operationAuth.indexOf("3") !== -1 && isDeleteSingleBoolean) {
                 statusBtnConfig.push({
-                    name: "删除",
+                    name: locale.delete,
                     type: "delete",
-                    confirmMsg: "确认删除该附件吗?",
+                    confirmMsg: locale.confirmDelete,
                     loading: loading,
                 });
             }
@@ -50,20 +54,20 @@ var UploadTable = function (_a, ref) {
         else {
             if (isDownloadSingleBoolean) {
                 statusBtnConfig.push({
-                    name: "下载",
+                    name: locale.download,
                     type: "download",
                     loading: loading,
                 });
             }
             statusBtnConfig.push({
-                name: "预览",
+                name: locale.preview,
                 type: "preview",
             });
             if (isDeleteSingleBoolean) {
                 statusBtnConfig.push({
-                    name: "删除",
+                    name: locale.delete,
                     type: "delete",
-                    confirmMsg: "确认删除该附件吗?",
+                    confirmMsg: locale.confirmDelete,
                     loading: loading,
                 });
             }
@@ -206,7 +210,7 @@ var UploadTable = function (_a, ref) {
                     if (isPreviewAuth) {
                         return operationCallback("preview", record, index);
                     }
-                    myMessage.info("暂无预览权限!");
+                    myMessage.info(locale.noPreviewPermission);
                     return Promise.resolve();
                 };
                 var itemKey = record.attachId || record.fileId || index;
@@ -220,9 +224,9 @@ var UploadTable = function (_a, ref) {
                     return (jsxs("div", __assign({ className: "ztxk-upload--text-item" }, { children: [jsx("span", __assign({ className: "ztxk-upload--text-item__icon" }, { children: jsx(PaperClipOutlined, {}) })), jsxs("span", __assign({ className: "ztxk-upload--text-item__name", onClick: handlePreview, title: fileName }, { children: [jsx("span", __assign({ className: "ztxk-upload--text-item__name-body" }, { children: nameBody })), nameExt ? (jsx("span", __assign({ className: "ztxk-upload--text-item__name-ext" }, { children: nameExt }))) : null] })), showFileSize !== false &&
                                 record.attachSize != null ? (jsx("span", __assign({ className: "ztxk-upload--text-item__size" }, { children: formatUnit(record.attachSize) }))) : null, jsxs("span", __assign({ className: "ztxk-upload--text-item__actions" }, { children: [renderDetailPrepend && renderDetailPrepend(record, index), isDownloadAuth ? (jsx(ButtonCom, __assign({ type: "link", size: "small", className: "ztxk-upload--text-item__download", onClick: function () {
                                             return operationCallback("download", record, index);
-                                        } }, { children: "\u4E0B\u8F7D" }))) : null, isTranslation ? (jsx(TranslationButton, { attachId: record.attachId, attachName: record.attachName })) : null] }))] }), itemKey));
+                                        } }, { children: locale.download }))) : null, isTranslation ? (jsx(TranslationButton, { attachId: record.attachId, attachName: record.attachName })) : null] }))] }), itemKey));
                 }
-                return (jsxs("div", __assign({ className: "ztxk-upload--preview-list__item" }, { children: [jsx("div", __assign({ className: "preview-list__item--left" }, { children: jsxs(ButtonCom, __assign({ type: "link", onClick: handlePreview, style: { textAlign: "left" }, title: record.attachName }, { children: [jsx(LinkOutlined, {}), record.attachName] })) })), jsxs("div", __assign({ className: "preview-list__item--right" }, { children: [renderDetailPrepend && renderDetailPrepend(record, index), isDownloadAuth ? (jsx(ButtonCom, __assign({ type: "link", onClick: function () { return operationCallback("download", record, index); }, style: { textAlign: "left" }, title: "\u4E0B\u8F7D" }, { children: jsx(DownloadOutlined, {}) }))) : null, isTranslation && (jsx(TranslationButton, { attachId: record.attachId, attachName: record.attachName }))] }))] }), itemKey));
+                return (jsxs("div", __assign({ className: "ztxk-upload--preview-list__item" }, { children: [jsx("div", __assign({ className: "preview-list__item--left" }, { children: jsxs(ButtonCom, __assign({ type: "link", onClick: handlePreview, style: { textAlign: "left" }, title: record.attachName }, { children: [jsx(LinkOutlined, {}), record.attachName] })) })), jsxs("div", __assign({ className: "preview-list__item--right" }, { children: [renderDetailPrepend && renderDetailPrepend(record, index), isDownloadAuth ? (jsx(ButtonCom, __assign({ type: "link", onClick: function () { return operationCallback("download", record, index); }, style: { textAlign: "left" }, title: locale.download }, { children: jsx(DownloadOutlined, {}) }))) : null, isTranslation && (jsx(TranslationButton, { attachId: record.attachId, attachName: record.attachName }))] }))] }), itemKey));
             }) })) })));
 };
 var UploadListDetail = forwardRef(UploadTable);

package/dist/es/uploadlist/uploadTable.js

@@ -1,4 +1,4 @@
-import { __spreadArray, __assign, __awaiter, __generator } from '../_virtual/_tslib.js';
+import { __assign, __spreadArray, __awaiter, __generator } from '../_virtual/_tslib.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { forwardRef, useState, useMemo, useImperativeHandle } from 'react';
 import MemoTable from '../table/table.js';
@@ -7,6 +7,9 @@ import { formatUnit, downloadFile } from 'zmdms-utils';
 import { uploadFile } from './hooks.js';
 import dayjs from 'dayjs';
 import { toPreviewFile } from './utils.js';
+import useLocale from '../config/useLocale.js';
+import '../config/ZtxkContext.js';
+import '../config/MyStorage.js';
 import ButtonCom from '../button/button.js';
 import OperationBtn from '../operationbtn/operationBtn.js';
 import TranslationButton from '../translationbutton/translationButton.js';
@@ -17,6 +20,7 @@ var UploadTable = function (_a, ref) {
     var dataSource = _a.dataSource, action = _a.action, headers = _a.headers, data = _a.data, method = _a.method, setInnerFileList = _a.setInnerFileList, isPublic = _a.isPublic, _b = _a.API_BASEURL, API_BASEURL = _b === void 0 ? "" : _b, _c = _a.FILE_API_BASEURL, FILE_API_BASEURL = _c === void 0 ? "" : _c, maxPreviewSize = _a.maxPreviewSize, isPreview = _a.isPreview, filePreview = _a.filePreview, isDelete = _a.isDelete, isDownload = _a.isDownload; _a.listType; var tableColumns = _a.tableColumns, onBeforeDownloadValidate = _a.onBeforeDownloadValidate, onBeforePreviewValidate = _a.onBeforePreviewValidate, onBeforeDeleteValidate = _a.onBeforeDeleteValidate, isTranslation = _a.isTranslation, renderTableOperationColumn = _a.renderTableOperationColumn;
     var _d = useState(false), loading = _d[0], setLoading = _d[1];
     var _e = useState(), checked = _e[0], setChecked = _e[1];
+    var locale = useLocale().UploadList;
     var isDownloadSingleBoolean = isDownload;
     // const isDownloadBoolean = isDownload && listType !== "text";
     var isDownloadBoolean = isDownload;
@@ -80,7 +84,7 @@ var UploadTable = function (_a, ref) {
                 case 8:
                     err_2 = _b.sent();
                     console.log(err_2);
-                    myMessage.error((err_2 === null || err_2 === void 0 ? void 0 : err_2.msg) || "下载失败!");
+                    myMessage.error((err_2 === null || err_2 === void 0 ? void 0 : err_2.msg) || locale.downloadFailed);
                     endCallback();
                     return [3 /*break*/, 9];
                 case 9: 
@@ -171,7 +175,7 @@ var UploadTable = function (_a, ref) {
         });
     }); };
     var indexColumn = {
-        title: "序号",
+        title: locale.serialNumber,
         width: 60,
         key: "index",
         fixed: "left",
@@ -179,7 +183,7 @@ var UploadTable = function (_a, ref) {
         render: function (value, record, index) { return "".concat(index + 1); },
     };
     var fileNameColumn = {
-        title: "文件名称",
+        title: locale.fileName,
         width: 140,
         dataIndex: "attachName",
         key: "attachName",
@@ -189,7 +193,7 @@ var UploadTable = function (_a, ref) {
         },
     };
     var fileSizeColumn = {
-        title: "文件大小",
+        title: locale.fileSize,
         width: 100,
         dataIndex: "attachSize",
         key: "attachSize",
@@ -200,7 +204,7 @@ var UploadTable = function (_a, ref) {
         },
     };
     var createTimeColumn = {
-        title: "上传时间",
+        title: locale.uploadTime,
         width: 100,
         dataIndex: "uploadTime",
         key: "uploadTime",
@@ -211,14 +215,14 @@ var UploadTable = function (_a, ref) {
         },
     };
     var createUserColumn = {
-        title: "上传人",
+        title: locale.uploadUser,
         width: 100,
         align: "left",
         dataIndex: "uploadUser",
         key: "uploadUser",
     };
     var percentColumn = {
-        title: "上传进度",
+        title: locale.uploadProgress,
         width: 160,
         align: "left",
         isDisplay: !isPreview,
@@ -226,7 +230,7 @@ var UploadTable = function (_a, ref) {
             var _a, _b;
             var status = record.status === "error" ? "exception" : undefined;
             if (record.status === "error") {
-                return (jsx(ButtonCom, __assign({ type: "link", style: { color: "#ff4d4f" }, onClick: function () { return onReloadUploadHandle(record, index); } }, { children: "\u6587\u4EF6\u4E0A\u4F20\u5931\u8D25\uFF0C\u91CD\u65B0\u4E0A\u4F20" })));
+                return (jsx(ButtonCom, __assign({ type: "link", style: { color: "#ff4d4f" }, onClick: function () { return onReloadUploadHandle(record, index); } }, { children: locale.retryUpload })));
             }
             var percent = (_b = (_a = record === null || record === void 0 ? void 0 : record.percent) === null || _a === void 0 ? void 0 : _a.toFixed) === null || _b === void 0 ? void 0 : _b.call(_a, 0);
             // 要状态 和 进度都是完成时，才能把进度设置成100%
@@ -238,7 +242,7 @@ var UploadTable = function (_a, ref) {
         },
     };
     var optionsColumns = {
-        title: "操作",
+        title: locale.operation,
         width: 140,
         ellipsis: false,
         fixed: "right",
@@ -286,22 +290,22 @@ var UploadTable = function (_a, ref) {
         if (operationAuth) {
             if (operationAuth.indexOf("2") !== -1 && isDownloadSingleBoolean) {
                 statusBtnConfig.push({
-                    name: "下载",
+                    name: locale.download,
                     type: "download",
                     loading: loading,
                 });
             }
             if (operationAuth.indexOf("1") !== -1) {
                 statusBtnConfig.push({
-                    name: "预览",
+                    name: locale.preview,
                     type: "preview",
                 });
             }
             if (operationAuth.indexOf("3") !== -1 && isDeleteSingleBoolean) {
                 statusBtnConfig.push({
-                    name: "删除",
+                    name: locale.delete,
                     type: "delete",
-                    confirmMsg: "确认删除该附件吗?",
+                    confirmMsg: locale.confirmDelete,
                     loading: loading,
                 });
             }
@@ -309,23 +313,23 @@ var UploadTable = function (_a, ref) {
         else {
             if (isDownloadSingleBoolean) {
                 statusBtnConfig.push({
-                    name: "下载",
+                    name: locale.download,
                     type: "download",
                     loading: loading,
                 });
             }
             if (filePreview) {
                 statusBtnConfig.push({
-                    name: "预览",
+                    name: locale.preview,
                     type: "preview",
                     loading: onBeforePreviewValidate ? loading : undefined,
                 });
             }
             if (isDeleteSingleBoolean) {
                 statusBtnConfig.push({
-                    name: "删除",
+                    name: locale.delete,
                     type: "delete",
-                    confirmMsg: "确认删除该附件吗?",
+                    confirmMsg: locale.confirmDelete,
                     loading: loading,
                 });
             }
@@ -343,7 +347,7 @@ var UploadTable = function (_a, ref) {
     // 重新上传
     var onReloadUploadHandle = function (record, index) {
         if (!record.originFileObj) {
-            myMessage.error("当前失败项，没有找到附件原件信息，无法重新上传!");
+            myMessage.error(locale.noOriginFileError);
             return;
         }
         setLoading(true);

package/dist/es/uploadlist/utils.js

@@ -1,4 +1,8 @@
 import { formatUnit, previewFile } from 'zmdms-utils';
+import { getLocale, formatLocaleText } from '../config/useLocale.js';
+import 'react';
+import '../config/ZtxkContext.js';
+import '../config/MyStorage.js';
 import myMessage from '../message/index.js';
 
 /**
@@ -8,8 +12,11 @@ import myMessage from '../message/index.js';
  */
 function toPreviewFile(fileInfo, info) {
     var maxPreviewSize = info.maxPreviewSize, FILE_API_BASEURL = info.FILE_API_BASEURL, uploadTableData = info.uploadTableData;
+    var locale = getLocale().UploadList;
     if (fileInfo.attachSize > maxPreviewSize) {
-        myMessage.info("\u6587\u4EF6\u5927\u4E8E".concat(formatUnit(maxPreviewSize), ",\u6682\u4E0D\u652F\u6301\u5728\u7EBF\u9884\u89C8\uFF0C\u8BF7\u5148\u4E0B\u8F7D\u540E\u67E5\u770B"));
+        myMessage.info(formatLocaleText(locale.previewSizeExceeded, {
+            size: formatUnit(maxPreviewSize),
+        }));
     }
     else {
         previewFile(fileInfo.attachId, fileInfo.attachName, {