add locales

EditorFlow/src/index.tsx

@@ -8,12 +8,18 @@ import { FlowItemPanel } from './components/EditorItemPanel';
 import { FlowDetailPanel } from './components/EditorDetailPanel';
 import styles from './index.less';
 import PageHeaderWrapper from './components/PageHeaderWrapper';
+import { formatMessage } from 'umi-plugin-react/locale';
 
 GGEditor.setTrackable(false);
 
 export default () => {
   return (
-    <PageHeaderWrapper content="The flow chart is an excellent way to represent the idea of the algorithm.">
+    <PageHeaderWrapper
+      content={formatMessage({
+        id: 'BLOCK_NAME.description',
+        defaultMessage: 'description',
+      })}
+    >
       <GGEditor className={styles.editor}>
         <Row type="flex" className={styles.editorHd}>
           <Col span={24}>

EditorFlow/src/locales/en-US.ts

+export default {
+  'BLOCK_NAME.description':
+    'The flow chart is an excellent way to represent the idea of the algorithm',
+};

EditorFlow/src/locales/zh-CN.ts

+export default {
+  'BLOCK_NAME.description': '千言万语不如一张图，流程图是表示算法思路的好方法',
+};

EditorKoni/src/index.tsx

@@ -8,12 +8,18 @@ import { KoniItemPanel } from './components/EditorItemPanel';
 import { KoniDetailPanel } from './components/EditorDetailPanel';
 import styles from './index.less';
 import PageHeaderWrapper from './components/PageHeaderWrapper';
+import { formatMessage } from 'umi-plugin-react/locale';
 
 GGEditor.setTrackable(false);
 
 export default () => {
   return (
-    <PageHeaderWrapper content="The topology diagram refers to the network structure diagram composed of network node devices and communication media.">
+    <PageHeaderWrapper
+      content={formatMessage({
+        id: 'BLOCK_NAME.description',
+        defaultMessage: 'description',
+      })}
+    >
       <GGEditor className={styles.editor}>
         <Row type="flex" className={styles.editorHd}>
           <Col span={24}>

EditorKoni/src/locales/en-US.ts

+export default {
+  'BLOCK_NAME.description':
+    'The topology diagram refers to the network structure diagram composed of network node devices and communication media',
+};

EditorKoni/src/locales/zh-CN.ts

+export default {
+  'BLOCK_NAME.description': '拓扑结构图是指由网络节点设备和通信介质构成的网络结构图',
+};

EditorMind/src/index.tsx

@@ -8,12 +8,18 @@ import { MindDetailPanel } from './components/EditorDetailPanel';
 import data from './worldCup2018.json';
 import styles from './index.less';
 import PageHeaderWrapper from './components/PageHeaderWrapper';
+import { formatMessage } from 'umi-plugin-react/locale';
 
 GGEditor.setTrackable(false);
 
 export default () => {
   return (
-    <PageHeaderWrapper content="The brain map is an effective graphical thinking tool for expressing divergent thinking. It is simple but effective and is a practical thinking tool.">
+    <PageHeaderWrapper
+      content={formatMessage({
+        id: 'BLOCK_NAME.description',
+        defaultMessage: 'description',
+      })}
+    >
       <GGEditor className={styles.editor}>
         <Row type="flex" className={styles.editorHd}>
           <Col span={24}>

EditorMind/src/locales/en-US.ts

+export default {
+  'BLOCK_NAME.description':
+    'The brain map is an effective graphical thinking tool for expressing divergent thinking. It is simple but effective and is a practical thinking tool',
+};

EditorMind/src/locales/zh-CN.ts

+export default {
+  'BLOCK_NAME.description':
+    '脑图是表达发散性思维的有效图形思维工具 ，它简单却又很有效，是一种实用性的思维工具',
+};