+
@@ -54,9 +54,9 @@ export default class DefaultFileItem extends React.Component {
{file.name}
- {previewUrl ?
@@ -69,7 +69,7 @@ export default class DefaultFileItem extends React.Component {
- {previewUrl ?
@@ -86,21 +86,21 @@ export default class DefaultFileItem extends React.Component {
{file.name}
+ return (
diff --git a/src/FileItem.js b/src/FileItem.js
index 813a62c..8d356f3 100644
--- a/src/FileItem.js
+++ b/src/FileItem.js
@@ -71,25 +71,25 @@ export default class FileItem extends React.Component {
render() {
const me = this;
- const { locale, interval } = me.props;
+ const { locale, interval, prefixCls } = me.props;
if (this.props.mode === 'icon') {
- return (
-
+ return (
+
);
} else if (this.props.mode === 'nw') {
@@ -103,7 +103,7 @@ export default class FileItem extends React.Component {
}
if (this.props.isOnlyImg) {
if (!this.props.isVisual) {
- return (
-
- {this.state.status === 'error' ? : null}
- {this.state.status === 'success' ? : null}
+ {this.state.status === 'error' ? : null}
+ {this.state.status === 'success' ? : null}
{util.natcut(this.file.name, 10)}
+ return (
@@ -112,21 +112,21 @@ export default class FileItem extends React.Component {
{this.state.status !== 'error' && this.state.status !== 'success' ? : null}
);
}
- return (
{this.file.name}
-
+
+ return (
{/*
);
}
- return ({i18n[locale]['upload_failed']}
*/}
{this.state.status !== 'success' ? : null}
+ return (
);
}
const size = util.humanSizeFormat(this.file.size);
- return (
{this.state.status !== 'error' && this.state.status !== 'success' ? : null}
@@ -135,34 +135,34 @@ export default class FileItem extends React.Component {
{this.file.name}
+ return (
diff --git a/src/FileList.js b/src/FileList.js
index dfb0d77..df7b162 100644
--- a/src/FileList.js
+++ b/src/FileList.js
@@ -15,6 +15,7 @@ export default class FileList extends React.Component {
};
static propTypes = {
+ prefixCls: PropTypes.string,
locale: PropTypes.string,
mode: PropTypes.string,
isVisual: PropTypes.bool,
@@ -89,6 +90,7 @@ export default class FileList extends React.Component {
arr.push(
+
{this.renderDefaultFileItems()}
{this.renderFileItems()}
diff --git a/src/Picker.js b/src/Picker.js
index cb59ba1..1755cc1 100644
--- a/src/Picker.js
+++ b/src/Picker.js
@@ -11,16 +11,16 @@ export default class Picker extends React.Component {
}
render() {
- const { isVisual } = this.props;
+ const { isVisual, prefixCls } = this.props;
if (isVisual) {
- return (
{this.props.children}
);
}
- return {this.props.children}
;
+ return {this.props.children}
;
}
}
diff --git a/src/Preview.js b/src/Preview.js
index 9cf04df..32edce8 100644
--- a/src/Preview.js
+++ b/src/Preview.js
@@ -13,10 +13,11 @@ export default class Preview extends React.Component {
}
render() {
+ const { prefixCls } = this.props;
return (
{this.state.url
?
- : }
+ : }
);
}
diff --git a/src/Uploader.js b/src/Uploader.js
index 4486dd1..1171e10 100644
--- a/src/Uploader.js
+++ b/src/Uploader.js
@@ -1,4 +1,5 @@
import React from 'react';
+import classNames from 'classnames';
import PropTypes from 'prop-types';
import { UploadCore, Events, Status } from 'uploadcore/dist/uploadcore';
import Button from 'uxcore-button';
@@ -30,6 +31,7 @@ class Uploader extends React.Component {
static displayName = 'Uploader';
static defaultProps = {
+ prefixCls: 'kuma-upload',
locale: 'zh-cn',
autoPending: true,
fileList: [],
@@ -42,6 +44,7 @@ class Uploader extends React.Component {
};
static propTypes = {
+ prefixCls: PropTypes.string,
locale: PropTypes.string,
fileList: PropTypes.array,
onChange: PropTypes.func,
@@ -255,16 +258,16 @@ class Uploader extends React.Component {
}
renderTips() {
- const { tips } = this.props;
+ const { tips, prefixCls } = this.props;
if (tips) {
- return {tips}
;
+ return {tips}
;
}
return null;
}
render() {
const me = this;
- const { locale, isVisual, hideUploadIcon, queueCapcity } = this.props;
+ const { prefixCls, locale, className, isVisual, hideUploadIcon, queueCapcity } = this.props;
let children = this.props.children;
const readOnly = this.props.readOnly;
const uploadingFiles = me.getUploadingFiles();
@@ -272,7 +275,7 @@ class Uploader extends React.Component {
if (!children || children.length < 1) {
if (isVisual) {
children = (
-