refactor: add onLanguageLoaded event on setWebMetaFormConfig

client/shared/i18n/index.ts

@@ -123,10 +123,19 @@ export function getLanguage(): AllowedLanguage {
   return i18next.language as AllowedLanguage;
 }
 
+/**
+ * 语言加载
+ */
+export function onLanguageLoaded(
+  cb: (loaded: { [language: string]: { [namespace: string]: boolean } }) => void
+) {
+  i18next.on('loaded', cb);
+}
+
 /**
  * 监听语言变更
  */
-export function onLanguageChange(cb: (lang: string) => void) {
+export function onLanguageChanged(cb: (lang: string) => void) {
   i18next.on('languageChanged', cb);
 }
 

client/shared/index.tsx

@@ -51,6 +51,7 @@ export {
   setLanguage,
   getLanguage,
   useTranslation,
+  onLanguageLoaded,
 } from './i18n';
 export type { AllowedLanguage } from './i18n';
 export { Trans } from './i18n/Trans';

client/shared/utils/date-helper.ts

@@ -2,7 +2,7 @@ import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime'; // 导入插件
 import duration from 'dayjs/plugin/duration'; // 导入插件
 import 'dayjs/locale/zh-cn'; // 导入本地化语言
-import { onLanguageChange } from '../i18n';
+import { onLanguageChanged } from '../i18n';
 
 /**
  * Reference: https://day.js.org/
@@ -11,7 +11,7 @@ import { onLanguageChange } from '../i18n';
 dayjs.extend(relativeTime);
 dayjs.extend(duration);
 dayjs.locale('zh-cn'); // 默认使用中文
-onLanguageChange((lang) => {
+onLanguageChanged((lang) => {
   if (lang === 'en-US') {
     dayjs.locale('en');
     return;

client/web/src/init.tsx

@@ -15,6 +15,7 @@ import {
   setErrorHook,
   showToasts,
   parseUrlStr,
+  onLanguageLoaded,
 } from 'tailchat-shared';
 import { getPopupContainer } from './utils/dom-helper';
 import { getUserJWT } from './utils/jwt-helper';
@@ -72,8 +73,10 @@ setGlobalLoading((text) => {
 
 setImageUrlParser(parseUrlStr);
 
-setWebMetaFormConfig({
-  submitLabel: t('提交'),
+onLanguageLoaded(() => {
+  setWebMetaFormConfig({
+    submitLabel: t('提交'),
+  });
 });
 
 const backToLoginPage = (() => {