home/ant-design
2
0
Fork 0
mirror of https://github.com/wahyd4/ant-design.git synced 2026-08-24 20:25:52 +10:00
Code Issues Packages Projects Releases Wiki Activity

Updates

Browse Source
This commit is contained in:
afc163
2015-09-01 22:00:52 +08:00
parent d2515444d3
commit da72c12a96
75 changed files with 4040 additions and 2210 deletions
Download Patch File Download Diff File Expand all files Collapse all files
changelog.html
+79 -11
View File
@@ -8,12 +8,12 @@
<meta name="format-detection" content="telephone=no">
<meta name="description" content="一个 UI 设计语言"/>
<title>
null - Ant Design
CHANGELOG - Ant Design
</title>
<link rel="icon" href="https://t.alipayobjects.com/images/T1QUBfXo4fXXXXXXXX.png" type="image/x-icon">
<link rel="shortcut icon" href="https://t.alipayobjects.com/images/T1QUBfXo4fXXXXXXXX.png" type="image/x-icon">
<link rel="stylesheet" href="/dist/antd-0.9.0-beta1.min.css">
<link rel="stylesheet" href="/dist/antd-0.9.0-beta1.css">
<link rel="stylesheet" href="/static/style.css">
<link rel="stylesheet" href="/static/tomorrow.css">
<script>
@@ -39,8 +39,8 @@ null - Ant Design
<script>
var ANT_COMPONENTS = [];
ANT_COMPONENTS.push({
title: 'Modal',
desc: '对话框'
title: 'Notification',
desc: '通知提醒框'
});
ANT_COMPONENTS.push({
title: 'Affix',
@@ -107,12 +107,12 @@ null - Ant Design
desc: '全局提示'
});
ANT_COMPONENTS.push({
title: 'Alert',
desc: '警告提示'
title: 'Modal',
desc: '对话框'
});
ANT_COMPONENTS.push({
title: 'Notification',
desc: '通知提醒框'
title: 'Alert',
desc: '警告提示'
});
ANT_COMPONENTS.push({
title: 'Pagination',
@@ -162,6 +162,10 @@ null - Ant Design
title: 'Tag',
desc: '标签'
});
ANT_COMPONENTS.push({
title: 'Timeline',
desc: '时间轴'
});
ANT_COMPONENTS.push({
title: 'Tooltip',
desc: '文字提示'
@@ -186,7 +190,7 @@ null - Ant Design
stable: '0.8.0'
};
</script>
<script src="/dist/antd-0.9.0-beta1.min.js"></script>
<script src="/dist/antd-0.9.0-beta1.js"></script>
<script src="/dist/demo.js"></script>
<script>
window.require = function (path) {
@@ -253,8 +257,72 @@ null - Ant Design
<section class="main-container">
<article class="markdown">
<h1>null </h1>
<h1>CHANGELOG </h1>
<h2 id="0-9-0-not-ready">0.9.0 <code>not ready</code></h2><h3 id="upload">Upload</h3><p><strong>重构了 API 接口，不向下兼容</strong>，支持自定义的功能扩展。</p>
<ul>
<li>新增 <code>onChange(file) {}</code> 接口，移出原来的 <code>onSuccess</code>、<code>onProgess</code>、<code>onError</code> 等接口。</li>
<li>新增 <code>fileList</code> 和 <code>defaultFileList</code> 属性，以满足更多的自定义功能，具体见演示。</li>
<li>设置 fileList 数组项的 url 属性可以作为链接展示在文件列表中方便下载。</li>
</ul>
<h3 id="table">Table</h3><ul>
<li>新增无数据的展示样式。<a href="https://github.com/ant-design/ant-design/commit/4c54644116d46cb2510d2d475234529bad60e5d5">4c54644</a></li>
<li>修复本地模式 <code>dataSource</code> 无法更新的问题。<a href="https://github.com/ant-design/ant-design/commit/6d2dcc45393b6ec0ad1ba73caf8b1ec42353743f">6d2dcc4</a></li>
<li>修复远程模式 loading 失效的问题。<a href="https://github.com/ant-design/ant-design/commit/9b8abb219934c246970a84200818aa8f85974bdf">9b8abb2</a></li>
<li>用 <a href="http://npmjs.com/reqwest-without-xhr2">reqwest-without-xhr2</a> 代替了 reqwest，解决某些开发环境下 xhr2 依赖的问题。</li>
</ul>
<h3 id="notification">Notification</h3><ul>
<li>修复不会自动消失的问题。<a href="https://github.com/ant-design/ant-design/commit/23fce559b0b2faf4e0b686a92dbcdd045727a464">23fce55</a></li>
</ul>
<h3 id="steps">Steps</h3><ul>
<li>新增竖版的步骤条。</li>
</ul>
<h3 id="carousel">Carousel</h3><ul>
<li>修复 fade 模式下可以拖拽的问题。#212</li>
</ul>
<h3 id="collapse">Collapse</h3><ul>
<li>修复动画不生效的问题。</li>
</ul>
<h3 id="datepicker">Datepicker</h3><ul>
<li>修复无法设置为空值的问题。</li>
</ul>
<h3 id="其他">其他</h3><ul>
<li>新增 <a href="http://ant.design/components/timeline">timeline</a> 和 <a href="http://ant.design/components/badge">badge</a> 组件。</li>
<li>tooltip、popover、popconfirm 等动画效果优化。</li>
<li>部分文案更新。</li>
<li>优化主站在小分辨率屏幕下的样式。</li>
</ul>
<h2 id="0-8-0-2015-08-25">0.8.0 <code>2015-08-25</code></h2><p>这个版本是第一个稳定版，组件经过三期迭代，基本到齐，并有大量改进和变化，不向下兼容。</p>
<ul>
<li>新增九个组件 <code>menu</code>、<code>upload</code>、<code>carousel</code>、<code>tree</code>、<code>notification</code>、<code>validation</code>、<code>affix</code>、<code>alert</code>、<code>enterAnimation</code>。目前共有组件 34 个，基本能满足后台类项目的组件需求。</li>
<li>新增设计文档部分，包括文字、色彩、动画。</li>
<li>重新梳理了设计和 React 实现部分的关系，强调了 Ant Design 的设计属性，并更新了网站的信息结构。</li>
<li>构建工具 <code>antd-bin</code> 升级到 <code>0.4.0</code> 版本，支持合并 webpack 配置，热替换（HMR）等特性，<a href="https://github.com/ant-design/antd-bin">详见</a>。</li>
<li>组件动画优化和补充，体验更加流畅动感。</li>
<li>排查并修复 IE 和 safari 等浏览器的兼容问题。</li>
<li>大量代码重构，演示代码补充，文档更新、以及样式上的优化。</li>
</ul>
<h2 id="0-7-3-2015-07-30">0.7.3 <code>2015-07-30</code></h2><ul>
<li>小幅重构了 Table 分页，修复了分页导致的数据不展示的问题。</li>
<li>更新了部分文档。</li>
</ul>
<h2 id="0-7-2-2015-07-27">0.7.2 <code>2015-07-27</code></h2><ul>
<li>修复本地模式下 pagination 为 false 时数据无法显示的 <a href="https://github.com/ant-design/ant-design/commit/1954586665e59031eae5d2c8b2cdb08f83d64fcb">问题</a>。</li>
<li>重构了 message 组件。</li>
<li>添加英文版说明文档 <a href="https://github.com/ant-design/ant-design/blob/master/README-en_US.md">README-en_US.md</a>。</li>
<li>部分代码切换至 ES6 模式。</li>
<li>修正了部分组件的样式和演示，优化部分动画。</li>
</ul>
<h2 id="0-7-1-2015-07-22">0.7.1 <code>2015-07-22</code></h2><ul>
<li>修复了 Table 组件的 pagination 为 false 时分页未消失的 <a href="https://github.com/ant-design/ant-design/commit/01a6c0f1e6707b72a54ef30d073d148a87b391a8">问题</a>。</li>
<li>select 组件<a href="https://github.com/ant-design/ant-design/issues/50">选中后默认显示标签内容</a>（原来是显示 value）。</li>
<li>修正了部分组件的样式和演示。</li>
<li>打包文件为 <a href="https://github.com/ant-design/ant-design/commit/9b7b940cb417429d8fc57d83e252991b043d0f2f">umd 模式</a>。</li>
</ul>
<h2 id="0-7-0-2015-07-21">0.7.0 <code>2015-07-21</code></h2><ul>
<li>第一个公开版本，发布 <code>layout</code>、<code>iconfont</code>、<code>button</code>、<code>form</code>、<code>checkbox</code>、<code>radio</code>、<code>switch</code>、<code>slider</code>、<code>input-number</code>、<code>datepicker</code>、<code>select</code>、<code>tabs</code>、<code>steps</code>、<code>breadcrumb</code>、<code>collapse</code>、<code>pagination</code>、<code>modal</code>、<code>message</code>、<code>dropdown</code>、<code>popover</code>、<code>popconfirm</code>、<code>tooltip</code>、<code>progress</code>、<code>table</code> 等组件。</li>
<li>发布 <a href="http://ant.design/">Ant Design 首页</a> 和入门文档。</li>
</ul>
</article>
</section>
components/affix/index.html
+18 -8
View File
@@ -13,7 +13,7 @@ Affix 固钉 - Ant Design
<link rel="icon" href="https://t.alipayobjects.com/images/T1QUBfXo4fXXXXXXXX.png" type="image/x-icon">
<link rel="shortcut icon" href="https://t.alipayobjects.com/images/T1QUBfXo4fXXXXXXXX.png" type="image/x-icon">
<link rel="stylesheet" href="/dist/antd-0.9.0-beta1.min.css">
<link rel="stylesheet" href="/dist/antd-0.9.0-beta1.css">
<link rel="stylesheet" href="/static/style.css">
<link rel="stylesheet" href="/static/tomorrow.css">
<script>
@@ -39,8 +39,8 @@ Affix 固钉 - Ant Design
<script>
var ANT_COMPONENTS = [];
ANT_COMPONENTS.push({
title: 'Modal',
desc: '对话框'
title: 'Notification',
desc: '通知提醒框'
});
ANT_COMPONENTS.push({
title: 'Affix',
@@ -107,12 +107,12 @@ Affix 固钉 - Ant Design
desc: '全局提示'
});
ANT_COMPONENTS.push({
title: 'Alert',
desc: '警告提示'
title: 'Modal',
desc: '对话框'
});
ANT_COMPONENTS.push({
title: 'Notification',
desc: '通知提醒框'
title: 'Alert',
desc: '警告提示'
});
ANT_COMPONENTS.push({
title: 'Pagination',
@@ -162,6 +162,10 @@ Affix 固钉 - Ant Design
title: 'Tag',
desc: '标签'
});
ANT_COMPONENTS.push({
title: 'Timeline',
desc: '时间轴'
});
ANT_COMPONENTS.push({
title: 'Tooltip',
desc: '文字提示'
@@ -186,7 +190,7 @@ Affix 固钉 - Ant Design
stable: '0.8.0'
};
</script>
<script src="/dist/antd-0.9.0-beta1.min.js"></script>
<script src="/dist/antd-0.9.0-beta1.js"></script>
<script src="/dist/demo.js"></script>
<script>
window.require = function (path) {
@@ -428,6 +432,12 @@ Affix 固钉 - Ant Design
<span class="chinese">标签</span>
</a>
</li>
<li class="">
<a href="../timeline/" class="">
Timeline
<span class="chinese">时间轴</span>
</a>
</li>
<li class="">
<a href="../tooltip/" class="">
Tooltip
components/alert/index.html
+18 -8
View File
@@ -13,7 +13,7 @@ Alert 警告提示 - Ant Design
<link rel="icon" href="https://t.alipayobjects.com/images/T1QUBfXo4fXXXXXXXX.png" type="image/x-icon">
<link rel="shortcut icon" href="https://t.alipayobjects.com/images/T1QUBfXo4fXXXXXXXX.png" type="image/x-icon">
<link rel="stylesheet" href="/dist/antd-0.9.0-beta1.min.css">
<link rel="stylesheet" href="/dist/antd-0.9.0-beta1.css">
<link rel="stylesheet" href="/static/style.css">
<link rel="stylesheet" href="/static/tomorrow.css">
<script>
@@ -39,8 +39,8 @@ Alert 警告提示 - Ant Design
<script>
var ANT_COMPONENTS = [];
ANT_COMPONENTS.push({
title: 'Modal',
desc: '对话框'
title: 'Notification',
desc: '通知提醒框'
});
ANT_COMPONENTS.push({
title: 'Affix',
@@ -107,12 +107,12 @@ Alert 警告提示 - Ant Design
desc: '全局提示'
});
ANT_COMPONENTS.push({
title: 'Alert',
desc: '警告提示'
title: 'Modal',
desc: '对话框'
});
ANT_COMPONENTS.push({
title: 'Notification',
desc: '通知提醒框'
title: 'Alert',
desc: '警告提示'
});
ANT_COMPONENTS.push({
title: 'Pagination',
@@ -162,6 +162,10 @@ Alert 警告提示 - Ant Design
title: 'Tag',
desc: '标签'
});
ANT_COMPONENTS.push({
title: 'Timeline',
desc: '时间轴'
});
ANT_COMPONENTS.push({
title: 'Tooltip',
desc: '文字提示'
@@ -186,7 +190,7 @@ Alert 警告提示 - Ant Design
stable: '0.8.0'
};
</script>
<script src="/dist/antd-0.9.0-beta1.min.js"></script>
<script src="/dist/antd-0.9.0-beta1.js"></script>
<script src="/dist/demo.js"></script>
<script>
window.require = function (path) {
@@ -428,6 +432,12 @@ Alert 警告提示 - Ant Design
<span class="chinese">标签</span>
</a>
</li>
<li class="">
<a href="../timeline/" class="">
Timeline
<span class="chinese">时间轴</span>
</a>
</li>
<li class="">
<a href="../tooltip/" class="">
Tooltip
components/badge/index.html
+18 -8
View File
@@ -13,7 +13,7 @@ Badge 徽标数 - Ant Design
<link rel="icon" href="https://t.alipayobjects.com/images/T1QUBfXo4fXXXXXXXX.png" type="image/x-icon">
<link rel="shortcut icon" href="https://t.alipayobjects.com/images/T1QUBfXo4fXXXXXXXX.png" type="image/x-icon">
<link rel="stylesheet" href="/dist/antd-0.9.0-beta1.min.css">
<link rel="stylesheet" href="/dist/antd-0.9.0-beta1.css">
<link rel="stylesheet" href="/static/style.css">
<link rel="stylesheet" href="/static/tomorrow.css">
<script>
@@ -39,8 +39,8 @@ Badge 徽标数 - Ant Design
<script>
var ANT_COMPONENTS = [];
ANT_COMPONENTS.push({
title: 'Modal',
desc: '对话框'
title: 'Notification',
desc: '通知提醒框'
});
ANT_COMPONENTS.push({
title: 'Affix',
@@ -107,12 +107,12 @@ Badge 徽标数 - Ant Design
desc: '全局提示'
});
ANT_COMPONENTS.push({
title: 'Alert',
desc: '警告提示'
title: 'Modal',
desc: '对话框'
});
ANT_COMPONENTS.push({
title: 'Notification',
desc: '通知提醒框'
title: 'Alert',
desc: '警告提示'
});
ANT_COMPONENTS.push({
title: 'Pagination',
@@ -162,6 +162,10 @@ Badge 徽标数 - Ant Design
title: 'Tag',
desc: '标签'
});
ANT_COMPONENTS.push({
title: 'Timeline',
desc: '时间轴'
});
ANT_COMPONENTS.push({
title: 'Tooltip',
desc: '文字提示'
@@ -186,7 +190,7 @@ Badge 徽标数 - Ant Design
stable: '0.8.0'
};
</script>
<script src="/dist/antd-0.9.0-beta1.min.js"></script>
<script src="/dist/antd-0.9.0-beta1.js"></script>
<script src="/dist/demo.js"></script>
<script>
window.require = function (path) {
@@ -428,6 +432,12 @@ Badge 徽标数 - Ant Design
<span class="chinese">标签</span>
</a>
</li>
<li class="">
<a href="../timeline/" class="">
Timeline
<span class="chinese">时间轴</span>
</a>
</li>
<li class="">
<a href="../tooltip/" class="">
Tooltip
components/breadcrumb/index.html
+18 -8
View File
@@ -13,7 +13,7 @@ Breadcrumb 面包屑 - Ant Design
<link rel="icon" href="https://t.alipayobjects.com/images/T1QUBfXo4fXXXXXXXX.png" type="image/x-icon">
<link rel="shortcut icon" href="https://t.alipayobjects.com/images/T1QUBfXo4fXXXXXXXX.png" type="image/x-icon">
<link rel="stylesheet" href="/dist/antd-0.9.0-beta1.min.css">
<link rel="stylesheet" href="/dist/antd-0.9.0-beta1.css">
<link rel="stylesheet" href="/static/style.css">
<link rel="stylesheet" href="/static/tomorrow.css">
<script>
@@ -39,8 +39,8 @@ Breadcrumb 面包屑 - Ant Design
<script>
var ANT_COMPONENTS = [];
ANT_COMPONENTS.push({
title: 'Modal',
desc: '对话框'
title: 'Notification',
desc: '通知提醒框'
});
ANT_COMPONENTS.push({
title: 'Affix',
@@ -107,12 +107,12 @@ Breadcrumb 面包屑 - Ant Design
desc: '全局提示'
});
ANT_COMPONENTS.push({
title: 'Alert',
desc: '警告提示'
title: 'Modal',
desc: '对话框'
});
ANT_COMPONENTS.push({
title: 'Notification',
desc: '通知提醒框'
title: 'Alert',
desc: '警告提示'
});
ANT_COMPONENTS.push({
title: 'Pagination',
@@ -162,6 +162,10 @@ Breadcrumb 面包屑 - Ant Design
title: 'Tag',
desc: '标签'
});
ANT_COMPONENTS.push({
title: 'Timeline',
desc: '时间轴'
});
ANT_COMPONENTS.push({
title: 'Tooltip',
desc: '文字提示'
@@ -186,7 +190,7 @@ Breadcrumb 面包屑 - Ant Design
stable: '0.8.0'
};
</script>
<script src="/dist/antd-0.9.0-beta1.min.js"></script>
<script src="/dist/antd-0.9.0-beta1.js"></script>
<script src="/dist/demo.js"></script>
<script>
window.require = function (path) {
@@ -428,6 +432,12 @@ Breadcrumb 面包屑 - Ant Design
<span class="chinese">标签</span>
</a>
</li>
<li class="">
<a href="../timeline/" class="">
Timeline
<span class="chinese">时间轴</span>
</a>
</li>
<li class="">
<a href="../tooltip/" class="">
Tooltip
components/button/index.html
+18 -8
View File
@@ -13,7 +13,7 @@ Button 按钮 - Ant Design
<link rel="icon" href="https://t.alipayobjects.com/images/T1QUBfXo4fXXXXXXXX.png" type="image/x-icon">
<link rel="shortcut icon" href="https://t.alipayobjects.com/images/T1QUBfXo4fXXXXXXXX.png" type="image/x-icon">
<link rel="stylesheet" href="/dist/antd-0.9.0-beta1.min.css">
<link rel="stylesheet" href="/dist/antd-0.9.0-beta1.css">
<link rel="stylesheet" href="/static/style.css">
<link rel="stylesheet" href="/static/tomorrow.css">
<script>
@@ -39,8 +39,8 @@ Button 按钮 - Ant Design
<script>
var ANT_COMPONENTS = [];
ANT_COMPONENTS.push({
title: 'Modal',
desc: '对话框'
title: 'Notification',
desc: '通知提醒框'
});
ANT_COMPONENTS.push({
title: 'Affix',
@@ -107,12 +107,12 @@ Button 按钮 - Ant Design
desc: '全局提示'
});
ANT_COMPONENTS.push({
title: 'Alert',
desc: '警告提示'
title: 'Modal',
desc: '对话框'
});
ANT_COMPONENTS.push({
title: 'Notification',
desc: '通知提醒框'
title: 'Alert',
desc: '警告提示'
});
ANT_COMPONENTS.push({
title: 'Pagination',
@@ -162,6 +162,10 @@ Button 按钮 - Ant Design
title: 'Tag',
desc: '标签'
});
ANT_COMPONENTS.push({
title: 'Timeline',
desc: '时间轴'
});
ANT_COMPONENTS.push({
title: 'Tooltip',
desc: '文字提示'
@@ -186,7 +190,7 @@ Button 按钮 - Ant Design
stable: '0.8.0'
};
</script>
<script src="/dist/antd-0.9.0-beta1.min.js"></script>
<script src="/dist/antd-0.9.0-beta1.js"></script>
<script src="/dist/demo.js"></script>
<script>
window.require = function (path) {
@@ -428,6 +432,12 @@ Button 按钮 - Ant Design
<span class="chinese">标签</span>
</a>
</li>
<li class="">
<a href="../timeline/" class="">
Timeline
<span class="chinese">时间轴</span>
</a>
</li>
<li class="">
<a href="../tooltip/" class="">
Tooltip
components/carousel/index.html
+18 -8
View File
@@ -13,7 +13,7 @@ Carousel 走马灯 - Ant Design
<link rel="icon" href="https://t.alipayobjects.com/images/T1QUBfXo4fXXXXXXXX.png" type="image/x-icon">
<link rel="shortcut icon" href="https://t.alipayobjects.com/images/T1QUBfXo4fXXXXXXXX.png" type="image/x-icon">
<link rel="stylesheet" href="/dist/antd-0.9.0-beta1.min.css">
<link rel="stylesheet" href="/dist/antd-0.9.0-beta1.css">
<link rel="stylesheet" href="/static/style.css">
<link rel="stylesheet" href="/static/tomorrow.css">
<script>
@@ -39,8 +39,8 @@ Carousel 走马灯 - Ant Design
<script>
var ANT_COMPONENTS = [];
ANT_COMPONENTS.push({
title: 'Modal',
desc: '对话框'
title: 'Notification',
desc: '通知提醒框'
});
ANT_COMPONENTS.push({
title: 'Affix',
@@ -107,12 +107,12 @@ Carousel 走马灯 - Ant Design
desc: '全局提示'
});
ANT_COMPONENTS.push({
title: 'Alert',
desc: '警告提示'
title: 'Modal',
desc: '对话框'
});
ANT_COMPONENTS.push({
title: 'Notification',
desc: '通知提醒框'
title: 'Alert',
desc: '警告提示'
});
ANT_COMPONENTS.push({
title: 'Pagination',
@@ -162,6 +162,10 @@ Carousel 走马灯 - Ant Design
title: 'Tag',
desc: '标签'
});
ANT_COMPONENTS.push({
title: 'Timeline',
desc: '时间轴'
});
ANT_COMPONENTS.push({
title: 'Tooltip',
desc: '文字提示'
@@ -186,7 +190,7 @@ Carousel 走马灯 - Ant Design
stable: '0.8.0'
};
</script>
<script src="/dist/antd-0.9.0-beta1.min.js"></script>
<script src="/dist/antd-0.9.0-beta1.js"></script>
<script src="/dist/demo.js"></script>
<script>
window.require = function (path) {
@@ -428,6 +432,12 @@ Carousel 走马灯 - Ant Design
<span class="chinese">标签</span>
</a>
</li>
<li class="">
<a href="../timeline/" class="">
Timeline
<span class="chinese">时间轴</span>
</a>
</li>
<li class="">
<a href="../tooltip/" class="">
Tooltip
components/checkbox/index.html
+18 -8
View File
@@ -13,7 +13,7 @@ Checkbox 多选框 - Ant Design
<link rel="icon" href="https://t.alipayobjects.com/images/T1QUBfXo4fXXXXXXXX.png" type="image/x-icon">
<link rel="shortcut icon" href="https://t.alipayobjects.com/images/T1QUBfXo4fXXXXXXXX.png" type="image/x-icon">
<link rel="stylesheet" href="/dist/antd-0.9.0-beta1.min.css">
<link rel="stylesheet" href="/dist/antd-0.9.0-beta1.css">
<link rel="stylesheet" href="/static/style.css">
<link rel="stylesheet" href="/static/tomorrow.css">
<script>
@@ -39,8 +39,8 @@ Checkbox 多选框 - Ant Design
<script>
var ANT_COMPONENTS = [];
ANT_COMPONENTS.push({
title: 'Modal',
desc: '对话框'
title: 'Notification',
desc: '通知提醒框'
});
ANT_COMPONENTS.push({
title: 'Affix',
@@ -107,12 +107,12 @@ Checkbox 多选框 - Ant Design
desc: '全局提示'
});
ANT_COMPONENTS.push({
title: 'Alert',
desc: '警告提示'
title: 'Modal',
desc: '对话框'
});
ANT_COMPONENTS.push({
title: 'Notification',
desc: '通知提醒框'
title: 'Alert',
desc: '警告提示'
});
ANT_COMPONENTS.push({
title: 'Pagination',
@@ -162,6 +162,10 @@ Checkbox 多选框 - Ant Design
title: 'Tag',
desc: '标签'
});
ANT_COMPONENTS.push({
title: 'Timeline',
desc: '时间轴'
});
ANT_COMPONENTS.push({
title: 'Tooltip',
desc: '文字提示'
@@ -186,7 +190,7 @@ Checkbox 多选框 - Ant Design
stable: '0.8.0'
};
</script>
<script src="/dist/antd-0.9.0-beta1.min.js"></script>
<script src="/dist/antd-0.9.0-beta1.js"></script>
<script src="/dist/demo.js"></script>
<script>
window.require = function (path) {
@@ -428,6 +432,12 @@ Checkbox 多选框 - Ant Design
<span class="chinese">标签</span>
</a>
</li>
<li class="">
<a href="../timeline/" class="">
Timeline
<span class="chinese">时间轴</span>
</a>
</li>
<li class="">
<a href="../tooltip/" class="">
Tooltip
components/collapse/index.html
+18 -8
View File
@@ -13,7 +13,7 @@ Collapse 折叠面板 - Ant Design
<link rel="icon" href="https://t.alipayobjects.com/images/T1QUBfXo4fXXXXXXXX.png" type="image/x-icon">
<link rel="shortcut icon" href="https://t.alipayobjects.com/images/T1QUBfXo4fXXXXXXXX.png" type="image/x-icon">
<link rel="stylesheet" href="/dist/antd-0.9.0-beta1.min.css">
<link rel="stylesheet" href="/dist/antd-0.9.0-beta1.css">
<link rel="stylesheet" href="/static/style.css">
<link rel="stylesheet" href="/static/tomorrow.css">
<script>
@@ -39,8 +39,8 @@ Collapse 折叠面板 - Ant Design
<script>
var ANT_COMPONENTS = [];
ANT_COMPONENTS.push({
title: 'Modal',
desc: '对话框'
title: 'Notification',
desc: '通知提醒框'
});
ANT_COMPONENTS.push({
title: 'Affix',
@@ -107,12 +107,12 @@ Collapse 折叠面板 - Ant Design
desc: '全局提示'
});
ANT_COMPONENTS.push({
title: 'Alert',
desc: '警告提示'
title: 'Modal',
desc: '对话框'
});
ANT_COMPONENTS.push({
title: 'Notification',
desc: '通知提醒框'
title: 'Alert',
desc: '警告提示'
});
ANT_COMPONENTS.push({
title: 'Pagination',
@@ -162,6 +162,10 @@ Collapse 折叠面板 - Ant Design
title: 'Tag',
desc: '标签'
});
ANT_COMPONENTS.push({
title: 'Timeline',
desc: '时间轴'
});
ANT_COMPONENTS.push({
title: 'Tooltip',
desc: '文字提示'
@@ -186,7 +190,7 @@ Collapse 折叠面板 - Ant Design
stable: '0.8.0'
};
</script>
<script src="/dist/antd-0.9.0-beta1.min.js"></script>
<script src="/dist/antd-0.9.0-beta1.js"></script>
<script src="/dist/demo.js"></script>
<script>
window.require = function (path) {
@@ -428,6 +432,12 @@ Collapse 折叠面板 - Ant Design
<span class="chinese">标签</span>
</a>
</li>
<li class="">
<a href="../timeline/" class="">
Timeline
<span class="chinese">时间轴</span>
</a>
</li>
<li class="">
<a href="../tooltip/" class="">
Tooltip
components/datepicker/index.html
+18 -8
View File
@@ -13,7 +13,7 @@ Datepicker 日期选择框 - Ant Design
<link rel="icon" href="https://t.alipayobjects.com/images/T1QUBfXo4fXXXXXXXX.png" type="image/x-icon">
<link rel="shortcut icon" href="https://t.alipayobjects.com/images/T1QUBfXo4fXXXXXXXX.png" type="image/x-icon">
<link rel="stylesheet" href="/dist/antd-0.9.0-beta1.min.css">
<link rel="stylesheet" href="/dist/antd-0.9.0-beta1.css">
<link rel="stylesheet" href="/static/style.css">
<link rel="stylesheet" href="/static/tomorrow.css">
<script>
@@ -39,8 +39,8 @@ Datepicker 日期选择框 - Ant Design
<script>
var ANT_COMPONENTS = [];
ANT_COMPONENTS.push({
title: 'Modal',
desc: '对话框'
title: 'Notification',
desc: '通知提醒框'
});
ANT_COMPONENTS.push({
title: 'Affix',
@@ -107,12 +107,12 @@ Datepicker 日期选择框 - Ant Design
desc: '全局提示'
});
ANT_COMPONENTS.push({
title: 'Alert',
desc: '警告提示'
title: 'Modal',
desc: '对话框'
});
ANT_COMPONENTS.push({
title: 'Notification',
desc: '通知提醒框'
title: 'Alert',
desc: '警告提示'
});
ANT_COMPONENTS.push({
title: 'Pagination',
@@ -162,6 +162,10 @@ Datepicker 日期选择框 - Ant Design
title: 'Tag',
desc: '标签'
});
ANT_COMPONENTS.push({
title: 'Timeline',
desc: '时间轴'
});
ANT_COMPONENTS.push({
title: 'Tooltip',
desc: '文字提示'
@@ -186,7 +190,7 @@ Datepicker 日期选择框 - Ant Design
stable: '0.8.0'
};
</script>
<script src="/dist/antd-0.9.0-beta1.min.js"></script>
<script src="/dist/antd-0.9.0-beta1.js"></script>
<script src="/dist/demo.js"></script>
<script>
window.require = function (path) {
@@ -428,6 +432,12 @@ Datepicker 日期选择框 - Ant Design
<span class="chinese">标签</span>
</a>
</li>
<li class="">
<a href="../timeline/" class="">
Timeline
<span class="chinese">时间轴</span>
</a>
</li>
<li class="">
<a href="../tooltip/" class="">
Tooltip
components/dropdown/index.html
+18 -8
View File
@@ -13,7 +13,7 @@ Dropdown 下拉菜单 - Ant Design
<link rel="icon" href="https://t.alipayobjects.com/images/T1QUBfXo4fXXXXXXXX.png" type="image/x-icon">
<link rel="shortcut icon" href="https://t.alipayobjects.com/images/T1QUBfXo4fXXXXXXXX.png" type="image/x-icon">
<link rel="stylesheet" href="/dist/antd-0.9.0-beta1.min.css">
<link rel="stylesheet" href="/dist/antd-0.9.0-beta1.css">
<link rel="stylesheet" href="/static/style.css">
<link rel="stylesheet" href="/static/tomorrow.css">
<script>
@@ -39,8 +39,8 @@ Dropdown 下拉菜单 - Ant Design
<script>
var ANT_COMPONENTS = [];
ANT_COMPONENTS.push({
title: 'Modal',
desc: '对话框'
title: 'Notification',
desc: '通知提醒框'
});
ANT_COMPONENTS.push({
title: 'Affix',
@@ -107,12 +107,12 @@ Dropdown 下拉菜单 - Ant Design
desc: '全局提示'
});
ANT_COMPONENTS.push({
title: 'Alert',
desc: '警告提示'
title: 'Modal',
desc: '对话框'
});
ANT_COMPONENTS.push({
title: 'Notification',
desc: '通知提醒框'
title: 'Alert',
desc: '警告提示'
});
ANT_COMPONENTS.push({
title: 'Pagination',
@@ -162,6 +162,10 @@ Dropdown 下拉菜单 - Ant Design
title: 'Tag',
desc: '标签'
});
ANT_COMPONENTS.push({
title: 'Timeline',
desc: '时间轴'
});
ANT_COMPONENTS.push({
title: 'Tooltip',
desc: '文字提示'
@@ -186,7 +190,7 @@ Dropdown 下拉菜单 - Ant Design
stable: '0.8.0'
};
</script>
<script src="/dist/antd-0.9.0-beta1.min.js"></script>
<script src="/dist/antd-0.9.0-beta1.js"></script>
<script src="/dist/demo.js"></script>
<script>
window.require = function (path) {
@@ -428,6 +432,12 @@ Dropdown 下拉菜单 - Ant Design
<span class="chinese">标签</span>
</a>
</li>
<li class="">
<a href="../timeline/" class="">
Timeline
<span class="chinese">时间轴</span>
</a>
</li>
<li class="">
<a href="../tooltip/" class="">
Tooltip
components/enter-animation/index.html
+18 -8
View File
@@ -13,7 +13,7 @@ EnterAnimation 进场动画 - Ant Design
<link rel="icon" href="https://t.alipayobjects.com/images/T1QUBfXo4fXXXXXXXX.png" type="image/x-icon">
<link rel="shortcut icon" href="https://t.alipayobjects.com/images/T1QUBfXo4fXXXXXXXX.png" type="image/x-icon">
<link rel="stylesheet" href="/dist/antd-0.9.0-beta1.min.css">
<link rel="stylesheet" href="/dist/antd-0.9.0-beta1.css">
<link rel="stylesheet" href="/static/style.css">
<link rel="stylesheet" href="/static/tomorrow.css">
<script>
@@ -39,8 +39,8 @@ EnterAnimation 进场动画 - Ant Design
<script>
var ANT_COMPONENTS = [];
ANT_COMPONENTS.push({
title: 'Modal',
desc: '对话框'
title: 'Notification',
desc: '通知提醒框'
});
ANT_COMPONENTS.push({
title: 'Affix',
@@ -107,12 +107,12 @@ EnterAnimation 进场动画 - Ant Design
desc: '全局提示'
});
ANT_COMPONENTS.push({
title: 'Alert',
desc: '警告提示'
title: 'Modal',
desc: '对话框'
});
ANT_COMPONENTS.push({
title: 'Notification',
desc: '通知提醒框'
title: 'Alert',
desc: '警告提示'
});
ANT_COMPONENTS.push({
title: 'Pagination',
@@ -162,6 +162,10 @@ EnterAnimation 进场动画 - Ant Design
title: 'Tag',
desc: '标签'
});
ANT_COMPONENTS.push({
title: 'Timeline',
desc: '时间轴'
});
ANT_COMPONENTS.push({
title: 'Tooltip',
desc: '文字提示'
@@ -186,7 +190,7 @@ EnterAnimation 进场动画 - Ant Design
stable: '0.8.0'
};
</script>
<script src="/dist/antd-0.9.0-beta1.min.js"></script>
<script src="/dist/antd-0.9.0-beta1.js"></script>
<script src="/dist/demo.js"></script>
<script>
window.require = function (path) {
@@ -428,6 +432,12 @@ EnterAnimation 进场动画 - Ant Design
<span class="chinese">标签</span>
</a>
</li>
<li class="">
<a href="../timeline/" class="">
Timeline
<span class="chinese">时间轴</span>
</a>
</li>
<li class="">
<a href="../tooltip/" class="">
Tooltip
components/form/index.html
+18 -8
View File
@@ -13,7 +13,7 @@ Form 表单 - Ant Design
<link rel="icon" href="https://t.alipayobjects.com/images/T1QUBfXo4fXXXXXXXX.png" type="image/x-icon">
<link rel="shortcut icon" href="https://t.alipayobjects.com/images/T1QUBfXo4fXXXXXXXX.png" type="image/x-icon">
<link rel="stylesheet" href="/dist/antd-0.9.0-beta1.min.css">
<link rel="stylesheet" href="/dist/antd-0.9.0-beta1.css">
<link rel="stylesheet" href="/static/style.css">
<link rel="stylesheet" href="/static/tomorrow.css">
<script>
@@ -39,8 +39,8 @@ Form 表单 - Ant Design
<script>
var ANT_COMPONENTS = [];
ANT_COMPONENTS.push({
title: 'Modal',
desc: '对话框'
title: 'Notification',
desc: '通知提醒框'
});
ANT_COMPONENTS.push({
title: 'Affix',
@@ -107,12 +107,12 @@ Form 表单 - Ant Design
desc: '全局提示'
});
ANT_COMPONENTS.push({
title: 'Alert',
desc: '警告提示'
title: 'Modal',
desc: '对话框'
});
ANT_COMPONENTS.push({
title: 'Notification',
desc: '通知提醒框'
title: 'Alert',
desc: '警告提示'
});
ANT_COMPONENTS.push({
title: 'Pagination',
@@ -162,6 +162,10 @@ Form 表单 - Ant Design
title: 'Tag',
desc: '标签'
});
ANT_COMPONENTS.push({
title: 'Timeline',
desc: '时间轴'
});
ANT_COMPONENTS.push({
title: 'Tooltip',
desc: '文字提示'
@@ -186,7 +190,7 @@ Form 表单 - Ant Design
stable: '0.8.0'
};
</script>
<script src="/dist/antd-0.9.0-beta1.min.js"></script>
<script src="/dist/antd-0.9.0-beta1.js"></script>
<script src="/dist/demo.js"></script>
<script>
window.require = function (path) {
@@ -428,6 +432,12 @@ Form 表单 - Ant Design
<span class="chinese">标签</span>
</a>
</li>
<li class="">
<a href="../timeline/" class="">
Timeline
<span class="chinese">时间轴</span>
</a>
</li>
<li class="">
<a href="../tooltip/" class="">
Tooltip
components/iconfont/index.html
+18 -8
View File
@@ -13,7 +13,7 @@ Iconfont 字体图标 - Ant Design
<link rel="icon" href="https://t.alipayobjects.com/images/T1QUBfXo4fXXXXXXXX.png" type="image/x-icon">
<link rel="shortcut icon" href="https://t.alipayobjects.com/images/T1QUBfXo4fXXXXXXXX.png" type="image/x-icon">
<link rel="stylesheet" href="/dist/antd-0.9.0-beta1.min.css">
<link rel="stylesheet" href="/dist/antd-0.9.0-beta1.css">
<link rel="stylesheet" href="/static/style.css">
<link rel="stylesheet" href="/static/tomorrow.css">
<script>
@@ -39,8 +39,8 @@ Iconfont 字体图标 - Ant Design
<script>
var ANT_COMPONENTS = [];
ANT_COMPONENTS.push({
title: 'Modal',
desc: '对话框'
title: 'Notification',
desc: '通知提醒框'
});
ANT_COMPONENTS.push({
title: 'Affix',
@@ -107,12 +107,12 @@ Iconfont 字体图标 - Ant Design
desc: '全局提示'
});
ANT_COMPONENTS.push({
title: 'Alert',
desc: '警告提示'
title: 'Modal',
desc: '对话框'
});
ANT_COMPONENTS.push({
title: 'Notification',
desc: '通知提醒框'
title: 'Alert',
desc: '警告提示'
});
ANT_COMPONENTS.push({
title: 'Pagination',
@@ -162,6 +162,10 @@ Iconfont 字体图标 - Ant Design
title: 'Tag',
desc: '标签'
});
ANT_COMPONENTS.push({
title: 'Timeline',
desc: '时间轴'
});
ANT_COMPONENTS.push({
title: 'Tooltip',
desc: '文字提示'
@@ -186,7 +190,7 @@ Iconfont 字体图标 - Ant Design
stable: '0.8.0'
};
</script>
<script src="/dist/antd-0.9.0-beta1.min.js"></script>
<script src="/dist/antd-0.9.0-beta1.js"></script>
<script src="/dist/demo.js"></script>
<script>
window.require = function (path) {
@@ -428,6 +432,12 @@ Iconfont 字体图标 - Ant Design
<span class="chinese">标签</span>
</a>
</li>
<li class="">
<a href="../timeline/" class="">
Timeline
<span class="chinese">时间轴</span>
</a>
</li>
<li class="">
<a href="../tooltip/" class="">
Tooltip
components/input-number/index.html
+18 -8
View File
@@ -13,7 +13,7 @@ InputNumber 数字输入框 - Ant Design
<link rel="icon" href="https://t.alipayobjects.com/images/T1QUBfXo4fXXXXXXXX.png" type="image/x-icon">
<link rel="shortcut icon" href="https://t.alipayobjects.com/images/T1QUBfXo4fXXXXXXXX.png" type="image/x-icon">
<link rel="stylesheet" href="/dist/antd-0.9.0-beta1.min.css">
<link rel="stylesheet" href="/dist/antd-0.9.0-beta1.css">
<link rel="stylesheet" href="/static/style.css">
<link rel="stylesheet" href="/static/tomorrow.css">
<script>
@@ -39,8 +39,8 @@ InputNumber 数字输入框 - Ant Design
<script>
var ANT_COMPONENTS = [];
ANT_COMPONENTS.push({
title: 'Modal',
desc: '对话框'
title: 'Notification',
desc: '通知提醒框'
});
ANT_COMPONENTS.push({
title: 'Affix',
@@ -107,12 +107,12 @@ InputNumber 数字输入框 - Ant Design
desc: '全局提示'
});
ANT_COMPONENTS.push({
title: 'Alert',
desc: '警告提示'
title: 'Modal',
desc: '对话框'
});
ANT_COMPONENTS.push({
title: 'Notification',
desc: '通知提醒框'
title: 'Alert',
desc: '警告提示'
});
ANT_COMPONENTS.push({
title: 'Pagination',
@@ -162,6 +162,10 @@ InputNumber 数字输入框 - Ant Design
title: 'Tag',
desc: '标签'
});
ANT_COMPONENTS.push({
title: 'Timeline',
desc: '时间轴'
});
ANT_COMPONENTS.push({
title: 'Tooltip',
desc: '文字提示'
@@ -186,7 +190,7 @@ InputNumber 数字输入框 - Ant Design
stable: '0.8.0'
};
</script>
<script src="/dist/antd-0.9.0-beta1.min.js"></script>
<script src="/dist/antd-0.9.0-beta1.js"></script>
<script src="/dist/demo.js"></script>
<script>
window.require = function (path) {
@@ -428,6 +432,12 @@ InputNumber 数字输入框 - Ant Design
<span class="chinese">标签</span>
</a>
</li>
<li class="">
<a href="../timeline/" class="">
Timeline
<span class="chinese">时间轴</span>
</a>
</li>
<li class="">
<a href="../tooltip/" class="">
Tooltip
components/layout/index.html
+18 -8
View File
@@ -13,7 +13,7 @@ Layout 布局 - Ant Design
<link rel="icon" href="https://t.alipayobjects.com/images/T1QUBfXo4fXXXXXXXX.png" type="image/x-icon">
<link rel="shortcut icon" href="https://t.alipayobjects.com/images/T1QUBfXo4fXXXXXXXX.png" type="image/x-icon">
<link rel="stylesheet" href="/dist/antd-0.9.0-beta1.min.css">
<link rel="stylesheet" href="/dist/antd-0.9.0-beta1.css">
<link rel="stylesheet" href="/static/style.css">
<link rel="stylesheet" href="/static/tomorrow.css">
<script>
@@ -39,8 +39,8 @@ Layout 布局 - Ant Design
<script>
var ANT_COMPONENTS = [];
ANT_COMPONENTS.push({
title: 'Modal',
desc: '对话框'
title: 'Notification',
desc: '通知提醒框'
});
ANT_COMPONENTS.push({
title: 'Affix',
@@ -107,12 +107,12 @@ Layout 布局 - Ant Design
desc: '全局提示'
});
ANT_COMPONENTS.push({
title: 'Alert',
desc: '警告提示'
title: 'Modal',
desc: '对话框'
});
ANT_COMPONENTS.push({
title: 'Notification',
desc: '通知提醒框'
title: 'Alert',
desc: '警告提示'
});
ANT_COMPONENTS.push({
title: 'Pagination',
@@ -162,6 +162,10 @@ Layout 布局 - Ant Design
title: 'Tag',
desc: '标签'
});
ANT_COMPONENTS.push({
title: 'Timeline',
desc: '时间轴'
});
ANT_COMPONENTS.push({
title: 'Tooltip',
desc: '文字提示'
@@ -186,7 +190,7 @@ Layout 布局 - Ant Design
stable: '0.8.0'
};
</script>
<script src="/dist/antd-0.9.0-beta1.min.js"></script>
<script src="/dist/antd-0.9.0-beta1.js"></script>
<script src="/dist/demo.js"></script>
<script>
window.require = function (path) {
@@ -428,6 +432,12 @@ Layout 布局 - Ant Design
<span class="chinese">标签</span>
</a>
</li>
<li class="">
<a href="../timeline/" class="">
Timeline
<span class="chinese">时间轴</span>
</a>
</li>
<li class="">
<a href="../tooltip/" class="">
Tooltip
components/menu/index.html
+18 -8
View File
@@ -13,7 +13,7 @@ Menu 导航菜单 - Ant Design
<link rel="icon" href="https://t.alipayobjects.com/images/T1QUBfXo4fXXXXXXXX.png" type="image/x-icon">
<link rel="shortcut icon" href="https://t.alipayobjects.com/images/T1QUBfXo4fXXXXXXXX.png" type="image/x-icon">
<link rel="stylesheet" href="/dist/antd-0.9.0-beta1.min.css">
<link rel="stylesheet" href="/dist/antd-0.9.0-beta1.css">
<link rel="stylesheet" href="/static/style.css">
<link rel="stylesheet" href="/static/tomorrow.css">
<script>
@@ -39,8 +39,8 @@ Menu 导航菜单 - Ant Design
<script>
var ANT_COMPONENTS = [];
ANT_COMPONENTS.push({
title: 'Modal',
desc: '对话框'
title: 'Notification',
desc: '通知提醒框'
});
ANT_COMPONENTS.push({
title: 'Affix',
@@ -107,12 +107,12 @@ Menu 导航菜单 - Ant Design
desc: '全局提示'
});
ANT_COMPONENTS.push({
title: 'Alert',
desc: '警告提示'
title: 'Modal',
desc: '对话框'
});
ANT_COMPONENTS.push({
title: 'Notification',
desc: '通知提醒框'
title: 'Alert',
desc: '警告提示'
});
ANT_COMPONENTS.push({
title: 'Pagination',
@@ -162,6 +162,10 @@ Menu 导航菜单 - Ant Design
title: 'Tag',
desc: '标签'
});
ANT_COMPONENTS.push({
title: 'Timeline',
desc: '时间轴'
});
ANT_COMPONENTS.push({
title: 'Tooltip',
desc: '文字提示'
@@ -186,7 +190,7 @@ Menu 导航菜单 - Ant Design
stable: '0.8.0'
};
</script>
<script src="/dist/antd-0.9.0-beta1.min.js"></script>
<script src="/dist/antd-0.9.0-beta1.js"></script>
<script src="/dist/demo.js"></script>
<script>
window.require = function (path) {
@@ -428,6 +432,12 @@ Menu 导航菜单 - Ant Design
<span class="chinese">标签</span>
</a>
</li>
<li class="">
<a href="../timeline/" class="">
Timeline
<span class="chinese">时间轴</span>
</a>
</li>
<li class="">
<a href="../tooltip/" class="">
Tooltip
components/message/index.html
+18 -8
View File
@@ -13,7 +13,7 @@ Message 全局提示 - Ant Design
<link rel="icon" href="https://t.alipayobjects.com/images/T1QUBfXo4fXXXXXXXX.png" type="image/x-icon">
<link rel="shortcut icon" href="https://t.alipayobjects.com/images/T1QUBfXo4fXXXXXXXX.png" type="image/x-icon">
<link rel="stylesheet" href="/dist/antd-0.9.0-beta1.min.css">
<link rel="stylesheet" href="/dist/antd-0.9.0-beta1.css">
<link rel="stylesheet" href="/static/style.css">
<link rel="stylesheet" href="/static/tomorrow.css">
<script>
@@ -39,8 +39,8 @@ Message 全局提示 - Ant Design
<script>
var ANT_COMPONENTS = [];
ANT_COMPONENTS.push({
title: 'Modal',
desc: '对话框'
title: 'Notification',
desc: '通知提醒框'
});
ANT_COMPONENTS.push({
title: 'Affix',
@@ -107,12 +107,12 @@ Message 全局提示 - Ant Design
desc: '全局提示'
});
ANT_COMPONENTS.push({
title: 'Alert',
desc: '警告提示'
title: 'Modal',
desc: '对话框'
});
ANT_COMPONENTS.push({
title: 'Notification',
desc: '通知提醒框'
title: 'Alert',
desc: '警告提示'
});
ANT_COMPONENTS.push({
title: 'Pagination',
@@ -162,6 +162,10 @@ Message 全局提示 - Ant Design
title: 'Tag',
desc: '标签'
});
ANT_COMPONENTS.push({
title: 'Timeline',
desc: '时间轴'
});
ANT_COMPONENTS.push({
title: 'Tooltip',
desc: '文字提示'
@@ -186,7 +190,7 @@ Message 全局提示 - Ant Design
stable: '0.8.0'
};
</script>
<script src="/dist/antd-0.9.0-beta1.min.js"></script>
<script src="/dist/antd-0.9.0-beta1.js"></script>
<script src="/dist/demo.js"></script>
<script>
window.require = function (path) {
@@ -428,6 +432,12 @@ Message 全局提示 - Ant Design
<span class="chinese">标签</span>
</a>
</li>
<li class="">
<a href="../timeline/" class="">
Timeline
<span class="chinese">时间轴</span>
</a>
</li>
<li class="">
<a href="../tooltip/" class="">
Tooltip
components/modal/index.html
+18 -8
View File
@@ -13,7 +13,7 @@ Modal 对话框 - Ant Design
<link rel="icon" href="https://t.alipayobjects.com/images/T1QUBfXo4fXXXXXXXX.png" type="image/x-icon">
<link rel="shortcut icon" href="https://t.alipayobjects.com/images/T1QUBfXo4fXXXXXXXX.png" type="image/x-icon">
<link rel="stylesheet" href="/dist/antd-0.9.0-beta1.min.css">
<link rel="stylesheet" href="/dist/antd-0.9.0-beta1.css">
<link rel="stylesheet" href="/static/style.css">
<link rel="stylesheet" href="/static/tomorrow.css">
<script>
@@ -39,8 +39,8 @@ Modal 对话框 - Ant Design
<script>
var ANT_COMPONENTS = [];
ANT_COMPONENTS.push({
title: 'Modal',
desc: '对话框'
title: 'Notification',
desc: '通知提醒框'
});
ANT_COMPONENTS.push({
title: 'Affix',
@@ -107,12 +107,12 @@ Modal 对话框 - Ant Design
desc: '全局提示'
});
ANT_COMPONENTS.push({
title: 'Alert',
desc: '警告提示'
title: 'Modal',
desc: '对话框'
});
ANT_COMPONENTS.push({
title: 'Notification',
desc: '通知提醒框'
title: 'Alert',
desc: '警告提示'
});
ANT_COMPONENTS.push({
title: 'Pagination',
@@ -162,6 +162,10 @@ Modal 对话框 - Ant Design
title: 'Tag',
desc: '标签'
});
ANT_COMPONENTS.push({
title: 'Timeline',
desc: '时间轴'
});
ANT_COMPONENTS.push({
title: 'Tooltip',
desc: '文字提示'
@@ -186,7 +190,7 @@ Modal 对话框 - Ant Design
stable: '0.8.0'
};
</script>
<script src="/dist/antd-0.9.0-beta1.min.js"></script>
<script src="/dist/antd-0.9.0-beta1.js"></script>
<script src="/dist/demo.js"></script>
<script>
window.require = function (path) {
@@ -428,6 +432,12 @@ Modal 对话框 - Ant Design
<span class="chinese">标签</span>
</a>
</li>
<li class="">
<a href="../timeline/" class="">
Timeline
<span class="chinese">时间轴</span>
</a>
</li>
<li class="">
<a href="../tooltip/" class="">
Tooltip
components/notification/index.html
+18 -8
View File
@@ -13,7 +13,7 @@ Notification 通知提醒框 - Ant Design
<link rel="icon" href="https://t.alipayobjects.com/images/T1QUBfXo4fXXXXXXXX.png" type="image/x-icon">
<link rel="shortcut icon" href="https://t.alipayobjects.com/images/T1QUBfXo4fXXXXXXXX.png" type="image/x-icon">
<link rel="stylesheet" href="/dist/antd-0.9.0-beta1.min.css">
<link rel="stylesheet" href="/dist/antd-0.9.0-beta1.css">
<link rel="stylesheet" href="/static/style.css">
<link rel="stylesheet" href="/static/tomorrow.css">
<script>
@@ -39,8 +39,8 @@ Notification 通知提醒框 - Ant Design
<script>
var ANT_COMPONENTS = [];
ANT_COMPONENTS.push({
title: 'Modal',
desc: '对话框'
title: 'Notification',
desc: '通知提醒框'
});
ANT_COMPONENTS.push({
title: 'Affix',
@@ -107,12 +107,12 @@ Notification 通知提醒框 - Ant Design
desc: '全局提示'
});
ANT_COMPONENTS.push({
title: 'Alert',
desc: '警告提示'
title: 'Modal',
desc: '对话框'
});
ANT_COMPONENTS.push({
title: 'Notification',
desc: '通知提醒框'
title: 'Alert',
desc: '警告提示'
});
ANT_COMPONENTS.push({
title: 'Pagination',
@@ -162,6 +162,10 @@ Notification 通知提醒框 - Ant Design
title: 'Tag',
desc: '标签'
});
ANT_COMPONENTS.push({
title: 'Timeline',
desc: '时间轴'
});
ANT_COMPONENTS.push({
title: 'Tooltip',
desc: '文字提示'
@@ -186,7 +190,7 @@ Notification 通知提醒框 - Ant Design
stable: '0.8.0'
};
</script>
<script src="/dist/antd-0.9.0-beta1.min.js"></script>
<script src="/dist/antd-0.9.0-beta1.js"></script>
<script src="/dist/demo.js"></script>
<script>
window.require = function (path) {
@@ -428,6 +432,12 @@ Notification 通知提醒框 - Ant Design
<span class="chinese">标签</span>
</a>
</li>
<li class="">
<a href="../timeline/" class="">
Timeline
<span class="chinese">时间轴</span>
</a>
</li>
<li class="">
<a href="../tooltip/" class="">
Tooltip
components/pagination/index.html
+18 -8
View File
@@ -13,7 +13,7 @@ Pagination 分页 - Ant Design
<link rel="icon" href="https://t.alipayobjects.com/images/T1QUBfXo4fXXXXXXXX.png" type="image/x-icon">
<link rel="shortcut icon" href="https://t.alipayobjects.com/images/T1QUBfXo4fXXXXXXXX.png" type="image/x-icon">
<link rel="stylesheet" href="/dist/antd-0.9.0-beta1.min.css">
<link rel="stylesheet" href="/dist/antd-0.9.0-beta1.css">
<link rel="stylesheet" href="/static/style.css">
<link rel="stylesheet" href="/static/tomorrow.css">
<script>
@@ -39,8 +39,8 @@ Pagination 分页 - Ant Design
<script>
var ANT_COMPONENTS = [];
ANT_COMPONENTS.push({
title: 'Modal',
desc: '对话框'
title: 'Notification',
desc: '通知提醒框'
});
ANT_COMPONENTS.push({
title: 'Affix',
@@ -107,12 +107,12 @@ Pagination 分页 - Ant Design
desc: '全局提示'
});
ANT_COMPONENTS.push({
title: 'Alert',
desc: '警告提示'
title: 'Modal',
desc: '对话框'
});
ANT_COMPONENTS.push({
title: 'Notification',
desc: '通知提醒框'
title: 'Alert',
desc: '警告提示'
});
ANT_COMPONENTS.push({
title: 'Pagination',
@@ -162,6 +162,10 @@ Pagination 分页 - Ant Design
title: 'Tag',
desc: '标签'
});
ANT_COMPONENTS.push({
title: 'Timeline',
desc: '时间轴'
});
ANT_COMPONENTS.push({
title: 'Tooltip',
desc: '文字提示'
@@ -186,7 +190,7 @@ Pagination 分页 - Ant Design
stable: '0.8.0'
};
</script>
<script src="/dist/antd-0.9.0-beta1.min.js"></script>
<script src="/dist/antd-0.9.0-beta1.js"></script>
<script src="/dist/demo.js"></script>
<script>
window.require = function (path) {
@@ -428,6 +432,12 @@ Pagination 分页 - Ant Design
<span class="chinese">标签</span>
</a>
</li>
<li class="">
<a href="../timeline/" class="">
Timeline
<span class="chinese">时间轴</span>
</a>
</li>
<li class="">
<a href="../tooltip/" class="">
Tooltip
components/popconfirm/index.html
+18 -8
View File
@@ -13,7 +13,7 @@ Popconfirm 气泡确认框 - Ant Design
<link rel="icon" href="https://t.alipayobjects.com/images/T1QUBfXo4fXXXXXXXX.png" type="image/x-icon">
<link rel="shortcut icon" href="https://t.alipayobjects.com/images/T1QUBfXo4fXXXXXXXX.png" type="image/x-icon">
<link rel="stylesheet" href="/dist/antd-0.9.0-beta1.min.css">
<link rel="stylesheet" href="/dist/antd-0.9.0-beta1.css">
<link rel="stylesheet" href="/static/style.css">
<link rel="stylesheet" href="/static/tomorrow.css">
<script>
@@ -39,8 +39,8 @@ Popconfirm 气泡确认框 - Ant Design
<script>
var ANT_COMPONENTS = [];
ANT_COMPONENTS.push({
title: 'Modal',
desc: '对话框'
title: 'Notification',
desc: '通知提醒框'
});
ANT_COMPONENTS.push({
title: 'Affix',
@@ -107,12 +107,12 @@ Popconfirm 气泡确认框 - Ant Design
desc: '全局提示'
});
ANT_COMPONENTS.push({
title: 'Alert',
desc: '警告提示'
title: 'Modal',
desc: '对话框'
});
ANT_COMPONENTS.push({
title: 'Notification',
desc: '通知提醒框'
title: 'Alert',
desc: '警告提示'
});
ANT_COMPONENTS.push({
title: 'Pagination',
@@ -162,6 +162,10 @@ Popconfirm 气泡确认框 - Ant Design
title: 'Tag',
desc: '标签'
});
ANT_COMPONENTS.push({
title: 'Timeline',
desc: '时间轴'
});
ANT_COMPONENTS.push({
title: 'Tooltip',
desc: '文字提示'
@@ -186,7 +190,7 @@ Popconfirm 气泡确认框 - Ant Design
stable: '0.8.0'
};
</script>
<script src="/dist/antd-0.9.0-beta1.min.js"></script>
<script src="/dist/antd-0.9.0-beta1.js"></script>
<script src="/dist/demo.js"></script>
<script>
window.require = function (path) {
@@ -428,6 +432,12 @@ Popconfirm 气泡确认框 - Ant Design
<span class="chinese">标签</span>
</a>
</li>
<li class="">
<a href="../timeline/" class="">
Timeline
<span class="chinese">时间轴</span>
</a>
</li>
<li class="">
<a href="../tooltip/" class="">
Tooltip
components/popover/index.html
+18 -8
View File
@@ -13,7 +13,7 @@ Popover 气泡卡片 - Ant Design
<link rel="icon" href="https://t.alipayobjects.com/images/T1QUBfXo4fXXXXXXXX.png" type="image/x-icon">
<link rel="shortcut icon" href="https://t.alipayobjects.com/images/T1QUBfXo4fXXXXXXXX.png" type="image/x-icon">
<link rel="stylesheet" href="/dist/antd-0.9.0-beta1.min.css">
<link rel="stylesheet" href="/dist/antd-0.9.0-beta1.css">
<link rel="stylesheet" href="/static/style.css">
<link rel="stylesheet" href="/static/tomorrow.css">
<script>
@@ -39,8 +39,8 @@ Popover 气泡卡片 - Ant Design
<script>
var ANT_COMPONENTS = [];
ANT_COMPONENTS.push({
title: 'Modal',
desc: '对话框'
title: 'Notification',
desc: '通知提醒框'
});
ANT_COMPONENTS.push({
title: 'Affix',
@@ -107,12 +107,12 @@ Popover 气泡卡片 - Ant Design
desc: '全局提示'
});
ANT_COMPONENTS.push({
title: 'Alert',
desc: '警告提示'
title: 'Modal',
desc: '对话框'
});
ANT_COMPONENTS.push({
title: 'Notification',
desc: '通知提醒框'
title: 'Alert',
desc: '警告提示'
});
ANT_COMPONENTS.push({
title: 'Pagination',
@@ -162,6 +162,10 @@ Popover 气泡卡片 - Ant Design
title: 'Tag',
desc: '标签'
});
ANT_COMPONENTS.push({
title: 'Timeline',
desc: '时间轴'
});
ANT_COMPONENTS.push({
title: 'Tooltip',
desc: '文字提示'
@@ -186,7 +190,7 @@ Popover 气泡卡片 - Ant Design
stable: '0.8.0'
};
</script>
<script src="/dist/antd-0.9.0-beta1.min.js"></script>
<script src="/dist/antd-0.9.0-beta1.js"></script>
<script src="/dist/demo.js"></script>
<script>
window.require = function (path) {
@@ -428,6 +432,12 @@ Popover 气泡卡片 - Ant Design
<span class="chinese">标签</span>
</a>
</li>
<li class="">
<a href="../timeline/" class="">
Timeline
<span class="chinese">时间轴</span>
</a>
</li>
<li class="">
<a href="../tooltip/" class="">
Tooltip
components/progress/index.html
+18 -8
View File
@@ -13,7 +13,7 @@ Progress 进度条 - Ant Design
<link rel="icon" href="https://t.alipayobjects.com/images/T1QUBfXo4fXXXXXXXX.png" type="image/x-icon">
<link rel="shortcut icon" href="https://t.alipayobjects.com/images/T1QUBfXo4fXXXXXXXX.png" type="image/x-icon">
<link rel="stylesheet" href="/dist/antd-0.9.0-beta1.min.css">
<link rel="stylesheet" href="/dist/antd-0.9.0-beta1.css">
<link rel="stylesheet" href="/static/style.css">
<link rel="stylesheet" href="/static/tomorrow.css">
<script>
@@ -39,8 +39,8 @@ Progress 进度条 - Ant Design
<script>
var ANT_COMPONENTS = [];
ANT_COMPONENTS.push({
title: 'Modal',
desc: '对话框'
title: 'Notification',
desc: '通知提醒框'
});
ANT_COMPONENTS.push({
title: 'Affix',
@@ -107,12 +107,12 @@ Progress 进度条 - Ant Design
desc: '全局提示'
});
ANT_COMPONENTS.push({
title: 'Alert',
desc: '警告提示'
title: 'Modal',
desc: '对话框'
});
ANT_COMPONENTS.push({
title: 'Notification',
desc: '通知提醒框'
title: 'Alert',
desc: '警告提示'
});
ANT_COMPONENTS.push({
title: 'Pagination',
@@ -162,6 +162,10 @@ Progress 进度条 - Ant Design
title: 'Tag',
desc: '标签'
});
ANT_COMPONENTS.push({
title: 'Timeline',
desc: '时间轴'
});
ANT_COMPONENTS.push({
title: 'Tooltip',
desc: '文字提示'
@@ -186,7 +190,7 @@ Progress 进度条 - Ant Design
stable: '0.8.0'
};
</script>
<script src="/dist/antd-0.9.0-beta1.min.js"></script>
<script src="/dist/antd-0.9.0-beta1.js"></script>
<script src="/dist/demo.js"></script>
<script>
window.require = function (path) {
@@ -428,6 +432,12 @@ Progress 进度条 - Ant Design
<span class="chinese">标签</span>
</a>
</li>
<li class="">
<a href="../timeline/" class="">
Timeline
<span class="chinese">时间轴</span>
</a>
</li>
<li class="">
<a href="../tooltip/" class="">
Tooltip
components/radio/index.html
+18 -8
View File
@@ -13,7 +13,7 @@ Radio 单选框 - Ant Design
<link rel="icon" href="https://t.alipayobjects.com/images/T1QUBfXo4fXXXXXXXX.png" type="image/x-icon">
<link rel="shortcut icon" href="https://t.alipayobjects.com/images/T1QUBfXo4fXXXXXXXX.png" type="image/x-icon">
<link rel="stylesheet" href="/dist/antd-0.9.0-beta1.min.css">
<link rel="stylesheet" href="/dist/antd-0.9.0-beta1.css">
<link rel="stylesheet" href="/static/style.css">
<link rel="stylesheet" href="/static/tomorrow.css">
<script>
@@ -39,8 +39,8 @@ Radio 单选框 - Ant Design
<script>
var ANT_COMPONENTS = [];
ANT_COMPONENTS.push({
title: 'Modal',
desc: '对话框'
title: 'Notification',
desc: '通知提醒框'
});
ANT_COMPONENTS.push({
title: 'Affix',
@@ -107,12 +107,12 @@ Radio 单选框 - Ant Design
desc: '全局提示'
});
ANT_COMPONENTS.push({
title: 'Alert',
desc: '警告提示'
title: 'Modal',
desc: '对话框'
});
ANT_COMPONENTS.push({
title: 'Notification',
desc: '通知提醒框'
title: 'Alert',
desc: '警告提示'
});
ANT_COMPONENTS.push({
title: 'Pagination',
@@ -162,6 +162,10 @@ Radio 单选框 - Ant Design
title: 'Tag',
desc: '标签'
});
ANT_COMPONENTS.push({
title: 'Timeline',
desc: '时间轴'
});
ANT_COMPONENTS.push({
title: 'Tooltip',
desc: '文字提示'
@@ -186,7 +190,7 @@ Radio 单选框 - Ant Design
stable: '0.8.0'
};
</script>
<script src="/dist/antd-0.9.0-beta1.min.js"></script>
<script src="/dist/antd-0.9.0-beta1.js"></script>
<script src="/dist/demo.js"></script>
<script>
window.require = function (path) {
@@ -428,6 +432,12 @@ Radio 单选框 - Ant Design
<span class="chinese">标签</span>
</a>
</li>
<li class="">
<a href="../timeline/" class="">
Timeline
<span class="chinese">时间轴</span>
</a>
</li>
<li class="">
<a href="../tooltip/" class="">
Tooltip
components/select/index.html
+18 -8
View File
@@ -13,7 +13,7 @@ Select 选择器 - Ant Design
<link rel="icon" href="https://t.alipayobjects.com/images/T1QUBfXo4fXXXXXXXX.png" type="image/x-icon">
<link rel="shortcut icon" href="https://t.alipayobjects.com/images/T1QUBfXo4fXXXXXXXX.png" type="image/x-icon">
<link rel="stylesheet" href="/dist/antd-0.9.0-beta1.min.css">
<link rel="stylesheet" href="/dist/antd-0.9.0-beta1.css">
<link rel="stylesheet" href="/static/style.css">
<link rel="stylesheet" href="/static/tomorrow.css">
<script>
@@ -39,8 +39,8 @@ Select 选择器 - Ant Design
<script>
var ANT_COMPONENTS = [];
ANT_COMPONENTS.push({
title: 'Modal',
desc: '对话框'
title: 'Notification',
desc: '通知提醒框'
});
ANT_COMPONENTS.push({
title: 'Affix',
@@ -107,12 +107,12 @@ Select 选择器 - Ant Design
desc: '全局提示'
});
ANT_COMPONENTS.push({
title: 'Alert',
desc: '警告提示'
title: 'Modal',
desc: '对话框'
});
ANT_COMPONENTS.push({
title: 'Notification',
desc: '通知提醒框'
title: 'Alert',
desc: '警告提示'
});
ANT_COMPONENTS.push({
title: 'Pagination',
@@ -162,6 +162,10 @@ Select 选择器 - Ant Design
title: 'Tag',
desc: '标签'
});
ANT_COMPONENTS.push({
title: 'Timeline',
desc: '时间轴'
});
ANT_COMPONENTS.push({
title: 'Tooltip',
desc: '文字提示'
@@ -186,7 +190,7 @@ Select 选择器 - Ant Design
stable: '0.8.0'
};
</script>
<script src="/dist/antd-0.9.0-beta1.min.js"></script>
<script src="/dist/antd-0.9.0-beta1.js"></script>
<script src="/dist/demo.js"></script>
<script>
window.require = function (path) {
@@ -428,6 +432,12 @@ Select 选择器 - Ant Design
<span class="chinese">标签</span>
</a>
</li>
<li class="">
<a href="../timeline/" class="">
Timeline
<span class="chinese">时间轴</span>
</a>
</li>
<li class="">
<a href="../tooltip/" class="">
Tooltip
components/slider/index.html
+18 -8
View File
@@ -13,7 +13,7 @@ Slider 滑动输入条 - Ant Design
<link rel="icon" href="https://t.alipayobjects.com/images/T1QUBfXo4fXXXXXXXX.png" type="image/x-icon">
<link rel="shortcut icon" href="https://t.alipayobjects.com/images/T1QUBfXo4fXXXXXXXX.png" type="image/x-icon">
<link rel="stylesheet" href="/dist/antd-0.9.0-beta1.min.css">
<link rel="stylesheet" href="/dist/antd-0.9.0-beta1.css">
<link rel="stylesheet" href="/static/style.css">
<link rel="stylesheet" href="/static/tomorrow.css">
<script>
@@ -39,8 +39,8 @@ Slider 滑动输入条 - Ant Design
<script>
var ANT_COMPONENTS = [];
ANT_COMPONENTS.push({
title: 'Modal',
desc: '对话框'
title: 'Notification',
desc: '通知提醒框'
});
ANT_COMPONENTS.push({
title: 'Affix',
@@ -107,12 +107,12 @@ Slider 滑动输入条 - Ant Design
desc: '全局提示'
});
ANT_COMPONENTS.push({
title: 'Alert',
desc: '警告提示'
title: 'Modal',
desc: '对话框'
});
ANT_COMPONENTS.push({
title: 'Notification',
desc: '通知提醒框'
title: 'Alert',
desc: '警告提示'
});
ANT_COMPONENTS.push({
title: 'Pagination',
@@ -162,6 +162,10 @@ Slider 滑动输入条 - Ant Design
title: 'Tag',
desc: '标签'
});
ANT_COMPONENTS.push({
title: 'Timeline',
desc: '时间轴'
});
ANT_COMPONENTS.push({
title: 'Tooltip',
desc: '文字提示'
@@ -186,7 +190,7 @@ Slider 滑动输入条 - Ant Design
stable: '0.8.0'
};
</script>
<script src="/dist/antd-0.9.0-beta1.min.js"></script>
<script src="/dist/antd-0.9.0-beta1.js"></script>
<script src="/dist/demo.js"></script>
<script>
window.require = function (path) {
@@ -428,6 +432,12 @@ Slider 滑动输入条 - Ant Design
<span class="chinese">标签</span>
</a>
</li>
<li class="">
<a href="../timeline/" class="">
Timeline
<span class="chinese">时间轴</span>
</a>
</li>
<li class="">
<a href="../tooltip/" class="">
Tooltip
components/steps/index.html
+18 -8
View File
@@ -13,7 +13,7 @@ Steps 步骤条 - Ant Design
<link rel="icon" href="https://t.alipayobjects.com/images/T1QUBfXo4fXXXXXXXX.png" type="image/x-icon">
<link rel="shortcut icon" href="https://t.alipayobjects.com/images/T1QUBfXo4fXXXXXXXX.png" type="image/x-icon">
<link rel="stylesheet" href="/dist/antd-0.9.0-beta1.min.css">
<link rel="stylesheet" href="/dist/antd-0.9.0-beta1.css">
<link rel="stylesheet" href="/static/style.css">
<link rel="stylesheet" href="/static/tomorrow.css">
<script>
@@ -39,8 +39,8 @@ Steps 步骤条 - Ant Design
<script>
var ANT_COMPONENTS = [];
ANT_COMPONENTS.push({
title: 'Modal',
desc: '对话框'
title: 'Notification',
desc: '通知提醒框'
});
ANT_COMPONENTS.push({
title: 'Affix',
@@ -107,12 +107,12 @@ Steps 步骤条 - Ant Design
desc: '全局提示'
});
ANT_COMPONENTS.push({
title: 'Alert',
desc: '警告提示'
title: 'Modal',
desc: '对话框'
});
ANT_COMPONENTS.push({
title: 'Notification',
desc: '通知提醒框'
title: 'Alert',
desc: '警告提示'
});
ANT_COMPONENTS.push({
title: 'Pagination',
@@ -162,6 +162,10 @@ Steps 步骤条 - Ant Design
title: 'Tag',
desc: '标签'
});
ANT_COMPONENTS.push({
title: 'Timeline',
desc: '时间轴'
});
ANT_COMPONENTS.push({
title: 'Tooltip',
desc: '文字提示'
@@ -186,7 +190,7 @@ Steps 步骤条 - Ant Design
stable: '0.8.0'
};
</script>
<script src="/dist/antd-0.9.0-beta1.min.js"></script>
<script src="/dist/antd-0.9.0-beta1.js"></script>
<script src="/dist/demo.js"></script>
<script>
window.require = function (path) {
@@ -428,6 +432,12 @@ Steps 步骤条 - Ant Design
<span class="chinese">标签</span>
</a>
</li>
<li class="">
<a href="../timeline/" class="">
Timeline
<span class="chinese">时间轴</span>
</a>
</li>
<li class="">
<a href="../tooltip/" class="">
Tooltip
components/switch/index.html
+18 -8
View File
@@ -13,7 +13,7 @@ Switch 开关 - Ant Design
<link rel="icon" href="https://t.alipayobjects.com/images/T1QUBfXo4fXXXXXXXX.png" type="image/x-icon">
<link rel="shortcut icon" href="https://t.alipayobjects.com/images/T1QUBfXo4fXXXXXXXX.png" type="image/x-icon">
<link rel="stylesheet" href="/dist/antd-0.9.0-beta1.min.css">
<link rel="stylesheet" href="/dist/antd-0.9.0-beta1.css">
<link rel="stylesheet" href="/static/style.css">
<link rel="stylesheet" href="/static/tomorrow.css">
<script>
@@ -39,8 +39,8 @@ Switch 开关 - Ant Design
<script>
var ANT_COMPONENTS = [];
ANT_COMPONENTS.push({
title: 'Modal',
desc: '对话框'
title: 'Notification',
desc: '通知提醒框'
});
ANT_COMPONENTS.push({
title: 'Affix',
@@ -107,12 +107,12 @@ Switch 开关 - Ant Design
desc: '全局提示'
});
ANT_COMPONENTS.push({
title: 'Alert',
desc: '警告提示'
title: 'Modal',
desc: '对话框'
});
ANT_COMPONENTS.push({
title: 'Notification',
desc: '通知提醒框'
title: 'Alert',
desc: '警告提示'
});
ANT_COMPONENTS.push({
title: 'Pagination',
@@ -162,6 +162,10 @@ Switch 开关 - Ant Design
title: 'Tag',
desc: '标签'
});
ANT_COMPONENTS.push({
title: 'Timeline',
desc: '时间轴'
});
ANT_COMPONENTS.push({
title: 'Tooltip',
desc: '文字提示'
@@ -186,7 +190,7 @@ Switch 开关 - Ant Design
stable: '0.8.0'
};
</script>
<script src="/dist/antd-0.9.0-beta1.min.js"></script>
<script src="/dist/antd-0.9.0-beta1.js"></script>
<script src="/dist/demo.js"></script>
<script>
window.require = function (path) {
@@ -428,6 +432,12 @@ Switch 开关 - Ant Design
<span class="chinese">标签</span>
</a>
</li>
<li class="">
<a href="../timeline/" class="">
Timeline
<span class="chinese">时间轴</span>
</a>
</li>
<li class="">
<a href="../tooltip/" class="">
Tooltip
components/table/index.html
+18 -8
View File
@@ -13,7 +13,7 @@ Table 表格 - Ant Design
<link rel="icon" href="https://t.alipayobjects.com/images/T1QUBfXo4fXXXXXXXX.png" type="image/x-icon">
<link rel="shortcut icon" href="https://t.alipayobjects.com/images/T1QUBfXo4fXXXXXXXX.png" type="image/x-icon">
<link rel="stylesheet" href="/dist/antd-0.9.0-beta1.min.css">
<link rel="stylesheet" href="/dist/antd-0.9.0-beta1.css">
<link rel="stylesheet" href="/static/style.css">
<link rel="stylesheet" href="/static/tomorrow.css">
<script>
@@ -39,8 +39,8 @@ Table 表格 - Ant Design
<script>
var ANT_COMPONENTS = [];
ANT_COMPONENTS.push({
title: 'Modal',
desc: '对话框'
title: 'Notification',
desc: '通知提醒框'
});
ANT_COMPONENTS.push({
title: 'Affix',
@@ -107,12 +107,12 @@ Table 表格 - Ant Design
desc: '全局提示'
});
ANT_COMPONENTS.push({
title: 'Alert',
desc: '警告提示'
title: 'Modal',
desc: '对话框'
});
ANT_COMPONENTS.push({
title: 'Notification',
desc: '通知提醒框'
title: 'Alert',
desc: '警告提示'
});
ANT_COMPONENTS.push({
title: 'Pagination',
@@ -162,6 +162,10 @@ Table 表格 - Ant Design
title: 'Tag',
desc: '标签'
});
ANT_COMPONENTS.push({
title: 'Timeline',
desc: '时间轴'
});
ANT_COMPONENTS.push({
title: 'Tooltip',
desc: '文字提示'
@@ -186,7 +190,7 @@ Table 表格 - Ant Design
stable: '0.8.0'
};
</script>
<script src="/dist/antd-0.9.0-beta1.min.js"></script>
<script src="/dist/antd-0.9.0-beta1.js"></script>
<script src="/dist/demo.js"></script>
<script>
window.require = function (path) {
@@ -428,6 +432,12 @@ Table 表格 - Ant Design
<span class="chinese">标签</span>
</a>
</li>
<li class="">
<a href="../timeline/" class="">
Timeline
<span class="chinese">时间轴</span>
</a>
</li>
<li class="">
<a href="../tooltip/" class="">
Tooltip
components/tabs/index.html
+18 -8
View File
@@ -13,7 +13,7 @@ Tabs 标签页 - Ant Design
<link rel="icon" href="https://t.alipayobjects.com/images/T1QUBfXo4fXXXXXXXX.png" type="image/x-icon">
<link rel="shortcut icon" href="https://t.alipayobjects.com/images/T1QUBfXo4fXXXXXXXX.png" type="image/x-icon">
<link rel="stylesheet" href="/dist/antd-0.9.0-beta1.min.css">
<link rel="stylesheet" href="/dist/antd-0.9.0-beta1.css">
<link rel="stylesheet" href="/static/style.css">
<link rel="stylesheet" href="/static/tomorrow.css">
<script>
@@ -39,8 +39,8 @@ Tabs 标签页 - Ant Design
<script>
var ANT_COMPONENTS = [];
ANT_COMPONENTS.push({
title: 'Modal',
desc: '对话框'
title: 'Notification',
desc: '通知提醒框'
});
ANT_COMPONENTS.push({
title: 'Affix',
@@ -107,12 +107,12 @@ Tabs 标签页 - Ant Design
desc: '全局提示'
});
ANT_COMPONENTS.push({
title: 'Alert',
desc: '警告提示'
title: 'Modal',
desc: '对话框'
});
ANT_COMPONENTS.push({
title: 'Notification',
desc: '通知提醒框'
title: 'Alert',
desc: '警告提示'
});
ANT_COMPONENTS.push({
title: 'Pagination',
@@ -162,6 +162,10 @@ Tabs 标签页 - Ant Design
title: 'Tag',
desc: '标签'
});
ANT_COMPONENTS.push({
title: 'Timeline',
desc: '时间轴'
});
ANT_COMPONENTS.push({
title: 'Tooltip',
desc: '文字提示'
@@ -186,7 +190,7 @@ Tabs 标签页 - Ant Design
stable: '0.8.0'
};
</script>
<script src="/dist/antd-0.9.0-beta1.min.js"></script>
<script src="/dist/antd-0.9.0-beta1.js"></script>
<script src="/dist/demo.js"></script>
<script>
window.require = function (path) {
@@ -428,6 +432,12 @@ Tabs 标签页 - Ant Design
<span class="chinese">标签</span>
</a>
</li>
<li class="">
<a href="../timeline/" class="">
Timeline
<span class="chinese">时间轴</span>
</a>
</li>
<li class="">
<a href="../tooltip/" class="">
Tooltip
components/tag/index.html
+18 -8
View File
@@ -13,7 +13,7 @@ Tag 标签 - Ant Design
<link rel="icon" href="https://t.alipayobjects.com/images/T1QUBfXo4fXXXXXXXX.png" type="image/x-icon">
<link rel="shortcut icon" href="https://t.alipayobjects.com/images/T1QUBfXo4fXXXXXXXX.png" type="image/x-icon">
<link rel="stylesheet" href="/dist/antd-0.9.0-beta1.min.css">
<link rel="stylesheet" href="/dist/antd-0.9.0-beta1.css">
<link rel="stylesheet" href="/static/style.css">
<link rel="stylesheet" href="/static/tomorrow.css">
<script>
@@ -39,8 +39,8 @@ Tag 标签 - Ant Design
<script>
var ANT_COMPONENTS = [];
ANT_COMPONENTS.push({
title: 'Modal',
desc: '对话框'
title: 'Notification',
desc: '通知提醒框'
});
ANT_COMPONENTS.push({
title: 'Affix',
@@ -107,12 +107,12 @@ Tag 标签 - Ant Design
desc: '全局提示'
});
ANT_COMPONENTS.push({
title: 'Alert',
desc: '警告提示'
title: 'Modal',
desc: '对话框'
});
ANT_COMPONENTS.push({
title: 'Notification',
desc: '通知提醒框'
title: 'Alert',
desc: '警告提示'
});
ANT_COMPONENTS.push({
title: 'Pagination',
@@ -162,6 +162,10 @@ Tag 标签 - Ant Design
title: 'Tag',
desc: '标签'
});
ANT_COMPONENTS.push({
title: 'Timeline',
desc: '时间轴'
});
ANT_COMPONENTS.push({
title: 'Tooltip',
desc: '文字提示'
@@ -186,7 +190,7 @@ Tag 标签 - Ant Design
stable: '0.8.0'
};
</script>
<script src="/dist/antd-0.9.0-beta1.min.js"></script>
<script src="/dist/antd-0.9.0-beta1.js"></script>
<script src="/dist/demo.js"></script>
<script>
window.require = function (path) {
@@ -428,6 +432,12 @@ Tag 标签 - Ant Design
<span class="chinese">标签</span>
</a>
</li>
<li class="">
<a href="../timeline/" class="">
Timeline
<span class="chinese">时间轴</span>
</a>
</li>
<li class="">
<a href="../tooltip/" class="">
Tooltip
components/timeline/demo/basic.html
+51
View File
@@ -0,0 +1,51 @@
<div class="code-box" id="demo-basic">
<div class="code-box-demo">
<div id="components-timeline-demo-basic"></div>
<script>(function(){'use strict';
var Timeline = antd.Timeline;
var container = document.getElementById('components-timeline-demo-basic');
React.render(React.createElement(
Timeline,
null,
React.createElement(
Timeline.Item,
null,
'创建服务现场 2015-09-01'
),
React.createElement(
Timeline.Item,
null,
'初步排除网络异常 2015-09-01'
),
React.createElement(
Timeline.Item,
null,
'技术测试异常 2015-09-01'
),
React.createElement(
Timeline.Item,
null,
'网络异常正在修复 2015-09-01'
)
), container);})()</script><div class="highlight"><pre><code class="javascript"><span class="keyword">let</span> Timeline = antd.Timeline;
<span class="keyword">let</span> container = document.getElementById(<span class="string">'components-timeline-demo-basic'</span>);
React.render(
<span class="xml"><span class="tag">&lt;<span class="title">Timeline</span>&gt;</span>
<span class="tag">&lt;<span class="title">Timeline.Item</span>&gt;</span>创建服务现场 2015-09-01<span class="tag">&lt;/<span class="title">Timeline.Item</span>&gt;</span>
<span class="tag">&lt;<span class="title">Timeline.Item</span>&gt;</span>初步排除网络异常 2015-09-01<span class="tag">&lt;/<span class="title">Timeline.Item</span>&gt;</span>
<span class="tag">&lt;<span class="title">Timeline.Item</span>&gt;</span>技术测试异常 2015-09-01<span class="tag">&lt;/<span class="title">Timeline.Item</span>&gt;</span>
<span class="tag">&lt;<span class="title">Timeline.Item</span>&gt;</span>网络异常正在修复 2015-09-01<span class="tag">&lt;/<span class="title">Timeline.Item</span>&gt;</span>
<span class="tag">&lt;/<span class="title">Timeline</span>&gt;</span>
, container);</span></code></pre></div>
</div>
<div class="code-box-meta markdown">
<div class="code-box-title">
<a href="#demo-basic">基本用法</a>
</div>
<p>基本的时间轴。</p>
<span class="collapse anticon anticon-circle-o-right" unselectable="none" style="-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;"></span>
</div>
</div>
components/timeline/demo/color.html
+45
View File
@@ -0,0 +1,45 @@
<div class="code-box" id="demo-color">
<div class="code-box-demo">
<div id="components-timeline-demo-color"></div>
<script>(function(){"use strict";
var Timeline = antd.Timeline;
var container = document.getElementById('components-timeline-demo-color');
React.render(React.createElement(
Timeline,
null,
React.createElement(
Timeline.Item,
{ color: "green" },
"创建服务现场 2015-09-01"
),
React.createElement(
Timeline.Item,
{ color: "red" },
"初步排除网络异常 2015-09-01"
),
React.createElement(
Timeline.Item,
null,
"技术测试异常 2015-09-01"
)
), container);})()</script><div class="highlight"><pre><code class="javascript"><span class="keyword">let</span> Timeline = antd.Timeline;
<span class="keyword">let</span> container = document.getElementById(<span class="string">'components-timeline-demo-color'</span>);
React.render(
<span class="xml"><span class="tag">&lt;<span class="title">Timeline</span>&gt;</span>
<span class="tag">&lt;<span class="title">Timeline.Item</span> <span class="attribute">color</span>=<span class="value">"green"</span>&gt;</span>创建服务现场 2015-09-01<span class="tag">&lt;/<span class="title">Timeline.Item</span>&gt;</span>
<span class="tag">&lt;<span class="title">Timeline.Item</span> <span class="attribute">color</span>=<span class="value">"red"</span>&gt;</span>初步排除网络异常 2015-09-01<span class="tag">&lt;/<span class="title">Timeline.Item</span>&gt;</span>
<span class="tag">&lt;<span class="title">Timeline.Item</span>&gt;</span>技术测试异常 2015-09-01<span class="tag">&lt;/<span class="title">Timeline.Item</span>&gt;</span>
<span class="tag">&lt;/<span class="title">Timeline</span>&gt;</span>
, container);</span></code></pre></div>
</div>
<div class="code-box-meta markdown">
<div class="code-box-title">
<a href="#demo-color">圆圈颜色</a>
</div>
<p>圆圈颜色。</p>
<span class="collapse anticon anticon-circle-o-right" unselectable="none" style="-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;"></span>
</div>
</div>
components/timeline/demo/end.html
+45
View File
@@ -0,0 +1,45 @@
<div class="code-box" id="demo-end">
<div class="code-box-demo">
<div id="components-timeline-demo-end"></div>
<script>(function(){'use strict';
var Timeline = antd.Timeline;
var container = document.getElementById('components-timeline-demo-end');
React.render(React.createElement(
Timeline,
null,
React.createElement(
Timeline.Item,
null,
'创建服务现场 2015-09-01'
),
React.createElement(
Timeline.Item,
null,
'初步排除网络异常 2015-09-01'
),
React.createElement(
Timeline.Item,
{ end: true },
'技术测试异常 2015-09-01'
)
), container);})()</script><div class="highlight"><pre><code class="javascript"><span class="keyword">let</span> Timeline = antd.Timeline;
<span class="keyword">let</span> container = document.getElementById(<span class="string">'components-timeline-demo-end'</span>);
React.render(
<span class="xml"><span class="tag">&lt;<span class="title">Timeline</span>&gt;</span>
<span class="tag">&lt;<span class="title">Timeline.Item</span>&gt;</span>创建服务现场 2015-09-01<span class="tag">&lt;/<span class="title">Timeline.Item</span>&gt;</span>
<span class="tag">&lt;<span class="title">Timeline.Item</span>&gt;</span>初步排除网络异常 2015-09-01<span class="tag">&lt;/<span class="title">Timeline.Item</span>&gt;</span>
<span class="tag">&lt;<span class="title">Timeline.Item</span> <span class="attribute">end</span>=<span class="value">{true}</span>&gt;</span>技术测试异常 2015-09-01<span class="tag">&lt;/<span class="title">Timeline.Item</span>&gt;</span>
<span class="tag">&lt;/<span class="title">Timeline</span>&gt;</span>
, container);</span></code></pre></div>
</div>
<div class="code-box-meta markdown">
<div class="code-box-title">
<a href="#demo-end">最后一个</a>
</div>
<p>在最后位置添加一个幽灵节点。</p>
<span class="collapse anticon anticon-circle-o-right" unselectable="none" style="-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;"></span>
</div>
</div>
components/timeline/index.html
+720
View File
@@ -0,0 +1,720 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<meta name="description" content="一个 UI 设计语言"/>
<title>
Timeline 时间轴 - Ant Design
</title>
<link rel="icon" href="https://t.alipayobjects.com/images/T1QUBfXo4fXXXXXXXX.png" type="image/x-icon">
<link rel="shortcut icon" href="https://t.alipayobjects.com/images/T1QUBfXo4fXXXXXXXX.png" type="image/x-icon">
<link rel="stylesheet" href="/dist/antd-0.9.0-beta1.css">
<link rel="stylesheet" href="/static/style.css">
<link rel="stylesheet" href="/static/tomorrow.css">
<script>
(function (con) {
'use strict';
var prop, method;
var empty = {};
var dummy = function () {
};
var properties = 'memory'.split(',');
var methods = ('assert,clear,count,debug,dir,dirxml,error,exception,group,' +
'groupCollapsed,groupEnd,info,log,markTimeline,profile,profiles,profileEnd,' +
'show,table,time,timeEnd,timeline,timelineEnd,timeStamp,trace,warn').split(',');
while (prop = properties.pop()) {
con[prop] = con[prop] || empty;
}
while (method = methods.pop()) {
con[method] = con[method] || dummy;
}
})(this.console = this.console || {});
</script>
<script src="https://a.alipayobjects.com/??bluebird/2.9.30/bluebird.js,jquery/jquery/1.11.1/jquery.js,es5-shim/4.1.10/es5-shim.js,es5-shim/4.1.10/es5-sham.js,html5shiv/3.7.2/src/html5shiv.js,react/0.13.3/react.js"></script>
<script>
var ANT_COMPONENTS = [];
ANT_COMPONENTS.push({
title: 'Notification',
desc: '通知提醒框'
});
ANT_COMPONENTS.push({
title: 'Affix',
desc: '固钉'
});
ANT_COMPONENTS.push({
title: 'Badge',
desc: '徽标数'
});
ANT_COMPONENTS.push({
title: 'Breadcrumb',
desc: '面包屑'
});
ANT_COMPONENTS.push({
title: 'Button',
desc: '按钮'
});
ANT_COMPONENTS.push({
title: 'Carousel',
desc: '走马灯'
});
ANT_COMPONENTS.push({
title: 'Checkbox',
desc: '多选框'
});
ANT_COMPONENTS.push({
title: 'Collapse',
desc: '折叠面板'
});
ANT_COMPONENTS.push({
title: 'Datepicker',
desc: '日期选择框'
});
ANT_COMPONENTS.push({
title: 'Dropdown',
desc: '下拉菜单'
});
ANT_COMPONENTS.push({
title: 'EnterAnimation',
desc: '进场动画'
});
ANT_COMPONENTS.push({
title: 'Form',
desc: '表单'
});
ANT_COMPONENTS.push({
title: 'Iconfont',
desc: '字体图标'
});
ANT_COMPONENTS.push({
title: 'InputNumber',
desc: '数字输入框'
});
ANT_COMPONENTS.push({
title: 'Layout',
desc: '布局'
});
ANT_COMPONENTS.push({
title: 'Menu',
desc: '导航菜单'
});
ANT_COMPONENTS.push({
title: 'Message',
desc: '全局提示'
});
ANT_COMPONENTS.push({
title: 'Modal',
desc: '对话框'
});
ANT_COMPONENTS.push({
title: 'Alert',
desc: '警告提示'
});
ANT_COMPONENTS.push({
title: 'Pagination',
desc: '分页'
});
ANT_COMPONENTS.push({
title: 'Popconfirm',
desc: '气泡确认框'
});
ANT_COMPONENTS.push({
title: 'Popover',
desc: '气泡卡片'
});
ANT_COMPONENTS.push({
title: 'Progress',
desc: '进度条'
});
ANT_COMPONENTS.push({
title: 'Radio',
desc: '单选框'
});
ANT_COMPONENTS.push({
title: 'Select',
desc: '选择器'
});
ANT_COMPONENTS.push({
title: 'Slider',
desc: '滑动输入条'
});
ANT_COMPONENTS.push({
title: 'Steps',
desc: '步骤条'
});
ANT_COMPONENTS.push({
title: 'Switch',
desc: '开关'
});
ANT_COMPONENTS.push({
title: 'Table',
desc: '表格'
});
ANT_COMPONENTS.push({
title: 'Tabs',
desc: '标签页'
});
ANT_COMPONENTS.push({
title: 'Tag',
desc: '标签'
});
ANT_COMPONENTS.push({
title: 'Timeline',
desc: '时间轴'
});
ANT_COMPONENTS.push({
title: 'Tooltip',
desc: '文字提示'
});
ANT_COMPONENTS.push({
title: 'Tree',
desc: '树形控件'
});
ANT_COMPONENTS.push({
title: 'Upload',
desc: '文件上传'
});
ANT_COMPONENTS.push({
title: 'Validation',
desc: '表单校验'
});
</script>
<script src="/static/script.js"></script>
<script>
window.antdVersion = {
latest: '0.9.0-beta1',
stable: '0.8.0'
};
</script>
<script src="/dist/antd-0.9.0-beta1.js"></script>
<script src="/dist/demo.js"></script>
<script>
window.require = function (path) {
var result = window;
var namespaces = path.split('/');
namespaces.forEach(function (key, i) {
if (i !== 0 && i === namespaces.length - 1) {
key = capitalizeFirstLetter(key);
}
if (key !== 'lib') {
if (result[key]) {
result = result[key];
} else {
throw 'There should not have modules here 2.';
}
}
});
function capitalizeFirstLetter(string) {
return string.charAt(0).toUpperCase() + string.slice(1);
}
return result;
};
</script>
</head>
<body >
<header id="header" class="clearfix">
<a class="logo" href="/">
<img width="60" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg">
Ant Design
</a>
<div class="search">
<div id="autoComplete"></div>
</div>
<nav class="nav">
<span class="bar"></span>
<ul>
<li class="">
<a href="/">首页</a>
</li>
<li class="">
<a href="/spec/introduce">设计</a>
</li>
<li>
<a class="nav-link-disabled" href="">案例</a>
</li>
<li class="current">
<a href="/docs/introduce">React</a>
</li>
<li>
<a target="_blank" href="https://github.com/ant-design/ant-design">Github</a>
</li>
</ul>
</nav>
<div class="nav-phone-icon"></div>
</header>
<div class="main-wrapper">
<aside class="aside-container">
<ul>
<li class="">
<a href="../../docs/introduce" class="">
Ant Design of React
<span class="chinese"></span>
</a>
</li>
<li class="">
<a href="../../docs/getting-started" class="">
快速上手
<span class="chinese"></span>
</a>
</li>
<li class="">
<a href="../../docs/download" class="">
下载
<span class="chinese"></span>
</a>
</li>
<li open="open">
<h4>Components</h4>
<ul class="">
<li class="type-divider">基本</li>
<li class="">
<a href="../button/" class="">
Button
<span class="chinese">按钮</span>
</a>
</li>
<li class="">
<a href="../iconfont/" class="">
Iconfont
<span class="chinese">字体图标</span>
</a>
</li>
<li class="">
<a href="../layout/" class="">
Layout
<span class="chinese">布局</span>
</a>
</li>
<li class="type-divider">表单</li>
<li class="">
<a href="../checkbox/" class="">
Checkbox
<span class="chinese">多选框</span>
</a>
</li>
<li class="">
<a href="../datepicker/" class="">
Datepicker
<span class="chinese">日期选择框</span>
</a>
</li>
<li class="">
<a href="../form/" class="">
Form
<span class="chinese">表单</span>
</a>
</li>
<li class="">
<a href="../input-number/" class="">
InputNumber
<span class="chinese">数字输入框</span>
</a>
</li>
<li class="">
<a href="../radio/" class="">
Radio
<span class="chinese">单选框</span>
</a>
</li>
<li class="">
<a href="../select/" class="">
Select
<span class="chinese">选择器</span>
</a>
</li>
<li class="">
<a href="../slider/" class="">
Slider
<span class="chinese">滑动输入条</span>
</a>
</li>
<li class="">
<a href="../switch/" class="">
Switch
<span class="chinese">开关</span>
</a>
</li>
<li class="">
<a href="../upload/" class="">
Upload
<span class="chinese">文件上传</span>
</a>
</li>
<li class="">
<a href="../validation/" class="">
Validation
<span class="chinese">表单校验</span>
</a>
</li>
<li class="type-divider">展示</li>
<li class="">
<a href="../alert/" class="">
Alert
<span class="chinese">警告提示</span>
</a>
</li>
<li class="">
<a href="../badge/" class="">
Badge
<span class="chinese">徽标数</span>
</a>
</li>
<li class="">
<a href="../carousel/" class="">
Carousel
<span class="chinese">走马灯</span>
</a>
</li>
<li class="">
<a href="../collapse/" class="">
Collapse
<span class="chinese">折叠面板</span>
</a>
</li>
<li class="">
<a href="../dropdown/" class="">
Dropdown
<span class="chinese">下拉菜单</span>
</a>
</li>
<li class="">
<a href="../message/" class="">
Message
<span class="chinese">全局提示</span>
</a>
</li>
<li class="">
<a href="../modal/" class="">
Modal
<span class="chinese">对话框</span>
</a>
</li>
<li class="">
<a href="../notification/" class="">
Notification
<span class="chinese">通知提醒框</span>
</a>
</li>
<li class="">
<a href="../popconfirm/" class="">
Popconfirm
<span class="chinese">气泡确认框</span>
</a>
</li>
<li class="">
<a href="../popover/" class="">
Popover
<span class="chinese">气泡卡片</span>
</a>
</li>
<li class="">
<a href="../progress/" class="">
Progress
<span class="chinese">进度条</span>
</a>
</li>
<li class="">
<a href="../table/" class="">
Table
<span class="chinese">表格</span>
</a>
</li>
<li class="">
<a href="../tag/" class="">
Tag
<span class="chinese">标签</span>
</a>
</li>
<li class="current">
<a href="./" class="">
Timeline
<span class="chinese">时间轴</span>
</a>
</li>
<li class="">
<a href="../tooltip/" class="">
Tooltip
<span class="chinese">文字提示</span>
</a>
</li>
<li class="">
<a href="../tree/" class="">
Tree
<span class="chinese">树形控件</span>
</a>
</li>
<li class="type-divider">导航</li>
<li class="">
<a href="../breadcrumb/" class="">
Breadcrumb
<span class="chinese">面包屑</span>
</a>
</li>
<li class="">
<a href="../menu/" class="">
Menu
<span class="chinese">导航菜单</span>
</a>
</li>
<li class="">
<a href="../pagination/" class="">
Pagination
<span class="chinese">分页</span>
</a>
</li>
<li class="">
<a href="../steps/" class="">
Steps
<span class="chinese">步骤条</span>
</a>
</li>
<li class="">
<a href="../tabs/" class="">
Tabs
<span class="chinese">标签页</span>
</a>
</li>
<li class="type-divider">其他</li>
<li class="">
<a href="../affix/" class="">
Affix
<span class="chinese">固钉</span>
</a>
</li>
<li class="">
<a href="../enter-animation/" class="">
EnterAnimation
<span class="chinese">进场动画</span>
</a>
</li>
</ul>
</li>
</ul>
</aside>
<section class="main-container">
<article class="markdown">
<h1>
Timeline 时间轴
</h1>
<p>垂直展示的时间流信息。</p>
<h2 id="何时使用">何时使用</h2><ul>
<li>当有一系列信息需要从上至下按时间排列时；</li>
<li>需要有一条时间轴进行视觉上的串联时；</li>
</ul>
<h2 id="api">API</h2><div class="highlight"><pre><code class="javascript">&lt;Timeline&gt;
<span class="xml"><span class="tag">&lt;<span class="title">Timeline.Item</span>&gt;</span>创建服务现场 2015-09-01<span class="tag">&lt;/<span class="title">Timeline.Item</span>&gt;</span>
<span class="tag">&lt;<span class="title">Timeline.Item</span>&gt;</span>初步排除网络异常 2015-09-01<span class="tag">&lt;/<span class="title">Timeline.Item</span>&gt;</span>
<span class="tag">&lt;<span class="title">Timeline.Item</span>&gt;</span>技术测试异常 2015-09-01<span class="tag">&lt;/<span class="title">Timeline.Item</span>&gt;</span>
<span class="tag">&lt;<span class="title">Timeline.Item</span>&gt;</span>网络异常正在修复 2015-09-01<span class="tag">&lt;/<span class="title">Timeline.Item</span>&gt;</span>
<span class="tag">&lt;/<span class="title">Timeline</span>&gt;</span></span></code></pre></div><h3 id="timeline-item">Timeline.Item</h3><p>时间轴的每一个节点。</p>
<table>
<thead>
<tr>
<th>参数</th>
<th>说明</th>
<th>类型</th>
<th>可选值</th>
<th>默认值</th>
</tr>
</thead>
<tbody>
<tr>
<td>color</td>
<td>指定圆圈颜色。</td>
<td>string</td>
<td>blue, red, green</td>
<td>blue</td>
</tr>
<tr>
<td>end</td>
<td>指定最后一个幽灵节点。</td>
<td>boolean</td>
<td>无</td>
<td>false</td>
</tr>
</tbody>
</table>
</article>
<h2 class="component-demos">
组件演示
<i class="anticon anticon-appstore icon-all" title="展开全部代码"></i>
</h2>
<div class="code-boxes">
<div class="code-boxes-col-2-1"><div class="code-box" id="demo-basic">
<div class="code-box-demo">
<div id="components-timeline-demo-basic"></div>
<script>(function(){'use strict';
var Timeline = antd.Timeline;
var container = document.getElementById('components-timeline-demo-basic');
React.render(React.createElement(
Timeline,
null,
React.createElement(
Timeline.Item,
null,
'创建服务现场 2015-09-01'
),
React.createElement(
Timeline.Item,
null,
'初步排除网络异常 2015-09-01'
),
React.createElement(
Timeline.Item,
null,
'技术测试异常 2015-09-01'
),
React.createElement(
Timeline.Item,
null,
'网络异常正在修复 2015-09-01'
)
), container);})()</script><div class="highlight"><pre><code class="javascript"><span class="keyword">let</span> Timeline = antd.Timeline;
<span class="keyword">let</span> container = document.getElementById(<span class="string">'components-timeline-demo-basic'</span>);
React.render(
<span class="xml"><span class="tag">&lt;<span class="title">Timeline</span>&gt;</span>
<span class="tag">&lt;<span class="title">Timeline.Item</span>&gt;</span>创建服务现场 2015-09-01<span class="tag">&lt;/<span class="title">Timeline.Item</span>&gt;</span>
<span class="tag">&lt;<span class="title">Timeline.Item</span>&gt;</span>初步排除网络异常 2015-09-01<span class="tag">&lt;/<span class="title">Timeline.Item</span>&gt;</span>
<span class="tag">&lt;<span class="title">Timeline.Item</span>&gt;</span>技术测试异常 2015-09-01<span class="tag">&lt;/<span class="title">Timeline.Item</span>&gt;</span>
<span class="tag">&lt;<span class="title">Timeline.Item</span>&gt;</span>网络异常正在修复 2015-09-01<span class="tag">&lt;/<span class="title">Timeline.Item</span>&gt;</span>
<span class="tag">&lt;/<span class="title">Timeline</span>&gt;</span>
, container);</span></code></pre></div>
</div>
<div class="code-box-meta markdown">
<div class="code-box-title">
<a href="#demo-basic">基本用法</a>
</div>
<p>基本的时间轴。</p>
<span class="collapse anticon anticon-circle-o-right" unselectable="none" style="-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;"></span>
</div>
</div><div class="code-box" id="demo-end">
<div class="code-box-demo">
<div id="components-timeline-demo-end"></div>
<script>(function(){'use strict';
var Timeline = antd.Timeline;
var container = document.getElementById('components-timeline-demo-end');
React.render(React.createElement(
Timeline,
null,
React.createElement(
Timeline.Item,
null,
'创建服务现场 2015-09-01'
),
React.createElement(
Timeline.Item,
null,
'初步排除网络异常 2015-09-01'
),
React.createElement(
Timeline.Item,
{ end: true },
'技术测试异常 2015-09-01'
)
), container);})()</script><div class="highlight"><pre><code class="javascript"><span class="keyword">let</span> Timeline = antd.Timeline;
<span class="keyword">let</span> container = document.getElementById(<span class="string">'components-timeline-demo-end'</span>);
React.render(
<span class="xml"><span class="tag">&lt;<span class="title">Timeline</span>&gt;</span>
<span class="tag">&lt;<span class="title">Timeline.Item</span>&gt;</span>创建服务现场 2015-09-01<span class="tag">&lt;/<span class="title">Timeline.Item</span>&gt;</span>
<span class="tag">&lt;<span class="title">Timeline.Item</span>&gt;</span>初步排除网络异常 2015-09-01<span class="tag">&lt;/<span class="title">Timeline.Item</span>&gt;</span>
<span class="tag">&lt;<span class="title">Timeline.Item</span> <span class="attribute">end</span>=<span class="value">{true}</span>&gt;</span>技术测试异常 2015-09-01<span class="tag">&lt;/<span class="title">Timeline.Item</span>&gt;</span>
<span class="tag">&lt;/<span class="title">Timeline</span>&gt;</span>
, container);</span></code></pre></div>
</div>
<div class="code-box-meta markdown">
<div class="code-box-title">
<a href="#demo-end">最后一个</a>
</div>
<p>在最后位置添加一个幽灵节点。</p>
<span class="collapse anticon anticon-circle-o-right" unselectable="none" style="-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;"></span>
</div>
</div>
</div>
<div class="code-boxes-col-2-1"><div class="code-box" id="demo-color">
<div class="code-box-demo">
<div id="components-timeline-demo-color"></div>
<script>(function(){"use strict";
var Timeline = antd.Timeline;
var container = document.getElementById('components-timeline-demo-color');
React.render(React.createElement(
Timeline,
null,
React.createElement(
Timeline.Item,
{ color: "green" },
"创建服务现场 2015-09-01"
),
React.createElement(
Timeline.Item,
{ color: "red" },
"初步排除网络异常 2015-09-01"
),
React.createElement(
Timeline.Item,
null,
"技术测试异常 2015-09-01"
)
), container);})()</script><div class="highlight"><pre><code class="javascript"><span class="keyword">let</span> Timeline = antd.Timeline;
<span class="keyword">let</span> container = document.getElementById(<span class="string">'components-timeline-demo-color'</span>);
React.render(
<span class="xml"><span class="tag">&lt;<span class="title">Timeline</span>&gt;</span>
<span class="tag">&lt;<span class="title">Timeline.Item</span> <span class="attribute">color</span>=<span class="value">"green"</span>&gt;</span>创建服务现场 2015-09-01<span class="tag">&lt;/<span class="title">Timeline.Item</span>&gt;</span>
<span class="tag">&lt;<span class="title">Timeline.Item</span> <span class="attribute">color</span>=<span class="value">"red"</span>&gt;</span>初步排除网络异常 2015-09-01<span class="tag">&lt;/<span class="title">Timeline.Item</span>&gt;</span>
<span class="tag">&lt;<span class="title">Timeline.Item</span>&gt;</span>技术测试异常 2015-09-01<span class="tag">&lt;/<span class="title">Timeline.Item</span>&gt;</span>
<span class="tag">&lt;/<span class="title">Timeline</span>&gt;</span>
, container);</span></code></pre></div>
</div>
<div class="code-box-meta markdown">
<div class="code-box-title">
<a href="#demo-color">圆圈颜色</a>
</div>
<p>圆圈颜色。</p>
<span class="collapse anticon anticon-circle-o-right" unselectable="none" style="-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;"></span>
</div>
</div>
</div>
</div>
<div class="api-container markdown"></div>
</section>
</div><footer id="footer">
<ul>
<li>
<h2>GitHub</h2>
<a target="_blank "href="https://github.com/ant-design/ant-design">仓库</a>
<a target="_blank" href="https://github.com/ant-design/ant-design/tree/master/style">样式</a>
<a target="_blank" href="https://github.com/ant-design/antd-bin">开发工具</a>
</li>
<li>
<h2>关于我们</h2>
<a href="https://github.com/alipay/x/issues">博客 - Ant UED</a>
</li>
<li>
<h2>联系我们</h2>
<a target="_blank" href="https://github.com/ant-design/ant-design/issues">问题与建议 - Issues</a>
</li>
<li>
<h3>©2015 蚂蚁金服体验技术部出品</h3>
</li>
</ul>
</footer>
</body>
</html>
components/timeline/index.jsx
+52
View File
@@ -0,0 +1,52 @@
import React from 'react';
let Timeline = React.createClass({
getDefaultProps() {
return {
prefixCls: 'ant-timeline'
};
},
render() {
let children = this.props.children;
return (
<ul className={this.props.prefixCls}>
{React.Children.map(children, function (ele, idx) {
let np = {
timelineLast: idx === children.length - 1
};
return React.cloneElement(ele, np);
}, this)}
</ul>
);
}
});
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 ? <div className={prefixCls + '-item-head ' + prefixCls + '-item-head-end'}></div> : null;
let lastLineShow = (props.timelineLast && !end) ? 'none' : 'block';
return (
<li className={prefixCls + '-item'}>
<div style={{display:lastLineShow}} className={prefixCls + '-item-tail ' + endCls}></div>
<div className={prefixCls + '-item-head ' + prefixCls + '-item-head-' + color}></div>
<div className={prefixCls + '-item-content'}>{props.children}</div>
{last}
</li>
);
}
});
export default Timeline;
components/tooltip/index.html
+18 -8
View File
@@ -13,7 +13,7 @@ Tooltip 文字提示 - Ant Design
<link rel="icon" href="https://t.alipayobjects.com/images/T1QUBfXo4fXXXXXXXX.png" type="image/x-icon">
<link rel="shortcut icon" href="https://t.alipayobjects.com/images/T1QUBfXo4fXXXXXXXX.png" type="image/x-icon">
<link rel="stylesheet" href="/dist/antd-0.9.0-beta1.min.css">
<link rel="stylesheet" href="/dist/antd-0.9.0-beta1.css">
<link rel="stylesheet" href="/static/style.css">
<link rel="stylesheet" href="/static/tomorrow.css">
<script>
@@ -39,8 +39,8 @@ Tooltip 文字提示 - Ant Design
<script>
var ANT_COMPONENTS = [];
ANT_COMPONENTS.push({
title: 'Modal',
desc: '对话框'
title: 'Notification',
desc: '通知提醒框'
});
ANT_COMPONENTS.push({
title: 'Affix',
@@ -107,12 +107,12 @@ Tooltip 文字提示 - Ant Design
desc: '全局提示'
});
ANT_COMPONENTS.push({
title: 'Alert',
desc: '警告提示'
title: 'Modal',
desc: '对话框'
});
ANT_COMPONENTS.push({
title: 'Notification',
desc: '通知提醒框'
title: 'Alert',
desc: '警告提示'
});
ANT_COMPONENTS.push({
title: 'Pagination',
@@ -162,6 +162,10 @@ Tooltip 文字提示 - Ant Design
title: 'Tag',
desc: '标签'
});
ANT_COMPONENTS.push({
title: 'Timeline',
desc: '时间轴'
});
ANT_COMPONENTS.push({
title: 'Tooltip',
desc: '文字提示'
@@ -186,7 +190,7 @@ Tooltip 文字提示 - Ant Design
stable: '0.8.0'
};
</script>
<script src="/dist/antd-0.9.0-beta1.min.js"></script>
<script src="/dist/antd-0.9.0-beta1.js"></script>
<script src="/dist/demo.js"></script>
<script>
window.require = function (path) {
@@ -428,6 +432,12 @@ Tooltip 文字提示 - Ant Design
<span class="chinese">标签</span>
</a>
</li>
<li class="">
<a href="../timeline/" class="">
Timeline
<span class="chinese">时间轴</span>
</a>
</li>
<li class="current">
<a href="./" class="">
Tooltip
components/tree/index.html
+18 -8
View File
@@ -13,7 +13,7 @@ Tree 树形控件 - Ant Design
<link rel="icon" href="https://t.alipayobjects.com/images/T1QUBfXo4fXXXXXXXX.png" type="image/x-icon">
<link rel="shortcut icon" href="https://t.alipayobjects.com/images/T1QUBfXo4fXXXXXXXX.png" type="image/x-icon">
<link rel="stylesheet" href="/dist/antd-0.9.0-beta1.min.css">
<link rel="stylesheet" href="/dist/antd-0.9.0-beta1.css">
<link rel="stylesheet" href="/static/style.css">
<link rel="stylesheet" href="/static/tomorrow.css">
<script>
@@ -39,8 +39,8 @@ Tree 树形控件 - Ant Design
<script>
var ANT_COMPONENTS = [];
ANT_COMPONENTS.push({
title: 'Modal',
desc: '对话框'
title: 'Notification',
desc: '通知提醒框'
});
ANT_COMPONENTS.push({
title: 'Affix',
@@ -107,12 +107,12 @@ Tree 树形控件 - Ant Design
desc: '全局提示'
});
ANT_COMPONENTS.push({
title: 'Alert',
desc: '警告提示'
title: 'Modal',
desc: '对话框'
});
ANT_COMPONENTS.push({
title: 'Notification',
desc: '通知提醒框'
title: 'Alert',
desc: '警告提示'
});
ANT_COMPONENTS.push({
title: 'Pagination',
@@ -162,6 +162,10 @@ Tree 树形控件 - Ant Design
title: 'Tag',
desc: '标签'
});
ANT_COMPONENTS.push({
title: 'Timeline',
desc: '时间轴'
});
ANT_COMPONENTS.push({
title: 'Tooltip',
desc: '文字提示'
@@ -186,7 +190,7 @@ Tree 树形控件 - Ant Design
stable: '0.8.0'
};
</script>
<script src="/dist/antd-0.9.0-beta1.min.js"></script>
<script src="/dist/antd-0.9.0-beta1.js"></script>
<script src="/dist/demo.js"></script>
<script>
window.require = function (path) {
@@ -428,6 +432,12 @@ Tree 树形控件 - Ant Design
<span class="chinese">标签</span>
</a>
</li>
<li class="">
<a href="../timeline/" class="">
Timeline
<span class="chinese">时间轴</span>
</a>
</li>
<li class="">
<a href="../tooltip/" class="">
Tooltip
components/upload/index.html
+18 -8
View File
@@ -13,7 +13,7 @@ Upload 文件上传 - Ant Design
<link rel="icon" href="https://t.alipayobjects.com/images/T1QUBfXo4fXXXXXXXX.png" type="image/x-icon">
<link rel="shortcut icon" href="https://t.alipayobjects.com/images/T1QUBfXo4fXXXXXXXX.png" type="image/x-icon">
<link rel="stylesheet" href="/dist/antd-0.9.0-beta1.min.css">
<link rel="stylesheet" href="/dist/antd-0.9.0-beta1.css">
<link rel="stylesheet" href="/static/style.css">
<link rel="stylesheet" href="/static/tomorrow.css">
<script>
@@ -39,8 +39,8 @@ Upload 文件上传 - Ant Design
<script>
var ANT_COMPONENTS = [];
ANT_COMPONENTS.push({
title: 'Modal',
desc: '对话框'
title: 'Notification',
desc: '通知提醒框'
});
ANT_COMPONENTS.push({
title: 'Affix',
@@ -107,12 +107,12 @@ Upload 文件上传 - Ant Design
desc: '全局提示'
});
ANT_COMPONENTS.push({
title: 'Alert',
desc: '警告提示'
title: 'Modal',
desc: '对话框'
});
ANT_COMPONENTS.push({
title: 'Notification',
desc: '通知提醒框'
title: 'Alert',
desc: '警告提示'
});
ANT_COMPONENTS.push({
title: 'Pagination',
@@ -162,6 +162,10 @@ Upload 文件上传 - Ant Design
title: 'Tag',
desc: '标签'
});
ANT_COMPONENTS.push({
title: 'Timeline',
desc: '时间轴'
});
ANT_COMPONENTS.push({
title: 'Tooltip',
desc: '文字提示'
@@ -186,7 +190,7 @@ Upload 文件上传 - Ant Design
stable: '0.8.0'
};
</script>
<script src="/dist/antd-0.9.0-beta1.min.js"></script>
<script src="/dist/antd-0.9.0-beta1.js"></script>
<script src="/dist/demo.js"></script>
<script>
window.require = function (path) {
@@ -428,6 +432,12 @@ Upload 文件上传 - Ant Design
<span class="chinese">标签</span>
</a>
</li>
<li class="">
<a href="../timeline/" class="">
Timeline
<span class="chinese">时间轴</span>
</a>
</li>
<li class="">
<a href="../tooltip/" class="">
Tooltip
components/validation/index.html
+18 -8
View File
@@ -13,7 +13,7 @@ Validation 表单校验 - Ant Design
<link rel="icon" href="https://t.alipayobjects.com/images/T1QUBfXo4fXXXXXXXX.png" type="image/x-icon">
<link rel="shortcut icon" href="https://t.alipayobjects.com/images/T1QUBfXo4fXXXXXXXX.png" type="image/x-icon">
<link rel="stylesheet" href="/dist/antd-0.9.0-beta1.min.css">
<link rel="stylesheet" href="/dist/antd-0.9.0-beta1.css">
<link rel="stylesheet" href="/static/style.css">
<link rel="stylesheet" href="/static/tomorrow.css">
<script>
@@ -39,8 +39,8 @@ Validation 表单校验 - Ant Design
<script>
var ANT_COMPONENTS = [];
ANT_COMPONENTS.push({
title: 'Modal',
desc: '对话框'
title: 'Notification',
desc: '通知提醒框'
});
ANT_COMPONENTS.push({
title: 'Affix',
@@ -107,12 +107,12 @@ Validation 表单校验 - Ant Design
desc: '全局提示'
});
ANT_COMPONENTS.push({
title: 'Alert',
desc: '警告提示'
title: 'Modal',
desc: '对话框'
});
ANT_COMPONENTS.push({
title: 'Notification',
desc: '通知提醒框'
title: 'Alert',
desc: '警告提示'
});
ANT_COMPONENTS.push({
title: 'Pagination',
@@ -162,6 +162,10 @@ Validation 表单校验 - Ant Design
title: 'Tag',
desc: '标签'
});
ANT_COMPONENTS.push({
title: 'Timeline',
desc: '时间轴'
});
ANT_COMPONENTS.push({
title: 'Tooltip',
desc: '文字提示'
@@ -186,7 +190,7 @@ Validation 表单校验 - Ant Design
stable: '0.8.0'
};
</script>
<script src="/dist/antd-0.9.0-beta1.min.js"></script>
<script src="/dist/antd-0.9.0-beta1.js"></script>
<script src="/dist/demo.js"></script>
<script>
window.require = function (path) {
@@ -428,6 +432,12 @@ Validation 表单校验 - Ant Design
<span class="chinese">标签</span>
</a>
</li>
<li class="">
<a href="../timeline/" class="">
Timeline
<span class="chinese">时间轴</span>
</a>
</li>
<li class="">
<a href="../tooltip/" class="">
Tooltip
dist/antd-0.9.0-beta1.css
Vendored
+46 -1
View File
@@ -7938,7 +7938,7 @@ label.ant-radio-button-checked {
background: #2db7f5;
border-color: #2db7f5;
color: #fff;
margin-left: -1px;
box-shadow: -1px 0 0 0 #2db7f5;
}
label.ant-radio-button-checked:before {
display: none;
@@ -7949,10 +7949,12 @@ label.ant-radio-button-checked:first-child {
label.ant-radio-button-checked:hover {
background: #57c5f7;
border-color: #57c5f7;
box-shadow: -1px 0 0 0 #57c5f7;
}
label.ant-radio-button-checked:active {
background: #2baee9;
border-color: #2baee9;
box-shadow: -1px 0 0 0 #2baee9;
}
.ant-notification {
position: fixed;
@@ -9318,5 +9320,48 @@ a .ant-badge-count:hover {
a .ant-badge-count:active {
background: #f26100;
}
.ant-timeline-item {
position: relative;
min-height: 50px;
padding-bottom: 12px;
}
.ant-timeline-item-tail {
position: absolute;
left: 5px;
margin-top: 3px;
z-index: 1;
height: 100%;
border-left: 2px solid #e9e9e9;
}
.ant-timeline-item-tail-end {
border-left: 2px dotted #e9e9e9;
}
.ant-timeline-item-head {
position: absolute;
z-index: 2;
width: 12px;
height: 12px;
background-color: #fff;
margin-top: 3px;
border-radius: 6px;
}
.ant-timeline-item-head-blue {
border: 2px solid #2db7f5;
}
.ant-timeline-item-head-red {
border: 2px solid #ff6600;
}
.ant-timeline-item-head-green {
border: 2px solid #87d068;
}
.ant-timeline-item-head-end {
position: absolute;
bottom: -12px;
border: 2px solid #e9e9e9;
}
.ant-timeline-item-content {
margin-left: 24px;
font-size: 12px;
}
/*# sourceMappingURL=antd-0.9.0-beta1.css.map*/
dist/antd-0.9.0-beta1.css.map
Vendored
+1 -1
View File
File diff suppressed because one or more lines are too long
dist/antd-0.9.0-beta1.js
Vendored
+903 -825
View File
File diff suppressed because it is too large Load Diff
dist/antd-0.9.0-beta1.js.map
Vendored
+1 -1
View File
File diff suppressed because one or more lines are too long
dist/antd-0.9.0-beta1.min.css
Vendored
+1 -1
View File
File diff suppressed because one or more lines are too long
dist/antd-0.9.0-beta1.min.js
Vendored
+17 -17
View File
File diff suppressed because one or more lines are too long
dist/antd.css
Vendored
+46 -1
View File
@@ -7938,7 +7938,7 @@ label.ant-radio-button-checked {
background: #2db7f5;
border-color: #2db7f5;
color: #fff;
margin-left: -1px;
box-shadow: -1px 0 0 0 #2db7f5;
}
label.ant-radio-button-checked:before {
display: none;
@@ -7949,10 +7949,12 @@ label.ant-radio-button-checked:first-child {
label.ant-radio-button-checked:hover {
background: #57c5f7;
border-color: #57c5f7;
box-shadow: -1px 0 0 0 #57c5f7;
}
label.ant-radio-button-checked:active {
background: #2baee9;
border-color: #2baee9;
box-shadow: -1px 0 0 0 #2baee9;
}
.ant-notification {
position: fixed;
@@ -9318,5 +9320,48 @@ a .ant-badge-count:hover {
a .ant-badge-count:active {
background: #f26100;
}
.ant-timeline-item {
position: relative;
min-height: 50px;
padding-bottom: 12px;
}
.ant-timeline-item-tail {
position: absolute;
left: 5px;
margin-top: 3px;
z-index: 1;
height: 100%;
border-left: 2px solid #e9e9e9;
}
.ant-timeline-item-tail-end {
border-left: 2px dotted #e9e9e9;
}
.ant-timeline-item-head {
position: absolute;
z-index: 2;
width: 12px;
height: 12px;
background-color: #fff;
margin-top: 3px;
border-radius: 6px;
}
.ant-timeline-item-head-blue {
border: 2px solid #2db7f5;
}
.ant-timeline-item-head-red {
border: 2px solid #ff6600;
}
.ant-timeline-item-head-green {
border: 2px solid #87d068;
}
.ant-timeline-item-head-end {
position: absolute;
bottom: -12px;
border: 2px solid #e9e9e9;
}
.ant-timeline-item-content {
margin-left: 24px;
font-size: 12px;
}
/*# sourceMappingURL=antd.css.map*/
dist/antd.css.map
Vendored
+1 -1
View File
File diff suppressed because one or more lines are too long
dist/antd.js
Vendored
+903 -825
View File
File diff suppressed because it is too large Load Diff
dist/antd.js.map
Vendored
+1 -1
View File
File diff suppressed because one or more lines are too long
dist/demo.js
Vendored
+120 -120
View File
@@ -7,7 +7,7 @@
exports["antd"] = factory(require("react"), require("antd"), require("jquery"));
else
root["antd"] = factory(root["React"], root["antd"], root["jQuery"]);
})(this, function(__WEBPACK_EXTERNAL_MODULE_75__, __WEBPACK_EXTERNAL_MODULE_361__, __WEBPACK_EXTERNAL_MODULE_362__) {
})(this, function(__WEBPACK_EXTERNAL_MODULE_76__, __WEBPACK_EXTERNAL_MODULE_363__, __WEBPACK_EXTERNAL_MODULE_364__) {
return /******/ (function(modules) { // webpackBootstrap
/******/ // The module cache
/******/ var installedModules = {};
@@ -57,13 +57,13 @@ return /******/ (function(modules) { // webpackBootstrap
'use strict';
window['css-animation'] = __webpack_require__(122);
window['react-router'] = __webpack_require__(331);
window['react-router']['HashHistory'] = __webpack_require__(359);
var antd = __webpack_require__(361);
window['css-animation'] = __webpack_require__(123);
window['react-router'] = __webpack_require__(333);
window['react-router']['HashHistory'] = __webpack_require__(361);
var antd = __webpack_require__(363);
var $ = __webpack_require__(362);
var React = __webpack_require__(75);
var $ = __webpack_require__(364);
var React = __webpack_require__(76);
$(function () {
// auto complete for components
@@ -126,20 +126,20 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 75:
/***/ 76:
/***/ function(module, exports) {
module.exports = __WEBPACK_EXTERNAL_MODULE_75__;
module.exports = __WEBPACK_EXTERNAL_MODULE_76__;
/***/ },
/***/ 122:
/***/ 123:
/***/ function(module, exports, __webpack_require__) {
'use strict';
var Event = __webpack_require__(123);
var Css = __webpack_require__(124);
var Event = __webpack_require__(124);
var Css = __webpack_require__(125);
var isCssAnimationSupported = Event.endEvents.length !== 0;
function getDuration(node, name) {
@@ -292,7 +292,7 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 123:
/***/ 124:
/***/ function(module, exports) {
'use strict';
@@ -381,7 +381,7 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 124:
/***/ 125:
/***/ function(module, exports) {
'use strict';
@@ -413,7 +413,7 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 144:
/***/ 145:
/***/ function(module, exports) {
// shim for using process in browser
@@ -510,7 +510,7 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 331:
/***/ 333:
/***/ function(module, exports, __webpack_require__) {
/* components */
@@ -520,13 +520,13 @@ return /******/ (function(modules) { // webpackBootstrap
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var _Router2 = __webpack_require__(332);
var _Router2 = __webpack_require__(334);
var _Router3 = _interopRequireDefault(_Router2);
exports.Router = _Router3['default'];
var _Link2 = __webpack_require__(353);
var _Link2 = __webpack_require__(355);
var _Link3 = _interopRequireDefault(_Link2);
@@ -534,13 +534,13 @@ return /******/ (function(modules) { // webpackBootstrap
/* components (configuration) */
var _Redirect2 = __webpack_require__(354);
var _Redirect2 = __webpack_require__(356);
var _Redirect3 = _interopRequireDefault(_Redirect2);
exports.Redirect = _Redirect3['default'];
var _Route2 = __webpack_require__(355);
var _Route2 = __webpack_require__(357);
var _Route3 = _interopRequireDefault(_Route2);
@@ -548,19 +548,19 @@ return /******/ (function(modules) { // webpackBootstrap
/* mixins */
var _Navigation2 = __webpack_require__(356);
var _Navigation2 = __webpack_require__(358);
var _Navigation3 = _interopRequireDefault(_Navigation2);
exports.Navigation = _Navigation3['default'];
var _TransitionHook2 = __webpack_require__(357);
var _TransitionHook2 = __webpack_require__(359);
var _TransitionHook3 = _interopRequireDefault(_TransitionHook2);
exports.TransitionHook = _TransitionHook3['default'];
var _State2 = __webpack_require__(358);
var _State2 = __webpack_require__(360);
var _State3 = _interopRequireDefault(_State2);
@@ -568,11 +568,11 @@ return /******/ (function(modules) { // webpackBootstrap
/* utils */
var _RouteUtils = __webpack_require__(336);
var _RouteUtils = __webpack_require__(338);
exports.createRoutesFromReactChildren = _RouteUtils.createRoutesFromReactChildren;
var _PropTypes2 = __webpack_require__(344);
var _PropTypes2 = __webpack_require__(346);
var _PropTypes3 = _interopRequireDefault(_PropTypes2);
@@ -584,7 +584,7 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 332:
/***/ 334:
/***/ function(module, exports, __webpack_require__) {
'use strict';
@@ -595,37 +595,37 @@ return /******/ (function(modules) { // webpackBootstrap
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var _react = __webpack_require__(75);
var _react = __webpack_require__(76);
var _react2 = _interopRequireDefault(_react);
var _warning = __webpack_require__(333);
var _warning = __webpack_require__(335);
var _warning2 = _interopRequireDefault(_warning);
var _invariant = __webpack_require__(334);
var _invariant = __webpack_require__(336);
var _invariant2 = _interopRequireDefault(_invariant);
var _AsyncUtils = __webpack_require__(335);
var _AsyncUtils = __webpack_require__(337);
var _RouteUtils = __webpack_require__(336);
var _RouteUtils = __webpack_require__(338);
var _RoutingUtils = __webpack_require__(337);
var _RoutingUtils = __webpack_require__(339);
var _PropTypes = __webpack_require__(344);
var _PropTypes = __webpack_require__(346);
var _RouterContextMixin = __webpack_require__(349);
var _RouterContextMixin = __webpack_require__(351);
var _RouterContextMixin2 = _interopRequireDefault(_RouterContextMixin);
var _ScrollManagementMixin = __webpack_require__(350);
var _ScrollManagementMixin = __webpack_require__(352);
var _ScrollManagementMixin2 = _interopRequireDefault(_ScrollManagementMixin);
var _Location = __webpack_require__(345);
var _Location = __webpack_require__(347);
var _Transition = __webpack_require__(352);
var _Transition = __webpack_require__(354);
var _Transition2 = _interopRequireDefault(_Transition);
@@ -922,7 +922,7 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 333:
/***/ 335:
/***/ function(module, exports, __webpack_require__) {
/* WEBPACK VAR INJECTION */(function(process) {/**
@@ -988,11 +988,11 @@ return /******/ (function(modules) { // webpackBootstrap
module.exports = warning;
/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(144)))
/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(145)))
/***/ },
/***/ 334:
/***/ 336:
/***/ function(module, exports, __webpack_require__) {
/* WEBPACK VAR INJECTION */(function(process) {/**
@@ -1049,11 +1049,11 @@ return /******/ (function(modules) { // webpackBootstrap
module.exports = invariant;
/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(144)))
/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(145)))
/***/ },
/***/ 335:
/***/ 337:
/***/ function(module, exports) {
"use strict";
@@ -1138,7 +1138,7 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 336:
/***/ 338:
/***/ function(module, exports, __webpack_require__) {
'use strict';
@@ -1154,11 +1154,11 @@ return /******/ (function(modules) { // webpackBootstrap
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var _react = __webpack_require__(75);
var _react = __webpack_require__(76);
var _react2 = _interopRequireDefault(_react);
var _warning = __webpack_require__(333);
var _warning = __webpack_require__(335);
var _warning2 = _interopRequireDefault(_warning);
@@ -1248,7 +1248,7 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 337:
/***/ 339:
/***/ function(module, exports, __webpack_require__) {
'use strict';
@@ -1262,15 +1262,15 @@ return /******/ (function(modules) { // webpackBootstrap
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var _invariant = __webpack_require__(334);
var _invariant = __webpack_require__(336);
var _invariant2 = _interopRequireDefault(_invariant);
var _RouteUtils = __webpack_require__(336);
var _RouteUtils = __webpack_require__(338);
var _URLUtils = __webpack_require__(338);
var _URLUtils = __webpack_require__(340);
var _AsyncUtils = __webpack_require__(335);
var _AsyncUtils = __webpack_require__(337);
function getChildRoutes(route, locationState, callback) {
if (route.childRoutes) {
@@ -1526,7 +1526,7 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 338:
/***/ 340:
/***/ function(module, exports, __webpack_require__) {
'use strict';
@@ -1545,11 +1545,11 @@ return /******/ (function(modules) { // webpackBootstrap
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var _qs = __webpack_require__(339);
var _qs = __webpack_require__(341);
var _qs2 = _interopRequireDefault(_qs);
var _invariant = __webpack_require__(334);
var _invariant = __webpack_require__(336);
var _invariant2 = _interopRequireDefault(_invariant);
@@ -1762,21 +1762,21 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 339:
/***/ 341:
/***/ function(module, exports, __webpack_require__) {
module.exports = __webpack_require__(340);
module.exports = __webpack_require__(342);
/***/ },
/***/ 340:
/***/ 342:
/***/ function(module, exports, __webpack_require__) {
// Load modules
var Stringify = __webpack_require__(341);
var Parse = __webpack_require__(343);
var Stringify = __webpack_require__(343);
var Parse = __webpack_require__(345);
// Declare internals
@@ -1792,12 +1792,12 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 341:
/***/ 343:
/***/ function(module, exports, __webpack_require__) {
// Load modules
var Utils = __webpack_require__(342);
var Utils = __webpack_require__(344);
// Declare internals
@@ -1896,7 +1896,7 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 342:
/***/ 344:
/***/ function(module, exports) {
// Load modules
@@ -2035,12 +2035,12 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 343:
/***/ 345:
/***/ function(module, exports, __webpack_require__) {
// Load modules
var Utils = __webpack_require__(342);
var Utils = __webpack_require__(344);
// Declare internals
@@ -2203,22 +2203,22 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 344:
/***/ 346:
/***/ function(module, exports, __webpack_require__) {
'use strict';
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var _react = __webpack_require__(75);
var _react = __webpack_require__(76);
var _react2 = _interopRequireDefault(_react);
var _Location = __webpack_require__(345);
var _Location = __webpack_require__(347);
var _Location2 = _interopRequireDefault(_Location);
var _History = __webpack_require__(348);
var _History = __webpack_require__(350);
var _History2 = _interopRequireDefault(_History);
@@ -2253,7 +2253,7 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 345:
/***/ 347:
/***/ function(module, exports, __webpack_require__) {
'use strict';
@@ -2264,7 +2264,7 @@ return /******/ (function(modules) { // webpackBootstrap
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } }
var _NavigationTypes = __webpack_require__(346);
var _NavigationTypes = __webpack_require__(348);
var _NavigationTypes2 = _interopRequireDefault(_NavigationTypes);
@@ -2302,7 +2302,7 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 346:
/***/ 348:
/***/ function(module, exports, __webpack_require__) {
'use strict';
@@ -2311,7 +2311,7 @@ return /******/ (function(modules) { // webpackBootstrap
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var _keymirror = __webpack_require__(347);
var _keymirror = __webpack_require__(349);
var _keymirror2 = _interopRequireDefault(_keymirror);
@@ -2344,7 +2344,7 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 347:
/***/ 349:
/***/ function(module, exports) {
/**
@@ -2404,7 +2404,7 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 348:
/***/ 350:
/***/ function(module, exports, __webpack_require__) {
'use strict';
@@ -2415,13 +2415,13 @@ return /******/ (function(modules) { // webpackBootstrap
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } }
var _invariant = __webpack_require__(334);
var _invariant = __webpack_require__(336);
var _invariant2 = _interopRequireDefault(_invariant);
var _URLUtils = __webpack_require__(338);
var _URLUtils = __webpack_require__(340);
var _Location = __webpack_require__(345);
var _Location = __webpack_require__(347);
var _Location2 = _interopRequireDefault(_Location);
@@ -2501,7 +2501,7 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 349:
/***/ 351:
/***/ function(module, exports, __webpack_require__) {
'use strict';
@@ -2510,15 +2510,15 @@ return /******/ (function(modules) { // webpackBootstrap
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var _react = __webpack_require__(75);
var _react = __webpack_require__(76);
var _react2 = _interopRequireDefault(_react);
var _invariant = __webpack_require__(334);
var _invariant = __webpack_require__(336);
var _invariant2 = _interopRequireDefault(_invariant);
var _URLUtils = __webpack_require__(338);
var _URLUtils = __webpack_require__(340);
var _React$PropTypes = _react2['default'].PropTypes;
var func = _React$PropTypes.func;
@@ -2662,7 +2662,7 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 350:
/***/ 352:
/***/ function(module, exports, __webpack_require__) {
'use strict';
@@ -2671,13 +2671,13 @@ return /******/ (function(modules) { // webpackBootstrap
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var _react = __webpack_require__(75);
var _react = __webpack_require__(76);
var _react2 = _interopRequireDefault(_react);
var _DOMUtils = __webpack_require__(351);
var _DOMUtils = __webpack_require__(353);
var _NavigationTypes = __webpack_require__(346);
var _NavigationTypes = __webpack_require__(348);
var _NavigationTypes2 = _interopRequireDefault(_NavigationTypes);
@@ -2757,7 +2757,7 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 351:
/***/ 353:
/***/ function(module, exports) {
'use strict';
@@ -2815,7 +2815,7 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 352:
/***/ 354:
/***/ function(module, exports) {
"use strict";
@@ -2851,7 +2851,7 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 353:
/***/ 355:
/***/ function(module, exports, __webpack_require__) {
'use strict';
@@ -2862,7 +2862,7 @@ return /******/ (function(modules) { // webpackBootstrap
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var _react = __webpack_require__(75);
var _react = __webpack_require__(76);
var _react2 = _interopRequireDefault(_react);
@@ -2964,7 +2964,7 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 354:
/***/ 356:
/***/ function(module, exports, __webpack_require__) {
'use strict';
@@ -2973,19 +2973,19 @@ return /******/ (function(modules) { // webpackBootstrap
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var _react = __webpack_require__(75);
var _react = __webpack_require__(76);
var _react2 = _interopRequireDefault(_react);
var _invariant = __webpack_require__(334);
var _invariant = __webpack_require__(336);
var _invariant2 = _interopRequireDefault(_invariant);
var _RouteUtils = __webpack_require__(336);
var _RouteUtils = __webpack_require__(338);
var _URLUtils = __webpack_require__(338);
var _URLUtils = __webpack_require__(340);
var _PropTypes = __webpack_require__(344);
var _PropTypes = __webpack_require__(346);
var _React$PropTypes = _react2['default'].PropTypes;
var string = _React$PropTypes.string;
@@ -3035,7 +3035,7 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 355:
/***/ 357:
/***/ function(module, exports, __webpack_require__) {
'use strict';
@@ -3044,19 +3044,19 @@ return /******/ (function(modules) { // webpackBootstrap
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var _react = __webpack_require__(75);
var _react = __webpack_require__(76);
var _react2 = _interopRequireDefault(_react);
var _invariant = __webpack_require__(334);
var _invariant = __webpack_require__(336);
var _invariant2 = _interopRequireDefault(_invariant);
var _RouteUtils = __webpack_require__(336);
var _RouteUtils = __webpack_require__(338);
var _PropTypes = __webpack_require__(344);
var _PropTypes = __webpack_require__(346);
var _warning = __webpack_require__(333);
var _warning = __webpack_require__(335);
var _warning2 = _interopRequireDefault(_warning);
@@ -3114,7 +3114,7 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 356:
/***/ 358:
/***/ function(module, exports, __webpack_require__) {
'use strict';
@@ -3123,7 +3123,7 @@ return /******/ (function(modules) { // webpackBootstrap
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var _react = __webpack_require__(75);
var _react = __webpack_require__(76);
var _react2 = _interopRequireDefault(_react);
@@ -3171,7 +3171,7 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 357:
/***/ 359:
/***/ function(module, exports, __webpack_require__) {
'use strict';
@@ -3180,11 +3180,11 @@ return /******/ (function(modules) { // webpackBootstrap
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var _react = __webpack_require__(75);
var _react = __webpack_require__(76);
var _react2 = _interopRequireDefault(_react);
var _warning = __webpack_require__(333);
var _warning = __webpack_require__(335);
var _warning2 = _interopRequireDefault(_warning);
@@ -3213,7 +3213,7 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 358:
/***/ 360:
/***/ function(module, exports, __webpack_require__) {
'use strict';
@@ -3222,7 +3222,7 @@ return /******/ (function(modules) { // webpackBootstrap
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var _react = __webpack_require__(75);
var _react = __webpack_require__(76);
var _react2 = _interopRequireDefault(_react);
@@ -3270,7 +3270,7 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 359:
/***/ 361:
/***/ function(module, exports, __webpack_require__) {
'use strict';
@@ -3285,21 +3285,21 @@ return /******/ (function(modules) { // webpackBootstrap
function _inherits(subClass, superClass) { if (typeof superClass !== 'function' && superClass !== null) { throw new TypeError('Super expression must either be null or a function, not ' + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) subClass.__proto__ = superClass; }
var _warning = __webpack_require__(333);
var _warning = __webpack_require__(335);
var _warning2 = _interopRequireDefault(_warning);
var _DOMHistory2 = __webpack_require__(360);
var _DOMHistory2 = __webpack_require__(362);
var _DOMHistory3 = _interopRequireDefault(_DOMHistory2);
var _NavigationTypes = __webpack_require__(346);
var _NavigationTypes = __webpack_require__(348);
var _NavigationTypes2 = _interopRequireDefault(_NavigationTypes);
var _DOMUtils = __webpack_require__(351);
var _DOMUtils = __webpack_require__(353);
var _URLUtils = __webpack_require__(338);
var _URLUtils = __webpack_require__(340);
var DefaultQueryKey = '_qk';
@@ -3470,7 +3470,7 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 360:
/***/ 362:
/***/ function(module, exports, __webpack_require__) {
'use strict';
@@ -3483,11 +3483,11 @@ return /******/ (function(modules) { // webpackBootstrap
function _inherits(subClass, superClass) { if (typeof superClass !== 'function' && superClass !== null) { throw new TypeError('Super expression must either be null or a function, not ' + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) subClass.__proto__ = superClass; }
var _History2 = __webpack_require__(348);
var _History2 = __webpack_require__(350);
var _History3 = _interopRequireDefault(_History2);
var _DOMUtils = __webpack_require__(351);
var _DOMUtils = __webpack_require__(353);
/**
* A history interface that assumes a DOM environment.
@@ -3519,17 +3519,17 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 361:
/***/ 363:
/***/ function(module, exports) {
module.exports = __WEBPACK_EXTERNAL_MODULE_361__;
module.exports = __WEBPACK_EXTERNAL_MODULE_363__;
/***/ },
/***/ 362:
/***/ 364:
/***/ function(module, exports) {
module.exports = __WEBPACK_EXTERNAL_MODULE_362__;
module.exports = __WEBPACK_EXTERNAL_MODULE_364__;
/***/ }
dist/demo.js.map
Vendored
+1 -1
View File
File diff suppressed because one or more lines are too long
docs/download.html
+18 -8
View File
@@ -13,7 +13,7 @@
<link rel="icon" href="https://t.alipayobjects.com/images/T1QUBfXo4fXXXXXXXX.png" type="image/x-icon">
<link rel="shortcut icon" href="https://t.alipayobjects.com/images/T1QUBfXo4fXXXXXXXX.png" type="image/x-icon">
<link rel="stylesheet" href="/dist/antd-0.9.0-beta1.min.css">
<link rel="stylesheet" href="/dist/antd-0.9.0-beta1.css">
<link rel="stylesheet" href="/static/style.css">
<link rel="stylesheet" href="/static/tomorrow.css">
<script>
@@ -39,8 +39,8 @@
<script>
var ANT_COMPONENTS = [];
ANT_COMPONENTS.push({
title: 'Modal',
desc: '对话框'
title: 'Notification',
desc: '通知提醒框'
});
ANT_COMPONENTS.push({
title: 'Affix',
@@ -107,12 +107,12 @@
desc: '全局提示'
});
ANT_COMPONENTS.push({
title: 'Alert',
desc: '警告提示'
title: 'Modal',
desc: '对话框'
});
ANT_COMPONENTS.push({
title: 'Notification',
desc: '通知提醒框'
title: 'Alert',
desc: '警告提示'
});
ANT_COMPONENTS.push({
title: 'Pagination',
@@ -162,6 +162,10 @@
title: 'Tag',
desc: '标签'
});
ANT_COMPONENTS.push({
title: 'Timeline',
desc: '时间轴'
});
ANT_COMPONENTS.push({
title: 'Tooltip',
desc: '文字提示'
@@ -186,7 +190,7 @@
stable: '0.8.0'
};
</script>
<script src="/dist/antd-0.9.0-beta1.min.js"></script>
<script src="/dist/antd-0.9.0-beta1.js"></script>
<script src="/dist/demo.js"></script>
<script>
window.require = function (path) {
@@ -428,6 +432,12 @@
<span class="chinese">标签</span>
</a>
</li>
<li class="">
<a href="../components/timeline/" class="">
Timeline
<span class="chinese">时间轴</span>
</a>
</li>
<li class="">
<a href="../components/tooltip/" class="">
Tooltip
docs/getting-started.html
+18 -8
View File
@@ -13,7 +13,7 @@
<link rel="icon" href="https://t.alipayobjects.com/images/T1QUBfXo4fXXXXXXXX.png" type="image/x-icon">
<link rel="shortcut icon" href="https://t.alipayobjects.com/images/T1QUBfXo4fXXXXXXXX.png" type="image/x-icon">
<link rel="stylesheet" href="/dist/antd-0.9.0-beta1.min.css">
<link rel="stylesheet" href="/dist/antd-0.9.0-beta1.css">
<link rel="stylesheet" href="/static/style.css">
<link rel="stylesheet" href="/static/tomorrow.css">
<script>
@@ -39,8 +39,8 @@
<script>
var ANT_COMPONENTS = [];
ANT_COMPONENTS.push({
title: 'Modal',
desc: '对话框'
title: 'Notification',
desc: '通知提醒框'
});
ANT_COMPONENTS.push({
title: 'Affix',
@@ -107,12 +107,12 @@
desc: '全局提示'
});
ANT_COMPONENTS.push({
title: 'Alert',
desc: '警告提示'
title: 'Modal',
desc: '对话框'
});
ANT_COMPONENTS.push({
title: 'Notification',
desc: '通知提醒框'
title: 'Alert',
desc: '警告提示'
});
ANT_COMPONENTS.push({
title: 'Pagination',
@@ -162,6 +162,10 @@
title: 'Tag',
desc: '标签'
});
ANT_COMPONENTS.push({
title: 'Timeline',
desc: '时间轴'
});
ANT_COMPONENTS.push({
title: 'Tooltip',
desc: '文字提示'
@@ -186,7 +190,7 @@
stable: '0.8.0'
};
</script>
<script src="/dist/antd-0.9.0-beta1.min.js"></script>
<script src="/dist/antd-0.9.0-beta1.js"></script>
<script src="/dist/demo.js"></script>
<script>
window.require = function (path) {
@@ -428,6 +432,12 @@
<span class="chinese">标签</span>
</a>
</li>
<li class="">
<a href="../components/timeline/" class="">
Timeline
<span class="chinese">时间轴</span>
</a>
</li>
<li class="">
<a href="../components/tooltip/" class="">
Tooltip
docs/introduce.html
+18 -8
View File
@@ -13,7 +13,7 @@ Ant Design of React - Ant Design
<link rel="icon" href="https://t.alipayobjects.com/images/T1QUBfXo4fXXXXXXXX.png" type="image/x-icon">
<link rel="shortcut icon" href="https://t.alipayobjects.com/images/T1QUBfXo4fXXXXXXXX.png" type="image/x-icon">
<link rel="stylesheet" href="/dist/antd-0.9.0-beta1.min.css">
<link rel="stylesheet" href="/dist/antd-0.9.0-beta1.css">
<link rel="stylesheet" href="/static/style.css">
<link rel="stylesheet" href="/static/tomorrow.css">
<script>
@@ -39,8 +39,8 @@ Ant Design of React - Ant Design
<script>
var ANT_COMPONENTS = [];
ANT_COMPONENTS.push({
title: 'Modal',
desc: '对话框'
title: 'Notification',
desc: '通知提醒框'
});
ANT_COMPONENTS.push({
title: 'Affix',
@@ -107,12 +107,12 @@ Ant Design of React - Ant Design
desc: '全局提示'
});
ANT_COMPONENTS.push({
title: 'Alert',
desc: '警告提示'
title: 'Modal',
desc: '对话框'
});
ANT_COMPONENTS.push({
title: 'Notification',
desc: '通知提醒框'
title: 'Alert',
desc: '警告提示'
});
ANT_COMPONENTS.push({
title: 'Pagination',
@@ -162,6 +162,10 @@ Ant Design of React - Ant Design
title: 'Tag',
desc: '标签'
});
ANT_COMPONENTS.push({
title: 'Timeline',
desc: '时间轴'
});
ANT_COMPONENTS.push({
title: 'Tooltip',
desc: '文字提示'
@@ -186,7 +190,7 @@ Ant Design of React - Ant Design
stable: '0.8.0'
};
</script>
<script src="/dist/antd-0.9.0-beta1.min.js"></script>
<script src="/dist/antd-0.9.0-beta1.js"></script>
<script src="/dist/demo.js"></script>
<script>
window.require = function (path) {
@@ -428,6 +432,12 @@ Ant Design of React - Ant Design
<span class="chinese">标签</span>
</a>
</li>
<li class="">
<a href="../components/timeline/" class="">
Timeline
<span class="chinese">时间轴</span>
</a>
</li>
<li class="">
<a href="../components/tooltip/" class="">
Tooltip
index.html
+12 -8
View File
@@ -13,7 +13,7 @@
<link href="http://fonts.useso.com/css?family=Raleway:600,500,400,300" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="/dist/antd-0.9.0-beta1.min.css">
<link rel="stylesheet" href="/dist/antd-0.9.0-beta1.css">
<link rel="stylesheet" href="/static/style.css">
<link rel="stylesheet" href="/static/tomorrow.css">
<script>
@@ -39,8 +39,8 @@
<script>
var ANT_COMPONENTS = [];
ANT_COMPONENTS.push({
title: 'Modal',
desc: '对话框'
title: 'Notification',
desc: '通知提醒框'
});
ANT_COMPONENTS.push({
title: 'Affix',
@@ -107,12 +107,12 @@
desc: '全局提示'
});
ANT_COMPONENTS.push({
title: 'Alert',
desc: '警告提示'
title: 'Modal',
desc: '对话框'
});
ANT_COMPONENTS.push({
title: 'Notification',
desc: '通知提醒框'
title: 'Alert',
desc: '警告提示'
});
ANT_COMPONENTS.push({
title: 'Pagination',
@@ -162,6 +162,10 @@
title: 'Tag',
desc: '标签'
});
ANT_COMPONENTS.push({
title: 'Timeline',
desc: '时间轴'
});
ANT_COMPONENTS.push({
title: 'Tooltip',
desc: '文字提示'
@@ -186,7 +190,7 @@
stable: '0.8.0'
};
</script>
<script src="/dist/antd-0.9.0-beta1.min.js"></script>
<script src="/dist/antd-0.9.0-beta1.js"></script>
<script src="/dist/demo.js"></script>
<script>
window.require = function (path) {
index.js
+2 -1
View File
@@ -42,7 +42,8 @@ const antd = {
Tree: require('./components/tree'),
Upload: require('./components/upload'),
Badge: require('./components/badge'),
Menu: require('./components/menu')
Menu: require('./components/menu'),
Timeline: require('./components/timeline')
};
module.exports = antd;
lib/index.css
+46 -1
View File
@@ -7938,7 +7938,7 @@ label.ant-radio-button-checked {
background: #2db7f5;
border-color: #2db7f5;
color: #fff;
margin-left: -1px;
box-shadow: -1px 0 0 0 #2db7f5;
}
label.ant-radio-button-checked:before {
display: none;
@@ -7949,10 +7949,12 @@ label.ant-radio-button-checked:first-child {
label.ant-radio-button-checked:hover {
background: #57c5f7;
border-color: #57c5f7;
box-shadow: -1px 0 0 0 #57c5f7;
}
label.ant-radio-button-checked:active {
background: #2baee9;
border-color: #2baee9;
box-shadow: -1px 0 0 0 #2baee9;
}
.ant-notification {
position: fixed;
@@ -9318,3 +9320,46 @@ a .ant-badge-count:hover {
a .ant-badge-count:active {
background: #f26100;
}
.ant-timeline-item {
position: relative;
min-height: 50px;
padding-bottom: 12px;
}
.ant-timeline-item-tail {
position: absolute;
left: 5px;
margin-top: 3px;
z-index: 1;
height: 100%;
border-left: 2px solid #e9e9e9;
}
.ant-timeline-item-tail-end {
border-left: 2px dotted #e9e9e9;
}
.ant-timeline-item-head {
position: absolute;
z-index: 2;
width: 12px;
height: 12px;
background-color: #fff;
margin-top: 3px;
border-radius: 6px;
}
.ant-timeline-item-head-blue {
border: 2px solid #2db7f5;
}
.ant-timeline-item-head-red {
border: 2px solid #ff6600;
}
.ant-timeline-item-head-green {
border: 2px solid #87d068;
}
.ant-timeline-item-head-end {
position: absolute;
bottom: -12px;
border: 2px solid #e9e9e9;
}
.ant-timeline-item-content {
margin-left: 24px;
font-size: 12px;
}
lib/index.js
+2 -1
View File
@@ -42,7 +42,8 @@ const antd = {
Tree: require('./tree'),
Upload: require('./upload'),
Badge: require('./badge'),
Menu: require('./menu')
Menu: require('./menu'),
Timeline: require('./timeline')
};
module.exports = antd;
lib/timeline/index.js
+71
View File
@@ -0,0 +1,71 @@
'use strict';
Object.defineProperty(exports, '__esModule', {
value: true
});
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var _react = require('react');
var _react2 = _interopRequireDefault(_react);
var Timeline = _react2['default'].createClass({
displayName: 'Timeline',
getDefaultProps: function getDefaultProps() {
return {
prefixCls: 'ant-timeline'
};
},
render: function render() {
var children = this.props.children;
return _react2['default'].createElement(
'ul',
{ className: this.props.prefixCls },
_react2['default'].Children.map(children, function (ele, idx) {
var np = {
timelineLast: idx === children.length - 1
};
return _react2['default'].cloneElement(ele, np);
}, this)
);
}
});
Timeline.Item = _react2['default'].createClass({
displayName: 'Item',
getDefaultProps: function getDefaultProps() {
return {
prefixCls: 'ant-timeline',
color: 'blue',
end: false
};
},
render: function render() {
var props = this.props;
var prefixCls = props.prefixCls;
var color = props.color;
var end = props.end;
var endCls = end ? prefixCls + '-item-tail-end' : '';
var last = end ? _react2['default'].createElement('div', { className: prefixCls + '-item-head ' + prefixCls + '-item-head-end' }) : null;
var lastLineShow = props.timelineLast && !end ? 'none' : 'block';
return _react2['default'].createElement(
'li',
{ className: prefixCls + '-item' },
_react2['default'].createElement('div', { style: { display: lastLineShow }, className: prefixCls + '-item-tail ' + endCls }),
_react2['default'].createElement('div', { className: prefixCls + '-item-head ' + prefixCls + '-item-head-' + color }),
_react2['default'].createElement(
'div',
{ className: prefixCls + '-item-content' },
props.children
),
last
);
}
});
exports['default'] = Timeline;
module.exports = exports['default'];
readme-en-us.html
+12 -8
View File
@@ -13,7 +13,7 @@ Ant Design <a href="https://travis-ci.org/ant-design/ant-design"><img src="https
<link rel="icon" href="https://t.alipayobjects.com/images/T1QUBfXo4fXXXXXXXX.png" type="image/x-icon">
<link rel="shortcut icon" href="https://t.alipayobjects.com/images/T1QUBfXo4fXXXXXXXX.png" type="image/x-icon">
<link rel="stylesheet" href="/dist/antd-0.9.0-beta1.min.css">
<link rel="stylesheet" href="/dist/antd-0.9.0-beta1.css">
<link rel="stylesheet" href="/static/style.css">
<link rel="stylesheet" href="/static/tomorrow.css">
<script>
@@ -39,8 +39,8 @@ Ant Design <a href="https://travis-ci.org/ant-design/ant-design"><img src="https
<script>
var ANT_COMPONENTS = [];
ANT_COMPONENTS.push({
title: 'Modal',
desc: '对话框'
title: 'Notification',
desc: '通知提醒框'
});
ANT_COMPONENTS.push({
title: 'Affix',
@@ -107,12 +107,12 @@ Ant Design <a href="https://travis-ci.org/ant-design/ant-design"><img src="https
desc: '全局提示'
});
ANT_COMPONENTS.push({
title: 'Alert',
desc: '警告提示'
title: 'Modal',
desc: '对话框'
});
ANT_COMPONENTS.push({
title: 'Notification',
desc: '通知提醒框'
title: 'Alert',
desc: '警告提示'
});
ANT_COMPONENTS.push({
title: 'Pagination',
@@ -162,6 +162,10 @@ Ant Design <a href="https://travis-ci.org/ant-design/ant-design"><img src="https
title: 'Tag',
desc: '标签'
});
ANT_COMPONENTS.push({
title: 'Timeline',
desc: '时间轴'
});
ANT_COMPONENTS.push({
title: 'Tooltip',
desc: '文字提示'
@@ -186,7 +190,7 @@ Ant Design <a href="https://travis-ci.org/ant-design/ant-design"><img src="https
stable: '0.8.0'
};
</script>
<script src="/dist/antd-0.9.0-beta1.min.js"></script>
<script src="/dist/antd-0.9.0-beta1.js"></script>
<script src="/dist/demo.js"></script>
<script>
window.require = function (path) {
spec/colors.html
+12 -8
View File
@@ -13,7 +13,7 @@
<link rel="icon" href="https://t.alipayobjects.com/images/T1QUBfXo4fXXXXXXXX.png" type="image/x-icon">
<link rel="shortcut icon" href="https://t.alipayobjects.com/images/T1QUBfXo4fXXXXXXXX.png" type="image/x-icon">
<link rel="stylesheet" href="/dist/antd-0.9.0-beta1.min.css">
<link rel="stylesheet" href="/dist/antd-0.9.0-beta1.css">
<link rel="stylesheet" href="/static/style.css">
<link rel="stylesheet" href="/static/tomorrow.css">
<script>
@@ -39,8 +39,8 @@
<script>
var ANT_COMPONENTS = [];
ANT_COMPONENTS.push({
title: 'Modal',
desc: '对话框'
title: 'Notification',
desc: '通知提醒框'
});
ANT_COMPONENTS.push({
title: 'Affix',
@@ -107,12 +107,12 @@
desc: '全局提示'
});
ANT_COMPONENTS.push({
title: 'Alert',
desc: '警告提示'
title: 'Modal',
desc: '对话框'
});
ANT_COMPONENTS.push({
title: 'Notification',
desc: '通知提醒框'
title: 'Alert',
desc: '警告提示'
});
ANT_COMPONENTS.push({
title: 'Pagination',
@@ -162,6 +162,10 @@
title: 'Tag',
desc: '标签'
});
ANT_COMPONENTS.push({
title: 'Timeline',
desc: '时间轴'
});
ANT_COMPONENTS.push({
title: 'Tooltip',
desc: '文字提示'
@@ -186,7 +190,7 @@
stable: '0.8.0'
};
</script>
<script src="/dist/antd-0.9.0-beta1.min.js"></script>
<script src="/dist/antd-0.9.0-beta1.js"></script>
<script src="/dist/demo.js"></script>
<script>
window.require = function (path) {
spec/easing.html
+12 -8
View File
@@ -13,7 +13,7 @@
<link rel="icon" href="https://t.alipayobjects.com/images/T1QUBfXo4fXXXXXXXX.png" type="image/x-icon">
<link rel="shortcut icon" href="https://t.alipayobjects.com/images/T1QUBfXo4fXXXXXXXX.png" type="image/x-icon">
<link rel="stylesheet" href="/dist/antd-0.9.0-beta1.min.css">
<link rel="stylesheet" href="/dist/antd-0.9.0-beta1.css">
<link rel="stylesheet" href="/static/style.css">
<link rel="stylesheet" href="/static/tomorrow.css">
<script>
@@ -39,8 +39,8 @@
<script>
var ANT_COMPONENTS = [];
ANT_COMPONENTS.push({
title: 'Modal',
desc: '对话框'
title: 'Notification',
desc: '通知提醒框'
});
ANT_COMPONENTS.push({
title: 'Affix',
@@ -107,12 +107,12 @@
desc: '全局提示'
});
ANT_COMPONENTS.push({
title: 'Alert',
desc: '警告提示'
title: 'Modal',
desc: '对话框'
});
ANT_COMPONENTS.push({
title: 'Notification',
desc: '通知提醒框'
title: 'Alert',
desc: '警告提示'
});
ANT_COMPONENTS.push({
title: 'Pagination',
@@ -162,6 +162,10 @@
title: 'Tag',
desc: '标签'
});
ANT_COMPONENTS.push({
title: 'Timeline',
desc: '时间轴'
});
ANT_COMPONENTS.push({
title: 'Tooltip',
desc: '文字提示'
@@ -186,7 +190,7 @@
stable: '0.8.0'
};
</script>
<script src="/dist/antd-0.9.0-beta1.min.js"></script>
<script src="/dist/antd-0.9.0-beta1.js"></script>
<script src="/dist/demo.js"></script>
<script>
window.require = function (path) {
spec/font.html
+12 -8
View File
@@ -13,7 +13,7 @@
<link rel="icon" href="https://t.alipayobjects.com/images/T1QUBfXo4fXXXXXXXX.png" type="image/x-icon">
<link rel="shortcut icon" href="https://t.alipayobjects.com/images/T1QUBfXo4fXXXXXXXX.png" type="image/x-icon">
<link rel="stylesheet" href="/dist/antd-0.9.0-beta1.min.css">
<link rel="stylesheet" href="/dist/antd-0.9.0-beta1.css">
<link rel="stylesheet" href="/static/style.css">
<link rel="stylesheet" href="/static/tomorrow.css">
<script>
@@ -39,8 +39,8 @@
<script>
var ANT_COMPONENTS = [];
ANT_COMPONENTS.push({
title: 'Modal',
desc: '对话框'
title: 'Notification',
desc: '通知提醒框'
});
ANT_COMPONENTS.push({
title: 'Affix',
@@ -107,12 +107,12 @@
desc: '全局提示'
});
ANT_COMPONENTS.push({
title: 'Alert',
desc: '警告提示'
title: 'Modal',
desc: '对话框'
});
ANT_COMPONENTS.push({
title: 'Notification',
desc: '通知提醒框'
title: 'Alert',
desc: '警告提示'
});
ANT_COMPONENTS.push({
title: 'Pagination',
@@ -162,6 +162,10 @@
title: 'Tag',
desc: '标签'
});
ANT_COMPONENTS.push({
title: 'Timeline',
desc: '时间轴'
});
ANT_COMPONENTS.push({
title: 'Tooltip',
desc: '文字提示'
@@ -186,7 +190,7 @@
stable: '0.8.0'
};
</script>
<script src="/dist/antd-0.9.0-beta1.min.js"></script>
<script src="/dist/antd-0.9.0-beta1.js"></script>
<script src="/dist/demo.js"></script>
<script>
window.require = function (path) {
spec/introduce.html
+12 -8
View File
@@ -13,7 +13,7 @@ Ant Design - 一个 UI 设计语言
<link rel="icon" href="https://t.alipayobjects.com/images/T1QUBfXo4fXXXXXXXX.png" type="image/x-icon">
<link rel="shortcut icon" href="https://t.alipayobjects.com/images/T1QUBfXo4fXXXXXXXX.png" type="image/x-icon">
<link rel="stylesheet" href="/dist/antd-0.9.0-beta1.min.css">
<link rel="stylesheet" href="/dist/antd-0.9.0-beta1.css">
<link rel="stylesheet" href="/static/style.css">
<link rel="stylesheet" href="/static/tomorrow.css">
<script>
@@ -39,8 +39,8 @@ Ant Design - 一个 UI 设计语言
<script>
var ANT_COMPONENTS = [];
ANT_COMPONENTS.push({
title: 'Modal',
desc: '对话框'
title: 'Notification',
desc: '通知提醒框'
});
ANT_COMPONENTS.push({
title: 'Affix',
@@ -107,12 +107,12 @@ Ant Design - 一个 UI 设计语言
desc: '全局提示'
});
ANT_COMPONENTS.push({
title: 'Alert',
desc: '警告提示'
title: 'Modal',
desc: '对话框'
});
ANT_COMPONENTS.push({
title: 'Notification',
desc: '通知提醒框'
title: 'Alert',
desc: '警告提示'
});
ANT_COMPONENTS.push({
title: 'Pagination',
@@ -162,6 +162,10 @@ Ant Design - 一个 UI 设计语言
title: 'Tag',
desc: '标签'
});
ANT_COMPONENTS.push({
title: 'Timeline',
desc: '时间轴'
});
ANT_COMPONENTS.push({
title: 'Tooltip',
desc: '文字提示'
@@ -186,7 +190,7 @@ Ant Design - 一个 UI 设计语言
stable: '0.8.0'
};
</script>
<script src="/dist/antd-0.9.0-beta1.min.js"></script>
<script src="/dist/antd-0.9.0-beta1.js"></script>
<script src="/dist/demo.js"></script>
<script>
window.require = function (path) {
spec/motion.html
+12 -8
View File
@@ -13,7 +13,7 @@
<link rel="icon" href="https://t.alipayobjects.com/images/T1QUBfXo4fXXXXXXXX.png" type="image/x-icon">
<link rel="shortcut icon" href="https://t.alipayobjects.com/images/T1QUBfXo4fXXXXXXXX.png" type="image/x-icon">
<link rel="stylesheet" href="/dist/antd-0.9.0-beta1.min.css">
<link rel="stylesheet" href="/dist/antd-0.9.0-beta1.css">
<link rel="stylesheet" href="/static/style.css">
<link rel="stylesheet" href="/static/tomorrow.css">
<script>
@@ -39,8 +39,8 @@
<script>
var ANT_COMPONENTS = [];
ANT_COMPONENTS.push({
title: 'Modal',
desc: '对话框'
title: 'Notification',
desc: '通知提醒框'
});
ANT_COMPONENTS.push({
title: 'Affix',
@@ -107,12 +107,12 @@
desc: '全局提示'
});
ANT_COMPONENTS.push({
title: 'Alert',
desc: '警告提示'
title: 'Modal',
desc: '对话框'
});
ANT_COMPONENTS.push({
title: 'Notification',
desc: '通知提醒框'
title: 'Alert',
desc: '警告提示'
});
ANT_COMPONENTS.push({
title: 'Pagination',
@@ -162,6 +162,10 @@
title: 'Tag',
desc: '标签'
});
ANT_COMPONENTS.push({
title: 'Timeline',
desc: '时间轴'
});
ANT_COMPONENTS.push({
title: 'Tooltip',
desc: '文字提示'
@@ -186,7 +190,7 @@
stable: '0.8.0'
};
</script>
<script src="/dist/antd-0.9.0-beta1.min.js"></script>
<script src="/dist/antd-0.9.0-beta1.js"></script>
<script src="/dist/demo.js"></script>
<script>
window.require = function (path) {
spec/page-transition.html
+12 -8
View File
@@ -13,7 +13,7 @@
<link rel="icon" href="https://t.alipayobjects.com/images/T1QUBfXo4fXXXXXXXX.png" type="image/x-icon">
<link rel="shortcut icon" href="https://t.alipayobjects.com/images/T1QUBfXo4fXXXXXXXX.png" type="image/x-icon">
<link rel="stylesheet" href="/dist/antd-0.9.0-beta1.min.css">
<link rel="stylesheet" href="/dist/antd-0.9.0-beta1.css">
<link rel="stylesheet" href="/static/style.css">
<link rel="stylesheet" href="/static/tomorrow.css">
<script>
@@ -39,8 +39,8 @@
<script>
var ANT_COMPONENTS = [];
ANT_COMPONENTS.push({
title: 'Modal',
desc: '对话框'
title: 'Notification',
desc: '通知提醒框'
});
ANT_COMPONENTS.push({
title: 'Affix',
@@ -107,12 +107,12 @@
desc: '全局提示'
});
ANT_COMPONENTS.push({
title: 'Alert',
desc: '警告提示'
title: 'Modal',
desc: '对话框'
});
ANT_COMPONENTS.push({
title: 'Notification',
desc: '通知提醒框'
title: 'Alert',
desc: '警告提示'
});
ANT_COMPONENTS.push({
title: 'Pagination',
@@ -162,6 +162,10 @@
title: 'Tag',
desc: '标签'
});
ANT_COMPONENTS.push({
title: 'Timeline',
desc: '时间轴'
});
ANT_COMPONENTS.push({
title: 'Tooltip',
desc: '文字提示'
@@ -186,7 +190,7 @@
stable: '0.8.0'
};
</script>
<script src="/dist/antd-0.9.0-beta1.min.js"></script>
<script src="/dist/antd-0.9.0-beta1.js"></script>
<script src="/dist/demo.js"></script>
<script>
window.require = function (path) {
spec/pattern.html
+12 -8
View File
@@ -13,7 +13,7 @@
<link rel="icon" href="https://t.alipayobjects.com/images/T1QUBfXo4fXXXXXXXX.png" type="image/x-icon">
<link rel="shortcut icon" href="https://t.alipayobjects.com/images/T1QUBfXo4fXXXXXXXX.png" type="image/x-icon">
<link rel="stylesheet" href="/dist/antd-0.9.0-beta1.min.css">
<link rel="stylesheet" href="/dist/antd-0.9.0-beta1.css">
<link rel="stylesheet" href="/static/style.css">
<link rel="stylesheet" href="/static/tomorrow.css">
<script>
@@ -39,8 +39,8 @@
<script>
var ANT_COMPONENTS = [];
ANT_COMPONENTS.push({
title: 'Modal',
desc: '对话框'
title: 'Notification',
desc: '通知提醒框'
});
ANT_COMPONENTS.push({
title: 'Affix',
@@ -107,12 +107,12 @@
desc: '全局提示'
});
ANT_COMPONENTS.push({
title: 'Alert',
desc: '警告提示'
title: 'Modal',
desc: '对话框'
});
ANT_COMPONENTS.push({
title: 'Notification',
desc: '通知提醒框'
title: 'Alert',
desc: '警告提示'
});
ANT_COMPONENTS.push({
title: 'Pagination',
@@ -162,6 +162,10 @@
title: 'Tag',
desc: '标签'
});
ANT_COMPONENTS.push({
title: 'Timeline',
desc: '时间轴'
});
ANT_COMPONENTS.push({
title: 'Tooltip',
desc: '文字提示'
@@ -186,7 +190,7 @@
stable: '0.8.0'
};
</script>
<script src="/dist/antd-0.9.0-beta1.min.js"></script>
<script src="/dist/antd-0.9.0-beta1.js"></script>
<script src="/dist/demo.js"></script>
<script>
window.require = function (path) {
spec/tools.html
+12 -8
View File
@@ -13,7 +13,7 @@
<link rel="icon" href="https://t.alipayobjects.com/images/T1QUBfXo4fXXXXXXXX.png" type="image/x-icon">
<link rel="shortcut icon" href="https://t.alipayobjects.com/images/T1QUBfXo4fXXXXXXXX.png" type="image/x-icon">
<link rel="stylesheet" href="/dist/antd-0.9.0-beta1.min.css">
<link rel="stylesheet" href="/dist/antd-0.9.0-beta1.css">
<link rel="stylesheet" href="/static/style.css">
<link rel="stylesheet" href="/static/tomorrow.css">
<script>
@@ -39,8 +39,8 @@
<script>
var ANT_COMPONENTS = [];
ANT_COMPONENTS.push({
title: 'Modal',
desc: '对话框'
title: 'Notification',
desc: '通知提醒框'
});
ANT_COMPONENTS.push({
title: 'Affix',
@@ -107,12 +107,12 @@
desc: '全局提示'
});
ANT_COMPONENTS.push({
title: 'Alert',
desc: '警告提示'
title: 'Modal',
desc: '对话框'
});
ANT_COMPONENTS.push({
title: 'Notification',
desc: '通知提醒框'
title: 'Alert',
desc: '警告提示'
});
ANT_COMPONENTS.push({
title: 'Pagination',
@@ -162,6 +162,10 @@
title: 'Tag',
desc: '标签'
});
ANT_COMPONENTS.push({
title: 'Timeline',
desc: '时间轴'
});
ANT_COMPONENTS.push({
title: 'Tooltip',
desc: '文字提示'
@@ -186,7 +190,7 @@
stable: '0.8.0'
};
</script>
<script src="/dist/antd-0.9.0-beta1.min.js"></script>
<script src="/dist/antd-0.9.0-beta1.js"></script>
<script src="/dist/demo.js"></script>
<script>
window.require = function (path) {
spec/typography.html
+12 -8
View File
@@ -13,7 +13,7 @@
<link rel="icon" href="https://t.alipayobjects.com/images/T1QUBfXo4fXXXXXXXX.png" type="image/x-icon">
<link rel="shortcut icon" href="https://t.alipayobjects.com/images/T1QUBfXo4fXXXXXXXX.png" type="image/x-icon">
<link rel="stylesheet" href="/dist/antd-0.9.0-beta1.min.css">
<link rel="stylesheet" href="/dist/antd-0.9.0-beta1.css">
<link rel="stylesheet" href="/static/style.css">
<link rel="stylesheet" href="/static/tomorrow.css">
<script>
@@ -39,8 +39,8 @@
<script>
var ANT_COMPONENTS = [];
ANT_COMPONENTS.push({
title: 'Modal',
desc: '对话框'
title: 'Notification',
desc: '通知提醒框'
});
ANT_COMPONENTS.push({
title: 'Affix',
@@ -107,12 +107,12 @@
desc: '全局提示'
});
ANT_COMPONENTS.push({
title: 'Alert',
desc: '警告提示'
title: 'Modal',
desc: '对话框'
});
ANT_COMPONENTS.push({
title: 'Notification',
desc: '通知提醒框'
title: 'Alert',
desc: '警告提示'
});
ANT_COMPONENTS.push({
title: 'Pagination',
@@ -162,6 +162,10 @@
title: 'Tag',
desc: '标签'
});
ANT_COMPONENTS.push({
title: 'Timeline',
desc: '时间轴'
});
ANT_COMPONENTS.push({
title: 'Tooltip',
desc: '文字提示'
@@ -186,7 +190,7 @@
stable: '0.8.0'
};
</script>
<script src="/dist/antd-0.9.0-beta1.min.js"></script>
<script src="/dist/antd-0.9.0-beta1.js"></script>
<script src="/dist/demo.js"></script>
<script>
window.require = function (path) {
style/components/index.less
+1
View File
@@ -33,3 +33,4 @@
@import "menu";
@import "affix";
@import "badge";
@import "timeline";
style/components/radio.less
+3 -1
View File
@@ -161,7 +161,7 @@
background: @primary-color;
border-color: @primary-color;
color: #fff;
margin-left: -1px;
box-shadow: -1px 0 0 0 @primary-color;
&:before {
display: none;
@@ -174,11 +174,13 @@
&:hover {
background: tint(@primary-color, 20%);
border-color: tint(@primary-color, 20%);
box-shadow: -1px 0 0 0 tint(@primary-color, 20%);
}
&:active {
background: shade(@primary-color, 5%);
border-color: shade(@primary-color, 5%);
box-shadow: -1px 0 0 0 shade(@primary-color, 5%);
}
}
}
style/components/timeline.less
+54
View File
@@ -0,0 +1,54 @@
@import "../mixins/index";
@timeline-prefix-cls: ~"@{css-prefix}timeline";
@timeline-color: #e9e9e9;
.@{timeline-prefix-cls} {
&-item {
position: relative;
min-height: 50px;
padding-bottom: 12px;
&-tail {
position: absolute;
left: 5px;
margin-top: 3px;
z-index: 1;
height: 100%;
border-left: 2px solid @timeline-color;
&-end {
border-left: 2px dotted @timeline-color;
}
}
&-head {
position: absolute;
z-index: 2;
width: 12px;
height: 12px;
background-color: #fff;
margin-top: 3px;
border-radius: 6px;
&-blue {
border: 2px solid @primary-color;
}
&-red {
border: 2px solid @error-color;
}
&-green {
border: 2px solid @success-color;
}
&-end{
position: absolute;
bottom: -12px;
border: 2px solid @timeline-color;
}
}
&-content {
margin-left: 24px;
font-size: 12px;
}
}
}
style/readme.html
+12 -8
View File
@@ -13,7 +13,7 @@ style - Ant Design
<link rel="icon" href="https://t.alipayobjects.com/images/T1QUBfXo4fXXXXXXXX.png" type="image/x-icon">
<link rel="shortcut icon" href="https://t.alipayobjects.com/images/T1QUBfXo4fXXXXXXXX.png" type="image/x-icon">
<link rel="stylesheet" href="/dist/antd-0.9.0-beta1.min.css">
<link rel="stylesheet" href="/dist/antd-0.9.0-beta1.css">
<link rel="stylesheet" href="/static/style.css">
<link rel="stylesheet" href="/static/tomorrow.css">
<script>
@@ -39,8 +39,8 @@ style - Ant Design
<script>
var ANT_COMPONENTS = [];
ANT_COMPONENTS.push({
title: 'Modal',
desc: '对话框'
title: 'Notification',
desc: '通知提醒框'
});
ANT_COMPONENTS.push({
title: 'Affix',
@@ -107,12 +107,12 @@ style - Ant Design
desc: '全局提示'
});
ANT_COMPONENTS.push({
title: 'Alert',
desc: '警告提示'
title: 'Modal',
desc: '对话框'
});
ANT_COMPONENTS.push({
title: 'Notification',
desc: '通知提醒框'
title: 'Alert',
desc: '警告提示'
});
ANT_COMPONENTS.push({
title: 'Pagination',
@@ -162,6 +162,10 @@ style - Ant Design
title: 'Tag',
desc: '标签'
});
ANT_COMPONENTS.push({
title: 'Timeline',
desc: '时间轴'
});
ANT_COMPONENTS.push({
title: 'Tooltip',
desc: '文字提示'
@@ -186,7 +190,7 @@ style - Ant Design
stable: '0.8.0'
};
</script>
<script src="/dist/antd-0.9.0-beta1.min.js"></script>
<script src="/dist/antd-0.9.0-beta1.js"></script>
<script src="/dist/demo.js"></script>
<script>
window.require = function (path) {