apeman-react-photo
Version:
apeman react package for photo components.
106 lines (94 loc) • 8.38 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: {}
};
},
render: function render() {
var s = this;
var props = s.props;
var shadowSize = 15;
var shadowDense = 0.33;
var data = {
'.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'
}
};
var smallMediaData = {};
var mediumMediaData = {};
var largeMediaData = {};
return _react2.default.createElement(
_apemanReactStyle.ApStyle,
{ data: Object.assign(data, props.style),
smallMediaData: smallMediaData,
mediumMediaData: mediumMediaData,
largeMediaData: largeMediaData
},
props.children
);
}
});
exports.default = ApPaperPhotoStyle;
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFwX3BhcGVyX3Bob3RvX3N0eWxlLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7OztBQUtBOzs7Ozs7QUFFQTs7OztBQUNBOzs7OztBQUdBLElBQUksb0JBQW9CLGdCQUFNLFdBQU4sQ0FBa0I7QUFBQTs7QUFDeEMsYUFBVztBQUNULFdBQU8saUJBQU07QUFESixHQUQ2QjtBQUl4QyxpQkFKd0MsNkJBSXJCO0FBQ2pCLFdBQU87QUFDTCxhQUFPO0FBREYsS0FBUDtBQUdELEdBUnVDO0FBU3hDLFFBVHdDLG9CQVM5QjtBQUNSLFFBQU0sSUFBSSxJQUFWO0FBRFEsUUFFRixLQUZFLEdBRVEsQ0FGUixDQUVGLEtBRkU7OztBQUlSLFFBQUksYUFBYSxFQUFqQjtBQUNBLFFBQUksY0FBYyxJQUFsQjs7QUFFQSxRQUFJLE9BQU87QUFDVCx5QkFBbUI7QUFDakIsaUJBQVMsY0FEUTtBQUVqQixtQkFBVyw4QkFGTTtBQUdqQixnQkFBUSxtQkFIUztBQUlqQixzQkFBYyxLQUpHO0FBS2pCLGlCQUFTLGNBTFE7QUFNakIsa0JBQVUsVUFOTztBQU9qQixtQkFBVyxZQVBNO0FBUWpCLHlCQUFpQjtBQVJBLE9BRFY7QUFXVCxnQ0FBMEI7QUFDeEIsbUJBQVcsZUFEYTtBQUV4Qiw4REFBb0QsV0FBcEQsTUFGd0I7QUFHeEIsMEJBQWdCLFVBQWhCLFdBQWdDLFVBQWhDLHlCQUE4RCxXQUE5RCxNQUh3QjtBQUl4QixrQkFBVSxVQUpjO0FBS3hCLGFBQUssTUFMbUI7QUFNeEIsZ0JBQVcsVUFBWCxPQU53QjtBQU94QixlQUFPLEtBUGlCO0FBUXhCLGdCQUFXLFVBQVgsT0FSd0I7QUFTeEIsZ0JBQVE7QUFUZ0IsT0FYakI7QUFzQlQsc0NBQWdDO0FBQzlCLG1CQUFXLGNBRG1CO0FBRTlCLGNBQU0sTUFGd0I7QUFHOUIsZUFBVSxhQUFhLENBQXZCO0FBSDhCLE9BdEJ2QjtBQTJCVCxtQ0FBNkI7QUFDM0IsZ0JBQVEsZ0JBRG1CO0FBRTNCLGtCQUFVLFVBRmlCO0FBRzNCLGdCQUFRO0FBSG1CLE9BM0JwQjtBQWdDVCw4QkFBd0I7QUFDdEIsa0JBQVUsVUFEWTtBQUV0QixnQkFBUTtBQUZjLE9BaENmO0FBb0NULDJDQUFxQztBQUNuQyxnQkFBUTtBQUQyQixPQXBDNUI7QUF1Q1QsaURBQTJDLEVBdkNsQztBQXdDVCx3RUFBa0U7QUFDaEUsMkJBQWdCLGFBQWEsQ0FBN0IsWUFBb0MsVUFBcEMseUJBQWtFLFdBQWxFO0FBRGdFLE9BeEN6RDtBQTJDVCxrREFBNEM7QUFDMUMsbUJBQVc7QUFEK0IsT0EzQ25DO0FBOENULHlFQUFtRTtBQUNqRSxpQkFBUztBQUR3RDtBQTlDMUQsS0FBWDtBQWtEQSxRQUFJLGlCQUFpQixFQUFyQjtBQUNBLFFBQUksa0JBQWtCLEVBQXRCO0FBQ0EsUUFBSSxpQkFBaUIsRUFBckI7QUFDQSxXQUNFO0FBQUE7TUFBQSxFQUFTLE1BQU8sT0FBTyxNQUFQLENBQWMsSUFBZCxFQUFvQixNQUFNLEtBQTFCLENBQWhCO0FBQ1Msd0JBQWlCLGNBRDFCO0FBRVMseUJBQWtCLGVBRjNCO0FBR1Msd0JBQWlCO0FBSDFCO01BSUcsTUFBTTtBQUpULEtBREY7QUFPRDtBQTVFdUMsQ0FBbEIsQ0FBeEI7O2tCQStFZSxpQiIsImZpbGUiOiJhcF9wYXBlcl9waG90b19zdHlsZS5qcyIsInNvdXJjZVJvb3QiOiIvVXNlcnMvb2t1bmlzaGluaXNoaS9Qcm9qZWN0cy9hcGVtYW4tcHJvamVjdHMvYXBlbWFuLXJlYWN0LXBob3RvL2xpYiIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogU3R5bGUgZm9yIEFwUGFwZXJQaG90by5cbiAqIEBjbGFzcyBBcFBhcGVyUGhvdG9TdHlsZVxuICovXG5cbid1c2Ugc3RyaWN0J1xuXG5pbXBvcnQgUmVhY3QsIHtQcm9wVHlwZXMgYXMgdHlwZXN9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHtBcFN0eWxlfSBmcm9tICdhcGVtYW4tcmVhY3Qtc3R5bGUnXG5cbi8qKiBAbGVuZHMgQXBQYXBlclBob3RvU3R5bGUgKi9cbmxldCBBcFBhcGVyUGhvdG9TdHlsZSA9IFJlYWN0LmNyZWF0ZUNsYXNzKHtcbiAgcHJvcFR5cGVzOiB7XG4gICAgc3R5bGU6IHR5cGVzLm9iamVjdFxuICB9LFxuICBnZXREZWZhdWx0UHJvcHMgKCkge1xuICAgIHJldHVybiB7XG4gICAgICBzdHlsZToge31cbiAgICB9XG4gIH0sXG4gIHJlbmRlciAoKSB7XG4gICAgY29uc3QgcyA9IHRoaXNcbiAgICBsZXQgeyBwcm9wcyB9ID0gc1xuXG4gICAgbGV0IHNoYWRvd1NpemUgPSAxNVxuICAgIGxldCBzaGFkb3dEZW5zZSA9IDAuMzNcblxuICAgIGxldCBkYXRhID0ge1xuICAgICAgJy5hcC1wYXBlci1waG90byc6IHtcbiAgICAgICAgZGlzcGxheTogJ2lubGluZS1ibG9jaycsXG4gICAgICAgIGJveFNoYWRvdzogJzFweCAxcHggMnB4IHJnYmEoMCwwLDAsMC4zMyknLFxuICAgICAgICBib3JkZXI6ICcxcHggc29saWQgI0UwRTBFMCcsXG4gICAgICAgIGJvcmRlclJhZGl1czogJzJweCcsXG4gICAgICAgIHBhZGRpbmc6ICc4cHggOHB4IDMycHgnLFxuICAgICAgICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcbiAgICAgICAgYm94U2l6aW5nOiAnYm9yZGVyLWJveCcsXG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogJ3doaXRlJ1xuICAgICAgfSxcbiAgICAgICcuYXAtcGFwZXItcGhvdG8tc2hhZG93Jzoge1xuICAgICAgICB0cmFuc2Zvcm06ICdyb3RhdGUoLTNkZWcpJyxcbiAgICAgICAgYmFja2dyb3VuZDogYG5vbmUgcmVwZWF0IHNjcm9sbCAwIDAgcmdiYSgwLCAwLCAwLCAke3NoYWRvd0RlbnNlfSlgLFxuICAgICAgICBib3hTaGFkb3c6IGAwICR7c2hhZG93U2l6ZX1weCAke3NoYWRvd1NpemV9cHggcmdiYSgwLCAwLCAwLCAke3NoYWRvd0RlbnNlfSlgLFxuICAgICAgICBwb3NpdGlvbjogJ2Fic29sdXRlJyxcbiAgICAgICAgdG9wOiAnYXV0bycsXG4gICAgICAgIGJvdHRvbTogYCR7c2hhZG93U2l6ZX1weGAsXG4gICAgICAgIHdpZHRoOiAnNTAlJyxcbiAgICAgICAgaGVpZ2h0OiBgJHtzaGFkb3dTaXplfXB4YCxcbiAgICAgICAgekluZGV4OiAnLTEnXG4gICAgICB9LFxuICAgICAgJy5hcC1wYXBlci1waG90by1zaGFkb3ctcmlnaHQnOiB7XG4gICAgICAgIHRyYW5zZm9ybTogJ3JvdGF0ZSgzZGVnKScsXG4gICAgICAgIGxlZnQ6ICdhdXRvJyxcbiAgICAgICAgcmlnaHQ6IGAke3NoYWRvd1NpemUgLyAyfXB4YFxuICAgICAgfSxcbiAgICAgICcuYXAtcGFwZXItcGhvdG8gLmFwLWltYWdlJzoge1xuICAgICAgICBib3JkZXI6ICcxcHggc29saWQgI0VFRScsXG4gICAgICAgIHBvc2l0aW9uOiAncmVsYXRpdmUnLFxuICAgICAgICB6SW5kZXg6ICcxJ1xuICAgICAgfSxcbiAgICAgICcuYXAtcGFwZXItcGhvdG8tdGV4dCc6IHtcbiAgICAgICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgICAgIHpJbmRleDogJzInXG4gICAgICB9LFxuICAgICAgJy5hcC1wYXBlci1waG90by5hcC1waG90by10YXBwYWJsZSc6IHtcbiAgICAgICAgY3Vyc29yOiAncG9pbnRlcidcbiAgICAgIH0sXG4gICAgICAnLmFwLXBhcGVyLXBob3RvLmFwLXBob3RvLXRhcHBhYmxlOmhvdmVyJzoge30sXG4gICAgICAnLmFwLXBhcGVyLXBob3RvLmFwLXBob3RvLXRhcHBhYmxlOmhvdmVyIC5hcC1wYXBlci1waG90by1zaGFkb3cnOiB7XG4gICAgICAgIGJveFNoYWRvdzogYDAgJHtzaGFkb3dTaXplICsgMX1weCAke3NoYWRvd1NpemV9cHggcmdiYSgwLCAwLCAwLCAke3NoYWRvd0RlbnNlfSlgXG4gICAgICB9LFxuICAgICAgJy5hcC1wYXBlci1waG90by5hcC1waG90by10YXBwYWJsZTphY3RpdmUnOiB7XG4gICAgICAgIGJveFNoYWRvdzogJ25vbmUnXG4gICAgICB9LFxuICAgICAgJy5hcC1wYXBlci1waG90by5hcC1waG90by10YXBwYWJsZTphY3RpdmUgLmFwLXBhcGVyLXBob3RvLXNoYWRvdyc6IHtcbiAgICAgICAgZGlzcGxheTogJ25vbmUnXG4gICAgICB9XG4gICAgfVxuICAgIGxldCBzbWFsbE1lZGlhRGF0YSA9IHt9XG4gICAgbGV0IG1lZGl1bU1lZGlhRGF0YSA9IHt9XG4gICAgbGV0IGxhcmdlTWVkaWFEYXRhID0ge31cbiAgICByZXR1cm4gKFxuICAgICAgPEFwU3R5bGUgZGF0YT17IE9iamVjdC5hc3NpZ24oZGF0YSwgcHJvcHMuc3R5bGUpIH1cbiAgICAgICAgICAgICAgIHNtYWxsTWVkaWFEYXRhPXsgc21hbGxNZWRpYURhdGEgfVxuICAgICAgICAgICAgICAgbWVkaXVtTWVkaWFEYXRhPXsgbWVkaXVtTWVkaWFEYXRhIH1cbiAgICAgICAgICAgICAgIGxhcmdlTWVkaWFEYXRhPXsgbGFyZ2VNZWRpYURhdGEgfVxuICAgICAgPnsgcHJvcHMuY2hpbGRyZW4gfTwvQXBTdHlsZT5cbiAgICApXG4gIH1cbn0pXG5cbmV4cG9ydCBkZWZhdWx0IEFwUGFwZXJQaG90b1N0eWxlO1xuIl19