vg-print 1.0.2 → 1.0.5

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.
@@ -1,282 +1,353 @@
1
-
2
1
  @media print {
3
- body {
4
- margin: 0px;
5
- padding: 0px;
6
- }
2
+ body {
3
+ margin: 0px;
4
+ padding: 0px;
5
+ }
7
6
  }
8
7
 
9
8
  @page {
10
- margin: 0;
9
+ margin: 0;
11
10
  }
12
11
 
13
12
  .hiprint-printPaper * {
14
- box-sizing: border-box;
15
- -moz-box-sizing: border-box; /* Firefox */
16
- -webkit-box-sizing: border-box; /* Safari */
17
- image-rendering: -webkit-optimize-contrast; /* 让图片/标尺稍微清楚一点 */
13
+ box-sizing: border-box;
14
+ -moz-box-sizing: border-box; /* Firefox */
15
+ -webkit-box-sizing: border-box; /* Safari */
18
16
  }
19
17
 
20
- .hiprint-printPaper *:focus {
21
- outline: -webkit-focus-ring-color auto 0px;
22
- }
18
+ .hiprint-printPaper *:focus {
19
+ outline: -webkit-focus-ring-color auto 0px;
20
+ }
23
21
 
22
+ .hiprint-printPaper {
23
+ position: relative;
24
+ padding: 0 0 0 0;
25
+ page-break-after: always;
26
+ -webkit-user-select: none; /* Chrome/Safari/Opera */
27
+ -moz-user-select: none; /* Firefox */
28
+ user-select: none;
29
+ overflow-x: hidden;
30
+ overflow: hidden;
31
+ }
24
32
 
