update-swiper.js 4.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132
  1. import { isObject, extend } from './utils.js';
  2. function updateSwiper(_ref) {
  3. let {
  4. swiper,
  5. slides,
  6. passedParams,
  7. changedParams,
  8. nextEl,
  9. prevEl,
  10. paginationEl,
  11. scrollbarEl
  12. } = _ref;
  13. const updateParams = changedParams.filter(key => key !== 'children' && key !== 'direction');
  14. const {
  15. params: currentParams,
  16. pagination,
  17. navigation,
  18. scrollbar,
  19. virtual,
  20. thumbs
  21. } = swiper;
  22. let needThumbsInit;
  23. let needControllerInit;
  24. let needPaginationInit;
  25. let needScrollbarInit;
  26. let needNavigationInit;
  27. if (changedParams.includes('thumbs') && passedParams.thumbs && passedParams.thumbs.swiper && currentParams.thumbs && !currentParams.thumbs.swiper) {
  28. needThumbsInit = true;
  29. }
  30. if (changedParams.includes('controller') && passedParams.controller && passedParams.controller.control && currentParams.controller && !currentParams.controller.control) {
  31. needControllerInit = true;
  32. }
  33. if (changedParams.includes('pagination') && passedParams.pagination && (passedParams.pagination.el || paginationEl) && (currentParams.pagination || currentParams.pagination === false) && pagination && !pagination.el) {
  34. needPaginationInit = true;
  35. }
  36. if (changedParams.includes('scrollbar') && passedParams.scrollbar && (passedParams.scrollbar.el || scrollbarEl) && (currentParams.scrollbar || currentParams.scrollbar === false) && scrollbar && !scrollbar.el) {
  37. needScrollbarInit = true;
  38. }
  39. if (changedParams.includes('navigation') && passedParams.navigation && (passedParams.navigation.prevEl || prevEl) && (passedParams.navigation.nextEl || nextEl) && (currentParams.navigation || currentParams.navigation === false) && navigation && !navigation.prevEl && !navigation.nextEl) {
  40. needNavigationInit = true;
  41. }
  42. const destroyModule = mod => {
  43. if (!swiper[mod]) return;
  44. swiper[mod].destroy();
  45. if (mod === 'navigation') {
  46. currentParams[mod].prevEl = undefined;
  47. currentParams[mod].nextEl = undefined;
  48. swiper[mod].prevEl = undefined;
  49. swiper[mod].nextEl = undefined;
  50. } else {
  51. currentParams[mod].el = undefined;
  52. swiper[mod].el = undefined;
  53. }
  54. };
  55. updateParams.forEach(key => {
  56. if (isObject(currentParams[key]) && isObject(passedParams[key])) {
  57. extend(currentParams[key], passedParams[key]);
  58. } else {
  59. const newValue = passedParams[key];
  60. if ((newValue === true || newValue === false) && (key === 'navigation' || key === 'pagination' || key === 'scrollbar')) {
  61. if (newValue === false) {
  62. destroyModule(key);
  63. }
  64. } else {
  65. currentParams[key] = passedParams[key];
  66. }
  67. }
  68. });
  69. if (changedParams.includes('children') && virtual && currentParams.virtual.enabled) {
  70. virtual.slides = slides;
  71. virtual.update(true);
  72. } else if (changedParams.includes('children') && swiper.lazy && swiper.params.lazy.enabled) {
  73. swiper.lazy.load();
  74. }
  75. if (needThumbsInit) {
  76. const initialized = thumbs.init();
  77. if (initialized) thumbs.update(true);
  78. }
  79. if (needControllerInit) {
  80. swiper.controller.control = currentParams.controller.control;
  81. }
  82. if (needPaginationInit) {
  83. if (paginationEl) currentParams.pagination.el = paginationEl;
  84. pagination.init();
  85. pagination.render();
  86. pagination.update();
  87. }
  88. if (needScrollbarInit) {
  89. if (scrollbarEl) currentParams.scrollbar.el = scrollbarEl;
  90. scrollbar.init();
  91. scrollbar.updateSize();
  92. scrollbar.setTranslate();
  93. }
  94. if (needNavigationInit) {
  95. if (nextEl) currentParams.navigation.nextEl = nextEl;
  96. if (prevEl) currentParams.navigation.prevEl = prevEl;
  97. navigation.init();
  98. navigation.update();
  99. }
  100. if (changedParams.includes('allowSlideNext')) {
  101. swiper.allowSlideNext = passedParams.allowSlideNext;
  102. }
  103. if (changedParams.includes('allowSlidePrev')) {
  104. swiper.allowSlidePrev = passedParams.allowSlidePrev;
  105. }
  106. if (changedParams.includes('direction')) {
  107. swiper.changeDirection(passedParams.direction, false);
  108. }
  109. swiper.update();
  110. }
  111. export { updateSwiper };