feat: tree selectd support

This commit is contained in:
duanhongbo committed 2020-12-04 11:59:33 +08:00
1 parent 8c5e43b9e7
commit 40b83c2876
4 files changed
+40 -11

No files matched your search

+9 -7
View File
@@ -348,12 +348,19 @@ export default class Explorer extends Component<ExplorerProps> {
this.forceUpdate();
}
selectNode(id:string){
this.setState({
selectedKey:id
})
}
renderItem(node: FileDataNode) {
if(!node.visible){
return null;
}
const titleStr = node.text;
const searchKey = this.state.searchKey;
const isSelected = this.state.selectedKey==node.id;
const index = titleStr.indexOf(searchKey);
const beforeStr = titleStr.substr(0, index);
const afterStr = titleStr.substr(index + searchKey.length);
@@ -361,7 +368,7 @@ export default class Explorer extends Component<ExplorerProps> {
return (
<div
className="explorer-node"
className={isSelected?"explorer-node-selected":"explorer-node"}
key={node.id}
onMouseMove={() => {}}
>
@@ -407,10 +414,8 @@ export default class Explorer extends Component<ExplorerProps> {
<DirectoryTree
keygen="id"
data={nodes}
line={true}
line={false}
doubleClickExpand
// expandIcons={[<DownOutlined />, <RightOutlined />]}
//defaultValue={[root.id]}
defaultExpanded={[root.id]}
expanded={this.state.expandedKeys}
value={[this.state.selectedKey]}
@@ -422,9 +427,6 @@ export default class Explorer extends Component<ExplorerProps> {
onClick={(node: FileDataNode) => {
if (!node.isFolder) {
onOpenTree(node.path);
// this.setState({
// selectedKey:node.id
// })
}
}}
></DirectoryTree>