vg-print-vue2 1.0.310 → 1.0.311

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
@@ -1165,7 +1165,8 @@ font-weight: normal;*/
1165
1165
 
1166
1166
  .hiprint-printElement-staticGridTable .hiprint-static-grid-table td.sgt-range {
1167
1167
  color: inherit !important;
1168
- box-shadow: inset 0 0 0 1px rgba(62, 102, 173, 0.65);
1168
+ background: rgba(24, 144, 255, 0.15) !important;
1169
+ box-shadow: inset 0 0 0 2px rgba(24, 144, 255, 0.95);
1169
1170
  }
1170
1171
  @media print {
1171
1172
  body {
@@ -2744,7 +2745,7 @@ pre[class*="language-"] {
2744
2745
  color: green;
2745
2746
  }
2746
2747
 
2747
- .vg-prism-editor[data-v-821d7618] {
2748
+ .vg-prism-editor[data-v-20698c6d] {
2748
2749
  height: 100%;
2749
2750
  min-height: 200px;
2750
2751
  display: flex;
@@ -2754,16 +2755,16 @@ pre[class*="language-"] {
2754
2755
  background: #2d2d2d;
2755
2756
  color: #ccc;
2756
2757
  }
2757
- .vg-prism-editor--light[data-v-821d7618] {
2758
+ .vg-prism-editor--light[data-v-20698c6d] {
2758
2759
  background: #ffffff;
2759
2760
  color: #24292e;
2760
2761
  border-color: var(--vg-border, #d0d7de);
2761
2762
  }
2762
- .vg-prism-editor--dark[data-v-821d7618] {
2763
+ .vg-prism-editor--dark[data-v-20698c6d] {
2763
2764
  background: #2d2d2d;
2764
2765
  color: #ccc;
2765
2766
  }
2766
- .vg-prism-editor__inner[data-v-821d7618] {
2767
+ .vg-prism-editor__inner[data-v-20698c6d] {
2767
2768
  flex: 1;
2768
2769
  height: 100%;
2769
2770
  min-height: 0;
@@ -2772,34 +2773,34 @@ pre[class*="language-"] {
2772
2773
  font-size: 13px;
2773
2774
  line-height: 1.5;
2774
2775
  }
2775
- .vg-prism-editor[data-v-821d7618] .prism-editor__container {
2776
+ .vg-prism-editor[data-v-20698c6d] .prism-editor__container {
2776
2777
  min-height: 100%;
2777
2778
  }
2778
- .vg-prism-editor[data-v-821d7618] .prism-editor__editor,
2779
- .vg-prism-editor[data-v-821d7618] .prism-editor__textarea {
2779
+ .vg-prism-editor[data-v-20698c6d] .prism-editor__editor,
2780
+ .vg-prism-editor[data-v-20698c6d] .prism-editor__textarea {
2780
2781
  min-height: 100%;
2781
2782
  padding: 12px;
2782
2783
  }
2783
- .vg-prism-editor[data-v-821d7618] .prism-editor__textarea:focus {
2784
+ .vg-prism-editor[data-v-20698c6d] .prism-editor__textarea:focus {
2784
2785
  outline: none;
2785
2786
  }
2786
- .vg-prism-editor[data-v-821d7618] .prism-editor__line-numbers {
2787
+ .vg-prism-editor[data-v-20698c6d] .prism-editor__line-numbers {
2787
2788
  min-width: 48px;
2788
2789
  padding-top: 12px;
2789
2790
  border-right: 1px solid rgba(255, 255, 255, 0.08);
2790
2791
  background: rgba(0, 0, 0, 0.16);
2791
2792
  }
2792
- .vg-prism-editor--light[data-v-821d7618] .prism-editor__line-numbers {
2793
+ .vg-prism-editor--light[data-v-20698c6d] .prism-editor__line-numbers {
2793
2794
  border-right-color: rgba(31, 41, 55, 0.08);
2794
2795
  background: rgba(148, 163, 184, 0.12);
2795
2796
  }
2796
- .vg-prism-editor.is-wrap[data-v-821d7618] .prism-editor__editor,
2797
- .vg-prism-editor.is-wrap[data-v-821d7618] .prism-editor__textarea {
2797
+ .vg-prism-editor.is-wrap[data-v-20698c6d] .prism-editor__editor,
2798
+ .vg-prism-editor.is-wrap[data-v-20698c6d] .prism-editor__textarea {
2798
2799
  white-space: pre-wrap;
2799
2800
  word-break: break-word;
2800
2801
  }
2801
- .vg-prism-editor[data-v-821d7618]:not(.is-wrap) .prism-editor__editor,
2802
- .vg-prism-editor[data-v-821d7618]:not(.is-wrap) .prism-editor__textarea {
2802
+ .vg-prism-editor[data-v-20698c6d]:not(.is-wrap) .prism-editor__editor,
2803
+ .vg-prism-editor[data-v-20698c6d]:not(.is-wrap) .prism-editor__textarea {
2803
2804
  white-space: pre;
2804
2805
  }
2805
2806
 
@@ -3845,7 +3846,7 @@ li.disabled[data-v-fe7421b7] { color: var(--vg-muted-text, #bbb);
3845
3846
  }
3846
3847
 
3847
3848
  /* CodeMirror 弹窗编辑器 */
3848
- .code-editor-dialog[data-v-dc7d0df1] {
3849
+ .code-editor-dialog[data-v-41a6408d] {
3849
3850
  width: 70vw;
3850
3851
  max-width: 1000px;
3851
3852
  display: flex;
@@ -3853,62 +3854,62 @@ li.disabled[data-v-fe7421b7] { color: var(--vg-muted-text, #bbb);
3853
3854
  height: 85vh;
3854
3855
  max-height: 85vh;
3855
3856
  }
3856
- .code-editor-dialog .vg-dialog-body[data-v-dc7d0df1] {
3857
+ .code-editor-dialog .vg-dialog-body[data-v-41a6408d] {
3857
3858
  flex: 1;
3858
3859
  min-height: 0;
3859
3860
  overflow: hidden;
3860
3861
  display: flex;
3861
3862
  flex-direction: column;
3862
3863
  }
3863
- .code-editor-container[data-v-dc7d0df1] {
3864
+ .code-editor-container[data-v-41a6408d] {
3864
3865
  flex: 1;
3865
3866
  height: 100%;
3866
3867
  min-height: 0;
3867
3868
  border: 1px solid #eee;
3868
3869
  border-radius: 4px;
3869
3870
  }
3870
- .code-editor-container[data-v-dc7d0df1] .prism-editor-wrapper {
3871
+ .code-editor-container[data-v-41a6408d] .prism-editor-wrapper {
3871
3872
  height: 100%;
3872
3873
  overflow: auto;
3873
3874
  }
3874
3875
 
3875
3876
  /* 优化弹窗内容内边距,让编辑器更贴近可视高度 */
3876
- [data-v-dc7d0df1] .el-dialog__body {
3877
+ [data-v-41a6408d] .el-dialog__body {
3877
3878
  padding-top: 6px;
3878
3879
  padding-bottom: 6px;
3879
3880
  }
3880
3881
 
3881
- [data-v-dc7d0df1] .hiprint-printElement-image-content img {
3882
+ [data-v-41a6408d] .hiprint-printElement-image-content img {
3882
3883
  content: url("~@/assets/logo.png");
3883
3884
  }
3884
- .card-design[data-v-dc7d0df1] {
3885
+ .card-design[data-v-41a6408d] {
3885
3886
  position: relative;
3886
3887
  overflow: auto;
3887
3888
  height: 100%;
3888
3889
  padding: 14px;
3889
3890
  min-height: 0;
3890
3891
  }
3891
- .vg-designer-root[data-v-dc7d0df1]{
3892
+ .vg-designer-root[data-v-41a6408d]{
3892
3893
  position: relative;
3893
3894
  width: 100%;
3894
3895
  height: 100%;
3895
3896
  min-height: 0;
3896
3897
  }
3897
- .hinnn-layout-sider[data-v-dc7d0df1]{
3898
+ .hinnn-layout-sider[data-v-41a6408d]{
3898
3899
  overflow: auto;
3899
3900
  height: 90vh;
3900
3901
  font-size: 12px;
3901
3902
  }
3902
- .prop-floating .hinnn-layout-sider[data-v-dc7d0df1]{
3903
+ .prop-floating .hinnn-layout-sider[data-v-41a6408d]{
3903
3904
  height: auto;
3904
3905
  max-height: none;
3905
3906
  }
3906
- .params_setting_container[data-v-dc7d0df1] .el-card__body {
3907
+ .params_setting_container[data-v-41a6408d] .el-card__body {
3907
3908
  padding: 1px !important;
3908
3909
  }
3909
- .toolbar-group[data-v-dc7d0df1] { margin:0 4px;
3910
+ .toolbar-group[data-v-41a6408d] { margin:0 4px;
3910
3911
  }
3911
- .design-context-menu[data-v-dc7d0df1]{
3912
+ .design-context-menu[data-v-41a6408d]{
3912
3913
  position: fixed;
3913
3914
  z-index: 3000;
3914
3915
  min-width: 180px;
@@ -3920,7 +3921,7 @@ li.disabled[data-v-fe7421b7] { color: var(--vg-muted-text, #bbb);
3920
3921
  font-size: 12px;
3921
3922
  color: var(--vg-text, #303133);
3922
3923
  }
3923
- .ctx-item[data-v-dc7d0df1]{
3924
+ .ctx-item[data-v-41a6408d]{
3924
3925
  display: flex;
3925
3926
  align-items: center;
3926
3927
  gap: 8px;
@@ -3928,16 +3929,16 @@ li.disabled[data-v-fe7421b7] { color: var(--vg-muted-text, #bbb);
3928
3929
  cursor: pointer;
3929
3930
  white-space: nowrap;
3930
3931
  }
3931
- .ctx-item[data-v-dc7d0df1]:hover{
3932
+ .ctx-item[data-v-41a6408d]:hover{
3932
3933
  background: var(--vg-menu-hover-bg, #f5f7fa);
3933
3934
  }
3934
- .ctx-item.danger[data-v-dc7d0df1]{
3935
+ .ctx-item.danger[data-v-41a6408d]{
3935
3936
  color: #f56c6c;
3936
3937
  }
3937
- .ctx-item-submenu[data-v-dc7d0df1]{
3938
+ .ctx-item-submenu[data-v-41a6408d]{
3938
3939
  position: relative;
3939
3940
  }
3940
- .ctx-submenu-trigger-icon[data-v-dc7d0df1]{
3941
+ .ctx-submenu-trigger-icon[data-v-41a6408d]{
3941
3942
  display: inline-flex;
3942
3943
  align-items: center;
3943
3944
  justify-content: center;
@@ -3946,12 +3947,12 @@ li.disabled[data-v-fe7421b7] { color: var(--vg-muted-text, #bbb);
3946
3947
  font-weight: 600;
3947
3948
  letter-spacing: 1px;
3948
3949
  }
3949
- .ctx-submenu-arrow[data-v-dc7d0df1]{
3950
+ .ctx-submenu-arrow[data-v-41a6408d]{
3950
3951
  margin-left: auto;
3951
3952
  font-size: 14px;
3952
3953
  color: #909399;
3953
3954
  }
3954
- .ctx-submenu[data-v-dc7d0df1]{
3955
+ .ctx-submenu[data-v-41a6408d]{
3955
3956
  display: none;
3956
3957
  position: absolute;
3957
3958
  bottom: -4px;
@@ -3964,28 +3965,28 @@ li.disabled[data-v-fe7421b7] { color: var(--vg-muted-text, #bbb);
3964
3965
  box-shadow: 0 8px 24px rgba(0,0,0,0.15);
3965
3966
  color: var(--vg-text, #303133);
3966
3967
  }
3967
- .ctx-item-submenu:hover > .ctx-submenu[data-v-dc7d0df1]{
3968
+ .ctx-item-submenu:hover > .ctx-submenu[data-v-41a6408d]{
3968
3969
  display: block;
3969
3970
  }
3970
- .ctx-sub-item[data-v-dc7d0df1]{
3971
+ .ctx-sub-item[data-v-41a6408d]{
3971
3972
  padding: 8px 12px;
3972
3973
  cursor: pointer;
3973
3974
  white-space: nowrap;
3974
3975
  }
3975
- .ctx-sub-item[data-v-dc7d0df1]:hover{
3976
+ .ctx-sub-item[data-v-41a6408d]:hover{
3976
3977
  background: var(--vg-menu-hover-bg, #f5f7fa);
3977
3978
  }
3978
- .ctx-sub-sep[data-v-dc7d0df1]{
3979
+ .ctx-sub-sep[data-v-41a6408d]{
3979
3980
  height: 1px;
3980
3981
  background: var(--vg-border, rgba(0,0,0,0.08));
3981
3982
  margin: 4px 0;
3982
3983
  }
3983
- .ctx-sep[data-v-dc7d0df1]{
3984
+ .ctx-sep[data-v-41a6408d]{
3984
3985
  height: 1px;
3985
3986
  background: var(--vg-border, rgba(0,0,0,0.08));
3986
3987
  margin: 4px 0;
3987
3988
  }
3988
- .designer-footer[data-v-dc7d0df1]{
3989
+ .designer-footer[data-v-41a6408d]{
3989
3990
  position: absolute;
3990
3991
  left: 0;
3991
3992
  right: 0;
@@ -4000,7 +4001,7 @@ li.disabled[data-v-fe7421b7] { color: var(--vg-muted-text, #bbb);
4000
4001
  font-size: 12px;
4001
4002
  color: var(--vg-footer-text, #606266);
4002
4003
  }
4003
- .designer-footer-inner[data-v-dc7d0df1]{
4004
+ .designer-footer-inner[data-v-41a6408d]{
4004
4005
  width: 100%;
4005
4006
  overflow: hidden;
4006
4007
  text-overflow: ellipsis;
@@ -4008,32 +4009,32 @@ li.disabled[data-v-fe7421b7] { color: var(--vg-muted-text, #bbb);
4008
4009
  }
4009
4010
 
4010
4011
  /* 主体布局:左侧固定组件库 + 中间设计区 */
4011
- .main-layout-row[data-v-dc7d0df1] {
4012
+ .main-layout-row[data-v-41a6408d] {
4012
4013
  display: flex;
4013
4014
  align-items: stretch;
4014
4015
  flex-wrap: nowrap;
4015
4016
  box-sizing: border-box;
4016
4017
  }
4017
- .left-sider[data-v-dc7d0df1] {
4018
+ .left-sider[data-v-41a6408d] {
4018
4019
  flex: 0 0 200px !important;
4019
4020
  max-width: 200px !important;
4020
4021
  width: 200px !important;
4021
4022
  height: 100%;
4022
4023
  min-height: 0;
4023
4024
  }
4024
- .left-sider-card[data-v-dc7d0df1] {
4025
+ .left-sider-card[data-v-41a6408d] {
4025
4026
  display: flex;
4026
4027
  flex-direction: column;
4027
4028
  overflow: hidden;
4028
4029
  }
4029
- .left-sider[data-v-dc7d0df1] .el-card__body {
4030
+ .left-sider[data-v-41a6408d] .el-card__body {
4030
4031
  padding: 0 !important;
4031
4032
  height: 100%;
4032
4033
  min-height: 0;
4033
4034
  display: flex;
4034
4035
  flex-direction: column;
4035
4036
  }
4036
- .left-sider-tabs[data-v-dc7d0df1] {
4037
+ .left-sider-tabs[data-v-41a6408d] {
4037
4038
  flex: 1 1 auto;
4038
4039
  min-height: 0;
4039
4040
  display: flex;
@@ -4041,37 +4042,37 @@ li.disabled[data-v-fe7421b7] { color: var(--vg-muted-text, #bbb);
4041
4042
  overflow: hidden;
4042
4043
  background: var(--vg-panel-bg, #f7f8fc);
4043
4044
  }
4044
- .vg-tabs-nav[data-v-dc7d0df1] {
4045
+ .vg-tabs-nav[data-v-41a6408d] {
4045
4046
  flex: 0 0 auto;
4046
4047
  }
4047
- .left-sider-pane[data-v-dc7d0df1] {
4048
+ .left-sider-pane[data-v-41a6408d] {
4048
4049
  flex: 1 1 auto;
4049
4050
  min-height: 0;
4050
4051
  display: flex;
4051
4052
  overflow: hidden;
4052
4053
  }
4053
- .left-sider[data-v-dc7d0df1] .el-tabs__header {
4054
+ .left-sider[data-v-41a6408d] .el-tabs__header {
4054
4055
  margin: 0;
4055
4056
  }
4056
- .left-sider[data-v-dc7d0df1] .el-tabs__nav-wrap {
4057
+ .left-sider[data-v-41a6408d] .el-tabs__nav-wrap {
4057
4058
  padding: 0 6px;
4058
4059
  }
4059
- .left-sider[data-v-dc7d0df1] .el-tabs__item {
4060
+ .left-sider[data-v-41a6408d] .el-tabs__item {
4060
4061
  font-size: 13px;
4061
4062
  }
4062
- .left-sider[data-v-dc7d0df1] .el-tabs__item.is-active {
4063
+ .left-sider[data-v-41a6408d] .el-tabs__item.is-active {
4063
4064
  color: var(--vg-accent, #580df8);
4064
4065
  }
4065
- .left-sider[data-v-dc7d0df1] .el-tabs__item:hover {
4066
+ .left-sider[data-v-41a6408d] .el-tabs__item:hover {
4066
4067
  color: var(--vg-accent, #580df8);
4067
4068
  }
4068
- .left-sider[data-v-dc7d0df1] .el-tabs__active-bar {
4069
+ .left-sider[data-v-41a6408d] .el-tabs__active-bar {
4069
4070
  background-color: var(--vg-accent, #580df8);
4070
4071
  }
4071
- .left-sider[data-v-dc7d0df1] .el-tabs__nav-wrap::after {
4072
+ .left-sider[data-v-41a6408d] .el-tabs__nav-wrap::after {
4072
4073
  background-color: var(--vg-border, rgba(0,0,0,0.08));
4073
4074
  }
4074
- .left-sider-header[data-v-dc7d0df1] {
4075
+ .left-sider-header[data-v-41a6408d] {
4075
4076
  padding: 2px;
4076
4077
  background-color: var(--vg-header-bg, #580df8);
4077
4078
  color: var(--vg-header-text, #fff);
@@ -4080,7 +4081,7 @@ li.disabled[data-v-fe7421b7] { color: var(--vg-muted-text, #bbb);
4080
4081
  display: flex;
4081
4082
  align-items: center;
4082
4083
  }
4083
- .template-panel[data-v-dc7d0df1] {
4084
+ .template-panel[data-v-41a6408d] {
4084
4085
  flex: 1 1 auto;
4085
4086
  min-height: 0;
4086
4087
  display: flex;
@@ -4089,17 +4090,17 @@ li.disabled[data-v-fe7421b7] { color: var(--vg-muted-text, #bbb);
4089
4090
  padding: 8px 6px 10px;
4090
4091
  background: var(--vg-panel-bg, #f7f8fc);
4091
4092
  }
4092
- .template-toolbar[data-v-dc7d0df1] {
4093
+ .template-toolbar[data-v-41a6408d] {
4093
4094
  display: flex;
4094
4095
  align-items: center;
4095
4096
  gap: 2px;
4096
4097
  padding: 4px 0 10px;
4097
4098
  }
4098
- .template-toolbar .el-button[data-v-dc7d0df1] {
4099
+ .template-toolbar .el-button[data-v-41a6408d] {
4099
4100
  padding: 6px;
4100
4101
  min-width: 32px;
4101
4102
  }
4102
- .template-list[data-v-dc7d0df1] {
4103
+ .template-list[data-v-41a6408d] {
4103
4104
  display: flex;
4104
4105
  flex: 1 1 auto;
4105
4106
  flex-direction: column;
@@ -4110,7 +4111,7 @@ li.disabled[data-v-fe7421b7] { color: var(--vg-muted-text, #bbb);
4110
4111
  padding-right: 2px;
4111
4112
  padding-bottom: 10px;
4112
4113
  }
4113
- .template-item[data-v-dc7d0df1] {
4114
+ .template-item[data-v-41a6408d] {
4114
4115
  border-radius: 999px;
4115
4116
  background-color: var(--vg-menu-hover-bg, #f5f7fa);
4116
4117
  border: 1px solid transparent;
@@ -4122,29 +4123,29 @@ li.disabled[data-v-fe7421b7] { color: var(--vg-muted-text, #bbb);
4122
4123
  color: var(--vg-muted-text, #606266);
4123
4124
  transition: all 0.2s;
4124
4125
  }
4125
- .template-item[data-v-dc7d0df1]:hover {
4126
+ .template-item[data-v-41a6408d]:hover {
4126
4127
  background-color: var(--vg-accent-soft, #eef1f6);
4127
4128
  }
4128
- .template-item.is-active[data-v-dc7d0df1] {
4129
+ .template-item.is-active[data-v-41a6408d] {
4129
4130
  background: linear-gradient(90deg, var(--vg-accent-soft, #f0ebff) 0%, var(--vg-surface-bg, #ffffff) 60%);
4130
4131
  border-color: var(--vg-accent, #580df8);
4131
4132
  color: var(--vg-text, #303133);
4132
4133
  font-weight: 600;
4133
4134
  box-shadow: 0 0 0 1px var(--vg-accent-soft, rgba(88, 13, 248, 0.12));
4134
4135
  }
4135
- .template-name[data-v-dc7d0df1] {
4136
+ .template-name[data-v-41a6408d] {
4136
4137
  flex: 1;
4137
4138
  overflow: hidden;
4138
4139
  text-overflow: ellipsis;
4139
4140
  white-space: nowrap;
4140
4141
  }
4141
- .template-actions[data-v-dc7d0df1] {
4142
+ .template-actions[data-v-41a6408d] {
4142
4143
  display: flex;
4143
4144
  align-items: center;
4144
4145
  gap: 6px;
4145
4146
  margin-left: 8px;
4146
4147
  }
4147
- .template-icon-btn[data-v-dc7d0df1] {
4148
+ .template-icon-btn[data-v-41a6408d] {
4148
4149
  width: 22px;
4149
4150
  height: 22px;
4150
4151
  display: inline-flex;
@@ -4157,34 +4158,34 @@ li.disabled[data-v-fe7421b7] { color: var(--vg-muted-text, #bbb);
4157
4158
  padding: 0;
4158
4159
  color: #c0c4cc;
4159
4160
  }
4160
- .template-icon-btn i[data-v-dc7d0df1] {
4161
+ .template-icon-btn i[data-v-41a6408d] {
4161
4162
  font-size: 14px;
4162
4163
  line-height: 1;
4163
4164
  }
4164
- .template-icon-btn[data-v-dc7d0df1]:hover {
4165
+ .template-icon-btn[data-v-41a6408d]:hover {
4165
4166
  background: rgba(0, 0, 0, 0.04);
4166
4167
  }
4167
- .template-item.is-active .template-icon-btn.check[data-v-dc7d0df1] {
4168
+ .template-item.is-active .template-icon-btn.check[data-v-41a6408d] {
4168
4169
  color: var(--vg-accent, #580df8);
4169
4170
  border-color: var(--vg-accent, #580df8);
4170
4171
  }
4171
- .template-icon-btn.danger[data-v-dc7d0df1] {
4172
+ .template-icon-btn.danger[data-v-41a6408d] {
4172
4173
  color: #f56c6c;
4173
4174
  }
4174
- .template-icon-btn.danger[data-v-dc7d0df1]:hover {
4175
+ .template-icon-btn.danger[data-v-41a6408d]:hover {
4175
4176
  border-color: rgba(245, 108, 108, 0.65);
4176
4177
  background: rgba(245, 108, 108, 0.08);
4177
4178
  }
4178
- .template-check[data-v-dc7d0df1] {
4179
+ .template-check[data-v-41a6408d] {
4179
4180
  margin-left: 6px;
4180
4181
  font-size: 14px;
4181
4182
  color: #c0c4cc;
4182
4183
  cursor: pointer;
4183
4184
  }
4184
- .template-item.is-active .template-check[data-v-dc7d0df1] {
4185
+ .template-item.is-active .template-check[data-v-41a6408d] {
4185
4186
  color: var(--vg-accent, #580df8);
4186
4187
  }
4187
- .hiprintEpContainer[data-v-dc7d0df1] {
4188
+ .hiprintEpContainer[data-v-41a6408d] {
4188
4189
  padding: 10px;
4189
4190
  overflow-y: auto;
4190
4191
  flex: 1;
@@ -4192,11 +4193,11 @@ li.disabled[data-v-fe7421b7] { color: var(--vg-muted-text, #bbb);
4192
4193
  box-sizing: border-box;
4193
4194
  padding-bottom: 18px;
4194
4195
  }
4195
- [data-v-dc7d0df1] .hiprintEpContainer .hiprint-printElement-type {
4196
+ [data-v-41a6408d] .hiprintEpContainer .hiprint-printElement-type {
4196
4197
  height: auto !important;
4197
4198
  min-height: 100%;
4198
4199
  }
4199
- .center-design[data-v-dc7d0df1] {
4200
+ .center-design[data-v-41a6408d] {
4200
4201
  flex: 1 1 auto;
4201
4202
  min-width: 600px; /* 保证中间区域不被过度压缩 */
4202
4203
  height: 100%;
@@ -4206,7 +4207,7 @@ li.disabled[data-v-fe7421b7] { color: var(--vg-muted-text, #bbb);
4206
4207
  }
4207
4208
 
4208
4209
  /* 右侧属性设置悬浮样式 */
4209
- .prop-floating[data-v-dc7d0df1] {
4210
+ .prop-floating[data-v-41a6408d] {
4210
4211
  position: fixed;
4211
4212
  top: 76px;
4212
4213
  right: auto;
@@ -4222,34 +4223,34 @@ li.disabled[data-v-fe7421b7] { color: var(--vg-muted-text, #bbb);
4222
4223
  flex-direction: column;
4223
4224
  }
4224
4225
  /* Resize Handles */
4225
- .resize-handle[data-v-dc7d0df1] {
4226
+ .resize-handle[data-v-41a6408d] {
4226
4227
  position: absolute;
4227
4228
  z-index: 1002;
4228
4229
  background-color: transparent;
4229
4230
  transition: all 0.2s;
4230
4231
  }
4231
- .resize-handle[data-v-dc7d0df1]:hover {
4232
+ .resize-handle[data-v-41a6408d]:hover {
4232
4233
  background-color: var(--vg-accent, #580df8);
4233
4234
  }
4234
- .resize-left[data-v-dc7d0df1] {
4235
+ .resize-left[data-v-41a6408d] {
4235
4236
  top: 0; bottom: 0; left: 0; width: 1px; cursor: w-resize;
4236
4237
  }
4237
- .resize-left[data-v-dc7d0df1]:hover {
4238
+ .resize-left[data-v-41a6408d]:hover {
4238
4239
  width: 2px;
4239
4240
  }
4240
- .resize-right[data-v-dc7d0df1] {
4241
+ .resize-right[data-v-41a6408d] {
4241
4242
  top: 0; bottom: 0; right: 0; width: 1px; cursor: e-resize;
4242
4243
  }
4243
- .resize-right[data-v-dc7d0df1]:hover {
4244
+ .resize-right[data-v-41a6408d]:hover {
4244
4245
  width: 2px;
4245
4246
  }
4246
- .resize-bottom[data-v-dc7d0df1] {
4247
+ .resize-bottom[data-v-41a6408d] {
4247
4248
  bottom: 0; left: 0; right: 0; height: 1px; cursor: s-resize;
4248
4249
  }
4249
- .resize-bottom[data-v-dc7d0df1]:hover {
4250
+ .resize-bottom[data-v-41a6408d]:hover {
4250
4251
  height: 2px;
4251
4252
  }
4252
- .pagination-floating[data-v-dc7d0df1] {
4253
+ .pagination-floating[data-v-41a6408d] {
4253
4254
  position: absolute;
4254
4255
  top: 20px;
4255
4256
  left: 20px;
@@ -4262,7 +4263,7 @@ li.disabled[data-v-fe7421b7] { color: var(--vg-muted-text, #bbb);
4262
4263
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
4263
4264
  overflow: hidden;
4264
4265
  }
4265
- .prop-header[data-v-dc7d0df1] {
4266
+ .prop-header[data-v-41a6408d] {
4266
4267
  display: flex;
4267
4268
  align-items: center;
4268
4269
  justify-content: space-between;
@@ -4272,14 +4273,14 @@ li.disabled[data-v-fe7421b7] { color: var(--vg-muted-text, #bbb);
4272
4273
  color: var(--vg-header-text, #fff);
4273
4274
  border-bottom: 1px solid rgba(0,0,0,0.06);
4274
4275
  }
4275
- .prop-header .title[data-v-dc7d0df1] {
4276
+ .prop-header .title[data-v-41a6408d] {
4276
4277
  font-size: 13px;
4277
4278
  font-weight: 600;
4278
4279
  }
4279
- .prop-header .header-actions[data-v-dc7d0df1] {
4280
+ .prop-header .header-actions[data-v-41a6408d] {
4280
4281
  display: flex;
4281
4282
  }
4282
- .prop-header .icon-btn[data-v-dc7d0df1] {
4283
+ .prop-header .icon-btn[data-v-41a6408d] {
4283
4284
  width: 24px;
4284
4285
  height: 20px;
4285
4286
  display: inline-flex;
@@ -4292,16 +4293,16 @@ li.disabled[data-v-fe7421b7] { color: var(--vg-muted-text, #bbb);
4292
4293
  color: var(--vg-header-text, #fff);
4293
4294
  cursor: pointer;
4294
4295
  }
4295
- .prop-header .icon-btn[data-v-dc7d0df1]:hover {
4296
+ .prop-header .icon-btn[data-v-41a6408d]:hover {
4296
4297
  background: rgba(255,255,255,0.12);
4297
4298
  }
4298
- .prop-header .collapse-btn .iconfont[data-v-dc7d0df1] {
4299
+ .prop-header .collapse-btn .iconfont[data-v-41a6408d] {
4299
4300
  transition: transform 0.24s ease;
4300
4301
  }
4301
- .prop-header .collapse-btn.is-collapsed .iconfont[data-v-dc7d0df1] {
4302
+ .prop-header .collapse-btn.is-collapsed .iconfont[data-v-41a6408d] {
4302
4303
  transform: rotate(180deg);
4303
4304
  }
4304
- .prop-body[data-v-dc7d0df1] {
4305
+ .prop-body[data-v-41a6408d] {
4305
4306
  overflow: auto;
4306
4307
  flex: 1 1 auto;
4307
4308
  min-height: 0;
@@ -4313,11 +4314,11 @@ li.disabled[data-v-fe7421b7] { color: var(--vg-muted-text, #bbb);
4313
4314
  transform-origin: top center;
4314
4315
  transition: max-height 0.26s ease, opacity 0.2s ease, transform 0.26s ease;
4315
4316
  }
4316
- #PrintElementOptionSetting[data-v-dc7d0df1] {
4317
+ #PrintElementOptionSetting[data-v-41a6408d] {
4317
4318
  padding-bottom: 24px;
4318
4319
  }
4319
- .prop-floating.is-collapsed .prop-body[data-v-dc7d0df1],
4320
- .prop-body.is-collapsed[data-v-dc7d0df1] {
4320
+ .prop-floating.is-collapsed .prop-body[data-v-41a6408d],
4321
+ .prop-body.is-collapsed[data-v-41a6408d] {
4321
4322
  flex: 0 0 auto;
4322
4323
  min-height: 0;
4323
4324
  max-height: 0;
@@ -4326,17 +4327,17 @@ li.disabled[data-v-fe7421b7] { color: var(--vg-muted-text, #bbb);
4326
4327
  overflow: hidden;
4327
4328
  pointer-events: none;
4328
4329
  }
4329
- .prop-floating[data-v-dc7d0df1] {
4330
+ .prop-floating[data-v-41a6408d] {
4330
4331
  transition: box-shadow 0.26s ease;
4331
4332
  }
4332
- .prop-floating.is-collapsed[data-v-dc7d0df1] {
4333
+ .prop-floating.is-collapsed[data-v-41a6408d] {
4333
4334
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
4334
4335
  }
4335
- .prop-floating.is-collapsed .prop-header[data-v-dc7d0df1] {
4336
+ .prop-floating.is-collapsed .prop-header[data-v-41a6408d] {
4336
4337
  border-bottom-color: transparent;
4337
4338
  transition: border-color 0.2s ease;
4338
4339
  }
4339
- .hiprint-printPagination[data-v-dc7d0df1] .hiprint-pagination{
4340
+ .hiprint-printPagination[data-v-41a6408d] .hiprint-pagination{
4340
4341
  padding: 0;
4341
4342
  margin: 0;
4342
4343
  display: flex;
@@ -4345,7 +4346,7 @@ li.disabled[data-v-fe7421b7] { color: var(--vg-muted-text, #bbb);
4345
4346
  /* 隐藏状态不显示触发器,改由工具栏控制 */
4346
4347
 
4347
4348
  /* Left Sider Toggle Button */
4348
- .left-sider-toggle[data-v-dc7d0df1] {
4349
+ .left-sider-toggle[data-v-41a6408d] {
4349
4350
  position: absolute;
4350
4351
  top: 50%;
4351
4352
  left: 199px;
@@ -4363,27 +4364,27 @@ li.disabled[data-v-fe7421b7] { color: var(--vg-muted-text, #bbb);
4363
4364
  transform: translateY(-50%);
4364
4365
  transition: left 0.3s;
4365
4366
  }
4366
- .left-sider-toggle.collapsed[data-v-dc7d0df1] {
4367
+ .left-sider-toggle.collapsed[data-v-41a6408d] {
4367
4368
  left: 0;
4368
4369
  }
4369
- .main-layout-row.is-mobile .left-sider[data-v-dc7d0df1] {
4370
+ .main-layout-row.is-mobile .left-sider[data-v-41a6408d] {
4370
4371
  display: none;
4371
4372
  }
4372
- .main-layout-row.is-mobile .center-design[data-v-dc7d0df1] {
4373
+ .main-layout-row.is-mobile .center-design[data-v-41a6408d] {
4373
4374
  width: 100%;
4374
4375
  min-width: 0;
4375
4376
  flex: 0 0 100%;
4376
4377
  max-width: 100%;
4377
4378
  }
4378
- .main-layout-row.left-collapsed .left-sider[data-v-dc7d0df1] {
4379
+ .main-layout-row.left-collapsed .left-sider[data-v-41a6408d] {
4379
4380
  display: none;
4380
4381
  }
4381
- .main-layout-row.left-collapsed .center-design[data-v-dc7d0df1] {
4382
+ .main-layout-row.left-collapsed .center-design[data-v-41a6408d] {
4382
4383
  width: 100%;
4383
4384
  flex: 0 0 100%;
4384
4385
  max-width: 100%;
4385
4386
  }
4386
- .mobile-bottom-sheet[data-v-dc7d0df1] {
4387
+ .mobile-bottom-sheet[data-v-41a6408d] {
4387
4388
  position: fixed;
4388
4389
  bottom: 0;
4389
4390
  left: 0;
@@ -4400,20 +4401,20 @@ li.disabled[data-v-fe7421b7] { color: var(--vg-muted-text, #bbb);
4400
4401
  transition: transform 0.3s;
4401
4402
  border-radius: 12px 12px 0 0;
4402
4403
  }
4403
- .mobile-bottom-sheet .prop-body[data-v-dc7d0df1] {
4404
+ .mobile-bottom-sheet .prop-body[data-v-41a6408d] {
4404
4405
  flex: 1;
4405
4406
  overflow-y: auto;
4406
4407
  padding: 0;
4407
4408
  height: calc(100% - 40px);
4408
4409
  }
4409
- .mobile-bottom-sheet .mobile-sheet-tabs[data-v-dc7d0df1] {
4410
+ .mobile-bottom-sheet .mobile-sheet-tabs[data-v-41a6408d] {
4410
4411
  display: flex;
4411
4412
  height: 40px;
4412
4413
  background: #f5f7fa;
4413
4414
  border-bottom: 1px solid #e4e7ed;
4414
4415
  border-radius: 12px 12px 0 0;
4415
4416
  }
4416
- .mobile-bottom-sheet .mobile-sheet-tabs .tab-item[data-v-dc7d0df1] {
4417
+ .mobile-bottom-sheet .mobile-sheet-tabs .tab-item[data-v-41a6408d] {
4417
4418
  flex: 1;
4418
4419
  display: flex;
4419
4420
  align-items: center;
@@ -4422,17 +4423,17 @@ li.disabled[data-v-fe7421b7] { color: var(--vg-muted-text, #bbb);
4422
4423
  font-size: 14px;
4423
4424
  color: #606266;
4424
4425
  }
4425
- .mobile-bottom-sheet .mobile-sheet-tabs .tab-item.active[data-v-dc7d0df1] {
4426
+ .mobile-bottom-sheet .mobile-sheet-tabs .tab-item.active[data-v-41a6408d] {
4426
4427
  color: #409eff;
4427
4428
  background: #fff;
4428
4429
  font-weight: bold;
4429
4430
  border-bottom: 2px solid #409eff;
4430
4431
  }
4431
- .mobile-bottom-sheet .mobile-sheet-tabs .tab-item.close-btn[data-v-dc7d0df1] {
4432
+ .mobile-bottom-sheet .mobile-sheet-tabs .tab-item.close-btn[data-v-41a6408d] {
4432
4433
  flex: 0 0 40px;
4433
4434
  color: #909399;
4434
4435
  }
4435
- .mobile-bottom-sheet .mobile-tab-content[data-v-dc7d0df1] {
4436
+ .mobile-bottom-sheet .mobile-tab-content[data-v-41a6408d] {
4436
4437
  height: 100%;
4437
4438
  overflow-y: auto;
4438
4439
  padding: 10px;