rsuite 5.59.3-alpha.1 → 5.60.1

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.
Files changed (84) hide show
  1. package/Animation/styles/fade.less +1 -1
  2. package/Animation/styles/index.css +1 -1
  3. package/CHANGELOG.md +27 -0
  4. package/DateRangePicker/styles/index.css +2 -3
  5. package/DateRangePicker/styles/index.less +6 -5
  6. package/TagInput/styles/index.css +24 -24
  7. package/TagPicker/styles/index.css +24 -24
  8. package/TagPicker/styles/index.less +11 -10
  9. package/Toggle/styles/index.css +2 -1
  10. package/Toggle/styles/index.less +2 -1
  11. package/cjs/DateRangePicker/DateRangePicker.js +17 -9
  12. package/cjs/DateRangePicker/utils.d.ts +2 -2
  13. package/cjs/DateRangePicker/utils.js +2 -2
  14. package/cjs/Form/Form.d.ts +13 -9
  15. package/cjs/Form/Form.js +55 -11
  16. package/cjs/Form/FormContext.d.ts +2 -2
  17. package/cjs/Form/hooks/useFormRef.d.ts +9 -7
  18. package/cjs/Form/hooks/useFormRef.js +5 -32
  19. package/cjs/Form/hooks/useFormValidate.d.ts +6 -4
  20. package/cjs/Form/hooks/useFormValidate.js +18 -12
  21. package/cjs/Form/hooks/useFormValue.d.ts +8 -1
  22. package/cjs/Form/hooks/useFormValue.js +7 -1
  23. package/cjs/InputPicker/InputAutosize.js +2 -2
  24. package/cjs/InputPicker/InputPicker.d.ts +5 -7
  25. package/cjs/InputPicker/InputPicker.js +119 -151
  26. package/cjs/InputPicker/InputPickerContext.d.ts +11 -3
  27. package/cjs/InputPicker/InputPickerContext.js +7 -1
  28. package/cjs/InputPicker/hooks/useData.d.ts +17 -0
  29. package/cjs/InputPicker/hooks/useData.js +44 -0
  30. package/cjs/InputPicker/hooks/useInput.d.ts +21 -0
  31. package/cjs/InputPicker/hooks/useInput.js +46 -0
  32. package/cjs/InputPicker/hooks/useMaxWidth.d.ts +4 -0
  33. package/cjs/InputPicker/hooks/useMaxWidth.js +25 -0
  34. package/cjs/InputPicker/index.d.ts +2 -1
  35. package/cjs/InputPicker/utils.d.ts +1 -0
  36. package/cjs/InputPicker/utils.js +17 -0
  37. package/cjs/TagInput/index.js +2 -2
  38. package/cjs/TagPicker/index.js +2 -2
  39. package/dist/rsuite-no-reset-rtl.css +29 -29
  40. package/dist/rsuite-no-reset-rtl.min.css +1 -1
  41. package/dist/rsuite-no-reset-rtl.min.css.map +1 -1
  42. package/dist/rsuite-no-reset.css +29 -29
  43. package/dist/rsuite-no-reset.min.css +1 -1
  44. package/dist/rsuite-no-reset.min.css.map +1 -1
  45. package/dist/rsuite-rtl.css +29 -29
  46. package/dist/rsuite-rtl.min.css +1 -1
  47. package/dist/rsuite-rtl.min.css.map +1 -1
  48. package/dist/rsuite.css +29 -29
  49. package/dist/rsuite.js +55 -11
  50. package/dist/rsuite.js.map +1 -1
  51. package/dist/rsuite.min.css +1 -1
  52. package/dist/rsuite.min.css.map +1 -1
  53. package/dist/rsuite.min.js +1 -1
  54. package/dist/rsuite.min.js.map +1 -1
  55. package/esm/DateRangePicker/DateRangePicker.js +17 -9
  56. package/esm/DateRangePicker/utils.d.ts +2 -2
  57. package/esm/DateRangePicker/utils.js +2 -2
  58. package/esm/Form/Form.d.ts +13 -9
  59. package/esm/Form/Form.js +55 -11
  60. package/esm/Form/FormContext.d.ts +2 -2
  61. package/esm/Form/hooks/useFormRef.d.ts +9 -7
  62. package/esm/Form/hooks/useFormRef.js +5 -32
  63. package/esm/Form/hooks/useFormValidate.d.ts +6 -4
  64. package/esm/Form/hooks/useFormValidate.js +18 -12
  65. package/esm/Form/hooks/useFormValue.d.ts +8 -1
  66. package/esm/Form/hooks/useFormValue.js +7 -1
  67. package/esm/InputPicker/InputAutosize.js +2 -2
  68. package/esm/InputPicker/InputPicker.d.ts +5 -7
  69. package/esm/InputPicker/InputPicker.js +111 -143
  70. package/esm/InputPicker/InputPickerContext.d.ts +11 -3
  71. package/esm/InputPicker/InputPickerContext.js +4 -0
  72. package/esm/InputPicker/hooks/useData.d.ts +17 -0
  73. package/esm/InputPicker/hooks/useData.js +38 -0
  74. package/esm/InputPicker/hooks/useInput.d.ts +21 -0
  75. package/esm/InputPicker/hooks/useInput.js +40 -0
  76. package/esm/InputPicker/hooks/useMaxWidth.d.ts +4 -0
  77. package/esm/InputPicker/hooks/useMaxWidth.js +19 -0
  78. package/esm/InputPicker/index.d.ts +2 -1
  79. package/esm/InputPicker/utils.d.ts +1 -0
  80. package/esm/InputPicker/utils.js +12 -0
  81. package/esm/TagInput/index.js +2 -2
  82. package/esm/TagPicker/index.js +2 -2
  83. package/package.json +1 -1
  84. package/styles/variables.less +0 -1
