1 | 'use strict';
|
2 |
|
3 | exports.__esModule = true;
|
4 | exports.default = undefined;
|
5 |
|
6 | var _extends2 = require('babel-runtime/helpers/extends');
|
7 |
|
8 | var _extends3 = _interopRequireDefault(_extends2);
|
9 |
|
10 | var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
|
11 |
|
12 | var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
|
13 |
|
14 | var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
|
15 |
|
16 | var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
|
17 |
|
18 | var _inherits2 = require('babel-runtime/helpers/inherits');
|
19 |
|
20 | var _inherits3 = _interopRequireDefault(_inherits2);
|
21 |
|
22 | var _class, _temp;
|
23 |
|
24 |
|
25 | var _react = require('react');
|
26 |
|
27 | var _react2 = _interopRequireDefault(_react);
|
28 |
|
29 | var _propTypes = require('prop-types');
|
30 |
|
31 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
32 |
|
33 | var _classnames = require('classnames');
|
34 |
|
35 | var _classnames2 = _interopRequireDefault(_classnames);
|
36 |
|
37 | var _configProvider = require('../config-provider');
|
38 |
|
39 | var _configProvider2 = _interopRequireDefault(_configProvider);
|
40 |
|
41 | var _bulletHeader = require('./bullet-header');
|
42 |
|
43 | var _bulletHeader2 = _interopRequireDefault(_bulletHeader);
|
44 |
|
45 | var _collapseContent = require('./collapse-content');
|
46 |
|
47 | var _collapseContent2 = _interopRequireDefault(_collapseContent);
|
48 |
|
49 | var _media = require('./media');
|
50 |
|
51 | var _media2 = _interopRequireDefault(_media);
|
52 |
|
53 | var _actions = require('./actions');
|
54 |
|
55 | var _actions2 = _interopRequireDefault(_actions);
|
56 |
|
57 | var _util = require('../util');
|
58 |
|
59 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
60 |
|
61 | var pickOthers = _util.obj.pickOthers;
|
62 |
|
63 |
|
64 |
|
65 |
|
66 |
|
67 |
|
68 | var Card = (_temp = _class = function (_React$Component) {
|
69 | (0, _inherits3.default)(Card, _React$Component);
|
70 |
|
71 | function Card() {
|
72 | (0, _classCallCheck3.default)(this, Card);
|
73 | return (0, _possibleConstructorReturn3.default)(this, _React$Component.apply(this, arguments));
|
74 | }
|
75 |
|
76 | Card.prototype.render = function render() {
|
77 | var _classNames;
|
78 |
|
79 | var _props = this.props,
|
80 | prefix = _props.prefix,
|
81 | className = _props.className,
|
82 | title = _props.title,
|
83 | subTitle = _props.subTitle,
|
84 | extra = _props.extra,
|
85 | showTitleBullet = _props.showTitleBullet,
|
86 | showHeadDivider = _props.showHeadDivider,
|
87 | children = _props.children,
|
88 | rtl = _props.rtl,
|
89 | contentHeight = _props.contentHeight,
|
90 | free = _props.free,
|
91 | actions = _props.actions,
|
92 | hasBorder = _props.hasBorder,
|
93 | media = _props.media;
|
94 |
|
95 |
|
96 | var cardCls = (0, _classnames2.default)((_classNames = {}, _classNames[prefix + 'card'] = true, _classNames[prefix + 'card-free'] = free, _classNames[prefix + 'card-noborder'] = !hasBorder, _classNames[prefix + 'card-show-divider'] = showHeadDivider, _classNames[prefix + 'card-hide-divider'] = !showHeadDivider, _classNames), className);
|
97 |
|
98 | var others = pickOthers(Object.keys(Card.propTypes), this.props);
|
99 |
|
100 | others.dir = rtl ? 'rtl' : undefined;
|
101 |
|
102 | return _react2.default.createElement(
|
103 | 'div',
|
104 | (0, _extends3.default)({}, others, { className: cardCls }),
|
105 | media && _react2.default.createElement(
|
106 | _media2.default,
|
107 | null,
|
108 | media
|
109 | ),
|
110 | _react2.default.createElement(_bulletHeader2.default, { title: title, subTitle: subTitle, extra: extra, showTitleBullet: showTitleBullet }),
|
111 | free ? children : _react2.default.createElement(
|
112 | _collapseContent2.default,
|
113 | { contentHeight: contentHeight },
|
114 | children
|
115 | ),
|
116 | actions && _react2.default.createElement(
|
117 | _actions2.default,
|
118 | null,
|
119 | actions
|
120 | )
|
121 | );
|
122 | };
|
123 |
|
124 | return Card;
|
125 | }(_react2.default.Component), _class.displayName = 'Card', _class.propTypes = (0, _extends3.default)({}, _configProvider2.default.propTypes, {
|
126 | prefix: _propTypes2.default.string,
|
127 | rtl: _propTypes2.default.bool,
|
128 | |
129 |
|
130 |
|
131 | media: _propTypes2.default.node,
|
132 | |
133 |
|
134 |
|
135 | title: _propTypes2.default.node,
|
136 | |
137 |
|
138 |
|
139 | subTitle: _propTypes2.default.node,
|
140 | |
141 |
|
142 |
|
143 | actions: _propTypes2.default.node,
|
144 | |
145 |
|
146 |
|
147 | showTitleBullet: _propTypes2.default.bool,
|
148 | |
149 |
|
150 |
|
151 | showHeadDivider: _propTypes2.default.bool,
|
152 | |
153 |
|
154 |
|
155 | contentHeight: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.number]),
|
156 | |
157 |
|
158 |
|
159 | extra: _propTypes2.default.node,
|
160 | |
161 |
|
162 |
|
163 | free: _propTypes2.default.bool,
|
164 | |
165 |
|
166 |
|
167 |
|
168 | hasBorder: _propTypes2.default.bool,
|
169 | className: _propTypes2.default.string,
|
170 | children: _propTypes2.default.node
|
171 | }), _class.defaultProps = {
|
172 | prefix: 'next-',
|
173 | free: false,
|
174 | showTitleBullet: true,
|
175 | showHeadDivider: true,
|
176 | hasBorder: true,
|
177 | contentHeight: 120
|
178 | }, _temp);
|
179 | Card.displayName = 'Card';
|
180 | exports.default = Card;
|
181 | module.exports = exports['default']; |
\ | No newline at end of file |