movable.esm.js 7.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230
  1. /*!
  2. * better-scroll / movable
  3. * (c) 2016-2021 ustbhuangyi
  4. * Released under the MIT License.
  5. */
  6. // ssr support
  7. var inBrowser = typeof window !== 'undefined';
  8. var ua = inBrowser && navigator.userAgent.toLowerCase();
  9. !!(ua && /wechatdevtools/.test(ua));
  10. ua && ua.indexOf('android') > 0;
  11. /* istanbul ignore next */
  12. ((function () {
  13. if (typeof ua === 'string') {
  14. var regex = /os (\d\d?_\d(_\d)?)/;
  15. var matches = regex.exec(ua);
  16. if (!matches)
  17. return false;
  18. var parts = matches[1].split('_').map(function (item) {
  19. return parseInt(item, 10);
  20. });
  21. // ios version >= 13.4 issue 982
  22. return !!(parts[0] === 13 && parts[1] >= 4);
  23. }
  24. return false;
  25. }))();
  26. /* istanbul ignore next */
  27. var supportsPassive = false;
  28. /* istanbul ignore next */
  29. if (inBrowser) {
  30. var EventName = 'test-passive';
  31. try {
  32. var opts = {};
  33. Object.defineProperty(opts, 'passive', {
  34. get: function () {
  35. supportsPassive = true;
  36. },
  37. }); // https://github.com/facebook/flow/issues/285
  38. window.addEventListener(EventName, function () { }, opts);
  39. }
  40. catch (e) { }
  41. }
  42. var elementStyle = (inBrowser &&
  43. document.createElement('div').style);
  44. var vendor = (function () {
  45. /* istanbul ignore if */
  46. if (!inBrowser) {
  47. return false;
  48. }
  49. var transformNames = [
  50. {
  51. key: 'standard',
  52. value: 'transform',
  53. },
  54. {
  55. key: 'webkit',
  56. value: 'webkitTransform',
  57. },
  58. {
  59. key: 'Moz',
  60. value: 'MozTransform',
  61. },
  62. {
  63. key: 'O',
  64. value: 'OTransform',
  65. },
  66. {
  67. key: 'ms',
  68. value: 'msTransform',
  69. },
  70. ];
  71. for (var _i = 0, transformNames_1 = transformNames; _i < transformNames_1.length; _i++) {
  72. var obj = transformNames_1[_i];
  73. if (elementStyle[obj.value] !== undefined) {
  74. return obj.key;
  75. }
  76. }
  77. /* istanbul ignore next */
  78. return false;
  79. })();
  80. /* istanbul ignore next */
  81. function prefixStyle(style) {
  82. if (vendor === false) {
  83. return style;
  84. }
  85. if (vendor === 'standard') {
  86. if (style === 'transitionEnd') {
  87. return 'transitionend';
  88. }
  89. return style;
  90. }
  91. return vendor + style.charAt(0).toUpperCase() + style.substr(1);
  92. }
  93. vendor && vendor !== 'standard' ? '-' + vendor.toLowerCase() + '-' : '';
  94. var transform = prefixStyle('transform');
  95. var transition = prefixStyle('transition');
  96. inBrowser && prefixStyle('perspective') in elementStyle;
  97. ({
  98. transform: transform,
  99. transition: transition,
  100. transitionTimingFunction: prefixStyle('transitionTimingFunction'),
  101. transitionDuration: prefixStyle('transitionDuration'),
  102. transitionDelay: prefixStyle('transitionDelay'),
  103. transformOrigin: prefixStyle('transformOrigin'),
  104. transitionEnd: prefixStyle('transitionEnd'),
  105. transitionProperty: prefixStyle('transitionProperty'),
  106. });
  107. var ease = {
  108. // easeOutQuint
  109. swipe: {
  110. style: 'cubic-bezier(0.23, 1, 0.32, 1)',
  111. fn: function (t) {
  112. return 1 + --t * t * t * t * t;
  113. }
  114. },
  115. // easeOutQuard
  116. swipeBounce: {
  117. style: 'cubic-bezier(0.25, 0.46, 0.45, 0.94)',
  118. fn: function (t) {
  119. return t * (2 - t);
  120. }
  121. },
  122. // easeOutQuart
  123. bounce: {
  124. style: 'cubic-bezier(0.165, 0.84, 0.44, 1)',
  125. fn: function (t) {
  126. return 1 - --t * t * t * t;
  127. }
  128. }
  129. };
  130. var sourcePrefix = 'plugins.movable';
  131. var propertiesMap = [
  132. {
  133. key: 'putAt',
  134. name: 'putAt',
  135. },
  136. ];
  137. var propertiesConfig = propertiesMap.map(function (item) {
  138. return {
  139. key: item.key,
  140. sourceKey: sourcePrefix + "." + item.name,
  141. };
  142. });
  143. var Movable = /** @class */ (function () {
  144. function Movable(scroll) {
  145. this.scroll = scroll;
  146. this.handleBScroll();
  147. this.handleHooks();
  148. }
  149. Movable.prototype.handleBScroll = function () {
  150. this.scroll.proxy(propertiesConfig);
  151. };
  152. Movable.prototype.handleHooks = function () {
  153. var _this = this;
  154. this.hooksFn = [];
  155. var _a = this.scroll.scroller, scrollBehaviorX = _a.scrollBehaviorX, scrollBehaviorY = _a.scrollBehaviorY;
  156. var computeBoundary = function (boundary, behavior) {
  157. if (boundary.maxScrollPos > 0) {
  158. // content is smaller than wrapper
  159. boundary.minScrollPos = behavior.wrapperSize - behavior.contentSize;
  160. boundary.maxScrollPos = 0;
  161. }
  162. };
  163. this.registerHooks(scrollBehaviorX.hooks, scrollBehaviorX.hooks.eventTypes.ignoreHasScroll, function () { return true; });
  164. this.registerHooks(scrollBehaviorX.hooks, scrollBehaviorX.hooks.eventTypes.computeBoundary, function (boundary) {
  165. computeBoundary(boundary, scrollBehaviorX);
  166. });
  167. this.registerHooks(scrollBehaviorY.hooks, scrollBehaviorY.hooks.eventTypes.ignoreHasScroll, function () { return true; });
  168. this.registerHooks(scrollBehaviorY.hooks, scrollBehaviorY.hooks.eventTypes.computeBoundary, function (boundary) {
  169. computeBoundary(boundary, scrollBehaviorY);
  170. });
  171. this.registerHooks(this.scroll.hooks, this.scroll.hooks.eventTypes.destroy, function () {
  172. _this.destroy();
  173. });
  174. };
  175. Movable.prototype.putAt = function (x, y, time, easing) {
  176. if (time === void 0) { time = this.scroll.options.bounceTime; }
  177. if (easing === void 0) { easing = ease.bounce; }
  178. var position = this.resolvePostion(x, y);
  179. this.scroll.scrollTo(position.x, position.y, time, easing);
  180. };
  181. Movable.prototype.resolvePostion = function (x, y) {
  182. var _a = this.scroll.scroller, scrollBehaviorX = _a.scrollBehaviorX, scrollBehaviorY = _a.scrollBehaviorY;
  183. var resolveFormula = {
  184. left: function () {
  185. return 0;
  186. },
  187. top: function () {
  188. return 0;
  189. },
  190. right: function () {
  191. return scrollBehaviorX.minScrollPos;
  192. },
  193. bottom: function () {
  194. return scrollBehaviorY.minScrollPos;
  195. },
  196. center: function (index) {
  197. var baseSize = index === 0
  198. ? scrollBehaviorX.minScrollPos
  199. : scrollBehaviorY.minScrollPos;
  200. return baseSize / 2;
  201. },
  202. };
  203. return {
  204. x: typeof x === 'number' ? x : resolveFormula[x](0),
  205. y: typeof y === 'number' ? y : resolveFormula[y](1),
  206. };
  207. };
  208. Movable.prototype.destroy = function () {
  209. this.hooksFn.forEach(function (item) {
  210. var hooks = item[0];
  211. var hooksName = item[1];
  212. var handlerFn = item[2];
  213. hooks.off(hooksName, handlerFn);
  214. });
  215. this.hooksFn.length = 0;
  216. };
  217. Movable.prototype.registerHooks = function (hooks, name, handler) {
  218. hooks.on(name, handler, this);
  219. this.hooksFn.push([hooks, name, handler]);
  220. };
  221. Movable.pluginName = 'movable';
  222. Movable.applyOrder = "pre" /* Pre */;
  223. return Movable;
  224. }());
  225. export default Movable;