ztxkui 4.2.0 → 4.2.1

package/dist/UploadDemo.js

@@ -81,6 +81,30 @@ var test = {
             isWatermark: 0,
             isElectronicSeal: 0,
         },
+        {
+            attachId: '7079304674563981473',
+            attachName: '260930039_640_640.jpg',
+            attachTypeName: null,
+            isCustomerReference: null,
+            templateAttachId: null,
+            templateAttachName: null,
+            templateCrNo: null,
+            taskId: null,
+            isWatermark: 0,
+            isElectronicSeal: 0,
+        },
+        {
+            attachId: '7079304674563981470',
+            attachName: '260930040_640_640.jpg',
+            attachTypeName: null,
+            isCustomerReference: null,
+            templateAttachId: null,
+            templateAttachName: null,
+            templateCrNo: null,
+            taskId: null,
+            isWatermark: 0,
+            isElectronicSeal: 0,
+        },
         {
             attachId: '1590543945628586394',
             attachName: '心量于里两222.pdf',

package/dist/components/Upload/upload-table.js

@@ -66,9 +66,10 @@ import { Button, Progress, message, Popconfirm } from '../../index';
 import Table from '../Table';
 import dayjs from 'dayjs';
 import { divide, round, times } from 'number-precision';
-import { downloadFileCallBack, downloadPublicFile, previewFile, } from 'ztxkutils/dist/fileOperation';
+import { downloadFileCallBack, downloadPublicFile, previewFile, batchPreviewFile, } from 'ztxkutils/dist/fileOperation';
 import { transformFileSize, dangerouslySetXss } from 'ztxkutils/dist/tools';
 import { MAX_PREVIEW_FILE_SIZE } from '../utils/constants';
+import { isImage } from '../utils/upload';
 var UploadTable = function (_a) {
     var fileList = _a.fileList, action = _a.action, headers = _a.headers, authToken = _a.authToken, method = _a.method, apiBaseUrl = _a.apiBaseUrl, uploadUser = _a.uploadUser, _b = _a.fileBaseUrl, fileBaseUrl = _b === void 0 ? '' : _b, onDelete = _a.onDelete, onUpload = _a.onUpload, showDeleteBtn = _a.showDeleteBtn, isAutoDelete = _a.isAutoDelete, onDownLoadCallbackBefore = _a.onDownLoadCallbackBefore, showDownloadBtn = _a.showDownloadBtn, onDownLoadCallbackAfter = _a.onDownLoadCallbackAfter, onPreviewCallbackBefore = _a.onPreviewCallbackBefore, showPreviewBtn = _a.showPreviewBtn, isPublic = _a.isPublic, data = _a.data, _c = _a.startColumns, startColumns = _c === void 0 ? [] : _c, _d = _a.otherColumns, otherColumns = _d === void 0 ? [] : _d, showUploadBtn = _a.showUploadBtn, rowSelection = _a.rowSelection, uploadTableRef = _a.uploadTableRef, tableRestProps = _a.tableRestProps, privateTableRef = _a.privateTableRef;
     var _e = useState([]), dataSource = _e[0], setDataSource = _e[1];
@@ -91,6 +92,37 @@ var UploadTable = function (_a) {
             }
         },
     }); }, [selectedRows, rowSelection]);
