mod: update i18n

Author: hetao92

.npmrc

@@ -1 +1 @@
-registry=https://registry.npm.taobao.org
+# registry=https://registry.npm.taobao.org

app/components/CSVPreviewLink/index.tsx

@@ -1,7 +1,7 @@
 import { Button, Popover, Table } from 'antd';
 import { } from 'antd/lib/button';
 import React, { useState } from 'react';
-import { useI18n } from '@app/context';
+import { useI18n } from '@vesoft-inc/i18n';
 import { v4 as uuidv4 } from 'uuid';
 import cls from 'classnames';
 import styles from './index.module.less';

app/components/ErrorBoundary/index.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import errorImg from '@app/static/images/errorBoundary.png';
-import { I18nContext } from '@app/context';
+import { I18nContext } from '@vesoft-inc/i18n';
 import { CopyToClipboard } from 'react-copy-to-clipboard';
 import { Button, message } from 'antd';
 import { withRouter, RouteComponentProps } from 'react-router-dom';

app/components/GQLCodeMirror/index.tsx

@@ -1,6 +1,6 @@
 import { Collapse } from 'antd';
 import React from 'react';
-import { useI18n } from '@app/context';
+import { useI18n } from '@vesoft-inc/i18n';
 
 import CodeMirror from '@app/components/CodeMirror';
 

app/config/rules.ts

@@ -1,29 +1,28 @@
 import { MAX_COMMENT_BYTES, NAME_REGEX, POSITIVE_INTEGER_REGEX } from '@app/utils/constant';
 import { getByteLength } from '@app/utils/function';
-import intl from 'react-intl-universal';
 
