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' ;
33import React from 'react' ;
44import '../assets/index.less' ;
55import TreeSelect , { SHOW_PARENT , TreeNode } from '../src' ;
@@ -155,20 +155,13 @@ class Demo extends React.Component {
155155 show dialog
156156 </ button >
157157 { 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 } >
165159 < div style = { { height : 600 , paddingTop : 100 } } >
166160 < TreeSelect
167161 getPopupContainer = { triggerNode => triggerNode . parentNode }
168162 style = { { width : 300 } }
169163 transitionName = "rc-tree-select-dropdown-slide-up"
170164 choiceTransitionName = "rc-tree-select-selection__choice-zoom"
171- // dropdownStyle={{ maxHeight: 200, overflow: 'auto', zIndex: 1500 }}
172165 placeholder = { < i > 请下拉选择</ i > }
173166 showSearch
174167 allowClear
@@ -189,7 +182,6 @@ class Demo extends React.Component {
189182 style = { { width : 300 } }
190183 transitionName = "rc-tree-select-dropdown-slide-up"
191184 choiceTransitionName = "rc-tree-select-selection__choice-zoom"
192- // dropdownStyle={{ maxHeight: 200, overflow: 'auto' }}
193185 placeholder = { < i > 请下拉选择</ i > }
194186 showSearch
195187 allowClear
@@ -222,7 +214,6 @@ class Demo extends React.Component {
222214 style = { { width : 300 } }
223215 transitionName = "rc-tree-select-dropdown-slide-up"
224216 choiceTransitionName = "rc-tree-select-selection__choice-zoom"
225- // dropdownStyle={{ maxHeight: 200, overflow: 'auto' }}
226217 placeholder = { < i > 请下拉选择</ i > }
227218 showSearch
228219 allowClear
@@ -239,7 +230,6 @@ class Demo extends React.Component {
239230 style = { { width : 300 } }
240231 transitionName = "rc-tree-select-dropdown-slide-up"
241232 choiceTransitionName = "rc-tree-select-selection__choice-zoom"
242- // dropdownStyle={{ maxHeight: 200, overflow: 'auto' }}
243233 placeholder = { < i > 请下拉选择</ i > }
244234 multiple
245235 value = { multipleValue }
@@ -258,7 +248,6 @@ class Demo extends React.Component {
258248 transitionName = "rc-tree-select-dropdown-slide-up"
259249 choiceTransitionName = "rc-tree-select-selection__choice-zoom"
260250 style = { { width : 300 } }
261- // dropdownStyle={{ height: 200, overflow: 'auto' }}
262251 popupAlign = { {
263252 overflow : { adjustY : 0 , adjustX : 0 } ,
264253 offset : [ 0 , 2 ] ,
@@ -287,7 +276,6 @@ class Demo extends React.Component {
287276 style = { { width : 500 } }
288277 transitionName = "rc-tree-select-dropdown-slide-up"
289278 choiceTransitionName = "rc-tree-select-selection__choice-zoom"
290- // dropdownStyle={{ maxHeight: 200, overflow: 'auto' }}
291279 placeholder = { < i > 请下拉选择</ i > }
292280 showSearch
293281 allowClear
@@ -303,7 +291,6 @@ class Demo extends React.Component {
303291 < h2 > use treeDataSimpleMode</ h2 >
304292 < TreeSelect
305293 style = { { width : 300 } }
306- // dropdownStyle={{ maxHeight: 200, overflow: 'auto' }}
307294 placeholder = { < i > 请下拉选择</ i > }
308295 // treeLine
309296 maxTagTextLength = { 10 }
@@ -351,7 +338,6 @@ class Demo extends React.Component {
351338 < h2 > use TreeNode Component (not recommend)</ h2 >
352339 < TreeSelect
353340 style = { { width : 200 } }
354- // dropdownStyle={{ maxHeight: 200, overflow: 'auto' }}
355341 defaultValue = "leaf1"
356342 treeDefaultExpandAll
357343 treeNodeFilterProp = "title"
0 commit comments