@varlet/ui 2.15.1 → 2.15.2-alpha.1693502641730

package/es/card/Card.mjs

@@ -5,7 +5,8 @@ import VarIcon from '../icon/index.mjs';
 import VarButton from '../button/index.mjs';
 import { ref, defineComponent, watch, computed, nextTick } from 'vue';
 import { props } from './props.mjs';
-import { doubleRaf, toSizeUnit, getRect } from '../utils/elements.mjs';
+import { toSizeUnit } from '../utils/elements.mjs';
+import { doubleRaf, getRect } from '@varlet/shared';
 import { call, createNamespace, formatElevation } from '../utils/components.mjs';
 import { useZIndex } from '../context/zIndex.mjs';
 import { useLock } from '../context/lock.mjs';

package/es/collapse-item/CollapseItem.mjs

@@ -1,10 +1,11 @@
+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 VarIcon from '../icon/index.mjs';
 import { defineComponent, ref, watch, computed } from 'vue';
-import { nextTickFrame, requestAnimationFrame } from '../utils/elements.mjs';
-import { isArray } from '@varlet/shared';
+import { isArray, doubleRaf, raf } from '@varlet/shared';
 import { createNamespace, formatElevation } from '../utils/components.mjs';
 import { useCollapse } from './provide.mjs';
 import { props } from './props.mjs';
