@cloudbase/weda-ui 3.17.6 → 3.17.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.
|
@@ -51,6 +51,10 @@ export const Upload = forwardRef(function Upload({ children, ...props }, ref) {
|
|
|
51
51
|
});
|
|
52
52
|
const [initFlag, setInitFlag] = useState(false);
|
|
53
53
|
React.useEffect(() => {
|
|
54
|
+
if (!(value === null || value === void 0 ? void 0 : value.length)) {
|
|
55
|
+
updatePreviewFile([]);
|
|
56
|
+
return;
|
|
57
|
+
}
|
|
54
58
|
// 预览文件map,缓存临时预览链接,优化上传体验
|
|
55
59
|
const previewFileMap = getPreviewFileMap(previewFile);
|
|
56
60
|
if (value.some((i) => !previewFileMap[i])) {
|
package/dist/web/weda-ui.css
CHANGED
|
@@ -237,67 +237,50 @@ body .weda-ui {
|
|
|
237
237
|
.weda-ui.gsd-h5-react-formitem.weda-ui-to-wd .wedatea2td-input::placeholder {
|
|
238
238
|
color: var(--wd-color-text-placeholder);
|
|
239
239
|
}
|
|
240
|
-
.weda-ui.gsd-h5-react-formitem.weda-ui-to-wd
|
|
241
|
-
|
|
242
|
-
.weda-ui.gsd-h5-react-formitem.weda-ui-to-wd
|
|
243
|
-
.wedatea2td-input::-webkit-input-placeholder {
|
|
240
|
+
.weda-ui.gsd-h5-react-formitem.weda-ui-to-wd .weui-input::-webkit-input-placeholder,
|
|
241
|
+
.weda-ui.gsd-h5-react-formitem.weda-ui-to-wd .wedatea2td-input::-webkit-input-placeholder {
|
|
244
242
|
color: var(--wd-color-text-placeholder);
|
|
245
243
|
}
|
|
246
244
|
.weda-ui.gsd-h5-react-formitem.weda-ui-to-wd .weui-input:-moz-placeholder,
|
|
247
|
-
.weda-ui.gsd-h5-react-formitem.weda-ui-to-wd
|
|
248
|
-
.wedatea2td-input:-moz-placeholder {
|
|
245
|
+
.weda-ui.gsd-h5-react-formitem.weda-ui-to-wd .wedatea2td-input:-moz-placeholder {
|
|
249
246
|
color: var(--wd-color-text-placeholder);
|
|
250
247
|
}
|
|
251
248
|
.weda-ui.gsd-h5-react-formitem.weda-ui-to-wd .weui-input::-moz-placeholder,
|
|
252
|
-
.weda-ui.gsd-h5-react-formitem.weda-ui-to-wd
|
|
253
|
-
.wedatea2td-input::-moz-placeholder {
|
|
249
|
+
.weda-ui.gsd-h5-react-formitem.weda-ui-to-wd .wedatea2td-input::-moz-placeholder {
|
|
254
250
|
color: var(--wd-color-text-placeholder);
|
|
255
251
|
}
|
|
256
252
|
.weda-ui.gsd-h5-react-formitem.weda-ui-to-wd .weui-input:-ms-input-placeholder,
|
|
257
|
-
.weda-ui.gsd-h5-react-formitem.weda-ui-to-wd
|
|
258
|
-
.wedatea2td-input:-ms-input-placeholder {
|
|
253
|
+
.weda-ui.gsd-h5-react-formitem.weda-ui-to-wd .wedatea2td-input:-ms-input-placeholder {
|
|
259
254
|
color: var(--wd-color-text-placeholder);
|
|
260
255
|
}
|
|
261
|
-
.weda-ui.gsd-h5-react-formitem.weda-ui-to-wd
|
|
262
|
-
.form-select-pc
|
|
263
|
-
.wedatea2td-text-weak {
|
|
256
|
+
.weda-ui.gsd-h5-react-formitem.weda-ui-to-wd .form-select-pc .wedatea2td-text-weak {
|
|
264
257
|
color: var(--wd-color-text-placeholder) !important;
|
|
265
258
|
}
|
|
266
259
|
/* pc 字体 */
|
|
267
260
|
.weda-ui.gsd-h5-react-formitem.weda-ui-to-wd .wedatea2td-input,
|
|
268
261
|
.weda-ui.gsd-h5-react-formitem.weda-ui-to-wd .wedatea2td-textarea,
|
|
269
262
|
.weda-ui.gsd-h5-react-formitem.weda-ui-to-wd .wedatea2td-textarea-group,
|
|
270
|
-
.weda-ui.gsd-h5-react-formitem.weda-ui-to-wd
|
|
271
|
-
.form-select-pc
|
|
272
|
-
.wedatea2td-dropdown__header {
|
|
263
|
+
.weda-ui.gsd-h5-react-formitem.weda-ui-to-wd .form-select-pc .wedatea2td-dropdown__header {
|
|
273
264
|
font: inherit;
|
|
274
265
|
}
|
|
275
266
|
.weda-ui.gsd-h5-react-formitem.weda-ui-to-wd .wedatea2td-input,
|
|
276
|
-
.weda-ui.gsd-h5-react-formitem.weda-ui-to-wd
|
|
277
|
-
.form-select-pc
|
|
278
|
-
.wedatea2td-dropdown__header {
|
|
267
|
+
.weda-ui.gsd-h5-react-formitem.weda-ui-to-wd .form-select-pc .wedatea2td-dropdown__header {
|
|
279
268
|
height: var(--wd-form-item-height-md);
|
|
280
269
|
}
|
|
281
|
-
.weda-ui.gsd-h5-react-formitem.weda-ui-to-wd
|
|
282
|
-
.form-select-pc
|
|
283
|
-
.wedatea2td-dropdown__header
|
|
284
|
-
.wedatea2td-dropdown__value {
|
|
270
|
+
.weda-ui.gsd-h5-react-formitem.weda-ui-to-wd .form-select-pc .wedatea2td-dropdown__header .wedatea2td-dropdown__value {
|
|
285
271
|
font: inherit;
|
|
286
272
|
line-height: var(--wd-form-item-height-md);
|
|
287
273
|
}
|
|
288
274
|
/* h5 外边框 */
|
|
289
275
|
.weui-cells__group_form .weui-cells::before,
|
|
290
|
-
.weda-ui.gsd-h5-react-formitem.weda-ui-to-wd.wa-comp-CLOUDBASE_STANDARD-FormItem
|
|
291
|
-
.weui-cells::before {
|
|
276
|
+
.weda-ui.gsd-h5-react-formitem.weda-ui-to-wd.wa-comp-CLOUDBASE_STANDARD-FormItem .weui-cells::before {
|
|
292
277
|
border-top-color: transparent;
|
|
293
278
|
left: 0;
|
|
294
279
|
right: 0;
|
|
295
280
|
}
|
|
296
281
|
.weui-cells__group_form .weui-cells::after,
|
|
297
|
-
.weda-ui.gsd-h5-react-formitem.weda-ui-to-wd.wa-comp-CLOUDBASE_STANDARD-FormItem
|
|
298
|
-
|
|
299
|
-
border-bottom: var(--wd-form-item-border-width) solid
|
|
300
|
-
var(--wd-form-item-border-color);
|
|
282
|
+
.weda-ui.gsd-h5-react-formitem.weda-ui-to-wd.wa-comp-CLOUDBASE_STANDARD-FormItem .weui-cells::after {
|
|
283
|
+
border-bottom: var(--wd-form-item-border-width) solid var(--wd-form-item-border-color);
|
|
301
284
|
left: 0;
|
|
302
285
|
right: 0;
|
|
303
286
|
transform: none;
|
|
@@ -315,8 +298,7 @@ body .weda-ui {
|
|
|
315
298
|
padding-right: 0;
|
|
316
299
|
margin-right: var(--wd-form-item-label-mr);
|
|
317
300
|
}
|
|
318
|
-
.weda-ui.gsd-h5-react-formitem.weda-ui-to-wd.form-detail-wrap.pc-form-detail-wrap
|
|
319
|
-
.form-detail-group-label-container {
|
|
301
|
+
.weda-ui.gsd-h5-react-formitem.weda-ui-to-wd.form-detail-wrap.pc-form-detail-wrap .form-detail-group-label-container {
|
|
320
302
|
width: 98px;
|
|
321
303
|
}
|
|
322
304
|
/* 旧版组件支持表单容器垂直布局 */
|
|
@@ -334,28 +316,21 @@ body .weda-ui {
|
|
|
334
316
|
flex-direction: column;
|
|
335
317
|
}
|
|
336
318
|
.wedatea2td-form--vertical .wd-form--horizontal-left .wd-form-item-wrap,
|
|
337
|
-
.wedatea2td-form--vertical
|
|
338
|
-
.wd-form-item.wd-form-item--horizontal-left
|
|
339
|
-
.wd-form-item-wrap,
|
|
319
|
+
.wedatea2td-form--vertical .wd-form-item.wd-form-item--horizontal-left .wd-form-item-wrap,
|
|
340
320
|
.wedatea2td-form--vertical .wd-form--horizontal-right .wd-form-item-wrap,
|
|
341
|
-
.wedatea2td-form--vertical
|
|
342
|
-
.wd-form-item.wd-form-item--horizontal-right
|
|
343
|
-
.wd-form-item-wrap {
|
|
321
|
+
.wedatea2td-form--vertical .wd-form-item.wd-form-item--horizontal-right .wd-form-item-wrap {
|
|
344
322
|
flex-direction: column;
|
|
345
323
|
}
|
|
346
324
|
/* h5 两边间距 */
|
|
347
|
-
.weda-ui.gsd-h5-react-formitem.weda-ui-to-wd.wa-comp-CLOUDBASE_STANDARD-FormItem
|
|
348
|
-
> .weda-ui {
|
|
325
|
+
.weda-ui.gsd-h5-react-formitem.weda-ui-to-wd.wa-comp-CLOUDBASE_STANDARD-FormItem > .weda-ui {
|
|
349
326
|
padding-left: var(--wd-form-item-pd);
|
|
350
327
|
padding-right: var(--wd-form-item-pd);
|
|
351
328
|
}
|
|
352
|
-
.weda-ui.gsd-h5-react-formitem.weda-ui-to-wd.wa-comp-CLOUDBASE_STANDARD-FormItem
|
|
353
|
-
> .weda-ui.wedatea2td-form__item {
|
|
329
|
+
.weda-ui.gsd-h5-react-formitem.weda-ui-to-wd.wa-comp-CLOUDBASE_STANDARD-FormItem > .weda-ui.wedatea2td-form__item {
|
|
354
330
|
padding-left: 0;
|
|
355
331
|
padding-right: 0;
|
|
356
332
|
}
|
|
357
|
-
.weda-ui.gsd-h5-react-formitem.weda-ui-to-wd.form-detail-wrap.pc-form-detail-wrap
|
|
358
|
-
.form-detail-group-parent-container {
|
|
333
|
+
.weda-ui.gsd-h5-react-formitem.weda-ui-to-wd.form-detail-wrap.pc-form-detail-wrap .form-detail-group-parent-container {
|
|
359
334
|
width: calc(100% - 102px);
|
|
360
335
|
padding-left: 0;
|
|
361
336
|
padding-right: 0;
|
|
@@ -366,25 +341,17 @@ body .weda-ui {
|
|
|
366
341
|
color: var(--wd-color-text-error);
|
|
367
342
|
margin-left: 0;
|
|
368
343
|
}
|
|
369
|
-
.weda-ui.gsd-h5-react-formitem.weda-ui-to-wd
|
|
370
|
-
.wedatea2td-form__item
|
|
371
|
-
.wedatea2td-form__label.is-required
|
|
372
|
-
label::after {
|
|
344
|
+
.weda-ui.gsd-h5-react-formitem.weda-ui-to-wd .wedatea2td-form__item .wedatea2td-form__label.is-required label::after {
|
|
373
345
|
content: '';
|
|
374
346
|
display: none;
|
|
375
347
|
}
|
|
376
|
-
.weda-ui.gsd-h5-react-formitem.weda-ui-to-wd
|
|
377
|
-
.wedatea2td-form__item
|
|
378
|
-
.wedatea2td-form__label.is-required
|
|
379
|
-
label::before {
|
|
348
|
+
.weda-ui.gsd-h5-react-formitem.weda-ui-to-wd .wedatea2td-form__item .wedatea2td-form__label.is-required label::before {
|
|
380
349
|
content: '*';
|
|
381
350
|
color: var(--wd-color-text-error);
|
|
382
351
|
margin-right: var(--wd-space-base);
|
|
383
352
|
}
|
|
384
353
|
/* h5 垂直时 */
|
|
385
|
-
.weda-ui.gsd-h5-react-formitem.weda-ui-to-wd.wa-comp-CLOUDBASE_STANDARD-FormItem
|
|
386
|
-
.weda-formcells
|
|
387
|
-
.weda-formcells__label,
|
|
354
|
+
.weda-ui.gsd-h5-react-formitem.weda-ui-to-wd.wa-comp-CLOUDBASE_STANDARD-FormItem .weda-formcells .weda-formcells__label,
|
|
388
355
|
.weda-ui.gsd-h5-react-formitem.weda-ui-to-wd.wa-comp-CLOUDBASE_STANDARD-FormItem
|
|
389
356
|
.weda-formcells
|
|
390
357
|
.weda-formcells__content
|
|
@@ -395,11 +362,8 @@ body .weda-ui {
|
|
|
395
362
|
.weda-ui.gsd-h5-react-formitem.weda-ui-to-wd.wa-comp-CLOUDBASE_STANDARD-FormItem
|
|
396
363
|
.weui-uploader.vertical
|
|
397
364
|
.weui-uploader__bd,
|
|
398
|
-
.weda-ui.gsd-h5-react-formitem.weda-ui-to-wd.wa-comp-CLOUDBASE_STANDARD-FormItem
|
|
399
|
-
|
|
400
|
-
.vertical,
|
|
401
|
-
.weda-ui.gsd-h5-react-formitem.weda-ui-to-wd.wa-comp-CLOUDBASE_STANDARD-FormItem
|
|
402
|
-
.form-location-con_vertical {
|
|
365
|
+
.weda-ui.gsd-h5-react-formitem.weda-ui-to-wd.wa-comp-CLOUDBASE_STANDARD-FormItem .weda-upload-file-mobile .vertical,
|
|
366
|
+
.weda-ui.gsd-h5-react-formitem.weda-ui-to-wd.wa-comp-CLOUDBASE_STANDARD-FormItem .form-location-con_vertical {
|
|
403
367
|
padding-left: 0;
|
|
404
368
|
}
|
|
405
369
|
/* ios safari 特别是小屏幕 iphone SE 之流
|
|
@@ -479,10 +443,7 @@ NED }}}
|
|
|
479
443
|
background-color: unset;
|
|
480
444
|
}
|
|
481
445
|
|
|
482
|
-
.wd-form-item.wd-pc-form-item
|
|
483
|
-
.wd-form-item-wrap
|
|
484
|
-
.wedatea2td-dropdown-btn
|
|
485
|
-
.wedatea2td-dropdown__value {
|
|
446
|
+
.wd-form-item.wd-pc-form-item .wd-form-item-wrap .wedatea2td-dropdown-btn .wedatea2td-dropdown__value {
|
|
486
447
|
line-height: inherit;
|
|
487
448
|
font-size: inherit;
|
|
488
449
|
}
|
|
@@ -548,3 +509,7 @@ NED }}}
|
|
|
548
509
|
}
|
|
549
510
|
|
|
550
511
|
/* 事件样式 end */
|
|
512
|
+
|
|
513
|
+
.wd-form-item input:disabled {
|
|
514
|
+
-webkit-text-fill-color: unset;
|
|
515
|
+
}
|