@titaui/pc 1.8.1 → 1.8.2

package/src/components/create-okr-modal/fields/okr-visibility.tsx

@@ -9,6 +9,7 @@ import {
 import "./index.scss";
 import { TitleLine } from "../style";
 import { useMemo } from "react";
+import { getLocale } from "../../../utils/getLocale";
 interface Props {
   visibility: any;
   setVisibility: Function;
@@ -17,18 +18,22 @@ interface Props {
   isCreateModal: boolean;
 }
 
-const visibilityList = [
-  { value: 1, lable: "全公司" },
-  { value: 2, lable: "仅相关成员" },
-  { value: 3, lable: "仅直接下属" },
-  { value: 4, lable: "指定范围" },
-];
+const visibilityList = () => {
+  return [
+    { value: 1, lable: getLocale('OKR_MyO_Pop_Public') },
+    { value: 2, lable: getLocale('OKR_MyO_From_Associatedmem') },
+    { value: 3, lable: getLocale('OKR_MyO_Pop_Directrep') },
+    { value: 4, lable: getLocale('OKR_MyO_Pop_Specified') },
+  ]
+};
 
-const visibilityMapText = {
-  1: "全公司",
-  2: "仅相关成员",
-  3: "仅直接下属",
-  4: "指定范围",
+const visibilityMapText = () => {
+  return {
+    1: getLocale('OKR_MyO_Pop_Public'),
+    2: getLocale('OKR_MyO_From_Associatedmem'),
+    3: getLocale('OKR_MyO_Pop_Directrep'),
+    4: getLocale('OKR_MyO_Pop_Specified'),
+  }
 };
 
 export default ({
@@ -86,10 +91,10 @@ export default ({
   const subTitleRender = useMemo(() => {
     return (
       <span className="okr-field-visible">
-        可见范围
+        {getLocale('OKR_MyO_Pop_Title_Perm')}
         <Tooltip
           content={
-            "除所选范围外，超级管理员、目标管理员、目标负责人的部门负责人以及目标负责人、内部成员、关注者上级领导也可见"
+            getLocale('OKR_MyO_Pop_Inadditiontot')
           }
           container={document.body}
         >
@@ -137,7 +142,7 @@ export default ({
       <Select
         value={visibility}
         onChange={onOptionChange}
-        options={visibilityList}
+        options={visibilityList()}
         // @ts-ignore
         onClick={(e) => e.stopPropagation()}
         renderLabel={renderLabel}

package/src/components/create-okr-modal/index.tsx

@@ -31,12 +31,12 @@ import OkrCreateSuggest, {
   EOkrCreateSuggestResultType,
 } from "./fields/okr-create-suggest";
 import {
-  ODesc,
-  OExample,
+  getODesc,
+  getOExample,
   OCheckTarget,
-  KrDesc,
+  getKrDesc,
   KrExample,
-  KrCheckTarget,
+  getKrCheckTarget,
 } from "./constant";
 import getCreateOkrSurpassPercent from "./utils/getCreateOkrSurpassPercent";
 import CreateSuccessCmpWrapper from "./createSuccessCmpWrapper";
@@ -45,6 +45,7 @@ import { isDingDing } from "../../utils/helpers";
 import { getImageBase64ByUrl, createWidthKr } from "./request-api";
 import TeachOkr from "./img/teach-okr.svg";
 import HandSvg from "./img/hand.svg";
+import { getLocale } from "../../utils/getLocale";
 import "./index.scss";
 
 interface UserAvatarObj {
@@ -72,12 +73,14 @@ interface Props {
   visible?: boolean;
 }
 
-const initOCheckResult = OCheckTarget.map((item) => {
-  return{
-    text: item,
-    result: EOkrCreateSuggestResultType.normal,
-  };
-});
+const initOCheckResult = () => {
+  return OCheckTarget().map((item) => {
+    return {
+      text: item,
+      result: EOkrCreateSuggestResultType.normal,
+    };
+  })
+};
 
 function CreateOkrModal(
   { initCycle, userInfo, onSuccess, isHiddenCreatedCard = false, handleCreatedClose = () => {}, visible = false,onClose = () => {}}: Props,
@@ -97,7 +100,7 @@ function CreateOkrModal(
   const [isCustomWeight, setIsCustomWeight] = useState(false); // 是否自定义权重
   const [dept, setDept] = useState({ departmentId: 0, departmentName: "" }); // 部门信息 用于目标类型为部门时
   const [team, setTeam] = useState({ groupId: 0, groupName: "" }); // 团队信息 用于目标类型为团队时
-  const [type, setType] = useState({ typeName: "个人", typeId: 1 }); // 目标类型
+  const [type, setType] = useState({ typeName: getLocale('OKR_MyO_Pop_Individual'), typeId: 1 }); // 目标类型
   const [cycle, setCycle] = useState<CreateCycleData>(
     initCycle as CreateCycleData
   ); // 目标周期信息
@@ -125,7 +128,7 @@ function CreateOkrModal(
   });
   const [oNameIsInput, setONameIsInput] = useState(false);
   const [krIsInput, setKrIsInput] = useState(false);
-  const [oNameCheckResult, setONameCheckResult] = useState(initOCheckResult);
+  const [oNameCheckResult, setONameCheckResult] = useState(initOCheckResult());
   const [krsCheckResult, setKrsCheckResult] = useState<{
     finalResult: EOkrCreateSuggestResultType;
     friendlyResult: any[];
@@ -205,7 +208,7 @@ function CreateOkrModal(
       setShowCreatedSuccessInfo(true);
       setTipIndex(Math.floor(Math.random() * 6));
     } else {
-      Toast.Success("创建成功", { duration: 3000 });
+      Toast.Success(getLocale('OKR_Db_Success'), { duration: 3000 });
       onSuccess && onSuccess(data);
     }
   }, [userAvatarBase64Url, isApplyTpl]);
@@ -229,7 +232,7 @@ function CreateOkrModal(
   // 表单保存功能
   const onModalOkHandler = async () => {
     if (!okrName) {
-      Toast.Error("目标名称不能为空", { canClose: false });
+      Toast.Error(getLocale('OKR_MyO_Pop_Targetname'), { canClose: false });
       return;
     }
     if (okrName.length > 500) {
@@ -249,7 +252,7 @@ function CreateOkrModal(
     }
     setKrIsValidate(false);
     if (!krWeightValid) {
-      Toast.Error("关键成果总权重不等于100%", { canClose: false });
+      Toast.Error(getLocale('OKR_MyO_Pop_Totalkrnot100'), { canClose: false });
       return;
     }
     if (!cycle) return;
@@ -349,7 +352,7 @@ function CreateOkrModal(
       setUser({ name: Name, id: Id, avatar: UserAvatar });
       setIsCustomWeight(false);
       setDept({ departmentId: 0, departmentName: "" });
-      setType({ typeName: "个人", typeId: 1 });
+      setType({ typeName: getLocale('OKR_MyO_Pop_Individual'), typeId: 1 });
       setCycle(cycle);
       setOkrClassify(undefined);
       setVisibility(1);
@@ -464,14 +467,14 @@ function CreateOkrModal(
   const ModalTitle = useMemo(() => {
     return (
       <Line>
-        <span className="create-modal__title">创建目标</span>
+        <span className="create-modal__title">{getLocale('OKR_MyO_Pop_Title_Newobjective')}</span>
         <OKRCASE okrTemplateEnabled={true} onOkrApply={OnOkRApplyTplHandler} />
       </Line>
     );
   }, []);
 
   const krCheckFinalResult = useMemo(() => {
-    return KrCheckTarget.map((item, index) => {
+    return getKrCheckTarget().map((item, index) => {
       if (index === 0) {
         return {
           text: item,
@@ -531,8 +534,8 @@ function CreateOkrModal(
     // @ts-ignore
     window.titaTracker && window.titaTracker('action').record({
         actionName: '点击【教你写OKR】',
-        actionGroup: '创建OKR',
-        productName: 'OKR'
+        actionGroup: getLocale('OKR_MyO_Collr_Butt_CreatOKR'),
+        productName: getLocale('Menu_Title_OKRs')
       })
   }
 
@@ -552,7 +555,7 @@ function CreateOkrModal(
         onClick={trackAction}
       >
         <img className="teact-write-okr__icon" src={TeachOkr} />
-        <span className="teact-write-okr__text">教你写 OKR</span>
+        <span className="teact-write-okr__text">{getLocale('OKR_MyO_Pop_TeachwriteOKR')}</span>
       </a>
     );
   }, []);
@@ -573,7 +576,8 @@ function CreateOkrModal(
           mask
           centered
           onOk={onModalOkHandler}
-          okText="立即创建"
+          okText={getLocale('OKR_MyO_Pop_Createnow')}
+          cancelText={getLocale('Mod_Cancel')}
           title={ModalTitle}
           visible={isVisible}
           onCancel={hideCreateOkrModal}
@@ -608,7 +612,7 @@ function CreateOkrModal(
             />
             <div className="create-modal__title-line">
               <BlueBar />
-              更多设置
+              {getLocale('Per_Ass_New_Appr_detail_moreS')}
             </div>
             <div className={`space-between-row`}>
               <FieldOkrParent
@@ -664,8 +668,8 @@ function CreateOkrModal(
               <OkrCreateSuggest
                 isInput={isInputContent}
                 isOSuggest
-                descs={ODesc}
-                example={OExample}
+                descs={getODesc()}
+                example={getOExample()}
                 results={oNameCheckResult}
                 handleClose={handleONameSuggestClose}
               />
@@ -679,8 +683,8 @@ function CreateOkrModal(
               <OkrCreateSuggest
                 isInput={isInputContent}
                 isOSuggest={false}
-                descs={KrDesc}
-                example={KrExample}
+                descs={getKrDesc()}
+                example={KrExample()}
                 results={krCheckFinalResult}
                 handleClose={handleKrSuggestClose}
               />

package/src/components/create-okr-modal/kr-items/kr-item-weight.tsx

@@ -10,6 +10,7 @@ import Popup from "../../popup";
 import { KrWeightValidator } from "../utils";
 import { KrData } from "./krItem";
 import Weight from "../img/weight.svg";
+import { getLocale } from "../../../utils/getLocale";
 import "./index.scss";
 
 interface Props {
@@ -135,7 +136,7 @@ function KrItem({ krData, changeKr }: Props): ReactElement {
         onMouseEnter={handleMouseEnter}
         onClick={onWeightClickHandler}
       >
-        <img className="kr-item-weight__icon" src={Weight} alt="权重" />
+        <img className="kr-item-weight__icon" src={Weight} alt={getLocale('Per_details_Weights')} />
         {weightEditing ? (
           <input
             className="kr-item-weight__input"

package/src/components/create-okr-modal/kr-items/krDatas.tsx

@@ -13,6 +13,7 @@ import { getKrAnalysisInfos } from "../request-api";
 import Toast from "../../toast";
 import { EOkrCreateSuggestResultType } from "../fields/okr-create-suggest";
 import KrAdd from "../img/kr-add.svg";
+import { getLocale } from "../../../utils/getLocale";
 
 interface Props {
   krs: KrData[];
@@ -237,11 +238,11 @@ function KrDatas(props: Props): ReactElement {
 
       <div className="krs-info">
         <a className="add-kr-btn" onClick={addKr}>
-          <img className="add-kr-btn__icon" src={KrAdd} alt="添加okr" />
-          添加 KR
+          <img className="add-kr-btn__icon" src={KrAdd} />
+          {getLocale('OKR_MyO_Pop_Butt_AddKR')}
         </a>
         {krs.length > 0 && openKrWeight && (
-          <span className="krs-info__total-weight">总权重：{total}%</span>
+          <span className="krs-info__total-weight">{getLocale('OKR_MyO_Pop_Text_Total')}：{total}%</span>
         )}
       </div>
     </div>

package/src/components/create-okr-modal/kr-items/krItem.tsx

@@ -9,6 +9,7 @@ import { getBSGlobal } from "../../../utils/bs-global";
 import KrItemWeight from "./kr-item-weight";
 import NewUserSelector from "../fields/okr-new-user-selector";
 import InputWithErrPopup from "../fields/input-with-err-popup";
+import { getLocale } from "../../../utils/getLocale";
 import "./index.scss";
 
 export interface KrData {
@@ -159,7 +160,7 @@ function KrItem({
             <input
               className="kr-item__input"
               type="text"
-              placeholder="请输入可衡量的关键成果"
+              placeholder={getLocale('OKR_MyO_Pop_Keyresults')}
               value={krData.mileStoneName}
               onChange={onKrNameInputChangeHandler}
               onFocus={handleInputFocus}

package/src/components/create-okr-modal/objectType.tsx

@@ -6,6 +6,7 @@ import { BaseAuth } from "../../utils/auth";
 import UserSelector from "../user-selector";
 import { OpenDepartmentName } from "../../utils/open-data";
 import { getUserInfo } from "../../utils/bs-global";
+import { getLocale } from "../../utils/getLocale";
 // 干脆把数据封闭起来, 通过ref取状态
 interface ObjectTypeProps {
   okrType: number;
@@ -27,12 +28,14 @@ interface ObjectTypeState {
   groupName?: string;
   auth?: boolean;
 }
-const radios = [
-  { label: "公司", value: 3 },
-  { label: "部门", value: 2 },
-  { label: "团队", value: 4 },
-  { label: "个人", value: 1 },
-];
+const radios = () => {
+  return [
+    { label: getLocale('OKR_MyO_Pop_Company'), value: 3 },
+    { label: getLocale('Mod_Department'), value: 2 },
+    { label: getLocale('OKR_MyO_Text_Team'), value: 4 },
+    { label: getLocale('OKR_MyO_Pop_Individual'), value: 1 },
+  ]
+};
 export default class ObjectType extends Component<
   ObjectTypeProps,
   ObjectTypeState
@@ -109,9 +112,9 @@ export default class ObjectType extends Component<
             <StatelessDropdown
               className="mx-w-240"
               overlayClassName="has-underline"
-              labelText="团队"
+              labelText={getLocale('OKR_MyO_Text_Team')}
             >
-              {this.state.groupName || "团队"}
+              {this.state.groupName || getLocale('OKR_MyO_Text_Team')}
             </StatelessDropdown>
           </div>
         }
@@ -137,7 +140,7 @@ export default class ObjectType extends Component<
               <StatelessDropdown
                 className="mx-w-240"
                 overlayClassName="has-underline"
-                labelText="部门"
+                labelText={getLocale('Mod_Department')}
               >
                 <OpenDepartmentName
                   id={this.state.departmentId}
@@ -175,8 +178,8 @@ export default class ObjectType extends Component<
   render() {
     return (
       <Fragment>
-        <RadioGroup name="okrType" labelText="类型" style={{ marginBottom: 8 }}>
-          {radios.map(({ label, value }) => (
+        <RadioGroup name="okrType" labelText={getLocale('Mod_Type')} style={{ marginBottom: 8 }}>
+          {radios().map(({ label, value }) => (
             <Radio
               key={value}
               value={value}

package/src/components/create-okr-modal/style.ts

@@ -11,7 +11,7 @@ export const Line = styled.div`
 `;
 export const TitleLine = styled(Line)`
   font-size: 14px;
-  font-weight: 500;
+  font-weight: 600;
   text-align: left;
   color: #3f4755;
   padding: 15px 0 2px;

package/src/components/date-picker/CalendarBody.js

@@ -7,6 +7,7 @@
 import React, { Component } from 'react'
 import BodyItem from './BodyItem'
 import moment from 'moment'
+import { getLocale } from "../../utils/getLocale";
 
 export default class CalendarBody extends Component {
   constructor(props) {
@@ -76,13 +77,13 @@ export default class CalendarBody extends Component {
         <table className="calendar-body-table">
           <thead>
             <tr>
-              <th>日</th>
-              <th>一</th>
-              <th>二</th>
-              <th>三</th>
-              <th>四</th>
-              <th>五</th>
-              <th>六</th>
+              <th>{getLocale('Mod_Sun')}</th>
+              <th>{getLocale('Mod_Mon')}</th>
+              <th>{getLocale('Mod_Tues')}</th>
+              <th>{getLocale('Mod_Wed')}</th>
+              <th>{getLocale('Mod_Thur')}</th>
+              <th>{getLocale('Mod_Fri')}</th>
+              <th>{getLocale('Mod_Sat')}</th>
             </tr>
           </thead>
           <tbody>

package/src/components/delete-confirm-pop/ConfirmPop.tsx

@@ -1,5 +1,6 @@
 import React, { PureComponent } from 'react'
 import Pop from '../../components-v1/pop'
+import { getLocale } from '../../utils/getLocale'
 import { ConfirmWrapper, ConfirmText, ConfirmBtnGroup, ButtonCancel, ButtonConfirm } from './style'
 
 interface Props {
@@ -14,7 +15,6 @@ interface Props {
   isShowCancelBtn?: boolean
   btnCancelText?: string // 取消按钮文字
 
-  isShowConfirmBtn?: boolean
   btnConfirmText?: string // 确认按钮文字
 
   onSubmit: (event: any) => void;
@@ -23,16 +23,6 @@ interface Props {
 const popContainer = document.body
 
 export default class ConfirmPop extends PureComponent<Props> {
-  static defaultProps = {
-    isShowConfirmTitle: false,
-    confirmTitle: '提示',
-    confirmTipText: '此操作不可恢复，您确定删除吗？',
-    isShowCancelBtn: true,
-    btnCancelText: '取消',
-    isShowConfirmBtn: true,
-    btnConfirmText: '确定'
-  }
-
   handleShowPop = () => {
     //@ts-ignore
     this.refs.pop.show(this.refs.trigger)
@@ -48,12 +38,12 @@ export default class ConfirmPop extends PureComponent<Props> {
       className,
       align,
       onSubmit,
-      isShowConfirmTitle,
-      isShowCancelBtn,
-      confirmTitle,
-      confirmTipText,
-      btnCancelText,
-      btnConfirmText
+      isShowConfirmTitle = false,
+      isShowCancelBtn = true,
+      confirmTitle = '提示',
+      confirmTipText = getLocale('Mod_cannotberecovered'),
+      btnCancelText = getLocale('Mod_Cancel'),
+      btnConfirmText = getLocale('OKR_MyO_Butt_Determine')
     } = this.props
     return (
       <div style={{ display: 'inline-block' }}>

package/src/components/dialog/index.js

@@ -1,6 +1,7 @@
 import React from 'react';
 import classNames from 'classnames';
 import Dialog from 'rc-dialog';
+import { getLocale } from '../../utils/getLocale'
 
 import 'rc-dialog/assets/index.css';
 import './index.scss';
@@ -11,8 +12,8 @@ export default props => {
   const {
     onOk = () => true,
     onCancel = () => true,
-    okText = '确定',
-    cancelText = '取消',
+    okText = getLocale('OKR_MyO_Butt_Determine'),
+    cancelText = getLocale('Mod_Cancel'),
     footer,
     noFooter,
     noHeadLine,

package/src/components/dialog/index.scss

@@ -41,14 +41,13 @@ $font-family: -apple-system, Arial, Verdana, Helvetica Neue, Helvetica, sans-ser
   .rc-dialog-title {
     font-size: 18px;
     font-family: $font-family;
-    font-weight: 500;
+    font-weight: 600;
     color: #141c28;
     line-height: 26px;
   }
 
   .rc-dialog-header {
     padding: 18px 32px;
-    margin-bottom: 10px;
   }
   .rc-dialog-body {
     // padding: 0 32px 0 32px;
@@ -56,7 +55,6 @@ $font-family: -apple-system, Arial, Verdana, Helvetica Neue, Helvetica, sans-ser
   }
   .rc-dialog-footer {
     padding: 20px 32px;
-    margin-top: 8px;
     display: flex;
     justify-content: flex-end;
   }
@@ -100,7 +98,7 @@ $font-family: -apple-system, Arial, Verdana, Helvetica Neue, Helvetica, sans-ser
   }
 
   &__btn-cancel {
-    border: 1px solid #DFE3EA;
+    border: 1px solid #e9ecf0;
     color: #6f7886;
     transition: 0.2s all;
     &:hover {

package/src/components/drawer/index.tsx

@@ -9,6 +9,7 @@ import HeaderAction, { IHeaderActionProps } from "./headerAction";
 import useForceUpdate from "./utils/useForceUpdate";
 
 import "rc-drawer/assets/index.css";
+import { getLocale } from "../../utils/getLocale";
 import "./index.scss";
 import DrawerManagerContext from '../drawer-manager/context'
 
@@ -150,7 +151,7 @@ function DrawerHeader({closable=true,actions,actionMaxCount = 4,content,style,on
   return (
     <div className="titaui-drawer-header" style={style}>
       {
-        showBackBtn && <a className="titaui-drawer-header-back" onClick={manager && manager.goBack}><i className="tu-icon-fanhui"/>返回</a>
+        showBackBtn && <a className="titaui-drawer-header-back" onClick={manager && manager.goBack}><i className="tu-icon-fanhui"/>{getLocale('Mod_Back')}</a>
       }
       {
         showBackBtn && hasContent && <div className="titaui-drawer-header-divider"/>
@@ -162,7 +163,7 @@ function DrawerHeader({closable=true,actions,actionMaxCount = 4,content,style,on
       ))}
       {!!collapsedActions.length && (
         <HeaderAction
-          title="更多操作"
+          title={getLocale('Mod_MoreOperate')}
           icon="tu-icon-10"
           children={collapsedActions}
         />

package/src/components/drawer-manager/index.tsx

@@ -21,7 +21,7 @@ class DrawerManager {
       window.titaTracker("action").record({
         actionName: type,
         actionGroup: "打开推屏",
-        productName: "OKR",
+        productName: 'OKR',
       });
     return new Promise((resolve) => {
       clearTimeout(this.timer);

package/src/components/dynamic/components/dynamic-search-input/index.scss

@@ -9,7 +9,7 @@
   padding: 5px 12px 5px 14px;
   box-sizing: border-box;
   &__popup {
-    width: 68px;
+    width: 96px;
     height: 96px;
     background: #ffffff;
     box-shadow: 0px 4px 12px 0px rgba(127, 145, 180, 0.2);
@@ -43,6 +43,8 @@
     display: flex;
     align-items: center;
     cursor: pointer;
+    word-break: keep-all;
+    white-space: nowrap;
   }
   &__input {
     border: none;

package/src/components/dynamic/components/dynamic-search-input/index.tsx

@@ -3,13 +3,14 @@ import classNames from "classnames";
 import { IDynamicSearchInputProps } from "../../interface";
 import Popup from "../../../popup";
 import UserSelector from "../../../user-selector";
+import { getLocale } from "../../../../utils/getLocale";
 import "./index.scss";
 
 const prefix = "titaui-dynamic-search-input";
 
 const SearchType = {
-  dynamic: "动态",
-  person: "姓名",
+  dynamic: getLocale('Menu_Title_Feed'),
+  person: getLocale('Mod_UserName'),
 };
 
 const DynamicSearchInput: FC<IDynamicSearchInputProps> = ({
@@ -79,7 +80,7 @@ const DynamicSearchInput: FC<IDynamicSearchInputProps> = ({
             handleChangeSearchDynamicType("dynamic");
           }}
         >
-          动态
+          {getLocale('Menu_Title_Feed')}
         </div>
         <div
           className={classNames(prefix + "__popup-item", {
@@ -89,7 +90,7 @@ const DynamicSearchInput: FC<IDynamicSearchInputProps> = ({
             handleChangeSearchDynamicType("person");
           }}
         >
-          姓名
+          {getLocale('Mod_UserName')}
         </div>
       </div>
     );
@@ -122,7 +123,7 @@ const DynamicSearchInput: FC<IDynamicSearchInputProps> = ({
         value={searchInputValue}
         onChange={handleInputChange}
         onKeyUp={handleKeyUp}
-        placeholder={searchDynamicType === 'dynamic' ? '按关键词搜索' : '按姓名搜索'}
+        placeholder={searchDynamicType === 'dynamic' ? getLocale('Feed_Search_Searchbykeyword') : getLocale('Mod_SearchbyName')}
       />
       {isMouseEnter && searchInputValue && (
         <i onClick={handleClearSearchValue} className={classNames("tu-icon-circle", prefix + "__input-clear")} />

package/src/components/dynamic/constant.ts

@@ -1,3 +1,5 @@
+import { getLocale } from "../../utils/getLocale";
+
 export const OkrRiskMapping = {
   0: "normal", // 正常推进
   1: "normal", // 正常推进
@@ -45,30 +47,30 @@ export enum EObjType {
 }
 
 export const ObjTypeMapText = {
-  [EObjType.Project]: "项目",
-  [EObjType.Task]: "任务",
-  [EObjType.O]: "目标",
-  [EObjType.Kr]: "关键成果",
-  [EObjType.MileStone]: "里程碑",
-  [EObjType.KanBan]: "看板",
+  [EObjType.Project]: getLocale('Menu_Title_Projects'),
+  [EObjType.Task]: getLocale('Mod_Tasks'),
+  [EObjType.O]: getLocale('Mod_Objective'),
+  [EObjType.Kr]: getLocale('Mod_KeyResults'),
+  [EObjType.MileStone]: getLocale('Pro_page_Plan_Milestone'),
+  [EObjType.KanBan]: getLocale('Pro_page_V_Tab_Kanban'),
 };
 
 export const ObjectType = {
-  1: "公告/分享",
-  4: "项目",
-  5: "绩效考核表",
-  6: "绩效目标",
-  7: "任务",
-  8: "日报（总结）",
-  10: "Feed",
-  11: "计划",
-  12: "计划表的操作记录",
-  62: "目标",
-  65: "关键成果",
-  70: "复盘",
-  79: "关键成果进展",
-  80: "公告",
-  42: "打赏",
+  1: getLocale('Mod_sannouncement'),
+  4: getLocale('Menu_Title_Projects'),
+  5: getLocale('Mod_sPerformanceForm'),
+  6: getLocale('Mod_sPerformanceGoals'),
+  7: getLocale('Mod_stask'),
+  8: getLocale('Mod_sDailySummary'),
+  10: getLocale('Feed_sFeed'),
+  11: getLocale('Pro_page_Plan'),
+  12: getLocale('Feed_OperationTasks'),
+  62: getLocale('Mod_sobjective'),
+  65: getLocale('Feed_Keyresults'),
+  70: getLocale('OKR_MyO_KRP_Review'),
+  79: getLocale('Mod_skeyprogress'),
+  80: getLocale('Feed_sAnnouncement'),
+  42: getLocale('OKR_MyO_E_Reward'),
 };
 
 export const EStatusStatus2ClassType = {