1 | 'use strict';
|
2 |
|
3 | exports.__esModule = true;
|
4 |
|
5 | var _extends2 = require('babel-runtime/helpers/extends');
|
6 |
|
7 | var _extends3 = _interopRequireDefault(_extends2);
|
8 |
|
9 | var _objectWithoutProperties2 = require('babel-runtime/helpers/objectWithoutProperties');
|
10 |
|
11 | var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
|
12 |
|
13 | var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
|
14 |
|
15 | var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
|
16 |
|
17 | var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
|
18 |
|
19 | var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
|
20 |
|
21 | var _inherits2 = require('babel-runtime/helpers/inherits');
|
22 |
|
23 | var _inherits3 = _interopRequireDefault(_inherits2);
|
24 |
|
25 | var _class, _temp;
|
26 |
|
27 | var _react = require('react');
|
28 |
|
29 | var _react2 = _interopRequireDefault(_react);
|
30 |
|
31 | var _propTypes = require('prop-types');
|
32 |
|
33 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
34 |
|
35 | var _classnames = require('classnames');
|
36 |
|
37 | var _classnames2 = _interopRequireDefault(_classnames);
|
38 |
|
39 | var _reactLifecyclesCompat = require('react-lifecycles-compat');
|
40 |
|
41 | var _loading = require('../loading');
|
42 |
|
43 | var _loading2 = _interopRequireDefault(_loading);
|
44 |
|
45 | var _zhCn = require('../locale/zh-cn');
|
46 |
|
47 | var _zhCn2 = _interopRequireDefault(_zhCn);
|
48 |
|
49 | var _configProvider = require('../config-provider');
|
50 |
|
51 | var _configProvider2 = _interopRequireDefault(_configProvider);
|
52 |
|
53 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
54 |
|
55 |
|
56 |
|
57 |
|
58 | var List = (_temp = _class = function (_Component) {
|
59 | (0, _inherits3.default)(List, _Component);
|
60 |
|
61 | function List() {
|
62 | (0, _classCallCheck3.default)(this, List);
|
63 | return (0, _possibleConstructorReturn3.default)(this, _Component.apply(this, arguments));
|
64 | }
|
65 |
|
66 | List.prototype.render = function render() {
|
67 | var _classNames;
|
68 |
|
69 | var _props = this.props,
|
70 | prefix = _props.prefix,
|
71 | header = _props.header,
|
72 | footer = _props.footer,
|
73 | size = _props.size,
|
74 | divider = _props.divider,
|
75 | className = _props.className,
|
76 | children = _props.children,
|
77 | rtl = _props.rtl,
|
78 | dataSource = _props.dataSource,
|
79 | renderItem = _props.renderItem,
|
80 | locale = _props.locale,
|
81 | loading = _props.loading,
|
82 | _props$loadingCompone = _props.loadingComponent,
|
83 | LoadingComponent = _props$loadingCompone === undefined ? _loading2.default : _props$loadingCompone,
|
84 | emptyContent = _props.emptyContent,
|
85 | others = (0, _objectWithoutProperties3.default)(_props, ['prefix', 'header', 'footer', 'size', 'divider', 'className', 'children', 'rtl', 'dataSource', 'renderItem', 'locale', 'loading', 'loadingComponent', 'emptyContent']);
|
86 |
|
87 |
|
88 | if (rtl) {
|
89 | others.dir = 'rtl';
|
90 | }
|
91 |
|
92 | var dSValid = Array.isArray(dataSource);
|
93 |
|
94 | var classes = (0, _classnames2.default)(prefix + 'list', (_classNames = {}, _classNames[prefix + 'list-' + size] = size, _classNames[prefix + 'list-divider'] = divider, _classNames), className);
|
95 |
|
96 | var customContent = dSValid && dataSource.map(function (one, index) {
|
97 | return renderItem(one, index);
|
98 | });
|
99 |
|
100 | var content = _react2.default.createElement(
|
101 | 'div',
|
102 | (0, _extends3.default)({}, others, { className: classes }),
|
103 | header ? _react2.default.createElement(
|
104 | 'div',
|
105 | { className: prefix + 'list-header' },
|
106 | header
|
107 | ) : null,
|
108 | !(dSValid && dataSource.length > 0) && !children ? _react2.default.createElement(
|
109 | 'div',
|
110 | { className: prefix + 'list-empty' },
|
111 | emptyContent || locale.empty
|
112 | ) : _react2.default.createElement(
|
113 | 'ul',
|
114 | { key: 'list-body', className: prefix + 'list-items' },
|
115 | customContent,
|
116 | children
|
117 | ),
|
118 | footer ? _react2.default.createElement(
|
119 | 'div',
|
120 | { className: prefix + 'list-footer' },
|
121 | footer
|
122 | ) : null
|
123 | );
|
124 |
|
125 | if (loading) {
|
126 | var loadingClassName = prefix + 'list-loading';
|
127 | return _react2.default.createElement(
|
128 | LoadingComponent,
|
129 | { className: loadingClassName },
|
130 | content
|
131 | );
|
132 | }
|
133 |
|
134 | return content;
|
135 | };
|
136 |
|
137 | return List;
|
138 | }(_react.Component), _class.propTypes = {
|
139 | prefix: _propTypes2.default.string,
|
140 | rtl: _propTypes2.default.bool,
|
141 | |
142 |
|
143 |
|
144 | header: _propTypes2.default.node,
|
145 | |
146 |
|
147 |
|
148 | footer: _propTypes2.default.node,
|
149 | |
150 |
|
151 |
|
152 | size: _propTypes2.default.oneOf(['medium', 'small']),
|
153 | |
154 |
|
155 |
|
156 | divider: _propTypes2.default.bool,
|
157 | |
158 |
|
159 |
|
160 | dataSource: _propTypes2.default.array,
|
161 | |
162 |
|
163 |
|
164 |
|
165 |
|
166 | renderItem: _propTypes2.default.func,
|
167 | |
168 |
|
169 |
|
170 | loading: _propTypes2.default.bool,
|
171 | |
172 |
|
173 |
|
174 |
|
175 |
|
176 |
|
177 | loadingComponent: _propTypes2.default.func,
|
178 | |
179 |
|
180 |
|
181 | emptyContent: _propTypes2.default.node,
|
182 | className: _propTypes2.default.string,
|
183 | children: _propTypes2.default.any,
|
184 | locale: _propTypes2.default.object
|
185 | }, _class.defaultProps = {
|
186 | rtl: false,
|
187 | size: 'medium',
|
188 | divider: true,
|
189 | prefix: 'next-',
|
190 | locale: _zhCn2.default.List,
|
191 | renderItem: function renderItem(item) {
|
192 | return item;
|
193 | },
|
194 | loading: false
|
195 | }, _temp);
|
196 | List.displayName = 'List';
|
197 | exports.default = _configProvider2.default.config((0, _reactLifecyclesCompat.polyfill)(List));
|
198 | module.exports = exports['default']; |
\ | No newline at end of file |