|
115 | 115 |
|
116 | 116 | var _this = _possibleConstructorReturn(this, (ReactList.__proto__ || Object.getPrototypeOf(ReactList)).call(this, props)); |
117 | 117 |
|
118 | | - var _this$props = _this.props; |
119 | | - var initialIndex = _this$props.initialIndex; |
120 | | - var pageSize = _this$props.pageSize; |
| 118 | + var _this$props = _this.props, |
| 119 | + initialIndex = _this$props.initialIndex, |
| 120 | + pageSize = _this$props.pageSize; |
121 | 121 |
|
122 | 122 | var itemsPerRow = 1; |
123 | 123 |
|
124 | | - var _this$constrain = _this.constrain(initialIndex, pageSize, itemsPerRow, _this.props); |
125 | | - |
126 | | - var from = _this$constrain.from; |
127 | | - var size = _this$constrain.size; |
| 124 | + var _this$constrain = _this.constrain(initialIndex, pageSize, itemsPerRow, _this.props), |
| 125 | + from = _this$constrain.from, |
| 126 | + size = _this$constrain.size; |
128 | 127 |
|
129 | 128 | _this.state = { from: from, size: size, itemsPerRow: itemsPerRow }; |
130 | 129 | _this.cache = {}; |
|
134 | 133 | _createClass(ReactList, [{ |
135 | 134 | key: 'componentWillReceiveProps', |
136 | 135 | value: function componentWillReceiveProps(next) { |
137 | | - var _state = this.state; |
138 | | - var from = _state.from; |
139 | | - var size = _state.size; |
140 | | - var itemsPerRow = _state.itemsPerRow; |
| 136 | + var _state = this.state, |
| 137 | + from = _state.from, |
| 138 | + size = _state.size, |
| 139 | + itemsPerRow = _state.itemsPerRow; |
141 | 140 |
|
142 | 141 | this.maybeSetState(this.constrain(from, size, itemsPerRow, next), NOOP); |
143 | 142 | } |
|
183 | 182 | }, { |
184 | 183 | key: 'getScrollParent', |
185 | 184 | value: function getScrollParent() { |
186 | | - var _props = this.props; |
187 | | - var axis = _props.axis; |
188 | | - var scrollParentGetter = _props.scrollParentGetter; |
| 185 | + var _props = this.props, |
| 186 | + axis = _props.axis, |
| 187 | + scrollParentGetter = _props.scrollParentGetter; |
189 | 188 |
|
190 | 189 | if (scrollParentGetter) return scrollParentGetter(); |
191 | 190 | var el = findDOMNode(this); |
|
239 | 238 | key: 'getScrollSize', |
240 | 239 | value: function getScrollSize() { |
241 | 240 | var scrollParent = this.scrollParent; |
242 | | - var _document = document; |
243 | | - var body = _document.body; |
244 | | - var documentElement = _document.documentElement; |
| 241 | + var _document = document, |
| 242 | + body = _document.body, |
| 243 | + documentElement = _document.documentElement; |
245 | 244 |
|
246 | 245 | var key = SCROLL_SIZE_KEYS[this.props.axis]; |
247 | 246 | return scrollParent === window ? Math.max(body[key], documentElement[key]) : scrollParent[key]; |
248 | 247 | } |
249 | 248 | }, { |
250 | 249 | key: 'hasDeterminateSize', |
251 | 250 | value: function hasDeterminateSize() { |
252 | | - var _props2 = this.props; |
253 | | - var itemSizeGetter = _props2.itemSizeGetter; |
254 | | - var type = _props2.type; |
| 251 | + var _props2 = this.props, |
| 252 | + itemSizeGetter = _props2.itemSizeGetter, |
| 253 | + type = _props2.type; |
255 | 254 |
|
256 | 255 | return type === 'uniform' || itemSizeGetter; |
257 | 256 | } |
258 | 257 | }, { |
259 | 258 | key: 'getStartAndEnd', |
260 | 259 | value: function getStartAndEnd() { |
261 | | - var threshold = arguments.length <= 0 || arguments[0] === undefined ? this.props.threshold : arguments[0]; |
| 260 | + var threshold = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.props.threshold; |
262 | 261 |
|
263 | 262 | var scroll = this.getScroll(); |
264 | 263 | var start = Math.max(0, scroll - threshold); |
|
271 | 270 | }, { |
272 | 271 | key: 'getItemSizeAndItemsPerRow', |
273 | 272 | value: function getItemSizeAndItemsPerRow() { |
274 | | - var _props3 = this.props; |
275 | | - var axis = _props3.axis; |
276 | | - var useStaticSize = _props3.useStaticSize; |
277 | | - var _state2 = this.state; |
278 | | - var itemSize = _state2.itemSize; |
279 | | - var itemsPerRow = _state2.itemsPerRow; |
| 273 | + var _props3 = this.props, |
| 274 | + axis = _props3.axis, |
| 275 | + useStaticSize = _props3.useStaticSize; |
| 276 | + var _state2 = this.state, |
| 277 | + itemSize = _state2.itemSize, |
| 278 | + itemsPerRow = _state2.itemsPerRow; |
280 | 279 |
|
281 | 280 | if (useStaticSize && itemSize && itemsPerRow) { |
282 | 281 | return { itemSize: itemSize, itemsPerRow: itemsPerRow }; |
|
334 | 333 | }, { |
335 | 334 | key: 'updateSimpleFrame', |
336 | 335 | value: function updateSimpleFrame(cb) { |
337 | | - var _getStartAndEnd = this.getStartAndEnd(); |
338 | | - |
339 | | - var end = _getStartAndEnd.end; |
| 336 | + var _getStartAndEnd = this.getStartAndEnd(), |
| 337 | + end = _getStartAndEnd.end; |
340 | 338 |
|
341 | 339 | var itemEls = findDOMNode(this.items).children; |
342 | 340 | var elEnd = 0; |
|
351 | 349 |
|
352 | 350 | if (elEnd > end) return cb(); |
353 | 351 |
|
354 | | - var _props4 = this.props; |
355 | | - var pageSize = _props4.pageSize; |
356 | | - var length = _props4.length; |
| 352 | + var _props4 = this.props, |
| 353 | + pageSize = _props4.pageSize, |
| 354 | + length = _props4.length; |
357 | 355 |
|
358 | 356 | var size = Math.min(this.state.size + pageSize, length); |
359 | 357 | this.maybeSetState({ size: size }, cb); |
|
363 | 361 | value: function updateVariableFrame(cb) { |
364 | 362 | if (!this.props.itemSizeGetter) this.cacheSizes(); |
365 | 363 |
|
366 | | - var _getStartAndEnd2 = this.getStartAndEnd(); |
| 364 | + var _getStartAndEnd2 = this.getStartAndEnd(), |
| 365 | + start = _getStartAndEnd2.start, |
| 366 | + end = _getStartAndEnd2.end; |
367 | 367 |
|
368 | | - var start = _getStartAndEnd2.start; |
369 | | - var end = _getStartAndEnd2.end; |
370 | | - var _props5 = this.props; |
371 | | - var length = _props5.length; |
372 | | - var pageSize = _props5.pageSize; |
| 368 | + var _props5 = this.props, |
| 369 | + length = _props5.length, |
| 370 | + pageSize = _props5.pageSize; |
373 | 371 |
|
374 | 372 | var space = 0; |
375 | 373 | var from = 0; |
|
400 | 398 | }, { |
401 | 399 | key: 'updateUniformFrame', |
402 | 400 | value: function updateUniformFrame(cb) { |
403 | | - var _getItemSizeAndItemsP = this.getItemSizeAndItemsPerRow(); |
404 | | - |
405 | | - var itemSize = _getItemSizeAndItemsP.itemSize; |
406 | | - var itemsPerRow = _getItemSizeAndItemsP.itemsPerRow; |
407 | | - |
| 401 | + var _getItemSizeAndItemsP = this.getItemSizeAndItemsPerRow(), |
| 402 | + itemSize = _getItemSizeAndItemsP.itemSize, |
| 403 | + itemsPerRow = _getItemSizeAndItemsP.itemsPerRow; |
408 | 404 |
|
409 | 405 | if (!itemSize || !itemsPerRow) return cb(); |
410 | 406 |
|
411 | | - var _getStartAndEnd3 = this.getStartAndEnd(); |
412 | | - |
413 | | - var start = _getStartAndEnd3.start; |
414 | | - var end = _getStartAndEnd3.end; |
415 | | - |
416 | | - var _constrain = this.constrain(Math.floor(start / itemSize) * itemsPerRow, (Math.ceil((end - start) / itemSize) + 1) * itemsPerRow, itemsPerRow, this.props); |
417 | | - |
418 | | - var from = _constrain.from; |
419 | | - var size = _constrain.size; |
| 407 | + var _getStartAndEnd3 = this.getStartAndEnd(), |
| 408 | + start = _getStartAndEnd3.start, |
| 409 | + end = _getStartAndEnd3.end; |
420 | 410 |
|
| 411 | + var _constrain = this.constrain(Math.floor(start / itemSize) * itemsPerRow, (Math.ceil((end - start) / itemSize) + 1) * itemsPerRow, itemsPerRow, this.props), |
| 412 | + from = _constrain.from, |
| 413 | + size = _constrain.size; |
421 | 414 |
|
422 | 415 | return this.maybeSetState({ itemsPerRow: itemsPerRow, from: from, itemSize: itemSize, size: size }, cb); |
423 | 416 | } |
424 | 417 | }, { |
425 | 418 | key: 'getSpaceBefore', |
426 | 419 | value: function getSpaceBefore(index) { |
427 | | - var cache = arguments.length <= 1 || arguments[1] === undefined ? {} : arguments[1]; |
| 420 | + var cache = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {}; |
428 | 421 |
|
429 | 422 | if (cache[index] != null) return cache[index]; |
430 | 423 |
|
431 | 424 | // Try the static itemSize. |
432 | | - var _state3 = this.state; |
433 | | - var itemSize = _state3.itemSize; |
434 | | - var itemsPerRow = _state3.itemsPerRow; |
| 425 | + var _state3 = this.state, |
| 426 | + itemSize = _state3.itemSize, |
| 427 | + itemsPerRow = _state3.itemsPerRow; |
435 | 428 |
|
436 | 429 | if (itemSize) { |
437 | 430 | return cache[index] = Math.floor(index / itemsPerRow) * itemSize; |
|
467 | 460 | }, { |
468 | 461 | key: 'getSizeOf', |
469 | 462 | value: function getSizeOf(index) { |
470 | | - var cache = this.cache; |
471 | | - var items = this.items; |
472 | | - var _props6 = this.props; |
473 | | - var axis = _props6.axis; |
474 | | - var itemSizeGetter = _props6.itemSizeGetter; |
475 | | - var itemSizeEstimator = _props6.itemSizeEstimator; |
476 | | - var type = _props6.type; |
477 | | - var _state4 = this.state; |
478 | | - var from = _state4.from; |
479 | | - var itemSize = _state4.itemSize; |
480 | | - var size = _state4.size; |
| 463 | + var cache = this.cache, |
| 464 | + items = this.items; |
| 465 | + var _props6 = this.props, |
| 466 | + axis = _props6.axis, |
| 467 | + itemSizeGetter = _props6.itemSizeGetter, |
| 468 | + itemSizeEstimator = _props6.itemSizeEstimator, |
| 469 | + type = _props6.type; |
| 470 | + var _state4 = this.state, |
| 471 | + from = _state4.from, |
| 472 | + itemSize = _state4.itemSize, |
| 473 | + size = _state4.size; |
481 | 474 |
|
482 | 475 |
|
483 | 476 | // Try the static itemSize. |
|
501 | 494 | }, { |
502 | 495 | key: 'constrain', |
503 | 496 | value: function constrain(from, size, itemsPerRow, _ref) { |
504 | | - var length = _ref.length; |
505 | | - var pageSize = _ref.pageSize; |
506 | | - var type = _ref.type; |
| 497 | + var length = _ref.length, |
| 498 | + pageSize = _ref.pageSize, |
| 499 | + type = _ref.type; |
507 | 500 |
|
508 | 501 | size = Math.max(size, pageSize); |
509 | 502 | var mod = size % itemsPerRow; |
|
537 | 530 | }, { |
538 | 531 | key: 'getVisibleRange', |
539 | 532 | value: function getVisibleRange() { |
540 | | - var _state5 = this.state; |
541 | | - var from = _state5.from; |
542 | | - var size = _state5.size; |
543 | | - |
544 | | - var _getStartAndEnd4 = this.getStartAndEnd(0); |
| 533 | + var _state5 = this.state, |
| 534 | + from = _state5.from, |
| 535 | + size = _state5.size; |
545 | 536 |
|
546 | | - var start = _getStartAndEnd4.start; |
547 | | - var end = _getStartAndEnd4.end; |
| 537 | + var _getStartAndEnd4 = this.getStartAndEnd(0), |
| 538 | + start = _getStartAndEnd4.start, |
| 539 | + end = _getStartAndEnd4.end; |
548 | 540 |
|
549 | 541 | var cache = {}; |
550 | 542 | var first = void 0, |
|
562 | 554 | value: function renderItems() { |
563 | 555 | var _this2 = this; |
564 | 556 |
|
565 | | - var _props7 = this.props; |
566 | | - var itemRenderer = _props7.itemRenderer; |
567 | | - var itemsRenderer = _props7.itemsRenderer; |
568 | | - var _state6 = this.state; |
569 | | - var from = _state6.from; |
570 | | - var size = _state6.size; |
| 557 | + var _props7 = this.props, |
| 558 | + itemRenderer = _props7.itemRenderer, |
| 559 | + itemsRenderer = _props7.itemsRenderer; |
| 560 | + var _state6 = this.state, |
| 561 | + from = _state6.from, |
| 562 | + size = _state6.size; |
571 | 563 |
|
572 | 564 | var items = []; |
573 | 565 | for (var i = 0; i < size; ++i) { |
|
579 | 571 | }, { |
580 | 572 | key: 'render', |
581 | 573 | value: function render() { |
582 | | - var _props8 = this.props; |
583 | | - var axis = _props8.axis; |
584 | | - var length = _props8.length; |
585 | | - var type = _props8.type; |
586 | | - var useTranslate3d = _props8.useTranslate3d; |
587 | | - var _state7 = this.state; |
588 | | - var from = _state7.from; |
589 | | - var itemsPerRow = _state7.itemsPerRow; |
| 574 | + var _props8 = this.props, |
| 575 | + axis = _props8.axis, |
| 576 | + length = _props8.length, |
| 577 | + type = _props8.type, |
| 578 | + useTranslate3d = _props8.useTranslate3d; |
| 579 | + var _state7 = this.state, |
| 580 | + from = _state7.from, |
| 581 | + itemsPerRow = _state7.itemsPerRow; |
590 | 582 |
|
591 | 583 |
|
592 | 584 | var items = this.renderItems(); |
|
0 commit comments