+    var previewBtn = function (previewTitle, previewOptions) {
+        var record = previewOptions.record, dataSource = previewOptions.dataSource;
+        return (React.createElement(Button, { type: "link", style: {
+                height: 28,
+            }, onClick: function () {
+                // 实现批量预览，只针对图片
+                var result = isImage(record.fileName);
+                if (result) {
+                    var allImage = dataSource
+                        .filter(function (item) {
+                        return isImage(item.fileName) && item.fileId !== record.fileId;
+                    })
+                        .map(function (item) { return item.fileId; });
+                    batchPreviewFile(fileBaseUrl, record.fileId + "," + allImage, {
+                        titleName: record === null || record === void 0 ? void 0 : record.fileName,
+                        authToken: authToken,
+                    });
+                    return;
+                }
+                if ((record === null || record === void 0 ? void 0 : record.fileSize) >= MAX_PREVIEW_FILE_SIZE) {
+                    message.warning('文件大于20MB，暂不支持在线预览，请先下载后查看!');
+                }
+                else {
+                    previewFile(fileBaseUrl, record === null || record === void 0 ? void 0 : record.fileId, {
+                        titleName: record === null || record === void 0 ? void 0 : record.fileName,
+                        authToken: authToken,
+                    });
+                    onPreviewCallbackBefore && onPreviewCallbackBefore(record);
+                }
+            } }, previewTitle));
+    };
     var columns = showUploadBtn
         ? __spreadArray(__spreadArray(__spreadArray(__spreadArray([], startColumns), [
             {
@@ -99,8 +131,20 @@ var UploadTable = function (_a) {
                 // fixed: 'left',
                 dataIndex: 'fileName',
                 key: 'fileName',
-                render: function (value) {
-                    return dangerouslySetXss(value);
+                render: function (value, record) {
+                    var operationAuth = record === null || record === void 0 ? void 0 : record.operationAuth;
+                    var authPreviewBtn = typeof operationAuth === 'string' &&
+                        operationAuth.indexOf('1') !== -1
+                        ? true
+                        : false;
+                    return (typeof operationAuth === 'string'
+                        ? authPreviewBtn
+                        : showPreviewBtn)
+                        ? previewBtn(dangerouslySetXss(value), {
+                            record: record,
+                            dataSource: dataSource,
+                        })
+                        : dangerouslySetXss(value);
                 },
             },
             {
@@ -268,20 +312,11 @@ var UploadTable = function (_a) {
                 } }, "\u4E0B\u8F7D")),
             (typeof operationAuth === 'string'
                 ? authPreviewBtn
-                : showPreviewBtn) && (React.createElement(Button, { type: "link", style: {
-                    height: 28,
-                }, onClick: function () {
-                    if ((record === null || record === void 0 ? void 0 : record.fileSize) >= MAX_PREVIEW_FILE_SIZE) {
-                        message.warning('文件大于20MB，暂不支持在线预览，请先下载后查看!');
-                    }
-                    else {
-                        previewFile(fileBaseUrl, record === null || record === void 0 ? void 0 : record.fileId, {
-                            titleName: record === null || record === void 0 ? void 0 : record.fileName,
-                            authToken: authToken,
-                        });
-                        onPreviewCallbackBefore && onPreviewCallbackBefore(record);
-                    }
-                } }, "\u9884\u89C8")),
+                : showPreviewBtn) &&
+                previewBtn('预览', {
+                    record: record,
+                    dataSource: dataSource,
+                }),
             (typeof operationAuth === 'string'
                 ? authDeleteBtn
                 : showDeleteBtn) && (React.createElement(Popconfirm, { title: "\u662F\u5426\u5220\u9664\u8BE5\u6761\u6570\u636E?", cancelText: "\u5426", okText: "\u662F", onConfirm: function () { return onDeleteFile(record, index); } },

package/dist/components/business/Signatures/components/AttachOperation.d.ts

@@ -12,6 +12,7 @@ interface IProps {
     attachSize?: any;
     showDeleteBtn?: boolean;
     onDeleteFile?: any;
+    dataSource?: any;
 }
 declare const AttachOperation: React.FC<IProps>;
 export default AttachOperation;

package/dist/components/business/Signatures/components/AttachOperation.js

@@ -10,30 +10,46 @@ import { Button, message, Popconfirm } from '../../../../index';
 // store
 // 自定义组件
 // 其他文件
-import { downloadFileCallBack, previewFile, } from 'ztxkutils/dist/fileOperation';
+import { downloadFileCallBack, previewFile, batchPreviewFile, } from 'ztxkutils/dist/fileOperation';
 import { dangerouslySetXss } from 'ztxkutils/dist/tools';
 import { MAX_PREVIEW_FILE_SIZE } from '../../../utils/constants';
+import { isImage } from '../../../utils/upload';
 var AttachOperation = function (_a) {
-    var attachId = _a.attachId, attachName = _a.attachName, attachSize = _a.attachSize, ZT_API_BASEURL = _a.ZT_API_BASEURL, ZT_FILE_BASEURL = _a.ZT_FILE_BASEURL, token = _a.token, _b = _a.showDeleteBtn, showDeleteBtn = _b === void 0 ? false : _b, onDeleteFile = _a.onDeleteFile;
+    var attachId = _a.attachId, attachName = _a.attachName, attachSize = _a.attachSize, ZT_API_BASEURL = _a.ZT_API_BASEURL, ZT_FILE_BASEURL = _a.ZT_FILE_BASEURL, token = _a.token, _b = _a.showDeleteBtn, showDeleteBtn = _b === void 0 ? false : _b, onDeleteFile = _a.onDeleteFile, dataSource = _a.dataSource;
+    var previewBtn = function (attachId, previewTitle) {
+        return (React.createElement(Button, { type: "link", onClick: function () {
+                // 实现批量预览，只针对图片
+                var result = isImage(attachName);
+                if (result) {
+                    var allImage = (Array.isArray(dataSource) ? dataSource : [])
+                        .filter(function (item) { return isImage(item.attachName) && item.attachId !== attachId; })
+                        .map(function (item) { return item.attachId; });
+                    batchPreviewFile(ZT_FILE_BASEURL, attachId + "," + allImage, {
+                        titleName: attachName,
+                        authToken: token,
+                    });
+                    return;
+                }
+                if (attachSize >= MAX_PREVIEW_FILE_SIZE) {
+                    message.warning('文件过大，暂不支持在线预览，请先下载后查看!');
+                }
+                else {
+                    previewFile(ZT_FILE_BASEURL, attachId, {
+                        titleName: dangerouslySetXss(attachName),
+                        authToken: token,
+                    });
+                }
+            } }, previewTitle));
+    };
     return attachId ? (React.createElement("div", { className: "signatures-attach" },
-        React.createElement("div", { className: "signatures-attach--text", title: dangerouslySetXss(attachName) }, dangerouslySetXss(attachName)),
+        React.createElement("div", { className: "signatures-attach--text", title: dangerouslySetXss(attachName) }, previewBtn(attachId, dangerouslySetXss(attachName))),
         React.createElement("div", { className: "signatures-attach--operation" },
             React.createElement(Button, { type: "link", onClick: function () {
                     downloadFileCallBack(ZT_API_BASEURL, attachId, dangerouslySetXss(attachName) || '附件', {
                         authToken: token,
                     });
                 } }, "\u4E0B\u8F7D"),
-            React.createElement(Button, { type: "link", onClick: function () {
-                    if (attachSize >= MAX_PREVIEW_FILE_SIZE) {
-                        message.warning('文件过大，暂不支持在线预览，请先下载后查看!');
-                    }
-                    else {
-                        previewFile(ZT_FILE_BASEURL, attachId, {
-                            titleName: dangerouslySetXss(attachName),
-                            authToken: token,
-                        });
-                    }
-                } }, "\u9884\u89C8"),
+            previewBtn(attachId, '预览'),
             showDeleteBtn && (React.createElement(Popconfirm, { title: "\u662F\u5426\u5220\u9664\u8BE5\u6761\u6570\u636E?", cancelText: "\u5426", okText: "\u662F", onConfirm: function () { return onDeleteFile(); } },
                 React.createElement(Button, { type: "link" }, "\u5220\u9664")))))) : null;
 };

package/dist/components/business/Signatures/components/DetailTable.js

@@ -74,7 +74,7 @@ var DetailTable = function (_a) {
             width: 240,
             render: function (text, record, index) {
                 return (React.createElement(React.Fragment, null,
-                    React.createElement(AttachOperation, { ZT_API_BASEURL: ZT_API_BASEURL, ZT_FILE_BASEURL: ZT_FILE_BASEURL, token: authToken, attachId: record === null || record === void 0 ? void 0 : record.attachId, attachName: record === null || record === void 0 ? void 0 : record.attachName, attachSize: record === null || record === void 0 ? void 0 : record.attachSize })));
+                    React.createElement(AttachOperation, { ZT_API_BASEURL: ZT_API_BASEURL, ZT_FILE_BASEURL: ZT_FILE_BASEURL, token: authToken, attachId: record === null || record === void 0 ? void 0 : record.attachId, attachName: record === null || record === void 0 ? void 0 : record.attachName, attachSize: record === null || record === void 0 ? void 0 : record.attachSize, dataSource: records })));
             },
         },
         {

package/dist/components/utils/upload.d.ts

@@ -3,6 +3,10 @@ import { RcFile } from 'antd/lib/upload';
  * 截取文件后缀
  */
 export declare function getFileSuffix(fileName: string): string;
+/**
+ * 判断是否是图片
+ */
+export declare function isImage(fileName: string | undefined): boolean;
 interface ICheckFileProps {
     /**允许上传的文件类型 */
     ztAccept?: string[];

package/dist/components/utils/upload.js

@@ -13,6 +13,38 @@ export function getFileSuffix(fileName) {
     var len = fileName.length;
     return fileName.substring(index, len).toLowerCase() || '-';
 }
+/**
+ * 判断是否是图片
+ */
+export function isImage(fileName) {
+    if (!fileName) {
+        return false;
+    }
+    try {
+        var fileSuffix = getFileSuffix(fileName);
+        var imageSuffix = [
+            '.jpg',
+            '.png',
+            '.jpeg',
+            '.gif',
+            '.tif',
+            '.tga',
+            '.bmp',
+            '.dds',
+            '.svg',
+            '.webp',
+        ];
+        if (imageSuffix.includes(fileSuffix)) {
+            return true;
+        }
+        else {
+            return false;
+        }
+    }
+    catch (err) {
+        return false;
+    }
+}
 var _accept = [
     '.pdf',
     '.txt',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ztxkui",
-  "version": "4.2.0",
+  "version": "4.2.1",
   "private": false,
   "description": "React components library",
   "author": "zt-front-end",