25
- .hiprint-page-break-avoid {
26
- page-break-after: avoid;
33
+ .hiprint-printPaper .hiprint-printPaper-content {
34
+ position: relative;
27
35
  }
28
- .hiprint-printPaper {
36
+
37
+ /* 火狐浏览器打印 第一页过后 重叠问题 */
38
+ @-moz-document url-prefix() {
39
+ .hiprint-printPaper .hiprint-printPaper-content {
29
40
  position: relative;
30
- padding: 0 0 0 0;
31
- page-break-after: always;
32
- -webkit-user-select: none; /* Chrome/Safari/Opera */
33
- -moz-user-select: none; /* Firefox */
34
- user-select: none;
35
- overflow-x: hidden;
36
- overflow: hidden;
37
- }
38
- .hiprint-printPaper .hiprint-printPaper-content {
39
- position: relative;
40
- }
41
- .hiprint-printPaper.design {
42
- overflow: visible;
41
+ margin-top: 20px;
42
+ top: -20px
43
+ }
43
44
  }
44
45
 
46
+ .hiprint-printPaper.design {
47
+ overflow: visible;
48
+ }
45
49
 
46
50
 
47
51
  .hiprint-printTemplate .hiprint-printPanel {
48
- page-break-after: always;
52
+ page-break-after: always;
49
53
  }
50
54
 
51
55
  .hiprint-printPaper, hiprint-printPanel {
52
- box-sizing: border-box;
53
- border: 0px;
56
+ box-sizing: border-box;
57
+ border: 0px;
54
58
  }
55
59
 
56
60
  .hiprint-printPanel .hiprint-printPaper:last-child {
57
- page-break-after: avoid;
61
+ page-break-after: avoid;
58
62
  }
59
63
 
60
64
  .hiprint-printTemplate .hiprint-printPanel:last-child {
61
- page-break-after: avoid;
65
+ page-break-after: avoid;
62
66
  }
63
67
 
64
68
  .hiprint-printPaper .hideheaderLinetarget {
65
- border-top: 0px dashed rgb(201, 190, 190) !important;
69
+ border-top: 0px dashed rgb(201, 190, 190) !important;
66
70
  }
67
71
 
68
72
  .hiprint-printPaper .hidefooterLinetarget {
69
- border-top: 0px dashed rgb(201, 190, 190) !important;
73
+ border-top: 0px dashed rgb(201, 190, 190) !important;
70
74
  }
71
75
 
72
76
  .hiprint-printPaper.design {
73
- border: 1px dashed rgba(170,170,170,0.7);
77
+ border: 1px dashed rgba(170, 170, 170, 0.7);
74
78
  }
75
79
 
76
80
  .design .hiprint-printElement-table-content, .design .hiprint-printElement-longText-content {
77
- overflow: hidden;
78
- box-sizing: border-box;
81
+ overflow: hidden;
82
+ box-sizing: border-box;
79
83
  }
80
84
 
81
85
  .design .resize-panel {
82
- box-sizing: border-box;
83
- border: 1px dotted;
86
+ box-sizing: border-box;
87
+ border: 1px dotted;
84
88
  }
85
89
 
86
90
  .hiprint-printElement-text {
87
- background-color: transparent;
88
- background-repeat: repeat;
89
- padding: 0 0 0 0;
90
- border: 0.75pt none rgb(0,0,0);
91
- direction: ltr;
92
- font-family: 'SimSun';
93
- font-size: 9pt;
94
- font-style: normal;
95
- font-weight: normal;
96
- padding-bottom: 0pt;
97
- padding-left: 0pt;
98
- padding-right: 0pt;
99
- padding-top: 0pt;
100
- text-align: left;
101
- text-decoration: none;
102
- line-height: 9.75pt;
103
- box-sizing: border-box;
104
- word-wrap: break-word;
105
- word-break: break-all;
91
+ background-color: transparent;
92
+ background-repeat: repeat;
93
+ padding: 0 0 0 0;
94
+ border: 0.75pt none rgb(0, 0, 0);
95
+ direction: ltr;
96
+ font-family: 'SimSun';
97
+ font-size: 9pt;
98
+ font-style: normal;
99
+ font-weight: normal;
100
+ padding-bottom: 0pt;
101
+ padding-left: 0pt;
102
+ padding-right: 0pt;
103
+ padding-top: 0pt;
104
+ text-align: left;
105
+ text-decoration: none;
106
+ line-height: 9.75pt;
107
+ box-sizing: border-box;
108
+ word-wrap: break-word;
109
+ word-break: break-all;
106
110
  }
107
111
 
108
112
  .design .hiprint-printElement-text-content {
109
- border: 1px dashed rgb(206, 188, 188);
110
- box-sizing: border-box;
113
+ border: 1px dashed rgb(206, 188, 188);
114
+ box-sizing: border-box;
111
115
  }
112
116
 
113
117
  .hiprint-printElement-longText {
114
- background-color: transparent;
115
- background-repeat: repeat;
116
- border: 0.75pt none rgb(0,0,0);
117
- direction: ltr;
118
- font-family: 'SimSun';
119
- font-size: 9pt;
120
- font-style: normal;
121
- font-weight: normal;
122
- padding-bottom: 0pt;
123
- padding-left: 0pt;
124
- padding-right: 0pt;
125
- padding-top: 0pt;
126
- text-align: left;
127
- text-decoration: none;
128
- line-height: 9.75pt;
129
- box-sizing: border-box;
130
- word-wrap: break-word;
131
- word-break: break-all;
132
- /*white-space: pre-wrap*/
118
+ background-color: transparent;
119
+ background-repeat: repeat;
120
+ border: 0.75pt none rgb(0, 0, 0);
121
+ direction: ltr;
122
+ font-family: 'SimSun';
123
+ font-size: 9pt;
124
+ font-style: normal;
125
+ font-weight: normal;
126
+ padding-bottom: 0pt;
127
+ padding-left: 0pt;
128
+ padding-right: 0pt;
129
+ padding-top: 0pt;
130
+ text-align: left;
131
+ text-decoration: none;
132
+ line-height: 9.75pt;
133
+ box-sizing: border-box;
134
+ word-wrap: break-word;
135
+ word-break: break-all;
136
+ /*white-space: pre-wrap*/
133
137
  }
134
138
 
135
139
 
136
-
137
140
  .hiprint-printElement-table {
138
- background-color: transparent;
139
- background-repeat: repeat;
140
- color: rgb(0,0,0);
141
- border-color: rgb(0,0,0);
142
- border-style: none;
143
- direction: ltr;
144
- font-family: 'SimSun';
145
- font-size: 9pt;
146
- font-style: normal;
147
- font-weight: normal;
148
- padding-bottom: 0pt;
149
- padding-left: 0pt;
150
- padding-right: 0pt;
151
- padding-top: 0pt;
152
- text-align: left;
153
- text-decoration: none;
154
- padding: 0 0 0 0;
155
- box-sizing: border-box;
156
- line-height: 9.75pt;
157
- }
158
-
159
- .hiprint-printElement-table thead {
160
- background: #e8e8e8;
161
- font-weight: 700;
162
- }
141
+ background-color: transparent;
142
+ background-repeat: repeat;
143
+ color: rgb(0, 0, 0);
144
+ border-color: rgb(0, 0, 0);
145
+ border-style: none;
146
+ direction: ltr;
147
+ font-family: 'SimSun';
148
+ font-size: 9pt;
149
+ font-style: normal;
150
+ font-weight: normal;
151
+ padding-bottom: 0pt;
152
+ padding-left: 0pt;
153
+ padding-right: 0pt;
154
+ padding-top: 0pt;
155
+ text-align: left;
156
+ text-decoration: none;
157
+ padding: 0 0 0 0;
158
+ box-sizing: border-box;
159
+ line-height: 9.75pt;
160
+ }
161
+
162
+ .hiprint-printElement-table thead {
163
+ background: #e8e8e8;
164
+ font-weight: 700;
165
+ }
166
+
167
+ table.hiprint-printElement-tableTarget {
168
+ width: 100%;
169
+ }
163
170
 
164
171
  .hiprint-printElement-tableTarget, .hiprint-printElement-tableTarget tr, .hiprint-printElement-tableTarget td {
165
- border-color: rgb(0,0,0);
166
- border-style: none;
167
- /*border: 1px solid rgb(0,0,0);*/
168
- font-weight: normal;
169
- direction: ltr;
170
- padding-bottom: 0pt;
171
- padding-left: 4pt;
172
- padding-right: 4pt;
173
- padding-top: 0pt;
174
- text-decoration: none;
175
- vertical-align: middle;
176
- box-sizing: border-box;
177
- word-wrap: break-word;
178
- word-break: break-all;
179
- /*line-height: 9.75pt;
180
- font-size: 9pt;*/
181
- }
182
-
183
- /*.hiprint-printElement-tableTarget tr,*/
184
- .hiprint-printElement-tableTarget td {
185
- height: 18pt;
186
- }
172
+ border-color: rgb(0, 0, 0);
173
+ /*border-style: none;*/
174
+ /*border: 1px solid rgb(0, 0, 0);*/
175
+ font-weight: normal;
176
+ direction: ltr;
177
+ padding-bottom: 0pt;
178
+ padding-left: 4pt;
179
+ padding-right: 4pt;
180
+ padding-top: 0pt;
181
+ text-decoration: none;
182
+ vertical-align: middle;
183
+ box-sizing: border-box;
184
+ word-wrap: break-word;
185
+ word-break: break-all;
186
+ /*line-height: 9.75pt;
187
+ font-size: 9pt;*/
188
+ }
189
+
190
+ .hiprint-printElement-tableTarget-border-all {
191
+ border: 1px solid;
192
+ }
193
+ .hiprint-printElement-tableTarget-border-none {
194
+ border: 0px solid;
195
+ }
196
+ .hiprint-printElement-tableTarget-border-lr {
197
+ border-left: 1px solid;
198
+ border-right: 1px solid;
199
+ }
200
+ .hiprint-printElement-tableTarget-border-left {
201
+ border-left: 1px solid;
202
+ }
203
+ .hiprint-printElement-tableTarget-border-right {
204
+ border-right: 1px solid;
205
+ }
206
+ .hiprint-printElement-tableTarget-border-tb {
207
+ border-top: 1px solid;
208
+ border-bottom: 1px solid;
209
+ }
210
+ .hiprint-printElement-tableTarget-border-top {
211
+ border-top: 1px solid;
212
+ }
213
+ .hiprint-printElement-tableTarget-border-bottom {
214
+ border-bottom: 1px solid;
215
+ }
216
+
217
+ .hiprint-printElement-tableTarget-border-td-none td {
218
+ border: 0px solid;
219
+ }
220
+ .hiprint-printElement-tableTarget-border-td-all td:not(:nth-last-child(-n+2)) {
221
+ border-right: 1px solid;
222
+ }
223
+ /*.hiprint-printElement-tableTarget-border-td-all td:last-child {
224
+ border-left: 1px solid;
225
+ }*/
226
+ /*修改合并单元格后左侧边框没有了问题*/
227
+ .hiprint-printElement-tableTarget-border-td-all td {
228
+ border-left: 1px solid;
229
+ }
230
+ .hiprint-printElement-tableTarget-border-td-all td:last-child:first-child {
231
+ border-left: none;
232
+ }
233
+
234
+ /*.hiprint-printElement-tableTarget tr,*/
235
+ .hiprint-printElement-tableTarget td {
236
+ height: 18pt;
237
+ }
187
238
 
