@zscreate/form-component 1.1.63 → 1.1.64

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.
@@ -3102,97 +3102,97 @@
3102
3102
  opacity: 0.6;
3103
3103
  }
3104
3104
 
3105
- .paper[data-v-29dbe427] * {
3105
+ .paper[data-v-199ce183] * {
3106
3106
  font-size: var(--paperFontSize);
3107
3107
  }
3108
- .paper .form-title[data-v-29dbe427] {
3108
+ .paper .form-title[data-v-199ce183] {
3109
3109
  text-align: center;
3110
3110
  font-weight: 600;
3111
3111
  font-size: 16px;
3112
3112
  height: 40px;
3113
3113
  }
3114
- [data-v-29dbe427] .vue-grid-layout {
3114
+ [data-v-199ce183] .vue-grid-layout {
3115
3115
  z-index: 2;
3116
3116
  }
3117
- [data-v-29dbe427] .vue-grid-item {
3117
+ [data-v-199ce183] .vue-grid-item {
3118
3118
  border: 1px dashed #ccc;
3119
3119
  box-sizing: border-box;
3120
3120
  background-color: #fff;
3121
3121
  }
3122
- [data-v-29dbe427] .ant-form-item {
3122
+ [data-v-199ce183] .ant-form-item {
3123
3123
  width: 100%;
3124
3124
  height: 100%;
3125
3125
  margin-bottom: 0;
3126
3126
  }
3127
- [data-v-29dbe427] .ant-form-item .ant-form-item-label {
3127
+ [data-v-199ce183] .ant-form-item .ant-form-item-label {
3128
3128
  height: 100%;
3129
3129
  position: absolute;
3130
3130
  left: 0;
3131
3131
  top: 0;
3132
3132
  border-right: 1px solid #333;
3133
3133
  }
3134
- [data-v-29dbe427] .ant-form-item .ant-form-item-label label {
3134
+ [data-v-199ce183] .ant-form-item .ant-form-item-label label {
3135
3135
  display: flex;
3136
3136
  justify-content: center;
3137
3137
  align-items: center;
3138
3138
  height: 100%;
3139
3139
  }
3140
- [data-v-29dbe427] .ant-form-item .ant-form-item-label > label.ant-form-item-no-colon::after {
3140
+ [data-v-199ce183] .ant-form-item .ant-form-item-label > label.ant-form-item-no-colon::after {
3141
3141
  display: none;
3142
3142
  }
3143
- [data-v-29dbe427] .ant-form-item .ant-form-item-control-wrapper {
3143
+ [data-v-199ce183] .ant-form-item .ant-form-item-control-wrapper {
3144
3144
  height: 100%;
3145
3145
  float: right;
3146
3146
  display: flex;
3147
3147
  align-items: center;
3148
3148
  }
3149
- [data-v-29dbe427] .ant-form-item .ant-form-item-control {
3149
+ [data-v-199ce183] .ant-form-item .ant-form-item-control {
3150
3150
  width: 98%;
3151
3151
  margin: 0 auto;
3152
3152
  }
3153
- .is_required[data-v-29dbe427]::before {
3153
+ .is_required[data-v-199ce183]::before {
3154
3154
  content: "*";
3155
3155
  color: #f56c6c;
3156
3156
  margin-right: 4px;
3157
3157
  }
3158
- .widget-form-list[data-v-29dbe427] {
3158
+ .widget-form-list[data-v-199ce183] {
3159
3159
  background: #fff;
3160
3160
  box-sizing: border-box;
3161
3161
  }
3162
- .widget-form-list .row-item[data-v-29dbe427]:first-child {
3162
+ .widget-form-list .row-item[data-v-199ce183]:first-child {
3163
3163
  border-top: 1px solid #333;
3164
3164
  }
3165
- .widget-form-list .row-item[data-v-29dbe427] {
3165
+ .widget-form-list .row-item[data-v-199ce183] {
3166
3166
  border-bottom: 1px solid #333;
3167
3167
  }
3168
- .widget-form-list .row-item[data-v-29dbe427] {
3168
+ .widget-form-list .row-item[data-v-199ce183] {
3169
3169
  border-right: 1px solid #333;
3170
3170
  border-left: 1px solid #333;
3171
3171
  }
3172
- .widget-form-list .item-bottom[data-v-29dbe427] {
3172
+ .widget-form-list .item-bottom[data-v-199ce183] {
3173
3173
  border-bottom: 1px solid #333;
3174
3174
  }
3175
- .widget-form-list .no-row-item[data-v-29dbe427] {
3175
+ .widget-form-list .no-row-item[data-v-199ce183] {
3176
3176
  border-right: none;
3177
3177
  border-bottom: none !important;
3178
3178
  }
3179
- .widget-form-list .no-row-item .widget-form-list[data-v-29dbe427] {
3179
+ .widget-form-list .no-row-item .widget-form-list[data-v-199ce183] {
3180
3180
  border-top: none !important;
3181
3181
  border-right: none;
3182
3182
  }
3183
- .widget-form-list .widget-grid[data-v-29dbe427] {
3183
+ .widget-form-list .widget-grid[data-v-199ce183] {
3184
3184
  background: #f4f6fc;
3185
3185
  position: relative;
3186
3186
  border-left: 5px solid transparent;
3187
3187
  padding: 5px;
3188
3188
  margin: 0 !important;
3189
3189
  }
3190
- .widget-form-list .widget-grid.active[data-v-29dbe427] {
3190
+ .widget-form-list .widget-grid.active[data-v-199ce183] {
3191
3191
  outline: 2px solid #409eff;
3192
3192
  border: 1px solid #409eff;
3193
3193
  background: #b3d8ff;
3194
3194
  }
3195
- .widget-form-list .widget-grid .grid-background[data-v-29dbe427] {
3195
+ .widget-form-list .widget-grid .grid-background[data-v-199ce183] {
3196
3196
  position: absolute;
3197
3197
  z-index: 1;
3198
3198
  top: 0;
@@ -3203,85 +3203,85 @@
3203
3203
  height: 100%;
3204
3204
  padding: 5px 5px 10px 5px;
3205
3205
  }
3206
- .widget-form-list .widget-grid .grid-background .rows[data-v-29dbe427] {
3206
+ .widget-form-list .widget-grid .grid-background .rows[data-v-199ce183] {
3207
3207
  border-bottom: 1px dashed #ccc;
3208
3208
  border-left: 1px dashed #ccc;
3209
3209
  box-sizing: border-box;
3210
3210
  overflow: hidden;
3211
3211
  }
3212
- .widget-form-list .widget-grid .grid-background .rows[data-v-29dbe427]:first-child {
3212
+ .widget-form-list .widget-grid .grid-background .rows[data-v-199ce183]:first-child {
3213
3213
  border-top: 1px dashed #ccc;
3214
3214
  }
3215
- .widget-form-list .widget-grid .grid-background .rows .columns[data-v-29dbe427] {
3215
+ .widget-form-list .widget-grid .grid-background .rows .columns[data-v-199ce183] {
3216
3216
  float: left;
3217
3217
  border-right: 1px dashed #ccc;
3218
3218
  min-height: 40px;
3219
3219
  box-sizing: border-box;
3220
3220
  }
3221
- .widget-form-list .row_table[data-v-29dbe427] {
3221
+ .widget-form-list .row_table[data-v-199ce183] {
3222
3222
  min-height: 60px;
3223
3223
  position: relative;
3224
3224
  }
3225
- .widget-form-list li.sortable-chosen[data-v-29dbe427] {
3225
+ .widget-form-list li.sortable-chosen[data-v-199ce183] {
3226
3226
  height: 2px !important;
3227
3227
  overflow: hidden !important;
3228
3228
  background: red !important;
3229
3229
  }
3230
- .widget-form-list .widget-col-list[data-v-29dbe427] {
3230
+ .widget-form-list .widget-col-list[data-v-199ce183] {
3231
3231
  min-height: 50px;
3232
3232
  border: 1px dashed #ccc;
3233
3233
  background: #fff;
3234
3234
  }
3235
- .widget-form-list .widget-col[data-v-29dbe427] {
3235
+ .widget-form-list .widget-col[data-v-199ce183] {
3236
3236
  padding-bottom: 0;
3237
3237
  padding: 5px;
3238
3238
  background-color: rgba(253, 246, 236, 0.3);
3239
3239
  }
3240
- .grid-lay-out-wrap .widget-col-list[data-v-29dbe427] {
3240
+ .grid-lay-out-wrap .widget-col-list[data-v-199ce183] {
3241
3241
  width: 100%;
3242
3242
  height: 100%;
3243
3243
  min-height: 40px;
3244
3244
  border: none;
3245
3245
  }
3246
- .widget-form-ocuupied[data-v-29dbe427] {
3246
+ .widget-form-ocuupied[data-v-199ce183] {
3247
3247
  min-height: 540px;
3248
3248
  border: none;
3249
3249
  }
3250
- .drag_table[data-v-29dbe427] {
3250
+ .drag_table[data-v-199ce183] {
3251
3251
  width: calc(100% - 100px);
3252
3252
  height: 100%;
3253
3253
  display: flex;
3254
3254
  overflow-y: scroll;
3255
3255
  }
3256
- .drag_table[data-v-29dbe427]::-webkit-scrollbar {
3256
+ .drag_table[data-v-199ce183]::-webkit-scrollbar {
3257
3257
  width: 3px;
3258
3258
  height: 3px;
3259
3259
  }
3260
- .drag_table[data-v-29dbe427]::-webkit-scrollbar-track {
3260
+ .drag_table[data-v-199ce183]::-webkit-scrollbar-track {
3261
3261
  background: #fff;
3262
3262
  border-radius: 2px;
3263
3263
  }
3264
- .drag_table[data-v-29dbe427]::-webkit-scrollbar-thumb {
3264
+ .drag_table[data-v-199ce183]::-webkit-scrollbar-thumb {
3265
3265
  background: #cdcdcd;
3266
3266
  border-radius: 8px;
3267
3267
  }
3268
- .drag_table[data-v-29dbe427]::-webkit-scrollbar-thumb:hover {
3268
+ .drag_table[data-v-199ce183]::-webkit-scrollbar-thumb:hover {
3269
3269
  background: #cdcdcd;
3270
3270
  }
3271
- .drag_table[data-v-29dbe427]::-webkit-scrollbar-corner {
3271
+ .drag_table[data-v-199ce183]::-webkit-scrollbar-corner {
3272
3272
  background: #cdcdcd;
3273
3273
  }
3274
- .widget-form-ocuupied[data-v-29dbe427] {
3274
+ .widget-form-ocuupied[data-v-199ce183] {
3275
3275
  min-height: 540px;
3276
3276
  border: none;
3277
3277
  }
3278
- .table_label[data-v-29dbe427] {
3278
+ .table_label[data-v-199ce183] {
3279
3279
  width: 100px;
3280
3280
  min-width: 100px;
3281
3281
  height: 100%;
3282
3282
  text-align: right;
3283
3283
  }
3284
- .widget-view-model[data-v-29dbe427] {
3284
+ .widget-view-model[data-v-199ce183] {
3285
3285
  position: absolute;
3286
3286
  top: 0px;
3287
3287
  right: 3px;
@@ -3291,12 +3291,12 @@
3291
3291
  opacity: 0.6;
3292
3292
  }
3293
3293
  /**selectedWidget active*/
3294
- [data-v-29dbe427] .active {
3294
+ [data-v-199ce183] .active {
3295
3295
  outline: 2px solid #539dfa;
3296
3296
  box-shadow: 0 0 5px #539dfa;
3297
3297
  position: relative;
3298
3298
  }
3299
- [data-v-29dbe427] .active .widget-view-drag {
3299
+ [data-v-199ce183] .active .widget-view-drag {
3300
3300
  position: absolute;
3301
3301
  left: -2px;
3302
3302
  top: -2px;
@@ -3310,7 +3310,7 @@
3310
3310
  color: #ffffff;
3311
3311
  cursor: move;
3312
3312
  }
3313
- [data-v-29dbe427] .active .widget-view-action {
3313
+ [data-v-199ce183] .active .widget-view-action {
3314
3314
  width: 70px;
3315
3315
  position: absolute;
3316
3316
  right: 0px;
@@ -3323,7 +3323,7 @@
3323
3323
  background: transparent;
3324
3324
  color: #fff;
3325
3325
  }
3326
- [data-v-29dbe427] .active .widget-view-action .iconfont {
3326
+ [data-v-199ce183] .active .widget-view-action .iconfont {
3327
3327
  width: 25px;
3328
3328
  height: 25px;
3329
3329
  border-radius: 50%;
@@ -3333,17 +3333,17 @@
3333
3333
  font-size: 14px;
3334
3334
  justify-content: center;
3335
3335
  }
3336
- [data-v-29dbe427] .active .widget-view-action .icon-icon_clone {
3336
+ [data-v-199ce183] .active .widget-view-action .icon-icon_clone {
3337
3337
  background: red;
3338
3338
  }
3339
- [data-v-29dbe427] .active .widget-view-action .icon-trash {
3339
+ [data-v-199ce183] .active .widget-view-action .icon-trash {
3340
3340
  margin-left: 20px;
3341
3341
  }
3342
- .widget-form-list .widget-view[data-v-29dbe427] {
3342
+ .widget-form-list .widget-view[data-v-199ce183] {
3343
3343
  z-index: 8;
3344
3344
  position: relative;
3345
3345
  }
3346
- .widget-form-list .widget-view .widget-view-action[data-v-29dbe427] {
3346
+ .widget-form-list .widget-view .widget-view-action[data-v-199ce183] {
3347
3347
  position: absolute;
3348
3348
  right: 0px;
3349
3349
  bottom: 0;
@@ -3355,7 +3355,7 @@
3355
3355
  background: transparent;
3356
3356
  color: #fff;
3357
3357
  }
3358
- .widget-form-list .widget-view .widget-view-action .iconfont[data-v-29dbe427] {
3358
+ .widget-form-list .widget-view .widget-view-action .iconfont[data-v-199ce183] {
3359
3359
  width: 25px;
3360
3360
  height: 25px;
3361
3361
  border-radius: 50%;
@@ -3365,13 +3365,13 @@
3365
3365
  font-size: 14px;
3366
3366
  justify-content: center;
3367
3367
  }
3368
- .widget-form-list .widget-view .widget-view-action .icon-icon_clone[data-v-29dbe427] {
3368
+ .widget-form-list .widget-view .widget-view-action .icon-icon_clone[data-v-199ce183] {
3369
3369
  background: red;
3370
3370
  }
3371
- .widget-form-list .widget-view .widget-view-action .icon-trash[data-v-29dbe427] {
3371
+ .widget-form-list .widget-view .widget-view-action .icon-trash[data-v-199ce183] {
3372
3372
  margin-left: 20px;
3373
3373
  }
3374
- .widget-form-list .widget-view .widget-view-drag[data-v-29dbe427] {
3374
+ .widget-form-list .widget-view .widget-view-drag[data-v-199ce183] {
3375
3375
  position: absolute;
3376
3376
  left: -2px;
3377
3377
  top: -2px;
@@ -3381,30 +3381,30 @@
3381
3381
  background: #409eff;
3382
3382
  z-index: 9;
3383
3383
  }
3384
- .widget-form-list .widget-view .widget-view-drag i[data-v-29dbe427] {
3384
+ .widget-form-list .widget-view .widget-view-drag i[data-v-199ce183] {
3385
3385
  font-size: 14px;
3386
3386
  color: #fff;
3387
3387
  margin: 0 5px;
3388
3388
  cursor: move;
3389
3389
  }
3390
3390
  /*****无border *****/
3391
- .no-border .widget-form-list[data-v-29dbe427] {
3391
+ .no-border .widget-form-list[data-v-199ce183] {
3392
3392
  border: none;
3393
3393
  }
3394
- .no-border .widget-form-list .row-item[data-v-29dbe427]:not(:last-child) {
3394
+ .no-border .widget-form-list .row-item[data-v-199ce183]:not(:last-child) {
3395
3395
  border: none;
3396
3396
  }
3397
- .no-border .widget-form-list[data-v-29dbe427] .ant-form-item .ant-form-item-label {
3397
+ .no-border .widget-form-list[data-v-199ce183] .ant-form-item .ant-form-item-label {
3398
3398
  border: 0;
3399
3399
  }
3400
3400
  /*****无border *****/
3401
3401
  /***label对齐方式 */
3402
- [data-v-29dbe427] .custom_form_item .break {
3402
+ [data-v-199ce183] .custom_form_item .break {
3403
3403
  white-space: normal;
3404
3404
  word-break: break-all;
3405
3405
  word-wrap: break-word;
3406
3406
  }
3407
- [data-v-29dbe427] .custom_form_item .align-between {
3407
+ [data-v-199ce183] .custom_form_item .align-between {
3408
3408
  white-space: normal;
3409
3409
  word-break: break-all;
3410
3410
  word-wrap: break-word;
@@ -3413,28 +3413,28 @@
3413
3413
  text-align-last: justify;
3414
3414
  width: 80%;
3415
3415
  }
3416
- [data-v-29dbe427] .custom_form_item .align-middle {
3416
+ [data-v-199ce183] .custom_form_item .align-middle {
3417
3417
  white-space: normal;
3418
3418
  word-break: break-all;
3419
3419
  word-wrap: break-word;
3420
3420
  text-align: center;
3421
3421
  width: 80%;
3422
3422
  }
3423
- [data-v-29dbe427] .custom_form_item .align-left {
3423
+ [data-v-199ce183] .custom_form_item .align-left {
3424
3424
  white-space: normal;
3425
3425
  word-break: break-all;
3426
3426
  word-wrap: break-word;
3427
3427
  text-align: left;
3428
3428
  width: 80%;
3429
3429
  }
3430
- [data-v-29dbe427] .custom_form_item .align-right {
3430
+ [data-v-199ce183] .custom_form_item .align-right {
3431
3431
  white-space: normal;
3432
3432
  word-break: break-all;
3433
3433
  word-wrap: break-word;
3434
3434
  text-align: right;
3435
3435
  width: 80%;
3436
3436
  }
3437
- [data-v-29dbe427] .custom_form_item .align-center {
3437
+ [data-v-199ce183] .custom_form_item .align-center {
3438
3438
  white-space: normal;
3439
3439
  word-break: break-all;
3440
3440
  word-wrap: break-word;