ztxkui 4.2.23-336 → 4.2.23-336-beta

package/dist/DemoCom/PrintContainerDemo.js

@@ -110,11 +110,7 @@ var PrintContainerDemo = function () {
         };
     }, []);
     console.log(dayjs().format('MMDDHHmmss'));
-    return (React.createElement(PrintContainer
-    // isAddExportPage={true}
-    // loading={loading}
-    , { 
-        // isAddExportPage={true}
+    return (React.createElement(PrintContainer, { isAddExportPage: true, 
         // loading={loading}
         request: request, deptId: "1514842459376930817", flowId: "scm_print_thd", fileId: "1551733945007517697", 
         // // keywordList={keywordList}
@@ -147,7 +143,12 @@ var PrintContainerDemo = function () {
         // deptId="1295909543961944065"
         // flowId="scm_print_tdtd"
         // showAboutExport
-        showPrintBtn: true, showPluginPrintBtn: true },
-        React.createElement(Tidan, { title: "1" })));
+        showPrintBtn: true, showPluginPrintBtn: true }, Array(2)
+        .fill(1)
+        .map(function (item, index) {
+        return (React.createElement("div", null,
+            React.createElement(Tidan, { title: index + '', key: index }),
+            React.createElement("div", { className: "print-page-break-after" })));
+    })));
 };
 export default PrintContainerDemo;

package/dist/components/PrintBox/demoComponents/index.js

@@ -167,7 +167,7 @@ var Demo = function () {
             }, onExecuteClick: function (type, data) {
                 console.log('操作执行完成后', type, data);
                 return Promise.resolve(true);
-            }, ref: printRef, isAutoSeal: true, request: request, deptId: "1514842459376930817", flowId: "scm_print_thd", 
+            }, ref: printRef, isAutoSeal: true, isWater: false, request: request, deptId: "1514842459376930817", flowId: "scm_print_thd", 
             // pageDom=".html2canvas-container-page"
             pageDom: ".test111", leftPadding: 50, topPadding: 50, bottomPadding: 50, 
             // insertHeader={(pdf, currentPage) => `1111 ${currentPage}`}

package/dist/components/PrintContainer/kkJSBridge.js

@@ -1,5 +1,7 @@
 import { getToken } from 'ztxkutils/dist/authority';
