rsuite 5.55.1 → 5.57.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.
Files changed (223) hide show
  1. package/AutoComplete/styles/index.css +3 -3
  2. package/CHANGELOG.md +33 -0
  3. package/CascadeTree/package.json +7 -0
  4. package/CascadeTree/styles/index.css +273 -0
  5. package/CascadeTree/styles/index.less +77 -0
  6. package/CascadeTree/styles/search.less +45 -0
  7. package/Cascader/styles/index.css +190 -195
  8. package/Cascader/styles/index.less +1 -122
  9. package/CheckPicker/styles/index.css +142 -40
  10. package/CheckPicker/styles/index.less +1 -1
  11. package/CheckTree/styles/index.css +143 -41
  12. package/CheckTreePicker/styles/index.css +143 -41
  13. package/CheckTreePicker/styles/index.less +2 -2
  14. package/Checkbox/styles/index.css +159 -36
  15. package/Checkbox/styles/index.less +32 -13
  16. package/DatePicker/styles/index.css +3 -3
  17. package/DateRangePicker/styles/index.css +3 -3
  18. package/InputPicker/styles/index.css +3 -3
  19. package/MultiCascadeTree/package.json +7 -0
  20. package/MultiCascadeTree/styles/index.css +3701 -0
  21. package/MultiCascadeTree/styles/index.less +37 -0
  22. package/MultiCascader/styles/index.css +213 -108
  23. package/MultiCascader/styles/index.less +11 -31
  24. package/Pagination/styles/index.css +3 -3
  25. package/Radio/styles/index.css +133 -19
  26. package/Radio/styles/index.less +28 -12
  27. package/RadioGroup/styles/index.css +1 -1
  28. package/RadioGroup/styles/index.less +1 -1
  29. package/SelectPicker/styles/index.css +3 -3
  30. package/TagGroup/styles/index.css +1 -1
  31. package/TagGroup/styles/index.less +1 -1
  32. package/TagInput/styles/index.css +141 -39
  33. package/TagPicker/styles/index.css +141 -39
  34. package/cjs/@types/common.d.ts +12 -14
  35. package/cjs/CascadeTree/CascadeTree.d.ts +16 -0
  36. package/cjs/CascadeTree/CascadeTree.js +174 -0
  37. package/cjs/CascadeTree/SearchView.d.ts +17 -0
  38. package/cjs/CascadeTree/SearchView.js +106 -0
  39. package/cjs/CascadeTree/TreeView.d.ts +20 -0
  40. package/cjs/{Cascader → CascadeTree}/TreeView.js +42 -33
  41. package/cjs/CascadeTree/hooks/index.d.ts +3 -0
  42. package/cjs/CascadeTree/hooks/index.js +12 -0
  43. package/cjs/{Cascader/utils.d.ts → CascadeTree/hooks/usePaths.d.ts} +3 -25
  44. package/cjs/CascadeTree/hooks/usePaths.js +42 -0
  45. package/cjs/CascadeTree/hooks/useSearch.d.ts +17 -0
  46. package/cjs/CascadeTree/hooks/useSearch.js +59 -0
  47. package/cjs/CascadeTree/hooks/useSelect.d.ts +23 -0
  48. package/cjs/CascadeTree/hooks/useSelect.js +64 -0
  49. package/cjs/CascadeTree/index.d.ts +4 -0
  50. package/cjs/CascadeTree/index.js +9 -0
  51. package/cjs/CascadeTree/types.d.ts +66 -0
  52. package/cjs/CascadeTree/types.js +2 -0
  53. package/cjs/CascadeTree/utils.d.ts +32 -0
  54. package/cjs/CascadeTree/utils.js +66 -0
  55. package/cjs/Cascader/Cascader.d.ts +57 -26
  56. package/cjs/Cascader/Cascader.js +180 -247
  57. package/cjs/Cascader/useActive.d.ts +15 -0
  58. package/cjs/Cascader/useActive.js +43 -0
  59. package/cjs/Checkbox/Checkbox.d.ts +67 -25
  60. package/cjs/Checkbox/Checkbox.js +36 -26
  61. package/cjs/InlineEdit/InlineEdit.d.ts +1 -1
  62. package/cjs/InputPicker/InputPicker.js +2 -2
  63. package/cjs/InputPicker/InputPickerContext.d.ts +1 -1
  64. package/cjs/Loader/Loader.js +5 -4
  65. package/cjs/MultiCascadeTree/MultiCascadeTree.d.ts +9 -0
  66. package/cjs/MultiCascadeTree/MultiCascadeTree.js +131 -0
  67. package/cjs/MultiCascadeTree/SearchView.d.ts +17 -0
  68. package/cjs/MultiCascadeTree/SearchView.js +117 -0
  69. package/cjs/MultiCascadeTree/TreeView.d.ts +22 -0
  70. package/cjs/{MultiCascader → MultiCascadeTree}/TreeView.js +22 -21
  71. package/cjs/MultiCascadeTree/hooks/index.d.ts +5 -0
  72. package/cjs/MultiCascadeTree/hooks/index.js +16 -0
  73. package/cjs/MultiCascadeTree/hooks/useCascadeValue.d.ts +18 -0
  74. package/cjs/MultiCascadeTree/hooks/useCascadeValue.js +202 -0
  75. package/cjs/MultiCascadeTree/hooks/useColumnData.d.ts +16 -0
  76. package/cjs/MultiCascadeTree/hooks/useColumnData.js +52 -0
  77. package/cjs/MultiCascadeTree/hooks/useFlattenData.d.ts +9 -0
  78. package/cjs/MultiCascadeTree/hooks/useFlattenData.js +33 -0
  79. package/cjs/MultiCascadeTree/hooks/useSearch.d.ts +17 -0
  80. package/cjs/MultiCascadeTree/hooks/useSearch.js +52 -0
  81. package/cjs/MultiCascadeTree/hooks/useSelect.d.ts +19 -0
  82. package/cjs/MultiCascadeTree/hooks/useSelect.js +83 -0
  83. package/cjs/MultiCascadeTree/index.d.ts +4 -0
  84. package/cjs/MultiCascadeTree/index.js +9 -0
  85. package/cjs/MultiCascadeTree/types.d.ts +26 -0
  86. package/cjs/MultiCascadeTree/types.js +2 -0
  87. package/cjs/MultiCascadeTree/utils.d.ts +37 -0
  88. package/cjs/MultiCascadeTree/utils.js +140 -0
  89. package/cjs/MultiCascader/MultiCascader.d.ts +57 -29
  90. package/cjs/MultiCascader/MultiCascader.js +175 -287
  91. package/cjs/Radio/Radio.d.ts +42 -16
  92. package/cjs/Radio/Radio.js +42 -37
  93. package/cjs/RadioGroup/RadioGroup.d.ts +1 -1
  94. package/cjs/RadioGroup/RadioGroup.js +3 -3
  95. package/cjs/TagPicker/index.js +1 -1
  96. package/cjs/Tree/Tree.d.ts +4 -4
  97. package/cjs/index.d.ts +6 -1
  98. package/cjs/index.js +8 -3
  99. package/cjs/internals/Picker/ListCheckItem.d.ts +2 -11
  100. package/cjs/internals/Picker/ListCheckItem.js +8 -6
  101. package/cjs/internals/Picker/PickerToggle.d.ts +4 -5
  102. package/cjs/toaster/ToastContainer.d.ts +9 -2
  103. package/cjs/toaster/index.d.ts +0 -1
  104. package/cjs/toaster/index.js +1 -3
  105. package/cjs/useToaster/index.d.ts +2 -0
  106. package/cjs/useToaster/index.js +9 -0
  107. package/cjs/{toaster → useToaster}/useToaster.d.ts +4 -4
  108. package/cjs/{toaster → useToaster}/useToaster.js +4 -4
  109. package/cjs/utils/index.d.ts +1 -0
  110. package/cjs/utils/index.js +5 -2
  111. package/dist/rsuite-no-reset-rtl.css +322 -124
  112. package/dist/rsuite-no-reset-rtl.min.css +1 -1
  113. package/dist/rsuite-no-reset-rtl.min.css.map +1 -1
  114. package/dist/rsuite-no-reset.css +322 -124
  115. package/dist/rsuite-no-reset.min.css +1 -1
  116. package/dist/rsuite-no-reset.min.css.map +1 -1
  117. package/dist/rsuite-rtl.css +322 -124
  118. package/dist/rsuite-rtl.min.css +1 -1
  119. package/dist/rsuite-rtl.min.css.map +1 -1
  120. package/dist/rsuite.css +322 -124
  121. package/dist/rsuite.js +248 -50
  122. package/dist/rsuite.js.map +1 -1
  123. package/dist/rsuite.min.css +1 -1
  124. package/dist/rsuite.min.css.map +1 -1
  125. package/dist/rsuite.min.js +1 -1
  126. package/dist/rsuite.min.js.map +1 -1
  127. package/esm/@types/common.d.ts +12 -14
  128. package/esm/CascadeTree/CascadeTree.d.ts +16 -0
  129. package/esm/CascadeTree/CascadeTree.js +167 -0
  130. package/esm/CascadeTree/SearchView.d.ts +17 -0
  131. package/esm/CascadeTree/SearchView.js +100 -0
  132. package/esm/CascadeTree/TreeView.d.ts +20 -0
  133. package/esm/{Cascader → CascadeTree}/TreeView.js +42 -33
  134. package/esm/CascadeTree/hooks/index.d.ts +3 -0
  135. package/esm/CascadeTree/hooks/index.js +4 -0
  136. package/esm/{Cascader/utils.d.ts → CascadeTree/hooks/usePaths.d.ts} +3 -25
  137. package/esm/CascadeTree/hooks/usePaths.js +36 -0
  138. package/esm/CascadeTree/hooks/useSearch.d.ts +17 -0
  139. package/esm/CascadeTree/hooks/useSearch.js +54 -0
  140. package/esm/CascadeTree/hooks/useSelect.d.ts +23 -0
  141. package/esm/CascadeTree/hooks/useSelect.js +59 -0
  142. package/esm/CascadeTree/index.d.ts +4 -0
  143. package/esm/CascadeTree/index.js +3 -0
  144. package/esm/CascadeTree/types.d.ts +66 -0
  145. package/esm/CascadeTree/types.js +1 -0
  146. package/esm/CascadeTree/utils.d.ts +32 -0
  147. package/esm/CascadeTree/utils.js +61 -0
  148. package/esm/Cascader/Cascader.d.ts +57 -26
  149. package/esm/Cascader/Cascader.js +167 -233
  150. package/esm/Cascader/useActive.d.ts +15 -0
  151. package/esm/Cascader/useActive.js +37 -0
  152. package/esm/Checkbox/Checkbox.d.ts +67 -25
  153. package/esm/Checkbox/Checkbox.js +38 -28
  154. package/esm/InlineEdit/InlineEdit.d.ts +1 -1
  155. package/esm/InputPicker/InputPicker.js +2 -2
  156. package/esm/InputPicker/InputPickerContext.d.ts +1 -1
  157. package/esm/Loader/Loader.js +6 -5
  158. package/esm/MultiCascadeTree/MultiCascadeTree.d.ts +9 -0
  159. package/esm/MultiCascadeTree/MultiCascadeTree.js +125 -0
  160. package/esm/MultiCascadeTree/SearchView.d.ts +17 -0
  161. package/esm/MultiCascadeTree/SearchView.js +111 -0
  162. package/esm/MultiCascadeTree/TreeView.d.ts +22 -0
  163. package/esm/{MultiCascader → MultiCascadeTree}/TreeView.js +22 -21
  164. package/esm/MultiCascadeTree/hooks/index.d.ts +5 -0
  165. package/esm/MultiCascadeTree/hooks/index.js +6 -0
  166. package/esm/MultiCascadeTree/hooks/useCascadeValue.d.ts +18 -0
  167. package/esm/MultiCascadeTree/hooks/useCascadeValue.js +197 -0
  168. package/esm/MultiCascadeTree/hooks/useColumnData.d.ts +16 -0
  169. package/esm/MultiCascadeTree/hooks/useColumnData.js +46 -0
  170. package/esm/MultiCascadeTree/hooks/useFlattenData.d.ts +9 -0
  171. package/esm/MultiCascadeTree/hooks/useFlattenData.js +28 -0
  172. package/esm/MultiCascadeTree/hooks/useSearch.d.ts +17 -0
  173. package/esm/MultiCascadeTree/hooks/useSearch.js +47 -0
  174. package/esm/MultiCascadeTree/hooks/useSelect.d.ts +19 -0
  175. package/esm/MultiCascadeTree/hooks/useSelect.js +77 -0
  176. package/esm/MultiCascadeTree/index.d.ts +4 -0
  177. package/esm/MultiCascadeTree/index.js +3 -0
  178. package/esm/MultiCascadeTree/types.d.ts +26 -0
  179. package/esm/MultiCascadeTree/types.js +1 -0
  180. package/esm/MultiCascadeTree/utils.d.ts +37 -0
  181. package/esm/MultiCascadeTree/utils.js +130 -0
  182. package/esm/MultiCascader/MultiCascader.d.ts +57 -29
  183. package/esm/MultiCascader/MultiCascader.js +168 -279
  184. package/esm/Radio/Radio.d.ts +42 -16
  185. package/esm/Radio/Radio.js +43 -38
  186. package/esm/RadioGroup/RadioGroup.d.ts +1 -1
  187. package/esm/RadioGroup/RadioGroup.js +5 -5
  188. package/esm/TagPicker/index.js +1 -1
  189. package/esm/Tree/Tree.d.ts +4 -4
  190. package/esm/index.d.ts +6 -1
  191. package/esm/index.js +5 -1
  192. package/esm/internals/Picker/ListCheckItem.d.ts +2 -11
  193. package/esm/internals/Picker/ListCheckItem.js +8 -6
  194. package/esm/internals/Picker/PickerToggle.d.ts +4 -5
  195. package/esm/toaster/ToastContainer.d.ts +9 -2
  196. package/esm/toaster/index.d.ts +0 -1
  197. package/esm/toaster/index.js +0 -1
  198. package/esm/useToaster/index.d.ts +2 -0
  199. package/esm/useToaster/index.js +3 -0
  200. package/esm/{toaster → useToaster}/useToaster.d.ts +4 -4
  201. package/esm/{toaster → useToaster}/useToaster.js +4 -4
  202. package/esm/utils/index.d.ts +1 -0
  203. package/esm/utils/index.js +2 -1
  204. package/internals/Picker/styles/index.less +1 -1
  205. package/package.json +1 -1
  206. package/styles/index.less +2 -0
  207. package/useToaster/package.json +7 -0
  208. package/useToaster/styles/index.css +239 -0
  209. package/useToaster/styles/index.less +1 -0
  210. package/cjs/Cascader/DropdownMenu.d.ts +0 -24
  211. package/cjs/Cascader/DropdownMenu.js +0 -175
  212. package/cjs/Cascader/TreeView.d.ts +0 -24
  213. package/cjs/Cascader/utils.js +0 -79
  214. package/cjs/MultiCascader/TreeView.d.ts +0 -25
  215. package/cjs/MultiCascader/utils.d.ts +0 -71
  216. package/cjs/MultiCascader/utils.js +0 -382
  217. package/esm/Cascader/DropdownMenu.d.ts +0 -24
  218. package/esm/Cascader/DropdownMenu.js +0 -168
  219. package/esm/Cascader/TreeView.d.ts +0 -24
  220. package/esm/Cascader/utils.js +0 -74
  221. package/esm/MultiCascader/TreeView.d.ts +0 -25
  222. package/esm/MultiCascader/utils.d.ts +0 -71
  223. package/esm/MultiCascader/utils.js +0 -369
