@titaui/pc 1.8.1 → 1.8.2

package/src/components-v1/userSelector/components/MultiMode/DepartmentList.tsx

@@ -70,7 +70,7 @@ export default class DepartmentList extends PureComponent<Props, State> {
           {!trees.length && (
             <EmptyWrapper>
               <img src={require('../../assets/emptyImg.png')} width='100px' />
-              <ListEmptyText>这里什么都没有...</ListEmptyText>
+              <ListEmptyText>{getLocale('Mod_ThereNothing')}...</ListEmptyText>
             </EmptyWrapper>
           )}
         </PerfectScrollbar>

package/src/components-v1/userSelector/components/MultiMode/SubsList.tsx

@@ -54,7 +54,7 @@ export default class CommonList extends PureComponent<Props,State> {
           !hasUser && 
           <EmptyWrapper>
             <img src={require('../../assets/emptyImg.png')} width="100px"/>
-            <ListEmptyText>这里什么都没有...</ListEmptyText>
+            <ListEmptyText>{getLocale('Mod_ThereNothing')}...</ListEmptyText>
           </EmptyWrapper>
         }
       </ListWrapper>

package/src/components-v1/userSelector/components/MultiMode/index.tsx

@@ -8,6 +8,7 @@ import DepartmentList from './DepartmentList';
 import UserItem from '../UserItem';
 import DepartmentTree from './DepartmentTree';
 import PerfectScrollbar from 'react-perfect-scrollbar';
+import { getLocale } from '../../../../utils/getLocale';
 import 'react-perfect-scrollbar/dist/css/styles.css';
 interface Props {
   selectedUser: User[];
@@ -50,19 +51,19 @@ export default class MutiMode extends PureComponent<Props> {
     const userIsSelected = selectedUser.length > 0;
     const tabOptions = [
       {
-        title: '常用',
+        title: getLocale('OKR_MyO_Butt_Commonlyused'),
         name: 'common',
         component: <CommonList searchTxt={this.props.searchTxt} onSelect={(u: User[]) => this.handleSelectUser(u)} />,
       },
       {
-        title: '下属',
+        title: getLocale('OKR_MyO_Butt_Subordinate'),
         name: 'sub',
         component: <SubsList onSelect={(u: User[]) => this.handleSelectUser(u)} />,
       },
     ];
     // if (!isPlatform('feishu')) {
       tabOptions.push({
-        title: '部门',
+        title: getLocale('Mod_Department'),
         name: 'department',
         component: <DepartmentList rootSelectable={rootSelectable} onSelectUser={(u: User[]) => this.handleSelectUser(u)} onSelectDept={deptSelectable ? (d: Dept) => this.handleDepartment(d) : undefined} />,
       });
@@ -75,11 +76,11 @@ export default class MutiMode extends PureComponent<Props> {
         <MutiModeRight>
           <SelectedHeader>
             <span>
-              已选人员{selectedUser.length + '人'}
+              {getLocale('Mod_Selecperson')}{selectedUser.length + getLocale('Mod_Number')}
               {deptIsSelected && `,组${selectedDept.length}个`}
             </span>
             <ClearBtn active={deptIsSelected || userIsSelected} onMouseDown={() => onClear()}>
-              清空所选
+              {getLocale('OKR_MyO_Pop_Clearselected')}
             </ClearBtn>
           </SelectedHeader>
           <SelectedList>
@@ -90,7 +91,7 @@ export default class MutiMode extends PureComponent<Props> {
               {selectedDept.map(d => (
                 <DepartmentTree tree={d} key={d.Id} level={0} onDeleteDept={onDeleteDept} />
               ))}
-              {!deptIsSelected && !userIsSelected && <EmptyText>请在左侧选择人员</EmptyText>}
+              {!deptIsSelected && !userIsSelected && <EmptyText>{getLocale('Mod_persononleft')}</EmptyText>}
             </PerfectScrollbar>
           </SelectedList>
         </MutiModeRight>

package/src/components-v1/userSelector/components/SearchBar.tsx

@@ -1,6 +1,7 @@
 import React, { PureComponent } from 'react'
 import {InputWrapper,Input,SearchIcon, CleanBtn} from '../style'
 import { findDOMNode } from 'react-dom';
+import { getLocale } from '../../../utils/getLocale';
 interface Props {
   onSearch:Function
 }
@@ -60,7 +61,7 @@ export default class SearchBar extends PureComponent<Props,State> {
     return (
       <InputWrapper focus={focus}>
           <SearchIcon className="tu-icon-search" active={focus}/>
-          <Input onFocus={()=>this.toggleFocus(true)} value={searchTxt} onChange={this.handleTxtChange} placeholder="搜索" onBlur={()=>this.toggleFocus(false)} ref={(r:any) => this.input = r}/>
+          <Input onFocus={()=>this.toggleFocus(true)} value={searchTxt} onChange={this.handleTxtChange} placeholder={getLocale('Mod_Search')} onBlur={()=>this.toggleFocus(false)} ref={(r:any) => this.input = r}/>
           {hasTxt && <CleanBtn className="tu-icon-cross" onMouseDown={(e: any) => {this.clear(true);e.stopPropagation();e.nativeEvent.stopImmediatePropagation()}}/>}
       </InputWrapper>
     )

package/src/components-v1/userSelector/components/SingleMode.tsx

@@ -121,7 +121,7 @@ export default class SingleMode extends PureComponent<Props,State> {
           !users.length && !pending ? 
           <EmptyWrapper>
             <img src={require('../assets/emptyImg.png')} width="100px"/>
-            <ListEmptyText>这里什么都没有...</ListEmptyText>
+            <ListEmptyText>{getLocale('Mod_ThereNothing')}...</ListEmptyText>
           </EmptyWrapper>:
           <SingleList>
             {

package/src/components-v1/userSelector/index.tsx

@@ -4,6 +4,7 @@ import SearchBar from './components/SearchBar';
 import SingleMode from './components/SingleMode';
 import MutiMode from './components/MultiMode';
 import { User, Dept } from './types';
+import { getLocale } from '../../utils/getLocale';
 export interface Props {
   multi?: boolean;
   onSubmit: (users: User[], depts: Dept[]) => void;
@@ -127,16 +128,16 @@ export default class UserSelector extends PureComponent<Props, State> {
         <Footer style={{ height: isSingleMode ? '24px' : '46px', marginTop: isSingleMode ? '10px' : '15px', marginBottom: isSingleMode ? '10px' : 0 }}>
           {!multi ? null : isSingleMode ? (
             <AdvancedModLink onMouseDown={this.openMutiMode}>
-              高级模式
+              {getLocale('OKR_MyO_Pop_Advancedmode')}
               <i className='tu-icon-angle-right' />
             </AdvancedModLink>
           ) : (
             [
               <Btn style={{ marginRight: '10px' }} onMouseDown={() => onCancel()}>
-                取消
+                {getLocale('Mod_Cancel')}
               </Btn>,
               <Btn style={{ color: '#FFF', backgroundColor: '#2879ff' }} onMouseDown={() => onSubmit(selectedUser, selectedDept)}>
-                确定
+                {getLocale('OKR_MyO_Butt_Determine')}
               </Btn>,
             ]
           )}

package/src/index.d.ts

@@ -3,6 +3,8 @@ interface Window {
   Talent: any;
   trackAction?: (actionName?: string) => {};
   getLocale: Function;
+  showPublishAnnouncementDynamicModal: Function;
+  showPublishShareDynamicModal: Function;
 }
 
 declare module '*.json' {

package/src/pages/appointment-demo/drop-down-box/index.js

@@ -1,9 +1,10 @@
 import React, { FC, useState, useRef, useMemo, useCallback, useEffect } from "react";
 import Popup from "../popup";
 import SuffixIcon from "../image/down.svg"
+import {getLocale} from "../../../utils/getLocale"
 import "./index.scss";
 
-const SelectLayer = ({ errMsg, className, title, required = false, initValue, onChangeClassify, items, initText = '暂无', popupProps, renderPrefixIcon, renderSuffixIcon, renderPrefixIconClass, renderSuffixIconClass, textClass, forceRenderText = false }) => {
+const SelectLayer = ({ errMsg, className, title, required = false, initValue, onChangeClassify, items, initText = getLocale('OKR_MyO_E_Temporarilynone'), popupProps, renderPrefixIcon, renderSuffixIcon, renderPrefixIconClass, renderSuffixIconClass, textClass, forceRenderText = false }) => {
   const [visible, setVisible] = useState(false);
   const [selectItem, setSelectItem] = useState(items.find(item => item.value === initValue));
 

package/src/pages/appointment-demo/index.js

@@ -5,6 +5,7 @@ import ReactDOM from 'react-dom'
 // const isMobile = window.userAgent === 'mobile'
 const isMobile =  document.body.clientWidth  <1230
 import Input from './input'
+import {getLocale} from '../../utils/getLocale'
 import SelectLayer from "./drop-down-box";
 import close from "./image/icon-canceled.svg"
 import logo from "./image/logo.svg"
@@ -252,7 +253,7 @@ export default (props)=>{
                         <div className="appointment-demo-pc-popup-right-form">
 
                         <Input className="appointment-demo-pc-popup-right-form-item"
-                        label="姓名" placeholder="请输入您的名称" 
+                        label={getLocale('Mod_UserName')} placeholder="请输入您的名称" 
                         id="name"
                         errMsg={errMsg}
                         required={true} 
@@ -261,7 +262,7 @@ export default (props)=>{
                         onBlur={onBlurName}
                         />
                         <Input  className="appointment-demo-pc-popup-right-form-item"
-                        label="手机号码" placeholder="请输入手机号" 
+                        label="手机号码" placeholder={getLocale('Pro_page_Ext_Tab_PhoneNumber')} 
                         id="phone"
                         errMsg={errMsg1}
                         required={true} 
@@ -284,7 +285,7 @@ export default (props)=>{
                         items={okrClassifyList}
                         initValue={selectValue}
                         renderSuffixIcon
-                        initText="请选择"
+                        initText={getLocale('Mod_Pleaseselect')}
                         onChangeClassify={handleSelectOkrClassify}
                         title="公司人数"
                         errMsg={errMsgNum}
@@ -294,7 +295,7 @@ export default (props)=>{
                         items={okrClassifyList1}
                         initValue={selectValue1}
                         renderSuffixIcon
-                        initText="请选择"
+                        initText={getLocale('Mod_Pleaseselect')}
                         onChangeClassify={handleSelectOkrClassify1}
                         title="您的身份"
                         errMsg={errMsgIde}
@@ -320,9 +321,9 @@ export default (props)=>{
                                 <div className={`${has('OKR 目标管理')?'appointment-demo-pc-popup-right-form-item-modules-item-active':''} appointment-demo-pc-popup-right-form-item-modules-item`}
                                 onClick={()=>onClickAddModules('OKR 目标管理')}
                                 >OKR 目标管理</div>
-                                <div className={`${has('绩效考核')?'appointment-demo-pc-popup-right-form-item-modules-item-active':''} appointment-demo-pc-popup-right-form-item-modules-item`}
-                                onClick={()=>onClickAddModules('绩效考核')}
-                                >绩效考核</div>
+                                <div className={`${has(getLocale('Menu_Title_Performance'))?'appointment-demo-pc-popup-right-form-item-modules-item-active':''} appointment-demo-pc-popup-right-form-item-modules-item`}
+                                onClick={()=>onClickAddModules(getLocale('Menu_Title_Performance'))}
+                                >{getLocale('Menu_Title_Performance')}</div>
                                 <div className={`${has('项目管理')?'appointment-demo-pc-popup-right-form-item-modules-item-active':''} appointment-demo-pc-popup-right-form-item-modules-item`}
                                 onClick={()=>onClickAddModules('项目管理')}
                                 >项目管理</div>
@@ -333,7 +334,7 @@ export default (props)=>{
                         </div>
                         <div className="appointment-demo-pc-popup-right-form-submit"
                             onClick={onClickSubmit}
-                        >提交</div>
+                        >{getLocale('Pro_detail_Submission')}</div>
                         </div>
                     </div>
                 
@@ -354,7 +355,7 @@ export default (props)=>{
 
             <div className="appointment-demo-h5-form-item">
                 <Input  
-                label="姓名" placeholder="请输入您的名称" 
+                label={getLocale('Mod_UserName')} placeholder="请输入您的名称" 
                 id="name"
                 errMsg={errMsg}
                 required={true} 
@@ -365,7 +366,7 @@ export default (props)=>{
             </div>
             <div className="appointment-demo-h5-form-item">
                 <Input  
-                label="手机号码" placeholder="请输入手机号" 
+                label="手机号码" placeholder={getLocale('Pro_page_Ext_Tab_PhoneNumber')}
                 id="phone"
                 errMsg={errMsg1}
                 required={true} 
@@ -389,7 +390,7 @@ export default (props)=>{
                 items={okrClassifyList}
                 initValue={selectValue}
                 renderSuffixIcon
-                initText="请选择"
+                initText={getLocale('Mod_Pleaseselect')}
                 onChangeClassify={handleSelectOkrClassify}
                 title="公司人数"
                 errMsg={errMsgNum}
@@ -399,7 +400,7 @@ export default (props)=>{
                 items={okrClassifyList1}
                 initValue={selectValue1}
                 renderSuffixIcon
-                initText="请选择"
+                initText={getLocale('Mod_Pleaseselect')}
                 onChangeClassify={handleSelectOkrClassify1}
                 title="您的身份"
                 errMsg={errMsgIde}
@@ -424,9 +425,9 @@ export default (props)=>{
                     <div className={` ${has('OKR 目标管理')?'appointment-demo-h5-form-item-modules-item-active':''} appointment-demo-h5-form-item-modules-item`}
                     onClick={()=>onClickAddModules('OKR 目标管理')}
                     >OKR 目标管理</div>
-                    <div className={` ${has('绩效考核')?'appointment-demo-h5-form-item-modules-item-active':''} appointment-demo-h5-form-item-modules-item`}
-                    onClick={()=>onClickAddModules('绩效考核')}
-                    >绩效考核</div>
+                    <div className={` ${has(getLocale('Menu_Title_Performance'))?'appointment-demo-h5-form-item-modules-item-active':''} appointment-demo-h5-form-item-modules-item`}
+                    onClick={()=>onClickAddModules(getLocale('Menu_Title_Performance'))}
+                    >{getLocale('Menu_Title_Performance')}</div>
                     <div className={` ${has('项目管理')?'appointment-demo-h5-form-item-modules-item-active':''} appointment-demo-h5-form-item-modules-item`}
                     onClick={()=>onClickAddModules('项目管理')}
                     >项目管理</div>
@@ -436,7 +437,7 @@ export default (props)=>{
                     >计划管理</div>
                 </div>
                 <div className="appointment-demo-h5-form-submit-bck">
-                    <div className="appointment-demo-h5-form-submit" onClick={onClickSubmit}>提交</div>
+                    <div className="appointment-demo-h5-form-submit" onClick={onClickSubmit}>{getLocale('Pro_detail_Submission')}</div>
                 </div>
 
             </div>

package/src/pages/group-management/page-view/empty.js

@@ -50,7 +50,7 @@ export default props => {
           onOk={onAddGroupHandler}
           sourceFrom="fromback"
           position="center"
-          trigger={<span className={classNames(`${preCls}__btn ${preCls}__btn--gray`)} >立即添加</span>}
+          trigger={<span className={classNames(`${preCls}__btn ${preCls}__btn--gray`)} >{getLocale('Pro_page_Ext_Tab_Addnow')}</span>}
           className={classNames(`${preCls}__btn ${preCls}__btn--gray`)}
         />
         <span className={classNames(`${preCls}__btn ${preCls}__btn--blue`)} onClick={() => setImportVisible(true)}>批量导入</span>

package/src/pages/group-management/page-view/importGroupStaff/index.js

@@ -3,6 +3,7 @@ import Upload from 'rc-upload'
 import Dialog from 'rc-dialog';
 import Toast from '../../../../components/toast'
 import { getApiUrl } from '../../groupInterface';
+import { getLocale } from '../../../../utils/getLocale';
 import excel from './img/excel.svg'
 
 import 'rc-dialog/assets/bootstrap.css';
@@ -15,7 +16,7 @@ export default props => {
   const sourceType = (type == 861 ? 861 : type == 860 ? 860 : 0)
   const [fileList, setFileList] = useState([])
   const [filename, setFilename] = useState('')
-  const [btnname, setBtnname] = useState('上传文件')
+  const [btnname, setBtnname] = useState(getLocale('Pro_page_File_Butt_UploadFolder'))
 
   const onDialogCloseHandler = () => {
     setVisible(false);
@@ -60,7 +61,7 @@ export default props => {
           if (xhr.readyState == 4 && xhr.status == 200) {
             var result = JSON.parse(xhr.responseText) // 上传成功接口返回数据
             if (result.Code === 1) {
-              setBtnname('上传文件')
+              setBtnname(getLocale('Pro_page_File_Butt_UploadFolder'))
               setFileList([])
               setFilename('')
               setVisible(false);
@@ -102,10 +103,10 @@ export default props => {
       title={<div>批量导入</div>}
       footer={[
         <button type="button" className="btn btn-default" key="close" onClick={onDialogCloseHandler}>
-          取消
+          {getLocale('Mod_Cancel')}
         </button>,
         <button type="button" className="btn btn-primary" key="save" onClick={onSubmitFileHandler}>
-          确定
+          {getLocale('OKR_MyO_Butt_Determine')}
         </button>
       ]}
     >

package/src/pages/group-management/table/index.js

@@ -4,6 +4,7 @@ import classNames from 'classnames';
 import './index.scss';
 import { OpenUserName, OpenDepartmentName } from '../../../utils/open-data';
 import {isWx,getUserInfo} from '../groupInterface'
+import { getLocale } from '../../../utils/getLocale';
 import ReactTooltip from 'react-tooltip';
 const preCls = 'user-group-page'
 
@@ -15,7 +16,7 @@ export default props => {
   }
   const columns = [
     {
-      title: '姓名',
+      title: getLocale('Mod_UserName'),
       dataIndex: 'name',
       key: 'name',
       render: (text, data) => {
@@ -48,7 +49,7 @@ export default props => {
       }
     },
     {
-      title: '部门',
+      title: getLocale('Mod_Department'),
       dataIndex: 'departmentName',
       key: 'departmentName',
       render:(text,data)=>{

package/src/pages/group-management/tree/add-group-dialog/index.js

@@ -4,6 +4,7 @@ import Dialog from 'rc-dialog';
 import GroupForm from '../group-form';
 import Toast from "../../../../components/toast"
 import { addGroup } from '../../groupInterface';
+import { getLocale } from '../../../../utils/getLocale';
 import 'rc-dialog/assets/bootstrap.css';
 import 'rc-dialog/assets/index.css';
 import '../index.scss';
@@ -82,10 +83,10 @@ export default props => {
       title={<div>新增群组</div>}
       footer={[
         <button type="button" className="btn btn-default" key="close" onClick={onDialogCloseHandler}>
-          取消
+          {getLocale('Mod_Cancel')}
         </button>,
         <button type="button" className={`btn ${isDisable?'btn-gray':'btn-primary'}`} disabled={isDisable} key="save" onClick={onAddGroupHandler}>
-          确定
+          {getLocale('OKR_MyO_Butt_Determine')}
         </button>
       ]}
     >

package/src/pages/group-management/tree/delete-group-dialog/index.js

@@ -3,6 +3,7 @@ import classNames from 'classnames';
 import Dialog from 'rc-dialog';
 import GroupForm from '../group-form';
 
+import { getLocale } from '../../../../utils/getLocale.ts';
 import { addGroup, getVisible, editGroup } from '../../groupInterface';
 import 'rc-dialog/assets/bootstrap.css';
 import 'rc-dialog/assets/index.css';
@@ -41,10 +42,10 @@ export default props => {
         </div>
         <div className={classNames(`${preCls}__dialog-dele-group-footer`)}>
             <div type="button" className="btn btn-default" key="close" onClick={() => setVisible(false)}>
-            取消
+            {getLocale('Mod_Cancel')}
             </div>
             <div type="button" className="btn btn-error" key="dele" onClick={onDelete}>
-            删除
+            {getLocale('Mod_Delete')}
             </div>
         </div> 
     </Dialog>

package/src/pages/group-management/tree/edit-group-dialog/index.js

@@ -3,6 +3,7 @@ import classNames from 'classnames';
 import Dialog from 'rc-dialog';
 import GroupForm from '../group-form';
 import Toast from "../../../../components/toast"
+import { getLocale } from '../../../../utils/getLocale.ts';
 import { addGroup, getVisible, editGroup } from '../../groupInterface';
 import 'rc-dialog/assets/bootstrap.css';
 import 'rc-dialog/assets/index.css';
@@ -78,10 +79,10 @@ export default props => {
       title={<div>编辑群组</div>}
       footer={[
         <button type="button" className="btn btn-default" key="close" onClick={onDialogCloseHandler}>
-          取消
+          {getLocale('Mod_Cancel')}
         </button>,
         <button type="button" className={`btn ${isDisable?'btn-gray':'btn-primary'}`}  disabled={isDisable}  key="save" onClick={editGroupHandler}>
-          确定
+          {getLocale('OKR_MyO_Butt_Determine')}
         </button>
       ]}
     >

package/src/pages/group-management/tree/group-form/index.js

@@ -3,6 +3,7 @@ import classNames from 'classnames';
 import UserSelector from '../../../../components/user-selector';
 import { Textarea, Radio } from 'tita-ui';
 import { getVisible } from '../../groupInterface';
+import { getLocale } from '../../../../utils/getLocale';
 import './index.scss'
 
 const preCls = 'user-group-page'
@@ -108,14 +109,14 @@ export default forwardRef((props, ref) => {
           checked={scopeChecked == 0 ? true : false}
           onChange={() => onRadioClickHandler(0)}
         />
-        <label htmlFor="total" className="text">全部人员</label>
+        <label htmlFor="total" className="text">{getLocale('Pro_page_Plan_Allpersonnel')}</label>
       </span>
       <span>
         <Radio id="scope"
           checked={scopeChecked == 1 ? true : false}
           onChange={() => onRadioClickHandler(1)}
         />
-        <label htmlFor="scope" className="text">指定人员</label>
+        <label htmlFor="scope" className="text">{getLocale('Per_Ass_New_Appr_detail_Design')}</label>
       </span>
       {scopeChecked == 1 &&
         <div className={classNames(`${preCls}__form-field-seletor`)}>

package/src/pages/group-management/tree/operation-panel.js

@@ -1,5 +1,6 @@
 import React, { useEffect, useState } from 'react';
 import classNames from 'classnames';
+import { getLocale } from '../../../utils/getLocale';
 import './index.scss';
 
 const preCls = 'user-group-page'
@@ -9,10 +10,10 @@ export default props => {
 
   return <div className={classNames(`${preCls}__operation`)} onClick={e => e.stopPropagation()}>
     <div className={classNames(`${preCls}__operation-item`)} onClick={onEdit}>
-      <span>编辑</span>
+      <span>{getLocale('Mod_Editor')}</span>
     </div>
     <div className={classNames(`${preCls}__operation-item`)} onClick={onDelete}>
-      <span>删除</span>
+      <span>{getLocale('Mod_Delete')}</span>
     </div>
   </div>
 }

package/src/pages/group-management/tree/trigger-render.js

@@ -3,6 +3,7 @@ import classNames from 'classnames';
 import Trigger from 'rc-trigger';
 import OpeartionPanel from './operation-panel';
 import { deleteGroupType } from "../groupInterface"
+import { getLocale } from '../../../utils/getLocale';
 import Toast from "../../../components/toast"
 import DeleteGroupDialog from './delete-group-dialog';
 import './index.scss';
@@ -18,7 +19,7 @@ export default props => {
   const onDeleteOk = () =>{
     deleteGroupType(props.id).then(res=>{
       if(res.Code==1){
-        Toast.Success('删除成功')
+        Toast.Success(getLocale('Pro_detail_Deletsuccess'))
       }
       props.onDelete && props.onDelete(props)
     } 

package/src/pages/home/components/data-list/index.tsx

@@ -1,6 +1,7 @@
 import React, { useState, useEffect, Fragment } from "react";
 import HomeDataTable from "./table";
 import HomeNavSelector from './nav-selector'
+import { getLocale } from "../../../../utils/getLocale";
 // import Pagination from '../../../../components/pagination'
 import './index.scss'
 
@@ -18,18 +19,18 @@ const HomePageDataList = () => {
 
   const [source, setSource] = useState('')//从url中获取页面来源
   const [type, setType] = useState('')//从url中获取查找类型
-  const [cycleTime, setCycleTime] = useState<CycleTime>({ name: '全部周期', yearNum: '2021', cycleType: '-1', yqmNum: '0' })//周期时间
+  const [cycleTime, setCycleTime] = useState<CycleTime>({ name: getLocale('OKR_MyO_Butt_AllStates'), yearNum: '2021', cycleType: '-1', yqmNum: '0' })//周期时间
 
   const typeMap = new Map()
-  typeMap.set('all', '全部')
-  typeMap.set('hadNotAlign', '未对齐')
-  typeMap.set('hadAlign', '已对齐')
-  typeMap.set('hadNotUpdate', '未更新')
-  typeMap.set('hadUpdate', '已更新')
-  typeMap.set('normalOkr', '正常')
-  typeMap.set('riskOkr', '有风险')
-  typeMap.set('dalyOkr', '已延期')
-  typeMap.set('endOkr', '已结束')
+  typeMap.set('all', getLocale('Mod_all'))
+  typeMap.set('hadNotAlign', getLocale('OKR_Db_Unaligned'))
+  typeMap.set('hadAlign', getLocale('OKR_Db_Aligned'))
+  typeMap.set('hadNotUpdate', getLocale('HP_Notupdated'))
+  typeMap.set('hadUpdate', getLocale('HP_Updated'))
+  typeMap.set('normalOkr', getLocale('OKR_MyO_Pop_Upd_Notrack'))
+  typeMap.set('riskOkr', getLocale('OKR_MyO_Pop_Upd_Atrisk'))
+  typeMap.set('dalyOkr', getLocale('OKR_MyO_Pop_Upd_Postoned'))
+  typeMap.set('endOkr', getLocale('OKR_MyO_Butt_Hasended'))
 
 
   useEffect(() => {
@@ -53,7 +54,7 @@ const HomePageDataList = () => {
         {/* 为什么inline不可以？ */}
         <a href='#homepage' className={`${preCls}__header--back`} >
           <span className="tu-icon-fanhui" />
-          返回
+          {getLocale('Mod_Back')}
         </a>
         <b />
         {source === 'align' && 'OKR 对齐'}

package/src/pages/home/components/data-list/nav-selector/index.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 import SearchDropdown from '../../../../../components/search-dropdown'
 import PeriodSelector from '../../../../../components/period-selector'
-
+import { getLocale } from "../../../../../utils/getLocale";
 import { CycleTime } from '../index'
 
 interface Props {
@@ -24,7 +24,7 @@ const HomeNavSelector = (props: Props) => {
     switch (cycleType) {
       case '-1':
         setCycleTime({
-          name: '全部周期',
+          name: getLocale('OKR_MyO_Butt_AllStates'),
           cycleType: cycleType,
           yearNum: annualNum,
           yqmNum: yqmNum
@@ -32,7 +32,7 @@ const HomeNavSelector = (props: Props) => {
         break
       case '0':
         setCycleTime({
-          name: '自定义',
+          name: getLocale('Mod_Customization'),
           yearNum: annualNum,
           cycleType: cycleType,
           yqmNum: yqmNum
@@ -93,27 +93,27 @@ const HomeNavSelector = (props: Props) => {
           {
             source === 'align' &&
             <SearchDropdown value={type} onChange={setType} >
-              <SearchDropdown.Option value="all">全部</SearchDropdown.Option>
-              <SearchDropdown.Option value='hadNotAlign'>未对齐</SearchDropdown.Option>
-              <SearchDropdown.Option value='hadAlign'>已对齐</SearchDropdown.Option>
+              <SearchDropdown.Option value="all">{getLocale('Mod_all')}</SearchDropdown.Option>
+              <SearchDropdown.Option value='hadNotAlign'>{getLocale('OKR_Db_Unaligned')}</SearchDropdown.Option>
+              <SearchDropdown.Option value='hadAlign'>{getLocale('OKR_Db_Aligned')}</SearchDropdown.Option>
             </SearchDropdown>
           }
           {
             source === 'update' &&
             <SearchDropdown value={type} onChange={setType} >
-              <SearchDropdown.Option value="all">全部</SearchDropdown.Option>
-              <SearchDropdown.Option value='hadNotUpdate'>未更新</SearchDropdown.Option>
-              <SearchDropdown.Option value='hadUpdate'>已更新</SearchDropdown.Option>
+              <SearchDropdown.Option value="all">{getLocale('Mod_all')}</SearchDropdown.Option>
+              <SearchDropdown.Option value='hadNotUpdate'>{getLocale('HP_Notupdated')}</SearchDropdown.Option>
+              <SearchDropdown.Option value='hadUpdate'>{getLocale('HP_Updated')}</SearchDropdown.Option>
             </SearchDropdown>
           }
           {
             source === 'target' &&
             <SearchDropdown value={type} onChange={setType} >
-              <SearchDropdown.Option value="all">全部</SearchDropdown.Option>
-              <SearchDropdown.Option value='normalOkr'>正常</SearchDropdown.Option>
-              <SearchDropdown.Option value='riskOkr'>有风险</SearchDropdown.Option>
-              <SearchDropdown.Option value='dalyOkr'>已延期</SearchDropdown.Option>
-              <SearchDropdown.Option value='endOkr'>已结束</SearchDropdown.Option>
+              <SearchDropdown.Option value="all">{getLocale('Mod_all')}</SearchDropdown.Option>
+              <SearchDropdown.Option value='normalOkr'>{getLocale('OKR_MyO_Pop_Upd_Notrack')}</SearchDropdown.Option>
+              <SearchDropdown.Option value='riskOkr'>{getLocale('OKR_MyO_Pop_Upd_Atrisk')}</SearchDropdown.Option>
+              <SearchDropdown.Option value='dalyOkr'>{getLocale('OKR_MyO_Pop_Upd_Postoned')}</SearchDropdown.Option>
+              <SearchDropdown.Option value='endOkr'>{getLocale('OKR_MyO_Butt_Hasended')}</SearchDropdown.Option>
             </SearchDropdown>
           }
         </div>