@varlet/ui 2.11.1 → 2.11.2

package/es/tab-item/TabItem.mjs

@@ -1,6 +1,6 @@
 import VarSwipeItem from '../swipe-item/index.mjs';
-import { defineComponent, computed } from 'vue';
-import { useLists, useTabsItems } from './provide.mjs';
+import { defineComponent, ref, computed } from 'vue';
+import { useTabsItems, useLists } from './provide.mjs';
 import { props } from './props.mjs';
 import { createNamespace } from '../utils/components.mjs';
 var {
@@ -33,20 +33,25 @@ var __sfc__ = defineComponent({
   props,
 
   setup(props) {
+    var current = ref(false);
+    var name = computed(() => props.name);
     var {
       index,
-      tabsItems,
       bindTabsItems
     } = useTabsItems();
     var {
       bindLists
     } = useLists();
-    var name = computed(() => props.name);
-    var current = computed(() => index.value === Number(tabsItems.active.value));
+
+    var setCurrent = value => {
+      current.value = value;
+    };
+
     var tabItemProvider = {
       index,
       name,
-      current
+      current: computed(() => current.value),
+      setCurrent
     };
     bindTabsItems(tabItemProvider);
     bindLists(tabItemProvider);

package/es/tabs-items/TabsItems.mjs

@@ -3,10 +3,10 @@ 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 VarSwipe from '../swipe/index.mjs';
-import { defineComponent, watch, ref, computed } from 'vue';
+import { defineComponent, watch, ref } from 'vue';
+import { useTabItem } from './provide.mjs';
 import { call, createNamespace } from '../utils/components.mjs';
 import { props } from './props.mjs';
-import { useTabItem } from './provide.mjs';
 import { doubleRaf } from '../utils/elements.mjs';
 var {
   n
@@ -42,7 +42,6 @@ var __sfc__ = defineComponent({
 
   setup(props) {
     var swipe = ref(null);
-    var active = computed(() => props.active);
     var {
       tabItemList,
       bindTabItem,
@@ -80,16 +79,23 @@ var __sfc__ = defineComponent({
         return;
       }
 
+      tabItemList.forEach(_ref3 => {
+        var {
+          setCurrent
+        } = _ref3;
+        return setCurrent(false);
+      });
+      newActiveTabItemProvider.setCurrent(true);
       (_swipe$value = swipe.value) == null ? void 0 : _swipe$value.to(newActiveTabItemProvider.index.value);
     };
 
     var handleSwipeChange = currentIndex => {
       var _tabItem$name$value;
 
-      var tabItem = tabItemList.find(_ref3 => {
+      var tabItem = tabItemList.find(_ref4 => {
         var {
           index
-        } = _ref3;
+        } = _ref4;
         return index.value === currentIndex;
       });
       var active = (_tabItem$name$value = tabItem.name.value) != null ? _tabItem$name$value : tabItem.index.value;
@@ -101,10 +107,7 @@ var __sfc__ = defineComponent({
       return swipe.value;
     };
 
-    var tabsItemsProvider = {
-      active
-    };
-    bindTabItem(tabsItemsProvider);
+    bindTabItem({});
     watch(() => props.active, handleActiveChange);
     watch(() => length.value, /*#__PURE__*/_asyncToGenerator(function* () {
       yield doubleRaf();