ztxkui 4.2.13 → 4.2.14

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

@@ -57,16 +57,3 @@ export declare function setMinusPosition(dom: any, style: any): void;
 export declare function initMinusPosition(dom: any): void;
 export declare function reductionMinusPostion(dom: any, type?: any): void;
 export declare function useInitSetPostion(): void;
-export declare function htmlToPdfUseCanvas({ pageClassName, dom, pdfName, isShowPage, noWater, pdfOptions, imgPositionX, isDownload, }: {
-    pageClassName?: string;
-    dom: HTMLElement;
-    pdfName: string;
-    isShowPage?: boolean;
-    noWater?: boolean;
-    pdfOptions?: any;
-    imgPositionX?: number;
-    isDownload?: boolean;
-}): Promise<{
-    pdfs: any;
-    pdfBase64: any;
-}>;

package/dist/components/PrintContainer/handle.js

@@ -1,14 +1,3 @@
-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) {
@@ -52,8 +41,6 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 import jsPDF from 'jspdf';
 import { useEffect } from 'react';
 import { plus } from 'ztxkutils/dist/tools';
-import html2canvas from 'html2canvas';
-import { getToken, jwtDecode } from 'ztxkutils/dist/authority';
 /**
  * 图片转base64
  */
@@ -414,163 +401,3 @@ export function useInitSetPostion() {
         }
     }, []);
 }
-/**
- * 创建文本水印图片
- * @param waterText 水印文本
- * @param opacity 水印透明度
- * @returns canvas png
- */
-function createWaterHandle(obj) {
-    var token = getToken();
-    var defaultWaterText = '内部资料，严禁外泄!';
-    if (token) {
-        try {
-            var tokenObj = jwtDecode(token);
-            defaultWaterText = "\u6D59\u5546\u4E2D\u62D3 " + ((tokenObj === null || tokenObj === void 0 ? void 0 : tokenObj.real_name) || '');
-        }
-        catch (err) {
-            console.log(err);
-        }
-    }
-    var _a = obj || {}, waterText = _a.waterText, opacity = _a.opacity, fontSize = _a.fontSize, cavansWidth = _a.cavansWidth, cavansHeight = _a.cavansHeight;
-    var canvas = document.createElement('canvas');
-    canvas.width = cavansWidth || 240;
-    canvas.height = cavansHeight || 100;
-    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 canvas.toDataURL('image/png');
-}
-function addPdfWaterHandle(pdf, waterBase64) {
-    for (var i = 0; i < 10; i++) {
-        pdf.addImage(waterBase64, 'PNG', 40, 140 * i, 200, 80, "1" + i);
-        pdf.addImage(waterBase64, 'PNG', 280, 140 * i, 200, 80, "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 waterBase64 = createWaterHandle({
-                opacity: '0.07',
-                fontSize: '14px',
-            });
-            addPdfWaterHandle(pdf, waterBase64);
-        }
-    }
-    else {
-        while (leftHeight > 0) {
-            pdf.addImage(pageData, 'JPEG', positionX || 20, position, imgWidth, imgHeight);
-            if (!noWater) {
-                var waterBase64 = createWaterHandle({
-                    opacity: '0.07',
-                    fontSize: '14px',
-                });
-                addPdfWaterHandle(pdf, waterBase64);
-            }
-            leftHeight -= pageHeight;
-            // position -= 841.89;
-            position -= setHeight;
-            //避免添加空白页
-            if (leftHeight > 0) {
-                pdf.addPage();
-            }
-        }
-    }
-}
-export function htmlToPdfUseCanvas(_a) {
-    var pageClassName = _a.pageClassName, dom = _a.dom, pdfName = _a.pdfName, isShowPage = _a.isShowPage, noWater = _a.noWater, pdfOptions = _a.pdfOptions, imgPositionX = _a.imgPositionX, isDownload = _a.isDownload;
-    var allDom = document.querySelectorAll(pageClassName ? pageClassName : '.html2canvas-container-page');
-    var format = (pdfOptions === null || pdfOptions === void 0 ? void 0 : pdfOptions.format) || [632.28, 841.89];
-    var _pdfOptions = __assign({ unit: 'pt', format: format }, (pdfOptions || {}));
-    if (allDom.length > 0 && isShowPage) {
-        var allDomArray = Array.prototype.slice.call(allDom);
-        var pdfBase64_2 = [];
-        var pdfs_2 = [];
-        var promiseAllDomArray_1 = allDomArray.map(function (dom) {
-            return html2canvas(dom, {
-                scale: 2,
-            });
-        });
-        return (function () {
-            return __awaiter(this, void 0, void 0, function () {
-                var _i, promiseAllDomArray_2, item, pdf, canvas;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 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];
-                            pdf = new jsPDF(_pdfOptions);
-                            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_2.push(pdf.output('dataurlstring'));
-                            pdfs_2.push(pdf);
-                            _a.label = 3;
-                        case 3:
-                            _i++;
-                            return [3 /*break*/, 1];
-                        case 4: return [2 /*return*/, Promise.resolve({
-                                pdfs: pdfs_2,
-                                pdfBase64: pdfBase64_2,
-                            })];
-                    }
-                });
-            });
-        })();
-    }
-    else {
-        var pdf_2 = new jsPDF(_pdfOptions);
-        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')],
-            };
-        });
-    }
-}

package/dist/components/PrintContainer/print-container.js

@@ -63,9 +63,9 @@ import { Button, Spin, message, Modal, Dropdown, Menu } from '../../index';
 // 自定义组件
 import PrintModal from './PrintModal';
 // 其他文件
-import { printCurrentDom, htmlToPdfNoCanvas, htmlToPdf, addWaterHandle, removeWaterHandle, } from 'ztxkutils/dist/print';
+import { printCurrentDom, htmlToPdfNoCanvas, htmlToPdf, addWaterHandle, removeWaterHandle, htmlToPdfUseCanvas, } from 'ztxkutils/dist/print';
 import { createDownloadUrlNoBase, createDownloadUrl, } from 'ztxkutils/dist/fileOperation';
-import { dataURLtoFile, setPositionLocal, getPositionLocal, setPositionDom, setPositionDeviation, useInitSetPostion, htmlToPdfUseCanvas, } from './handle';
+import { dataURLtoFile, setPositionLocal, getPositionLocal, setPositionDom, setPositionDeviation, useInitSetPostion, } from './handle';
 import { autoSealThenDownloadFilesHandle } from './service';
 import { createTask } from './lodop';
 import { useNeedLodop } from './utils';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ztxkui",
-  "version": "4.2.13",
+  "version": "4.2.14",
   "private": false,
   "description": "React components library",
   "author": "zt-front-end",
@@ -24,7 +24,7 @@
     "react-infinite-scroll-component": "^6.1.0",
     "react-resizable": "^3.0.4",
     "react-to-print": "^2.14.7",
-    "ztxkutils": "^2.10.17"
+    "ztxkutils": "^2.10.18"
   },
   "scripts": {
     "analyze": "source-map-explorer 'dist/static/js/*.js'",
@@ -96,4 +96,4 @@
     "react-dom": ">=16.9.0",
     "ztxkutils": ">=2.1.1"
   }
-}
+}