From f3bbf778f84b8b7a85b343be23cc2cdafe6fd1bb Mon Sep 17 00:00:00 2001
From: zhujun24 <zhujun87654321@gmail.com>
Date: Mon, 7 Sep 2015 15:13:59 +0800
Subject: [PATCH] continue api position

---
 .../timeline/demo/{end.md => continue.md}       |  6 +++---
 components/timeline/index.jsx                   | 17 ++++++++++-------
 components/timeline/index.md                    |  9 ++++++++-
 3 files changed, 21 insertions(+), 11 deletions(-)
 rename components/timeline/demo/{end.md => continue.md} (79%)

diff --git a/components/timeline/demo/end.md b/components/timeline/demo/continue.md
similarity index 79%
rename from components/timeline/demo/end.md
rename to components/timeline/demo/continue.md
index 21cdc20d2..d8955b70b 100644
--- a/components/timeline/demo/end.md
+++ b/components/timeline/demo/continue.md
@@ -8,13 +8,13 @@
 
 ````jsx
 let Timeline = antd.Timeline;
-let container = document.getElementById('components-timeline-demo-end');
+let container = document.getElementById('components-timeline-demo-continue');
 
 React.render(
-<Timeline>
+<Timeline continue={true}>
   <Timeline.Item>创建服务现场 2015-09-01</Timeline.Item>
   <Timeline.Item>初步排除网络异常 2015-09-01</Timeline.Item>
-  <Timeline.Item end={true}>技术测试异常 2015-09-01</Timeline.Item>
+  <Timeline.Item>技术测试异常 2015-09-01</Timeline.Item>
 </Timeline>
 , container);
 ````
diff --git a/components/timeline/index.jsx b/components/timeline/index.jsx
index 59e79cf03..be08b83f8 100644
--- a/components/timeline/index.jsx
+++ b/components/timeline/index.jsx
@@ -8,11 +8,13 @@ let Timeline = React.createClass({
   },
   render() {
     let children = this.props.children;
+    let continuee = this.props.continue;
     return (
       <ul className={this.props.prefixCls}>
         {React.Children.map(children, function (ele, idx) {
           let np = {
-            timelineLast: idx === children.length - 1
+            timelineLast: idx === children.length - 1,
+            continuee: continuee
           };
           return React.cloneElement(ele, np);
         }, this)}
@@ -26,21 +28,22 @@ Timeline.Item = React.createClass({
     return {
       prefixCls: 'ant-timeline',
       color: 'blue',
-      end: false
+      continuee: false
     };
   },
   render() {
     let props = this.props;
     let prefixCls = props.prefixCls;
     let color = props.color;
-    let end = props.end;
-    let endCls = end ? prefixCls + '-item-last' : '';
-    let last = end ? <div className={prefixCls + '-item-head ' + prefixCls + '-item-head-end'}></div> : null;
-    let lastLineShow = (props.timelineLast && !end) ? 'none' : 'block';
+    let continuee = props.continuee;
+    let timelineLast = props.timelineLast;
+    let endCls = continuee && timelineLast ? prefixCls + '-item-last' : '';
+    let last = continuee && timelineLast ? <div className={prefixCls + '-item-head ' + prefixCls + '-item-head-end'}></div> : null;
+    let lastTailShow = (timelineLast && !continuee) ? 'none' : 'block';
 
     return (
       <li className={prefixCls + '-item ' + endCls}>
-        <div style={{display:lastLineShow}} className={prefixCls + '-item-tail'}></div>
+        <div style={{display:lastTailShow}} className={prefixCls + '-item-tail'}></div>
         <div className={prefixCls + '-item-head ' + prefixCls + '-item-head-' + color}></div>
         <div className={prefixCls + '-item-content'}>{props.children}</div>
         {last}
diff --git a/components/timeline/index.md b/components/timeline/index.md
index c91e74158..9a1b68dab 100644
--- a/components/timeline/index.md
+++ b/components/timeline/index.md
@@ -24,6 +24,14 @@
 </Timeline>
 ```
 
+### Timeline
+
+时间轴。
+
+| 参数      | 说明                                     | 类型       |  可选值 |默认值 |
+|-----------|------------------------------------------|------------|-------|--------|
+|  continue  | 指定最后一个幽灵节点。 | boolean | 无 | false  |
+
 ### Timeline.Item
 
 时间轴的每一个节点。
@@ -31,4 +39,3 @@
 | 参数      | 说明                                     | 类型       |  可选值 |默认值 |
 |-----------|------------------------------------------|------------|-------|--------|
 |  color   | 指定圆圈颜色。 | string | blue, red, green | blue     |
-|  end  | 指定最后一个幽灵节点。 | boolean | 无 | false  |