rc-notification
Advanced tools
Comparing version 1.4.2 to 1.4.3
@@ -11,5 +11,5 @@ 'use strict'; | ||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; } | ||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } | ||
exports["default"] = _Notification2["default"]; | ||
exports['default'] = _Notification2['default']; | ||
module.exports = exports['default']; |
@@ -7,2 +7,22 @@ 'use strict'; | ||
var _defineProperty2 = require('babel-runtime/helpers/defineProperty'); | ||
var _defineProperty3 = _interopRequireDefault(_defineProperty2); | ||
var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck'); | ||
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2); | ||
var _createClass2 = require('babel-runtime/helpers/createClass'); | ||
var _createClass3 = _interopRequireDefault(_createClass2); | ||
var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn'); | ||
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2); | ||
var _inherits2 = require('babel-runtime/helpers/inherits'); | ||
var _inherits3 = _interopRequireDefault(_inherits2); | ||
var _react = require('react'); | ||
@@ -20,21 +40,13 @@ | ||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; } | ||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } | ||
function _defaults(obj, defaults) { var keys = Object.getOwnPropertyNames(defaults); for (var i = 0; i < keys.length; i++) { var key = keys[i]; var value = Object.getOwnPropertyDescriptor(defaults, key); if (value && value.configurable && obj[key] === undefined) { Object.defineProperty(obj, key, value); } } return obj; } | ||
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } | ||
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } | ||
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } | ||
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : _defaults(subClass, superClass); } | ||
var Notice = function (_Component) { | ||
_inherits(Notice, _Component); | ||
(0, _inherits3['default'])(Notice, _Component); | ||
function Notice() { | ||
var _ref; | ||
var _temp, _this, _ret; | ||
_classCallCheck(this, Notice); | ||
(0, _classCallCheck3['default'])(this, Notice); | ||
@@ -45,3 +57,3 @@ for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) { | ||
return _ret = (_temp = (_this = _possibleConstructorReturn(this, _Component.call.apply(_Component, [this].concat(args))), _this), _this.clearCloseTimer = function () { | ||
return _ret = (_temp = (_this = (0, _possibleConstructorReturn3['default'])(this, (_ref = Notice.__proto__ || Object.getPrototypeOf(Notice)).call.apply(_ref, [this].concat(args))), _this), _this.clearCloseTimer = function () { | ||
if (_this.closeTimer) { | ||
@@ -54,41 +66,45 @@ clearTimeout(_this.closeTimer); | ||
_this.props.onClose(); | ||
}, _temp), _possibleConstructorReturn(_this, _ret); | ||
}, _temp), (0, _possibleConstructorReturn3['default'])(_this, _ret); | ||
} | ||
Notice.prototype.componentDidMount = function componentDidMount() { | ||
var _this2 = this; | ||
(0, _createClass3['default'])(Notice, [{ | ||
key: 'componentDidMount', | ||
value: function componentDidMount() { | ||
var _this2 = this; | ||
if (this.props.duration) { | ||
this.closeTimer = setTimeout(function () { | ||
_this2.close(); | ||
}, this.props.duration * 1000); | ||
if (this.props.duration) { | ||
this.closeTimer = setTimeout(function () { | ||
_this2.close(); | ||
}, this.props.duration * 1000); | ||
} | ||
} | ||
}; | ||
}, { | ||
key: 'componentWillUnmount', | ||
value: function componentWillUnmount() { | ||
this.clearCloseTimer(); | ||
} | ||
}, { | ||
key: 'render', | ||
value: function render() { | ||
var _className; | ||
Notice.prototype.componentWillUnmount = function componentWillUnmount() { | ||
this.clearCloseTimer(); | ||
}; | ||
Notice.prototype.render = function render() { | ||
var _className; | ||
var props = this.props; | ||
var componentClass = props.prefixCls + '-notice'; | ||
var className = (_className = {}, _defineProperty(_className, '' + componentClass, 1), _defineProperty(_className, componentClass + '-closable', props.closable), _defineProperty(_className, props.className, !!props.className), _className); | ||
return _react2["default"].createElement( | ||
'div', | ||
{ className: (0, _classnames2["default"])(className), style: props.style }, | ||
_react2["default"].createElement( | ||
var props = this.props; | ||
var componentClass = props.prefixCls + '-notice'; | ||
var className = (_className = {}, (0, _defineProperty3['default'])(_className, '' + componentClass, 1), (0, _defineProperty3['default'])(_className, componentClass + '-closable', props.closable), (0, _defineProperty3['default'])(_className, props.className, !!props.className), _className); | ||
return _react2['default'].createElement( | ||
'div', | ||
{ className: componentClass + '-content' }, | ||
props.children | ||
), | ||
props.closable ? _react2["default"].createElement( | ||
'a', | ||
{ tabIndex: '0', onClick: this.close, className: componentClass + '-close' }, | ||
_react2["default"].createElement('span', { className: componentClass + '-close-x' }) | ||
) : null | ||
); | ||
}; | ||
{ className: (0, _classnames2['default'])(className), style: props.style }, | ||
_react2['default'].createElement( | ||
'div', | ||
{ className: componentClass + '-content' }, | ||
props.children | ||
), | ||
props.closable ? _react2['default'].createElement( | ||
'a', | ||
{ tabIndex: '0', onClick: this.close, className: componentClass + '-close' }, | ||
_react2['default'].createElement('span', { className: componentClass + '-close-x' }) | ||
) : null | ||
); | ||
} | ||
}]); | ||
return Notice; | ||
@@ -98,5 +114,5 @@ }(_react.Component); | ||
Notice.propTypes = { | ||
duration: _propTypes2["default"].number, | ||
onClose: _propTypes2["default"].func, | ||
children: _propTypes2["default"].any | ||
duration: _propTypes2['default'].number, | ||
onClose: _propTypes2['default'].func, | ||
children: _propTypes2['default'].any | ||
}; | ||
@@ -112,3 +128,3 @@ Notice.defaultProps = { | ||
}; | ||
exports["default"] = Notice; | ||
exports['default'] = Notice; | ||
module.exports = exports['default']; |
@@ -7,4 +7,30 @@ 'use strict'; | ||
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; | ||
var _objectWithoutProperties2 = require('babel-runtime/helpers/objectWithoutProperties'); | ||
var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2); | ||
var _defineProperty2 = require('babel-runtime/helpers/defineProperty'); | ||
var _defineProperty3 = _interopRequireDefault(_defineProperty2); | ||
var _extends2 = require('babel-runtime/helpers/extends'); | ||
var _extends3 = _interopRequireDefault(_extends2); | ||
var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck'); | ||
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2); | ||
var _createClass2 = require('babel-runtime/helpers/createClass'); | ||
var _createClass3 = _interopRequireDefault(_createClass2); | ||
var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn'); | ||
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2); | ||
var _inherits2 = require('babel-runtime/helpers/inherits'); | ||
var _inherits3 = _interopRequireDefault(_inherits2); | ||
var _react = require('react'); | ||
@@ -38,16 +64,4 @@ | ||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; } | ||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } | ||
function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; } | ||
function _defaults(obj, defaults) { var keys = Object.getOwnPropertyNames(defaults); for (var i = 0; i < keys.length; i++) { var key = keys[i]; var value = Object.getOwnPropertyDescriptor(defaults, key); if (value && value.configurable && obj[key] === undefined) { Object.defineProperty(obj, key, value); } } return obj; } | ||
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } | ||
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } | ||
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } | ||
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : _defaults(subClass, superClass); } | ||
var seed = 0; | ||
@@ -61,8 +75,10 @@ var now = Date.now(); | ||
var Notification = function (_Component) { | ||
_inherits(Notification, _Component); | ||
(0, _inherits3['default'])(Notification, _Component); | ||
function Notification() { | ||
var _ref; | ||
var _temp, _this, _ret; | ||
_classCallCheck(this, Notification); | ||
(0, _classCallCheck3['default'])(this, Notification); | ||
@@ -73,3 +89,3 @@ for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) { | ||
return _ret = (_temp = (_this = _possibleConstructorReturn(this, _Component.call.apply(_Component, [this].concat(args))), _this), _this.state = { | ||
return _ret = (_temp = (_this = (0, _possibleConstructorReturn3['default'])(this, (_ref = Notification.__proto__ || Object.getPrototypeOf(Notification)).call.apply(_ref, [this].concat(args))), _this), _this.state = { | ||
notices: [] | ||
@@ -96,43 +112,46 @@ }, _this.add = function (notice) { | ||
}); | ||
}, _temp), _possibleConstructorReturn(_this, _ret); | ||
}, _temp), (0, _possibleConstructorReturn3['default'])(_this, _ret); | ||
} | ||
Notification.prototype.getTransitionName = function getTransitionName() { | ||
var props = this.props; | ||
var transitionName = props.transitionName; | ||
if (!transitionName && props.animation) { | ||
transitionName = props.prefixCls + '-' + props.animation; | ||
(0, _createClass3['default'])(Notification, [{ | ||
key: 'getTransitionName', | ||
value: function getTransitionName() { | ||
var props = this.props; | ||
var transitionName = props.transitionName; | ||
if (!transitionName && props.animation) { | ||
transitionName = props.prefixCls + '-' + props.animation; | ||
} | ||
return transitionName; | ||
} | ||
return transitionName; | ||
}; | ||
}, { | ||
key: 'render', | ||
value: function render() { | ||
var _this2 = this, | ||
_className; | ||
Notification.prototype.render = function render() { | ||
var _this2 = this, | ||
_className; | ||
var props = this.props; | ||
var noticeNodes = this.state.notices.map(function (notice) { | ||
var onClose = (0, _createChainedFunction2["default"])(_this2.remove.bind(_this2, notice.key), notice.onClose); | ||
return _react2["default"].createElement( | ||
_Notice2["default"], | ||
_extends({ | ||
prefixCls: props.prefixCls | ||
}, notice, { | ||
onClose: onClose | ||
}), | ||
notice.content | ||
var props = this.props; | ||
var noticeNodes = this.state.notices.map(function (notice) { | ||
var onClose = (0, _createChainedFunction2['default'])(_this2.remove.bind(_this2, notice.key), notice.onClose); | ||
return _react2['default'].createElement( | ||
_Notice2['default'], | ||
(0, _extends3['default'])({ | ||
prefixCls: props.prefixCls | ||
}, notice, { | ||
onClose: onClose | ||
}), | ||
notice.content | ||
); | ||
}); | ||
var className = (_className = {}, (0, _defineProperty3['default'])(_className, props.prefixCls, 1), (0, _defineProperty3['default'])(_className, props.className, !!props.className), _className); | ||
return _react2['default'].createElement( | ||
'div', | ||
{ className: (0, _classnames2['default'])(className), style: props.style }, | ||
_react2['default'].createElement( | ||
_rcAnimate2['default'], | ||
{ transitionName: this.getTransitionName() }, | ||
noticeNodes | ||
) | ||
); | ||
}); | ||
var className = (_className = {}, _defineProperty(_className, props.prefixCls, 1), _defineProperty(_className, props.className, !!props.className), _className); | ||
return _react2["default"].createElement( | ||
'div', | ||
{ className: (0, _classnames2["default"])(className), style: props.style }, | ||
_react2["default"].createElement( | ||
_rcAnimate2["default"], | ||
{ transitionName: this.getTransitionName() }, | ||
noticeNodes | ||
) | ||
); | ||
}; | ||
} | ||
}]); | ||
return Notification; | ||
@@ -142,6 +161,6 @@ }(_react.Component); | ||
Notification.propTypes = { | ||
prefixCls: _propTypes2["default"].string, | ||
transitionName: _propTypes2["default"].string, | ||
animation: _propTypes2["default"].oneOfType([_propTypes2["default"].string, _propTypes2["default"].object]), | ||
style: _propTypes2["default"].object | ||
prefixCls: _propTypes2['default'].string, | ||
transitionName: _propTypes2['default'].string, | ||
animation: _propTypes2['default'].oneOfType([_propTypes2['default'].string, _propTypes2['default'].object]), | ||
style: _propTypes2['default'].object | ||
}; | ||
@@ -159,5 +178,5 @@ Notification.defaultProps = { | ||
Notification.newInstance = function newNotificationInstance(properties) { | ||
var _ref = properties || {}, | ||
getContainer = _ref.getContainer, | ||
props = _objectWithoutProperties(_ref, ['getContainer']); | ||
var _ref2 = properties || {}, | ||
getContainer = _ref2.getContainer, | ||
props = (0, _objectWithoutProperties3['default'])(_ref2, ['getContainer']); | ||
@@ -171,3 +190,3 @@ var div = void 0; | ||
} | ||
var notification = _reactDom2["default"].render(_react2["default"].createElement(Notification, props), div); | ||
var notification = _reactDom2['default'].render(_react2['default'].createElement(Notification, props), div); | ||
return { | ||
@@ -183,3 +202,3 @@ notice: function notice(noticeProps) { | ||
destroy: function destroy() { | ||
_reactDom2["default"].unmountComponentAtNode(div); | ||
_reactDom2['default'].unmountComponentAtNode(div); | ||
document.body.removeChild(div); | ||
@@ -190,3 +209,3 @@ } | ||
exports["default"] = Notification; | ||
exports['default'] = Notification; | ||
module.exports = exports['default']; |
{ | ||
"name": "rc-notification", | ||
"version": "1.4.2", | ||
"version": "1.4.3", | ||
"description": "notification ui component for react", | ||
@@ -18,2 +18,3 @@ "keywords": [ | ||
"lib", | ||
"es", | ||
"assets/*.css" | ||
@@ -30,2 +31,3 @@ ], | ||
"main": "lib/index", | ||
"module": "es/index", | ||
"config": { | ||
@@ -38,3 +40,4 @@ "port": 8000 | ||
"start": "rc-tools run server", | ||
"pub": "rc-tools run pub", | ||
"compile": "rc-tools run compile --babel-runtime", | ||
"pub": "rc-tools run pub --babel-runtime", | ||
"lint": "rc-tools run lint", | ||
@@ -50,3 +53,3 @@ "karma": "rc-tools run karma", | ||
"pre-commit": "1.x", | ||
"rc-tools": "5.x", | ||
"rc-tools": "6.x", | ||
"react": "15.x", | ||
@@ -59,2 +62,3 @@ "react-dom": "15.x" | ||
"dependencies": { | ||
"babel-runtime": "^6.23.0", | ||
"classnames": "2.x", | ||
@@ -61,0 +65,0 @@ "prop-types": "^15.5.8", |
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
New author
Supply chain riskA new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.
Found 1 instance in 1 package
27481
11
581
0
5
+ Addedbabel-runtime@^6.23.0