@titaui/pc 1.8.61 → 1.9.3

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>
 }

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

@@ -2,6 +2,7 @@ import React, { useEffect } from 'react';
 import classNames from 'classnames';
 import IconButtonList from '../../../../../components/icon-button-list';
 import Switch from '../../../../../components/switch';
+import { getLocale } from '../../../../../utils/getLocale';
 import preCls from '../../../precls';
 
 import './index.scss';
@@ -20,8 +21,8 @@ export default props => {
   const period = {}
   
   const iconButtons = [
-    { 'icon': 'export', 'overlay': '导出'},
-    { 'icon': direction == 'horizontal' ? 'vertical' : 'horizontal', 'overlay': direction == 'horizontal' ? '切换纵向查看' : '切换横向查看' },
+    { 'icon': 'export', 'overlay': getLocale('Mod_Export')},
+    { 'icon': direction == 'horizontal' ? 'vertical' : 'horizontal', 'overlay': direction == 'horizontal' ? `${getLocale('OKR_Ali_Butt_Toggleportrait')}` : `${getLocale('OKR_Ali_Butt_Togglelandscape')}` },
   ]
   // 获取地图数据
   useEffect(() => {
@@ -29,9 +30,9 @@ export default props => {
   }, [])
 
   return <div className={classNames(`${preCls}-share-okr__header`)}>
-    <span className={classNames(`${preCls}-share-okr__header-title`)}>OKR 地图</span>
+    <span className={classNames(`${preCls}-share-okr__header-title`)}>{getLocale('OKR_Menu_Title_Alignment')}</span>
     <span className={classNames(`${preCls}-share-okr__header-showkr`)}>
-      <Switch label="展示 KR" checked={showkr} onChange={checked => setShowKr(checked)} />
+      <Switch label={getLocale('OKR_Ali_Butt_ExhibitionKRs')} checked={showkr} onChange={checked => setShowKr(checked)} />
     </span>
     <span className={classNames(`${preCls}-share-okr__header-dark`)} onClick={() => setDarkTheme(!darkTheme)}>
       切换{darkTheme ? '浅色' : '深色'}模式

package/src/pages/okr-map/level2-search/level2-input.js

@@ -1,6 +1,7 @@
 import React from 'react';
 import classNames from 'classnames';
 import { OpenUserName, OpenDepartmentName, isWechat } from '../open-data';
+import { getLocale } from '../../../utils/getLocale';
 import preCls from '../precls';
 
 export default props => {
@@ -14,7 +15,7 @@ export default props => {
         } else if (type == 'user') {
           return <OpenUserName id={selected.id} name={selected.name} />;
         } else {
-          return selected.name || '请选择';
+          return selected.name || getLocale('Mod_Pleaseselect');
         }
       })()}
     </span>

package/src/pages/okr-map/no-okr/index.js

@@ -1,4 +1,5 @@
 import "./index.scss";
