提交 a6d12c39 编写于 作者: Y yiminghe

Merge branch 'master' of github.com:ant-design/ant-design

## 0.8.1 (2015-08-31)
### Table
* 新增无数据的展示样式。[4c54644](https://github.com/ant-design/ant-design/commit/4c54644116d46cb2510d2d475234529bad60e5d5)
* 修复本地模式 `dataSource` 无法更新的问题。[6d2dcc4](https://github.com/ant-design/ant-design/commit/6d2dcc45393b6ec0ad1ba73caf8b1ec42353743f)
* 修复远程模式 loading 失效的问题。[9b8abb2](https://github.com/ant-design/ant-design/commit/9b8abb219934c246970a84200818aa8f85974bdf)
### Upload
* 新增 `onRemove(file) {}` 接口,作为移除上传文件的回调。
* 新增 `urlResolver(res) {}` 接口,可以拿到请求回调数据里的远程文件地址,展示在文件列表中方便下载。
* 新增 `limit` 属性,用于限制文件上传列表的数量。
### Notification
* 修复不会自动消失的问题。[23fce55](https://github.com/ant-design/ant-design/commit/23fce559b0b2faf4e0b686a92dbcdd045727a464)
### Steps
* 新增竖版的步骤条。
### Carousel
* 修复 fade 模式下可以拖拽的问题。#212
## 0.8.0 (2015-08-25)
这个版本是第一个稳定版,组件经过三期迭代,基本到齐,并有大量改进和变化,不向下兼容。
......
# 点击上传
- order: 1
- order: 0
经典款式,用户点击按钮弹出文件选择框。
......
# 文件列表限制
- order: 3
`limit` 属性控制文件列表数的上限。如设为 1 时,表示只能上传一个文件,新文件会顶掉旧文件。
---
````jsx
var Upload = antd.Upload;
var props = {
description: '支持扩展名为: .rar .zip ...',
action: '/upload.do',
data: {},
accept: '',
uploadTip: '',
limit: 1,
onStart(file){
console.log(file.uid);
}
};
React.render(
<Upload {...props}>
<button className="ant-btn ant-btn-ghost">
<i className="anticon anticon-upload"></i> 点击上传,只支持一个文件
</button>
</Upload>,
document.getElementById('components-upload-demo-limit')
);
````
......@@ -25,6 +25,9 @@ const AntUpload = React.createClass({
file: file,
status: 'downloading'
});
if (nextDownloadList.length === this.props.limit + 1) {
nextDownloadList = nextDownloadList.slice(1);
}
this.setState({
downloadList: nextDownloadList
});
......@@ -84,6 +87,7 @@ const AntUpload = React.createClass({
onSuccess: noop,
onProgress: noop,
onRemove: noop,
limit: Number.MAX_VALUE,
urlResolver: function(ret) {
try {
return JSON.parse(ret).url;
......@@ -117,7 +121,9 @@ const AntUpload = React.createClass({
{this.props.children}
</Upload>
</div>
<UploadList items={this.state.downloadList} onRemove={this.onRemove}/>
<UploadList items={this.state.downloadList}
onRemove={this.onRemove}
limit={props.limit} />
</div>
);
}
......
......@@ -29,6 +29,7 @@
| onSuccess | 可选参数, success callback | Function | 无 |
| onProgress | 可选参数, progress callback, 现代浏览器有效 | Function | 无 |
| urlResolver| 通过解析请求返回数据,获得文件上传的远程地址 | Function | `function() { return JSON.parse(ret).url }` |
| limit | 文件上传数量的限制 | Number | Number.MAX_VALUE |
### onError
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册