apeman-react-photo
Version:
apeman react package for photo components.
117 lines (102 loc) • 9.36 kB
JavaScript
/**
* Style for ApPaperPhoto.
* @class ApPaperPhotoStyle
*/
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _react = require('react');
var _react2 = _interopRequireDefault(_react);
var _apemanReactStyle = require('apeman-react-style');
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
/** @lends ApPaperPhotoStyle */
var ApPaperPhotoStyle = _react2.default.createClass({
displayName: 'ApPaperPhotoStyle',
propTypes: {
style: _react.PropTypes.object
},
getDefaultProps: function getDefaultProps() {
return {
style: {}
};
},
statics: {
styleData: function styleData(config) {
var shadowSize = 15;
var shadowDense = 0.33;
return {
all: {
'.ap-paper-photo': {
display: 'inline-block',
boxShadow: '1px 1px 2px rgba(0,0,0,0.33)',
border: '1px solid #E0E0E0',
borderRadius: '2px',
padding: '8px 8px 32px',
position: 'relative',
boxSizing: 'border-box',
backgroundColor: 'white'
},
'.ap-paper-photo-shadow': {
transform: 'rotate(-3deg)',
background: 'none repeat scroll 0 0 rgba(0, 0, 0, ' + shadowDense + ')',
boxShadow: '0 ' + shadowSize + 'px ' + shadowSize + 'px rgba(0, 0, 0, ' + shadowDense + ')',
position: 'absolute',
top: 'auto',
bottom: shadowSize + 'px',
width: '50%',
height: shadowSize + 'px',
zIndex: '-1'
},
'.ap-paper-photo-shadow-right': {
transform: 'rotate(3deg)',
left: 'auto',
right: shadowSize / 2 + 'px'
},
'.ap-paper-photo .ap-image': {
border: '1px solid #EEE',
position: 'relative',
zIndex: '1'
},
'.ap-paper-photo-text': {
position: 'absolute',
zIndex: '2'
},
'.ap-paper-photo.ap-photo-tappable': {
cursor: 'pointer'
},
'.ap-paper-photo.ap-photo-tappable:hover': {},
'.ap-paper-photo.ap-photo-tappable:hover .ap-paper-photo-shadow': {
boxShadow: '0 ' + (shadowSize + 1) + 'px ' + shadowSize + 'px rgba(0, 0, 0, ' + shadowDense + ')'
},
'.ap-paper-photo.ap-photo-tappable:active': {
boxShadow: 'none'
},
'.ap-paper-photo.ap-photo-tappable:active .ap-paper-photo-shadow': {
display: 'none'
}
}
};
}
},
render: function render() {
var s = this;
var props = s.props;
var _ApPaperPhotoStyle$st = ApPaperPhotoStyle.styleData(props);
var all = _ApPaperPhotoStyle$st.all;
var small = _ApPaperPhotoStyle$st.small;
var medium = _ApPaperPhotoStyle$st.medium;
var large = _ApPaperPhotoStyle$st.large;
return _react2.default.createElement(
_apemanReactStyle.ApStyle,
{ data: Object.assign(all, props.style),
smallMediaData: small,
mediumMediaData: medium,
largeMediaData: large
},
props.children
);
}
});
exports.default = ApPaperPhotoStyle;
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFwX3BhcGVyX3Bob3RvX3N0eWxlLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7QUFLQTs7Ozs7O0FBRUE7Ozs7QUFDQTs7OztBQUVBO0FBQ0EsSUFBTSxvQkFBb0IsZ0JBQU0sV0FBTixDQUFrQjtBQUFBOztBQUMxQyxhQUFXO0FBQ1QsV0FBTyxpQkFBTTtBQURKLEdBRCtCO0FBSTFDLGlCQUowQyw2QkFJdkI7QUFDakIsV0FBTztBQUNMLGFBQU87QUFERixLQUFQO0FBR0QsR0FSeUM7O0FBUzFDLFdBQVM7QUFDUCxhQURPLHFCQUNJLE1BREosRUFDWTtBQUNqQixVQUFJLGFBQWEsRUFBakI7QUFDQSxVQUFJLGNBQWMsSUFBbEI7O0FBRUEsYUFBTztBQUNMLGFBQUs7QUFDSCw2QkFBbUI7QUFDakIscUJBQVMsY0FEUTtBQUVqQix1QkFBVyw4QkFGTTtBQUdqQixvQkFBUSxtQkFIUztBQUlqQiwwQkFBYyxLQUpHO0FBS2pCLHFCQUFTLGNBTFE7QUFNakIsc0JBQVUsVUFOTztBQU9qQix1QkFBVyxZQVBNO0FBUWpCLDZCQUFpQjtBQVJBLFdBRGhCO0FBV0gsb0NBQTBCO0FBQ3hCLHVCQUFXLGVBRGE7QUFFeEIsa0VBQW9ELFdBQXBELE1BRndCO0FBR3hCLDhCQUFnQixVQUFoQixXQUFnQyxVQUFoQyx5QkFBOEQsV0FBOUQsTUFId0I7QUFJeEIsc0JBQVUsVUFKYztBQUt4QixpQkFBSyxNQUxtQjtBQU14QixvQkFBVyxVQUFYLE9BTndCO0FBT3hCLG1CQUFPLEtBUGlCO0FBUXhCLG9CQUFXLFVBQVgsT0FSd0I7QUFTeEIsb0JBQVE7QUFUZ0IsV0FYdkI7QUFzQkgsMENBQWdDO0FBQzlCLHVCQUFXLGNBRG1CO0FBRTlCLGtCQUFNLE1BRndCO0FBRzlCLG1CQUFVLGFBQWEsQ0FBdkI7QUFIOEIsV0F0QjdCO0FBMkJILHVDQUE2QjtBQUMzQixvQkFBUSxnQkFEbUI7QUFFM0Isc0JBQVUsVUFGaUI7QUFHM0Isb0JBQVE7QUFIbUIsV0EzQjFCO0FBZ0NILGtDQUF3QjtBQUN0QixzQkFBVSxVQURZO0FBRXRCLG9CQUFRO0FBRmMsV0FoQ3JCO0FBb0NILCtDQUFxQztBQUNuQyxvQkFBUTtBQUQyQixXQXBDbEM7QUF1Q0gscURBQTJDLEVBdkN4QztBQXdDSCw0RUFBa0U7QUFDaEUsK0JBQWdCLGFBQWEsQ0FBN0IsWUFBb0MsVUFBcEMseUJBQWtFLFdBQWxFO0FBRGdFLFdBeEMvRDtBQTJDSCxzREFBNEM7QUFDMUMsdUJBQVc7QUFEK0IsV0EzQ3pDO0FBOENILDZFQUFtRTtBQUNqRSxxQkFBUztBQUR3RDtBQTlDaEU7QUFEQSxPQUFQO0FBb0REO0FBekRNLEdBVGlDO0FBb0UxQyxRQXBFMEMsb0JBb0VoQztBQUNSLFFBQU0sSUFBSSxJQUFWO0FBRFEsUUFFRixLQUZFLEdBRVEsQ0FGUixDQUVGLEtBRkU7O0FBQUEsZ0NBSTRCLGtCQUFrQixTQUFsQixDQUE0QixLQUE1QixDQUo1Qjs7QUFBQSxRQUlGLEdBSkUseUJBSUYsR0FKRTtBQUFBLFFBSUcsS0FKSCx5QkFJRyxLQUpIO0FBQUEsUUFJVSxNQUpWLHlCQUlVLE1BSlY7QUFBQSxRQUlrQixLQUpsQix5QkFJa0IsS0FKbEI7OztBQU1SLFdBQ0U7QUFBQTtBQUFBLFFBQVMsTUFBTyxPQUFPLE1BQVAsQ0FBYyxHQUFkLEVBQW1CLE1BQU0sS0FBekIsQ0FBaEI7QUFDUyx3QkFBaUIsS0FEMUI7QUFFUyx5QkFBa0IsTUFGM0I7QUFHUyx3QkFBaUI7QUFIMUI7QUFJRyxZQUFNO0FBSlQsS0FERjtBQU9EO0FBakZ5QyxDQUFsQixDQUExQjs7a0JBb0ZlLGlCIiwiZmlsZSI6ImFwX3BhcGVyX3Bob3RvX3N0eWxlLmpzeCIsInNvdXJjZVJvb3QiOiIvVXNlcnMvb2t1bmlzaGluaXNoaS9Qcm9qZWN0cy9hcGVtYW4tcHJvamVjdHMvYXBlbWFuLXJlYWN0LXBob3RvL2NpLy4uL2xpYiIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogU3R5bGUgZm9yIEFwUGFwZXJQaG90by5cbiAqIEBjbGFzcyBBcFBhcGVyUGhvdG9TdHlsZVxuICovXG5cbid1c2Ugc3RyaWN0J1xuXG5pbXBvcnQgUmVhY3QsIHtQcm9wVHlwZXMgYXMgdHlwZXN9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHtBcFN0eWxlfSBmcm9tICdhcGVtYW4tcmVhY3Qtc3R5bGUnXG5cbi8qKiBAbGVuZHMgQXBQYXBlclBob3RvU3R5bGUgKi9cbmNvbnN0IEFwUGFwZXJQaG90b1N0eWxlID0gUmVhY3QuY3JlYXRlQ2xhc3Moe1xuICBwcm9wVHlwZXM6IHtcbiAgICBzdHlsZTogdHlwZXMub2JqZWN0XG4gIH0sXG4gIGdldERlZmF1bHRQcm9wcyAoKSB7XG4gICAgcmV0dXJuIHtcbiAgICAgIHN0eWxlOiB7fVxuICAgIH1cbiAgfSxcbiAgc3RhdGljczoge1xuICAgIHN0eWxlRGF0YSAoY29uZmlnKSB7XG4gICAgICBsZXQgc2hhZG93U2l6ZSA9IDE1XG4gICAgICBsZXQgc2hhZG93RGVuc2UgPSAwLjMzXG5cbiAgICAgIHJldHVybiB7XG4gICAgICAgIGFsbDoge1xuICAgICAgICAgICcuYXAtcGFwZXItcGhvdG8nOiB7XG4gICAgICAgICAgICBkaXNwbGF5OiAnaW5saW5lLWJsb2NrJyxcbiAgICAgICAgICAgIGJveFNoYWRvdzogJzFweCAxcHggMnB4IHJnYmEoMCwwLDAsMC4zMyknLFxuICAgICAgICAgICAgYm9yZGVyOiAnMXB4IHNvbGlkICNFMEUwRTAnLFxuICAgICAgICAgICAgYm9yZGVyUmFkaXVzOiAnMnB4JyxcbiAgICAgICAgICAgIHBhZGRpbmc6ICc4cHggOHB4IDMycHgnLFxuICAgICAgICAgICAgcG9zaXRpb246ICdyZWxhdGl2ZScsXG4gICAgICAgICAgICBib3hTaXppbmc6ICdib3JkZXItYm94JyxcbiAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogJ3doaXRlJ1xuICAgICAgICAgIH0sXG4gICAgICAgICAgJy5hcC1wYXBlci1waG90by1zaGFkb3cnOiB7XG4gICAgICAgICAgICB0cmFuc2Zvcm06ICdyb3RhdGUoLTNkZWcpJyxcbiAgICAgICAgICAgIGJhY2tncm91bmQ6IGBub25lIHJlcGVhdCBzY3JvbGwgMCAwIHJnYmEoMCwgMCwgMCwgJHtzaGFkb3dEZW5zZX0pYCxcbiAgICAgICAgICAgIGJveFNoYWRvdzogYDAgJHtzaGFkb3dTaXplfXB4ICR7c2hhZG93U2l6ZX1weCByZ2JhKDAsIDAsIDAsICR7c2hhZG93RGVuc2V9KWAsXG4gICAgICAgICAgICBwb3NpdGlvbjogJ2Fic29sdXRlJyxcbiAgICAgICAgICAgIHRvcDogJ2F1dG8nLFxuICAgICAgICAgICAgYm90dG9tOiBgJHtzaGFkb3dTaXplfXB4YCxcbiAgICAgICAgICAgIHdpZHRoOiAnNTAlJyxcbiAgICAgICAgICAgIGhlaWdodDogYCR7c2hhZG93U2l6ZX1weGAsXG4gICAgICAgICAgICB6SW5kZXg6ICctMSdcbiAgICAgICAgICB9LFxuICAgICAgICAgICcuYXAtcGFwZXItcGhvdG8tc2hhZG93LXJpZ2h0Jzoge1xuICAgICAgICAgICAgdHJhbnNmb3JtOiAncm90YXRlKDNkZWcpJyxcbiAgICAgICAgICAgIGxlZnQ6ICdhdXRvJyxcbiAgICAgICAgICAgIHJpZ2h0OiBgJHtzaGFkb3dTaXplIC8gMn1weGBcbiAgICAgICAgICB9LFxuICAgICAgICAgICcuYXAtcGFwZXItcGhvdG8gLmFwLWltYWdlJzoge1xuICAgICAgICAgICAgYm9yZGVyOiAnMXB4IHNvbGlkICNFRUUnLFxuICAgICAgICAgICAgcG9zaXRpb246ICdyZWxhdGl2ZScsXG4gICAgICAgICAgICB6SW5kZXg6ICcxJ1xuICAgICAgICAgIH0sXG4gICAgICAgICAgJy5hcC1wYXBlci1waG90by10ZXh0Jzoge1xuICAgICAgICAgICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgICAgICAgICB6SW5kZXg6ICcyJ1xuICAgICAgICAgIH0sXG4gICAgICAgICAgJy5hcC1wYXBlci1waG90by5hcC1waG90by10YXBwYWJsZSc6IHtcbiAgICAgICAgICAgIGN1cnNvcjogJ3BvaW50ZXInXG4gICAgICAgICAgfSxcbiAgICAgICAgICAnLmFwLXBhcGVyLXBob3RvLmFwLXBob3RvLXRhcHBhYmxlOmhvdmVyJzoge30sXG4gICAgICAgICAgJy5hcC1wYXBlci1waG90by5hcC1waG90by10YXBwYWJsZTpob3ZlciAuYXAtcGFwZXItcGhvdG8tc2hhZG93Jzoge1xuICAgICAgICAgICAgYm94U2hhZG93OiBgMCAke3NoYWRvd1NpemUgKyAxfXB4ICR7c2hhZG93U2l6ZX1weCByZ2JhKDAsIDAsIDAsICR7c2hhZG93RGVuc2V9KWBcbiAgICAgICAgICB9LFxuICAgICAgICAgICcuYXAtcGFwZXItcGhvdG8uYXAtcGhvdG8tdGFwcGFibGU6YWN0aXZlJzoge1xuICAgICAgICAgICAgYm94U2hhZG93OiAnbm9uZSdcbiAgICAgICAgICB9LFxuICAgICAgICAgICcuYXAtcGFwZXItcGhvdG8uYXAtcGhvdG8tdGFwcGFibGU6YWN0aXZlIC5hcC1wYXBlci1waG90by1zaGFkb3cnOiB7XG4gICAgICAgICAgICBkaXNwbGF5OiAnbm9uZSdcbiAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG4gIH0sXG4gIHJlbmRlciAoKSB7XG4gICAgY29uc3QgcyA9IHRoaXNcbiAgICBsZXQgeyBwcm9wcyB9ID0gc1xuXG4gICAgbGV0IHsgYWxsLCBzbWFsbCwgbWVkaXVtLCBsYXJnZSB9ID0gQXBQYXBlclBob3RvU3R5bGUuc3R5bGVEYXRhKHByb3BzKVxuXG4gICAgcmV0dXJuIChcbiAgICAgIDxBcFN0eWxlIGRhdGE9eyBPYmplY3QuYXNzaWduKGFsbCwgcHJvcHMuc3R5bGUpIH1cbiAgICAgICAgICAgICAgIHNtYWxsTWVkaWFEYXRhPXsgc21hbGwgfVxuICAgICAgICAgICAgICAgbWVkaXVtTWVkaWFEYXRhPXsgbWVkaXVtIH1cbiAgICAgICAgICAgICAgIGxhcmdlTWVkaWFEYXRhPXsgbGFyZ2UgfVxuICAgICAgPnsgcHJvcHMuY2hpbGRyZW4gfTwvQXBTdHlsZT5cbiAgICApXG4gIH1cbn0pXG5cbmV4cG9ydCBkZWZhdWx0IEFwUGFwZXJQaG90b1N0eWxlXG4iXX0=