@varlet/ui 2.16.7 → 2.16.8-alpha.1695118057982

package/es/swipe/Swipe.mjs

@@ -1,157 +1,218 @@
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
-function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
-import VarButton from '../button/index.mjs';
-import VarIcon from '../icon/index.mjs';
-import Hover from '../hover/index.mjs';
-import { defineComponent, ref, computed, watch, onActivated } from 'vue';
-import { useSwipeItems } from './provide.mjs';
-import { props } from './props.mjs';
-import { clamp, isNumber, toNumber, doubleRaf } from '@varlet/shared';
-import { call, createNamespace } from '../utils/components.mjs';
-import { onSmartUnmounted, onWindowResize, useTouch } from '@varlet/use';
-import { usePopup } from '../popup/provide.mjs';
-var SWIPE_DELAY = 250;
-var SWIPE_OFFSET = 20;
-var {
-  name,
-  n,
-  classes
-} = createNamespace('swipe');
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+import VarButton from "../button/index.mjs";
+import VarIcon from "../icon/index.mjs";
+import Hover from "../hover/index.mjs";
+import { defineComponent, ref, computed, watch, onActivated } from "vue";
+import { useSwipeItems } from "./provide.mjs";
+import { props } from "./props.mjs";
+import { clamp, isNumber, toNumber, doubleRaf } from "@varlet/shared";
+import { call, createNamespace } from "../utils/components.mjs";
+import { onSmartUnmounted, onWindowResize, useTouch } from "@varlet/use";
+import { usePopup } from "../popup/provide.mjs";
+const SWIPE_DELAY = 250;
+const SWIPE_OFFSET = 20;
+const { name, n, classes } = createNamespace("swipe");
 import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, createElementVNode as _createElementVNode, normalizeProps as _normalizeProps, guardReactiveProps as _guardReactiveProps, resolveComponent as _resolveComponent, createVNode as _createVNode, withCtx as _withCtx, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, Transition as _Transition, mergeProps as _mergeProps, renderList as _renderList, Fragment as _Fragment, resolveDirective as _resolveDirective, withDirectives as _withDirectives, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
