y-design-ssr 0.0.21 → 0.0.22

package/libs/swipeItem.js

@@ -115,6 +115,44 @@ function _slicedToArray(arr, i) {
 
 /***/ }),
 
+/***/ 7329:
+/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "Z": function() { return /* binding */ _toConsumableArray; }
+});
+
+// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js
+var arrayLikeToArray = __webpack_require__(676);
+;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js
+
+function _arrayWithoutHoles(arr) {
+  if (Array.isArray(arr)) return (0,arrayLikeToArray/* default */.Z)(arr);
+}
+;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/iterableToArray.js
+function _iterableToArray(iter) {
+  if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+}
+// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js
+var unsupportedIterableToArray = __webpack_require__(2961);
+;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js
+function _nonIterableSpread() {
+  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js
+
+
+
+
+function _toConsumableArray(arr) {
+  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || (0,unsupportedIterableToArray/* default */.Z)(arr) || _nonIterableSpread();
+}
+
+/***/ }),
+
 /***/ 2961:
 /***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
@@ -142,11 +180,14 @@ function _unsupportedIterableToArray(o, minLen) {
 
 // EXPORTS
 __webpack_require__.d(__webpack_exports__, {
+  "tG": function() { return /* reexport */ setRelation; },
   "jQ": function() { return /* reexport */ useRelation; }
 });
 
-// UNUSED EXPORTS: filterChildren, setRelation, sortChildren
+// UNUSED EXPORTS: filterChildren, sortChildren
 
+// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/defineProperty.js
+var defineProperty = __webpack_require__(6156);
 // EXTERNAL MODULE: ./node_modules/core-js/modules/web.dom-collections.for-each.js
 var web_dom_collections_for_each = __webpack_require__(4747);
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.sort.js
@@ -172,7 +213,7 @@ var external_vue_ = __webpack_require__(4103);
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0,defineProperty/* default */.Z)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 
 
