@nutui/nutui 4.0.0-beta.0 → 4.0.0-beta.10

package/dist/packages/_es/RadioGroup.js

@@ -1,13 +1,7 @@
-/*!
-* @nutui/nutui v4.0.0-beta.0 Mon Dec 26 2022 00:00:21 GMT+0800 (中国标准时间)
-* (c) 2022 @jdf2e.
-* Released under the MIT License.
-*/
-import { _ as _sfc_main } from "./index.vue_vue_type_script_lang.6e735bb8.js";
-import { _ } from "./index.vue_vue_type_script_lang.6e735bb8.js";
+import { _ as _sfc_main } from "./index.vue_vue_type_script_lang-1291fceb.js";
 import "vue";
-import "./component.fb9ce7ad.js";
+import "./component-81a4c1d0.js";
 import "../locale/lang";
 export {
-  _ as default
+  _sfc_main as default
 };

package/dist/packages/_es/Range.js

@@ -1,13 +1,8 @@
-/*!
-* @nutui/nutui v4.0.0-beta.0 Mon Dec 26 2022 00:00:21 GMT+0800 (中国标准时间)
-* (c) 2022 @jdf2e.
-* Released under the MIT License.
-*/
 import { ref, computed, toRefs, openBlock, createElementBlock, normalizeClass, toDisplayString, createCommentVNode, createElementVNode, normalizeStyle, withModifiers, Fragment, renderList, createTextVNode, renderSlot } from "vue";
