rsuite 5.17.1 → 5.18.0
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/CHANGELOG.md +16 -0
- package/CheckTreePicker/styles/index.less +1 -1
- package/DatePicker/styles/index.less +4 -0
- package/Form/styles/mixin.less +0 -1
- package/FormControl/styles/index.less +10 -4
- package/Uploader/styles/index.less +0 -15
- package/cjs/DatePicker/Toolbar.js +1 -0
- package/cjs/Dropdown/DropdownMenu.js +4 -4
- package/cjs/List/helper/useSortHelper.js +16 -11
- package/cjs/Uploader/UploadTrigger.d.ts +2 -1
- package/cjs/Uploader/UploadTrigger.js +5 -11
- package/cjs/Uploader/Uploader.d.ts +2 -1
- package/cjs/Uploader/test/Uploader.test.d.ts +1 -0
- package/cjs/Uploader/test/Uploader.test.js +26 -0
- package/dist/rsuite-rtl.css +8 -202
- package/dist/rsuite-rtl.min.css +1 -1
- package/dist/rsuite-rtl.min.css.map +1 -1
- package/dist/rsuite.css +8 -202
- package/dist/rsuite.js +9 -9
- package/dist/rsuite.min.css +1 -1
- package/dist/rsuite.min.css.map +1 -1
- package/dist/rsuite.min.js +1 -1
- package/dist/rsuite.min.js.map +1 -1
- package/esm/DatePicker/Toolbar.js +1 -0
- package/esm/Dropdown/DropdownMenu.js +4 -4
- package/esm/List/helper/useSortHelper.js +15 -11
- package/esm/Uploader/UploadTrigger.d.ts +2 -1
- package/esm/Uploader/UploadTrigger.js +3 -10
- package/esm/Uploader/Uploader.d.ts +2 -1
- package/esm/Uploader/test/Uploader.test.d.ts +1 -0
- package/esm/Uploader/test/Uploader.test.js +21 -0
- package/package.json +2 -2
package/dist/rsuite.css
CHANGED
|
@@ -4218,10 +4218,10 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
|
|
|
4218
4218
|
.rs-check-tree-node .rs-check-item.rs-checkbox-checked .rs-checkbox-checker > label {
|
|
4219
4219
|
font-weight: bold;
|
|
4220
4220
|
}
|
|
4221
|
-
.rs-check-tree-node-all-uncheckable
|
|
4221
|
+
.rs-check-tree-node-all-uncheckable .rs-check-item .rs-checkbox-checker > label {
|
|
4222
4222
|
padding-left: 22px;
|
|
4223
4223
|
}
|
|
4224
|
-
.rs-check-tree-node-all-uncheckable
|
|
4224
|
+
.rs-check-tree-node-all-uncheckable .rs-check-item .rs-checkbox-checker > label::before {
|
|
4225
4225
|
width: 14px;
|
|
4226
4226
|
margin-left: 0;
|
|
4227
4227
|
left: 0;
|
|
@@ -4384,6 +4384,9 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
|
|
|
4384
4384
|
.rs-picker-menu .rs-picker-toolbar {
|
|
4385
4385
|
max-width: 100%;
|
|
4386
4386
|
}
|
|
4387
|
+
.rs-picker-menu .rs-picker-toolbar-ranges {
|
|
4388
|
+
max-width: 400px;
|
|
4389
|
+
}
|
|
4387
4390
|
.rs-picker-menu .rs-calendar {
|
|
4388
4391
|
min-width: 246px;
|
|
4389
4392
|
display: block;
|
|
@@ -5509,6 +5512,9 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
|
|
|
5509
5512
|
.rs-form-fluid .rs-form-control-wrapper > .rs-input {
|
|
5510
5513
|
width: 100%;
|
|
5511
5514
|
}
|
|
5515
|
+
.rs-form-fluid.rs-form-vertical .rs-form-group .rs-input-group {
|
|
5516
|
+
width: 100%;
|
|
5517
|
+
}
|
|
5512
5518
|
.rs-form-control-wrapper {
|
|
5513
5519
|
position: relative;
|
|
5514
5520
|
}
|
|
@@ -7872,7 +7878,6 @@ textarea.rs-input {
|
|
|
7872
7878
|
.rs-input:hover:not(:disabled) {
|
|
7873
7879
|
border-color: #3498ff;
|
|
7874
7880
|
border-color: var(--rs-input-focus-border);
|
|
7875
|
-
outline: 0;
|
|
7876
7881
|
}
|
|
7877
7882
|
.rs-input:focus {
|
|
7878
7883
|
outline: 3px solid rgba(52, 152, 255, 0.25);
|
|
@@ -11743,7 +11748,6 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
|
|
|
11743
11748
|
.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input:hover:not(:disabled) {
|
|
11744
11749
|
border-color: #3498ff;
|
|
11745
11750
|
border-color: var(--rs-input-focus-border);
|
|
11746
|
-
outline: 0;
|
|
11747
11751
|
}
|
|
11748
11752
|
.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input:focus {
|
|
11749
11753
|
outline: 3px solid rgba(52, 152, 255, 0.25);
|
|
@@ -15790,9 +15794,6 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
|
|
|
15790
15794
|
position: absolute !important;
|
|
15791
15795
|
clip: rect(1px 1px 1px 1px);
|
|
15792
15796
|
}
|
|
15793
|
-
.rs-uploader-trigger-disabled .rs-uploader-trigger-btn {
|
|
15794
|
-
cursor: not-allowed !important;
|
|
15795
|
-
}
|
|
15796
15797
|
.rs-uploader-file-item-disabled {
|
|
15797
15798
|
opacity: 0.3;
|
|
15798
15799
|
cursor: not-allowed;
|
|
@@ -16331,201 +16332,6 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
|
|
|
16331
16332
|
margin-left: 0;
|
|
16332
16333
|
display: block;
|
|
16333
16334
|
}
|
|
16334
|
-
.rs-uploader-text .rs-uploader-trigger-btn,
|
|
16335
|
-
.rs-uploader-picture-text .rs-uploader-trigger-btn {
|
|
16336
|
-
display: inline-block;
|
|
16337
|
-
margin-bottom: 0;
|
|
16338
|
-
font-weight: normal;
|
|
16339
|
-
text-align: center;
|
|
16340
|
-
vertical-align: middle;
|
|
16341
|
-
cursor: pointer;
|
|
16342
|
-
white-space: nowrap;
|
|
16343
|
-
-webkit-transition: color 0.2s linear, background-color 0.3s linear;
|
|
16344
|
-
transition: color 0.2s linear, background-color 0.3s linear;
|
|
16345
|
-
border: none;
|
|
16346
|
-
border: var(--rs-btn-default-border, none);
|
|
16347
|
-
-webkit-user-select: none;
|
|
16348
|
-
-moz-user-select: none;
|
|
16349
|
-
-ms-user-select: none;
|
|
16350
|
-
user-select: none;
|
|
16351
|
-
text-decoration: none;
|
|
16352
|
-
color: #575757;
|
|
16353
|
-
color: var(--rs-btn-default-text);
|
|
16354
|
-
background-color: #f7f7fa;
|
|
16355
|
-
background-color: var(--rs-btn-default-bg);
|
|
16356
|
-
border-radius: 6px;
|
|
16357
|
-
font-size: 14px;
|
|
16358
|
-
line-height: 20px;
|
|
16359
|
-
padding: 8px 12px;
|
|
16360
|
-
overflow: hidden;
|
|
16361
|
-
position: relative;
|
|
16362
|
-
}
|
|
16363
|
-
.rs-theme-high-contrast .rs-uploader-text .rs-uploader-trigger-btn,
|
|
16364
|
-
.rs-theme-high-contrast .rs-uploader-picture-text .rs-uploader-trigger-btn {
|
|
16365
|
-
-webkit-transition: none;
|
|
16366
|
-
transition: none;
|
|
16367
|
-
}
|
|
16368
|
-
.rs-btn-ghost.rs-uploader-text .rs-uploader-trigger-btn,
|
|
16369
|
-
.rs-btn-ghost.rs-uploader-picture-text .rs-uploader-trigger-btn {
|
|
16370
|
-
padding: 7px 11px;
|
|
16371
|
-
}
|
|
16372
|
-
.rs-btn-icon.rs-uploader-text .rs-uploader-trigger-btn,
|
|
16373
|
-
.rs-btn-icon.rs-uploader-picture-text .rs-uploader-trigger-btn {
|
|
16374
|
-
padding: 10px 10px;
|
|
16375
|
-
line-height: 16px;
|
|
16376
|
-
}
|
|
16377
|
-
.rs-btn-icon.rs-uploader-text .rs-uploader-trigger-btn > .rs-icon,
|
|
16378
|
-
.rs-btn-icon.rs-uploader-picture-text .rs-uploader-trigger-btn > .rs-icon {
|
|
16379
|
-
font-size: 16px;
|
|
16380
|
-
}
|
|
16381
|
-
.rs-btn-icon-with-text.rs-uploader-text .rs-uploader-trigger-btn,
|
|
16382
|
-
.rs-btn-icon-with-text.rs-uploader-picture-text .rs-uploader-trigger-btn {
|
|
16383
|
-
line-height: 20px;
|
|
16384
|
-
}
|
|
16385
|
-
.rs-btn-icon-with-text.rs-uploader-text .rs-uploader-trigger-btn > .rs-icon,
|
|
16386
|
-
.rs-btn-icon-with-text.rs-uploader-picture-text .rs-uploader-trigger-btn > .rs-icon {
|
|
16387
|
-
padding: 10px 10px;
|
|
16388
|
-
width: 36px;
|
|
16389
|
-
height: 36px;
|
|
16390
|
-
}
|
|
16391
|
-
.rs-btn-icon-with-text.rs-uploader-text .rs-uploader-trigger-btn.rs-btn-icon-placement-left,
|
|
16392
|
-
.rs-btn-icon-with-text.rs-uploader-picture-text .rs-uploader-trigger-btn.rs-btn-icon-placement-left {
|
|
16393
|
-
padding: 8px 12px 8px 48px;
|
|
16394
|
-
}
|
|
16395
|
-
.rs-btn-icon-with-text.rs-uploader-text .rs-uploader-trigger-btn.rs-btn-icon-placement-left > .rs-icon,
|
|
16396
|
-
.rs-btn-icon-with-text.rs-uploader-picture-text .rs-uploader-trigger-btn.rs-btn-icon-placement-left > .rs-icon {
|
|
16397
|
-
left: 0;
|
|
16398
|
-
border-right: none;
|
|
16399
|
-
border-right: var(--rs-btn-default-border, none);
|
|
16400
|
-
}
|
|
16401
|
-
.rs-btn-icon-with-text.rs-uploader-text .rs-uploader-trigger-btn.rs-btn-icon-placement-right,
|
|
16402
|
-
.rs-btn-icon-with-text.rs-uploader-picture-text .rs-uploader-trigger-btn.rs-btn-icon-placement-right {
|
|
16403
|
-
padding: 8px 48px 8px 12px;
|
|
16404
|
-
}
|
|
16405
|
-
.rs-btn-icon-with-text.rs-uploader-text .rs-uploader-trigger-btn.rs-btn-icon-placement-right > .rs-icon,
|
|
16406
|
-
.rs-btn-icon-with-text.rs-uploader-picture-text .rs-uploader-trigger-btn.rs-btn-icon-placement-right > .rs-icon {
|
|
16407
|
-
right: 0;
|
|
16408
|
-
border-left: none;
|
|
16409
|
-
border-left: var(--rs-btn-default-border, none);
|
|
16410
|
-
}
|
|
16411
|
-
.rs-uploader-text .rs-uploader-trigger-btn:focus-visible,
|
|
16412
|
-
.rs-uploader-picture-text .rs-uploader-trigger-btn:focus-visible {
|
|
16413
|
-
outline: 3px solid rgba(52, 152, 255, 0.25);
|
|
16414
|
-
outline: 3px solid var(--rs-color-focus-ring);
|
|
16415
|
-
}
|
|
16416
|
-
.rs-theme-high-contrast .rs-uploader-text .rs-uploader-trigger-btn:focus-visible,
|
|
16417
|
-
.rs-theme-high-contrast .rs-uploader-picture-text .rs-uploader-trigger-btn:focus-visible {
|
|
16418
|
-
outline-offset: 2px;
|
|
16419
|
-
}
|
|
16420
|
-
.rs-uploader-text .rs-uploader-trigger-btn:hover,
|
|
16421
|
-
.rs-uploader-picture-text .rs-uploader-trigger-btn:hover,
|
|
16422
|
-
.rs-uploader-text .rs-uploader-trigger-btn:focus,
|
|
16423
|
-
.rs-uploader-picture-text .rs-uploader-trigger-btn:focus {
|
|
16424
|
-
color: var(--rs-btn-default-hover-text);
|
|
16425
|
-
background-color: #e5e5ea;
|
|
16426
|
-
background-color: var(--rs-btn-default-hover-bg);
|
|
16427
|
-
text-decoration: none;
|
|
16428
|
-
}
|
|
16429
|
-
.rs-uploader-text .rs-uploader-trigger-btn:active,
|
|
16430
|
-
.rs-uploader-picture-text .rs-uploader-trigger-btn:active,
|
|
16431
|
-
.rs-uploader-text .rs-uploader-trigger-btn.rs-btn-active,
|
|
16432
|
-
.rs-uploader-picture-text .rs-uploader-trigger-btn.rs-btn-active {
|
|
16433
|
-
color: #272c36;
|
|
16434
|
-
color: var(--rs-btn-default-active-text);
|
|
16435
|
-
background-color: #d9d9d9;
|
|
16436
|
-
background-color: var(--rs-btn-default-active-bg);
|
|
16437
|
-
}
|
|
16438
|
-
.rs-uploader-text .rs-uploader-trigger-btn:disabled,
|
|
16439
|
-
.rs-uploader-picture-text .rs-uploader-trigger-btn:disabled,
|
|
16440
|
-
.rs-uploader-text .rs-uploader-trigger-btn.rs-btn-disabled,
|
|
16441
|
-
.rs-uploader-picture-text .rs-uploader-trigger-btn.rs-btn-disabled {
|
|
16442
|
-
cursor: not-allowed;
|
|
16443
|
-
color: #c5c6c7;
|
|
16444
|
-
color: var(--rs-btn-default-disabled-text);
|
|
16445
|
-
background-color: #f7f7fa;
|
|
16446
|
-
background-color: var(--rs-btn-default-disabled-bg);
|
|
16447
|
-
}
|
|
16448
|
-
.rs-theme-high-contrast .rs-uploader-text .rs-uploader-trigger-btn:disabled,
|
|
16449
|
-
.rs-theme-high-contrast .rs-uploader-picture-text .rs-uploader-trigger-btn:disabled,
|
|
16450
|
-
.rs-theme-high-contrast .rs-uploader-text .rs-uploader-trigger-btn.rs-btn-disabled,
|
|
16451
|
-
.rs-theme-high-contrast .rs-uploader-picture-text .rs-uploader-trigger-btn.rs-btn-disabled {
|
|
16452
|
-
opacity: 0.5;
|
|
16453
|
-
}
|
|
16454
|
-
@media not all and (min-resolution: 0.001dpcm) {
|
|
16455
|
-
.rs-uploader-text .rs-uploader-trigger-btn,
|
|
16456
|
-
.rs-uploader-picture-text .rs-uploader-trigger-btn {
|
|
16457
|
-
/* stylelint-disable */
|
|
16458
|
-
-webkit-mask-image: -webkit-radial-gradient(white, black);
|
|
16459
|
-
/* stylelint-enable */
|
|
16460
|
-
}
|
|
16461
|
-
}
|
|
16462
|
-
.rs-picker-default .rs-uploader-text .rs-uploader-trigger-btn,
|
|
16463
|
-
.rs-picker-default .rs-uploader-picture-text .rs-uploader-trigger-btn {
|
|
16464
|
-
-webkit-transition: border-color ease-in-out 0.3s;
|
|
16465
|
-
transition: border-color ease-in-out 0.3s;
|
|
16466
|
-
}
|
|
16467
|
-
.rs-theme-high-contrast .rs-picker-default .rs-uploader-text .rs-uploader-trigger-btn,
|
|
16468
|
-
.rs-theme-high-contrast .rs-picker-default .rs-uploader-picture-text .rs-uploader-trigger-btn {
|
|
16469
|
-
-webkit-transition: none;
|
|
16470
|
-
transition: none;
|
|
16471
|
-
}
|
|
16472
|
-
.rs-picker-default:not(.rs-picker-disabled) .rs-uploader-text .rs-uploader-trigger-btn:hover,
|
|
16473
|
-
.rs-picker-default:not(.rs-picker-disabled) .rs-uploader-picture-text .rs-uploader-trigger-btn:hover,
|
|
16474
|
-
.rs-picker-default:not(.rs-picker-disabled) .rs-uploader-text .rs-uploader-trigger-btn:focus,
|
|
16475
|
-
.rs-picker-default:not(.rs-picker-disabled) .rs-uploader-picture-text .rs-uploader-trigger-btn:focus,
|
|
16476
|
-
.rs-picker-default:not(.rs-picker-disabled) .rs-uploader-text .rs-uploader-trigger-btn-active,
|
|
16477
|
-
.rs-picker-default:not(.rs-picker-disabled) .rs-uploader-picture-text .rs-uploader-trigger-btn-active {
|
|
16478
|
-
border-color: #3498ff;
|
|
16479
|
-
border-color: var(--rs-input-focus-border);
|
|
16480
|
-
}
|
|
16481
|
-
.rs-picker-subtle .rs-uploader-text .rs-uploader-trigger-btn,
|
|
16482
|
-
.rs-picker-subtle .rs-uploader-picture-text .rs-uploader-trigger-btn {
|
|
16483
|
-
color: #8e8e93;
|
|
16484
|
-
color: var(--rs-btn-subtle-text);
|
|
16485
|
-
background-color: transparent;
|
|
16486
|
-
border: none;
|
|
16487
|
-
-webkit-transition: none;
|
|
16488
|
-
transition: none;
|
|
16489
|
-
}
|
|
16490
|
-
.rs-picker-subtle .rs-uploader-text .rs-uploader-trigger-btn:hover,
|
|
16491
|
-
.rs-picker-subtle .rs-uploader-picture-text .rs-uploader-trigger-btn:hover,
|
|
16492
|
-
.rs-picker-subtle .rs-uploader-text .rs-uploader-trigger-btn:focus,
|
|
16493
|
-
.rs-picker-subtle .rs-uploader-picture-text .rs-uploader-trigger-btn:focus {
|
|
16494
|
-
color: #575757;
|
|
16495
|
-
color: var(--rs-btn-subtle-hover-text);
|
|
16496
|
-
background-color: #f7f7fa;
|
|
16497
|
-
background-color: var(--rs-btn-subtle-hover-bg);
|
|
16498
|
-
}
|
|
16499
|
-
.rs-picker-subtle .rs-uploader-text .rs-uploader-trigger-btn:active,
|
|
16500
|
-
.rs-picker-subtle .rs-uploader-picture-text .rs-uploader-trigger-btn:active,
|
|
16501
|
-
.rs-picker-subtle .rs-uploader-text .rs-uploader-trigger-btn.rs-btn-active,
|
|
16502
|
-
.rs-picker-subtle .rs-uploader-picture-text .rs-uploader-trigger-btn.rs-btn-active {
|
|
16503
|
-
color: #272c36;
|
|
16504
|
-
color: var(--rs-btn-subtle-active-text);
|
|
16505
|
-
background-color: #e5e5ea;
|
|
16506
|
-
background-color: var(--rs-btn-subtle-active-bg);
|
|
16507
|
-
}
|
|
16508
|
-
.rs-picker-subtle .rs-uploader-text .rs-uploader-trigger-btn:disabled,
|
|
16509
|
-
.rs-picker-subtle .rs-uploader-picture-text .rs-uploader-trigger-btn:disabled,
|
|
16510
|
-
.rs-picker-subtle .rs-uploader-text .rs-uploader-trigger-btn.rs-btn-disabled,
|
|
16511
|
-
.rs-picker-subtle .rs-uploader-picture-text .rs-uploader-trigger-btn.rs-btn-disabled {
|
|
16512
|
-
color: #c5c6c7;
|
|
16513
|
-
color: var(--rs-btn-subtle-disabled-text);
|
|
16514
|
-
background: none;
|
|
16515
|
-
}
|
|
16516
|
-
.rs-theme-high-contrast .rs-picker-subtle .rs-uploader-text .rs-uploader-trigger-btn:disabled,
|
|
16517
|
-
.rs-theme-high-contrast .rs-picker-subtle .rs-uploader-picture-text .rs-uploader-trigger-btn:disabled,
|
|
16518
|
-
.rs-theme-high-contrast .rs-picker-subtle .rs-uploader-text .rs-uploader-trigger-btn.rs-btn-disabled,
|
|
16519
|
-
.rs-theme-high-contrast .rs-picker-subtle .rs-uploader-picture-text .rs-uploader-trigger-btn.rs-btn-disabled {
|
|
16520
|
-
opacity: 0.5;
|
|
16521
|
-
}
|
|
16522
|
-
.rs-picker-subtle .rs-uploader-text .rs-uploader-trigger-btn-active,
|
|
16523
|
-
.rs-picker-subtle .rs-uploader-picture-text .rs-uploader-trigger-btn-active {
|
|
16524
|
-
background-color: #f7f7fa;
|
|
16525
|
-
background-color: var(--rs-btn-subtle-hover-bg);
|
|
16526
|
-
color: #575757;
|
|
16527
|
-
color: var(--rs-btn-subtle-hover-text);
|
|
16528
|
-
}
|
|
16529
16335
|
.rs-uploader-picture-text .rs-uploader-file-item {
|
|
16530
16336
|
position: relative;
|
|
16531
16337
|
height: 50px;
|