update-swiper.js 3.9 KB

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