fix: checkStrictly

tinper-bee · Jan 23, 2018 · 5fa28b2 · 5fa28b2
1 parent 29370a1
commit 5fa28b2
Show file tree

Hide file tree

Showing 7 changed files with 28 additions and 229 deletions.
diff --git a/demo/Demo1.js b/demo/Demo1.js
diff --git a/demo/Demo4.js b/demo/Demo4.js
diff --git a/demo/demolist/Demo1.js b/demo/demolist/Demo1.js
@@ -34,12 +34,18 @@ class Demo1 extends Component {
 		console.log('onCheck', info);
 	}
 	render() {
+		let checkedKeys = {
+			checked:this.state.defaultCheckedKeys
+		}
 		return (
 			<Tree className="myCls" showLine checkable
 	        defaultExpandedKeys={this.state.defaultExpandedKeys}
-	        defaultSelectedKeys={this.state.defaultSelectedKeys}
-	        defaultCheckedKeys={this.state.defaultCheckedKeys}
-	        onSelect={this.onSelect} onCheck={this.onCheck}
+					defaultSelectedKeys={this.state.defaultSelectedKeys}
+					// defaultCheckedKeys = {this.state.defaultCheckedKeys}
+					checkedKeys={checkedKeys}
+					checkStrictly = {true}
+					onSelect={this.onSelect} onCheck={this.onCheck}
+
 	      >
 	        <TreeNode title="parent 1" key="0-0">
 	          <TreeNode title="parent 1-0" key="0-0-0" disabled>

diff --git a/demo/index.js b/demo/index.js
diff --git a/dist/demo.js b/dist/demo.js
diff --git a/dist/demo.js.map b/dist/demo.js.map
diff --git a/src/Tree.js b/src/Tree.js
@@ -227,6 +227,7 @@ class Tree extends React.Component {
       if (!checked && index > -1) {
         checkedKeys.splice(index, 1);
       }
+      this.treeNodesStates[treeNode.props.pos].checked = checked;
       newSt.checkedNodes = [];
       loopAllChildren(this.props.children, (item, ind, pos, keyOrPos) => {
         if (checkedKeys.indexOf(keyOrPos) !== -1) {
@@ -264,6 +265,9 @@ class Tree extends React.Component {
       }
       this.props.onCheck(checkedKeys, newSt);
     }
+    this.setState({
+      checkedKeys,
+    });
   }
 
   onSelect(treeNode) {