-import { c as createComponent, i as isArray } from "./component.fb9ce7ad.js";
-import { u as useTouch } from "./index.983240fc.js";
-import { u as useRect } from "./index.af02c42d.js";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper.bf57b04e.js";
+import { c as createComponent, i as isArray } from "./component-81a4c1d0.js";
+import { u as useTouch } from "./index-7a7385e4.js";
+import { u as useRect } from "./index-29892cda.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
 const { componentName, create } = createComponent("range");
 const _sfc_main = create({

package/dist/packages/_es/Rate.js

@@ -1,15 +1,10 @@
-/*!
-* @nutui/nutui v4.0.0-beta.0 Mon Dec 26 2022 00:00:21 GMT+0800 (中国标准时间)
-* (c) 2022 @jdf2e.
-* Released under the MIT License.
-*/
 import { h, ref, computed, openBlock, createElementBlock, normalizeClass, Fragment, renderList, normalizeStyle, createElementVNode, createBlock, resolveDynamicComponent, createCommentVNode } from "vue";
 import { StarN } from "@nutui/icons-vue";
-import { c as createComponent } from "./component.fb9ce7ad.js";
-import { r as renderIcon } from "./renderIcon.f32ed340.js";
-import { p as pxCheck } from "./pxCheck.09969b22.js";
-import { u as useTouch } from "./index.983240fc.js";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper.bf57b04e.js";
+import { c as createComponent } from "./component-81a4c1d0.js";
+import { r as renderIcon } from "./renderIcon-3d0fd47c.js";
+import { p as pxCheck } from "./pxCheck-c6b9f6b7.js";
+import { u as useTouch } from "./index-7a7385e4.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
 const { create, componentName } = createComponent("rate");
 const _sfc_main = create({

package/dist/packages/_es/Row.js

@@ -1,11 +1,6 @@
-/*!
-* @nutui/nutui v4.0.0-beta.0 Mon Dec 26 2022 00:00:21 GMT+0800 (中国标准时间)
-* (c) 2022 @jdf2e.
-* Released under the MIT License.
-*/
 import { provide, openBlock, createElementBlock, normalizeClass, renderSlot } from "vue";
-import { c as createComponent } from "./component.fb9ce7ad.js";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper.bf57b04e.js";
+import { c as createComponent } from "./component-81a4c1d0.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
 const { componentName, create } = createComponent("row");
 const _sfc_main = create({

package/dist/packages/_es/Searchbar.js

@@ -1,13 +1,8 @@
-/*!
-* @nutui/nutui v4.0.0-beta.0 Mon Dec 26 2022 00:00:21 GMT+0800 (中国标准时间)
-* (c) 2022 @jdf2e.
-* Released under the MIT License.
-*/
 import { reactive, computed, ref, onMounted, toRefs, openBlock, createElementBlock, normalizeStyle, toDisplayString, createCommentVNode, renderSlot, createElementVNode, withModifiers, withDirectives, createBlock, resolveDynamicComponent, vShow } from "vue";
-import { c as createComponent } from "./component.fb9ce7ad.js";
-import { r as renderIcon } from "./renderIcon.f32ed340.js";
+import { c as createComponent } from "./component-81a4c1d0.js";
+import { r as renderIcon } from "./renderIcon-3d0fd47c.js";
 import { CircleClose } from "@nutui/icons-vue";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper.bf57b04e.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
 const { create, translate } = createComponent("searchbar");
 const _sfc_main = create({

package/dist/packages/_es/ShortPassword.js

@@ -1,13 +1,8 @@
-/*!
-* @nutui/nutui v4.0.0-beta.0 Mon Dec 26 2022 00:00:21 GMT+0800 (中国标准时间)
-* (c) 2022 @jdf2e.
-* Released under the MIT License.
-*/
 import { ref, computed, watch, resolveComponent, openBlock, createElementBlock, createVNode, withCtx, createElementVNode, toDisplayString, Fragment, renderList, createCommentVNode } from "vue";
-import { c as createComponent } from "./component.fb9ce7ad.js";
-import { P as Popup } from "./index.4ed42c18.js";
+import { c as createComponent } from "./component-81a4c1d0.js";
+import { P as Popup } from "./index-1006915b.js";
 import { Tips } from "@nutui/icons-vue";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper.bf57b04e.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
 import "./Overlay.js";
 const { create, translate } = createComponent("short-password");

package/dist/packages/_es/SideNavbar.js

@@ -1,11 +1,6 @@
-/*!
-* @nutui/nutui v4.0.0-beta.0 Mon Dec 26 2022 00:00:21 GMT+0800 (中国标准时间)
-* (c) 2022 @jdf2e.
-* Released under the MIT License.
-*/
 import { ref, reactive, computed, onMounted, toRefs, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot } from "vue";
-import { c as createComponent } from "./component.fb9ce7ad.js";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper.bf57b04e.js";
+import { c as createComponent } from "./component-81a4c1d0.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
 const { componentName, create } = createComponent("side-navbar");
 const _sfc_main = create({

package/dist/packages/_es/SideNavbarItem.js

@@ -1,11 +1,6 @@
-/*!
-* @nutui/nutui v4.0.0-beta.0 Mon Dec 26 2022 00:00:21 GMT+0800 (中国标准时间)
-* (c) 2022 @jdf2e.
-* Released under the MIT License.
-*/
 import { computed, openBlock, createElementBlock, normalizeClass, withModifiers, createElementVNode, toDisplayString } from "vue";
-import { c as createComponent } from "./component.fb9ce7ad.js";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper.bf57b04e.js";
+import { c as createComponent } from "./component-81a4c1d0.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
 const { componentName, create } = createComponent("side-navbar-item");
 const _sfc_main = create({

package/dist/packages/_es/Signature.js

@@ -1,12 +1,7 @@
-/*!
-* @nutui/nutui v4.0.0-beta.0 Mon Dec 26 2022 00:00:21 GMT+0800 (中国标准时间)
-* (c) 2022 @jdf2e.
-* Released under the MIT License.
-*/
 import { ref, computed, reactive, onMounted, toRefs, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, withDirectives, vShow, toDisplayString, createCommentVNode, createVNode, withCtx, createTextVNode } from "vue";
-import { c as createComponent } from "./component.fb9ce7ad.js";
+import { c as createComponent } from "./component-81a4c1d0.js";
 import Button from "./Button.js";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper.bf57b04e.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
 import "@nutui/icons-vue";
 const { componentName, create, translate } = createComponent("signature");

package/dist/packages/_es/Skeleton.js

@@ -1,12 +1,7 @@
-/*!
-* @nutui/nutui v4.0.0-beta.0 Mon Dec 26 2022 00:00:21 GMT+0800 (中国标准时间)
-* (c) 2022 @jdf2e.
-* Released under the MIT License.
-*/
-import { c as createComponent } from "./component.fb9ce7ad.js";
+import { c as createComponent } from "./component-81a4c1d0.js";
 import { toRefs, computed, onMounted, resolveComponent, openBlock, createElementBlock, renderSlot, createCommentVNode, createElementVNode, createBlock, normalizeClass, normalizeStyle, Fragment, renderList } from "vue";
 import Avatar from "./Avatar.js";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper.bf57b04e.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
 const component = (components) => {
   return {

package/dist/packages/_es/Sku.js

@@ -1,15 +1,13 @@
-/*!
-* @nutui/nutui v4.0.0-beta.0 Mon Dec 26 2022 00:00:21 GMT+0800 (中国标准时间)
-* (c) 2022 @jdf2e.
-* Released under the MIT License.
-*/
 import { resolveComponent, openBlock, createElementBlock, createElementVNode, renderSlot, createBlock, createCommentVNode, toDisplayString, ref, watch, onMounted, Fragment, renderList, normalizeClass, createVNode, withCtx, createSlots } from "vue";
-import { c as createComponent, T as TypeOfFun } from "./component.fb9ce7ad.js";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper.bf57b04e.js";
-import { p as popupProps, P as Popup } from "./index.4ed42c18.js";
+import { c as createComponent, T as TypeOfFun } from "./component-81a4c1d0.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
+import { p as popupProps, P as Popup } from "./index-1006915b.js";
+import Price from "./Price.js";
+import InputNumber from "./InputNumber.js";
 import "../locale/lang";
 import "./Overlay.js";
 import "@nutui/icons-vue";
+import "./pxCheck-c6b9f6b7.js";
 const { componentName: componentName$4, create: create$4, translate: translate$1 } = createComponent("sku-header");
 const _sfc_main$4 = create$4({
   props: {
@@ -38,6 +36,7 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_price = resolveComponent("nut-price");
   return openBlock(), createElementBlock("view", _hoisted_1$4, [
     createElementVNode("img", {
+      class: "nut-sku-header-img",
       src: _ctx.goods.imagePath
     }, null, 8, _hoisted_2$4),
     createElementVNode("view", _hoisted_3$3, [
@@ -48,7 +47,7 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
         thousands: false
       }, null, 8, ["price"])),
       _ctx.getSlots("sku-header-extra") ? renderSlot(_ctx.$slots, "sku-header-extra", { key: 2 }) : createCommentVNode("", true),
-      _ctx.goods.skuId && !_ctx.getSlots("sku-header-extra") ? (openBlock(), createElementBlock("view", _hoisted_4$3, toDisplayString(_ctx.translate("skuId")) + "\xA0:\xA0" + toDisplayString(_ctx.goods.skuId), 1)) : createCommentVNode("", true)
+      _ctx.goods.skuId && !_ctx.getSlots("sku-header-extra") ? (openBlock(), createElementBlock("view", _hoisted_4$3, toDisplayString(_ctx.translate("skuId")) + " : " + toDisplayString(_ctx.goods.skuId), 1)) : createCommentVNode("", true)
     ])
   ]);
 }
@@ -136,7 +135,7 @@ const _sfc_main$2 = create$2({
     },
     stepperTitle: {
       type: String,
-      default: "\u8D2D\u4E70\u6570\u91CF"
+      default: "购买数量"
     }
   },
   emits: ["click", "changeSku", "changeStepper", "clickBtnOptions", "overLimit", "reduce", "add"],
@@ -219,15 +218,15 @@ const _sfc_main$1 = create$1({
     },
     buyText: {
       type: String,
-      default: "\u7ACB\u5373\u8D2D\u4E70"
+      default: "立即购买"
     },
     addCartText: {
       type: String,
-      default: "\u52A0\u5165\u8D2D\u7269\u8F66"
+      default: "加入购物车"
     },
     confirmText: {
       type: String,
-      default: "\u786E\u5B9A"
+      default: "确定"
     }
   },
   emits: ["click", "changeSku", "changeBuyCount", "clickBtnOperate"],
@@ -347,7 +346,9 @@ const _sfc_main = create({
     SkuSelect,
     SkuStepper,
     SkuOperate,
-    [Popup.name]: Popup
+    [Popup.name]: Popup,
+    [Price.name]: Price,
+    [InputNumber.name]: InputNumber
   },
   setup(props, { emit, slots }) {
     const showPopup = ref(props.visible);

package/dist/packages/_es/Step.js

@@ -1,11 +1,6 @@
-/*!
-* @nutui/nutui v4.0.0-beta.0 Mon Dec 26 2022 00:00:21 GMT+0800 (中国标准时间)
-* (c) 2022 @jdf2e.
-* Released under the MIT License.
-*/
 import { getCurrentInstance, inject, reactive, computed, toRefs, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, Fragment, toDisplayString, createCommentVNode } from "vue";
-import { c as createComponent } from "./component.fb9ce7ad.js";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper.bf57b04e.js";
+import { c as createComponent } from "./component-81a4c1d0.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
 const { create, componentName } = createComponent("step");
 const _sfc_main = create({

package/dist/packages/_es/Steps.js

@@ -1,10 +1,5 @@
-/*!
-* @nutui/nutui v4.0.0-beta.0 Mon Dec 26 2022 00:00:21 GMT+0800 (中国标准时间)
-* (c) 2022 @jdf2e.
-* Released under the MIT License.
-*/
 import { reactive, computed, provide, h } from "vue";
-import { c as createComponent } from "./component.fb9ce7ad.js";
+import { c as createComponent } from "./component-81a4c1d0.js";
 import "../locale/lang";
 const { create, componentName } = createComponent("steps");
 const _sfc_main = create({

package/dist/packages/_es/Sticky.js

@@ -1,14 +1,8 @@
-/*!
-* @nutui/nutui v4.0.0-beta.0 Mon Dec 26 2022 00:00:21 GMT+0800 (中国标准时间)
-* (c) 2022 @jdf2e.
-* Released under the MIT License.
-*/
-import { _ as _sfc_main } from "./index.vue_vue_type_script_lang.ccc15054.js";
-import { _ } from "./index.vue_vue_type_script_lang.ccc15054.js";
+import { _ as _sfc_main } from "./index.vue_vue_type_script_lang-cc5c4086.js";
 import "vue";
-import "./component.fb9ce7ad.js";
+import "./component-81a4c1d0.js";
 import "../locale/lang";
-import "./index.af02c42d.js";
+import "./index-29892cda.js";
 export {
-  _ as default
+  _sfc_main as default
 };

package/dist/packages/_es/SubSideNavbar.js

@@ -1,12 +1,7 @@
-/*!
-* @nutui/nutui v4.0.0-beta.0 Mon Dec 26 2022 00:00:21 GMT+0800 (中国标准时间)
-* (c) 2022 @jdf2e.
-* Released under the MIT License.
-*/
-import { reactive, computed, onMounted, toRefs, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, withModifiers, toDisplayString, createBlock, normalizeStyle, renderSlot } from "vue";
-import { c as createComponent } from "./component.fb9ce7ad.js";
+import { reactive, computed, onMounted, toRefs, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, withModifiers, toDisplayString, createBlock, withDirectives, normalizeStyle, renderSlot, vShow } from "vue";
+import { c as createComponent } from "./component-81a4c1d0.js";
 import { ArrowDown2, ArrowUp2 } from "@nutui/icons-vue";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper.bf57b04e.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
 const { componentName, create } = createComponent("sub-side-navbar");
 const _sfc_main = create({
@@ -75,12 +70,14 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         !_ctx.direction ? (openBlock(), createBlock(_component_ArrowDown2, { key: 0 })) : (openBlock(), createBlock(_component_ArrowUp2, { key: 1 }))
       ])
     ]),
-    createElementVNode("view", {
+    withDirectives(createElementVNode("view", {
       class: normalizeClass(["nut-sub-side-navbar__list", !_ctx.direction ? "nutFadeIn" : "nutFadeOut"]),
       style: normalizeStyle(_ctx.style)
     }, [
       renderSlot(_ctx.$slots, "default")
-    ], 6)
+    ], 6), [
+      [vShow, !_ctx.direction]
+    ])
   ], 10, _hoisted_1);
 }
 const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);

package/dist/packages/_es/Swipe.js

@@ -1,12 +1,7 @@
-/*!
-* @nutui/nutui v4.0.0-beta.0 Mon Dec 26 2022 00:00:21 GMT+0800 (中国标准时间)
-* (c) 2022 @jdf2e.
-* Released under the MIT License.
-*/
-import { u as useTouch } from "./index.983240fc.js";
+import { u as useTouch } from "./index-7a7385e4.js";
 import { computed, ref, reactive, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, renderSlot } from "vue";
-import { c as createComponent } from "./component.fb9ce7ad.js";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper.bf57b04e.js";
+import { c as createComponent } from "./component-81a4c1d0.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
 const { componentName, create } = createComponent("swipe");
 const _sfc_main = create({
@@ -184,7 +179,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ], 512)
   ], 38);
 }
-const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+const Swipe = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {
-  index as default
+  Swipe as default
 };

package/dist/packages/_es/Swiper.js

@@ -1,61 +1,10 @@
-/*!
-* @nutui/nutui v4.0.0-beta.0 Mon Dec 26 2022 00:00:21 GMT+0800 (中国标准时间)
-* (c) 2022 @jdf2e.
-* Released under the MIT License.
-*/
-import { reactive, ref, computed, provide, onDeactivated, onBeforeUnmount, watch, nextTick, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, renderSlot, Fragment, renderList, createCommentVNode } from "vue";
-import { c as createComponent } from "./component.fb9ce7ad.js";
-import { u as useExpose } from "./index.617ba243.js";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper.bf57b04e.js";
+import { ref, reactive, computed, provide, onDeactivated, onBeforeUnmount, watch, nextTick, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, renderSlot, Fragment, renderList, createCommentVNode } from "vue";
+import { c as createComponent, e as clamp } from "./component-81a4c1d0.js";
+import { u as useTouch } from "./index-7a7385e4.js";
+import { u as useExpose } from "./index-79c5dc33.js";
+import { r as requestAniFrame } from "./raf-729dad54.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
-const DISTANCE = 5;
-function useTouch() {
-  const state = reactive({
-    startX: 0,
-    startY: 0,
-    deltaX: 0,
-    deltaY: 0,
-    offsetX: 0,
-    offsetY: 0,
-    direction: ""
-  });
-  const getDirection = (x, y) => {
-    if (x > y && x > DISTANCE)
-      return "horizontal";
-    if (y > x && y > DISTANCE)
-      return "vertical";
-    return "";
-  };
-  const reset = () => {
-    state.startX = 0;
-    state.startY = 0;
-    state.deltaX = 0;
-    state.deltaY = 0;
-    state.offsetX = 0;
-    state.offsetY = 0;
-    state.direction = "";
-  };
-  const start = (e) => {
-    reset();
-    state.startX = e.touches[0].clientX;
-    state.startY = e.touches[0].clientY;
-  };
-  const move = (e) => {
-    state.deltaX = e.touches[0].clientX - state.startX;
-    state.deltaY = e.touches[0].clientY - state.startY;
-    state.offsetX = Math.abs(state.deltaX);
-    state.offsetY = Math.abs(state.deltaY);
-    if (!state.direction) {
-      state.direction = getDirection(state.offsetX, state.offsetY);
-    }
-  };
-  return {
-    state,
-    start,
-    reset,
-    move
-  };
-}
 const { create, componentName } = createComponent("swiper");
 const _sfc_main = create({
   props: {
@@ -68,7 +17,7 @@ const _sfc_main = create({
       default: 0
     },
     direction: {
-      type: [String],
+      type: String,
       default: "horizontal"
     },
     paginationVisible: {
@@ -137,11 +86,25 @@ const _sfc_main = create({
       };
     });
     const isVertical = computed(() => props.direction === "vertical");
+    const classesInner = computed(() => {
+      const prefixCls = componentName;
+      return {
+        [`${prefixCls}-inner`]: true,
+        [`${prefixCls}-vertical`]: isVertical.value
+      };
+    });
+    const classesPagination = computed(() => {
+      const prefixCls = componentName;
+      return {
+        [`${prefixCls}-pagination`]: true,
+        [`${prefixCls}-pagination-vertical`]: isVertical.value
+      };
+    });
     const delTa = computed(() => {
-      return isVertical.value ? touch.state.deltaY : touch.state.deltaX;
+      return isVertical.value ? touch.deltaY.value : touch.deltaX.value;
     });
     const isCorrectDirection = computed(() => {
-      return touch.state.direction === props.direction;
+      return touch.direction.value === props.direction;
     });
     const childCount = computed(() => state.children.length);
     const size = computed(() => state[isVertical.value ? "height" : "width"]);
@@ -156,12 +119,7 @@ const _sfc_main = create({
     const activePagination = computed(() => (state.active + childCount.value) % childCount.value);
     const getStyle = () => {
       let offset = 0;
-      if (!props.isCenter) {
-        offset = state.offset;
-      } else {
-        let val = isVertical.value ? state.rect.height - size.value : state.rect.width - size.value;
-        offset = state.offset + (state.active === childCount.value - 1 ? -val / 2 : val / 2);
-      }
+      offset = state.offset;
       state.style = {
         transitionDuration: `${state.moving ? 0 : props.duration}ms`,
         transform: `translate${isVertical.value ? "Y" : "X"}(${offset}px)`,
@@ -172,26 +130,27 @@ const _sfc_main = create({
     const relation = (child) => {
       var _a;
       let children = [];
+      const childrenVNodeLen = state.childrenVNode.length;
       let slot = (_a = slots == null ? void 0 : slots.default) == null ? void 0 : _a.call(slots);
       slot = slot.filter((item) => item.children && Array.isArray(item.children));
       slot.forEach((item) => {
         children = children.concat(item.children);
       });
-      if (!state.childrenVNode.length) {
+      if (!childrenVNodeLen) {
         state.childrenVNode = children.slice();
         child.proxy && state.children.push(child.proxy);
       } else {
-        if (state.childrenVNode.length > children.length) {
+        if (childrenVNodeLen > children.length) {
           state.children = state.children.filter((item) => child.proxy !== item);
-        } else if (state.childrenVNode.length < children.length) {
-          for (let i = 0; i < state.childrenVNode.length; i++) {
+        } else if (childrenVNodeLen < children.length) {
+          for (let i = 0; i < childrenVNodeLen; i++) {
             if (children[i].key !== state.childrenVNode[i].key) {
               child.proxy && state.children.splice(i, 0, child.proxy);
               child.vnode && state.childrenVNode.splice(i, 0, child.vnode);
               break;
             }
           }
-          if (state.childrenVNode.length !== children.length) {
+          if (childrenVNodeLen !== children.length) {
             child.proxy && state.children.push(child.proxy);
             child.vnode && state.childrenVNode.push(child.vnode);
           }
@@ -201,12 +160,6 @@ const _sfc_main = create({
         }
       }
     };
-    const range = (num, min, max) => {
-      return Math.min(Math.max(num, min), max);
-    };
-    const requestFrame = (fn) => {
-      window.requestAnimationFrame.call(window, fn);
-    };
     const getOffset = (active, offset = 0) => {
       let currentPosition = active * size.value;
       if (!props.loop) {
@@ -214,7 +167,7 @@ const _sfc_main = create({
       }
       let targetOffset = offset - currentPosition;
       if (!props.loop) {
-        targetOffset = range(targetOffset, minOffset.value, 0);
+        targetOffset = clamp(targetOffset, minOffset.value, 0);
       }
       return targetOffset;
     };
@@ -222,9 +175,9 @@ const _sfc_main = create({
       const { active } = state;
       if (pace) {
         if (props.loop) {
-          return range(active + pace, -1, childCount.value);
+          return clamp(active + pace, -1, childCount.value);
         }
-        return range(active + pace, 0, childCount.value - 1);
+        return clamp(active + pace, 0, childCount.value - 1);
       }
       return active;
     };
@@ -263,48 +216,39 @@ const _sfc_main = create({
     const stopAutoPlay = () => {
       clearTimeout(state.autoplayTimer);
     };
-    const prev = () => {
+    const jump = (pace) => {
       resettPosition();
       touch.reset();
-      requestFrame(() => {
-        requestFrame(() => {
+      requestAniFrame(() => {
+        requestAniFrame(() => {
           state.moving = false;
           move({
-            pace: -1,
+            pace,
             isEmit: true
           });
         });
       });
     };
+    const prev = () => {
+      jump(-1);
+    };
     const next = () => {
-      resettPosition();
-      touch.reset();
-      requestFrame(() => {
-        requestFrame(() => {
-          state.moving = false;
-          move({
-            pace: 1,
-            isEmit: true
-          });
-        });
-      });
+      jump(1);
     };
     const to = (index) => {
       resettPosition();
       touch.reset();
-      requestFrame(() => {
-        requestFrame(() => {
-          state.moving = false;
-          let targetIndex;
-          if (props.loop && childCount.value === index) {
-            targetIndex = state.active === 0 ? 0 : index;
-          } else {
-            targetIndex = index % childCount.value;
-          }
-          move({
-            pace: targetIndex - state.active,
-            isEmit: true
-          });
+      requestAniFrame(() => {
+        state.moving = false;
+        let targetIndex;
+        if (props.loop && childCount.value === index) {
+          targetIndex = state.active === 0 ? 0 : index;
+        } else {
+          targetIndex = index % childCount.value;
+        }
+        move({
+          pace: targetIndex - state.active,
+          isEmit: true
         });
       });
     };
@@ -358,7 +302,7 @@ const _sfc_main = create({
       const isShouldMove = Math.abs(speed) > 0.3 || Math.abs(delTa.value) > +(size.value / 2).toFixed(2);
       if (isShouldMove && isCorrectDirection.value) {
         let pace = 0;
-        const offset = isVertical.value ? touch.state.offsetY : touch.state.offsetX;
+        const offset = isVertical.value ? touch.offsetY.value : touch.offsetX.value;
         if (props.loop) {
           pace = offset > 0 ? delTa.value > 0 ? -1 : 1 : 0;
         } else {
@@ -416,10 +360,9 @@ const _sfc_main = create({
     return {
       state,
       classes,
+      classesInner,
+      classesPagination,
       container,
-      componentName,
-      isVertical,
-      slots,
       activePagination,
       onTouchStart,
       onTouchMove,
@@ -437,21 +380,15 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     onTouchcancel: _cache[3] || (_cache[3] = (...args) => _ctx.onTouchEnd && _ctx.onTouchEnd(...args))
   }, [
     createElementVNode("view", {
-      class: normalizeClass({
-        [`${_ctx.componentName}-inner`]: true,
-        [`${_ctx.componentName}-vertical`]: _ctx.isVertical
-      }),
+      class: normalizeClass(_ctx.classesInner),
       style: normalizeStyle(_ctx.state.style)
     }, [
       renderSlot(_ctx.$slots, "default")
     ], 6),
     renderSlot(_ctx.$slots, "page"),
-    _ctx.paginationVisible && !_ctx.slots.page ? (openBlock(), createElementBlock("view", {
+    _ctx.paginationVisible && !_ctx.$slots.page ? (openBlock(), createElementBlock("view", {
       key: 0,
-      class: normalizeClass({
-        [`${_ctx.componentName}-pagination`]: true,
-        [`${_ctx.componentName}-pagination-vertical`]: _ctx.isVertical
-      })
+      class: normalizeClass(_ctx.classesPagination)
     }, [
       (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.state.children.length, (item, index) => {
         return openBlock(), createElementBlock("i", {