From 83c70bd4a985e27601e96b2c1d78102205ffdb3d Mon Sep 17 00:00:00 2001
From: ddcat1115 <ddcat1115@gmail.com>
Date: Fri, 12 Aug 2016 00:08:53 +0800
Subject: [PATCH] fix #2571 #2518  use rc-upload@2.x abort fix #2645  add
 `disabled`

---
 components/upload/index.jsx        | 20 +++++++++++++-------
 components/upload/index.md         |  1 +
 components/upload/style/index.less |  4 ++--
 package.json                       |  2 +-
 4 files changed, 17 insertions(+), 10 deletions(-)

diff --git a/components/upload/index.jsx b/components/upload/index.jsx
index 198d067aabe4..ed162dd88c02 100644
--- a/components/upload/index.jsx
+++ b/components/upload/index.jsx
@@ -72,6 +72,7 @@ export default class Upload extends React.Component {
     showUploadList: true,
     listType: 'text', // or pictrue
     className: '',
+    disabled: false,
   }
 
   constructor(props) {
@@ -197,6 +198,7 @@ export default class Upload extends React.Component {
   }
 
   handleManualRemove = (file) => {
+    this.refs.upload.abort(file);
     /*eslint-disable */
     file.status = 'removed';
     /*eslint-enable */
@@ -253,18 +255,21 @@ export default class Upload extends React.Component {
       );
     }
     if (type === 'drag') {
-      let dragUploadingClass = this.state.fileList.some(file => file.status === 'uploading')
-        ? `${prefixCls}-drag-uploading` : '';
-      let draggingClass = this.state.dragState === 'dragover'
-        ? `${prefixCls}-drag-hover` : '';
+      const dragCls = classNames({
+        [prefixCls]: true,
+        [`${prefixCls}-drag`]: true,
+        [`${prefixCls}-drag-uploading`]: this.state.fileList.some(file => file.status === 'uploading'),
+        [`${prefixCls}-drag-hover`]: this.state.dragState === 'dragover',
+        [`${prefixCls}-disabled`]: this.props.disabled,
+      });
       return (
         <span className={this.props.className}>
-          <div className={`${prefixCls} ${prefixCls}-drag ${dragUploadingClass} ${draggingClass}`}
+          <div className={dragCls}
             onDrop={this.onFileDrop}
             onDragOver={this.onFileDrop}
             onDragLeave={this.onFileDrop}
           >
-            <RcUpload {...props}>
+            <RcUpload {...props} ref="upload">
               <div className={`${prefixCls}-drag-container`}>
                 {this.props.children}
               </div>
@@ -279,10 +284,11 @@ export default class Upload extends React.Component {
       [prefixCls]: true,
       [`${prefixCls}-select`]: true,
       [`${prefixCls}-select-${this.props.listType}`]: true,
+      [`${prefixCls}-disabled`]: this.props.disabled,
     });
 
     const uploadButton = this.props.children
-      ? <div className={uploadButtonCls}><RcUpload {...props} /></div>
+      ? <div className={uploadButtonCls}><RcUpload {...props} ref="upload" /></div>
       : null;
 
     if (this.props.listType === 'picture-card') {
diff --git a/components/upload/index.md b/components/upload/index.md
index c74c72ce9690..5d7d71174e0a 100644
--- a/components/upload/index.md
+++ b/components/upload/index.md
@@ -34,6 +34,7 @@ english: Upload
 | onPreview  | 点击文件链接时的回调                                       | Function(file) | 无    |
 | onRemove   | 点击移除文件时的回调                                       | Function(file) | 无    |
 | supportServerRender | 服务端渲染时需要打开这个                           | Boolean | false    |
+| disabled | 是否禁用                           | Boolean | false    |
 
 ### onChange
 
diff --git a/components/upload/style/index.less b/components/upload/style/index.less
index 0ca5d96d0062..bd59d9ca2b87 100644
--- a/components/upload/style/index.less
+++ b/components/upload/style/index.less
@@ -52,7 +52,7 @@
     height: 100%;
     position: relative;
 
-    &.@{upload-prefix-cls}-drag-hover {
+    &.@{upload-prefix-cls}-drag-hover:not(.@{upload-prefix-cls}-disabled) {
       border: 2px dashed tint(@primary-color, 20%);
     }
 
@@ -66,7 +66,7 @@
       vertical-align: middle;
     }
 
-    &:hover {
+    &:not(.@{upload-prefix-cls}-disabled):hover {
       border-color: tint(@primary-color, 20%);
     }
 
diff --git a/package.json b/package.json
index d363d136128c..734dc1ac6fb6 100644
--- a/package.json
+++ b/package.json
@@ -66,7 +66,7 @@
     "rc-tooltip": "~3.4.2",
     "rc-tree": "~1.3.6",
     "rc-tree-select": "~1.8.0",
-    "rc-upload": "~1.13.3",
+    "rc-upload": "~2.0.2",
     "rc-util": "~3.3.0",
     "react-addons-pure-render-mixin": "^15.0.0",
     "react-slick": "~0.12.0",