From da72c12a962e40a295f866bbb3dd8ea50643d7f5 Mon Sep 17 00:00:00 2001 From: afc163 Date: Tue, 1 Sep 2015 22:00:52 +0800 Subject: [PATCH] Updates --- changelog.html | 90 +- components/affix/index.html | 26 +- components/alert/index.html | 26 +- components/badge/index.html | 26 +- components/breadcrumb/index.html | 26 +- components/button/index.html | 26 +- components/carousel/index.html | 26 +- components/checkbox/index.html | 26 +- components/collapse/index.html | 26 +- components/datepicker/index.html | 26 +- components/dropdown/index.html | 26 +- components/enter-animation/index.html | 26 +- components/form/index.html | 26 +- components/iconfont/index.html | 26 +- components/input-number/index.html | 26 +- components/layout/index.html | 26 +- components/menu/index.html | 26 +- components/message/index.html | 26 +- components/modal/index.html | 26 +- components/notification/index.html | 26 +- components/pagination/index.html | 26 +- components/popconfirm/index.html | 26 +- components/popover/index.html | 26 +- components/progress/index.html | 26 +- components/radio/index.html | 26 +- components/select/index.html | 26 +- components/slider/index.html | 26 +- components/steps/index.html | 26 +- components/switch/index.html | 26 +- components/table/index.html | 26 +- components/tabs/index.html | 26 +- components/tag/index.html | 26 +- components/timeline/demo/basic.html | 51 + components/timeline/demo/color.html | 45 + components/timeline/demo/end.html | 45 + components/timeline/index.html | 720 +++++++++++ components/timeline/index.jsx | 52 + components/tooltip/index.html | 26 +- components/tree/index.html | 26 +- components/upload/index.html | 26 +- components/validation/index.html | 26 +- dist/antd-0.9.0-beta1.css | 47 +- dist/antd-0.9.0-beta1.css.map | 2 +- dist/antd-0.9.0-beta1.js | 1728 +++++++++++++------------ dist/antd-0.9.0-beta1.js.map | 2 +- dist/antd-0.9.0-beta1.min.css | 2 +- dist/antd-0.9.0-beta1.min.js | 34 +- dist/antd.css | 47 +- dist/antd.css.map | 2 +- dist/antd.js | 1728 +++++++++++++------------ dist/antd.js.map | 2 +- dist/demo.js | 240 ++-- dist/demo.js.map | 2 +- docs/download.html | 26 +- docs/getting-started.html | 26 +- docs/introduce.html | 26 +- index.html | 20 +- index.js | 3 +- lib/index.css | 47 +- lib/index.js | 3 +- lib/timeline/index.js | 71 + readme-en-us.html | 20 +- spec/colors.html | 20 +- spec/easing.html | 20 +- spec/font.html | 20 +- spec/introduce.html | 20 +- spec/motion.html | 20 +- spec/page-transition.html | 20 +- spec/pattern.html | 20 +- spec/tools.html | 20 +- spec/typography.html | 20 +- style/components/index.less | 1 + style/components/radio.less | 4 +- style/components/timeline.less | 54 + style/readme.html | 20 +- 75 files changed, 4040 insertions(+), 2210 deletions(-) create mode 100644 components/timeline/demo/basic.html create mode 100644 components/timeline/demo/color.html create mode 100644 components/timeline/demo/end.html create mode 100644 components/timeline/index.html create mode 100644 components/timeline/index.jsx create mode 100644 lib/timeline/index.js create mode 100644 style/components/timeline.less diff --git a/changelog.html b/changelog.html index ec1449d7d..8e78644b1 100644 --- a/changelog.html +++ b/changelog.html @@ -8,12 +8,12 @@ -null - Ant Design +CHANGELOG - Ant Design - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + 
let Timeline = antd.Timeline;
+let container = document.getElementById('components-timeline-demo-basic');
+
+React.render(
+<Timeline>
+  <Timeline.Item>创建服务现场 2015-09-01</Timeline.Item>
+  <Timeline.Item>初步排除网络异常 2015-09-01</Timeline.Item>
+  <Timeline.Item>技术测试异常 2015-09-01</Timeline.Item>
+  <Timeline.Item>网络异常正在修复 2015-09-01</Timeline.Item>
+</Timeline>
+, container);
+ +
+
+ 基本用法 +
+

基本的时间轴。

+ +
+ \ No newline at end of file diff --git a/components/timeline/demo/color.html b/components/timeline/demo/color.html new file mode 100644 index 000000000..cecc05f5c --- /dev/null +++ b/components/timeline/demo/color.html @@ -0,0 +1,45 @@ +
+
+
+ 
let Timeline = antd.Timeline;
+let container = document.getElementById('components-timeline-demo-color');
+
+React.render(
+<Timeline>
+  <Timeline.Item color="green">创建服务现场 2015-09-01</Timeline.Item>
+  <Timeline.Item color="red">初步排除网络异常 2015-09-01</Timeline.Item>
+  <Timeline.Item>技术测试异常 2015-09-01</Timeline.Item>
+</Timeline>
+, container);
+
+
+
+ 圆圈颜色 +
+

圆圈颜色。

