feat: add i18n for plugin-schema

huxingyi1997 · JackLian · commit 6b5b42416743 · 2023-03-02T14:21:53.000+08:00
diff --git a/packages/plugin-schema/src/editor.tsx b/packages/plugin-schema/src/editor.tsx
@@ -3,17 +3,18 @@ import { useState, useRef, useCallback, useEffect, useLayoutEffect } from 'react
 import MonacoEditor from '@alilc/lowcode-plugin-base-monaco-editor';
 
 import { Dialog, Message, Button } from '@alifd/next';
-import { IPublicApiProject, IPublicApiSkeleton, IPublicEnumTransformStage } from '@alilc/lowcode-types';
+import { IPublicEnumTransformStage, IPublicModelPluginContext } from '@alilc/lowcode-types';
 import { IEditorInstance } from '@alilc/lowcode-plugin-base-monaco-editor/lib/helper';
 
 interface PluginCodeDiffProps {
-  project: IPublicApiProject;
-  skeleton: IPublicApiSkeleton;
+  pluginContext: IPublicModelPluginContext;
   // 是否显示项目级 schema
   showProjectSchema: boolean;
 }
 
-export default function PluginSchema({ project, skeleton, showProjectSchema = false }: PluginCodeDiffProps) {
+export default function PluginSchema({ pluginContext, showProjectSchema = false }: PluginCodeDiffProps) {
+  const { project, skeleton } = pluginContext;
+
   const [editorSize, setEditorSize] = useState({ width: 0, height: 0 });
   const [schemaValue, setSchemaValue] = useState(() => {
     const schema = project.exportSchema(IPublicEnumTransformStage.Save);
@@ -82,7 +83,7 @@ export default function PluginSchema({ project, skeleton, showProjectSchema = fa
         onClick={onSave}
         style={{ position: 'absolute', right: 68, zIndex: 100, top: -38 }}
       >
-        保存 Schema
+        {pluginContext.intl('Save Schema')}
       </Button>
       <MonacoEditor
         height={editorSize.height}
diff --git a/packages/plugin-schema/src/index.tsx b/packages/plugin-schema/src/index.tsx
@@ -1,11 +1,19 @@
 import * as React from 'react';
 import { IPublicModelPluginContext } from '@alilc/lowcode-types';
 import PluginSchema from './editor';
+import { enUS, zhCN } from './locale';
 
 const plugin = (ctx: IPublicModelPluginContext, options: any) => {
   return {
     // 插件的初始化函数，在引擎初始化之后会立刻调用
     init() {
+      const { intl, intlNode, getLocale } = ctx.common.utils.createIntl({
+        'en-US': enUS,
+        'zh-CN': zhCN,
+      });
+      ctx.intl = intl;
+      ctx.intlNode = intlNode;
+      ctx.getLocale = getLocale;
       const isProjectSchema = (options && options['isProjectSchema']) === true;
 
       // 往引擎增加面板
@@ -23,8 +31,7 @@ const plugin = (ctx: IPublicModelPluginContext, options: any) => {
         },
         content: () => (
           <PluginSchema
-            project={ctx.project}
-            skeleton={ctx.skeleton}
+            pluginContext={ctx}
             showProjectSchema={isProjectSchema}
           />
         ),
diff --git a/packages/plugin-schema/src/locale/en-US.json b/packages/plugin-schema/src/locale/en-US.json
@@ -0,0 +1,3 @@
+{
+  "Save Schema": "Save Schema"
+}
diff --git a/packages/plugin-schema/src/locale/index.ts b/packages/plugin-schema/src/locale/index.ts
@@ -0,0 +1,4 @@
+import enUS from './en-US.json';
+import zhCN from './zh-CN.json';
+
+export { enUS, zhCN };
diff --git a/packages/plugin-schema/src/locale/zh-CN.json b/packages/plugin-schema/src/locale/zh-CN.json
@@ -0,0 +1,3 @@
+{
+  "Save Schema": "保存 Schema"
+}
diff --git a/packages/plugin-schema/tsconfig.json b/packages/plugin-schema/tsconfig.json
@@ -8,7 +8,9 @@
     "moduleResolution": "node",
     "lib": ["DOM", "ES6"],
     "noImplicitAny": false,
-    "skipLibCheck": true
+    "skipLibCheck": true,
+    "resolveJsonModule": true,
+    "allowSyntheticDefaultImports": true,
   },
   "include": [
     "src/**/*.ts",

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+{`
	`2`	`+ "Save Schema": "Save Schema"`
	`3`	`+}`
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+{`
	`2`	`+ "Save Schema": "保存 Schema"`
	`3`	`+}`