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

package/dist/utils/global.d.ts

@@ -0,0 +1,33 @@
+import { UseContext } from 'unctx';
+type PubinfoNamespace = Record<string, unknown>;
+/**
+ * Return the shared __PUBINFO__ namespace, creating it if necessary.
+ */
+export declare function getPubinfoNamespace(): PubinfoNamespace;
+interface PersistedContextOptions {
+    /**
+     * Optional key used to hydrate persisted state.
+     * Defaults to transforming `FooCtx` into `FooState`.
+     */
+    stateKey?: string;
+    /**
+     * Toggle hydration behaviour. Enabled by default.
+     */
+    hydrate?: boolean;
+    /**
+     * Automatically persist whenever ctx.set() is called.
+     */
+    persistOnSet?: boolean;
+}
+/**
+ * Create (or reuse) a context stored on the global namespace and
+ * hydrate it from a persisted state if available.
+ */
+export declare function createContext<T>(contextKey: string, options?: PersistedContextOptions): UseContext<T>;
+/** Persist a value inside the __PUBINFO__ namespace. */
+export declare function setPersistedState<T>(stateKey: string, state: T): void;
+/** Retrieve a value from the __PUBINFO__ namespace. */
+export declare function getPersistedState<T>(stateKey: string): T | undefined;
+/** Remove a value from the __PUBINFO__ namespace. */
+export declare function clearPersistedState(stateKey: string): void;
+export {};

package/dist/utils/index.d.ts

@@ -1,5 +1,6 @@
 export * from './cleanup';
+export * from './global';
 export * from './path';
 export * from './proxy';
 export * from './storage';
-export { createContext } from 'unctx';
+export { createContext as createRawContext } from 'unctx';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pubinfo/core",
   "type": "module",
-  "version": "2.0.0-rc.3",
+  "version": "2.0.0-rc.5",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
@@ -18,17 +18,20 @@
     "src",
     "types"
   ],
+  "engines": {
+    "node": "^20.19.0 || >=22.12.0"
+  },
   "peerDependencies": {
     "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.5",
+    "@pubinfo/vite": "2.0.0-rc.5"
   },
   "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 +61,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 +84,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.5",
+    "@pubinfo/vite": "2.0.0-rc.5"
   },
   "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,8 +1,8 @@
 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';
 export * from './settings';
+export * from './system-info';

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,18 +113,39 @@ 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">
-                <PubinfoIcon
-                  v-if="iconName(index === menuStore.actived, item.meta?.icon, item.meta?.activeIcon)"
-                  :name="iconName(index === menuStore.actived, item.meta?.icon, item.meta?.activeIcon)!"
-                  :size="18"
-                  class="menu-item-container-icon transition-transform group-hover:scale-120 mr-5px"
-                />
+                <template v-if="iconName(index === menuStore.actived, item.meta?.icon, item.meta?.activeIcon)">
+                  <!-- 当存在 iconOptions 且 boxType 不为 'null' 时，展示带边框/渐变的盒子效果 -->
+                  <PubinfoIcon
+                    v-if="item.meta?.iconOptions"
+                    :name="iconName(index === menuStore.actived, item.meta?.icon, item.meta?.activeIcon)!"
+                    small
+                    :box="(item.meta.iconOptions.boxType as any) || 'prism'"
+                    :size="18"
+                    :angle="item.meta.iconOptions.angle"
+                    :background="item.meta.iconOptions.background"
+                    :radius="item.meta.iconOptions.radius"
+                    :color="(iconName(index === menuStore.actived, item.meta?.icon, item.meta?.activeIcon) || '').startsWith('antd:')
+                      ? (item.meta.iconOptions.iconColor || '#ffffff')
+                      : undefined"
+                    class="menu-item-container-icon transition-transform group-hover:scale-120 mr-5px"
+                  />
+                  <!-- 否则与原行为一致（不带盒子），但若提供了图标色也一并生效 -->
+                  <PubinfoIcon
+                    v-else
+                    :name="iconName(index === menuStore.actived, item.meta?.icon, item.meta?.activeIcon)!"
+                    :size="18"
+                    :color="(iconName(index === menuStore.actived, item.meta?.icon, item.meta?.activeIcon) || '').startsWith('antd:')
+                      ? (item.meta?.iconOptions?.iconColor || undefined)
+                      : undefined"
+                    class="menu-item-container-icon transition-transform group-hover:scale-120 mr-5px"
+                  />
+                </template>
                 <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>();
 
