import React from 'react';
let Timeline = React.createClass({
getDefaultProps() {
return {
prefixCls: 'ant-timeline'
};
},
render() {
let children = this.props.children;
return (
{React.Children.map(children, function (ele, idx) {
let np = {
timelineLast: idx === children.length - 1,
pending: this.props.pending
};
return React.cloneElement(ele, np);
}, this)}
);
}
});
Timeline.Item = React.createClass({
getDefaultProps() {
return {
prefixCls: 'ant-timeline',
color: 'blue',
pending: false
};
},
render() {
let props = this.props;
let prefixCls = props.prefixCls;
let color = props.color;
let pending = props.pending;
let timelineLast = props.timelineLast;
let endCls = pending && timelineLast ? prefixCls + '-item-last' : '';
let last = pending && timelineLast ?
:
null;
let lastTailShow = (timelineLast && !pending) ? 'none' : 'block';
return (
{props.children}
{last}
);
}
});
export default Timeline;