@titaui/pc 1.8.1 → 1.8.2

package/src/components/mblog/index.tsx

@@ -7,6 +7,7 @@ import { MBlogBox, PreviewBox, DragEffect } from './style';
 import { isPlatform } from '../../utils/platform';
 import { getUploadMaxSize } from '../../utils/bs-global';
 import uuid from 'uuid';
+import { getLocale } from '../../utils/getLocale';
 
 interface UploadFilesObj {
   name: string;
@@ -33,14 +34,14 @@ interface Props {
 
   // at all
   showAtAll?: boolean;
-  atAllText?: string; // "@所有同事"按钮文字
+  atAllText?: string; // getLocale('Mod_AllColleagues')按钮文字
   atAllValue?: string; // 点击后输入的内容："@[所有同事:all_members]"
-  atAllTipText?: string; // "@所有同事"tips内容：默认："所有同事将收到本条消息"
+  atAllTipText?: string; // getLocale('Mod_AllColleagues')}`tips内容：默认：`${getLocale('OKR_MyO_Popup_Allcolleagues')
 
   // at
   isShowAt?: boolean; // 是否显示 “@同事”按钮，默认true
   atText?: string; // “@同事”按钮文字
-  atTipText?: string; // “@同事”tips内容：默认："想确保谁看到就@这个成员"
+  atTipText?: string; // “@同事”tips内容：默认：getLocale('OKR_MyO_Popup_Butt_Colleagues')
   userSelectorPopAlign?: string; // “@同事”选人组件出现位置
 
   // 附件上传
@@ -53,8 +54,8 @@ interface Props {
 
   // 表情组件
   isShowEmotion?: boolean; // 是否显示 “表情”按钮，默认true
-  emotionText?: string; // "表情"按钮文字
-  emotionTipText?: string; // "表情"tips内容：默认："表情"
+  emotionText?: string; // getLocale('Mod_Expressions')按钮文字
+  emotionTipText?: string; // getLocale('Mod_Expressions')}`tips内容：默认：`${getLocale('Mod_Expressions')
   emotionsSelectorPopAlign?: string; // 表情组件出现位置
 
   // 可见范围
@@ -119,7 +120,6 @@ export default class MBlog extends PureComponent<Props, State> {
     // 输入相关
     defaultContent: '',
     isHasPlaceholder: false,
-    placeholderText: '有事需要提醒ta，请@ta',
     maxLength: 2000,
     autoFocus: false,
     autoResizing: true,
@@ -127,7 +127,6 @@ export default class MBlog extends PureComponent<Props, State> {
     // 功能相关
     // 附件
     isShowAttachment: true,
-    attachmentText: '附件',
     // attachmentTipText: `<p>支持拖拽上传</p><p>单次最多支持上传20个</p><p>每个不超过50MB</p>`,
     attachmentTipText: '',
 
@@ -135,24 +134,16 @@ export default class MBlog extends PureComponent<Props, State> {
     fileSizeLimit: 50,
     // @同事
     isShowAt: true,
-    atText: '同事',
-    atTipText: '想确保谁看到就@这个成员',
     // @所有同事
-    atAllText: '所有同事',
-    atAllValue: '@[所有同事:all_members] ',
-    atAllTipText: '所有同事将收到本条消息',
     // @表情
     isShowEmotion: true,
-    emotionText: '表情',
     emotionTipText: '',
     // @按钮相关
     isShowSendSms: true,
-    sendSmsTipText: '被@的同事将会收到通知',
     isShowRange: true,
     privateValue: 1, //1公开，2私密 3部门
     isShowRangeDropDown: true,
     isShowBtnCancel: true,
-    submitText: '发送',
     submitStatus: 0,
   };
 
@@ -379,42 +370,42 @@ export default class MBlog extends PureComponent<Props, State> {
       submitStatus,
       contentClassName,
       isHasPlaceholder,
-      placeholderText,
+      placeholderText = '有事需要提醒ta，请@ta',
       maxLength,
       autoResizing,
       initialTextHeight,
       autoFocus,
       actionClassName,
       isShowAttachment,
-      attachmentText,
+      attachmentText = getLocale('Mod_Annexes'),
       attachmentTipText,
       fileNumLimit,
       // fileSizeLimit,
       attachmentPreviewBox,
-      atAllText,
-      atAllValue,
-      atAllTipText,
+      atAllText = getLocale('Mod_AllColleagues'),
+      atAllValue = '@[所有同事:all_members] ',
+      atAllTipText = getLocale('OKR_MyO_Popup_Allcolleagues'),
       isShowAt,
       showAtAll,
-      atText,
-      atTipText,
+      atText = getLocale('Mod_colleague'),
+      atTipText = getLocale('OKR_MyO_Popup_Butt_Colleagues'),
       userSelectorPopAlign,
       isShowEmotion,
-      emotionText,
+      emotionText = getLocale('Mod_Expressions'),
       emotionTipText,
       emotionsSelectorPopAlign,
       isShowSendSms,
-      sendSmsTipText,
+      sendSmsTipText = getLocale('Tasks_Tab_MyS_Thecollenotified'),
       isShowRange,
       isShowRangeDropDown,
       isShowBtnCancel,
-      submitText,
+      submitText = getLocale('Mod_Publish'),
       setTextareaRef,
       disableRangeSelect
     } = this.props;
     const { localStroageKey, visibility, isInputAt, isInputEnterSubmit, isAllowSubmit, textareaValue, dragFilesList, isShowDragMask, isAtAll } = this.state;
     let fSize = getUploadMaxSize();
-    let fTip = attachmentTipText || '<p>支持拖拽上传</p><p>单次最多支持上传20个，总数不可超过50个</p><p>每个不超过'+fSize+'MB</p>';
+    let fTip = attachmentTipText || getLocale('OKR_MyO_KRP_Draganddropu').replace('50MB', `${fSize}MB`);
     return (
       <MBlogBox className={className} ref='mblogbox' onDrop={this._dropHandler} onDragEnter={this._dragEnterHandler} onDragLeave={this._dragLeaveHandler} onDragOver={this._dragOverHandler}>
         <MblogContent

package/src/components/mblog/style.ts

@@ -21,8 +21,8 @@ export const MBlogBox = styled.div`
 // MblogContent
 export const DivMblogContent = styled.div`
   padding: 8px 10px 6px;
-  border: 1px solid #E9ECF0;
-  border-radius: 4px;
+  border: 1px solid #DFE3EA;
+  border-radius: 8px;
   background-color: #fff;
   position: relative;
   transition: all .2s ease-in-out;
@@ -81,7 +81,7 @@ export const Tips = styled.div`
 // MblogAction
 export const MblogActionWrapper = styled.div`
   height: 30px;
-  padding: 9px 0 8px 0;
+  padding: 28px 0 2px 0;
   font-size: 13px;
   line-height: 20px;
   color: #565E66;
@@ -169,7 +169,7 @@ export const RightBtnGroupWrapper = styled.div`
     min-width: 90px;
     height: 32px;
     box-sizing: border-box;
-    border-radius: 4px;
+    border-radius: 18px;
     border: none;
   }
 `
@@ -219,7 +219,7 @@ export const BtnConfirm = styled.button`
   color: #ffffff;
   background: #2879FF;
   white-space: nowrap;
-  border-radius: 4px;
+  border-radius: 18px;
 
   &.disabled {
     color: #ffffff;

package/src/components/menus/components/drag-resize/index.tsx

@@ -1,5 +1,8 @@
 import React, { useRef, useEffect } from 'react';
 import classNames from 'classnames';
+import { getBSGlobal } from '../../../../utils/bs-global';
+const i18nInfo = getBSGlobal("I18NInfo");
+const isEn = i18nInfo && i18nInfo.I18NOpen && i18nInfo.I18NUserLang === "en_US";
 import './index.scss';
 
 const preCls = 'titaui-drag-resize';
@@ -15,9 +18,9 @@ interface Props {
 export default (props: Props) => {
   const {
     children,
-    defaultWidth = 180,
+    defaultWidth = isEn ? 210 : 180,
     onResize = () => {},
-    minWidth = 180,
+    minWidth = isEn ? 210 : 180,
     maxWidth = 600
   } = props;
 

package/src/components/menus/components/flip-menu-card/flip-back-header.tsx

@@ -1,6 +1,7 @@
 import React from "react";
 import classNames from "classnames";
 import preCls from "./precls";
+import { getLocale } from "../../../../utils/getLocale";
 
 import "./index.scss";
 
@@ -23,7 +24,7 @@ export default (props: Props) => {
           "tu-icon-fanhui"
         )}
       />
-      <span>返回</span>
+      <span>{getLocale('Mod_Back')}</span>
     </div>
   );
 };

package/src/components/menus/components/menu-tree/tree-node/assess-manage.tsx

@@ -1,6 +1,9 @@
 import React from 'react';
 import classNames from 'classnames';
 import preCls from '../precls';
+import { getBSGlobal } from '../../../../../utils/bs-global';
+const i18nInfo = getBSGlobal("I18NInfo");
+const isZn = !i18nInfo || i18nInfo && i18nInfo.I18NOpen && i18nInfo.I18NUserLang === "zh_CN";
 
 import './index.scss';
 
@@ -17,6 +20,6 @@ export default props => {
     {level > 0 && <span className={classNames(`${preCls}__ass-manage-node-indent`)} />}
     {data.icon && <span className={classNames(`${preCls}__ass-manage-node-icon`, data.icon)} />}
     <span className={classNames(`${preCls}__ass-manage-node-title`, 'noselect')}>{props.title}</span>
-    <span className={classNames(`${preCls}__ass-manage-node-suffix`)} />
+    {isZn && <span className={classNames(`${preCls}__ass-manage-node-suffix`)} />}
   </div>
 }

package/src/components/menus/components/menu-tree/tree-node/assess-template.tsx

@@ -1,6 +1,9 @@
 import React from 'react';
 import classNames from 'classnames';
 import preCls from '../precls';
+import { getBSGlobal } from '../../../../../utils/bs-global';
+const i18nInfo = getBSGlobal("I18NInfo");
+const isZn = !i18nInfo || i18nInfo && i18nInfo.I18NOpen && i18nInfo.I18NUserLang === "zh_CN";
 
 import './index.scss';
 
@@ -17,6 +20,6 @@ export default props => {
     {level > 0 && <span className={classNames(`${preCls}__ass-template-node-indent`)} />}
     {data.icon && <span className={classNames(`${preCls}__ass-template-node-icon`, data.icon)} />}
     <span className={classNames(`${preCls}__ass-template-node-title`, 'noselect')}>{props.title}</span>
-    <span className={classNames(`${preCls}__ass-template-node-suffix`)} />
+    {isZn && <span className={classNames(`${preCls}__ass-template-node-suffix`)} />}
   </div>
 }

package/src/components/menus/components/menu-tree/tree-node/index.scss

@@ -180,6 +180,7 @@
       margin-left: 8px;
       background-image: url("../images/appraisal-menu/setting.svg");
       background-size: contain;
+      background-repeat: no-repeat;
     }
   }
 
@@ -195,6 +196,7 @@
       margin-left: 8px;
       background-image: url("../images/appraisal-menu/launch.svg");
       background-size: contain;
+      background-repeat: no-repeat;
     }
   }
 

package/src/components/menus/components/menu-tree/tree-node/no-follower.tsx

@@ -6,7 +6,8 @@ import preCls from '../precls';
 import './index.scss';
 
 export default () => {
+  const noFollowerText = window['getLocale'] && window['getLocale'](locale.nofollowers) || locale.nofollowers;
   return <div className={classNames(`${preCls}__no-follower-node`)} title="">
-    <span>{locale.nofollowers}</span>
+    <span>{noFollowerText}</span>
   </div>
 }

package/src/components/menus/components/search-colleague/index.tsx

@@ -13,7 +13,7 @@ interface Props {
 
 export default (props: Props) => {
   const {
-    placeholder = locale.input_search_user,
+    placeholder = window['getLocale'] && window['getLocale'](locale.input_search_user) || locale.input_search_user,
     onSelect
   } = props;
 

package/src/components/menus/export-modules/appraisal-menus/index.tsx

@@ -8,6 +8,11 @@ import Scrollbar from '../../../scrollbar';
 import AppraisalMenuData, { AppraisalMenusInt, defaultRefObject } from "./menus";
 import MenuHighlight from './menu-highlight';
 import preCls from "../../precls";
+import { getLocale } from "../../../../utils/getLocale";
+import { getBSGlobal } from "../../../../utils/bs-global";
+
+const i18nInfo = getBSGlobal("I18NInfo");
+const isEn = i18nInfo && i18nInfo.I18NOpen && i18nInfo.I18NUserLang === "en_US";
 
 import "../../index.scss";
 import "./index.scss";
@@ -56,8 +61,8 @@ const AppraisalMenus = (props: Props) => {
       // @ts-ignore
       window.titaTracker('action').record({
         actionName: `绩效考核__${node.title}`,
-        actionGroup: '绩效考核',
-        productName: '绩效考核',
+        actionGroup: getLocale('Menu_Title_Performance'),
+        productName: getLocale('Menu_Title_Performance'),
       });
   };
 
@@ -87,7 +92,7 @@ const AppraisalMenus = (props: Props) => {
       ref={menuRef}
       className={classNames(preCls, `${preCls}-appraisal-menus`)}
     >
-      <FlipCard collapseMenu={collapseMenu} ref={flipRef} defaultWidth={180}>
+      <FlipCard collapseMenu={collapseMenu} ref={flipRef} defaultWidth={isEn ? 210 : 180}>
         <React.Fragment>
           <div className={classNames(`${preCls}-appraisal-menus-tree`)}>
             <Scrollbar style={{ maxHeight }}>

package/src/components/menus/export-modules/appraisal-menus/menus.ts

@@ -1,5 +1,6 @@
 import { getUserInfo, getBSGlobal } from "../../../../utils/bs-global";
 import { locale } from '../../i18n';
+import { getLocale } from "../../../../utils/getLocale";
 import {
   GROUP_NAME_NODE,
   MENU_ITEM_NOE,
@@ -120,7 +121,7 @@ export default class AppraisalMenus {
       },
       {
         icon: "",
-        label: "基础设置",
+        label: locale.menu_basesetting,
         key: "base-appraisal-group",
         type: GROUP_NAME_NODE,
         href: "",
@@ -164,7 +165,7 @@ export default class AppraisalMenus {
       if (menu.isShow) {
         treeNodes.push({
           key: `${menu.key}`,
-          title: menu.label,
+          title: getLocale(menu.label) ? getLocale(menu.label) : menu.label,
           data: menu,
           isLeaf: true,
           children: [],

package/src/components/menus/export-modules/manage-menus/index.scss

@@ -1,13 +0,0 @@
-.titaui-menus-manage-menus {
-  width: 180px;
-  position: relative;
-  box-sizing: border-box;
-  display: flex;
-  // max-height: calc(100vh - 72px - 74px);
-  flex-direction: column;
-  background: #ffffff;
-  padding: 28px 12px;
-  box-shadow: 0px 0px 16px 0px rgba(127, 145, 180, 0.1);
-  border-radius: 12px;
-  will-change: height;
-}

package/src/components/menus/export-modules/manage-menus/index.tsx

@@ -1,5 +1,6 @@
-import React, { useState, useEffect } from "react";
+import React, { useState, useEffect, useRef } from "react";
 import { withRouter } from "react-router";
+import classNames from "classnames";
 import MenuTree from "../../components/menu-tree";
 import {
   PARENT_MENU_NODE,
@@ -7,6 +8,13 @@ import {
 } from "../../components/menu-tree/tree-node/index";
 import { menus } from "./constant";
 import { JudgeManageHighLightMenu } from "./handle-highlight";
+import { getLocale } from "../../../../utils/getLocale";
+import FlipCard, { flipRefIns } from "../../components/flip-menu-card";
+import { getBSGlobal } from "../../../../utils/bs-global";
+import Scrollbar from "../../../scrollbar";
+
+const i18nInfo = getBSGlobal("I18NInfo");
+const isEn = i18nInfo && i18nInfo.I18NOpen && i18nInfo.I18NUserLang === "en_US";
 import "./index.scss";
 
 interface Props {
@@ -28,13 +36,17 @@ const expandedKeys = ["okr"];
 const ManageMenus = (props: Props) => {
   const { history } = props;
   const [selectedMenuKeys, setSelectedMenuKeys] = useState<any[]>([]);
+  const flipRef = useRef<flipRefIns>({
+    next: () => {},
+    goback: () => {},
+  });
+  const menuRef = useRef<any>();
 
   const formateToTreeNodeData = (menus, pid = 0, level = 0) => {
     const treeNodes: TreeNode[] = [];
 
     for (let i = 0; i < menus.length; i++) {
       const menu = menus[i];
-
       const hasChildren = menu.children && menu.children.length ? true : false;
       const isLeaf = menu.isLeaf !== undefined ? menu.isLeaf : !hasChildren;
 
@@ -43,7 +55,7 @@ const ManageMenus = (props: Props) => {
 
       treeNodes.push({
         key: `${menu.key}`,
-        title: menu.label,
+        title: getLocale(menu.label) ? getLocale(menu.label) : menu.label,
         data: menu.data || menu,
         isLeaf: isLeaf,
         children: formateToTreeNodeData(
@@ -57,6 +69,14 @@ const ManageMenus = (props: Props) => {
     return treeNodes;
   };
 
+  const collapseMenu = (isHide) => {
+    if (isHide) {
+      menuRef.current.style.width = "0px";
+    } else {
+      menuRef.current.style.width = "";
+    }
+  };
+
   useEffect(() => {
     const search = history.location.search;
     const activeMenu = new JudgeManageHighLightMenu(search).getHighLightMenu();
@@ -70,13 +90,27 @@ const ManageMenus = (props: Props) => {
   };
 
   return (
-    <div className={`${preCls}-manage-menus`}>
-      <MenuTree
-        data={formateToTreeNodeData(menus)}
-        selectedKeys={selectedMenuKeys}
-        expandedKeys={expandedKeys}
-        onSelect={onSelectHandler}
-      />
+    <div ref={menuRef} className={classNames(`${preCls}-manage-menus`)}>
+      <FlipCard
+        collapseMenu={collapseMenu}
+        ref={flipRef}
+        defaultWidth={isEn ? 210 : 180}
+      >
+        <React.Fragment>
+          <div className={classNames(`${preCls}-appraisal-menus-tree`)}>
+            <Scrollbar>
+              <MenuTree
+                data={formateToTreeNodeData(menus)}
+                selectedKeys={selectedMenuKeys}
+                expandedKeys={expandedKeys}
+                onSelect={onSelectHandler}
+              />
+            </Scrollbar>
+          </div>
+        </React.Fragment>
+
+        <React.Fragment></React.Fragment>
+      </FlipCard>
     </div>
   );
 };

package/src/components/menus/export-modules/okr-menus/depart-menus/index.tsx

@@ -28,19 +28,20 @@ export default () => {
   );
 
   useEffect(() => {
+    const allDepartmentText = window['getLocale'] && window['getLocale'](locale.menu_alldeparment) || locale.menu_alldeparment
     getDepsAndUsers(-1, isGetUser).then(rawTreeData => {
       const rootNode = {
         'async': true,
         'data': {
           'id': 0,
-          'name': locale.menu_alldeparment
+          'name': allDepartmentText
         },
         'pid': -1,
         'id': "0",
         'key': '0',
         'isLeaf': true,
         'nodeType': DEPART_NODE,
-        'title': locale.menu_alldeparment,
+        'title': allDepartmentText,
       };
       setRawTreeData([rootNode, ...rawTreeData]);
       setTreeData(toTree([rootNode, ...rawTreeData]));

package/src/components/menus/export-modules/okr-menus/index.tsx

@@ -8,6 +8,10 @@ import SearchColeague from "../../components/search-colleague";
 import OkrFrontMenus from './okr-front-menus';
 import { FlipContext } from '../../context';
 import preCls from "../../precls";
+import { getBSGlobal } from "../../../../utils/bs-global";
+
+const i18nInfo = getBSGlobal("I18NInfo");
+const isEn = i18nInfo && i18nInfo.I18NOpen && i18nInfo.I18NUserLang === "en_US";
 
 import "../../index.scss";
 import "./index.scss";
@@ -72,7 +76,7 @@ const OkrMenus = (props: Props) => {
         <FlipCard
           ref={flipRef}
           collapseMenu={collapseMenu}
-          defaultWidth={180}
+          defaultWidth={isEn ? 210 : 180}
           onChange={onFlipChangeHandler}
         >
 

package/src/components/menus/export-modules/okr-menus/menus.ts

@@ -14,6 +14,7 @@ import {
   MENU_ITEM_NOE
 } from '../../components/menu-tree/tree-node/index';
 import { isLocal } from '../../../../utils/helpers';
+import { getLocale } from "../../../../utils/getLocale";
 
 interface TreeNode {
   key: string;
@@ -311,7 +312,7 @@ export default class okrMenus {
 
       treeNodes.push({
         'key': `${menu.key}`,
-        'title': menu.label,
+        'title': getLocale(menu.label) ? getLocale(menu.label) : menu.label,
         'data': menu.data || menu,
         'isLeaf': isLeaf,
         'children': this.formateToTreeNodeData(menu.children || [], level + 1, menu.key),

package/src/components/menus/i18n.ts

@@ -1,52 +1,49 @@
-
 class I18N {
 
-  public menu_alldeparment = '公司全部';
-  public menu_myokr = '我的 OKR';
-  public menu_responsible = '我负责的';
-  public menu_participated = '我参与的';
-  public menu_concerned = '我关注的';
-  public menu_subordinate = '下属 OKR';
-  public menu_concerned_user = '关注的人';
-  public menu_other = '其它';
-  public menu_okrmap = 'OKR 地图';
-  public menu_okrdashboard = 'OKR 仪表盘';
-  public menu_okr_working_method = 'OKR 工作法';
-  public menu_okrcases = 'OKR 案例库';
-
-  public menu_myass = '我的考核';
-  public menu_evaluated_ass = '我评价的';
-  public menu_subordinate_ass = '下属考核';
-  public menu_department_ass = '部门考核';
-  public menu_management_ass = '考核管理';
-  public menu_template_ass = '考核模板';
-  public menu_library_ass = '考核指标库';
-  public menu_score_ass = '评价设置';
-  public menu_help_ass = '考核帮助';
-  public menu_statistics_ass = '考核报表';
-  public menu_dashboard_ass = '考核仪表盘';
-
-  public input_search_user = '搜索同事';
-
-  public nofollowers = '暂无关注的人';
+  public menu_alldeparment = `OKR_Menu_Title_All`;
+  public menu_myokr = `OKR_Menu_Title_MyOKRs`;
+  public menu_responsible = `OKR_Menu_Title03_Owned`;
+  public menu_participated = `OKR_Menu_Title_Collaborator`;
+  public menu_concerned = `OKR_Menu_Title_FollowingOKRs`;
+  public menu_subordinate = `OKR_Menu_Title_DirectReports`;
+  public menu_concerned_user = `OKR_Menu_Title_FollowingOKR`;
+  public menu_other = `OKR_Menu_Title_Others`;
+  public menu_okrmap = `OKR_Menu_Title_Alignment`;
+  public menu_okrdashboard = `OKR_Menu_Title_Dashboard`;
+  public menu_okr_working_method = `OKR_Menu_Title_OKRWork`;
+  public menu_okrcases = `OKR_Menu_Title_OKRExamples`;
+
+  public menu_myass = `Per_Menu_Title_MyReviews`;
+  public menu_evaluated_ass = `Per_Menu_Title_MyEvaluation`;
+  public menu_subordinate_ass = `Per_Menu_Title_Subordinate`;
+  public menu_department_ass = `Per_Menu_Title_Department`;
+  public menu_management_ass = `Per_Menu_Title_AssessmentMana`;
+  public menu_template_ass = `Per_Menu_Title_Assessmenttempla`;
+  public menu_library_ass = `Per_Menu_Title_IndicatorDatabase`;
+  public menu_score_ass = `Per_Menu_Title_Settings`;
+  public menu_help_ass = `Per_Menu_Title_Help`;
+  public menu_statistics_ass = `Per_Menu_Title_Reports`;
+  public menu_dashboard_ass = `Per_Menu_Title_Dashboard`;
+  public menu_basesetting = `Per_Menu_Title_Label_BasicSettings`
+
+  public input_search_user = `OKR_Menu_text_SearchMembers`;
+
+  public nofollowers = `OKR_Menu_txt_NoFollowers`;
   public nosubordinates = '暂无下属';
-  public alldeparment = '公司全部';
-  public unsubscribe = '取消关注';
-
-  public menu_regulation_enterprise = '企业管理规定'
-  public menu_regulation_okr = 'OKR规定'
-  public menu_regulation_project = '项目规定'
-  public menu_regulation_plan = '计划规定'
-  public menu_regulation_daily = '日报规定'
-  public menu_regulation_weekly = '周报规定'
-  public menu_regulation_monthly = '月报规定'
-
-
-  constructor(isEN = false) {
-    if (isEN) {
-      // 替换成英文
-    }
+  public alldeparment = `OKR_Menu_Title_All`;
+  public unsubscribe = `OKR_MyO_Butt_Unfollow`;
+
+  public menu_regulation_enterprise = `Per_Menu_ManRegu`
+  public menu_regulation_okr = `Regul_Menu_OKR`
+  public menu_regulation_project = `Regul_Menu_Projects`
+  public menu_regulation_plan = `Regul_Menu_Tasks`
+  public menu_regulation_daily = `Regul_Menu_DailyReport`
+  public menu_regulation_weekly = `Regul_Menu_WeeklyReport`
+  public menu_regulation_monthly = `Regul_Menu_MonthlyReport`
+
+
+  constructor() {
   }
 }
 
-export const locale = new I18N(false);
+export const locale = new I18N();

package/src/components/nav-top/components/user-message/components/empty/index.tsx

@@ -2,6 +2,7 @@ import React from 'react';
 import classNames from 'classnames';
 import empty from '../../images/empty-img.svg';
 import ConditionRender from '../../../../../condition-render';
+import { getLocale } from '../../../../../../utils/getLocale';
 import './index.scss';
 
 const preCls = 'titaui-user-message-msg-empty';
@@ -12,10 +13,10 @@ const Empty = (props) => {
 	return (
 		<div className={classNames(`${preCls}__empty`)}>
 			<img src={empty} />
-			<div className={classNames(`${preCls}__empty-text`)}>暂时没有需要处理的消息哦～</div>
+			<div className={classNames(`${preCls}__empty-text`)}>{getLocale('Menu_Title_NoNews')}</div>
 			<ConditionRender condition={tabPath !== null}>
 				<a target="_blank" href={tabPath} className={classNames(`${preCls}__empty-all`)}>
-					查看全部消息
+					{getLocale('Menu_Title_ViewNews')}
 				</a>
 			</ConditionRender>
 		</div>

package/src/components/nav-top/components/user-message/components/remind/remind-item.tsx

@@ -3,6 +3,7 @@ import classNames from "classnames";
 import TooltipText from "../../../../../tooltip/tooltip-text";
 import Bell from "../../images/app-tixing.svg";
 import { apiServer, userId } from "../../constant";
+import { getLocale } from "../../../../../../utils/getLocale";
 import "./index.scss";
 
 
@@ -24,7 +25,7 @@ const Remind = (props) => {
       <img src={Bell} className={classNames(`${preCls}__item-photo`)} />
       <div className={classNames(`${preCls}__item-right`)}>
         <div className={classNames(`${preCls}__item-right-name`)}>
-          <span>任务</span>
+          <span>{getLocale('Mod_Tasks')}</span>
           <span className={classNames(`${preCls}__item-right-name-status`)}>
             {item.content}
           </span>