@titaui/pc 1.8.5 → 1.8.6

package/src/components/okr-review/ReviewPop/components/ReviewBody/index.tsx

@@ -26,6 +26,8 @@ import {
   AvatarWrapper,
 } from "./style";
 
+import { getLocale } from '../../../../../utils/getLocale';
+
 import UserSelectorPop from "../../../../../components-v1/userSelector/UserSelectorPop";
 import { getApiUrl, taker } from "../../../../../utils/request-v1";
 import {
@@ -315,7 +317,7 @@ export default class ReviewBody extends PureComponent<Props, State> {
     if (data.isStandardMode) {
       return (
         <ReviewProblem>
-          <ReviewCatalog>问题与不足</ReviewCatalog>
+          <ReviewCatalog>{getLocale('OKR_MyO_KRP_Pop_Problems')}</ReviewCatalog>
           <TextareaView
             maxLength={5000}
             value={htmlDecodeByRegExp(data.Drawback)}
@@ -324,7 +326,7 @@ export default class ReviewBody extends PureComponent<Props, State> {
             onChange={(value: string) =>
               this._handlerStandardModeProblemChange(value)
             }
-            placeholder="<p>请描述出现的某个问题并针对该问题展开分析</p>"
+            placeholder={"<p>" + getLocale('OKR_MyO_KRP_Pop_Pldescribe') + "</p>"}
           />
         </ReviewProblem>
       );
@@ -334,14 +336,14 @@ export default class ReviewBody extends PureComponent<Props, State> {
           <ReviewProblem key={index}>
             <div>
               <ReviewCatalog className="drawback">
-                <span>{`问题与不足${index + 1}`}</span>
+                <span>{`${getLocale('OKR_MyO_KRP_Pop_Problems')}${index + 1}`}</span>
                 <ConfirmPop
                   className="review-delete-tips"
                   onSubmit={() => this._handlerDeleteReviewProblem(index)}
                   confirmTipText={`确定删除整个问题与不足${index + 1}吗？`}
                   align="bottom right"
                 >
-                  <span className="delete-replay">删除</span>
+                  <span className="delete-replay">{getLocale('Mod_Delete')}</span>
                 </ConfirmPop>
               </ReviewCatalog>
               <TextareaView
@@ -357,11 +359,11 @@ export default class ReviewBody extends PureComponent<Props, State> {
                     index
                   )
                 }
-                placeholder="<p>请描述出现的某个问题并针对该问题展开分析</p>"
+                placeholder={"<p>" + getLocale('OKR_MyO_KRP_Pop_Pldescribe') + "</p>"}
               />
             </div>
             <div>
-              <ReviewCatalogSecond>根本原因</ReviewCatalogSecond>
+              <ReviewCatalogSecond>{getLocale('OKR_MyO_KRP_Pop_Rootcause')}</ReviewCatalogSecond>
               <TextareaView
                 maxLength={5000}
                 value={htmlDecodeByRegExp(item.cause)}
@@ -370,11 +372,11 @@ export default class ReviewBody extends PureComponent<Props, State> {
                 onChange={(value: string) =>
                   this._handlerAdvancedModeProblemChange("cause", value, index)
                 }
-                placeholder="<p>请填写问题出现的根本原因</p>"
+                placeholder={"<p>"+getLocale('OKR_MyO_KRP_Pop_Pleasefillproblem')+"</p>"}
               />
             </div>
             <div>
-              <ReviewCatalogSecond>相应解决措施</ReviewCatalogSecond>
+              <ReviewCatalogSecond>{getLocale('OKR_MyO_KRP_Pop_Correspond')}</ReviewCatalogSecond>
               <TextareaView
                 maxLength={5000}
                 value={htmlDecodeByRegExp(item.measures)}
@@ -387,7 +389,7 @@ export default class ReviewBody extends PureComponent<Props, State> {
                     index
                   )
                 }
-                placeholder="<p>请根据上述原因给出可落地的解决措施</p>"
+                placeholder={"<p>" + getLocale('OKR_MyO_KRP_Pop_Pleabovereasons') + "</p>"}
               />
             </div>
           </ReviewProblem>
@@ -582,7 +584,7 @@ export default class ReviewBody extends PureComponent<Props, State> {
       <ReviewBodyContainer>
         <ReviewBodyScroll maxHeight={maxHeight}>
           <ReviewTarget>
-            <ReviewCatalog>复盘对象</ReviewCatalog>
+            <ReviewCatalog>{getLocale('OKR_MyO_KRP_Pop_Reviewobject')}</ReviewCatalog>
             <ReviewContent className="target-name">
               <IconTarget
                 className={ObjData.ObjType == 65 ? "review-kr" : "tu-icon-OKR"}
@@ -595,7 +597,7 @@ export default class ReviewBody extends PureComponent<Props, State> {
             </ReviewContent>
           </ReviewTarget>
           <ReviewWorth>
-            <ReviewCatalog>价值与收获</ReviewCatalog>
+            <ReviewCatalog>{getLocale('OKR_MyO_KRP_Pop_Value')}</ReviewCatalog>
             <TextareaView
               maxLength={5000}
               value={htmlDecodeByRegExp(data.gains)}
@@ -604,7 +606,7 @@ export default class ReviewBody extends PureComponent<Props, State> {
               onChange={(value: string) =>
                 this._handlerReviewWorthChange(value)
               }
-              placeholder="<p>我们从过程中学到了什么新东西？</p><p>如果有人要进行同样的行动，我会给他什么建议？</p>"
+              placeholder={"<p>我们从过程中学到了什么新东西？</p><p>" + getLocale('OKR_MyO_KRP_Pop_Ifsomeone') + "</p>"}
             />
           </ReviewWorth>
           {this._renderReviewProblemView()}
@@ -614,11 +616,11 @@ export default class ReviewBody extends PureComponent<Props, State> {
               className={data.drawbackList.length == 0 ? "none-drawback" : ""}
             >
               <IconAdd className="tu-icon-add"></IconAdd>
-              <span>添加问题与不足</span>
+              <span>{getLocale('OKR_MyO_KRP_Pop_Addproandd')}</span>
             </AddReviewProblem>
           )}
           <ReviewAction ref="creatActionPlan">
-            <ReviewCatalog>改进计划</ReviewCatalog>
+            <ReviewCatalog>{getLocale('OKR_MyO_KRP_Pop_Lmproveplan')}</ReviewCatalog>
             <ReviewContent>
               {this._renderActionPlans(data.taskList)}
               <BtnCreateTask
@@ -627,12 +629,12 @@ export default class ReviewBody extends PureComponent<Props, State> {
                 }
               >
                 <IconAdd className="tu-icon-add"></IconAdd>
-                创建行动计划
+                {getLocale('OKR_MyO_KRP_Pop_Createplan')}
               </BtnCreateTask>
             </ReviewContent>
           </ReviewAction>
           <ReviewMember>
-            <ReviewCatalog>参与人员</ReviewCatalog>
+            <ReviewCatalog>{getLocale('OKR_MyO_KRP_Pop_Participants')}</ReviewCatalog>
             <ReviewContent className="review-meber">
               {this._renderReviewMembers(data.reviewMebers, EditType)}
               <UserSelectorPop
@@ -652,7 +654,7 @@ export default class ReviewBody extends PureComponent<Props, State> {
           <ReviewMode>
             <span onClick={this._switchMode}>
               <IconSwitch className="tu-icon-change"></IconSwitch>
-              <span>{data.isStandardMode ? "高级模式" : "标准模式"}</span>
+              <span>{data.isStandardMode ? getLocale('OKR_MyO_Pop_Advancedmode') : getLocale('OKR_MyO_KRP_Pop_Butt_Standard')}</span>
             </span>
           </ReviewMode>
         </ReviewBodyScroll>

package/src/components/okr-review/ReviewPop/components/ReviewBody/style.ts

@@ -55,7 +55,7 @@ export const ReviewCatalog = styled.div`
 export const ReviewCatalogSecond = styled.div`
   margin-top: 3px;
   margin-left: 8px;
-  font-weight: 500;
+  font-weight: 600;
   color: #565e66;
 `;
 export const ReviewTarget = styled.div`

package/src/components/okr-review/ReviewPop/index.tsx

@@ -5,7 +5,7 @@ import { ReviewDataObject, DrawbackObject } from './components/ReviewBody';
 import { ObjDataObject } from '../index';
 import { getApiUrl, taker } from '../../../utils/request-v1';
 import { htmlEncodeByRegExp, htmlDecodeByRegExp } from '../../../utils/mblog';
-
+import { getLocale } from '../../../utils/getLocale';
 import { ReviewPopWrapper, ReviewContainer, ReviewHead, ReviewFoot, IconClose, BtnGroup, BtnCancle, BtnConfirm } from './style';
 
 interface Props {
@@ -124,7 +124,7 @@ export default class ReviewPop extends PureComponent<Props, State> {
     taker(url, 'POST', data).then(res => {
       if (res.Code == 1) {
         localStorage.removeItem(this.localStorageKey);
-        this.showToast('Submit', 1, `${EditType === 0 ? '提交' : '更新'}成功`, 1500);
+        this.showToast('Submit', 1, `${EditType === 0 ? getLocale('Pro_detail_Submission') : getLocale('OKR_MyO_Butt_Update')}成功`, 1500);
       } else {
         this.showToast('Submit', 0, res.Message, 3000);
       }
@@ -175,7 +175,7 @@ export default class ReviewPop extends PureComponent<Props, State> {
       <ReviewPopWrapper className={className}>
         <ReviewContainer>
           <ReviewHead>
-            <p>{`复盘${ObjData.ObjType == 65 ? 'KR' : '目标'}`}</p>
+            <p>{`${getLocale('OKR_MyO_KRP_Review')}${ObjData.ObjType == 65 ? 'KR' : getLocale('Mod_Objective')}`}</p>
             <IconClose className='tu-icon-close' onClick={() => onSubmit()}></IconClose>
           </ReviewHead>
           <ReviewBody
@@ -188,8 +188,8 @@ export default class ReviewPop extends PureComponent<Props, State> {
             onChange={(data: ReviewDataObject) => this._handlerEditChange(data)}
           />
           <ReviewFoot>
-            <BtnConfirm style={{ visibility: EditType === 0 ? 'visible' : 'hidden' }} onClick={() => this.showToast('SaveDraft', 1, '保存成功')} disabled={submitType === 'SaveDraft' && submitStatus === 2}>
-              保存草稿
+            <BtnConfirm style={{ visibility: EditType === 0 ? 'visible' : 'hidden' }} onClick={() => this.showToast('SaveDraft', 1, getLocale('Pro_page_Plan_Saved'))} disabled={submitType === 'SaveDraft' && submitStatus === 2}>
+              {getLocale('OKR_MyO_KRP_Pop_SaveDraft')}
             </BtnConfirm>
             <BtnGroup>
               <BtnCancle
@@ -198,10 +198,10 @@ export default class ReviewPop extends PureComponent<Props, State> {
                   onSubmit();
                 }}
               >
-                取消
+                {getLocale('Mod_Cancel')}
               </BtnCancle>
               <BtnConfirm disabled={!isAllowSubmit || (submitType == 'Submit' && submitStatus === 2)} onClick={() => this._handlerSubmit()}>
-                确定
+                {getLocale('OKR_MyO_Butt_Determine')}
               </BtnConfirm>
             </BtnGroup>
           </ReviewFoot>

package/src/components/okr-review/components/ReviewItem/index.tsx

@@ -1,6 +1,7 @@
 import React, { PureComponent } from 'react'
 import { ReviewItemContainer, ItemName, ItemOptions, ItemEdit, IconEdit, ItemDetail, IconDetail } from './style'
 import { isHavePermission } from '../../common'
+import { getLocale } from '../../../../utils/getLocale';
 interface Props {
   className?: string
   editAble: boolean
@@ -27,14 +28,14 @@ export default class ReviewItem extends PureComponent<Props> {
     const { className, isCompactMode, editReview, reviewItemData, editAble } = this.props
     return (
       <ReviewItemContainer className={className} mode={isCompactMode ? 0 : 1}>
-        <ItemName mode={isCompactMode ? 0 : 1}>复盘 ({reviewItemData.creatDate})</ItemName>
+        <ItemName mode={isCompactMode ? 0 : 1}>{getLocale('OKR_MyO_KRP_Review')} ({reviewItemData.creatDate})</ItemName>
         <ItemOptions>
           <ItemEdit onMouseDown={editReview} style={{ visibility: reviewItemData.editable || isHavePermission || editAble ? 'visible' : 'hidden' }}>
             <IconEdit className="tu-icon-bianji"></IconEdit>
-            <span>编辑</span>
+            <span>{getLocale('Mod_Editor')}</span>
           </ItemEdit>
           <ItemDetail onMouseDown={() => this._handlerLinkToReviewDetail()}>
-            <span>查看详情</span>
+            <span>{getLocale('Mod_Checkdetails')}</span>
             <IconDetail className="tu-icon-xiangqing"></IconDetail>
           </ItemDetail>
         </ItemOptions>

package/src/components/okr-review/components/confirm-pop/ConfirmPop.tsx

@@ -1,6 +1,7 @@
 import React, { PureComponent } from 'react'
 import Pop from '../../../../components-v1/pop';
 import { ConfirmWrapper, ConfirmText, ConfirmBtnGroup, ButtonCancel, ButtonConfirm } from './style';
+import { getLocale } from '../../../../utils/getLocale';
 
 interface Props {
   className?: string
@@ -26,11 +27,8 @@ export default class ConfirmPop extends PureComponent<Props> {
   static defaultProps = {
     isShowConfirmTitle: false,
     confirmTitle: '提示',
-    confirmTipText: '此操作不可恢复，您确定删除吗？',
     isShowCancelBtn: true,
-    btnCancelText: '取消',
     isShowConfirmBtn: true,
-    btnConfirmText: '确定'
   }
 
   handleShowPop = () => {
@@ -51,9 +49,9 @@ export default class ConfirmPop extends PureComponent<Props> {
       isShowConfirmTitle,
       isShowCancelBtn,
       confirmTitle,
-      confirmTipText,
-      btnCancelText,
-      btnConfirmText
+      confirmTipText = getLocale('Mod_cannotberecovered'),
+      btnCancelText = getLocale('Mod_Cancel'),
+      btnConfirmText = getLocale('OKR_MyO_Butt_Determine')
     } = this.props
 
     return (

package/src/components/okr-review/index.tsx

@@ -9,6 +9,7 @@ import { getApiUrl, taker } from '../../utils/request-v1';
 import { isHavePermission } from './common';
 import { ReviewContainer, ReviewHead, ReviewAdd, IconAdd, ReviewFilter, IconFilter, FilterTime, ReviewEmpty, IconWiki, ReviewList } from './style';
 import { isPlatform } from '../../utils/open-data';
+import { getLocale } from '../../utils/getLocale';
 
 interface Props {
   className?: string;
@@ -140,7 +141,7 @@ export default class Review extends PureComponent<Props, State> {
             onClick={() => this.setState({ 'isShowReviewPop': true, 'editType': 0 })}
           >
             <IconAdd className='tu-icon-add' mode={isCompactMode ? 0 : 1}></IconAdd>
-            <span>添加复盘</span>
+            <span>{getLocale('OKR_MyO_KRP_AddReview')}</span>
           </ReviewAdd>
           {(reviewList.length > 0 || isFiltered) && (
             <ReviewFilter>
@@ -152,7 +153,7 @@ export default class Review extends PureComponent<Props, State> {
                 onConfirm={this._handleTimePickConfirm}
                 popupPlacement={'bottomRight'}
               >
-                {!isFiltered && <span>时间筛选</span>}
+                {!isFiltered && <span>{getLocale('OKR_MyO_Ew_Butt_Filterbytime')}</span>}
                 <IconFilter className='tu-icon-calendar'></IconFilter>
                 {isFiltered && <FilterTime>{`${startDate} - ${endDate}`}</FilterTime>}
               </RangePickerPop>
@@ -161,14 +162,14 @@ export default class Review extends PureComponent<Props, State> {
         </ReviewHead>
         {reviewList.length === 0 ? (
           <ReviewEmpty mode={isCompactMode ? 0 : 1}>
-            {isFiltered ? <p>没有找到你想要的</p> : <p>尚未复盘过</p>}
+            {isFiltered ? <p>{getLocale('Mod_ lookingfor')}</p> : <p>{getLocale('OKR_MyO_Re_Notreviewed')}</p>}
             {!isPlatform('dd') && (
               <p className='learnmore'>
                 <a href={
                   isFeishu('https://wiki.tita.com/x/vIK3') || 'https://docs.tita.com/tita-how-to-write-review-summary/'
                 } target='_blank'>
                   <IconWiki className='tu-icon-wiki' mode={isCompactMode ? 0 : 1}></IconWiki>
-                  <span>了解复盘的重要性</span>
+                  <span>{getLocale('OKR_MyO_KRP_Pop_Understandt')}</span>
                 </a>
               </p>
             )}

package/src/components/okr-share/pink-card/card.tsx

@@ -2,6 +2,7 @@ import { OpenDepartmentName, OpenUserName } from '../../../utils/open-data';
 import React, { ReactElement } from 'react';
 import { Avatar } from 'tita-ui';
 import { ShareData } from '../index';
+import { getLocale } from '../../../utils/getLocale';
 import './index.scss';
 
 interface Props {
@@ -22,7 +23,7 @@ function Card({ data }: Props): ReactElement {
         <span>
           <OpenUserName name={data.user.name} id={data.user.userId} />的
         </span>
-        OKR
+        {getLocale('Menu_Title_OKRs')}
       </div>
       <div className='okr-share-card-user__dept'>
         <OpenDepartmentName name={data.user.departmentName} id={data.user.departmentId} />

package/src/components/okr-share/publishMblog.tsx

@@ -5,6 +5,7 @@ import { findDOMNode } from "react-dom";
 import { addShare, uploadBase64 } from "./request-apis";
 import Toast from "../toast";
 import { getBSGlobal } from "../../utils/bs-global";
+import { getLocale } from "../../utils/getLocale";
 
 const loginUserId = getBSGlobal("loginUserInfo").Id;
 
@@ -33,9 +34,7 @@ function PublishMblog({
   }, []);
   return (
     <div className="okr-share-mblog__container">
-      <div className="okr-share-mblog__header">
-        发布动态
-        <i className="tu-icon-close" onClick={() => closeModal()} />
+      <div className="okr-share-mblog__header">{getLocale('OKR_MyO_Popup_PostNews')}<i className="tu-icon-close" onClick={() => closeModal()} />
       </div>
       <div className="okr-share-mblog__body">
         <MBlogContext.Provider
@@ -58,7 +57,7 @@ function PublishMblog({
                 Visibility: 1,
                 isSendSMS: false,
               });
-              Toast.Success("分享成功");
+              Toast.Success(getLocale('OKR_MyO_Popup_Sharedsuccee'));
               setStatus(1);
               closeModal();
             }}

package/src/components/okr-share/shareCardSelector.tsx

@@ -1,9 +1,10 @@
 import { getBase64DownloadUrl, getImageBase64ByUrl } from './request-apis';
 import React, { ReactElement, useEffect, useRef } from 'react'
 import { isWx } from '../../utils/bs-global';
-import { drawPinkCard } from './pink-card'
-import PinkCard from './pink-card/card'
+import { drawPinkCard } from './pink-card';
+import PinkCard from './pink-card/card';
 import { ShareData } from './index';
+import { getLocale } from '../../utils/getLocale';
 
 interface Props {
   onShare: (base64: string) => void
@@ -44,11 +45,11 @@ function ShareCardSelector({ onShare, closeModal, data }: Props): ReactElement {
           a.href = url.Data.obj;
           a.download = 'okr.png';
           a.click()
-        }}>下载图片</a>
+        }}>{getLocale('OKR_MyO_Popup_Download')}</a>
         <a className="share-card-button share" onClick={async () => {
           const base64img = await base64ImageRef.current as string
           onShare(base64img)
-        }}>分享到动态</a>
+        }}>{getLocale('Mod_ShareFeed')}</a>
       </div>
     </div>
   )

package/src/components/okrcase-library/index.tsx

@@ -4,7 +4,8 @@ import CaseLibraryHeader from './okrcases-components/caseLibray-header'
 import CaseLibraryNav from './okrcases-components/caseLibrary-nav'
 import CaseLibraryMain from './okrcases-components/caseLibrary-main'
 import { SubmitDialog, PayDialog } from './okrcases-components/submitOkr-dialog'
-import { postForCases, getLabels, postSearchCases, gettotalNumber, getIsHadBuyOKRcases } from './server/network'
+import { postForCases, getLabels, postSearchCases, gettotalNumber, getIsHadBuyOKRcases } from './server/network';
+import { getLocale } from '../../utils/getLocale';
 
 import './index.scss';
 import './new-ui.scss';
@@ -99,7 +100,7 @@ const OKRCases = (props: Props) => {
     getLabels().then((res) => {
       setNavList([{
         id: 0,
-        name: "全部",
+        name: getLocale('Mod_all'),
         orderNumber: 0,
         subTotal: '',
         subLabel: []
@@ -158,7 +159,7 @@ const OKRCases = (props: Props) => {
     window.titaTracker && window.titaTracker('action').record({
         actionName: work.name,
         actionGroup: '案例库-各行业',
-        productName: '案例库'
+        productName: getLocale('OKR_OKRex_Casebase')
       })
     setSearchValue('')
     //点击选择类型时重新请求数据

package/src/components/okrcase-library/okrcases-components/caseLibrary-cardList/okrcase-card.tsx

@@ -2,6 +2,7 @@ import React, { useState, useCallback, useRef, useEffect } from "react";
 import { postApply, postLike } from '../../server/network.js'
 import { CardItem } from '../../index'
 import firework from '../../../firework'
+import { getLocale } from "../../../../utils/getLocale";
 
 interface Props {
   onApplyTpl: Function;
@@ -58,9 +59,9 @@ const OkrCaseCard = (props: Props) => {
     // @ts-ignore
     window.titaTracker &&
       window.titaTracker('action').record({
-        action: '套用',
-        actionGroup: '案例库',
-        productName: '案例库'
+        action: getLocale('Per_Ass_Pop_button_Apply'),
+        actionGroup: getLocale('OKR_OKRex_Casebase'),
+        productName: getLocale('OKR_OKRex_Casebase')
       })
 
   }
@@ -79,7 +80,7 @@ const OkrCaseCard = (props: Props) => {
                 ${isApplyBtnShow && "okr-cases-library__cardList__card__title__btn-show"}
                 ${isBlue ? 'okr-cases-library__cardList__card__title__btn-blue' : 'okr-cases-library__cardList__card__title__btn-red'}`
         }
-          onClick={() => handleApplyBtnClick(id)}>套用</div>}
+          onClick={() => handleApplyBtnClick(id)}>{getLocale('Per_Ass_Pop_button_Apply')}</div>}
       </div>
       <div className="okr-cases-library__cardList__card__content">
         {subelements.map((item, krindex) => (

package/src/components/okrcase-library/okrcases-components/caseLibrary-main.tsx

@@ -3,6 +3,7 @@ import OkrCaseCardLsit from './caseLibrary-cardList'
 import OkrEssay from '../../grid-layout/essay-component'
 import { CardList } from '../index'
 import { isLocal } from "../../../utils/helpers";
+import { getLocale } from "../../../utils/getLocale";
 
 interface Props {
   onApplyTpl: Function;
@@ -52,7 +53,7 @@ const CaseLibraryMain = (props: Props) => {
               <img src={require('../image/笔.svg')} />提交我想要的OKR类型
             </div>
             <div className="okr-cases-library__aside__submitWant__libraryNum">全国最大 OKR 案例库
-              <span style={{ color: '#F05E5E' }}> {okrCasesNum}</span> 个
+              <span style={{ color: '#F05E5E' }}> {okrCasesNum}</span> {getLocale('OKR_MyO_E_Mumber')}
             </div>
           </div>}
           {isUnlock

package/src/components/okrcase-library/okrcases-components/caseLibray-header.tsx

@@ -1,4 +1,5 @@
-import React, { useRef } from 'react';
+import React, { useRef } from "react";
+import { getLocale } from "../../../utils/getLocale";
 
 interface Props {
   onClose?: Function;
@@ -6,41 +7,46 @@ interface Props {
 }
 
 const CaseLibraryHeader = (props: Props) => {
-  const { onClose, handleSearch } = props
+  const { onClose, handleSearch } = props;
 
-  const searchRef = useRef<any>()
+  const searchRef = useRef<any>();
 
   const onhandleEnter = (e) => {
     if (e.keyCode === 13) {
-      handleSearch(searchRef.current.value)
+      handleSearch(searchRef.current.value);
     }
-  }
+  };
 
   return (
     <div className="okr-cases-library__header">
-
       {/* <div className="okr-cases-library__header-mask" /> */}
       <div className="okr-cases-library__header-light" />
 
       <div className="okr-cases-library__header__search">
         <input
           className="okr-cases-library__header__search__input"
-          placeholder="搜索发现更多行业案例"
+          placeholder={getLocale("OKR_OKRex_Search")}
           ref={searchRef}
-          onKeyDown={e => onhandleEnter(e)}
+          onKeyDown={(e) => onhandleEnter(e)}
         />
-        <div className="okr-cases-library__header__search__btn"
+        <div
+          className="okr-cases-library__header__search__btn"
           onClick={() => handleSearch(searchRef.current.value)}
         >
-          <span className='tu-icon-search' /> 搜索
+          <span className="tu-icon-search" />
+          {getLocale("Mod_Search")}
         </div>
       </div>
-      {onClose && <div className="okr-cases-library__header__closeBtn" onClick={() => onClose()}>
-        <div className="tu-icon-canceled" />
-      </div>}
+      {onClose && (
+        <div
+          className="okr-cases-library__header__closeBtn"
+          onClick={() => onClose()}
+        >
+          <div className="tu-icon-canceled" />
+        </div>
+      )}
     </div>
-  )
-}
-
+  );
+};
 
-export default CaseLibraryHeader
+export default CaseLibraryHeader;

package/src/components/okrcase-library/okrcases-components/submitOkr-dialog.tsx

@@ -4,6 +4,7 @@ import Toast from '../../toast';
 import { Modal } from 'tita-ui';
 import Dialog from '../../dialog'
 import Form from '../../form'
+import { getLocale } from "../../../utils/getLocale";
 const { Fields } = Form
 
 interface Props1 {
@@ -81,7 +82,7 @@ export const SubmitDialog = (props: Props1) => {
           />
         </Form>
         <div className="okr-cases-library__submitWindow-submitButton"
-          onClick={onSubmitButtonClick}>提交</div>
+          onClick={onSubmitButtonClick}>{getLocale('Pro_detail_Submission')}</div>
       </div>
     </Dialog>
 
@@ -177,7 +178,7 @@ export const PayDialog = (props: Props2) => {
         <img src={require('../image/支付背景浮出.png')} />
         <div className="tu-icon-canceled" onClick={() => handleShowPayWindow(false)} style={{ width: '18px', height: '18px' }} />
         <p className="okr-cases-library__payWindow__head">{price} 购买千份 OKR 案例库</p>
-        <p className="okr-cases-library__payWindow__detail">可查看 使用案例库所有行业的案例 <a href="https://club.tita.com/okr-examples" target="_blank">查看详情</a></p>
+        <p className="okr-cases-library__payWindow__detail">可查看 使用案例库所有行业的案例 <a href="https://club.tita.com/okr-examples" target="_blank">{getLocale('Mod_Checkdetails')}</a></p>
         <div className="okr-cases-library__payWindow__amount">应付金额：<b><span style={{ fontSize: '32px' }}>19.8</span>元/年</b></div>
         <a className="okr-cases-library__payWindow__payButton" onClick={() => loopOrderInfo(orderId)}
           href={`/app/payorder?orderid=${orderId}&mobile=13552865071&defcode=${payCode}&defCodeName=${payName}&IsContactCustomerService=false`} target="_blank">

package/src/components/okrcase-library-card/index.tsx

@@ -2,6 +2,7 @@ import React, { useState, useCallback, useRef, useEffect } from 'react';
 import firework from '../firework';
 import { postApply, postLike } from '../okrcase-library/server/network.js';
 import { CardItem } from '../okrcase-library';
+import { getLocale } from '../../utils/getLocale';
 import '../okrcase-library/index.scss';
 
 interface Props {
@@ -65,9 +66,9 @@ const OkrCaseCard = (props: Props) => {
     window.titaTracker &&
       // @ts-ignore
       window.titaTracker('action').record({
-        action: '套用',
-        actionGroup: '案例库',
-        productName: '案例库',
+        action: getLocale('Per_Ass_Pop_button_Apply'),
+        actionGroup: getLocale('OKR_OKRex_Casebase'),
+        productName: getLocale('OKR_OKRex_Casebase'),
       });
   };
 
@@ -104,9 +105,7 @@ const OkrCaseCard = (props: Props) => {
                     : 'okr-cases-library__cardList__card__title__btn-red'
                 }`}
             onClick={() => handleApplyBtnClick(id)}
-          >
-            套用
-          </div>
+          >{getLocale('Per_Ass_Pop_button_Apply')}</div>
         }
       </div>
       <div className="okr-cases-library__cardList__card__content">

package/src/components/operation-records/index.tsx

@@ -4,6 +4,7 @@ import { getApiUrl2, taker } from '../../utils/request-v1' // 请求相关
 import { OperationData } from './mockData'
 import OperationRecordItem from './OperationRecordItem'
 import { OperationRecordWrapper, OperationRecordTotal, OperationRecordList, OperationDateYearWrapper, OperationDateYear, OperationDateYearDot, OperationDateYearLine, Dd } from './style'
+import { getLocale } from '../../utils/getLocale'
 
 interface Props {
   className?: string
@@ -132,7 +133,7 @@ export default class OperationRecord extends PureComponent<Props, State> {
     return (
       <OperationRecordWrapper className={className}>
         <OperationRecordTotal>
-          <p className={isShowAllOperationRecord ? "tu-icon-angles-up" : "tu-icon-angles-down"} onMouseDown={() => this.handlerSwitchShowRecord()}>全部操作&nbsp;<span>{operationTrackTotal}</span></p>
+          <p className={isShowAllOperationRecord ? "tu-icon-angles-up" : "tu-icon-angles-down"} onMouseDown={() => this.handlerSwitchShowRecord()}>{getLocale('OKR_MyO_KRP_Alloperations')}&nbsp;<span>{operationTrackTotal}</span></p>
         </OperationRecordTotal>
         <OperationRecordList>
           <dl>

package/src/components/pagination/locale/en_US.js

@@ -0,0 +1,16 @@
+export default {
+  // Options.jsx
+  items_per_page: '/ page',
+  jump_to: 'Go to',
+  jump_to_confirm: 'confirm',
+  page: 'Page',
+
+  // Pagination.jsx
+  prev_page: 'Previous Page',
+  next_page: 'Next Page',
+  prev_5: 'Previous 5 Pages',
+  next_5: 'Next 5 Pages',
+  prev_3: 'Previous 3 Pages',
+  next_3: 'Next 3 Pages',
+  page_size: 'Page Size',
+};

package/src/components/pagination/locale/zh_CN.js

@@ -0,0 +1,16 @@
+export default {
+  // Options.jsx
+  items_per_page: '条/页',
+  jump_to: '跳至',
+  jump_to_confirm: '确定',
+  page: '页',
+
+  // Pagination.jsx
+  prev_page: '上一页',
+  next_page: '下一页',
+  prev_5: '向前 5 页',
+  next_5: '向后 5 页',
+  prev_3: '向前 3 页',
+  next_3: '向后 3 页',
+  page_size: '页码',
+};