feat(tabs): 支持动态函数作为标签标题

修改 `setTabTitle` 和 `tabsView` 逻辑，允许传入函数作为标签标题，以便动态生成标题内容

Author: yuanwj

packages/@core/ui-kit/tabs-ui/src/components/tabs-chrome/tabs.vue

@@ -42,6 +42,8 @@ const tabsView = computed(() => {
   return props.tabs.map((tab) => {
     const { fullPath, meta, name, path } = tab || {};
     const { affixTab, icon, newTabTitle, tabClosable, title } = meta || {};
+    const newTabTitle2 =
+      newTabTitle instanceof Function ? newTabTitle() : newTabTitle;
     return {
       affixTab: !!affixTab,
       closable: Reflect.has(meta, 'tabClosable') ? !!tabClosable : true,
@@ -51,7 +53,7 @@ const tabsView = computed(() => {
       meta,
       name,
       path,
-      title: (newTabTitle || title || name) as string,
+      title: (newTabTitle2 || title || name) as string,
     } as TabConfig;
   });
 });

packages/@core/ui-kit/tabs-ui/src/components/tabs/tabs.vue

@@ -49,6 +49,8 @@ const tabsView = computed(() => {
   return props.tabs.map((tab) => {
     const { fullPath, meta, name, path } = tab || {};
     const { affixTab, icon, newTabTitle, tabClosable, title } = meta || {};
+    const newTabTitle2 =
+      newTabTitle instanceof Function ? newTabTitle() : newTabTitle;
     return {
       affixTab: !!affixTab,
       closable: Reflect.has(meta, 'tabClosable') ? !!tabClosable : true,
@@ -58,7 +60,7 @@ const tabsView = computed(() => {
       meta,
       name,
       path,
-      title: (newTabTitle || title || name) as string,
+      title: (newTabTitle2 || title || name) as string,
     } as TabConfig;
   });
 });

packages/effects/hooks/src/use-tabs.ts

@@ -53,7 +53,7 @@ export function useTabs() {
     await tabbarStore.closeTabByKey(key, router);
   }
 
-  async function setTabTitle(title: string) {
+  async function setTabTitle(title: (() => string) | string) {
     tabbarStore.setUpdateTime();
     await tabbarStore.setTabTitle(route, title);
   }

packages/stores/src/modules/tabbar.ts

@@ -404,7 +404,7 @@ export const useTabbarStore = defineStore('core-tabbar', {
      * @param tab
      * @param title
      */
-    async setTabTitle(tab: TabDefinition, title: string) {
+    async setTabTitle(tab: TabDefinition, title: (() => string) | string) {
       const findTab = this.tabs.find(
         (item) => getTabPath(item) === getTabPath(tab),
       );