@titaui/pc 1.8.1 → 1.8.2

package/src/components/dynamic/dynamic-like-ranking/item.tsx

@@ -3,8 +3,8 @@ import classNames from "classnames";
 import Avatar from "../../avatar";
 import { formatNum } from "../../../utils/bs-global";
 import { OpenUserName } from "../../../utils/open-data";
-import { getUrlForUserPage } from "../../../utils/tools";
 import Tooltip from '../../tooltip';
+import { getLocale } from "../../../utils/getLocale";
 import "./index.scss";
 const preCls = "danamic-like-ranking__item";
 
@@ -76,7 +76,7 @@ const Item: FC<any> = ({ userInfo }) => {
       <div className={classNames(`${preCls}-left`)}>
         <div className={`${preCls}-like-text`}>
           <span className={`${preCls}-like-num`}>{formatNum(pariseNums)}</span>
-          点赞
+          {getLocale('Mod_Kudos')}
         </div>
       </div>
     </div>

package/src/components/dynamic/dynamic-liking/index.tsx

@@ -3,6 +3,7 @@ import classNames from "classnames";
 import { getLeastPariseInfo } from "../request-api";
 import Item from "./item";
 import "./index.scss";
+import { getLocale } from "../../../utils/getLocale";
 const preCls = "dynamic-liking";
 
 const DynamicLiking: FC = () => {
@@ -24,7 +25,7 @@ const DynamicLiking: FC = () => {
             className={classNames(`${preCls}__header-image`)}
             src={require("./image/like-dynamic.svg")}
           ></img>
-          <span className={classNames(`${preCls}__header-text`)}>点赞动态</span>
+          <span className={classNames(`${preCls}__header-text`)}>{getLocale('Feed_Menu_Title_Likedynamic')}</span>
         </div>
       </div>
       <div className={classNames(`${preCls}__content`)}>

package/src/components/dynamic/dynamic-liking/item.tsx

@@ -1,6 +1,7 @@
 import React, { FC } from "react";
 import { getTimeString } from "../../../utils/format-time";
 // import { getUrlForUserPage } from "../../../utils/tools";
+import { getLocale } from "../../../utils/getLocale";
 import { OpenUserName } from "../../../utils/open-data";
 import Tooltip from '../../tooltip';
 import { ObjectType } from "../constant";
@@ -44,9 +45,9 @@ const Item: FC<any> = ({ userInfo }) => {
             <Tooltip.Text
               text={
                 <span>
-                  点赞了
+                  {getLocale('Feed_Kudos')}
                   <OpenUserName id={toUserId} name={toUserName} />
-                  {`的${ObjectType[pariseObjType] || "feed"}`}
+                  {`${ObjectType[pariseObjType] || "feed"}`}
                 </span>
               }
               maxWidth={150}

package/src/components/dynamic/dynamic-list/index.tsx

@@ -5,6 +5,7 @@ import { IDynamicListProps } from "../interface";
 // @ts-ignore
 import EmptyImg from "../img/dynamic-empty.png";
 import ConditionRender from "../../condition-render";
+import { getLocale } from "../../../utils/getLocale";
 import "./index.scss";
 
 const prefix = "titaui-dynamic-list";
@@ -26,7 +27,7 @@ const DynamicList: FC<IDynamicListProps> = ({
       <ConditionRender condition={data.length === 0}>
         <div className={prefix + "__empty"}>
           <img className={prefix + "__empty-img"} src={EmptyImg} />
-          <span className={prefix + "__empty-text"}>暂无动态信息</span>
+          <span className={prefix + "__empty-text"}>{getLocale('OKR_Noinformation')}</span>
         </div>
       </ConditionRender>
       <ConditionRender condition={data.length !== 0}>

package/src/components/dynamic/dynamic-topping/index.tsx

@@ -2,6 +2,7 @@ import React, { FC, useState, useEffect } from "react";
 import classNames from "classnames";
 import Item from "./item";
 import { getDynamicTop } from "./request-api";
+import { getLocale } from "../../../utils/getLocale";
 import "./index.scss";
 const preCls = "danamic-topping";
 
@@ -29,7 +30,7 @@ const DynamicTop: FC = () => {
           className={classNames(`${preCls}-header-image`)}
           src={require("./image/top-icon.svg")}
         ></img>
-        <span className={classNames(`${preCls}-header-text`)}>置顶动态</span>
+        <span className={classNames(`${preCls}-header-text`)}>{getLocale('OKR_MyO_Topfeeds')}</span>
       </div>
       {toppingData.map((item, index) => {
         if (index > 2) return;

package/src/components/dynamic/dynamic-topping/item.tsx

@@ -8,6 +8,7 @@ import { delDynamicTop } from "./request-api";
 import { DynamicManagerAuth } from "../../../utils/auth"
 import Toast from "../../toast";
 import DangerousHtml from "../components/dangerous-html";
+import { getLocale } from "../../../utils/getLocale";
 // import { getUrlForUserPage } from "../../../utils/tools";
 
 import "./index.scss";
@@ -31,7 +32,7 @@ const Item: FC<Props> = ({ data = {}, refresh }) => {
   const onHandlerCancel = (userId) => {
     delDynamicTop(userId).then((res) => {
       if (res.Code == 1) {
-        Toast.Success("操作成功");
+        Toast.Success(getLocale('Mod_Successfuloperat'));
         setTimeout(() => {
           refresh && refresh();
         }, 1000);
@@ -52,7 +53,7 @@ const Item: FC<Props> = ({ data = {}, refresh }) => {
           <span
             className={classNames(`tu-icon-zhiding ${preCla}-text-zhiding`)}
           ></span>
-          取消置顶
+          {getLocale('OKR_MyO_Unpinned')}
         </div>
       </div>
     );

package/src/components/dynamic/dynamic.tsx

@@ -16,6 +16,7 @@ import Toast from "../toast";
 import FirstLevelTabs from "./components/first-level-tabs";
 import OnlineBroadcast from "./online-broadcast";
 import DynamicMyTeam from "./my-team";
+import { getLocale } from "../../utils/getLocale";
 import "./dynamic.scss";
 import "./new-ui.scss";
 
@@ -51,7 +52,7 @@ const Dynamic: FC = () => {
   const loginUser = window.BSGlobal.loginUserInfo;
 
   useEffect(() => {
-    document.title = "动态";
+    document.title = getLocale('Menu_Title_Feed');
   }, []);
 
   const handleChangeTabActive = (key) => {
@@ -321,7 +322,7 @@ const Dynamic: FC = () => {
               <div className={prefix + "__content-left-loading"}></div>
             </ConditionRender>
             <ConditionRender condition={dynamicData.length > 0 && noMoreData}>
-              <div className={prefix + "__no-more-data"}>没有更多了</div>
+              <div className={prefix + "__no-more-data"}>{getLocale('Mod_Nomore')}</div>
             </ConditionRender>
           </div>
           <div className={classNames(prefix + "__content-right")}>

package/src/components/dynamic/my-team/index.tsx

@@ -9,6 +9,7 @@ import AddSubordinatePng from "./img/add-subordinate.png";
 import UserSelector from "../../user-selector";
 import Toast from "../../toast";
 import TeamPng from "./img/team.png";
+import { getLocale } from "../../../utils/getLocale";
 import "./index.scss";
 
 const prefix = "titaui-dynamic-my-team";
@@ -85,7 +86,7 @@ const DynamicMyTeam: FC = () => {
           <span className={`${prefix}__header-icon`}>
             <img className={`${prefix}__header-icon-img`} src={TeamPng} />
           </span>
-          <span className={`${prefix}__header-text`}>我的团队</span>
+          <span className={`${prefix}__header-text`}>{getLocale('Feed_Title_Myteam')}</span>
         </div>
         <div className={`${prefix}__content`}>
           {superior && (
@@ -99,7 +100,7 @@ const DynamicMyTeam: FC = () => {
                 showNameTips
               />
               <span className={`${prefix}__content-superior-text`}>
-                直属上级
+                {getLocale('Feed_Title_Directsuperior')}
               </span>
             </div>
           )}

package/src/components/dynamic/online-broadcast/index.tsx

@@ -3,6 +3,7 @@ import { getBSGlobal } from "../../../utils/bs-global";
 import BroadcastIcon from "./img/broadcast.svg";
 import { onlineBroadcastData } from "./data";
 import BroadcastItem from "./components/broadcast-item";
+import { getLocale } from "../../../utils/getLocale";
 import "./index.scss";
 
 const prefix = "dynamic-online-broadcast";
@@ -23,7 +24,7 @@ const OnlineBroadcast: FC = () => {
                 className={`${prefix}__header-left-icon`}
                 src={BroadcastIcon}
               />
-              <span className={`${prefix}__header-left-text`}>上线播报</span>
+              <span className={`${prefix}__header-left-text`}>{getLocale('Feed_Title_Onlinebroadcast')}</span>
             </span>
             <a
               className={`${prefix}__header-right`}
@@ -32,7 +33,7 @@ const OnlineBroadcast: FC = () => {
               }
               target="_blank"
             >
-              更多
+              {getLocale('Feed_Set_Pop_Butt_More')}
             </a>
           </div>
           <div className={`${prefix}__content`}>

package/src/components/dynamic/quick-operation/components/create-announcement/index.tsx

@@ -1,6 +1,7 @@
 import React, { FC } from "react";
 import CreateAnnouncementImg from "../../img/new-announcement.png";
 import { ICreateModuleProps } from "../../../interface";
+import { getLocale } from "../../../../../utils/getLocale";
 import "./index.scss";
 
 const prefix = "titaui-pc-create-announcement";
@@ -16,7 +17,7 @@ const CreateAnnouncement: FC<ICreateModuleProps> = ({ onClick }) => {
         className={`${prefix}__img animate__rubberBand`}
         src={CreateAnnouncementImg}
       />
-      <span className={prefix + "__text"}>发公告</span>
+      <span className={prefix + "__text"}>{getLocale('Feed_Set_Pop_Butt_Announcement')}</span>
     </div>
   );
 };

package/src/components/dynamic/quick-operation/components/create-okr/index.tsx

@@ -1,7 +1,8 @@
 import React, { FC } from "react";
 import CreateOKrImg from "../../img/new-okr.png";
-import "./index.scss";
 import { ICreateModuleProps } from "../../../interface";
+import { getLocale } from "../../../../../utils/getLocale";
+import "./index.scss";
 
 const prefix = "titaui-pc-create-okr";
 
@@ -16,7 +17,7 @@ const CreateOKr: FC<ICreateModuleProps> = ({ onClick }) => {
         className={`${prefix}__img animate__rubberBand`}
         src={CreateOKrImg}
       />
-      <span className={prefix + "__text"}>新建OKR</span>
+      <span className={prefix + "__text"}>{getLocale('Feed_Set_Pop_Butt_NewOKR')}</span>
     </div>
   );
 };

package/src/components/dynamic/quick-operation/components/create-share/index.tsx

@@ -1,6 +1,7 @@
 import React, { FC } from "react";
 import CreateShareImg from "../../img/new-share.png";
 import { ICreateModuleProps } from "../../../interface";
+import { getLocale } from "../../../../../utils/getLocale";
 import "./index.scss";
 
 const prefix = "titaui-pc-create-share";
@@ -16,7 +17,7 @@ const CreateShare: FC<ICreateModuleProps> = ({ onClick }) => {
         className={`${prefix}__img animate__rubberBand`}
         src={CreateShareImg}
       />
-      <span className={prefix + "__text"}>发分享</span>
+      <span className={prefix + "__text"}>{getLocale('Feed_Set_Pop_Butt_Sendshare')}</span>
     </div>
   );
 };

package/src/components/dynamic/quick-operation/components/create-task/index.tsx

@@ -1,6 +1,7 @@
 import React, { FC, forwardRef } from "react";
 import CreateTaskImg from "../../img/new-task.png";
 import { ICreateModuleProps } from "../../../interface";
+import { getLocale } from "../../../../../utils/getLocale";
 import "./index.scss";
 
 const prefix = "titaui-pc-create-task";
@@ -16,7 +17,7 @@ const CreateTask: FC<ICreateModuleProps> = forwardRef(({ onClick }, ref) => {
         className={`${prefix}__img animate__rubberBand`}
         src={CreateTaskImg}
       />
-      <span className={prefix + "__text"}>新建任务</span>
+      <span className={prefix + "__text"}>{getLocale('Feed_Set_Pop_Butt_Newtask')}</span>
     </div>
   );
 });

package/src/components/dynamic/quick-operation/index.tsx

@@ -9,6 +9,7 @@ import PublishDynamicModal from "../../publish-dynamic-modal/publish-dynamic-mod
 import { IDynamicQuickOperation } from "../interface";
 import Toast from "../../toast";
 import { hasWebHead, getBSGlobal } from "../../../utils/bs-global";
+import { getLocale } from "../../../utils/getLocale";
 import "./index.scss";
 
 const prefix = "titaui-pc-dynamic-quick-operation";
@@ -58,7 +59,7 @@ const DynamicQuickOperation: FC<IDynamicQuickOperation> = ({
         },
       })
       .then(() => {
-        Toast.Success("发布成功", { canClose: false });
+        Toast.Success(getLocale('Pro_tag_pop_Pubsuc'), { canClose: false });
         setTimeout(() => {
           // @ts-ignore 跳到我的发布页签
           window.setTabsToPublish && window.setTabsToPublish();

package/src/components/dynamic/util.ts

@@ -1,3 +1,4 @@
+import { getLocale } from "../../utils/getLocale";
 import { EFeedType, OkrRiskMapping } from "./constant";
 
 export const getProgressState = (oStatus, riskLevel) => {
@@ -13,15 +14,15 @@ export const getFeedTypeAndTypeColor = (feedType: number) => {
   let feedTypeText = "";
   let feedTypeColor = "";
   if (feedType === EFeedType.Assessment) {
-    feedTypeText = "考核";
+    feedTypeText = getLocale('Mod_Performance');
     feedTypeColor = "linear-gradient(90deg, #5AD9D8 0%, #94EDEC 100%)";
   }
   if (feedType === EFeedType.Report) {
-    feedTypeText = "总结";
+    feedTypeText = getLocale('Menu_Title_Reports');
     feedTypeColor = "linear-gradient(270deg, #FF9EC3 0%, #FF4D91 100%)";
   }
   if (feedType === EFeedType.Reply) {
-    feedTypeText = "复盘";
+    feedTypeText = getLocale('OKR_MyO_KRP_Review');
     feedTypeColor = "linear-gradient(270deg, #FFA5A5 0%, #F05E5E 100%)";
   }
   if (feedType === EFeedType.Align) {
@@ -30,11 +31,11 @@ export const getFeedTypeAndTypeColor = (feedType: number) => {
       "linear-gradient(270deg, #93EED2 0%, rgba(90, 216, 166, 0.85) 100%)";
   }
   if (feedType === EFeedType.Progress) {
-    feedTypeText = "进展";
+    feedTypeText = getLocale('Feed_Tab_Title_Progress');
     feedTypeColor = "linear-gradient(90deg, #FFAB67 0%, #FFD5A0 100%)";
   }
   if (feedType === EFeedType.Relative) {
-    feedTypeText = "关联";
+    feedTypeText = getLocale('Mod_Associate');
     feedTypeColor = "linear-gradient(270deg, #FFE18B 0%, #F6BD16 100%)";
   }
   if (feedType === EFeedType.O) {
@@ -46,15 +47,15 @@ export const getFeedTypeAndTypeColor = (feedType: number) => {
     feedTypeColor = "linear-gradient(90deg, #2879FF 0%, #9FBFFF 100%)";
   }
   if (feedType === EFeedType.Project) {
-    feedTypeText = "项目";
+    feedTypeText = getLocale('Menu_Title_Projects');
     feedTypeColor = "linear-gradient(90deg, #624DFF 0%, #CDC7FF 100%)";
   }
   if (feedType === EFeedType.MileStone) {
-    feedTypeText = "里程碑";
+    feedTypeText = getLocale('Pro_page_Plan_Milestone');
     feedTypeColor = "linear-gradient(90deg, #624DFF 0%, #CDC7FF 100%)";
   }
   if (feedType === EFeedType.Task) {
-    feedTypeText = "任务";
+    feedTypeText = getLocale('Mod_Tasks');
     feedTypeColor = "linear-gradient(90deg, #0080FF 0%, #8FC7FF 100%)";
   }
   if (feedType === EFeedType.PlanCommunication) {
@@ -73,18 +74,18 @@ export const getFeedTypeAndTypeColor = (feedType: number) => {
 
 export const formatCycleData = (periodParams, isGetCycleRange) => {
   if (!periodParams) return "";
-  var quarter = ["", "第一季度", "第二季度", "第三季度", "第四季度"];
+  var quarter = ["", getLocale('OKR_MyO_Pop_1stQuarter'), getLocale('OKR_MyO_Pop_2ndQuarter'), getLocale('OKR_MyO_Pop_3rdQuarter'), getLocale('OKR_MyO_Pop_4thQuarter')];
   var cycleDate = "";
   var startDate = periodParams.startDate;
   var endDate = periodParams.endDate;
   var annualNum =
-    periodParams.annualNum == "-1" ? "全部年份" : periodParams.annualNum;
+    periodParams.annualNum == "-1" ? getLocale('OKR_MyO_Butt_Allyears') : periodParams.annualNum;
   switch (periodParams.cycleType.toString()) {
     case "-1":
-      cycleDate = "全部周期";
+      cycleDate = getLocale('OKR_MyO_Butt_AllStates');
       break;
     case "1":
-      cycleDate = "年度";
+      cycleDate = getLocale('OKR_MyO_Pop_Year');
       break;
     case "2":
       // 季度
@@ -94,7 +95,7 @@ export const formatCycleData = (periodParams, isGetCycleRange) => {
       cycleDate = periodParams.yqmNum + "月";
       break;
     default:
-      cycleDate = "自定义";
+      cycleDate = getLocale('Mod_Customization');
   }
   if (
     new Date(periodParams.startDate).getFullYear() == new Date().getFullYear()

package/src/components/e-priority/index.js

@@ -1,6 +1,7 @@
 import React, { useState, useEffect } from 'react';
 import classNames from 'classnames';
 import DropSelector from '../drop-selector';
+import { getLocale } from "../../utils/getLocale";
 
 import './index.scss';
 const preCls = 'tita-okrdt-tree'
@@ -28,11 +29,11 @@ export default props => {
         <span className={classNames(`${preCls}__e-task-node-priority-p${level}`)} />
       }
     >
-      <DropSelector.IconItem name="1"><span className={classNames(`${preCls}__e-task-node-priority-p1 ${preCls}__e-task-node-select-priority`)} />最高</DropSelector.IconItem>
-      <DropSelector.IconItem name="2"><span className={classNames(`${preCls}__e-task-node-priority-p2 ${preCls}__e-task-node-select-priority`)} />高</DropSelector.IconItem>
-      <DropSelector.IconItem name="3"><span className={classNames(`${preCls}__e-task-node-priority-p3 ${preCls}__e-task-node-select-priority`)} />中</DropSelector.IconItem>
-      <DropSelector.IconItem name="4"><span className={classNames(`${preCls}__e-task-node-priority-p4 ${preCls}__e-task-node-select-priority`)} />低</DropSelector.IconItem>
-      <DropSelector.IconItem name="5"><span className={classNames(`${preCls}__e-task-node-priority-p5 ${preCls}__e-task-node-select-priority`)} />非常低</DropSelector.IconItem>
+      <DropSelector.IconItem name="1"><span className={classNames(`${preCls}__e-task-node-priority-p1 ${preCls}__e-task-node-select-priority`)} />{getLocale('OKR_MyO_E_Butt_Highest')}</DropSelector.IconItem>
+      <DropSelector.IconItem name="2"><span className={classNames(`${preCls}__e-task-node-priority-p2 ${preCls}__e-task-node-select-priority`)} />{getLocale('OKR_MyO_E_Butt_Highest')}</DropSelector.IconItem>
+      <DropSelector.IconItem name="3"><span className={classNames(`${preCls}__e-task-node-priority-p3 ${preCls}__e-task-node-select-priority`)} />{getLocale('OKR_MyO_E_Butt_Middle')}</DropSelector.IconItem>
+      <DropSelector.IconItem name="4"><span className={classNames(`${preCls}__e-task-node-priority-p4 ${preCls}__e-task-node-select-priority`)} />{getLocale('OKR_MyO_E_Butt_Low')}</DropSelector.IconItem>
+      <DropSelector.IconItem name="5"><span className={classNames(`${preCls}__e-task-node-priority-p5 ${preCls}__e-task-node-select-priority`)} />{getLocale('OKR_MyO_E_Butt_Verylow')}</DropSelector.IconItem>
     </DropSelector>
   </React.Fragment>
 }

package/src/components/eReport/eReportLists/reportList.tsx

@@ -26,6 +26,7 @@ import {
   ItemOptionsMoreInfoTextStyle,
   ItemOptionsMoreInfoBackgroundStyle
 } from './style'
+import { getLocale } from "../../../utils/getLocale";
 
 interface Props {
   okrId: number
@@ -94,9 +95,9 @@ class EReportList extends React.Component<Props, State> {
     let start = startDate.substring(0, startDate.indexOf('T'));
     let end = endDate.substring(0, endDate.indexOf('T'));
     start = start.replace(/-/i, '年')
-      .replace(/-/i, '月') + '日';
+      .replace(/-/i, '月') + getLocale('Mod_Sun');
     end = end.replace(/-/i, '年')
-      .replace(/-/i, '月') + '日';
+      .replace(/-/i, '月') + getLocale('Mod_Sun');
     this.setState({
       selectedPeriodValue: `${start} - ${end}`,
       timePickResultsEmpty: true
@@ -163,11 +164,11 @@ class EReportList extends React.Component<Props, State> {
         <ItemOptionsActionsDivStyle>
           <ItemOptionsChildsDivStyle>
             <ItemOptionsShareBackgroundStyle onClick={() => this.handlerEReportShareSubmit('showEReportShare', v.id, v.startDate, v.endDate)} className={'tu-icon-share1'} />
-            <ItemOptionsShareTextStyle onClick={() => this.handlerEReportShareSubmit('showEReportShare', v.id, v.startDate, v.endDate)}>分享</ItemOptionsShareTextStyle>
+            <ItemOptionsShareTextStyle onClick={() => this.handlerEReportShareSubmit('showEReportShare', v.id, v.startDate, v.endDate)}>{getLocale('OKR_MyO_Share')}</ItemOptionsShareTextStyle>
           </ItemOptionsChildsDivStyle>
           <ItemOptionsChildsDivStyle>
             {/*修改了打开新页面的方式*/}
-            <ItemOptionsMoreInfoTextStyle target="_new" onClick={() => window.open(`${location.pathname}#okr/eReport?okrId=${v.id}&work_id=${okrId}`)} href={void 0}>查看详情</ItemOptionsMoreInfoTextStyle>
+            <ItemOptionsMoreInfoTextStyle target="_new" onClick={() => window.open(`${location.pathname}#okr/eReport?okrId=${v.id}&work_id=${okrId}`)} href={void 0}>{getLocale('Mod_Checkdetails')}</ItemOptionsMoreInfoTextStyle>
             <ItemOptionsMoreInfoBackgroundStyle onClick={() => { window.open(`${location.pathname}#okr/eReport?okrId=${v.id}&work_id=${okrId}`) }} className={'tu-icon-xiangqing'} />
           </ItemOptionsChildsDivStyle>
 
@@ -208,7 +209,7 @@ class EReportList extends React.Component<Props, State> {
   }
   getTimePick() {
     return <ListTopDivStyle ref={this.state.timePickRef}>
-      <ListTopLabelStyle>列表</ListTopLabelStyle>
+      <ListTopLabelStyle>{getLocale('OKR_MyO_Ew_List')}</ListTopLabelStyle>
       <ListTopTimePickDivStyle>
         <TimePickStyle data-name={'time-pick'} className={'tu-icon-schedule'} />
         <RangePickerPop
@@ -218,7 +219,7 @@ class EReportList extends React.Component<Props, State> {
           container={document.body}
           onConfirm={this.handleTimePickConfirm}>
           <TimePickTextStyle data-name={'time-pick'}>
-            {this.state.selectedPeriodValue || '时间筛选'}</TimePickTextStyle>
+            {this.state.selectedPeriodValue || getLocale('OKR_MyO_Ew_Butt_Filterbytime')}</TimePickTextStyle>
         </RangePickerPop>
       </ListTopTimePickDivStyle>
     </ListTopDivStyle>
@@ -230,7 +231,7 @@ class EReportList extends React.Component<Props, State> {
       <ListStyle onClick={this.handleClickReportListsDiv}>
         {this.getTimePick()}
         {eReportWeekList.length === 0 ?
-          <EReportListEmpty text={'没有找到你想要的'} /> :
+          <EReportListEmpty text={getLocale('Mod_ lookingfor')} /> :
           this.getListItem(eReportWeekList)
         }
         {this.getShare(isShowEReportSharePop, eReportId, eReportDate)}

package/src/components/eReport/eReportShare/index.tsx

@@ -4,6 +4,7 @@ import { getApiUrl2, taker } from '../../../utils/request-v1'
 import { ModalWrapper, ModalContainer, ModalHead, PraiseRecordClose } from './style'
 import MBlogContext from '../../mblog/context'
 import './index.scss'
+import { getLocale } from '../../../utils/getLocale'
 
 interface Props {
   className?: string
@@ -57,7 +58,7 @@ export default class EReportShare extends PureComponent<Props, State> {
     const { submitStatus, popContainer } = this.state
     // let eReportURL = `${location.origin}${location.pathname}#okr/eReport?okrId=${eReportId}&back=#okr%2Fmanage%3Fwork_id%3D${workId}%26detail_type%3Detask`
     let eReportURL = `${location.origin}${location.pathname}#okr/eReport?okrId=${eReportId}&back=#okr/manage?work_id=${workId}&detail_type=etask`
-    let defaultContent = this.isManager ? `@[所有同事:all_members] 目标：${workName}（${eReportDate}）E周报${eReportURL}，点击链接即可查看～` : `目标：${workName}（${eReportDate}）E周报${eReportURL}，点击链接即可查看～`
+    let defaultContent = this.isManager ? `@[所有同事:all_members] ${getLocale('Mod_Objective')}：${workName}（${eReportDate}）E周报${eReportURL}，点击链接即可查看～` : `${getLocale('Mod_Objective')}：${workName}（${eReportDate}）E周报${eReportURL}，点击链接即可查看～`
     return (
       <ModalWrapper className={className + ' document-mouse-event-ignore'} onClick={() => onSubmit('cancel')}>
         <ModalContainer width={'800px'} onClick={(event: any) => { event.stopPropagation(); event.nativeEvent.stopImmediatePropagation() }}>
@@ -71,7 +72,7 @@ export default class EReportShare extends PureComponent<Props, State> {
               isShowRangeDropDown={false}
               isShowSendSms={false}
               isShowBtnCancel={false}
-              submitText='发布'
+              submitText={getLocale('OKR_MyO_KRP_Butt_Release')}
               initialTextHeight={96}
               autoResizing={false}
               privateValue={isVisible}

package/src/components/eReport/eReportShare/toast/index.tsx

@@ -1,4 +1,5 @@
 import React, { PureComponent } from 'react'
+import { getLocale } from '../../../../utils/getLocale'
 import { ToastWrapper, ToastContainer, SpanSuccess, SpanError } from './style'
 interface Props {
   className?: string
@@ -17,7 +18,7 @@ export default class Toast extends PureComponent<Props> {
               <SpanSuccess className="tu-icon-finished"></SpanSuccess> :
               <SpanError className="tu-icon-canceled"></SpanError>
           }
-          {submitStatus === 'success' ? '分享成功' : '分享失败'}
+          {submitStatus === 'success' ? getLocale('OKR_MyO_Popup_Sharedsuccee') : getLocale('OKR_MyO_Failedtoshare')}
         </ToastContainer>
       </ToastWrapper>
     )

package/src/components/edit-kr-wight/EditKrWightModal.tsx

@@ -7,6 +7,7 @@ import Input from '../../components-v1/input/Input';
 import  Dialog  from '../../components/dialog';
 import { EditWightContent, KrListItem, KrCounter, KrTitle, FormItemLabel, FormItemWrapper } from './style';
 import { KrWeightValidator, ReCalibratePrecision } from './utils';
+import { getLocale } from '../../utils/getLocale';
 
 import './style/style.scss';
 
@@ -150,7 +151,7 @@ export default class EditKrWightModal extends Component<EditKrWightProps, EditKr
 
     return (
       <Dialog
-        title={'关键成果权重设置'}
+        title={getLocale('OKR_MyO_Text_krweightsetting')}
         noFooterLine={true}
         visible={!isDone && isShowModal}
         width='570px'
@@ -175,11 +176,11 @@ export default class EditKrWightModal extends Component<EditKrWightProps, EditKr
                       <KrTitle>{mileStoneName}</KrTitle>
                     </Tooltip>
                     <FormItemWrapper style={{ width: 140 }}>
-                      <FormItemLabel>权重</FormItemLabel>
+                      <FormItemLabel>{getLocale('OKR_MyO_Text_Weights')}</FormItemLabel>
                       {/* 这里修改的值，导致整个权重之和 >100 这时候报错 */}
-                      <FormItemV2 isDirty={data.isDirty} errorText='请输入0-100之间的数字，支持小数点后一位'>
+                      <FormItemV2 isDirty={data.isDirty} errorText={getLocale('OKR_MyO_KRP_Please0and100')}>
                         {/* 这里得计算 */}
-                        <Input suffixIcon='%' value={krWeight} onChange={value => this.handleWeightChange(value, feedId)} onBlur={() => this.blurReCalibratePrecision()} />
+                        <Input suffixIcon={getLocale('OKR_MyO_Pop_Upd_Percentage')} value={krWeight} onChange={value => this.handleWeightChange(value, feedId)} onBlur={() => this.blurReCalibratePrecision()} />
                       </FormItemV2>
                     </FormItemWrapper>
                   </KrListItem>

package/src/components/ereport-list/index.tsx

@@ -26,6 +26,7 @@ import {
   ItemOptionsMoreInfoTextStyle,
   ItemOptionsMoreInfoBackgroundStyle
 } from './style';
+import { getLocale } from "../../utils/getLocale";
 import './index.scss';
 
 interface Props {
@@ -164,11 +165,11 @@ class EReportList extends React.Component<Props, State> {
         <ItemOptionsActionsDivStyle>
           <ItemOptionsChildsDivStyle>
             <ItemOptionsShareBackgroundStyle onClick={() => this.handlerEReportShareSubmit('showEReportShare', v.id, v.startDate, v.endDate)} className={'tu-icon-share1'} />
-            <ItemOptionsShareTextStyle onClick={() => this.handlerEReportShareSubmit('showEReportShare', v.id, v.startDate, v.endDate)}>分享</ItemOptionsShareTextStyle>
+            <ItemOptionsShareTextStyle onClick={() => this.handlerEReportShareSubmit('showEReportShare', v.id, v.startDate, v.endDate)}>{getLocale('OKR_MyO_Share')}</ItemOptionsShareTextStyle>
           </ItemOptionsChildsDivStyle>
           <ItemOptionsChildsDivStyle>
             {/*修改了打开新页面的方式*/}
-            <ItemOptionsMoreInfoTextStyle target="_new" onClick={() => window.open(`${location.pathname}#okr/eReport?okrId=${v.id}&work_id=${okrId}`)} href={void 0}>查看详情</ItemOptionsMoreInfoTextStyle>
+            <ItemOptionsMoreInfoTextStyle target="_new" onClick={() => window.open(`${location.pathname}#okr/eReport?okrId=${v.id}&work_id=${okrId}`)} href={void 0}>{getLocale('Mod_Checkdetails')}</ItemOptionsMoreInfoTextStyle>
             <ItemOptionsMoreInfoBackgroundStyle onClick={() => { window.open(`${location.pathname}#okr/eReport?okrId=${v.id}&work_id=${okrId}`) }} className={'tu-icon-xiangqing'} />
           </ItemOptionsChildsDivStyle>
 
@@ -209,7 +210,7 @@ class EReportList extends React.Component<Props, State> {
   }
   getTimePick() {
     return <ListTopDivStyle ref={this.state.timePickRef}>
-      <ListTopLabelStyle>列表</ListTopLabelStyle>
+      <ListTopLabelStyle>{getLocale('OKR_MyO_Ew_List')}</ListTopLabelStyle>
       <ListTopTimePickDivStyle>
         <TimePickStyle data-name={'time-pick'} className={'tu-icon-schedule'} />
         <RangePickerPop
@@ -219,7 +220,7 @@ class EReportList extends React.Component<Props, State> {
           container={document.body}
           onConfirm={this.handleTimePickConfirm}>
           <TimePickTextStyle data-name={'time-pick'}>
-            {this.state.selectedPeriodValue || '时间筛选'}</TimePickTextStyle>
+            {this.state.selectedPeriodValue || getLocale('OKR_MyO_Ew_Butt_Filterbytime')}</TimePickTextStyle>
         </RangePickerPop>
       </ListTopTimePickDivStyle>
     </ListTopDivStyle>
@@ -231,7 +232,7 @@ class EReportList extends React.Component<Props, State> {
       <ListStyle onClick={this.handleClickReportListsDiv}>
         {this.getTimePick()}
         {eReportWeekList.length === 0 ?
-          <EReportListEmpty text={'没有找到你想要的'} /> :
+          <EReportListEmpty text={getLocale('Mod_ lookingfor')} /> :
           this.getListItem(eReportWeekList)
         }
         {this.getShare(isShowEReportSharePop, eReportId, eReportDate)}

package/src/components/file-list/components/single-file/index.tsx

@@ -3,6 +3,7 @@ import classNames from "classnames";
 import { ISingleFileProps } from "../../interface";
 import { getFileTypeMapIcon } from "../../util";
 import Tooltip from "../../../tooltip";
+import { getLocale } from "../../../../utils/getLocale";
 import "./index.scss";
 
 const prefix = "titaui-new-file-list-single-file";
@@ -48,7 +49,7 @@ const SingleFile: FC<ISingleFileProps> = ({
                   prefix + "__operate-item-icon"
                 )}
               />
-              预览
+              {getLocale('Mod_Preview')}
             </a>
           )}
           {isImg && data.previewUrl && (
@@ -64,7 +65,7 @@ const SingleFile: FC<ISingleFileProps> = ({
                   prefix + "__operate-item-icon"
                 )}
               />
-              预览
+              {getLocale('Mod_Preview')}
             </a>
           )}
           {showDownload && (
@@ -80,7 +81,7 @@ const SingleFile: FC<ISingleFileProps> = ({
                   prefix + "__operate-item-icon"
                 )}
               />
-              下载
+              {getLocale('Mod_Download')}
             </a>
           )}
         </div>