@@ -199,7 +240,7 @@ var filterChildren = function filterChildren(children) {
   var _filterChildren = function _filterChildren(childrens) {
     if (Array.isArray(childrens)) {
       childrens.forEach(function (child) {
-        if (isVNode(child)) {
+        if ((0,external_vue_.isVNode)(child)) {
           var _child$component;
 
           vnodes.push(child);
@@ -227,8 +268,8 @@ var sortChildren = function sortChildren(childrens, instance) {
   });
 };
 var setRelation = function setRelation(key) {
-  var instance = getCurrentInstance();
-  var childrens = reactive([]);
+  var instance = (0,external_vue_.getCurrentInstance)();
+  var childrens = (0,external_vue_.reactive)([]);
 
   var initProvide = function initProvide(value) {
     var addChild = function addChild(child) {
@@ -243,7 +284,7 @@ var setRelation = function setRelation(key) {
       childrens.splice(index, 1);
     };
 
-    provide(key, _objectSpread({
+    (0,external_vue_.provide)(key, _objectSpread({
       addChild: addChild,
       removeChild: removeChild,
       childrens: childrens
@@ -380,22 +421,13 @@ var langs = (0,external_vue_.reactive)({
 
 "use strict";
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "pB": function() { return /* binding */ SWIPE_PROVIDE_KEY; }
+/* harmony export */   "Ly": function() { return /* binding */ Position; },
+/* harmony export */   "xM": function() { return /* binding */ Align; },
+/* harmony export */   "Gn": function() { return /* binding */ swipeProps; }
 /* harmony export */ });
-/* unused harmony exports Position, Align, swipeProps */
-/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2526);
-/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var core_js_modules_es_symbol_description_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(1817);
-/* harmony import */ var core_js_modules_es_symbol_description_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_symbol_description_js__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(1539);
-/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var core_js_modules_es_number_constructor_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(9653);
-/* harmony import */ var core_js_modules_es_number_constructor_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_number_constructor_js__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var core_js_modules_es_number_constructor_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9653);
+/* harmony import */ var core_js_modules_es_number_constructor_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_number_constructor_js__WEBPACK_IMPORTED_MODULE_0__);
 
-
-
-
-var SWIPE_PROVIDE_KEY = Symbol('y-swipe');
 var Position;
 
 (function (Position) {
@@ -482,6 +514,583 @@ var swipeProps = {
 
 /***/ }),
 
+/***/ 7832:
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "p": function() { return /* binding */ SWIPE_PROVIDE_KEY; }
+/* harmony export */ });
+/* harmony import */ var _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(7329);
+/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(4699);
+/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(4103);
+/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(2526);
+/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var core_js_modules_es_symbol_description_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(1817);
+/* harmony import */ var core_js_modules_es_symbol_description_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_symbol_description_js__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(1539);
+/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var core_js_modules_es_number_constructor_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(9653);
+/* harmony import */ var core_js_modules_es_number_constructor_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_number_constructor_js__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(1249);
+/* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_5__);
+/* harmony import */ var core_js_modules_es_array_fill_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(3290);
+/* harmony import */ var core_js_modules_es_array_fill_js__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_fill_js__WEBPACK_IMPORTED_MODULE_6__);
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(4105);
+/* harmony import */ var _swipeItem_src_swipeItem__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(7481);
+/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(2530);
+/* harmony import */ var _context_relation__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(874);
+
+
+
+
+
+
+
+
+
+
+/* eslint-disable max-statements */
+
+
+
+
+
+
+var _createNamespace = (0,_utils__WEBPACK_IMPORTED_MODULE_7__/* .createNamespace */ .do)('swipe'),
+    _createNamespace2 = (0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_11__/* .default */ .Z)(_createNamespace, 2),
+    name = _createNamespace2[0],
+    bem = _createNamespace2[1];
+
+var SWIPE_PROVIDE_KEY = Symbol(name);
+/* unused harmony default export */ var __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_0__.defineComponent)({
+  name: name,
+  components: {
+    YSwipeItem: _swipeItem_src_swipeItem__WEBPACK_IMPORTED_MODULE_8__/* .default */ .Z
+  },
+  props: _constants__WEBPACK_IMPORTED_MODULE_9__/* .swipeProps */ .Gn,
+  setup: function setup(props, _ref) {
+    var slots = _ref.slots,
+        emit = _ref.emit,
+        expose = _ref.expose;
+
+    var _setRelation = (0,_context_relation__WEBPACK_IMPORTED_MODULE_10__/* .setRelation */ .tG)(SWIPE_PROVIDE_KEY),
+        initProvide = _setRelation.initProvide; // swipe item列表
+
+
+    var itemList = (0,vue__WEBPACK_IMPORTED_MODULE_0__.reactive)([]); // 当前Index
+
+    var activeIndex = (0,vue__WEBPACK_IMPORTED_MODULE_0__.ref)(Number(props.initIndex)); // 元素详情
+
+    var itemDetail = (0,vue__WEBPACK_IMPORTED_MODULE_0__.reactive)({
+      // 元素尺寸
+      size: 0,
+      // 间距
+      space: 0,
+      // 元素宽度比swipe小，占满整个视窗
+      isFillViewport: false
+    }); // track轨道
+
+    var trackDetail = (0,vue__WEBPACK_IMPORTED_MODULE_0__.reactive)({
+      // 偏移量
+      offset: 0,
+      // 视窗大小
+      viewportSize: 0,
+      // 重复节点个数
+      cloneNodeCount: 0
+    });
+    var swipeRef = (0,vue__WEBPACK_IMPORTED_MODULE_0__.ref)();
+    var swipeTrackRef = (0,vue__WEBPACK_IMPORTED_MODULE_0__.ref)();
+    /* -----------懒加载-------------*/
+
+    var getBooleanList = function getBooleanList() {
+      var l = itemList.length;
+      var result = [];
+
+      for (var i = 0; i < l; i++) {
+        result.push(!props.lazy);
+      }
+
+      return result;
+    }; // 检查某个位置是否已经加载，如果没有，进行加载
+
+
+    var checkItemShowed = function checkItemShowed() {
+      if (!props.lazy) return;
+      var itemSizeSpace = itemDetail.size + itemDetail.space;
+      var trackSize = itemList.length * itemSizeSpace; // 视窗左边相对track的距离
+
+      var viewportLeft = -(trackDetail.offset + dragDetail.offset) - trackDetail.cloneNodeCount * itemSizeSpace;
+
+      if (viewportLeft < 0) {
+        viewportLeft += trackSize;
+      } // 视窗右边相对track的距离
+
+
+      var viewportRight = viewportLeft + trackDetail.viewportSize;
+
+      for (var i = 0; i < itemList.length; i++) {
+        if (!itemShowedList.list[i]) {
+          // 元素相对track的距离
+          var left = itemSizeSpace * i;
+          var right = left + itemDetail.size; // 如果出现在视窗内
+
+          if (left >= viewportLeft && left < viewportRight || right > viewportLeft && right < viewportRight || left < viewportLeft && right > viewportRight) {
+            itemShowedList.list[i] = true;
+          }
+        }
+      }
+    }; // items是否加载
+
+
+    var itemShowedList = (0,vue__WEBPACK_IMPORTED_MODULE_0__.reactive)({
+      list: getBooleanList()
+    }); // 初始化加载情况
+
+    var initItemShowList = function initItemShowList() {
+      itemShowedList.list = getBooleanList();
+      checkItemShowed();
+    };
+
+    (0,vue__WEBPACK_IMPORTED_MODULE_0__.watch)(function () {
+      return (0,_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_12__/* .default */ .Z)(itemList);
+    }, initItemShowList);
+    /* -----------初始化-------------*/
+    // 计算初始的滑块/容器/间距宽度
+
+    var setItemSize = function setItemSize(itemSize, viewportSize) {
+      if (itemSize) {
+        itemDetail.size = (0,_utils__WEBPACK_IMPORTED_MODULE_7__/* .parsePercent */ .GM)(itemSize, viewportSize);
+      } else {
+        itemDetail.size = viewportSize;
+      }
+
+      itemDetail.space = Number(props.itemSpace) || 0;
+      itemDetail.isFillViewport = itemDetail.size >= viewportSize;
+      trackDetail.viewportSize = viewportSize;
+      trackDetail.cloneNodeCount = getCloneNodeCount();
+    }; // 得到重复元素数量
+
+
+    var getCloneNodeCount = function getCloneNodeCount() {
+      if (needLoop.value) {
+        // 除去当前显示，滑动过程中最大可能显示的宽度
+        var sizeSpace = itemDetail.size + itemDetail.space;
+        if (sizeSpace === 0) return 0;
+        var freeSize = trackDetail.viewportSize * 2 - sizeSpace;
+        var count = Math.ceil(freeSize / sizeSpace);
+        return Math.min(count, itemList.length - 1);
+      }
+
+      return 0;
+    };
+
+    var resize = function resize() {
+      if (!swipeRef.value) return; // 获取容器Size，itemSize
+
+      var _swipeRef$value$getBo = swipeRef.value.getBoundingClientRect(),
+          width = _swipeRef$value$getBo.width,
+          height = _swipeRef$value$getBo.height;
+
+      if (props.vertical) {
+        setItemSize(props.itemSize, height);
+      } else {
+        setItemSize(props.itemSize, width);
+      }
+
+      activeIndex.value = activeIndex.value >= itemList.length ? itemList.length - 1 : activeIndex.value;
+
+      if (activeIndex.value < 0) {
+        activeIndex.value = 0;
+      } // 初始化offset
+
+
+      updateTransform(activeIndex.value); // 初始化item加载情况
+
+      initItemShowList(); // 开始自动播放
+
+      startAutoplay();
+    };
+
+    (0,vue__WEBPACK_IMPORTED_MODULE_0__.onMounted)(function () {
+      (0,vue__WEBPACK_IMPORTED_MODULE_0__.nextTick)(resize).catch(function () {// do nothing
+      }); // 初始化事件监听
+
+      if (props.touchable && swipeRef.value) {
+        var swipeEl = swipeRef.value;
+        swipeEl.addEventListener('touchstart', onTouchStart, false);
+        swipeEl.addEventListener('mousedown', onTouchStart, false);
+        swipeEl.addEventListener('touchmove', onTouch, false);
+        swipeEl.addEventListener('mousemove', onTouch, false);
+        swipeEl.addEventListener('touchend', onTouchEnd, false);
+        swipeEl.addEventListener('mouseup', onTouchEnd, false);
+        swipeEl.addEventListener('mouseleave', onTouchEnd, false);
+        swipeEl.addEventListener('touchcancel', onTouchEnd, false);
+      }
+
+      window.addEventListener('resize', resize, false);
+      window.addEventListener('orientationchange', resize, false);
+    });
+    (0,vue__WEBPACK_IMPORTED_MODULE_0__.onBeforeUnmount)(function () {
+      stopAutoPlay();
+
+      if (props.touchable && swipeRef.value) {
+        var swipeEl = swipeRef.value;
+        swipeEl.removeEventListener('touchstart', onTouchStart, false);
+        swipeEl.removeEventListener('mousedown', onTouchStart, false);
+        swipeEl.removeEventListener('mousemove', onTouch, false);
+        swipeEl.removeEventListener('touchmove', onTouch, false);
+        swipeEl.removeEventListener('mouseup', onTouchEnd, false);
+        swipeEl.removeEventListener('touchend', onTouchEnd, false);
+        swipeEl.removeEventListener('mouseleave', onTouchEnd, false);
+        swipeEl.removeEventListener('touchcancel', onTouchEnd, false);
+      }
+
+      window.removeEventListener('resize', resize, false);
+      window.removeEventListener('orientationchange', resize, false);
+    });
+    /* -----------更新index-------------*/
+    // 滑块整体的对齐偏移，根据对齐方式计算
+
+    var positionOffset = (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(function () {
+      var offset = 0;
+
+      switch (props.align) {
+        case _constants__WEBPACK_IMPORTED_MODULE_9__/* .Align.start */ .xM.start:
+          offset = 0;
+          break;
+
+        case _constants__WEBPACK_IMPORTED_MODULE_9__/* .Align.center */ .xM.center:
+          offset = (trackDetail.viewportSize - itemDetail.size) / 2;
+          break;
+
+        case _constants__WEBPACK_IMPORTED_MODULE_9__/* .Align.end */ .xM.end:
+          offset = trackDetail.viewportSize - itemDetail.size;
+          break;
+
+        default:
+          offset = 0;
+      }
+
+      return offset;
+    });
+    var needLoop = (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(function () {
+      return props.loop && itemList.length > 1;
+    }); // 如果当前显示的是clone的item则会返回到原本item的位置
+
+    var updateTransform = function updateTransform(index) {
+      var itemSizeSpace = itemDetail.size + itemDetail.space;
+
+      if (needLoop.value) {
+        // track开始部分，重复元素数量
+        trackDetail.offset = -itemSizeSpace * (index + trackDetail.cloneNodeCount) + positionOffset.value;
+      } else {
+        trackDetail.offset = -itemSizeSpace * index + positionOffset.value; // 非循环类型并且非center的边缘item不留白
+
+        if (props.align !== 'center') {
+          if (index === 0) {
+            trackDetail.offset = 0;
+          }
+
+          if (index === itemList.length - 1) {
+            trackDetail.offset = -itemSizeSpace * index + trackDetail.viewportSize - itemDetail.size;
+          }
+        }
+      }
+    };
+
+    var afterChange = function afterChange() {
+      updateTransform(activeIndex.value);
+      emit('afterChange', activeIndex.value);
+    }; // 循环时index可能会超出列表范围，这里找到对应的index
+
+
+    var getIndex = function getIndex(index) {
+      return (itemList.length + index) % itemList.length;
+    };
+
+    var moveTo = function moveTo(index) {
+      var withAnimation = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+      activeIndex.value = getIndex(index);
+      updateTransform(index);
+      checkItemShowed();
+      emit('change', activeIndex.value);
+
+      if (withAnimation) {
+        dragDetail.transitionEnabled = true;
+
+        if (swipeTrackRef.value) {
+          swipeTrackRef.value.addEventListener('transitionend', function () {
+            dragDetail.transitionEnabled = false;
+            afterChange();
+          }, {
+            once: true
+          });
+        }
+      } else {
+        afterChange();
+      }
+    };
+
+    var prev = function prev() {
+      var withAnimation = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+      moveTo(activeIndex.value - 1, withAnimation);
+    };
+
+    var next = function next() {
+      var withAnimation = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+      moveTo(activeIndex.value + 1, withAnimation);
+    };
+    /* -----------自动播放-------------*/
+    // 停止自动轮播
+
+
+    var timer = null;
+
+    var stopAutoPlay = function stopAutoPlay() {
+      if (props.autoplayTime && timer) {
+        clearInterval(timer);
+      }
+    }; // 重置自动轮播
+
+
+    var startAutoplay = function startAutoplay() {
+      if (props.autoplayTime && itemList.length > 1) {
+        if (timer) {
+          clearInterval(timer);
+        }
+
+        timer = setInterval(function () {
+          next();
+        }, Number(props.autoplayTime));
+      }
+    };
+    /* -----------拖拽-------------*/
+    // 拖拽详情
+
+
+    var dragDetail = (0,vue__WEBPACK_IMPORTED_MODULE_0__.reactive)({
+      // 拖拽中
+      isDragging: false,
+      // 是否首次拖动
+      isFirstTouch: true,
+      // 拖拽起始位置X
+      startX: 0,
+      // 拖拽起始位置Y
+      startY: 0,
+      // 拖拽距离
+      offset: 0,
+      // 开始拖动时间
+      startTime: new Date(),
+      // 是否在执行动画
+      transitionEnabled: false
+    }); // 开始拖动
+
+    var onTouchStart = function onTouchStart(e) {
+      // 在执行动画期间，不允许滑动
+      if (dragDetail.transitionEnabled) {
+        return;
+      }
+
+      var clientX = 0;
+      var clientY = 0;
+
+      if ('touches' in e) {
+        clientX = e.touches[0].clientX;
+        clientY = e.touches[0].clientY;
+      } else {
+        clientX = e.clientX;
+        clientY = e.clientY;
+      }
+
+      dragDetail.startX = clientX;
+      dragDetail.startY = clientY;
+      dragDetail.isDragging = true;
+      dragDetail.isFirstTouch = true;
+      dragDetail.startTime = new Date();
+    }; // 拖拽中
+
+
+    var onTouch = function onTouch(e) {
+      if (!dragDetail.isDragging) {
+        return;
+      }
+
+      var clientX = 0;
+      var clientY = 0;
+
+      if ('touches' in e) {
+        clientX = e.touches[0].clientX;
+        clientY = e.touches[0].clientY;
+      } else {
+        clientX = e.clientX;
+        clientY = e.clientY;
+      }
+
+      var offsetX = clientX - dragDetail.startX;
+      var offsetY = clientY - dragDetail.startY;
+
+      if (dragDetail.isFirstTouch) {
+        dragDetail.isFirstTouch = false; // 根据首次滑动水平/垂直距离得到滑动方向
+
+        var isVerticalTouch = Math.abs(offsetX) < Math.abs(offsetY); // 若滑动方向不是轮播的方向，则停止滑动
+
+        if (isVerticalTouch !== props.vertical) {
+          dragDetail.isDragging = false;
+          return;
+        }
+      }
+
+      e.preventDefault();
+      dragDetail.offset = props.vertical ? offsetY : offsetX;
+      checkItemShowed();
+      emit('dragging', {
+        percent: dragDetail.offset / (itemDetail.size + itemDetail.space),
+        offset: dragDetail.offset
+      });
+    }; // 拖动结束
+
+
+    var onTouchEnd = function onTouchEnd() {
+      if (!dragDetail.isDragging) {
+        return;
+      }
+
+      dragDetail.isDragging = false;
+      var now = new Date();
+      var dragTime = now.getTime() - dragDetail.startTime.getTime();
+
+      if (canGoForward() && (Math.abs(dragDetail.offset) > minSwipeDistance.value || Math.abs(dragDetail.offset) / dragTime > 0.5)) {
+        // 滑动距离/速度足够，跳转到下一个位置
+        dragDetail.offset > 0 ? prev() : next();
+        dragDetail.offset = 0;
+      } else {
+        // 滑动距离不够，退回到之前的位置
+        dragDetail.offset = 0;
+      }
+
+      startAutoplay();
+    }; // 最小滑动距离
+
+
+    var minSwipeDistance = (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(function () {
+      return (0,_utils__WEBPACK_IMPORTED_MODULE_7__/* .parsePercent */ .GM)(props.minSwipeDistance, itemDetail.size + itemDetail.space);
+    }); // 是否能滑动到下一个
+
+    var canGoForward = function canGoForward() {
+      if (needLoop.value) {
+        return true;
+      }
+
+      var nextIndex = dragDetail.offset > 0 ? activeIndex.value - 1 : activeIndex.value + 1;
+      return nextIndex >= 0 && nextIndex < itemList.length;
+    };
+
+    var trackStyle = (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(function () {
+      var offset = dragDetail.isDragging && !props.isFollowHand ? trackDetail.offset : trackDetail.offset + dragDetail.offset;
+      var style = {};
+
+      if (props.vertical) {
+        style.transform = "translate3d(0, ".concat(offset, "px, 0)");
+        style.transitionDuration = dragDetail.transitionEnabled ? "".concat(props.duration, "ms") : '0ms';
+      } else {
+        style.transform = "translate3d(".concat(offset, "px, 0, 0)");
+        style.transitionDuration = dragDetail.transitionEnabled ? "".concat(props.duration, "ms") : '0ms';
+      }
+
+      if (dragDetail.isDragging) {
+        style.transition = 'none';
+      }
+
+      if (props.vertical) {
+        style.flexDirection = 'column';
+      }
+
+      if (props.autoHeight) {
+        style.display = 'block';
+        style.whiteSpace = 'nowrap';
+      }
+
+      return style;
+    });
+    var dotsClass = (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(function () {
+      var position = props.dotsPosition || (props.vertical ? _constants__WEBPACK_IMPORTED_MODULE_9__/* .Position.left */ .Ly.left : _constants__WEBPACK_IMPORTED_MODULE_9__/* .Position.bottom */ .Ly.bottom);
+      return ['y-swipe__dots', "y-swipe__dots--".concat(position)];
+    });
+    expose({
+      moveTo: moveTo,
+      next: next,
+      prev: prev,
+      resize: resize
+    });
+    /* -----------provide-------------*/
+
+    var tabs = (0,vue__WEBPACK_IMPORTED_MODULE_0__.reactive)({
+      children: itemList,
+      activeIndex: activeIndex,
+      props: props,
+      itemDetail: itemDetail,
+      itemShowedList: itemShowedList
+    });
+    initProvide(tabs);
+
+    var renderDots = function renderDots() {
+      if (props.dots) {
+        return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", {
+          "class": dotsClass.value
+        }, [itemList.map(function (_, index) {
+          var className = bem('dot', {
+            active: index === activeIndex.value
+          });
+          return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", {
+            "class": className,
+            "style": {
+              backgroundColor: props.dotsColor
+            },
+            "key": index
+          }, null);
+        })]);
+      }
+
+      return null;
+    };
+
+    return function () {
+      var _slots$default;
+
+      return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", {
+        "class": bem(),
+        "ref": swipeRef
+      }, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", {
+        "class": bem('track'),
+        "style": trackStyle.value,
+        "ref": swipeTrackRef
+      }, [Array(trackDetail.cloneNodeCount).fill('').map(function (_, index) {
+        var _itemList$nodeIndex, _itemList$nodeIndex$s, _itemList$nodeIndex$s2;
+
+        var nodeIndex = getIndex(index - trackDetail.cloneNodeCount);
+        var item = (_itemList$nodeIndex = itemList[nodeIndex]) === null || _itemList$nodeIndex === void 0 ? void 0 : (_itemList$nodeIndex$s = (_itemList$nodeIndex$s2 = _itemList$nodeIndex.slots).default) === null || _itemList$nodeIndex$s === void 0 ? void 0 : _itemList$nodeIndex$s.call(_itemList$nodeIndex$s2);
+        return item ? (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_swipeItem_src_swipeItem__WEBPACK_IMPORTED_MODULE_8__/* .default */ .Z, {
+          "clonenNode": item,
+          "index": nodeIndex
+        }, null) : null;
+      }), (_slots$default = slots.default) === null || _slots$default === void 0 ? void 0 : _slots$default.call(slots), Array(trackDetail.cloneNodeCount).fill('').map(function (_, index) {
+        var _itemList$nodeIndex2, _itemList$nodeIndex2$, _itemList$nodeIndex2$2;
+
+        var nodeIndex = getIndex(index);
+        var item = (_itemList$nodeIndex2 = itemList[nodeIndex]) === null || _itemList$nodeIndex2 === void 0 ? void 0 : (_itemList$nodeIndex2$ = (_itemList$nodeIndex2$2 = _itemList$nodeIndex2.slots).default) === null || _itemList$nodeIndex2$ === void 0 ? void 0 : _itemList$nodeIndex2$.call(_itemList$nodeIndex2$2);
+        return item ? (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_swipeItem_src_swipeItem__WEBPACK_IMPORTED_MODULE_8__/* .default */ .Z, {
+          "clonenNode": item,
+          "index": nodeIndex
+        }, null) : null;
+      })]), slots.dots ? slots.dots() : renderDots()]);
+    };
+  }
+}));
+
+/***/ }),
+
 /***/ 7481:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
@@ -493,9 +1102,9 @@ var swipeProps = {
 /* harmony import */ var core_js_modules_es_number_constructor_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_number_constructor_js__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var core_js_modules_es_array_find_index_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(4553);
 /* harmony import */ var core_js_modules_es_array_find_index_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_find_index_js__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var _swipe_src_constants__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(2530);
-/* harmony import */ var _context_relation__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(874);
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(4105);
+/* harmony import */ var _context_relation__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(874);
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(4105);
+/* harmony import */ var _swipe_src_swipe__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(7832);
 
 
 
@@ -505,7 +1114,7 @@ var swipeProps = {
 
 
 
-var _createNamespace = (0,_utils__WEBPACK_IMPORTED_MODULE_5__/* .createNamespace */ .do)('swipe-item'),
+var _createNamespace = (0,_utils__WEBPACK_IMPORTED_MODULE_4__/* .createNamespace */ .do)('swipe-item'),
     _createNamespace2 = (0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_6__/* .default */ .Z)(_createNamespace, 2),
     name = _createNamespace2[0],
     bem = _createNamespace2[1];
@@ -526,7 +1135,7 @@ var _createNamespace = (0,_utils__WEBPACK_IMPORTED_MODULE_5__/* .createNamespace
     var slots = _ref.slots;
     var instance = (0,vue__WEBPACK_IMPORTED_MODULE_0__.getCurrentInstance)();
 
-    var _useRelation = (0,_context_relation__WEBPACK_IMPORTED_MODULE_4__/* .useRelation */ .jQ)(_swipe_src_constants__WEBPACK_IMPORTED_MODULE_3__/* .SWIPE_PROVIDE_KEY */ .pB),
+    var _useRelation = (0,_context_relation__WEBPACK_IMPORTED_MODULE_3__/* .useRelation */ .jQ)(_swipe_src_swipe__WEBPACK_IMPORTED_MODULE_5__/* .SWIPE_PROVIDE_KEY */ .p),
         parent = _useRelation.parent;
 
     if (!props.clonenNode && instance) {
@@ -586,10 +1195,11 @@ var _createNamespace = (0,_utils__WEBPACK_IMPORTED_MODULE_5__/* .createNamespace
 
 // EXPORTS
 __webpack_require__.d(__webpack_exports__, {
-  "do": function() { return /* reexport */ createNamespace; }
+  "do": function() { return /* reexport */ createNamespace; },
+  "GM": function() { return /* reexport */ parsePercent; }
 });
 
-// UNUSED EXPORTS: Direction, Horizontal, Location, Position, Size, Vertical, createLocale, isArguments, isDate, isError, isFunction, isMap, isNumber, isObject, isPromise, isRegExp, isSet, isString, isSymbol, isWeakMap, isWeakSet, parseFlexDirection, parsePercent, parseUnit
+// UNUSED EXPORTS: Direction, Horizontal, Location, Position, Size, Vertical, createLocale, isArguments, isDate, isError, isFunction, isMap, isNumber, isObject, isPromise, isRegExp, isSet, isString, isSymbol, isWeakMap, isWeakSet, parseFlexDirection, parseUnit
 
 // EXTERNAL MODULE: ./packages/utils/is.ts
 var is = __webpack_require__(3703);
@@ -899,6 +1509,31 @@ module.exports = function (it) {
 };
 
 
+/***/ }),
+
+/***/ 1285:
+/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
+
+"use strict";
+
+var toObject = __webpack_require__(7908);
+var toAbsoluteIndex = __webpack_require__(1400);
+var toLength = __webpack_require__(7466);
+
+// `Array.prototype.fill` method implementation
+// https://tc39.es/ecma262/#sec-array.prototype.fill
+module.exports = function fill(value /* , start = 0, end = @length */) {
+  var O = toObject(this);
+  var length = toLength(O.length);
+  var argumentsLength = arguments.length;
+  var index = toAbsoluteIndex(argumentsLength > 1 ? arguments[1] : undefined, length);
+  var end = argumentsLength > 2 ? arguments[2] : undefined;
+  var endPos = end === undefined ? length : toAbsoluteIndex(end, length);
+  while (endPos > index) O[index++] = value;
+  return O;
+};
+
+
 /***/ }),
 
 /***/ 8533:
