mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2025-01-18 22:36:31 +08:00
Code Issues Actions 26 Packages Projects Releases Wiki Activity

add class

Browse Source
This commit is contained in:
yiminghe 2016-07-19 19:08:59 +08:00
parent 3342aae9f3
commit b140856836
2 changed files with 13 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
components/upload/index.tsx
View File

@ -53,13 +53,14 @@ function genPercentAdd() {
}
export function Dragger(props) {
return <Upload {...props} type="drag" style={{ height: props.height }} />;
return <Upload {...props} type="drag" style={{ height: props.height }}/>;
}
export default class Upload extends React.Component {
static Dragger = Dragger;
static defaultProps = {
prefixCls: 'ant-upload-btn',
type: 'select',
// do not set
// name: '',
@ -139,7 +140,8 @@ export default class Upload extends React.Component {
if (typeof response === 'string') {
response = JSON.parse(response);
}
} catch (e) { /* do nothing */ }
} catch (e) { /* do nothing */
}
let fileList = this.state.fileList;
let targetItem = getFileItem(file, fileList);
// removed
@ -211,7 +213,7 @@ export default class Upload extends React.Component {
onChange = (info) => {
if (!('fileList' in this.props)) {
this.setState({ fileList: info.fileList });
this.setState({fileList: info.fileList});
}
this.props.onChange(info);
}
@ -247,9 +249,9 @@ export default class Upload extends React.Component {
if (this.props.showUploadList) {
uploadList = (
<UploadList listType={this.props.listType}
items={this.state.fileList}
onPreview={props.onPreview}
onRemove={this.handleManualRemove}
items={this.state.fileList}
onPreview={props.onPreview}
onRemove={this.handleManualRemove}
/>
);
}
@ -261,9 +263,9 @@ export default class Upload extends React.Component {
return (
<span className={this.props.className}>
<div className={`${prefixCls} ${prefixCls}-drag ${dragUploadingClass} ${draggingClass}`}
onDrop={this.onFileDrop}
onDragOver={this.onFileDrop}
onDragLeave={this.onFileDrop}
onDrop={this.onFileDrop}
onDragOver={this.onFileDrop}
onDragLeave={this.onFileDrop}
>
<RcUpload {...props}>
<div className={`${prefixCls}-drag-container`}>

4
components/upload/style/index.less
View File

@ -8,7 +8,7 @@
.@{upload-prefix-cls} {
font-size: @font-size-base;
> span {
.ant-upload-btn {
display: block;
width: 100%;
outline: none;
@ -56,7 +56,7 @@
border: 2px dashed tint(@primary-color, 20%);
}
> span {
.ant-upload-btn {
display: table;
height: 100%;
}