@@ -0,0 +1,239 @@
1
+ :root,
2
+ .rs-theme-light {
3
+ --rs-shadow-overlay: 0 4px 4px rgba(0, 0, 0, 0.12), 0 0 10px rgba(0, 0, 0, 0.06);
4
+ }
5
+ .rs-theme-dark {
6
+ --rs-shadow-overlay: 0 4px 4px rgba(0, 0, 0, 0.12), 0 0 10px rgba(0, 0, 0, 0.06);
7
+ }
8
+ .rs-theme-high-contrast {
9
+ --rs-shadow-overlay: 0 4px 4px rgba(0, 0, 0, 0.12), 0 0 10px rgba(0, 0, 0, 0.06);
10
+ }
11
+ /* stylelint-disable */
12
+ *[class*='rs-'] {
13
+ -webkit-box-sizing: border-box;
14
+ box-sizing: border-box;
15
+ }
16
+ *[class*='rs-']::before,
17
+ *[class*='rs-']::after {
18
+ -webkit-box-sizing: border-box;
19
+ box-sizing: border-box;
20
+ }
21
+ @-webkit-keyframes notificationMoveIn {
22
+ 0% {
23
+ opacity: 0;
24
+ -webkit-transform-origin: 0% 0%;
25
+ transform-origin: 0% 0%;
26
+ -webkit-transform: scaleY(0.8);
27
+ transform: scaleY(0.8);
28
+ }
29
+ 100% {
30
+ opacity: 1;
31
+ -webkit-transform-origin: 0% 0%;
32
+ transform-origin: 0% 0%;
33
+ -webkit-transform: scaleY(1);
34
+ transform: scaleY(1);
35
+ }
36
+ }
37
+ @keyframes notificationMoveIn {
38
+ 0% {
39
+ opacity: 0;
40
+ -webkit-transform-origin: 0% 0%;
41
+ transform-origin: 0% 0%;
42
+ -webkit-transform: scaleY(0.8);
43
+ transform: scaleY(0.8);
44
+ }
45
+ 100% {
46
+ opacity: 1;
47
+ -webkit-transform-origin: 0% 0%;
48
+ transform-origin: 0% 0%;
49
+ -webkit-transform: scaleY(1);
50
+ transform: scaleY(1);
51
+ }
52
+ }
53
+ @-webkit-keyframes notificationMoveInLeft {
54
+ from {
55
+ opacity: 0;
56
+ -webkit-transform: translate3d(-100%, 0, 0);
57
+ transform: translate3d(-100%, 0, 0);
58
+ }
59
+ to {
60
+ opacity: 1;
61
+ -webkit-transform: none;
62
+ transform: none;
63
+ }
64
+ }
65
+ @keyframes notificationMoveInLeft {
66
+ from {
67
+ opacity: 0;
68
+ -webkit-transform: translate3d(-100%, 0, 0);
69
+ transform: translate3d(-100%, 0, 0);
70
+ }
71
+ to {
72
+ opacity: 1;
73
+ -webkit-transform: none;
74
+ transform: none;
75
+ }
76
+ }
77
+ @-webkit-keyframes notificationMoveInRight {
78
+ from {
79
+ opacity: 0;
80
+ -webkit-transform: translate3d(100%, 0, 0);
81
+ transform: translate3d(100%, 0, 0);
82
+ }
83
+ to {
84
+ opacity: 1;
85
+ -webkit-transform: none;
86
+ transform: none;
87
+ }
88
+ }
89
+ @keyframes notificationMoveInRight {
90
+ from {
91
+ opacity: 0;
92
+ -webkit-transform: translate3d(100%, 0, 0);
93
+ transform: translate3d(100%, 0, 0);
94
+ }
95
+ to {
96
+ opacity: 1;
97
+ -webkit-transform: none;
98
+ transform: none;
99
+ }
100
+ }
101
+ @-webkit-keyframes notificationMoveOut {
102
+ 0% {
103
+ opacity: 1;
104
+ -webkit-transform-origin: 0% 0%;
105
+ transform-origin: 0% 0%;
106
+ -webkit-transform: scaleY(1);
107
+ transform: scaleY(1);
108
+ max-height: 100px;
109
+ }
110
+ 100% {
111
+ opacity: 0;
112
+ -webkit-transform-origin: 0% 0%;
113
+ transform-origin: 0% 0%;
114
+ -webkit-transform: scaleY(0.8);
115
+ transform: scaleY(0.8);
116
+ max-height: 0;
117
+ overflow: hidden;
118
+ }
119
+ }
120
+ @keyframes notificationMoveOut {
121
+ 0% {
122
+ opacity: 1;
123
+ -webkit-transform-origin: 0% 0%;
124
+ transform-origin: 0% 0%;
125
+ -webkit-transform: scaleY(1);
126
+ transform: scaleY(1);
127
+ max-height: 100px;
128
+ }
129
+ 100% {
130
+ opacity: 0;
131
+ -webkit-transform-origin: 0% 0%;
132
+ transform-origin: 0% 0%;
133
+ -webkit-transform: scaleY(0.8);
134
+ transform: scaleY(0.8);
135
+ max-height: 0;
136
+ overflow: hidden;
137
+ }
138
+ }
139
+ .rs-toast {
140
+ pointer-events: auto;
141
+ }
142
+ .rs-toast-container {
143
+ position: fixed;
144
+ z-index: 1080;
145
+ pointer-events: none;
146
+ display: -webkit-box;
147
+ display: -ms-flexbox;
148
+ display: flex;
149
+ -webkit-box-orient: vertical;
150
+ -webkit-box-direction: normal;
151
+ -ms-flex-direction: column;
152
+ flex-direction: column;
153
+ }
154
+ .rs-toast-container .rs-toast:not(.rs-notification) {
155
+ -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.12), 0 0 10px rgba(0, 0, 0, 0.06);
156
+ -webkit-box-shadow: var(--rs-shadow-overlay);
157
+ box-shadow: 0 4px 4px rgba(0, 0, 0, 0.12), 0 0 10px rgba(0, 0, 0, 0.06);
158
+ box-shadow: var(--rs-shadow-overlay);
159
+ }
160
+ .rs-toast-container .rs-toast-fade-entered,
161
+ .rs-toast-container .rs-toast-fade-exiting {
162
+ -webkit-animation-fill-mode: forwards;
163
+ animation-fill-mode: forwards;
164
+ }
165
+ .rs-toast-container .rs-toast-fade-entered {
166
+ -webkit-animation-duration: 0.4s;
167
+ animation-duration: 0.4s;
168
+ -webkit-animation-timing-function: cubic-bezier(0.99, 0.44, 0.44, 1.35);
169
+ animation-timing-function: cubic-bezier(0.99, 0.44, 0.44, 1.35);
170
+ }
171
+ .rs-toast-container .rs-toast-fade-exited,
172
+ .rs-toast-container .rs-toast-fade-entering {
173
+ opacity: 0;
174
+ }
175
+ .rs-toast-container .rs-toast-fade-exited {
176
+ -webkit-transform-origin: 0 0;
177
+ transform-origin: 0 0;
178
+ -webkit-transform: scaleY(0.8);
179
+ transform: scaleY(0.8);
180
+ max-height: 0;
181
+ overflow: hidden;
182
+ }
183
+ .rs-toast-container-top-center,
184
+ .rs-toast-container-bottom-center {
185
+ -webkit-box-align: center;
186
+ -ms-flex-align: center;
187
+ align-items: center;
188
+ width: 100%;
189
+ }
190
+ .rs-toast-container-top-center .rs-toast-fade-entered,
191
+ .rs-toast-container-bottom-center .rs-toast-fade-entered {
192
+ -webkit-animation-name: notificationMoveIn;
193
+ animation-name: notificationMoveIn;
194
+ }
195
+ .rs-toast-container-bottom-start,
196
+ .rs-toast-container-top-start {
197
+ -webkit-box-align: start;
198
+ -ms-flex-align: start;
199
+ align-items: flex-start;
200
+ left: 24px;
201
+ }
202
+ .rs-toast-container-bottom-start .rs-toast-fade-entered,
203
+ .rs-toast-container-top-start .rs-toast-fade-entered {
204
+ -webkit-animation-name: notificationMoveInLeft;
205
+ animation-name: notificationMoveInLeft;
206
+ }
207
+ .rs-toast-container-bottom-end,
208
+ .rs-toast-container-top-end {
209
+ -webkit-box-align: end;
210
+ -ms-flex-align: end;
211
+ align-items: flex-end;
212
+ right: 24px;
213
+ }
214
+ .rs-toast-container-bottom-end .rs-toast-fade-entered,
215
+ .rs-toast-container-top-end .rs-toast-fade-entered {
216
+ margin-left: auto;
217
+ -webkit-animation-name: notificationMoveInRight;
218
+ animation-name: notificationMoveInRight;
219
+ }
220
+ .rs-toast-container-top-center,
221
+ .rs-toast-container-top-start,
222
+ .rs-toast-container-top-end {
223
+ top: 24px;
224
+ }
225
+ .rs-toast-container-bottom-center,
226
+ .rs-toast-container-bottom-start,
227
+ .rs-toast-container-bottom-end {
228
+ bottom: 24px;
229
+ }
230
+ .rs-toast-container .rs-toast-fade-exiting {
231
+ -webkit-animation-duration: 0.3s;
232
+ animation-duration: 0.3s;
233
+ -webkit-animation-timing-function: cubic-bezier(0.64, 0.65, 0.57, 1.13);
234
+ animation-timing-function: cubic-bezier(0.64, 0.65, 0.57, 1.13);
235
+ -webkit-animation-name: notificationMoveOut;
236
+ animation-name: notificationMoveOut;
237
+ }
238
+
239
+ /*# sourceMappingURL=index.css.map */
@@ -0,0 +1 @@
1
+ @import '../../toaster/styles/index.less';
@@ -1,24 +0,0 @@
1
- import React from 'react';
2
- import { ItemDataType, WithAsProps, RsRefForwardingComponent } from '../@types/common';
3
- import { ValueType } from './Cascader';
4
- declare type SetLike<T = unknown> = {
5
- has(value: T): boolean;
6
- };
7
- export interface TreeViewProps extends Omit<WithAsProps, 'classPrefix'> {
8
- classPrefix: string;
9
- disabledItemValues: ValueType[];
10
- activeItemValue?: ValueType | null;
11
- childrenKey: string;
12
- cascadeData: (readonly ItemDataType[])[];
13
- loadingItemsSet?: SetLike<ItemDataType>;
14
- cascadePaths: ItemDataType[];
15
- valueKey: string;
16
- labelKey: string;
17
- menuWidth?: number;
18
- menuHeight?: number | string;
19
- renderMenuItem?: (itemLabel: React.ReactNode, item: ItemDataType) => React.ReactNode;
20
- renderMenu?: (items: readonly ItemDataType[], menu: React.ReactNode, parentNode?: ItemDataType, layer?: number) => React.ReactNode;
21
- onSelect?: (node: ItemDataType, cascadePaths: ItemDataType[], isLeafNode: boolean, event: React.MouseEvent) => void;
22
- }
23
- declare const TreeView: RsRefForwardingComponent<'div', TreeViewProps>;
24
- export default TreeView;
@@ -1,175 +0,0 @@
1
- 'use client';
2
- "use strict";
3
-
4
- var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
5
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
6
- exports.__esModule = true;
7
- exports.default = void 0;
8
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
9
- var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
10
- var _react = _interopRequireWildcard(require("react"));
11
- var _Spinner = _interopRequireDefault(require("@rsuite/icons/legacy/Spinner"));
12
- var _isUndefined = _interopRequireDefault(require("lodash/isUndefined"));
13
- var _isNil = _interopRequireDefault(require("lodash/isNil"));
14
- var _utils = require("../utils");
15
- var _Picker = require("../internals/Picker");
16
- var _AngleLeft = _interopRequireDefault(require("@rsuite/icons/legacy/AngleLeft"));
17
- var _AngleRight = _interopRequireDefault(require("@rsuite/icons/legacy/AngleRight"));
18
- var _getPosition = _interopRequireDefault(require("dom-lib/getPosition"));
19
- var _scrollTop = _interopRequireDefault(require("dom-lib/scrollTop"));
20
- var emptyArray = [];
21
- var TreeView = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
22
- var _props$as = props.as,
23
- Component = _props$as === void 0 ? 'div' : _props$as,
24
- activeItemValue = props.activeItemValue,
25
- classPrefix = props.classPrefix,
26
- className = props.className,
27
- _props$childrenKey = props.childrenKey,
28
- childrenKey = _props$childrenKey === void 0 ? 'children' : _props$childrenKey,
29
- _props$disabledItemVa = props.disabledItemValues,
30
- disabledItemValues = _props$disabledItemVa === void 0 ? emptyArray : _props$disabledItemVa,
31
- _props$menuWidth = props.menuWidth,
32
- menuWidth = _props$menuWidth === void 0 ? 120 : _props$menuWidth,
33
- _props$menuHeight = props.menuHeight,
34
- menuHeight = _props$menuHeight === void 0 ? 200 : _props$menuHeight,
35
- _props$valueKey = props.valueKey,
36
- valueKey = _props$valueKey === void 0 ? 'value' : _props$valueKey,
37
- _props$cascadeData = props.cascadeData,
38
- cascadeData = _props$cascadeData === void 0 ? emptyArray : _props$cascadeData,
39
- _props$cascadePaths = props.cascadePaths,
40
- cascadePaths = _props$cascadePaths === void 0 ? emptyArray : _props$cascadePaths,
41
- loadingItemsSet = props.loadingItemsSet,
42
- _props$labelKey = props.labelKey,
43
- labelKey = _props$labelKey === void 0 ? 'label' : _props$labelKey,
44
- style = props.style,
45
- renderMenu = props.renderMenu,
46
- renderMenuItem = props.renderMenuItem,
47
- onSelect = props.onSelect,
48
- rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "activeItemValue", "classPrefix", "className", "childrenKey", "disabledItemValues", "menuWidth", "menuHeight", "valueKey", "cascadeData", "cascadePaths", "loadingItemsSet", "labelKey", "style", "renderMenu", "renderMenuItem", "onSelect"]);
49
- var _useClassNames = (0, _utils.useClassNames)(classPrefix),
50
- merge = _useClassNames.merge,
51
- prefix = _useClassNames.prefix;
52
- var classes = merge(className, prefix('items'));
53
- var rootRef = (0, _react.useRef)();
54
- var _useCustom = (0, _utils.useCustom)(),
55
- rtl = _useCustom.rtl;
56
- var _useCombobox = (0, _Picker.useCombobox)(),
57
- id = _useCombobox.id,
58
- labelId = _useCombobox.labelId,
59
- popupType = _useCombobox.popupType;
60
- (0, _react.useEffect)(function () {
61
- var _rootRef$current;
62
- var columns = ((_rootRef$current = rootRef.current) === null || _rootRef$current === void 0 ? void 0 : _rootRef$current.querySelectorAll('[data-type="column"]')) || [];
63
- columns.forEach(function (column) {
64
- if (!column) {
65
- return;
66
- }
67
- var activeItem = column.querySelector("." + prefix('item-focus'));
68
- if (!activeItem) {
69
- activeItem = column.querySelector("." + prefix('item-active'));
70
- }
71
- if (activeItem) {
72
- var position = (0, _getPosition.default)(activeItem, column);
73
- // Let the active option scroll into view.
74
- if (position !== null && position !== void 0 && position.top) {
75
- (0, _scrollTop.default)(column, position === null || position === void 0 ? void 0 : position.top);
76
- }
77
- }
78
- });
79
- }, [prefix]);
80
- var getCascadePaths = function getCascadePaths(layer, node) {
81
- var paths = [];
82
- for (var i = 0; i < cascadeData.length && i < layer; i += 1) {
83
- if (i < layer - 1 && cascadePaths) {
84
- paths.push(cascadePaths[i]);
85
- }
86
- }
87
- paths.push(node);
88
- return paths;
89
- };
90
- var handleSelect = (0, _utils.useEventCallback)(function (layer, node, event) {
91
- var isLeafNode = (0, _isNil.default)(node[childrenKey]);
92
- var cascadePaths = getCascadePaths(layer + 1, node);
93
- onSelect === null || onSelect === void 0 ? void 0 : onSelect(node, cascadePaths, isLeafNode, event);
94
- });
95
- var renderCascadeNode = function renderCascadeNode(nodeProps) {
96
- var _loadingItemsSet$has;
97
- var node = nodeProps.node,
98
- index = nodeProps.index,
99
- layer = nodeProps.layer,
100
- focus = nodeProps.focus,
101
- size = nodeProps.size;
102
- var children = node[childrenKey];
103
- var value = node[valueKey];
104
- var label = node[labelKey];
105
- var disabled = disabledItemValues.some(function (disabledValue) {
106
- return (0, _utils.shallowEqual)(disabledValue, value);
107
- });
108
- var loading = (_loadingItemsSet$has = loadingItemsSet === null || loadingItemsSet === void 0 ? void 0 : loadingItemsSet.has(node)) !== null && _loadingItemsSet$has !== void 0 ? _loadingItemsSet$has : false;
109
-
110
- // Use `value` in keys when If `value` is string or number
111
- var onlyKey = typeof value === 'number' || typeof value === 'string' ? value : index;
112
- var Icon = loading ? _Spinner.default : rtl ? _AngleLeft.default : _AngleRight.default;
113
- return /*#__PURE__*/_react.default.createElement(_Picker.ListItem, {
114
- as: 'li',
115
- role: "treeitem",
116
- "aria-level": layer + 1,
117
- "aria-setsize": size,
118
- "aria-posinset": index + 1,
119
- "aria-label": typeof label === 'string' ? label : undefined,
120
- classPrefix: "picker-cascader-menu-item",
121
- key: layer + "-" + onlyKey,
122
- disabled: disabled,
123
- active: !(0, _isUndefined.default)(activeItemValue) && (0, _utils.shallowEqual)(activeItemValue, value),
124
- focus: focus,
125
- value: value,
126
- className: children ? prefix('has-children') : undefined,
127
- onSelect: function onSelect(_value, event) {
128
- return handleSelect(layer, node, event);
129
- }
130
- }, renderMenuItem ? renderMenuItem(label, node) : label, children ? /*#__PURE__*/_react.default.createElement(Icon, {
131
- className: prefix('caret'),
132
- spin: loading
133
- }) : null);
134
- };
135
- var cascadeNodes = cascadeData.map(function (children, layer) {
136
- var onlyKey = layer + "_" + children.length;
137
- var parentNode = cascadePaths[layer - 1];
138
- var menu = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children.map(function (item, index) {
139
- var focus = cascadePaths[layer] && (0, _utils.shallowEqual)(cascadePaths[layer][valueKey], item[valueKey]);
140
- return renderCascadeNode({
141
- node: item,
142
- index: index,
143
- layer: layer,
144
- focus: focus,
145
- size: children.length
146
- });
147
- }));
148
- return /*#__PURE__*/_react.default.createElement("ul", {
149
- role: "group",
150
- "data-layer": layer,
151
- "data-type": 'column',
152
- key: onlyKey,
153
- className: prefix('column'),
154
- style: {
155
- height: menuHeight,
156
- width: menuWidth
157
- }
158
- }, renderMenu ? renderMenu(children, menu, parentNode, layer) : menu);
159
- });
160
- var styles = (0, _extends2.default)({}, style, {
161
- width: cascadeData.length * menuWidth
162
- });
163
- return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
164
- role: "tree",
165
- id: id + "-" + popupType,
166
- "aria-labelledby": labelId
167
- }, rest, {
168
- ref: (0, _utils.mergeRefs)(rootRef, ref),
169
- className: classes,
170
- style: styles
171
- }), cascadeNodes);
172
- });
173
- TreeView.displayName = 'TreeView';
174
- var _default = TreeView;
175
- exports.default = _default;
@@ -1,24 +0,0 @@
1
- import React from 'react';
2
- import { ItemDataType, WithAsProps, RsRefForwardingComponent } from '../@types/common';
3
- import { ValueType } from './Cascader';
4
- declare type SetLike<T = unknown> = {
5
- has(value: T): boolean;
6
- };
7
- export interface TreeViewProps extends Omit<WithAsProps, 'classPrefix'> {
8
- classPrefix: string;
9
- disabledItemValues: ValueType[];
10
- activeItemValue?: ValueType | null;
11
- childrenKey: string;
12
- cascadeData: (readonly ItemDataType[])[];
13
- loadingItemsSet?: SetLike<ItemDataType>;
14
- cascadePaths: ItemDataType[];
15
- valueKey: string;
16
- labelKey: string;
17
- menuWidth?: number;
18
- menuHeight?: number | string;
19
- renderMenuItem?: (itemLabel: React.ReactNode, item: ItemDataType) => React.ReactNode;
20
- renderMenu?: (items: readonly ItemDataType[], menu: React.ReactNode, parentNode?: ItemDataType, layer?: number) => React.ReactNode;
21
- onSelect?: (node: ItemDataType, cascadePaths: ItemDataType[], isLeafNode: boolean, event: React.MouseEvent) => void;
22
- }
23
- declare const TreeView: RsRefForwardingComponent<'div', TreeViewProps>;
24
- export default TreeView;
@@ -1,79 +0,0 @@
1
- 'use client';
2
- "use strict";
3
-
4
- exports.__esModule = true;
5
- exports.getColumnsAndPaths = getColumnsAndPaths;
6
- exports.usePaths = usePaths;
7
- var _react = require("react");
8
- var _treeUtils = require("../utils/treeUtils");
9
- /**
10
- * Calculate columns to be displayed:
11
- *
12
- * - Every ancestor level of activeItem should be displayed
13
- * - The level that activeItem is at should be displayed
14
- * - If activeItem is a parent node, its child level should be displayed
15
- *
16
- * @param items
17
- * @param value
18
- * @param options
19
- * @returns
20
- */
21
- function getColumnsAndPaths(items, pathTarget, options) {
22
- var getParent = options.getParent,
23
- getChildren = options.getChildren;
24
- if (!pathTarget) {
25
- return {
26
- columns: [items],
27
- path: []
28
- };
29
- }
30
- var columns = [];
31
- var path = [pathTarget];
32
- var children = getChildren(pathTarget);
33
- if (children && children.length > 0) {
34
- columns.unshift(children);
35
- }
36
- for (var parent = getParent(pathTarget); !!parent; parent = getParent(parent)) {
37
- var _getChildren;
38
- columns.unshift((_getChildren = getChildren(parent)) !== null && _getChildren !== void 0 ? _getChildren : []);
39
- path.unshift(parent);
40
- }
41
- columns.unshift(items);
42
- return {
43
- columns: columns,
44
- path: path
45
- };
46
- }
47
- /**
48
- * Caculate following 3 things
49
- *
50
- * - The columns of items to be displayed
51
- * - The path towards the current focused item
52
- * - The path towards the current selected item (referred to by Cascader's value)
53
- *
54
- * @param params
55
- * @returns
56
- */
57
- function usePaths(_ref) {
58
- var data = _ref.data,
59
- activeItem = _ref.activeItem,
60
- selectedItem = _ref.selectedItem,
61
- getParent = _ref.getParent,
62
- getChildren = _ref.getChildren;
63
- var pathTowardsSelectedItem = (0, _react.useMemo)(function () {
64
- return (0, _treeUtils.getPathTowardsItem)(selectedItem, getParent);
65
- }, [getParent, selectedItem]);
66
- var _useMemo = (0, _react.useMemo)(function () {
67
- return getColumnsAndPaths(data, activeItem, {
68
- getParent: getParent,
69
- getChildren: getChildren
70
- });
71
- }, [data, activeItem, getParent, getChildren]),
72
- columnsToDisplay = _useMemo.columns,
73
- pathTowardsActiveItem = _useMemo.path;
74
- return {
75
- columnsToDisplay: columnsToDisplay,
76
- pathTowardsSelectedItem: pathTowardsSelectedItem,
77
- pathTowardsActiveItem: pathTowardsActiveItem
78
- };
79
- }
@@ -1,25 +0,0 @@
1
- import React from 'react';
2
- import { ItemDataType, WithAsProps, RsRefForwardingComponent } from '../@types/common';
3
- import { ValueType } from './MultiCascader';
4
- export interface TreeViewProps extends WithAsProps {
5
- disabledItemValues: ValueType;
6
- value: ValueType;
7
- childrenKey: string;
8
- valueKey: string;
9
- labelKey: string;
10
- menuWidth?: number;
11
- menuHeight?: number | string;
12
- cascade?: boolean;
13
- cascadeData: (readonly ItemDataType[])[];
14
- cascadePaths?: ItemDataType[];
15
- uncheckableItemValues: ValueType;
16
- renderMenuItem?: (itemLabel: React.MouseEventHandler, item: ItemDataType) => React.ReactNode;
17
- renderMenu?: (children: readonly ItemDataType[], menu: React.ReactNode, parentNode?: ItemDataType, layer?: number) => React.ReactNode;
18
- onCheck?: (node: ItemDataType, event: React.SyntheticEvent, checked: boolean) => void;
19
- onSelect?: (node: ItemDataType, cascadePaths: ItemDataType[], event: React.SyntheticEvent) => void;
20
- }
21
- /**
22
- * TODO: reuse Menu from Cascader for consistent behavior
23
- */
24
- declare const TreeView: RsRefForwardingComponent<'div', TreeViewProps>;
25
- export default TreeView;
@@ -1,71 +0,0 @@
1
- /// <reference types="react" />
2
- import { MultiCascaderProps, ValueType } from './MultiCascader';
3
- import { ItemDataType } from '../@types/common';
4
- export interface ItemType extends ItemDataType {
5
- parent?: ItemType;
6
- }
7
- interface ItemKeys {
8
- valueKey: string;
9
- labelKey: string;
10
- childrenKey: string;
11
- }
12
- declare type MayHasParent<T extends Record<string, unknown>> = T & {
13
- parent?: MayHasParent<T>;
14
- };
15
- /**
16
- * Get all parents of a node
17
- * @param node
18
- */
19
- export declare const getParents: <T extends Record<string, unknown>>(node: MayHasParent<T>) => MayHasParent<T>[];
20
- /**
21
- * Check if any child nodes are selected.
22
- * @param node
23
- * @param value
24
- * @param itemKeys
25
- */
26
- export declare const isSomeChildChecked: <T extends Record<string, unknown>>(node: T, value: ValueType, itemKeys: Omit<ItemKeys, 'labelKey'>) => any;
27
- /**
28
- * Check if the parent is selected.
29
- * @param node
30
- * @param value
31
- * @param itemKeys
32
- */
33
- export declare const isSomeParentChecked: <T extends Record<string, unknown>>(node: MayHasParent<T>, value: ValueType, itemKeys: Pick<ItemKeys, 'valueKey'>) => any;
34
- export declare const getOtherItemValuesByUnselectChild: <T>(itemNode: ItemType, value: any, itemKeys: Omit<ItemKeys, 'labelKey'>) => T[];
35
- /**
36
- * Remove the values of all children.
37
- */
38
- export declare const removeAllChildrenValue: <T>(value: T[], item: ItemType, itemKeys: Omit<ItemKeys, 'labelKey'>) => T[] | undefined;
39
- /**
40
- * A hook to flatten tree structure data
41
- * @param data
42
- */
43
- export declare function useFlattenData<T>(data: T[], itemKeys: ItemKeys): {
44
- addFlattenData: (children: T[], parent: T) => void;
45
- flattenData: T[];
46
- };
47
- /**
48
- * A hook for column data
49
- * @param flattenData
50
- */
51
- export declare function useColumnData<T extends MayHasParent<Record<string, unknown>>>(flattenData: T[]): {
52
- columnData: (readonly T[])[];
53
- addColumn: (column: T[], index: number) => void;
54
- removeColumnByIndex: (index: number) => void;
55
- setColumnData: import("react").Dispatch<import("react").SetStateAction<(readonly T[])[]>>;
56
- enforceUpdateColumnData: (nextData: T[]) => void;
57
- };
58
- /**
59
- * A hook that converts the value into a cascading value
60
- * @param props
61
- * @param flattenData
62
- */
63
- export declare function useCascadeValue<T>(props: Partial<MultiCascaderProps<T[]>> & ItemKeys, flattenData: ItemType[]): {
64
- value: T[];
65
- setValue: import("react").Dispatch<import("react").SetStateAction<T[]>>;
66
- splitValue: (item: ItemType, checked: boolean, value: T[]) => {
67
- value: T[];
68
- removedValue: T[];
69
- };
70
- };
71
- export {};