package/dist/rsuite.css CHANGED
@@ -1730,7 +1730,7 @@ tbody.rs-anim-collapse.rs-anim-in {
1730
1730
  }
1731
1731
  .rs-anim-fade.rs-anim-in {
1732
1732
  opacity: 1;
1733
- pointer-events: unset;
1733
+ pointer-events: auto;
1734
1734
  }
1735
1735
  .rs-auto-complete-menu {
1736
1736
  overflow-y: auto;
@@ -4932,9 +4932,6 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
4932
4932
  .rs-picker-popup .rs-calendar-month-dropdown-list {
4933
4933
  width: 185px;
4934
4934
  }
4935
- .rs-picker-popup .rs-picker-daterange-panel-show-one-calendar .rs-picker-toolbar {
4936
- max-width: 255px;
4937
- }
4938
4935
  .rs-picker-popup .rs-picker-daterange-panel-show-one-calendar .rs-picker-toolbar-ranges {
4939
4936
  width: 190px;
4940
4937
  }
@@ -4973,6 +4970,8 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
4973
4970
  bottom: -1px;
4974
4971
  border-bottom: 2px solid #3498ff;
4975
4972
  left: 0;
4973
+ -webkit-transition: left 0.3s;
4974
+ transition: left 0.3s;
4976
4975
  }
4977
4976
  .rs-picker-daterange-header.rs-picker-tab-active-end::after {
4978
4977
  left: 50%;
@@ -14484,30 +14483,6 @@ textarea.rs-inline-edit-sm .rs-plaintext {
14484
14483
  .rs-plaintext .rs-tag {
14485
14484
  margin: 0;
14486
14485
  }
14487
- .rs-picker-tag-lg .rs-picker-textbox {
14488
- padding-bottom: 6px;
14489
- }
14490
- .rs-picker-tag-lg .rs-picker-textbox .rs-picker-search-input {
14491
- padding-left: 16px;
14492
- margin-top: 6px;
14493
- font-size: 16px;
14494
- }
14495
- .rs-picker-tag-lg .rs-picker-textbox input {
14496
- height: 20px;
14497
- }
14498
- .rs-picker-tag-lg .rs-picker-toggle {
14499
- padding-top: 8px;
14500
- padding-bottom: 8px;
14501
- -webkit-box-shadow: none;
14502
- box-shadow: none;
14503
- }
14504
- .rs-picker-tag-lg .rs-picker-textbox {
14505
- min-height: 40px;
14506
- }
14507
- .rs-picker-tag-lg .rs-picker-tag-list .rs-tag-lg {
14508
- margin-top: 6px;
14509
- margin-left: 6px;
14510
- }
14511
14486
  .rs-picker-tag .rs-picker-textbox,
14512
14487
  .rs-picker-tag-md .rs-picker-textbox {
14513
14488
  padding-bottom: 5px;
@@ -14534,6 +14509,30 @@ textarea.rs-inline-edit-sm .rs-plaintext {
14534
14509
  margin-top: 5px;
14535
14510
  margin-left: 5px;
14536
14511
  }
14512
+ .rs-picker-tag-lg .rs-picker-textbox {
14513
+ padding-bottom: 7px;
14514
+ }
14515
+ .rs-picker-tag-lg .rs-picker-textbox .rs-picker-search-input {
14516
+ padding-left: 16px;
14517
+ margin-top: 7px;
14518
+ font-size: 16px;
14519
+ }
14520
+ .rs-picker-tag-lg .rs-picker-textbox input {
14521
+ height: 20px;
14522
+ }
14523
+ .rs-picker-tag-lg .rs-picker-toggle {
14524
+ padding-top: 9px;
14525
+ padding-bottom: 9px;
14526
+ -webkit-box-shadow: none;
14527
+ box-shadow: none;
14528
+ }
14529
+ .rs-picker-tag-lg .rs-picker-textbox {
14530
+ min-height: 40px;
14531
+ }
14532
+ .rs-picker-tag-lg .rs-picker-tag-list .rs-tag-lg {
14533
+ margin-top: 6px;
14534
+ margin-left: 6px;
14535
+ }
14537
14536
  .rs-picker-tag-sm .rs-picker-textbox {
14538
14537
  padding-bottom: 2px;
14539
14538
  }
@@ -14751,6 +14750,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
14751
14750
  }
14752
14751
  .rs-toggle {
14753
14752
  position: relative;
14753
+ display: inline-block;
14754
14754
  }
14755
14755
  .rs-toggle .rs-toggle-loader {
14756
14756
  width: 18px;
@@ -14876,7 +14876,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
14876
14876
  -webkit-box-shadow: inset 0 0 0 1px var(--rs-toggle-disabled-thumb);
14877
14877
  box-shadow: inset 0 0 0 1px #fff;
14878
14878
  box-shadow: inset 0 0 0 1px var(--rs-toggle-disabled-thumb);
14879
- cursor: not-allowed;
14879
+ pointer-events: none;
14880
14880
  }
14881
14881
  .rs-toggle-checked .rs-toggle-presentation {
14882
14882
  background-color: #3498ff;