useI18n.ts 1.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  1. import { i18n } from '@jeesite/core/locales/setupI18n';
  2. type I18nGlobalTranslation = {
  3. (key: string): string;
  4. (key: string, locale: string): string;
  5. (key: string, locale: string, list: unknown[]): string;
  6. (key: string, locale: string, named: Record<string, unknown>): string;
  7. (key: string, list: unknown[]): string;
  8. (key: string, named: Record<string, unknown>): string;
  9. };
  10. type I18nTranslationRestParameters = [string, any];
  11. function getKey(namespace: string | undefined, key: string) {
  12. if (!namespace) {
  13. return key;
  14. }
  15. if (key.startsWith(namespace)) {
  16. return key;
  17. }
  18. return `${key}`;
  19. }
  20. export function useI18n(namespace?: string): {
  21. t: I18nGlobalTranslation;
  22. } {
  23. const normalFn = {
  24. t: (key: string) => {
  25. return getKey(namespace, key);
  26. },
  27. };
  28. if (!i18n) {
  29. return normalFn;
  30. }
  31. const { t, ...methods } = i18n.global;
  32. const tt = t as (arg0: string, ...arg: I18nTranslationRestParameters) => string;
  33. const tFn: I18nGlobalTranslation = (key: string, ...arg: any[]) => {
  34. if (!key) return '';
  35. if (!key.includes('.') && !namespace) return key;
  36. return tt(getKey(namespace, key), ...(arg as I18nTranslationRestParameters));
  37. };
  38. return {
  39. ...methods,
  40. t: tFn,
  41. };
  42. }
  43. // Why write this function?
  44. // Mainly to configure the vscode i18nn ally plugin. This function is only used for routing and menus. Please use useI18n for other places
  45. // 为什么要编写此函数?
  46. // 主要用于配合vscode i18nn ally插件。此功能仅用于路由和菜单。请在其他地方使用useI18n
  47. export const t = (key: string) => key;