@zscreate/form-component 1.1.44 → 1.1.45
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
|
@@ -2807,97 +2807,97 @@
|
|
|
2807
2807
|
opacity: 0.6;
|
|
2808
2808
|
}
|
|
2809
2809
|
|
|
2810
|
-
.paper[data-v-
|
|
2810
|
+
.paper[data-v-20f65745] * {
|
|
2811
2811
|
font-size: var(--paperFontSize);
|
|
2812
2812
|
}
|
|
2813
|
-
.paper .form-title[data-v-
|
|
2813
|
+
.paper .form-title[data-v-20f65745] {
|
|
2814
2814
|
text-align: center;
|
|
2815
2815
|
font-weight: 600;
|
|
2816
2816
|
font-size: 16px;
|
|
2817
2817
|
height: 40px;
|
|
2818
2818
|
}
|
|
2819
|
-
[data-v-
|
|
2819
|
+
[data-v-20f65745] .vue-grid-layout {
|
|
2820
2820
|
z-index: 2;
|
|
2821
2821
|
}
|
|
2822
|
-
[data-v-
|
|
2822
|
+
[data-v-20f65745] .vue-grid-item {
|
|
2823
2823
|
border: 1px dashed #ccc;
|
|
2824
2824
|
box-sizing: border-box;
|
|
2825
2825
|
background-color: #fff;
|
|
2826
2826
|
}
|
|
2827
|
-
[data-v-
|
|
2827
|
+
[data-v-20f65745] .ant-form-item {
|
|
2828
2828
|
width: 100%;
|
|
2829
2829
|
height: 100%;
|
|
2830
2830
|
margin-bottom: 0;
|
|
2831
2831
|
}
|
|
2832
|
-
[data-v-
|
|
2832
|
+
[data-v-20f65745] .ant-form-item .ant-form-item-label {
|
|
2833
2833
|
height: 100%;
|
|
2834
2834
|
position: absolute;
|
|
2835
2835
|
left: 0;
|
|
2836
2836
|
top: 0;
|
|
2837
2837
|
border-right: 1px solid #333;
|
|
2838
2838
|
}
|
|
2839
|
-
[data-v-
|
|
2839
|
+
[data-v-20f65745] .ant-form-item .ant-form-item-label label {
|
|
2840
2840
|
display: flex;
|
|
2841
2841
|
justify-content: center;
|
|
2842
2842
|
align-items: center;
|
|
2843
2843
|
height: 100%;
|
|
2844
2844
|
}
|
|
2845
|
-
[data-v-
|
|
2845
|
+
[data-v-20f65745] .ant-form-item .ant-form-item-label > label.ant-form-item-no-colon::after {
|
|
2846
2846
|
display: none;
|
|
2847
2847
|
}
|
|
2848
|
-
[data-v-
|
|
2848
|
+
[data-v-20f65745] .ant-form-item .ant-form-item-control-wrapper {
|
|
2849
2849
|
height: 100%;
|
|
2850
2850
|
float: right;
|
|
2851
2851
|
display: flex;
|
|
2852
2852
|
align-items: center;
|
|
2853
2853
|
}
|
|
2854
|
-
[data-v-
|
|
2854
|
+
[data-v-20f65745] .ant-form-item .ant-form-item-control {
|
|
2855
2855
|
width: 98%;
|
|
2856
2856
|
margin: 0 auto;
|
|
2857
2857
|
}
|
|
2858
|
-
.is_required[data-v-
|
|
2858
|
+
.is_required[data-v-20f65745]::before {
|
|
2859
2859
|
content: "*";
|
|
2860
2860
|
color: #f56c6c;
|
|
2861
2861
|
margin-right: 4px;
|
|
2862
2862
|
}
|
|
2863
|
-
.widget-form-list[data-v-
|
|
2863
|
+
.widget-form-list[data-v-20f65745] {
|
|
2864
2864
|
background: #fff;
|
|
2865
2865
|
box-sizing: border-box;
|
|
2866
2866
|
}
|
|
2867
|
-
.widget-form-list .row-item[data-v-
|
|
2867
|
+
.widget-form-list .row-item[data-v-20f65745]:first-child {
|
|
2868
2868
|
border-top: 1px solid #333;
|
|
2869
2869
|
}
|
|
2870
|
-
.widget-form-list .row-item[data-v-
|
|
2870
|
+
.widget-form-list .row-item[data-v-20f65745] {
|
|
2871
2871
|
border-bottom: 1px solid #333;
|
|
2872
2872
|
}
|
|
2873
|
-
.widget-form-list .row-item[data-v-
|
|
2873
|
+
.widget-form-list .row-item[data-v-20f65745] {
|
|
2874
2874
|
border-right: 1px solid #333;
|
|
2875
2875
|
border-left: 1px solid #333;
|
|
2876
2876
|
}
|
|
2877
|
-
.widget-form-list .item-bottom[data-v-
|
|
2877
|
+
.widget-form-list .item-bottom[data-v-20f65745] {
|
|
2878
2878
|
border-bottom: 1px solid #333;
|
|
2879
2879
|
}
|
|
2880
|
-
.widget-form-list .no-row-item[data-v-
|
|
2880
|
+
.widget-form-list .no-row-item[data-v-20f65745] {
|
|
2881
2881
|
border-right: none;
|
|
2882
2882
|
border-bottom: none !important;
|
|
2883
2883
|
}
|
|
2884
|
-
.widget-form-list .no-row-item .widget-form-list[data-v-
|
|
2884
|
+
.widget-form-list .no-row-item .widget-form-list[data-v-20f65745] {
|
|
2885
2885
|
border-top: none !important;
|
|
2886
2886
|
border-right: none;
|
|
2887
2887
|
}
|
|
2888
|
-
.widget-form-list .widget-grid[data-v-
|
|
2888
|
+
.widget-form-list .widget-grid[data-v-20f65745] {
|
|
2889
2889
|
background: #f4f6fc;
|
|
2890
2890
|
position: relative;
|
|
2891
2891
|
border-left: 5px solid transparent;
|
|
2892
2892
|
padding: 5px;
|
|
2893
2893
|
margin: 0 !important;
|
|
2894
2894
|
}
|
|
2895
|
-
.widget-form-list .widget-grid.active[data-v-
|
|
2895
|
+
.widget-form-list .widget-grid.active[data-v-20f65745] {
|
|
2896
2896
|
outline: 2px solid #409eff;
|
|
2897
2897
|
border: 1px solid #409eff;
|
|
2898
2898
|
background: #b3d8ff;
|
|
2899
2899
|
}
|
|
2900
|
-
.widget-form-list .widget-grid .grid-background[data-v-
|
|
2900
|
+
.widget-form-list .widget-grid .grid-background[data-v-20f65745] {
|
|
2901
2901
|
position: absolute;
|
|
2902
2902
|
z-index: 1;
|
|
2903
2903
|
top: 0;
|
|
@@ -2908,85 +2908,85 @@
|
|
|
2908
2908
|
height: 100%;
|
|
2909
2909
|
padding: 5px 5px 10px 5px;
|
|
2910
2910
|
}
|
|
2911
|
-
.widget-form-list .widget-grid .grid-background .rows[data-v-
|
|
2911
|
+
.widget-form-list .widget-grid .grid-background .rows[data-v-20f65745] {
|
|
2912
2912
|
border-bottom: 1px dashed #ccc;
|
|
2913
2913
|
border-left: 1px dashed #ccc;
|
|
2914
2914
|
box-sizing: border-box;
|
|
2915
2915
|
overflow: hidden;
|
|
2916
2916
|
}
|
|
2917
|
-
.widget-form-list .widget-grid .grid-background .rows[data-v-
|
|
2917
|
+
.widget-form-list .widget-grid .grid-background .rows[data-v-20f65745]:first-child {
|
|
2918
2918
|
border-top: 1px dashed #ccc;
|
|
2919
2919
|
}
|
|
2920
|
-
.widget-form-list .widget-grid .grid-background .rows .columns[data-v-
|
|
2920
|
+
.widget-form-list .widget-grid .grid-background .rows .columns[data-v-20f65745] {
|
|
2921
2921
|
float: left;
|
|
2922
2922
|
border-right: 1px dashed #ccc;
|
|
2923
2923
|
min-height: 40px;
|
|
2924
2924
|
box-sizing: border-box;
|
|
2925
2925
|
}
|
|
2926
|
-
.widget-form-list .row_table[data-v-
|
|
2926
|
+
.widget-form-list .row_table[data-v-20f65745] {
|
|
2927
2927
|
min-height: 60px;
|
|
2928
2928
|
position: relative;
|
|
2929
2929
|
}
|
|
2930
|
-
.widget-form-list li.sortable-chosen[data-v-
|
|
2930
|
+
.widget-form-list li.sortable-chosen[data-v-20f65745] {
|
|
2931
2931
|
height: 2px !important;
|
|
2932
2932
|
overflow: hidden !important;
|
|
2933
2933
|
background: red !important;
|
|
2934
2934
|
}
|
|
2935
|
-
.widget-form-list .widget-col-list[data-v-
|
|
2935
|
+
.widget-form-list .widget-col-list[data-v-20f65745] {
|
|
2936
2936
|
min-height: 50px;
|
|
2937
2937
|
border: 1px dashed #ccc;
|
|
2938
2938
|
background: #fff;
|
|
2939
2939
|
}
|
|
2940
|
-
.widget-form-list .widget-col[data-v-
|
|
2940
|
+
.widget-form-list .widget-col[data-v-20f65745] {
|
|
2941
2941
|
padding-bottom: 0;
|
|
2942
2942
|
padding: 5px;
|
|
2943
2943
|
background-color: rgba(253, 246, 236, 0.3);
|
|
2944
2944
|
}
|
|
2945
|
-
.grid-lay-out-wrap .widget-col-list[data-v-
|
|
2945
|
+
.grid-lay-out-wrap .widget-col-list[data-v-20f65745] {
|
|
2946
2946
|
width: 100%;
|
|
2947
2947
|
height: 100%;
|
|
2948
2948
|
min-height: 40px;
|
|
2949
2949
|
border: none;
|
|
2950
2950
|
}
|
|
2951
|
-
.widget-form-ocuupied[data-v-
|
|
2951
|
+
.widget-form-ocuupied[data-v-20f65745] {
|
|
2952
2952
|
min-height: 540px;
|
|
2953
2953
|
border: none;
|
|
2954
2954
|
}
|
|
2955
|
-
.drag_table[data-v-
|
|
2955
|
+
.drag_table[data-v-20f65745] {
|
|
2956
2956
|
width: calc(100% - 100px);
|
|
2957
2957
|
height: 100%;
|
|
2958
2958
|
display: flex;
|
|
2959
2959
|
overflow-y: scroll;
|
|
2960
2960
|
}
|
|
2961
|
-
.drag_table[data-v-
|
|
2961
|
+
.drag_table[data-v-20f65745]::-webkit-scrollbar {
|
|
2962
2962
|
width: 3px;
|
|
2963
2963
|
height: 3px;
|
|
2964
2964
|
}
|
|
2965
|
-
.drag_table[data-v-
|
|
2965
|
+
.drag_table[data-v-20f65745]::-webkit-scrollbar-track {
|
|
2966
2966
|
background: #fff;
|
|
2967
2967
|
border-radius: 2px;
|
|
2968
2968
|
}
|
|
2969
|
-
.drag_table[data-v-
|
|
2969
|
+
.drag_table[data-v-20f65745]::-webkit-scrollbar-thumb {
|
|
2970
2970
|
background: #cdcdcd;
|
|
2971
2971
|
border-radius: 8px;
|
|
2972
2972
|
}
|
|
2973
|
-
.drag_table[data-v-
|
|
2973
|
+
.drag_table[data-v-20f65745]::-webkit-scrollbar-thumb:hover {
|
|
2974
2974
|
background: #cdcdcd;
|
|
2975
2975
|
}
|
|
2976
|
-
.drag_table[data-v-
|
|
2976
|
+
.drag_table[data-v-20f65745]::-webkit-scrollbar-corner {
|
|
2977
2977
|
background: #cdcdcd;
|
|
2978
2978
|
}
|
|
2979
|
-
.widget-form-ocuupied[data-v-
|
|
2979
|
+
.widget-form-ocuupied[data-v-20f65745] {
|
|
2980
2980
|
min-height: 540px;
|
|
2981
2981
|
border: none;
|
|
2982
2982
|
}
|
|
2983
|
-
.table_label[data-v-
|
|
2983
|
+
.table_label[data-v-20f65745] {
|
|
2984
2984
|
width: 100px;
|
|
2985
2985
|
min-width: 100px;
|
|
2986
2986
|
height: 100%;
|
|
2987
2987
|
text-align: right;
|
|
2988
2988
|
}
|
|
2989
|
-
.widget-view-model[data-v-
|
|
2989
|
+
.widget-view-model[data-v-20f65745] {
|
|
2990
2990
|
position: absolute;
|
|
2991
2991
|
top: 0px;
|
|
2992
2992
|
right: 3px;
|
|
@@ -2996,12 +2996,12 @@
|
|
|
2996
2996
|
opacity: 0.6;
|
|
2997
2997
|
}
|
|
2998
2998
|
/**selectedWidget active*/
|
|
2999
|
-
[data-v-
|
|
2999
|
+
[data-v-20f65745] .active {
|
|
3000
3000
|
outline: 2px solid #539dfa;
|
|
3001
3001
|
box-shadow: 0 0 5px #539dfa;
|
|
3002
3002
|
position: relative;
|
|
3003
3003
|
}
|
|
3004
|
-
[data-v-
|
|
3004
|
+
[data-v-20f65745] .active .widget-view-drag {
|
|
3005
3005
|
position: absolute;
|
|
3006
3006
|
left: -2px;
|
|
3007
3007
|
top: -2px;
|
|
@@ -3015,7 +3015,7 @@
|
|
|
3015
3015
|
color: #ffffff;
|
|
3016
3016
|
cursor: move;
|
|
3017
3017
|
}
|
|
3018
|
-
[data-v-
|
|
3018
|
+
[data-v-20f65745] .active .widget-view-action {
|
|
3019
3019
|
width: 70px;
|
|
3020
3020
|
position: absolute;
|
|
3021
3021
|
right: 0px;
|
|
@@ -3028,7 +3028,7 @@
|
|
|
3028
3028
|
background: transparent;
|
|
3029
3029
|
color: #fff;
|
|
3030
3030
|
}
|
|
3031
|
-
[data-v-
|
|
3031
|
+
[data-v-20f65745] .active .widget-view-action .iconfont {
|
|
3032
3032
|
width: 25px;
|
|
3033
3033
|
height: 25px;
|
|
3034
3034
|
border-radius: 50%;
|
|
@@ -3038,17 +3038,17 @@
|
|
|
3038
3038
|
font-size: 14px;
|
|
3039
3039
|
justify-content: center;
|
|
3040
3040
|
}
|
|
3041
|
-
[data-v-
|
|
3041
|
+
[data-v-20f65745] .active .widget-view-action .icon-icon_clone {
|
|
3042
3042
|
background: red;
|
|
3043
3043
|
}
|
|
3044
|
-
[data-v-
|
|
3044
|
+
[data-v-20f65745] .active .widget-view-action .icon-trash {
|
|
3045
3045
|
margin-left: 20px;
|
|
3046
3046
|
}
|
|
3047
|
-
.widget-form-list .widget-view[data-v-
|
|
3047
|
+
.widget-form-list .widget-view[data-v-20f65745] {
|
|
3048
3048
|
z-index: 8;
|
|
3049
3049
|
position: relative;
|
|
3050
3050
|
}
|
|
3051
|
-
.widget-form-list .widget-view .widget-view-action[data-v-
|
|
3051
|
+
.widget-form-list .widget-view .widget-view-action[data-v-20f65745] {
|
|
3052
3052
|
position: absolute;
|
|
3053
3053
|
right: 0px;
|
|
3054
3054
|
bottom: 0;
|
|
@@ -3060,7 +3060,7 @@
|
|
|
3060
3060
|
background: transparent;
|
|
3061
3061
|
color: #fff;
|
|
3062
3062
|
}
|
|
3063
|
-
.widget-form-list .widget-view .widget-view-action .iconfont[data-v-
|
|
3063
|
+
.widget-form-list .widget-view .widget-view-action .iconfont[data-v-20f65745] {
|
|
3064
3064
|
width: 25px;
|
|
3065
3065
|
height: 25px;
|
|
3066
3066
|
border-radius: 50%;
|
|
@@ -3070,13 +3070,13 @@
|
|
|
3070
3070
|
font-size: 14px;
|
|
3071
3071
|
justify-content: center;
|
|
3072
3072
|
}
|
|
3073
|
-
.widget-form-list .widget-view .widget-view-action .icon-icon_clone[data-v-
|
|
3073
|
+
.widget-form-list .widget-view .widget-view-action .icon-icon_clone[data-v-20f65745] {
|
|
3074
3074
|
background: red;
|
|
3075
3075
|
}
|
|
3076
|
-
.widget-form-list .widget-view .widget-view-action .icon-trash[data-v-
|
|
3076
|
+
.widget-form-list .widget-view .widget-view-action .icon-trash[data-v-20f65745] {
|
|
3077
3077
|
margin-left: 20px;
|
|
3078
3078
|
}
|
|
3079
|
-
.widget-form-list .widget-view .widget-view-drag[data-v-
|
|
3079
|
+
.widget-form-list .widget-view .widget-view-drag[data-v-20f65745] {
|
|
3080
3080
|
position: absolute;
|
|
3081
3081
|
left: -2px;
|
|
3082
3082
|
top: -2px;
|
|
@@ -3086,30 +3086,30 @@
|
|
|
3086
3086
|
background: #409eff;
|
|
3087
3087
|
z-index: 9;
|
|
3088
3088
|
}
|
|
3089
|
-
.widget-form-list .widget-view .widget-view-drag i[data-v-
|
|
3089
|
+
.widget-form-list .widget-view .widget-view-drag i[data-v-20f65745] {
|
|
3090
3090
|
font-size: 14px;
|
|
3091
3091
|
color: #fff;
|
|
3092
3092
|
margin: 0 5px;
|
|
3093
3093
|
cursor: move;
|
|
3094
3094
|
}
|
|
3095
3095
|
/*****无border *****/
|
|
3096
|
-
.no-border .widget-form-list[data-v-
|
|
3096
|
+
.no-border .widget-form-list[data-v-20f65745] {
|
|
3097
3097
|
border: none;
|
|
3098
3098
|
}
|
|
3099
|
-
.no-border .widget-form-list .row-item[data-v-
|
|
3099
|
+
.no-border .widget-form-list .row-item[data-v-20f65745]:not(:last-child) {
|
|
3100
3100
|
border: none;
|
|
3101
3101
|
}
|
|
3102
|
-
.no-border .widget-form-list[data-v-
|
|
3102
|
+
.no-border .widget-form-list[data-v-20f65745] .ant-form-item .ant-form-item-label {
|
|
3103
3103
|
border: 0;
|
|
3104
3104
|
}
|
|
3105
3105
|
/*****无border *****/
|
|
3106
3106
|
/***label对齐方式 */
|
|
3107
|
-
[data-v-
|
|
3107
|
+
[data-v-20f65745] .custom_form_item .break {
|
|
3108
3108
|
white-space: normal;
|
|
3109
3109
|
word-break: break-all;
|
|
3110
3110
|
word-wrap: break-word;
|
|
3111
3111
|
}
|
|
3112
|
-
[data-v-
|
|
3112
|
+
[data-v-20f65745] .custom_form_item .align-between {
|
|
3113
3113
|
white-space: normal;
|
|
3114
3114
|
word-break: break-all;
|
|
3115
3115
|
word-wrap: break-word;
|
|
@@ -3118,28 +3118,28 @@
|
|
|
3118
3118
|
text-align-last: justify;
|
|
3119
3119
|
width: 80%;
|
|
3120
3120
|
}
|
|
3121
|
-
[data-v-
|
|
3121
|
+
[data-v-20f65745] .custom_form_item .align-middle {
|
|
3122
3122
|
white-space: normal;
|
|
3123
3123
|
word-break: break-all;
|
|
3124
3124
|
word-wrap: break-word;
|
|
3125
3125
|
text-align: center;
|
|
3126
3126
|
width: 80%;
|
|
3127
3127
|
}
|
|
3128
|
-
[data-v-
|
|
3128
|
+
[data-v-20f65745] .custom_form_item .align-left {
|
|
3129
3129
|
white-space: normal;
|
|
3130
3130
|
word-break: break-all;
|
|
3131
3131
|
word-wrap: break-word;
|
|
3132
3132
|
text-align: left;
|
|
3133
3133
|
width: 80%;
|
|
3134
3134
|
}
|
|
3135
|
-
[data-v-
|
|
3135
|
+
[data-v-20f65745] .custom_form_item .align-right {
|
|
3136
3136
|
white-space: normal;
|
|
3137
3137
|
word-break: break-all;
|
|
3138
3138
|
word-wrap: break-word;
|
|
3139
3139
|
text-align: right;
|
|
3140
3140
|
width: 80%;
|
|
3141
3141
|
}
|
|
3142
|
-
[data-v-
|
|
3142
|
+
[data-v-20f65745] .custom_form_item .align-center {
|
|
3143
3143
|
white-space: normal;
|
|
3144
3144
|
word-break: break-all;
|
|
3145
3145
|
word-wrap: break-word;
|