ztxkui 4.2.0 → 4.2.2

package/dist/DemoCom/BasicDemo.js

@@ -1,7 +1,7 @@
 import InputNumber from 'components/InputNumber';
 import Tag from 'components/Tag';
 import Input from 'components/Input';
-import { FormList, RangePicker, Button, Modal, Container, message, } from '../index';
+import { FormList, RangePicker, Button, Modal, Container, message, NumberCase, } from '../index';
 // import message from '../components/basic/message';
 import { InputNumber as AntInputNumber } from 'antd';
 import { CloseCircleOutlined } from '@ant-design/icons';
@@ -188,6 +188,9 @@ function BasicDemo() {
                 console.log(iValue);
             }, showCopy: true }, "\u6211\u662F\u4E00\u4E2A\u94FE\u63A51111111111111111111"),
         React.createElement(Input, { value: iValue, onChange: function (e) { return setIValue(e.target.value); } }),
-        React.createElement(Input.TextArea, { handleSize: true, rows: 3 })));
+        React.createElement(Input.TextArea, { handleSize: true, rows: 3 }),
+        React.createElement("div", null,
+            React.createElement(NumberCase, { num: 123123123 }, "12312312312"),
+            React.createElement(NumberCase, { num: 123123123 }, "12312312312"))));
 }
 export default BasicDemo;

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/NumberCase/index.d.ts

@@ -0,0 +1,11 @@
+/**
+ * @author 陈亚雄
+ * @description 数字转大写
+ */
+import React from 'react';
+interface IProps {
+    /** 需要转换大写的金额 */
+    num: number;
+}
+declare const NumberCase: React.FC<IProps>;
+export default NumberCase;

package/dist/components/NumberCase/index.js

@@ -0,0 +1,39 @@
+/**
+ * @author 陈亚雄
+ * @description 数字转大写
+ */
+import React from 'react';
+// redux
+// ztxkui公共组件
+import { Tooltip } from '../../index';
+// 路由配置
+// store
+// 自定义组件
+// 其他文件
+function numberToCase(n) {
+    if (!/^(0|[1-9]\d*)(\.\d+)?$/.test(n)) {
+        return '数据非法'; //判断数据是否大于0
+    }
+    var unit = '千百拾亿千百拾万千百拾元角分', str = '';
+    n += '00';
+    var indexpoint = n.indexOf('.'); // 如果是小数，截取小数点前面的位数
+    if (indexpoint >= 0) {
+        n = n.substring(0, indexpoint) + n.substr(indexpoint + 1, 2); // 若为小数，截取需要使用的unit单位
+    }
+    unit = unit.substr(unit.length - n.length); // 若为整数，截取需要使用的unit单位
+    for (var i = 0; i < n.length; i++) {
+        str += '零壹贰叁肆伍陆柒捌玖'.charAt(n.charAt(i)) + unit.charAt(i); //遍历转化为大写的数字
+    }
+    return str
+        .replace(/零(千|百|拾|角)/g, '零')
+        .replace(/(零)+/g, '零')
+        .replace(/零(万|亿|元)/g, '$1')
+        .replace(/(亿)万|壹(拾)/g, '$1$2')
+        .replace(/^元零?|零分/g, '')
+        .replace(/元$/g, '元整'); // 替换掉数字里面的零字符，得到结果
+}
+var NumberCase = function (_a) {
+    var num = _a.num, children = _a.children;
+    return React.createElement(Tooltip, { title: numberToCase(num) }, children);
+};
+export default NumberCase;

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/dist/index.d.ts

@@ -47,6 +47,7 @@ export { default as UploadSingle } from './components/UploadSingle';
 export { default as CodeQuery } from './components/business/CodeQuery';
 export { default as DgColumns } from './components/business/DgColumns';
 export { default as message } from './components/basic/message';
+export { default as NumberCase } from './components/NumberCase';
 export { ConfigProvider, Drawer, Space, Grid, Divider, Dropdown, Badge, List, Result, Spin, Popconfirm, TreeSelect, Tree, Progress, Cascader, Tooltip, Descriptions, Image, Popover, Breadcrumb, Transfer, Row, Col, notification, Slider, Rate, Affix, } from 'antd';
 export { default as zhCN } from 'antd/lib/locale/zh_CN';
 export { default as Icon, createFromIconfontCN } from '@ant-design/icons';

package/dist/index.js

@@ -161,6 +161,7 @@ export { default as UploadSingle } from './components/UploadSingle';
 export { default as CodeQuery } from './components/business/CodeQuery';
 export { default as DgColumns } from './components/business/DgColumns';
 export { default as message } from './components/basic/message';
+export { default as NumberCase } from './components/NumberCase';
 export { ConfigProvider, Drawer, Space, Grid, Divider, Dropdown, Badge, List, Result, Spin, Popconfirm, TreeSelect, Tree, Progress, Cascader, Tooltip, Descriptions, Image, Popover, Breadcrumb, Transfer, Row, Col, notification, Slider, Rate, Affix, } from 'antd';
 export { default as zhCN } from 'antd/lib/locale/zh_CN';
 export { default as Icon, createFromIconfontCN } from '@ant-design/icons';

package/package.json

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