188
239
  .hiprint-printPaper .hiprint-paperNumber {
189
- font-size: 9pt;
240
+ font-size: 9pt;
190
241
  }
191
242
 
192
243
  .design .hiprint-printElement-table-handle {
193
- position: absolute;
194
- height: 12pt;
195
- width: 12pt;
196
- background: red;
197
- z-index:1;
244
+ position: absolute;
245
+ height: 21pt;
246
+ width: 21pt;
247
+ background: red;
248
+ z-index: 1;
198
249
  }
199
250
 
200
251
  .hiprint-printPaper .hiprint-paperNumber-disabled {
201
- float: right !important;
202
- right: 0 !important;
203
- color: gainsboro !important;
252
+ float: right !important;
253
+ right: 0 !important;
254
+ color: gainsboro !important;
204
255
  }
205
256
 
206
257
  .hiprint-printElement-vline, .hiprint-printElement-hline {
207
- border: 0px none rgb(0,0,0);
258
+ border: 0px none rgb(0, 0, 0);
208
259
 
209
260
  }
261
+
210
262
  .hiprint-printElement-vline {
211
- border-left: 0.75pt solid #000;
212
- border-right: 0px none rgb(0,0,0) !important;
213
- border-bottom: 0px none rgb(0,0,0) !important;
214
- border-top: 0px none rgb(0,0,0) !important;
263
+ border-left: 0.75pt solid #000;
264
+ border-right: 0px none rgb(0, 0, 0) !important;
265
+ border-bottom: 0px none rgb(0, 0, 0) !important;
266
+ border-top: 0px none rgb(0, 0, 0) !important;
215
267
  }
