vg-print-vue2 1.0.401 → 1.0.402

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/style.css CHANGED
@@ -2670,7 +2670,7 @@ to { transform: rotate(360deg);
2670
2670
  margin: 0 auto 12px;
2671
2671
  }
2672
2672
 
2673
- .vg-code-editor-wrapper[data-v-f19f2600] {
2673
+ .vg-code-editor-wrapper[data-v-d08fd563] {
2674
2674
  width: 100%;
2675
2675
  height: 100%;
2676
2676
  min-height: 0;
@@ -2678,7 +2678,7 @@ to { transform: rotate(360deg);
2678
2678
  border-radius: 6px;
2679
2679
  background: #f8f8f8;
2680
2680
  }
2681
- .vg-code-editor-wrapper__missing[data-v-f19f2600] {
2681
+ .vg-code-editor-wrapper__missing[data-v-d08fd563] {
2682
2682
  display: flex;
2683
2683
  align-items: center;
2684
2684
  justify-content: center;
@@ -2691,31 +2691,31 @@ to { transform: rotate(360deg);
2691
2691
  padding: 16px;
2692
2692
  box-sizing: border-box;
2693
2693
  }
2694
- .vg-code-editor-wrapper[data-v-f19f2600] .vg-code-editor-wrapper__inner {
2694
+ .vg-code-editor-wrapper[data-v-d08fd563] .vg-code-editor-wrapper__inner {
2695
2695
  width: 100%;
2696
2696
  height: 100%;
2697
2697
  border-color: var(--vg-accent, #580df8);
2698
- background-color: #efefef;
2698
+ background-color: #fcfcfc;
2699
2699
  }
2700
- .vg-code-editor-wrapper[data-v-f19f2600] .cm-editor {
2700
+ .vg-code-editor-wrapper[data-v-d08fd563] .cm-editor {
2701
2701
  width: 100%;
2702
2702
  height: 100%;
2703
2703
  font-family: Consolas, Monaco, 'Courier New', monospace;
2704
2704
  font-size: 13px;
2705
2705
  line-height: 1.55;
2706
2706
  }
2707
- .vg-code-editor-wrapper[data-v-f19f2600] .cm-scroller {
2707
+ .vg-code-editor-wrapper[data-v-d08fd563] .cm-scroller {
2708
2708
  overflow: auto;
2709
2709
  }
2710
- .vg-code-editor-wrapper[data-v-f19f2600] .cm-content {
2710
+ .vg-code-editor-wrapper[data-v-d08fd563] .cm-content {
2711
2711
  padding: 0;
2712
2712
  }
2713
- .vg-code-editor-wrapper.is-nowrap[data-v-f19f2600] .cm-line {
2713
+ .vg-code-editor-wrapper.is-nowrap[data-v-d08fd563] .cm-line {
2714
2714
  white-space: pre;
2715
2715
  overflow-wrap: normal;
2716
2716
  word-wrap: normal;
2717
2717
  }
2718
- .vg-code-editor-wrapper.is-line-wrap[data-v-f19f2600] .cm-line {
2718
+ .vg-code-editor-wrapper.is-line-wrap[data-v-d08fd563] .cm-line {
2719
2719
  white-space: pre-wrap;
2720
2720
  overflow-wrap: break-word;
2721
2721
  word-wrap: break-word;
@@ -3307,56 +3307,56 @@ li.disabled[data-v-fe7421b7] { color: var(--vg-muted-text, #bbb);
3307
3307
  }
3308
3308
  }
3309
3309
 
3310
- .primary-toolbar[data-v-c205d086] {
3310
+ .primary-toolbar[data-v-15891775] {
3311
3311
  border-bottom: 1px solid var(--vg-border, #dcdfe6);
3312
3312
  padding: 5px 10px;
3313
3313
  background-color: var(--vg-header-bg, #580df8);
3314
3314
  }
3315
- .toolbar-content[data-v-c205d086] {
3315
+ .toolbar-content[data-v-15891775] {
3316
3316
  display: flex;
3317
3317
  justify-content: space-between;
3318
3318
  align-items: center;
3319
3319
  flex-wrap: nowrap;
3320
3320
  white-space: nowrap;
3321
3321
  }
3322
- .header-left[data-v-c205d086], .header-center[data-v-c205d086], .header-right[data-v-c205d086] {
3322
+ .header-left[data-v-15891775], .header-center[data-v-15891775], .header-right[data-v-15891775] {
3323
3323
  display: flex;
3324
3324
  align-items: center;
3325
3325
  }
3326
- .header-left[data-v-c205d086] {
3326
+ .header-left[data-v-15891775] {
3327
3327
  flex: 0 0 auto;
3328
3328
  }
3329
- .header-center[data-v-c205d086] {
3329
+ .header-center[data-v-15891775] {
3330
3330
  flex: 1 1 auto;
3331
3331
  overflow: hidden;
3332
3332
  }
3333
- .header-right[data-v-c205d086] {
3333
+ .header-right[data-v-15891775] {
3334
3334
  margin-left: auto;
3335
3335
  display: flex;
3336
3336
  align-items: center;
3337
3337
  flex: 0 0 auto;
3338
3338
  }
3339
- .toolbar-logo[data-v-c205d086] {
3339
+ .toolbar-logo[data-v-15891775] {
3340
3340
  font-size: 16px;
3341
3341
  color: var(--vg-header-text, #fff);
3342
3342
  display: flex;
3343
3343
  align-items: center;
3344
3344
  }
3345
- .toolbar-logo img[data-v-c205d086] {
3345
+ .toolbar-logo img[data-v-15891775] {
3346
3346
  margin-right: 8px;
3347
3347
  filter: var(--vg-logo-filter, none);
3348
3348
  }
3349
- .toolbar-logo-custom[data-v-c205d086] {
3349
+ .toolbar-logo-custom[data-v-15891775] {
3350
3350
  display: flex;
3351
3351
  align-items: center;
3352
3352
  }
3353
- .toolbar-title[data-v-c205d086] {
3353
+ .toolbar-title[data-v-15891775] {
3354
3354
  margin-left: 8px;
3355
3355
  font-size: 18px;
3356
3356
  font-weight: bold;
3357
3357
  }
3358
- .primary-toolbar .vg-btn[data-v-c205d086],
3359
- .primary-toolbar .vg-btn-ghost[data-v-c205d086] {
3358
+ .primary-toolbar .vg-btn[data-v-15891775],
3359
+ .primary-toolbar .vg-btn-ghost[data-v-15891775] {
3360
3360
  height: 26px;
3361
3361
  padding: 0 8px;
3362
3362
  border-radius: 3px;
@@ -3365,50 +3365,50 @@ li.disabled[data-v-fe7421b7] { color: var(--vg-muted-text, #bbb);
3365
3365
  color: #ffffff;
3366
3366
  font-size: 12px;
3367
3367
  }
3368
- .primary-toolbar .vg-btn .iconfont[data-v-c205d086],
3369
- .primary-toolbar .vg-btn-ghost .iconfont[data-v-c205d086],
3370
- .btn-save-menu-item .iconfont[data-v-c205d086] {
3368
+ .primary-toolbar .vg-btn .iconfont[data-v-15891775],
3369
+ .primary-toolbar .vg-btn-ghost .iconfont[data-v-15891775],
3370
+ .btn-save-menu-item .iconfont[data-v-15891775] {
3371
3371
  font-size: 12px;
3372
3372
  line-height: 1;
3373
3373
  }
3374
- .primary-toolbar .vg-btn[data-v-c205d086]:hover,
3375
- .primary-toolbar .vg-btn-ghost[data-v-c205d086]:hover {
3374
+ .primary-toolbar .vg-btn[data-v-15891775]:hover,
3375
+ .primary-toolbar .vg-btn-ghost[data-v-15891775]:hover {
3376
3376
  background-color: rgba(255,255,255,0.12);
3377
3377
  }
3378
- .primary-toolbar .vg-select[data-v-c205d086],
3379
- .primary-toolbar .vg-input[data-v-c205d086] {
3378
+ .primary-toolbar .vg-select[data-v-15891775],
3379
+ .primary-toolbar .vg-input[data-v-15891775] {
3380
3380
  height: 26px;
3381
3381
  padding: 2px 24px 2px 8px;
3382
3382
  font-size: 12px;
3383
3383
  border-radius: 3px;
3384
3384
  border: none;
3385
3385
  }
3386
- .primary-toolbar .vg-input-number[data-v-c205d086] {
3386
+ .primary-toolbar .vg-input-number[data-v-15891775] {
3387
3387
  width: 64px;
3388
3388
  appearance: textfield;
3389
3389
  -moz-appearance: textfield;
3390
3390
  text-align: center;
3391
3391
  padding-right: 8px;
3392
3392
  }
3393
- .primary-toolbar .vg-input-number[data-v-c205d086]::-webkit-outer-spin-button,
3394
- .primary-toolbar .vg-input-number[data-v-c205d086]::-webkit-inner-spin-button {
3393
+ .primary-toolbar .vg-input-number[data-v-15891775]::-webkit-outer-spin-button,
3394
+ .primary-toolbar .vg-input-number[data-v-15891775]::-webkit-inner-spin-button {
3395
3395
  -webkit-appearance: none;
3396
3396
  margin: 0;
3397
3397
  }
3398
- .btn-save[data-v-c205d086] {
3398
+ .btn-save[data-v-15891775] {
3399
3399
  display: inline-flex;
3400
3400
  align-items: center;
3401
3401
  }
3402
- .btn-save .vg-btn[data-v-c205d086] {
3402
+ .btn-save .vg-btn[data-v-15891775] {
3403
3403
  border-radius: 4px 0 0 4px;
3404
3404
  }
3405
- .btn-save .btn-save-toggle[data-v-c205d086] {
3405
+ .btn-save .btn-save-toggle[data-v-15891775] {
3406
3406
  border-radius: 0 4px 4px 0;
3407
3407
  border-left: 1px solid rgba(255,255,255,0.6);
3408
3408
  padding-left: 6px;
3409
3409
  padding-right: 6px;
3410
3410
  }
3411
- .btn-save-menu[data-v-c205d086] {
3411
+ .btn-save-menu[data-v-15891775] {
3412
3412
  position: absolute;
3413
3413
  right: 0;
3414
3414
  top: 100%;
@@ -3422,7 +3422,7 @@ li.disabled[data-v-fe7421b7] { color: var(--vg-muted-text, #bbb);
3422
3422
  padding: 8px 0;
3423
3423
  z-index: 2000;
3424
3424
  }
3425
- .btn-save-menu-item[data-v-c205d086] {
3425
+ .btn-save-menu-item[data-v-15891775] {
3426
3426
  width: 100%;
3427
3427
  display: flex;
3428
3428
  align-items: center;
@@ -3434,57 +3434,57 @@ li.disabled[data-v-fe7421b7] { color: var(--vg-muted-text, #bbb);
3434
3434
  border: none;
3435
3435
  cursor: pointer;
3436
3436
  }
3437
- .btn-save-menu-item .label i[data-v-c205d086] {
3437
+ .btn-save-menu-item .label i[data-v-15891775] {
3438
3438
  margin-right: 6px;
3439
3439
  }
3440
- .btn-save-menu-item .hotkey[data-v-c205d086] {
3440
+ .btn-save-menu-item .hotkey[data-v-15891775] {
3441
3441
  opacity: 0.8;
3442
3442
  font-size: 11px;
3443
3443
  }
3444
- .btn-save-menu-item[data-v-c205d086]:hover {
3444
+ .btn-save-menu-item[data-v-15891775]:hover {
3445
3445
  background: var(--vg-menu-hover-bg, rgba(255,255,255,0.1));
3446
3446
  color: var(--vg-text, #303133);
3447
3447
  }
3448
- .btn-save-menu-item:hover .hotkey[data-v-c205d086] {
3448
+ .btn-save-menu-item:hover .hotkey[data-v-15891775] {
3449
3449
  color: var(--vg-muted-text, #606266);
3450
3450
  opacity: 1;
3451
3451
  }
3452
- .printer-select[data-v-c205d086] {
3452
+ .printer-select[data-v-15891775] {
3453
3453
  max-width: 128px;
3454
3454
  }
3455
- .btn-lang .vg-select[data-v-c205d086] {
3455
+ .btn-lang .vg-select[data-v-15891775] {
3456
3456
  width: 96px;
3457
3457
  padding-right: 20px;
3458
3458
  }
3459
3459
  @media (max-width: 1600px) {
3460
- .header-center[data-v-c205d086] { display: none;
3460
+ .header-center[data-v-15891775] { display: none;
3461
3461
  }
3462
3462
  }
3463
3463
  @media (max-width: 1180px) {
3464
- .print-count[data-v-c205d086],
3465
- .printer-select[data-v-c205d086] {
3464
+ .print-count[data-v-15891775],
3465
+ .printer-select[data-v-15891775] {
3466
3466
  display: none;
3467
3467
  }
3468
3468
  }
3469
3469
  @media (max-width: 1000px) {
3470
- .btn-preview[data-v-c205d086],
3471
- .btn-print-view[data-v-c205d086] {
3470
+ .btn-preview[data-v-15891775],
3471
+ .btn-print-view[data-v-15891775] {
3472
3472
  display: none;
3473
3473
  }
3474
3474
  }
3475
3475
  @media (max-width: 920px) {
3476
- .btn-to-pdf[data-v-c205d086],
3477
- .btn-to-image[data-v-c205d086],
3478
- .btn-print[data-v-c205d086],
3479
- .btn-lang[data-v-c205d086] { display: none;
3476
+ .btn-to-pdf[data-v-15891775],
3477
+ .btn-to-image[data-v-15891775],
3478
+ .btn-print[data-v-15891775],
3479
+ .btn-lang[data-v-15891775] { display: none;
3480
3480
  }
3481
3481
  }
3482
3482
  @media (max-width: 820px) {
3483
- .btn-clear[data-v-c205d086] { display: none;
3483
+ .btn-clear[data-v-15891775] { display: none;
3484
3484
  }
3485
3485
  }
3486
3486
  @media (max-width: 768px) {
3487
- .toolbar-title[data-v-c205d086] { display: none;
3487
+ .toolbar-title[data-v-15891775] { display: none;
3488
3488
  }
3489
3489
  }
3490
3490
 
@@ -3992,7 +3992,7 @@ li.disabled[data-v-fe7421b7] { color: var(--vg-muted-text, #bbb);
3992
3992
  }
3993
3993
 
3994
3994
  /* CodeMirror 弹窗编辑器 */
3995
- .code-editor-dialog[data-v-297f37d7] {
3995
+ .code-editor-dialog[data-v-1ca511b4] {
3996
3996
  width: 70vw;
3997
3997
  max-width: 1000px;
3998
3998
  display: flex;
@@ -4000,62 +4000,62 @@ li.disabled[data-v-fe7421b7] { color: var(--vg-muted-text, #bbb);
4000
4000
  height: 85vh;
4001
4001
  max-height: 85vh;
4002
4002
  }
4003
- .code-editor-dialog .vg-dialog-body[data-v-297f37d7] {
4003
+ .code-editor-dialog .vg-dialog-body[data-v-1ca511b4] {
4004
4004
  flex: 1;
4005
4005
  min-height: 0;
4006
4006
  overflow: hidden;
4007
4007
  display: flex;
4008
4008
  flex-direction: column;
4009
4009
  }
4010
- .code-editor-container[data-v-297f37d7] {
4010
+ .code-editor-container[data-v-1ca511b4] {
4011
4011
  flex: 1;
4012
4012
  height: 100%;
4013
4013
  min-height: 0;
4014
4014
  border: 1px solid #eee;
4015
4015
  border-radius: 4px;
4016
4016
  }
4017
- .code-editor-container[data-v-297f37d7] .prism-editor-wrapper {
4017
+ .code-editor-container[data-v-1ca511b4] .prism-editor-wrapper {
4018
4018
  height: 100%;
4019
4019
  overflow: auto;
4020
4020
  }
4021
4021
 
4022
4022
  /* 优化弹窗内容内边距,让编辑器更贴近可视高度 */
4023
- [data-v-297f37d7] .el-dialog__body {
4023
+ [data-v-1ca511b4] .el-dialog__body {
4024
4024
  padding-top: 6px;
4025
4025
  padding-bottom: 6px;
4026
4026
  }
4027
4027
 
4028
- [data-v-297f37d7] .hiprint-printElement-image-content img {
4028
+ [data-v-1ca511b4] .hiprint-printElement-image-content img {
4029
4029
  content: url("~@/assets/logo.png");
4030
4030
  }
4031
- .card-design[data-v-297f37d7] {
4031
+ .card-design[data-v-1ca511b4] {
4032
4032
  position: relative;
4033
4033
  overflow: auto;
4034
4034
  height: 100%;
4035
4035
  padding: 14px;
4036
4036
  min-height: 0;
4037
4037
  }
4038
- .vg-designer-root[data-v-297f37d7]{
4038
+ .vg-designer-root[data-v-1ca511b4]{
4039
4039
  position: relative;
4040
4040
  width: 100%;
4041
4041
  height: 100%;
4042
4042
  min-height: 0;
4043
4043
  }
4044
- .hinnn-layout-sider[data-v-297f37d7]{
4044
+ .hinnn-layout-sider[data-v-1ca511b4]{
4045
4045
  overflow: auto;
4046
4046
  height: 90vh;
4047
4047
  font-size: 12px;
4048
4048
  }
4049
- .prop-floating .hinnn-layout-sider[data-v-297f37d7]{
4049
+ .prop-floating .hinnn-layout-sider[data-v-1ca511b4]{
4050
4050
  height: auto;
4051
4051
  max-height: none;
4052
4052
  }
4053
- .params_setting_container[data-v-297f37d7] .el-card__body {
4053
+ .params_setting_container[data-v-1ca511b4] .el-card__body {
4054
4054
  padding: 1px !important;
4055
4055
  }
4056
- .toolbar-group[data-v-297f37d7] { margin:0 4px;
4056
+ .toolbar-group[data-v-1ca511b4] { margin:0 4px;
4057
4057
  }
4058
- .design-context-menu[data-v-297f37d7]{
4058
+ .design-context-menu[data-v-1ca511b4]{
4059
4059
  position: fixed;
4060
4060
  z-index: 3000;
4061
4061
  min-width: 180px;
@@ -4067,7 +4067,7 @@ li.disabled[data-v-fe7421b7] { color: var(--vg-muted-text, #bbb);
4067
4067
  font-size: 12px;
4068
4068
  color: var(--vg-text, #303133);
4069
4069
  }
4070
- .ctx-item[data-v-297f37d7]{
4070
+ .ctx-item[data-v-1ca511b4]{
4071
4071
  display: flex;
4072
4072
  align-items: center;
4073
4073
  gap: 8px;
@@ -4075,16 +4075,16 @@ li.disabled[data-v-fe7421b7] { color: var(--vg-muted-text, #bbb);
4075
4075
  cursor: pointer;
4076
4076
  white-space: nowrap;
4077
4077
  }
4078
- .ctx-item[data-v-297f37d7]:hover{
4078
+ .ctx-item[data-v-1ca511b4]:hover{
4079
4079
  background: var(--vg-menu-hover-bg, #f5f7fa);
4080
4080
  }
4081
- .ctx-item.danger[data-v-297f37d7]{
4081
+ .ctx-item.danger[data-v-1ca511b4]{
4082
4082
  color: #f56c6c;
4083
4083
  }
4084
- .ctx-item-submenu[data-v-297f37d7]{
4084
+ .ctx-item-submenu[data-v-1ca511b4]{
4085
4085
  position: relative;
4086
4086
  }
4087
- .ctx-submenu-trigger-icon[data-v-297f37d7]{
4087
+ .ctx-submenu-trigger-icon[data-v-1ca511b4]{
4088
4088
  display: inline-flex;
4089
4089
  align-items: center;
4090
4090
  justify-content: center;
@@ -4093,12 +4093,12 @@ li.disabled[data-v-fe7421b7] { color: var(--vg-muted-text, #bbb);
4093
4093
  font-weight: 600;
4094
4094
  letter-spacing: 1px;
4095
4095
  }
4096
- .ctx-submenu-arrow[data-v-297f37d7]{
4096
+ .ctx-submenu-arrow[data-v-1ca511b4]{
4097
4097
  margin-left: auto;
4098
4098
  font-size: 14px;
4099
4099
  color: #909399;
4100
4100
  }
4101
- .ctx-submenu[data-v-297f37d7]{
4101
+ .ctx-submenu[data-v-1ca511b4]{
4102
4102
  display: none;
4103
4103
  position: absolute;
4104
4104
  bottom: -4px;
@@ -4111,28 +4111,28 @@ li.disabled[data-v-fe7421b7] { color: var(--vg-muted-text, #bbb);
4111
4111
  box-shadow: 0 8px 24px rgba(0,0,0,0.15);
4112
4112
  color: var(--vg-text, #303133);
4113
4113
  }
4114
- .ctx-item-submenu:hover > .ctx-submenu[data-v-297f37d7]{
4114
+ .ctx-item-submenu:hover > .ctx-submenu[data-v-1ca511b4]{
4115
4115
  display: block;
4116
4116
  }
4117
- .ctx-sub-item[data-v-297f37d7]{
4117
+ .ctx-sub-item[data-v-1ca511b4]{
4118
4118
  padding: 8px 12px;
4119
4119
  cursor: pointer;
4120
4120
  white-space: nowrap;
4121
4121
  }
4122
- .ctx-sub-item[data-v-297f37d7]:hover{
4122
+ .ctx-sub-item[data-v-1ca511b4]:hover{
4123
4123
  background: var(--vg-menu-hover-bg, #f5f7fa);
4124
4124
  }
4125
- .ctx-sub-sep[data-v-297f37d7]{
4125
+ .ctx-sub-sep[data-v-1ca511b4]{
4126
4126
  height: 1px;
4127
4127
  background: var(--vg-border, rgba(0,0,0,0.08));
4128
4128
  margin: 4px 0;
4129
4129
  }
4130
- .ctx-sep[data-v-297f37d7]{
4130
+ .ctx-sep[data-v-1ca511b4]{
4131
4131
  height: 1px;
4132
4132
  background: var(--vg-border, rgba(0,0,0,0.08));
4133
4133
  margin: 4px 0;
4134
4134
  }
4135
- .designer-footer[data-v-297f37d7]{
4135
+ .designer-footer[data-v-1ca511b4]{
4136
4136
  position: absolute;
4137
4137
  left: 0;
4138
4138
  right: 0;
@@ -4147,7 +4147,7 @@ li.disabled[data-v-fe7421b7] { color: var(--vg-muted-text, #bbb);
4147
4147
  font-size: 12px;
4148
4148
  color: var(--vg-footer-text, #606266);
4149
4149
  }
4150
- .designer-footer-inner[data-v-297f37d7]{
4150
+ .designer-footer-inner[data-v-1ca511b4]{
4151
4151
  width: 100%;
4152
4152
  overflow: hidden;
4153
4153
  text-overflow: ellipsis;
@@ -4155,32 +4155,32 @@ li.disabled[data-v-fe7421b7] { color: var(--vg-muted-text, #bbb);
4155
4155
  }
4156
4156
 
4157
4157
  /* 主体布局:左侧固定组件库 + 中间设计区 */
4158
- .main-layout-row[data-v-297f37d7] {
4158
+ .main-layout-row[data-v-1ca511b4] {
4159
4159
  display: flex;
4160
4160
  align-items: stretch;
4161
4161
  flex-wrap: nowrap;
4162
4162
  box-sizing: border-box;
4163
4163
  }
4164
- .left-sider[data-v-297f37d7] {
4164
+ .left-sider[data-v-1ca511b4] {
4165
4165
  flex: 0 0 200px !important;
4166
4166
  max-width: 200px !important;
4167
4167
  width: 200px !important;
4168
4168
  height: 100%;
4169
4169
  min-height: 0;
4170
4170
  }
4171
- .left-sider-card[data-v-297f37d7] {
4171
+ .left-sider-card[data-v-1ca511b4] {
4172
4172
  display: flex;
4173
4173
  flex-direction: column;
4174
4174
  overflow: hidden;
4175
4175
  }
4176
- .left-sider[data-v-297f37d7] .el-card__body {
4176
+ .left-sider[data-v-1ca511b4] .el-card__body {
4177
4177
  padding: 0 !important;
4178
4178
  height: 100%;
4179
4179
  min-height: 0;
4180
4180
  display: flex;
4181
4181
  flex-direction: column;
4182
4182
  }
4183
- .left-sider-tabs[data-v-297f37d7] {
4183
+ .left-sider-tabs[data-v-1ca511b4] {
4184
4184
  flex: 1 1 auto;
4185
4185
  min-height: 0;
4186
4186
  display: flex;
@@ -4188,37 +4188,37 @@ li.disabled[data-v-fe7421b7] { color: var(--vg-muted-text, #bbb);
4188
4188
  overflow: hidden;
4189
4189
  background: var(--vg-panel-bg, #f7f8fc);
4190
4190
  }
4191
- .vg-tabs-nav[data-v-297f37d7] {
4191
+ .vg-tabs-nav[data-v-1ca511b4] {
4192
4192
  flex: 0 0 auto;
4193
4193
  }
4194
- .left-sider-pane[data-v-297f37d7] {
4194
+ .left-sider-pane[data-v-1ca511b4] {
4195
4195
  flex: 1 1 auto;
4196
4196
  min-height: 0;
4197
4197
  display: flex;
4198
4198
  overflow: hidden;
4199
4199
  }
4200
- .left-sider[data-v-297f37d7] .el-tabs__header {
4200
+ .left-sider[data-v-1ca511b4] .el-tabs__header {
4201
4201
  margin: 0;
4202
4202
  }
4203
- .left-sider[data-v-297f37d7] .el-tabs__nav-wrap {
4203
+ .left-sider[data-v-1ca511b4] .el-tabs__nav-wrap {
4204
4204
  padding: 0 6px;
4205
4205
  }
4206
- .left-sider[data-v-297f37d7] .el-tabs__item {
4206
+ .left-sider[data-v-1ca511b4] .el-tabs__item {
4207
4207
  font-size: 13px;
4208
4208
  }
4209
- .left-sider[data-v-297f37d7] .el-tabs__item.is-active {
4209
+ .left-sider[data-v-1ca511b4] .el-tabs__item.is-active {
4210
4210
  color: var(--vg-accent, #580df8);
4211
4211
  }
4212
- .left-sider[data-v-297f37d7] .el-tabs__item:hover {
4212
+ .left-sider[data-v-1ca511b4] .el-tabs__item:hover {
4213
4213
  color: var(--vg-accent, #580df8);
4214
4214
  }
4215
- .left-sider[data-v-297f37d7] .el-tabs__active-bar {
4215
+ .left-sider[data-v-1ca511b4] .el-tabs__active-bar {
4216
4216
  background-color: var(--vg-accent, #580df8);
4217
4217
  }
4218
- .left-sider[data-v-297f37d7] .el-tabs__nav-wrap::after {
4218
+ .left-sider[data-v-1ca511b4] .el-tabs__nav-wrap::after {
4219
4219
  background-color: var(--vg-border, rgba(0,0,0,0.08));
4220
4220
  }
4221
- .left-sider-header[data-v-297f37d7] {
4221
+ .left-sider-header[data-v-1ca511b4] {
4222
4222
  padding: 2px;
4223
4223
  background-color: var(--vg-header-bg, #580df8);
4224
4224
  color: var(--vg-header-text, #fff);
@@ -4227,7 +4227,7 @@ li.disabled[data-v-fe7421b7] { color: var(--vg-muted-text, #bbb);
4227
4227
  display: flex;
4228
4228
  align-items: center;
4229
4229
  }
4230
- .template-panel[data-v-297f37d7] {
4230
+ .template-panel[data-v-1ca511b4] {
4231
4231
  flex: 1 1 auto;
4232
4232
  min-height: 0;
4233
4233
  display: flex;
@@ -4236,17 +4236,17 @@ li.disabled[data-v-fe7421b7] { color: var(--vg-muted-text, #bbb);
4236
4236
  padding: 8px 6px 10px;
4237
4237
  background: var(--vg-panel-bg, #f7f8fc);
4238
4238
  }
4239
- .template-toolbar[data-v-297f37d7] {
4239
+ .template-toolbar[data-v-1ca511b4] {
4240
4240
  display: flex;
4241
4241
  align-items: center;
4242
4242
  gap: 2px;
4243
4243
  padding: 4px 0 10px;
4244
4244
  }
4245
- .template-toolbar .el-button[data-v-297f37d7] {
4245
+ .template-toolbar .el-button[data-v-1ca511b4] {
4246
4246
  padding: 6px;
4247
4247
  min-width: 32px;
4248
4248
  }
4249
- .template-list[data-v-297f37d7] {
4249
+ .template-list[data-v-1ca511b4] {
4250
4250
  display: flex;
4251
4251
  flex: 1 1 auto;
4252
4252
  flex-direction: column;
@@ -4257,7 +4257,7 @@ li.disabled[data-v-fe7421b7] { color: var(--vg-muted-text, #bbb);
4257
4257
  padding-right: 2px;
4258
4258
  padding-bottom: 10px;
4259
4259
  }
4260
- .template-item[data-v-297f37d7] {
4260
+ .template-item[data-v-1ca511b4] {
4261
4261
  border-radius: 999px;
4262
4262
  background-color: var(--vg-menu-hover-bg, #f5f7fa);
4263
4263
  border: 1px solid transparent;
@@ -4269,29 +4269,29 @@ li.disabled[data-v-fe7421b7] { color: var(--vg-muted-text, #bbb);
4269
4269
  color: var(--vg-muted-text, #606266);
4270
4270
  transition: all 0.2s;
4271
4271
  }
4272
- .template-item[data-v-297f37d7]:hover {
4272
+ .template-item[data-v-1ca511b4]:hover {
4273
4273
  background-color: var(--vg-accent-soft, #eef1f6);
4274
4274
  }
4275
- .template-item.is-active[data-v-297f37d7] {
4275
+ .template-item.is-active[data-v-1ca511b4] {
4276
4276
  background: linear-gradient(90deg, var(--vg-accent-soft, #f0ebff) 0%, var(--vg-surface-bg, #ffffff) 60%);
4277
4277
  border-color: var(--vg-accent, #580df8);
4278
4278
  color: var(--vg-text, #303133);
4279
4279
  font-weight: 600;
4280
4280
  box-shadow: 0 0 0 1px var(--vg-accent-soft, rgba(88, 13, 248, 0.12));
4281
4281
  }
4282
- .template-name[data-v-297f37d7] {
4282
+ .template-name[data-v-1ca511b4] {
4283
4283
  flex: 1;
4284
4284
  overflow: hidden;
4285
4285
  text-overflow: ellipsis;
4286
4286
  white-space: nowrap;
4287
4287
  }
4288
- .template-actions[data-v-297f37d7] {
4288
+ .template-actions[data-v-1ca511b4] {
4289
4289
  display: flex;
4290
4290
  align-items: center;
4291
4291
  gap: 6px;
4292
4292
  margin-left: 8px;
4293
4293
  }
4294
- .template-icon-btn[data-v-297f37d7] {
4294
+ .template-icon-btn[data-v-1ca511b4] {
4295
4295
  width: 22px;
4296
4296
  height: 22px;
4297
4297
  display: inline-flex;
@@ -4304,34 +4304,34 @@ li.disabled[data-v-fe7421b7] { color: var(--vg-muted-text, #bbb);
4304
4304
  padding: 0;
4305
4305
  color: #c0c4cc;
4306
4306
  }
4307
- .template-icon-btn i[data-v-297f37d7] {
4307
+ .template-icon-btn i[data-v-1ca511b4] {
4308
4308
  font-size: 14px;
4309
4309
  line-height: 1;
4310
4310
  }
4311
- .template-icon-btn[data-v-297f37d7]:hover {
4311
+ .template-icon-btn[data-v-1ca511b4]:hover {
4312
4312
  background: rgba(0, 0, 0, 0.04);
4313
4313
  }
4314
- .template-item.is-active .template-icon-btn.check[data-v-297f37d7] {
4314
+ .template-item.is-active .template-icon-btn.check[data-v-1ca511b4] {
4315
4315
  color: var(--vg-accent, #580df8);
4316
4316
  border-color: var(--vg-accent, #580df8);
4317
4317
  }
4318
- .template-icon-btn.danger[data-v-297f37d7] {
4318
+ .template-icon-btn.danger[data-v-1ca511b4] {
4319
4319
  color: #f56c6c;
4320
4320
  }
4321
- .template-icon-btn.danger[data-v-297f37d7]:hover {
4321
+ .template-icon-btn.danger[data-v-1ca511b4]:hover {
4322
4322
  border-color: rgba(245, 108, 108, 0.65);
4323
4323
  background: rgba(245, 108, 108, 0.08);
4324
4324
  }
4325
- .template-check[data-v-297f37d7] {
4325
+ .template-check[data-v-1ca511b4] {
4326
4326
  margin-left: 6px;
4327
4327
  font-size: 14px;
4328
4328
  color: #c0c4cc;
4329
4329
  cursor: pointer;
4330
4330
  }
4331
- .template-item.is-active .template-check[data-v-297f37d7] {
4331
+ .template-item.is-active .template-check[data-v-1ca511b4] {
4332
4332
  color: var(--vg-accent, #580df8);
4333
4333
  }
4334
- .hiprintEpContainer[data-v-297f37d7] {
4334
+ .hiprintEpContainer[data-v-1ca511b4] {
4335
4335
  padding: 10px;
4336
4336
  overflow-y: auto;
4337
4337
  flex: 1;
@@ -4339,11 +4339,11 @@ li.disabled[data-v-fe7421b7] { color: var(--vg-muted-text, #bbb);
4339
4339
  box-sizing: border-box;
4340
4340
  padding-bottom: 18px;
4341
4341
  }
4342
- [data-v-297f37d7] .hiprintEpContainer .hiprint-printElement-type {
4342
+ [data-v-1ca511b4] .hiprintEpContainer .hiprint-printElement-type {
4343
4343
  height: auto !important;
4344
4344
  min-height: 100%;
4345
4345
  }
4346
- .center-design[data-v-297f37d7] {
4346
+ .center-design[data-v-1ca511b4] {
4347
4347
  flex: 1 1 auto;
4348
4348
  min-width: 600px; /* 保证中间区域不被过度压缩 */
4349
4349
  height: 100%;
@@ -4353,7 +4353,7 @@ li.disabled[data-v-fe7421b7] { color: var(--vg-muted-text, #bbb);
4353
4353
  }
4354
4354
 
4355
4355
  /* 右侧属性设置悬浮样式 */
4356
- .prop-floating[data-v-297f37d7] {
4356
+ .prop-floating[data-v-1ca511b4] {
4357
4357
  position: fixed;
4358
4358
  top: 76px;
4359
4359
  right: auto;
@@ -4369,34 +4369,34 @@ li.disabled[data-v-fe7421b7] { color: var(--vg-muted-text, #bbb);
4369
4369
  flex-direction: column;
4370
4370
  }
4371
4371
  /* Resize Handles */
4372
- .resize-handle[data-v-297f37d7] {
4372
+ .resize-handle[data-v-1ca511b4] {
4373
4373
  position: absolute;
4374
4374
  z-index: 1002;
4375
4375
  background-color: transparent;
4376
4376
  transition: all 0.2s;
4377
4377
  }
4378
- .resize-handle[data-v-297f37d7]:hover {
4378
+ .resize-handle[data-v-1ca511b4]:hover {
4379
4379
  background-color: var(--vg-accent, #580df8);
4380
4380
  }
4381
- .resize-left[data-v-297f37d7] {
4381
+ .resize-left[data-v-1ca511b4] {
4382
4382
  top: 0; bottom: 0; left: 0; width: 1px; cursor: w-resize;
4383
4383
  }
4384
- .resize-left[data-v-297f37d7]:hover {
4384
+ .resize-left[data-v-1ca511b4]:hover {
4385
4385
  width: 2px;
4386
4386
  }
4387
- .resize-right[data-v-297f37d7] {
4387
+ .resize-right[data-v-1ca511b4] {
4388
4388
  top: 0; bottom: 0; right: 0; width: 1px; cursor: e-resize;
4389
4389
  }
4390
- .resize-right[data-v-297f37d7]:hover {
4390
+ .resize-right[data-v-1ca511b4]:hover {
4391
4391
  width: 2px;
4392
4392
  }
4393
- .resize-bottom[data-v-297f37d7] {
4393
+ .resize-bottom[data-v-1ca511b4] {
4394
4394
  bottom: 0; left: 0; right: 0; height: 1px; cursor: s-resize;
4395
4395
  }
4396
- .resize-bottom[data-v-297f37d7]:hover {
4396
+ .resize-bottom[data-v-1ca511b4]:hover {
4397
4397
  height: 2px;
4398
4398
  }
4399
- .pagination-floating[data-v-297f37d7] {
4399
+ .pagination-floating[data-v-1ca511b4] {
4400
4400
  position: absolute;
4401
4401
  top: 20px;
4402
4402
  left: 20px;
@@ -4409,7 +4409,7 @@ li.disabled[data-v-fe7421b7] { color: var(--vg-muted-text, #bbb);
4409
4409
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
4410
4410
  overflow: hidden;
4411
4411
  }
4412
- .prop-header[data-v-297f37d7] {
4412
+ .prop-header[data-v-1ca511b4] {
4413
4413
  display: flex;
4414
4414
  align-items: center;
4415
4415
  justify-content: space-between;
@@ -4419,14 +4419,14 @@ li.disabled[data-v-fe7421b7] { color: var(--vg-muted-text, #bbb);
4419
4419
  color: var(--vg-header-text, #fff);
4420
4420
  border-bottom: 1px solid rgba(0,0,0,0.06);
4421
4421
  }
4422
- .prop-header .title[data-v-297f37d7] {
4422
+ .prop-header .title[data-v-1ca511b4] {
4423
4423
  font-size: 13px;
4424
4424
  font-weight: 600;
4425
4425
  }
4426
- .prop-header .header-actions[data-v-297f37d7] {
4426
+ .prop-header .header-actions[data-v-1ca511b4] {
4427
4427
  display: flex;
4428
4428
  }
4429
- .prop-header .icon-btn[data-v-297f37d7] {
4429
+ .prop-header .icon-btn[data-v-1ca511b4] {
4430
4430
  width: 24px;
4431
4431
  height: 20px;
4432
4432
  display: inline-flex;
@@ -4439,16 +4439,16 @@ li.disabled[data-v-fe7421b7] { color: var(--vg-muted-text, #bbb);
4439
4439
  color: var(--vg-header-text, #fff);
4440
4440
  cursor: pointer;
4441
4441
  }
4442
- .prop-header .icon-btn[data-v-297f37d7]:hover {
4442
+ .prop-header .icon-btn[data-v-1ca511b4]:hover {
4443
4443
  background: rgba(255,255,255,0.12);
4444
4444
  }
4445
- .prop-header .collapse-btn .iconfont[data-v-297f37d7] {
4445
+ .prop-header .collapse-btn .iconfont[data-v-1ca511b4] {
4446
4446
  transition: transform 0.24s ease;
4447
4447
  }
4448
- .prop-header .collapse-btn.is-collapsed .iconfont[data-v-297f37d7] {
4448
+ .prop-header .collapse-btn.is-collapsed .iconfont[data-v-1ca511b4] {
4449
4449
  transform: rotate(180deg);
4450
4450
  }
4451
- .prop-body[data-v-297f37d7] {
4451
+ .prop-body[data-v-1ca511b4] {
4452
4452
  overflow: auto;
4453
4453
  flex: 1 1 auto;
4454
4454
  min-height: 0;
@@ -4460,11 +4460,11 @@ li.disabled[data-v-fe7421b7] { color: var(--vg-muted-text, #bbb);
4460
4460
  transform-origin: top center;
4461
4461
  transition: max-height 0.26s ease, opacity 0.2s ease, transform 0.26s ease;
4462
4462
  }
4463
- #PrintElementOptionSetting[data-v-297f37d7] {
4463
+ #PrintElementOptionSetting[data-v-1ca511b4] {
4464
4464
  padding-bottom: 24px;
4465
4465
  }
4466
- .prop-floating.is-collapsed .prop-body[data-v-297f37d7],
4467
- .prop-body.is-collapsed[data-v-297f37d7] {
4466
+ .prop-floating.is-collapsed .prop-body[data-v-1ca511b4],
4467
+ .prop-body.is-collapsed[data-v-1ca511b4] {
4468
4468
  flex: 0 0 auto;
4469
4469
  min-height: 0;
4470
4470
  max-height: 0;
@@ -4473,17 +4473,17 @@ li.disabled[data-v-fe7421b7] { color: var(--vg-muted-text, #bbb);
4473
4473
  overflow: hidden;
4474
4474
  pointer-events: none;
4475
4475
  }
4476
- .prop-floating[data-v-297f37d7] {
4476
+ .prop-floating[data-v-1ca511b4] {
4477
4477
  transition: box-shadow 0.26s ease;
4478
4478
  }
4479
- .prop-floating.is-collapsed[data-v-297f37d7] {
4479
+ .prop-floating.is-collapsed[data-v-1ca511b4] {
4480
4480
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
4481
4481
  }
4482
- .prop-floating.is-collapsed .prop-header[data-v-297f37d7] {
4482
+ .prop-floating.is-collapsed .prop-header[data-v-1ca511b4] {
4483
4483
  border-bottom-color: transparent;
4484
4484
  transition: border-color 0.2s ease;
4485
4485
  }
4486
- .hiprint-printPagination[data-v-297f37d7] .hiprint-pagination{
4486
+ .hiprint-printPagination[data-v-1ca511b4] .hiprint-pagination{
4487
4487
  padding: 0;
4488
4488
  margin: 0;
4489
4489
  display: flex;
@@ -4492,7 +4492,7 @@ li.disabled[data-v-fe7421b7] { color: var(--vg-muted-text, #bbb);
4492
4492
  /* 隐藏状态不显示触发器,改由工具栏控制 */
4493
4493
 
4494
4494
  /* Left Sider Toggle Button */
4495
- .left-sider-toggle[data-v-297f37d7] {
4495
+ .left-sider-toggle[data-v-1ca511b4] {
4496
4496
  position: absolute;
4497
4497
  top: 50%;
4498
4498
  left: 199px;
@@ -4510,27 +4510,27 @@ li.disabled[data-v-fe7421b7] { color: var(--vg-muted-text, #bbb);
4510
4510
  transform: translateY(-50%);
4511
4511
  transition: left 0.3s;
4512
4512
  }
4513
- .left-sider-toggle.collapsed[data-v-297f37d7] {
4513
+ .left-sider-toggle.collapsed[data-v-1ca511b4] {
4514
4514
  left: 0;
4515
4515
  }
4516
- .main-layout-row.is-mobile .left-sider[data-v-297f37d7] {
4516
+ .main-layout-row.is-mobile .left-sider[data-v-1ca511b4] {
4517
4517
  display: none;
4518
4518
  }
4519
- .main-layout-row.is-mobile .center-design[data-v-297f37d7] {
4519
+ .main-layout-row.is-mobile .center-design[data-v-1ca511b4] {
4520
4520
  width: 100%;
4521
4521
  min-width: 0;
4522
4522
  flex: 0 0 100%;
4523
4523
  max-width: 100%;
4524
4524
  }
4525
- .main-layout-row.left-collapsed .left-sider[data-v-297f37d7] {
4525
+ .main-layout-row.left-collapsed .left-sider[data-v-1ca511b4] {
4526
4526
  display: none;
4527
4527
  }
4528
- .main-layout-row.left-collapsed .center-design[data-v-297f37d7] {
4528
+ .main-layout-row.left-collapsed .center-design[data-v-1ca511b4] {
4529
4529
  width: 100%;
4530
4530
  flex: 0 0 100%;
4531
4531
  max-width: 100%;
4532
4532
  }
4533
- .mobile-bottom-sheet[data-v-297f37d7] {
4533
+ .mobile-bottom-sheet[data-v-1ca511b4] {
4534
4534
  position: fixed;
4535
4535
  bottom: 0;
4536
4536
  left: 0;
@@ -4547,20 +4547,20 @@ li.disabled[data-v-fe7421b7] { color: var(--vg-muted-text, #bbb);
4547
4547
  transition: transform 0.3s;
4548
4548
  border-radius: 12px 12px 0 0;
4549
4549
  }
4550
- .mobile-bottom-sheet .prop-body[data-v-297f37d7] {
4550
+ .mobile-bottom-sheet .prop-body[data-v-1ca511b4] {
4551
4551
  flex: 1;
4552
4552
  overflow-y: auto;
4553
4553
  padding: 0;
4554
4554
  height: calc(100% - 40px);
4555
4555
  }
4556
- .mobile-bottom-sheet .mobile-sheet-tabs[data-v-297f37d7] {
4556
+ .mobile-bottom-sheet .mobile-sheet-tabs[data-v-1ca511b4] {
4557
4557
  display: flex;
4558
4558
  height: 40px;
4559
4559
  background: #f5f7fa;
4560
4560
  border-bottom: 1px solid #e4e7ed;
4561
4561
  border-radius: 12px 12px 0 0;
4562
4562
  }
4563
- .mobile-bottom-sheet .mobile-sheet-tabs .tab-item[data-v-297f37d7] {
4563
+ .mobile-bottom-sheet .mobile-sheet-tabs .tab-item[data-v-1ca511b4] {
4564
4564
  flex: 1;
4565
4565
  display: flex;
4566
4566
  align-items: center;
@@ -4569,17 +4569,17 @@ li.disabled[data-v-fe7421b7] { color: var(--vg-muted-text, #bbb);
4569
4569
  font-size: 14px;
4570
4570
  color: #606266;
4571
4571
  }
4572
- .mobile-bottom-sheet .mobile-sheet-tabs .tab-item.active[data-v-297f37d7] {
4572
+ .mobile-bottom-sheet .mobile-sheet-tabs .tab-item.active[data-v-1ca511b4] {
4573
4573
  color: #409eff;
4574
4574
  background: #fff;
4575
4575
  font-weight: bold;
4576
4576
  border-bottom: 2px solid #409eff;
4577
4577
  }
4578
- .mobile-bottom-sheet .mobile-sheet-tabs .tab-item.close-btn[data-v-297f37d7] {
4578
+ .mobile-bottom-sheet .mobile-sheet-tabs .tab-item.close-btn[data-v-1ca511b4] {
4579
4579
  flex: 0 0 40px;
4580
4580
  color: #909399;
4581
4581
  }
4582
- .mobile-bottom-sheet .mobile-tab-content[data-v-297f37d7] {
4582
+ .mobile-bottom-sheet .mobile-tab-content[data-v-1ca511b4] {
4583
4583
  height: 100%;
4584
4584
  overflow-y: auto;
4585
4585
  padding: 10px;