@titaui/pc 1.7.97 → 1.7.98

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

@@ -3,8 +3,9 @@ import { CaseLink, Line } from "../style";
 import OKRCases from "../../okrcase-library";
 import Dialog from "../../dialog";
 import Toast from "../../toast";
-import "./index.scss";
 import { isLocal } from "../../../utils/helpers";
+import { getLocale } from "../../../utils/getLocale";
+import "./index.scss";
 interface Props {
   onOkrApply?: Function;
   okrTemplateEnabled: boolean;
@@ -31,7 +32,7 @@ export default ({ onOkrApply, okrTemplateEnabled }: Props) => {
     <Line>
       {okrTemplateEnabled && !isLocal() ? (
         <CaseLink onClick={okrCaseClickHandler} className="tu-icon-shoushi">
-          从 OKR 案例库添加
+          {getLocale('OKR_MyO_Pop_Butt_AddfromOKR')}
         </CaseLink>
       ) : null}
       {okrTemplateEnabled && (

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

@@ -2,6 +2,7 @@ import React from "react";
 import { Select } from "tita-ui";
 import { getBSGlobal } from "../../../utils/bs-global";
 import { TitleLine } from "../style";
+import { getLocale } from "../../../utils/getLocale";
 import "./index.scss";
 
 interface Props {
@@ -9,10 +10,12 @@ interface Props {
   setOkrClassify: Function;
   isCreateModal: boolean;
 }
-const okrClassifyList = [
-  { value: 1, lable: "承诺型" },
-  { value: 2, lable: "愿景型" },
-];
+const okrClassifyList = () => {
+  return [
+    { value: 1, lable: getLocale('OKR_MyO_Es_Commitment') },
+    { value: 2, lable: getLocale('OKR_MyO_Es_Visiontype') },
+  ]
+};
 
 export default ({
   okrClassify,
@@ -28,16 +31,17 @@ export default ({
       style={{ flex: openOkrType ? 1 : 2 }}
     >
       {isCreateModal ? (
-        <div className="create-modal__sub-title">类别</div>
+        <div className="create-modal__sub-title">{getLocale('OKR_MyO_Es_Category')}</div>
       ) : (
-        <TitleLine>类别</TitleLine>
+        <TitleLine>{getLocale('OKR_MyO_Es_Category')}</TitleLine>
       )}
       <Select
         value={okrClassify}
         onChange={(v) => {
           setOkrClassify(v);
         }}
-        options={okrClassifyList}
+        placeholder={getLocale('Mod_Pleaseselect')}
+        options={okrClassifyList()}
       />
     </div>
   );

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

@@ -9,6 +9,7 @@ import WrongSvg from "../img/check-wrong.svg";
 import NormalSvg from "../img/check-normal.svg";
 import animationData from "../animation/check-animation";
 import WaveSvg from "../img/wave.png";
+import { getLocale } from "../../../utils/getLocale";
 
 export enum EOkrCreateSuggestResultType {
   normal = "normal",
@@ -104,7 +105,7 @@ const OkrCreateSuggest: FC<IOkrCreateSuggestProps> = ({
             className="okr-create-suggest__block-title-icon"
             src={ExampleSvg}
           />
-          示例
+          {getLocale('Per_Ass_New_form_push_Example')}
         </div>
         {example.map((item, index) => {
           return (
@@ -131,8 +132,8 @@ const OkrCreateSuggest: FC<IOkrCreateSuggestProps> = ({
         )}
         <div className="okr-create-suggest__animation-text">
           {isInput
-            ? "智能检测中"
-            : `等待输入${isOSuggest ? "目标" : "关键成果"}`}
+            ? getLocale('OKR_MyO_Pop_Intelligent')
+            : `${isOSuggest ? getLocale('OKR_MyO_Pop_PendingO') : getLocale('OKR_MyO_Pop_PendingKR')}`}
         </div>
       </div>
       <div className="okr-create-suggest__block">
@@ -147,7 +148,7 @@ const OkrCreateSuggest: FC<IOkrCreateSuggestProps> = ({
       </div>
       <div className="okr-create-suggest__pack-up" onClick={handleCloseCheck}>
         <PackUp color="currentColor" />{" "}
-        <span className="okr-create-suggest__pack-up-text">收起</span>
+        <span className="okr-create-suggest__pack-up-text">{getLocale('Mod_Fold')}</span>
       </div>
     </div>
   );

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

@@ -3,6 +3,7 @@ import { getApiUrl, taker } from "../utils/helper";
 import { SelectBtn, Space, TitleLine } from "../style";
 import { getUserInfo } from "../../../utils/bs-global";
 import ChangeOkr from "../../change-okr-modal";
+import { getLocale } from "../../../utils/getLocale";
 import "./index.scss";
 
 interface Props {
@@ -93,14 +94,14 @@ export default ({
     <Fragment>
       <div className="create-modal__sub-block">
         {isCreateModal ? (
-          <div className="create-modal__sub-title">对齐目标</div>
+          <div className="create-modal__sub-title">{getLocale('OKR_MyO_Pop_SetAlignment')}</div>
         ) : (
-          <TitleLine>对齐目标</TitleLine>
+          <TitleLine>{getLocale('OKR_MyO_Pop_SetAlignment')}</TitleLine>
         )}
         <SelectBtn onClick={onSelectClickHandler}>
           <span style={{ color: !parent.parentWorkName ? "#BFC7D5" : "" }}>
             {!parent.parentWorkName
-              ? "选择对齐上级目标"
+              ? getLocale('OKR_MyO_Pop_Aligneobjective')
               : parent.parentWorkName}
           </span>
           {!!parent.parentWorkName && (

package/src/components/create-okr-modal/fields/okr-type-detail.tsx

@@ -2,6 +2,7 @@ import React, { RefObject, useRef, useState, useEffect, Fragment } from "react";
 import { Tooltip } from "tita-ui";
 import Confirm from "../../../components-v1/confirm";
 import ObjectType from "../objectType";
+import { getLocale } from "../../../utils/getLocale";
 import { updateOCommitType } from "../request-api";
 import "./index.scss";
 
@@ -28,22 +29,22 @@ export default (props: Props) => {
 
   const getType = (okrType, departName, groupName) => {
     let typeId = 1,
-      typeName = "个人";
+      typeName = getLocale('OKR_MyO_Pop_Individual');
     switch (okrType) {
       case 1:
         typeId = okrType;
-        typeName = "个人";
+        typeName = getLocale('OKR_MyO_Pop_Individual');
         break;
       case 2:
         typeName = departName;
         typeId = 2;
         break;
       case 3:
-        typeName = "公司";
+        typeName = getLocale('OKR_MyO_Pop_Company');
         typeId = 3;
         break;
       case 4:
-        typeName = groupName || "团队";
+        typeName = groupName || getLocale('OKR_MyO_Text_Team');
         typeId = 4;
         break;
     }
@@ -111,7 +112,7 @@ export default (props: Props) => {
             <div className="okr-type">
               <span>{type.typeName}</span>
               {canEdit && (
-                <Tooltip content="编辑">
+                <Tooltip content={getLocale('Mod_Editor')}>
                   <span className="tu-icon-edit edit-icon tu-ml-10" />
                 </Tooltip>
               )}

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

@@ -4,6 +4,7 @@ import { SelectBtn, TitleLine } from "../style";
 import ObjectType from "../objectType";
 import Confirm from "../../../components-v1/confirm";
 import { OpenDepartmentName } from "../../../utils/open-data";
+import { getLocale } from "../../../utils/getLocale";
 import "./index.scss";
 
 interface Props {
@@ -40,16 +41,16 @@ export default ({
 
     switch (okrType) {
       case 1:
-        setType({ typeId: okrType, typeName: "个人" });
+        setType({ typeId: okrType, typeName: getLocale('OKR_MyO_Pop_Individual') });
         break;
       case 2:
         setType({ typeName: departmentName, typeId: 2 });
         break;
       case 3:
-        setType({ typeName: "公司", typeId: 3 });
+        setType({ typeName: getLocale('OKR_MyO_Pop_Company'), typeId: 3 });
         break;
       case 4:
-        setType({ typeName: groupName || "团队", typeId: 4 });
+        setType({ typeName: groupName || getLocale('OKR_MyO_Text_Team'), typeId: 4 });
         break;
     }
     setDept({ departmentId, departmentName });
@@ -71,9 +72,9 @@ export default ({
       style={{ flex: openClassify ? 1 : 2 }}
     >
       {isCreateModal ? (
-        <div className="create-modal__sub-title">类型</div>
+        <div className="create-modal__sub-title">{getLocale('Mod_Type')}</div>
       ) : (
-        <TitleLine>类型</TitleLine>
+        <TitleLine>{getLocale('Mod_Type')}</TitleLine>
       )}
       <Confirm
         ref={typeRef}

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

@@ -7,6 +7,7 @@ import {
   isWechat,
 } from "../../../utils/open-data";
 import { updateOkrVisibility } from "../request-api";
+import { getLocale } from "../../../utils/getLocale";
 import "./index.scss";
 
 interface Props {
@@ -18,10 +19,10 @@ interface Props {
 }
 
 const visibilityList = [
-  { value: 1, lable: "全公司" },
-  { value: 2, lable: "仅相关成员" },
-  { value: 3, lable: "仅直接下属" },
-  { value: 4, lable: "指定范围" },
+  { 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') },
 ];
 
 export default ({
@@ -96,7 +97,7 @@ export default ({
         jsxDom.push(<span>{item.name}、</span>);
         text.push(item.name);
       });
-      if (!text.length) return "仅相关成员可见";
+      if (!text.length) return getLocale('OKR_MyO_E_Associatedm');
       return isWechat() ? jsxDom : text.join("、");
     }
     // @ts-ignore
@@ -107,7 +108,7 @@ export default ({
       <div className="visibility">
         <span>{renderLabel()}</span>
         {canEdit && (
-          <Tooltip content="编辑">
+          <Tooltip content={getLocale('Mod_Editor')}>
             <span className="tu-icon-edit visibility-edit-icon tu-ml-10" />
           </Tooltip>
         )}

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>