Add demo of custom render for Transfer item

components/transfer/demo/advanced.md

@@ -19,8 +19,8 @@ const App = React.createClass({
     this.getMock();
   },
   getMock() {
-    let targetKeys = [];
-    let mockData = [];
+    const targetKeys = [];
+    const mockData = [];
     for (let i = 0; i < 20; i++) {
       const data = {
         key: i,

components/transfer/demo/basic.md

@@ -6,7 +6,7 @@ title: 基本用法
 最基本的用法。
 
 ````jsx
-import { Transfer, Button } from 'antd';
+import { Transfer } from 'antd';
 
 const App = React.createClass({
   getInitialState() {
@@ -19,8 +19,8 @@ const App = React.createClass({
     this.getMock();
   },
   getMock() {
-    let targetKeys = [];
-    let mockData = [];
+    const targetKeys = [];
+    const mockData = [];
     for (let i = 0; i < 20; i++) {
       const data = {
         key: i,
@@ -39,14 +39,6 @@ const App = React.createClass({
     console.log(targetKeys, direction, moveKeys);
     this.setState({ targetKeys });
   },
-  renderFooter() {
-    return (
-      <Button type="primary" size="small" style={{ float: 'right', margin: 5 }}
-        onClick={this.getMock}>
-        刷新
-      </Button>
-    );
-  },
   render() {
     return (
       <Transfer

components/transfer/demo/custom-item.md

@@ -0,0 +1,70 @@
+---
+order: 3
+title: 自定义渲染行数据
+---
+
+自定义渲染每一个 Transfer Item，可用于渲染复杂数据。
+
+````jsx
+import { Transfer, Icon } from 'antd';
+
+const App = React.createClass({
+  getInitialState() {
+    return {
+      mockData: [],
+      targetKeys: [],
+    };
+  },
+  componentDidMount() {
+    this.getMock();
+  },
+  getMock() {
+    const targetKeys = [];
+    const mockData = [];
+    for (let i = 0; i < 20; i++) {
+      const data = {
+        key: i,
+        title: `内容${i + 1}`,
+        description: `内容${i + 1}的描述`,
+        chosen: Math.random() * 2 > 1,
+      };
+      if (data.chosen) {
+        targetKeys.push(data.key);
+      }
+      mockData.push(data);
+    }
+    this.setState({ mockData, targetKeys });
+  },
+  handleChange(targetKeys, direction, moveKeys) {
+    console.log(targetKeys, direction, moveKeys);
+    this.setState({ targetKeys });
+  },
+  renderItem(item) {
+    const customLabel = (
+      <div className="custom-item" style={{ color: '#5FBC29' }}>
+        <Icon type="apple" /> {item.title} - {item.description} <Icon type="android" />
+      </div>
+    );
+
+    return {
+      label: customLabel,  // for displayed item
+      value: item.title,   // for title and filter matching
+    };
+  },
+  render() {
+    return (
+      <Transfer
+        dataSource={this.state.mockData}
+        listStyle={{
+          width: 300,
+          height: 300,
+        }}
+        targetKeys={this.state.targetKeys}
+        onChange={this.handleChange}
+        render={this.renderItem} />
+    );
+  },
+});
+
+ReactDOM.render(<App />, mountNode);
+````

components/transfer/demo/search.md

@@ -19,8 +19,8 @@ const App = React.createClass({
     this.getMock();
   },
   getMock() {
-    let targetKeys = [];
-    let mockData = [];
+    const targetKeys = [];
+    const mockData = [];
     for (let i = 0; i < 20; i++) {
       const data = {
         key: i,