apeman-react-toast
Version:
apeman react package for toast components.
164 lines (147 loc) • 13.2 kB
JavaScript
/**
* Style for ApToast.
* @class ApToastStyle
*/
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _react = require('react');
var _react2 = _interopRequireDefault(_react);
var _classnames = require('classnames');
var _classnames2 = _interopRequireDefault(_classnames);
var _apemanReactStyle = require('apeman-react-style');
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
/** @lends ApToastStyle */
var ApToastStyle = _react2.default.createClass({
displayName: 'ApToastStyle',
propTypes: {
style: _react.PropTypes.object,
normalColor: _react.PropTypes.string,
infoColor: _react.PropTypes.string,
warnColor: _react.PropTypes.string,
errorColor: _react.PropTypes.string
},
getDefaultProps: function getDefaultProps() {
return {
style: {},
normalColor: _apemanReactStyle.ApStyle.NORMAL_COLOR,
infoColor: _apemanReactStyle.ApStyle.INFO_COLOR,
warnColor: _apemanReactStyle.ApStyle.WARN_COLOR,
errorColor: _apemanReactStyle.ApStyle.ERROR_COLOR,
transitionDuration: 100
};
},
statics: {
styleData: function styleData(config) {
var normalColor = config.normalColor;
var infoColor = config.infoColor;
var warnColor = config.warnColor;
var errorColor = config.errorColor;
var transitionDuration = config.transitionDuration;
return {
all: {
'.ap-toast-group': {
position: 'fixed',
height: 0,
top: 'initial',
overflow: 'visible',
left: 0,
bottom: 24,
right: 0,
textAlign: 'center',
padding: 0,
zIndex: 49,
display: 'flex',
flexDirection: 'column',
justifyContent: 'flex-end'
},
'.ap-toast': {
display: 'block',
margin: '0 auto'
},
'.ap-toast-inner': {
margin: '4px auto',
maxWidth: '420px',
display: 'inline-block',
textAlign: 'left',
padding: '4px',
boxShadow: '2px 2px 4px rgba(0,0,0,0.33)',
backgroundColor: 'rgba(255, 255, 255, 0.95)',
color: '' + normalColor,
border: '4px solid ' + normalColor,
fontSize: '14px',
width: '240px',
borderRadius: '2px'
},
'.ap-toast-item': {
display: 'block',
padding: '2px 0'
},
'.ap-toast-item:active': {
opacity: 0.8
},
'.ap-info-toast .ap-toast-inner': {
color: '' + infoColor,
borderColor: '' + infoColor
},
'.ap-warn-toast .ap-toast-inner': {
color: '' + warnColor,
borderColor: '' + warnColor
},
'.ap-error-toast .ap-toast-inner': {
color: '' + errorColor,
borderColor: '' + errorColor
},
'.ap-toast-item-icon': {
display: 'inline-block',
pointerEvents: 'none'
},
'.ap-toast-text': {
display: 'inline-block',
pointerEvents: 'none',
margin: '0 2px',
cursor: 'default'
},
'.ap-toast-transition-enter': {
lineHeight: '0em'
},
'.ap-toast-transition-enter-active': {
lineHeight: '1em',
padding: '2px 0',
transition: 'padding ' + transitionDuration + 'ms line-height ' + transitionDuration + 'ms'
},
'.ap-toast-transition-leave': {
lineHeight: '1em',
padding: '2px 0'
},
'.ap-toast-transition-leave-active': {
lineHeight: '0em',
padding: '0',
transition: 'padding ' + transitionDuration + 'ms line-height ' + transitionDuration + 'ms'
}
}
};
}
},
render: function render() {
var s = this;
var props = s.props;
var _ApToastStyle$styleDa = ApToastStyle.styleData(props);
var all = _ApToastStyle$styleDa.all;
var small = _ApToastStyle$styleDa.small;
var medium = _ApToastStyle$styleDa.medium;
var large = _ApToastStyle$styleDa.large;
return _react2.default.createElement(
_apemanReactStyle.ApStyle,
{ data: Object.assign(all, props.style),
smallMediaData: small,
mediumMediaData: medium,
largeMediaData: large
},
props.children
);
}
});
exports.default = ApToastStyle;
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFwX3RvYXN0X3N0eWxlLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7QUFLQTs7Ozs7O0FBRUE7Ozs7QUFDQTs7OztBQUNBOzs7O0FBRUE7QUFDQSxJQUFNLGVBQWUsZ0JBQU0sV0FBTixDQUFrQjtBQUFBOztBQUNyQyxhQUFXO0FBQ1QsV0FBTyxpQkFBTSxNQURKO0FBRVQsaUJBQWEsaUJBQU0sTUFGVjtBQUdULGVBQVcsaUJBQU0sTUFIUjtBQUlULGVBQVcsaUJBQU0sTUFKUjtBQUtULGdCQUFZLGlCQUFNO0FBTFQsR0FEMEI7QUFRckMsaUJBUnFDLDZCQVFsQjtBQUNqQixXQUFPO0FBQ0wsYUFBTyxFQURGO0FBRUwsbUJBQWEsMEJBQVEsWUFGaEI7QUFHTCxpQkFBVywwQkFBUSxVQUhkO0FBSUwsaUJBQVcsMEJBQVEsVUFKZDtBQUtMLGtCQUFZLDBCQUFRLFdBTGY7QUFNTCwwQkFBb0I7QUFOZixLQUFQO0FBUUQsR0FqQm9DOztBQWtCckMsV0FBUztBQUNQLGFBRE8scUJBQ0ksTUFESixFQUNZO0FBQUEsVUFHZixXQUhlLEdBUWIsTUFSYSxDQUdmLFdBSGU7QUFBQSxVQUlmLFNBSmUsR0FRYixNQVJhLENBSWYsU0FKZTtBQUFBLFVBS2YsU0FMZSxHQVFiLE1BUmEsQ0FLZixTQUxlO0FBQUEsVUFNZixVQU5lLEdBUWIsTUFSYSxDQU1mLFVBTmU7QUFBQSxVQU9mLGtCQVBlLEdBUWIsTUFSYSxDQU9mLGtCQVBlOztBQVNqQixhQUFPO0FBQ0wsYUFBSztBQUNILDZCQUFtQjtBQUNqQixzQkFBVSxPQURPO0FBRWpCLG9CQUFRLENBRlM7QUFHakIsaUJBQUssU0FIWTtBQUlqQixzQkFBVSxTQUpPO0FBS2pCLGtCQUFNLENBTFc7QUFNakIsb0JBQVEsRUFOUztBQU9qQixtQkFBTyxDQVBVO0FBUWpCLHVCQUFXLFFBUk07QUFTakIscUJBQVMsQ0FUUTtBQVVqQixvQkFBUSxFQVZTO0FBV2pCLHFCQUFTLE1BWFE7QUFZakIsMkJBQWUsUUFaRTtBQWFqQiw0QkFBZ0I7QUFiQyxXQURoQjtBQWdCSCx1QkFBYTtBQUNYLHFCQUFTLE9BREU7QUFFWCxvQkFBUTtBQUZHLFdBaEJWO0FBb0JILDZCQUFtQjtBQUNqQixvQkFBUSxVQURTO0FBRWpCLHNCQUFVLE9BRk87QUFHakIscUJBQVMsY0FIUTtBQUlqQix1QkFBVyxNQUpNO0FBS2pCLHFCQUFTLEtBTFE7QUFNakIsdUJBQVcsOEJBTk07QUFPakIsNkJBQWlCLDJCQVBBO0FBUWpCLHdCQUFVLFdBUk87QUFTakIsbUNBQXFCLFdBVEo7QUFVakIsc0JBQVUsTUFWTztBQVdqQixtQkFBTyxPQVhVO0FBWWpCLDBCQUFjO0FBWkcsV0FwQmhCO0FBa0NILDRCQUFrQjtBQUNoQixxQkFBUyxPQURPO0FBRWhCLHFCQUFTO0FBRk8sV0FsQ2Y7QUFzQ0gsbUNBQXlCO0FBQ3ZCLHFCQUFTO0FBRGMsV0F0Q3RCO0FBeUNILDRDQUFrQztBQUNoQyx3QkFBVSxTQURzQjtBQUVoQyw4QkFBZ0I7QUFGZ0IsV0F6Qy9CO0FBNkNILDRDQUFrQztBQUNoQyx3QkFBVSxTQURzQjtBQUVoQyw4QkFBZ0I7QUFGZ0IsV0E3Qy9CO0FBaURILDZDQUFtQztBQUNqQyx3QkFBVSxVQUR1QjtBQUVqQyw4QkFBZ0I7QUFGaUIsV0FqRGhDO0FBcURILGlDQUF1QjtBQUNyQixxQkFBUyxjQURZO0FBRXJCLDJCQUFlO0FBRk0sV0FyRHBCO0FBeURILDRCQUFrQjtBQUNoQixxQkFBUyxjQURPO0FBRWhCLDJCQUFlLE1BRkM7QUFHaEIsb0JBQVEsT0FIUTtBQUloQixvQkFBUTtBQUpRLFdBekRmO0FBK0RILHdDQUE4QjtBQUM1Qix3QkFBWTtBQURnQixXQS9EM0I7QUFrRUgsK0NBQXFDO0FBQ25DLHdCQUFZLEtBRHVCO0FBRW5DLHFCQUFTLE9BRjBCO0FBR25DLHFDQUF1QixrQkFBdkIsdUJBQTJELGtCQUEzRDtBQUhtQyxXQWxFbEM7QUF1RUgsd0NBQThCO0FBQzVCLHdCQUFZLEtBRGdCO0FBRTVCLHFCQUFTO0FBRm1CLFdBdkUzQjtBQTJFSCwrQ0FBcUM7QUFDbkMsd0JBQVksS0FEdUI7QUFFbkMscUJBQVMsR0FGMEI7QUFHbkMscUNBQXVCLGtCQUF2Qix1QkFBMkQsa0JBQTNEO0FBSG1DO0FBM0VsQztBQURBLE9BQVA7QUFtRkQ7QUE3Rk0sR0FsQjRCO0FBaUhyQyxRQWpIcUMsb0JBaUgzQjtBQUNSLFFBQU0sSUFBSSxJQUFWO0FBRFEsUUFFRixLQUZFLEdBRVEsQ0FGUixDQUVGLEtBRkU7O0FBQUEsZ0NBSTRCLGFBQWEsU0FBYixDQUF1QixLQUF2QixDQUo1Qjs7QUFBQSxRQUlGLEdBSkUseUJBSUYsR0FKRTtBQUFBLFFBSUcsS0FKSCx5QkFJRyxLQUpIO0FBQUEsUUFJVSxNQUpWLHlCQUlVLE1BSlY7QUFBQSxRQUlrQixLQUpsQix5QkFJa0IsS0FKbEI7OztBQU1SLFdBQ0U7QUFBQTtBQUFBLFFBQVMsTUFBTyxPQUFPLE1BQVAsQ0FBYyxHQUFkLEVBQW1CLE1BQU0sS0FBekIsQ0FBaEI7QUFDUyx3QkFBaUIsS0FEMUI7QUFFUyx5QkFBa0IsTUFGM0I7QUFHUyx3QkFBaUI7QUFIMUI7QUFJRyxZQUFNO0FBSlQsS0FERjtBQU9EO0FBOUhvQyxDQUFsQixDQUFyQjs7a0JBaUllLFkiLCJmaWxlIjoiYXBfdG9hc3Rfc3R5bGUuanN4Iiwic291cmNlUm9vdCI6Ii9Vc2Vycy9va3VuaXNoaW5pc2hpL1Byb2plY3RzL2FwZW1hbi1wcm9qZWN0cy9hcGVtYW4tcmVhY3QtdG9hc3QvY2kvLi4vbGliIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBTdHlsZSBmb3IgQXBUb2FzdC5cbiAqIEBjbGFzcyBBcFRvYXN0U3R5bGVcbiAqL1xuXG4ndXNlIHN0cmljdCdcblxuaW1wb3J0IFJlYWN0LCB7UHJvcFR5cGVzIGFzIHR5cGVzfSBmcm9tICdyZWFjdCdcbmltcG9ydCBjbGFzc25hbWVzIGZyb20gJ2NsYXNzbmFtZXMnXG5pbXBvcnQge0FwU3R5bGV9IGZyb20gJ2FwZW1hbi1yZWFjdC1zdHlsZSdcblxuLyoqIEBsZW5kcyBBcFRvYXN0U3R5bGUgKi9cbmNvbnN0IEFwVG9hc3RTdHlsZSA9IFJlYWN0LmNyZWF0ZUNsYXNzKHtcbiAgcHJvcFR5cGVzOiB7XG4gICAgc3R5bGU6IHR5cGVzLm9iamVjdCxcbiAgICBub3JtYWxDb2xvcjogdHlwZXMuc3RyaW5nLFxuICAgIGluZm9Db2xvcjogdHlwZXMuc3RyaW5nLFxuICAgIHdhcm5Db2xvcjogdHlwZXMuc3RyaW5nLFxuICAgIGVycm9yQ29sb3I6IHR5cGVzLnN0cmluZ1xuICB9LFxuICBnZXREZWZhdWx0UHJvcHMgKCkge1xuICAgIHJldHVybiB7XG4gICAgICBzdHlsZToge30sXG4gICAgICBub3JtYWxDb2xvcjogQXBTdHlsZS5OT1JNQUxfQ09MT1IsXG4gICAgICBpbmZvQ29sb3I6IEFwU3R5bGUuSU5GT19DT0xPUixcbiAgICAgIHdhcm5Db2xvcjogQXBTdHlsZS5XQVJOX0NPTE9SLFxuICAgICAgZXJyb3JDb2xvcjogQXBTdHlsZS5FUlJPUl9DT0xPUixcbiAgICAgIHRyYW5zaXRpb25EdXJhdGlvbjogMTAwXG4gICAgfVxuICB9LFxuICBzdGF0aWNzOiB7XG4gICAgc3R5bGVEYXRhIChjb25maWcpIHtcblxuICAgICAgbGV0IHtcbiAgICAgICAgbm9ybWFsQ29sb3IsXG4gICAgICAgIGluZm9Db2xvcixcbiAgICAgICAgd2FybkNvbG9yLFxuICAgICAgICBlcnJvckNvbG9yLFxuICAgICAgICB0cmFuc2l0aW9uRHVyYXRpb25cbiAgICAgIH0gPSBjb25maWdcbiAgICAgIHJldHVybiB7XG4gICAgICAgIGFsbDoge1xuICAgICAgICAgICcuYXAtdG9hc3QtZ3JvdXAnOiB7XG4gICAgICAgICAgICBwb3NpdGlvbjogJ2ZpeGVkJyxcbiAgICAgICAgICAgIGhlaWdodDogMCxcbiAgICAgICAgICAgIHRvcDogJ2luaXRpYWwnLFxuICAgICAgICAgICAgb3ZlcmZsb3c6ICd2aXNpYmxlJyxcbiAgICAgICAgICAgIGxlZnQ6IDAsXG4gICAgICAgICAgICBib3R0b206IDI0LFxuICAgICAgICAgICAgcmlnaHQ6IDAsXG4gICAgICAgICAgICB0ZXh0QWxpZ246ICdjZW50ZXInLFxuICAgICAgICAgICAgcGFkZGluZzogMCxcbiAgICAgICAgICAgIHpJbmRleDogNDksXG4gICAgICAgICAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgICAgICAgICBmbGV4RGlyZWN0aW9uOiAnY29sdW1uJyxcbiAgICAgICAgICAgIGp1c3RpZnlDb250ZW50OiAnZmxleC1lbmQnXG4gICAgICAgICAgfSxcbiAgICAgICAgICAnLmFwLXRvYXN0Jzoge1xuICAgICAgICAgICAgZGlzcGxheTogJ2Jsb2NrJyxcbiAgICAgICAgICAgIG1hcmdpbjogJzAgYXV0bydcbiAgICAgICAgICB9LFxuICAgICAgICAgICcuYXAtdG9hc3QtaW5uZXInOiB7XG4gICAgICAgICAgICBtYXJnaW46ICc0cHggYXV0bycsXG4gICAgICAgICAgICBtYXhXaWR0aDogJzQyMHB4JyxcbiAgICAgICAgICAgIGRpc3BsYXk6ICdpbmxpbmUtYmxvY2snLFxuICAgICAgICAgICAgdGV4dEFsaWduOiAnbGVmdCcsXG4gICAgICAgICAgICBwYWRkaW5nOiAnNHB4JyxcbiAgICAgICAgICAgIGJveFNoYWRvdzogJzJweCAycHggNHB4IHJnYmEoMCwwLDAsMC4zMyknLFxuICAgICAgICAgICAgYmFja2dyb3VuZENvbG9yOiAncmdiYSgyNTUsIDI1NSwgMjU1LCAwLjk1KScsXG4gICAgICAgICAgICBjb2xvcjogYCR7bm9ybWFsQ29sb3J9YCxcbiAgICAgICAgICAgIGJvcmRlcjogYDRweCBzb2xpZCAke25vcm1hbENvbG9yfWAsXG4gICAgICAgICAgICBmb250U2l6ZTogJzE0cHgnLFxuICAgICAgICAgICAgd2lkdGg6ICcyNDBweCcsXG4gICAgICAgICAgICBib3JkZXJSYWRpdXM6ICcycHgnXG4gICAgICAgICAgfSxcbiAgICAgICAgICAnLmFwLXRvYXN0LWl0ZW0nOiB7XG4gICAgICAgICAgICBkaXNwbGF5OiAnYmxvY2snLFxuICAgICAgICAgICAgcGFkZGluZzogJzJweCAwJ1xuICAgICAgICAgIH0sXG4gICAgICAgICAgJy5hcC10b2FzdC1pdGVtOmFjdGl2ZSc6IHtcbiAgICAgICAgICAgIG9wYWNpdHk6IDAuOFxuICAgICAgICAgIH0sXG4gICAgICAgICAgJy5hcC1pbmZvLXRvYXN0IC5hcC10b2FzdC1pbm5lcic6IHtcbiAgICAgICAgICAgIGNvbG9yOiBgJHtpbmZvQ29sb3J9YCxcbiAgICAgICAgICAgIGJvcmRlckNvbG9yOiBgJHtpbmZvQ29sb3J9YFxuICAgICAgICAgIH0sXG4gICAgICAgICAgJy5hcC13YXJuLXRvYXN0IC5hcC10b2FzdC1pbm5lcic6IHtcbiAgICAgICAgICAgIGNvbG9yOiBgJHt3YXJuQ29sb3J9YCxcbiAgICAgICAgICAgIGJvcmRlckNvbG9yOiBgJHt3YXJuQ29sb3J9YFxuICAgICAgICAgIH0sXG4gICAgICAgICAgJy5hcC1lcnJvci10b2FzdCAuYXAtdG9hc3QtaW5uZXInOiB7XG4gICAgICAgICAgICBjb2xvcjogYCR7ZXJyb3JDb2xvcn1gLFxuICAgICAgICAgICAgYm9yZGVyQ29sb3I6IGAke2Vycm9yQ29sb3J9YFxuICAgICAgICAgIH0sXG4gICAgICAgICAgJy5hcC10b2FzdC1pdGVtLWljb24nOiB7XG4gICAgICAgICAgICBkaXNwbGF5OiAnaW5saW5lLWJsb2NrJyxcbiAgICAgICAgICAgIHBvaW50ZXJFdmVudHM6ICdub25lJ1xuICAgICAgICAgIH0sXG4gICAgICAgICAgJy5hcC10b2FzdC10ZXh0Jzoge1xuICAgICAgICAgICAgZGlzcGxheTogJ2lubGluZS1ibG9jaycsXG4gICAgICAgICAgICBwb2ludGVyRXZlbnRzOiAnbm9uZScsXG4gICAgICAgICAgICBtYXJnaW46ICcwIDJweCcsXG4gICAgICAgICAgICBjdXJzb3I6ICdkZWZhdWx0J1xuICAgICAgICAgIH0sXG4gICAgICAgICAgJy5hcC10b2FzdC10cmFuc2l0aW9uLWVudGVyJzoge1xuICAgICAgICAgICAgbGluZUhlaWdodDogJzBlbSdcbiAgICAgICAgICB9LFxuICAgICAgICAgICcuYXAtdG9hc3QtdHJhbnNpdGlvbi1lbnRlci1hY3RpdmUnOiB7XG4gICAgICAgICAgICBsaW5lSGVpZ2h0OiAnMWVtJyxcbiAgICAgICAgICAgIHBhZGRpbmc6ICcycHggMCcsXG4gICAgICAgICAgICB0cmFuc2l0aW9uOiBgcGFkZGluZyAke3RyYW5zaXRpb25EdXJhdGlvbn1tcyBsaW5lLWhlaWdodCAke3RyYW5zaXRpb25EdXJhdGlvbn1tc2BcbiAgICAgICAgICB9LFxuICAgICAgICAgICcuYXAtdG9hc3QtdHJhbnNpdGlvbi1sZWF2ZSc6IHtcbiAgICAgICAgICAgIGxpbmVIZWlnaHQ6ICcxZW0nLFxuICAgICAgICAgICAgcGFkZGluZzogJzJweCAwJ1xuICAgICAgICAgIH0sXG4gICAgICAgICAgJy5hcC10b2FzdC10cmFuc2l0aW9uLWxlYXZlLWFjdGl2ZSc6IHtcbiAgICAgICAgICAgIGxpbmVIZWlnaHQ6ICcwZW0nLFxuICAgICAgICAgICAgcGFkZGluZzogJzAnLFxuICAgICAgICAgICAgdHJhbnNpdGlvbjogYHBhZGRpbmcgJHt0cmFuc2l0aW9uRHVyYXRpb259bXMgbGluZS1oZWlnaHQgJHt0cmFuc2l0aW9uRHVyYXRpb259bXNgXG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuICB9LFxuICByZW5kZXIgKCkge1xuICAgIGNvbnN0IHMgPSB0aGlzXG4gICAgbGV0IHsgcHJvcHMgfSA9IHNcblxuICAgIGxldCB7IGFsbCwgc21hbGwsIG1lZGl1bSwgbGFyZ2UgfSA9IEFwVG9hc3RTdHlsZS5zdHlsZURhdGEocHJvcHMpXG5cbiAgICByZXR1cm4gKFxuICAgICAgPEFwU3R5bGUgZGF0YT17IE9iamVjdC5hc3NpZ24oYWxsLCBwcm9wcy5zdHlsZSkgfVxuICAgICAgICAgICAgICAgc21hbGxNZWRpYURhdGE9eyBzbWFsbCB9XG4gICAgICAgICAgICAgICBtZWRpdW1NZWRpYURhdGE9eyBtZWRpdW0gfVxuICAgICAgICAgICAgICAgbGFyZ2VNZWRpYURhdGE9eyBsYXJnZSB9XG4gICAgICA+eyBwcm9wcy5jaGlsZHJlbiB9PC9BcFN0eWxlPlxuICAgIClcbiAgfVxufSlcblxuZXhwb3J0IGRlZmF1bHQgQXBUb2FzdFN0eWxlXG4iXX0=