fix: upload not support css scope

pull/2777/head
tanjinzhou 2020-08-27 16:03:42 +08:00
parent 8ac75e4a73
commit 5e3d9fe5a3
1 changed files with 4 additions and 4 deletions

View File

@ -12,6 +12,7 @@ import UploadList from './UploadList';
import { UploadProps } from './interface'; import { UploadProps } from './interface';
import { T, fileToObject, genPercentAdd, getFileItem, removeFileItem } from './utils'; import { T, fileToObject, genPercentAdd, getFileItem, removeFileItem } from './utils';
import { inject } from 'vue'; import { inject } from 'vue';
import { getDataAndAria } from '../vc-tree/src/util';
export { UploadProps }; export { UploadProps };
@ -273,14 +274,13 @@ export default {
if (type === 'drag') { if (type === 'drag') {
const dragCls = classNames(prefixCls, { const dragCls = classNames(prefixCls, {
[className]: !!className,
[`${prefixCls}-drag`]: true, [`${prefixCls}-drag`]: true,
[`${prefixCls}-drag-uploading`]: fileList.some(file => file.status === 'uploading'), [`${prefixCls}-drag-uploading`]: fileList.some(file => file.status === 'uploading'),
[`${prefixCls}-drag-hover`]: dragState === 'dragover', [`${prefixCls}-drag-hover`]: dragState === 'dragover',
[`${prefixCls}-disabled`]: disabled, [`${prefixCls}-disabled`]: disabled,
}); });
return ( return (
<span> <span class={className} {...getDataAndAria(this.$attrs)}>
<div <div
class={dragCls} class={dragCls}
onDrop={this.onFileDrop} onDrop={this.onFileDrop}
@ -317,14 +317,14 @@ export default {
if (listType === 'picture-card') { if (listType === 'picture-card') {
return ( return (
<span class={`${prefixCls}-picture-card-wrapper`}> <span class={classNames(`${prefixCls}-picture-card-wrapper`, className)}>
{uploadList} {uploadList}
{uploadButton} {uploadButton}
</span> </span>
); );
} }
return ( return (
<span> <span class={className}>
{uploadButton} {uploadButton}
{uploadList} {uploadList}
</span> </span>