zmdms-utils 0.0.60 → 0.0.62
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/es/common.js +13 -1
- package/dist/es/htmlToPdf.d.ts +4 -0
- package/dist/es/htmlToPdf.js +3 -1
- package/dist/es/pdf.js +5 -5
- package/package.json +1 -1
- package/src/common.ts +11 -1
- package/src/htmlToPdf.ts +7 -0
- package/src/pdf.ts +4 -9
package/dist/es/common.js
CHANGED
|
@@ -76,7 +76,19 @@ function parseQueryParams(url) {
|
|
|
76
76
|
var searchList = queryString.split("&");
|
|
77
77
|
for (var i = 0; i < searchList.length; i++) {
|
|
78
78
|
var _a = searchList[i].split("="), key = _a[0], value = _a[1];
|
|
79
|
-
|
|
79
|
+
var val = decodeURIComponent(value);
|
|
80
|
+
if (val.startsWith("{")) {
|
|
81
|
+
try {
|
|
82
|
+
val = JSON.parse(val);
|
|
83
|
+
}
|
|
84
|
+
catch (err) {
|
|
85
|
+
console.log("解析失败", err);
|
|
86
|
+
}
|
|
87
|
+
}
|
|
88
|
+
else if (val === "true" || val === "false") {
|
|
89
|
+
val = val === "true";
|
|
90
|
+
}
|
|
91
|
+
result[key] = val;
|
|
80
92
|
}
|
|
81
93
|
}
|
|
82
94
|
}
|
package/dist/es/htmlToPdf.d.ts
CHANGED
package/dist/es/htmlToPdf.js
CHANGED
|
@@ -5,7 +5,7 @@ import { domToCanvas } from './canvas.js';
|
|
|
5
5
|
|
|
6
6
|
function htmlToPdf(config) {
|
|
7
7
|
var _this = this;
|
|
8
|
-
var container = config.container, pageDom = config.pageDom, _a = config.useCanvas, useCanvas = _a === void 0 ? true : _a, isMultiple = config.isMultiple, pdfConfig = config.pdfConfig, pdfName = config.pdfName, isDownload = config.isDownload, waterConfig = config.waterConfig;
|
|
8
|
+
var container = config.container, pageDom = config.pageDom, _a = config.useCanvas, useCanvas = _a === void 0 ? true : _a, isMultiple = config.isMultiple, pdfConfig = config.pdfConfig, pdfName = config.pdfName, isDownload = config.isDownload, waterConfig = config.waterConfig, leftPadding = config.leftPadding;
|
|
9
9
|
// 找到需要转换的dom
|
|
10
10
|
var domList;
|
|
11
11
|
if (typeof pageDom === "string") {
|
|
@@ -44,6 +44,7 @@ function htmlToPdf(config) {
|
|
|
44
44
|
height: canvasHeight,
|
|
45
45
|
},
|
|
46
46
|
pdfConfig: pdfConfig,
|
|
47
|
+
leftPadding: leftPadding,
|
|
47
48
|
pdfDownloadConfig: {
|
|
48
49
|
isDownload: isDownload,
|
|
49
50
|
pdfName: pdfName ? pdfName : dataTitle,
|
|
@@ -75,6 +76,7 @@ function htmlToPdf(config) {
|
|
|
75
76
|
pdfName: pdfName ? pdfName : dataTitle,
|
|
76
77
|
},
|
|
77
78
|
waterConfig: waterConfig,
|
|
79
|
+
leftPadding: leftPadding,
|
|
78
80
|
});
|
|
79
81
|
}
|
|
80
82
|
}
|
package/dist/es/pdf.js
CHANGED
|
@@ -3,13 +3,13 @@ import { jsPDF } from 'jspdf';
|
|
|
3
3
|
import dayjs from 'dayjs';
|
|
4
4
|
|
|
5
5
|
function imgToPdf(config) {
|
|
6
|
-
var images = config.images,
|
|
7
|
-
var
|
|
6
|
+
var images = config.images, leftPadding = config.leftPadding, pdfConfig = config.pdfConfig, pdfDownloadConfig = config.pdfDownloadConfig, waterConfig = config.waterConfig;
|
|
7
|
+
var _a = pdfDownloadConfig || {}, isDownload = _a.isDownload, pdfName = _a.pdfName;
|
|
8
8
|
if (Array.isArray(images)) {
|
|
9
9
|
// 合并成一个pdf导出
|
|
10
10
|
// 解析pdf参数
|
|
11
11
|
var resultPdfConfig = parsePdfConfig(pdfConfig);
|
|
12
|
-
var
|
|
12
|
+
var _b = resultPdfConfig.format, pdfWidth_1 = _b[0], pdfHeight_1 = _b[1];
|
|
13
13
|
// 创建一个新的jsPDF实例
|
|
14
14
|
var pdf_1 = new jsPDF(resultPdfConfig);
|
|
15
15
|
return (function () {
|
|
@@ -116,7 +116,7 @@ function parsePdfConfig(pdfConfig) {
|
|
|
116
116
|
}
|
|
117
117
|
// 将图片插入pdf中
|
|
118
118
|
function insertImgToPdf(pdf, pdfWidth, pdfHeight, config) {
|
|
119
|
-
var imageConfig = config.imageConfig, _a = config.leftPadding, leftPadding = _a === void 0 ?
|
|
119
|
+
var imageConfig = config.imageConfig, _a = config.leftPadding, leftPadding = _a === void 0 ? 15 : _a, waterConfig = config.waterConfig;
|
|
120
120
|
var image = imageConfig.image, width = imageConfig.width, height = imageConfig.height;
|
|
121
121
|
// 缩放图片 以适应PDF页面宽度
|
|
122
122
|
var canvasWidth = width; // 图片原始宽度
|
|
@@ -124,7 +124,7 @@ function insertImgToPdf(pdf, pdfWidth, pdfHeight, config) {
|
|
|
124
124
|
// 一页pdf能显示的canvas高度
|
|
125
125
|
var pageHeight = (canvasWidth / pdfWidth) * pdfHeight;
|
|
126
126
|
// 将绘制图片的宽度 设置 成pdf的宽度 (减去偏移)
|
|
127
|
-
var imgWidth = pdfWidth - leftPadding;
|
|
127
|
+
var imgWidth = pdfWidth - leftPadding * 2;
|
|
128
128
|
// 等比例换算绘制图片高度
|
|
129
129
|
var imgHeight = (imgWidth / canvasWidth) * canvasHeight;
|
|
130
130
|
// 需要打印的图片总高度,初始状态和图片高度相等
|
package/package.json
CHANGED
package/src/common.ts
CHANGED
|
@@ -81,7 +81,17 @@ export function parseQueryParams(url: string): { [key: string]: string } {
|
|
|
81
81
|
const searchList = queryString.split("&");
|
|
82
82
|
for (let i = 0; i < searchList.length; i++) {
|
|
83
83
|
const [key, value] = searchList[i].split("=");
|
|
84
|
-
|
|
84
|
+
let val: any = decodeURIComponent(value);
|
|
85
|
+
if (val.startsWith("{")) {
|
|
86
|
+
try {
|
|
87
|
+
val = JSON.parse(val);
|
|
88
|
+
} catch (err) {
|
|
89
|
+
console.log("解析失败", err);
|
|
90
|
+
}
|
|
91
|
+
} else if (val === "true" || val === "false") {
|
|
92
|
+
val = val === "true";
|
|
93
|
+
}
|
|
94
|
+
result[key] = val;
|
|
85
95
|
}
|
|
86
96
|
}
|
|
87
97
|
} catch (err) {
|
package/src/htmlToPdf.ts
CHANGED
|
@@ -28,6 +28,10 @@ interface IConfig {
|
|
|
28
28
|
* pdf相关配置
|
|
29
29
|
*/
|
|
30
30
|
pdfConfig?: IImgToPdfConfig["pdfConfig"];
|
|
31
|
+
/**
|
|
32
|
+
* 生成PDF的左边距
|
|
33
|
+
*/
|
|
34
|
+
leftPadding?: number;
|
|
31
35
|
/**
|
|
32
36
|
* 是否下载pdf
|
|
33
37
|
*/
|
|
@@ -48,6 +52,7 @@ export function htmlToPdf(config: IConfig) {
|
|
|
48
52
|
pdfName,
|
|
49
53
|
isDownload,
|
|
50
54
|
waterConfig,
|
|
55
|
+
leftPadding,
|
|
51
56
|
} = config;
|
|
52
57
|
// 找到需要转换的dom
|
|
53
58
|
let domList: any;
|
|
@@ -88,6 +93,7 @@ export function htmlToPdf(config: IConfig) {
|
|
|
88
93
|
height: canvasHeight,
|
|
89
94
|
},
|
|
90
95
|
pdfConfig,
|
|
96
|
+
leftPadding,
|
|
91
97
|
pdfDownloadConfig: {
|
|
92
98
|
isDownload,
|
|
93
99
|
pdfName: pdfName ? pdfName : dataTitle,
|
|
@@ -115,6 +121,7 @@ export function htmlToPdf(config: IConfig) {
|
|
|
115
121
|
pdfName: pdfName ? pdfName : dataTitle,
|
|
116
122
|
},
|
|
117
123
|
waterConfig,
|
|
124
|
+
leftPadding,
|
|
118
125
|
});
|
|
119
126
|
}
|
|
120
127
|
}
|
package/src/pdf.ts
CHANGED
|
@@ -3,13 +3,8 @@ import dayjs from "dayjs";
|
|
|
3
3
|
import { IWaterResult } from "./water";
|
|
4
4
|
|
|
5
5
|
export function imgToPdf(config: IImgToPdfConfig) {
|
|
6
|
-
const {
|
|
7
|
-
|
|
8
|
-
leftPadding = 20,
|
|
9
|
-
pdfConfig,
|
|
10
|
-
pdfDownloadConfig,
|
|
11
|
-
waterConfig,
|
|
12
|
-
} = config;
|
|
6
|
+
const { images, leftPadding, pdfConfig, pdfDownloadConfig, waterConfig } =
|
|
7
|
+
config;
|
|
13
8
|
const { isDownload, pdfName } = pdfDownloadConfig || {};
|
|
14
9
|
if (Array.isArray(images)) {
|
|
15
10
|
// 合并成一个pdf导出
|
|
@@ -118,7 +113,7 @@ export function insertImgToPdf(
|
|
|
118
113
|
waterConfig?: IWaterResult;
|
|
119
114
|
}
|
|
120
115
|
) {
|
|
121
|
-
const { imageConfig, leftPadding =
|
|
116
|
+
const { imageConfig, leftPadding = 15, waterConfig } = config;
|
|
122
117
|
const { image, width, height } = imageConfig;
|
|
123
118
|
// 缩放图片 以适应PDF页面宽度
|
|
124
119
|
const canvasWidth = width; // 图片原始宽度
|
|
@@ -127,7 +122,7 @@ export function insertImgToPdf(
|
|
|
127
122
|
// 一页pdf能显示的canvas高度
|
|
128
123
|
let pageHeight = (canvasWidth / pdfWidth) * pdfHeight;
|
|
129
124
|
// 将绘制图片的宽度 设置 成pdf的宽度 (减去偏移)
|
|
130
|
-
let imgWidth = pdfWidth - leftPadding;
|
|
125
|
+
let imgWidth = pdfWidth - leftPadding * 2;
|
|
131
126
|
// 等比例换算绘制图片高度
|
|
132
127
|
let imgHeight = (imgWidth / canvasWidth) * canvasHeight;
|
|
133
128
|
// 需要打印的图片总高度,初始状态和图片高度相等
|