@wanjunshijie/vue-seamless-scroll 2.0.0 → 3.0.0

package/dist/vue-seamless-scroll.umd.js

@@ -1,914 +1 @@
-(function webpackUniversalModuleDefinition(root, factory) {
-	if(typeof exports === 'object' && typeof module === 'object')
-		module.exports = factory();
-	else if(typeof define === 'function' && define.amd)
-		define([], factory);
-	else if(typeof exports === 'object')
-		exports["vue-seamless-scroll"] = factory();
-	else
-		root["vue-seamless-scroll"] = factory();
-})((typeof self !== 'undefined' ? self : this), function() {
-return /******/ (function() { // webpackBootstrap
-/******/ 	var __webpack_modules__ = ({
-
-/***/ 608:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(81);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(645);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
-// Imports
-
-
-var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
-// Module
-___CSS_LOADER_EXPORT___.push([module.id, ".seamless-list[data-v-44bde8d8]{touch-action:none}.seamless-list[data-v-44bde8d8],.seamless-list__body[data-v-44bde8d8]{overflow:hidden}.seamless-list__body.is-horizontal[data-v-44bde8d8]{display:inline-block;font-size:0}", ""]);
-// Exports
-/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
-
-
-/***/ }),
-
-/***/ 645:
-/***/ (function(module) {
-
-"use strict";
-
-
-/*
-  MIT License http://www.opensource.org/licenses/mit-license.php
-  Author Tobias Koppers @sokra
-*/
-module.exports = function (cssWithMappingToString) {
-  var list = [];
-
-  // return the list of modules as css string
-  list.toString = function toString() {
-    return this.map(function (item) {
-      var content = "";
-      var needLayer = typeof item[5] !== "undefined";
-      if (item[4]) {
-        content += "@supports (".concat(item[4], ") {");
-      }
-      if (item[2]) {
-        content += "@media ".concat(item[2], " {");
-      }
-      if (needLayer) {
-        content += "@layer".concat(item[5].length > 0 ? " ".concat(item[5]) : "", " {");
-      }
-      content += cssWithMappingToString(item);
-      if (needLayer) {
-        content += "}";
-      }
-      if (item[2]) {
-        content += "}";
-      }
-      if (item[4]) {
-        content += "}";
-      }
-      return content;
-    }).join("");
-  };
-
-  // import a list of modules into the list
-  list.i = function i(modules, media, dedupe, supports, layer) {
-    if (typeof modules === "string") {
-      modules = [[null, modules, undefined]];
-    }
-    var alreadyImportedModules = {};
-    if (dedupe) {
-      for (var k = 0; k < this.length; k++) {
-        var id = this[k][0];
-        if (id != null) {
-          alreadyImportedModules[id] = true;
-        }
-      }
-    }
-    for (var _k = 0; _k < modules.length; _k++) {
-      var item = [].concat(modules[_k]);
-      if (dedupe && alreadyImportedModules[item[0]]) {
-        continue;
-      }
-      if (typeof layer !== "undefined") {
-        if (typeof item[5] === "undefined") {
-          item[5] = layer;
-        } else {
-          item[1] = "@layer".concat(item[5].length > 0 ? " ".concat(item[5]) : "", " {").concat(item[1], "}");
-          item[5] = layer;
-        }
-      }
-      if (media) {
-        if (!item[2]) {
-          item[2] = media;
-        } else {
-          item[1] = "@media ".concat(item[2], " {").concat(item[1], "}");
-          item[2] = media;
-        }
-      }
-      if (supports) {
-        if (!item[4]) {
-          item[4] = "".concat(supports);
-        } else {
-          item[1] = "@supports (".concat(item[4], ") {").concat(item[1], "}");
-          item[4] = supports;
-        }
-      }
-      list.push(item);
-    }
-  };
-  return list;
-};
-
-/***/ }),
-
-/***/ 81:
-/***/ (function(module) {
-
-"use strict";
-
-
-module.exports = function (i) {
-  return i[1];
-};
-
-/***/ }),
-
-/***/ 450:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-// style-loader: Adds some css to the DOM by adding a <style> tag
-
-// load the styles
-var content = __webpack_require__(608);
-if(content.__esModule) content = content.default;
-if(typeof content === 'string') content = [[module.id, content, '']];
-if(content.locals) module.exports = content.locals;
-// add the styles to the DOM
-var add = (__webpack_require__(402)/* ["default"] */ .Z)
-var update = add("41adcc57", content, true, {"sourceMap":false,"shadowMode":false});
-
-/***/ }),
-
-/***/ 402:
-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  Z: function() { return /* binding */ addStylesClient; }
-});
-
-;// CONCATENATED MODULE: ./node_modules/vue-style-loader/lib/listToStyles.js
-/**
- * Translates the list format produced by css-loader into something
- * easier to manipulate.
- */
-function listToStyles (parentId, list) {
-  var styles = []
-  var newStyles = {}
-  for (var i = 0; i < list.length; i++) {
-    var item = list[i]
-    var id = item[0]
-    var css = item[1]
-    var media = item[2]
-    var sourceMap = item[3]
-    var part = {
-      id: parentId + ':' + i,
-      css: css,
-      media: media,
-      sourceMap: sourceMap
-    }
-    if (!newStyles[id]) {
-      styles.push(newStyles[id] = { id: id, parts: [part] })
-    } else {
-      newStyles[id].parts.push(part)
-    }
-  }
-  return styles
-}
-
-;// CONCATENATED MODULE: ./node_modules/vue-style-loader/lib/addStylesClient.js
-/*
-  MIT License http://www.opensource.org/licenses/mit-license.php
-  Author Tobias Koppers @sokra
-  Modified by Evan You @yyx990803
-*/
-
-
-
-var hasDocument = typeof document !== 'undefined'
-
-if (typeof DEBUG !== 'undefined' && DEBUG) {
-  if (!hasDocument) {
-    throw new Error(
-    'vue-style-loader cannot be used in a non-browser environment. ' +
-    "Use { target: 'node' } in your Webpack config to indicate a server-rendering environment."
-  ) }
-}
-
-/*
-type StyleObject = {
-  id: number;
-  parts: Array<StyleObjectPart>
-}
-
-type StyleObjectPart = {
-  css: string;
-  media: string;
-  sourceMap: ?string
-}
-*/
-
-var stylesInDom = {/*
-  [id: number]: {
-    id: number,
-    refs: number,
-    parts: Array<(obj?: StyleObjectPart) => void>
-  }
-*/}
-
-var head = hasDocument && (document.head || document.getElementsByTagName('head')[0])
-var singletonElement = null
-var singletonCounter = 0
-var isProduction = false
-var noop = function () {}
-var options = null
-var ssrIdKey = 'data-vue-ssr-id'
-
-// Force single-tag solution on IE6-9, which has a hard limit on the # of <style>
-// tags it will allow on a page
-var isOldIE = typeof navigator !== 'undefined' && /msie [6-9]\b/.test(navigator.userAgent.toLowerCase())
-
-function addStylesClient (parentId, list, _isProduction, _options) {
-  isProduction = _isProduction
-
-  options = _options || {}
-
-  var styles = listToStyles(parentId, list)
-  addStylesToDom(styles)
-
-  return function update (newList) {
-    var mayRemove = []
-    for (var i = 0; i < styles.length; i++) {
-      var item = styles[i]
-      var domStyle = stylesInDom[item.id]
-      domStyle.refs--
-      mayRemove.push(domStyle)
-    }
-    if (newList) {
-      styles = listToStyles(parentId, newList)
-      addStylesToDom(styles)
-    } else {
-      styles = []
-    }
-    for (var i = 0; i < mayRemove.length; i++) {
-      var domStyle = mayRemove[i]
-      if (domStyle.refs === 0) {
-        for (var j = 0; j < domStyle.parts.length; j++) {
-          domStyle.parts[j]()
-        }
-        delete stylesInDom[domStyle.id]
-      }
-    }
-  }
-}
-
-function addStylesToDom (styles /* Array<StyleObject> */) {
-  for (var i = 0; i < styles.length; i++) {
-    var item = styles[i]
-    var domStyle = stylesInDom[item.id]
-    if (domStyle) {
-      domStyle.refs++
-      for (var j = 0; j < domStyle.parts.length; j++) {
-        domStyle.parts[j](item.parts[j])
-      }
-      for (; j < item.parts.length; j++) {
-        domStyle.parts.push(addStyle(item.parts[j]))
-      }
-      if (domStyle.parts.length > item.parts.length) {
-        domStyle.parts.length = item.parts.length
-      }
-    } else {
-      var parts = []
-      for (var j = 0; j < item.parts.length; j++) {
-        parts.push(addStyle(item.parts[j]))
-      }
-      stylesInDom[item.id] = { id: item.id, refs: 1, parts: parts }
-    }
-  }
-}
-
-function createStyleElement () {
-  var styleElement = document.createElement('style')
-  styleElement.type = 'text/css'
-  head.appendChild(styleElement)
-  return styleElement
-}
-
-function addStyle (obj /* StyleObjectPart */) {
-  var update, remove
-  var styleElement = document.querySelector('style[' + ssrIdKey + '~="' + obj.id + '"]')
-
-  if (styleElement) {
-    if (isProduction) {
-      // has SSR styles and in production mode.
-      // simply do nothing.
-      return noop
-    } else {
-      // has SSR styles but in dev mode.
-      // for some reason Chrome can't handle source map in server-rendered
-      // style tags - source maps in <style> only works if the style tag is
-      // created and inserted dynamically. So we remove the server rendered
-      // styles and inject new ones.
-      styleElement.parentNode.removeChild(styleElement)
-    }
-  }
-
-  if (isOldIE) {
-    // use singleton mode for IE9.
-    var styleIndex = singletonCounter++
-    styleElement = singletonElement || (singletonElement = createStyleElement())
-    update = applyToSingletonTag.bind(null, styleElement, styleIndex, false)
-    remove = applyToSingletonTag.bind(null, styleElement, styleIndex, true)
-  } else {
-    // use multi-style-tag mode in all other cases
-    styleElement = createStyleElement()
-    update = applyToTag.bind(null, styleElement)
-    remove = function () {
-      styleElement.parentNode.removeChild(styleElement)
-    }
-  }
-
-  update(obj)
-
-  return function updateStyle (newObj /* StyleObjectPart */) {
-    if (newObj) {
-      if (newObj.css === obj.css &&
-          newObj.media === obj.media &&
-          newObj.sourceMap === obj.sourceMap) {
-        return
-      }
-      update(obj = newObj)
-    } else {
-      remove()
-    }
-  }
-}
-
-var replaceText = (function () {
-  var textStore = []
-
-  return function (index, replacement) {
-    textStore[index] = replacement
-    return textStore.filter(Boolean).join('\n')
-  }
-})()
-
-function applyToSingletonTag (styleElement, index, remove, obj) {
-  var css = remove ? '' : obj.css
-
-  if (styleElement.styleSheet) {
-    styleElement.styleSheet.cssText = replaceText(index, css)
-  } else {
-    var cssNode = document.createTextNode(css)
-    var childNodes = styleElement.childNodes
-    if (childNodes[index]) styleElement.removeChild(childNodes[index])
-    if (childNodes.length) {
-      styleElement.insertBefore(cssNode, childNodes[index])
-    } else {
-      styleElement.appendChild(cssNode)
-    }
-  }
-}
-
-function applyToTag (styleElement, obj) {
-  var css = obj.css
-  var media = obj.media
-  var sourceMap = obj.sourceMap
-
-  if (media) {
-    styleElement.setAttribute('media', media)
-  }
-  if (options.ssrId) {
-    styleElement.setAttribute(ssrIdKey, obj.id)
-  }
-
-  if (sourceMap) {
-    // https://developer.chrome.com/devtools/docs/javascript-debugging
-    // this makes source maps inside style tags work properly in Chrome
-    css += '\n/*# sourceURL=' + sourceMap.sources[0] + ' */'
-    // http://stackoverflow.com/a/26603875
-    css += '\n/*# sourceMappingURL=data:application/json;base64,' + btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))) + ' */'
-  }
-
-  if (styleElement.styleSheet) {
-    styleElement.styleSheet.cssText = css
-  } else {
-    while (styleElement.firstChild) {
-      styleElement.removeChild(styleElement.firstChild)
-    }
-    styleElement.appendChild(document.createTextNode(css))
-  }
-}
-
-
-/***/ })
-
-/******/ 	});
-/************************************************************************/
-/******/ 	// The module cache
-/******/ 	var __webpack_module_cache__ = {};
-/******/ 	
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/ 		// Check if module is in cache
-/******/ 		var cachedModule = __webpack_module_cache__[moduleId];
-/******/ 		if (cachedModule !== undefined) {
-/******/ 			return cachedModule.exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = __webpack_module_cache__[moduleId] = {
-/******/ 			id: moduleId,
-/******/ 			// no module.loaded needed
-/******/ 			exports: {}
-/******/ 		};
-/******/ 	
-/******/ 		// Execute the module function
-/******/ 		__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
-/******/ 	
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/ 	
-/************************************************************************/
-/******/ 	/* webpack/runtime/compat get default export */
-/******/ 	!function() {
-/******/ 		// getDefaultExport function for compatibility with non-harmony modules
-/******/ 		__webpack_require__.n = function(module) {
-/******/ 			var getter = module && module.__esModule ?
-/******/ 				function() { return module['default']; } :
-/******/ 				function() { return module; };
-/******/ 			__webpack_require__.d(getter, { a: getter });
-/******/ 			return getter;
-/******/ 		};
-/******/ 	}();
-/******/ 	
-/******/ 	/* webpack/runtime/define property getters */
-/******/ 	!function() {
-/******/ 		// define getter functions for harmony exports
-/******/ 		__webpack_require__.d = function(exports, definition) {
-/******/ 			for(var key in definition) {
-/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
-/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
-/******/ 				}
-/******/ 			}
-/******/ 		};
-/******/ 	}();
-/******/ 	
-/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
-/******/ 	!function() {
-/******/ 		__webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }
-/******/ 	}();
-/******/ 	
-/******/ 	/* webpack/runtime/make namespace object */
-/******/ 	!function() {
-/******/ 		// define __esModule on exports
-/******/ 		__webpack_require__.r = function(exports) {
-/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 			}
-/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 		};
-/******/ 	}();
-/******/ 	
-/******/ 	/* webpack/runtime/publicPath */
-/******/ 	!function() {
-/******/ 		__webpack_require__.p = "";
-/******/ 	}();
-/******/ 	
-/************************************************************************/
-var __webpack_exports__ = {};
-// This entry need to be wrapped in an IIFE because it need to be in strict mode.
-!function() {
-"use strict";
-// ESM COMPAT FLAG
-__webpack_require__.r(__webpack_exports__);
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  "default": function() { return /* binding */ entry_lib; }
-});
-
-;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/lib/commands/build/setPublicPath.js
-/* eslint-disable no-var */
-// This file is imported into lib/wc client bundles.
-
-if (typeof window !== 'undefined') {
-  var currentScript = window.document.currentScript
-  if (false) { var getCurrentScript; }
-
-  var src = currentScript && currentScript.src.match(/(.+\/)[^/]+\.js(\?.*)?$/)
-  if (src) {
-    __webpack_require__.p = src[1] // eslint-disable-line
-  }
-}
-
-// Indicate to webpack that this file can be concatenated
-/* harmony default export */ var setPublicPath = (null);
-
-;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/babel-loader/lib/index.js!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/vue-seamless-scroll/index.vue?vue&type=template&id=44bde8d8&scoped=true
-var render = function render() {
-  var _vm = this,
-    _c = _vm._self._c;
-  return _c('div', {
-    ref: "scrollBody",
-    staticClass: "seamless-list",
-    on: {
-      "mouseenter": _vm.onMouseenter,
-      "mouseleave": _vm.onMouseleave,
-      "wheel": _vm.onWheel,
-      "touchstart": _vm.onTouchStart,
-      "touchmove": _vm.onTouchMove,
-      "touchend": _vm.onTouchEnd,
-      "touchcancel": _vm.onTouchEnd
-    }
-  }, [_c('div', {
-    ref: "listBody",
-    staticClass: "seamless-list__body",
-    class: {
-      'is-horizontal': _vm.isHorizontal
-    },
-    style: {
-      transform: _vm.getScrollStyle()
-    }
-  }, [_vm._t("default")], 2), _vm.canScroll ? _c('div', {
-    staticClass: "seamless-list__body",
-    class: {
-      'is-horizontal': _vm.isHorizontal
-    },
-    style: {
-      transform: _vm.getScrollStyle()
-    }
-  }, [_vm._t("default")], 2) : _vm._e()]);
-};
-var staticRenderFns = [];
-
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/babel-loader/lib/index.js!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/vue-seamless-scroll/index.vue?vue&type=script&lang=js
-/* harmony default export */ var vue_seamless_scrollvue_type_script_lang_js = ({
-  name: 'VueSeamlessScroll',
-  props: {
-    // 滚动方向
-    direction: {
-      type: String,
-      default: 'top'
-    },
-    // 滚动速度
-    steep: {
-      type: Number,
-      default: 0.5
-    },
-    // 是否可以滑轮滚动
-    roller: {
-      type: Boolean,
-      default: true
-    },
-    // 滑轮滚动的距离
-    distance: {
-      type: Number,
-      default: 20
-    },
-    data: Array
-  },
-  data() {
-    return {
-      listWidth: 0,
-      listHeight: 0,
-      bodyWidth: 0,
-      bodyHeight: 0,
-      canScroll: false,
-      isStop: false,
-      scrollDistance: 0,
-      animationFrame: null,
-      touchStartX: 0,
-      touchStartY: 0,
-      touchStartDistance: 0
-    };
-  },
-  computed: {
-    isHorizontal() {
-      return this.direction === 'left' || this.direction === 'right';
-    }
-  },
-  watch: {
-    data: {
-      handler() {
-        this.$nextTick(() => {
-          this.initData();
-        });
-      },
-      deep: true
-    }
-  },
-  mounted() {
-    this.$nextTick(() => {
-      this.initData();
-    });
-  },
-  destroyed() {
-    this.stop();
-  },
-  methods: {
-    initData() {
-      this.stop();
-      this.$nextTick(() => {
-        this.listWidth = this.$refs.listBody ? this.$refs.listBody.clientWidth : 0;
-        this.listHeight = this.$refs.listBody ? this.$refs.listBody.clientHeight : 0;
-        this.bodyWidth = this.$refs.scrollBody ? this.$refs.scrollBody.clientWidth : 0;
-        this.bodyHeight = this.$refs.scrollBody ? this.$refs.scrollBody.clientHeight : 0;
-        this.scrollDistance = 0;
-        this.start();
-      });
-    },
-    start() {
-      this.isStop = false;
-      if (this.isHorizontal) {
-        this.getCanScroll(this.listWidth, this.bodyWidth);
-      } else {
-        this.getCanScroll(this.listHeight, this.bodyHeight);
-      }
-      if (this.canScroll) {
-        this.run();
-      }
-    },
-    run() {
-      let that = this;
-      this.clearAnimation();
-      if (this.steep == 0) {
-        this.setScrollDistance();
-        return;
-      }
-      this.animationFrame = window.requestAnimationFrame(() => {
-        that.setScrollDistance();
-        if (!that.isStop) {
-          if (that.direction === 'top' || that.direction === 'left') {
-            that.scrollDistance -= that.steep;
-          } else if (that.direction === 'bottom' || that.direction === 'right') {
-            that.scrollDistance += that.steep;
-          }
-          that.run();
-        }
-      });
-    },
-    stop() {
-      this.isStop = true;
-      this.clearAnimation();
-    },
-    getCanScroll(listSize, bodySize) {
-      this.canScroll = listSize && bodySize && listSize > bodySize;
-    },
-    setScrollDistance() {
-      if (this.isHorizontal) {
-        this.getScrollDistance(this.listWidth, this.bodyWidth);
-      } else {
-        this.getScrollDistance(this.listHeight, this.bodyHeight);
-      }
-    },
-    getScrollDistance(listSize, bodySize) {
-      let scrollDistance = Math.abs(this.scrollDistance);
-      if (this.scrollDistance < 0) {
-        let size = 2 * listSize - bodySize;
-        if (scrollDistance > size) {
-          this.scrollDistance = -(listSize - bodySize);
-        }
-      } else {
-        this.scrollDistance = -listSize;
-      }
-    },
-    getScrollStyle() {
-      let style = '';
-      if (!this.isHorizontal) {
-        style = `translate(0, ${this.scrollDistance}px)`;
-      } else {
-        style = `translate(${this.scrollDistance}px, 0)`;
-      }
-      return style;
-    },
-    clearAnimation() {
-      if (this.animationFrame) {
-        cancelAnimationFrame(this.animationFrame);
-        this.animationFrame = null;
-      }
-    },
-    onMouseenter() {
-      this.stop();
-    },
-    onMouseleave() {
-      this.start();
-    },
-    onWheel(e) {
-      e.preventDefault();
-      if (!this.canScroll || !this.roller) {
-        return false;
-      }
-      let dis = e.deltaY;
-      if (dis > 0) {
-        this.scrollDistance -= this.distance;
-      } else {
-        this.scrollDistance += this.distance;
-      }
-      this.run();
-    },
-    onTouchStart(e) {
-      this.stop();
-      let touch = e.touches[0];
-      if (!touch) {
-        return;
-      }
-      this.touchStartX = touch.clientX;
-      this.touchStartY = touch.clientY;
-      this.touchStartDistance = this.scrollDistance;
-    },
-    onTouchMove(e) {
-      e.preventDefault();
-      if (!this.canScroll) {
-        return false;
-      }
-      let touch = e.touches[0];
-      if (!touch) {
-        return false;
-      }
-      if (this.isHorizontal) {
-        this.scrollDistance = this.touchStartDistance + touch.clientX - this.touchStartX;
-        this.scrollDistance = Math.max(-(this.listWidth - this.bodyWidth), Math.min(0, this.scrollDistance));
-      } else {
-        this.scrollDistance = this.touchStartDistance + touch.clientY - this.touchStartY;
-        this.scrollDistance = Math.max(-(this.listHeight - this.bodyHeight), Math.min(0, this.scrollDistance));
-      }
-    },
-    onTouchEnd() {
-      this.start();
-    }
-  }
-});
-;// CONCATENATED MODULE: ./packages/vue-seamless-scroll/index.vue?vue&type=script&lang=js
- /* harmony default export */ var packages_vue_seamless_scrollvue_type_script_lang_js = (vue_seamless_scrollvue_type_script_lang_js); 
-// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-54.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-54.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-54.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-54.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/vue-seamless-scroll/index.vue?vue&type=style&index=0&id=44bde8d8&prod&scoped=true&lang=css
-var vue_seamless_scrollvue_type_style_index_0_id_44bde8d8_prod_scoped_true_lang_css = __webpack_require__(450);
-;// CONCATENATED MODULE: ./packages/vue-seamless-scroll/index.vue?vue&type=style&index=0&id=44bde8d8&prod&scoped=true&lang=css
-
-;// CONCATENATED MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
-/* globals __VUE_SSR_CONTEXT__ */
-
-// IMPORTANT: Do NOT use ES2015 features in this file (except for modules).
-// This module is a runtime utility for cleaner component module output and will
-// be included in the final webpack user bundle.
-
-function normalizeComponent(
-  scriptExports,
-  render,
-  staticRenderFns,
-  functionalTemplate,
-  injectStyles,
-  scopeId,
-  moduleIdentifier /* server only */,
-  shadowMode /* vue-cli only */
-) {
-  // Vue.extend constructor export interop
-  var options =
-    typeof scriptExports === 'function' ? scriptExports.options : scriptExports
-
-  // render functions
-  if (render) {
-    options.render = render
-    options.staticRenderFns = staticRenderFns
-    options._compiled = true
-  }
-
-  // functional template
-  if (functionalTemplate) {
-    options.functional = true
-  }
-
-  // scopedId
-  if (scopeId) {
-    options._scopeId = 'data-v-' + scopeId
-  }
-
-  var hook
-  if (moduleIdentifier) {
-    // server build
-    hook = function (context) {
-      // 2.3 injection
-      context =
-        context || // cached call
-        (this.$vnode && this.$vnode.ssrContext) || // stateful
-        (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional
-      // 2.2 with runInNewContext: true
-      if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
-        context = __VUE_SSR_CONTEXT__
-      }
-      // inject component styles
-      if (injectStyles) {
-        injectStyles.call(this, context)
-      }
-      // register component module identifier for async chunk inferrence
-      if (context && context._registeredComponents) {
-        context._registeredComponents.add(moduleIdentifier)
-      }
-    }
-    // used by ssr in case component is cached and beforeCreate
-    // never gets called
-    options._ssrRegister = hook
-  } else if (injectStyles) {
-    hook = shadowMode
-      ? function () {
-          injectStyles.call(
-            this,
-            (options.functional ? this.parent : this).$root.$options.shadowRoot
-          )
-        }
-      : injectStyles
-  }
-
-  if (hook) {
-    if (options.functional) {
-      // for template-only hot-reload because in that case the render fn doesn't
-      // go through the normalizer
-      options._injectStyles = hook
-      // register for functional component in vue file
-      var originalRender = options.render
-      options.render = function renderWithStyleInjection(h, context) {
-        hook.call(context)
-        return originalRender(h, context)
-      }
-    } else {
-      // inject component registration as beforeCreate hook
-      var existing = options.beforeCreate
-      options.beforeCreate = existing ? [].concat(existing, hook) : [hook]
-    }
-  }
-
-  return {
-    exports: scriptExports,
-    options: options
-  }
-}
-
-;// CONCATENATED MODULE: ./packages/vue-seamless-scroll/index.vue
-
-
-
-;
-
-
-/* normalize component */
-
-var component = normalizeComponent(
-  packages_vue_seamless_scrollvue_type_script_lang_js,
-  render,
-  staticRenderFns,
-  false,
-  null,
-  "44bde8d8",
-  null
-  
-)
-
-/* harmony default export */ var vue_seamless_scroll = (component.exports);
-;// CONCATENATED MODULE: ./packages/vue-seamless-scroll/index.js
-
-vue_seamless_scroll.install = function (Vue) {
-  Vue.component(vue_seamless_scroll.name, vue_seamless_scroll);
-};
-/* harmony default export */ var packages_vue_seamless_scroll = (vue_seamless_scroll);
-;// CONCATENATED MODULE: ./packages/index.js
-
-const components = [packages_vue_seamless_scroll];
-const install = function (Vue) {
-  components.forEach(comp => {
-    Vue.component(comp.name, comp);
-  });
-};
-if (typeof window !== 'undefined' && window.Vue) {
-  install(window.Vue);
-}
-/* harmony default export */ var packages_0 = ({
-  install,
-  VueSeamlessScroll: packages_vue_seamless_scroll
-});
-;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/lib/commands/build/entry-lib.js
-
-
-/* harmony default export */ var entry_lib = (packages_0);
-
-
-}();
-/******/ 	return __webpack_exports__;
-/******/ })()
-;
-});
-//# sourceMappingURL=vue-seamless-scroll.umd.js.map
+(function(i,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(i=typeof globalThis<"u"?globalThis:i||self,e(i["vue-seamless-scroll"]={},i.Vue))})(this,function(i,e){"use strict";const T={name:"VueSeamlessScroll"},W=e.defineComponent({...T,props:{direction:{default:"top"},steep:{default:.5},roller:{type:Boolean,default:!0},distance:{default:20},data:{}},setup(c){const l=c,t=e.reactive({listWidth:0,listHeight:0,bodyWidth:0,bodyHeight:0,canScroll:!1,isStop:!1,scrollDistance:0,animationFrame:null,touchStartX:0,touchStartY:0,touchStartDistance:0}),a=e.ref(),r=e.ref(),s=e.computed(()=>l.direction==="left"||l.direction==="right");e.watch(()=>l.data,()=>{e.nextTick(()=>{S()})}),e.onMounted(()=>{e.nextTick(()=>{S()})}),e.onUnmounted(()=>{u()});function S(){u(),e.nextTick(()=>{var n,o,f,h;t.listWidth=((n=r.value)==null?void 0:n.clientWidth)||0,t.listHeight=((o=r.value)==null?void 0:o.clientHeight)||0,t.bodyWidth=((f=a.value)==null?void 0:f.clientWidth)||0,t.bodyHeight=((h=a.value)==null?void 0:h.clientHeight)||0,t.scrollDistance=0,m()})}function m(){t.isStop=!1,s.value?y(t.listWidth,t.bodyWidth):y(t.listHeight,t.bodyHeight),t.canScroll&&p()}function p(){if(b(),l.steep==0){D();return}t.animationFrame=window.requestAnimationFrame(()=>{D(),t.isStop||(l.direction==="top"||l.direction==="left"?t.scrollDistance-=l.steep:(l.direction==="bottom"||l.direction==="right")&&(t.scrollDistance+=l.steep),p())})}function u(){t.isStop=!0,b()}function y(n,o){t.canScroll=n&&o?n>o:!1}function D(){s.value?_(t.listWidth,t.bodyWidth):_(t.listHeight,t.bodyHeight)}function _(n,o){let f=Math.abs(t.scrollDistance);if(t.scrollDistance<0){let h=2*n-o;f>h&&(t.scrollDistance=-(n-o))}else t.scrollDistance=-n}function g(){let n="";return s.value?n=`translate(${t.scrollDistance}px, 0)`:n=`translate(0, ${t.scrollDistance}px)`,n}function b(){t.animationFrame&&(cancelAnimationFrame(t.animationFrame),t.animationFrame=null)}function k(){u()}function x(){m()}function M(n){if(n.preventDefault(),!t.canScroll||!l.roller)return;n.deltaY>0?t.scrollDistance-=l.distance:t.scrollDistance+=l.distance,p()}function B(n){u();const o=n.touches[0];o&&(t.touchStartX=o.clientX,t.touchStartY=o.clientY,t.touchStartDistance=t.scrollDistance)}function F(n){if(n.preventDefault(),!t.canScroll)return;const o=n.touches[0];o&&(s.value?(t.scrollDistance=t.touchStartDistance+o.clientX-t.touchStartX,t.scrollDistance=Math.max(-(t.listWidth-t.bodyWidth),Math.min(0,t.scrollDistance))):(t.scrollDistance=t.touchStartDistance+o.clientY-t.touchStartY,t.scrollDistance=Math.max(-(t.listHeight-t.bodyHeight),Math.min(0,t.scrollDistance))))}function H(){m()}return(n,o)=>(e.openBlock(),e.createElementBlock("div",{class:"seamless-list",ref_key:"scrollBody",ref:a,onMouseenter:k,onMouseleave:x,onWheel:M,onTouchstart:B,onTouchmove:F,onTouchend:H,onTouchcancel:H},[e.createElementVNode("div",{class:e.normalizeClass(["seamless-list__body",{"is-horizontal":s.value}]),ref_key:"listBody",ref:r,style:e.normalizeStyle({transform:g()})},[e.renderSlot(n.$slots,"default",{},void 0,!0)],6),t.canScroll?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["seamless-list__body",{"is-horizontal":s.value}]),style:e.normalizeStyle({transform:g()})},[e.renderSlot(n.$slots,"default",{},void 0,!0)],6)):e.createCommentVNode("",!0)],544))}}),d=((c,l)=>{const t=c.__vccOpts||c;for(const[a,r]of l)t[a]=r;return t})(W,[["__scopeId","data-v-9dc5b214"]]);d.install=c=>(c.component(d.name,d),c),i.VueSeamlessScroll=d,Object.defineProperty(i,Symbol.toStringTag,{value:"Module"})});