+import { getLocale } from "../../../utils/getLocale";
 
 export default () => {
   return (
@@ -8,7 +9,7 @@ export default () => {
         你还没有制定目标，系统根据目标件的关联性自动生成目标地图
       </div>
       <div className="titaui-button">
-        <a href="/#okr/manage">去制定</a>
+        <a href="/#okr/manage">{getLocale('OKR_OKRW_Butt_Toformulate')}</a>
       </div>
     </div>
   );

package/src/pages/okr-map/number-select/index.js

@@ -1,12 +1,13 @@
 import { useState } from "react";
 import classNames from 'classnames';
+import { getLocale } from "../../../utils/getLocale";
 
 import './index.scss';
 
 const preCls = 'titaui-number-select';
 
 const NumberSelect = (props) => {
-    const { max = 10, min = 2, onChange = () => { }, defaultValue = 2, label = '编辑' } = props
+    const { max = 10, min = 2, onChange = () => { }, defaultValue = 2, label = getLocale('Mod_Editor') } = props
     const [num, setNum] = useState(defaultValue);
 
     const addHandler = () => {

package/src/pages/okr-map/share-dialog/index.js

@@ -4,6 +4,7 @@ import copyToClipboard from 'copy-to-clipboard';
 import Dialog from '../../../components/dialog';
 import preCls from '../precls';
 import { getShareUrl } from '../request-apis';
+import { getLocale } from '../../../utils/getLocale';
 import Toast from '@titaui/toast';
 
 import './index.scss';
@@ -39,9 +40,9 @@ const ShareContent = props => {
   }, [])
 
   return <div className={classNames(`${preCls}__share-content`)}>
-    <div className={classNames(`${preCls}__share-content-text`)}>发送链接后，同事即可通过扫码识别身份，查看当前地图</div>
+    <div className={classNames(`${preCls}__share-content-text`)}>{getLocale('OKR_Ali_Aftersendinlink')}</div>
     <div className={classNames(`${preCls}__share-content-link`)}>
-      <span className={classNames(`${preCls}__share-content-link-label`)}>链接</span>
+      <span className={classNames(`${preCls}__share-content-link-label`)}>{getLocale('OKR_MyO_KRP_Link')}</span>
       <span className={classNames(`${preCls}__share-content-link-url`)}>
         {copyUrl}
       </span>
@@ -61,20 +62,20 @@ export default props => {
   const onCopyUrlHandler = () => {
     copyToClipboard(copyUrl)
     setVisible(false);
-    Toast.Success('复制链接成功')
+    Toast.Success(getLocale('OKR_Ali_Copylinksuc'))
   }
 
   return <div className={classNames(`${preCls}__share-dialog`)}>
     <Dialog
       visible={visible}
       width={480}
-      title="复制分享链接"
+      title={getLocale('OKR_Ali_Copyandsharethelink')}
       noHeadLine={true}
       noFooterLine={true}
       noCloseIcon={true}
-      okText={"复制链接"}
+      okText={getLocale('OKR_Ali_Butt_Copylink')}
       destroyOnClose={true}
-      cancelText={"取消"}
+      cancelText={getLocale('Mod_Cancel')}
       onOk={onCopyUrlHandler}
       onCancel={() => setVisible(false)}
     >

package/src/pages/personal-info/components/base-info/index.scss

@@ -34,7 +34,7 @@
       font-size: 14px;
       font-weight: normal;
       color: #2879FF;
-      line-height: 26px;
+      line-height: 28px;
       background: rgba(40, 121, 255, 0.2);
       &:hover {
         color: #fff;
@@ -46,7 +46,6 @@
       min-width: 64px;
     }
     &-btn {
-      width: 64px;
       height: 28px;
       box-sizing: border-box;
       padding: 3px 18px;
@@ -66,6 +65,7 @@
     width: 342px;
     .form-field-input__border--disabled input:disabled {
       color: #6F7886;
+      cursor: default;
     }
   }
   .form-field-input__label {

package/src/pages/personal-info/components/base-info/index.tsx

@@ -1,8 +1,9 @@
 import React, { FC, useState, useRef, useEffect } from "react";
-import { getUserInfoFun } from '../../request-api';
-import { RectBtn } from "../../../../components/button";
 import Form from "../../../../components/form";
+import { getUserInfoFun } from "../../request-api";
+import { getLocale } from "../../../../utils/getLocale";
 import EditModle from '../edit-base-info'
+import { RectBtn } from "../../../../components/button";
 import "./index.scss";
 
 const {Fields} = Form
@@ -36,10 +37,10 @@ const BaseInfo: FC = () => {
   return (
     <div className={prefix}>
       <div className={`${prefix}__header`}>
-        <span className={`${prefix}__header-title`}>基本信息</span>
+        <span className={`${prefix}__header-title`}>{getLocale('Per_Ass_New_title_text_BasicIn')}</span>
         <RectBtn
           type={"primary"}
-          text={"编辑"}
+          text={getLocale('Mod_Editor')}
           onClick={handleClickEdit}
         />
         <EditModle visible={visible} onCancel={handleCancelEdit} handleSuccessEditBaseInfo={handleSuccessEditBaseInfo}/>
@@ -48,7 +49,7 @@ const BaseInfo: FC = () => {
         <Form ref={formRef}>
           <Fields.Input
             name="name"
-            label={"姓名"}
+            label={getLocale('Mod_UserName')}
             placeholder={"未设置"}
             type="text"
             verifies={[]}

package/src/pages/personal-info/components/edit-base-info/index.tsx

@@ -2,7 +2,6 @@ import React, { useState, useRef, useEffect } from 'react';
 import Form from '../../../../components/form';
 import { getUserInfoFun, saveUserInfo } from '../../request-api';
 import Toast from '../../../../components/toast';
-// import Input from './input';
 import Dialog from '../../../../components/dialog';
 import './index.scss';
 
@@ -26,6 +25,11 @@ const EditBaseInfo = (props) => {
 			...userInfo,
 			name: value || ''
 		});
+    if(value.length > 50 || value.length === 0) {
+      setIsDisable(true);
+    } else {
+      setIsDisable(false);
+    }
 		setIsEdit(true);
 	};
 
@@ -34,6 +38,11 @@ const EditBaseInfo = (props) => {
 			...userInfo,
 			mobile: value || ''
 		});
+    if(value.length !== 11 ) {
+      setIsDisable(true);
+    }else {
+      setIsDisable(false);
+    }
 		setIsEdit(true);
 	};
 
@@ -46,7 +55,7 @@ const EditBaseInfo = (props) => {
 	};
 
 	const handleSaveUserInfo = () => {
-		if (!userInfo.email || !userInfo.mobile || !userInfo.name || isDisable) {
+		if (!userInfo.email || !userInfo.mobile || !userInfo.name || userInfo.name.length > 50) {
       setIsDisable(true);
 			return;
 		} else {
@@ -70,17 +79,6 @@ const EditBaseInfo = (props) => {
 		});
 	}, []);
 
-	useEffect(
-		() => {
-			if (userInfo.name && userInfo.mobile && isEdit) {
-				setIsDisable(false);
-			} else {
-				setIsDisable(true);
-			}
-		},
-		[ userInfo, isEdit ]
-	);
-
 	return (
 		<Dialog
 			visible={visible}
@@ -115,7 +113,11 @@ const EditBaseInfo = (props) => {
 					{
 						tip: '姓名只能为中文，英文字母和数字及下划线的组合',
 						test: /^((?!(\uff08|\uff09)).)*$/g
-					}
+					},
+          {
+            tip: `姓名不能超过${50}个字`,
+            test: /^[\s\S]{0,50}$/,
+          },
 				]}
 				value={userInfo.name}
 				onChange={handleNameChange}
@@ -134,7 +136,7 @@ const EditBaseInfo = (props) => {
 						test: /^[\s\S]+$/
 					},
 					{
-						tip: '请输入11位手机号',
+						tip: '格式错误，海外手机格式如：(+852)52345678',
 						test: /^1[3456789]\d{9}$/
 					}
 				]}

package/src/utils/date-test-change.ts

@@ -1,3 +1,5 @@
+import { getLocale } from "./getLocale"
+
 //精确到日期的检测 date为2021/8/26这样的类型，返回距现在几天
 export const testDateDiff = (date) => {
 
@@ -38,7 +40,7 @@ export const testDateDiff = (date) => {
 //           if (hourDiff < 1) {
 //             const minDiff = Math.floor((nTime - tTime) / (1000 * 60))
 //             if (minDiff < 1) {
-//               return '刚刚'
+//               return getLocale('Pro_page_Int_Justnow')
 //             } else {
 //               return `${minDiff}分钟前`
 //             }
@@ -81,7 +83,7 @@ export const testDayChange = (date) => {
 
   const secondDiff = Math.floor((nowMilliSecond - timeMilliSecond) / 1000);
   if (secondDiff <= 3) {
-    return '刚刚';
+    return getLocale('Pro_page_Int_Justnow');
   }
   if (secondDiff < 60) {
     return `${secondDiff}秒前`;
@@ -93,7 +95,7 @@ export const testDayChange = (date) => {
     return `${Math.floor(secondDiff / (60 * 60))}小时前`;
   }
   if (secondDiff < 60 * 60 * 24 * 2 && nowDate - 1 === timeDate) {
-    return `昨天`;
+    return getLocale('OKR_MyO_Pr_Text_Yesterday');
   }
   if (secondDiff < 60 * 60 * 24 * 3 && nowDate - 2 === timeDate) {
     return `前天`;

package/src/utils/format-time.ts

@@ -1,6 +1,8 @@
+import { getLocale } from "./getLocale";
+
 export const getTimeString = (time: string, nowTime): string => {
   if (!time) {
-    return "暂未更新";
+    return getLocale('OKR_MyO_KRP_Notupdated');
   }
   const timeDateObj = new Date(time);
   const timeMilliSecond = timeDateObj.getTime();
@@ -16,7 +18,7 @@ export const getTimeString = (time: string, nowTime): string => {
 
   const secondDiff = Math.floor((nowMilliSecond - timeMilliSecond) / 1000);
   if (secondDiff <= 3) {
-    return "刚刚";
+    return getLocale('Pro_page_Int_Justnow');
   }
   if (secondDiff < 60) {
     return `${secondDiff}秒前`;
@@ -28,7 +30,7 @@ export const getTimeString = (time: string, nowTime): string => {
     return `${Math.floor(secondDiff / (60 * 60))}小时前`;
   }
   if (secondDiff < 60 * 60 * 24 * 2 && nowDate - 1 === timeDate) {
-    return `昨天 ${timeHours + ":" + timeMinutes}`;
+    return `${getLocale('OKR_MyO_Pr_Text_Yesterday')} ${timeHours + ":" + timeMinutes}`;
   }
   if (secondDiff < 60 * 60 * 24 * 3 && nowDate - 2 === timeDate) {
     return `前天 ${timeHours + ":" + timeMinutes}`;

package/src/utils/getLocale.ts

@@ -0,0 +1,9 @@
+import { getBSGlobal } from "./bs-global";
+
+export const getLocale = (key) => {
+  return window.getLocale && window.getLocale(key) || '';
+};
+
+const i18nInfo = getBSGlobal("I18NInfo");
+
+export const isEn = i18nInfo && i18nInfo.I18NOpen && i18nInfo.I18NUserLang === "en_US";