template-designer 0.5.6 → 0.5.8
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/{index-1955b1c7.mjs → index-a36079b2.mjs} +7743 -7633
- package/dist/{index.es-82c18e8b.mjs → index.es-c032b0ea.mjs} +1 -1
- package/dist/{lodop-bdf81ff5.mjs → lodop-2ad93876.mjs} +59 -2
- package/dist/{rfid-8da4c932.mjs → rfid-f825ac67.mjs} +8 -1
- package/dist/style.css +1 -1
- package/dist/template-designer.es.js +1 -1
- package/dist/template-designer.umd.js +71 -71
- package/package.json +1 -1
|
@@ -1,4 +1,9 @@
|
|
|
1
|
-
const e =
|
|
1
|
+
const e = [
|
|
2
|
+
{ label: "0°", value: 0 },
|
|
3
|
+
{ label: "90°", value: 90 },
|
|
4
|
+
{ label: "180°", value: 180 },
|
|
5
|
+
{ label: "270°", value: 270 }
|
|
6
|
+
], l = {
|
|
2
7
|
text: {
|
|
3
8
|
// 组件默认宽度 单位mm
|
|
4
9
|
width: 20,
|
|
@@ -8,6 +13,8 @@ const e = {
|
|
|
8
13
|
rotation: 0,
|
|
9
14
|
// 锁定宽高比
|
|
10
15
|
lockAspectRatio: !1,
|
|
16
|
+
// 是否允许旋转 暂时隐藏自由旋转 改为下面属性控制指定角度
|
|
17
|
+
allowRotation: !1,
|
|
11
18
|
// 组件说明
|
|
12
19
|
desc: "",
|
|
13
20
|
propertyPanel: [
|
|
@@ -220,6 +227,14 @@ const e = {
|
|
|
220
227
|
{ label: "否", value: 0 }
|
|
221
228
|
],
|
|
222
229
|
default: 0
|
|
230
|
+
},
|
|
231
|
+
{
|
|
232
|
+
prop: "rotation",
|
|
233
|
+
label: "旋转角度",
|
|
234
|
+
type: "select",
|
|
235
|
+
options: e,
|
|
236
|
+
default: 0,
|
|
237
|
+
layout: "half"
|
|
223
238
|
}
|
|
224
239
|
]
|
|
225
240
|
},
|
|
@@ -232,6 +247,8 @@ const e = {
|
|
|
232
247
|
rotation: 0,
|
|
233
248
|
// 锁定宽高比
|
|
234
249
|
lockAspectRatio: !1,
|
|
250
|
+
// 是否允许旋转
|
|
251
|
+
allowRotation: !1,
|
|
235
252
|
desc: "注:<br/>1、条码宽度需要根据实际打印数据的长短来适当设置;如果打印数据较长,条码宽度较短,条码打印出来会识别困难或无法识别。<br/>2、如果标签尺寸较小,就需要控制打印数据的长度,确保在有限的宽度打印出来能够正常识别。",
|
|
236
253
|
propertyPanel: [
|
|
237
254
|
{
|
|
@@ -279,6 +296,14 @@ const e = {
|
|
|
279
296
|
type: "color",
|
|
280
297
|
hide: !0,
|
|
281
298
|
default: "#000000"
|
|
299
|
+
},
|
|
300
|
+
{
|
|
301
|
+
prop: "rotation",
|
|
302
|
+
label: "旋转角度",
|
|
303
|
+
type: "select",
|
|
304
|
+
options: e,
|
|
305
|
+
default: 0,
|
|
306
|
+
layout: "half"
|
|
282
307
|
}
|
|
283
308
|
]
|
|
284
309
|
},
|
|
@@ -291,6 +316,8 @@ const e = {
|
|
|
291
316
|
rotation: 0,
|
|
292
317
|
// 锁定宽高比
|
|
293
318
|
lockAspectRatio: !0,
|
|
319
|
+
// 是否允许旋转
|
|
320
|
+
allowRotation: !1,
|
|
294
321
|
desc: "",
|
|
295
322
|
propertyPanel: [
|
|
296
323
|
{
|
|
@@ -364,6 +391,8 @@ const e = {
|
|
|
364
391
|
height: 12,
|
|
365
392
|
rotation: 0,
|
|
366
393
|
lockAspectRatio: !1,
|
|
394
|
+
// 是否允许旋转
|
|
395
|
+
allowRotation: !1,
|
|
367
396
|
desc: "",
|
|
368
397
|
propertyPanel: [
|
|
369
398
|
{ prop: "ImageSrc", label: "图片地址", type: "file", accept: "image/*", default: "" },
|
|
@@ -387,6 +416,14 @@ const e = {
|
|
|
387
416
|
{ label: "否", value: !1 }
|
|
388
417
|
],
|
|
389
418
|
default: !0
|
|
419
|
+
},
|
|
420
|
+
{
|
|
421
|
+
prop: "rotation",
|
|
422
|
+
label: "旋转角度",
|
|
423
|
+
type: "select",
|
|
424
|
+
options: e,
|
|
425
|
+
default: 0,
|
|
426
|
+
layout: "half"
|
|
390
427
|
}
|
|
391
428
|
]
|
|
392
429
|
},
|
|
@@ -395,6 +432,8 @@ const e = {
|
|
|
395
432
|
height: 10,
|
|
396
433
|
rotation: 0,
|
|
397
434
|
lockAspectRatio: !1,
|
|
435
|
+
// 是否允许旋转
|
|
436
|
+
allowRotation: !1,
|
|
398
437
|
desc: "",
|
|
399
438
|
propertyPanel: [
|
|
400
439
|
{
|
|
@@ -434,6 +473,14 @@ const e = {
|
|
|
434
473
|
min: 0,
|
|
435
474
|
step: 1,
|
|
436
475
|
hide: !0
|
|
476
|
+
},
|
|
477
|
+
{
|
|
478
|
+
prop: "rotation",
|
|
479
|
+
label: "旋转角度",
|
|
480
|
+
type: "select",
|
|
481
|
+
options: e,
|
|
482
|
+
default: 0,
|
|
483
|
+
layout: "half"
|
|
437
484
|
}
|
|
438
485
|
]
|
|
439
486
|
},
|
|
@@ -443,6 +490,8 @@ const e = {
|
|
|
443
490
|
// 等于默认线宽值
|
|
444
491
|
rotation: 0,
|
|
445
492
|
lockAspectRatio: !1,
|
|
493
|
+
// 是否允许旋转
|
|
494
|
+
allowRotation: !1,
|
|
446
495
|
// 端点坐标参数(自动计算,不显示在属性面板中)
|
|
447
496
|
x1: 0,
|
|
448
497
|
y1: 0,
|
|
@@ -478,10 +527,18 @@ const e = {
|
|
|
478
527
|
{ label: "实线", value: 1 },
|
|
479
528
|
{ label: "虚线", value: 2 }
|
|
480
529
|
]
|
|
530
|
+
},
|
|
531
|
+
{
|
|
532
|
+
prop: "rotation",
|
|
533
|
+
label: "旋转角度",
|
|
534
|
+
type: "select",
|
|
535
|
+
options: e,
|
|
536
|
+
default: 0,
|
|
537
|
+
layout: "half"
|
|
481
538
|
}
|
|
482
539
|
]
|
|
483
540
|
}
|
|
484
541
|
};
|
|
485
542
|
export {
|
|
486
|
-
|
|
543
|
+
l as default
|
|
487
544
|
};
|
|
@@ -5,6 +5,8 @@ const e = {
|
|
|
5
5
|
width: 20,
|
|
6
6
|
height: 4.2,
|
|
7
7
|
rotation: 0,
|
|
8
|
+
// 是否允许旋转
|
|
9
|
+
allowRotation: !1,
|
|
8
10
|
Title: "",
|
|
9
11
|
FieldName: "",
|
|
10
12
|
Text: "测试文本",
|
|
@@ -152,6 +154,8 @@ const e = {
|
|
|
152
154
|
width: 20,
|
|
153
155
|
height: 6,
|
|
154
156
|
rotation: 0,
|
|
157
|
+
// 是否允许旋转
|
|
158
|
+
allowRotation: !1,
|
|
155
159
|
FieldName: "goodsSn",
|
|
156
160
|
BarcodeValue: "1234567890",
|
|
157
161
|
CodeType: "128Auto",
|
|
@@ -213,6 +217,8 @@ const e = {
|
|
|
213
217
|
width: 10,
|
|
214
218
|
height: 10,
|
|
215
219
|
rotation: 0,
|
|
220
|
+
// 是否允许旋转
|
|
221
|
+
allowRotation: !1,
|
|
216
222
|
FieldName: "",
|
|
217
223
|
QRCodeValue: "FB-GOLD",
|
|
218
224
|
QRCodeVersion: 7,
|
|
@@ -220,7 +226,6 @@ const e = {
|
|
|
220
226
|
QRCodeEncodeMode: "B",
|
|
221
227
|
QRCodeForeground: "#000000",
|
|
222
228
|
QRCodeBackground: "transparent",
|
|
223
|
-
LockAspectRatio: !0,
|
|
224
229
|
lockAspectRatio: !0,
|
|
225
230
|
desc: "",
|
|
226
231
|
propertyPanel: [
|
|
@@ -292,6 +297,8 @@ const e = {
|
|
|
292
297
|
width: 12,
|
|
293
298
|
height: 12,
|
|
294
299
|
rotation: 0,
|
|
300
|
+
// 是否允许旋转
|
|
301
|
+
allowRotation: !1,
|
|
295
302
|
lockAspectRatio: !1,
|
|
296
303
|
desc: "",
|
|
297
304
|
propertyPanel: [
|
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.td-text-component{width:100%;height:100%;position:relative;display:flex;align-items:center;overflow:hidden;box-sizing:border-box}.td-text-content{width:100%;min-width:0;box-sizing:border-box}.label[data-v-10ba6a3d]{display:flex;align-items:center;justify-content:flex-start;gap:4px}.help-icon[data-v-10ba6a3d]{font-size:14px;color:#999;cursor:help;transition:color .2s ease}.help-icon[data-v-10ba6a3d]:hover{color:var(--el-color-primary)}.property-item[data-v-10ba6a3d]{display:flex;flex-direction:column;gap:4px}.property-item label[data-v-10ba6a3d]{font-size:14px;color:#666}.property-item input[data-v-10ba6a3d],.property-item select[data-v-10ba6a3d]{padding:4px 8px;border:1px solid #ddd;border-radius:4px}.property-item input[type=color][data-v-10ba6a3d]{height:32px;padding:2px}.property-item input[type=checkbox][data-v-10ba6a3d]{width:16px;height:16px}.file-input-container[data-v-10ba6a3d]{position:relative;display:flex;align-items:center;gap:8px}.file-input-container input[data-v-10ba6a3d]{height:100%!important}.file-url-input[data-v-10ba6a3d]{flex:1;padding:4px 8px;border:1px solid #ddd;border-radius:4px;font-size:12px}.file-url-input[data-v-10ba6a3d]:disabled{background-color:#f5f5f5;cursor:not-allowed}.file-input[data-v-10ba6a3d]{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.file-select-btn[data-v-10ba6a3d]{padding:4px 12px;border:1px solid #ddd;border-radius:4px;background:var(--el-color-primary);color:#fff;cursor:pointer;font-size:12px;white-space:nowrap;display:flex;align-items:center;gap:4px}.file-select-btn[data-v-10ba6a3d]:hover:not(:disabled){background:var(--el-color-primary-dark-2);border-color:var(--el-color-primary-dark-2)}.file-select-btn[data-v-10ba6a3d]:disabled{background:#ccc;cursor:not-allowed}.file-info[data-v-10ba6a3d]{display:flex;align-items:center;justify-content:space-between;padding:4px 8px;background-color:#f5f5f5;border-radius:4px;margin-top:4px}.file-name[data-v-10ba6a3d]{font-size:12px;color:#666;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clear-btn[data-v-10ba6a3d]{background:none;border:none;color:#ff4d4f;cursor:pointer;font-size:12px;padding:2px 6px;border-radius:2px}.clear-btn[data-v-10ba6a3d]:hover{background-color:#fff2f0}.property-item .el-select[data-v-10ba6a3d]{width:100%}.property-item .el-select .el-input__wrapper[data-v-10ba6a3d]{height:32px;line-height:32px;font-size:14px;padding:0 8px}.property-item .el-select .el-input__inner[data-v-10ba6a3d]{font-size:14px;height:32px;line-height:32px}.property-item .el-select .el-select__tags[data-v-10ba6a3d]{font-size:12px}.property-item .el-select .el-select__tags .el-tag[data-v-10ba6a3d]{font-size:12px;height:20px;line-height:18px;margin:2px 4px 2px 0}.property-item .el-select--multiple .el-input__wrapper[data-v-10ba6a3d]{min-height:32px;height:auto;padding:2px 8px}.property-item .el-select--multiple .el-input__inner[data-v-10ba6a3d]{height:28px;line-height:28px}.property-panel[data-v-127d69aa]{padding:16px;background:#fff;border-left:1px solid #e4e7ed;overflow-y:auto;height:100%}.property-group[data-v-127d69aa]{margin-bottom:16px}.property-group-title[data-v-127d69aa]{font-size:14px;font-weight:500;color:#303133;margin-bottom:8px;padding-bottom:4px;border-bottom:1px solid #ebeef5}.property-item[data-v-127d69aa]{margin-bottom:12px}.text-property-panel .property-item[data-v-127d69aa]:last-child,.barcode-property-panel .property-item[data-v-127d69aa]:last-child,.qrcode-property-panel .property-item[data-v-127d69aa]:last-child,.image-property-panel .property-item[data-v-127d69aa]:last-child,.rectangle-property-panel .property-item[data-v-127d69aa]:last-child,.line-property-panel .property-item[data-v-127d69aa]:last-child,.verline-property-panel .property-item[data-v-127d69aa]:last-child{margin-bottom:0}.property-layout-container[data-v-127d69aa]{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start}.property-item-wrapper[data-v-127d69aa]{margin-bottom:0}.property-item-wrapper.full-width[data-v-127d69aa]{width:100%;flex-basis:100%}.property-item-wrapper.half-width[data-v-127d69aa]{width:calc(50% - 6px);flex-basis:calc(50% - 6px)}.property-item-wrapper.default-width[data-v-127d69aa]{width:100%;flex-basis:100%}.property-item-wrapper .property-item[data-v-127d69aa]{margin-bottom:0;width:100%}.barcode-component{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;box-sizing:border-box}.barcode-component svg{width:100%!important;height:100%!important;max-width:100%;max-height:100%;display:block}.component-selection-overlay{position:absolute;border:2px dashed #1890ff;pointer-events:none;box-sizing:border-box;z-index:1000}.qrcode-component[data-v-7db88513]{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;box-sizing:border-box}.qrcode-canvas-fixed[data-v-7db88513]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:0;margin:0}.qrcode-image[data-v-7db88513]{display:block;width:100%!important;height:100%!important;padding:0;margin:0;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-crisp-edges;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;filter:none;-webkit-filter:none;object-fit:cover;object-position:center}.component-selection-overlay[data-v-7db88513]{position:absolute;border:2px dashed #1890ff;pointer-events:none;box-sizing:border-box;z-index:1000}.qrcode-property-panel[data-v-cce393d5]{display:flex;flex-direction:column;gap:12px}.property-item[data-v-cce393d5]{display:flex;flex-direction:column;gap:4px}.property-item label[data-v-cce393d5]{font-size:14px;color:#666}.property-item input[data-v-cce393d5],.property-item select[data-v-cce393d5]{padding:4px 8px;border:1px solid #ddd;border-radius:4px}.property-item input[type=color][data-v-cce393d5]{height:32px;padding:2px}.image-component[data-v-23ff9ae2]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;pointer-events:auto}.image-placeholder[data-v-23ff9ae2]{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#999;font-size:12px;gap:8px;pointer-events:auto}.image-loading-overlay[data-v-23ff9ae2]{position:absolute;left:0;top:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.6);z-index:5;pointer-events:none}.image-content[data-v-23ff9ae2]{display:block;max-width:100%;max-height:100%;image-rendering:-webkit-optimize-contrast;image-rendering:-webkit-crisp-edges;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:crisp-edges;image-rendering:high-quality;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:auto;object-fit:contain;object-position:center}.component-selection-overlay[data-v-23ff9ae2]{position:absolute;border:2px dashed #1890ff;pointer-events:none;box-sizing:border-box;z-index:1000}.image-property-panel[data-v-462c8b63]{display:flex;flex-direction:column;gap:12px}.property-item[data-v-462c8b63]{display:flex;flex-direction:column;gap:4px}.property-item label[data-v-462c8b63]{font-size:14px;color:#666}.property-item input[data-v-462c8b63],.property-item select[data-v-462c8b63]{padding:4px 8px;border:1px solid #ddd;border-radius:4px}.property-item input[type=color][data-v-462c8b63]{height:32px;padding:2px}.rectangle-component{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center;overflow:visible;box-sizing:border-box}.rectangle-content{width:100%;height:100%;box-sizing:border-box;position:relative}.hairline-edge{position:absolute;pointer-events:none}.rectangle-property-panel[data-v-e06ed44e]{display:flex;flex-direction:column;gap:12px}.line-component{position:relative;display:flex;align-items:center;justify-content:center;overflow:visible;box-sizing:border-box}.line-selection-outline{position:absolute;left:0;top:0;border:2px dashed #1890ff;pointer-events:none;box-sizing:border-box;z-index:1000}.component-list[data-v-010ae52b]{background:#fff;display:flex;flex-direction:column;gap:20px}.component-group[data-v-010ae52b]{display:flex;flex-direction:column;gap:8px}.group-title[data-v-010ae52b]{font-size:14px;font-weight:600;color:#333;padding:8px 12px;border-left:4px solid var(--el-color-primary);background:linear-gradient(135deg,var(--el-color-primary-light-9) 0%,var(--el-color-primary-light-8) 100%);border-radius:0 6px 6px 0;margin-bottom:4px;box-shadow:0 1px 3px #0000001a}.group-content[data-v-010ae52b]{display:grid;grid-template-columns:1fr 1fr;grid-row-gap:8px;grid-column-gap:8px}.component-item[data-v-010ae52b]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4px 0;border:1px solid #ddd;border-radius:4px;cursor:grab;font-size:13px;color:#555;transition:all .2s ease;width:100%;height:70px;background:#fff;box-shadow:0 1px 3px #0000001a}.component-item[data-v-010ae52b]:hover{background-color:var(--el-color-primary-light-9);border-color:var(--el-color-primary);color:var(--el-color-primary);box-shadow:0 2px 8px #00000014}.component-item i[data-v-010ae52b]{font-size:24px;margin-bottom:8px;color:var(--el-color-primary)}.component-item span[data-v-010ae52b]{font-size:12px;text-align:center;color:#333}.component-item:hover i[data-v-010ae52b],.component-item:hover span[data-v-010ae52b]{color:var(--el-color-primary)!important}.ruler[data-v-3635eba4]{position:absolute;z-index:1}.ruler.horizontal[data-v-3635eba4]{left:20px;top:0;width:calc(100% - 40px);height:20px;border-bottom:none}.ruler.vertical[data-v-3635eba4]{top:20px;left:0;width:20px;height:calc(100% - 40px);border-right:none}.ruler-unit[data-v-3635eba4]{position:absolute}.ruler.horizontal .ruler-unit[data-v-3635eba4]{height:100%}.ruler.vertical .ruler-unit[data-v-3635eba4]{width:100%}.ruler-mark[data-v-3635eba4]{position:absolute;background:#999}.ruler.horizontal .ruler-mark[data-v-3635eba4]{bottom:0}.ruler.vertical .ruler-mark[data-v-3635eba4]{right:0}.ruler-text[data-v-3635eba4]{position:absolute;font-size:8px;color:#666;white-space:nowrap}.ruler.horizontal .ruler-text[data-v-3635eba4]{bottom:8px;transform:translate(-50%)}.ruler.vertical .ruler-text[data-v-3635eba4]{right:8px;transform:translateY(-50%) rotate(-90deg)}.label-container[data-v-21b6e8d1]{display:flex;flex-direction:column;align-items:flex-end}.tg-title[data-v-21b6e8d1]{display:flex;align-items:center}.tg-title p[data-v-21b6e8d1]{font-size:18px;font-weight:700}.tge-main[data-v-21b6e8d1]{max-height:82vh;padding:0}.tge-text[data-v-21b6e8d1]{font-size:14px;line-height:26px}.tge-content[data-v-21b6e8d1]{display:flex;width:100%}.tge-block[data-v-21b6e8d1]{display:flex;flex-direction:column;flex:1}.tge-title[data-v-21b6e8d1]{padding:6px 0;font-size:14px;color:var(--el-color-primary)}.tge-img[data-v-21b6e8d1]{width:100%;height:auto}.table-container[data-v-21b6e8d1]{width:100%;border:1px dashed #ddd;border-radius:4px}.empty-placeholder[data-v-21b6e8d1]{display:flex;align-items:center;justify-content:center;color:#999;padding:20px;border-radius:4px;min-height:80px}.graph-table[data-v-21b6e8d1]{margin-top:10px}.tge-divider[data-v-21b6e8d1]{width:1px;background:var(--el-border-color);margin:0 10px}.table-container .el-table .el-table__body-wrapper{background:transparent!important}.graph-table .el-table__header,.graph-table .el-table__body{width:100%!important}.graph-table .el-table__body{margin-bottom:10px!important}.graph-table .el-form-item__error{position:static!important;top:0!important}.graph-table .el-input-number{width:auto}.graph-table .el-input-number.is-without-controls .el-input__wrapper{padding-left:4px;padding-right:4px}button[data-v-0b048d42]{display:flex;align-items:center;justify-content:center}.label-designer[data-v-0b048d42]{display:flex;height:100%}.toolbar[data-v-0b048d42]{width:200px;background:#fff;border-right:1px solid #e0e0e0;padding:16px;display:flex;flex-direction:column;gap:16px}.zoom-controls span[data-v-0b048d42]{width:44px;text-align:center}.zoom-controls[data-v-0b048d42]{display:flex;align-items:center;gap:8px;background:#f5f5f5;border-radius:4px;padding:4px 8px}.zoom-controls button[data-v-0b048d42]{width:24px;height:24px;border:1px solid #ddd;background:#fff;border-radius:4px;cursor:pointer}.zoom-controls button[data-v-0b048d42]:disabled{opacity:.5;cursor:not-allowed}.center-container[data-v-0b048d42]{display:flex;flex-direction:column;flex:1;overflow:hidden;height:100%}.center-toolbar[data-v-0b048d42]{display:flex;align-items:center;justify-content:flex-end;padding:16px 16px 0;background:rgba(0,0,0,.05)}.canvas-container[data-v-0b048d42]{flex:1;padding:0 16px 16px;overflow:auto;background:rgba(0,0,0,.05);position:relative;display:flex;flex-direction:column}.canvas-wrapper[data-v-0b048d42]{position:relative;transform-origin:0 0;overflow:visible;width:fit-content;height:fit-content;margin-top:20px;transition:all .2s ease;transform:translateZ(0);will-change:transform}.ruler-horizontal[data-v-0b048d42]{position:absolute;left:0;top:0;right:0;height:24px;z-index:10;pointer-events:none}.ruler-vertical[data-v-0b048d42]{position:absolute;left:0;top:0;bottom:0;width:24px;z-index:10;pointer-events:none}.canvas[data-v-0b048d42]{position:relative;overflow:visible;z-index:1;position:absolute;left:21px;top:21px}.property-panel[data-v-0b048d42]{width:260px;background:#fff;border-left:1px solid #ddd;padding:0 16px 16px;display:flex;flex-direction:column;gap:16px;position:relative;z-index:100;overflow-y:auto}.property-panel-title[data-v-0b048d42]{position:sticky;top:0;left:0;right:0;background:#fff;z-index:100;display:flex;align-items:center;justify-content:flex-start;margin:10px 0 0;gap:8px}.property-panel-title .help-icon[data-v-0b048d42]{font-size:18px;color:#999;transition:color .2s ease}.property-panel-title .help-icon[data-v-0b048d42]:hover{color:var(--el-color-primary)}.position-controls[data-v-0b048d42]{display:flex;flex-direction:column;gap:12px;padding:12px;background:#f5f5f5;border-radius:4px}.control-group[data-v-0b048d42]{display:flex;align-items:center;justify-content:space-between;gap:4px}.control-group label[data-v-0b048d42]{width:80px;font-size:14px;color:#666;text-align:end}.number-input[data-v-0b048d42]{display:flex;align-items:center;gap:4px}.number-input input[data-v-0b048d42]{width:90px;padding:4px;border:1px solid #ddd;border-radius:4px;text-align:center}.number-input button[data-v-0b048d42]{width:24px;height:24px;border:1px solid #ddd;background:#fff;border-radius:4px;cursor:pointer}.canvas-item[data-v-0b048d42]{position:absolute;cursor:move;-webkit-user-select:none;user-select:none;z-index:10;transform:translateZ(0);will-change:transform;left:0;top:0;pointer-events:auto}.resize-handle[data-v-0b048d42]{position:absolute;width:4px;height:4px;background:#ffffff;border:.5px solid var(--el-color-primary-light-3);z-index:1001;transition:all .2s ease;border-radius:50%;display:block!important;visibility:visible!important;opacity:1!important;transform:translateZ(0);will-change:transform;font-size:16px!important;line-height:1!important;cursor:pointer}.resize-handle.top-left[data-v-0b048d42]{top:-2px;left:-2px}.resize-handle.top[data-v-0b048d42]{top:-2px;left:50%;transform:translate(-50%);width:7px;height:3px;border-radius:1.5px}.resize-handle.top-right[data-v-0b048d42]{top:-2px;right:-2px}.resize-handle.right[data-v-0b048d42]{top:50%;right:-2px;transform:translateY(-50%);width:3px;height:7px;border-radius:1.5px}.resize-handle.bottom-right[data-v-0b048d42]{bottom:-2px;right:-2px}.resize-handle.bottom[data-v-0b048d42]{bottom:-2px;left:50%;transform:translate(-50%);width:7px;height:3px;border-radius:1.5px}.resize-handle.bottom-left[data-v-0b048d42]{bottom:-2px;left:-2px}.resize-handle.left[data-v-0b048d42]{top:50%;left:-2px;transform:translateY(-50%);width:3px;height:7px;border-radius:1.5px}.resize-handle.line-anchor[data-v-0b048d42]{width:4px;height:4px;border-radius:50%}.rotate-handle[data-v-0b048d42]{position:absolute;bottom:-20px;left:50%;transform:translate(-50%);margin-left:-8px;width:12px;height:12px;background:#ffffff;border:.5px solid rgba(0,0,0,.1);border-radius:50%;cursor:grab;z-index:1002;display:flex;align-items:center;justify-content:center}.size-label[data-v-0b048d42]{display:flex;justify-content:center;flex-wrap:nowrap;white-space:nowrap;position:absolute;top:-14px;left:-4px;width:auto;min-width:70px;height:auto;background:rgba(255,34,34,.8);color:#fff;font-size:7px;border-radius:6px;z-index:20;line-height:1.2;box-shadow:0 2px 8px #00000014;pointer-events:none;padding:1px 8px 0}.delete-btn[data-v-0b048d42]{position:absolute;bottom:-20px;left:50%;transform:translate(-50%);margin-left:8px;width:12px;height:12px;background:#ffffff;color:#ff4d4f;border:.5px solid rgba(0,0,0,.1);border-radius:50%;cursor:pointer;z-index:1003;display:flex;align-items:center;justify-content:center}.drag-extend-lines[data-v-0b048d42]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.drag-extend-line[data-v-0b048d42]{position:absolute;pointer-events:none;z-index:998}.drag-extend-line.horizontal[data-v-0b048d42]{width:100%;height:1px;left:0;background:linear-gradient(to right,rgb(177,179,184) 0%,rgb(177,179,184) 50%,transparent 50%,transparent 100%);background-size:6px 1px;background-repeat:repeat-x;transform:translateZ(0);will-change:auto}.drag-extend-line.vertical[data-v-0b048d42]{width:1px;height:100%;top:0;background:linear-gradient(to bottom,rgb(177,179,184) 0%,rgb(177,179,184) 50%,transparent 50%,transparent 100%);background-size:1px 6px;background-repeat:repeat-y;transform:translateZ(0);will-change:auto}.drag-extend-line.rotated[data-v-0b048d42]{position:absolute;border:1px dashed var(--el-color-primary-light-3);pointer-events:none;z-index:998}.alignment-guides[data-v-0b048d42]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999}.alignment-guide[data-v-0b048d42]{background-color:transparent;pointer-events:none;z-index:9999}.alignment-guide.horizontal[data-v-0b048d42]{position:absolute;left:0;right:0;height:1px;background:linear-gradient(to right,#ff4d4f 0%,#ff4d4f 50%,transparent 50%,transparent 100%);background-size:6px 1px;background-repeat:repeat-x;transform:translateZ(0);will-change:auto}.alignment-guide.vertical[data-v-0b048d42]{position:absolute;top:0;bottom:0;width:1px;background:linear-gradient(to bottom,#ff4d4f 0%,#ff4d4f 50%,transparent 50%,transparent 100%);background-size:1px 6px;background-repeat:repeat-y;transform:translateZ(0);will-change:auto}.alignment-guide.guide-center[data-v-0b048d42]{background:linear-gradient(to right,#ff4d4f 0%,#ff4d4f 50%,transparent 50%,transparent 100%);background-size:4px 1px}.alignment-guide.guide-center.vertical[data-v-0b048d42]{background:linear-gradient(to bottom,#ff4d4f 0%,#ff4d4f 50%,transparent 50%,transparent 100%);background-size:1px 4px}.alignment-guide.guide-resize-anchor[data-v-0b048d42]{background:linear-gradient(to right,#ff4d4f 0%,#ff4d4f 50%,transparent 50%,transparent 100%);background-size:4px 1px}.alignment-guide.guide-resize-anchor.vertical[data-v-0b048d42]{background:linear-gradient(to bottom,#ff4d4f 0%,#ff4d4f 50%,transparent 50%,transparent 100%);background-size:1px 4px}.alignment-guide.guide-canvas-center[data-v-0b048d42]{background:linear-gradient(to right,#ff4d4f 0%,#ff4d4f 50%,transparent 50%,transparent 100%);background-size:6px 1px}.alignment-guide.guide-canvas-center.vertical[data-v-0b048d42]{background:linear-gradient(to bottom,#ff4d4f 0%,#ff4d4f 50%,transparent 50%,transparent 100%);background-size:1px 6px}.number-input input[type=number][data-v-0b048d42]::-webkit-inner-spin-button,.number-input input[type=number][data-v-0b048d42]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.switch-input[data-v-0b048d42]{display:flex;align-items:center}.switch-input input[type=checkbox][data-v-0b048d42]{width:20px;height:20px;cursor:pointer;accent-color:var(--el-color-primary-light-3)}.component-selected[data-v-0b048d42],.component-current[data-v-0b048d42]{outline:1px dashed var(--el-color-primary-light-3)!important;outline-offset:0!important}.component-selected[data-v-0b048d42],.component-current[data-v-0b048d42]{box-sizing:border-box}.no-outline.component-selected[data-v-0b048d42],.no-outline.component-current[data-v-0b048d42]{outline:none!important}.component-config-missing[data-v-0b048d42]{display:flex;align-items:center;justify-content:center;background:#fff3cd;border:1px dashed #ffc107;border-radius:4px;color:#856404;font-size:12px}.missing-config-tip[data-v-0b048d42]{display:flex;align-items:center;gap:4px;padding:8px}.missing-config-tip .el-icon[data-v-0b048d42]{font-size:14px;color:#ffc107}.loader-container[data-v-0b048d42]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center}.loader-container p[data-v-0b048d42]{color:var(--el-color-primary-light-3);font-size:14px;margin-top:20px}.loader-circle[data-v-0b048d42]{width:70px;height:70px;display:inline-block;margin-right:10px;position:relative;vertical-align:top}.loader-circle[data-v-0b048d42]:before{border-radius:50%;border-top:5px solid var(--el-color-primary-light-3);content:" ";display:block;position:absolute;top:10%;left:10%;height:80%;width:80%;animation:loader-circle_rotation-0b048d42 1s linear infinite}.loader-circle[data-v-0b048d42]:after{border-radius:50%;border-bottom:5px solid var(--el-color-primary-light-3);content:" ";display:block;height:100%;width:100%;animation:loader-circle_rotation-reverse-0b048d42 1s linear infinite;position:absolute;top:0}@keyframes loader-circle_rotation-reverse-0b048d42{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes loader-circle_rotation-0b048d42{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.template-designer[data-v-a3d9b11f]{overflow-y:hidden}.template-designer-border-top[data-v-a3d9b11f]{border-top:1px solid #e0e0e0}
|
|
1
|
+
.td-text-component{width:100%;height:100%;position:relative;display:flex;align-items:center;overflow:hidden;box-sizing:border-box}.td-text-content{width:100%;min-width:0;box-sizing:border-box}.label[data-v-680beb11]{display:flex;align-items:center;justify-content:flex-start;gap:4px}.help-icon[data-v-680beb11]{font-size:14px;color:#999;cursor:help;transition:color .2s ease}.help-icon[data-v-680beb11]:hover{color:var(--el-color-primary)}.property-item[data-v-680beb11]{display:flex;flex-direction:column;gap:4px}.property-item label[data-v-680beb11]{font-size:14px;color:#666}.property-item input[data-v-680beb11],.property-item select[data-v-680beb11]{padding:4px 8px;border:1px solid #ddd;border-radius:4px}.property-item input[type=color][data-v-680beb11]{height:32px;padding:2px}.property-item input[type=checkbox][data-v-680beb11]{width:16px;height:16px}.file-input-container[data-v-680beb11]{position:relative;display:flex;align-items:center;gap:8px}.file-input-container input[data-v-680beb11]{height:100%!important}.file-url-input[data-v-680beb11]{flex:1;padding:4px 8px;border:1px solid #ddd;border-radius:4px;font-size:12px}.file-url-input[data-v-680beb11]:disabled{background-color:#f5f5f5;cursor:not-allowed}.file-input[data-v-680beb11]{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.file-select-btn[data-v-680beb11]{padding:4px 12px;border:1px solid #ddd;border-radius:4px;background:var(--el-color-primary);color:#fff;cursor:pointer;font-size:12px;white-space:nowrap;display:flex;align-items:center;gap:4px}.file-select-btn[data-v-680beb11]:hover:not(:disabled){background:var(--el-color-primary-dark-2);border-color:var(--el-color-primary-dark-2)}.file-select-btn[data-v-680beb11]:disabled{background:#ccc;cursor:not-allowed}.file-info[data-v-680beb11]{display:flex;align-items:center;justify-content:space-between;padding:4px 8px;background-color:#f5f5f5;border-radius:4px;margin-top:4px}.file-name[data-v-680beb11]{font-size:12px;color:#666;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clear-btn[data-v-680beb11]{background:none;border:none;color:#ff4d4f;cursor:pointer;font-size:12px;padding:2px 6px;border-radius:2px}.clear-btn[data-v-680beb11]:hover{background-color:#fff2f0}.property-item .el-select[data-v-680beb11]{width:100%}.property-item .el-select .el-input__wrapper[data-v-680beb11]{height:32px;line-height:32px;font-size:14px;padding:0 8px}.property-item .el-select .el-input__inner[data-v-680beb11]{font-size:14px;height:32px;line-height:32px}.property-item .el-select .el-select__tags[data-v-680beb11]{font-size:12px}.property-item .el-select .el-select__tags .el-tag[data-v-680beb11]{font-size:12px;height:20px;line-height:18px;margin:2px 4px 2px 0}.property-item .el-select--multiple .el-input__wrapper[data-v-680beb11]{min-height:32px;height:auto;padding:2px 8px}.property-item .el-select--multiple .el-input__inner[data-v-680beb11]{height:28px;line-height:28px}.property-panel[data-v-441c5885]{padding:16px;background:#fff;border-left:1px solid #e4e7ed;overflow-y:auto;height:100%}.property-group[data-v-441c5885]{margin-bottom:16px}.property-group-title[data-v-441c5885]{font-size:14px;font-weight:500;color:#303133;margin-bottom:8px;padding-bottom:4px;border-bottom:1px solid #ebeef5}.property-item[data-v-441c5885]{margin-bottom:12px}.text-property-panel .property-item[data-v-441c5885]:last-child,.barcode-property-panel .property-item[data-v-441c5885]:last-child,.qrcode-property-panel .property-item[data-v-441c5885]:last-child,.image-property-panel .property-item[data-v-441c5885]:last-child,.rectangle-property-panel .property-item[data-v-441c5885]:last-child,.line-property-panel .property-item[data-v-441c5885]:last-child,.verline-property-panel .property-item[data-v-441c5885]:last-child{margin-bottom:0}.property-layout-container[data-v-441c5885]{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start}.property-item-wrapper[data-v-441c5885]{margin-bottom:0}.property-item-wrapper.full-width[data-v-441c5885]{width:100%;flex-basis:100%}.property-item-wrapper.half-width[data-v-441c5885]{width:calc(50% - 6px);flex-basis:calc(50% - 6px)}.property-item-wrapper.default-width[data-v-441c5885]{width:100%;flex-basis:100%}.property-item-wrapper .property-item[data-v-441c5885]{margin-bottom:0;width:100%}.barcode-component{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;box-sizing:border-box}.barcode-component svg{width:100%!important;height:100%!important;max-width:100%;max-height:100%;display:block}.component-selection-overlay{position:absolute;border:2px dashed #1890ff;pointer-events:none;box-sizing:border-box;z-index:1000}.qrcode-component[data-v-7db88513]{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;box-sizing:border-box}.qrcode-canvas-fixed[data-v-7db88513]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:0;margin:0}.qrcode-image[data-v-7db88513]{display:block;width:100%!important;height:100%!important;padding:0;margin:0;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-crisp-edges;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;filter:none;-webkit-filter:none;object-fit:cover;object-position:center}.component-selection-overlay[data-v-7db88513]{position:absolute;border:2px dashed #1890ff;pointer-events:none;box-sizing:border-box;z-index:1000}.qrcode-property-panel[data-v-cce393d5]{display:flex;flex-direction:column;gap:12px}.property-item[data-v-cce393d5]{display:flex;flex-direction:column;gap:4px}.property-item label[data-v-cce393d5]{font-size:14px;color:#666}.property-item input[data-v-cce393d5],.property-item select[data-v-cce393d5]{padding:4px 8px;border:1px solid #ddd;border-radius:4px}.property-item input[type=color][data-v-cce393d5]{height:32px;padding:2px}.image-component[data-v-23ff9ae2]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;pointer-events:auto}.image-placeholder[data-v-23ff9ae2]{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#999;font-size:12px;gap:8px;pointer-events:auto}.image-loading-overlay[data-v-23ff9ae2]{position:absolute;left:0;top:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.6);z-index:5;pointer-events:none}.image-content[data-v-23ff9ae2]{display:block;max-width:100%;max-height:100%;image-rendering:-webkit-optimize-contrast;image-rendering:-webkit-crisp-edges;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:crisp-edges;image-rendering:high-quality;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:auto;object-fit:contain;object-position:center}.component-selection-overlay[data-v-23ff9ae2]{position:absolute;border:2px dashed #1890ff;pointer-events:none;box-sizing:border-box;z-index:1000}.image-property-panel[data-v-462c8b63]{display:flex;flex-direction:column;gap:12px}.property-item[data-v-462c8b63]{display:flex;flex-direction:column;gap:4px}.property-item label[data-v-462c8b63]{font-size:14px;color:#666}.property-item input[data-v-462c8b63],.property-item select[data-v-462c8b63]{padding:4px 8px;border:1px solid #ddd;border-radius:4px}.property-item input[type=color][data-v-462c8b63]{height:32px;padding:2px}.rectangle-component{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center;overflow:visible;box-sizing:border-box}.rectangle-content{width:100%;height:100%;box-sizing:border-box;position:relative}.hairline-edge{position:absolute;pointer-events:none}.rectangle-property-panel[data-v-e06ed44e]{display:flex;flex-direction:column;gap:12px}.line-component{position:relative;display:flex;align-items:center;justify-content:center;overflow:visible;box-sizing:border-box}.line-selection-outline{position:absolute;left:0;top:0;border:2px dashed #1890ff;pointer-events:none;box-sizing:border-box;z-index:1000}.component-list[data-v-010ae52b]{background:#fff;display:flex;flex-direction:column;gap:20px}.component-group[data-v-010ae52b]{display:flex;flex-direction:column;gap:8px}.group-title[data-v-010ae52b]{font-size:14px;font-weight:600;color:#333;padding:8px 12px;border-left:4px solid var(--el-color-primary);background:linear-gradient(135deg,var(--el-color-primary-light-9) 0%,var(--el-color-primary-light-8) 100%);border-radius:0 6px 6px 0;margin-bottom:4px;box-shadow:0 1px 3px #0000001a}.group-content[data-v-010ae52b]{display:grid;grid-template-columns:1fr 1fr;grid-row-gap:8px;grid-column-gap:8px}.component-item[data-v-010ae52b]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4px 0;border:1px solid #ddd;border-radius:4px;cursor:grab;font-size:13px;color:#555;transition:all .2s ease;width:100%;height:70px;background:#fff;box-shadow:0 1px 3px #0000001a}.component-item[data-v-010ae52b]:hover{background-color:var(--el-color-primary-light-9);border-color:var(--el-color-primary);color:var(--el-color-primary);box-shadow:0 2px 8px #00000014}.component-item i[data-v-010ae52b]{font-size:24px;margin-bottom:8px;color:var(--el-color-primary)}.component-item span[data-v-010ae52b]{font-size:12px;text-align:center;color:#333}.component-item:hover i[data-v-010ae52b],.component-item:hover span[data-v-010ae52b]{color:var(--el-color-primary)!important}.ruler[data-v-3635eba4]{position:absolute;z-index:1}.ruler.horizontal[data-v-3635eba4]{left:20px;top:0;width:calc(100% - 40px);height:20px;border-bottom:none}.ruler.vertical[data-v-3635eba4]{top:20px;left:0;width:20px;height:calc(100% - 40px);border-right:none}.ruler-unit[data-v-3635eba4]{position:absolute}.ruler.horizontal .ruler-unit[data-v-3635eba4]{height:100%}.ruler.vertical .ruler-unit[data-v-3635eba4]{width:100%}.ruler-mark[data-v-3635eba4]{position:absolute;background:#999}.ruler.horizontal .ruler-mark[data-v-3635eba4]{bottom:0}.ruler.vertical .ruler-mark[data-v-3635eba4]{right:0}.ruler-text[data-v-3635eba4]{position:absolute;font-size:8px;color:#666;white-space:nowrap}.ruler.horizontal .ruler-text[data-v-3635eba4]{bottom:8px;transform:translate(-50%)}.ruler.vertical .ruler-text[data-v-3635eba4]{right:8px;transform:translateY(-50%) rotate(-90deg)}.label-container[data-v-21b6e8d1]{display:flex;flex-direction:column;align-items:flex-end}.tg-title[data-v-21b6e8d1]{display:flex;align-items:center}.tg-title p[data-v-21b6e8d1]{font-size:18px;font-weight:700}.tge-main[data-v-21b6e8d1]{max-height:82vh;padding:0}.tge-text[data-v-21b6e8d1]{font-size:14px;line-height:26px}.tge-content[data-v-21b6e8d1]{display:flex;width:100%}.tge-block[data-v-21b6e8d1]{display:flex;flex-direction:column;flex:1}.tge-title[data-v-21b6e8d1]{padding:6px 0;font-size:14px;color:var(--el-color-primary)}.tge-img[data-v-21b6e8d1]{width:100%;height:auto}.table-container[data-v-21b6e8d1]{width:100%;border:1px dashed #ddd;border-radius:4px}.empty-placeholder[data-v-21b6e8d1]{display:flex;align-items:center;justify-content:center;color:#999;padding:20px;border-radius:4px;min-height:80px}.graph-table[data-v-21b6e8d1]{margin-top:10px}.tge-divider[data-v-21b6e8d1]{width:1px;background:var(--el-border-color);margin:0 10px}.table-container .el-table .el-table__body-wrapper{background:transparent!important}.graph-table .el-table__header,.graph-table .el-table__body{width:100%!important}.graph-table .el-table__body{margin-bottom:10px!important}.graph-table .el-form-item__error{position:static!important;top:0!important}.graph-table .el-input-number{width:auto}.graph-table .el-input-number.is-without-controls .el-input__wrapper{padding-left:4px;padding-right:4px}button[data-v-23ef8c20]{display:flex;align-items:center;justify-content:center}.label-designer[data-v-23ef8c20]{display:flex;height:100%}.toolbar[data-v-23ef8c20]{width:200px;background:#fff;border-right:1px solid #e0e0e0;padding:16px;display:flex;flex-direction:column;gap:16px}.zoom-controls span[data-v-23ef8c20]{width:44px;text-align:center}.zoom-controls[data-v-23ef8c20]{display:flex;align-items:center;gap:8px;background:#f5f5f5;border-radius:4px;padding:4px 8px}.zoom-controls button[data-v-23ef8c20]{width:24px;height:24px;border:1px solid #ddd;background:#fff;border-radius:4px;cursor:pointer}.zoom-controls button[data-v-23ef8c20]:disabled{opacity:.5;cursor:not-allowed}.center-container[data-v-23ef8c20]{display:flex;flex-direction:column;flex:1;overflow:hidden;height:100%}.center-toolbar[data-v-23ef8c20]{display:flex;align-items:center;justify-content:flex-end;padding:16px 16px 0;background:rgba(0,0,0,.05)}.canvas-container[data-v-23ef8c20]{flex:1;padding:0 16px 16px;overflow:auto;background:rgba(0,0,0,.05);position:relative;display:flex;flex-direction:column}.canvas-wrapper[data-v-23ef8c20]{position:relative;transform-origin:0 0;overflow:visible;width:fit-content;height:fit-content;margin-top:20px;transition:all .2s ease;transform:translateZ(0);will-change:transform}.ruler-horizontal[data-v-23ef8c20]{position:absolute;left:0;top:0;right:0;height:24px;z-index:10;pointer-events:none}.ruler-vertical[data-v-23ef8c20]{position:absolute;left:0;top:0;bottom:0;width:24px;z-index:10;pointer-events:none}.canvas[data-v-23ef8c20]{position:relative;overflow:visible;z-index:1;position:absolute;left:21px;top:21px}.property-panel[data-v-23ef8c20]{width:260px;background:#fff;border-left:1px solid #ddd;padding:0 16px 16px;display:flex;flex-direction:column;gap:16px;position:relative;z-index:100;overflow-y:auto}.property-panel-title[data-v-23ef8c20]{position:sticky;top:0;left:0;right:0;background:#fff;z-index:100;display:flex;align-items:center;justify-content:flex-start;margin:10px 0 0;gap:8px}.property-panel-title .help-icon[data-v-23ef8c20]{font-size:18px;color:#999;transition:color .2s ease}.property-panel-title .help-icon[data-v-23ef8c20]:hover{color:var(--el-color-primary)}.position-controls[data-v-23ef8c20]{display:flex;flex-direction:column;gap:12px;padding:12px;background:#f5f5f5;border-radius:4px}.control-group[data-v-23ef8c20]{display:flex;align-items:center;justify-content:space-between;gap:4px}.control-group label[data-v-23ef8c20]{width:80px;font-size:14px;color:#666;text-align:end}.number-input[data-v-23ef8c20]{display:flex;align-items:center;gap:4px}.number-input input[data-v-23ef8c20]{width:90px;padding:4px;border:1px solid #ddd;border-radius:4px;text-align:center}.number-input button[data-v-23ef8c20]{width:24px;height:24px;border:1px solid #ddd;background:#fff;border-radius:4px;cursor:pointer}.rotation-display[data-v-23ef8c20]{display:flex;align-items:center;justify-content:center;min-width:40px;height:24px;font-size:12px;color:#666;border:1px solid #ddd;background:#f9f9f9;border-radius:4px}.canvas-item[data-v-23ef8c20]{position:absolute;cursor:move;-webkit-user-select:none;user-select:none;z-index:10;transform:translateZ(0);will-change:transform;left:0;top:0;pointer-events:auto}.resize-handle[data-v-23ef8c20]{position:absolute;width:4px;height:4px;background:#ffffff;border:.5px solid var(--el-color-primary-light-3);z-index:1001;transition:all .2s ease;border-radius:50%;display:block!important;visibility:visible!important;opacity:1!important;transform:translateZ(0);will-change:transform;font-size:16px!important;line-height:1!important;cursor:pointer}.resize-handle.top-left[data-v-23ef8c20]{top:-2px;left:-2px}.resize-handle.top[data-v-23ef8c20]{top:-2px;left:50%;transform:translate(-50%);width:7px;height:3px;border-radius:1.5px}.resize-handle.top-right[data-v-23ef8c20]{top:-2px;right:-2px}.resize-handle.right[data-v-23ef8c20]{top:50%;right:-2px;transform:translateY(-50%);width:3px;height:7px;border-radius:1.5px}.resize-handle.bottom-right[data-v-23ef8c20]{bottom:-2px;right:-2px}.resize-handle.bottom[data-v-23ef8c20]{bottom:-2px;left:50%;transform:translate(-50%);width:7px;height:3px;border-radius:1.5px}.resize-handle.bottom-left[data-v-23ef8c20]{bottom:-2px;left:-2px}.resize-handle.left[data-v-23ef8c20]{top:50%;left:-2px;transform:translateY(-50%);width:3px;height:7px;border-radius:1.5px}.resize-handle.line-anchor[data-v-23ef8c20]{width:4px;height:4px;border-radius:50%}.rotate-handle[data-v-23ef8c20]{position:absolute;bottom:-20px;left:50%;transform:translate(-50%);margin-left:-8px;width:12px;height:12px;background:#ffffff;border:.5px solid rgba(0,0,0,.1);border-radius:50%;cursor:grab;z-index:1002;display:flex;align-items:center;justify-content:center}.size-label[data-v-23ef8c20]{display:flex;justify-content:center;flex-wrap:nowrap;white-space:nowrap;position:absolute;top:-14px;left:-4px;width:auto;min-width:70px;height:auto;background:rgba(255,34,34,.8);color:#fff;font-size:7px;border-radius:6px;z-index:20;line-height:1.2;box-shadow:0 2px 8px #00000014;pointer-events:none;padding:1px 8px 0}.delete-btn[data-v-23ef8c20]{position:absolute;bottom:-20px;left:50%;transform:translate(-50%);margin-left:8px;width:12px;height:12px;background:#ffffff;color:#ff4d4f;border:.5px solid rgba(0,0,0,.1);border-radius:50%;cursor:pointer;z-index:1003;display:flex;align-items:center;justify-content:center}.delete-btn.delete-btn-centered[data-v-23ef8c20]{margin-left:0}.drag-extend-lines[data-v-23ef8c20]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.drag-extend-line[data-v-23ef8c20]{position:absolute;pointer-events:none;z-index:998}.drag-extend-line.horizontal[data-v-23ef8c20]{width:100%;height:1px;left:0;background:linear-gradient(to right,rgb(177,179,184) 0%,rgb(177,179,184) 50%,transparent 50%,transparent 100%);background-size:6px 1px;background-repeat:repeat-x;transform:translateZ(0);will-change:auto}.drag-extend-line.vertical[data-v-23ef8c20]{width:1px;height:100%;top:0;background:linear-gradient(to bottom,rgb(177,179,184) 0%,rgb(177,179,184) 50%,transparent 50%,transparent 100%);background-size:1px 6px;background-repeat:repeat-y;transform:translateZ(0);will-change:auto}.drag-extend-line.rotated[data-v-23ef8c20]{position:absolute;border:1px dashed var(--el-color-primary-light-3);pointer-events:none;z-index:998}.alignment-guides[data-v-23ef8c20]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999}.alignment-guide[data-v-23ef8c20]{background-color:transparent;pointer-events:none;z-index:9999}.alignment-guide.horizontal[data-v-23ef8c20]{position:absolute;left:0;right:0;height:1px;background:linear-gradient(to right,#ff4d4f 0%,#ff4d4f 50%,transparent 50%,transparent 100%);background-size:6px 1px;background-repeat:repeat-x;transform:translateZ(0);will-change:auto}.alignment-guide.vertical[data-v-23ef8c20]{position:absolute;top:0;bottom:0;width:1px;background:linear-gradient(to bottom,#ff4d4f 0%,#ff4d4f 50%,transparent 50%,transparent 100%);background-size:1px 6px;background-repeat:repeat-y;transform:translateZ(0);will-change:auto}.alignment-guide.guide-center[data-v-23ef8c20]{background:linear-gradient(to right,#ff4d4f 0%,#ff4d4f 50%,transparent 50%,transparent 100%);background-size:4px 1px}.alignment-guide.guide-center.vertical[data-v-23ef8c20]{background:linear-gradient(to bottom,#ff4d4f 0%,#ff4d4f 50%,transparent 50%,transparent 100%);background-size:1px 4px}.alignment-guide.guide-resize-anchor[data-v-23ef8c20]{background:linear-gradient(to right,#ff4d4f 0%,#ff4d4f 50%,transparent 50%,transparent 100%);background-size:4px 1px}.alignment-guide.guide-resize-anchor.vertical[data-v-23ef8c20]{background:linear-gradient(to bottom,#ff4d4f 0%,#ff4d4f 50%,transparent 50%,transparent 100%);background-size:1px 4px}.alignment-guide.guide-canvas-center[data-v-23ef8c20]{background:linear-gradient(to right,#ff4d4f 0%,#ff4d4f 50%,transparent 50%,transparent 100%);background-size:6px 1px}.alignment-guide.guide-canvas-center.vertical[data-v-23ef8c20]{background:linear-gradient(to bottom,#ff4d4f 0%,#ff4d4f 50%,transparent 50%,transparent 100%);background-size:1px 6px}.number-input input[type=number][data-v-23ef8c20]::-webkit-inner-spin-button,.number-input input[type=number][data-v-23ef8c20]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.switch-input[data-v-23ef8c20]{display:flex;align-items:center}.switch-input input[type=checkbox][data-v-23ef8c20]{width:20px;height:20px;cursor:pointer;accent-color:var(--el-color-primary-light-3)}.component-selected[data-v-23ef8c20],.component-current[data-v-23ef8c20]{outline:1px dashed var(--el-color-primary-light-3)!important;outline-offset:0!important}.component-selected[data-v-23ef8c20],.component-current[data-v-23ef8c20]{box-sizing:border-box}.no-outline.component-selected[data-v-23ef8c20],.no-outline.component-current[data-v-23ef8c20]{outline:none!important}.component-config-missing[data-v-23ef8c20]{display:flex;align-items:center;justify-content:center;background:#fff3cd;border:1px dashed #ffc107;border-radius:4px;color:#856404;font-size:12px}.missing-config-tip[data-v-23ef8c20]{display:flex;align-items:center;gap:4px;padding:8px}.missing-config-tip .el-icon[data-v-23ef8c20]{font-size:14px;color:#ffc107}.loader-container[data-v-23ef8c20]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center}.loader-container p[data-v-23ef8c20]{color:var(--el-color-primary-light-3);font-size:14px;margin-top:20px}.loader-circle[data-v-23ef8c20]{width:70px;height:70px;display:inline-block;margin-right:10px;position:relative;vertical-align:top}.loader-circle[data-v-23ef8c20]:before{border-radius:50%;border-top:5px solid var(--el-color-primary-light-3);content:" ";display:block;position:absolute;top:10%;left:10%;height:80%;width:80%;animation:loader-circle_rotation-23ef8c20 1s linear infinite}.loader-circle[data-v-23ef8c20]:after{border-radius:50%;border-bottom:5px solid var(--el-color-primary-light-3);content:" ";display:block;height:100%;width:100%;animation:loader-circle_rotation-reverse-23ef8c20 1s linear infinite;position:absolute;top:0}@keyframes loader-circle_rotation-reverse-23ef8c20{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes loader-circle_rotation-23ef8c20{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.template-designer[data-v-a3d9b11f]{overflow-y:hidden}.template-designer-border-top[data-v-a3d9b11f]{border-top:1px solid #e0e0e0}
|