+ +
+
\ No newline at end of file diff --git a/components/timeline/demo/end.html b/components/timeline/demo/end.html new file mode 100644 index 000000000..a7407c3fd --- /dev/null +++ b/components/timeline/demo/end.html @@ -0,0 +1,45 @@ +
+
+
+ 
let Timeline = antd.Timeline;
+let container = document.getElementById('components-timeline-demo-end');
+
+React.render(
+<Timeline>
+  <Timeline.Item>创建服务现场 2015-09-01</Timeline.Item>
+  <Timeline.Item>初步排除网络异常 2015-09-01</Timeline.Item>
+  <Timeline.Item end={true}>技术测试异常 2015-09-01</Timeline.Item>
+</Timeline>
+, container);
+
+
+
+ 最后一个 +
+

在最后位置添加一个幽灵节点。

+ +
+
\ No newline at end of file diff --git a/components/timeline/index.html b/components/timeline/index.html new file mode 100644 index 000000000..6750c18af --- /dev/null +++ b/components/timeline/index.html @@ -0,0 +1,720 @@ + + + + + + + + + + +Timeline 时间轴 - Ant Design + + + + + + + + + + + + + + + + + + + +
+ + + +
+
+

+ Timeline 时间轴 +

+

垂直展示的时间流信息。

+

何时使用

    +
  • 当有一系列信息需要从上至下按时间排列时；
    • +
  • 需要有一条时间轴进行视觉上的串联时；
    • +
+

API

<Timeline>
+  <Timeline.Item>创建服务现场 2015-09-01</Timeline.Item>
+  <Timeline.Item>初步排除网络异常 2015-09-01</Timeline.Item>
+  <Timeline.Item>技术测试异常 2015-09-01</Timeline.Item>
+  <Timeline.Item>网络异常正在修复 2015-09-01</Timeline.Item>
+</Timeline>

Timeline.Item

时间轴的每一个节点。

+ + + + + + + + + + + + + + + + + + + + + + + + + + +
参数说明类型可选值默认值
color指定圆圈颜色。stringblue, red, greenblue
end指定最后一个幽灵节点。boolean无false
+ +
+

+ 组件演示 + +

+
+
+
+
+ 
let Timeline = antd.Timeline;
+let container = document.getElementById('components-timeline-demo-basic');
+
+React.render(
+<Timeline>
+  <Timeline.Item>创建服务现场 2015-09-01</Timeline.Item>
+  <Timeline.Item>初步排除网络异常 2015-09-01</Timeline.Item>
+  <Timeline.Item>技术测试异常 2015-09-01</Timeline.Item>
+  <Timeline.Item>网络异常正在修复 2015-09-01</Timeline.Item>
+</Timeline>
+, container);
+
+
+
+ 基本用法 +
+

基本的时间轴。

+ +
+
+
+
+ 
let Timeline = antd.Timeline;
+let container = document.getElementById('components-timeline-demo-end');
+
+React.render(
+<Timeline>
+  <Timeline.Item>创建服务现场 2015-09-01</Timeline.Item>
+  <Timeline.Item>初步排除网络异常 2015-09-01</Timeline.Item>
+  <Timeline.Item end={true}>技术测试异常 2015-09-01</Timeline.Item>
+</Timeline>
+, container);
+
+
+
+ 最后一个 +
+

在最后位置添加一个幽灵节点。

+ +
+
+
+
+
+
+ 
let Timeline = antd.Timeline;
+let container = document.getElementById('components-timeline-demo-color');
+
+React.render(
+<Timeline>
+  <Timeline.Item color="green">创建服务现场 2015-09-01</Timeline.Item>
+  <Timeline.Item color="red">初步排除网络异常 2015-09-01</Timeline.Item>
+  <Timeline.Item>技术测试异常 2015-09-01</Timeline.Item>
+</Timeline>
+, container);
+
+
+
+ 圆圈颜色 +
+

圆圈颜色。

+ +
+
+
+
+
+
+ +
+ + \ No newline at end of file diff --git a/components/timeline/index.jsx b/components/timeline/index.jsx new file mode 100644 index 000000000..fc397733c --- /dev/null +++ b/components/timeline/index.jsx @@ -0,0 +1,52 @@ +import React from 'react'; + +let Timeline = React.createClass({ + getDefaultProps() { + return { + prefixCls: 'ant-timeline' + }; + }, + render() { + let children = this.props.children; + return ( + + ); + } +}); + +Timeline.Item = React.createClass({ + getDefaultProps() { + return { + prefixCls: 'ant-timeline', + color: 'blue', + end: false + }; + }, + render() { + let props = this.props; + let prefixCls = props.prefixCls; + let color = props.color; + let end = props.end; + let endCls = end ? prefixCls + '-item-tail-end' : ''; + let last = end ?
: null; + let lastLineShow = (props.timelineLast && !end) ? 'none' : 'block'; + + return ( +
  • +
    +
    +
    {props.children}
    + {last} +
    • + ); + } +}); + +export default Timeline; diff --git a/components/tooltip/index.html b/components/tooltip/index.html index f5dfadc71..b742198bc 100644 --- a/components/tooltip/index.html +++ b/components/tooltip/index.html @@ -13,7 +13,7 @@ Tooltip 文字提示 - Ant Design - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - +