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

package/dist/packages/_es/Pagination.js

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

package/dist/packages/_es/Picker.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.23-beta.2 Thu Jul 07 2022 19:06:52 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.5 Thu Jul 28 2022 13:54:36 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -28,6 +28,10 @@ const _sfc_main$1 = create$1({
     readonly: {
       type: Boolean,
       default: false
+    },
+    threeDimensional: {
+      type: Boolean,
+      default: true
     }
   },
   emits: ["click", "change"],
@@ -52,7 +56,6 @@ 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);
@@ -64,7 +67,7 @@ const _sfc_main$1 = create$1({
         transform: `rotate3d(1, 0, 0, ${touchDeg.value})`
       };
     });
-    const touchListStyle = computed(() => {
+    const touchTileStyle = computed(() => {
       return {
         transition: `transform ${touchTime.value}ms cubic-bezier(0.17, 0.89, 0.45, 1)`,
         transform: `translate3d(0, ${state.scrollDistance}px, 0)`
@@ -76,7 +79,11 @@ const _sfc_main$1 = create$1({
     const onTouchStart = (event) => {
       touch.start(event);
       if (moving.value) {
-        const { transform } = window.getComputedStyle(list.value);
+        let dom = list.value;
+        if (!props.threeDimensional) {
+          dom = roller.value;
+        }
+        const { transform } = window.getComputedStyle(dom);
         state.scrollDistance = +transform.slice(7, transform.length - 1).split(", ")[5];
       }
       state.touchParams.startY = touch.deltaY.value;
@@ -90,13 +97,8 @@ const _sfc_main$1 = create$1({
         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) => {
       state.touchParams.lastY = touch.deltaY.value;
@@ -150,13 +152,15 @@ const _sfc_main$1 = create$1({
         setTransform(endMove, type, time, deg);
         state.currIndex = Math.abs(Math.round(endMove / state.lineSpacing)) + 1;
       } else {
-        let deg = "0deg";
+        let deg = 0;
         let currentDeg = (-updateMove / state.lineSpacing + 1) * state.rotation;
         const maxDeg = (props.column.length + 1) * state.rotation;
         const minDeg = 0;
-        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;
+        deg = Math.min(Math.max(currentDeg, minDeg), maxDeg);
+        if (minDeg < deg && deg < maxDeg) {
+          setTransform(updateMove, null, void 0, deg + "deg");
+          state.currIndex = Math.abs(Math.round(updateMove / state.lineSpacing)) + 1;
+        }
       }
     };
     const setChooseValue = () => {
@@ -183,7 +187,14 @@ const _sfc_main$1 = create$1({
       setChooseValue();
     };
     watch(() => props.column, (val) => {
-      console.log("props.column\u53D8\u5316", props.column);
+      if (props.column && props.column.length > 0) {
+        state.transformY = 0;
+        modifyStatus(false);
+      }
+    }, {
+      deep: true
+    });
+    watch(() => props.value, (val) => {
       state.transformY = 0;
       modifyStatus(false);
     }, {
@@ -200,19 +211,25 @@ const _sfc_main$1 = create$1({
       isHidden,
       roller,
       list,
-      listItem,
       onTouchStart,
       onTouchMove,
       onTouchEnd,
       touchRollerStyle,
-      touchListStyle,
+      touchTileStyle,
       setMove,
       stopMomentum
     };
   }
 });
-const _hoisted_1$1 = /* @__PURE__ */ createElementVNode("view", { class: "nut-picker-roller-mask" }, null, -1);
-const _hoisted_2$1 = { class: "nut-picker-content" };
+const _hoisted_1$1 = {
+  key: 1,
+  class: "nut-picker-roller-item-tile"
+};
+const _hoisted_2$1 = /* @__PURE__ */ createElementVNode("view", { class: "nut-picker-roller-mask" }, null, -1);
+const _hoisted_3$1 = {
+  key: 0,
+  class: "nut-picker-content"
+};
 function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("view", {
     class: "nut-picker__list",
@@ -223,29 +240,30 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
     createElementVNode("view", {
       class: "nut-picker-roller",
       ref: "roller",
-      style: normalizeStyle(_ctx.touchRollerStyle),
+      style: normalizeStyle(_ctx.threeDimensional ? _ctx.touchRollerStyle : _ctx.touchTileStyle),
       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, {
           key: item.value ? item.value : index
         }, [
-          item && item.text ? (openBlock(), createElementBlock("view", {
+          item && item.text && _ctx.threeDimensional ? (openBlock(), createElementBlock("view", {
             key: 0,
             class: normalizeClass(["nut-picker-roller-item", { "nut-picker-roller-item-hidden": _ctx.isHidden(index + 1) }]),
             style: normalizeStyle(_ctx.setRollerStyle(index + 1))
-          }, toDisplayString(item.text), 7)) : createCommentVNode("", true)
+          }, toDisplayString(item.text), 7)) : createCommentVNode("", true),
+          item && item.text && !_ctx.threeDimensional ? (openBlock(), createElementBlock("view", _hoisted_1$1, toDisplayString(item.text), 1)) : createCommentVNode("", true)
         ], 64);
       }), 128))
     ], 36),
-    _hoisted_1$1,
-    createElementVNode("view", _hoisted_2$1, [
+    _hoisted_2$1,
+    _ctx.threeDimensional ? (openBlock(), createElementBlock("view", _hoisted_3$1, [
       createElementVNode("view", {
         class: "nut-picker-list-panel",
         ref: "list",
-        style: normalizeStyle(_ctx.touchListStyle)
+        style: normalizeStyle(_ctx.touchTileStyle)
       }, null, 4)
-    ])
+    ])) : createCommentVNode("", true)
   ], 32);
 }
 var column = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1]]);
@@ -282,6 +300,10 @@ const _sfc_main = create({
     readonly: {
       type: Boolean,
       default: false
+    },
+    threeDimensional: {
+      type: Boolean,
+      default: true
     }
   },
   emits: ["close", "change", "confirm", "update:visible", "update:modelValue"],
@@ -362,11 +384,14 @@ const _sfc_main = create({
           defaultValues.value[columnIndex] = option.value ? option.value : "";
           let index = columnIndex;
           let cursor = option;
-          while (cursor && cursor.children) {
+          while (cursor && cursor.children && cursor.children[0]) {
             defaultValues.value[index + 1] = cursor.children[0].value;
             index++;
             cursor = cursor.children[0];
           }
+          if (cursor && cursor.children && cursor.children.length == 0) {
+            defaultValues.value = defaultValues.value.slice(0, index + 1);
+          }
         } else {
           defaultValues.value[columnIndex] = option.hasOwnProperty("value") ? option.value : "";
         }
@@ -475,10 +500,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                 readonly: _ctx.readonly,
                 columnsType: _ctx.columnsType,
                 value: _ctx.defaultValues[columnIndex],
+                threeDimensional: _ctx.threeDimensional,
                 onChange: (option) => {
                   _ctx.changeHandler(columnIndex, option);
                 }
-              }, null, 8, ["itemShow", "column", "readonly", "columnsType", "value", "onChange"])
+              }, null, 8, ["itemShow", "column", "readonly", "columnsType", "value", "threeDimensional", "onChange"])
             ]);
           }), 128))
         ], 512),

package/dist/packages/_es/Popover.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.23-beta.2 Thu Jul 07 2022 19:06:52 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.5 Thu Jul 28 2022 13:54:36 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.2 Thu Jul 07 2022 19:06:52 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.5 Thu Jul 28 2022 13:54:36 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/Price.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.23-beta.2 Thu Jul 07 2022 19:06:52 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.5 Thu Jul 28 2022 13:54:36 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.2 Thu Jul 07 2022 19:06:52 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.5 Thu Jul 28 2022 13:54:36 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.2 Thu Jul 07 2022 19:06:52 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.5 Thu Jul 28 2022 13:54:36 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.2 Thu Jul 07 2022 19:06:52 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.5 Thu Jul 28 2022 13:54:36 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.2 Thu Jul 07 2022 19:06:52 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.5 Thu Jul 28 2022 13:54:36 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.2 Thu Jul 07 2022 19:06:52 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.5 Thu Jul 28 2022 13:54:36 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.2 Thu Jul 07 2022 19:06:52 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.5 Thu Jul 28 2022 13:54:36 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.2 Thu Jul 07 2022 19:06:52 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.5 Thu Jul 28 2022 13:54:36 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.2 Thu Jul 07 2022 19:06:52 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.5 Thu Jul 28 2022 13:54:36 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.2 Thu Jul 07 2022 19:06:52 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.5 Thu Jul 28 2022 13:54:36 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.2 Thu Jul 07 2022 19:06:52 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.5 Thu Jul 28 2022 13:54:36 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.2 Thu Jul 07 2022 19:06:52 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.5 Thu Jul 28 2022 13:54:36 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.2 Thu Jul 07 2022 19:06:52 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.5 Thu Jul 28 2022 13:54:36 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.2 Thu Jul 07 2022 19:06:52 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.5 Thu Jul 28 2022 13:54:36 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.2 Thu Jul 07 2022 19:06:52 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.5 Thu Jul 28 2022 13:54:36 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.2 Thu Jul 07 2022 19:06:52 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.5 Thu Jul 28 2022 13:54:36 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.2 Thu Jul 07 2022 19:06:52 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.5 Thu Jul 28 2022 13:54:36 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.2 Thu Jul 07 2022 19:06:52 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.5 Thu Jul 28 2022 13:54:36 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.2 Thu Jul 07 2022 19:06:52 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.5 Thu Jul 28 2022 13:54:36 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.2 Thu Jul 07 2022 19:06:52 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.5 Thu Jul 28 2022 13:54:36 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.2 Thu Jul 07 2022 19:06:52 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.5 Thu Jul 28 2022 13:54:36 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/SwiperItem.js

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

