@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.
@@ -2807,97 +2807,97 @@
2807
2807
  opacity: 0.6;
2808
2808
  }
2809
2809
 
2810
- .paper[data-v-7e2230f3] * {
2810
+ .paper[data-v-20f65745] * {
2811
2811
  font-size: var(--paperFontSize);
2812
2812
  }
2813
- .paper .form-title[data-v-7e2230f3] {
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-7e2230f3] .vue-grid-layout {
2819
+ [data-v-20f65745] .vue-grid-layout {
2820
2820
  z-index: 2;
2821
2821
  }
2822
- [data-v-7e2230f3] .vue-grid-item {
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-7e2230f3] .ant-form-item {
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-7e2230f3] .ant-form-item .ant-form-item-label {
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-7e2230f3] .ant-form-item .ant-form-item-label label {
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-7e2230f3] .ant-form-item .ant-form-item-label > label.ant-form-item-no-colon::after {
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-7e2230f3] .ant-form-item .ant-form-item-control-wrapper {
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-7e2230f3] .ant-form-item .ant-form-item-control {
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-7e2230f3]::before {
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-7e2230f3] {
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-7e2230f3]:first-child {
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-7e2230f3] {
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-7e2230f3] {
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-7e2230f3] {
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-7e2230f3] {
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-7e2230f3] {
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-7e2230f3] {
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-7e2230f3] {
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-7e2230f3] {
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-7e2230f3] {
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-7e2230f3]:first-child {
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-7e2230f3] {
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-7e2230f3] {
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-7e2230f3] {
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-7e2230f3] {
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-7e2230f3] {
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-7e2230f3] {
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-7e2230f3] {
2951
+ .widget-form-ocuupied[data-v-20f65745] {
2952
2952
  min-height: 540px;
2953
2953
  border: none;
2954
2954
  }
2955
- .drag_table[data-v-7e2230f3] {
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-7e2230f3]::-webkit-scrollbar {
2961
+ .drag_table[data-v-20f65745]::-webkit-scrollbar {
2962
2962
  width: 3px;
2963
2963
  height: 3px;
2964
2964
  }
2965
- .drag_table[data-v-7e2230f3]::-webkit-scrollbar-track {
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-7e2230f3]::-webkit-scrollbar-thumb {
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-7e2230f3]::-webkit-scrollbar-thumb:hover {
2973
+ .drag_table[data-v-20f65745]::-webkit-scrollbar-thumb:hover {
2974
2974
  background: #cdcdcd;
2975
2975
  }
2976
- .drag_table[data-v-7e2230f3]::-webkit-scrollbar-corner {
2976
+ .drag_table[data-v-20f65745]::-webkit-scrollbar-corner {
2977
2977
  background: #cdcdcd;
2978
2978
  }
2979
- .widget-form-ocuupied[data-v-7e2230f3] {
2979
+ .widget-form-ocuupied[data-v-20f65745] {
2980
2980
  min-height: 540px;
2981
2981
  border: none;
2982
2982
  }
2983
- .table_label[data-v-7e2230f3] {
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-7e2230f3] {
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-7e2230f3] .active {
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-7e2230f3] .active .widget-view-drag {
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-7e2230f3] .active .widget-view-action {
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-7e2230f3] .active .widget-view-action .iconfont {
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-7e2230f3] .active .widget-view-action .icon-icon_clone {
3041
+ [data-v-20f65745] .active .widget-view-action .icon-icon_clone {
3042
3042
  background: red;
3043
3043
  }
3044
- [data-v-7e2230f3] .active .widget-view-action .icon-trash {
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-7e2230f3] {
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-7e2230f3] {
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-7e2230f3] {
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-7e2230f3] {
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-7e2230f3] {
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-7e2230f3] {
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-7e2230f3] {
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-7e2230f3] {
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-7e2230f3]:not(:last-child) {
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-7e2230f3] .ant-form-item .ant-form-item-label {
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-7e2230f3] .custom_form_item .break {
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-7e2230f3] .custom_form_item .align-between {
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-7e2230f3] .custom_form_item .align-middle {
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-7e2230f3] .custom_form_item .align-left {
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-7e2230f3] .custom_form_item .align-right {
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-7e2230f3] .custom_form_item .align-center {
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;