process downloading one language in lowcoder-design

Author: Imiss-U1025

client/packages/lowcoder-design/src/i18n/design/index.ts

@@ -1,4 +1,30 @@
-import { Translator } from "lowcoder-core";
+import { getI18nObjects, Translator } from "lowcoder-core";
 import * as localeData from "./locales";
+import { ReactNode } from "react";
 
-export const { trans } = new Translator<typeof localeData.en>(localeData, REACT_APP_LANGUAGES);
+type transType = (key: any, variables?: any) => string;
+type transToNodeType = (key: any, variables?: any) => ReactNode;
+
+let trans: transType;
+let transToNode: transToNodeType;
+let language = 'en';
+
+export const initTranslator = async (lang?: string) => {
+    let langJson = await (localeData as any)[lang || 'en']();
+    langJson = {[lang || 'en']: langJson}
+    const translator =  new Translator<typeof langJson>(
+        langJson,
+        REACT_APP_LANGUAGES,
+        [lang || 'en']
+    );
+
+    language = translator.language;
+    transToNode = (key: any, variables?: any) => translator.transToNode?.(key, variables);
+    trans = (key: any, variables?: any) => translator.trans?.(key, variables);
+}
+
+const langJson = await (localeData as any)[REACT_APP_LANGUAGES || 'en']();
+
+await initTranslator();
+
+export { language, trans, transToNode };

client/packages/lowcoder-design/src/i18n/design/locales/index.ts

@@ -1,6 +1,6 @@
 // file examples: en, enGB, zh, zhHK
 // fallback example: current locale is zh-HK, fallback order is zhHK => zh => en
-export * from "./en";
-export * from "./zh";
-export * from "./de";
-export * from "./pt"
+export const en = async () : Promise<Object> => await import("./en").then(module => module.en);
+export const zh = async () : Promise<Object> => await import("./zh").then(module => module.zh);
+export const de = async () : Promise<Object> => await import("./de").then(module => module.de);
+export const pt = async () : Promise<Object> => await import("./pt").then(module => module.pt);

client/packages/lowcoder-design/tsconfig.json

@@ -1,6 +1,6 @@
 {
   "compilerOptions": {
-    "target": "es5",
+    "target": "es2017",
     "experimentalDecorators": true,
     "lib": ["dom", "dom.iterable", "esnext"],
     "allowJs": true,