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-no-reset.css CHANGED
@@ -1466,7 +1466,7 @@ tbody.rs-anim-collapse.rs-anim-in {
1466
1466
  }
1467
1467
  .rs-anim-fade.rs-anim-in {
1468
1468
  opacity: 1;
1469
- pointer-events: unset;
1469
+ pointer-events: auto;
1470
1470
  }
1471
1471
  .rs-auto-complete-menu {
1472
1472
  overflow-y: auto;
@@ -4668,9 +4668,6 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
4668
4668
  .rs-picker-popup .rs-calendar-month-dropdown-list {
4669
4669
  width: 185px;
4670
4670
  }
4671
- .rs-picker-popup .rs-picker-daterange-panel-show-one-calendar .rs-picker-toolbar {
4672
- max-width: 255px;
4673
- }
4674
4671
  .rs-picker-popup .rs-picker-daterange-panel-show-one-calendar .rs-picker-toolbar-ranges {
4675
4672
  width: 190px;
4676
4673
  }
@@ -4709,6 +4706,8 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
4709
4706
  bottom: -1px;
4710
4707
  border-bottom: 2px solid #3498ff;
4711
4708
  left: 0;
4709
+ -webkit-transition: left 0.3s;
4710
+ transition: left 0.3s;
4712
4711
  }
4713
4712
  .rs-picker-daterange-header.rs-picker-tab-active-end::after {
4714
4713
  left: 50%;
@@ -14220,30 +14219,6 @@ textarea.rs-inline-edit-sm .rs-plaintext {
14220
14219
  .rs-plaintext .rs-tag {
14221
14220
  margin: 0;
14222
14221
  }
14223
- .rs-picker-tag-lg .rs-picker-textbox {
14224
- padding-bottom: 6px;
14225
- }
14226
- .rs-picker-tag-lg .rs-picker-textbox .rs-picker-search-input {
14227
- padding-left: 16px;
14228
- margin-top: 6px;
14229
- font-size: 16px;
14230
- }
14231
- .rs-picker-tag-lg .rs-picker-textbox input {
14232
- height: 20px;
14233
- }
14234
- .rs-picker-tag-lg .rs-picker-toggle {
14235
- padding-top: 8px;
14236
- padding-bottom: 8px;
14237
- -webkit-box-shadow: none;
14238
- box-shadow: none;
14239
- }
14240
- .rs-picker-tag-lg .rs-picker-textbox {
14241
- min-height: 40px;
14242
- }
14243
- .rs-picker-tag-lg .rs-picker-tag-list .rs-tag-lg {
14244
- margin-top: 6px;
14245
- margin-left: 6px;
14246
- }
14247
14222
  .rs-picker-tag .rs-picker-textbox,
14248
14223
  .rs-picker-tag-md .rs-picker-textbox {
14249
14224
  padding-bottom: 5px;
@@ -14270,6 +14245,30 @@ textarea.rs-inline-edit-sm .rs-plaintext {
14270
14245
  margin-top: 5px;
14271
14246
  margin-left: 5px;
14272
14247
  }
14248
+ .rs-picker-tag-lg .rs-picker-textbox {
14249
+ padding-bottom: 7px;
14250
+ }
14251
+ .rs-picker-tag-lg .rs-picker-textbox .rs-picker-search-input {
14252
+ padding-left: 16px;
14253
+ margin-top: 7px;
14254
+ font-size: 16px;
14255
+ }
14256
+ .rs-picker-tag-lg .rs-picker-textbox input {
14257
+ height: 20px;
14258
+ }
14259
+ .rs-picker-tag-lg .rs-picker-toggle {
14260
+ padding-top: 9px;
14261
+ padding-bottom: 9px;
14262
+ -webkit-box-shadow: none;
14263
+ box-shadow: none;
14264
+ }
14265
+ .rs-picker-tag-lg .rs-picker-textbox {
14266
+ min-height: 40px;
14267
+ }
14268
+ .rs-picker-tag-lg .rs-picker-tag-list .rs-tag-lg {
14269
+ margin-top: 6px;
14270
+ margin-left: 6px;
14271
+ }
14273
14272
  .rs-picker-tag-sm .rs-picker-textbox {
14274
14273
  padding-bottom: 2px;
14275
14274
  }
@@ -14487,6 +14486,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
14487
14486
  }
14488
14487
  .rs-toggle {
14489
14488
  position: relative;
14489
+ display: inline-block;
14490
14490
  }
14491
14491
  .rs-toggle .rs-toggle-loader {
14492
14492
  width: 18px;
@@ -14612,7 +14612,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
14612
14612
  -webkit-box-shadow: inset 0 0 0 1px var(--rs-toggle-disabled-thumb);
14613
14613
  box-shadow: inset 0 0 0 1px #fff;
14614
14614
  box-shadow: inset 0 0 0 1px var(--rs-toggle-disabled-thumb);
14615
- cursor: not-allowed;
14615
+ pointer-events: none;
14616
14616
  }
14617
14617
  .rs-toggle-checked .rs-toggle-presentation {
14618
14618
  background-color: #3498ff;