From 8ed659f73ee548b7cd68cdb0d1185f6a0aeb8988 Mon Sep 17 00:00:00 2001
From: hjm <63528605@qq.com>
Date: Thu, 19 Sep 2019 15:21:13 +0800
Subject: [PATCH] expand

---
 public/react/src/modules/page/VNCContainer.js |  2 +-
 .../modules/page/component/repo/RepoTree.js   | 16 +++++++++++++--
 .../modules/page/main/CodeRepositoryView.css  |  4 ++++
 .../modules/page/main/CodeRepositoryView.js   | 20 ++++++++++++++++---
 .../page/main/CodeRepositoryViewContainer.js  |  2 +-
 5 files changed, 37 insertions(+), 7 deletions(-)

diff --git a/public/react/src/modules/page/VNCContainer.js b/public/react/src/modules/page/VNCContainer.js
index 3a85976bb..6ef10888a 100644
--- a/public/react/src/modules/page/VNCContainer.js
+++ b/public/react/src/modules/page/VNCContainer.js
@@ -85,7 +85,7 @@ class VNCContainer extends Component {
     	})
 	}
 	onTreeSelect = (selectedKeys, info) => {
-		const isLeaf = info.node.props.isLeaf;
+		const isLeaf = info.node.isLeaf();
 		if (isLeaf) {		// 叶子节点
 			selectedKeys.length && this.setState({
 				fileTreeSelectedKeys: selectedKeys
diff --git a/public/react/src/modules/page/component/repo/RepoTree.js b/public/react/src/modules/page/component/repo/RepoTree.js
index fbf1286c3..102f797ef 100644
--- a/public/react/src/modules/page/component/repo/RepoTree.js
+++ b/public/react/src/modules/page/component/repo/RepoTree.js
@@ -7,7 +7,7 @@ import 'rc-tree/assets/index.css';
 
 const $ = window.$;
 export default function RepoTree(props) {
-    const { fileTreeData, onLoadData, onTreeSelect, fileTreeSelectedKeys, loadRepoFiles } = props;
+    const { fileTreeData, onLoadData, fileTreeSelectedKeys, loadRepoFiles } = props;
     const [expandedKeys, setExpandedKeys] = useState([])
     useEffect(() => {
         loadRepoFiles()
@@ -36,7 +36,19 @@ export default function RepoTree(props) {
     };
     const treeNodes = loop(fileTreeData);
     
-    
+    function onTreeSelect(selectedKeys, info) {
+        if (!info.node.isLeaf()) {
+            const _expandedKeys = expandedKeys.slice(0)
+            const _index = _expandedKeys.indexOf(selectedKeys[0]);
+            if (_index == -1) {
+                _expandedKeys.push(selectedKeys[0])    
+            } else {
+                _expandedKeys.splice( _index, 1)
+            }
+            setExpandedKeys( _expandedKeys )
+        }
+        props.onTreeSelect(selectedKeys, info)
+    }
     // selectable={false}
     return (
         <Tree
diff --git a/public/react/src/modules/page/main/CodeRepositoryView.css b/public/react/src/modules/page/main/CodeRepositoryView.css
index 1ed76a02f..b0f8eb939 100644
--- a/public/react/src/modules/page/main/CodeRepositoryView.css
+++ b/public/react/src/modules/page/main/CodeRepositoryView.css
@@ -147,4 +147,8 @@
 }
 .xterm .xterm-viewport {
 	overflow-y: auto !important;
+}
+
+.repoFilesDrawer .rc-tree {
+	user-select: none;
 }
\ No newline at end of file
diff --git a/public/react/src/modules/page/main/CodeRepositoryView.js b/public/react/src/modules/page/main/CodeRepositoryView.js
index 6da34c541..fc10a31dd 100644
--- a/public/react/src/modules/page/main/CodeRepositoryView.js
+++ b/public/react/src/modules/page/main/CodeRepositoryView.js
@@ -65,6 +65,7 @@ class CodeRepositoryView extends Component {
                     expandedKeys.push( index === 0 ? item : expandedKeys[index - 1] + '/' + item)
                 })
             }
+            expandedKeys.length = 1 // 没办法做到多级初始化
             // 初始化时无法展开到根节点 https://github.com/fis-components/rc-tree/issues/3
             expandedKeys.length && this.setState({
                 expandedKeys,
@@ -110,10 +111,23 @@ class CodeRepositoryView extends Component {
         // $('#codetab_con_1 .codemirrorBackground').hide()
         
     }
-
+    onTreeSelect = (selectedKeys, info) => {
+        if (!info.node.isLeaf()) {
+            const expandedKeys = this.state.expandedKeys.slice(0)
+            const _index = expandedKeys.indexOf(selectedKeys[0]);
+            if (_index == -1) {
+                expandedKeys.push(selectedKeys[0])    
+            } else {
+                expandedKeys.splice( _index, 1)
+            }
+            this.setState({ expandedKeys })
+        }
+        
+        this.props.onTreeSelect(selectedKeys, info)
+    }   
     buildTree() {
         // TODO http://localhost:3007/tasks/xgffnuomytpj   这个实训没有文件树
-        const { fileTreeData, onLoadData, onTreeSelect, fileTreeSelectedKeys } = this.props;
+        const { fileTreeData, onLoadData, fileTreeSelectedKeys } = this.props;
         if (!fileTreeData || fileTreeData.length === 0) {
             return ""
         }
@@ -136,7 +150,7 @@ class CodeRepositoryView extends Component {
         return (
             <Tree
                 selectedKeys={fileTreeSelectedKeys}
-                onSelect={onTreeSelect}
+                onSelect={this.onTreeSelect}
                 onExpand={this.onExpand}
                 expandedKeys={this.state ? this.state.expandedKeys : []}
                 autoExpandParent={this.state.autoExpandParent}
diff --git a/public/react/src/modules/page/main/CodeRepositoryViewContainer.js b/public/react/src/modules/page/main/CodeRepositoryViewContainer.js
index 111ccd253..b4d9c4fcf 100644
--- a/public/react/src/modules/page/main/CodeRepositoryViewContainer.js
+++ b/public/react/src/modules/page/main/CodeRepositoryViewContainer.js
@@ -223,7 +223,7 @@ class CodeRepositoryViewContainer extends Component {
 		  	});
 	}
 	onTreeSelect = (selectedKeys, info) => {
-		const isLeaf = info.node.props.isLeaf;
+		const isLeaf = info.node.isLeaf();
 		if (isLeaf) {		// 叶子节点
 			selectedKeys.length && this.setState({
 				fileTreeSelectedKeys: selectedKeys