-export const hostRulesFn = () => [
+export const hostRulesFn = (intl) => [
   {
     required: true,
     message: intl.get('formRules.hostRequired'),
   },
 ];
 
-export const usernameRulesFn = () => [
+export const usernameRulesFn = (intl) => [
   {
     required: true,
     message: intl.get('formRules.usernameRequired'),
   },
 ];
 
-export const passwordRulesFn = () => [
+export const passwordRulesFn = (intl) => [
   {
     required: true,
     message: intl.get('formRules.passwordRequired'),
   },
 ];
 
-export const nameRulesFn = () => {
+export const nameRulesFn = (intl) => {
   const version = sessionStorage.getItem('nebulaVersion');
   const nameRequired = [
     {
@@ -40,14 +39,14 @@ export const nameRulesFn = () => {
   return version?.startsWith('v2') ? [...nameRequired, ...nameValidate] : nameRequired;
 };
 
-export const numberRulesFn = () => [
+export const numberRulesFn = (intl) => [
   {
     pattern: POSITIVE_INTEGER_REGEX,
     message: intl.get('formRules.numberRequired'),
   },
 ];
 
-export const replicaRulesFn = (activeMachineNum) => [
+export const replicaRulesFn = (activeMachineNum, intl) => [
   {
     pattern: POSITIVE_INTEGER_REGEX,
     message: intl.get('formRules.numberRequired'),
@@ -64,7 +63,7 @@ export const replicaRulesFn = (activeMachineNum) => [
   },
 ];
 
-export const stringByteRulesFn = () => [
+export const stringByteRulesFn = (intl) => [
   { validator: (_, value) => {
     const byteLength = getByteLength(value);
     if (byteLength <= MAX_COMMENT_BYTES) {

app/context/I18nContext.tsx

@@ -8,7 +8,8 @@ import dayjs from 'dayjs';
 import duration from 'dayjs/plugin/duration';
 import Cookie from 'js-cookie';
 import { trackPageView } from '@app/utils/stat';
-import { I18nProvider, useI18n } from '@app/context';
+import { I18nProvider, getI18n } from '@vesoft-inc/i18n';
+import { INTL_LOCALES } from '@app/config/constants';
 import { useStore } from '@app/stores';
 import AuthorizedRoute from './AuthorizedRoute';
 import rootStore, { StoreProvider } from './stores';
@@ -22,7 +23,8 @@ message.config({
   maxCount: 1,
 });
 const defaultLanguage = Cookie.get('lang') || document.documentElement.getAttribute('lang');
-
+const { initI18n } = getI18n();
+initI18n(defaultLanguage, INTL_LOCALES);
 const PageRoot = observer(() => {
   const { global: { version } } = useStore();
   useEffect(() => {
@@ -31,7 +33,7 @@ const PageRoot = observer(() => {
 
   return (
     <StoreProvider value={rootStore}>
-      <I18nProvider>
+      <I18nProvider locales={INTL_LOCALES}>
         <Router>
           <App />
         </Router>
@@ -42,10 +44,6 @@ const PageRoot = observer(() => {
 
 const App = () => {
   const history = useHistory();
-  const { init18n } = useI18n();
-  useEffect(() => {
-    init18n(defaultLanguage);
-  }, []);
   rootStore.global.history = history;
 
   return (

app/context/index.ts

@@ -1,6 +1,6 @@
 import { Tooltip } from 'antd';
 import React, { useState } from 'react';
-import { useI18n } from '@app/context';
+import { useI18n } from '@vesoft-inc/i18n';
 import Icon from '@app/components/Icon';
 import styles from './index.module.less';
 

app/index.tsx

@@ -3,7 +3,7 @@ import React from 'react';
 import { observer } from 'mobx-react-lite';
 import { useStore } from '@app/stores';
 
-import { useI18n } from '@app/context';
+import { useI18n } from '@vesoft-inc/i18n';
 import styles from './index.module.less';
 const Option = Select.Option;
 

app/pages/Console/CypherParameterBox.tsx

@@ -4,7 +4,7 @@ import { observer } from 'mobx-react-lite';
 import Icon from '@app/components/Icon';
 import { useStore } from '@app/stores';
 
-import { useI18n } from '@app/context';
+import { useI18n } from '@vesoft-inc/i18n';
 import styles from './index.module.less';
 
 

app/pages/Console/ExportModal.tsx

@@ -1,7 +1,7 @@
 import { Button, List, Modal, Tooltip } from 'antd';
 import React, { useState } from 'react';
 import Icon from '@app/components/Icon';
-import { useI18n } from '@app/context';
+import { useI18n } from '@vesoft-inc/i18n';
 import styles from './index.module.less';
 
 

app/pages/Console/FavoriteBtn.tsx

@@ -1,7 +1,7 @@
 import { Tabs } from 'antd';
 import React, { useEffect, useState } from 'react';
 import { LinkObject, NodeObject } from '@vesoft-inc/force-graph';
-import { useI18n } from '@app/context';
+import { useI18n } from '@vesoft-inc/i18n';
 import ExpandItem from '../ExpandItem';
 import styles from './index.module.less';
 

app/pages/Console/HistoryBtn.tsx

@@ -3,7 +3,7 @@ import React, { useState } from 'react';
 import Icon from '@app/components/Icon';
 import { convertBigNumberToString, removeNullCharacters } from '@app/utils/function';
 import cls from 'classnames';
-import { useI18n } from '@app/context';
+import { useI18n } from '@vesoft-inc/i18n';
 import styles from './index.module.less';
 
 interface IProps {

app/pages/Console/OutputBox/ForceGraph/DisplayPanel/ExpandForm/index.tsx

@@ -3,7 +3,7 @@ import { observer } from 'mobx-react-lite';
 import MenuButton from '@app/components/Button';
 import { uniq } from 'lodash';
 import { GraphStore } from '@app/stores/graph';
-import { useI18n } from '@app/context';
+import { useI18n } from '@vesoft-inc/i18n';
 import NodeStyleSetBtn from '../NodeStyleSetBtn';
 
 interface IProps {

app/pages/Console/OutputBox/ForceGraph/DisplayPanel/ExpandItem/index.tsx

@@ -2,7 +2,7 @@ import React, { useState } from 'react';
 import { Popover, Tabs } from 'antd';
 import ColorPicker from '@app/components/ColorPicker';
 
-import { useI18n } from '@app/context';
+import { useI18n } from '@vesoft-inc/i18n';
 import styles from './index.module.less';
 
 interface IProps {

app/pages/Console/OutputBox/ForceGraph/Menu/ColorChangeBtn/index.tsx

@@ -9,7 +9,7 @@ import Icon from '@app/components/Icon';
 import { parseSubGraph } from '@app/utils/parseData';
 import cls from 'classnames';
 import { GraphStore } from '@app/stores/graph';
-import { useI18n } from '@app/context';
+import { useI18n } from '@vesoft-inc/i18n';
 import Graphviz from './Graphviz';
 import ForceGraph from './ForceGraph';
 

app/pages/Console/OutputBox/ForceGraph/Menu/NodeStyleSetBtn/index.tsx

@@ -8,7 +8,7 @@ import Icon from '@app/components/Icon';
 import CodeMirror from '@app/components/CodeMirror';
 import { maxLineNum } from '@app/config/nebulaQL';
 import classnames from 'classnames';
-import { useI18n } from '@app/context';
+import { useI18n } from '@vesoft-inc/i18n';
 import OutputBox from './OutputBox';
 import HistoryBtn from './HistoryBtn';
 import FavoriteBtn from './FavoriteBtn';

app/pages/Console/OutputBox/index.tsx

@@ -5,7 +5,7 @@ import CSVPreviewLink from '@app/components/CSVPreviewLink';
 import { getFileSize } from '@app/utils/file';
 import cls from 'classnames';
 import { StudioFile } from '@app/interfaces/import';
-import { useI18n } from '@app/context';
+import { useI18n } from '@vesoft-inc/i18n';
 import styles from './index.module.less';
 interface IProps {
   fileList: any[];

app/pages/Console/index.tsx

@@ -5,7 +5,7 @@ import { trackPageView } from '@app/utils/stat';
 import { debounce } from 'lodash';
 import { message } from 'antd';
 import { StudioFile } from '@app/interfaces/import';
-import { useI18n } from '@app/context';
+import { useI18n } from '@vesoft-inc/i18n';
 import FileList from './FileList';
 
 const FileUpload = () => {

app/pages/Import/FileUpload/FileList.tsx

@@ -4,7 +4,7 @@ import { observer } from 'mobx-react-lite';
 import { useStore } from '@app/stores';
 import { v4 as uuidv4 } from 'uuid';
 import Icon from '@app/components/Icon';
-import { useI18n } from '@app/context';
+import { useI18n } from '@vesoft-inc/i18n';
 import styles from './index.module.less';
 
 const Option = Select.Option;

app/pages/Import/FileUpload/index.tsx

@@ -1,4 +1,4 @@
-import { useI18n } from '@app/context';
+import { useI18n } from '@vesoft-inc/i18n';
 import { Button, Input, Modal } from 'antd';
 import React, { useState } from 'react';
 

app/pages/Import/TaskCreate/FileSelect/index.tsx

@@ -5,7 +5,7 @@ import { observer } from 'mobx-react-lite';
 import { useStore } from '@app/stores';
 import CSVPreviewLink from '@app/components/CSVPreviewLink';
 import classNames from 'classnames';
-import { useI18n } from '@app/context';
+import { useI18n } from '@vesoft-inc/i18n';
 import styles from '../index.module.less';
 
 const Option = Select.Option;

app/pages/Import/TaskCreate/PasswordInputModal/index.tsx

@@ -5,7 +5,7 @@ import { observer } from 'mobx-react-lite';
 import { useStore } from '@app/stores';
 import CSVPreviewLink from '@app/components/CSVPreviewLink';
 import classNames from 'classnames';
-import { useI18n } from '@app/context';
+import { useI18n } from '@vesoft-inc/i18n';
 import styles from '../index.module.less';
 
 const Option = Select.Option;

app/pages/Import/TaskCreate/SchemaConfig/EdgeConfig/index.tsx

@@ -5,7 +5,7 @@ import { observer } from 'mobx-react-lite';
 import { useStore } from '@app/stores';
 import CSVPreviewLink from '@app/components/CSVPreviewLink';
 import Icon from '@app/components/Icon';
-import { useI18n } from '@app/context';
+import { useI18n } from '@vesoft-inc/i18n';
 import TagConfig from './TagConfig';
 import EdgeConfig from './EdgeConfig';
 const { Panel } = Collapse;

app/pages/Import/TaskCreate/SchemaConfig/TagConfig/index.tsx

@@ -7,7 +7,7 @@ import { trackPageView } from '@app/utils/stat';
 import cls from 'classnames';
 import { useHistory } from 'react-router-dom';
 import { POSITIVE_INTEGER_REGEX } from '@app/utils/constant';
-import { useI18n } from '@app/context';
+import { useI18n } from '@vesoft-inc/i18n';
 import styles from './index.module.less';
 import PasswordInputModal from './PasswordInputModal';
 import SchemaConfig from './SchemaConfig';

app/pages/Import/TaskCreate/SchemaConfig/index.tsx

@@ -4,7 +4,7 @@ import Icon from '@app/components/Icon';
 import { useStore } from '@app/stores';
 import { ITaskStatus } from '@app/interfaces/import';
 import classnames from 'classnames';
-import { useI18n } from '@app/context';
+import { useI18n } from '@vesoft-inc/i18n';
 import styles from './index.module.less';
 
 interface ILogDimension {

app/pages/Import/TaskCreate/index.tsx

@@ -6,7 +6,7 @@ import dayjs from 'dayjs';
 import { floor } from 'lodash';
 import { getFileSize } from '@app/utils/file';
 import Icon from '@app/components/Icon';
-import { useI18n } from '@app/context';
+import { useI18n } from '@vesoft-inc/i18n';
 import styles from './index.module.less';
 interface IProps {
   data: ITaskItem;

app/pages/Import/TaskList/TaskItem/LogModal/index.tsx

@@ -8,7 +8,7 @@ import { readFileContent } from '@app/utils/file';
 import yaml from 'js-yaml';
 import json2yaml from 'json2yaml';
 import { exampleJson } from '@app/utils/import';
-import { useI18n } from '@app/context';
+import { useI18n } from '@vesoft-inc/i18n';
 import styles from './index.module.less';
 const { Dragger } = Upload;
 const { TextArea } = Input;

app/pages/Import/TaskList/TaskItem/index.tsx

@@ -6,7 +6,7 @@ import Icon from '@app/components/Icon';
 import { useStore } from '@app/stores';
 import { trackPageView } from '@app/utils/stat';
 import { ITaskStatus } from '@app/interfaces/import';
-import { useI18n } from '@app/context';
+import { useI18n } from '@vesoft-inc/i18n';
 import LogModal from './TaskItem/LogModal';
 import TemplateModal from './TemplateModal';
 

app/pages/Import/TaskList/TemplateModal/index.tsx

@@ -3,7 +3,7 @@ import React, { useEffect, useState } from 'react';
 import { Route, useHistory, useLocation } from 'react-router-dom';
 import { trackPageView } from '@app/utils/stat';
 import cls from 'classnames';
-import { useI18n } from '@app/context';
+import { useI18n } from '@vesoft-inc/i18n';
 import FileUpload from './FileUpload';
 import styles from './index.module.less';
 import TaskList from './TaskList';