Forward compatibility

README.md

@@ -67,7 +67,7 @@ online example: http://react-component.github.io/tree-select/
 |maxTagTextLength | max tag text length to show | number | - |
 |multiple | whether multiple select (true when enable treeCheckable) | bool | false |
 |disabled | whether disabled select | bool | false |
-|inputValue | if enable search, you can set default input's value | string | - |
+|inputValue | if enable search, you can set default input's value, if set to null, auto clear input value when finish select/unselect operation | string/null | '' |
 |defaultValue | initial selected treeNode(s) | same as value type | - |
 |value | current selected treeNode(s). | normal: String/Array<String>. labelInValue: {value:String,label:React.Node}/Array<{value,label}>. treeCheckStrictly(halfChecked default false): {value:String,label:React.Node, halfChecked}/Array<{value,label,halfChecked}>. | - |
 |labelInValue| whether to embed label in value, see above value type | Bool | false |

examples/basic.js

@@ -86,7 +86,7 @@ const Demo = React.createClass({
                     placeholder={<i>请下拉选择</i>}
                     searchPlaceholder="please search"
                     treeLine maxTagTextLength={10}
-                    inputValue={'0-2'}
+                    inputValue={null}
                     value={this.state.value}
                     treeData={gData}
                     treeNodeFilterProp="title"

package.json

@@ -1,6 +1,6 @@
 {
   "name": "rc-tree-select",
-  "version": "1.7.0",
+  "version": "1.7.1",
   "description": "tree-select ui component for react",
   "keywords": [
     "react",

src/Select.jsx

@@ -69,7 +69,7 @@ const Select = React.createClass({
     onSearch: PropTypes.func,
     searchPlaceholder: PropTypes.string,
     placeholder: PropTypes.any,
-    inputValue: PropTypes.string,
+    inputValue: PropTypes.any,
     value: PropTypes.oneOfType([PropTypes.array, PropTypes.string, PropTypes.object]),
     defaultValue: PropTypes.oneOfType([PropTypes.array, PropTypes.string, PropTypes.object]),
     label: PropTypes.any,
@@ -145,7 +145,7 @@ const Select = React.createClass({
     this.renderedTreeData = this.renderTreeData();
     value = this.addLabelToValue(props, value);
     value = this.getValue(props, value);
-    const inputValue = props.inputValue;
+    const inputValue = props.inputValue || '';
     // if (props.combobox) {
     //   inputValue = value.length ? String(value[0].value) : '';
     // }
@@ -384,9 +384,11 @@ const Select = React.createClass({
     }
 
     this.fireChange(value, extraInfo);
-    // this.setState({
-    //   inputValue: '',
-    // });
+    if (props.inputValue === null) {
+      this.setState({
+        inputValue: '',
+      });
+    }
     // if (isCombobox(props)) {
     //   this.setState({
     //     inputValue: getPropValue(item, props.treeNodeLabelProp),
@@ -399,9 +401,11 @@ const Select = React.createClass({
     if (!isMultipleOrTags(this.props)) {
       this.setOpenState(false);
     }
-    // this.setState({
-    //   inputValue: '',
-    // });
+    if (this.props.inputValue === null) {
+      this.setState({
+        inputValue: '',
+      });
+    }
   },
 
   onPlaceholderClick() {
@@ -432,9 +436,11 @@ const Select = React.createClass({
     if (state.inputValue || state.value.length) {
       this.fireChange([]);
       this.setOpenState(false);
-      // this.setState({
-      //   inputValue: '',
-      // });
+      if (props.inputValue === null) {
+        this.setState({
+          inputValue: '',
+        });
+      }
     }
   },
 
@@ -878,6 +884,7 @@ const Select = React.createClass({
         disabled={disabled}
         visible={state.open}
         inputValue={state.inputValue}
+        _inputValue={props.inputValue === null}
         inputElement={this.getInputElement()}
         value={state.value}
         onDropdownVisibleChange={this.onDropdownVisibleChange}

src/SelectTrigger.jsx

@@ -33,6 +33,7 @@ const SelectTrigger = React.createClass({
     filterTreeNode: PropTypes.any,
     treeNodes: PropTypes.any,
     inputValue: PropTypes.string,
+    _inputValue: PropTypes.bool,
     prefixCls: PropTypes.string,
     popupClassName: PropTypes.string,
     children: PropTypes.any,
@@ -175,7 +176,7 @@ const SelectTrigger = React.createClass({
     };
 
     if (props.treeCheckable) {
-      if (!props.inputValue) {
+      if (!props.inputValue || props._inputValue) {
         trProps._treeNodesStates = props._treeNodesStates;
       }
       trProps.selectable = false;