+import { encodeFileIdByDownload } from 'ztxkutils/dist/fileOperation';
 function createDownloadUrl(apiUrl, fileId, otherOptions) {
+    fileId = encodeFileIdByDownload(fileId);
     var token = getToken();
     var _apiUrl = apiUrl.endsWith('/')
         ? apiUrl.slice(0, apiUrl.length - 1)

package/dist/components/PrintContainer/print.d.ts

@@ -0,0 +1,78 @@
+/**
+ * @author 陈亚雄
+ * @description 打印相关方法
+ */
+import { jsPDF } from 'jspdf';
+/**
+ * 添加水印
+ */
+export declare function addWaterHandle({ waterText, waterClassName, }?: {
+    waterText?: string;
+    waterClassName?: string[];
+    isPrintWater?: boolean;
+}): void;
+export declare function removeWaterHandle(): void;
+/**
+ * 打印页面
+ * hiddenClassNames 需要隐藏的样式 默认有hiddenPrint
+ */
+interface IParams {
+    /** 需要隐藏的样式类名 ['.test', '.test1] */
+    hiddenClassNames?: string[];
+}
+export declare function printCurrentDom({ hiddenClassNames }?: IParams): void;
+export declare function htmlToPdf({ pageClassName, dom, pdfName, isShowPage, noWater, pdfOptions, imgPositionX, waterText, }: {
+    pageClassName?: string;
+    dom: HTMLElement;
+    pdfName: string;
+    isShowPage?: boolean;
+    noWater?: boolean;
+    pdfOptions?: any;
+    imgPositionX?: number;
+    waterText?: string;
+}): Promise<jsPDF>;
+export declare function htmlToPdfUseCanvas({ pageClassName, dom, pdfName, isShowPage, isOnlyOne, noWater, pdfOptions, imgPositionX, isDownload, isAutoPageCount, }: {
+    pageClassName?: string;
+    dom: HTMLElement;
+    pdfName: string;
+    isShowPage?: boolean;
+    isOnlyOne?: boolean;
+    noWater?: boolean;
+    pdfOptions?: any;
+    imgPositionX?: number;
+    isDownload?: boolean;
+    isAutoPageCount?: boolean;
+}): Promise<{
+    pdfs: any;
+    pdfBase64: any;
+}>;
+export interface IPdfOption {
+    /** 是否压缩 */
+    compress?: boolean;
+    /** pdf 横向 还是 纵向 */
+    pageOrient?: 'p' | 'portrait' | 'l' | 'landscape';
+    /** 格式 */
+    pageFormat?: string;
+    /** 左右边距 */
+    pageMarginX?: number;
+    /** 上下边距 */
+    pageMarginY?: number;
+}
+export declare function htmlToPdfNoCanvas({ pageClassName, dom, isShowPage, fileBinary, pdfName, isDownload, pdfOption, isAddWater, waterBase64, imgWidth, imgHeight, isCompress, waterText, }: {
+    pageClassName?: string;
+    dom: HTMLElement;
+    isShowPage?: boolean;
+    fileBinary: any;
+    pdfName?: string;
+    isDownload?: boolean;
+    pdfOption?: IPdfOption;
+    /** 是否添加水印 */
+    isAddWater?: boolean;
+    /** 水印base 64字符串 */
+    waterBase64?: string;
+    imgWidth?: number;
+    imgHeight?: number;
+    isCompress?: boolean;
+    waterText?: string;
+}): Promise<unknown>;
+export {};

package/dist/components/PrintContainer/print.js

@@ -0,0 +1,696 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from) {
+    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
+        to[j] = from[i];
+    return to;
+};
+/**
+ * @author 陈亚雄
+ * @description 打印相关方法
+ */
+import { jsPDF } from 'jspdf';
+import html2canvas from 'html2canvas';
+/**
+ * 添加水印
+ */
+export function addWaterHandle(_a) {
+    var _b = _a === void 0 ? {
+        waterText: '',
+        waterClassName: [],
+    } : _a, waterText = _b.waterText, waterClassName = _b.waterClassName;
+    var waterStyleDom = document.getElementById('water-style-dom-110011');
+    if (waterStyleDom) {
+        waterStyleDom.remove();
+    }
+    var canvasImg = createWaterHandle({
+        waterText: waterText,
+    }).imgBase64;
+    var styleDom = document.createElement('style');
+    styleDom.setAttribute('type', 'text/css');
+    styleDom.setAttribute('id', 'water-style-dom-110011');
+    styleDom.innerText =
+        '@media print{' +
+            'body {background: url(' +
+            canvasImg +
+            ') left top repeat;} ' +
+            (Array.isArray(waterClassName) && waterClassName.length > 0
+                ? waterClassName.join(',') + " { min-height: 90vh }"
+                : '') +
+            '}' +
+            '@page { size: auto; }' +
+            'body {background: url(' +
+            canvasImg +
+            ') left top repeat;}}';
+    document.head.appendChild(styleDom);
+}
+export function removeWaterHandle() {
+    var waterStyleDom = document.getElementById('water-style-dom-110011');
+    if (waterStyleDom) {
+        waterStyleDom.remove();
+    }
+}
+export function printCurrentDom(_a) {
+    var _b = _a === void 0 ? { hiddenClassNames: [] } : _a, hiddenClassNames = _b.hiddenClassNames;
+    var printStyleDom = document.getElementById('print-style-dom-110011');
+    if (printStyleDom) {
+        printStyleDom.remove();
+    }
+    var styleDom = document.createElement('style');
+    styleDom.setAttribute('type', 'text/css');
+    styleDom.setAttribute('id', 'print-style-dom-110011');
+    styleDom.innerText = "@media print{ " + __spreadArray(__spreadArray([], (hiddenClassNames || [])), [
+        '.hiddenPrint',
+        '.hidden-print-footer',
+    ]).join(',') + " { display: none; } }";
+    document.head.appendChild(styleDom);
+    window.print();
+}
+/**
+ * 创建文本水印图片
+ * @param waterText 水印文本
+ * @param opacity 水印透明度
+ * @returns canvas png
+ */
+function createWaterHandle(obj) {
+    // const token = getToken();
+    // let defaultWaterText = '内部资料，严禁外泄!';
+    // if (token) {
+    //   try {
+    //     const tokenObj: any = jwtDecode(token);
+    //     defaultWaterText = `浙商中拓 ${tokenObj?.real_name || ''}`;
+    //   } catch (err) {
+    //     console.log(err);
+    //   }
+    // }
+    var defaultWaterText = '浙商中拓';
+    var _a = obj || {}, waterText = _a.waterText, opacity = _a.opacity, fontSize = _a.fontSize, cavansWidth = _a.cavansWidth, cavansHeight = _a.cavansHeight;
+    var canvas = document.createElement('canvas');
+    var defaultCanvasWidth = waterText
+        ? waterText.length > 10
+            ? waterText.length * 22
+            : 240
+        : 240;
+    var defaultCanvasHeight = waterText
+        ? waterText.length > 10
+            ? waterText.length * 9
+            : 100
+        : 100;
+    canvas.width = cavansWidth || defaultCanvasWidth;
+    canvas.height = cavansHeight || defaultCanvasHeight;
+    var ctx = canvas.getContext('2d');
+    if (ctx) {
+        ctx.rotate((-10 * Math.PI) / 180); // 水印旋转角度
+        ctx.font = (fontSize || '18px') + " \u5FAE\u8F6F\u96C5\u9ED1";
+        ctx.fillStyle = "rgba(0,0,0," + (opacity ? opacity : '0.07') + ")";
+        ctx.textAlign = 'center';
+        ctx.textBaseline = 'middle';
+        ctx.fillText(waterText || defaultWaterText, canvas.width / 2, canvas.height); // 水印在画布的位置x，y轴
+    }
+    return {
+        imgBase64: canvas.toDataURL('image/png'),
+        width: canvas.width,
+        height: canvas.height,
+    };
+}
+function addPdfWaterHandle(pdf, waterBase64, imgInfo) {
+    var width = 200;
+    var height = 80;
+    if (imgInfo) {
+        width = imgInfo === null || imgInfo === void 0 ? void 0 : imgInfo.width;
+        height = imgInfo === null || imgInfo === void 0 ? void 0 : imgInfo.height;
+    }
+    for (var i = 0; i < 10; i++) {
+        pdf.addImage(waterBase64, 'PNG', 40, 140 * i, width, height, "1" + i);
+        pdf.addImage(waterBase64, 'PNG', 80 + width, 140 * i, width, height, "2" + i);
+    }
+}
+/**
+ * html转pdf
+ */
+function createPdf(canvas, pdf, noWater, positionX, options) {
+    var contentWidth = canvas.width;
+    var contentHeight = canvas.height;
+    var setWidth = (options === null || options === void 0 ? void 0 : options.width) || 592.28;
+    var setHeight = (options === null || options === void 0 ? void 0 : options.height) || 841.89;
+    // 一页pdf显示html页面生成的canvas高度
+    // const pageHeight = (contentWidth / 592.28) * 841.89;
+    var pageHeight = (contentWidth / setWidth) * setHeight;
+    // 未生成pdf的html页面高度
+    var leftHeight = contentHeight;
+    // 页面拍内衣
+    var position = 0;
+    //a4纸的尺寸[595.28,841.89]，html页面生成的canvas在pdf中图片的宽高
+    // const imgWidth = 595.28;
+    // const imgHeight = (592.28 / contentWidth) * contentHeight;
+    var imgWidth = setWidth - (positionX || 20) - 10;
+    var imgHeight = (setWidth / contentWidth) * contentHeight;
+    var pageData = canvas.toDataURL('image/jpeg', 1.0);
+    //有两个高度需要区分，一个是html页面的实际高度，和生成pdf的页面高度(841.89)
+    //当内容未超过pdf一页显示的范围，无需分页
+    if (leftHeight < pageHeight) {
+        pdf.addImage(pageData, 'JPEG', positionX || 20, 10, imgWidth, imgHeight);
+        if (!noWater) {
+            var _a = createWaterHandle({
+                opacity: '0.07',
+                fontSize: '14px',
+                waterText: (options === null || options === void 0 ? void 0 : options.waterText) || '',
+            }), waterBase64 = _a.imgBase64, width = _a.width, height = _a.height;
+            addPdfWaterHandle(pdf, waterBase64, { width: width, height: height });
+        }
+    }
+    else {
+        while (leftHeight > 0) {
+            pdf.addImage(pageData, 'JPEG', positionX || 20, position, imgWidth, imgHeight);
+            if (!noWater) {
+                var _b = createWaterHandle({
+                    opacity: '0.07',
+                    fontSize: '14px',
+                    waterText: (options === null || options === void 0 ? void 0 : options.waterText) || '',
+                }), waterBase64 = _b.imgBase64, width = _b.width, height = _b.height;
+                addPdfWaterHandle(pdf, waterBase64, { width: width, height: height });
+            }
+            leftHeight -= pageHeight;
+            // position -= 841.89;
+            position -= setHeight;
+            //避免添加空白页
+            if (leftHeight > 0) {
+                pdf.addPage();
+            }
+        }
+    }
+}
+export function htmlToPdf(_a) {
+    var pageClassName = _a.pageClassName, dom = _a.dom, pdfName = _a.pdfName, isShowPage = _a.isShowPage, noWater = _a.noWater, pdfOptions = _a.pdfOptions, imgPositionX = _a.imgPositionX, waterText = _a.waterText;
+    return __awaiter(this, void 0, void 0, function () {
+        var allDom, format, pdf, promiseAllDomArray_1;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    allDom = document.querySelectorAll(pageClassName ? pageClassName : '.html2canvas-container-page');
+                    format = (pdfOptions === null || pdfOptions === void 0 ? void 0 : pdfOptions.format) || [632.28, 841.89];
+                    pdf = new jsPDF(__assign({ unit: 'pt', format: format }, (pdfOptions || {})));
+                    if (!(allDom.length > 0 && isShowPage)) return [3 /*break*/, 2];
+                    return [4 /*yield*/, reduceDom(allDom, dom, function (child) {
+                            return html2canvas(child, {
+                                scale: 2,
+                            });
+                        })];
+                case 1:
+                    promiseAllDomArray_1 = _b.sent();
+                    return [2 /*return*/, (function () {
+                            return __awaiter(this, void 0, void 0, function () {
+                                var i, _i, promiseAllDomArray_2, item, canvas;
+                                return __generator(this, function (_a) {
+                                    switch (_a.label) {
+                                        case 0:
+                                            i = 0;
+                                            _i = 0, promiseAllDomArray_2 = promiseAllDomArray_1;
+                                            _a.label = 1;
+                                        case 1:
+                                            if (!(_i < promiseAllDomArray_2.length)) return [3 /*break*/, 4];
+                                            item = promiseAllDomArray_2[_i];
+                                            i++;
+                                            return [4 /*yield*/, item];
+                                        case 2:
+                                            canvas = _a.sent();
+                                            createPdf(canvas, pdf, noWater, imgPositionX, {
+                                                width: format === null || format === void 0 ? void 0 : format[0],
+                                                height: format === null || format === void 0 ? void 0 : format[1],
+                                                waterText: waterText,
+                                            });
+                                            if (i < promiseAllDomArray_1.length) {
+                                                pdf.addPage();
+                                            }
+                                            _a.label = 3;
+                                        case 3:
+                                            _i++;
+                                            return [3 /*break*/, 1];
+                                        case 4:
+                                            pdf.save(pdfName + ".pdf");
+                                            return [2 /*return*/, Promise.resolve(pdf)];
+                                    }
+                                });
+                            });
+                        })()];
+                case 2: return [2 /*return*/, html2canvas(dom, { scale: 2 }).then(function (canvas) {
+                        createPdf(canvas, pdf, noWater, imgPositionX, {
+                            width: format === null || format === void 0 ? void 0 : format[0],
+                            height: format === null || format === void 0 ? void 0 : format[1],
+                            waterText: waterText,
+                        });
+                        pdf.save(pdfName + ".pdf");
+                        return pdf;
+                    })];
+            }
+        });
+    });
+}
+export function htmlToPdfUseCanvas(_a) {
+    var pageClassName = _a.pageClassName, dom = _a.dom, pdfName = _a.pdfName, isShowPage = _a.isShowPage, isOnlyOne = _a.isOnlyOne, noWater = _a.noWater, pdfOptions = _a.pdfOptions, imgPositionX = _a.imgPositionX, isDownload = _a.isDownload, isAutoPageCount = _a.isAutoPageCount;
+    return __awaiter(this, void 0, void 0, function () {
+        var allDom, format, _pdfOptions, pdfBase64_1, pdfs_1, promiseAllDomArray_3, pdf_1, pdf_2;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    allDom = document.querySelectorAll(pageClassName ? pageClassName : '.html2canvas-container-page');
+                    format = (pdfOptions === null || pdfOptions === void 0 ? void 0 : pdfOptions.format) || [632.28, 841.89];
+                    _pdfOptions = __assign({ unit: 'pt', format: format }, (pdfOptions || {}));
+                    if (!(allDom.length > 0 && isShowPage)) return [3 /*break*/, 2];
+                    pdfBase64_1 = [];
+                    pdfs_1 = [];
+                    return [4 /*yield*/, reduceDom(allDom, dom, function (child) {
+                            return html2canvas(child, {
+                                scale: 2,
+                            });
+                        })];
+                case 1:
+                    promiseAllDomArray_3 = _b.sent();
+                    if (isOnlyOne) {
+                        pdf_1 = new jsPDF(_pdfOptions);
+                        return [2 /*return*/, (function () {
+                                return __awaiter(this, void 0, void 0, function () {
+                                    var i, _i, promiseAllDomArray_4, item, canvas;
+                                    return __generator(this, function (_a) {
+                                        switch (_a.label) {
+                                            case 0:
+                                                i = 0;
+                                                _i = 0, promiseAllDomArray_4 = promiseAllDomArray_3;
+                                                _a.label = 1;
+                                            case 1:
+                                                if (!(_i < promiseAllDomArray_4.length)) return [3 /*break*/, 4];
+                                                item = promiseAllDomArray_4[_i];
+                                                i++;
+                                                return [4 /*yield*/, item];
+                                            case 2:
+                                                canvas = _a.sent();
+                                                createPdf(canvas, pdf_1, noWater, imgPositionX, {
+                                                    width: format === null || format === void 0 ? void 0 : format[0],
+                                                    height: format === null || format === void 0 ? void 0 : format[1],
+                                                });
+                                                if (i < promiseAllDomArray_3.length) {
+                                                    pdf_1.addPage();
+                                                }
+                                                _a.label = 3;
+                                            case 3:
+                                                _i++;
+                                                return [3 /*break*/, 1];
+                                            case 4:
+                                                if (isDownload) {
+                                                    pdf_1.save(pdfName + ".pdf");
+                                                }
+                                                return [2 /*return*/, Promise.resolve({
+                                                        pdfs: [pdf_1],
+                                                        pdfBase64: [pdf_1.output('dataurlstring')],
+                                                    })];
+                                        }
+                                    });
+                                });
+                            })()];
+                    }
+                    return [2 /*return*/, (function () {
+                            return __awaiter(this, void 0, void 0, function () {
+                                var _i, promiseAllDomArray_5, item, pdf, canvas;
+                                return __generator(this, function (_a) {
+                                    switch (_a.label) {
+                                        case 0:
+                                            _i = 0, promiseAllDomArray_5 = promiseAllDomArray_3;
+                                            _a.label = 1;
+                                        case 1:
+                                            if (!(_i < promiseAllDomArray_5.length)) return [3 /*break*/, 4];
+                                            item = promiseAllDomArray_5[_i];
+                                            pdf = new jsPDF(_pdfOptions);
+                                            pdf.setCompression(true);
+                                            return [4 /*yield*/, item];
+                                        case 2:
+                                            canvas = _a.sent();
+                                            createPdf(canvas, pdf, noWater, imgPositionX, {
+                                                width: format === null || format === void 0 ? void 0 : format[0],
+                                                height: format === null || format === void 0 ? void 0 : format[1],
+                                            });
+                                            if (isDownload) {
+                                                pdf.save(pdfName + ".pdf");
+                                            }
+                                            pdfBase64_1.push(pdf.output('dataurlstring'));
+                                            pdfs_1.push(pdf);
+                                            _a.label = 3;
+                                        case 3:
+                                            _i++;
+                                            return [3 /*break*/, 1];
+                                        case 4: return [2 /*return*/, Promise.resolve({
+                                                pdfs: pdfs_1,
+                                                pdfBase64: pdfBase64_1,
+                                            })];
+                                    }
+                                });
+                            });
+                        })()];
+                case 2:
+                    pdf_2 = new jsPDF(_pdfOptions);
+                    return [2 /*return*/, html2canvas(dom, { scale: 2 }).then(function (canvas) {
+                            createPdf(canvas, pdf_2, noWater, imgPositionX, {
+                                width: format === null || format === void 0 ? void 0 : format[0],
+                                height: format === null || format === void 0 ? void 0 : format[1],
+                            });
+                            if (isDownload) {
+                                pdf_2.save(pdfName + ".pdf");
+                            }
+                            return {
+                                pdfs: [pdf_2],
+                                pdfBase64: [pdf_2.output('dataurlstring')],
+                            };
+                        })];
+            }
+        });
+    });
+}
+export function htmlToPdfNoCanvas(_a) {
+    var _b, _c;
+    var pageClassName = _a.pageClassName, dom = _a.dom, isShowPage = _a.isShowPage, fileBinary = _a.fileBinary, pdfName = _a.pdfName, isDownload = _a.isDownload, pdfOption = _a.pdfOption, isAddWater = _a.isAddWater, waterBase64 = _a.waterBase64, imgWidth = _a.imgWidth, imgHeight = _a.imgHeight, isCompress = _a.isCompress, waterText = _a.waterText;
+    return __awaiter(this, void 0, void 0, function () {
+        var allDom, pageFormat, pageOrient, pageMarginX, pageMarginY, pdfOptions, pdfBase64_2, pdf_3, pageWidth_1;
+        return __generator(this, function (_d) {
+            allDom = dom.querySelectorAll(pageClassName ? pageClassName : '.html2canvas-container-page');
+            pageFormat = (pdfOption === null || pdfOption === void 0 ? void 0 : pdfOption.pageFormat) ? pdfOption.pageFormat : 'a4';
+            pageOrient = (pdfOption === null || pdfOption === void 0 ? void 0 : pdfOption.pageOrient) ? pdfOption.pageOrient : 'p';
+            pageMarginX = (_b = pdfOption === null || pdfOption === void 0 ? void 0 : pdfOption.pageMarginX) !== null && _b !== void 0 ? _b : 20;
+            pageMarginY = (_c = pdfOption === null || pdfOption === void 0 ? void 0 : pdfOption.pageMarginY) !== null && _c !== void 0 ? _c : 10;
+            pdfOptions = {
+                // 是否压缩生成的PDF
+                compress: isCompress ? true : false,
+                // 格式
+                format: pageFormat,
+                hotfixes: ['px_scaling'],
+                // 方向 纵向 'p'  横向 'l'
+                orientation: pageOrient,
+                // 指定坐标时要使用的测量单位
+                // unit: 'px',
+                unit: 'pt',
+            };
+            // 如果需要分页
+            if (allDom.length > 0 && isShowPage) {
+                pdfBase64_2 = [];
+                return [2 /*return*/, (function () {
+                        return __awaiter(this, void 0, void 0, function () {
+                            var pdfs;
+                            return __generator(this, function (_a) {
+                                switch (_a.label) {
+                                    case 0: return [4 /*yield*/, reduceDom(allDom, dom, function (item, i) {
+                                            return new Promise(function (resolve) {
+                                                // 每页都创建一个pdf实例
+                                                var pdf = new jsPDF(pdfOptions);
+                                                var pageWidth = pdf.internal.pageSize.width - pageMarginX * 2;
+                                                setPdfVersion(pdf);
+                                                supportJsPdfChinese(pdf, fileBinary);
+                                                // 正确呈现文档
+                                                pdf.html(item, {
+                                                    autoPaging: 'text',
+                                                    margin: [pageMarginY, pageMarginX, pageMarginY, pageMarginX],
+                                                    width: pageWidth,
+                                                    windowWidth: pageWidth,
+                                                    callback: function (res) {
+                                                        // 添加呈现的HTML所需的页面（从第2页开始）
+                                                        for (var i_1 = 2, j = res.internal.getNumberOfPages(); i_1 <= j; i_1++) {
+                                                            pdf.addPage(pageFormat, pageOrient);
+                                                        }
+                                                        for (var i_2 = 1, j = res.internal.getNumberOfPages(); i_2 <= j; i_2++) {
+                                                            pdf.setPage(i_2);
+                                                            // 添加水印
+                                                            if (isAddWater) {
+                                                                setPdfWater(pdf, waterBase64, imgWidth, imgHeight);
+                                                            }
+                                                        }
+                                                        if (isDownload) {
+                                                            pdf.save(pdfName + "_" + i + ".pdf");
+                                                        }
+                                                        pdfBase64_2.push(pdf.output('dataurlstring'));
+                                                        resolve(pdf);
+                                                    },
+                                                });
+                                            });
+                                        })];
+                                    case 1:
+                                        pdfs = _a.sent();
+                                        return [2 /*return*/, Promise.resolve({
+                                                pdfs: pdfs,
+                                                pdfBase64: pdfBase64_2,
+                                            })];
+                                }
+                            });
+                        });
+                    })()];
+            }
+            else {
+                pdf_3 = new jsPDF(pdfOptions);
+                pageWidth_1 = pdf_3.internal.pageSize.width - pageMarginX * 2;
+                setPdfVersion(pdf_3);
+                supportJsPdfChinese(pdf_3, fileBinary);
+                return [2 /*return*/, new Promise(function (resolve) {
+                        // 正确呈现文档
+                        pdf_3.html(dom, {
+                            autoPaging: 'text',
+                            margin: [pageMarginY, pageMarginX, pageMarginY, pageMarginX],
+                            width: pageWidth_1,
+                            windowWidth: pageWidth_1,
+                            callback: function (res) {
+                                // 添加呈现的HTML所需的页面（从第2页开始）
+                                for (var i = 2, j = res.internal.getNumberOfPages(); i <= j; i++) {
+                                    pdf_3.addPage(pageFormat, pageOrient);
+                                }
+                                for (var i = 1, j = res.internal.getNumberOfPages(); i <= j; i++) {
+                                    pdf_3.setPage(i);
+                                    // 添加水印
+                                    if (isAddWater) {
+                                        setPdfWater(pdf_3, waterBase64, imgWidth, imgHeight);
+                                    }
+                                }
+                                if (isDownload) {
+                                    pdf_3.save(pdfName + ".pdf");
+                                }
+                                resolve({
+                                    pdfs: [pdf_3],
+                                    pdfBase64: [pdf_3.output('dataurlstring')],
+                                });
+                            },
+                        });
+                        // new jsPDF(pdfOptions).html(dom, {
+                        //   autoPaging: 'text',
+                        //   margin: [pageMarginY, pageMarginX, pageMarginY, pageMarginX],
+                        //   width: pageWidth,
+                        //   windowWidth: pageWidth,
+                        //   callback: function (res) {
+                        //     // 添加呈现的HTML所需的页面（从第2页开始）
+                        //     for (
+                        //       let i = 2, j = (res as any).internal.getNumberOfPages();
+                        //       i <= j;
+                        //       i++
+                        //     ) {
+                        //       pdf.addPage(pageFormat, pageOrient);
+                        //     }
+                        //     // 正确呈现文档
+                        //     pdf.html(dom, {
+                        //       autoPaging: 'text',
+                        //       margin: [pageMarginY, pageMarginX, pageMarginY, pageMarginX],
+                        //       width: pageWidth,
+                        //       windowWidth: pageWidth,
+                        //       callback: function () {
+                        //         for (
+                        //           let i = 1, j = (res as any).internal.getNumberOfPages();
+                        //           i <= j;
+                        //           i++
+                        //         ) {
+                        //           pdf.setPage(i);
+                        //           // 添加水印
+                        //           if (isAddWater) {
+                        //             setPdfWater(pdf, waterBase64, imgWidth, imgHeight);
+                        //           }
+                        //         }
+                        //         if (isDownload) {
+                        //           pdf.save(`${pdfName}.pdf`);
+                        //         }
+                        //         resolve({
+                        //           pdfs: [pdf],
+                        //           pdfBase64: [pdf.output('dataurlstring')],
+                        //         });
+                        //       },
+                        //     });
+                        //   },
+                        // });
+                    })];
+            }
+            return [2 /*return*/];
+        });
+    });
+}
+/**
+ * @author 陈亚雄
+ * @description 设置pdf版本号，契约锁需要1.7以上的pdf版本
+ * @param pdf pdf实例
+ */
+function setPdfVersion(pdf) {
+    try {
+        pdf.__private__.setPdfVersion('1.7');
+    }
+    catch (err) {
+        console.log(err);
+    }
+}
+/**
+ * @author 陈亚雄
+ * @description jspdf支持中文字符
+ * @param pdf pdf实例
+ * @param fileBinary 中文字符编码base64串
+ */
+function supportJsPdfChinese(pdf, fileBinary) {
+    pdf.addFileToVFS('microsoft-yahei.ttf', fileBinary === null || fileBinary === void 0 ? void 0 : fileBinary.data);
+    pdf.addFont('microsoft-yahei.ttf', 'microsoft-yahei', 'normal');
+    pdf.setFont('microsoft-yahei');
+}
+/**
+ * @author 陈亚雄
+ * @description 为pdf添加水印，每页添加6个水印
+ * @param pdf pdf实例
+ */
+function setPdfWater(pdf, waterBase64, imgWidth, imgHeight) {
+    if (waterBase64 && imgWidth && imgHeight) {
+        pdf.addImage(waterBase64, 'PNG', 20, 20, imgWidth, imgHeight, '1');
+        pdf.addImage(waterBase64, 'PNG', 20 + imgWidth, 20, imgWidth, imgHeight, '2');
+        pdf.addImage(waterBase64, 'PNG', 20, 20 + imgHeight, imgWidth, imgHeight, '3');
+        pdf.addImage(waterBase64, 'PNG', 20 + imgWidth, 20 + imgHeight, imgWidth, imgHeight, '4');
+        pdf.addImage(waterBase64, 'PNG', 20, 20 + imgHeight + imgHeight, imgWidth, imgHeight, '5');
+        pdf.addImage(waterBase64, 'PNG', 20 + imgWidth, 20 + imgHeight + imgHeight, imgWidth, imgHeight, '6');
+    }
+}
+/**
+ * @author xjy
+ * @description 性能优化，减少页面dom数量
+ * @param allDom 需要打印的dom节点，parentDom 需要打印的dom的父节点
+ * @param handler 处理每个dom节点的函数，返回Promise
+ */
+function reduceDom(allDom, parentDom, handler) {
+    return __awaiter(this, void 0, void 0, function () {
+        var domList, children, spinning, fragment, _i, children_1, element, promiseAllDomArray, _a, _b, _c, i_3, element, _d, _e, i, timer;
+        return __generator(this, function (_f) {
+            switch (_f.label) {
+                case 0:
+                    domList = Array.from(allDom);
+                    children = Array.from(parentDom.children);
+                    return [4 /*yield*/, getSpinning()];
+                case 1:
+                    spinning = _f.sent();
+                    if (spinning) {
+                        console.log('spinning', spinning);
+                        spinning.style.display = 'flex';
+                        spinning.style.flexDirection = 'column';
+                        spinning.style.justifyContent = 'center';
+                        spinning.style.alignItems = 'center';
+                        spinning.innerHTML = '正在生成PDF...';
+                    }
+                    fragment = document.createDocumentFragment();
+                    // 卸载dom
+                    for (_i = 0, children_1 = children; _i < children_1.length; _i++) {
+                        element = children_1[_i];
+                        parentDom.removeChild(element);
+                        fragment.appendChild(element);
+                    }
+                    promiseAllDomArray = [];
+                    _a = [];
+                    for (_b in domList)
+                        _a.push(_b);
+                    _c = 0;
+                    _f.label = 2;
+                case 2:
+                    if (!(_c < _a.length)) return [3 /*break*/, 5];
+                    i_3 = _a[_c];
+                    if (spinning) {
+                        spinning.innerHTML = "<p>\u6B63\u5728\u751F\u6210PDF...</p><p>\u5F53\u524D\u8FDB\u5EA6" + (1 + Number(i_3)) + "/" + domList.length + "\u9875</p>";
+                    }
+                    element = domList[i_3].cloneNode(true);
+                    parentDom.appendChild(element);
+                    _e = (_d = promiseAllDomArray).push;
+                    return [4 /*yield*/, handler(element, i_3)];
+                case 3:
+                    _e.apply(_d, [_f.sent()]);
+                    parentDom.removeChild(element);
+                    _f.label = 4;
+                case 4:
+                    _c++;
+                    return [3 /*break*/, 2];
+                case 5:
+                    // 添加dom
+                    // for (let element of children) {
+                    //   parentDom.appendChild(element);
+                    // }
+                    parentDom.appendChild(fragment);
+                    i = 0;
+                    if (spinning) {
+                        spinning.innerHTML = "<p>\u6B63\u5728\u5BFC\u51FAPDF...</p><p>\u7B49\u5F85" + (1 + i) + "\u79D2";
+                    }
+                    timer = setInterval(function () {
+                        var spinning = document.querySelector('.ant-spin-spinning');
+                        if (spinning) {
+                            spinning.innerHTML = "<p>\u6B63\u5728\u5BFC\u51FAPDF...</p><p>\u7B49\u5F85" + (1 + i) + "\u79D2";
+                            i++;
+                        }
+                        else {
+                            timer && clearInterval(timer);
+                        }
+                    }, 1000);
+                    return [2 /*return*/, promiseAllDomArray];
+            }
+        });
+    });
+}
+function getSpinning() {
+    return new Promise(function (resolve) {
+        setTimeout(function () {
+            var spinning = document.querySelector('.ant-spin-spinning');
+            resolve(spinning);
+        }, 0);
+    });
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ztxkui",
-  "version": "4.2.23-336",
+  "version": "4.2.23-336-beta",
   "private": false,
   "description": "React components library",
   "author": "zt-front-end",
@@ -34,7 +34,7 @@
     "react-window": "^1.8.9",
     "virtuallist-antd": "^0.7.6",
     "ztxkui": "^4.2.23-326",
-    "ztxkutils": "2.10.66-6"
+    "ztxkutils": "2.10.66-7-beta"
   },
   "scripts": {
     "analyze": "source-map-explorer 'dist/static/js/*.js'",