@zscreate/form-component 1.1.117 → 1.1.119
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/form-component.css
CHANGED
|
@@ -373,16 +373,16 @@
|
|
|
373
373
|
margin-right: 4px;
|
|
374
374
|
}
|
|
375
375
|
|
|
376
|
-
.custom_form_item .label[data-v-
|
|
376
|
+
.custom_form_item .label[data-v-1e6a27e8] {
|
|
377
377
|
text-align: justify;
|
|
378
378
|
-moz-text-align-last: justify;
|
|
379
379
|
text-align-last: justify;
|
|
380
380
|
width: 90%;
|
|
381
381
|
}
|
|
382
|
-
.custom_form_item[data-v-
|
|
382
|
+
.custom_form_item[data-v-1e6a27e8] .ant-input {
|
|
383
383
|
background-color: rgba(0, 0, 0, 0);
|
|
384
384
|
}
|
|
385
|
-
.select_component[data-v-
|
|
385
|
+
.select_component[data-v-1e6a27e8] .ant-select-dropdown {
|
|
386
386
|
width: var(--dropdown_width) !important;
|
|
387
387
|
}
|
|
388
388
|
|
|
@@ -3608,97 +3608,97 @@ span.CodeMirror-selectedtext { background: none; }
|
|
|
3608
3608
|
opacity: 0.6;
|
|
3609
3609
|
}
|
|
3610
3610
|
|
|
3611
|
-
.paper[data-v-
|
|
3611
|
+
.paper[data-v-9e78931a] * {
|
|
3612
3612
|
font-size: var(--paperFontSize);
|
|
3613
3613
|
}
|
|
3614
|
-
.paper .form-title[data-v-
|
|
3614
|
+
.paper .form-title[data-v-9e78931a] {
|
|
3615
3615
|
text-align: center;
|
|
3616
3616
|
font-weight: 600;
|
|
3617
3617
|
font-size: 16px;
|
|
3618
3618
|
height: 40px;
|
|
3619
3619
|
}
|
|
3620
|
-
[data-v-
|
|
3620
|
+
[data-v-9e78931a] .vue-grid-layout {
|
|
3621
3621
|
z-index: 2;
|
|
3622
3622
|
}
|
|
3623
|
-
[data-v-
|
|
3623
|
+
[data-v-9e78931a] .vue-grid-item {
|
|
3624
3624
|
border: 1px dashed #ccc;
|
|
3625
3625
|
box-sizing: border-box;
|
|
3626
3626
|
background-color: #fff;
|
|
3627
3627
|
}
|
|
3628
|
-
[data-v-
|
|
3628
|
+
[data-v-9e78931a] .ant-form-item {
|
|
3629
3629
|
width: 100%;
|
|
3630
3630
|
height: 100%;
|
|
3631
3631
|
margin-bottom: 0;
|
|
3632
3632
|
}
|
|
3633
|
-
[data-v-
|
|
3633
|
+
[data-v-9e78931a] .ant-form-item .ant-form-item-label {
|
|
3634
3634
|
height: 100%;
|
|
3635
3635
|
position: absolute;
|
|
3636
3636
|
left: 0;
|
|
3637
3637
|
top: 0;
|
|
3638
3638
|
border-right: 1px solid var(--designBorderColor);
|
|
3639
3639
|
}
|
|
3640
|
-
[data-v-
|
|
3640
|
+
[data-v-9e78931a] .ant-form-item .ant-form-item-label label {
|
|
3641
3641
|
display: flex;
|
|
3642
3642
|
justify-content: center;
|
|
3643
3643
|
align-items: center;
|
|
3644
3644
|
height: 100%;
|
|
3645
3645
|
}
|
|
3646
|
-
[data-v-
|
|
3646
|
+
[data-v-9e78931a] .ant-form-item .ant-form-item-label > label.ant-form-item-no-colon::after {
|
|
3647
3647
|
display: none;
|
|
3648
3648
|
}
|
|
3649
|
-
[data-v-
|
|
3649
|
+
[data-v-9e78931a] .ant-form-item .ant-form-item-control-wrapper {
|
|
3650
3650
|
height: 100%;
|
|
3651
3651
|
float: right;
|
|
3652
3652
|
display: flex;
|
|
3653
3653
|
align-items: center;
|
|
3654
3654
|
}
|
|
3655
|
-
[data-v-
|
|
3655
|
+
[data-v-9e78931a] .ant-form-item .ant-form-item-control {
|
|
3656
3656
|
width: 98%;
|
|
3657
3657
|
margin: 0 auto;
|
|
3658
3658
|
}
|
|
3659
|
-
.is_required[data-v-
|
|
3659
|
+
.is_required[data-v-9e78931a]::before {
|
|
3660
3660
|
content: "*";
|
|
3661
3661
|
color: #f56c6c;
|
|
3662
3662
|
margin-right: 4px;
|
|
3663
3663
|
}
|
|
3664
|
-
.widget-form-list[data-v-
|
|
3664
|
+
.widget-form-list[data-v-9e78931a] {
|
|
3665
3665
|
background: #fff;
|
|
3666
3666
|
box-sizing: border-box;
|
|
3667
3667
|
}
|
|
3668
|
-
.widget-form-list .row-item[data-v-
|
|
3668
|
+
.widget-form-list .row-item[data-v-9e78931a]:first-child {
|
|
3669
3669
|
border-top: 1px solid var(--designBorderColor);
|
|
3670
3670
|
}
|
|
3671
|
-
.widget-form-list .row-item[data-v-
|
|
3671
|
+
.widget-form-list .row-item[data-v-9e78931a] {
|
|
3672
3672
|
border-bottom: 1px solid var(--designBorderColor);
|
|
3673
3673
|
}
|
|
3674
|
-
.widget-form-list .row-item[data-v-
|
|
3674
|
+
.widget-form-list .row-item[data-v-9e78931a] {
|
|
3675
3675
|
border-right: 1px solid var(--designBorderColor);
|
|
3676
3676
|
border-left: 1px solid var(--designBorderColor);
|
|
3677
3677
|
}
|
|
3678
|
-
.widget-form-list .item-bottom[data-v-
|
|
3678
|
+
.widget-form-list .item-bottom[data-v-9e78931a] {
|
|
3679
3679
|
border-bottom: 1px solid var(--designBorderColor);
|
|
3680
3680
|
}
|
|
3681
|
-
.widget-form-list .no-row-item[data-v-
|
|
3681
|
+
.widget-form-list .no-row-item[data-v-9e78931a] {
|
|
3682
3682
|
border-right: none;
|
|
3683
3683
|
border-bottom: none !important;
|
|
3684
3684
|
}
|
|
3685
|
-
.widget-form-list .no-row-item .widget-form-list[data-v-
|
|
3685
|
+
.widget-form-list .no-row-item .widget-form-list[data-v-9e78931a] {
|
|
3686
3686
|
border-top: none !important;
|
|
3687
3687
|
border-right: none;
|
|
3688
3688
|
}
|
|
3689
|
-
.widget-form-list .widget-grid[data-v-
|
|
3689
|
+
.widget-form-list .widget-grid[data-v-9e78931a] {
|
|
3690
3690
|
background: #f4f6fc;
|
|
3691
3691
|
position: relative;
|
|
3692
3692
|
border-left: 5px solid transparent;
|
|
3693
3693
|
padding: 5px;
|
|
3694
3694
|
margin: 0 !important;
|
|
3695
3695
|
}
|
|
3696
|
-
.widget-form-list .widget-grid.active[data-v-
|
|
3696
|
+
.widget-form-list .widget-grid.active[data-v-9e78931a] {
|
|
3697
3697
|
outline: 2px solid #409eff;
|
|
3698
3698
|
border: 1px solid #409eff;
|
|
3699
3699
|
background: #b3d8ff;
|
|
3700
3700
|
}
|
|
3701
|
-
.widget-form-list .widget-grid .grid-background[data-v-
|
|
3701
|
+
.widget-form-list .widget-grid .grid-background[data-v-9e78931a] {
|
|
3702
3702
|
position: absolute;
|
|
3703
3703
|
z-index: 1;
|
|
3704
3704
|
top: 0;
|
|
@@ -3709,85 +3709,85 @@ span.CodeMirror-selectedtext { background: none; }
|
|
|
3709
3709
|
height: 100%;
|
|
3710
3710
|
padding: 5px 5px 10px 5px;
|
|
3711
3711
|
}
|
|
3712
|
-
.widget-form-list .widget-grid .grid-background .rows[data-v-
|
|
3712
|
+
.widget-form-list .widget-grid .grid-background .rows[data-v-9e78931a] {
|
|
3713
3713
|
border-bottom: 1px dashed #ccc;
|
|
3714
3714
|
border-left: 1px dashed #ccc;
|
|
3715
3715
|
box-sizing: border-box;
|
|
3716
3716
|
overflow: hidden;
|
|
3717
3717
|
}
|
|
3718
|
-
.widget-form-list .widget-grid .grid-background .rows[data-v-
|
|
3718
|
+
.widget-form-list .widget-grid .grid-background .rows[data-v-9e78931a]:first-child {
|
|
3719
3719
|
border-top: 1px dashed #ccc;
|
|
3720
3720
|
}
|
|
3721
|
-
.widget-form-list .widget-grid .grid-background .rows .columns[data-v-
|
|
3721
|
+
.widget-form-list .widget-grid .grid-background .rows .columns[data-v-9e78931a] {
|
|
3722
3722
|
float: left;
|
|
3723
3723
|
border-right: 1px dashed #ccc;
|
|
3724
3724
|
min-height: 40px;
|
|
3725
3725
|
box-sizing: border-box;
|
|
3726
3726
|
}
|
|
3727
|
-
.widget-form-list .row_table[data-v-
|
|
3727
|
+
.widget-form-list .row_table[data-v-9e78931a] {
|
|
3728
3728
|
min-height: 60px;
|
|
3729
3729
|
position: relative;
|
|
3730
3730
|
}
|
|
3731
|
-
.widget-form-list li.sortable-chosen[data-v-
|
|
3731
|
+
.widget-form-list li.sortable-chosen[data-v-9e78931a] {
|
|
3732
3732
|
height: 2px !important;
|
|
3733
3733
|
overflow: hidden !important;
|
|
3734
3734
|
background: red !important;
|
|
3735
3735
|
}
|
|
3736
|
-
.widget-form-list .widget-col-list[data-v-
|
|
3736
|
+
.widget-form-list .widget-col-list[data-v-9e78931a] {
|
|
3737
3737
|
min-height: 50px;
|
|
3738
3738
|
border: 1px dashed #ccc;
|
|
3739
3739
|
background: #fff;
|
|
3740
3740
|
}
|
|
3741
|
-
.widget-form-list .widget-col[data-v-
|
|
3741
|
+
.widget-form-list .widget-col[data-v-9e78931a] {
|
|
3742
3742
|
padding-bottom: 0;
|
|
3743
3743
|
padding: 5px;
|
|
3744
3744
|
background-color: rgba(253, 246, 236, 0.3);
|
|
3745
3745
|
}
|
|
3746
|
-
.grid-lay-out-wrap .widget-col-list[data-v-
|
|
3746
|
+
.grid-lay-out-wrap .widget-col-list[data-v-9e78931a] {
|
|
3747
3747
|
width: 100%;
|
|
3748
3748
|
height: 100%;
|
|
3749
3749
|
min-height: 40px;
|
|
3750
3750
|
border: none;
|
|
3751
3751
|
}
|
|
3752
|
-
.widget-form-ocuupied[data-v-
|
|
3752
|
+
.widget-form-ocuupied[data-v-9e78931a] {
|
|
3753
3753
|
min-height: 540px;
|
|
3754
3754
|
border: none;
|
|
3755
3755
|
}
|
|
3756
|
-
.drag_table[data-v-
|
|
3756
|
+
.drag_table[data-v-9e78931a] {
|
|
3757
3757
|
width: calc(100% - 100px);
|
|
3758
3758
|
height: 100%;
|
|
3759
3759
|
display: flex;
|
|
3760
3760
|
overflow-y: scroll;
|
|
3761
3761
|
}
|
|
3762
|
-
.drag_table[data-v-
|
|
3762
|
+
.drag_table[data-v-9e78931a]::-webkit-scrollbar {
|
|
3763
3763
|
width: 3px;
|
|
3764
3764
|
height: 3px;
|
|
3765
3765
|
}
|
|
3766
|
-
.drag_table[data-v-
|
|
3766
|
+
.drag_table[data-v-9e78931a]::-webkit-scrollbar-track {
|
|
3767
3767
|
background: #fff;
|
|
3768
3768
|
border-radius: 2px;
|
|
3769
3769
|
}
|
|
3770
|
-
.drag_table[data-v-
|
|
3770
|
+
.drag_table[data-v-9e78931a]::-webkit-scrollbar-thumb {
|
|
3771
3771
|
background: #cdcdcd;
|
|
3772
3772
|
border-radius: 8px;
|
|
3773
3773
|
}
|
|
3774
|
-
.drag_table[data-v-
|
|
3774
|
+
.drag_table[data-v-9e78931a]::-webkit-scrollbar-thumb:hover {
|
|
3775
3775
|
background: #cdcdcd;
|
|
3776
3776
|
}
|
|
3777
|
-
.drag_table[data-v-
|
|
3777
|
+
.drag_table[data-v-9e78931a]::-webkit-scrollbar-corner {
|
|
3778
3778
|
background: #cdcdcd;
|
|
3779
3779
|
}
|
|
3780
|
-
.widget-form-ocuupied[data-v-
|
|
3780
|
+
.widget-form-ocuupied[data-v-9e78931a] {
|
|
3781
3781
|
min-height: 540px;
|
|
3782
3782
|
border: none;
|
|
3783
3783
|
}
|
|
3784
|
-
.table_label[data-v-
|
|
3784
|
+
.table_label[data-v-9e78931a] {
|
|
3785
3785
|
width: 100px;
|
|
3786
3786
|
min-width: 100px;
|
|
3787
3787
|
height: 100%;
|
|
3788
3788
|
text-align: right;
|
|
3789
3789
|
}
|
|
3790
|
-
.widget-view-model[data-v-
|
|
3790
|
+
.widget-view-model[data-v-9e78931a] {
|
|
3791
3791
|
position: absolute;
|
|
3792
3792
|
top: 0px;
|
|
3793
3793
|
right: 3px;
|
|
@@ -3797,12 +3797,12 @@ span.CodeMirror-selectedtext { background: none; }
|
|
|
3797
3797
|
opacity: 0.6;
|
|
3798
3798
|
}
|
|
3799
3799
|
/**selectedWidget active*/
|
|
3800
|
-
[data-v-
|
|
3800
|
+
[data-v-9e78931a] .active {
|
|
3801
3801
|
outline: 2px solid #539dfa;
|
|
3802
3802
|
box-shadow: 0 0 5px #539dfa;
|
|
3803
3803
|
position: relative;
|
|
3804
3804
|
}
|
|
3805
|
-
[data-v-
|
|
3805
|
+
[data-v-9e78931a] .active .widget-view-drag {
|
|
3806
3806
|
position: absolute;
|
|
3807
3807
|
left: -2px;
|
|
3808
3808
|
top: -2px;
|
|
@@ -3816,7 +3816,7 @@ span.CodeMirror-selectedtext { background: none; }
|
|
|
3816
3816
|
color: #ffffff;
|
|
3817
3817
|
cursor: move;
|
|
3818
3818
|
}
|
|
3819
|
-
[data-v-
|
|
3819
|
+
[data-v-9e78931a] .active .widget-view-action {
|
|
3820
3820
|
width: 70px;
|
|
3821
3821
|
position: absolute;
|
|
3822
3822
|
right: 0px;
|
|
@@ -3829,7 +3829,7 @@ span.CodeMirror-selectedtext { background: none; }
|
|
|
3829
3829
|
background: transparent;
|
|
3830
3830
|
color: #fff;
|
|
3831
3831
|
}
|
|
3832
|
-
[data-v-
|
|
3832
|
+
[data-v-9e78931a] .active .widget-view-action .iconfont {
|
|
3833
3833
|
width: 25px;
|
|
3834
3834
|
height: 25px;
|
|
3835
3835
|
border-radius: 50%;
|
|
@@ -3839,17 +3839,17 @@ span.CodeMirror-selectedtext { background: none; }
|
|
|
3839
3839
|
font-size: 14px;
|
|
3840
3840
|
justify-content: center;
|
|
3841
3841
|
}
|
|
3842
|
-
[data-v-
|
|
3842
|
+
[data-v-9e78931a] .active .widget-view-action .icon-icon_clone {
|
|
3843
3843
|
background: red;
|
|
3844
3844
|
}
|
|
3845
|
-
[data-v-
|
|
3845
|
+
[data-v-9e78931a] .active .widget-view-action .icon-trash {
|
|
3846
3846
|
margin-left: 20px;
|
|
3847
3847
|
}
|
|
3848
|
-
.widget-form-list .widget-view[data-v-
|
|
3848
|
+
.widget-form-list .widget-view[data-v-9e78931a] {
|
|
3849
3849
|
z-index: 8;
|
|
3850
3850
|
position: relative;
|
|
3851
3851
|
}
|
|
3852
|
-
.widget-form-list .widget-view .widget-view-action[data-v-
|
|
3852
|
+
.widget-form-list .widget-view .widget-view-action[data-v-9e78931a] {
|
|
3853
3853
|
position: absolute;
|
|
3854
3854
|
right: 0px;
|
|
3855
3855
|
bottom: 0;
|
|
@@ -3861,7 +3861,7 @@ span.CodeMirror-selectedtext { background: none; }
|
|
|
3861
3861
|
background: transparent;
|
|
3862
3862
|
color: #fff;
|
|
3863
3863
|
}
|
|
3864
|
-
.widget-form-list .widget-view .widget-view-action .iconfont[data-v-
|
|
3864
|
+
.widget-form-list .widget-view .widget-view-action .iconfont[data-v-9e78931a] {
|
|
3865
3865
|
width: 25px;
|
|
3866
3866
|
height: 25px;
|
|
3867
3867
|
border-radius: 50%;
|
|
@@ -3871,13 +3871,13 @@ span.CodeMirror-selectedtext { background: none; }
|
|
|
3871
3871
|
font-size: 14px;
|
|
3872
3872
|
justify-content: center;
|
|
3873
3873
|
}
|
|
3874
|
-
.widget-form-list .widget-view .widget-view-action .icon-icon_clone[data-v-
|
|
3874
|
+
.widget-form-list .widget-view .widget-view-action .icon-icon_clone[data-v-9e78931a] {
|
|
3875
3875
|
background: red;
|
|
3876
3876
|
}
|
|
3877
|
-
.widget-form-list .widget-view .widget-view-action .icon-trash[data-v-
|
|
3877
|
+
.widget-form-list .widget-view .widget-view-action .icon-trash[data-v-9e78931a] {
|
|
3878
3878
|
margin-left: 20px;
|
|
3879
3879
|
}
|
|
3880
|
-
.widget-form-list .widget-view .widget-view-drag[data-v-
|
|
3880
|
+
.widget-form-list .widget-view .widget-view-drag[data-v-9e78931a] {
|
|
3881
3881
|
position: absolute;
|
|
3882
3882
|
left: -2px;
|
|
3883
3883
|
top: -2px;
|
|
@@ -3887,30 +3887,30 @@ span.CodeMirror-selectedtext { background: none; }
|
|
|
3887
3887
|
background: #409eff;
|
|
3888
3888
|
z-index: 9;
|
|
3889
3889
|
}
|
|
3890
|
-
.widget-form-list .widget-view .widget-view-drag i[data-v-
|
|
3890
|
+
.widget-form-list .widget-view .widget-view-drag i[data-v-9e78931a] {
|
|
3891
3891
|
font-size: 14px;
|
|
3892
3892
|
color: #fff;
|
|
3893
3893
|
margin: 0 5px;
|
|
3894
3894
|
cursor: move;
|
|
3895
3895
|
}
|
|
3896
3896
|
/*****无border *****/
|
|
3897
|
-
.no-border .widget-form-list[data-v-
|
|
3897
|
+
.no-border .widget-form-list[data-v-9e78931a] {
|
|
3898
3898
|
border: none;
|
|
3899
3899
|
}
|
|
3900
|
-
.no-border .widget-form-list .row-item[data-v-
|
|
3900
|
+
.no-border .widget-form-list .row-item[data-v-9e78931a]:not(:last-child) {
|
|
3901
3901
|
border: none;
|
|
3902
3902
|
}
|
|
3903
|
-
.no-border .widget-form-list[data-v-
|
|
3903
|
+
.no-border .widget-form-list[data-v-9e78931a] .ant-form-item .ant-form-item-label {
|
|
3904
3904
|
border: 0;
|
|
3905
3905
|
}
|
|
3906
3906
|
/*****无border *****/
|
|
3907
3907
|
/***label对齐方式 */
|
|
3908
|
-
[data-v-
|
|
3908
|
+
[data-v-9e78931a] .custom_form_item .break {
|
|
3909
3909
|
white-space: normal;
|
|
3910
3910
|
word-break: break-all;
|
|
3911
3911
|
word-wrap: break-word;
|
|
3912
3912
|
}
|
|
3913
|
-
[data-v-
|
|
3913
|
+
[data-v-9e78931a] .custom_form_item .align-between {
|
|
3914
3914
|
white-space: normal;
|
|
3915
3915
|
word-break: break-all;
|
|
3916
3916
|
word-wrap: break-word;
|
|
@@ -3919,28 +3919,28 @@ span.CodeMirror-selectedtext { background: none; }
|
|
|
3919
3919
|
text-align-last: justify;
|
|
3920
3920
|
width: 80%;
|
|
3921
3921
|
}
|
|
3922
|
-
[data-v-
|
|
3922
|
+
[data-v-9e78931a] .custom_form_item .align-middle {
|
|
3923
3923
|
white-space: normal;
|
|
3924
3924
|
word-break: break-all;
|
|
3925
3925
|
word-wrap: break-word;
|
|
3926
3926
|
text-align: center;
|
|
3927
3927
|
width: 80%;
|
|
3928
3928
|
}
|
|
3929
|
-
[data-v-
|
|
3929
|
+
[data-v-9e78931a] .custom_form_item .align-left {
|
|
3930
3930
|
white-space: normal;
|
|
3931
3931
|
word-break: break-all;
|
|
3932
3932
|
word-wrap: break-word;
|
|
3933
3933
|
text-align: left;
|
|
3934
3934
|
width: 80%;
|
|
3935
3935
|
}
|
|
3936
|
-
[data-v-
|
|
3936
|
+
[data-v-9e78931a] .custom_form_item .align-right {
|
|
3937
3937
|
white-space: normal;
|
|
3938
3938
|
word-break: break-all;
|
|
3939
3939
|
word-wrap: break-word;
|
|
3940
3940
|
text-align: right;
|
|
3941
3941
|
width: 80%;
|
|
3942
3942
|
}
|
|
3943
|
-
[data-v-
|
|
3943
|
+
[data-v-9e78931a] .custom_form_item .align-center {
|
|
3944
3944
|
white-space: normal;
|
|
3945
3945
|
word-break: break-all;
|
|
3946
3946
|
word-wrap: break-word;
|