@@ -3159,6 +3794,25 @@ $({ target: 'Array', proto: true, forced: FORCED }, {
 });
 
 
+/***/ }),
+
+/***/ 3290:
+/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
+
+var $ = __webpack_require__(2109);
+var fill = __webpack_require__(1285);
+var addToUnscopables = __webpack_require__(1223);
+
+// `Array.prototype.fill` method
+// https://tc39.es/ecma262/#sec-array.prototype.fill
+$({ target: 'Array', proto: true }, {
+  fill: fill
+});
+
+// https://tc39.es/ecma262/#sec-array.prototype-@@unscopables
+addToUnscopables('fill');
+
+
 /***/ }),
 
 /***/ 7327:
@@ -3263,6 +3917,29 @@ $({ target: 'Array', proto: true, forced: NEGATIVE_ZERO || !STRICT_METHOD }, {
 });
 
 
+/***/ }),
+
+/***/ 1249:
+/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
+
+"use strict";
+
+var $ = __webpack_require__(2109);
+var $map = __webpack_require__(2092).map;
+var arrayMethodHasSpeciesSupport = __webpack_require__(1194);
+
+var HAS_SPECIES_SUPPORT = arrayMethodHasSpeciesSupport('map');
+
+// `Array.prototype.map` method
+// https://tc39.es/ecma262/#sec-array.prototype.map
+// with adding support of @@species
+$({ target: 'Array', proto: true, forced: !HAS_SPECIES_SUPPORT }, {
+  map: function map(callbackfn /* , thisArg */) {
+    return $map(this, callbackfn, arguments.length > 1 ? arguments[1] : undefined);
+  }
+});
+
+
 /***/ }),
 
 /***/ 5827: