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 +116 -115
- package/dist/vg-print-vue2.es.js +423 -65
- package/package.json +1 -1
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
|
-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
2776
|
+
.vg-prism-editor[data-v-20698c6d] .prism-editor__container {
|
|
2776
2777
|
min-height: 100%;
|
|
2777
2778
|
}
|
|
2778
|
-
.vg-prism-editor[data-v-
|
|
2779
|
-
.vg-prism-editor[data-v-
|
|
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-
|
|
2784
|
+
.vg-prism-editor[data-v-20698c6d] .prism-editor__textarea:focus {
|
|
2784
2785
|
outline: none;
|
|
2785
2786
|
}
|
|
2786
|
-
.vg-prism-editor[data-v-
|
|
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-
|
|
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-
|
|
2797
|
-
.vg-prism-editor.is-wrap[data-v-
|
|
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-
|
|
2802
|
-
.vg-prism-editor[data-v-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
3877
|
+
[data-v-41a6408d] .el-dialog__body {
|
|
3877
3878
|
padding-top: 6px;
|
|
3878
3879
|
padding-bottom: 6px;
|
|
3879
3880
|
}
|
|
3880
3881
|
|
|
3881
|
-
[data-v-
|
|
3882
|
+
[data-v-41a6408d] .hiprint-printElement-image-content img {
|
|
3882
3883
|
content: url("~@/assets/logo.png");
|
|
3883
3884
|
}
|
|
3884
|
-
.card-design[data-v-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
3907
|
+
.params_setting_container[data-v-41a6408d] .el-card__body {
|
|
3907
3908
|
padding: 1px !important;
|
|
3908
3909
|
}
|
|
3909
|
-
.toolbar-group[data-v-
|
|
3910
|
+
.toolbar-group[data-v-41a6408d] { margin:0 4px;
|
|
3910
3911
|
}
|
|
3911
|
-
.design-context-menu[data-v-
|
|
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-
|
|
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-
|
|
3932
|
+
.ctx-item[data-v-41a6408d]:hover{
|
|
3932
3933
|
background: var(--vg-menu-hover-bg, #f5f7fa);
|
|
3933
3934
|
}
|
|
3934
|
-
.ctx-item.danger[data-v-
|
|
3935
|
+
.ctx-item.danger[data-v-41a6408d]{
|
|
3935
3936
|
color: #f56c6c;
|
|
3936
3937
|
}
|
|
3937
|
-
.ctx-item-submenu[data-v-
|
|
3938
|
+
.ctx-item-submenu[data-v-41a6408d]{
|
|
3938
3939
|
position: relative;
|
|
3939
3940
|
}
|
|
3940
|
-
.ctx-submenu-trigger-icon[data-v-
|
|
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-
|
|
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-
|
|
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-
|
|
3968
|
+
.ctx-item-submenu:hover > .ctx-submenu[data-v-41a6408d]{
|
|
3968
3969
|
display: block;
|
|
3969
3970
|
}
|
|
3970
|
-
.ctx-sub-item[data-v-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
4045
|
+
.vg-tabs-nav[data-v-41a6408d] {
|
|
4045
4046
|
flex: 0 0 auto;
|
|
4046
4047
|
}
|
|
4047
|
-
.left-sider-pane[data-v-
|
|
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-
|
|
4054
|
+
.left-sider[data-v-41a6408d] .el-tabs__header {
|
|
4054
4055
|
margin: 0;
|
|
4055
4056
|
}
|
|
4056
|
-
.left-sider[data-v-
|
|
4057
|
+
.left-sider[data-v-41a6408d] .el-tabs__nav-wrap {
|
|
4057
4058
|
padding: 0 6px;
|
|
4058
4059
|
}
|
|
4059
|
-
.left-sider[data-v-
|
|
4060
|
+
.left-sider[data-v-41a6408d] .el-tabs__item {
|
|
4060
4061
|
font-size: 13px;
|
|
4061
4062
|
}
|
|
4062
|
-
.left-sider[data-v-
|
|
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-
|
|
4066
|
+
.left-sider[data-v-41a6408d] .el-tabs__item:hover {
|
|
4066
4067
|
color: var(--vg-accent, #580df8);
|
|
4067
4068
|
}
|
|
4068
|
-
.left-sider[data-v-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
4099
|
+
.template-toolbar .el-button[data-v-41a6408d] {
|
|
4099
4100
|
padding: 6px;
|
|
4100
4101
|
min-width: 32px;
|
|
4101
4102
|
}
|
|
4102
|
-
.template-list[data-v-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
4172
|
+
.template-icon-btn.danger[data-v-41a6408d] {
|
|
4172
4173
|
color: #f56c6c;
|
|
4173
4174
|
}
|
|
4174
|
-
.template-icon-btn.danger[data-v-
|
|
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-
|
|
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-
|
|
4185
|
+
.template-item.is-active .template-check[data-v-41a6408d] {
|
|
4185
4186
|
color: var(--vg-accent, #580df8);
|
|
4186
4187
|
}
|
|
4187
|
-
.hiprintEpContainer[data-v-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
4232
|
+
.resize-handle[data-v-41a6408d]:hover {
|
|
4232
4233
|
background-color: var(--vg-accent, #580df8);
|
|
4233
4234
|
}
|
|
4234
|
-
.resize-left[data-v-
|
|
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-
|
|
4238
|
+
.resize-left[data-v-41a6408d]:hover {
|
|
4238
4239
|
width: 2px;
|
|
4239
4240
|
}
|
|
4240
|
-
.resize-right[data-v-
|
|
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-
|
|
4244
|
+
.resize-right[data-v-41a6408d]:hover {
|
|
4244
4245
|
width: 2px;
|
|
4245
4246
|
}
|
|
4246
|
-
.resize-bottom[data-v-
|
|
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-
|
|
4250
|
+
.resize-bottom[data-v-41a6408d]:hover {
|
|
4250
4251
|
height: 2px;
|
|
4251
4252
|
}
|
|
4252
|
-
.pagination-floating[data-v-
|
|
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-
|
|
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-
|
|
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-
|
|
4280
|
+
.prop-header .header-actions[data-v-41a6408d] {
|
|
4280
4281
|
display: flex;
|
|
4281
4282
|
}
|
|
4282
|
-
.prop-header .icon-btn[data-v-
|
|
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-
|
|
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-
|
|
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-
|
|
4302
|
+
.prop-header .collapse-btn.is-collapsed .iconfont[data-v-41a6408d] {
|
|
4302
4303
|
transform: rotate(180deg);
|
|
4303
4304
|
}
|
|
4304
|
-
.prop-body[data-v-
|
|
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-
|
|
4317
|
+
#PrintElementOptionSetting[data-v-41a6408d] {
|
|
4317
4318
|
padding-bottom: 24px;
|
|
4318
4319
|
}
|
|
4319
|
-
.prop-floating.is-collapsed .prop-body[data-v-
|
|
4320
|
-
.prop-body.is-collapsed[data-v-
|
|
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-
|
|
4330
|
+
.prop-floating[data-v-41a6408d] {
|
|
4330
4331
|
transition: box-shadow 0.26s ease;
|
|
4331
4332
|
}
|
|
4332
|
-
.prop-floating.is-collapsed[data-v-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
4367
|
+
.left-sider-toggle.collapsed[data-v-41a6408d] {
|
|
4367
4368
|
left: 0;
|
|
4368
4369
|
}
|
|
4369
|
-
.main-layout-row.is-mobile .left-sider[data-v-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
4436
|
+
.mobile-bottom-sheet .mobile-tab-content[data-v-41a6408d] {
|
|
4436
4437
|
height: 100%;
|
|
4437
4438
|
overflow-y: auto;
|
|
4438
4439
|
padding: 10px;
|