update-swiper.js 4.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135
  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 (updateParams.includes('controller') && !needControllerInit && swiper.controller && swiper.controller.control && currentParams.controller && currentParams.controller.control) {
  69. swiper.controller.control = currentParams.controller.control;
  70. }
  71. if (changedParams.includes('children') && slides && virtual && currentParams.virtual.enabled) {
  72. virtual.slides = slides;
  73. virtual.update(true);
  74. } else if (changedParams.includes('children') && swiper.lazy && swiper.params.lazy.enabled) {
  75. swiper.lazy.load();
  76. }
  77. if (needThumbsInit) {
  78. const initialized = thumbs.init();
  79. if (initialized) thumbs.update(true);
  80. }
  81. if (needControllerInit) {
  82. swiper.controller.control = currentParams.controller.control;
  83. }
  84. if (needPaginationInit) {
  85. if (paginationEl) currentParams.pagination.el = paginationEl;
  86. pagination.init();
  87. pagination.render();
  88. pagination.update();
  89. }
  90. if (needScrollbarInit) {
  91. if (scrollbarEl) currentParams.scrollbar.el = scrollbarEl;
  92. scrollbar.init();
  93. scrollbar.updateSize();
  94. scrollbar.setTranslate();
  95. }
  96. if (needNavigationInit) {
  97. if (nextEl) currentParams.navigation.nextEl = nextEl;
  98. if (prevEl) currentParams.navigation.prevEl = prevEl;
  99. navigation.init();
  100. navigation.update();
  101. }
  102. if (changedParams.includes('allowSlideNext')) {
  103. swiper.allowSlideNext = passedParams.allowSlideNext;
  104. }
  105. if (changedParams.includes('allowSlidePrev')) {
  106. swiper.allowSlidePrev = passedParams.allowSlidePrev;
  107. }
  108. if (changedParams.includes('direction')) {
  109. swiper.changeDirection(passedParams.direction, false);
  110. }
  111. swiper.update();
  112. }
  113. export { updateSwiper };