-var _withScopeId = n => (_pushScopeId(""), n = n(), _popScopeId(), n);
-var _hoisted_1 = ["onClick"];
+const _withScopeId = (n2) => (_pushScopeId(""), n2 = n2(), _popScopeId(), n2);
+const _hoisted_1 = ["onClick"];
 function __render__(_ctx, _cache) {
-  var _component_var_icon = _resolveComponent("var-icon");
-  var _component_var_button = _resolveComponent("var-button");
-  var _directive_hover = _resolveDirective("hover");
-  return _withDirectives((_openBlock(), _createElementBlock("div", {
-    class: _normalizeClass(_ctx.n()),
-    ref: "swipeEl"
-  }, [_createElementVNode("div", {
-    class: _normalizeClass(_ctx.classes(_ctx.n('track'), [_ctx.vertical, _ctx.n('--vertical')])),
-    style: _normalizeStyle({
-      width: !_ctx.vertical ? _ctx.trackSize + "px" : undefined,
-      height: _ctx.vertical ? _ctx.trackSize + "px" : undefined,
-      transform: "translate" + (_ctx.vertical ? 'Y' : 'X') + "(" + _ctx.trackTranslate + "px)",
-      transitionDuration: _ctx.lockDuration ? "0ms" : _ctx.toNumber(_ctx.duration) + "ms"
-    }),
-    onTouchstart: _cache[0] || (_cache[0] = function () {
-      return _ctx.handleTouchstart && _ctx.handleTouchstart(...arguments);
-    }),
-    onTouchmove: _cache[1] || (_cache[1] = function () {
-      return _ctx.handleTouchmove && _ctx.handleTouchmove(...arguments);
-    }),
-    onTouchend: _cache[2] || (_cache[2] = function () {
-      return _ctx.handleTouchend && _ctx.handleTouchend(...arguments);
-    })
-  }, [_renderSlot(_ctx.$slots, "default")], 38 /* CLASS, STYLE, HYDRATE_EVENTS */), _ctx.navigation ? _renderSlot(_ctx.$slots, "prev", _normalizeProps(_mergeProps({
-    key: 0
-  }, {
-    index: _ctx.index,
-    length: _ctx.length,
-    prev: _ctx.prev,
-    next: _ctx.next,
-    to: _ctx.to,
-    hovering: _ctx.hovering
-  })), () => [_createVNode(_Transition, {
-    name: _ctx.getNavigationAnimation('prev')
-  }, {
-    default: _withCtx(() => [_ctx.navigation === true || _ctx.hovering ? (_openBlock(), _createElementBlock("div", {
-      key: 0,
-      class: _normalizeClass(_ctx.classes(_ctx.n('navigation'), _ctx.n('navigation-prev'), [_ctx.vertical, _ctx.n('--navigation-vertical-prev')]))
-    }, [_createVNode(_component_var_button, {
-      "var-swipe-cover": "",
-      disabled: !_ctx.loop && _ctx.index === 0,
-      class: _normalizeClass(_ctx.n('navigation-prev-button')),
-      onClick: _cache[3] || (_cache[3] = $event => _ctx.prev())
-    }, {
-      default: _withCtx(() => [_createVNode(_component_var_icon, {
-        "var-swipe-cover": "",
-        class: _normalizeClass(_ctx.n('navigation-prev-button-icon')),
-        name: _ctx.vertical ? 'chevron-up' : 'chevron-left'
-      }, null, 8 /* PROPS */, ["class", "name"])]),
-      _: 1 /* STABLE */
-    }, 8 /* PROPS */, ["disabled", "class"])], 2 /* CLASS */)) : _createCommentVNode("v-if", true)]),
-    _: 1 /* STABLE */
-  }, 8 /* PROPS */, ["name"])]) : _createCommentVNode("v-if", true), _ctx.navigation ? _renderSlot(_ctx.$slots, "next", _normalizeProps(_mergeProps({
-    key: 1
-  }, {
-    index: _ctx.index,
-    length: _ctx.length,
-    hovering: _ctx.hovering,
-    prev: _ctx.prev,
-    next: _ctx.next,
-    to: _ctx.to
-  })), () => [_createVNode(_Transition, {
-    name: _ctx.getNavigationAnimation('next')
-  }, {
-    default: _withCtx(() => [_ctx.navigation === true || _ctx.hovering ? (_openBlock(), _createElementBlock("div", {
-      key: 0,
-      class: _normalizeClass(_ctx.classes(_ctx.n('navigation'), _ctx.n('navigation-next'), [_ctx.vertical, _ctx.n('--navigation-vertical-next')]))
-    }, [_createVNode(_component_var_button, {
-      "var-swipe-cover": "",
-      class: _normalizeClass(_ctx.n('navigation-next-button')),
-      disabled: !_ctx.loop && _ctx.index === _ctx.length - 1,
-      onClick: _cache[4] || (_cache[4] = $event => _ctx.next())
-    }, {
-      default: _withCtx(() => [_createVNode(_component_var_icon, {
-        "var-swipe-cover": "",
-        class: _normalizeClass(_ctx.n('navigation-next-button-icon')),
-        name: _ctx.vertical ? 'chevron-down' : 'chevron-right'
-      }, null, 8 /* PROPS */, ["class", "name"])]),
-      _: 1 /* STABLE */
-    }, 8 /* PROPS */, ["class", "disabled"])], 2 /* CLASS */)) : _createCommentVNode("v-if", true)]),
-    _: 1 /* STABLE */
-  }, 8 /* PROPS */, ["name"])]) : _createCommentVNode("v-if", true), _renderSlot(_ctx.$slots, "indicator", _normalizeProps(_guardReactiveProps({
-    index: _ctx.index,
-    length: _ctx.length,
-    hovering: _ctx.hovering,
-    prev: _ctx.prev,
-    next: _ctx.next,
-    to: _ctx.to
-  })), () => [_ctx.indicator && _ctx.length ? (_openBlock(), _createElementBlock("div", {
-    key: 0,
-    class: _normalizeClass(_ctx.classes(_ctx.n('indicators'), [_ctx.vertical, _ctx.n('--indicators-vertical')]))
-  }, [(_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.length, (l, idx) => {
-    return _openBlock(), _createElementBlock("div", {
-      class: _normalizeClass(_ctx.classes(_ctx.n('indicator'), [_ctx.index === idx, _ctx.n('--indicator-active')], [_ctx.vertical, _ctx.n('--indicator-vertical')])),
-      style: _normalizeStyle({
-        background: _ctx.indicatorColor
-      }),
-      key: l,
-      onClick: $event => _ctx.to(idx)
-    }, null, 14 /* CLASS, STYLE, PROPS */, _hoisted_1);
-  }), 128 /* KEYED_FRAGMENT */))], 2 /* CLASS */)) : _createCommentVNode("v-if", true)])], 2 /* CLASS */)), [[_directive_hover, _ctx.handleHovering]]);
+  const _component_var_icon = _resolveComponent("var-icon");
+  const _component_var_button = _resolveComponent("var-button");
+  const _directive_hover = _resolveDirective("hover");
+  return _withDirectives((_openBlock(), _createElementBlock(
+    "div",
+    {
+      class: _normalizeClass(_ctx.n()),
+      ref: "swipeEl"
+    },
+    [
+      _createElementVNode(
+        "div",
+        {
+          class: _normalizeClass(_ctx.classes(_ctx.n("track"), [_ctx.vertical, _ctx.n("--vertical")])),
+          style: _normalizeStyle({
+            width: !_ctx.vertical ? `${_ctx.trackSize}px` : void 0,
+            height: _ctx.vertical ? `${_ctx.trackSize}px` : void 0,
+            transform: `translate${_ctx.vertical ? "Y" : "X"}(${_ctx.trackTranslate}px)`,
+            transitionDuration: _ctx.lockDuration ? `0ms` : `${_ctx.toNumber(_ctx.duration)}ms`
+          }),
+          onTouchstart: _cache[0] || (_cache[0] = (...args) => _ctx.handleTouchstart && _ctx.handleTouchstart(...args)),
+          onTouchmove: _cache[1] || (_cache[1] = (...args) => _ctx.handleTouchmove && _ctx.handleTouchmove(...args)),
+          onTouchend: _cache[2] || (_cache[2] = (...args) => _ctx.handleTouchend && _ctx.handleTouchend(...args))
+        },
+        [
+          _renderSlot(_ctx.$slots, "default")
+        ],
+        38
+        /* CLASS, STYLE, HYDRATE_EVENTS */
+      ),
+      _ctx.navigation ? _renderSlot(_ctx.$slots, "prev", _normalizeProps(_mergeProps({ key: 0 }, {
+        index: _ctx.index,
+        length: _ctx.length,
+        prev: _ctx.prev,
+        next: _ctx.next,
+        to: _ctx.to,
+        hovering: _ctx.hovering
+      })), () => [
+        _createVNode(_Transition, {
+          name: _ctx.getNavigationAnimation("prev")
+        }, {
+          default: _withCtx(() => [
+            _ctx.navigation === true || _ctx.hovering ? (_openBlock(), _createElementBlock(
+              "div",
+              {
+                key: 0,
+                class: _normalizeClass(_ctx.classes(_ctx.n("navigation"), _ctx.n("navigation-prev"), [_ctx.vertical, _ctx.n("--navigation-vertical-prev")]))
+              },
+              [
+                _createVNode(_component_var_button, {
+                  "var-swipe-cover": "",
+                  disabled: !_ctx.loop && _ctx.index === 0,
+                  class: _normalizeClass(_ctx.n("navigation-prev-button")),
+                  onClick: _cache[3] || (_cache[3] = ($event) => _ctx.prev())
+                }, {
+                  default: _withCtx(() => [
+                    _createVNode(_component_var_icon, {
+                      "var-swipe-cover": "",
+                      class: _normalizeClass(_ctx.n("navigation-prev-button-icon")),
+                      name: _ctx.vertical ? "chevron-up" : "chevron-left"
+                    }, null, 8, ["class", "name"])
+                  ]),
+                  _: 1
+                  /* STABLE */
+                }, 8, ["disabled", "class"])
+              ],
+              2
+              /* CLASS */
+            )) : _createCommentVNode("v-if", true)
+          ]),
+          _: 1
+          /* STABLE */
+        }, 8, ["name"])
+      ]) : _createCommentVNode("v-if", true),
+      _ctx.navigation ? _renderSlot(_ctx.$slots, "next", _normalizeProps(_mergeProps({ key: 1 }, {
+        index: _ctx.index,
+        length: _ctx.length,
+        hovering: _ctx.hovering,
+        prev: _ctx.prev,
+        next: _ctx.next,
+        to: _ctx.to
+      })), () => [
+        _createVNode(_Transition, {
+          name: _ctx.getNavigationAnimation("next")
+        }, {
+          default: _withCtx(() => [
+            _ctx.navigation === true || _ctx.hovering ? (_openBlock(), _createElementBlock(
+              "div",
+              {
+                key: 0,
+                class: _normalizeClass(_ctx.classes(_ctx.n("navigation"), _ctx.n("navigation-next"), [_ctx.vertical, _ctx.n("--navigation-vertical-next")]))
+              },
+              [
+                _createVNode(_component_var_button, {
+                  "var-swipe-cover": "",
+                  class: _normalizeClass(_ctx.n("navigation-next-button")),
+                  disabled: !_ctx.loop && _ctx.index === _ctx.length - 1,
+                  onClick: _cache[4] || (_cache[4] = ($event) => _ctx.next())
+                }, {
+                  default: _withCtx(() => [
+                    _createVNode(_component_var_icon, {
+                      "var-swipe-cover": "",
+                      class: _normalizeClass(_ctx.n("navigation-next-button-icon")),
+                      name: _ctx.vertical ? "chevron-down" : "chevron-right"
+                    }, null, 8, ["class", "name"])
+                  ]),
+                  _: 1
+                  /* STABLE */
+                }, 8, ["class", "disabled"])
+              ],
+              2
+              /* CLASS */
+            )) : _createCommentVNode("v-if", true)
+          ]),
+          _: 1
+          /* STABLE */
+        }, 8, ["name"])
+      ]) : _createCommentVNode("v-if", true),
+      _renderSlot(_ctx.$slots, "indicator", _normalizeProps(_guardReactiveProps({
+        index: _ctx.index,
+        length: _ctx.length,
+        hovering: _ctx.hovering,
+        prev: _ctx.prev,
+        next: _ctx.next,
+        to: _ctx.to
+      })), () => [
+        _ctx.indicator && _ctx.length ? (_openBlock(), _createElementBlock(
+          "div",
+          {
+            key: 0,
+            class: _normalizeClass(_ctx.classes(_ctx.n("indicators"), [_ctx.vertical, _ctx.n("--indicators-vertical")]))
+          },
+          [
+            (_openBlock(true), _createElementBlock(
+              _Fragment,
+              null,
+              _renderList(_ctx.length, (l, idx) => {
+                return _openBlock(), _createElementBlock("div", {
+                  class: _normalizeClass(
+                    _ctx.classes(_ctx.n("indicator"), [_ctx.index === idx, _ctx.n("--indicator-active")], [_ctx.vertical, _ctx.n("--indicator-vertical")])
+                  ),
+                  style: _normalizeStyle({ background: _ctx.indicatorColor }),
+                  key: l,
+                  onClick: ($event) => _ctx.to(idx)
+                }, null, 14, _hoisted_1);
+              }),
+              128
+              /* KEYED_FRAGMENT */
+            ))
+          ],
+          2
+          /* CLASS */
+        )) : _createCommentVNode("v-if", true)
+      ])
+    ],
+    2
+    /* CLASS */
+  )), [
+    [_directive_hover, _ctx.handleHovering]
+  ]);
 }
