1
- import Dialog from 'rc-dialog' ;
2
- import 'rc-dialog/assets/index.css' ;
1
+ import Dialog from '@ rc-component/ dialog' ;
2
+ import '@ rc-component/ dialog/assets/index.css' ;
3
3
import React from 'react' ;
4
4
import '../assets/index.less' ;
5
5
import TreeSelect , { SHOW_PARENT , TreeNode } from '../src' ;
@@ -155,20 +155,13 @@ class Demo extends React.Component {
155
155
show dialog
156
156
</ button >
157
157
{ visible ? (
158
- < Dialog
159
- visible = { visible }
160
- animation = "zoom"
161
- maskAnimation = "fade"
162
- onClose = { this . onClose }
163
- // style={{ width: 600, height: 400, overflow: 'auto' }}
164
- >
158
+ < Dialog visible = { visible } animation = "zoom" maskAnimation = "fade" onClose = { this . onClose } >
165
159
< div style = { { height : 600 , paddingTop : 100 } } >
166
160
< TreeSelect
167
161
getPopupContainer = { triggerNode => triggerNode . parentNode }
168
162
style = { { width : 300 } }
169
163
transitionName = "rc-tree-select-dropdown-slide-up"
170
164
choiceTransitionName = "rc-tree-select-selection__choice-zoom"
171
- // dropdownStyle={{ maxHeight: 200, overflow: 'auto', zIndex: 1500 }}
172
165
placeholder = { < i > 请下拉选择</ i > }
173
166
showSearch
174
167
allowClear
@@ -189,7 +182,6 @@ class Demo extends React.Component {
189
182
style = { { width : 300 } }
190
183
transitionName = "rc-tree-select-dropdown-slide-up"
191
184
choiceTransitionName = "rc-tree-select-selection__choice-zoom"
192
- // dropdownStyle={{ maxHeight: 200, overflow: 'auto' }}
193
185
placeholder = { < i > 请下拉选择</ i > }
194
186
showSearch
195
187
allowClear
@@ -222,7 +214,6 @@ class Demo extends React.Component {
222
214
style = { { width : 300 } }
223
215
transitionName = "rc-tree-select-dropdown-slide-up"
224
216
choiceTransitionName = "rc-tree-select-selection__choice-zoom"
225
- // dropdownStyle={{ maxHeight: 200, overflow: 'auto' }}
226
217
placeholder = { < i > 请下拉选择</ i > }
227
218
showSearch
228
219
allowClear
@@ -239,7 +230,6 @@ class Demo extends React.Component {
239
230
style = { { width : 300 } }
240
231
transitionName = "rc-tree-select-dropdown-slide-up"
241
232
choiceTransitionName = "rc-tree-select-selection__choice-zoom"
242
- // dropdownStyle={{ maxHeight: 200, overflow: 'auto' }}
243
233
placeholder = { < i > 请下拉选择</ i > }
244
234
multiple
245
235
value = { multipleValue }
@@ -258,7 +248,6 @@ class Demo extends React.Component {
258
248
transitionName = "rc-tree-select-dropdown-slide-up"
259
249
choiceTransitionName = "rc-tree-select-selection__choice-zoom"
260
250
style = { { width : 300 } }
261
- // dropdownStyle={{ height: 200, overflow: 'auto' }}
262
251
popupAlign = { {
263
252
overflow : { adjustY : 0 , adjustX : 0 } ,
264
253
offset : [ 0 , 2 ] ,
@@ -287,7 +276,6 @@ class Demo extends React.Component {
287
276
style = { { width : 500 } }
288
277
transitionName = "rc-tree-select-dropdown-slide-up"
289
278
choiceTransitionName = "rc-tree-select-selection__choice-zoom"
290
- // dropdownStyle={{ maxHeight: 200, overflow: 'auto' }}
291
279
placeholder = { < i > 请下拉选择</ i > }
292
280
showSearch
293
281
allowClear
@@ -303,7 +291,6 @@ class Demo extends React.Component {
303
291
< h2 > use treeDataSimpleMode</ h2 >
304
292
< TreeSelect
305
293
style = { { width : 300 } }
306
- // dropdownStyle={{ maxHeight: 200, overflow: 'auto' }}
307
294
placeholder = { < i > 请下拉选择</ i > }
308
295
// treeLine
309
296
maxTagTextLength = { 10 }
@@ -351,7 +338,6 @@ class Demo extends React.Component {
351
338
< h2 > use TreeNode Component (not recommend)</ h2 >
352
339
< TreeSelect
353
340
style = { { width : 200 } }
354
- // dropdownStyle={{ maxHeight: 200, overflow: 'auto' }}
355
341
defaultValue = "leaf1"
356
342
treeDefaultExpandAll
357
343
treeNodeFilterProp = "title"
0 commit comments