@titaui/pc 1.8.4 → 1.8.8

package/src/pages/home/components/guide/index.tsx

@@ -1,8 +1,9 @@
 import { getUserInfo } from "../../../../utils/bs-global";
 import React, { ReactElement, useState, useEffect } from "react";
 import Queue from "rc-queue-anim";
-import "./index.scss";
+import { getLocale } from "../../../../utils/getLocale";
 import HomeGuideStepItem from "./stepItem";
+import "./index.scss";
 
 interface Props {}
 
@@ -28,7 +29,7 @@ function HomePageGuide({}: Props): ReactElement {
           onClick={() => setVisible(true)}
         >
           <i className="tu-icon-T-zhinan" />
-          如何使用 Tita
+            {getLocale('HP_HowTita')}
         </div>
       )}
       {visible && (
@@ -40,30 +41,30 @@ function HomePageGuide({}: Props): ReactElement {
             />
             <div className={prefixCls + "__guide-steps"}>
               <div className={prefixCls + "__guide-title"}>
-                四步上手 Tita OKR
+                {getLocale('HP_FourstepsTita')}
               </div>
               <HomeGuideStepItem
-                title="设定 OKR"
+                title={getLocale('HP_DevelopOKR')}
                 step={1}
-                linkName="教程: 如何在 Tita 上设定 OKR"
+                linkName={getLocale('HP_Tut_developOKRs')}
                 href="https://club.tita.com/18150.html"
               />
               <HomeGuideStepItem
-                title="对齐 OKR"
+                title={getLocale('HP_AlignmentOKR')}
                 step={2}
-                linkName="教程: 如何在 Tita 上对齐 OKR"
+                linkName={getLocale('HP_TutalignmentOKR')}
                 href="https://club.tita.com/18150.html"
               />
               <HomeGuideStepItem
-                title="任务执行支撑目标达成"
+                title={getLocale('HP_Taskachievement')}
                 step={3}
-                linkName="教程: 如何在 Tita 上分解任务"
+                linkName={getLocale('HP_TuttasksonTita')}
                 href="https://club.tita.com/18165.html"
               />
               <HomeGuideStepItem
-                title="更新进度"
+                title={getLocale('HP_UpdateProgress')}
                 step={4}
-                linkName="教程: 如何在 Tita 上更新 OKR"
+                linkName={getLocale('HP_TutOKRonTita')}
                 href="https://club.tita.com/18179.html"
                 isFinalStep
               />
@@ -74,7 +75,7 @@ function HomePageGuide({}: Props): ReactElement {
                 target="_blank"
               >
                 <i className="tu-icon-shoushi" />
-                更多产品培训课程
+                {getLocale('HP_Morecourses')}
               </a>
             </div>
           </div>

package/src/pages/home/components/header/index.tsx

@@ -1,5 +1,6 @@
 import React, { ReactElement } from 'react'
 import Tabs,{ TabPane }  from '../../../../components/tabs'
+import { getLocale } from '../../../../utils/getLocale'
 import "./index.scss"
 
 interface Props {
@@ -10,7 +11,7 @@ function Header({}: Props): ReactElement {
   return (
     <div className="tita-tab-header">
       <Tabs size={"big"}>
-        <TabPane tab="我的" tabKey="my"></TabPane>
+        <TabPane tab={getLocale('HP_My')} tabKey="my"></TabPane>
       </Tabs>
     </div>
   )

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

@@ -1,6 +1,7 @@
 import React, { useState, useEffect } from 'react';
 import HomeDataTable from '../home/components/data-list/table';
 import HomeNavSelector from '../home/components/data-list/nav-selector';
+import { getLocale } from '../../utils/getLocale';
 // import Pagination from '../../../../components/pagination'
 import '../home/components/data-list/index.scss';
 
@@ -17,22 +18,22 @@ const HomePageDataList = () => {
   const [source, setSource] = useState(''); //从url中获取页面来源
   const [type, setType] = useState(''); //从url中获取查找类型
   const [cycleTime, setCycleTime] = useState<CycleTime>({
-    name: '全部周期',
+    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(() => {
     const query = window.location.hash.split('?')[1]; //将hash后的以#分开，取后面
@@ -54,7 +55,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/like-ranking/column.tsx

@@ -2,9 +2,9 @@ import React from "react";
 import TooltipText from "../../components/tooltip/tooltip-text";
 
 import Avatar from "../../components/avatar/default"
-import { isWx, getUserInfo,formatNum } from "../../utils/bs-global";
-import { getUrlForUserPage } from "../../utils/tools";
-import { OpenUserName, OpenDepartmentName, isWechat } from "../../utils/open-data";
+import { formatNum } from "../../utils/bs-global";
+import { getLocale } from "../../utils/getLocale";
+import { OpenUserName, OpenDepartmentName, } from "../../utils/open-data";
 
 import "./index.scss";
 
@@ -27,7 +27,7 @@ export const columns = () => {
 
   return [
     {
-      title: "排名",
+      title: getLocale('Feed_Set_Form_Title_Ranking'),
       dataIndex: "rankNum",
       width:100,
       key: "rankNum",
@@ -39,7 +39,7 @@ export const columns = () => {
       },
     },
     {
-      title: "姓名",
+      title: getLocale('Mod_UserName'),
       dataIndex: "name",
       key: "name",
       width:100,
@@ -71,7 +71,7 @@ export const columns = () => {
       },
     },
     {
-      title: "所属部门",
+      title: getLocale('Per_Ass_New_Appr_detail_Affiliat'),
       width:100,
       dataIndex: "departmentName",
       key: "departmentName",
@@ -88,7 +88,7 @@ export const columns = () => {
       },
     },
     {
-      title: "一级部门",
+      title: getLocale('Per_Ass_New_Appr_detail_First'),
       width:100,
       dataIndex: "oneLevelDepName",
       key: "oneLevelDepName",
@@ -105,7 +105,7 @@ export const columns = () => {
       },
     },
     {
-      title: "点赞数",
+      title: getLocale('Feed_Set_Form_Title_Likes'),
       width:100,
       dataIndex: "pariseNums",
       key: "pariseNums",
@@ -114,7 +114,7 @@ export const columns = () => {
         return (
           <span className={`${preCls}__td-like`}>
             <span className={`${preCls}__td-num`}>{formatNum(data.pariseNums)}</span>
-            点赞
+            {getLocale('Mod_Kudos')}
           </span>
         );
       },

package/src/pages/like-ranking/filter-buttons/department.tsx

@@ -1,5 +1,6 @@
-import React, { FC, useState, useRef } from "react";
+import React, { FC, useRef } from "react";
 
+import { getLocale } from "../../../utils/getLocale";
 import UserSelector from "../../../components/user-selector";
 import SearchDropdown from "./search-dropdown";
 import "./index.scss";
@@ -23,7 +24,7 @@ const DepartMent: FC<any> = ({ setParma }) => {
         onSelect={onDepartSelect}
         position="bottomLeft"
       >
-        <SearchDropdown>部门</SearchDropdown>
+        <SearchDropdown>{getLocale('Mod_Department')}</SearchDropdown>
       </UserSelector>
 
     </div>

package/src/pages/like-ranking/filter-buttons/group.tsx

@@ -2,6 +2,7 @@ import React, { FC } from "react";
 
 import UserSelector from "../../../components/user-selector";
 import SearchDropdown from "./search-dropdown";
+import { getLocale } from "../../../utils/getLocale";
 import "./index.scss";
 
 const DepartMent: FC<any> = ({ setParma }) => {
@@ -18,7 +19,7 @@ const DepartMent: FC<any> = ({ setParma }) => {
         position="bottomLeft"
       >
         <span>
-          <SearchDropdown>群组</SearchDropdown>
+          <SearchDropdown>{getLocale('Mod_Groups')}</SearchDropdown>
         </span>
       </UserSelector.Group>
 

package/src/pages/like-ranking/filter-buttons/modular.tsx

@@ -1,5 +1,6 @@
 import React, { FC, useState, Fragment } from "react";
 import DropSelector, { Item } from "../../../components/drop-selector";
+import { getLocale } from "../../../utils/getLocale";
 import classNames from "classnames";
 import SearchDropdown from "./search-dropdown";
 import { hasWebHead } from "../../../utils/bs-global";
@@ -9,15 +10,17 @@ const preCls = "filter-buttons-modular";
 const Modular: FC<any> = ({ setParma }) => {
   const [value, setValue] = useState("0");
   const [visible, setVisible] = useState(false);
-  let list = [
-    { value: "0", label: "全部" },
-    hasWebHead("okr") && { value: "101", label: "目标" },
-    hasWebHead("okr") && { value: "15", label: "关键成果" },
-    hasWebHead("project") && { value: "10", label: "项目" },
-    hasWebHead("task") && { value: "20", label: "任务" },
-    { value: "5", label: "总结" },
-    hasWebHead("kaohe") && { value: "7", label: "绩效考核" },
+  let list:any = [
+    { value: "0", label: getLocale('Mod_all') },
+    hasWebHead("okr") ? { value: "101", label: getLocale('Mod_Objective') }:'',
+    hasWebHead("okr") ? { value: "15", label: getLocale('Mod_KeyResults') }:'',
+    hasWebHead("project") ? { value: "10", label: getLocale('Menu_Title_Projects') }:'',
+    hasWebHead("task") ? { value: "20", label: getLocale('Mod_Tasks') } : '',
+    { value: "5", label: getLocale('Menu_Title_Reports') },
+    hasWebHead("kaohe") ? { value: "7", label: getLocale('Menu_Title_Performance') }:'',
   ];
+  list = list.filter((item)=>{return !!item} )
+  console.log(list)
 
   const onMenuClickHandler = (name) => {
     setValue(name);

package/src/pages/like-ranking/filter-buttons/name.tsx

@@ -2,6 +2,7 @@ import React, { FC, useState, Fragment } from "react";
 
 import UserSelector from "../../../components/user-selector";
 import SearchDropdown from "./search-dropdown";
+import { getLocale } from "../../../utils/getLocale";
 import "./index.scss";
 
 const Name: FC<any> = ({ setParma }) => {
@@ -33,7 +34,7 @@ const Name: FC<any> = ({ setParma }) => {
           group: false,
         }}
       >
-        <SearchDropdown>姓名</SearchDropdown>
+        <SearchDropdown>{getLocale('Mod_UserName')}</SearchDropdown>
       </UserSelector>
     </Fragment>
   );

package/src/pages/like-ranking/filter-buttons/timer.tsx

@@ -4,6 +4,7 @@ import {
   showMonthFirstDay,
   showMonthLastDay,
 } from "../../../utils/format-time";
+import { getLocale } from "../../../utils/getLocale";
 import SearchDropdown from "./search-dropdown";
 import "./index.scss";
 
@@ -28,7 +29,7 @@ const Timer: FC<any> = ({ setParma, parmas,setType }) => {
         }}
         // container={container}
       >
-        <SearchDropdown noRightLine={true} >时间</SearchDropdown>
+        <SearchDropdown noRightLine={true} >{getLocale('Feed_Set_Pop_Butt_Time')}</SearchDropdown>
       </RangePickerPop>
     </Fragment>
   );

package/src/pages/like-ranking/index.tsx

@@ -1,6 +1,7 @@
 import React, { FC, useState, useEffect } from "react";
 import classNames from "classnames";
 import FilterButton from "./filter-buttons";
+import { getLocale } from "../../utils/getLocale";
 import {
   showWeekFirstDay,
   showMonthFirstDay,
@@ -39,7 +40,7 @@ const LikeRanking: FC = () => {
   const [total, setTotal] = useState(0);
   const [pariseInfos, setPariseInfos] = useState([]);
   const [isLoading, setIsloading] = useState(false);
-  const [type, setType] = useState("全部");
+  const [type, setType] = useState(getLocale('Mod_all'));
 
   const setParma = (key, value) => {
     let obj = { ...parmas };
@@ -81,13 +82,13 @@ const LikeRanking: FC = () => {
     setType(item);
     let createDate = "";
     let endDate = "";
-    if (item == "本月") {
+    if (item == getLocale('Feed_Tab_Title_Thismonth')) {
       createDate = showMonthFirstDay();
       endDate = showNextMonthFirstDay();
-    } else if (item == "本周") {
+    } else if (item == getLocale('Feed_Tab_Title_Thisweek')) {
       createDate = showWeekFirstDay();
       endDate = showNextWeekFirstDay();
-    } else if (item == "本年") {
+    } else if (item == getLocale('Feed_Tab_Title_Thisyear')) {
       createDate = getFirstDayOfYear();
       endDate = getNextDayOfYear();
     }
@@ -96,7 +97,7 @@ const LikeRanking: FC = () => {
   };
 
   const TabBar = () => {
-    const typeData = ["全部", "本周", "本月", "本年"];
+    const typeData = [`${getLocale('Mod_all')}`, `${getLocale('Feed_Tab_Title_Thisweek')}`, `${getLocale('Tasks_Menu_Thismonth')}`, getLocale('Feed_Tab_Title_Thisyear')];
     return (
       <div className={`${preCls}__tab-bar`}>
         {typeData.map((item, key) => {
@@ -124,7 +125,7 @@ const LikeRanking: FC = () => {
           className={preCls + "__empty-img"}
           src={require("./image/dynamic-empty.png")}
         />
-        <span className={preCls + "__empty-text"}>暂无数据</span>
+        <span className={preCls + "__empty-text"}>{getLocale('Pro_Butt_Nodata')}</span>
       </div>
     );
   };
@@ -156,10 +157,10 @@ const LikeRanking: FC = () => {
           onClick={handleLinkToPraiseRaking}
         >
           <span className={`tu-icon-fanhui ${preCls}__header-back-icon`}></span>
-          返回
+          {getLocale('Mod_Back')}
         </span>
         <span className={`${preCls}__header-line`}></span>
-        <span className={`${preCls}__header-text`}>点赞排行榜</span>
+        <span className={`${preCls}__header-text`}>{getLocale('Feed_Title_Likeranking')}</span>
       </div>
       <div className={`${preCls}__bottom`}>
         <div className={`${preCls}__btns`}>

package/src/pages/new-okr-list/context.ts

@@ -1,3 +1,3 @@
 import React from "react";
 
-export const Context = React.createContext({});
+export const Context:any = React.createContext({});

package/src/pages/new-okr-list/header/comments.tsx

@@ -2,6 +2,7 @@ import React, { useRef, useContext } from "react";
 import Tooltip from "../../../components/tooltip";
 import { Context } from "../context";
 import { precls } from "../precls";
+import { getLocale } from "../../../utils/getLocale";
 import { formatPeriod } from "../../../components/period-selector/common";
 import "./index.scss";
 
@@ -19,7 +20,7 @@ const Comments = (props) => {
 
   return (
     <div className={`${precls}__header-item`}>
-      <Tooltip overlay="沟通" placement="top">
+      <Tooltip overlay={getLocale('Mod_Communication')} placement="top">
         <span className={`${precls}__header-icon`}>
           <span className="tu-icon-feed" onClick={openComments} />
         </span>

package/src/pages/new-okr-list/header/create-okr.tsx

@@ -6,6 +6,7 @@ import React, {
 } from "react";
 import Button from "../../../components/button";
 import CreateOkrModal from "../../../components/create-okr-modal";
+import { getLocale } from "../../../utils/getLocale";
 import Toast from "../../../components/toast";
 import { getOkrInfoWithListData } from "../request-api";
 
@@ -38,7 +39,7 @@ const CreateOkr = (_props, ref) => {
 
   return (
     <>
-      <Button.Rect text="创建" type="primary" size="big" onClick={handleModalOpen} />
+      <Button.Rect text={getLocale('Mod_Create')} type="primary" size="big" onClick={handleModalOpen} />
       <CreateOkrModal
         ref={CreateOkrModalRef}
         visible={visible}

package/src/pages/new-okr-list/header/depart-title.tsx

@@ -2,6 +2,7 @@ import React from "react";
 import Switch from "../../../components/switch";
 import Tooltip from "../../../components/tooltip";
 import { OpenDepartmentName } from "../../../utils/open-data";
+import { getLocale } from "../../../utils/getLocale";
 import { precls } from "../precls";
 import "./index.scss";
 interface IProps {
@@ -37,7 +38,7 @@ const DepartTitle = (props: IProps) => {
           maxWidth={160}
           text={
             <>
-              {departmentId == 0 && '公司全部目标'}
+              {departmentId == 0 && getLocale('OKR_CompanyAll_Allobje')}
               {departmentId != 0 && (
                 <OpenDepartmentName name={departmentName} id={departmentId} />
               )}
@@ -50,7 +51,7 @@ const DepartTitle = (props: IProps) => {
           label={
             <span>
               <Tooltip
-                overlay="开关开启后，列表将不展示部门下所有子部门的数据"
+                overlay={getLocale('OKR_ComAll_Wswitchon')}
                 placement="top"
               >
                 <span

package/src/pages/new-okr-list/header/filter.tsx

@@ -5,6 +5,7 @@ import PeriodSelector  from "../../../components/period-selector";
 import { localStorage } from "../../../utils/local-storage";
 import { getQueryString } from "../../../utils/tools";
 import { precls } from "../precls";
+import { getLocale } from "../../../utils/getLocale";
 
 const Filter = (props) => {
   const useLocalStorage = new localStorage();
@@ -83,7 +84,7 @@ const Filter = (props) => {
 
         <span className={`${precls}__header-filter-right`}>
           <span className={`${precls}__header-filter-line`}></span>
-          <Tooltip overlay="筛选" placement="top">
+          <Tooltip overlay={getLocale('OKR_MyO_Text_Screening')} placement="top">
             <span
               className={`tu-icon-shaixuan ${precls}__header-filter-shaixuan`}
               onClick={openFilterDrawer}

package/src/pages/new-okr-list/header/index.tsx

@@ -18,6 +18,7 @@ import Filter from "./filter";
 import Comments from "./comments";
 import { Context } from "../context";
 import { getUserInfoById } from "../request-api";
+import { getLocale } from "../../../utils/getLocale";
 import "./index.scss";
 
 const Header = (props, ref) => {
@@ -145,7 +146,7 @@ const Header = (props, ref) => {
                 <CreateOkr ref={createOkrRef} onFrontAddOKR={onFrontAddOKR} />
               </div>
               <div className={`${precls}__header-item`} onClick={gotoOkrMap}>
-                <Tooltip overlay="地图" placement="top">
+                <Tooltip overlay={getLocale('OKR_MyO_Text_Alignment')} placement="top">
                   <span className={`${precls}__header-icon`}>
                     <span className="tu-icon-yangshi-ditu" />
                   </span>

package/src/pages/new-okr-list/header/relation-title.tsx

@@ -1,11 +1,12 @@
 import React from "react";
 import { precls } from "../precls";
+import { getLocale } from "../../../utils/getLocale";
 import "./index.scss";
 
 const RelationTitle = ({ relation }) => {
   const relationTitle = {
-    "2": "我参与的",
-    "3": "我关注的",
+    "2": getLocale('OKR_Menu_Title_Collaborator'),
+    "3": getLocale('OKR_Menu_Title_FollowingOKRs'),
   };
 
   return (

package/src/pages/new-okr-list/index.tsx

@@ -22,6 +22,7 @@ import ERROR_LEVEL from "../../utils/error-level";
 import { okrSearch, okrList, visitOkrCyclePag } from "./request-api";
 import { Context } from "./context";
 import { precls } from "./precls";
+import { getLocale } from "../../utils/getLocale";
 import "./index.scss";
 import "./theme.scss";
 
@@ -251,11 +252,11 @@ const NewOkrList = (props) => {
         <InitCycleSetting SetCycleModal={SetCycleModal} />
         {!loading && (
           <div className='okr-list__check-filter-tips'>
-            找不到OKR？试试
+            {getLocale('OKR_MyO_Text_CanfindOKR')}
             <span className='okr-list__check-filter-btn'   onClick={triggerAnimation}>
-              检查
+              {getLocale('OKR_MyO_Text_Check')}
             </span>
-            顶部筛选条件
+            {getLocale('OKR_MyO_Text_Topfiltercriteria')}
           </div>
         )}
         <Dialog

package/src/pages/new-okr-list/keyword-search/index.tsx

@@ -1,6 +1,7 @@
 
 import React, { useState, useRef }  from 'react';
 import classnames from 'classnames';
+import { getLocale } from '../../../utils/getLocale';
 import './index.scss';
 
 const precls = 'titaui-keyword-search';
@@ -44,7 +45,7 @@ const KeywordSearch = (props: IProps) => {;
 
   return <div className={classnames(precls, {[`${precls}--active`]: active})}>
     <span className={`${precls}__input` }>
-      <input value={keyword} onKeyUp={handleOnKeyDown} onChange={changeValue} ref={inputRef} onBlur={handleOnBlur} placeholder='输入关键字' />
+      <input value={keyword} onKeyUp={handleOnKeyDown} onChange={changeValue} ref={inputRef} onBlur={handleOnBlur} placeholder={getLocale('Mod_Enterkeywords')} />
     </span>
     {
       keyword.length > 0 && 

package/src/pages/okr-map/export-modules/okr-map/header/index.js

@@ -2,6 +2,7 @@ import React, { useState } from 'react';
 import classNames from 'classnames';
 import Switch from '../../../../../components/switch';
 import Popup from '../../../../../components/popup';
+import { getLocale } from '../../../../../utils/getLocale';
 import SearchDropdown from '../../../../../components/search-dropdown';
 import PeriodSelector from '../../../../../components/period-selector';
 import IconButtonList from '../../../../../components/icon-button-list';
@@ -34,19 +35,19 @@ export default props => {
   const [visible, setVisible] = useState(false);
 
   const iconButtons = [
-    { 'icon': 'export', 'overlay': '导出' },
-    { 'icon': 'share', 'overlay': '分享' },
-    { 'icon': fullScreen ? 'quit-fullscreen' : 'fullscreen', 'overlay': '全屏' },
-    { 'icon': direction == 'horizontal' ? 'vertical' : 'horizontal', 'overlay': direction == 'horizontal' ? '切换纵向查看' : '切换横向查看', 'placement': 'topRight' },
+    { 'icon': 'export', 'overlay': getLocale('Mod_Export') },
+    { 'icon': 'share', 'overlay': getLocale('OKR_MyO_Share') },
+    { 'icon': fullScreen ? 'quit-fullscreen' : 'fullscreen', 'overlay': getLocale('OKR_Ali_Butt_Fullscreen') },
+    { 'icon': direction == 'horizontal' ? 'vertical' : 'horizontal', 'overlay': direction == 'horizontal' ? `${getLocale('OKR_Ali_Butt_Toggleportrait')}` : `${getLocale('OKR_Ali_Butt_Togglelandscape')}`, 'placement': 'topRight' },
   ];
 
   const popup = (
     <div className={classNames(`${preCls}__show-more-popup`)}>
       <div className={classNames(`${preCls}__header-action-showkr`)}>
-        <Switch label='展示 KR' checked={showkr} onChange={() => setVisible(true)} />
+        <Switch label={getLocale('OKR_Ali_Butt_ExhibitionKRs')} checked={showkr} onChange={() => setVisible(true)} />
       </div>
       <div className={classNames(`${preCls}__header-action-level`)}>
-        <NumberSelect max={10} min={1} onChange={num => onLevelChange(num)} label="展示层级" defaultValue={openLevel} />
+        <NumberSelect max={10} min={1} onChange={num => onLevelChange(num)} label={getLocale('OKR_Ali_Butt_Displaylevel')} defaultValue={openLevel} />
       </div>
     </div>
   )
@@ -60,7 +61,7 @@ export default props => {
   return (
     <div className={classNames(`${preCls}__header`, { [`${preCls}__header__folded`]: fold })}>
       <div className={classNames(`${preCls}__header-title`)}>
-        <span className={classNames(`${preCls}__header-title-text`)}>目标地图</span>
+        <span className={classNames(`${preCls}__header-title-text`)}>{getLocale('OKR_Ali_Title_Objectivemap')}</span>
         <span className={classNames(`${preCls}__header-title-right`)}>
           <span className={classNames(`${preCls}__header-theme`)} onClick={onThemeChange}>
             切换{darkTheme ? '浅色' : '深色'}模式
@@ -72,25 +73,25 @@ export default props => {
       <div className={classNames(`${preCls}__header-action`)}>
 
         <span className={classNames(`${preCls}__header-action-search`)}>
-          <SearchDropdown placeholder='请选择' value={searchType} onChange={onSearchChange}>
-            <SearchDropdown.Option value='company'>公司目标</SearchDropdown.Option>
-            <SearchDropdown.Option value='depart'>按部门查看</SearchDropdown.Option>
+          <SearchDropdown placeholder={getLocale('Mod_Pleaseselect')} value={searchType} onChange={onSearchChange}>
+            <SearchDropdown.Option value='company'>{getLocale('OKR_Ali_From_Companyobje')}</SearchDropdown.Option>
+            <SearchDropdown.Option value='depart'>{getLocale('OKR_Ali_From_Viewdepartment')}</SearchDropdown.Option>
             {OkrTypeSetting && (
-              <SearchDropdown.Option value='group'>按团队查看</SearchDropdown.Option>
+              <SearchDropdown.Option value='group'>{getLocale('OKR_Ali_From_Viewteam')}</SearchDropdown.Option>
             )}
-            <SearchDropdown.Option value='user'>按成员查看</SearchDropdown.Option>
+            <SearchDropdown.Option value='user'>{getLocale('OKR_Ali_From_Viewmember')}</SearchDropdown.Option>
           </SearchDropdown>
         </span>
 
         <Popup popup={popup} >
-          <span className={classNames(`${preCls}__header-action--show-more`)}>展示更多</span>
+          <span className={classNames(`${preCls}__header-action--show-more`)}>{getLocale('OKR_Ali_Butt_Exhibitionmore')}</span>
         </Popup>
 
         <span className={classNames(`${preCls}__header-action-btns`)}>
           <IconButtonList items={iconButtons} onClick={(e, iconType) => onBtnClick(iconType)} />
         </span>
       </div>
-      <Tooltip overlay={fold ? '展开' : '收起'} placement='top' >
+      <Tooltip overlay={fold ? `${getLocale('Mod_Unfold')}` : `${getLocale('Mod_Fold')}`} placement='top' >
         <span className={classNames(`${preCls}__header-fold`, { [`${preCls}__header-fold__close`]: fold })} onClick={() => setFold(!fold)}></span>
       </Tooltip>
 

package/src/pages/okr-map/export-modules/okr-map/header/show-kr-confirm.js

@@ -1,4 +1,5 @@
 import Dialog from '../../../../../components/dialog'
+import { getLocale } from '../../../../../utils/getLocale';
 import classNames from 'classnames';
 
 import precls from '../../../precls';
@@ -9,18 +10,18 @@ const ShowKrConfirmDialog = (props) => {
     return <Dialog
         visible={visible}
         width={360}
-        title={<span className={classNames(`${precls}--kr-dialog--title`)}>确定{showkr ? '关闭' : '开启'}吗</span>}
+        title={<span className={classNames(`${precls}--kr-dialog--title`)}>{showkr ? getLocale('OKR_Ali_Text_Areclose') : getLocale('OKR_Ali_Text_Aresureon')}</span>}
         noHeadLine={true}
         noFooterLine={true}
         noCloseIcon={true}
-        okText='确定'
+        okText={getLocale('OKR_MyO_Butt_Determine')}
         destroyOnClose={true}
-        cancelText="取消"
+        cancelText={getLocale('Mod_Cancel')}
         onOk={() => onConfirmHandler(!showkr)}
         onCancel={() => setVisible(false)}
     >
         <span className={classNames(`${precls}--kr-dialog--content`)}>
-            {showkr ? '关闭' : '开启'}后页面将重新刷新，按默认层级展示
+            {showkr ? getLocale('OKR_Ali_Text_Pageclosing') : getLocale('OKR_Ali_Text_Pagerefreshed')}
         </span>
     </Dialog>
 }