ztxkui 2.8.8 → 2.9.1
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/DemoCom/BasicDemo.js +5 -2
- package/dist/DemoCom/PrintContainerDemo.d.ts +7 -0
- package/dist/DemoCom/PrintContainerDemo.js +81 -0
- package/dist/DemoCom/PrintDemo.d.ts +1 -0
- package/dist/DemoCom/PrintDemo.js +365 -5
- package/dist/components/Print/index.d.ts +2 -0
- package/dist/components/Print/index.js +2 -0
- package/dist/components/Print/print.d.ts +21 -0
- package/dist/components/Print/print.js +71 -0
- package/dist/components/PrintContainer/index.d.ts +2 -0
- package/dist/components/PrintContainer/index.js +2 -0
- package/dist/components/PrintContainer/print-container.d.ts +19 -0
- package/dist/components/PrintContainer/print-container.js +137 -0
- package/dist/components/business/Footer/index.d.ts +3 -2
- package/dist/components/business/Footer/index.js +6 -1
- package/dist/index.css +52 -0
- package/dist/index.css.map +1 -1
- package/dist/index.d.ts +2 -0
- package/dist/index.js +104 -72
- package/package.json +4 -2
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import InputNumber from 'components/InputNumber';
|
|
2
2
|
import Tag from 'components/Tag';
|
|
3
3
|
import Input from 'components/Input';
|
|
4
|
-
import { FormList, RangePicker } from '../index';
|
|
4
|
+
import { FormList, RangePicker, Button } from '../index';
|
|
5
5
|
import GridList from 'components/business/NewList';
|
|
6
6
|
import { useState } from 'react';
|
|
7
7
|
import './style.scss';
|
|
@@ -111,6 +111,9 @@ function BasicDemo() {
|
|
|
111
111
|
React.createElement(GridList.FormItem, { span: 6, title: "\u6D4B\u8BD5\u6D4B\u8BD5\u6D4B\u8BD5" }, "\u518D\u89C1"),
|
|
112
112
|
React.createElement(GridList.FormItem, { span: 6, title: "\u6D4B\u8BD5\u6D4B\u8BD5\u6D4B\u8BD5" }, "\u518D\u89C1"),
|
|
113
113
|
React.createElement(GridList.FormItem, { span: 6, title: "\u6D4B\u8BD5\u6D4B\u8BD5\u6D4B\u8BD5" }, "\u518D\u89C1"))),
|
|
114
|
-
React.createElement(RangePicker, { showFar: true, ranges: RANGEPICKER_RANGES, value: rangeValue, onChange: function (value) { return setRangeValue(value); } })
|
|
114
|
+
React.createElement(RangePicker, { showFar: true, ranges: RANGEPICKER_RANGES, value: rangeValue, onChange: function (value) { return setRangeValue(value); } }),
|
|
115
|
+
React.createElement(Button, { onClick: function () {
|
|
116
|
+
window.open('/print-container');
|
|
117
|
+
} }, "\u8DF3\u8F6C")));
|
|
115
118
|
}
|
|
116
119
|
export default BasicDemo;
|
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @author 陈亚雄
|
|
3
|
+
* @description
|
|
4
|
+
*/
|
|
5
|
+
import React, { useEffect, useState } from 'react';
|
|
6
|
+
// redux
|
|
7
|
+
// ztxkui公共组件
|
|
8
|
+
import { PrintContainer } from '../index';
|
|
9
|
+
import Table from 'components/Table';
|
|
10
|
+
// 路由配置
|
|
11
|
+
// store
|
|
12
|
+
// 自定义组件
|
|
13
|
+
// 其他文件
|
|
14
|
+
var dataSource1 = new Array(10).fill('1').map(function (item, index) { return ({
|
|
15
|
+
test1: "\u6D4B\u8BD5\u4E00" + index,
|
|
16
|
+
test2: "\u6D4B\u8BD5\u4E8C" + index,
|
|
17
|
+
test3: "\u6D4B\u8BD5\u4E09" + index,
|
|
18
|
+
test4: "\u6D4B\u8BD5\u56DB" + index,
|
|
19
|
+
id: "" + index,
|
|
20
|
+
}); });
|
|
21
|
+
var PrintContainerDemo = function () {
|
|
22
|
+
var _a = useState([]), dataSource = _a[0], setDataSource = _a[1];
|
|
23
|
+
var _b = useState(true), loading = _b[0], setLoading = _b[1];
|
|
24
|
+
var columns = [
|
|
25
|
+
{
|
|
26
|
+
title: '测试一',
|
|
27
|
+
width: 100,
|
|
28
|
+
dataIndex: 'test1',
|
|
29
|
+
key: 'test1',
|
|
30
|
+
},
|
|
31
|
+
{
|
|
32
|
+
title: '测试一',
|
|
33
|
+
width: 100,
|
|
34
|
+
dataIndex: 'test2',
|
|
35
|
+
key: 'test2',
|
|
36
|
+
},
|
|
37
|
+
{
|
|
38
|
+
title: '测试一',
|
|
39
|
+
width: 100,
|
|
40
|
+
dataIndex: 'test3',
|
|
41
|
+
key: 'test3',
|
|
42
|
+
},
|
|
43
|
+
{
|
|
44
|
+
title: '测试一',
|
|
45
|
+
width: 100,
|
|
46
|
+
dataIndex: 'test4',
|
|
47
|
+
key: 'test4',
|
|
48
|
+
},
|
|
49
|
+
];
|
|
50
|
+
useEffect(function () {
|
|
51
|
+
setTimeout(function () {
|
|
52
|
+
setLoading(false);
|
|
53
|
+
setDataSource(dataSource1);
|
|
54
|
+
}, 3000);
|
|
55
|
+
}, []);
|
|
56
|
+
return (React.createElement(PrintContainer, { isAddExportPage: true, loading: loading },
|
|
57
|
+
React.createElement("div", { className: "html2canvas-container-page" },
|
|
58
|
+
"1",
|
|
59
|
+
React.createElement(Table, { columns: columns, dataSource: dataSource, rowKey: "id", scroll: {
|
|
60
|
+
x: undefined,
|
|
61
|
+
} })),
|
|
62
|
+
React.createElement("div", { className: "print-page-break-before" }),
|
|
63
|
+
React.createElement("div", { className: "html2canvas-container-page" },
|
|
64
|
+
"2",
|
|
65
|
+
React.createElement(Table, { columns: columns, dataSource: dataSource, rowKey: "id", scroll: {
|
|
66
|
+
x: undefined,
|
|
67
|
+
} })),
|
|
68
|
+
React.createElement("div", { className: "print-page-break-before" }),
|
|
69
|
+
React.createElement("div", { className: "html2canvas-container-page" },
|
|
70
|
+
"3",
|
|
71
|
+
React.createElement(Table, { columns: columns, dataSource: dataSource, rowKey: "id", scroll: {
|
|
72
|
+
x: undefined,
|
|
73
|
+
} })),
|
|
74
|
+
React.createElement("div", { className: "print-page-break-before" }),
|
|
75
|
+
React.createElement("div", { className: "html2canvas-container-page" },
|
|
76
|
+
"4",
|
|
77
|
+
React.createElement(Table, { columns: columns, dataSource: dataSource, rowKey: "id", scroll: {
|
|
78
|
+
x: undefined,
|
|
79
|
+
} }))));
|
|
80
|
+
};
|
|
81
|
+
export default PrintContainerDemo;
|
|
@@ -4,8 +4,11 @@
|
|
|
4
4
|
*/
|
|
5
5
|
import React from 'react';
|
|
6
6
|
// import { findDOMNode } from 'react-dom';
|
|
7
|
-
import { Button, ZtIcon } from '../index';
|
|
7
|
+
import { Button, ZtIcon, Print, Footer } from '../index';
|
|
8
8
|
import Table from 'components/Table';
|
|
9
|
+
import { jsPDF } from 'jspdf';
|
|
10
|
+
import html2canvas from 'html2canvas';
|
|
11
|
+
import './style.scss';
|
|
9
12
|
var dataSource = new Array(10).fill('1').map(function (item, index) { return ({
|
|
10
13
|
test1: "\u6D4B\u8BD5\u4E00" + index,
|
|
11
14
|
test2: "\u6D4B\u8BD5\u4E8C" + index,
|
|
@@ -41,7 +44,7 @@ var PrintDemo = function () {
|
|
|
41
44
|
},
|
|
42
45
|
];
|
|
43
46
|
return (React.createElement(React.Fragment, null,
|
|
44
|
-
React.createElement("div",
|
|
47
|
+
React.createElement("div", { className: "" },
|
|
45
48
|
React.createElement(Button, { onClick: function () {
|
|
46
49
|
var styleDom = document.createElement('style');
|
|
47
50
|
styleDom.setAttribute('type', 'text/css');
|
|
@@ -49,12 +52,369 @@ var PrintDemo = function () {
|
|
|
49
52
|
'@media print{ .test1, .test2 { display: none; } }';
|
|
50
53
|
document.head.appendChild(styleDom);
|
|
51
54
|
window.print();
|
|
52
|
-
} }, "\u6253\u5370")
|
|
53
|
-
|
|
55
|
+
} }, "\u6253\u5370"),
|
|
56
|
+
React.createElement(Button, { onClick: function () {
|
|
57
|
+
// a4纸的尺寸[595.28, 841.89]
|
|
58
|
+
html2canvas(document.getElementById('test111')).then(function (canvas) {
|
|
59
|
+
console.log(canvas);
|
|
60
|
+
var contentWidth = canvas.width;
|
|
61
|
+
var contentHeight = canvas.height;
|
|
62
|
+
// 一页pdf显示html页面生成的canvas高度
|
|
63
|
+
var pageHeight = (contentWidth / 592.28) * 841.89;
|
|
64
|
+
// 未生成pdf的html页面高度
|
|
65
|
+
var leftHeight = contentHeight;
|
|
66
|
+
// 页面拍内衣
|
|
67
|
+
var position = 0;
|
|
68
|
+
//a4纸的尺寸[595.28,841.89],html页面生成的canvas在pdf中图片的宽高
|
|
69
|
+
var imgWidth = 595.28;
|
|
70
|
+
var imgHeight = (592.28 / contentWidth) * contentHeight;
|
|
71
|
+
var pageData = canvas.toDataURL('image/jpeg', 1.0);
|
|
72
|
+
var pdf = new jsPDF(undefined, 'pt', 'a4');
|
|
73
|
+
//有两个高度需要区分,一个是html页面的实际高度,和生成pdf的页面高度(841.89)
|
|
74
|
+
//当内容未超过pdf一页显示的范围,无需分页
|
|
75
|
+
if (leftHeight < pageHeight) {
|
|
76
|
+
pdf.addImage(pageData, 'JPEG', 0, 0, imgWidth, imgHeight);
|
|
77
|
+
}
|
|
78
|
+
else {
|
|
79
|
+
while (leftHeight > 0) {
|
|
80
|
+
pdf.addImage(pageData, 'JPEG', 0, position, imgWidth, imgHeight);
|
|
81
|
+
leftHeight -= pageHeight;
|
|
82
|
+
position -= 841.89;
|
|
83
|
+
//避免添加空白页
|
|
84
|
+
if (leftHeight > 0) {
|
|
85
|
+
pdf.addPage();
|
|
86
|
+
}
|
|
87
|
+
}
|
|
88
|
+
}
|
|
89
|
+
pdf.save('新的.pdf');
|
|
90
|
+
});
|
|
91
|
+
} }, "\u8F6Cpdf"),
|
|
92
|
+
React.createElement(Print, { showWater: true })),
|
|
93
|
+
React.createElement("div", { className: "print-container printArea", id: "test111" },
|
|
54
94
|
React.createElement(ZtIcon, { type: "iconwenjian1" }),
|
|
55
95
|
React.createElement(Table, { columns: columns, dataSource: dataSource, rowKey: "id" }),
|
|
96
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
97
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
98
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
99
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
100
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
101
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
102
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
103
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
104
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
105
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
106
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
107
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
108
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
109
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
110
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
111
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
112
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
113
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
114
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
115
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
116
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
117
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
118
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
119
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
120
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
121
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
122
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
123
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
124
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
125
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
126
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
127
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
128
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
129
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
130
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
131
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
132
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
133
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
134
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
135
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
136
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
137
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
138
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
139
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
140
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
141
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
142
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
143
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
144
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
145
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
146
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
147
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
148
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
149
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
150
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
151
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
152
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
153
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
154
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
155
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
156
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
157
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
158
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
159
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
160
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
161
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
162
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
163
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
164
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
165
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
166
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
167
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
168
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
169
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
170
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
171
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
172
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
173
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
174
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
175
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
176
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
177
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
178
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
179
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
180
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
181
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
182
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
183
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
184
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
185
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
186
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
187
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
188
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
189
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
190
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
191
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
192
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
193
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
194
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
195
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
196
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
197
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
198
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
199
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
200
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
201
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
202
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
203
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
204
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
205
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
206
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
207
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
208
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
209
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
210
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
211
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
212
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
213
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
214
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
215
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
216
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
217
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
218
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
219
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
220
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
221
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
222
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
223
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
224
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
225
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
226
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
227
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
228
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
229
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
230
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
231
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
232
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
233
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
234
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
235
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
236
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
237
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
238
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
239
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
240
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
241
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
242
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
243
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
244
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
245
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
246
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
247
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
248
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
249
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
250
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
251
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
252
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
253
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
254
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
255
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
256
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
257
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
258
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
259
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
260
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
261
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
262
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
263
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
264
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
265
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
266
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
267
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
268
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
269
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
270
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
271
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
272
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
273
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
274
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
275
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
276
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
277
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
278
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
279
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
280
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
281
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
282
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
283
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
284
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
285
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
286
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
287
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
288
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
289
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
290
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
291
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
292
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
293
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
294
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
295
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
296
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
297
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
298
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
299
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
300
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
301
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
302
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
303
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
304
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
305
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
306
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
307
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
308
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
309
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
310
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
311
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
312
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
313
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
314
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
315
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
316
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
317
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
318
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
319
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
320
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
321
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
322
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
323
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
324
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
325
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
326
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
327
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
328
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
329
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
330
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
331
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
332
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
333
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
334
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
335
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
336
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
337
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
338
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
339
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
340
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
341
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
342
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
343
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
344
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
345
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
346
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
347
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
348
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
349
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
350
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
351
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
352
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
353
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
354
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
355
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
356
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
357
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
358
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
359
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
360
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
361
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
362
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
363
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
364
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
365
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
366
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
367
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
368
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
369
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
370
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
371
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
372
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
373
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
374
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
375
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
376
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
377
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
378
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
379
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
380
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
381
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
382
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
383
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
384
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
385
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
386
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
387
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
388
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
389
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
390
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
391
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
392
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
393
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
394
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
395
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
396
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
397
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
398
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
399
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
400
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
401
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
402
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
403
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
404
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
405
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
406
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
407
|
+
React.createElement("div", null, "asdasdasdasd"),
|
|
56
408
|
React.createElement("iframe", { style: { width: '1000px', height: '400px' }, title: "\u6D4B\u8BD5iframe\u6253\u5370", src: "http://localhost:8787/print" })),
|
|
57
409
|
React.createElement("div", { className: "test1" }, "\u6211\u662F\u591A\u4F59\u7684\u6570\u636E \u6211\u662F\u591A\u4F59\u7684\u6570\u636E"),
|
|
58
|
-
React.createElement("div", { className: "test2" }, "\u6211\u662F\u591A\u4F59\u7684\u6570\u636E \u6211\u662F\u591A\u4F59\u7684\u6570\u636E")
|
|
410
|
+
React.createElement("div", { className: "test2" }, "\u6211\u662F\u591A\u4F59\u7684\u6570\u636E \u6211\u662F\u591A\u4F59\u7684\u6570\u636E"),
|
|
411
|
+
React.createElement(Footer, { footerDom: [
|
|
412
|
+
{
|
|
413
|
+
render: function () { return React.createElement(Print, { key: 1, showWater: true }); },
|
|
414
|
+
},
|
|
415
|
+
{
|
|
416
|
+
render: function () { return React.createElement(Print, { key: 2, showWater: true }); },
|
|
417
|
+
},
|
|
418
|
+
] })));
|
|
59
419
|
};
|
|
60
420
|
export default PrintDemo;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @author 陈亚雄
|
|
3
|
+
* @description 打印组件
|
|
4
|
+
*/
|
|
5
|
+
import React from 'react';
|
|
6
|
+
interface IProps {
|
|
7
|
+
/** 按钮文本 */
|
|
8
|
+
btnText?: string;
|
|
9
|
+
/** 是否显示icon */
|
|
10
|
+
showIcon?: boolean;
|
|
11
|
+
/** 是否添加水印 */
|
|
12
|
+
showWater?: boolean;
|
|
13
|
+
/** 水印的文本内容 */
|
|
14
|
+
waterText?: string;
|
|
15
|
+
/** 水印添加到的容器类名 */
|
|
16
|
+
waterClassName?: string;
|
|
17
|
+
/** 需要隐藏的类 */
|
|
18
|
+
hiddenClassNames?: string[];
|
|
19
|
+
}
|
|
20
|
+
declare const Print: React.FC<IProps>;
|
|
21
|
+
export default Print;
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
var __spreadArray = (this && this.__spreadArray) || function (to, from) {
|
|
2
|
+
for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
|
|
3
|
+
to[j] = from[i];
|
|
4
|
+
return to;
|
|
5
|
+
};
|
|
6
|
+
/**
|
|
7
|
+
* @author 陈亚雄
|
|
8
|
+
* @description 打印组件
|
|
9
|
+
*/
|
|
10
|
+
import React, { useEffect } from 'react';
|
|
11
|
+
// redux
|
|
12
|
+
// ztxkui公共组件
|
|
13
|
+
import { Button } from '../../index';
|
|
14
|
+
import { PrinterOutlined } from '@ant-design/icons';
|
|
15
|
+
// 添加水印的方法
|
|
16
|
+
function addWaterHandle(waterText, waterClassName) {
|
|
17
|
+
var canvas = document.createElement('canvas');
|
|
18
|
+
var waterStyleDom = document.getElementById('water-style-dom-110011');
|
|
19
|
+
if (waterStyleDom) {
|
|
20
|
+
waterStyleDom.remove();
|
|
21
|
+
}
|
|
22
|
+
canvas.width = 200;
|
|
23
|
+
canvas.height = 100;
|
|
24
|
+
var ctx = canvas.getContext('2d');
|
|
25
|
+
if (ctx) {
|
|
26
|
+
ctx.rotate((-15 * Math.PI) / 180); // 水印旋转角度
|
|
27
|
+
ctx.font = '15px 微软雅黑';
|
|
28
|
+
ctx.fillStyle = 'rgba(0,0,0,0.5)';
|
|
29
|
+
ctx.textAlign = 'center';
|
|
30
|
+
ctx.textBaseline = 'middle';
|
|
31
|
+
ctx.fillText(waterText || '内部资料,严禁外泄!', canvas.width / 2, canvas.height); // 水印在画布的位置x,y轴
|
|
32
|
+
}
|
|
33
|
+
var styleDom = document.createElement('style');
|
|
34
|
+
styleDom.setAttribute('type', 'text/css');
|
|
35
|
+
styleDom.setAttribute('id', 'water-style-dom-110011');
|
|
36
|
+
styleDom.innerText =
|
|
37
|
+
'@media print{' +
|
|
38
|
+
(waterClassName ? "." + waterClassName : 'body') +
|
|
39
|
+
' {background: url(' +
|
|
40
|
+
canvas.toDataURL('image/png') +
|
|
41
|
+
') left top repeat;}}';
|
|
42
|
+
document.head.appendChild(styleDom);
|
|
43
|
+
}
|
|
44
|
+
var Print = function (_a) {
|
|
45
|
+
var _b = _a.btnText, btnText = _b === void 0 ? '打印' : _b, _c = _a.showIcon, showIcon = _c === void 0 ? true : _c, showWater = _a.showWater, _d = _a.waterText, waterText = _d === void 0 ? '内部资料,严禁外泄!' : _d, _e = _a.waterClassName, waterClassName = _e === void 0 ? 'printArea' : _e, _f = _a.hiddenClassNames, hiddenClassNames = _f === void 0 ? [] : _f;
|
|
46
|
+
/**
|
|
47
|
+
* 打印方法
|
|
48
|
+
*/
|
|
49
|
+
var onPrintHandle = function () {
|
|
50
|
+
var printStyleDom = document.getElementById('print-style-dom-110011');
|
|
51
|
+
if (printStyleDom) {
|
|
52
|
+
printStyleDom.remove();
|
|
53
|
+
}
|
|
54
|
+
var styleDom = document.createElement('style');
|
|
55
|
+
styleDom.setAttribute('type', 'text/css');
|
|
56
|
+
styleDom.setAttribute('id', 'print-style-dom-110011');
|
|
57
|
+
styleDom.innerText = "@media print{ " + __spreadArray(__spreadArray([], hiddenClassNames), [
|
|
58
|
+
'hiddenPrint',
|
|
59
|
+
]).join(',') + " { display: none; } }";
|
|
60
|
+
document.head.appendChild(styleDom);
|
|
61
|
+
window.print();
|
|
62
|
+
};
|
|
63
|
+
// 是否添加水印
|
|
64
|
+
useEffect(function () {
|
|
65
|
+
if (showWater) {
|
|
66
|
+
addWaterHandle(waterText, waterClassName);
|
|
67
|
+
}
|
|
68
|
+
}, [showWater, waterText, waterClassName]);
|
|
69
|
+
return (React.createElement(Button, { type: "primary", icon: showIcon && React.createElement(PrinterOutlined, null), onClick: onPrintHandle }, btnText));
|
|
70
|
+
};
|
|
71
|
+
export default Print;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @author 陈亚雄
|
|
3
|
+
* @description
|
|
4
|
+
*/
|
|
5
|
+
import React from 'react';
|
|
6
|
+
interface IProps {
|
|
7
|
+
/** 水印文本内容 */
|
|
8
|
+
waterText?: string;
|
|
9
|
+
/** 文字大小改变 */
|
|
10
|
+
onFonsizeChange?: (type: 'add' | 'reduce', step: number) => void;
|
|
11
|
+
/** 需要隐藏的类名 ['.test', '.test1'] */
|
|
12
|
+
hiddenClassName?: string[];
|
|
13
|
+
/** 导出pdf是否添加块分页 */
|
|
14
|
+
isAddExportPage?: boolean;
|
|
15
|
+
/** 数据是否加载中 */
|
|
16
|
+
loading?: boolean;
|
|
17
|
+
}
|
|
18
|
+
declare const PrintContainer: React.FC<IProps>;
|
|
19
|
+
export default PrintContainer;
|
|
@@ -0,0 +1,137 @@
|
|
|
1
|
+
var __spreadArray = (this && this.__spreadArray) || function (to, from) {
|
|
2
|
+
for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
|
|
3
|
+
to[j] = from[i];
|
|
4
|
+
return to;
|
|
5
|
+
};
|
|
6
|
+
/**
|
|
7
|
+
* @author 陈亚雄
|
|
8
|
+
* @description
|
|
9
|
+
*/
|
|
10
|
+
import React, { useEffect, useRef, useState } from 'react';
|
|
11
|
+
// redux
|
|
12
|
+
// ztxkui公共组件
|
|
13
|
+
import { Button, Spin } from '../../index';
|
|
14
|
+
// 路由配置
|
|
15
|
+
// store
|
|
16
|
+
// 自定义组件
|
|
17
|
+
// 其他文件
|
|
18
|
+
import { addWaterHandle, removeWaterHandle, printCurrentDom, htmlToPdf, } from 'ztxkutils/dist/print';
|
|
19
|
+
var PrintContainer = function (_a) {
|
|
20
|
+
var children = _a.children, waterText = _a.waterText, onFonsizeChange = _a.onFonsizeChange, hiddenClassName = _a.hiddenClassName, _b = _a.isAddExportPage, isAddExportPage = _b === void 0 ? false : _b, _c = _a.loading, loading = _c === void 0 ? false : _c;
|
|
21
|
+
var _d = useState(false), showWater = _d[0], setShowWater = _d[1];
|
|
22
|
+
var _e = useState(false), pdfShowWater = _e[0], setPdfShowWater = _e[1];
|
|
23
|
+
var containerRef = useRef();
|
|
24
|
+
var allDomRef = useRef();
|
|
25
|
+
var _f = useState(false), spinning = _f[0], setSpinning = _f[1];
|
|
26
|
+
useEffect(function () {
|
|
27
|
+
setSpinning(loading);
|
|
28
|
+
}, [loading]);
|
|
29
|
+
function getDom() {
|
|
30
|
+
var _a, _b, _c, _d, _e, _f, _g, _h;
|
|
31
|
+
if (!allDomRef.current) {
|
|
32
|
+
allDomRef.current = {
|
|
33
|
+
p: (_a = containerRef.current) === null || _a === void 0 ? void 0 : _a.querySelectorAll('p'),
|
|
34
|
+
th: (_b = containerRef.current) === null || _b === void 0 ? void 0 : _b.querySelectorAll('th'),
|
|
35
|
+
td: (_c = containerRef.current) === null || _c === void 0 ? void 0 : _c.querySelectorAll('td'),
|
|
36
|
+
span: (_d = containerRef.current) === null || _d === void 0 ? void 0 : _d.querySelectorAll('span'),
|
|
37
|
+
h1: (_e = containerRef.current) === null || _e === void 0 ? void 0 : _e.querySelectorAll('h1'),
|
|
38
|
+
h2: (_f = containerRef.current) === null || _f === void 0 ? void 0 : _f.querySelectorAll('h2'),
|
|
39
|
+
h3: (_g = containerRef.current) === null || _g === void 0 ? void 0 : _g.querySelectorAll('h3'),
|
|
40
|
+
div: (_h = containerRef.current) === null || _h === void 0 ? void 0 : _h.querySelectorAll('div'),
|
|
41
|
+
};
|
|
42
|
+
}
|
|
43
|
+
return allDomRef.current;
|
|
44
|
+
}
|
|
45
|
+
// 修改字体大小
|
|
46
|
+
var onFontsizeHandle = function (type) {
|
|
47
|
+
var allDom = getDom();
|
|
48
|
+
Object.keys(allDom).forEach(function (key) {
|
|
49
|
+
var currentDom = __spreadArray([], allDom[key]);
|
|
50
|
+
currentDom.forEach(function (item) {
|
|
51
|
+
var currentFontSize = window.getComputedStyle(item).fontSize;
|
|
52
|
+
if (type === 'add') {
|
|
53
|
+
item.style.fontSize = parseInt(currentFontSize) + 2 + 'px';
|
|
54
|
+
}
|
|
55
|
+
else {
|
|
56
|
+
item.style.fontSize = parseInt(currentFontSize) - 2 + 'px';
|
|
57
|
+
}
|
|
58
|
+
});
|
|
59
|
+
});
|
|
60
|
+
onFonsizeChange && onFonsizeChange(type, 2);
|
|
61
|
+
};
|
|
62
|
+
// 添加水印
|
|
63
|
+
var onWaterHandle = function () {
|
|
64
|
+
if (!showWater) {
|
|
65
|
+
addWaterHandle({
|
|
66
|
+
waterClassName: ['.print-container--content'],
|
|
67
|
+
waterText: waterText,
|
|
68
|
+
isPrintWater: false,
|
|
69
|
+
});
|
|
70
|
+
setShowWater(true);
|
|
71
|
+
setPdfShowWater(false);
|
|
72
|
+
}
|
|
73
|
+
else {
|
|
74
|
+
removeWaterHandle();
|
|
75
|
+
setShowWater(false);
|
|
76
|
+
}
|
|
77
|
+
};
|
|
78
|
+
// pdf添加水印
|
|
79
|
+
var onPdfWaterHandle = function () {
|
|
80
|
+
if (!pdfShowWater) {
|
|
81
|
+
addWaterHandle({
|
|
82
|
+
waterClassName: isAddExportPage
|
|
83
|
+
? ['.html2canvas-container-page']
|
|
84
|
+
: ['.print-container--content'],
|
|
85
|
+
waterText: waterText,
|
|
86
|
+
isPrintWater: false,
|
|
87
|
+
});
|
|
88
|
+
setPdfShowWater(true);
|
|
89
|
+
setShowWater(false);
|
|
90
|
+
}
|
|
91
|
+
else {
|
|
92
|
+
removeWaterHandle();
|
|
93
|
+
setPdfShowWater(false);
|
|
94
|
+
}
|
|
95
|
+
};
|
|
96
|
+
// 打印
|
|
97
|
+
var onPrintHandle = function () {
|
|
98
|
+
printCurrentDom({
|
|
99
|
+
hiddenClassNames: __spreadArray([
|
|
100
|
+
'.print-container--header'
|
|
101
|
+
], (hiddenClassName || [])),
|
|
102
|
+
});
|
|
103
|
+
};
|
|
104
|
+
// 生成pdf
|
|
105
|
+
var onPdfHandle = function () {
|
|
106
|
+
setSpinning(true);
|
|
107
|
+
setTimeout(function () {
|
|
108
|
+
htmlToPdf({
|
|
109
|
+
dom: containerRef.current,
|
|
110
|
+
pdfName: '测试文件',
|
|
111
|
+
isShowPage: isAddExportPage,
|
|
112
|
+
})
|
|
113
|
+
.then(function () {
|
|
114
|
+
setSpinning(false);
|
|
115
|
+
})
|
|
116
|
+
.catch(function () {
|
|
117
|
+
setSpinning(false);
|
|
118
|
+
});
|
|
119
|
+
});
|
|
120
|
+
};
|
|
121
|
+
// 关闭
|
|
122
|
+
var onCloseHandle = function () {
|
|
123
|
+
window.close();
|
|
124
|
+
};
|
|
125
|
+
return (React.createElement(Spin, { spinning: spinning },
|
|
126
|
+
React.createElement("div", { className: "print-container--header" },
|
|
127
|
+
React.createElement("div", { className: "print-container--header__content" },
|
|
128
|
+
React.createElement(Button, { type: "primary", onClick: function () { return onFontsizeHandle('add'); } }, "\u653E\u5927\u6587\u5B57"),
|
|
129
|
+
React.createElement(Button, { type: "primary", onClick: function () { return onFontsizeHandle('reduce'); } }, "\u7F29\u5C0F\u6587\u5B57"),
|
|
130
|
+
React.createElement(Button, { type: "primary", onClick: onWaterHandle }, !showWater ? '添加打印水印' : '移除打印水印'),
|
|
131
|
+
React.createElement(Button, { type: "primary", onClick: onPrintHandle }, "\u6253\u5370"),
|
|
132
|
+
React.createElement(Button, { type: "primary", onClick: onPdfWaterHandle }, !pdfShowWater ? '添加导出PDF水印' : '移除导出PDF水印'),
|
|
133
|
+
React.createElement(Button, { type: "primary", onClick: onPdfHandle }, "\u5BFC\u51FAPDF"),
|
|
134
|
+
React.createElement(Button, { type: "primary", onClick: onCloseHandle }, "\u5173\u95ED"))),
|
|
135
|
+
React.createElement("div", { className: "print-container--content", ref: containerRef }, children)));
|
|
136
|
+
};
|
|
137
|
+
export default PrintContainer;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React from 'react';
|
|
1
|
+
import React, { ReactElement } from 'react';
|
|
2
2
|
import { ButtonType } from '../../../components/Button/button';
|
|
3
3
|
interface IPagination {
|
|
4
4
|
total: number;
|
|
@@ -19,7 +19,8 @@ interface IDropdown {
|
|
|
19
19
|
overlay: any;
|
|
20
20
|
}
|
|
21
21
|
export interface IFooterDom extends Partial<IPagination & IBtn & IDropdown> {
|
|
22
|
-
DOMType
|
|
22
|
+
DOMType?: 'button' | 'pagination' | 'dropdown';
|
|
23
|
+
render?: () => ReactElement;
|
|
23
24
|
}
|
|
24
25
|
interface IProps {
|
|
25
26
|
footerDom?: IFooterDom[] | null;
|
|
@@ -4,7 +4,9 @@ var pageSizeOptions = ['10', '20', '30', '100'];
|
|
|
4
4
|
var ZtFooter = Layout.Footer;
|
|
5
5
|
var Footer = function (_a) {
|
|
6
6
|
var footerDom = _a.footerDom, style = _a.style, className = _a.className;
|
|
7
|
-
return (React.createElement(ZtFooter, { className: className
|
|
7
|
+
return (React.createElement(ZtFooter, { className: className
|
|
8
|
+
? "footer hidden-print-footer " + className
|
|
9
|
+
: 'footer hidden-print-footer', style: style }, footerDom ? (React.createElement("div", { className: "footer__btn-group" }, footerDom.map(function (item, index) {
|
|
8
10
|
if (item.DOMType === 'button') {
|
|
9
11
|
var type = item.type, loading = item.loading, disabled = item.disabled, onClick = item.onClick;
|
|
10
12
|
return (React.createElement(Button, { key: index, type: type, loading: loading, disabled: disabled, onClick: onClick }, item.text));
|
|
@@ -16,6 +18,9 @@ var Footer = function (_a) {
|
|
|
16
18
|
if (item.DOMType === 'dropdown') {
|
|
17
19
|
return (React.createElement(Dropdown.Button, { className: "footer__dropdown-btn", overlay: item.overlay, key: index }, item.text));
|
|
18
20
|
}
|
|
21
|
+
if (item.render) {
|
|
22
|
+
return item.render();
|
|
23
|
+
}
|
|
19
24
|
return null;
|
|
20
25
|
}))) : null));
|
|
21
26
|
};
|
package/dist/index.css
CHANGED
|
@@ -1722,4 +1722,56 @@ template {
|
|
|
1722
1722
|
border-radius: 0;
|
|
1723
1723
|
}
|
|
1724
1724
|
|
|
1725
|
+
.print-container--header {
|
|
1726
|
+
position: fixed;
|
|
1727
|
+
height: 42px;
|
|
1728
|
+
background: #fff;
|
|
1729
|
+
top: 0;
|
|
1730
|
+
left: 0;
|
|
1731
|
+
width: 100%;
|
|
1732
|
+
border-bottom: 1px solid #d5d5d5;
|
|
1733
|
+
z-index: 999;
|
|
1734
|
+
}
|
|
1735
|
+
.print-container--header .print-container--header__content {
|
|
1736
|
+
width: 1000px;
|
|
1737
|
+
margin: 0 auto;
|
|
1738
|
+
height: 42px;
|
|
1739
|
+
display: flex;
|
|
1740
|
+
align-items: center;
|
|
1741
|
+
}
|
|
1742
|
+
.print-container--header .print-container--header__content > button {
|
|
1743
|
+
margin-right: 10px;
|
|
1744
|
+
}
|
|
1745
|
+
|
|
1746
|
+
.print-container--content {
|
|
1747
|
+
margin-top: 42px;
|
|
1748
|
+
width: 1000px;
|
|
1749
|
+
min-height: 90vh;
|
|
1750
|
+
margin-right: auto;
|
|
1751
|
+
margin-left: auto;
|
|
1752
|
+
padding: 10px 15px;
|
|
1753
|
+
}
|
|
1754
|
+
.print-container--content .ant-table {
|
|
1755
|
+
background: none;
|
|
1756
|
+
}
|
|
1757
|
+
@media print {
|
|
1758
|
+
.print-container--content img {
|
|
1759
|
+
page-break-inside: avoid;
|
|
1760
|
+
}
|
|
1761
|
+
.print-container--content .print-page-break-before {
|
|
1762
|
+
display: block;
|
|
1763
|
+
page-break-before: always;
|
|
1764
|
+
}
|
|
1765
|
+
.print-container--content .print-page-break-after {
|
|
1766
|
+
display: block;
|
|
1767
|
+
page-break-after: always;
|
|
1768
|
+
}
|
|
1769
|
+
.print-container--content .ant-table {
|
|
1770
|
+
background: none !important;
|
|
1771
|
+
}
|
|
1772
|
+
.print-container--content * {
|
|
1773
|
+
border-color: #000 !important;
|
|
1774
|
+
}
|
|
1775
|
+
}
|
|
1776
|
+
|
|
1725
1777
|
/*# sourceMappingURL=index.css.map */
|
package/dist/index.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../src/styles/index.scss","../src/styles/_variables.scss","../src/styles/_reboot.scss","../src/styles/_common.scss","../src/components/Button/_style.scss","../src/components/Tabs/_style.scss","../src/components/Modal/_style.scss","../src/components/Pagination/_style.scss","../src/components/business/Container/_style.scss","../src/components/business/SearchContainer/_style.scss","../src/components/business/Footer/_style.scss","../src/components/Table/_style.scss","../src/components/Select/_style.scss","../src/components/Sortable/_style.scss","../src/components/business/List/_styles.scss","../src/components/Upload/_style.scss","../src/components/business/DetailHeader/_style.scss","../src/components/business/DetailCard/_style.scss","../src/components/business/DetailList/_style.scss","../src/components/Collapse/_style.scss","../src/components/business/GridList/_styles.scss","../src/components/Timeline/_styles.scss","../src/components/Tag/_style.scss","../src/components/business/NewList/_styles.scss","../src/components/business/Analyse/_styles.scss","../src/components/business/SortList/_styles.scss"],"names":[],"mappings":"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ACE,OJ5CC;;;AKTT;EACE;;AACA;EACE;EACA,OAPiB;EAQjB,QARiB;;AASjB;EACE,OAVe;EAWf,QAXe;EAYf,aAZe;EAaf;;AAGJ;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;;AAGJ;EACE;;AAEF;EACE;EACA;EACA;;;ACjCN;EACE,WNsCa;;AMrCb;EACE;EACA;EACA;EACA,ONHG;EMIH;EACA;EACA;;AAEF;EACE;EACA;EACA;;AACA;EACE;;AAGJ;EACE;;AAEE;EACE;EACA;EACA;EACA;EACA;EACA,YNlBA;;AMsBF;EACE;EACA,ONxBA;EMyBA,YNjCE;;AMoCN;EACE;EACA;EACA;;AAGJ;EACE;EACA;EACA;;AACA;EAGE;EACA,ON1CE;EM2CF,YNnDI;;AMoDJ;EACE,ON7CA;;AMiDN;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;;AAIE;EACE;EACA;EACA;EACA,YNjEA;;AMqEF;EACE;EACA,ONvEA;EMwEA,YNhFE;;AMmFN;EACE;;AAGJ;EACE,ONvFG;;AMyFL;EACE;EACA,WNxDW;;;AOtCf;EACE;;AAEA;EACE;EACA;EACA,kBPaM;EOZN;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;;AAGJ;EAUE;EACA;;AAPA;EACE,aP6BI;;AO3BN;EACE,gBP0BI;;AOtBN;EACE,cPoBG;;AOnBH;EACE;;AAGJ;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA,WPPS;;AOQT;EACE;EACA;EACA;;;AClDR;EACE;EACA;EACA;EACA,YRMM;EQLN;;AACA;EACE,YRFS;EQGT;EACA;;AACA;AAAA;EAEE;;AAGJ;EACE;;AAEF;EAGE;EACA;;AACA;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;;AAEF;EACE;EAGA;EACA;EACA;AAiEA;AAwBA;AAyCA;AAUA;AAYA;AAUA;AAaA;AAaA;;AA3LA;EACE;AA8BA;;AA7BA;EACE;;AAEF;EACE;EACA;;AAEF;AAAA;EAIE;EACA;;AAEF;AAAA;EAEE;EACA;;AAEF;AAAA;EAEE;EACA;;A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A;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;;AAGJ;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;;;AC7BN;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;;AAEF;EACE;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIN;EACE;;AAEE;EACE;;AAGJ;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;;AAEF;EACE;EACA;;;ACzEN;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;AAAA;EAEE;;;AAEF;EACE;;;AAKE;EACE;;AAIF;EACE;;AACA;EACE;EACA;EACA;EACA;;AACA;AAAA;EAEE;EACA;EACA;EACA;EACA;;AAEF;EACE;;AAGJ;EACE;;;ACzCJ;EACE;;AAKA;EACE;;AACA;EACE;EACA;EACA;EACA,YlBZH;EkBaG;EACA;EACA;EACA;;AAMN;EACE,kBlBpBQ;;AkBwBV;EACE;EACA;EACA;EACA,YlBxBE;;AkB0BF;EACE,OlBxBG;;AkByBH;EACE;EACA;;AAGJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE,YlB5CE;;AkB6CF;EACE;;;ACvDN;EACE;EACA;EACA;;AACA;EACE;;AACA;EACE;;AAEF;EACE;EACA;;AAGJ;EACE;;AAEF;EACE;;AAIF;EACE,YnBhBS;;AmBmBb;EACE;EACA,WnBUW;EmBTX;EACA;;AACA;EACE;EACA;EACA;EACA,OnBzBK;EmB0BL;EACA;;AAEF;EACE;EACA;EACA;EACA,OnBjCK;;;AoBVT;EACE,OpBCG;EoBAH;EACA,kBpBDG;;AoBGL;EACE,mBpBHK;;;AqBJT;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;;AAEF;EACE;EACA;;AAEF;EACE;EACA;;;ACfF;EACE;;AACA;EACE;;AAEF;EACE;EACA;;AACA;EACE;;AAKJ;EACE,YtBRS;;AsBWb;EACE;EACA,WtBmBW;EsBlBX;;AACA;EACE;EACA;EACA,OtBdK;EsBeL;EACA;;AACA;EACE;EACA;;AAQF;EACE;;AAGJ;EACE;;AAEF;EACE;EACA;EACA,OtBtCK;EsBuCL;EACA;AACA;EACA;AACA;EACA;AACA;EACA;;;ACxDJ;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;;AAKN;EACE;;AAEF;EACE;;AACA;EACE;;AAGJ;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;;;ACnEN;EACE;EACA;;;AAIA;EACE;;AAEF;EACE;;AACA;EACE;;AAGJ;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA","file":"index.css"}
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../src/styles/index.scss","../src/styles/_variables.scss","../src/styles/_reboot.scss","../src/styles/_common.scss","../src/components/Button/_style.scss","../src/components/Tabs/_style.scss","../src/components/Modal/_style.scss","../src/components/Pagination/_style.scss","../src/components/business/Container/_style.scss","../src/components/business/SearchContainer/_style.scss","../src/components/business/Footer/_style.scss","../src/components/Table/_style.scss","../src/components/Select/_style.scss","../src/components/Sortable/_style.scss","../src/components/business/List/_styles.scss","../src/components/Upload/_style.scss","../src/components/business/DetailHeader/_style.scss","../src/components/business/DetailCard/_style.scss","../src/components/business/DetailList/_style.scss","../src/components/Collapse/_style.scss","../src/components/business/GridList/_styles.scss","../src/components/Timeline/_styles.scss","../src/components/Tag/_style.scss","../src/components/business/NewList/_styles.scss","../src/components/business/Analyse/_styles.scss","../src/components/business/SortList/_styles.scss","../src/components/PrintContainer/_style.scss"],"names":[],"mappings":"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ACE,OJ5CC;;;AKTT;EACE;;AACA;EACE;EACA,OAPiB;EAQjB,QARiB;;AASjB;EACE,OAVe;EAWf,QAXe;EAYf,aAZe;EAaf;;AAGJ;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;;AAGJ;EACE;;AAEF;EACE;EACA;EACA;;;ACjCN;EACE,WNsCa;;AMrCb;EACE;EACA;EACA;EACA,ONHG;EMIH;EACA;EACA;;AAEF;EACE;EACA;EACA;;AACA;EACE;;AAGJ;EACE;;AAEE;EACE;EACA;EACA;EACA;EACA;EACA,YNlBA;;AMsBF;EACE;EACA,ONxBA;EMyBA,YNjCE;;AMoCN;EACE;EACA;EACA;;AAGJ;EACE;EACA;EACA;;AACA;EAGE;EACA,ON1CE;EM2CF,YNnDI;;AMoDJ;EACE,ON7CA;;AMiDN;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;;AAIE;EACE;EACA;EACA;EACA,YNjEA;;AMqEF;EACE;EACA,ONvEA;EMwEA,YNhFE;;AMmFN;EACE;;AAGJ;EACE,ONvFG;;AMyFL;EACE;EACA,WNxDW;;;AOtCf;EACE;;AAEA;EACE;EACA;EACA,kBPaM;EOZN;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;;AAGJ;EAUE;EACA;;AAPA;EACE,aP6BI;;AO3BN;EACE,gBP0BI;;AOtBN;EACE,cPoBG;;AOnBH;EACE;;AAGJ;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA,WPPS;;AOQT;EACE;EACA;EACA;;;AClDR;EACE;EACA;EACA;EACA,YRMM;EQLN;;AACA;EACE,YRFS;EQGT;EACA;;AACA;AAAA;EAEE;;AAGJ;EACE;;AAEF;EAGE;EACA;;AACA;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;;AAEF;EACE;EAGA;EACA;EACA;AAiEA;AAwBA;AAyCA;AAUA;AAYA;AAUA;AAaA;AAaA;;AA3LA;EACE;AA8BA;;AA7BA;EACE;;AAEF;EACE;EACA;;AAEF;AAAA;EAIE;EACA;;AAEF;AAAA;EAEE;EACA;;AAEF;AAAA;EAEE;EACA;;A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A;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;;AAGJ;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;;;AC7BN;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;;AAEF;EACE;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIN;EACE;;AAEE;EACE;;AAGJ;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;;AAEF;EACE;EACA;;;ACzEN;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;AAAA;EAEE;;;AAEF;EACE;;;AAKE;EACE;;AAIF;EACE;;AACA;EACE;EACA;EACA;EACA;;AACA;AAAA;EAEE;EACA;EACA;EACA;EACA;;AAEF;EACE;;AAGJ;EACE;;;ACzCJ;EACE;;AAKA;EACE;;AACA;EACE;EACA;EACA;EACA,YlBZH;EkBaG;EACA;EACA;EACA;;AAMN;EACE,kBlBpBQ;;AkBwBV;EACE;EACA;EACA;EACA,YlBxBE;;AkB0BF;EACE,OlBxBG;;AkByBH;EACE;EACA;;AAGJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE,YlB5CE;;AkB6CF;EACE;;;ACvDN;EACE;EACA;EACA;;AACA;EACE;;AACA;EACE;;AAEF;EACE;EACA;;AAGJ;EACE;;AAEF;EACE;;AAIF;EACE,YnBhBS;;AmBmBb;EACE;EACA,WnBUW;EmBTX;EACA;;AACA;EACE;EACA;EACA;EACA,OnBzBK;EmB0BL;EACA;;AAEF;EACE;EACA;EACA;EACA,OnBjCK;;;AoBVT;EACE,OpBCG;EoBAH;EACA,kBpBDG;;AoBGL;EACE,mBpBHK;;;AqBJT;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;;AAEF;EACE;EACA;;AAEF;EACE;EACA;;;ACfF;EACE;;AACA;EACE;;AAEF;EACE;EACA;;AACA;EACE;;AAKJ;EACE,YtBRS;;AsBWb;EACE;EACA,WtBmBW;EsBlBX;;AACA;EACE;EACA;EACA,OtBdK;EsBeL;EACA;;AACA;EACE;EACA;;AAQF;EACE;;AAGJ;EACE;;AAEF;EACE;EACA;EACA,OtBtCK;EsBuCL;EACA;AACA;EACA;AACA;EACA;AACA;EACA;;;ACxDJ;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;;AAKN;EACE;;AAEF;EACE;;AACA;EACE;;AAGJ;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;;;ACnEN;EACE;EACA;;;AAIA;EACE;;AAEF;EACE;;AACA;EACE;;AAGJ;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;;;ACxBN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;;;AAIN;EACE;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;;AAEF;EAEE;IACE;;EAGF;IACE;IACA;;EAEF;IACE;IACA;;EAGF;IACE;;EAGF;IACE","file":"index.css"}
|
package/dist/index.d.ts
CHANGED
|
@@ -40,6 +40,8 @@ export { UserInfo, UserPassword } from './components/business/Common';
|
|
|
40
40
|
export { default as Analyse } from './components/business/Analyse';
|
|
41
41
|
export { default as SortList } from './components/business/SortList';
|
|
42
42
|
export { default as Empty } from './components/Empty';
|
|
43
|
+
export { default as Print } from './components/Print';
|
|
44
|
+
export { default as PrintContainer } from './components/PrintContainer';
|
|
43
45
|
export { ConfigProvider, Drawer, message, Space, Grid, Divider, Dropdown, Badge, List, Result, Spin, Popconfirm, TreeSelect, Tree, Progress, Cascader, Tooltip, Descriptions, Image, Popover, Breadcrumb, Transfer, Row, Col, } from 'antd';
|
|
44
46
|
export { default as zhCN } from 'antd/lib/locale/zh_CN';
|
|
45
47
|
export { default as Icon, createFromIconfontCN } from '@ant-design/icons';
|
package/dist/index.js
CHANGED
|
@@ -1,75 +1,105 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import ReactDOM from 'react-dom';
|
|
3
|
-
import App from './App';
|
|
4
|
-
import { ConfigProvider } from 'antd';
|
|
5
|
-
import zhCN from 'antd/lib/locale/zh_CN';
|
|
6
|
-
import * as dayjs from 'dayjs';
|
|
7
|
-
import zhCn from 'dayjs/locale/zh-cn';
|
|
8
|
-
import { BrowserRouter, Switch, Route, Link } from 'react-router-dom';
|
|
9
|
-
import Demo from './Demo';
|
|
10
|
-
import TreeSelectDemo from './TreeSelectDemo';
|
|
11
|
-
import TreeDemo from './TreeDemo';
|
|
12
|
-
import UploadDemo from './UploadDemo';
|
|
13
|
-
import CollapseDemo from './DemoCom/CollapseDemo';
|
|
14
|
-
import TimelineDemo from './DemoCom/TimelineDemo';
|
|
15
|
-
import WeChatDemo from './DemoCom/WechatDemo';
|
|
16
|
-
import TableDemo from './DemoCom/TableDemo';
|
|
17
|
-
import TableDemo1 from './DemoCom/TableDemo1';
|
|
18
|
-
import BasicDemo from './DemoCom/BasicDemo';
|
|
19
|
-
import FormDemo from './DemoCom/FormDemo';
|
|
20
|
-
import TableAnalyse from './DemoCom/TableAnalyse';
|
|
21
|
-
import DragSort from './DemoCom/DragSort';
|
|
22
|
-
import PrintDemo from './DemoCom/PrintDemo';
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
//
|
|
26
|
-
React.
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
//
|
|
72
|
-
|
|
1
|
+
// import React from 'react';
|
|
2
|
+
// import ReactDOM from 'react-dom';
|
|
3
|
+
// import App from './App';
|
|
4
|
+
// import { ConfigProvider } from 'antd';
|
|
5
|
+
// import zhCN from 'antd/lib/locale/zh_CN';
|
|
6
|
+
// import * as dayjs from 'dayjs';
|
|
7
|
+
// import zhCn from 'dayjs/locale/zh-cn';
|
|
8
|
+
// import { BrowserRouter, Switch, Route, Link } from 'react-router-dom';
|
|
9
|
+
// import Demo from './Demo';
|
|
10
|
+
// import TreeSelectDemo from './TreeSelectDemo';
|
|
11
|
+
// import TreeDemo from './TreeDemo';
|
|
12
|
+
// import UploadDemo from './UploadDemo';
|
|
13
|
+
// import CollapseDemo from './DemoCom/CollapseDemo';
|
|
14
|
+
// import TimelineDemo from './DemoCom/TimelineDemo';
|
|
15
|
+
// import WeChatDemo from './DemoCom/WechatDemo';
|
|
16
|
+
// import TableDemo from './DemoCom/TableDemo';
|
|
17
|
+
// import TableDemo1 from './DemoCom/TableDemo1';
|
|
18
|
+
// import BasicDemo from './DemoCom/BasicDemo';
|
|
19
|
+
// import FormDemo from './DemoCom/FormDemo';
|
|
20
|
+
// import TableAnalyse from './DemoCom/TableAnalyse';
|
|
21
|
+
// import DragSort from './DemoCom/DragSort';
|
|
22
|
+
// import PrintDemo from './DemoCom/PrintDemo';
|
|
23
|
+
// import PrintContainerDemo from './DemoCom/PrintContainerDemo';
|
|
24
|
+
// dayjs.locale(zhCn);
|
|
25
|
+
// ReactDOM.render(
|
|
26
|
+
// // <React.StrictMode>
|
|
27
|
+
// <ConfigProvider locale={zhCN}>
|
|
28
|
+
// <BrowserRouter>
|
|
29
|
+
// <Switch>
|
|
30
|
+
// <Route exact path="/">
|
|
31
|
+
// <App />
|
|
32
|
+
// </Route>
|
|
33
|
+
// <Route exact path="/select">
|
|
34
|
+
// <Demo />
|
|
35
|
+
// </Route>
|
|
36
|
+
// <Route exact path="/tree-select">
|
|
37
|
+
// <TreeSelectDemo />
|
|
38
|
+
// </Route>
|
|
39
|
+
// <Route exact path="/tree">
|
|
40
|
+
// <TreeDemo />
|
|
41
|
+
// </Route>
|
|
42
|
+
// <Route exact path="/upload">
|
|
43
|
+
// <UploadDemo />
|
|
44
|
+
// </Route>
|
|
45
|
+
// <Route exact path="/collapse">
|
|
46
|
+
// <CollapseDemo />
|
|
47
|
+
// </Route>
|
|
48
|
+
// <Route exact path="/timeline">
|
|
49
|
+
// <TimelineDemo />
|
|
50
|
+
// </Route>
|
|
51
|
+
// <Route exact path="/wechat">
|
|
52
|
+
// <WeChatDemo />
|
|
53
|
+
// </Route>
|
|
54
|
+
// <Route exact path="/table">
|
|
55
|
+
// <TableDemo />
|
|
56
|
+
// </Route>
|
|
57
|
+
// <Route exact path="/table1">
|
|
58
|
+
// <TableDemo1 />
|
|
59
|
+
// </Route>
|
|
60
|
+
// <Route exact path="/basic">
|
|
61
|
+
// <BasicDemo />
|
|
62
|
+
// </Route>
|
|
63
|
+
// <Route exact path="/form">
|
|
64
|
+
// <FormDemo />
|
|
65
|
+
// </Route>
|
|
66
|
+
// <Route exact path="/print">
|
|
67
|
+
// <PrintDemo />
|
|
68
|
+
// </Route>
|
|
69
|
+
// <Route exact path="/print-container">
|
|
70
|
+
// <PrintContainerDemo />
|
|
71
|
+
// </Route>
|
|
72
|
+
// <Route exact path="/table-analyse">
|
|
73
|
+
// <TableAnalyse />
|
|
74
|
+
// </Route>
|
|
75
|
+
// <Route exact path="/drag-sort">
|
|
76
|
+
// <DragSort />
|
|
77
|
+
// </Route>
|
|
78
|
+
// <Route exact path="/test">
|
|
79
|
+
// <div>
|
|
80
|
+
// <h1>
|
|
81
|
+
// <Link to="/select">select</Link>
|
|
82
|
+
// </h1>
|
|
83
|
+
// <h1>
|
|
84
|
+
// <Link to="/tree-select">tree select</Link>
|
|
85
|
+
// </h1>
|
|
86
|
+
// <h1>
|
|
87
|
+
// <Link to="/tree">tree</Link>
|
|
88
|
+
// </h1>
|
|
89
|
+
// <h1>
|
|
90
|
+
// <Link to="/upload">upload</Link>
|
|
91
|
+
// </h1>
|
|
92
|
+
// <h1>
|
|
93
|
+
// <Link to="/drag-sort">drag-sort</Link>
|
|
94
|
+
// </h1>
|
|
95
|
+
// </div>
|
|
96
|
+
// </Route>
|
|
97
|
+
// </Switch>
|
|
98
|
+
// </BrowserRouter>
|
|
99
|
+
// </ConfigProvider>,
|
|
100
|
+
// // </React.StrictMode>,
|
|
101
|
+
// document.getElementById('root')
|
|
102
|
+
// );
|
|
73
103
|
export { default as Button } from './components/Button';
|
|
74
104
|
export { default as Calendar } from './components/Calendar';
|
|
75
105
|
export { default as Checkbox } from './components/Checkbox';
|
|
@@ -112,6 +142,8 @@ export { UserInfo, UserPassword } from './components/business/Common';
|
|
|
112
142
|
export { default as Analyse } from './components/business/Analyse';
|
|
113
143
|
export { default as SortList } from './components/business/SortList';
|
|
114
144
|
export { default as Empty } from './components/Empty';
|
|
145
|
+
export { default as Print } from './components/Print';
|
|
146
|
+
export { default as PrintContainer } from './components/PrintContainer';
|
|
115
147
|
export { ConfigProvider, Drawer, message, Space, Grid, Divider, Dropdown, Badge, List, Result, Spin, Popconfirm, TreeSelect, Tree, Progress, Cascader, Tooltip, Descriptions, Image, Popover, Breadcrumb, Transfer, Row, Col, } from 'antd';
|
|
116
148
|
export { default as zhCN } from 'antd/lib/locale/zh_CN';
|
|
117
149
|
export { default as Icon, createFromIconfontCN } from '@ant-design/icons';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "ztxkui",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.9.1",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "React components library",
|
|
6
6
|
"author": "zt-front-end",
|
|
@@ -21,7 +21,7 @@
|
|
|
21
21
|
"react-dnd": "^14.0.2",
|
|
22
22
|
"react-dnd-html5-backend": "^14.0.0",
|
|
23
23
|
"react-to-print": "^2.14.7",
|
|
24
|
-
"ztxkutils": "^2.
|
|
24
|
+
"ztxkutils": "^2.6.2"
|
|
25
25
|
},
|
|
26
26
|
"scripts": {
|
|
27
27
|
"analyze": "source-map-explorer 'dist/static/js/*.js'",
|
|
@@ -69,7 +69,9 @@
|
|
|
69
69
|
"@types/react-router-dom": "^5.1.8",
|
|
70
70
|
"eslint-config-prettier": "^8.0.0",
|
|
71
71
|
"eslint-plugin-prettier": "^3.3.1",
|
|
72
|
+
"html2canvas": "^1.4.1",
|
|
72
73
|
"js-base64": "^3.6.1",
|
|
74
|
+
"jspdf": "^2.5.1",
|
|
73
75
|
"prettier": "^2.2.1",
|
|
74
76
|
"react": "^17.0.1",
|
|
75
77
|
"react-dom": "^17.0.1",
|