@wfrog/vc-ui 1.13.5 → 1.13.7

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/index.css CHANGED
@@ -86,228 +86,230 @@ html.dark::view-transition-old(root) {
86
86
  cursor: pointer;
87
87
  }
88
88
  /* source: src/components/dialog-camera-upload/dialog-camera-upload.vue */
89
- ._window_2ntq2_1 {
89
+ ._window_hi53b_1 {
90
90
  position: relative;
91
91
  box-shadow: 0 0 1px;
92
92
  }
93
- ._window_2ntq2_1 > div {
93
+ ._window_hi53b_1 > div {
94
94
  position: absolute;
95
95
  top: 0;
96
96
  left: 0;
97
97
  width: 100%;
98
98
  height: 100%;
99
99
  }
100
- div._alert_2ntq2_13 {
100
+ div._alert_hi53b_13 {
101
101
  position: absolute;
102
102
  top: 50%;
103
103
  left: 50%;
104
+ transform: translate(-50%, -50%);
104
105
  z-index: 3;
105
106
  width: 200px;
106
107
  height: initial;
107
- transform: translate(-50%, -50%);
108
108
  }
109
- ._placeholder_2ntq2_23 {
110
- z-index: 10;
109
+ ._placeholder_hi53b_23 {
111
110
  display: flex;
112
- background-color: rgba(0, 0, 0, 0.2);
113
111
  opacity: 0;
112
+ z-index: 10;
114
113
  transition: 0.3s all linear;
114
+ background-color: rgba(0, 0, 0, 0.2);
115
115
  }
116
- ._placeholder_2ntq2_23:hover {
116
+ ._placeholder_hi53b_23:hover {
117
117
  opacity: 1;
118
118
  }
119
- ._placeholder_2ntq2_23 > div {
120
- position: relative;
119
+ ._placeholder_hi53b_23 > div {
121
120
  display: flex;
121
+ position: relative;
122
122
  flex: 1 0 50%;
123
- align-items: center;
124
123
  justify-content: center;
125
- color: rgba(0, 0, 0, 0.2);
126
- cursor: pointer;
124
+ align-items: center;
127
125
  transition: 0.3s all linear;
126
+ cursor: pointer;
127
+ color: rgba(0, 0, 0, 0.2);
128
128
  }
129
- ._placeholder_2ntq2_23 > div i {
130
- font-size: 72px;
131
- color: rgba(255, 255, 255, 0.9);
129
+ ._placeholder_hi53b_23 > div i {
132
130
  transition: 0.3s all linear;
131
+ color: rgba(255, 255, 255, 0.9);
132
+ font-size: 72px;
133
133
  }
134
- ._placeholder_2ntq2_23 > div:hover {
134
+ ._placeholder_hi53b_23 > div:hover {
135
135
  background-color: rgba(0, 0, 0, 0.4);
136
136
  }
137
- ._placeholder_2ntq2_23 > div:hover i {
137
+ ._placeholder_hi53b_23 > div:hover i {
138
138
  transform: scale(1.2);
139
139
  }
140
- ._placeholder_2ntq2_23 .el-upload {
140
+ ._placeholder_hi53b_23 .el-upload {
141
141
  width: 100%;
142
142
  height: 100%;
143
143
  }
144
- ._placeholder-opacity_2ntq2_59 {
144
+ ._placeholder-opacity_hi53b_59 {
145
145
  opacity: 1;
146
146
  }
147
- ._footer_2ntq2_63 {
147
+ ._footer_hi53b_63 {
148
148
  display: flex;
149
149
  justify-content: space-between;
150
150
  }
151
- ._select_2ntq2_68 {
151
+ ._select_hi53b_68 {
152
152
  flex: 0 0 50%;
153
153
  }
154
154
  /* source: src/components/dialog-map-point/dialog-map-point.vue */
155
- ._search_56edn_1 {
155
+ ._search_j1zm3_1 {
156
156
  position: absolute;
157
157
  top: 10px;
158
158
  left: 50%;
159
+ transform: translateX(-50%);
159
160
  z-index: 5;
160
- width: 300px;
161
161
  padding: 4px;
162
+ width: 300px;
162
163
  text-align: center;
163
- transform: translateX(-50%);
164
164
  }
165
165
  /* source: src/components/dialog-upload-images/dialog-upload-images.vue */
166
- ._dialog_7fy6g_1 .el-dialog__body {
166
+ ._dialog_1pngc_1 .el-dialog__body {
167
167
  max-height: 470px;
168
168
  overflow-y: auto;
169
169
  }
170
- ._dialog_7fy6g_1.is-fullscreen .el-dialog__body {
170
+ ._dialog_1pngc_1.is-fullscreen .el-dialog__body {
171
171
  max-height: initial;
172
172
  }
173
- ._upload_7fy6g_9 {
173
+ ._upload_1pngc_9 {
174
174
  display: inline-flex;
175
175
  line-height: 0;
176
176
  }
177
- ._upload_7fy6g_9 .el-upload {
178
- position: relative;
179
- box-sizing: border-box;
177
+ ._upload_1pngc_9 .el-upload {
180
178
  display: flex;
181
- align-items: center;
179
+ position: relative;
182
180
  justify-content: center;
183
- width: 200px;
184
- height: 150px;
185
- overflow: hidden;
181
+ align-items: center;
182
+ transition: var(--el-transition-duration-fast);
186
183
  cursor: pointer;
184
+ box-sizing: border-box;
187
185
  border: 1px dashed var(--el-border-color);
188
186
  border-radius: 6px;
189
- transition: var(--el-transition-duration-fast);
187
+ width: 200px;
188
+ height: 150px;
189
+ overflow: hidden;
190
190
  }
191
- ._upload_7fy6g_9 .el-upload:hover {
191
+ ._upload_1pngc_9 .el-upload:hover {
192
192
  border-color: var(--el-color-primary);
193
193
  }
194
- ._upload_7fy6g_9 .el-upload .el-icon {
194
+ ._upload_1pngc_9 .el-upload .el-icon {
195
195
  margin-top: 0;
196
196
  font-size: 32px;
197
197
  }
198
- ._opration_7fy6g_35 {
198
+ ._opration_1pngc_35 {
199
199
  display: flex;
200
- align-items: center;
201
200
  justify-content: center;
201
+ align-items: center;
202
202
  font-size: 32px !important;
203
203
  }
204
- ._opration_7fy6g_35 i {
204
+ ._opration_1pngc_35 i {
205
205
  cursor: pointer;
206
206
  }
207
- ._opration_7fy6g_35 > i + i {
207
+ ._opration_1pngc_35 > i + i {
208
208
  margin-left: 15px;
209
209
  }
210
- div._draggable_7fy6g_48 {
210
+ div._draggable_1pngc_48 {
211
211
  display: flex;
212
- flex-wrap: wrap;
213
- row-gap: 5px;
214
212
  column-gap: 5px;
213
+ row-gap: 5px;
214
+ flex-wrap: wrap;
215
215
  }
216
- div._draggable_7fy6g_48 .el-upload-list__item {
216
+ div._draggable_1pngc_48 .el-upload-list__item {
217
+ margin: 0;
217
218
  width: 200px;
218
219
  height: 150px;
219
- margin: 0;
220
220
  }
221
- div._draggable_7fy6g_48 .el-upload-list__item-thumbnail {
221
+ div._draggable_1pngc_48 .el-upload-list__item-thumbnail {
222
222
  object-fit: contain;
223
223
  }
224
224
  /* source: src/components/dialog/dialog.vue */
225
- div._main_k37nc_1 {
225
+ div._main_16nf4_1 {
226
226
  --el-dialog-padding-primary: 0;
227
227
  display: flex;
228
228
  flex-direction: column;
229
229
  }
230
- div._main_k37nc_1 .el-dialog__header {
231
- padding: 8px 16px;
230
+ div._main_16nf4_1 .el-dialog__header {
232
231
  margin-right: 0;
233
232
  border-bottom: 1px solid var(--el-border-color-light);
233
+ padding: 8px 16px;
234
234
  }
235
- div._main_k37nc_1 .el-dialog__body {
236
- flex-grow: 1;
237
- padding: var(--vc-dialog-padding);
235
+ div._main_16nf4_1 .el-dialog__body {
238
236
  display: flex;
237
+ flex-grow: 1;
239
238
  flex-direction: column;
239
+ padding: var(--vc-dialog-padding);
240
240
  }
241
- div._main_k37nc_1 .el-dialog__footer {
242
- padding: 8px 16px;
241
+ div._main_16nf4_1 .el-dialog__footer {
242
+ display: flex;
243
+ justify-content: space-between;
243
244
  border-top: 1px solid var(--el-border-color-light);
245
+ padding: 8px 16px;
244
246
  }
245
- div._main_k37nc_1 > .el-dialog__body > .el-scrollbar {
247
+ div._main_16nf4_1 > .el-dialog__body > .el-scrollbar {
246
248
  position: relative;
247
249
  }
248
- div._main_k37nc_1 > .el-dialog__body > .el-scrollbar::before {
249
- content: "";
250
+ div._main_16nf4_1 > .el-dialog__body > .el-scrollbar::before {
251
+ display: var(--vc-dialog-boxPadding);
250
252
  position: absolute;
251
253
  top: 0;
252
254
  left: 0;
255
+ z-index: 3;
256
+ background: var(--el-bg-color);
253
257
  width: calc(100% - 8px);
254
258
  height: 100%;
255
- background: var(--el-bg-color);
256
259
  height: 12px;
257
- z-index: 3;
258
- display: var(--vc-dialog-boxPadding);
259
- }
260
- div._main_k37nc_1 > .el-dialog__body > .el-scrollbar::after {
261
260
  content: "";
261
+ }
262
+ div._main_16nf4_1 > .el-dialog__body > .el-scrollbar::after {
263
+ display: var(--vc-dialog-boxPadding);
262
264
  position: absolute;
263
265
  bottom: 0;
264
266
  left: 0;
267
+ z-index: 3;
268
+ background: var(--el-bg-color);
265
269
  width: calc(100% - 8px);
266
270
  height: 100%;
267
- background: var(--el-bg-color);
268
271
  height: 12px;
269
- z-index: 3;
270
- display: var(--vc-dialog-boxPadding);
272
+ content: "";
271
273
  }
272
- div._main_k37nc_1 ._header_k37nc_48 h4 {
273
- font-size: 1.2em;
274
- font-weight: 600;
274
+ div._main_16nf4_1 ._header_16nf4_50 {
275
275
  line-height: 1;
276
276
  }
277
- div._main_k37nc_1 ._header_k37nc_48 {
277
+ div._main_16nf4_1 ._header_16nf4_50 h4 {
278
+ font-weight: 600;
279
+ font-size: 1.2em;
278
280
  line-height: 1;
279
281
  }
280
- ._box-padding_k37nc_57 > .el-dialog__body > .el-scrollbar {
282
+ ._box-padding_16nf4_59 > .el-dialog__body > .el-scrollbar {
281
283
  position: relative;
282
284
  }
283
- ._box-padding_k37nc_57 > .el-dialog__body > .el-scrollbar::before {
285
+ ._box-padding_16nf4_59 > .el-dialog__body > .el-scrollbar::before {
284
286
  display: block;
285
287
  }
286
- ._box-padding_k37nc_57 > .el-dialog__body > .el-scrollbar::after {
288
+ ._box-padding_16nf4_59 > .el-dialog__body > .el-scrollbar::after {
287
289
  display: block;
288
290
  }
289
- ._header_k37nc_48 {
291
+ ._header_16nf4_50 {
290
292
  display: flex;
291
293
  flex-direction: row;
292
294
  justify-content: space-between;
293
295
  }
294
- ._header_k37nc_48 h4 {
295
- padding: 0;
296
+ ._header_16nf4_50 h4 {
296
297
  margin: 0 !important;
298
+ padding: 0;
297
299
  }
298
- ._title_k37nc_77 {
300
+ ._title_16nf4_79 {
299
301
  display: flex;
300
302
  align-items: center;
301
303
  }
302
- ._buttons_k37nc_82 {
304
+ ._buttons_16nf4_84 {
303
305
  display: flex;
304
306
  column-gap: 8px;
305
307
  }
306
- ._buttons_k37nc_82 button._icon-button_k37nc_86 {
308
+ ._buttons_16nf4_84 button._icon-button_16nf4_88 {
309
+ margin-left: 0;
310
+ border: 0;
307
311
  padding: 8px;
308
312
  font-size: 1.2em;
309
- border: 0;
310
- margin-left: 0;
311
313
  }
312
314
  /* source: src/components/drag-verify/components/text.vue,src/components/drag-verify/components/image.vue,src/components/drag-verify/drag-verify.vue */
313
315
  @keyframes _slidetounlock_12cgr_1 {
@@ -427,82 +429,82 @@ div._main_k37nc_1 ._header_k37nc_48 {
427
429
  line-height: 1;
428
430
  }
429
431
  /* source: src/components/drawer/drawer.vue */
430
- ._main_2r9ln_1 {
432
+ ._main_7ljaa_1 {
431
433
  height: 100%;
432
434
  }
433
- ._main_2r9ln_1 .el-drawer__header {
434
- box-sizing: border-box;
435
+ ._main_7ljaa_1 .el-drawer__header {
435
436
  flex: 0 0 auto;
436
- padding: 8px 16px;
437
+ box-sizing: border-box;
437
438
  margin-bottom: 0;
438
439
  border-bottom: 1px solid var(--el-border-color-light);
440
+ padding: 8px 16px;
439
441
  font-size: var(--el-font-size-large);
440
442
  }
441
- ._main_2r9ln_1 .el-drawer__body {
443
+ ._main_7ljaa_1 .el-drawer__body {
442
444
  display: flex;
443
445
  flex-direction: column;
444
446
  padding: 0;
445
447
  overflow: hidden;
446
448
  }
447
- ._main_2r9ln_1 > .el-drawer__body > .el-scrollbar {
449
+ ._main_7ljaa_1 > .el-drawer__body > .el-scrollbar {
448
450
  position: relative;
449
451
  }
450
- ._main_2r9ln_1 > .el-drawer__body > .el-scrollbar::before {
451
- content: "";
452
+ ._main_7ljaa_1 > .el-drawer__body > .el-scrollbar::before {
453
+ display: var(--v48d3d3d7);
452
454
  position: absolute;
453
455
  top: 0;
454
456
  left: 0;
457
+ z-index: 3;
458
+ background: var(--el-bg-color);
455
459
  width: calc(100% - 8px);
456
460
  height: 100%;
457
- background: var(--el-bg-color);
458
461
  height: 16px;
459
- z-index: 3;
460
- display: var(--v434d6e36);
461
- }
462
- ._main_2r9ln_1 > .el-drawer__body > .el-scrollbar::after {
463
462
  content: "";
463
+ }
464
+ ._main_7ljaa_1 > .el-drawer__body > .el-scrollbar::after {
465
+ display: var(--v48d3d3d7);
464
466
  position: absolute;
465
467
  bottom: 0;
466
468
  left: 0;
469
+ z-index: 3;
470
+ background: var(--el-bg-color);
467
471
  width: calc(100% - 8px);
468
472
  height: 100%;
469
- background: var(--el-bg-color);
470
473
  height: 16px;
471
- z-index: 3;
472
- display: var(--v434d6e36);
474
+ content: "";
473
475
  }
474
- ._header_2r9ln_46 {
476
+ ._header_7ljaa_46 {
475
477
  display: flex;
476
478
  flex-direction: row;
477
479
  justify-content: space-between;
478
480
  }
479
- ._header_2r9ln_46 h4 {
480
- padding: 0;
481
+ ._header_7ljaa_46 h4 {
481
482
  margin: 0 !important;
483
+ padding: 0;
482
484
  }
483
- ._title_2r9ln_56 {
485
+ ._title_7ljaa_56 {
484
486
  display: flex;
485
487
  align-items: center;
486
488
  }
487
- ._buttons_2r9ln_61 {
489
+ ._buttons_7ljaa_61 {
488
490
  display: flex;
489
491
  column-gap: 8px;
490
492
  }
491
- ._buttons_2r9ln_61 button._icon-button_2r9ln_65 {
493
+ ._buttons_7ljaa_61 button._icon-button_7ljaa_65 {
494
+ margin-left: 0;
495
+ border: 0;
492
496
  padding: 8px;
493
497
  font-size: 1.2em;
494
- border: 0;
495
- margin-left: 0;
496
498
  }
497
- ._body-container_2r9ln_72 {
499
+ ._body-container_7ljaa_72 {
498
500
  padding: 16px;
499
501
  }
500
- ._footer_2r9ln_76 {
502
+ ._footer_7ljaa_76 {
501
503
  display: flex;
502
504
  flex: 0 0 auto;
503
- padding: 8px 16px;
505
+ justify-content: space-between;
504
506
  border-top: 1px solid var(--el-border-color-light);
505
- justify-content: flex-end;
507
+ padding: 8px 16px;
506
508
  }
507
509
  /* source: src/components/easy-pagination/easy-pagination.vue */
508
510
  ._main_1y8do_1 {
@@ -728,19 +730,19 @@ div._table_1vtct_1 {
728
730
  margin: 0 -8px;
729
731
  }
730
732
  /* source: src/components/explorer-modal-form/explorer-modal-form.vue */
731
- ._icon_1tmmn_1 {
733
+ ._icon_1qm7i_1 {
732
734
  margin-right: 4px;
733
735
  font-size: var(--el-font-size-extra-large);
734
736
  }
735
- ._form_1tmmn_6 {
737
+ ._form_1qm7i_6 {
736
738
  display: flex;
737
739
  flex-grow: 1;
738
- align-items: flex-start;
739
740
  flex-direction: column;
741
+ align-items: flex-start;
740
742
  }
741
- ._form_1tmmn_6 > .el-row {
742
- width: 100%;
743
+ ._form_1qm7i_6 > .el-row {
743
744
  margin: 0 !important;
745
+ width: 100%;
744
746
  }
745
747
  /* source: src/components/explorer-panel/explorer-panel.vue */
746
748
  ._panel_1egb6_1 {
@@ -989,20 +991,34 @@ div._explorer_volay_1 :glbal ._el-splitter__mask_volay_9 {
989
991
  transform: translateX(0);
990
992
  }
991
993
  /* source: src/components/form-item/form-item.vue */
992
- ._form-item_wfdaa_1 .el-form-item__label {
994
+ ._form-item_1ti9k_1 ._label-extra_1ti9k_1 {
995
+ display: none;
996
+ }
997
+ ._form-item_1ti9k_1 .el-form-item__label {
993
998
  display: flex;
994
999
  }
995
- ._label-container_wfdaa_5 {
1000
+ ._form-item_1ti9k_1.el-form-item--label-top label {
1001
+ width: auto;
1002
+ }
1003
+ ._form-item_1ti9k_1.el-form-item--label-top ._label-extra_1ti9k_1 {
1004
+ display: flex;
1005
+ }
1006
+ ._form-item_1ti9k_1.el-form-item--label-top ._label-wrapper_1ti9k_13 {
1007
+ display: flex;
1008
+ flex-grow: 1;
1009
+ justify-content: space-between;
1010
+ }
1011
+ ._label-container_1ti9k_19 {
996
1012
  display: inline-flex;
997
- align-items: center;
998
1013
  justify-content: center;
1014
+ align-items: center;
999
1015
  }
1000
- ._no-edit-icon_wfdaa_11 {
1016
+ ._no-edit-icon_1ti9k_25 {
1001
1017
  color: var(--el-color-warning);
1002
1018
  }
1003
- ._label_wfdaa_5 {
1019
+ ._label_1ti9k_1 {
1004
1020
  margin-right: 4px;
1005
- margin-left: var(--v3d30eb40);
1021
+ margin-left: var(--ceed908e);
1006
1022
  }
1007
1023
  /* source: src/components/gen-input/gen-input.vue */
1008
1024
  ._gen-input_1q48e_1 {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wfrog/vc-ui",
3
- "version": "1.13.5",
3
+ "version": "1.13.7",
4
4
  "packageManager": "pnpm@10.20.0",
5
5
  "description": "vue3 组件库 vc-ui",
6
6
  "author": "wellfrog",