@nutui/nutui 3.1.23-beta.1 → 3.1.23-beta.2

package/dist/packages/_es/OverLay.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.23-beta.1 Mon Jun 27 2022 21:39:05 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.2 Thu Jul 07 2022 19:06:52 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/Pagination.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.23-beta.1 Mon Jun 27 2022 21:39:05 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.2 Thu Jul 07 2022 19:06:52 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/Picker.js

@@ -1,11 +1,12 @@
 /*!
-* @nutui/nutui v3.1.23-beta.1 Mon Jun 27 2022 21:39:05 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.2 Thu Jul 07 2022 19:06:52 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
 import { ref, reactive, computed, watch, onMounted, toRefs, openBlock, createElementBlock, createElementVNode, normalizeStyle, Fragment, renderList, normalizeClass, toDisplayString, createCommentVNode, onBeforeUnmount, resolveComponent, createVNode, withCtx, renderSlot } from "vue";
 import { c as createComponent } from "./component.js";
 import Popup, { popupProps } from "./Popup.js";
+import { u as useTouch } from "./index4.js";
 import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 import "../locale/lang";
 import "./OverLay.js";
@@ -31,6 +32,7 @@ const _sfc_main$1 = create$1({
   },
   emits: ["click", "change"],
   setup(props, { emit }) {
+    const touch = useTouch();
     const wrapper = ref();
     const state = reactive({
       touchParams: {
@@ -51,54 +53,72 @@ const _sfc_main$1 = create$1({
     const roller = ref(null);
     const list = ref(null);
     const listItem = ref(null);
+    const moving = ref(false);
     const touchDeg = ref(0);
     const touchTime = ref(0);
-    const touchTranslateY = ref(0);
-    const touchListStyle = computed(() => {
+    const INERTIA_TIME = 300;
+    const INERTIA_DISTANCE = 15;
+    const touchRollerStyle = computed(() => {
       return {
-        transition: `transform ${touchTime.value}ms cubic-bezier(0.19, 1, 0.22, 1)`,
-        transform: `translate3d(0, ${state.scrollDistance}px, 0)`
+        transition: `transform ${touchTime.value}ms cubic-bezier(0.17, 0.89, 0.45, 1)`,
+        transform: `rotate3d(1, 0, 0, ${touchDeg.value})`
       };
     });
-    const touchRollerStyle = computed(() => {
+    const touchListStyle = computed(() => {
       return {
-        transition: `transform ${touchTime.value}ms cubic-bezier(0.19, 1, 0.22, 1)`,
-        transform: `rotate3d(1, 0, 0, ${touchDeg.value})`
+        transition: `transform ${touchTime.value}ms cubic-bezier(0.17, 0.89, 0.45, 1)`,
+        transform: `translate3d(0, ${state.scrollDistance}px, 0)`
       };
     });
+    const setRollerStyle = (index) => {
+      return `transform: rotate3d(1, 0, 0, ${-state.rotation * index}deg) translate3d(0px, 0px, 104px)`;
+    };
     const onTouchStart = (event) => {
-      event.preventDefault();
-      let changedTouches = event.changedTouches[0];
-      state.touchParams.startY = changedTouches.pageY;
-      state.touchParams.startTime = event.timeStamp || Date.now();
+      touch.start(event);
+      if (moving.value) {
+        const { transform } = window.getComputedStyle(list.value);
+        state.scrollDistance = +transform.slice(7, transform.length - 1).split(", ")[5];
+      }
+      state.touchParams.startY = touch.deltaY.value;
+      state.touchParams.startTime = Date.now();
       state.transformY = state.scrollDistance;
     };
     const onTouchMove = (event) => {
-      event.preventDefault();
-      let changedTouches = event.changedTouches[0];
-      state.touchParams.lastY = changedTouches.pageY;
-      state.touchParams.lastTime = event.timeStamp || Date.now();
+      touch.move(event);
+      if (touch.isVertical) {
+        moving.value = true;
+        preventDefault(event, true);
+      }
+      state.touchParams.lastY = touch.deltaY.value;
+      const now = Date.now();
       let move = state.touchParams.lastY - state.touchParams.startY;
       setMove(move);
+      if (now - state.touchParams.startTime > INERTIA_TIME) {
+        state.touchParams.startTime = now;
+        state.touchParams.startY = state.touchParams.lastY;
+      }
     };
     const onTouchEnd = (event) => {
-      event.preventDefault();
-      let changedTouches = event.changedTouches[0];
-      state.touchParams.lastY = changedTouches.pageY;
-      state.touchParams.lastTime = event.timeStamp || Date.now();
+      state.touchParams.lastY = touch.deltaY.value;
+      state.touchParams.lastTime = Date.now();
       let move = state.touchParams.lastY - state.touchParams.startY;
       let moveTime = state.touchParams.lastTime - state.touchParams.startTime;
-      console.log("touchEnd", move, moveTime);
-      if (moveTime <= 300) {
-        move = move * 2;
-        moveTime = moveTime + 1e3;
-        setMove(move, "end", moveTime);
+      if (moveTime <= INERTIA_TIME && Math.abs(move) > INERTIA_DISTANCE) {
+        const distance = momentum(move, moveTime);
+        setMove(distance, "end", moveTime + 1e3);
+        return;
       } else {
         setMove(move, "end");
       }
+      setTimeout(() => {
+        touch.reset();
+        moving.value = false;
+      }, 0);
     };
-    const setRollerStyle = (index) => {
-      return `transform: rotate3d(1, 0, 0, ${-state.rotation * index}deg) translate3d(0px, 0px, 104px)`;
+    const momentum = (distance, duration) => {
+      const speed = Math.abs(distance / duration);
+      distance = speed / 3e-3 * (distance < 0 ? -1 : 1);
+      return distance;
     };
     const isHidden = (index) => {
       if (index >= state.currIndex + 8 || index <= state.currIndex - 8) {
@@ -114,11 +134,9 @@ const _sfc_main$1 = create$1({
         touchTime.value = 0;
       }
       touchDeg.value = deg;
-      touchTranslateY.value = translateY;
       state.scrollDistance = translateY;
     };
     const setMove = (move, type, time) => {
-      console.log("setMove");
       let updateMove = move + state.transformY;
       if (type === "end") {
         if (updateMove > 0) {
@@ -130,30 +148,15 @@ const _sfc_main$1 = create$1({
         let endMove = Math.round(updateMove / state.lineSpacing) * state.lineSpacing;
         let deg = `${(Math.abs(Math.round(endMove / state.lineSpacing)) + 1) * state.rotation}deg`;
         setTransform(endMove, type, time, deg);
-        let t = time ? time / 2 : 0;
-        state.timer = setTimeout(() => {
-          setChooseValue();
-        }, t);
         state.currIndex = Math.abs(Math.round(endMove / state.lineSpacing)) + 1;
       } else {
         let deg = "0deg";
-        let degNum = 0;
-        if (updateMove < 0) {
-          degNum = (Math.abs(updateMove / state.lineSpacing) + 1) * state.rotation;
-        } else {
-          degNum = (-updateMove / state.lineSpacing + 1) * state.rotation;
-        }
+        let currentDeg = (-updateMove / state.lineSpacing + 1) * state.rotation;
         const maxDeg = (props.column.length + 1) * state.rotation;
         const minDeg = 0;
-        if (degNum > maxDeg) {
-          deg = `${maxDeg}deg`;
-        } else if (degNum < minDeg) {
-          deg = `${minDeg}deg`;
-        } else {
-          deg = `${degNum}deg`;
-          setTransform(updateMove, null, void 0, deg);
-          state.currIndex = Math.abs(Math.round(updateMove / state.lineSpacing)) + 1;
-        }
+        deg = Math.min(Math.max(currentDeg, minDeg), maxDeg) + "deg";
+        setTransform(updateMove, null, void 0, deg);
+        state.currIndex = Math.abs(Math.round(updateMove / state.lineSpacing)) + 1;
       }
     };
     const setChooseValue = () => {
@@ -167,6 +170,18 @@ const _sfc_main$1 = create$1({
       type && setChooseValue();
       setMove(-move);
     };
+    const preventDefault = (event, isStopPropagation) => {
+      if (typeof event.cancelable !== "boolean" || event.cancelable) {
+        event.preventDefault();
+      }
+      if (isStopPropagation) {
+        event.stopPropagation();
+      }
+    };
+    const stopMomentum = () => {
+      moving.value = false;
+      setChooseValue();
+    };
     watch(() => props.column, (val) => {
       console.log("props.column\u53D8\u5316", props.column);
       state.transformY = 0;
@@ -191,22 +206,25 @@ const _sfc_main$1 = create$1({
       onTouchEnd,
       touchRollerStyle,
       touchListStyle,
-      setMove
+      setMove,
+      stopMomentum
     };
   }
 });
 const _hoisted_1$1 = /* @__PURE__ */ createElementVNode("view", { class: "nut-picker-roller-mask" }, null, -1);
