feat: add 'maxNumOfOpenTab' to limit the maximum number of tabs with the same name

packages/@core/forward/stores/src/modules/tabbar.ts

@@ -100,6 +100,23 @@ const useCoreTabbarStore = defineStore('core-tabbar', {
       });
 
       if (tabIndex === -1) {
+        // 获取动态路由打开数，超过 0 即代表需要控制打开数
+        const maxNumOfOpenTab = (routeTab?.meta?.maxNumOfOpenTab ??
+          -1) as number;
+        // 如果动态路由层级大于 0 了，那么就要限制该路由的打开数限制了
+        // 获取到已经打开的动态路由数, 判断是否大于某一个值
+        if (
+          maxNumOfOpenTab > 0 &&
+          this.tabs.filter((tab) => tab.name === routeTab.name).length >=
+            maxNumOfOpenTab
+        ) {
+          // 关闭第一个
+          const index = this.tabs.findIndex(
+            (item) => item.name === routeTab.name,
+          );
+          index !== -1 && this.tabs.splice(index, 1);
+        }
+
         this.tabs.push(tab);
       } else {
         // 页面已经存在，不重复添加选项卡，只更新选项卡参数

packages/@core/shared/typings/src/vue-router.d.ts

@@ -85,6 +85,11 @@ interface RouteMeta {
    * 路由是否已经加载过
    */
   loaded?: boolean;
+  /**
+   * 标签页最大打开数量
+   * @default false
+   */
+  maxNumOfOpenTab?: number;
   /**
    * 菜单可以看到，但是访问会被重定向到403
    */

packages/effects/layouts/src/basic/tabbar/use-tabbar.ts

@@ -50,7 +50,7 @@ export function useTabbar() {
     toggleTabPin,
   } = useTabs();
   const currentActive = computed(() => {
-    return route.path;
+    return route.fullPath;
   });
 
   const { locale } = useI18n();