fix: upload not support css scope
parent
8ac75e4a73
commit
5e3d9fe5a3
|
@ -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>
|
||||||
|
|
Loading…
Reference in New Issue