-var __sfc__ = defineComponent({
+const __sfc__ = defineComponent({
   name,
-  directives: {
-    Hover
-  },
-  components: {
-    VarButton,
-    VarIcon
-  },
+  directives: { Hover },
+  components: { VarButton, VarIcon },
   props,
-  setup(props) {
-    var swipeEl = ref(null);
-    var size = ref(0);
-    var vertical = computed(() => props.vertical);
-    var trackSize = ref(0);
-    var trackTranslate = ref(0);
-    var lockDuration = ref(false);
-    var index = ref(0);
-    var hovering = ref(false);
-    var {
-      swipeItems,
-      bindSwipeItems,
-      length
-    } = useSwipeItems();
-    var {
-      popup,
-      bindPopup
-    } = usePopup();
-    var {
+  setup(props2) {
+    const swipeEl = ref(null);
+    const size = ref(0);
+    const vertical = computed(() => props2.vertical);
+    const trackSize = ref(0);
+    const trackTranslate = ref(0);
+    const lockDuration = ref(false);
+    const index = ref(0);
+    const hovering = ref(false);
+    const { swipeItems, bindSwipeItems, length } = useSwipeItems();
+    const { popup, bindPopup } = usePopup();
+    const {
       deltaX,
       deltaY,
       moveX,
@@ -165,71 +226,60 @@ var __sfc__ = defineComponent({
       moveTouch,
       endTouch
     } = useTouch();
-    var isExpectDirection = computed(() => direction.value === (props.vertical ? 'vertical' : 'horizontal'));
-    var initializedIndex = false;
-    var timer = -1;
-    var swipeProvider = {
+    const isExpectDirection = computed(() => direction.value === (props2.vertical ? "vertical" : "horizontal"));
+    let initializedIndex = false;
+    let timer = -1;
+    const swipeProvider = {
       size,
       vertical
     };
     bindSwipeItems(swipeProvider);
     call(bindPopup, null);
-    watch(() => length.value, /*#__PURE__*/_asyncToGenerator(function* () {
-      // In nuxt, the size of the swipe cannot got when the route is change, need double raf
-      yield doubleRaf();
-      initialIndex();
-      resize();
-    }));
+    watch(
+      () => length.value,
+      () => __async(this, null, function* () {
+        yield doubleRaf();
+        initialIndex();
+        resize();
+      })
+    );
     if (popup) {
-      // watch popup show again
-      watch(() => popup.show.value, /*#__PURE__*/function () {
-        var _ref2 = _asyncToGenerator(function* (show) {
+      watch(
+        () => popup.show.value,
+        (show) => __async(this, null, function* () {
           if (show) {
             yield doubleRaf();
             resize();
           } else {
             stopAutoplay();
           }
-        });
-        return function (_x) {
-          return _ref2.apply(this, arguments);
-        };
-      }());
+        })
+      );
     }
     onActivated(resize);
     onSmartUnmounted(stopAutoplay);
     onWindowResize(resize);
     function findSwipeItem(idx) {
-      return swipeItems.find(_ref3 => {
-        var {
-          index
-        } = _ref3;
-        return index.value === idx;
-      });
+      return swipeItems.find(({ index: index2 }) => index2.value === idx);
     }
     function dispatchSwipeItems() {
-      if (!props.loop) {
+      if (!props2.loop) {
         return;
       }
-      // track out of bounds from left
       if (trackTranslate.value >= 0) {
         findSwipeItem(length.value - 1).setTranslate(-trackSize.value);
       }
-      // track out of bounds from right
       if (trackTranslate.value <= -(trackSize.value - size.value)) {
         findSwipeItem(0).setTranslate(trackSize.value);
       }
-      // track not out of bounds
       if (trackTranslate.value > -(trackSize.value - size.value) && trackTranslate.value < 0) {
         findSwipeItem(length.value - 1).setTranslate(0);
         findSwipeItem(0).setTranslate(0);
       }
     }
     function getSwipeIndex(targetSwipeIndex) {
-      var swipeIndex = isNumber(targetSwipeIndex) ? targetSwipeIndex : Math.floor((trackTranslate.value - size.value / 2) / -size.value);
-      var {
-        loop
-      } = props;
+      const swipeIndex = isNumber(targetSwipeIndex) ? targetSwipeIndex : Math.floor((trackTranslate.value - size.value / 2) / -size.value);
+      const { loop } = props2;
       if (swipeIndex <= -1) {
         return loop ? -1 : 0;
       }
@@ -239,9 +289,7 @@ var __sfc__ = defineComponent({
       return swipeIndex;
     }
     function swipeIndexToIndex(swipeIndex) {
-      var {
-        loop
-      } = props;
+      const { loop } = props2;
       if (swipeIndex === -1) {
         return loop ? length.value - 1 : 0;
       }
@@ -250,27 +298,24 @@ var __sfc__ = defineComponent({
       }
       return swipeIndex;
     }
-    function clampIndex(index) {
-      if (props.loop) {
-        if (index < 0) {
-          return length.value + index;
+    function clampIndex(index2) {
+      if (props2.loop) {
+        if (index2 < 0) {
+          return length.value + index2;
         }
-        if (index >= length.value) {
-          return index - length.value;
+        if (index2 >= length.value) {
+          return index2 - length.value;
         }
-        return index;
+        return index2;
       }
-      return clamp(index, 0, length.value - 1);
+      return clamp(index2, 0, length.value - 1);
     }
     function fixPosition() {
-      return _fixPosition.apply(this, arguments);
-    }
-    function _fixPosition() {
-      _fixPosition = _asyncToGenerator(function* () {
-        var overLeft = trackTranslate.value >= size.value;
-        var overRight = trackTranslate.value <= -trackSize.value;
-        var leftTranslate = 0;
-        var rightTranslate = -(trackSize.value - size.value);
+      return __async(this, null, function* () {
+        const overLeft = trackTranslate.value >= size.value;
+        const overRight = trackTranslate.value <= -trackSize.value;
+        const leftTranslate = 0;
+        const rightTranslate = -(trackSize.value - size.value);
         lockDuration.value = true;
         if (overLeft || overRight) {
           lockDuration.value = true;
@@ -281,19 +326,16 @@ var __sfc__ = defineComponent({
         yield doubleRaf();
         lockDuration.value = false;
       });
-      return _fixPosition.apply(this, arguments);
     }
     function initialIndex() {
       if (initializedIndex) {
         return;
       }
-      index.value = clampIndex(toNumber(props.initialIndex));
+      index.value = clampIndex(toNumber(props2.initialIndex));
       initializedIndex = true;
     }
     function startAutoplay() {
-      var {
-        autoplay
-      } = props;
+      const { autoplay } = props2;
       if (!autoplay || length.value <= 1) {
         return;
       }
@@ -310,12 +352,9 @@ var __sfc__ = defineComponent({
       trackTranslate.value = value;
       dispatchSwipeItems();
     }
-    function handleTouchstart(_x2) {
-      return _handleTouchstart.apply(this, arguments);
-    }
-    function _handleTouchstart() {
-      _handleTouchstart = _asyncToGenerator(function* (event) {
-        if (length.value <= 1 || !props.touchable) {
+    function handleTouchstart(event) {
+      return __async(this, null, function* () {
+        if (length.value <= 1 || !props2.touchable) {
           return;
         }
         startTouch(event);
@@ -323,13 +362,9 @@ var __sfc__ = defineComponent({
         yield fixPosition();
         lockDuration.value = true;
       });
-      return _handleTouchstart.apply(this, arguments);
     }
     function handleTouchmove(event) {
-      var {
-        touchable,
-        vertical
-      } = props;
+      const { touchable, vertical: vertical2 } = props2;
       if (!touching.value || !touchable) {
         return;
       }
@@ -338,7 +373,7 @@ var __sfc__ = defineComponent({
         return;
       }
       event.preventDefault();
-      setTrackTranslate(trackTranslate.value + (vertical ? moveY.value : moveX.value));
+      setTrackTranslate(trackTranslate.value + (vertical2 ? moveY.value : moveX.value));
     }
     function handleTouchend() {
       if (!touching.value) {
@@ -348,34 +383,29 @@ var __sfc__ = defineComponent({
       if (!isExpectDirection.value) {
         return;
       }
-      var {
-        vertical,
-        onChange
-      } = props;
-      var positive = vertical ? deltaY.value < 0 : deltaX.value < 0;
-      var offset = vertical ? offsetY.value : offsetX.value;
-      var quickSwiping = performance.now() - startTime.value <= SWIPE_DELAY && offset >= SWIPE_OFFSET;
-      var swipeIndex = quickSwiping ? positive ? getSwipeIndex(index.value + 1) : getSwipeIndex(index.value - 1) : getSwipeIndex();
+      const { vertical: vertical2, onChange } = props2;
+      const positive = vertical2 ? deltaY.value < 0 : deltaX.value < 0;
+      const offset = vertical2 ? offsetY.value : offsetX.value;
+      const quickSwiping = performance.now() - startTime.value <= SWIPE_DELAY && offset >= SWIPE_OFFSET;
+      const swipeIndex = quickSwiping ? positive ? getSwipeIndex(index.value + 1) : getSwipeIndex(index.value - 1) : getSwipeIndex();
       lockDuration.value = false;
       setTrackTranslate(swipeIndex * -size.value);
-      var prevIndex = index.value;
+      const prevIndex = index.value;
       index.value = swipeIndexToIndex(swipeIndex);
       startAutoplay();
       if (prevIndex !== index.value) {
         call(onChange, index.value);
       }
     }
-
-    // expose
     function resize() {
       if (!swipeEl.value) {
         return;
       }
       lockDuration.value = true;
-      size.value = props.vertical ? swipeEl.value.offsetHeight : swipeEl.value.offsetWidth;
+      size.value = props2.vertical ? swipeEl.value.offsetHeight : swipeEl.value.offsetWidth;
       trackSize.value = size.value * length.value;
       trackTranslate.value = index.value * -size.value;
-      swipeItems.forEach(swipeItem => {
+      swipeItems.forEach((swipeItem) => {
         swipeItem.setTranslate(0);
       });
       startAutoplay();
@@ -383,22 +413,14 @@ var __sfc__ = defineComponent({
         lockDuration.value = false;
       });
     }
-
-    // expose
-    function next(_x3) {
-      return _next2.apply(this, arguments);
-    } // expose
-    function _next2() {
-      _next2 = _asyncToGenerator(function* (options) {
+    function next(options) {
+      return __async(this, null, function* () {
         if (length.value <= 1) {
           return;
         }
         initialIndex();
-        var {
-          loop,
-          onChange
-        } = props;
-        var currentIndex = index.value;
+        const { loop, onChange } = props2;
+        const currentIndex = index.value;
         index.value = clampIndex(currentIndex + 1);
         if ((options == null ? void 0 : options.event) !== false) {
           call(onChange, index.value);
@@ -413,22 +435,15 @@ var __sfc__ = defineComponent({
           trackTranslate.value = index.value * -size.value;
         }
       });
-      return _next2.apply(this, arguments);
     }
-    function prev(_x4) {
-      return _prev.apply(this, arguments);
-    } // expose
-    function _prev() {
-      _prev = _asyncToGenerator(function* (options) {
+    function prev(options) {
+      return __async(this, null, function* () {
         if (length.value <= 1) {
           return;
         }
         initialIndex();
-        var {
-          loop,
-          onChange
-        } = props;
-        var currentIndex = index.value;
+        const { loop, onChange } = props2;
+        const currentIndex = index.value;
         index.value = clampIndex(currentIndex - 1);
         if ((options == null ? void 0 : options.event) !== false) {
           call(onChange, index.value);
@@ -443,7 +458,6 @@ var __sfc__ = defineComponent({
           trackTranslate.value = index.value * -size.value;
         }
       });
-      return _prev.apply(this, arguments);
     }
     function to(idx, options) {
       if (length.value <= 1 || idx === index.value) {
@@ -451,26 +465,22 @@ var __sfc__ = defineComponent({
       }
       idx = idx < 0 ? 0 : idx;
       idx = idx >= length.value ? length.value : idx;
-      var task = idx > index.value ? next : prev;
-      var count = Math.abs(idx - index.value);
-      Array.from({
-        length: count
-      }).forEach((_, index) => {
-        task({
-          event: index === count - 1 ? options == null ? void 0 : options.event : false
-        });
+      const task = idx > index.value ? next : prev;
+      const count = Math.abs(idx - index.value);
+      Array.from({ length: count }).forEach((_, index2) => {
+        task({ event: index2 === count - 1 ? options == null ? void 0 : options.event : false });
       });
     }
-    var handleHovering = value => {
-      if (props.navigation === 'hover') {
+    const handleHovering = (value) => {
+      if (props2.navigation === "hover") {
         hovering.value = value;
       }
     };
     function getNavigationAnimation(type) {
-      if (props.navigation !== 'hover') {
-        return '';
+      if (props2.navigation !== "hover") {
+        return "";
       }
-      return props.vertical ? n("--navigation-vertical-" + type + "-animation") : n("--navigation-" + type + "-animation");
+      return props2.vertical ? n(`--navigation-vertical-${type}-animation`) : n(`--navigation-${type}-animation`);
     }
     return {
       length,
@@ -496,4 +506,7 @@ var __sfc__ = defineComponent({
   }
 });
 __sfc__.render = __render__;
-export default __sfc__;
+var stdin_default = __sfc__;
+export {
+  stdin_default as default
+};