@titaui/pc 1.8.5 → 1.8.9

package/src/components/change-okr-modal/constant.ts

@@ -0,0 +1,156 @@
+import { getLocale, isEn } from "../../utils/getLocale";
+
+export const getYear = () => {
+  const years: any = [
+    {
+      title: getLocale("OKR_MyO_Butt_Allyears"),
+      value: -1,
+    },
+  ];
+  for (let i = 2013; i < 2051; i++) {
+    years.push({ title: i + (isEn ? '' : "年"), value: i });
+  }
+
+  return years;
+};
+
+export const getStatusType = () => {
+  return [
+    {
+      title: getLocale("OKR_MyO_Butt_AllStates"),
+      value: 0,
+    },
+    {
+      title: getLocale("Per_MyRe_text_Inprogress"),
+      value: 1,
+    },
+    {
+      title: getLocale("OKR_MyO_Butt_Hasended"),
+      value: 2,
+    },
+  ];
+};
+
+export const getOkrTypes = () => {
+  return [
+    {
+      title: getLocale("OKR_MyO_Butt_Alltypes"),
+      value: -1,
+    },
+    {
+      title: getLocale("OKR_MyO_Pop_Company"),
+      value: 3,
+    },
+    {
+      title: getLocale("Mod_Department"),
+      value: 2,
+    },
+    {
+      /**
+        新增的团队 --- start
+      */
+      title: getLocale('OKR_MyO_Text_Team'),
+      value: 4,
+      /**
+        新增的团队 --- end
+      */
+    },
+    {
+      title: getLocale("OKR_MyO_Pop_Individual"),
+      value: 1,
+    },
+  ];
+};
+
+export const getPopType = () => {
+  return {
+    0: getLocale("OKR_OKRW_Butt_Switchobje"),
+    1: getLocale("OKR_MyO_Pop_SetAlignment"),
+  };
+};
+
+export const getTypeMap = () => {
+  return {
+    1: getLocale("OKR_MyO_Pop_Individual"),
+    2: getLocale("Mod_Department"),
+    3: getLocale("OKR_MyO_Pop_Company"),
+    4: getLocale('OKR_MyO_Text_Team'),
+  };
+};
+
+export const getBimonthlyMonthKeyValue = (startMonth) => {
+  let start = startMonth % 2 == 1 ? 1 : 2;
+  let month = start;
+  const getNextMonth = (month, step = 1) => (month + step) % 12 || 12;
+  let datas: {
+    title: string;
+    value: string[];
+  }[] = [];
+  const monthLang = getMonth();
+  if (!i18nInfo || (i18nInfo.I18NOpen && i18nInfo.I18NUserLang === "zh_CN")) {
+    datas.push({
+      title: `${start} - ${getNextMonth(start)}月`,
+      value: [`4,${start}`],
+    });
+    while (1) {
+      month = getNextMonth(month, 2);
+      if (month == start) break;
+      datas.push({
+        title: `${month} - ${getNextMonth(month)}月`,
+        value: [`4,${month}`],
+      });
+    }
+  } else {
+    datas.push({
+      title: `${monthLang[start - 1]} - ${monthLang[getNextMonth(start) - 1]}`,
+      value: [`4,${start}`],
+    });
+    while (1) {
+      month = getNextMonth(month, 2);
+      if (month == start) break;
+      datas.push({
+        title: `${monthLang[month - 1]} - ${monthLang[getNextMonth(month)-1]}`,
+        value: [`4,${month}`],
+      });
+    }
+  }
+  return datas;
+};
+
+export const getMonth = () => {
+  return [
+    getLocale("Mod_Jan"),
+    getLocale("Mod_Feb"),
+    getLocale("Mod_Mar"),
+    getLocale("Mod_Apr"),
+    getLocale("Mod_May"),
+    getLocale("Mod_Jun"),
+    getLocale("Mod_Jul"),
+    getLocale("Mod_Aug"),
+    getLocale("Mod_Sept"),
+    getLocale("Mod_Oct"),
+    getLocale("Mod_Nov"),
+    getLocale("Mod_Dec"),
+  ];
+};
+
+export const getMonthKeyValue = () => {
+  const month = getMonth();
+  return [
+    {
+      title: month[0],
+      value: "3,1",
+    },
+    { title: month[1], value: "3,2" },
+    { title: month[2], value: "3,3" },
+    { title: month[3], value: "3,4" },
+    { title: month[4], value: "3,5" },
+    { title: month[5], value: "3,6" },
+    { title: month[6], value: "3,7" },
+    { title: month[7], value: "3,8" },
+    { title: month[8], value: "3,9" },
+    { title: month[9], value: "3,10" },
+    { title: month[10], value: "3,11" },
+    { title: month[11], value: "3,12" },
+  ];
+};

