virtual.js 507 B

123456789101112131415161718
  1. import React from 'react';
  2. function renderVirtual(swiper, slides, virtualData) {
  3. if (!virtualData) return null;
  4. const style = swiper.isHorizontal() ? {
  5. [swiper.rtlTranslate ? 'right' : 'left']: `${virtualData.offset}px`
  6. } : {
  7. top: `${virtualData.offset}px`
  8. };
  9. return slides.filter((child, index) => index >= virtualData.from && index <= virtualData.to).map(child => {
  10. return /*#__PURE__*/React.cloneElement(child, {
  11. swiper,
  12. style
  13. });
  14. });
  15. }
  16. export { renderVirtual };