UNPKG

12.7 kBJavaScriptView Raw
1/**
2 * Style for ApDialog.
3 * @constructor ApDialogStyle
4 */
5
6'use strict';
7
8var _react = require('react');
9
10var _react2 = _interopRequireDefault(_react);
11
12var _apemanReactStyle = require('apeman-react-style');
13
14function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
16/** @lends ApDialogStyle */
17var ApDialogStyle = _react2.default.createClass({
18 displayName: 'ApDialogStyle',
19
20 propTypes: {
21 scoped: _react.PropTypes.bool,
22 style: _react.PropTypes.object,
23 headerHeight: _react.PropTypes.number
24 },
25 getDefaultProps: function getDefaultProps() {
26 return {
27 scoped: false,
28 style: {},
29 headerHeight: 44
30 };
31 },
32 render: function render() {
33 var s = this;
34 var props = s.props;
35
36 var headerHeight = props.headerHeight;
37
38 var data = {
39 '.ap-dialog': {
40 display: 'none',
41 backgroundColor: 'transparent',
42 position: 'fixed',
43 left: 0,
44 right: 0,
45 bottom: 0,
46 top: 0,
47 zIndex: 99
48 },
49 '.ap-dialog-back': {
50 backgroundColor: 'rgba(0,0,0,0.1)',
51 position: 'absolute',
52 left: 0,
53 right: 0,
54 bottom: 0,
55 top: 0,
56 zIndex: 1
57 },
58 '.ap-dialog-back-inner': {
59 width: '100%',
60 height: '100%',
61 boxSizing: 'border-box',
62 display: 'block'
63 },
64 '.ap-dialog-present': {
65 display: 'block'
66 },
67 '.ap-dialog-inner': {
68 height: '100%',
69 width: '100%',
70 boxSizing: 'border-box',
71 position: 'relative',
72 padding: '36px 24px',
73 zIndex: 4,
74 justifyContent: 'center',
75 flexDirection: 'column'
76 },
77 '.ap-dialog-content': {
78 overflow: 'auto',
79 zIndex: 8,
80 margin: '0 auto',
81 height: 'auto',
82 backgroundColor: '#FFF',
83 border: '1px solid #E0E0E0',
84 borderRadius: '8px',
85 minHeight: '240px',
86 maxWidth: '640px',
87 width: '100%',
88 boxSizing: 'border-box',
89 position: 'relative'
90 },
91 '.ap-dialog-title': {
92 lineHeight: headerHeight + 'px',
93 margin: 0,
94 padding: 0,
95 fontWeight: 'normal'
96 },
97 '.ap-dialog-close-button': {
98 position: 'absolute',
99 top: 0,
100 right: 0,
101 padding: '0 16px',
102 fontSize: '16px',
103 lineHeight: headerHeight + 'px',
104 display: 'inline-block',
105 cursor: 'pointer',
106 zIndex: 44
107 },
108 '.ap-dialog-close-button:hover': {
109 opacity: 0.9
110 },
111 '.ap-dialog-close-button:active': {
112 opacity: 0.6
113 },
114 '.ap-dialog-close-button-icon': {
115 lineHeight: headerHeight + 'px'
116 },
117 '.ap-dialog-header': {
118 display: 'block',
119 position: 'absolute',
120 zIndex: 2,
121 textAlign: 'center',
122 top: 0,
123 left: 0,
124 right: 0,
125 height: headerHeight + 'px',
126 lineHeight: headerHeight + 'px',
127 boxSizing: 'border-box',
128 borderBottom: '1px solid #F5F5F5',
129 backgroundColor: 'rgba(255,255,255,0.9)'
130 },
131 '.ap-dialog-body': {
132 padding: headerHeight + 8 + 'px 16px 8px',
133 boxSizing: 'border-box',
134 maxHeight: '100%',
135 height: 'auto',
136 width: '100%',
137 overflow: 'auto'
138 },
139 '.ap-dialog-fix': {
140 overflow: 'hidden !important'
141 },
142 '.ap-dialog-spinner': {
143 position: 'absolute',
144 background: '' + _apemanReactStyle.ApStyle.COVER_BACKGROUND,
145 left: 0,
146 top: 0,
147 right: 0,
148 bottom: 0,
149 zIndex: 99
150 }
151 },
152 smallMediaData = {},
153 mediumMediaData = {},
154 largeMediaData = {};
155 return _react2.default.createElement(
156 _apemanReactStyle.ApStyle,
157 { scoped: props.scoped,
158 data: Object.assign(data, props.style),
159 smallMediaData: smallMediaData,
160 mediumMediaData: mediumMediaData,
161 largeMediaData: largeMediaData
162 },
163 props.children
164 );
165 }
166});
167
168module.exports = ApDialogStyle;
169//# sourceMappingURL=data:application/json;base64,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Q0FBUDtBQUNBLGdCQUFRLENBQVI7QUFDQSxnQkFBUSxFQUFSO09BUEY7S0F4R0E7UUFrSEYsaUJBQWlCLEVBQWpCO1FBQ0Esa0JBQWtCLEVBQWxCO1FBQ0EsaUJBQWlCLEVBQWpCLENBMUhNO0FBMkhSLFdBQ0U7O1FBQVMsUUFBUyxNQUFNLE1BQU47QUFDVCxjQUFPLE9BQU8sTUFBUCxDQUFjLElBQWQsRUFBb0IsTUFBTSxLQUFOLENBQTNCO0FBQ0Esd0JBQWlCLGNBQWpCO0FBQ0EseUJBQWtCLGVBQWxCO0FBQ0Esd0JBQWlCLGNBQWpCO09BSlQ7TUFLRyxNQUFNLFFBQU47S0FOTCxDQTNIUTtHQWI0QjtDQUFsQixDQUFoQjs7QUFtSk4sT0FBTyxPQUFQLEdBQWlCLGFBQWpCIiwiZmlsZSI6ImFwX2RpYWxvZ19zdHlsZS5qcyIsInNvdXJjZVJvb3QiOiIvVXNlcnMvb2t1bmlzaGluaXNoaS9Qcm9qZWN0cy9hcGVtYW4tcHJvamVjdHMvYXBlbWFuLXJlYWN0LWRpYWxvZy9saWIiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIFN0eWxlIGZvciBBcERpYWxvZy5cbiAqIEBjb25zdHJ1Y3RvciBBcERpYWxvZ1N0eWxlXG4gKi9cblxuJ3VzZSBzdHJpY3QnXG5cbmltcG9ydCBSZWFjdCwge1Byb3BUeXBlcyBhcyB0eXBlc30gZnJvbSAncmVhY3QnXG5pbXBvcnQge0FwU3R5bGV9IGZyb20gJ2FwZW1hbi1yZWFjdC1zdHlsZSdcblxuLyoqIEBsZW5kcyBBcERpYWxvZ1N0eWxlICovXG5jb25zdCBBcERpYWxvZ1N0eWxlID0gUmVhY3QuY3JlYXRlQ2xhc3Moe1xuICBwcm9wVHlwZXM6IHtcbiAgICBzY29wZWQ6IHR5cGVzLmJvb2wsXG4gICAgc3R5bGU6IHR5cGVzLm9iamVjdCxcbiAgICBoZWFkZXJIZWlnaHQ6IHR5cGVzLm51bWJlclxuICB9LFxuICBnZXREZWZhdWx0UHJvcHMgKCkge1xuICAgIHJldHVybiB7XG4gICAgICBzY29wZWQ6IGZhbHNlLFxuICAgICAgc3R5bGU6IHt9LFxuICAgICAgaGVhZGVySGVpZ2h0OiA0NFxuICAgIH1cbiAgfSxcbiAgcmVuZGVyICgpIHtcbiAgICBjb25zdCBzID0gdGhpcyxcbiAgICAgIHtwcm9wc30gPSBzO1xuXG4gICAgbGV0IGhlYWRlckhlaWdodCA9IHByb3BzLmhlYWRlckhlaWdodDtcblxuICAgIGxldCBkYXRhID0ge1xuICAgICAgICAnLmFwLWRpYWxvZyc6IHtcbiAgICAgICAgICBkaXNwbGF5OiBgbm9uZWAsXG4gICAgICAgICAgYmFja2dyb3VuZENvbG9yOiBgdHJhbnNwYXJlbnRgLFxuICAgICAgICAgIHBvc2l0aW9uOiBgZml4ZWRgLFxuICAgICAgICAgIGxlZnQ6IDAsXG4gICAgICAgICAgcmlnaHQ6IDAsXG4gICAgICAgICAgYm90dG9tOiAwLFxuICAgICAgICAgIHRvcDogMCxcbiAgICAgICAgICB6SW5kZXg6IDk5XG4gICAgICAgIH0sXG4gICAgICAgICcuYXAtZGlhbG9nLWJhY2snOiB7XG4gICAgICAgICAgYmFja2dyb3VuZENvbG9yOiBgcmdiYSgwLDAsMCwwLjEpYCxcbiAgICAgICAgICBwb3NpdGlvbjogYGFic29sdXRlYCxcbiAgICAgICAgICBsZWZ0OiAwLFxuICAgICAgICAgIHJpZ2h0OiAwLFxuICAgICAgICAgIGJvdHRvbTogMCxcbiAgICAgICAgICB0b3A6IDAsXG4gICAgICAgICAgekluZGV4OiAxXG4gICAgICAgIH0sXG4gICAgICAgICcuYXAtZGlhbG9nLWJhY2staW5uZXInOiB7XG4gICAgICAgICAgd2lkdGg6IGAxMDAlYCxcbiAgICAgICAgICBoZWlnaHQ6IGAxMDAlYCxcbiAgICAgICAgICBib3hTaXppbmc6IGBib3JkZXItYm94YCxcbiAgICAgICAgICBkaXNwbGF5OiBgYmxvY2tgXG4gICAgICAgIH0sXG4gICAgICAgICcuYXAtZGlhbG9nLXByZXNlbnQnOiB7XG4gICAgICAgICAgZGlzcGxheTogYGJsb2NrYFxuICAgICAgICB9LFxuICAgICAgICAnLmFwLWRpYWxvZy1pbm5lcic6IHtcbiAgICAgICAgICBoZWlnaHQ6IGAxMDAlYCxcbiAgICAgICAgICB3aWR0aDogYDEwMCVgLFxuICAgICAgICAgIGJveFNpemluZzogYGJvcmRlci1ib3hgLFxuICAgICAgICAgIHBvc2l0aW9uOiBgcmVsYXRpdmVgLFxuICAgICAgICAgIHBhZGRpbmc6IGAzNnB4IDI0cHhgLFxuICAgICAgICAgIHpJbmRleDogNCxcbiAgICAgICAgICBqdXN0aWZ5Q29udGVudDogYGNlbnRlcmAsXG4gICAgICAgICAgZmxleERpcmVjdGlvbjogYGNvbHVtbmBcbiAgICAgICAgfSxcbiAgICAgICAgJy5hcC1kaWFsb2ctY29udGVudCc6IHtcbiAgICAgICAgICBvdmVyZmxvdzogYGF1dG9gLFxuICAgICAgICAgIHpJbmRleDogOCxcbiAgICAgICAgICBtYXJnaW46IGAwIGF1dG9gLFxuICAgICAgICAgIGhlaWdodDogYGF1dG9gLFxuICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogYCNGRkZgLFxuICAgICAgICAgIGJvcmRlcjogYDFweCBzb2xpZCAjRTBFMEUwYCxcbiAgICAgICAgICBib3JkZXJSYWRpdXM6IGA4cHhgLFxuICAgICAgICAgIG1pbkhlaWdodDogYDI0MHB4YCxcbiAgICAgICAgICBtYXhXaWR0aDogYDY0MHB4YCxcbiAgICAgICAgICB3aWR0aDogYDEwMCVgLFxuICAgICAgICAgIGJveFNpemluZzogYGJvcmRlci1ib3hgLFxuICAgICAgICAgIHBvc2l0aW9uOiBgcmVsYXRpdmVgXG4gICAgICAgIH0sXG4gICAgICAgICcuYXAtZGlhbG9nLXRpdGxlJzoge1xuICAgICAgICAgIGxpbmVIZWlnaHQ6IGAke2hlYWRlckhlaWdodH1weGAsXG4gICAgICAgICAgbWFyZ2luOiAwLFxuICAgICAgICAgIHBhZGRpbmc6IDAsXG4gICAgICAgICAgZm9udFdlaWdodDogYG5vcm1hbGBcbiAgICAgICAgfSxcbiAgICAgICAgJy5hcC1kaWFsb2ctY2xvc2UtYnV0dG9uJzoge1xuICAgICAgICAgIHBvc2l0aW9uOiBgYWJzb2x1dGVgLFxuICAgICAgICAgIHRvcDogMCxcbiAgICAgICAgICByaWdodDogMCxcbiAgICAgICAgICBwYWRkaW5nOiBgMCAxNnB4YCxcbiAgICAgICAgICBmb250U2l6ZTogYDE2cHhgLFxuICAgICAgICAgIGxpbmVIZWlnaHQ6IGAke2hlYWRlckhlaWdodH1weGAsXG4gICAgICAgICAgZGlzcGxheTogYGlubGluZS1ibG9ja2AsXG4gICAgICAgICAgY3Vyc29yOiBgcG9pbnRlcmAsXG4gICAgICAgICAgekluZGV4OiA0NFxuICAgICAgICB9LFxuICAgICAgICAnLmFwLWRpYWxvZy1jbG9zZS1idXR0b246aG92ZXInOiB7XG4gICAgICAgICAgb3BhY2l0eTogMC45XG4gICAgICAgIH0sXG4gICAgICAgICcuYXAtZGlhbG9nLWNsb3NlLWJ1dHRvbjphY3RpdmUnOiB7XG4gICAgICAgICAgb3BhY2l0eTogMC42XG4gICAgICAgIH0sXG4gICAgICAgICcuYXAtZGlhbG9nLWNsb3NlLWJ1dHRvbi1pY29uJzoge1xuICAgICAgICAgIGxpbmVIZWlnaHQ6IGAke2hlYWRlckhlaWdodH1weGBcbiAgICAgICAgfSxcbiAgICAgICAgJy5hcC1kaWFsb2ctaGVhZGVyJzoge1xuICAgICAgICAgIGRpc3BsYXk6IGBibG9ja2AsXG4gICAgICAgICAgcG9zaXRpb246IGBhYnNvbHV0ZWAsXG4gICAgICAgICAgekluZGV4OiAyLFxuICAgICAgICAgIHRleHRBbGlnbjogYGNlbnRlcmAsXG4gICAgICAgICAgdG9wOiAwLFxuICAgICAgICAgIGxlZnQ6IDAsXG4gICAgICAgICAgcmlnaHQ6IDAsXG4gICAgICAgICAgaGVpZ2h0OiBgJHtoZWFkZXJIZWlnaHR9cHhgLFxuICAgICAgICAgIGxpbmVIZWlnaHQ6IGAke2hlYWRlckhlaWdodH1weGAsXG4gICAgICAgICAgYm94U2l6aW5nOiBgYm9yZGVyLWJveGAsXG4gICAgICAgICAgYm9yZGVyQm90dG9tOiBgMXB4IHNvbGlkICNGNUY1RjVgLFxuICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogYHJnYmEoMjU1LDI1NSwyNTUsMC45KWBcbiAgICAgICAgfSxcbiAgICAgICAgJy5hcC1kaWFsb2ctYm9keSc6IHtcbiAgICAgICAgICBwYWRkaW5nOiBgJHtoZWFkZXJIZWlnaHQgKyA4fXB4IDE2cHggOHB4YCxcbiAgICAgICAgICBib3hTaXppbmc6IGBib3JkZXItYm94YCxcbiAgICAgICAgICBtYXhIZWlnaHQ6IGAxMDAlYCxcbiAgICAgICAgICBoZWlnaHQ6IGBhdXRvYCxcbiAgICAgICAgICB3aWR0aDogYDEwMCVgLFxuICAgICAgICAgIG92ZXJmbG93OiBgYXV0b2BcbiAgICAgICAgfSxcbiAgICAgICAgJy5hcC1kaWFsb2ctZml4Jzoge1xuICAgICAgICAgIG92ZXJmbG93OiBgaGlkZGVuICFpbXBvcnRhbnRgXG4gICAgICAgIH0sXG4gICAgICAgICcuYXAtZGlhbG9nLXNwaW5uZXInOiB7XG4gICAgICAgICAgcG9zaXRpb246IGBhYnNvbHV0ZWAsXG4gICAgICAgICAgYmFja2dyb3VuZDogYCR7QXBTdHlsZS5DT1ZFUl9CQUNLR1JPVU5EfWAsXG4gICAgICAgICAgbGVmdDogMCxcbiAgICAgICAgICB0b3A6IDAsXG4gICAgICAgICAgcmlnaHQ6IDAsXG4gICAgICAgICAgYm90dG9tOiAwLFxuICAgICAgICAgIHpJbmRleDogOTlcbiAgICAgICAgfVxuICAgICAgfSxcbiAgICAgIHNtYWxsTWVkaWFEYXRhID0ge30sXG4gICAgICBtZWRpdW1NZWRpYURhdGEgPSB7fSxcbiAgICAgIGxhcmdlTWVkaWFEYXRhID0ge31cbiAgICByZXR1cm4gKFxuICAgICAgPEFwU3R5bGUgc2NvcGVkPXsgcHJvcHMuc2NvcGVkIH1cbiAgICAgICAgICAgICAgIGRhdGE9eyBPYmplY3QuYXNzaWduKGRhdGEsIHByb3BzLnN0eWxlKSB9XG4gICAgICAgICAgICAgICBzbWFsbE1lZGlhRGF0YT17IHNtYWxsTWVkaWFEYXRhIH1cbiAgICAgICAgICAgICAgIG1lZGl1bU1lZGlhRGF0YT17IG1lZGl1bU1lZGlhRGF0YSB9XG4gICAgICAgICAgICAgICBsYXJnZU1lZGlhRGF0YT17IGxhcmdlTWVkaWFEYXRhIH1cbiAgICAgID57IHByb3BzLmNoaWxkcmVuIH08L0FwU3R5bGU+XG4gICAgKVxuICB9XG59KVxuXG5tb2R1bGUuZXhwb3J0cyA9IEFwRGlhbG9nU3R5bGU7XG4iXX0=
\No newline at end of file