@titaui/pc 1.8.1 → 1.8.2

package/src/components/publish-dynamic-modal/publish-dynamic-modal.tsx

@@ -3,7 +3,10 @@ import Dialog from "../dialog";
 import MBlog from "../mblog";
 import { addShare, addNotice } from "./requist-api";
 import Toast from "../toast";
-import { getUserInfo } from "../../utils/bs-global";
+import { getUserInfo, getBSGlobal } from "../../utils/bs-global";
+import { getLocale } from "../../utils/getLocale";
+const i18nInfo = getBSGlobal('I18NInfo')
+const isEn = i18nInfo && i18nInfo.I18NOpen && i18nInfo.I18NUserLang === "en_US";
 
 import "./publish-dynamic-modal.scss";
 
@@ -25,7 +28,7 @@ const PublishDynamicModal: FC = ({}) => {
         addShare(sendData)
         .then((resp) => {
           if (resp.Code === 1) {
-            Toast.Success("发布成功", { canClose: false });
+            Toast.Success(getLocale('Pro_tag_pop_Pubsuc'), { canClose: false });
             localStorage.removeItem(
               `mblogLocalStroage_${getUserInfo().Id}_commentsTypeKey_${
                 isShare ? "share" : "announcement"
@@ -50,7 +53,7 @@ const PublishDynamicModal: FC = ({}) => {
         addNotice(sendData)
         .then((resp) => {
           if (resp.Code === 1) {
-            Toast.Success("发布成功", { canClose: false });
+            Toast.Success(getLocale('Pro_tag_pop_Pubsuc'), { canClose: false });
             localStorage.removeItem(
               `mblogLocalStroage_${getUserInfo().Id}_commentsTypeKey_${
                 isShare ? "share" : "announcement"
@@ -100,12 +103,13 @@ const PublishDynamicModal: FC = ({}) => {
 
   return (
     <Dialog
-      title={isShare ? "发分享" : "发公告"}
+      title={isShare ? `${getLocale('Feed_Set_Pop_Butt_Sendshare')}` : `${getLocale('Feed_Set_Pop_Butt_Announcement')}`}
       visible={visible}
       onClose={hidePublishDynamicModal}
       noFooter
-      style={{ width: "480px" }}
+      style={{ width: isEn ? '680px' : "480px" }}
       destroyOnClose
+      noHeadLine
     >
       <div className={prefix}>
         <MBlog
@@ -118,7 +122,7 @@ const PublishDynamicModal: FC = ({}) => {
           isShowSendSms={false}
           isShowBtnCancel={false}
           isShowRange={true}
-          submitText="发布"
+          submitText={getLocale('OKR_MyO_KRP_Butt_Release')}
           initialTextHeight={96}
           autoResizing={false}
           autoFocus={false}

package/src/components/range-picker-pop/index.js

@@ -2,7 +2,7 @@
  * @Author: lianghaosen
  * @Date: 2018-12-05 21:28:59
  * @Last Modified by: lianghaosen
- * @Last Modified time: 2021-04-01 19:13:32
+ * @Last Modified time: 2021-12-29 15:02:17
  */
 import React, { Component } from 'react';
 import { findDOMNode } from 'react-dom';
@@ -75,11 +75,11 @@ export default class RangePickerPop extends Component {
     if (this.props.triggerStop) e.stopPropagation();
     if (this.props.controlled) {
       this.setState({
-        startDate: moment(this.props.defaultRange.startDate),
-        endDate: moment(this.props.defaultRange.endDate),
+        startDate: moment(this.props.defaultRange?.startDate),
+        endDate: moment(this.props.defaultRange?.endDate),
       })
     }
-    this.refs.pop.open();
+    // this.refs.pop.open();
   };
 
   setRange = range => {
@@ -162,12 +162,8 @@ export default class RangePickerPop extends Component {
             {extraBtnText}
           </a>
         )}
-        <a className='range-default-btn' {...cancle} style={{ marginRight: '10px' }}>
-          取消
-        </a>
-        <a className='range-primry-btn' {...sure}>
-          确定
-        </a>
+        <a className='range-default-btn' {...cancle} style={{ marginRight: '10px' }}>{getLocale('Mod_Cancel')}</a>
+        <a className='range-primry-btn' {...sure}>{getLocale('OKR_MyO_Butt_Determine')}</a>
       </div>
     </div>;
 

package/src/components/range-selector-pop/RangeList.tsx

@@ -1,4 +1,5 @@
-import React, { PureComponent } from 'react'
+import React, { PureComponent } from 'react';
+import { getLocale } from '../../utils/getLocale'
 import './index.scss'
 
 interface Props {
@@ -12,9 +13,9 @@ export default class RangeList extends PureComponent<Props> {
     return (
       <div className="rangeSelect__container">
         <ul className="rangeSelect__content">
-          <li className="rangeSelect__item" key="1" onClick={() => onSubmit('public')}>公开</li>
-          <li className="rangeSelect__item" key="2" onClick={() => onSubmit('department')}>部门可见</li>
-          <li className="rangeSelect__item" key="3" onClick={() => onSubmit('private')}>私密</li>
+          <li className="rangeSelect__item" key="1" onClick={() => onSubmit('public')}>{getLocale('OKR_MyO_Pubiic')}</li>
+          <li className="rangeSelect__item" key="2" onClick={() => onSubmit('department')}>{getLocale('OKR_MyO_E_Departmentvisible')}</li>
+          <li className="rangeSelect__item" key="3" onClick={() => onSubmit('private')}>{getLocale('OKR_MyO_Private')}</li>
         </ul>
       </div>
     )

package/src/components/scrollbar/simplebar/index.js

@@ -2,6 +2,7 @@ import canUseDOM from 'can-use-dom';
 
 import SimpleBar from './simplebar';
 import { getOptions } from './helpers';
+import { getLocale } from '../../../utils/getLocale'
 
 SimpleBar.initDOMLoadedElements = function() {
   document.removeEventListener('DOMContentLoaded', this.initDOMLoadedElements);

package/src/components/scrollbar/simplebar/scrollbar-width.js

@@ -1,5 +1,6 @@
 import canUseDOM from 'can-use-dom';
 import { getElementDocument } from "./helpers";
+import { getLocale } from '../../../utils/getLocale'
 
 let cachedScrollbarWidth = null;
 let cachedDevicePixelRatio = null;

package/src/components/select-layer/index.tsx

@@ -7,6 +7,7 @@ import React, {
   useEffect,
 } from "react";
 import Popup from "../popup";
+import { getLocale } from "../../utils/getLocale";
 import classNames from "classnames";
 import "./index.scss";
 
@@ -31,7 +32,7 @@ const SelectLayer: FC<ISelectLayerProps> = (props) => {
     initValue,
     onChangeSelect,
     items,
-    initText = "暂无",
+    initText = getLocale('OKR_MyO_E_Temporarilynone'),
     popupProps,
     renderPrefixIcon,
     renderSuffixIcon,

package/src/components/select-tags/index.tsx

@@ -2,6 +2,7 @@ import React, { FC, useState } from "react";
 import Select, { Option } from "rc-select";
 import classNames from "classnames";
 import "rc-select/assets/index.less";
+import { getLocale } from "../../utils/getLocale";
 import "./index.scss";
 
 interface DataProps {
@@ -31,7 +32,7 @@ const SelectTags: FC<Props> = ({
   style = { width: "200px" },
   mode = "single",
   className,
-  placeholder = "请选择",
+  placeholder = `${getLocale('Mod_Pleaseselect')}`,
   name,
   noBorder,
   ...restProps

package/src/components/selector-input/index.js

@@ -1,10 +1,11 @@
 import React, { useState, useRef } from 'react';
 import classNames from 'classnames';
 import debounce from './debounce';
+import { getLocale } from '../../utils/getLocale';
 import './index.scss';
 
 export default props => {
-  const { placeholder = '搜索', onChange } = props;
+  const { placeholder = `${getLocale('Mod_Search')}`, onChange } = props;
 
   const [heiglight, setHeiglight] = useState(false);
   const [heiglightClose, setHeiglightClose] = useState(false);

package/src/components/slider-input/index.js

@@ -1,5 +1,6 @@
 import React, { useState, useEffect, useRef } from 'react';
 import PropTypes from 'prop-types';
+import { getLocale } from '../../utils/getLocale'
 import './index.scss';
 
 export default props => {
@@ -8,7 +9,7 @@ export default props => {
     onClose,
     style = {},
     defaultValue = '',
-    placeholder = '输入关键字',
+    placeholder = `${getLocale('Mod_Enterkeywords')}`,
     onActive
   } = props;
   const inputRef = useRef()

package/src/components/status-time/index.tsx

@@ -1,4 +1,5 @@
 import React, { FC, useState, useEffect, useCallback } from 'react';
+import { getLocale } from '../../utils/getLocale';
 import './index.scss';
 
 interface IStatusTimeProps {
@@ -55,12 +56,12 @@ const StatusTime: FC<IStatusTimeProps> = ({ deadLine, isLongTerm, isCancel, isCo
   }, [isCancel, isComplete, isLongTerm, isRemainLessThan30Days, overDue])
 
   const parseEndDate = useCallback(() => {
-    if (!deadLine) return '未设置'
+    if (!deadLine) return getLocale('Data_Notset')
 
-    if (isLongTerm) return '长期';
+    if (isLongTerm) return getLocale('Pro_newpro_LongTerm');
 
     if (isRemainLessThan30Days && remainDays > 0 && !isComplete && !isCancel) {
-      return `剩余${remainDays}天`;
+      return `${getLocale('OKR_MyO_E_Remaining')}${remainDays}天`;
     }
 
     return `${deadDate.year !== new Date().getFullYear() ? deadDate.year + '/' : ''}${deadDate.month}/${deadDate.day}`;

package/src/components/table/index.js

@@ -3,7 +3,8 @@ import RcTable from 'rc-table';
 import classNames from 'classnames';
 
 import Pagination from '../pagination'
-import Checkbox from '../checkbox'
+import Checkbox from './checkbox';
+import { getLocale } from '../../utils/getLocale';
 import 'rc-table/assets/index.css';
 
 import './index.scss';
@@ -176,7 +177,7 @@ export default props => {
               <span
                 className={classNames(`${preCls}__table-pagination-left-btn`)}
                 onClick={() => setRowSelected([])}>
-                清空所选
+                {getLocale('OKR_MyO_Pop_Clearselected')}
               </span>
             </span>
           }

package/src/components/task-relation-modal/index.tsx

@@ -14,6 +14,7 @@ import {
 } from "./helper";
 import { Context } from "./context";
 import { relationWorks, updateLable } from "./request-api";
+import { getLocale } from "../../utils/getLocale";
 
 import "./index.scss";
 interface IProps {
@@ -71,7 +72,7 @@ const TaskRelationModal = (props: IProps) => {
     if (Message) {
       Toast.Error(Message);
     } else {
-      Toast.Success("操作成功");
+      Toast.Success(getLocale('Mod_Successfuloperat'));
     }
   };
   const updateRelation = async () => {
@@ -86,7 +87,7 @@ const TaskRelationModal = (props: IProps) => {
       if (Message) {
         Toast.Error(Message);
       } else {
-        Toast.Success("操作成功");
+        Toast.Success(getLocale('Mod_Successfuloperat'));
       }
     }
   };
@@ -126,7 +127,7 @@ const TaskRelationModal = (props: IProps) => {
   const renderCateGory = () =>{
     return(
       <span className={`${preCls}__catetory-set`} onClick={openLableSetting}>
-      分类设置
+      {getLocale('Tasks_Menu_Category')}
     </span>)
   }
 
@@ -166,21 +167,21 @@ const TaskRelationModal = (props: IProps) => {
               className={`${preCls}__tabs`}
             >
               {isOpenOkrManage && (
-                <TabPane key="okr" tab="关联OKR">
+                <TabPane key="okr" tab={getLocale('Tasks_Menu_AffiliateOKR')}>
                   <div className={`${preCls}__content`}>
                     <OkrTree multiple={multiple} />
                   </div>
                 </TabPane>
               )}
               {isOpenWorkManage && (
-                <TabPane key="work" tab="关联项目">
+                <TabPane key="work" tab={getLocale('OKR_MyO_E_Butt_AssProjects')}>
                   <div className={`${preCls}__content`}>
                     <WorkTree />
                   </div>
                 </TabPane>
               )}
               {isOpenLabel && !isRelationOther && (
-                <TabPane key="category" tab="关联分类">
+                <TabPane key="category" tab={getLocale('Tasks_Menu_AffiliateCa')}>
                   <div className={`${preCls}__content`}>
                     <CategoryTree />
                   </div>

package/src/components/task-relation-modal/search/category-select.tsx

@@ -1,11 +1,12 @@
 import React, { useState } from "react";
+import { getLocale } from "../../../utils/getLocale";
 
 import SelectLayer from "../../select-layer";
 import './search-dropdown/index.scss';
 
 const CategorySelect = (props) => {
   const { onChange, initValue } = props;
-  const [selectText, setSelectText] = useState("全部分类");
+  const [selectText, setSelectText] = useState(getLocale('Tasks_Menu_AllCateg'));
 
   const onChangeHandler = (key) => {
     setSelectText(key.label);
@@ -13,15 +14,15 @@ const CategorySelect = (props) => {
   };
   const selectOptions = [
     {
-      label: "全部分类",
+      label: getLocale('Tasks_Menu_AllCateg'),
       value: 0,
     },
     {
-      label: "企业分类",
+      label: getLocale('Tasks_Menu_Enterprise'),
       value: 1,
     },
     {
-      label: "个人分类",
+      label: getLocale('Tasks_Menu_Personal'),
       value: 2,
     }
   ];

package/src/components/task-relation-modal/search/okr-status-select.tsx

@@ -1,10 +1,11 @@
 import React, { useState } from "react";
 import SelectLayer from "../../select-layer";
+import { getLocale } from "../../../utils/getLocale";
 import './search-dropdown/index.scss';
 
 const OkrStatusSelect = (props) => {
   const { onChange, initValue } = props;
-  const [selectText, setSelectText] = useState("全部状态");
+  const [selectText, setSelectText] = useState(getLocale('OKR_MyO_Butt_AllStates'));
 
   const onChangeHandler = (key) => {
     setSelectText(key.label);
@@ -12,15 +13,15 @@ const OkrStatusSelect = (props) => {
   };
   const selectOptions = [
     {
-      label: "全部状态",
+      label: getLocale('OKR_MyO_Butt_AllStates'),
       value: 0,
     },
     {
-      label: "进行中",
+      label: getLocale('Per_MyRe_text_Inprogress'),
       value: 1,
     },
     {
-      label: "已结束",
+      label: getLocale('OKR_MyO_Butt_Hasended'),
       value: 2,
     },
   ];

package/src/components/task-relation-modal/search/okr-type-select.tsx

@@ -1,4 +1,5 @@
 import React, { useState } from "react";
+import { getLocale } from "../../../utils/getLocale";
 
 import SelectLayer from "../../select-layer";
 // import SearchDropDown from "./search-dropdown";
@@ -6,7 +7,7 @@ import './search-dropdown/index.scss';
 
 const OkrTypeSelect = (props) => {
   const { onChange, initValue } = props;
-  const [selectText, setSelectText] = useState("全部类型");
+  const [selectText, setSelectText] = useState(getLocale('OKR_MyO_Butt_Alltypes'));
 
   const [OkrTypeSetting] = useState(() => {
     return window.BSGlobal.OkrAdvancedSetting.KRSetting.OkrTypeSetting;
@@ -17,23 +18,23 @@ const OkrTypeSelect = (props) => {
   };
   const selectOptions = [
     {
-      label: "全部类型",
+      label: getLocale('OKR_MyO_Butt_Alltypes'),
       value: "",
     },
     {
-      label: "公司",
+      label: getLocale('OKR_MyO_Pop_Company'),
       value: 3,
     },
     {
-      label: "部门",
+      label: getLocale('Mod_Department'),
       value: 2,
     },
     {
-      label: "团队",
+      label: getLocale('OKR_MyO_Text_Team'),
       value: 4,
     },
     {
-      label: "个人",
+      label: getLocale('OKR_MyO_Pop_Individual'),
       value: 1,
     },
   ];

package/src/components/task-relation-modal/search/principal.tsx

@@ -1,13 +1,15 @@
 import React, { useEffect, useState,useRef } from "react";
 import UserSelector from "../../user-selector";
 import SearchDropDown from "./search-dropdown";
+import { getLocale } from "../../../utils/getLocale";
 import "./search-dropdown/index.scss"
 
 const Principal = (props) => {
   const { onChange, initValue = [],setRelation,position="bottom" } = props;
   const [users, setUsers] = useState(initValue);
   const [isInit, setIsInit] = useState(false);
-  const [selectText, setSelectText] = useState("全部人员");
+  const [selectText, setSelectText] = useState(getLocale('Pro_page_Plan_Allpersonnel'));
+
   const userSelectorRef = useRef(document.createElement('div'))
   const onSelectUser = ({ users }) => setUsers(users);
 
@@ -31,7 +33,7 @@ const Principal = (props) => {
       });
       setSelectText(text)
     }else{
-      setSelectText('全部人员')
+      setSelectText(getLocale('Pro_page_Plan_Allpersonnel'))
     }
 
     isInit && onChange(users);

package/src/components/task-relation-modal/search/relation.tsx

@@ -1,15 +1,16 @@
 import React, { useState,useEffect } from "react";
+import { getLocale } from "../../../utils/getLocale";
 import SelectLayer from "../../select-layer";
 import './search-dropdown/index.scss';
 
 const Relation = (props) => {
   const { onChange, initValue } = props;
-  const [selectText, setSelectText] = useState("全部范围");
+  const [selectText, setSelectText] = useState(getLocale('Pro_page_Plan_FullRange'));
 
 
   useEffect(()=>{
     if(initValue===0){
-      setSelectText("全部范围")
+      setSelectText(getLocale('Pro_page_Plan_FullRange'))
     }
   },[initValue])
 
@@ -19,19 +20,19 @@ const Relation = (props) => {
   };
   const selectOptions = [
     {
-      label: "全部范围",
+      label: getLocale('Pro_page_Plan_FullRange'),
       value: 0,
     },
     {
-      label: "我负责的",
+      label: getLocale('OKR_Menu_Title03_Owned'),
       value: 1,
     },
     {
-      label: "我参与的",
+      label: getLocale('OKR_Menu_Title_Collaborator'),
       value: 2,
     },
     {
-      label: "我关注的",
+      label: getLocale('OKR_Menu_Title_FollowingOKRs'),
       value: 3,
     },
   ];

package/src/components/task-relation-modal/tree/category-tree/index.tsx

@@ -13,6 +13,7 @@ import { getCategory } from "../../request-api";
 import { Context } from "../../context";
 import NodeRender from "../../tree-node";
 import SearchForm from "./search-form";
+import { getLocale } from "../../../../utils/getLocale";
 import "./index.scss";
 const precls = "rel-category-tree";
 
@@ -131,16 +132,16 @@ const CategoryTree = () => {
       <SearchForm onChange={onQueryChangeHandler} />
       {treeNodes.length == 0 && (
         <div className={`${precls}__empty`}>
-          暂无分类
+          {getLocale('OKR_MyO_Text_Noclassifica')}
           <div className={`${precls}__empty-btn`} onClick={openLableSetting}>
-            分类设置
+            {getLocale('Tasks_Menu_Category')}
           </div>
         </div>
       )}
       {treeNodes.length > 0 && (
         <Fragment>
           <div className={`${precls}__header`}>
-            <span className={`${precls}__header-obj`}>关联对象</span>
+            <span className={`${precls}__header-obj`}>{getLocale('Pro_detail_AssociatedObject')}</span>
           </div>
           <div 
             ref={contentRef}

package/src/components/task-relation-modal/tree/category-tree/search-form.tsx

@@ -1,6 +1,7 @@
 import React, { useEffect, useState } from "react";
 import SearchInput from "../../../search-input";
 import CategorySelect from "../../search/category-select";
+import { getLocale } from "../../../../utils/getLocale";
 import "./index.scss";
 interface IProps {
   onChange: Function;
@@ -27,7 +28,7 @@ const SearchForm = (props: IProps) => {
       <div className="rel-okr-tree__search-item-keyword">
         <SearchInput
           onSearch={setKeyWords}
-          placeholder="输入关键字"
+          placeholder={getLocale('Mod_Enterkeywords')}
           style={{ height: 32, width: 240 }}
         />
       </div>

package/src/components/task-relation-modal/tree/okr-tree/index.tsx

@@ -13,6 +13,7 @@ import { Context } from "../../context";
 import NodeRender from "../../tree-node";
 import SearchForm from "./search-form";
 import { getBSGlobal } from "../../../../utils/bs-global";
+import { getLocale } from "../../../../utils/getLocale";
 import "./index.scss";
 
 const precls = "rel-okr-tree";
@@ -123,14 +124,14 @@ const OkrTree = () => {
     <div className={precls}>
       <SearchForm onChange={onQueryChangeHandler} />
       {treeNodes.length == 0 && (
-        <div className={`${precls}__empty`}>暂无 OKR 数据</div>
+        <div className={`${precls}__empty`}>{getLocale('Tasks_Tab_MyS_NoOKRilable')}</div>
       )}
       {treeNodes.length > 0 && (
         <Fragment>
           <div className={`${precls}__header`}>
-            <span className={`${precls}__header-obj`}>关联对象</span>
-            <span className={`${precls}__header-principle`}>负责人</span>
-            <span className={`${precls}__header-time`}>起止时间</span>
+            <span className={`${precls}__header-obj`}>{getLocale('Pro_detail_AssociatedObject')}</span>
+            <span className={`${precls}__header-principle`}>{getLocale('Mod_Owner')}</span>
+            <span className={`${precls}__header-time`}>{getLocale('Mod_Startendtime')}</span>
           </div>
           <div  
             ref={contentRef}

package/src/components/task-relation-modal/tree/okr-tree/search-form.tsx

@@ -5,7 +5,8 @@ import { formatPeriod } from "../../../period-selector/common";
 import SearchDropDown from "../../search/search-dropdown";
 import OkrTypeSelect from "../../search/okr-type-select";
 import Principal from "../../search/principal";
-import Relation from "../../search/relation"
+import Relation from "../../search/relation";
+import { getLocale } from "../../../../utils/getLocale";
 import "./index.scss";
 
 interface IProps {
@@ -63,7 +64,7 @@ const SearchForm = (props: IProps) => {
       <div className="rel-okr-tree__search-item-keyword">
         <SearchInput
           onSearch={setKeyWords}
-          placeholder="输入关键字"
+          placeholder={getLocale('Mod_Enterkeywords')}
           style={{ height: 32, width: 240 }}
         />
       </div>

package/src/components/task-relation-modal/tree/work-tree/index.tsx

@@ -6,6 +6,7 @@ import { getWorks } from "../../request-api";
 import { Context } from "../../context";
 import NodeRender from "../../tree-node";
 import SearchForm from "./search-form";
+import { getLocale } from "../../../../utils/getLocale";
 import "./index.scss";
 
 const precls = "rel-work-tree";
@@ -106,15 +107,15 @@ const WorkTree = () => {
     <div className={precls}>
       <SearchForm onChange={onQueryChangeHandler} />
       {treeNodes.length == 0 && (
-        <div className={`${precls}__empty`}>暂无项目数据</div>
+        <div className={`${precls}__empty`}>{getLocale('Tasks_Tab_MyS_Noprojectilable')}</div>
       )}
       {treeNodes.length > 0 && (
         <Fragment>
           <div className={`${precls}__header`}>
-            <span className={`${precls}__header-obj`}>关联对象</span>
-            <span className={`${precls}__header-status`}>状态</span>
-            <span className={`${precls}__header-principle`}>负责人</span>
-            <span className={`${precls}__header-time`}>起止时间</span>
+            <span className={`${precls}__header-obj`}>{getLocale('Pro_detail_AssociatedObject')}</span>
+            <span className={`${precls}__header-status`}>{getLocale('Mod_States')}</span>
+            <span className={`${precls}__header-principle`}>{getLocale('Mod_Owner')}</span>
+            <span className={`${precls}__header-time`}>{getLocale('Mod_Startendtime')}</span>
           </div>
           <div
             className={`${precls}__content`}

package/src/components/task-relation-modal/tree/work-tree/search-form.tsx

@@ -1,4 +1,5 @@
 import React, { useEffect, useState } from "react";
+import { getLocale } from "../../../../utils/getLocale";
 import SearchInput from "../../../search-input";
 import OkrStatusSelect from "../../search/okr-status-select";
 import Principal from "../../search/principal";
@@ -45,7 +46,7 @@ const SearchForm = (props: IProps) => {
       <div className="rel-work-tree__search-item-keyword">
         <SearchInput
           onSearch={setKeyWords}
-          placeholder="输入关键字"
+          placeholder={getLocale('Mod_Enterkeywords')}
           style={{ height: 32, width: 240 }}
         />
       </div>

package/src/components/task-relation-modal/tree-node/milestone-node/index.tsx

@@ -6,6 +6,7 @@ import Radio from "../../radio";
 import { OpenUserName } from "../../../../utils/open-data";
 import Tooltip from '../../../tooltip';
 import { formatDateStr } from "../../helper";
+import { getLocale } from "../../../../utils/getLocale";
 import "./index.scss";
 
 const precls = "rel-milestone-node";
@@ -36,9 +37,9 @@ const MileStone = (props: IProps) => {
   };
 
   const statusMap = {
-    1: "未开始",
-    2: "未完成",
-    3: "已完成",
+    1: getLocale('OKR_MyO_E_From_NotStarted'),
+    2: getLocale('Per_Ma_form_detail_Incomplete'),
+    3: getLocale('OKR_MyO_E_From_Completed'),
   };
   const onCheckHandler = (checked, id) => {
     checked &&