package/src/components/change-okr-modal/filterTab.tsx

@@ -11,8 +11,6 @@ interface Props {
   onClick: (...arg: any[]) => any;
 }
 function keyValueMapper(array: { title: string; value: string | number }[], value: string | number): string {
-  console.log(array)
-  console.log(value)
   let val = array.filter(key => key.value == value);
   if (val[0]) {
     return val[0].title;

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

@@ -6,6 +6,8 @@ import { Wrapper, Header, Body, List, Footer, ButtonGroup, Button, LoadMore, NoM
 import { taker, getApiUrl } from '../../utils/request-v1';
 import { getUserInfo, getBSGlobal } from '../../utils/bs-global'
 import Pop from '../../components-v1/pop';
+import { getPopType } from './constant';
+import { getLocale } from '../../utils/getLocale';
 import './index.scss';
 
 interface Props {
@@ -39,10 +41,7 @@ interface State {
   toUserId: number;
 }
 const pageSize = 20;
-const popType = {
-  0: '切换目标',
-  1: '对齐目标',
-};
+
 function parseUser(toUser) {
   return {
     Name: toUser.name,
@@ -399,7 +398,7 @@ export default class ChangeOkr extends PureComponent<Props, State> {
       >
         <Wrapper okrPopType={okrPopType}>
           <Header>
-            {popType[okrPopType]}
+            {getPopType()[okrPopType]}
             <i className='tu-icon-close' style={{ cursor: 'pointer' }} onClick={this.hide} />
           </Header>
           <Body>
@@ -423,7 +422,7 @@ export default class ChangeOkr extends PureComponent<Props, State> {
               {!!data.length && !isEnd && (
                 <LoadMore>
                   <a onClick={() => this.getListData(true)}>
-                    {loadingMore ? '加载中…' : '加载更多'}
+                    {loadingMore ? '加载中…' : getLocale('OKR_MyO_Butt_Loadmore')}
                     <i className='tu-icon-arrow-down' />
                   </a>
                 </LoadMore>
@@ -437,13 +436,13 @@ export default class ChangeOkr extends PureComponent<Props, State> {
                 type='confirm'
                 onClick={this.handleUnConnect}
               >
-                取消关联
+                {getLocale('OKR_MyO_Text_Cancel')}
               </Button>
             )}
             <ButtonGroup>
-              <Button onClick={this.hide}>取消</Button>
+              <Button onClick={this.hide}>{getLocale('Mod_Cancel')}</Button>
               <Button style={{ marginLeft: 15 }} disabled={!selected && parentId == 0} type='confirm' onClick={this.handleConfirm}>
-                确定
+                {getLocale('OKR_MyO_Butt_Determine')}
               </Button>
             </ButtonGroup>
           </Footer>

package/src/components/common-share/publishMblog.tsx

@@ -4,6 +4,7 @@ import MBlogContext from "../mblog/context";
 import { findDOMNode } from "react-dom";
 import { addShare, uploadBase64 } from "./request-apis";
 import Toast from "../toast";
+import { getLocale } from "../../utils/getLocale";
 import { getBSGlobal } from "../../utils/bs-global";
 
 const loginUserId = getBSGlobal("loginUserInfo").Id;
@@ -36,7 +37,7 @@ function PublishMblog({
   return (
     <div className="okr-share-mblog__container">
       <div className="okr-share-mblog__header">
-        发布动态
+        {getLocale('OKR_MyO_Popup_PostNews')}
         <i className="tu-icon-close" onClick={() => closeModal()} />
       </div>
       <div className="okr-share-mblog__body">
@@ -60,7 +61,7 @@ function PublishMblog({
                 Visibility: 1,
                 isSendSMS: false,
               });
-              Toast.Success("分享成功");
+              Toast.Success(getLocale('OKR_MyO_Popup_Sharedsuccee'));
               setStatus(1);
               closeModal();
             }}

package/src/components/communication/CommunicationAttachments.tsx

@@ -9,6 +9,7 @@ import {
   AttachmentAction,
   CommunicationAttachmentContainer
 } from './style'
+import { getLocale } from '../../utils/getLocale';
 
 interface Props {
   attachments: any;
@@ -110,8 +111,8 @@ export default class CommunicationAttachments extends PureComponent<Props, State
               event.stopPropagation()
               event.nativeEvent.stopImmediatePropagation()
             }}>
-            {this.props.mode == 'column' ? '预览' :
-              <Tooltip content="预览" container={document.body}>
+            {this.props.mode == 'column' ? getLocale('Mod_Preview') :
+              <Tooltip content={getLocale('Mod_Preview')} container={document.body}>
                 <span className="tu-icon-magnifier-circle" />
               </Tooltip>
             }
@@ -119,8 +120,8 @@ export default class CommunicationAttachments extends PureComponent<Props, State
         )
       } else if (item.documentSource == 1) {
         return <a href={item.previewUrl} target="_blank" data-attachment="preview">
-          {this.props.mode == 'column' ? '预览' :
-            <Tooltip content="预览" container={document.body}>
+          {this.props.mode == 'column' ? getLocale('Mod_Preview') :
+            <Tooltip content={getLocale('Mod_Preview')} container={document.body}>
               <span className="tu-icon-magnifier-circle" />
             </Tooltip>
           }
@@ -150,8 +151,8 @@ export default class CommunicationAttachments extends PureComponent<Props, State
                   </Tooltip>
                   <AttachmentAction className='item__action'>
                     <a href={item.downloadUrl} data-attachment="dowload">
-                      {mode == 'column' ? '下载' :
-                        <Tooltip content="下载" container={document.body}>
+                      {mode == 'column' ? getLocale('Mod_Download') :
+                        <Tooltip content={getLocale('Mod_Download')} container={document.body}>
                           <span className="tu-icon-download-circle" />
                         </Tooltip>
                       }

package/src/components/communication/CommunicationRecord.tsx

@@ -7,6 +7,7 @@ import ConvertUserName from "./ConvertUserName";
 import { parseTag } from "../../utils/open-data";
 import FileList from "../file-list";
 import { highLightWord, unHighLight } from "../../utils/tools";
+import { getLocale } from "../../utils/getLocale";
 import "./index.scss";
 
 import {
@@ -82,7 +83,7 @@ const CommunicationRecord: FC<Props> = ({
                 userName={communicationTrack.publishUser.name}
                 userId={communicationTrack.publishUser.userId}
               />
-              <span className={prefix + "__communication-text"}>回复</span>
+              <span className={prefix + "__communication-text"}>{getLocale('Mod_Reply')}</span>
               <ConvertUserName
                 userName={communicationTrack.parentUser.name}
                 userId={communicationTrack.parentUser.userId}
@@ -119,19 +120,16 @@ const CommunicationRecord: FC<Props> = ({
                   praiseStatus != 2 &&
                     onCommunicationRecordChange(event, "reply", index);
                 }}
-              >
-                回复
-              </ActionbarItem>
+              >{getLocale('Mod_Reply')}</ActionbarItem>
               <ActionbarItem
                 onMouseDown={(event: any) => {
                   praiseStatus != 2 &&
                     onCommunicationRecordChange(event, "praise", index);
                 }}
               >
-                {communicationTrack.isPraise ? "已赞" : "点赞"}
+                {communicationTrack.isPraise ? getLocale('Mod_Alreadyliked') : getLocale('Mod_Kudos')}
               </ActionbarItem>
               {communicationTrack.praiseTotal > 0 && (
-                // <ToolTip title='点击查看点赞记录'>
                 <CommunicationPraiseTotal
                   className="communication__praise__total"
                   onMouseDown={(event: any) => {
@@ -149,7 +147,7 @@ const CommunicationRecord: FC<Props> = ({
                   }}
                   data-for="praise-record"
                   data-tip={
-                    !!communicationTrack.praiseTotal ? "点击查看点赞记录" : ""
+                    !!communicationTrack.praiseTotal ? getLocale('Tasks_Tab_MyS_Clickrecord') : ""
                   }
                 >
                   {communicationTrack.praiseTotal}
@@ -163,7 +161,7 @@ const CommunicationRecord: FC<Props> = ({
                     onCommunicationRecordChange(event, "delete", index)
                   }
                 >
-                  <ActionbarItem>删除</ActionbarItem>
+                  <ActionbarItem>{getLocale('Mod_Delete')}</ActionbarItem>
                 </ConfirmPop>
               )}
             </ActionbarList>

package/src/components/communication/index.tsx

@@ -11,6 +11,7 @@ import {
   ReplyUser,
 } from "./style";
 import { OpenUserName } from "../../utils/open-data";
+import { getLocale } from "../../utils/getLocale";
 import "./index.scss";
 
 interface Props {
@@ -327,7 +328,7 @@ export default class Communication extends PureComponent<Props, State> {
       showAtAll,
       commentCount,
       useCustomMblog,
-      submitText = "回复",
+      submitText = getLocale('Mod_Reply'),
       highLightKeyWord = '',
       autoFocus = false,
     } = this.props;
@@ -340,7 +341,7 @@ export default class Communication extends PureComponent<Props, State> {
                 className={prefix + "__communication-total"}
                 onMouseDown={() => this.handlerSwitchShowRecord()}
               >
-                全部沟通&nbsp;
+                {getLocale('Mod_Allcommu')}&nbsp;
                 <span>{communicationTrackTotal}</span>
                 {communicationTrackTotal > commentCount &&<i
                   className={classNames(prefix + "__communication-total-icon", {
@@ -388,7 +389,7 @@ export default class Communication extends PureComponent<Props, State> {
               height={isShowReplyToUser ? "auto" : "0"}
               padding={isShowReplyToUser ? "3px 0" : "0"}
             >
-              <span style={{ position: "relative", top: "2px" }}>回复</span>
+              <span style={{ position: "relative", top: "2px" }}>{getLocale('Mod_Reply')}</span>
               <ReplyUser>
                 <span className="name">
                   <OpenUserName name={replyUser} id={replyUserId} />
@@ -402,7 +403,7 @@ export default class Communication extends PureComponent<Props, State> {
             <MBlog
               setTextareaRef={setTextareaRef || function() {}}
               isHasPlaceholder={true}
-              placeholderText={"请输入沟通内容"}
+              placeholderText={getLocale('Mod_contentofyour')}
               isShowRange={false}
               isShowBtnCancel={false}
               isShowSendSms={isShowSendSms}

package/src/components/confidence/index.tsx

@@ -2,6 +2,7 @@ import React, { useRef } from "react";
 import classNames from "classnames";
 import Tooltip from "..//tooltip";
 import Popup from "../popup";
+import { getLocale } from "../../utils/getLocale";
 
 import Heart from "./heart";
 import "./index.scss";
@@ -32,7 +33,7 @@ const Confidence = (props: IConfidenceProps) => {
   const popupRef = useRef();
   const PopupContent = (
     <div className={`${popPrecls}`}>
-      <p className={`${popPrecls}-title`}>请用分数描述你能完成关键指标的信心</p>
+      <p className={`${popPrecls}-title`}>{getLocale('OKR_MyO_Title_Plecore')}</p>
       <ul className={`${popPrecls}-list`}>
         {HEART_RANGE.map((i, j) => (
           <li
@@ -64,7 +65,7 @@ const Confidence = (props: IConfidenceProps) => {
     );
   }
   return (
-    <Tooltip overlay="修改信心指数" placement="top">
+    <Tooltip overlay={getLocale('OKR_MyO_Title_Changecindex')} placement="top">
       <Popup popup={PopupContent} popupPlacement={popupPlacement} ref={popupRef}>
         <div
           className={classNames("titaui-kr-heart", {

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

@@ -1,18 +1,27 @@
-export const ODesc = ["O = 动词+你要做什么/渴望做什么+为了改变什么"];
-export const OExample = [
-  "提高我们年度用户大会的出席率和参与度，为了提高客户的续费率",
+import { getLocale } from "../../utils/getLocale";
+
+export const getODesc = () => [getLocale('OKR_MyO_Pop_OVerbTodo')];
+export const getOExample = () => [
+  getLocale('OKR_MyO_Pop_Increaserene'),
 ];
-export const OCheckTarget = ["含动词", "不建议包含数字"];
+export const OCheckTarget = () => {
+  return [
+    getLocale("OKR_MyO_Pop_Containingverbs"),
+    getLocale("OKR_MyO_Pop_Notrecommended"),
+  ]
+};
 
-export const KrDesc = [
-  "KR1 = 动词+你要追踪的内容+从 X 到 Y/或者具体值",
-  "KR2 = 动词+什么时间节点+达成什么关键成果",
+export const getKrDesc = () => [
+  getLocale('OKR_MyO_Pop_KR1'),
+  getLocale('OKR_MyO_Pop_KR2'),
 ];
-export const KrExample = ["将客户续约率从70%提高到90%"];
-export const KrCheckTarget = [
-  "至少含 1 个关键成果",
-  "不建议超过 5 个关键成果",
-  "关键成果定量可衡量",
+export const KrExample = () => {
+  return [getLocale("OKR_MyO_Pop_70to90")]
+};
+export const getKrCheckTarget = () => [
+  getLocale('OKR_MyO_Pop_Onekey'),
+  getLocale('OKR_MyO_Pop_Nofivekey'),
+  getLocale('OKR_MyO_Pop_Keymeasured'),
 ];
 
 export const CreateSuccessTips = {

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

@@ -1,12 +1,11 @@
 import React, { ReactElement, useEffect, useRef, useState } from 'react';
 import { CreateCycleWrapper, DateLine, SelectBtn, TimeSapn } from './style';
 import Pop from "../../components-v1/pop";
-// import { Button } from 'tita-ui';
 import Button from "../period-selector/components/button"
 import PeriodSelector from "../period-selector"
 import RangePickerPop from "../range-picker-pop";
 import {getCycleSetting} from './request-api';
-import moment from "moment";
+import { getLocale } from '../../utils/getLocale';
 
 
 
@@ -111,7 +110,7 @@ function CreateCycle({ cycle, container, onChange }: Props): ReactElement {
           </PeriodSelector>
 
           <DateLine style={{ borderBottom: '1px solid #F0F2F5' }}>
-            开始日期：
+            {getLocale('Mod_StartDate')}：
             <RangePickerPop
               format='YYYY/MM/DD'
               controlled
@@ -127,7 +126,7 @@ function CreateCycle({ cycle, container, onChange }: Props): ReactElement {
           </DateLine>
 
           <DateLine>
-            结束日期：
+            {getLocale('Mod_EndDate')}：
             <RangePickerPop
               format='YYYY/MM/DD'
               controlled
@@ -147,13 +146,13 @@ function CreateCycle({ cycle, container, onChange }: Props): ReactElement {
               size='s'
               style={{ 'marginRight': 12 }}
               onClick={onCancelClickHandler}
-            >取消</Button>
+            >{getLocale('Mod_Cancel')}</Button>
 
             <Button
               size='s'
               type='primary'
               onClick={onSureClickHandler}
-            >确定</Button>
+            >{getLocale('OKR_MyO_Butt_Determine')}</Button>
           </div>
         </CreateCycleWrapper>
       </Pop>

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

@@ -11,6 +11,7 @@ import QRCode from "./img/qr-code.png";
 import CreateSuccessHeader from "./img/create-success-head.png";
 import CreateSuccessShadow from "./img/create-success-shadow.svg";
 import Html2Canvas from "html2canvas";
+import { getLocale } from "../../utils/getLocale";
 
 interface ICreateSuccessCmpProps {
   createdSuccessInfo: any;
@@ -76,7 +77,7 @@ const CreateSuccessCmp: FC<ICreateSuccessCmpProps> = ({
       image.onload = () => {
         let a = document.createElement("a"); // 生成一个a元素
         let event = new MouseEvent("click"); // 创建一个单击事件
-        a.download = "分享"; // 设置图片名称
+        a.download = getLocale('OKR_MyO_Share'); // 设置图片名称
         a.href = imgUrl; // 将生成的URL设置为a.href属性
         a.dispatchEvent(event); // 触发a的单击事件
       };
@@ -156,11 +157,11 @@ const CreateSuccessCmp: FC<ICreateSuccessCmpProps> = ({
             <img src={CreateSuccessRightQuotation} />
           </div>
           <div className="create-success-model__congratulation">
-            已超过&nbsp;Tita&nbsp;&nbsp;
+            {getLocale('OKR_MyO_Pop_OKRscreated')}&nbsp;&nbsp;
             <span className="create-success-model__percent">
               {createdSuccessInfo.countSurpassPercentage}%
             </span>
-            &nbsp;&nbsp;的人创建&nbsp;OKR
+            &nbsp;&nbsp;{getLocale('OKR_MyO_Pop_ofpeople')}
           </div>
           <div
             className={`create-success-model__okr-info ${
@@ -214,13 +215,13 @@ const CreateSuccessCmp: FC<ICreateSuccessCmpProps> = ({
                 className="create-success-model__common-btn-style create-success-model__return-list"
                 onClick={handleShowDetail}
               >
-                查看详情
+                {getLocale('Mod_Checkdetails')}
               </span>
               <span
                 className="create-success-model__common-btn-style create-success-model__download-img"
                 onClick={handleDownloadPic}
               >
-                下载图片
+                {getLocale('OKR_MyO_Popup_Download')}
               </span>
             </div>
             <div className="create-success-model__checkbox-wrapper">
@@ -235,7 +236,7 @@ const CreateSuccessCmp: FC<ICreateSuccessCmpProps> = ({
                 htmlFor="dontShowCreateSucess"
                 className="create-success-model__label"
               >
-                下次不再提示
+                {getLocale('OKR_MyO_Pop_Nomore')}
               </label>
             </div>
           </div>

package/src/components/create-okr-modal/fields/date-cycle.tsx

@@ -7,6 +7,7 @@ import { OpenUserName } from "../../../utils/open-data";
 import UserSelectorPop from "../../../components-v1/userSelector/UserSelectorPop";
 import { getCycleSetting } from "../request-api";
 import "./index.scss";
+import { getLocale } from "../../../utils/getLocale";
 
 interface Props {
   user: any;
@@ -38,9 +39,9 @@ export default ({
     <Fragment>
       <div className="create-modal__sub-block">
         {!isCreateModal ? (
-          <TitleLine>周期</TitleLine>
+          <TitleLine>{getLocale('Mod_period')}</TitleLine>
         ) : (
-          <div className="create-modal__sub-title">周期</div>
+          <div className="create-modal__sub-title">{getLocale('Mod_period')}</div>
         )}
         <CreateCycle
           onChange={setCycle}
@@ -52,7 +53,7 @@ export default ({
         <Fragment>
           <Space />
           <ItemWrapper>
-            <TitleLine>负责人</TitleLine>
+            <TitleLine>{getLocale('Mod_Owner')}</TitleLine>
             <UserSelectorPop
               onSubmit={([u]) => {
                 let avatar = {

package/src/components/create-okr-modal/fields/o-new-name.tsx

@@ -5,6 +5,7 @@ import InputWithErrPopup from "./input-with-err-popup";
 import { EOkrCreateSuggestResultType } from "./okr-create-suggest";
 import NewUserSelector from "./okr-new-user-selector";
 import { getOAnalysisInfos } from "../request-api";
+import { getLocale } from "../../../utils/getLocale";
 import "./index.scss";
 
 interface Props {
@@ -18,12 +19,14 @@ interface Props {
   setIsInputContent: Function;
 }
 
-const initOCheckResult = OCheckTarget.map((item) => {
-  return {
-    text: item,
-    result: EOkrCreateSuggestResultType.normal,
-  };
-});
+const initOCheckResult = () => {
+  return OCheckTarget().map((item) => {
+    return {
+      text: item,
+      result: EOkrCreateSuggestResultType.normal,
+    };
+  })
+};
 
 export default ({
   okrName,
@@ -82,7 +85,7 @@ export default ({
         if (tempCheckId !== oCheckId) {
           return;
         }
-        const result = OCheckTarget.map((item, index) => {
+        const result = OCheckTarget().map((item, index) => {
           if (index === 0) {
             return {
               text: item,
@@ -101,7 +104,7 @@ export default ({
         });
         // 如果已经清空了okr，则赋给默认值
         if (okrNameIsEmpty.current) {
-          setONameCheckResult(initOCheckResult);
+          setONameCheckResult(initOCheckResult());
         } else {
           setONameCheckResult(result);
         }
@@ -118,7 +121,7 @@ export default ({
     // 防抖
     okrNameIsEmpty.current = !okrName;
     if (!okrName) {
-      setONameCheckResult(initOCheckResult);
+      setONameCheckResult(initOCheckResult());
       setIsInputContent(false);
       return;
     }
@@ -168,7 +171,7 @@ export default ({
             onFocus={handleInputFocus}
             onBlur={handleInputBlur}
             className={`left-block__input`}
-            placeholder="请输入鼓舞人心的目标"
+            placeholder={getLocale('OKR_MyO_Pop_PleInspObjective')}
             type="text"
             value={okrName}
             onChange={(e) => setOkrName(e.target.value)}

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 && (