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-rtl.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;
@@ -4926,9 +4926,6 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
4926
4926
  .rs-picker-popup .rs-calendar-month-dropdown-list {
4927
4927
  width: 185px;
4928
4928
  }
4929
- .rs-picker-popup .rs-picker-daterange-panel-show-one-calendar .rs-picker-toolbar {
4930
- max-width: 255px;
4931
- }
4932
4929
  .rs-picker-popup .rs-picker-daterange-panel-show-one-calendar .rs-picker-toolbar-ranges {
4933
4930
  width: 190px;
4934
4931
  }
@@ -4967,6 +4964,8 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
4967
4964
  bottom: -1px;
4968
4965
  border-bottom: 2px solid #3498ff;
4969
4966
  right: 0;
4967
+ -webkit-transition: right 0.3s;
4968
+ transition: right 0.3s;
4970
4969
  }
4971
4970
  .rs-picker-daterange-header.rs-picker-tab-active-end::after {
4972
4971
  right: 50%;
@@ -14468,30 +14467,6 @@ textarea.rs-inline-edit-sm .rs-plaintext {
14468
14467
  .rs-plaintext .rs-tag {
14469
14468
  margin: 0;
14470
14469
  }
14471
- .rs-picker-tag-lg .rs-picker-textbox {
14472
- padding-bottom: 6px;
14473
- }
14474
- .rs-picker-tag-lg .rs-picker-textbox .rs-picker-search-input {
14475
- padding-right: 16px;
14476
- margin-top: 6px;
14477
- font-size: 16px;
14478
- }
14479
- .rs-picker-tag-lg .rs-picker-textbox input {
14480
- height: 20px;
14481
- }
14482
- .rs-picker-tag-lg .rs-picker-toggle {
14483
- padding-top: 8px;
14484
- padding-bottom: 8px;
14485
- -webkit-box-shadow: none;
14486
- box-shadow: none;
14487
- }
14488
- .rs-picker-tag-lg .rs-picker-textbox {
14489
- min-height: 40px;
14490
- }
14491
- .rs-picker-tag-lg .rs-picker-tag-list .rs-tag-lg {
14492
- margin-top: 6px;
14493
- margin-right: 6px;
14494
- }
14495
14470
  .rs-picker-tag .rs-picker-textbox,
14496
14471
  .rs-picker-tag-md .rs-picker-textbox {
14497
14472
  padding-bottom: 5px;
@@ -14518,6 +14493,30 @@ textarea.rs-inline-edit-sm .rs-plaintext {
14518
14493
  margin-top: 5px;
14519
14494
  margin-right: 5px;
14520
14495
  }
14496
+ .rs-picker-tag-lg .rs-picker-textbox {
14497
+ padding-bottom: 7px;
14498
+ }
14499
+ .rs-picker-tag-lg .rs-picker-textbox .rs-picker-search-input {
14500
+ padding-right: 16px;
14501
+ margin-top: 7px;
14502
+ font-size: 16px;
14503
+ }
14504
+ .rs-picker-tag-lg .rs-picker-textbox input {
14505
+ height: 20px;
14506
+ }
14507
+ .rs-picker-tag-lg .rs-picker-toggle {
14508
+ padding-top: 9px;
14509
+ padding-bottom: 9px;
14510
+ -webkit-box-shadow: none;
14511
+ box-shadow: none;
14512
+ }
14513
+ .rs-picker-tag-lg .rs-picker-textbox {
14514
+ min-height: 40px;
14515
+ }
14516
+ .rs-picker-tag-lg .rs-picker-tag-list .rs-tag-lg {
14517
+ margin-top: 6px;
14518
+ margin-right: 6px;
14519
+ }
14521
14520
  .rs-picker-tag-sm .rs-picker-textbox {
14522
14521
  padding-bottom: 2px;
14523
14522
  }
@@ -14735,6 +14734,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
14735
14734
  }
14736
14735
  .rs-toggle {
14737
14736
  position: relative;
14737
+ display: inline-block;
14738
14738
  }
14739
14739
  .rs-toggle .rs-toggle-loader {
14740
14740
  width: 18px;
@@ -14860,7 +14860,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
14860
14860
  -webkit-box-shadow: inset 0 0 0 1px var(--rs-toggle-disabled-thumb);
14861
14861
  box-shadow: inset 0 0 0 1px #fff;
14862
14862
  box-shadow: inset 0 0 0 1px var(--rs-toggle-disabled-thumb);
14863
- cursor: not-allowed;
14863
+ pointer-events: none;
14864
14864
  }
14865
14865
  .rs-toggle-checked .rs-toggle-presentation {
14866
14866
  background-color: #3498ff;