+const _hoisted_2$1 = { class: "nut-picker-content" };
 function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("view", {
     class: "nut-picker__list",
-    onTouchstart: _cache[0] || (_cache[0] = (...args) => _ctx.onTouchStart && _ctx.onTouchStart(...args)),
-    onTouchmove: _cache[1] || (_cache[1] = (...args) => _ctx.onTouchMove && _ctx.onTouchMove(...args)),
-    onTouchend: _cache[2] || (_cache[2] = (...args) => _ctx.onTouchEnd && _ctx.onTouchEnd(...args))
+    onTouchstart: _cache[1] || (_cache[1] = (...args) => _ctx.onTouchStart && _ctx.onTouchStart(...args)),
+    onTouchmove: _cache[2] || (_cache[2] = (...args) => _ctx.onTouchMove && _ctx.onTouchMove(...args)),
+    onTouchend: _cache[3] || (_cache[3] = (...args) => _ctx.onTouchEnd && _ctx.onTouchEnd(...args))
   }, [
     createElementVNode("view", {
       class: "nut-picker-roller",
       ref: "roller",
-      style: normalizeStyle(_ctx.touchRollerStyle)
+      style: normalizeStyle(_ctx.touchRollerStyle),
+      onTransitionend: _cache[0] || (_cache[0] = (...args) => _ctx.stopMomentum && _ctx.stopMomentum(...args))
     }, [
       (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.column, (item, index) => {
         return openBlock(), createElementBlock(Fragment, {
@@ -219,8 +237,15 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
           }, toDisplayString(item.text), 7)) : createCommentVNode("", true)
         ], 64);
       }), 128))
