@zscreate/form-component 1.0.1 → 1.0.3

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/demo.html CHANGED
@@ -1 +1,9 @@
1
- <!doctype html><meta charset="utf-8"><title>form-component demo</title><script src="./form-component.umd.js"></script><link rel="stylesheet" href="./form-component.css"><script>console.log(form-component)</script>
1
+ <!DOCTYPE html>
2
+ <meta charset="utf-8">
3
+ <title>form-component demo</title>
4
+ <script src="./form-component.umd.js"></script>
5
+
6
+
7
+ <script>
8
+ console.log(form-component)
9
+ </script>
@@ -2905,43 +2905,43 @@
2905
2905
  box-shadow: none !important;
2906
2906
  }
2907
2907
 
2908
- .t-border[data-v-89e95976] {
2908
+ .t-border[data-v-380419bb] {
2909
2909
  border-right: 1px solid #333;
2910
2910
  border-bottom: 1px solid #333;
2911
2911
  }
2912
- [data-v-89e95976] .custom_form_item {
2912
+ [data-v-380419bb] .custom_form_item {
2913
2913
  height: -moz-fit-content;
2914
2914
  height: fit-content;
2915
2915
  }
2916
- .save-pdf[data-v-89e95976] .ant-input {
2916
+ .save-pdf[data-v-380419bb] .ant-input {
2917
2917
  border: none !important;
2918
2918
  }
2919
- .save-pdf[data-v-89e95976] .ant-select-selection {
2919
+ .save-pdf[data-v-380419bb] .ant-select-selection {
2920
2920
  border: none !important;
2921
2921
  }
2922
- .save-pdf[data-v-89e95976] .ant-select-arrow svg {
2922
+ .save-pdf[data-v-380419bb] .ant-select-arrow svg {
2923
2923
  display: none;
2924
2924
  }
2925
- .save-pdf[data-v-89e95976] .ant-upload.ant-upload-select-picture-card {
2925
+ .save-pdf[data-v-380419bb] .ant-upload.ant-upload-select-picture-card {
2926
2926
  display: none;
2927
2927
  }
2928
- .save-pdf[data-v-89e95976] .anticon svg {
2928
+ .save-pdf[data-v-380419bb] .anticon svg {
2929
2929
  display: none;
2930
2930
  }
2931
- .save-pdf[data-v-89e95976] .ant-time-picker-input {
2931
+ .save-pdf[data-v-380419bb] .ant-time-picker-input {
2932
2932
  border: none !important;
2933
2933
  }
2934
- .save-pdf[data-v-89e95976] .ant-upload.ant-upload-select {
2934
+ .save-pdf[data-v-380419bb] .ant-upload.ant-upload-select {
2935
2935
  display: none;
2936
2936
  }
2937
2937
  /**打印非固定高度标签 高度不确定bug**/
2938
- .computed-wrap[data-v-89e95976] {
2938
+ .computed-wrap[data-v-380419bb] {
2939
2939
  background: #f5f5f5;
2940
2940
  }
2941
- .computed-wrap .item[data-v-89e95976] {
2941
+ .computed-wrap .item[data-v-380419bb] {
2942
2942
  display: flex;
2943
2943
  }
2944
- .computed-wrap .item > div[data-v-89e95976] {
2944
+ .computed-wrap .item > div[data-v-380419bb] {
2945
2945
  height: 35px;
2946
2946
  line-height: 35px;
2947
2947
  flex: 1;
@@ -2949,124 +2949,127 @@
2949
2949
  border-bottom: 1px solid #000;
2950
2950
  text-align: center;
2951
2951
  }
2952
- .computed-wrap .item > div + div[data-v-89e95976] {
2952
+ .computed-wrap .item > div + div[data-v-380419bb] {
2953
2953
  flex: 2;
2954
2954
  }
2955
- .layout .paper[data-v-89e95976] * {
2955
+ .layout .paper[data-v-380419bb] {
2956
+ position: relative;
2957
+ }
2958
+ .layout .paper[data-v-380419bb] * {
2956
2959
  font-size: var(--paperFontSize);
2957
2960
  }
2958
- .layout .paper .form-title[data-v-89e95976] {
2961
+ .layout .paper .form-title[data-v-380419bb] {
2959
2962
  text-align: center;
2960
2963
  font-weight: 600;
2961
2964
  font-size: 16px;
2962
2965
  height: 40px;
2963
2966
  }
2964
- .row-item[data-v-89e95976] {
2967
+ .row-item[data-v-380419bb] {
2965
2968
  height: -moz-fit-content;
2966
2969
  height: fit-content;
2967
2970
  /**打印非固定高度标签 高度不确定bug**/
2968
2971
  }
2969
- .no-row-item[data-v-89e95976] {
2972
+ .no-row-item[data-v-380419bb] {
2970
2973
  border-right: none;
2971
2974
  border-bottom: none;
2972
2975
  }
2973
2976
  /****page边框内的 ***/
2974
- .page-border[data-v-89e95976] {
2977
+ .page-border[data-v-380419bb] {
2975
2978
  background: #fff;
2976
2979
  box-sizing: border-box;
2977
2980
  }
2978
- .page-border .row-item[data-v-89e95976]:first-child {
2981
+ .page-border .row-item[data-v-380419bb]:first-child {
2979
2982
  border-top: 1px solid #000;
2980
2983
  }
2981
- .page-border .row-item[data-v-89e95976] {
2984
+ .page-border .row-item[data-v-380419bb] {
2982
2985
  border-left: 1px solid #000;
2983
2986
  }
2984
- .page-border .item-bottom[data-v-89e95976] {
2987
+ .page-border .item-bottom[data-v-380419bb] {
2985
2988
  border-bottom: 1px solid #000;
2986
2989
  }
2987
- .page-border .row-item[data-v-89e95976]:not(:last-child) {
2990
+ .page-border .row-item[data-v-380419bb]:not(:last-child) {
2988
2991
  position: relative;
2989
2992
  }
2990
- .page-border li.sortable-chosen[data-v-89e95976] {
2993
+ .page-border li.sortable-chosen[data-v-380419bb] {
2991
2994
  height: 2px !important;
2992
2995
  overflow: hidden !important;
2993
2996
  background: red !important;
2994
2997
  }
2995
- .page-border .ant-time-picker-panel[data-v-89e95976] {
2998
+ .page-border .ant-time-picker-panel[data-v-380419bb] {
2996
2999
  z-index: 200000 !important;
2997
3000
  }
2998
- .page-border .ant-calendar-picker-container[data-v-89e95976] {
3001
+ .page-border .ant-calendar-picker-container[data-v-380419bb] {
2999
3002
  z-index: 200000 !important;
3000
3003
  }
3001
- [data-v-89e95976] .ant-time-picker-panel {
3004
+ [data-v-380419bb] .ant-time-picker-panel {
3002
3005
  z-index: 9999 !important;
3003
3006
  }
3004
- .ant-calendar-picker-container[data-v-89e95976] {
3007
+ .ant-calendar-picker-container[data-v-380419bb] {
3005
3008
  z-index: 200000 !important;
3006
3009
  }
3007
- [data-v-89e95976] .ant-form-item-children {
3010
+ [data-v-380419bb] .ant-form-item-children {
3008
3011
  display: block;
3009
3012
  }
3010
- [data-v-89e95976] .ant-form-item {
3013
+ [data-v-380419bb] .ant-form-item {
3011
3014
  width: 100%;
3012
3015
  height: 100%;
3013
3016
  margin-bottom: 0;
3014
3017
  display: flex;
3015
3018
  }
3016
- [data-v-89e95976] .ant-form-item .is_required::before {
3019
+ [data-v-380419bb] .ant-form-item .is_required::before {
3017
3020
  content: "*";
3018
3021
  color: #f56c6c;
3019
3022
  margin-right: 4px;
3020
3023
  }
3021
- [data-v-89e95976] .ant-form-item .ant-form-item-label {
3024
+ [data-v-380419bb] .ant-form-item .ant-form-item-label {
3022
3025
  border-right: 1px solid #000;
3023
3026
  }
3024
- [data-v-89e95976] .ant-form-item .ant-form-item-label label {
3027
+ [data-v-380419bb] .ant-form-item .ant-form-item-label label {
3025
3028
  display: flex;
3026
3029
  justify-content: center;
3027
3030
  align-items: center;
3028
3031
  height: 100%;
3029
3032
  }
3030
- [data-v-89e95976] .ant-form-item .ant-form-item-label > label.ant-form-item-no-colon::after {
3033
+ [data-v-380419bb] .ant-form-item .ant-form-item-label > label.ant-form-item-no-colon::after {
3031
3034
  display: none;
3032
3035
  }
3033
- [data-v-89e95976] .ant-form-item .ant-form-item-control-wrapper {
3036
+ [data-v-380419bb] .ant-form-item .ant-form-item-control-wrapper {
3034
3037
  display: flex;
3035
3038
  align-items: center;
3036
3039
  text-align: left;
3037
3040
  }
3038
- [data-v-89e95976] .ant-form-item .ant-form-item-control {
3041
+ [data-v-380419bb] .ant-form-item .ant-form-item-control {
3039
3042
  width: 98%;
3040
3043
  margin: 0 auto;
3041
3044
  }
3042
- [data-v-89e95976] .ant-form-item .is_required::before {
3045
+ [data-v-380419bb] .ant-form-item .is_required::before {
3043
3046
  content: "*";
3044
3047
  color: #f56c6c;
3045
3048
  margin-right: 4px;
3046
3049
  }
3047
- .row-table[data-v-89e95976] {
3050
+ .row-table[data-v-380419bb] {
3048
3051
  display: flex;
3049
3052
  }
3050
- .row-table[data-v-89e95976] .ant-spin-container {
3053
+ .row-table[data-v-380419bb] .ant-spin-container {
3051
3054
  display: flex;
3052
3055
  width: 100%;
3053
3056
  }
3054
- .row-table[data-v-89e95976] .ant-spin-container .table-left {
3057
+ .row-table[data-v-380419bb] .ant-spin-container .table-left {
3055
3058
  width: 100px;
3056
3059
  text-align: center;
3057
3060
  border-right: 1px solid #333;
3058
3061
  position: relative;
3059
3062
  }
3060
- .row-table[data-v-89e95976] .ant-spin-container .table-left p {
3063
+ .row-table[data-v-380419bb] .ant-spin-container .table-left p {
3061
3064
  position: absolute;
3062
3065
  top: 50%;
3063
3066
  left: 50%;
3064
3067
  transform: translate(-50%, -50%);
3065
3068
  }
3066
- .row-table[data-v-89e95976] .ant-spin-container .table-right {
3069
+ .row-table[data-v-380419bb] .ant-spin-container .table-right {
3067
3070
  flex: 1;
3068
3071
  }
3069
- .table-content[data-v-89e95976] {
3072
+ .table-content[data-v-380419bb] {
3070
3073
  width: 100%;
3071
3074
  height: 40px;
3072
3075
  line-height: 40px;
@@ -3075,11 +3078,11 @@
3075
3078
  border-bottom: 1px solid #333;
3076
3079
  border-right: 1px solid #333;
3077
3080
  }
3078
- .sub-table-col[data-v-89e95976] {
3081
+ .sub-table-col[data-v-380419bb] {
3079
3082
  display: flex;
3080
3083
  box-sizing: border-box;
3081
3084
  }
3082
- .sub-table-col > span[data-v-89e95976] {
3085
+ .sub-table-col > span[data-v-380419bb] {
3083
3086
  flex: 2;
3084
3087
  border-bottom: 1px solid #000;
3085
3088
  border-right: 1px solid #000;
@@ -3087,28 +3090,28 @@
3087
3090
  line-height: 40px;
3088
3091
  text-align: center;
3089
3092
  }
3090
- .sub-table-col > .last-one[data-v-89e95976] {
3093
+ .sub-table-col > .last-one[data-v-380419bb] {
3091
3094
  width: 87px;
3092
3095
  flex: 0 0 87px;
3093
3096
  border-right: 1px solid #333;
3094
3097
  border-bottom: 1px solid #333;
3095
3098
  }
3096
- .sub-table-col-no-border > span[data-v-89e95976] {
3099
+ .sub-table-col-no-border > span[data-v-380419bb] {
3097
3100
  border: none;
3098
3101
  height: auto;
3099
3102
  }
3100
- .sub-table-col-no-border > .last-one[data-v-89e95976] {
3103
+ .sub-table-col-no-border > .last-one[data-v-380419bb] {
3101
3104
  width: 87px;
3102
3105
  flex: 0 0 87px;
3103
3106
  display: flex;
3104
3107
  justify-content: center;
3105
3108
  align-items: center;
3106
3109
  }
3107
- .sub-table-col-no-border > span[data-v-89e95976] {
3110
+ .sub-table-col-no-border > span[data-v-380419bb] {
3108
3111
  border: none;
3109
3112
  height: auto;
3110
3113
  }
3111
- .sub-table-col-no-border > .last-one[data-v-89e95976] {
3114
+ .sub-table-col-no-border > .last-one[data-v-380419bb] {
3112
3115
  width: 87px;
3113
3116
  flex: 0 0 87px;
3114
3117
  display: flex;
@@ -3116,67 +3119,68 @@
3116
3119
  align-items: center;
3117
3120
  }
3118
3121
  /*****无border *****/
3119
- .no-border .page-border[data-v-89e95976] {
3122
+ .no-border .page-border[data-v-380419bb] {
3120
3123
  border: none;
3121
3124
  }
3122
- .no-border .page-border .row-item[data-v-89e95976]:not(:last-child) {
3125
+ .no-border .page-border .row-item[data-v-380419bb]:not(:last-child) {
3123
3126
  border: none;
3124
3127
  }
3125
- .no-border .page-border[data-v-89e95976] .ant-form-item .ant-form-item-label {
3128
+ .no-border .page-border[data-v-380419bb] .ant-form-item .ant-form-item-label {
3126
3129
  border: none;
3127
3130
  }
3128
- .table_border[data-v-89e95976] {
3131
+ .table_border[data-v-380419bb] {
3129
3132
  border-bottom: 0;
3130
3133
  border-right: 0;
3131
3134
  }
3132
3135
  /*****无border *****/
3133
- [data-v-89e95976] .ant-form-item-children > div > p,[data-v-89e95976] .ant-form-item-children > div > h1,[data-v-89e95976] .ant-form-item-children > div > h2,[data-v-89e95976] .ant-form-item-children > div > h3,[data-v-89e95976] .ant-form-item-children > div > h4,[data-v-89e95976] .ant-form-item-children > div > h5,[data-v-89e95976] .ant-form-item-children > div > table /deep/ .ant-form-item-children > div > pre {
3136
+ [data-v-380419bb] .ant-form-item-children > div > p,[data-v-380419bb] .ant-form-item-children > div > h1,[data-v-380419bb] .ant-form-item-children > div > h2,[data-v-380419bb] .ant-form-item-children > div > h3,[data-v-380419bb] .ant-form-item-children > div > h4,[data-v-380419bb] .ant-form-item-children > div > h5,[data-v-380419bb] .ant-form-item-children > div > table /deep/ .ant-form-item-children > div > pre {
3134
3137
  margin: 10px 0;
3135
3138
  line-height: 1.5;
3136
3139
  }
3137
- [data-v-89e95976] .ant-spin-dot {
3140
+ [data-v-380419bb] .ant-spin-dot {
3138
3141
  font-size: 20px !important;
3139
3142
  }
3140
3143
 
3141
- .components-list[data-v-023b7ddd] {
3144
+ .components-list[data-v-564091c5] {
3142
3145
  padding: 0;
3143
3146
  padding-top: 5px;
3144
3147
  margin: 0;
3145
3148
  line-height: 20px;
3149
+ position: relative;
3146
3150
  }
3147
- .components-list .tabs[data-v-023b7ddd] {
3151
+ .components-list .tabs[data-v-564091c5] {
3148
3152
  margin-bottom: 10px;
3149
3153
  overflow: hidden;
3150
3154
  }
3151
- .components-list .tabs > div[data-v-023b7ddd] {
3155
+ .components-list .tabs > div[data-v-564091c5] {
3152
3156
  float: left;
3153
3157
  }
3154
- .components-list .tabs > div[data-v-023b7ddd]:not(:last-child) {
3158
+ .components-list .tabs > div[data-v-564091c5]:not(:last-child) {
3155
3159
  border-right: 1px solid #ccc;
3156
3160
  }
3157
- .components-list .tabs span[data-v-023b7ddd] {
3161
+ .components-list .tabs span[data-v-564091c5] {
3158
3162
  cursor: pointer;
3159
3163
  display: inline-block;
3160
3164
  margin: 0 5px;
3161
3165
  font-size: 12px;
3162
3166
  padding: 2px 5px;
3163
3167
  }
3164
- .components-list .tabs .activeTab[data-v-023b7ddd] {
3168
+ .components-list .tabs .activeTab[data-v-564091c5] {
3165
3169
  background: #4991f2;
3166
3170
  border-radius: 10px;
3167
3171
  color: #fff;
3168
3172
  }
3169
- .components-list .widget-control[data-v-023b7ddd] {
3173
+ .components-list .widget-control[data-v-564091c5] {
3170
3174
  display: inline-block;
3171
3175
  width: 70px;
3172
3176
  height: 45px;
3173
3177
  border: 1px solid #ccc;
3174
3178
  cursor: move;
3175
3179
  }
3176
- .components-list .widget-control[data-v-023b7ddd]:not(:last-child) {
3180
+ .components-list .widget-control[data-v-564091c5]:not(:last-child) {
3177
3181
  border-right: none;
3178
3182
  }
3179
- .components-list .widget-control a[data-v-023b7ddd] {
3183
+ .components-list .widget-control a[data-v-564091c5] {
3180
3184
  color: #666;
3181
3185
  display: flex;
3182
3186
  flex-direction: column;
@@ -3184,27 +3188,40 @@
3184
3188
  align-items: center;
3185
3189
  font-size: 12px;
3186
3190
  }
3187
- .control[data-v-023b7ddd] {
3191
+ .components-list .preview-options[data-v-564091c5] {
3192
+ position: absolute;
3193
+ height: 30px;
3194
+ right: 250px;
3195
+ bottom: 0;
3196
+ }
3197
+ .components-list .preview-options .ant-btn-link[data-v-564091c5] {
3198
+ color: #666;
3199
+ padding: 0 2px;
3200
+ }
3201
+ .components-list .preview-options .ant-btn-link.btn-active[data-v-564091c5] {
3202
+ color: #1890ff;
3203
+ }
3204
+ .control[data-v-564091c5] {
3188
3205
  margin-top: 20px;
3189
3206
  width: 350px;
3190
3207
  background: #ffffff;
3191
3208
  box-shadow: 0 0 15px #ffffff;
3192
3209
  }
3193
- .control .title[data-v-023b7ddd] {
3210
+ .control .title[data-v-564091c5] {
3194
3211
  height: 50px;
3195
3212
  line-height: 50px;
3196
3213
  padding: 0 15px;
3197
3214
  border-bottom: 1px solid #f0f0f0;
3198
3215
  }
3199
- .control .list_wrap[data-v-023b7ddd] {
3216
+ .control .list_wrap[data-v-564091c5] {
3200
3217
  padding-top: 15px;
3201
3218
  font-size: 0;
3202
3219
  min-height: 680px;
3203
3220
  }
3204
- .control .list_wrap .list_box[data-v-023b7ddd] {
3221
+ .control .list_wrap .list_box[data-v-564091c5] {
3205
3222
  display: inline-block;
3206
3223
  }
3207
- .control .list_wrap .list[data-v-023b7ddd] {
3224
+ .control .list_wrap .list[data-v-564091c5] {
3208
3225
  border: 1px dashed #d1d1d1;
3209
3226
  margin: 0 7.5px 15px 7.5px;
3210
3227
  width: 160px;
@@ -3220,17 +3237,17 @@
3220
3237
  position: relative;
3221
3238
  overflow: hidden;
3222
3239
  }
3223
- .control .list_wrap .list i[data-v-023b7ddd] {
3240
+ .control .list_wrap .list i[data-v-564091c5] {
3224
3241
  position: absolute;
3225
3242
  right: 10px;
3226
3243
  top: 0px;
3227
3244
  font-size: 22px;
3228
3245
  color: #999;
3229
3246
  }
3230
- .control .list_wrap .list[data-v-023b7ddd]:nth-child(2n) {
3247
+ .control .list_wrap .list[data-v-564091c5]:nth-child(2n) {
3231
3248
  margin-right: 0;
3232
3249
  }
3233
- .control .list_wrap .list[data-v-023b7ddd]:hover {
3250
+ .control .list_wrap .list[data-v-564091c5]:hover {
3234
3251
  background: #f1f1f1;
3235
3252
  }
3236
3253