|
@ -106,6 +106,7 @@ class Demo extends React.Component { |
|
|
}); |
|
|
}); |
|
|
return ( |
|
|
return ( |
|
|
<Tree |
|
|
<Tree |
|
|
|
|
|
className="draggable-tree" |
|
|
defaultExpandedKeys={this.state.expandedKeys} |
|
|
defaultExpandedKeys={this.state.expandedKeys} |
|
|
draggable |
|
|
draggable |
|
|
onDragEnter={this.onDragEnter} |
|
|
onDragEnter={this.onDragEnter} |
|
@ -119,3 +120,10 @@ class Demo extends React.Component { |
|
|
|
|
|
|
|
|
ReactDOM.render(<Demo />, mountNode); |
|
|
ReactDOM.render(<Demo />, mountNode); |
|
|
```` |
|
|
```` |
|
|
|
|
|
|
|
|
|
|
|
````css |
|
|
|
|
|
// You can add the following CSS to your project to make draggable area bigger |
|
|
|
|
|
#components-tree-demo-draggable .draggable-tree .ant-tree-node-content-wrapper { |
|
|
|
|
|
width: calc(100% - 18px); |
|
|
|
|
|
} |
|
|
|
|
|
```` |
|
|