@titaui/pc 1.7.97 → 1.7.98

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>

package/src/components/form/form-fields/department/department-input.tsx

@@ -2,6 +2,7 @@ import React from 'react';
 import classNames from 'classnames';
 import { OpenDepartmentName } from "../../../../utils/open-data";
 import Tooltip from '../../../tooltip';
+import { getLocale } from '../../../../utils/getLocale';
 import './index.scss';
 
 interface Department {
@@ -19,7 +20,7 @@ interface Props {
 const preCls = 'form-field-department';
 
 export default (props: Props) => {
-  const { department, placeholder = '请选择', onClick, onClear } = props;
+  const { department, placeholder = getLocale('Mod_Pleaseselect'), onClick, onClear } = props;
 
   const renderDepartName = () => {
     if (!department) return <span />;

package/src/components/form/form-fields/duties/duties-input.tsx

@@ -1,5 +1,6 @@
 import React from 'react';
 import classNames from 'classnames';
+import { getLocale } from '../../../../utils/getLocale';
 import './index.scss';
 
 interface Props {
@@ -16,7 +17,7 @@ interface Duties {
 const preCls = 'form-field-duties';
 
 export default (props: Props) => {
-  const { duties, placeholder = '请选择', onClear, onClick } = props;
+  const { duties, placeholder = getLocale('Mod_Pleaseselect'), onClear, onClick } = props;
 
   const onHandleClear = e => {
     e.preventDefault();

package/src/components/form/form-fields/input/index.scss

@@ -1,15 +1,4 @@
 .form-field-input {
-  &-row{
-    display: flex;
-    align-items: center;
-    .form-field-input__label{
-      margin-bottom: unset;
-    }
-    .form-field-input__border{
-      margin-left: 16px;
-      flex: 1;
-    }
-  }
   &__label {
     height: 22px;
     font-size: 14px;
@@ -29,7 +18,7 @@
 
   &__border {
     padding: 6px 12px;
-    border-radius: 8px;
+    border-radius: 3px;
     transition: all 0.2s;
     border: 1px solid #e9ecf0;
     box-sizing: border-box;
@@ -45,12 +34,12 @@
     }
   }
   &__border--error {
-    box-shadow: inset 0px 0px 4px 0px rgba(240, 94, 94, 0.3) ;
-    border: 1px solid #f05e5e ;
+    box-shadow: inset 0px 0px 4px 0px rgba(240, 94, 94, 0.3) !important;
+    border: 1px solid #f05e5e !important;
   }
   &__border--active {
-    box-shadow: inset 0px 0px 4px 0px rgba(40, 121, 255, 0.3) !important;
-    border: 1px solid #2879ff !important;
+    box-shadow: inset 0px 0px 4px 0px rgba(40, 121, 255, 0.3);
+    border: 1px solid #2879ff;
   }
 
   &__input {

package/src/components/form/form-fields/input/index.tsx

@@ -20,7 +20,6 @@ interface Props {
   name: string;
   getContainer?: Function;
   disabled?: boolean
-  layout?: 'clomn'|'row'
 }
 interface Error {
   name: string;
@@ -28,9 +27,8 @@ interface Error {
 }
 
 const OverlayInner = ({ hasError, hasActive, tip }) => {
-  if (hasActive) return <span style={{ 'color': '#3F4755' }}>{tip}</span>;
   if (hasError) return <span style={{ 'color': '#F05E5E' }}>{tip}</span>;
-
+  if (hasActive) return <span style={{ 'color': '#3F4755' }}>{tip}</span>;
   return <span />;
 }
 
@@ -44,8 +42,7 @@ export default forwardRef((props: Props, ref) => {
     type,
     name,
     disabled,
-    getContainer,
-    layout
+    getContainer
   } = props;
 
   const inputRef = useRef<any>();
@@ -107,7 +104,7 @@ export default forwardRef((props: Props, ref) => {
     }
   }))
 
-  return <div className={classNames(preCls,{[`${preCls}-row`]:layout==='row'})}>
+  return <div className={classNames(preCls)}>
     <div className={classNames(`${preCls}__label`)}>
       <span className={classNames(`${preCls}__label-text`)}>{label}</span>
       {require && <span className={classNames(`${preCls}__label-require`)}>*</span>}

package/src/components/form/form-fields/password/index.scss

@@ -24,8 +24,8 @@
     box-sizing: border-box;
   }
   &__border--error {
-    box-shadow: inset 0px 0px 4px 0px rgba(240, 94, 94, 0.3) ;
-    border: 1px solid #f05e5e ;
+    box-shadow: inset 0px 0px 4px 0px rgba(240, 94, 94, 0.3) !important;
+    border: 1px solid #f05e5e !important;
   }
   &__border--active {
     box-shadow: inset 0px 0px 4px 0px rgba(40, 121, 255, 0.3);

package/src/components/form/form-fields/radios/index.tsx

@@ -50,10 +50,10 @@ export default forwardRef((props: Props, ref) => {
 
   return (
     <div className={`${prefixCls} ${className}`}>
-      {!!label&&<div className={`${prefixCls}__label`}>
+      <div className={`${prefixCls}__label`}>
         <span className={`${prefixCls}__label-text`}>{label}</span>
         {require && <span className={`${prefixCls}__label-symbol`}>*</span>}
-      </div>}
+      </div>
       <div className={`${prefixCls}__radios`}>
         {radios.map((radio) => (
           <div className={`${prefixCls}__radios-item ${radioClass}`}>

package/src/components/form/form-fields/user/user-input.tsx

@@ -2,6 +2,7 @@ import React from 'react';
 import classNames from 'classnames';
 import Avatar from '../../../avatar/default';
 import Tooltip from '../../../tooltip';
+import { getLocale } from '../../../../utils/getLocale';
 import './index.scss';
 
 interface Props {
@@ -13,7 +14,7 @@ interface Props {
 const preCls = 'form-field-user';
 
 export default (props: Props) => {
-  const { users, placeholder = '请选择', onClear } = props;
+  const { users, placeholder = getLocale('Mod_Pleaseselect'), onClear } = props;
   const userNames: any = [];
 
   (users || []).forEach(user => {

package/src/components/grid-layout/okr-align/index.tsx

@@ -1,4 +1,5 @@
 import React, { useState, useEffect } from "react";
+import { getLocale } from "../../../utils/getLocale";
 import TitaChart from '../../tita-chart'
 import { CardTitle, CardContainer, CardFlexContent, DataItem, EmptyBackGround } from '../commen-components'
 import { toDataList } from '../util/click-link'
@@ -67,8 +68,8 @@ export default function OKRAlignComponent() {
             }} />
           : <CardFlexContent>
             <TitaChart.LiquidBall PrePercentNum={0} name="对齐率" percentNum={alignPercent} />
-            <DataItem num={hadAlignOkrNum} numColor="#3F4755" label='已对齐' handleDataClick={() => handleDataClick('hadAlign')} />
-            <DataItem num={hadNotAlignOkrNum} numColor="#3F4755" label='未对齐' handleDataClick={() => handleDataClick('hadNotAlign')} />
+            <DataItem num={hadAlignOkrNum} numColor="#3F4755" label={getLocale('OKR_Db_Aligned')} handleDataClick={() => handleDataClick('hadAlign')} />
+            <DataItem num={hadNotAlignOkrNum} numColor="#3F4755" label={getLocale('OKR_Db_Unaligned')} handleDataClick={() => handleDataClick('hadNotAlign')} />
           </CardFlexContent>
       }
 

package/src/components/grid-layout/okr-progress/index.tsx

@@ -4,6 +4,7 @@ import { CardTitle, CardFlexContent, CardContainer, DataItem, EmptyBackGround }
 import postComponentForData from "../util/network"
 
 import onClickLinkChangeHash, { toDataList } from "../util/click-link";
+import { getLocale } from "../../../utils/getLocale";
 
 import "../index.scss";
 
@@ -65,7 +66,7 @@ export default function OKRProgressComponent() {
             onClick={() => onClickLinkChangeHash('okr%2Fmanage')}
             className="grid-component-card-title__behave"
           >
-            去更新
+            {getLocale('OKR_OKRW_Gotoupdate')}
           </a>
         )}
       </CardTitle>

package/src/components/grid-layout/okr-target/index.tsx

@@ -3,6 +3,7 @@ import TitaChart from '../../tita-chart';
 import { CardTitle, CardFlexContent, CardContainer, EmptyBackGround } from '../commen-components'
 import postComponentForData from "../util/network"
 import { toDataList, toOkrTarget } from '../util/click-link'
+import { getLocale } from "../../../utils/getLocale";
 
 import './index.scss'
 
@@ -26,25 +27,25 @@ export default function OKRTargetComponent() {
         switch (item.componentDataProp) {
           case "MyNormalOkrCount":
             data.push({
-              type: '正常',
+              type: getLocale('OKR_MyO_Pop_Upd_Notrack'),
               value: item.componentDataCount
             })
             break
           case "MyRiskOkrCount":
             data.push({
-              type: '有风险',
+              type: getLocale('OKR_MyO_Pop_Upd_Atrisk'),
               value: item.componentDataCount
             })
             break
           case "MyDlayOkrCount":
             data.push({
-              type: '已延期',
+              type: getLocale('OKR_MyO_Pop_Upd_Postoned'),
               value: item.componentDataCount
             })
             break
           case "MyFinishOkrCount":
             data.push({
-              type: '已结束',
+              type: getLocale('OKR_MyO_Butt_Hasended'),
               value: item.componentDataCount
             })
             break
@@ -74,16 +75,16 @@ export default function OKRTargetComponent() {
   const handlePieLegendClick = (event) => {
     const target = event.target.attrs.text
     switch (target) {
-      case '正常':
+      case getLocale('OKR_MyO_Pop_Upd_Notrack'):
         handlePieClick('normalOkr')
         break
-      case '有风险':
+      case getLocale('OKR_MyO_Pop_Upd_Atrisk'):
         handlePieClick('riskOkr')
         break
-      case '已延期':
+      case getLocale('OKR_MyO_Pop_Upd_Postoned'):
         handlePieClick('dalyOkr')
         break
-      case '已结束':
+      case getLocale('OKR_MyO_Butt_Hasended'):
         handlePieClick('endOkr')
         break
     }
@@ -100,7 +101,7 @@ export default function OKRTargetComponent() {
           content="高效工作从第一个OKR设定开始"
           behave={{
             type: 'button',
-            text: '创建OKR',
+            text: getLocale('OKR_MyO_Collr_Butt_CreatOKR'),
             onClick: (e) => toOkrTarget(),
           }}
         />

package/src/components/grid-layout/over-view/index.tsx

@@ -2,10 +2,10 @@ import React, { useState, useEffect, Fragment } from "react";
 import { DataItem, CardContainer, CardFlexContent, Advice } from "../commen-components";
 import postComponentForData, { getIsCompanyOKREmpty } from '../util/network'
 import { toDataList } from '../util/click-link'
+import { getLocale } from "../../../utils/getLocale";
 
 import './index.scss'
 
-
 const ComponentId = 'Overview-All-OKRs-E'
 
 
@@ -76,8 +76,8 @@ export default function OverviewComponent() {
         <Fragment>
           <img className="OverviewComponent-img" src={require('../image/okrBirth.png')} />
           <div className="OverviewComponent-dataContent">
-            <DataItem num={allOkrCount} numColor="#3F4755" label='目标' updataNum={allOkrInWeekCount} handleDataClick={handleTargetClick} />
-            <DataItem num={allMyKrCount} numColor="#3F4755" label='关键成果' updataNum={0} />
+            <DataItem num={allOkrCount} numColor="#3F4755" label={getLocale('Mod_Objective')} updataNum={allOkrInWeekCount} handleDataClick={handleTargetClick} />
+            <DataItem num={allMyKrCount} numColor="#3F4755" label={getLocale('Mod_KeyResults')} updataNum={0} />
             <DataItem num={allMyTaskCount} numColor="#3F4755" label='执行任务' updataNum={0} />
           </div>
         </Fragment>

package/src/components/grid-layout/sub-employee-okr/index.tsx

@@ -2,6 +2,7 @@ import React, { useState, useEffect } from "react";
 import { CardTitle, Gap, CardContainer, EmptyBackGround } from "../commen-components";
 import PersonalOkr from './person-okr'
 import postComponentForData from "../util/network"
+import { getLocale } from "../../../utils/getLocale";
 
 import "./index.scss";
 
@@ -63,7 +64,7 @@ export default function SubOKRComponents() {
   return (
     <CardContainer styles={{ padding: '12px 16px' }}>
       <CardTitle
-        content={`${isSubTab ? '下属' : '同级'}OKR`}
+        content={`${isSubTab ? getLocale('OKR_MyO_Butt_Subordinate') : '同级'}OKR`}
         iconUrl={require('../image/sub.png')}
       >{
           isLeader
@@ -71,7 +72,7 @@ export default function SubOKRComponents() {
             onClick={changeTab}
           >
             <img src={require('../image/change.png')} />
-            <span>{isSubTab ? '同级' : '下属'}</span>
+            <span>{isSubTab ? '同级' : getLocale('OKR_MyO_Butt_Subordinate')}</span>
           </span>
         }
       </CardTitle>

package/src/components/grid-layout/week-task/index.tsx

@@ -1,5 +1,6 @@
 import React, { useState, useEffect } from "react";
 import { CardTitle, DataItem, CardContainer, CardFlexContent, EmptyBackGround } from '../commen-components'
+import { getLocale } from "../../../utils/getLocale";
 import { toOkrTarget, toWeekPlan } from '../util/click-link'
 import postComponentForData from "../util/network"
 
@@ -43,10 +44,10 @@ export default function WeekTaskComponent() {
   return (
     <CardContainer styles={{ padding: '20px 22px 0' }}>
       <CardTitle
-        content='本周任务'
+        content={getLocale('OKR_OKRW_Tasksweek')}
         iconUrl={require('../image/task.png')}
       >
-        {!isMyOKREmpty && <a onClick={toWeekPlan} className="grid-component-card-title__behave">新建任务</a>}
+        {!isMyOKREmpty && <a onClick={toWeekPlan} className="grid-component-card-title__behave">{getLocale('Feed_Set_Pop_Butt_Newtask')}</a>}
       </CardTitle>
       {
         isMyOKREmpty
@@ -55,13 +56,13 @@ export default function WeekTaskComponent() {
             content='对齐 Ta 人目标，撑企业落地 OKR'
             behave={{
               type: 'button',
-              text: '创建任务',
+              text: getLocale('Pro_page_Mil_Butt_Createatask'),
               onClick: e => toWeekPlan()
             }} />
           : <CardFlexContent>
             <DataItem num={unFinishTaskOnWeek} numColor="#2879FF" label='本周未完成' Qtips='本周截止但未完成的任务量' handleDataClick={() => toWeekPlan()} />
             <DataItem num={finishTaskOnWeek} numColor="#5AD8A6" label='本周完成' handleDataClick={() => toWeekPlan()} />
-            <DataItem num={dueTaskOnWeek} numColor="#F05E5E" label='已过期' handleDataClick={() => toWeekPlan()} />
+            <DataItem num={dueTaskOnWeek} numColor="#F05E5E" label={getLocale('OKR_MyO_E_Overdue')} handleDataClick={() => toWeekPlan()} />
           </CardFlexContent>
       }
       {/* {!isCompanyOKREmpty && <ScrollTips content="已完成任务" message={{ name: '赵晓雅', date: '02/16' }} />} */}

package/src/components/img-viewer/index.tsx

@@ -15,6 +15,7 @@ import LeftRotate from "./icon/left-rotate";
 import RightRotate from "./icon/right-rotate";
 import Tooltip from "../tooltip";
 import Loading from './image/loading.gif';
+import { getLocale } from "../../utils/getLocale";
 import "./index.scss";
 
 const prefix = "titaui-img-viewer";
@@ -115,7 +116,7 @@ const ImgViewer: FC<IImgViewerProps> = forwardRef(
                       prefix + "__header-download-icon"
                     )}
                   />
-                  下载
+                  {getLocale('Mod_Download')}
                 </a>
               )}
               <span
@@ -168,12 +169,12 @@ const ImgViewer: FC<IImgViewerProps> = forwardRef(
             </div>
           </div>
           <div className={prefix + "__footer"}>
-            <Tooltip overlay={"缩小"} placement="top">
+            <Tooltip overlay={getLocale('OKR_Ali_Butt_Narrow')} placement="top">
               <span className={prefix + "__footer-btn"} onClick={handleShrink}>
                 <Shrink />
               </span>
             </Tooltip>
-            <Tooltip overlay={"放大"} placement="top">
+            <Tooltip overlay={getLocale('OKR_Ali_Butt_Enlarge')} placement="top">
               <span className={prefix + "__footer-btn"} onClick={handleEnlarge}>
                 <Enlarge />
               </span>

package/src/components/mblog/components/ConfirmPop.tsx

@@ -1,3 +1,4 @@
+import { getLocale } from '../../../utils/getLocale'
 import React, { PureComponent } from 'react'
 import styled from 'styled-components'
 
@@ -61,7 +62,7 @@ export default class ConfirmPop extends PureComponent<Props> {
           目前您企业的短信已超出许可量，请联系超管进行短信充值
         </ConfirmMsg>
         <BtnGroup>
-          <button onMouseDown={() => this.props.onSubmit()}>确定</button>
+          <button onMouseDown={() => this.props.onSubmit()}>{getLocale('OKR_MyO_Butt_Determine')}</button>
         </BtnGroup>
       </ConfirmContainer>
     )