-    ], 4),
-    _hoisted_1$1
+    ], 36),
+    _hoisted_1$1,
+    createElementVNode("view", _hoisted_2$1, [
+      createElementVNode("view", {
+        class: "nut-picker-list-panel",
+        ref: "list",
+        style: normalizeStyle(_ctx.touchListStyle)
+      }, null, 4)
+    ])
   ], 32);
 }
 var column = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1]]);
@@ -325,7 +350,10 @@ const _sfc_main = create({
       return formatted;
     };
     const close = () => {
-      emit("close");
+      emit("close", {
+        selectedValue: defaultValues.value,
+        selectedOptions: selectedOptions.value
+      });
       emit("update:visible", false);
     };
     const changeHandler = (columnIndex, option) => {

package/dist/packages/_es/Popover.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.23-beta.1 Mon Jun 27 2022 21:39:05 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.2 Thu Jul 07 2022 19:06:52 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/Popup.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.23-beta.1 Mon Jun 27 2022 21:39:05 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.2 Thu Jul 07 2022 19:06:52 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -92,7 +92,7 @@ const _sfc_main = create({
   setup(props, { emit }) {
     const popupRef = ref();
     const state = reactive({
-      zIndex: props.zIndex ? props.zIndex : _zIndex,
+      zIndex: props.zIndex,
       showSlot: true,
       transitionName: `popup-fade-${props.position}`,
       overLayCount: 1,
@@ -118,29 +118,25 @@ const _sfc_main = create({
       };
     });
     const open = () => {
-      if (!props.visible) {
-        if (props.zIndex !== void 0) {
-          _zIndex = Number(props.zIndex);
-        }
-        emit("update:visible", true);
-        lockScroll();
-        state.zIndex = ++_zIndex;
+      if (props.zIndex != 2e3) {
+        _zIndex = Number(props.zIndex);
       }
+      emit("update:visible", true);
+      lockScroll();
+      state.zIndex = ++_zIndex;
       if (props.destroyOnClose) {
         state.showSlot = true;
       }
       emit("open");
     };
     const close = () => {
-      if (props.visible) {
-        unlockScroll();
-        emit("update:visible", false);
-        if (props.destroyOnClose) {
-          setTimeout(() => {
-            state.showSlot = false;
-            emit("close");
-          }, +props.duration * 1e3);
-        }
+      unlockScroll();
+      emit("update:visible", false);
+      if (props.destroyOnClose) {
+        setTimeout(() => {
+          state.showSlot = false;
+          emit("close");
+        }, +props.duration * 1e3);
       }
     };
     const onClick = (e) => {

package/dist/packages/_es/Price.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.23-beta.1 Mon Jun 27 2022 21:39:05 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.2 Thu Jul 07 2022 19:06:52 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/Progress.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.23-beta.1 Mon Jun 27 2022 21:39:05 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.2 Thu Jul 07 2022 19:06:52 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/PullRefresh.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.23-beta.1 Mon Jun 27 2022 21:39:05 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.2 Thu Jul 07 2022 19:06:52 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/Radio.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.23-beta.1 Mon Jun 27 2022 21:39:05 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.2 Thu Jul 07 2022 19:06:52 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/RadioGroup.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.23-beta.1 Mon Jun 27 2022 21:39:05 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.2 Thu Jul 07 2022 19:06:52 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/Range.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.23-beta.1 Mon Jun 27 2022 21:39:05 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.2 Thu Jul 07 2022 19:06:52 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/Rate.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.23-beta.1 Mon Jun 27 2022 21:39:05 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.2 Thu Jul 07 2022 19:06:52 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/Row.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.23-beta.1 Mon Jun 27 2022 21:39:05 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.2 Thu Jul 07 2022 19:06:52 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/SearchBar.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.23-beta.1 Mon Jun 27 2022 21:39:05 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.2 Thu Jul 07 2022 19:06:52 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/ShortPassword.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.23-beta.1 Mon Jun 27 2022 21:39:05 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.2 Thu Jul 07 2022 19:06:52 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/SideNavBar.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.23-beta.1 Mon Jun 27 2022 21:39:05 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.2 Thu Jul 07 2022 19:06:52 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/SideNavBarItem.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.23-beta.1 Mon Jun 27 2022 21:39:05 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.2 Thu Jul 07 2022 19:06:52 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/Signature.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.23-beta.1 Mon Jun 27 2022 21:39:05 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.2 Thu Jul 07 2022 19:06:52 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/Skeleton.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.23-beta.1 Mon Jun 27 2022 21:39:05 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.2 Thu Jul 07 2022 19:06:52 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/Sku.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.23-beta.1 Mon Jun 27 2022 21:39:05 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.2 Thu Jul 07 2022 19:06:52 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/Step.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.23-beta.1 Mon Jun 27 2022 21:39:05 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.2 Thu Jul 07 2022 19:06:52 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/Steps.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.23-beta.1 Mon Jun 27 2022 21:39:05 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.2 Thu Jul 07 2022 19:06:52 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/Sticky.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.23-beta.1 Mon Jun 27 2022 21:39:05 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.2 Thu Jul 07 2022 19:06:52 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/SubSideNavBar.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.23-beta.1 Mon Jun 27 2022 21:39:05 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.2 Thu Jul 07 2022 19:06:52 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/Swipe.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.23-beta.1 Mon Jun 27 2022 21:39:05 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.2 Thu Jul 07 2022 19:06:52 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/Swiper.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.23-beta.1 Mon Jun 27 2022 21:39:05 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.2 Thu Jul 07 2022 19:06:52 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -106,6 +106,10 @@ const _sfc_main = create({
     isStopPropagation: {
       type: Boolean,
       default: true
+    },
+    isCenter: {
+      type: Boolean,
+      default: false
     }
   },
   emits: ["change"],
@@ -151,9 +155,16 @@ 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);
+      }
       state.style = {
         transitionDuration: `${state.moving ? 0 : props.duration}ms`,
-        transform: `translate${isVertical.value ? "Y" : "X"}(${state.offset}px)`,
+        transform: `translate${isVertical.value ? "Y" : "X"}(${offset}px)`,
         [isVertical.value ? "height" : "width"]: `${size.value * childCount.value}px`,
         [isVertical.value ? "width" : "height"]: `${isVertical.value ? state.width : state.height}px`
       };

package/dist/packages/_es/SwiperItem.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.23-beta.1 Mon Jun 27 2022 21:39:05 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.2 Thu Jul 07 2022 19:06:52 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/Switch.js

@@ -1,9 +1,9 @@
 /*!
-* @nutui/nutui v3.1.23-beta.1 Mon Jun 27 2022 21:39:05 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.2 Thu Jul 07 2022 19:06:52 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { computed, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, createBlock, createCommentVNode, Fragment, withDirectives, toDisplayString, vShow } from "vue";
+import { computed, watch, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, createBlock, createCommentVNode, Fragment, withDirectives, toDisplayString, vShow } from "vue";
 import { c as createComponent } from "./component.js";
 import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 import "../locale/lang";
@@ -76,14 +76,22 @@ const _sfc_main = create({
         backgroundColor: isActive.value ? props.activeColor : props.inactiveColor
       };
     });
+    let updateType = "";
     const onClick = (event) => {
       if (props.disable || props.loading)
         return;
       const value = isActive.value ? props.inactiveValue : props.activeValue;
+      updateType = "click";
       emit("update:modelValue", value);
-      emit("update:loading");
       emit("change", value, event);
     };
+    watch(() => props.modelValue, (v) => {
+      if (updateType == "click") {
+        updateType = "";
+      } else {
+        emit("change", v);
+      }
+    });
     return {
       classes,
       style,

package/dist/packages/_es/TabPane.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.23-beta.1 Mon Jun 27 2022 21:39:05 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.2 Thu Jul 07 2022 19:06:52 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/Tabbar.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.23-beta.1 Mon Jun 27 2022 21:39:05 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.2 Thu Jul 07 2022 19:06:52 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/TabbarItem.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.23-beta.1 Mon Jun 27 2022 21:39:05 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.2 Thu Jul 07 2022 19:06:52 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/Table.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.23-beta.1 Mon Jun 27 2022 21:39:05 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.2 Thu Jul 07 2022 19:06:52 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/Tabs.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.23-beta.1 Mon Jun 27 2022 21:39:05 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.2 Thu Jul 07 2022 19:06:52 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/Tag.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.23-beta.1 Mon Jun 27 2022 21:39:05 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.2 Thu Jul 07 2022 19:06:52 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/TextArea.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.23-beta.1 Mon Jun 27 2022 21:39:05 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.2 Thu Jul 07 2022 19:06:52 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/TimeDetail.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.23-beta.1 Mon Jun 27 2022 21:39:05 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.2 Thu Jul 07 2022 19:06:52 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */