From ae1cdbbb93eb2d18fda2a50bf9c3abab813334e7 Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Thu, 21 Jan 2016 17:14:39 +0800
Subject: [PATCH] update tree-select demos

---
 components/tree-select/demo/basic.md     | 31 +++++++++++-------------
 components/tree-select/demo/checkable.md |  7 +++---
 2 files changed, 17 insertions(+), 21 deletions(-)

diff --git a/components/tree-select/demo/basic.md b/components/tree-select/demo/basic.md
index 24eb38abe8..7a66552b9f 100644
--- a/components/tree-select/demo/basic.md
+++ b/components/tree-select/demo/basic.md
@@ -21,24 +21,21 @@ const Demo = React.createClass({
   },
   render() {
     return (
-      <div style={{margin: 20}}>
-        <h2>Single Select</h2>
-        <TreeSelect style={{width: 300}} showSearch
-          value={this.state.value} optionLabelProp="title"
-          dropdownMenuStyle={{maxHeight: 200, overflow: 'auto'}}
-          treeDefaultExpandAll
-          onChange={this.onChange}>
-          <TreeNode value="parent 1" title="parent 1" key="0-1">
-            <TreeNode value="parent 1-0" title="parent 1-0" key="0-1-1">
-              <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>
+      <TreeSelect style={{width: 180}} showSearch
+        value={this.state.value} optionLabelProp="title"
+        dropdownMenuStyle={{maxHeight: 200, overflow: 'auto'}}
+        treeDefaultExpandAll
+        onChange={this.onChange}>
+        <TreeNode value="parent 1" title="parent 1" key="0-1">
+          <TreeNode value="parent 1-0" title="parent 1-0" key="0-1-1">
+            <TreeNode value="leaf1" title="my leaf" key="random" />
+            <TreeNode value="leaf2" title="your leaf" key="random1" />
           </TreeNode>
-        </TreeSelect>
-      </div>
+          <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>
     );
   },
 });
diff --git a/components/tree-select/demo/checkable.md b/components/tree-select/demo/checkable.md
index ee4a430348..d9d4212a02 100644
--- a/components/tree-select/demo/checkable.md
+++ b/components/tree-select/demo/checkable.md
@@ -65,12 +65,11 @@ const Demo = React.createClass({
       treeCheckable: true,
       treeDefaultExpandAll: true,
     };
-    return (<div style={{padding: '10px 30px'}}>
-      <h3>more</h3>
-      <TreeSelect style={{width: 300}} {...tProps}>
+    return (
+      <TreeSelect {...tProps}>
         {loop(gData)}
       </TreeSelect>
-    </div>);
+    );
   },
 });