pull-up.js 8.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259
  1. /*!
  2. * better-scroll / pull-up
  3. * (c) 2016-2021 ustbhuangyi
  4. * Released under the MIT License.
  5. */
  6. (function (global, factory) {
  7. typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
  8. typeof define === 'function' && define.amd ? define(factory) :
  9. (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.PullUp = factory());
  10. }(this, (function () { 'use strict';
  11. // ssr support
  12. var inBrowser = typeof window !== 'undefined';
  13. var ua = inBrowser && navigator.userAgent.toLowerCase();
  14. !!(ua && /wechatdevtools/.test(ua));
  15. ua && ua.indexOf('android') > 0;
  16. /* istanbul ignore next */
  17. ((function () {
  18. if (typeof ua === 'string') {
  19. var regex = /os (\d\d?_\d(_\d)?)/;
  20. var matches = regex.exec(ua);
  21. if (!matches)
  22. return false;
  23. var parts = matches[1].split('_').map(function (item) {
  24. return parseInt(item, 10);
  25. });
  26. // ios version >= 13.4 issue 982
  27. return !!(parts[0] === 13 && parts[1] >= 4);
  28. }
  29. return false;
  30. }))();
  31. /* istanbul ignore next */
  32. var supportsPassive = false;
  33. /* istanbul ignore next */
  34. if (inBrowser) {
  35. var EventName = 'test-passive';
  36. try {
  37. var opts = {};
  38. Object.defineProperty(opts, 'passive', {
  39. get: function () {
  40. supportsPassive = true;
  41. },
  42. }); // https://github.com/facebook/flow/issues/285
  43. window.addEventListener(EventName, function () { }, opts);
  44. }
  45. catch (e) { }
  46. }
  47. var extend = function (target, source) {
  48. for (var key in source) {
  49. target[key] = source[key];
  50. }
  51. return target;
  52. };
  53. var elementStyle = (inBrowser &&
  54. document.createElement('div').style);
  55. var vendor = (function () {
  56. /* istanbul ignore if */
  57. if (!inBrowser) {
  58. return false;
  59. }
  60. var transformNames = [
  61. {
  62. key: 'standard',
  63. value: 'transform',
  64. },
  65. {
  66. key: 'webkit',
  67. value: 'webkitTransform',
  68. },
  69. {
  70. key: 'Moz',
  71. value: 'MozTransform',
  72. },
  73. {
  74. key: 'O',
  75. value: 'OTransform',
  76. },
  77. {
  78. key: 'ms',
  79. value: 'msTransform',
  80. },
  81. ];
  82. for (var _i = 0, transformNames_1 = transformNames; _i < transformNames_1.length; _i++) {
  83. var obj = transformNames_1[_i];
  84. if (elementStyle[obj.value] !== undefined) {
  85. return obj.key;
  86. }
  87. }
  88. /* istanbul ignore next */
  89. return false;
  90. })();
  91. /* istanbul ignore next */
  92. function prefixStyle(style) {
  93. if (vendor === false) {
  94. return style;
  95. }
  96. if (vendor === 'standard') {
  97. if (style === 'transitionEnd') {
  98. return 'transitionend';
  99. }
  100. return style;
  101. }
  102. return vendor + style.charAt(0).toUpperCase() + style.substr(1);
  103. }
  104. vendor && vendor !== 'standard' ? '-' + vendor.toLowerCase() + '-' : '';
  105. var transform = prefixStyle('transform');
  106. var transition = prefixStyle('transition');
  107. inBrowser && prefixStyle('perspective') in elementStyle;
  108. ({
  109. transform: transform,
  110. transition: transition,
  111. transitionTimingFunction: prefixStyle('transitionTimingFunction'),
  112. transitionDuration: prefixStyle('transitionDuration'),
  113. transitionDelay: prefixStyle('transitionDelay'),
  114. transformOrigin: prefixStyle('transformOrigin'),
  115. transitionEnd: prefixStyle('transitionEnd'),
  116. transitionProperty: prefixStyle('transitionProperty'),
  117. });
  118. var sourcePrefix = 'plugins.pullUpLoad';
  119. var propertiesMap = [
  120. {
  121. key: 'finishPullUp',
  122. name: 'finishPullUp'
  123. },
  124. {
  125. key: 'openPullUp',
  126. name: 'openPullUp'
  127. },
  128. {
  129. key: 'closePullUp',
  130. name: 'closePullUp'
  131. },
  132. {
  133. key: 'autoPullUpLoad',
  134. name: 'autoPullUpLoad'
  135. }
  136. ];
  137. var propertiesConfig = propertiesMap.map(function (item) {
  138. return {
  139. key: item.key,
  140. sourceKey: sourcePrefix + "." + item.name
  141. };
  142. });
  143. var PULL_UP_HOOKS_NAME = 'pullingUp';
  144. var PullUp = /** @class */ (function () {
  145. function PullUp(scroll) {
  146. this.scroll = scroll;
  147. this.pulling = false;
  148. this.watching = false;
  149. this.init();
  150. }
  151. PullUp.prototype.init = function () {
  152. this.handleBScroll();
  153. this.handleOptions(this.scroll.options.pullUpLoad);
  154. this.handleHooks();
  155. this.watch();
  156. };
  157. PullUp.prototype.handleBScroll = function () {
  158. this.scroll.registerType([PULL_UP_HOOKS_NAME]);
  159. this.scroll.proxy(propertiesConfig);
  160. };
  161. PullUp.prototype.handleOptions = function (userOptions) {
  162. if (userOptions === void 0) { userOptions = {}; }
  163. userOptions = (userOptions === true ? {} : userOptions);
  164. var defaultOptions = {
  165. threshold: 0,
  166. };
  167. this.options = extend(defaultOptions, userOptions);
  168. this.scroll.options.probeType = 3 /* Realtime */;
  169. };
  170. PullUp.prototype.handleHooks = function () {
  171. var _this = this;
  172. this.hooksFn = [];
  173. var scrollBehaviorY = this.scroll.scroller.scrollBehaviorY;
  174. this.registerHooks(this.scroll.hooks, this.scroll.hooks.eventTypes.contentChanged, function () {
  175. _this.finishPullUp();
  176. });
  177. this.registerHooks(scrollBehaviorY.hooks, scrollBehaviorY.hooks.eventTypes.computeBoundary, function (boundary) {
  178. // content is smaller than wrapper
  179. if (boundary.maxScrollPos > 0) {
  180. // allow scrolling when content is not full of wrapper
  181. boundary.maxScrollPos = -1;
  182. }
  183. });
  184. };
  185. PullUp.prototype.registerHooks = function (hooks, name, handler) {
  186. hooks.on(name, handler, this);
  187. this.hooksFn.push([hooks, name, handler]);
  188. };
  189. PullUp.prototype.watch = function () {
  190. if (this.watching) {
  191. return;
  192. }
  193. this.watching = true;
  194. this.registerHooks(this.scroll, this.scroll.eventTypes.scroll, this.checkPullUp);
  195. };
  196. PullUp.prototype.unwatch = function () {
  197. this.watching = false;
  198. this.scroll.off(this.scroll.eventTypes.scroll, this.checkPullUp);
  199. };
  200. PullUp.prototype.checkPullUp = function (pos) {
  201. var _this = this;
  202. var threshold = this.options.threshold;
  203. if (this.scroll.movingDirectionY === 1 /* Positive */ &&
  204. pos.y <= this.scroll.maxScrollY + threshold) {
  205. this.pulling = true;
  206. // must reset pulling after scrollEnd
  207. this.scroll.once(this.scroll.eventTypes.scrollEnd, function () {
  208. _this.pulling = false;
  209. });
  210. this.unwatch();
  211. this.scroll.trigger(PULL_UP_HOOKS_NAME);
  212. }
  213. };
  214. PullUp.prototype.finishPullUp = function () {
  215. var _this = this;
  216. // reset Direction, fix #936
  217. this.scroll.scroller.scrollBehaviorY.setMovingDirection(0 /* Default */);
  218. if (this.pulling) {
  219. this.scroll.once(this.scroll.eventTypes.scrollEnd, function () {
  220. _this.watch();
  221. });
  222. }
  223. else {
  224. this.watch();
  225. }
  226. };
  227. // allow 'true' type is compat for beta version implements
  228. PullUp.prototype.openPullUp = function (config) {
  229. if (config === void 0) { config = {}; }
  230. this.handleOptions(config);
  231. this.watch();
  232. };
  233. PullUp.prototype.closePullUp = function () {
  234. this.unwatch();
  235. };
  236. PullUp.prototype.autoPullUpLoad = function () {
  237. var threshold = this.options.threshold;
  238. var scrollBehaviorY = this.scroll.scroller.scrollBehaviorY;
  239. if (this.pulling || !this.watching) {
  240. return;
  241. }
  242. // simulate a pullUp action
  243. var NEGATIVE_VALUE = -1;
  244. var outOfBoundaryPos = scrollBehaviorY.maxScrollPos + threshold + NEGATIVE_VALUE;
  245. this.scroll.scroller.scrollBehaviorY.setMovingDirection(NEGATIVE_VALUE);
  246. this.scroll.scrollTo(this.scroll.x, outOfBoundaryPos, this.scroll.options.bounceTime);
  247. };
  248. PullUp.pluginName = 'pullUpLoad';
  249. return PullUp;
  250. }());
  251. return PullUp;
  252. })));