update tree-select demos

components/tree-select/demo/basic.md

@@ -21,24 +21,21 @@ const Demo = React.createClass({
   },
   render() {
     return (
-      <div style={{margin: 20}}>
+      <TreeSelect style={{width: 180}} showSearch
-        <h2>Single Select</h2>
+        value={this.state.value} optionLabelProp="title"
-        <TreeSelect style={{width: 300}} showSearch
+        dropdownMenuStyle={{maxHeight: 200, overflow: 'auto'}}
-          value={this.state.value} optionLabelProp="title"
+        treeDefaultExpandAll
-          dropdownMenuStyle={{maxHeight: 200, overflow: 'auto'}}
+        onChange={this.onChange}>
-          treeDefaultExpandAll
+        <TreeNode value="parent 1" title="parent 1" key="0-1">
-          onChange={this.onChange}>
+          <TreeNode value="parent 1-0" title="parent 1-0" key="0-1-1">
-          <TreeNode value="parent 1" title="parent 1" key="0-1">
+            <TreeNode value="leaf1" title="my leaf" key="random" />
-            <TreeNode value="parent 1-0" title="parent 1-0" key="0-1-1">
+            <TreeNode value="leaf2" title="your leaf" key="random1" />
-              <TreeNode value="leaf1" title="my leaf" key="random" />
-              <TreeNode value="leaf2" title="your leaf" key="random1" />
-            </TreeNode>
-            <TreeNode value="parent 1-1" title="parent 1-1" key="random2">
-              <TreeNode value="sss" title={<span style={{color: 'red'}}>sss</span>} key="random3" />
-            </TreeNode>
           </TreeNode>
-        </TreeSelect>
+          <TreeNode value="parent 1-1" title="parent 1-1" key="random2">
-      </div>
+            <TreeNode value="sss" title={<span style={{color: 'red'}}>sss</span>} key="random3" />
+          </TreeNode>
+        </TreeNode>
+      </TreeSelect>
     );
   },
 });

components/tree-select/demo/checkable.md

@@ -65,12 +65,11 @@ const Demo = React.createClass({
       treeCheckable: true,
       treeDefaultExpandAll: true,
     };
-    return (<div style={{padding: '10px 30px'}}>
+    return (
-      <h3>more</h3>
+      <TreeSelect {...tProps}>
-      <TreeSelect style={{width: 300}} {...tProps}>
         {loop(gData)}
       </TreeSelect>
-    </div>);
+    );
   },
 });