-import VarIcon from '../icon/index.mjs';
 var {
   n,
   classes
@@ -77,13 +78,14 @@ var __sfc__ = defineComponent({
         updateItem(props.name || index.value, !isShow.value);
       }
     };
-    var openPanel = () => {
-      if (!contentEl.value) {
-        return;
-      }
-      contentEl.value.style.height = '';
-      showContent.value = true;
-      requestAnimationFrame(() => {
+    var openPanel = /*#__PURE__*/function () {
+      var _ref = _asyncToGenerator(function* () {
+        if (!contentEl.value) {
+          return;
+        }
+        contentEl.value.style.height = '';
+        showContent.value = true;
+        yield raf();
         if (!contentEl.value) {
           return;
         }
@@ -91,36 +93,42 @@ var __sfc__ = defineComponent({
           offsetHeight
         } = contentEl.value;
         contentEl.value.style.height = 0 + 'px';
-        requestAnimationFrame(() => {
-          if (!contentEl.value) {
-            return;
-          }
-          contentEl.value.style.height = offsetHeight + 'px';
-          if (!isInitToTrigger) {
-            return;
-          }
-          nextTickFrame(() => {
-            if (isInitToTrigger) {
-              transitionend();
-            }
-          });
-        });
+        yield raf();
+        if (!contentEl.value) {
+          return;
+        }
+        contentEl.value.style.height = offsetHeight + 'px';
+        if (!isInitToTrigger) {
+          return;
+        }
+        yield doubleRaf();
+        if (isInitToTrigger) {
+          transitionend();
+        }
       });
-    };
+      return function openPanel() {
+        return _ref.apply(this, arguments);
+      };
+    }();
     var start = () => {
       isInitToTrigger = false;
     };
-    var closePanel = () => {
-      if (!contentEl.value) return;
-      var {
-        offsetHeight
-      } = contentEl.value;
-      contentEl.value.style.height = offsetHeight + 'px';
-      requestAnimationFrame(() => {
-        ;
+    var closePanel = /*#__PURE__*/function () {
+      var _ref2 = _asyncToGenerator(function* () {
+        if (!contentEl.value) {
+          return;
+        }
+        var {
+          offsetHeight
+        } = contentEl.value;
+        contentEl.value.style.height = offsetHeight + 'px';
+        yield raf();
         contentEl.value.style.height = 0 + 'px';
       });
-    };
+      return function closePanel() {
+        return _ref2.apply(this, arguments);
+      };
+    }();
     var transitionend = () => {
       if (!isShow.value) {
         showContent.value = false;
@@ -134,7 +142,7 @@ var __sfc__ = defineComponent({
     };
     bindCollapse(collapseItemProvider);
     watch(isShow, value => {
-      if (value) openPanel();else closePanel();
+      value ? openPanel() : closePanel();
     });
     return {
       n,

package/es/countdown/Countdown.mjs

@@ -1,9 +1,8 @@
 import { defineComponent, onActivated, onDeactivated, onUnmounted, ref, watch } from 'vue';
 import { props } from './props.mjs';
-import { requestAnimationFrame, cancelAnimationFrame } from '../utils/elements.mjs';
 import { call, createNamespace } from '../utils/components.mjs';
 import { padStart } from '../utils/shared.mjs';
-import { toNumber } from '@varlet/shared';
+import { toNumber, requestAnimationFrame, cancelAnimationFrame } from '@varlet/shared';
 var {
   n
 } = createNamespace('countdown');

package/es/date-picker/DatePicker.mjs

@@ -1,11 +1,12 @@
-import { defineComponent, ref, computed, reactive, watch } from 'vue';
+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 dayjs from 'dayjs/esm';
 import MonthPickerPanel from './src/month-picker-panel.mjs';
 import YearPickerPanel from './src/year-picker-panel.mjs';
 import DayPickerPanel from './src/day-picker-panel.mjs';
+import { defineComponent, ref, computed, reactive, watch } from 'vue';
 import { props, MONTH_LIST, WEEK_HEADER } from './props.mjs';
-import { isArray, toNumber } from '@varlet/shared';
-import { nextTickFrame } from '../utils/elements.mjs';
+import { isArray, toNumber, doubleRaf } from '@varlet/shared';
 import { createNamespace, call, formatElevation } from '../utils/components.mjs';
 import { padStart } from '../utils/shared.mjs';
 import { pack } from '../locale/index.mjs';
@@ -250,14 +251,18 @@ var __sfc__ = defineComponent({
       touchDirection = getDirection(Math.abs(x), Math.abs(y));
       checkType = x > 0 ? 'prev' : 'next';
     };
-    var handleTouchend = () => {
-      if (isUntouchable.value || touchDirection !== 'x') return;
-      var componentRef = getPanelType.value === 'month' ? monthPanelEl : dayPanelEl;
-      nextTickFrame(() => {
+    var handleTouchend = /*#__PURE__*/function () {
+      var _ref = _asyncToGenerator(function* () {
+        if (isUntouchable.value || touchDirection !== 'x') return;
+        var componentRef = getPanelType.value === 'month' ? monthPanelEl : dayPanelEl;
+        yield doubleRaf();
         componentRef.value.forwardRef(checkType);
         resetState();
       });
-    };
+      return function handleTouchend() {
+        return _ref.apply(this, arguments);
+      };
+    }();
     var updateRange = (date, type) => {
       var rangeDate = type === 'month' ? chooseRangeMonth : chooseRangeDay;
       rangeDate.value = rangeDone.value ? [date, date] : [rangeDate.value[0], date];

package/es/drag/Drag.mjs

@@ -4,9 +4,9 @@ function _asyncToGenerator(fn) { return function () { var self = this, args = ar
 import { defineComponent, ref, reactive, watch } from 'vue';
 import { props } from './props.mjs';
 import { createNamespace, useTeleport, call } from '../utils/components.mjs';
-import { getRect, toPxNum } from '../utils/elements.mjs';
+import { toPxNum } from '../utils/elements.mjs';
 import { onSmartMounted, onWindowResize, useTouch } from '@varlet/use';
-import { clamp } from '@varlet/shared';
+import { clamp, getRect } from '@varlet/shared';
 var {
   n,
   classes

package/es/field-decorator/FieldDecorator.mjs

@@ -1,10 +1,9 @@
 import VarIcon from '../icon/index.mjs';
-import { defineComponent, ref, computed, onUpdated } from 'vue';
+import { defineComponent, ref, onUpdated, computed } from 'vue';
 import { props } from './props.mjs';
-import { isEmpty } from '@varlet/shared';
+import { isEmpty, getStyle } from '@varlet/shared';
 import { createNamespace, call } from '../utils/components.mjs';
 import { onWindowResize, onSmartMounted } from '@varlet/use';
-import { getStyle } from '../utils/elements.mjs';
 var {
   n,
   classes

package/es/index-bar/IndexBar.mjs

@@ -1,9 +1,9 @@
 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 { computed, defineComponent, ref, watch, onBeforeUnmount, onDeactivated, onActivated } from 'vue';
-import { isPlainObject, isWindow, toNumber } from '@varlet/shared';
+import { isPlainObject, isWindow, toNumber, doubleRaf, requestAnimationFrame, getRect } from '@varlet/shared';
 import { easeInOutCubic } from '../utils/shared.mjs';
-import { doubleRaf, getParentScroller, getScrollLeft, getScrollTop, nextTickFrame, requestAnimationFrame, scrollTo as varScrollTo, toPxNum, getRect } from '../utils/elements.mjs';
+import { getParentScroller, getScrollLeft, getScrollTop, scrollTo as varScrollTo, toPxNum } from '../utils/elements.mjs';
 import { useIndexAnchors } from './provide.mjs';
 import { props } from './props.mjs';
 import { createNamespace, call } from '../utils/components.mjs';
@@ -136,9 +136,8 @@ var __sfc__ = defineComponent({
           animation: easeInOutCubic,
           duration: toNumber(props.duration)
         });
-        nextTickFrame(() => {
-          clickedName.value = '';
-        });
+        yield doubleRaf();
+        clickedName.value = '';
       });
       return function anchorClick(_x) {
         return _ref2.apply(this, arguments);

package/es/index.bundle.mjs

@@ -247,7 +247,7 @@ import './tooltip/style/index.mjs'
 import './uploader/style/index.mjs'
 import './watermark/style/index.mjs'
 
-const version = '2.15.1'
+const version = '2.15.2-alpha.1693502641730'
 
 function install(app) {
   ActionSheet.install && app.use(ActionSheet)

package/es/index.mjs

@@ -164,7 +164,7 @@ export * from './tooltip/index.mjs'
 export * from './uploader/index.mjs'
 export * from './watermark/index.mjs'
 
-const version = '2.15.1'
+const version = '2.15.2-alpha.1693502641730'
 
 function install(app) {
   ActionSheet.install && app.use(ActionSheet)

package/es/lazy/index.mjs

@@ -1,8 +1,8 @@
 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); }); }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-import { doubleRaf, getAllParentScroller, inViewport } from '../utils/elements.mjs';
-import { removeItem, throttle } from '@varlet/shared';
+import { getAllParentScroller } from '../utils/elements.mjs';
+import { removeItem, throttle, doubleRaf, inViewport } from '@varlet/shared';
 import { createCache } from '../utils/shared.mjs';
 import { call } from '../utils/components.mjs';
 var BACKGROUND_IMAGE_ARG_NAME = 'background-image';

package/es/list/List.mjs

@@ -3,9 +3,9 @@ function _asyncToGenerator(fn) { return function () { var self = this, args = ar
 import VarLoading from '../loading/index.mjs';
 import Ripple from '../ripple/index.mjs';
 import { defineComponent, ref, nextTick, watch } from 'vue';
-import { getParentScroller, getRect, toPxNum } from '../utils/elements.mjs';
+import { getParentScroller, toPxNum } from '../utils/elements.mjs';
 import { props } from './props.mjs';
-import { isNumber } from '@varlet/shared';
+import { isNumber, getRect } from '@varlet/shared';
 import { dt } from '../utils/shared.mjs';
 import { createNamespace, call } from '../utils/components.mjs';
 import { pack } from '../locale/index.mjs';

package/es/loading-bar/LoadingBar.mjs

@@ -1,6 +1,6 @@
 import { createVNode as _createVNode } from "vue";
-import { defineComponent } from 'vue';
 import context from '../context/index.mjs';
+import { defineComponent } from 'vue';
 import { createNamespace } from '../utils/components.mjs';
 import { toSizeUnit } from '../utils/elements.mjs';
 import { props } from './props.mjs';

package/es/locale/index.mjs

@@ -1,7 +1,7 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-import { ref } from 'vue';
 import zhCN from './zh-CN.mjs';
 import enUS from './en-US.mjs';
+import { ref } from 'vue';
 function useLocale() {
   var packs = {};
   var pack = ref({});

package/es/menu/usePopover.mjs

@@ -5,7 +5,8 @@ import flip from '@popperjs/core/lib/modifiers/flip';
 import offset from '@popperjs/core/lib/modifiers/offset';
 import computeStyles from '@popperjs/core/lib/modifiers/computeStyles';
 import { useClickOutside } from '@varlet/use';
-import { doubleRaf, toPxNum, getStyle } from '../utils/elements.mjs';
+import { doubleRaf, getStyle } from '@varlet/shared';
+import { toPxNum } from '../utils/elements.mjs';
 import { call, useVModel } from '../utils/components.mjs';
 import { onMounted, onUnmounted, ref, watch } from 'vue';
 import { createPopper } from '@popperjs/core/lib/popper-lite';

package/es/option/Option.mjs

@@ -1,11 +1,11 @@
 import VarCheckbox from '../checkbox/index.mjs';
 import Ripple from '../ripple/index.mjs';
+import Hover from '../hover/index.mjs';
+import VarHoverOverlay, { useHoverOverlay } from '../hover-overlay/index.mjs';
 import { defineComponent, computed, ref, watch } from 'vue';
 import { useSelect } from './provide.mjs';
 import { createNamespace } from '../utils/components.mjs';
 import { props } from './props.mjs';
-import Hover from '../hover/index.mjs';
-import VarHoverOverlay, { useHoverOverlay } from '../hover-overlay/index.mjs';
 var {
   n,
   classes

package/es/pull-refresh/PullRefresh.mjs

@@ -2,9 +2,9 @@ function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try
 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 VarIcon from '../icon/index.mjs';
 import { defineComponent, ref, computed, watch, nextTick } from 'vue';
-import { getParentScroller, getScrollTop, getTarget, getRect } from '../utils/elements.mjs';
+import { getParentScroller, getScrollTop, getTarget } from '../utils/elements.mjs';
 import { props } from './props.mjs';
-import { isNumber, isString, toNumber } from '@varlet/shared';
+import { isNumber, isString, toNumber, getRect } from '@varlet/shared';
 import { call, createNamespace } from '../utils/components.mjs';
 import { useEventListener, onSmartMounted } from '@varlet/use';
 var {

package/es/result/Result.mjs

@@ -1,14 +1,14 @@
-import { computed, defineComponent } from 'vue';
-import { toNumber } from '@varlet/shared';
-import { props } from './props.mjs';
-import { createNamespace } from '../utils/components.mjs';
-import { toPxNum, toSizeUnit } from '../utils/elements.mjs';
 import Info from './Info.mjs';
 import Error from './Error.mjs';
 import Warning from './Warning.mjs';
 import Success from './Success.mjs';
 import Question from './Question.mjs';
 import Empty from './Empty.mjs';
+import { computed, defineComponent } from 'vue';
+import { toNumber } from '@varlet/shared';
+import { props } from './props.mjs';
+import { createNamespace } from '../utils/components.mjs';
+import { toPxNum, toSizeUnit } from '../utils/elements.mjs';
 var {
   n,
   classes

package/es/ripple/index.mjs

@@ -1,6 +1,6 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import context from '../context/index.mjs';
-import { supportTouch, getStyle, getRect } from '../utils/elements.mjs';
+import { supportTouch, getStyle, getRect } from '@varlet/shared';
 import { createNamespace } from '../utils/components.mjs';
 
 

package/es/slider/Slider.mjs

@@ -1,12 +1,12 @@
 import VarFormDetails from '../form-details/index.mjs';
+import VarHoverOverlay, { useHoverOverlay } from '../hover-overlay/index.mjs';
+import Hover from '../hover/index.mjs';
 import { defineComponent, ref, onBeforeUnmount, computed, reactive, nextTick, watch, unref } from 'vue';
 import { useValidation, createNamespace, call } from '../utils/components.mjs';
 import { useForm } from '../form/provide.mjs';
-import VarHoverOverlay, { useHoverOverlay } from '../hover-overlay/index.mjs';
-import Hover from '../hover/index.mjs';
-import { getLeft, multiplySizeUnit, getRect } from '../utils/elements.mjs';
+import { getLeft, multiplySizeUnit } from '../utils/elements.mjs';
 import { warn } from '../utils/logger.mjs';
-import { isArray, isNumber, toNumber } from '@varlet/shared';
+import { isArray, isNumber, toNumber, getRect } from '@varlet/shared';
 import { props, Thumbs } from './props.mjs';
 import { onSmartMounted } from '@varlet/use';
 var {

package/es/snackbar/Snackbar.mjs

@@ -1,5 +1,5 @@
-import { defineComponent } from 'vue';
 import VarSnackbarCore from './core.mjs';
+import { defineComponent } from 'vue';
 import { createNamespace, useTeleport } from '../utils/components.mjs';
 import { props } from './props.mjs';
 var {

package/es/step/Step.mjs

@@ -1,7 +1,7 @@
+import VarIcon from '../icon/index.mjs';
 import { computed, defineComponent } from 'vue';
 import { props } from './props.mjs';
 import { useSteps } from './provide.mjs';
-import VarIcon from '../icon/index.mjs';
 import { toNumber } from '@varlet/shared';
 import { createNamespace } from '../utils/components.mjs';
 var {

package/es/sticky/Sticky.mjs

@@ -2,8 +2,8 @@ function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try
 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 { defineComponent, ref, computed, watch } from 'vue';
 import { props } from './props.mjs';
-import { doubleRaf, getParentScroller, raf, toPxNum, getRect } from '../utils/elements.mjs';
-import { toNumber } from '@varlet/shared';
+import { getParentScroller, toPxNum } from '../utils/elements.mjs';
+import { toNumber, raf, doubleRaf, getRect } from '@varlet/shared';
 import { call, createNamespace } from '../utils/components.mjs';
 import { useEventListener, onSmartMounted, onWindowResize, onSmartUnmounted } from '@varlet/use';
 var {

package/es/swipe/Swipe.mjs

@@ -2,9 +2,8 @@ function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try
 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 { defineComponent, ref, computed, watch, onActivated } from 'vue';
 import { useSwipeItems } from './provide.mjs';
-import { doubleRaf, nextTickFrame } from '../utils/elements.mjs';
 import { props } from './props.mjs';
-import { clamp, isNumber, toNumber } from '@varlet/shared';
+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';
@@ -153,23 +152,26 @@ var __sfc__ = defineComponent({
       }
       return clamp(index, 0, length.value - 1);
     };
-    var fixPosition = fn => {
-      var overLeft = trackTranslate.value >= size.value;
-      var overRight = trackTranslate.value <= -trackSize.value;
-      var leftTranslate = 0;
-      var rightTranslate = -(trackSize.value - size.value);
-      lockDuration.value = true;
-      if (overLeft || overRight) {
+    var fixPosition = /*#__PURE__*/function () {
+      var _ref2 = _asyncToGenerator(function* () {
+        var overLeft = trackTranslate.value >= size.value;
+        var overRight = trackTranslate.value <= -trackSize.value;
+        var leftTranslate = 0;
+        var rightTranslate = -(trackSize.value - size.value);
         lockDuration.value = true;
-        trackTranslate.value = overRight ? leftTranslate : rightTranslate;
-        findSwipeItem(0).setTranslate(0);
-        findSwipeItem(length.value - 1).setTranslate(0);
-      }
-      nextTickFrame(() => {
+        if (overLeft || overRight) {
+          lockDuration.value = true;
+          trackTranslate.value = overRight ? leftTranslate : rightTranslate;
+          findSwipeItem(0).setTranslate(0);
+          findSwipeItem(length.value - 1).setTranslate(0);
+        }
+        yield doubleRaf();
         lockDuration.value = false;
-        call(fn);
       });
-    };
+      return function fixPosition() {
+        return _ref2.apply(this, arguments);
+      };
+    }();
     var initialIndex = () => {
       if (initializedIndex) {
         return;
@@ -197,16 +199,20 @@ var __sfc__ = defineComponent({
       trackTranslate.value = value;
       dispatchSwipeItems();
     };
-    var handleTouchstart = event => {
-      if (length.value <= 1 || !props.touchable) {
-        return;
-      }
-      startTouch(event);
-      stopAutoplay();
-      fixPosition(() => {
+    var handleTouchstart = /*#__PURE__*/function () {
+      var _ref3 = _asyncToGenerator(function* (event) {
+        if (length.value <= 1 || !props.touchable) {
+          return;
+        }
+        startTouch(event);
+        stopAutoplay();
+        yield fixPosition();
         lockDuration.value = true;
       });
-    };
+      return function handleTouchstart(_x) {
+        return _ref3.apply(this, arguments);
+      };
+    }();
     var handleTouchmove = event => {
       var {
         touchable,
@@ -264,21 +270,22 @@ var __sfc__ = defineComponent({
       });
     };
     // expose
-    var next = options => {
-      if (length.value <= 1) {
-        return;
-      }
-      initialIndex();
-      var {
-        loop,
-        onChange
-      } = props;
-      var currentIndex = index.value;
-      index.value = clampIndex(currentIndex + 1);
-      if ((options == null ? void 0 : options.event) !== false) {
-        call(onChange, index.value);
-      }
-      fixPosition(() => {
+    var next = /*#__PURE__*/function () {
+      var _ref4 = _asyncToGenerator(function* (options) {
+        if (length.value <= 1) {
+          return;
+        }
+        initialIndex();
+        var {
+          loop,
+          onChange
+        } = props;
+        var currentIndex = index.value;
+        index.value = clampIndex(currentIndex + 1);
+        if ((options == null ? void 0 : options.event) !== false) {
+          call(onChange, index.value);
+        }
+        yield fixPosition();
         if (currentIndex === length.value - 1 && loop) {
           findSwipeItem(0).setTranslate(trackSize.value);
           trackTranslate.value = length.value * -size.value;
@@ -288,23 +295,27 @@ var __sfc__ = defineComponent({
           trackTranslate.value = index.value * -size.value;
         }
       });
-    };
+      return function next(_x2) {
+        return _ref4.apply(this, arguments);
+      };
+    }();
     // expose
-    var prev = options => {
-      if (length.value <= 1) {
-        return;
-      }
-      initialIndex();
-      var {
-        loop,
-        onChange
-      } = props;
-      var currentIndex = index.value;
-      index.value = clampIndex(currentIndex - 1);
-      if ((options == null ? void 0 : options.event) !== false) {
-        call(onChange, index.value);
-      }
-      fixPosition(() => {
+    var prev = /*#__PURE__*/function () {
+      var _ref5 = _asyncToGenerator(function* (options) {
+        if (length.value <= 1) {
+          return;
+        }
+        initialIndex();
+        var {
+          loop,
+          onChange
+        } = props;
+        var currentIndex = index.value;
+        index.value = clampIndex(currentIndex - 1);
+        if ((options == null ? void 0 : options.event) !== false) {
+          call(onChange, index.value);
+        }
+        yield fixPosition();
         if (currentIndex === 0 && loop) {
           findSwipeItem(length.value - 1).setTranslate(-trackSize.value);
           trackTranslate.value = size.value;
@@ -314,7 +325,10 @@ var __sfc__ = defineComponent({
           trackTranslate.value = index.value * -size.value;
         }
       });
-    };
+      return function prev(_x3) {
+        return _ref5.apply(this, arguments);
+      };
+    }();
     // expose
     var to = (idx, options) => {
       if (length.value <= 1 || idx === index.value) {
@@ -347,7 +361,7 @@ var __sfc__ = defineComponent({
     if (popup) {
       // watch popup show again
       watch(() => popup.show.value, /*#__PURE__*/function () {
-        var _ref3 = _asyncToGenerator(function* (show) {
+        var _ref7 = _asyncToGenerator(function* (show) {
           if (show) {
             yield doubleRaf();
             resize();
@@ -355,8 +369,8 @@ var __sfc__ = defineComponent({
             stopAutoplay();
           }
         });
-        return function (_x) {
-          return _ref3.apply(this, arguments);
+        return function (_x4) {
+          return _ref7.apply(this, arguments);
         };
       }());
     }

package/es/tabs/Tabs.mjs

@@ -4,9 +4,9 @@ import VarSticky from '../sticky/index.mjs';
 import { defineComponent, watch, ref, computed, Transition, onActivated } from 'vue';
 import { props } from './props.mjs';
 import { useTabList } from './provide.mjs';
-import { clamp, isNumber } from '@varlet/shared';
+import { clamp, isNumber, doubleRaf } from '@varlet/shared';
 import { linear } from '../utils/shared.mjs';
-import { toSizeUnit, scrollTo, doubleRaf } from '../utils/elements.mjs';
+import { toSizeUnit, scrollTo } from '../utils/elements.mjs';
 import { createNamespace, call, formatElevation } from '../utils/components.mjs';
 import { onWindowResize } from '@varlet/use';
 var {

package/es/tabs-items/TabsItems.mjs

@@ -5,7 +5,7 @@ import { defineComponent, watch, ref } from 'vue';
 import { useTabItem } from './provide.mjs';
 import { call, createNamespace } from '../utils/components.mjs';
 import { props } from './props.mjs';
-import { doubleRaf } from '../utils/elements.mjs';
+import { doubleRaf } from '@varlet/shared';
 var {
   n
 } = createNamespace('tabs-items');