package/dist/packages/_es/Switch.js

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

package/dist/packages/_es/TabPane.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.23-beta.2 Thu Jul 07 2022 19:06:52 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.5 Thu Jul 28 2022 13:54:36 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.2 Thu Jul 07 2022 19:06:52 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.5 Thu Jul 28 2022 13:54:36 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -45,10 +45,10 @@ const _sfc_main = create({
       val: props.visible,
       children: []
     });
-    function changeIndex(active) {
+    function changeIndex(index2, active) {
       emit("update:visible", active);
       parentData.modelValue = active;
-      emit("tab-switch", parentData.children[active], active);
+      emit("tab-switch", parentData.children[index2], active);
     }
     let parentData = reactive({
       children: mdValue.children,

package/dist/packages/_es/TabbarItem.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.23-beta.2 Thu Jul 07 2022 19:06:52 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.5 Thu Jul 28 2022 13:54:36 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -15,6 +15,9 @@ const _sfc_main = create({
       type: String,
       default: ""
     },
+    name: {
+      type: String
+    },
     icon: {
       type: String,
       default: ""
@@ -60,15 +63,25 @@ const _sfc_main = create({
     });
     const router = useRouter();
     const relation = (child) => {
+      var _a;
       if (child.proxy) {
-        let index2 = parent.children.length;
-        state.index = index2;
         parent.children.push(child.proxy);
+        const index2 = computed(() => parent.children.indexOf(child.proxy));
+        state.index = (_a = props.name) != null ? _a : index2.value;
       }
     };
     relation(getCurrentInstance());
-    function change(index2) {
-      parent.changeIndex(index2);
+    const active = computed(() => state.index === state.active);
+    function change() {
+      var _a;
+      let key = (_a = props.name) != null ? _a : state.index;
+      let index2 = null;
+      if (props.name) {
+        index2 = parent.children.findIndex((item) => {
+          return item.name == key;
+        });
+      }
+      parent.changeIndex(index2 != null ? index2 : key, state.index);
     }
     const choosed = computed(() => {
       if (parent) {
@@ -78,13 +91,19 @@ const _sfc_main = create({
     });
     watch(choosed, (value, oldValue) => {
       state.active = value;
+      let index2 = value;
+      if (props.name) {
+        index2 = parent.children.findIndex((item) => {
+          return item.name == value;
+        });
+      }
       setTimeout(() => {
-        if (parent.children[value].href) {
-          window.location.href = parent.children[value].href;
+        if (parent.children[index2].href) {
+          window.location.href = parent.children[index2].href;
           return;
         }
-        if (parent.children[value].to) {
-          let to = parent.children[value].to;
+        if (parent.children[index2].to) {
+          let to = parent.children[index2].to;
           if (to && router) {
             router.push(to);
           } else {
@@ -95,6 +114,7 @@ const _sfc_main = create({
     });
     return {
       state,
+      active,
       change
     };
   }
@@ -117,11 +137,11 @@ const _hoisted_6 = { key: 0 };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_icon = resolveComponent("nut-icon");
   return openBlock(), createElementBlock("div", {
-    class: normalizeClass(["nut-tabbar-item", { "nut-tabbar-item__icon--unactive": _ctx.state.active != _ctx.state.index }]),
+    class: normalizeClass(["nut-tabbar-item", { "nut-tabbar-item__icon--unactive": !_ctx.active }]),
     style: normalizeStyle({
-      color: _ctx.state.active == _ctx.state.index ? _ctx.state.activeColor : _ctx.state.unactiveColor
+      color: _ctx.active ? _ctx.state.activeColor : _ctx.state.unactiveColor
     }),
-    onClick: _cache[0] || (_cache[0] = ($event) => _ctx.change(_ctx.state.index))
+    onClick: _cache[0] || (_cache[0] = ($event) => _ctx.change())
   }, [
     createElementVNode("view", _hoisted_1, [
       !_ctx.dot ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
@@ -141,7 +161,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         key: 3,
         class: "nut-tabbar-item_icon-box_icon",
         style: normalizeStyle({
-          backgroundImage: `url(${_ctx.state.active == _ctx.state.index ? _ctx.activeImg : _ctx.img})`,
+          backgroundImage: `url(${_ctx.active ? _ctx.activeImg : _ctx.img})`,
           width: _ctx.state.size,
           height: _ctx.state.size
         })