vue-stack-tabs 0.1.36 → 0.1.37

package/src/lib/hooks/useStackTab.ts

@@ -1,12 +1,12 @@
 import { useRouter } from 'vue-router'
 import useTabpanel from '../hooks/useTabpanel'
-import { throttle } from 'lodash-es'
+import { throttle } from 'throttle-debounce'
 import type { ITabData } from '../model/TabModel'
 import { defu } from 'defu'
 
 import { encodeTabInfo } from '../utils/TabIdHelper'
 import { uriDecode } from '../utils/UriHelper'
-import { ulid } from 'ulidx'
+import { ulid } from 'ulid'
 import { MittType, useEmitter } from './useTabMitt'
 import { nextTick } from 'vue'
 
@@ -20,13 +20,17 @@ export default () => {
    * @param tab
    * @param to
    */
-  const openNewTab = throttle((tab: ITabData, renew = false) => {
+  const openNewTab = throttle(500, (tab: ITabData, renew = false) => {
     return new Promise((resolve, reject) => {
       if (!pageShown.value) {
         reject()
         return
       }
-      const tabInfo = defu(tab, { refreshable: true, closable: true, iframe: false })
+      const tabInfo = defu(tab, {
+        refreshable: true,
+        closable: true,
+        iframe: false
+      })
       if (tabInfo.id && renew && hasTab(tabInfo.id!)) {
         renewTab(tab)
         const currentTab = getTab(tab.id!)
@@ -80,7 +84,7 @@ export default () => {
       resolve(tabInfo.id)
       // }
     })
-  }, 500)
+  })
   const toPage = (tab: ITabData, tabInfo: any) => {
     const __tab = encodeTabInfo(tabInfo)
     let query = defu(

package/src/lib/hooks/useTabRouter.ts

@@ -6,12 +6,14 @@ import { type RouteLocationPathRaw, useRoute, useRouter } from 'vue-router'
 
 import useTabpanel from '@/lib/hooks/useTabpanel'
 import { uriDecode } from '@/lib/utils/UriHelper'
+import { useEmitter } from '@/lib/hooks/useTabMitt'
 export default () => {
   const { attrs, props } = getCurrentInstance() as ComponentInternalInstance
   const { pageShown, getTab, markDeletableCache, removeComponent, getComponent, addPageScroller } =
     useTabpanel()
   const route = useRoute()
   const router = useRouter()
+  const emitter = useEmitter()
   let currentId = ''
   // const currentPageId = ''
   let currentTab = ''
@@ -31,6 +33,7 @@ export default () => {
       },
       to.query
     )
+    emitter.emit('FORWARD')
     router.push({
       path: to.path,
       query
@@ -85,6 +88,7 @@ export default () => {
       const sourceComponent = component.components.DynamicComponent
       sourceComponent.props = defu(query, sourceComponent.props)
     }
+    emitter.emit('BACKWARD')
     router.push({
       path: pageRoute!.path,
       query: pageRoute!.query

package/src/lib/hooks/useTabpanel.tsx

@@ -12,7 +12,7 @@ import {
 import type { DefineComponent, VNode } from 'vue'
 import { useRouter } from 'vue-router'
 import type { RouteLocationNormalizedLoaded } from 'vue-router'
-import { ulid } from 'ulidx'
+import { ulid } from 'ulid'
 import { encodeTabInfo, createPageId, decodeTabInfo } from '../utils/TabIdHelper'
 import { defu } from 'defu'
 import { Stack } from '../model/TabModel'
@@ -588,6 +588,7 @@ export default () => {
    */
   const active = (id: string, route = true) => {
     // return new Promise((resolve)=>{
+    emitter.emit('FORWARD')
     for (let i = tabs.value.length - 1; i >= 0; i--) {
       const tab = tabs.value[i] as ITabItem
       if (tab.id === id) {