@@ -48,6 +48,24 @@ const icon = computed(() => {
   return icon;
 });
 
+// 读取菜单条目的 iconOptions（后端可能未定义，使用 any 安全读取）
+const iconOptions = computed(() => ((props.item.meta as any)?.iconOptions) as undefined | {
+  boxType?: 'square' | 'prism' | 'null'
+  angle?: number | string
+  background?: any
+  radius?: number | string
+  iconColor?: string
+});
+
+// 统一盒子类型：存在 iconOptions 时启用盒子，未指定或为 'null' 时默认 prism
+const computedBoxType = computed(() => {
+  const bt = iconOptions.value?.boxType as any;
+  return bt && bt !== 'null' ? bt : 'prism';
+});
+
+// 统一安全的图标颜色（仅 AntD 图标使用）；无配置则为 undefined
+const safeIconColor = computed<string | undefined>(() => iconOptions.value?.iconColor || undefined);
+
 // 缩进样式
 const indentStyle = computed(() => {
   return !rootMenu.isMenuPopup
@@ -78,7 +96,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]"
@@ -91,12 +109,29 @@ defineExpose({
         :style="indentStyle"
       >
         <!-- 特殊化处理，有些时候想要的是一个点 -->
-        <PubinfoIcon
-          v-if="icon && icon !== 'system-point'"
-          :name="icon"
-          :size="20"
-          class="menu-item-container-icon transition-transform group-hover:scale-115"
-        />
+        <template v-if="icon && icon !== 'system-point'">
+          <!-- 有 iconOptions 时启用带边框/渐变的盒子效果 -->
+          <PubinfoIcon
+            v-if="iconOptions"
+            small
+            :name="icon"
+            :box="computedBoxType as any"
+            :size="20"
+            :angle="iconOptions?.angle"
+            :background="iconOptions?.background"
+            :radius="iconOptions?.radius"
+            :color="(icon || '').startsWith('antd:') ? (safeIconColor || '#ffffff') : undefined"
+            class="menu-item-container-icon transition-transform group-hover:scale-115"
+          />
+          <!-- 无 iconOptions 时保持原样（纯图标），但若提供图标色也生效 -->
+          <PubinfoIcon
+            v-else
+            :name="icon"
+            :size="20"
+            :color="(icon || '').startsWith('antd:') ? safeIconColor : undefined"
+            class="menu-item-container-icon transition-transform group-hover:scale-115"
+          />
+        </template>
         <span
           v-if="!(rootMenu.isMenuPopup && level === 0 && !rootMenu.props.showCollapseName)"
           class="title w-0 flex-1 truncate text-sm transition-height transition-opacity transition-width"
@@ -106,7 +141,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/SettingBar/components/SettingHome.vue

@@ -23,11 +23,8 @@ const { home, toolbar } = toRefs(settingsStore.settings);
     <div class="setting-item">
       <div class="label">
         主页名称
-        <HTooltip text="开启国际化时，该设置无效">
-          <RiQuestionLine />
-        </HTooltip>
       </div>
-      <HInput v-model="home.title" :disabled="toolbar.enableI18n" />
+      <HInput v-model="home.title" />
     </div>
   </HDivider>
 </template>

package/src/built-in/layout-component/components/SettingBar/components/SettingToolbar.vue

@@ -20,12 +20,6 @@ const toolbar = toRef(settingsStore.settings, 'toolbar');
       </div>
       <HToggle v-model="toolbar.enableNotification" />
     </div>
-    <div class="setting-item">
-      <div class="label">
-        国际化
-      </div>
-      <HToggle v-model="toolbar.enableI18n" />
-    </div>
     <div v-if="settingsStore.mode === 'pc'" class="setting-item">
       <div class="label">
         全屏

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>