yh-hiprint 2.6.23 → 2.6.24
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/HiprintDesigner.vue +34 -15
- package/package.json +1 -1
package/HiprintDesigner.vue
CHANGED
|
@@ -208,6 +208,7 @@
|
|
|
208
208
|
placeholder="请选择数据源"
|
|
209
209
|
multiple
|
|
210
210
|
v-model="formCode"
|
|
211
|
+
@change="handleFormCodeChange"
|
|
211
212
|
collapse-tags
|
|
212
213
|
collapse-tags-tooltip>
|
|
213
214
|
<el-option
|
|
@@ -247,7 +248,7 @@
|
|
|
247
248
|
<el-col :span="8">
|
|
248
249
|
<a
|
|
249
250
|
class="ep-draggable-item"
|
|
250
|
-
tid="text">
|
|
251
|
+
tid="defaultModule.text">
|
|
251
252
|
<i class="iconfont icon-font-size"></i>
|
|
252
253
|
<span>文本</span>
|
|
253
254
|
</a>
|
|
@@ -255,7 +256,7 @@
|
|
|
255
256
|
<el-col :span="8">
|
|
256
257
|
<a
|
|
257
258
|
class="ep-draggable-item"
|
|
258
|
-
tid="textVal">
|
|
259
|
+
tid="defaultModule.textVal">
|
|
259
260
|
<i class="iconfont icon-font-size"></i>
|
|
260
261
|
<span>值（文本）</span>
|
|
261
262
|
</a>
|
|
@@ -263,7 +264,7 @@
|
|
|
263
264
|
<el-col :span="8">
|
|
264
265
|
<a
|
|
265
266
|
class="ep-draggable-item"
|
|
266
|
-
tid="image">
|
|
267
|
+
tid="defaultModule.image">
|
|
267
268
|
<i class="iconfont icon-image-fill"></i>
|
|
268
269
|
<span>图片</span>
|
|
269
270
|
</a>
|
|
@@ -271,7 +272,7 @@
|
|
|
271
272
|
<el-col :span="8">
|
|
272
273
|
<a
|
|
273
274
|
class="ep-draggable-item"
|
|
274
|
-
tid="longText">
|
|
275
|
+
tid="defaultModule.longText">
|
|
275
276
|
<i class="iconfont icon-file-text"></i>
|
|
276
277
|
<span>长文本</span>
|
|
277
278
|
</a>
|
|
@@ -279,7 +280,7 @@
|
|
|
279
280
|
<el-col :span="8">
|
|
280
281
|
<a
|
|
281
282
|
class="ep-draggable-item"
|
|
282
|
-
tid="table">
|
|
283
|
+
tid="defaultModule.table">
|
|
283
284
|
<i class="iconfont icon-table"></i>
|
|
284
285
|
<span>表格</span>
|
|
285
286
|
</a>
|
|
@@ -287,7 +288,7 @@
|
|
|
287
288
|
<el-col :span="8">
|
|
288
289
|
<a
|
|
289
290
|
class="ep-draggable-item"
|
|
290
|
-
tid="emptyTable">
|
|
291
|
+
tid="defaultModule.emptyTable">
|
|
291
292
|
<i class="iconfont icon-layout"></i>
|
|
292
293
|
<span>空白表格</span>
|
|
293
294
|
</a>
|
|
@@ -295,7 +296,7 @@
|
|
|
295
296
|
<el-col :span="8">
|
|
296
297
|
<a
|
|
297
298
|
class="ep-draggable-item"
|
|
298
|
-
tid="html">
|
|
299
|
+
tid="defaultModule.html">
|
|
299
300
|
<i class="iconfont icon-HTML"></i>
|
|
300
301
|
<span>html</span>
|
|
301
302
|
</a>
|
|
@@ -303,7 +304,7 @@
|
|
|
303
304
|
<el-col :span="8">
|
|
304
305
|
<a
|
|
305
306
|
class="ep-draggable-item"
|
|
306
|
-
tid="customText">
|
|
307
|
+
tid="defaultModule.customText">
|
|
307
308
|
<i class="iconfont icon-container-fill"></i>
|
|
308
309
|
<span>自定义文本</span>
|
|
309
310
|
</a>
|
|
@@ -311,7 +312,7 @@
|
|
|
311
312
|
<el-col :span="8">
|
|
312
313
|
<a
|
|
313
314
|
class="ep-draggable-item"
|
|
314
|
-
tid="barcode">
|
|
315
|
+
tid="defaultModule.barcode">
|
|
315
316
|
<i class="iconfont icon-barcode"></i>
|
|
316
317
|
<span>条形码</span>
|
|
317
318
|
</a>
|
|
@@ -319,7 +320,7 @@
|
|
|
319
320
|
<el-col :span="8">
|
|
320
321
|
<a
|
|
321
322
|
class="ep-draggable-item"
|
|
322
|
-
tid="qrcode">
|
|
323
|
+
tid="defaultModule.qrcode">
|
|
323
324
|
<i class="iconfont icon-qrcode"></i>
|
|
324
325
|
<span>二维码</span>
|
|
325
326
|
</a>
|
|
@@ -330,7 +331,7 @@
|
|
|
330
331
|
<el-col :span="8">
|
|
331
332
|
<a
|
|
332
333
|
class="ep-draggable-item"
|
|
333
|
-
tid="hline">
|
|
334
|
+
tid="defaultModule.hline">
|
|
334
335
|
<i class="iconfont icon-border-verticle"></i>
|
|
335
336
|
<span>横线</span>
|
|
336
337
|
</a>
|
|
@@ -338,7 +339,7 @@
|
|
|
338
339
|
<el-col :span="8">
|
|
339
340
|
<a
|
|
340
341
|
class="ep-draggable-item"
|
|
341
|
-
tid="vline">
|
|
342
|
+
tid="defaultModule.vline">
|
|
342
343
|
<i class="iconfont icon-border-horizontal"></i>
|
|
343
344
|
<span>竖线</span>
|
|
344
345
|
</a>
|
|
@@ -346,7 +347,7 @@
|
|
|
346
347
|
<el-col :span="8">
|
|
347
348
|
<a
|
|
348
349
|
class="ep-draggable-item"
|
|
349
|
-
tid="rect">
|
|
350
|
+
tid="defaultModule.rect">
|
|
350
351
|
<i class="iconfont icon-border"></i>
|
|
351
352
|
<span>矩形</span>
|
|
352
353
|
</a>
|
|
@@ -354,7 +355,7 @@
|
|
|
354
355
|
<el-col :span="8">
|
|
355
356
|
<a
|
|
356
357
|
class="ep-draggable-item"
|
|
357
|
-
tid="oval">
|
|
358
|
+
tid="defaultModule.oval">
|
|
358
359
|
<i class="iconfont icon-round"></i>
|
|
359
360
|
<span>椭圆</span>
|
|
360
361
|
</a>
|
|
@@ -431,7 +432,7 @@
|
|
|
431
432
|
</template>
|
|
432
433
|
<script setup lang="ts">
|
|
433
434
|
// @ts-nocheck
|
|
434
|
-
import {onMounted, ref, onActivated, onDeactivated, computed, watch, shallowRef} from 'vue';
|
|
435
|
+
import {onMounted, ref, onActivated, onDeactivated, computed, watch, shallowRef, nextTick} from 'vue';
|
|
435
436
|
import {
|
|
436
437
|
hiprint,
|
|
437
438
|
defaultElementTypeProvider,
|
|
@@ -472,6 +473,24 @@
|
|
|
472
473
|
previewHiprint(detailData.value.code);
|
|
473
474
|
}
|
|
474
475
|
|
|
476
|
+
function handleFormCodeChange() {
|
|
477
|
+
// 手动触发字段更新，解决延迟问题
|
|
478
|
+
nextTick(() => {
|
|
479
|
+
if (formColumns.value && formColumns.value.length && hiprintTemplate.value) {
|
|
480
|
+
hiprintTemplate.value.setFields(
|
|
481
|
+
formColumns.value.map((item) => {
|
|
482
|
+
return {
|
|
483
|
+
field: item,
|
|
484
|
+
text: item,
|
|
485
|
+
};
|
|
486
|
+
})
|
|
487
|
+
);
|
|
488
|
+
} else {
|
|
489
|
+
hiprintTemplate.value?.setFields('');
|
|
490
|
+
}
|
|
491
|
+
});
|
|
492
|
+
}
|
|
493
|
+
|
|
475
494
|
function saveConfig() {
|
|
476
495
|
let arr = [].concat(formCode.value);
|
|
477
496
|
let json = hiprintTemplate.value?.getJson();
|