@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.
package/dist/form-component.css
CHANGED
|
@@ -3102,97 +3102,97 @@
|
|
|
3102
3102
|
opacity: 0.6;
|
|
3103
3103
|
}
|
|
3104
3104
|
|
|
3105
|
-
.paper[data-v-
|
|
3105
|
+
.paper[data-v-199ce183] * {
|
|
3106
3106
|
font-size: var(--paperFontSize);
|
|
3107
3107
|
}
|
|
3108
|
-
.paper .form-title[data-v-
|
|
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-
|
|
3114
|
+
[data-v-199ce183] .vue-grid-layout {
|
|
3115
3115
|
z-index: 2;
|
|
3116
3116
|
}
|
|
3117
|
-
[data-v-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
3246
|
+
.widget-form-ocuupied[data-v-199ce183] {
|
|
3247
3247
|
min-height: 540px;
|
|
3248
3248
|
border: none;
|
|
3249
3249
|
}
|
|
3250
|
-
.drag_table[data-v-
|
|
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-
|
|
3256
|
+
.drag_table[data-v-199ce183]::-webkit-scrollbar {
|
|
3257
3257
|
width: 3px;
|
|
3258
3258
|
height: 3px;
|
|
3259
3259
|
}
|
|
3260
|
-
.drag_table[data-v-
|
|
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-
|
|
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-
|
|
3268
|
+
.drag_table[data-v-199ce183]::-webkit-scrollbar-thumb:hover {
|
|
3269
3269
|
background: #cdcdcd;
|
|
3270
3270
|
}
|
|
3271
|
-
.drag_table[data-v-
|
|
3271
|
+
.drag_table[data-v-199ce183]::-webkit-scrollbar-corner {
|
|
3272
3272
|
background: #cdcdcd;
|
|
3273
3273
|
}
|
|
3274
|
-
.widget-form-ocuupied[data-v-
|
|
3274
|
+
.widget-form-ocuupied[data-v-199ce183] {
|
|
3275
3275
|
min-height: 540px;
|
|
3276
3276
|
border: none;
|
|
3277
3277
|
}
|
|
3278
|
-
.table_label[data-v-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
3336
|
+
[data-v-199ce183] .active .widget-view-action .icon-icon_clone {
|
|
3337
3337
|
background: red;
|
|
3338
3338
|
}
|
|
3339
|
-
[data-v-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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;
|