rc-upload - npm Package Compare versions

Comparing version 2.0.4 to 2.1.0

HISTORY.md

 # History
 ----
 
+### 2.1.0 / 2016-09-20
+
+- add `className` prop
+
 ### 2.0.0 / 2016-08-10
@@ -5,0 +9,0 @@

lib/AjaxUploader.js

@@ -11,5 +11,5 @@ 'use strict';
 
-var _request = require('./request');
+var _defineProperty2 = require('babel-runtime/helpers/defineProperty');
 
-var _request2 = _interopRequireDefault(_request);
+var _defineProperty3 = _interopRequireDefault(_defineProperty2);
 
@@ -20,2 +20,10 @@ var _react = require('react');
 
+var _classnames = require('classnames');
+
+var _classnames2 = _interopRequireDefault(_classnames);
+
+var _request = require('./request');
+
+var _request2 = _interopRequireDefault(_request);
+
 var _uid = require('./uid');
@@ -27,2 +35,4 @@
 
+/* eslint react/no-is-mounted:0*/
+
 var AjaxUploader = _react2["default"].createClass({
@@ -35,2 +45,3 @@ displayName: 'AjaxUploader',
     prefixCls: _react.PropTypes.string,
+    className: _react.PropTypes.string,
     multiple: _react.PropTypes.bool,
@@ -181,5 +192,8 @@ disabled: _react.PropTypes.bool,
   render: function render() {
+    var _classNames;
+
     var _props = this.props;
     var Tag = _props.component;
     var prefixCls = _props.prefixCls;
+    var className = _props.className;
     var disabled = _props.disabled;
@@ -191,6 +205,4 @@ var style = _props.style;
 
-    var events = disabled ? {
-      className: prefixCls + ' ' + prefixCls + '-disabled'
-    } : {
-      className: '' + prefixCls,
+    var cls = (0, _classnames2["default"])((_classNames = {}, (0, _defineProperty3["default"])(_classNames, prefixCls, true), (0, _defineProperty3["default"])(_classNames, prefixCls + '-disabled', disabled), (0, _defineProperty3["default"])(_classNames, className, className), _classNames));
+    var events = disabled ? {} : {
       onClick: this.onClick,
@@ -205,2 +217,3 @@ onKeyDown: this.onKeyDown,
       (0, _extends3["default"])({}, events, {
+        className: cls,
         role: 'button',
@@ -221,5 +234,5 @@ style: style
   }
-}); /* eslint react/no-is-mounted:0*/
+});
 
 exports["default"] = AjaxUploader;
 module.exports = exports['default'];

lib/IframeUploader.js

@@ -7,2 +7,6 @@ 'use strict';
 
+var _defineProperty2 = require('babel-runtime/helpers/defineProperty');
+
+var _defineProperty3 = _interopRequireDefault(_defineProperty2);
+
 var _extends2 = require('babel-runtime/helpers/extends');
@@ -20,2 +24,6 @@
 
+var _classnames = require('classnames');
+
+var _classnames2 = _interopRequireDefault(_classnames);
+
 var _uid = require('./uid');
@@ -49,2 +57,3 @@
     prefixCls: _react.PropTypes.string,
+    className: _react.PropTypes.string,
     accept: _react.PropTypes.string,
@@ -234,5 +243,8 @@ onStart: _react.PropTypes.func,
   render: function render() {
+    var _classNames;
+
     var _props = this.props;
     var Tag = _props.component;
     var disabled = _props.disabled;
+    var className = _props.className;
     var prefixCls = _props.prefixCls;
@@ -245,7 +257,7 @@ var children = _props.children;
     });
-
+    var cls = (0, _classnames2["default"])((_classNames = {}, (0, _defineProperty3["default"])(_classNames, prefixCls, true), (0, _defineProperty3["default"])(_classNames, prefixCls + '-disabled', disabled), (0, _defineProperty3["default"])(_classNames, className, className), _classNames));
     return _react2["default"].createElement(
       Tag,
       {
-        className: disabled ? prefixCls + ' ' + prefixCls + '-disabled' : '' + prefixCls,
+        className: cls,
         style: (0, _extends3["default"])({ position: 'relative', zIndex: 0 }, style)
@@ -252,0 +264,0 @@ },

package.json

 {
   "name": "rc-upload",
-  "version": "2.0.4",
+  "version": "2.1.0",
   "description": "upload ui component for react",
@@ -54,4 +54,5 @@ "keywords": [
     "babel-runtime": "6.x",
+    "classnames": "^2.2.5",
     "warning": "2.x"
   }
 }

README.md

@@ -58,2 +58,3 @@ # rc-upload
 |style | object | {}| root component inline style |
+|className | string | - | root component className |
 |disabled | boolean | false | whether disabled |
@@ -60,0 +61,0 @@ |component | "div"|"span" | "span"| wrap component name |

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

26800

increased by4.89%

Lines of code

632

increased by2.76%

Number of lines in readme file

113

increased by0.89%

Worsened metrics

Dependency count

3

increased by50%

Dependency changes

• + Addedclassnames@^2.2.5

• + Addedclassnames@2.5.1(transitive)