216
268
 
217
269
  .hiprint-printElement-hline {
218
- border-top: 0.75pt solid #000;
219
- border-right: 0px none rgb(0,0,0) !important;
220
- border-bottom: 0px none rgb(0,0,0) !important;
221
- border-left: 0px none rgb(0,0,0) !important;
270
+ border-top: 0.75pt solid #000;
271
+ border-right: 0px none rgb(0, 0, 0) !important;
272
+ border-bottom: 0px none rgb(0, 0, 0) !important;
273
+ border-left: 0px none rgb(0, 0, 0) !important;
222
274
  }
223
275
 
224
276
  .hiprint-printElement-oval, .hiprint-printElement-rect {
225
- border: 0.75pt solid #000;
277
+ border: 0.75pt solid #000;
226
278
  }
227
279
 
228
280
  .hiprint-text-content-middle {
229
- display:table;
230
281
  }
231
- .hiprint-text-content-middle>div {
232
- display: table-cell;
233
- vertical-align:middle
282
+
283
+ .hiprint-text-content-middle > div {
284
+ display: grid;
285
+ align-items: center;
234
286
  }
235
287
 
236
288
  .hiprint-text-content-bottom {
237
- display: table;
238
289
  }
239
290
 
240
- .hiprint-text-content-bottom > div {
241
- display: table-cell;
242
- vertical-align: bottom
243
- }
291
+ .hiprint-text-content-bottom > div {
292
+ display: grid;
293
+ align-items: flex-end;
294
+ }
295
+
296
+ .hiprint-text-content-wrap {
297
+ }
298
+
299
+ .hiprint-text-content-wrap .hiprint-text-content-wrap-nowrap {
300
+ white-space: nowrap;
301
+ }
302
+
303
+ .hiprint-text-content-wrap .hiprint-text-content-wrap-clip {
304
+ white-space: nowrap;
305
+ overflow: hidden;
306
+ text-overflow: clip;
307
+ }
308
+
309
+ .hiprint-text-content-wrap .hiprint-text-content-wrap-ellipsis {
310
+ white-space: nowrap;
311
+ overflow: hidden;
312
+ text-overflow: ellipsis;
313
+ }
244
314
 
245
315
  /*hi-grid-row */
246
316
  .hi-grid-row {
247
- position: relative;
248
- height: auto;
249
- margin-right: 0;
250
- margin-left: 0;
251
- zoom: 1;
252
- display: block;
253
- box-sizing: border-box;
317
+ position: relative;
318
+ height: auto;
319
+ margin-right: 0;
320
+ margin-left: 0;
321
+ zoom: 1;
322
+ display: block;
323
+ box-sizing: border-box;
254
324
  }
255
325
 
256
- .hi-grid-row::after, .hi-grid-row::before {
257
- display: table;
258
- content: '';
259
- box-sizing: border-box;
260
- }
326
+ .hi-grid-row::after, .hi-grid-row::before {
327
+ display: table;
328
+ content: '';
329
+ box-sizing: border-box;
330
+ }
261
331
 
262
332
  .hi-grid-col {
263
- display: block;
264
- box-sizing: border-box;
265
- position: relative;
266
- float: left;
267
- flex: 0 0 auto;
333
+ display: block;
334
+ box-sizing: border-box;
335
+ position: relative;
336
+ float: left;
337
+ flex: 0 0 auto;
268
338
  }
269
339
 
270
340
  .table-grid-row {
271
- margin-left: -0pt;
272
- margin-right: -0pt;
341
+ margin-left: -0pt;
342
+ margin-right: -0pt;
273
343
  }
274
344
 
275
345
  .tableGridColumnsGutterRow {
276
- padding-left: 0pt;
277
- padding-right: 0pt;
346
+ padding-left: 0pt;
347
+ padding-right: 0pt;
278
348
  }
349
+
279
350
  .hiprint-gridColumnsFooter {
280
- text-align: left;
281
- clear: both;
282
- }
351
+ text-align: left;
352
+ clear: both;
353
+ }