@pubinfo/core 2.0.0-rc.3 → 2.0.0-rc.4

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pubinfo/core",
   "type": "module",
-  "version": "2.0.0-rc.3",
+  "version": "2.0.0-rc.4",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
@@ -22,13 +22,13 @@
     "alova": "^3.3.4",
     "pinia": "^3.0.3",
     "vue": "^3.5.17",
-    "vue-i18n": "^10.0.7",
     "vue-router": "^4.5.1",
-    "@pubinfo/config": "2.0.0-rc.3",
-    "@pubinfo/vite": "2.0.0-rc.3"
+    "@pubinfo/config": "2.0.0-rc.4",
+    "@pubinfo/vite": "2.0.0-rc.4"
   },
   "dependencies": {
     "@alova/adapter-axios": "^2.0.16",
+    "@alova/shared": "^1.3.1",
     "@ant-design/icons-vue": "^7.0.1",
     "@headlessui/vue": "^1.7.23",
     "@imengyu/vue3-context-menu": "^1.5.1",
@@ -58,6 +58,7 @@
     "zxcvbn": "^4.4.2"
   },
   "devDependencies": {
+    "@alova/mock": "^2.0.17",
     "@iconify/json": "^2.2.354",
     "@iconify/vue": "^5.0.0",
     "@pubinfo/openapi": "^0.9.0",
@@ -80,10 +81,9 @@
     "vite": "^7.1.2",
     "vite-plugin-dts": "^4.5.4",
     "vue": "^3.5.17",
-    "vue-i18n": "^10.0.7",
     "vue-router": "^4.5.1",
-    "@pubinfo/config": "2.0.0-rc.3",
-    "@pubinfo/vite": "2.0.0-rc.3"
+    "@pubinfo/config": "2.0.0-rc.4",
+    "@pubinfo/vite": "2.0.0-rc.4"
   },
   "scripts": {
     "dev": "vite build -w -m watch",

package/src/built-in/authentication/alova/helper.ts

@@ -0,0 +1,158 @@
+import type {
+  AlovaRequestAdapter,
+  Method,
+  RespondedHandler,
+  ResponseCompleteHandler,
+  ResponseErrorHandler,
+  StatesHook,
+} from 'alova';
+import type {
+  AlovaResponded,
+  MetaMatches,
+  ResponseAuthorizationInterceptor,
+  StateHookAdapter2AG,
+} from 'alova/client';
+import {
+  falseValue,
+  forEach,
+  instanceOf,
+  isFn,
+  isPlainObject,
+  len,
+  newInstance,
+  noop,
+  PromiseCls,
+  pushItem,
+  splice,
+  trueValue,
+  undefinedValue,
+} from '@alova/shared';
+
+export type PosibbleAuthMap
+  = | {
+    metaMatches?: MetaMatches
+    handler: any
+  }
+  | undefined;
+export type WaitingRequestList = {
+  method: Method
+  resolve: () => void
+}[];
+
+export const defaultVisitorMeta = {
+  authRole: null,
+};
+export const defaultLoginMeta = {
+  authRole: 'login',
+};
+export const defaultLogoutMeta = {
+  authRole: 'logout',
+};
+export const defaultRefreshTokenMeta = {
+  authRole: 'refreshToken',
+};
+export function checkMethodRole({ meta }: Method, metaMatches: MetaMatches) {
+  if (isPlainObject(meta)) {
+    for (const key in meta) {
+      if (Object.prototype.hasOwnProperty.call(meta, key)) {
+        const matchedMetaItem = metaMatches[key];
+        if (instanceOf(matchedMetaItem, RegExp) ? matchedMetaItem.test(meta[key]) : meta[key] === matchedMetaItem) {
+          return trueValue;
+        }
+      }
+    }
+  }
+  return falseValue;
+}
+export function waitForTokenRefreshed(method: Method, waitingList: WaitingRequestList) {
+  return newInstance(PromiseCls, (resolve) => {
+    pushItem(waitingList, {
+      method,
+      resolve,
+    });
+  });
+}
+export function callHandlerIfMatchesMeta(method: Method,
+  authorizationInterceptor: ResponseAuthorizationInterceptor<AlovaRequestAdapter<any, any, any>> | undefined,
+  defaultMeta: MetaMatches,
+  response: any) {
+  if (checkMethodRole(method, (authorizationInterceptor as PosibbleAuthMap)?.metaMatches || defaultMeta)) {
+    const handler = isFn(authorizationInterceptor)
+      ? authorizationInterceptor
+      : isPlainObject(authorizationInterceptor) && isFn(authorizationInterceptor.handler)
+        ? authorizationInterceptor.handler
+        : noop;
+    return handler(response, method);
+  }
+}
+export async function refreshTokenIfExpired(method: Method,
+  waitingList: WaitingRequestList,
+  updateRefreshStatus: (status: boolean) => void,
+  handlerParams: any[],
+  refreshToken?: {
+    isExpired: (...args: any[]) => boolean | Promise<boolean>
+    handler: (...args: any[]) => Promise<void>
+  },
+  tokenRefreshing?: boolean) {
+  // When the number of handle params is greater than 2, it means that this function is called from the response, and the original interface needs to be requested again.
+  const fromResponse = len(handlerParams) >= 2;
+  let isExpired = refreshToken?.isExpired(...handlerParams);
+  // Compatible with synchronous and asynchronous functions
+  if (instanceOf(isExpired, PromiseCls)) {
+    isExpired = await isExpired;
+  }
+
+  if (isExpired) {
+    try {
+      // Make another judgment in the response to prevent multiple requests to refresh the token, intercept and wait for the token sent before the token refresh is completed.
+      let intentToRefreshToken = trueValue;
+      if (fromResponse && tokenRefreshing) {
+        intentToRefreshToken = falseValue; // The requests waiting here indicate that the token is being refreshed. When they pass, there is no need to refresh the token again.
+        await waitForTokenRefreshed(method, waitingList);
+      }
+
+      if (intentToRefreshToken) {
+        updateRefreshStatus(trueValue);
+        // Call refresh token
+        await refreshToken?.handler(...handlerParams);
+        updateRefreshStatus(falseValue);
+        // After the token refresh is completed, the requests in the waiting list are notified.
+        forEach(waitingList, ({ resolve }) => resolve());
+      }
+      if (fromResponse) {
+        // Because the original interface is being requested again, superposition with the previous request will result in repeated calls to transform, so it is necessary to leave transform empty to remove one call.
+        const { config } = method;
+        const methodTransformData = config.transform;
+        config.transform = undefinedValue;
+        const resentData = await method;
+        config.transform = methodTransformData;
+        return resentData;
+      }
+    }
+    finally {
+      updateRefreshStatus(falseValue);
+      splice(waitingList, 0, len(waitingList)); // Clear waiting list
+    }
+  }
+}
+
+export function onResponded2Record<SH extends StatesHook<any>, RA extends AlovaRequestAdapter<any, any, any>>(onRespondedHandlers?: AlovaResponded<SH, RA>) {
+  type AG = StateHookAdapter2AG<SH, RA>;
+  let successHandler: RespondedHandler<AG> | undefined = undefinedValue;
+  let errorHandler: ResponseErrorHandler<AG> | undefined = undefinedValue;
+  let onCompleteHandler: ResponseCompleteHandler<AG> | undefined = undefinedValue;
+  if (isFn(onRespondedHandlers)) {
+    successHandler = onRespondedHandlers;
+  }
+  else if (isPlainObject(onRespondedHandlers)) {
+    const { onSuccess, onError, onComplete } = onRespondedHandlers;
+    successHandler = isFn(onSuccess) ? onSuccess : successHandler;
+    errorHandler = isFn(onError) ? onError : errorHandler;
+    onCompleteHandler = isFn(onComplete) ? onComplete : onCompleteHandler;
+  }
+  return {
+    onSuccess: successHandler,
+    onError: errorHandler,
+    onComplete: onCompleteHandler,
+  };
+}

package/src/built-in/authentication/alova/token.ts

@@ -0,0 +1,122 @@
+import type { AlovaRequestAdapter, Method, StatesHook } from 'alova';
+import type {
+  AlovaRequestAdapterUnified,
+  BeforeRequestType,
+  ServerTokenAuthenticationOptions,
+} from 'alova/client';
+import type { FetchRequestAdapter } from 'alova/fetch';
+import type {
+  PosibbleAuthMap,
+  WaitingRequestList } from './helper';
+import { $self, falseValue, noop } from '@alova/shared';
+import {
+  callHandlerIfMatchesMeta,
+  checkMethodRole,
+  defaultLoginMeta,
+  defaultLogoutMeta,
+  defaultRefreshTokenMeta,
+  defaultVisitorMeta,
+  refreshTokenIfExpired,
+  waitForTokenRefreshed,
+} from './helper';
+
+/**
+ * Create a server-side token authentication interceptor
+ * @returns token authentication interceptor function
+ */
+export function createServerTokenAuthentication<
+  SH extends StatesHook<any>,
+  RA extends
+  | AlovaRequestAdapter<any, any, any>
+  | ((...args: any[]) => AlovaRequestAdapter<any, any, any>) = FetchRequestAdapter,
+>({
+  visitorMeta,
+  login,
+  logout,
+  refreshTokenOnSuccess,
+  refreshTokenOnError,
+  assignToken = noop,
+}: ServerTokenAuthenticationOptions<AlovaRequestAdapterUnified<RA>>) {
+  let tokenRefreshing = falseValue;
+  const waitingList: WaitingRequestList = [];
+
+  const onAuthRequired: BeforeRequestType<SH, AlovaRequestAdapterUnified<RA>> = onBeforeRequest => async (method) => {
+    const isVisitorRole = checkMethodRole(method, visitorMeta || defaultVisitorMeta);
+    const isLoginRole = checkMethodRole(method, (login as PosibbleAuthMap)?.metaMatches || defaultLoginMeta);
+    // Ignored, login, and token refresh requests do not perform token authentication.
+    if (
+      !isVisitorRole
+      && !isLoginRole
+      && !checkMethodRole(method, (refreshTokenOnSuccess as PosibbleAuthMap)?.metaMatches || defaultRefreshTokenMeta)
+      && !checkMethodRole(method, (refreshTokenOnError as PosibbleAuthMap)?.metaMatches || defaultRefreshTokenMeta)
+    ) {
+      // If the token is being refreshed, wait for the refresh to complete before sending a request.
+      if (tokenRefreshing) {
+        await waitForTokenRefreshed(method, waitingList);
+      }
+    }
+    if (!isVisitorRole && !isLoginRole) {
+      await assignToken(method);
+    }
+    return onBeforeRequest?.(method);
+  };
+
+  const onResponseRefreshToken = () => {
+    return {
+      onSuccess: async (response: any, method: Method, stop: any) => {
+        if (
+          !checkMethodRole(method, visitorMeta || defaultVisitorMeta)
+          && !checkMethodRole(method, (login as PosibbleAuthMap)?.metaMatches || defaultLoginMeta)
+          && !checkMethodRole(method, (refreshTokenOnSuccess as PosibbleAuthMap)?.metaMatches || defaultRefreshTokenMeta)
+        ) {
+          const dataResent = await refreshTokenIfExpired(
+            method,
+            waitingList,
+            (refreshing) => {
+              tokenRefreshing = refreshing;
+            },
+            [response, method],
+            refreshTokenOnSuccess,
+            tokenRefreshing,
+          );
+          if (dataResent) {
+            stop();
+            return dataResent;
+          }
+        }
+
+        await callHandlerIfMatchesMeta(method, login, defaultLoginMeta, response);
+        await callHandlerIfMatchesMeta(method, logout, defaultLogoutMeta, response);
+        return $self(response);
+      },
+      onError: async (error: any, method: Method) => {
+        if (
+          !checkMethodRole(method, visitorMeta || defaultVisitorMeta)
+          && !checkMethodRole(method, (login as PosibbleAuthMap)?.metaMatches || defaultLoginMeta)
+          && !checkMethodRole(method, (refreshTokenOnError as PosibbleAuthMap)?.metaMatches || defaultRefreshTokenMeta)
+        ) {
+          const dataResent = await refreshTokenIfExpired(
+            method,
+            waitingList,
+            (refreshing) => {
+              tokenRefreshing = refreshing;
+            },
+            [error, method],
+            refreshTokenOnError,
+            tokenRefreshing,
+          );
+          if (dataResent) {
+            return dataResent;
+          }
+        }
+        return noop;
+      },
+    };
+  };
+
+  return {
+    waitingList,
+    onAuthRequired,
+    onResponseRefreshToken,
+  };
+}

package/src/built-in/authentication/helper.ts

@@ -1,13 +1,16 @@
-import type { axiosRequestAdapter } from '@alova/adapter-axios';
+import type { AxiosRequestAdapter, axiosRequestAdapter } from '@alova/adapter-axios';
+import type { AlovaRequestAdapterUnified, ServerTokenAuthenticationOptions } from 'alova/client';
 import type VueHook from 'alova/vue';
 import type { AxiosResponse } from 'axios';
 import type { RequestResult } from './interface';
-import { createServerTokenAuthentication } from 'alova/client';
 import { postAuthTokenRefresh } from '@/features/api/modules/auth';
 import { useUserStore } from '@/features/stores';
+import { createServerTokenAuthentication } from './alova/token';
 import { RESPONSE_CODE } from './enum';
 
-export function createTokenAuthentication() {
+export function createTokenAuthentication(
+  options: ServerTokenAuthenticationOptions<AlovaRequestAdapterUnified<AxiosRequestAdapter>> = {},
+) {
   return createServerTokenAuthentication<typeof VueHook, typeof axiosRequestAdapter>({
     /**
      * 给权限接口添加Authorization
@@ -51,5 +54,6 @@ export function createTokenAuthentication() {
         userStore.setToken(accessToken, refreshToken);
       },
     },
+    ...options,
   });
 }

package/src/built-in/authentication/index.ts

@@ -1,5 +1,5 @@
 import type { ModuleOptions } from '@/core';
-// import { createTokenAuthentication } from './helper';
+import { createTokenAuthentication } from './helper';
 import { createRouterGuard } from './router';
 
 /**
@@ -8,21 +8,7 @@ import { createRouterGuard } from './router';
  * 双 token 校验，确认用户身份，注册修改密码和切换组织页面
  */
 export function Authentication(): ModuleOptions {
-  // TODO 以 hooks 的形式注册 alova 的 Token 认证拦截器，
-  // Token 过期时的请求，在刷新完 Token 后虽然会重新请求，但是过期请求还是会继续抛出错误。
-  // 若是用如下形式注册，则没有问题：
-  // const alova = createAlova({
-  //   beforeRequest: onAuthRequired(method => {
-  //   }),
-  //   responded: onResponseRefreshToken({
-  //     onSuccess(response, method) {
-  //     },
-  //     onError(error, method) {
-  //     },
-  //   })
-  // });
-
-  // const { onAuthRequired, onResponseRefreshToken } = createTokenAuthentication();
+  const { onAuthRequired, onResponseRefreshToken } = createTokenAuthentication();
 
   return {
     name: 'built-in:authentication',
@@ -30,10 +16,10 @@ export function Authentication(): ModuleOptions {
       const { router } = ctx;
       createRouterGuard(router);
     },
-    // hooks: {
-    //   'http:request': onAuthRequired(),
-    //   'http:response': onResponseRefreshToken(),
-    // },
+    hooks: {
+      'http:request': onAuthRequired(),
+      'http:response': onResponseRefreshToken(),
+    },
   };
 }
 

package/src/built-in/index.ts

@@ -1,7 +1,6 @@
 export * from './authentication';
 export * from './authorization';
 export * from './layout-component';
-export * from './locales';
 export * from './n-progress';
 export * from './pinia-plugin';
 export * from './pre-access';

package/src/built-in/layout-component/components/Header/TopMode/index.vue

@@ -12,7 +12,7 @@ defineOptions({
   name: 'TopMode',
 });
 
-const { settingsStore, menuStore, generateI18nTitle } = useContext();
+const { settingsStore, menuStore, generateTitle } = useContext();
 const { switchTo } = useMenu();
 
 function iconName(isActive: boolean, icon?: string, activeIcon?: string) {
@@ -113,7 +113,7 @@ onMounted(() => {
                 'text-[var(--g-header-menu-active-color)]! bg-[var(--g-header-menu-active-bg)]!': index === menuStore.actived,
                 'rounded-2': settingsStore.settings.menu.isRounded,
               }"
-              :title="generateI18nTitle(item.meta?.i18n, item.meta?.title)"
+              :title="generateTitle(item.meta?.title)"
               @click="switchTo(index, item)"
             >
               <div class="flex flex-row flex-1 items-center justify-center px-8px">
@@ -124,7 +124,7 @@ onMounted(() => {
                   class="menu-item-container-icon transition-transform group-hover:scale-120 mr-5px"
                 />
                 <span class="w-full flex-1 truncate text-center text-sm transition-height transition-opacity transition-width">
-                  {{ generateI18nTitle(item.meta?.i18n, item.meta?.title) }}
+                  {{ generateTitle(item.meta?.title) }}
                 </span>
               </div>
             </div>

package/src/built-in/layout-component/components/Menu/item.vue

@@ -18,7 +18,7 @@ const props = withDefaults(
 );
 
 const rootMenu = inject(rootMenuInjectionKey)!;
-const { generateI18nTitle } = useContext();
+const { generateTitle } = useContext();
 
 const itemRef = ref<HTMLElement>();
 
@@ -78,7 +78,7 @@ defineExpose({
         'px-2!': rootMenu.isMenuPopup && level === 0,
         'py-3!': rootMenu.props.rounded && rootMenu.isMenuPopup && level !== 0,
       }"
-      :title="generateI18nTitle(item.meta?.i18n, item.meta?.title)"
+      :title="generateTitle(item.meta?.title)"
     >
       <div
         class="menu-item-container-layout inline-flex flex-1 items-center justify-center gap-[12px]"
@@ -106,7 +106,7 @@ defineExpose({
             'system-point': icon === 'system-point' && isItemActive,
           }"
         >
-          {{ generateI18nTitle(item.meta?.i18n, item.meta?.title) }}
+          {{ generateTitle(item.meta?.title) }}
         </span>
         <HBadge
           v-if="item.meta?.badge"

package/src/built-in/layout-component/components/Sidebar/MainSidebar.vue

@@ -11,7 +11,7 @@ defineOptions({
 
 const route = useRoute();
 
-const { settingsStore, menuStore, generateI18nTitle } = useContext();
+const { settingsStore, menuStore, generateTitle } = useContext();
 const { switchTo } = useMenu();
 
 function iconName(isActive: boolean, icon?: string, activeIcon?: string) {
@@ -50,7 +50,7 @@ function iconName(isActive: boolean, icon?: string, activeIcon?: string) {
                 'text-[var(--g-main-sidebar-menu-active-color)]! bg-[var(--g-main-sidebar-menu-active-bg)]!': index === menuStore.actived,
                 'rounded-2': settingsStore.settings.menu.isRounded,
               }"
-              :title="generateI18nTitle(item.meta?.i18n, item.meta?.title)"
+              :title="generateTitle(item.meta?.title)"
               @click="switchTo(index, item)"
             >
               <div class="w-full inline-flex flex-1 flex-col items-center justify-center gap-[2px]">
@@ -62,7 +62,7 @@ function iconName(isActive: boolean, icon?: string, activeIcon?: string) {
                 />
                 <!-- 不需要title? -->
                 <!-- <span class="w-full flex-1 truncate text-center text-sm transition-height transition-opacity transition-width">
-                  {{ generateI18nTitle(item.meta?.i18n, item.meta?.title) }}
+                  {{ generateTitle(item.meta?.title) }}
                 </span> -->
               </div>
             </div>

package/src/built-in/layout-component/components/Tools/SearchBar.vue

@@ -1,5 +1,4 @@
 <script setup lang="ts">
-import { useI18n } from 'vue-i18n';
 import IconamoonSearch from '~icons/iconamoon/search';
 import { useContext } from '../../composables/useContext';
 import { useGlobalSearch } from '../../composables/useGlobalSearch';
@@ -10,7 +9,6 @@ defineOptions({
 
 const { settingsStore } = useContext();
 const { toggle: toggleSearch } = useGlobalSearch();
-const { t } = useI18n();
 
 const searchComponentsClass = computed(() => {
   const componentsClass = {
@@ -33,7 +31,7 @@ const searchComponentsClass = computed(() => {
     @click="toggleSearch('menu')"
   >
     <IconamoonSearch text="14px" />
-    <span class="text-sm  transition ">{{ t('app.search.text') }}</span>
+    <span class="text-sm  transition ">{{ '搜索' }}</span>
     <HKbd
       v-if="settingsStore.settings.navSearch.enableHotkeys"
       class="ml-2"

package/src/built-in/layout-component/components/Tools/SearchPanel.vue

@@ -6,7 +6,6 @@ import { Dialog, DialogDescription, DialogPanel, TransitionChild, TransitionRoot
 import hotkeys from 'hotkeys-js';
 import { cloneDeep } from 'lodash-es';
 import { OverlayScrollbarsComponent } from 'overlayscrollbars-vue';
-import { useI18n } from 'vue-i18n';
 import AntDesignCaretDownFilled from '~icons/ant-design/caret-down-filled';
 import AntDesignCaretUpFilled from '~icons/ant-design/caret-up-filled';
 import EpSearch from '~icons/ep/search';
@@ -45,17 +44,14 @@ const transitionClass = computed(() => {
   };
 });
 
-const { t } = useI18n();
-
 const router = useRouter();
-const { settingsStore, routeStore, tabbarStore, generateI18nTitle } = useContext();
+const { settingsStore, routeStore, tabbarStore, generateTitle } = useContext();
 
 type searchTypes = 'menu' | 'tab';
 interface listTypes {
   path: string
   icon?: string
   title?: string | (() => string)
-  i18n?: string
   link?: string
   breadcrumb: any[]
 }
@@ -76,13 +72,13 @@ const resultList = computed(() => {
   let result = [];
   result = sourceList.value.filter((item) => {
     let flag = false;
-    if (generateI18nTitle(item.i18n, item.title).toString().includes(searchInput.value)) {
+    if (generateTitle(item.title).toString().includes(searchInput.value)) {
       flag = true;
     }
     if (item.path.includes(searchInput.value)) {
       flag = true;
     }
-    if (item.breadcrumb.some((b: { i18n: any, title: any }) => generateI18nTitle(b.i18n, b.title).toString().includes(searchInput.value))) {
+    if (item.breadcrumb.some((b: { title: any }) => generateTitle(b.title).toString().includes(searchInput.value))) {
       flag = true;
     }
     return flag;
@@ -155,27 +151,24 @@ function hasChildren(item: RouteRecordRaw) {
   }
   return flag;
 }
-function getSourceList(arr: RouteRecordRaw[], basePath?: string, icon?: string, breadcrumb?: { title?: string | (() => string), i18n?: string }[]) {
+function getSourceList(arr: RouteRecordRaw[], basePath?: string, icon?: string, breadcrumb?: { title?: string | (() => string) }[]) {
   arr.forEach((item) => {
     if (item.meta?.sidebar !== false) {
       const breadcrumbTemp = cloneDeep(breadcrumb) || [];
       if (item.children && hasChildren(item)) {
         breadcrumbTemp.push({
           title: item.meta?.title,
-          i18n: item.meta?.i18n,
         });
         getSourceList(item.children, resolveRoutePath(basePath, item.path), item.meta?.icon ?? icon, breadcrumbTemp);
       }
       else {
         breadcrumbTemp.push({
           title: item.meta?.title,
-          i18n: item.meta?.i18n,
         });
         sourceList.value.push({
           path: resolveRoutePath(basePath, item.path),
           icon: item.meta?.icon ?? icon,
           title: item.meta?.title,
-          i18n: item.meta?.i18n,
           link: item.meta?.link,
           breadcrumb: breadcrumbTemp,
         });
@@ -190,7 +183,6 @@ function getSourceListByTabs(arr: Tabbar.recordRaw[]) {
       icon: item.icon,
       title: item.title,
       path: item.fullPath,
-      i18n: item.i18n,
       breadcrumb: [],
     });
   });
@@ -285,8 +277,8 @@ defineExpose({
                 v-if="settingsStore.settings.tabbar.enable"
                 v-model="searchType"
                 :options="[
-                  { label: t('app.search.type.menu'), value: 'menu' },
-                  { label: t('app.search.type.tab'), value: 'tab' },
+                  { label: '搜索导航菜单', value: 'menu' },
+                  { label: '搜索标签页', value: 'tab' },
                 ]"
                 class="mb-4 flex!"
                 @click.stop
@@ -298,7 +290,7 @@ defineExpose({
                   <input
                     ref="searchInputRef"
                     v-model="searchInput"
-                    :placeholder="t('app.search.input')"
+                    placeholder="搜索页面，支持标题、URL模糊查询"
                     class="w-full border-0 rounded-md bg-transparent px-3 text-base text-dark dark:text-white focus:outline-none placeholder-stone-4 dark:placeholder-stone-5"
                     @keydown.esc="toggle()"
                     @keydown.up.prevent="keyUp"
@@ -332,10 +324,10 @@ defineExpose({
                           :class="{ 'scale-120 text-ui-primary': index === actived }"
                         />
                         <div class="flex flex-1 flex-col gap-1 truncate px-4 py-3" border-l="~ solid stone-2 dark:stone-7">
-                          <div class="truncate text-base font-bold">{{ generateI18nTitle(item.i18n, item.title) }}</div>
+                          <div class="truncate text-base font-bold">{{ generateTitle(item.title) }}</div>
                           <Breadcrumb v-if="item.breadcrumb.length" class="truncate">
                             <BreadcrumbItem v-for="(bc, bcIndex) in item.breadcrumb" :key="bcIndex" class="text-xs">
-                              {{ generateI18nTitle(bc.i18n, bc.title) }}
+                              {{ generateTitle(bc.title) }}
                             </BreadcrumbItem>
                           </Breadcrumb>
                         </div>
@@ -357,7 +349,7 @@ defineExpose({
                       <HKbd>
                         <IonMdReturnLeft text="14px" />
                       </HKbd>
-                      <span>{{ t('app.search.enter') }}</span>
+                      <span>{{ '访问' }}</span>
                     </div>
                     <div class="inline-flex items-center gap-1 text-xs">
                       <HKbd>
@@ -366,14 +358,14 @@ defineExpose({
                       <HKbd>
                         <AntDesignCaretDownFilled text="14px" />
                       </HKbd>
-                      <span>{{ t('app.search.up_down') }}</span>
+                      <span>{{ '切换' }}</span>
                     </div>
                   </div>
                   <div v-if="settingsStore.settings.navSearch.enableHotkeys" class="inline-flex items-center gap-1 text-xs">
                     <HKbd>
                       ESC
                     </HKbd>
-                    <span>{{ t('app.search.esc') }}</span>
+                    <span>{{ '退出' }}</span>
                   </div>
                 </div>
               </div>