page-scroll.js 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. import { isFunction } from '../common/validator';
  2. import { getCurrentPage, isDef } from '../common/utils';
  3. function onPageScroll(event) {
  4. const { vanPageScroller = [] } = getCurrentPage();
  5. vanPageScroller.forEach((scroller) => {
  6. if (typeof scroller === 'function') {
  7. // @ts-ignore
  8. scroller(event);
  9. }
  10. });
  11. }
  12. export function pageScrollMixin(scroller) {
  13. return Behavior({
  14. attached() {
  15. const page = getCurrentPage();
  16. if (!isDef(page)) {
  17. return;
  18. }
  19. const _scroller = scroller.bind(this);
  20. const { vanPageScroller = [] } = page;
  21. if (isFunction(page.onPageScroll) && page.onPageScroll !== onPageScroll) {
  22. vanPageScroller.push(page.onPageScroll.bind(page));
  23. }
  24. vanPageScroller.push(_scroller);
  25. page.vanPageScroller = vanPageScroller;
  26. page.onPageScroll = onPageScroll;
  27. this._scroller = _scroller;
  28. },
  29. detached() {
  30. const page = getCurrentPage();
  31. if (!isDef(page) || !isDef(page.vanPageScroller)) {
  32. return;
  33. }
  34. const { vanPageScroller } = page;
  35. const index = vanPageScroller.findIndex((v) => v === this._scroller);
  36. if (index > -1) {
  37. page.vanPageScroller.splice(index, 1);
  38. }
  39. this._scroller = undefined;
  40. },
  41. });
  42. }