vg-print-vue2 1.0.205 → 1.0.207

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
@@ -3443,14 +3443,14 @@ li.disabled[data-v-115610f2] { color: var(--vg-muted-text, #bbb);
3443
3443
  }
3444
3444
 
3445
3445
  /* CodeMirror 弹窗编辑器 */
3446
- .code-editor-dialog[data-v-97574849] {
3446
+ .code-editor-dialog[data-v-14dc8840] {
3447
3447
  width: 70vw;
3448
3448
  max-width: 1000px;
3449
3449
  display: flex;
3450
3450
  flex-direction: column;
3451
3451
  max-height: 85vh;
3452
3452
  }
3453
- .code-editor-dialog .vg-dialog-body[data-v-97574849] {
3453
+ .code-editor-dialog .vg-dialog-body[data-v-14dc8840] {
3454
3454
  flex: 1;
3455
3455
  overflow: auto;
3456
3456
  display: flex;
@@ -3458,45 +3458,45 @@ li.disabled[data-v-115610f2] { color: var(--vg-muted-text, #bbb);
3458
3458
  min-height: 400px;
3459
3459
  max-height: 65vh;
3460
3460
  }
3461
- .code-editor-container[data-v-97574849] {
3461
+ .code-editor-container[data-v-14dc8840] {
3462
3462
  flex: 1;
3463
3463
  min-height: 300px;
3464
3464
  border: 1px solid #eee;
3465
3465
  border-radius: 4px;
3466
3466
  }
3467
- .code-editor-container[data-v-97574849] .cm-editor {
3467
+ .code-editor-container[data-v-14dc8840] .cm-editor {
3468
3468
  height: 100%;
3469
3469
  }
3470
- .code-editor-container[data-v-97574849] .cm-scroller {
3470
+ .code-editor-container[data-v-14dc8840] .cm-scroller {
3471
3471
  overflow: auto;
3472
3472
  }
3473
3473
 
3474
3474
  /* 优化弹窗内容内边距,让编辑器更贴近可视高度 */
3475
- [data-v-97574849] .el-dialog__body {
3475
+ [data-v-14dc8840] .el-dialog__body {
3476
3476
  padding-top: 6px;
3477
3477
  padding-bottom: 6px;
3478
3478
  }
3479
3479
 
3480
- [data-v-97574849] .hiprint-printElement-image-content img {
3480
+ [data-v-14dc8840] .hiprint-printElement-image-content img {
3481
3481
  content: url("~@/assets/logo.png");
3482
3482
  }
3483
- .card-design[data-v-97574849] {
3483
+ .card-design[data-v-14dc8840] {
3484
3484
  position: relative;
3485
3485
  overflow: auto;
3486
3486
  height: 90vh;
3487
3487
  padding: 14px;
3488
3488
  }
3489
- .hinnn-layout-sider[data-v-97574849]{
3489
+ .hinnn-layout-sider[data-v-14dc8840]{
3490
3490
  overflow: auto;
3491
3491
  height: 90vh;
3492
3492
  font-size: 12px;
3493
3493
  }
3494
- .params_setting_container[data-v-97574849] .el-card__body {
3494
+ .params_setting_container[data-v-14dc8840] .el-card__body {
3495
3495
  padding: 1px !important;
3496
3496
  }
3497
- .toolbar-group[data-v-97574849] { margin:0 4px;
3497
+ .toolbar-group[data-v-14dc8840] { margin:0 4px;
3498
3498
  }
3499
- .design-context-menu[data-v-97574849]{
3499
+ .design-context-menu[data-v-14dc8840]{
3500
3500
  position: fixed;
3501
3501
  z-index: 3000;
3502
3502
  min-width: 180px;
@@ -3508,7 +3508,7 @@ li.disabled[data-v-115610f2] { color: var(--vg-muted-text, #bbb);
3508
3508
  font-size: 12px;
3509
3509
  color: var(--vg-text, #303133);
3510
3510
  }
3511
- .ctx-item[data-v-97574849]{
3511
+ .ctx-item[data-v-14dc8840]{
3512
3512
  display: flex;
3513
3513
  align-items: center;
3514
3514
  gap: 8px;
@@ -3516,18 +3516,18 @@ li.disabled[data-v-115610f2] { color: var(--vg-muted-text, #bbb);
3516
3516
  cursor: pointer;
3517
3517
  white-space: nowrap;
3518
3518
  }
3519
- .ctx-item[data-v-97574849]:hover{
3519
+ .ctx-item[data-v-14dc8840]:hover{
3520
3520
  background: var(--vg-menu-hover-bg, #f5f7fa);
3521
3521
  }
3522
- .ctx-item.danger[data-v-97574849]{
3522
+ .ctx-item.danger[data-v-14dc8840]{
3523
3523
  color: #f56c6c;
3524
3524
  }
3525
- .ctx-sep[data-v-97574849]{
3525
+ .ctx-sep[data-v-14dc8840]{
3526
3526
  height: 1px;
3527
3527
  background: var(--vg-border, rgba(0,0,0,0.08));
3528
3528
  margin: 4px 0;
3529
3529
  }
3530
- .designer-footer[data-v-97574849]{
3530
+ .designer-footer[data-v-14dc8840]{
3531
3531
  position: fixed;
3532
3532
  left: 0;
3533
3533
  right: 0;
@@ -3542,7 +3542,7 @@ li.disabled[data-v-115610f2] { color: var(--vg-muted-text, #bbb);
3542
3542
  font-size: 12px;
3543
3543
  color: var(--vg-footer-text, #606266);
3544
3544
  }
3545
- .designer-footer-inner[data-v-97574849]{
3545
+ .designer-footer-inner[data-v-14dc8840]{
3546
3546
  width: 100%;
3547
3547
  overflow: hidden;
3548
3548
  text-overflow: ellipsis;
@@ -3550,44 +3550,44 @@ li.disabled[data-v-115610f2] { color: var(--vg-muted-text, #bbb);
3550
3550
  }
3551
3551
 
3552
3552
  /* 主体布局:左侧固定组件库 + 中间设计区 */
3553
- .main-layout-row[data-v-97574849] {
3553
+ .main-layout-row[data-v-14dc8840] {
3554
3554
  display: flex;
3555
3555
  align-items: stretch;
3556
3556
  flex-wrap: nowrap; /* 防止宽度过大导致整行换行 */
3557
3557
  }
3558
- .left-sider[data-v-97574849] {
3558
+ .left-sider[data-v-14dc8840] {
3559
3559
  flex: 0 0 200px !important;
3560
3560
  max-width: 200px !important;
3561
3561
  width: 200px !important;
3562
3562
  }
3563
- .left-sider[data-v-97574849] .el-card__body {
3563
+ .left-sider[data-v-14dc8840] .el-card__body {
3564
3564
  padding: 0 !important;
3565
3565
  height: 88vh;
3566
3566
  display: flex;
3567
3567
  flex-direction: column;
3568
3568
  }
3569
- .left-sider[data-v-97574849] .el-tabs__header {
3569
+ .left-sider[data-v-14dc8840] .el-tabs__header {
3570
3570
  margin: 0;
3571
3571
  }
3572
- .left-sider[data-v-97574849] .el-tabs__nav-wrap {
3572
+ .left-sider[data-v-14dc8840] .el-tabs__nav-wrap {
3573
3573
  padding: 0 6px;
3574
3574
  }
3575
- .left-sider[data-v-97574849] .el-tabs__item {
3575
+ .left-sider[data-v-14dc8840] .el-tabs__item {
3576
3576
  font-size: 13px;
3577
3577
  }
3578
- .left-sider[data-v-97574849] .el-tabs__item.is-active {
3578
+ .left-sider[data-v-14dc8840] .el-tabs__item.is-active {
3579
3579
  color: var(--vg-accent, #580df8);
3580
3580
  }
3581
- .left-sider[data-v-97574849] .el-tabs__item:hover {
3581
+ .left-sider[data-v-14dc8840] .el-tabs__item:hover {
3582
3582
  color: var(--vg-accent, #580df8);
3583
3583
  }
3584
- .left-sider[data-v-97574849] .el-tabs__active-bar {
3584
+ .left-sider[data-v-14dc8840] .el-tabs__active-bar {
3585
3585
  background-color: var(--vg-accent, #580df8);
3586
3586
  }
3587
- .left-sider[data-v-97574849] .el-tabs__nav-wrap::after {
3587
+ .left-sider[data-v-14dc8840] .el-tabs__nav-wrap::after {
3588
3588
  background-color: var(--vg-border, rgba(0,0,0,0.08));
3589
3589
  }
3590
- .left-sider-header[data-v-97574849] {
3590
+ .left-sider-header[data-v-14dc8840] {
3591
3591
  padding: 2px;
3592
3592
  background-color: var(--vg-header-bg, #580df8);
3593
3593
  color: var(--vg-header-text, #fff);
@@ -3596,26 +3596,26 @@ li.disabled[data-v-115610f2] { color: var(--vg-muted-text, #bbb);
3596
3596
  display: flex;
3597
3597
  align-items: center;
3598
3598
  }
3599
- .template-panel[data-v-97574849] {
3599
+ .template-panel[data-v-14dc8840] {
3600
3600
  padding: 8px 6px 10px;
3601
3601
  background: var(--vg-panel-bg, #f7f8fc);
3602
3602
  }
3603
- .template-toolbar[data-v-97574849] {
3603
+ .template-toolbar[data-v-14dc8840] {
3604
3604
  display: flex;
3605
3605
  align-items: center;
3606
3606
  gap: 2px;
3607
3607
  padding: 4px 0 10px;
3608
3608
  }
3609
- .template-toolbar .el-button[data-v-97574849] {
3609
+ .template-toolbar .el-button[data-v-14dc8840] {
3610
3610
  padding: 6px;
3611
3611
  min-width: 32px;
3612
3612
  }
3613
- .template-list[data-v-97574849] {
3613
+ .template-list[data-v-14dc8840] {
3614
3614
  display: flex;
3615
3615
  flex-direction: column;
3616
3616
  gap: 8px;
3617
3617
  }
3618
- .template-item[data-v-97574849] {
3618
+ .template-item[data-v-14dc8840] {
3619
3619
  border-radius: 999px;
3620
3620
  background-color: var(--vg-menu-hover-bg, #f5f7fa);
3621
3621
  border: 1px solid transparent;
@@ -3627,43 +3627,43 @@ li.disabled[data-v-115610f2] { color: var(--vg-muted-text, #bbb);
3627
3627
  color: var(--vg-muted-text, #606266);
3628
3628
  transition: all 0.2s;
3629
3629
  }
3630
- .template-item[data-v-97574849]:hover {
3630
+ .template-item[data-v-14dc8840]:hover {
3631
3631
  background-color: var(--vg-accent-soft, #eef1f6);
3632
3632
  }
3633
- .template-item.is-active[data-v-97574849] {
3633
+ .template-item.is-active[data-v-14dc8840] {
3634
3634
  background: linear-gradient(90deg, var(--vg-accent-soft, #f0ebff) 0%, var(--vg-surface-bg, #ffffff) 60%);
3635
3635
  border-color: var(--vg-accent, #580df8);
3636
3636
  color: var(--vg-text, #303133);
3637
3637
  font-weight: 600;
3638
3638
  box-shadow: 0 0 0 1px var(--vg-accent-soft, rgba(88, 13, 248, 0.12));
3639
3639
  }
3640
- .template-name[data-v-97574849] {
3640
+ .template-name[data-v-14dc8840] {
3641
3641
  flex: 1;
3642
3642
  overflow: hidden;
3643
3643
  text-overflow: ellipsis;
3644
3644
  white-space: nowrap;
3645
3645
  }
3646
- .template-check[data-v-97574849] {
3646
+ .template-check[data-v-14dc8840] {
3647
3647
  margin-left: 6px;
3648
3648
  font-size: 14px;
3649
3649
  color: #c0c4cc;
3650
3650
  cursor: pointer;
3651
3651
  }
3652
- .template-item.is-active .template-check[data-v-97574849] {
3652
+ .template-item.is-active .template-check[data-v-14dc8840] {
3653
3653
  color: var(--vg-accent, #580df8);
3654
3654
  }
3655
- .hiprintEpContainer[data-v-97574849] {
3655
+ .hiprintEpContainer[data-v-14dc8840] {
3656
3656
  padding: 10px;
3657
3657
  overflow-y: auto;
3658
3658
  flex: 1;
3659
3659
  }
3660
- .center-design[data-v-97574849] {
3660
+ .center-design[data-v-14dc8840] {
3661
3661
  flex: 1 1 auto;
3662
3662
  min-width: 600px; /* 保证中间区域不被过度压缩 */
3663
3663
  }
3664
3664
 
3665
3665
  /* 右侧属性设置悬浮样式 */
3666
- .prop-floating[data-v-97574849] {
3666
+ .prop-floating[data-v-14dc8840] {
3667
3667
  position: fixed;
3668
3668
  top: 76px;
3669
3669
  right: auto;
@@ -3679,34 +3679,34 @@ li.disabled[data-v-115610f2] { color: var(--vg-muted-text, #bbb);
3679
3679
  flex-direction: column;
3680
3680
  }
3681
3681
  /* Resize Handles */
3682
- .resize-handle[data-v-97574849] {
3682
+ .resize-handle[data-v-14dc8840] {
3683
3683
  position: absolute;
3684
3684
  z-index: 1002;
3685
3685
  background-color: transparent;
3686
3686
  transition: all 0.2s;
3687
3687
  }
3688
- .resize-handle[data-v-97574849]:hover {
3688
+ .resize-handle[data-v-14dc8840]:hover {
3689
3689
  background-color: var(--vg-accent, #580df8);
3690
3690
  }
3691
- .resize-left[data-v-97574849] {
3691
+ .resize-left[data-v-14dc8840] {
3692
3692
  top: 0; bottom: 0; left: 0; width: 1px; cursor: w-resize;
3693
3693
  }
3694
- .resize-left[data-v-97574849]:hover {
3694
+ .resize-left[data-v-14dc8840]:hover {
3695
3695
  width: 2px;
3696
3696
  }
3697
- .resize-right[data-v-97574849] {
3697
+ .resize-right[data-v-14dc8840] {
3698
3698
  top: 0; bottom: 0; right: 0; width: 1px; cursor: e-resize;
3699
3699
  }
3700
- .resize-right[data-v-97574849]:hover {
3700
+ .resize-right[data-v-14dc8840]:hover {
3701
3701
  width: 2px;
3702
3702
  }
3703
- .resize-bottom[data-v-97574849] {
3703
+ .resize-bottom[data-v-14dc8840] {
3704
3704
  bottom: 0; left: 0; right: 0; height: 1px; cursor: s-resize;
3705
3705
  }
3706
- .resize-bottom[data-v-97574849]:hover {
3706
+ .resize-bottom[data-v-14dc8840]:hover {
3707
3707
  height: 2px;
3708
3708
  }
3709
- .pagination-floating[data-v-97574849] {
3709
+ .pagination-floating[data-v-14dc8840] {
3710
3710
  position: absolute;
3711
3711
  top: 20px;
3712
3712
  left: 20px;
@@ -3719,7 +3719,7 @@ li.disabled[data-v-115610f2] { color: var(--vg-muted-text, #bbb);
3719
3719
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
3720
3720
  overflow: hidden;
3721
3721
  }
3722
- .prop-header[data-v-97574849] {
3722
+ .prop-header[data-v-14dc8840] {
3723
3723
  display: flex;
3724
3724
  align-items: center;
3725
3725
  justify-content: space-between;
@@ -3729,14 +3729,14 @@ li.disabled[data-v-115610f2] { color: var(--vg-muted-text, #bbb);
3729
3729
  color: var(--vg-header-text, #fff);
3730
3730
  border-bottom: 1px solid rgba(0,0,0,0.06);
3731
3731
  }
3732
- .prop-header .title[data-v-97574849] {
3732
+ .prop-header .title[data-v-14dc8840] {
3733
3733
  font-size: 13px;
3734
3734
  font-weight: 600;
3735
3735
  }
3736
- .prop-header .header-actions[data-v-97574849] {
3736
+ .prop-header .header-actions[data-v-14dc8840] {
3737
3737
  display: flex;
3738
3738
  }
3739
- .prop-header .icon-btn[data-v-97574849] {
3739
+ .prop-header .icon-btn[data-v-14dc8840] {
3740
3740
  width: 24px;
3741
3741
  height: 20px;
3742
3742
  display: inline-flex;
@@ -3749,15 +3749,15 @@ li.disabled[data-v-115610f2] { color: var(--vg-muted-text, #bbb);
3749
3749
  color: var(--vg-header-text, #fff);
3750
3750
  cursor: pointer;
3751
3751
  }
3752
- .prop-header .icon-btn[data-v-97574849]:hover {
3752
+ .prop-header .icon-btn[data-v-14dc8840]:hover {
3753
3753
  background: rgba(255,255,255,0.12);
3754
3754
  }
3755
- .prop-body[data-v-97574849] {
3755
+ .prop-body[data-v-14dc8840] {
3756
3756
  overflow: auto;
3757
3757
  flex: 1;
3758
3758
  height: auto !important;
3759
3759
  }
3760
- .hiprint-printPagination[data-v-97574849] .hiprint-pagination{
3760
+ .hiprint-printPagination[data-v-14dc8840] .hiprint-pagination{
3761
3761
  padding: 0;
3762
3762
  margin: 0;
3763
3763
  display: flex;
@@ -3766,7 +3766,7 @@ li.disabled[data-v-115610f2] { color: var(--vg-muted-text, #bbb);
3766
3766
  /* 隐藏状态不显示触发器,改由工具栏控制 */
3767
3767
 
3768
3768
  /* Left Sider Toggle Button */
3769
- .left-sider-toggle[data-v-97574849] {
3769
+ .left-sider-toggle[data-v-14dc8840] {
3770
3770
  position: absolute;
3771
3771
  top: 50%;
3772
3772
  left: 199px;
@@ -3784,27 +3784,27 @@ li.disabled[data-v-115610f2] { color: var(--vg-muted-text, #bbb);
3784
3784
  transform: translateY(-50%);
3785
3785
  transition: left 0.3s;
3786
3786
  }
3787
- .left-sider-toggle.collapsed[data-v-97574849] {
3787
+ .left-sider-toggle.collapsed[data-v-14dc8840] {
3788
3788
  left: 0;
3789
3789
  }
3790
- .main-layout-row.is-mobile .left-sider[data-v-97574849] {
3790
+ .main-layout-row.is-mobile .left-sider[data-v-14dc8840] {
3791
3791
  display: none;
3792
3792
  }
3793
- .main-layout-row.is-mobile .center-design[data-v-97574849] {
3793
+ .main-layout-row.is-mobile .center-design[data-v-14dc8840] {
3794
3794
  width: 100%;
3795
3795
  min-width: 0;
3796
3796
  flex: 0 0 100%;
3797
3797
  max-width: 100%;
3798
3798
  }
3799
- .main-layout-row.left-collapsed .left-sider[data-v-97574849] {
3799
+ .main-layout-row.left-collapsed .left-sider[data-v-14dc8840] {
3800
3800
  display: none;
3801
3801
  }
3802
- .main-layout-row.left-collapsed .center-design[data-v-97574849] {
3802
+ .main-layout-row.left-collapsed .center-design[data-v-14dc8840] {
3803
3803
  width: 100%;
3804
3804
  flex: 0 0 100%;
3805
3805
  max-width: 100%;
3806
3806
  }
3807
- .mobile-bottom-sheet[data-v-97574849] {
3807
+ .mobile-bottom-sheet[data-v-14dc8840] {
3808
3808
  position: fixed;
3809
3809
  bottom: 0;
3810
3810
  left: 0;
@@ -3821,20 +3821,20 @@ li.disabled[data-v-115610f2] { color: var(--vg-muted-text, #bbb);
3821
3821
  transition: transform 0.3s;
3822
3822
  border-radius: 12px 12px 0 0;
3823
3823
  }
3824
- .mobile-bottom-sheet .prop-body[data-v-97574849] {
3824
+ .mobile-bottom-sheet .prop-body[data-v-14dc8840] {
3825
3825
  flex: 1;
3826
3826
  overflow-y: auto;
3827
3827
  padding: 0;
3828
3828
  height: calc(100% - 40px);
3829
3829
  }
3830
- .mobile-bottom-sheet .mobile-sheet-tabs[data-v-97574849] {
3830
+ .mobile-bottom-sheet .mobile-sheet-tabs[data-v-14dc8840] {
3831
3831
  display: flex;
3832
3832
  height: 40px;
3833
3833
  background: #f5f7fa;
3834
3834
  border-bottom: 1px solid #e4e7ed;
3835
3835
  border-radius: 12px 12px 0 0;
3836
3836
  }
3837
- .mobile-bottom-sheet .mobile-sheet-tabs .tab-item[data-v-97574849] {
3837
+ .mobile-bottom-sheet .mobile-sheet-tabs .tab-item[data-v-14dc8840] {
3838
3838
  flex: 1;
3839
3839
  display: flex;
3840
3840
  align-items: center;
@@ -3843,17 +3843,17 @@ li.disabled[data-v-115610f2] { color: var(--vg-muted-text, #bbb);
3843
3843
  font-size: 14px;
3844
3844
  color: #606266;
3845
3845
  }
3846
- .mobile-bottom-sheet .mobile-sheet-tabs .tab-item.active[data-v-97574849] {
3846
+ .mobile-bottom-sheet .mobile-sheet-tabs .tab-item.active[data-v-14dc8840] {
3847
3847
  color: #409eff;
3848
3848
  background: #fff;
3849
3849
  font-weight: bold;
3850
3850
  border-bottom: 2px solid #409eff;
3851
3851
  }
3852
- .mobile-bottom-sheet .mobile-sheet-tabs .tab-item.close-btn[data-v-97574849] {
3852
+ .mobile-bottom-sheet .mobile-sheet-tabs .tab-item.close-btn[data-v-14dc8840] {
3853
3853
  flex: 0 0 40px;
3854
3854
  color: #909399;
3855
3855
  }
3856
- .mobile-bottom-sheet .mobile-tab-content[data-v-97574849] {
3856
+ .mobile-bottom-sheet .mobile-tab-content[data-v-14dc8840] {
3857
3857
  height: 100%;
3858
3858
  overflow-y: auto;
3859
3859
  padding: 10px;