refactor(tabs): 移除冗余的newTabTitle2变量并优化标题设置逻辑

移除tabs组件中冗余的newTabTitle2变量，直接使用newTabTitle作为标题来源。同时，优化use-tabs和tabbar模块的标题设置逻辑，支持ComputedRef作为动态标题，提升代码简洁性和可维护性。

Author: yuanwj

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

@@ -42,8 +42,6 @@ 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,
@@ -53,7 +51,7 @@ const tabsView = computed(() => {
       meta,
       name,
       path,
-      title: (newTabTitle2 || title || name) as string,
+      title: (newTabTitle || title || name) as string,
     } as TabConfig;
   });
 });

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

@@ -49,8 +49,6 @@ 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,
@@ -60,7 +58,7 @@ const tabsView = computed(() => {
       meta,
       name,
       path,
-      title: (newTabTitle2 || title || name) as string,
+      title: (newTabTitle || title || name) as string,
     } as TabConfig;
   });
 });

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

@@ -1,3 +1,4 @@
+import type { ComputedRef } from 'vue';
 import type { RouteLocationNormalized } from 'vue-router';
 
 import { useRoute, useRouter } from 'vue-router';
@@ -56,20 +57,21 @@ export function useTabs() {
   /**
    * 设置当前标签页的标题
    *
-   * 该函数允许设置静态字符串或动态函数作为标签标题。
-   * 当使用函数作为标题时，每次需要显示标题时都会调用该函数获取最新的标题内容，
-   * 这对于需要根据状态或语言变化动态更新标签标题非常有用。
+   * @description 支持设置静态标题字符串或动态计算标题
+   * @description 动态标题会在每次渲染时重新计算,适用于多语言或状态相关的标题
    *
-   * @param {(() => string) | string} title - 要设置的标题，可以是字符串或返回字符串的函数
-   * @example
-   * // 设置静态标题
-   * setTabTitle('新标签页');
+   * @param title - 标题内容
+   *   - 静态标题: 直接传入字符串
+   *   - 动态标题: 传入 ComputedRef
    *
    * @example
-   * // 设置动态标题（随语言变化）
-   * setTabTitle(() => t('common.dashboard'));
+   * // 静态标题
+   * setTabTitle('标签页')
+   *
+   * // 动态标题(多语言)
+   * setTabTitle(computed(() => t('page.title')))
    */
-  async function setTabTitle(title: (() => string) | string) {
+  async function setTabTitle(title: ComputedRef<string> | string) {
     tabbarStore.setUpdateTime();
     await tabbarStore.setTabTitle(route, title);
   }

packages/stores/src/modules/tabbar.ts

@@ -1,3 +1,4 @@
+import type { ComputedRef } from 'vue';
 import type { Router, RouteRecordNormalized } from 'vue-router';
 
 import type { TabDefinition } from '@vben-core/typings';
@@ -402,22 +403,22 @@ export const useTabbarStore = defineStore('core-tabbar', {
     /**
      * @zh_CN 设置标签页标题
      *
-     * 该方法允许设置静态字符串或动态函数作为标签标题。
-     * 当使用函数作为标题时，每次需要显示标题时都会调用该函数获取最新的标题内容，
-     * 这对于需要根据状态或语言变化动态更新标签标题非常有用。
+     * @zh_CN 支持设置静态标题字符串或计算属性作为动态标题
+     * @zh_CN 当标题为计算属性时,标题会随计算属性值变化而自动更新
+     * @zh_CN 适用于需要根据状态或多语言动态更新标题的场景
      *
-     * @param {TabDefinition} tab - 要设置标题的标签页
-     * @param {(() => string) | string} title - 要设置的标题，可以是字符串或返回字符串的函数
+     * @param {TabDefinition} tab - 标签页对象
+     * @param {ComputedRef<string> | string} title - 标题内容,支持静态字符串或计算属性
      *
      * @example
      * // 设置静态标题
      * setTabTitle(tab, '新标签页');
      *
      * @example
-     * // 设置动态标题（随语言变化）
-     * setTabTitle(tab, () => t('common.dashboard'));
+     * // 设置动态标题
+     * setTabTitle(tab, computed(() => t('common.dashboard')));
      */
-    async setTabTitle(tab: TabDefinition, title: (() => string) | string) {
+    async setTabTitle(tab: TabDefinition, title: ComputedRef<string> | string) {
       const findTab = this.tabs.find(
         (item) => getTabPath(item) === getTabPath(tab),
       );