@titaui/pc 1.8.4 → 1.8.8

package/src/components/okr-detail/detail-header/delete-confirm/delete-confirm.tsx

@@ -2,6 +2,7 @@ import React, { ReactElement, useState } from 'react'
 import { DeleteWrapper, DeleteTitle, Options, ButtonGroup, Icon } from './style';
 import { Button } from 'tita-ui';
 import  Tooltip  from '../../../tooltip'
+import { getLocale } from "../../../../utils/getLocale";
 
 interface Props {
   onConfirm: any
@@ -12,7 +13,7 @@ interface DeleteOptionsObj {
   text: string;
   tips: string;
 }
-const deleteOptions: DeleteOptionsObj[] = [
+const getDeleteOptions = ():DeleteOptionsObj[] => [
   {
     id: 0,
     text: '不删除目标下的任务',
@@ -21,12 +22,12 @@ const deleteOptions: DeleteOptionsObj[] = [
   {
     id: 1,
     text: '同时删除目标下所有任务',
-    tips: '审批中的任务将不会被删除',
+    tips: getLocale('Pro_detail_Tasksapproval'),
   },
   {
     id: 2,
-    text: '同时删除我负责的，我参与的，我派发的任务',
-    tips: '审批中的任务将不会被删除',
+    text: getLocale('Pro_detail_Attheametime'),
+    tips: getLocale('Pro_detail_Tasksapproval'),
   },
 ];
 function OkrDeleteConfirm({ onConfirm, onCancel }: Props): ReactElement {
@@ -35,7 +36,7 @@ function OkrDeleteConfirm({ onConfirm, onCancel }: Props): ReactElement {
     <DeleteWrapper onClick={e => e.stopPropagation()}>
       <DeleteTitle>目标删除操作不可恢复！请谨慎操作</DeleteTitle>
       <div>
-        {deleteOptions.map((option: DeleteOptionsObj) => (
+        {getDeleteOptions().map((option: DeleteOptionsObj) => (
           <Options key={option.id} onClick={() => setSelected(option.id)}>
             <Icon
               className={
@@ -57,7 +58,7 @@ function OkrDeleteConfirm({ onConfirm, onCancel }: Props): ReactElement {
             onCancel()
           }}
         >
-          取消
+          {getLocale('Mod_Cancel')}
         </Button>
         <Button
           type='primary'
@@ -65,7 +66,7 @@ function OkrDeleteConfirm({ onConfirm, onCancel }: Props): ReactElement {
             onConfirm(selected)
           }
         >
-          提交
+          {getLocale('Pro_detail_Submission')}
         </Button>
       </ButtonGroup>
     </DeleteWrapper>

package/src/components/okr-detail/detail-header/index.tsx

@@ -25,6 +25,7 @@ import { PopConfirm } from "tita-ui";
 import { GeneralDataContext, CommonContext } from "../context";
 import OkrDeleteConfirm from "./delete-confirm/delete-confirm";
 import drawerManager from "../../drawer-manager";
+import { getLocale } from "../../../utils/getLocale";
 import "./index.scss";
 
 interface Props {
@@ -52,7 +53,7 @@ function OkrDetailHeader({ detailInfo }: Props): ReactElement {
           areaUserIds: (visibilityScope.users || []).map((g) => g.userId),
         },
       });
-      Toast.Success("操作成功");
+      Toast.Success(getLocale('Mod_Successfuloperat'));
       context.setGeneralVisibility({ visibility, visibilityScope });
     },
     [detailInfo]
@@ -105,7 +106,7 @@ function OkrDetailHeader({ detailInfo }: Props): ReactElement {
             : await deleteUser(loginUserId, detailInfo.workId, 3);
           context.setGeneralRoleType(follow ? 3 : 0);
           //关注
-          Toast.Success("操作成功");
+          Toast.Success(getLocale('Mod_Successfuloperat'));
           if (!follow) {
             commonContext.refreshAll();
           }
@@ -113,7 +114,7 @@ function OkrDetailHeader({ detailInfo }: Props): ReactElement {
       },
       onFinishOrReOpen: async (isFinish: boolean) => {
         const res = await openOkrHeaderConfirm(
-          isFinish ? "确定结束该目标吗？" : "确定重启该目标吗？"
+          isFinish ? getLocale('OKR_MyO_Areycloseobjective') : "确定重启该目标吗？"
         );
         if (res) {
           isFinish
@@ -121,7 +122,7 @@ function OkrDetailHeader({ detailInfo }: Props): ReactElement {
             : await start(detailInfo.workId);
           commonContext.refreshAll();
           //刷新
-          Toast.Success("操作成功");
+          Toast.Success(getLocale('Mod_Successfuloperat'));
         }
       },
       onQuit: async () => {
@@ -134,7 +135,7 @@ function OkrDetailHeader({ detailInfo }: Props): ReactElement {
           // context.setGeneralRoleType(0)
           commonContext.refreshAll();
           //刷新
-          Toast.Success("操作成功");
+          Toast.Success(getLocale('Mod_Successfuloperat'));
         }
       },
     });
@@ -216,7 +217,7 @@ function OkrDetailHeader({ detailInfo }: Props): ReactElement {
                 'deleteType': selected,
                 'workId': detailInfo.workId,
               });
-              Toast.Success("删除成功");
+              Toast.Success(getLocale('Pro_detail_Deletsuccess'));
               commonContext.refreshAll();
             }}
             onCancel={() => popRef.current && popRef.current.getRef().hide()}

package/src/components/okr-detail/e-list/search-form/fields/e-order.js

@@ -2,6 +2,7 @@ import React, { useState, useEffect } from 'react';
 import classNames from 'classnames';
 import DropSelector, { Item } from '../../../../drop-selector';
 import DownArrowSvg from '../../images/line-down-arrow.svg';
+import { getLocale } from "../../../../../utils/getLocale";
 
 import '../index.scss';
 import './index.scss';
@@ -82,19 +83,19 @@ export default props => {
       onChange={onChangeHandler}
       popupPlacement={'bottomLeft'}
       checked={['orderBySystem']}
-      trigger={<div className={classNames(`${preCls}__field-order`)}>默认排序 <i className={'tu-icon-arrow-down'}/></div>}
+      trigger={<div className={classNames(`${preCls}__field-order`)}>{getLocale('OKR_MyO_E_From_Defaultsort')} <i className={'tu-icon-arrow-down'}/></div>}
     >
       <Item name="orderBySystem">
-        <span className={selectName === 'orderBySystem' ? classNames(`${preCls}__select-item--selected`) : ''}>系统默认排序</span>
+        <span className={selectName === 'orderBySystem' ? classNames(`${preCls}__select-item--selected`) : ''}>{getLocale('Pro_page_Plan_Sysdefault')}</span>
       </Item>
       <Item name="orderByCreateDate" onClick={onChangeHandler}>
-        <OrderItem order={orderByCreateDate} label="创建时间" />
+        <OrderItem order={orderByCreateDate} label={getLocale('OKR_MyO_E_From_Creationtime')} />
       </Item>
       <Item name="orderByStartDate" onClick={onChangeHandler}>
-        <OrderItem order={orderByStartDate} label="开始时间" />
+        <OrderItem order={orderByStartDate} label={getLocale('Mod_Startingtime')} />
       </Item>
       <Item name="orderByEndDate" onClick={onChangeHandler}>
-        <OrderItem order={orderByEndDate} label="结束时间" />
+        <OrderItem order={orderByEndDate} label={getLocale('Mod_EndTime')} />
       </Item>
     </DropSelector>
   </div>

package/src/components/okr-detail/e-list/search-form/fields/e-status.js

@@ -2,6 +2,7 @@ import React from 'react';
 import classNames from 'classnames';
 import DropSelector, { Item } from '../../../../drop-selector';
 import DownArrowSvg from '../../images/line-down-arrow.svg';
+import { getLocale } from "../../../../../utils/getLocale";
 
 import '../index.scss';
 
@@ -34,15 +35,15 @@ export default (props) => {
       hideOnChange={false}
       onChange={onItemClickHandler}
       limitHeight={false}
-      trigger={<div className={classNames(`${preCls}__field-status`)}>状态 <i className={'tu-icon-arrow-down'}/></div>}
+      trigger={<div className={classNames(`${preCls}__field-status`)}>{getLocale('Mod_States')} <i className={'tu-icon-arrow-down'}/></div>}
     >
-      <Item name="all">全部状态</Item>
-      <Item name="unstart">未开始</Item>
-      <Item name="doing">进行中</Item>
-      <Item name="finish">已结束</Item>
-      <Item name="delay">已延迟</Item>
-      <Item name="cancel">已取消</Item>
-      <Item name="pause">暂停中</Item>
+      <Item name="all">{getLocale('OKR_MyO_Butt_AllStates')}</Item>
+      <Item name="unstart">{getLocale('OKR_MyO_E_From_NotStarted')}</Item>
+      <Item name="doing">{getLocale('Per_MyRe_text_Inprogress')}</Item>
+      <Item name="finish">{getLocale('OKR_MyO_Butt_Hasended')}</Item>
+      <Item name="delay">{getLocale('OKR_MyO_E_From_Delayed')}</Item>
+      <Item name="cancel">{getLocale('OKR_MyO_E_From_Cancelled')}</Item>
+      <Item name="pause">{getLocale('OKR_MyO_E_From_Suspended')}</Item>
     </DropSelector>
   </div>
 }

package/src/components/okr-detail/e-list/search-form/fields/e-user.js

@@ -1,6 +1,7 @@
 import React from 'react';
 import classNames from 'classnames';
 import FieldTreeSelector from '../../../../user-selector/export-modules/field-tree-selector';
+import { getLocale } from "../../../../../utils/getLocale";
 import '../index.scss';
 
 const preCls = 'ode-search-form';
@@ -20,7 +21,7 @@ export default ({ selectUsers, setSelectUsers }) => {
       disabledDepartSelect={true}
       panes={{ 'depart': true, 'group': false }}
     >
-      <div className={classNames(`${preCls}__field-user`)}>人员 <i className={'tu-icon-arrow-down'} /></div>
+      <div className={classNames(`${preCls}__field-user`)}>{getLocale('Per_Ma_form_detail_Personnel')} <i className={'tu-icon-arrow-down'} /></div>
     </FieldTreeSelector>
   </div >
 }

package/src/components/okr-detail/e-list/search-form/index.js

@@ -6,7 +6,7 @@ import EStatusField from "./fields/e-status";
 import EOrderField from "./fields/e-order";
 import EUserField from "./fields/e-user";
 import { getUserInfo } from "../../../../utils/bs-global";
-
+import { getLocale } from "../../../../utils/getLocale";
 import "./index.scss";
 
 const preCls = "ode-search-form";
@@ -57,7 +57,7 @@ export default (props) => {
       JSON.stringify(selectUsers)
     );
     setHasRememberCondition(true);
-    Toast.Success("操作成功", { canClose: false });
+    Toast.Success(getLocale('Mod_Successfuloperat'), { canClose: false });
   };
 
   const handleCancelRemeberSearchCondition = () => {
@@ -67,7 +67,7 @@ export default (props) => {
     localStorage.setItem(`okrDrawerENoteOrder${loginUser}`, "");
     localStorage.setItem(`okrDrawerESelectUsers${loginUser}`, "");
     setHasRememberCondition(false);
-    Toast.Success("操作成功", { canClose: false });
+    Toast.Success(getLocale('Mod_Successfuloperat'), { canClose: false });
   };
 
   const showRemeberCondition = useMemo(() => {
@@ -105,7 +105,7 @@ export default (props) => {
             className={classNames(`${preCls}__remember`)}
             onClick={handleRemeberSearchCondition}
           >
-            记住筛选
+            {getLocale('Pro_page_Plan_Remember')}
           </span>
         ) : null}
         {hasRememberCondition && (
@@ -113,7 +113,7 @@ export default (props) => {
             className={classNames(`${preCls}__remember`)}
             onClick={handleCancelRemeberSearchCondition}
           >
-            取消记住
+            {getLocale('OKR_MyO_Butt_Cancelremember')}
           </span>
         )}
       </span>

package/src/components/okr-detail/e-list/util.ts

@@ -1,6 +1,7 @@
 import cloneDeep from 'clone-deep';
 import { SortTypeMap, EStatusMap } from './constant';
 import { getUserInfo } from '../../../utils/bs-global';
+import { getLocale } from '../../../utils/getLocale';
 
 // 扁平数据转换为树
 export const toTree = data => {
@@ -57,7 +58,7 @@ export const formatTreeDataToNode = (tree, isInitCondition) => {
       return {
         'key': item.mileStoneId,
         'index': index,
-        'title': item.mileStoneId !== 0 ? item.mileStoneName : '目标下的其他执行',
+        'title': item.mileStoneId !== 0 ? item.mileStoneName : getLocale('OKR_MyO_Butt_Otherexecutions'),
         'nodeType': 'e-kr',
         'isLeaf': false,
         'children': getETreeNode(item.tasks, true, item.createUserId,item.user),
@@ -72,7 +73,7 @@ export const formatTreeDataToNode = (tree, isInitCondition) => {
         result.push({
           'key': item.mileStoneId,
           'index': index,
-          'title': item.mileStoneId !== 0 ? item.mileStoneName : '目标下的其他执行',
+          'title': item.mileStoneId !== 0 ? item.mileStoneName : getLocale('OKR_MyO_Butt_Otherexecutions'),
           'nodeType': 'e-kr',
           'isLeaf': false,
           'children': getETreeNode(item.tasks, true, item.createUserId,item.user),
@@ -99,7 +100,7 @@ export const formatEListDataToSelectTree = (data, workId, isInitCondition) => {
     'oEList': isInitCondition && formatOTreeDataToNode.length === 0 ? [[{
       'key': 0,
       'index': 0,
-      'title': '目标下的其他执行',
+      'title': getLocale('OKR_MyO_Butt_Otherexecutions'),
       'nodeType': 'e-kr',
       'isLeaf': false,
       'children': [

package/src/components/okr-detail/index.js

@@ -18,6 +18,7 @@ import DrawerManagerContext from "../drawer-manager/context";
 import OkrDetailErrorPage from './error-page'
 import Loading from './loading';
 import AoNice from './components/ao-nice';
+import { getLocale } from "../../utils/getLocale";
 
 import "./index.scss";
 const preCls = "okr-detail";
@@ -207,19 +208,19 @@ const OkrDetail = props => {
                         </TabPanelContent>
                       </TabPane>
 
-                      <TabPane tab="E-执行" key="exec" >
+                      <TabPane tab={getLocale('OKR_MyO_Exec_Tab_Execution')} key="exec" >
                         <TabPanelContent style={{ 'paddingTop': 10 }}>
                           <EList okrId={okrId} okrInfo={okrInfo} />
                         </TabPanelContent>
                       </TabPane>
 
-                      <TabPane tab="进展" key="progress">
+                      <TabPane tab={getLocale('Feed_Tab_Title_Progress')} key="progress">
                         <TabPanelContent style={{ 'paddingTop': 0 }}>
                           <Schedule okrInfo={okrInfo} />
                         </TabPanelContent>
                       </TabPane>
 
-                      <TabPane tab="互动" key="cooperation">
+                      <TabPane tab={getLocale('OKR_MyO_KRP_nteract')} key="cooperation">
                         <TabPanelContent style={{ 'marginRight': 32, 'marginLeft': 32 }}>
                           <OkrDetailCooperation
                             feedId={okrInfo.feedId}
@@ -231,7 +232,7 @@ const OkrDetail = props => {
                       </TabPane>
 
                       {EWorkReport && source != 861 &&
-                      <TabPane tab="E周报" key="eReport">
+                      <TabPane tab={getLocale('OKR_MyO_Ew_Tab_Eweekly')} key="eReport">
                         <TabPanelContent style={{ 'marginRight': 32, 'marginLeft': 32 }}>
                           <EReportList
                             okrId={okrInfo.workId}
@@ -242,7 +243,7 @@ const OkrDetail = props => {
                       </TabPane>}
 
                       {OkrAnalyse&&
-                      <TabPane tab="复盘" key="review">
+                      <TabPane tab={getLocale('OKR_MyO_KRP_Review')} key="review">
                         <TabPanelContent style={{ 'marginRight': 32, 'marginLeft': 32 }}>
                           <Review
                             editAble
@@ -261,7 +262,7 @@ const OkrDetail = props => {
                         </TabPanelContent>
                       </TabPane>}
 
-                      <TabPane tab="基本信息" key="baseInfo">
+                      <TabPane tab={getLocale('Per_Ass_New_title_text_BasicIn')} key="baseInfo">
                         <TabPanelContent style={{ 'paddingTop': 8 }}>
                           <BaseInfo okrId={okrId} detailInfo={okrInfo} />
                         </TabPanelContent>

package/src/components/okr-detail/okr-list/add-parent-okr.js

@@ -1,5 +1,6 @@
 import React, { useEffect, useState, useRef } from 'react';
 import classNames from 'classnames';
+import { getLocale } from "../../../utils/getLocale";
 import './index.scss';
 
 const preCls = 'okr-detail-okrs-list'
@@ -9,7 +10,7 @@ export default props => {
   return <React.Fragment>
     <div className={classNames(`${preCls}__align-to-add`)} onClick={onClick}>
       <span className={classNames(`${preCls}__align-to-add-prefix`, 'tu-icon-add1')} />
-      <span className={classNames(`${preCls}__align-to-add-text`)}>添加</span>
+      <span className={classNames(`${preCls}__align-to-add-text`)}>{getLocale('Per_Ma_form_newdetail_Addto')}</span>
     </div>
   </React.Fragment>
 }

package/src/components/okr-detail/okr-list/create-kr-item/index.tsx

@@ -6,6 +6,7 @@ import Confidence from '../../../confidence';
 import { getUserInfo } from '../../../../utils/bs-global';
 import { hasAncestorElement } from './dom';
 import { createNewKr } from '../../request-apis';
+import { getLocale } from '../../../../utils/getLocale';
 
 import './index.scss';
 interface Props {
@@ -162,7 +163,7 @@ function CreateKr({
     <div className={preCls}>
       <div className={classNames(`${preCls}__input`)}>
         <Input
-          placeholder='创建关键成果KR，回车即可创建成功'
+          placeholder={getLocale('OKR_MyO_Text_Createkeyr')}
           inputRef={inputRef}
           value={krName}
           onChange={e => setKrName(e.target.value)}
@@ -174,12 +175,12 @@ function CreateKr({
           style={{ 'display': showTip ? 'block' : 'none', 'zIndex': 1 }}
           onClick={stopPropagation}
         >
-          书写建议：KR是<span>可量化</span>的，需要体现行动结果
+          {getLocale('OKR_MyO_Text_Recommendation')}
           <br />
-          <p>示例：完成4篇宣传文案的发布，实现至少一篇宣传稿出现在某网站搜索「OKR」 的首屏</p>
+          <p>{getLocale('OKR_MyO_Text_ExampleC')}</p>
           <div>
-            <a onClick={onNextTalk}>下次再说</a>
-            <a onClick={onNoMoreShow}>不再提示</a>
+            <a onClick={onNextTalk}>{getLocale('OKR_MyO_Butt_Nexttime')}</a>
+            <a onClick={onNoMoreShow}>{getLocale('OKR_MyO_Butt_Nomor')}</a>
           </div>
         </p>
         <span className={classNames(`${preCls}__heart`)}>

package/src/components/okr-detail/okr-list/create-kr-item/style.ts

@@ -139,7 +139,7 @@ export const OName = styled.div`
     word-break: break-all;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 2;
-    font-weight:500;
+    font-weight: 600;
     &:hover {
       color: #2879ff;
     }

package/src/components/okr-detail/okr-list/empty/index.js

@@ -1,5 +1,6 @@
 import React from 'react';
 import classNames from 'classnames';
+import { getLocale } from '../../../../utils/getLocale';
 
 import './index.scss';
 
@@ -12,16 +13,16 @@ export default ({ onCreateKr, canEditOkr, style={} }) => {
       <span />
     </div>
     <div className={classNames(`${preCls}__desp`)}>
-      <div className={classNames(`${preCls}__desp-h1`)}>目标已创建，赶快制定衡量目标达成的关键成果吧~</div>
+      <div className={classNames(`${preCls}__desp-h1`)}>{getLocale('OKR_MyO_Pop_developkro')}</div>
       <div className={classNames(`${preCls}__desp-h2`)}>
-        <span>请先了解</span>
-        <a href="https://wiki.tita.com/pages/viewpage.action?pageId=852060" target="_blank">什么是关键成果？</a>
+        <span>{getLocale('OKR_MyO_Pop_understand')}</span>
+        <a href="https://wiki.tita.com/pages/viewpage.action?pageId=852060" target="_blank">{getLocale('OKR_MyO_Pop_Whatarekre')}</a>
       </div>
     </div>
     {canEditOkr && 
       <div className={classNames(`${preCls}__action`)}>
         <span className={classNames(`${preCls}__action-btn`)} onClick={() => onCreateKr()}>
-          <span>添加关键成果</span>
+          <span>{getLocale('OKR_MyO_Text_Addkeyr')}</span>
         </span>
       </div>
     }

package/src/components/okr-detail/okr-list/index.js

@@ -22,6 +22,7 @@ import { getUserInfo } from "../../../utils/bs-global";
 import { moveFront, moveNext } from "./drag-order-kr";
 import Loading from "../loading";
 import { OAuth } from "../../../utils/auth";
+import { getLocale } from "../../../utils/getLocale";
 
 import "./index.scss";
 
@@ -131,7 +132,7 @@ export default forwardRef((props, ref) => {
   const onAddKrHandler = kr => {
     refreshAll();
     updateKrs()
-    Toast.Success("创建成功");
+    Toast.Success(getLocale('OKR_Db_Success'), {canClose: false});
   };
 
   const changeParentOkrHandler = (confirm) => {
@@ -163,7 +164,7 @@ export default forwardRef((props, ref) => {
     }
     updateParentId(params).then((data) => {
       if (data.Code == 1) {
-        Toast.Success("操作成功");
+        Toast.Success(getLocale('Mod_Successfuloperat'));
         setGeneralParent({
           parentId: params.parentId,
           parentType: params.parentType,
@@ -307,7 +308,7 @@ export default forwardRef((props, ref) => {
                     )}
                   />
                   <span className={classNames(`${preCls}__addkr-text`)}>
-                    添加KR
+                    {getLocale('OKR_MyO_Pop_Butt_AddKR')}
                   </span>
                 </div>
               )}
@@ -342,7 +343,7 @@ export default forwardRef((props, ref) => {
 
                 <div className={classNames(`${preCls}__align-to`)}>
                   <div className={classNames(`${preCls}__align-to-title`)}>
-                    对齐目标
+                    {getLocale('OKR_MyO_Pop_SetAlignment')}
                   </div>
                   {!parentOkr && canEditOkr ? (
                     <AddKr onClick={onAddParentOkrHandler} />
@@ -361,7 +362,7 @@ export default forwardRef((props, ref) => {
                       })}
                       onClick={() => setIsOpened(!isOpened)}
                     >
-                      <span>对齐我的目标（{childOkrs.length}）</span>
+                      <span>{getLocale('OKR_MyO_KRP_OKRs_Alignedmeobje')}（{childOkrs.length}）</span>
                     </div>
 
                     <Collapse isOpened={isOpened}>

package/src/components/okr-detail/okr-list/warp-parent-okr.js

@@ -1,3 +1,4 @@
+import { getLocale } from "../../../utils/getLocale"
 
 export default nodes => {
   return [
@@ -5,7 +6,7 @@ export default nodes => {
       'key': '0',
       'index': 0,
       'nodeType': 'default',
-      'title': `对齐我的目标 (${nodes.length})`,
+      'title': `${getLocale('OKR_MyO_KRP_OKRs_Alignedmeobje')} (${nodes.length})`,
       'isLeaf': false,
       'children': nodes
     }

package/src/components/okr-detail/request-apis.ts

@@ -1,6 +1,7 @@
 import qs from "qs";
 import { WorkDeliverParams } from "./interface";
 import { rdelete, rget, rput, rpost } from "../../utils/request";
+import { getLocale } from "../../utils/getLocale";
 // @ts-ignore
 const userId = (BSGlobal && BSGlobal.loginUserInfo.Id) || 0;
 
@@ -55,7 +56,7 @@ export const updateOkrName = ({ workId, workName }) => {
 export const getOkrDetail = ({ okrId }) => {
   return rget("v1")(`okr/detailInfo?okrId=${okrId}`).then((headInfo) => {
     if (headInfo.Code != 1) {
-      throw headInfo.Message.replace(/项目/g, "目标");
+      throw headInfo.Message.replace(/项目/g, getLocale('Mod_Objective'));
     }
     return headInfo.Data;
   });

package/src/components/okr-detail/schedule/components/kr-progress/index.tsx

@@ -3,6 +3,7 @@ import Detail from '../../../../okr-progress-detail';
 import Title from '../title';
 import TooltipText from '../../../../tooltip/tooltip-text';
 import drawerManager from '../../../../drawer-manager';
+import { getLocale } from "../../../../../utils/getLocale";
 import './index.scss';
 
 interface IKrProgressProps {
@@ -24,7 +25,7 @@ const renderTitle = (index, title, id) => {
 const KrProgress: FC<IKrProgressProps> = ({data}) => {
   return (
     <div className='kr-progress__container'>
-      <Title title='KR的进展'/>
+      <Title title={getLocale('OKR_MyO_Prog_Butt_KRprogress')} />
       <div className={`kr-progress__content-wrapper`}>
         {
           data && data.map((item, index) => {