@titaui/pc 1.8.4 → 1.8.8

package/src/components/point-demo/constant.ts

@@ -0,0 +1,27 @@
+export const getOkrClassifyList = () => {
+  return [
+    { label: "1-10", value: 1 },
+    { label: "11-20", value: 2 },
+    { label: "21-50", value: 3 },
+    { label: "51-100", value: 4 },
+    { label: "101-200", value: 5 },
+    { label: "201-500", value: 6 },
+    { label: "501-1000", value: 7 },
+    { label: "1001-5000", value: 8 },
+    { label: "5001-10000", value: 9 },
+    { label: "10000+", value: 10 },
+    { label: "我代表一组公司", value: 11 },
+  ];
+};
+
+export const getOkrClassifyList1 = () => {
+  return [
+    { label: "企业 CEO", value: 1 },
+    { label: "HRD", value: 2 },
+    { label: "HR 专员", value: 3 },
+    { label: "IT 负责人", value: 4 },
+    { label: "采购专员", value: 5 },
+    { label: "业务部门主管", value: 6 },
+    { label: `其他`, value: 7 },
+  ]
+};

package/src/components/point-demo/drop-down-box/index.js

@@ -3,7 +3,7 @@ import Popup from "../popup";
 import SuffixIcon from "../image/down.svg"
 import "./index.scss";
 
-const SelectLayer = ({ style,errMsg,className,title,required=false, initValue, onChangeClassify, items, initText = '暂无', popupProps, renderPrefixIcon, renderSuffixIcon, renderPrefixIconClass, renderSuffixIconClass, textClass, forceRenderText = false }) => {
+const SelectLayer = ({ style,errMsg,className,title,required=false, initValue, onChangeClassify, items, initText = `暂无`, popupProps, renderPrefixIcon, renderSuffixIcon, renderPrefixIconClass, renderSuffixIconClass, textClass, forceRenderText = false }) => {
   const [visible, setVisible] = useState(false);
   const [selectItem, setSelectItem] = useState(items.find(item => item.value === initValue));
   

package/src/components/point-demo/index.js

@@ -4,36 +4,16 @@ import Toast from '../toast';
 import Dialog from "../dialog";
 import axios from 'axios'
 import ReactDOM from 'react-dom'
-import {getTenantInfo} from '../../utils/helpers'
+import {getTenantInfo} from '../../utils/helpers';
 // const isMobile = window.userAgent === 'mobile'
 const isMobile = document.body.clientWidth < 768
 import Input from './input'
 import SelectLayer from "./drop-down-box";
 import close from "./image/icon-canceled.svg"
 import logo from "./image/logo.svg"
+import { getOkrClassifyList, getOkrClassifyList1 } from './constant';
 import './index.scss';
-const okrClassifyList = [
-    { label: "1-10", value: 1 },
-    { label: "11-20", value: 2 },
-    { label: "21-50", value: 3 },
-    { label: "51-100", value: 4 },
-    { label: "101-200", value: 5 },
-    { label: "201-500", value: 6 },
-    { label: "501-1000", value: 7 },
-    { label: "1001-5000", value: 8 },
-    { label: "5001-10000", value: 9 },
-    { label: "10000+", value: 10 },
-    { label: "我代表一组公司", value: 11 },
-];
-const okrClassifyList1 = [
-    { label: "企业 CEO", value: 1 },
-    { label: "HRD", value: 2 },
-    { label: "HR 专员", value: 3 },
-    { label: "IT 负责人", value: 4 },
-    { label: "采购专员", value: 5 },
-    { label: "业务部门主管", value: 6 },
-    { label: "其他", value: 7 },
-];
+
 export default (props) => {
     const { visible = true, setVisible,localKey = 'issubmitted' } = props
     const isPerformance = getTenantInfo().tenantType == 2;
@@ -186,8 +166,8 @@ export default (props) => {
     }
 
     const onClickSubmit = () => {
-        let num = selectValue ? okrClassifyList[selectValue - 1].label : ''
-        let identity = selectValue1 ? okrClassifyList1[selectValue1 - 1].label : ''
+        let num = selectValue ? getOkrClassifyList()[selectValue - 1].label : ''
+        let identity = selectValue1 ? getOkrClassifyList1()[selectValue1 - 1].label : ''
         if (!name || !phone || !company || !num || !identity || !modules.length > 0 || !code) {
             if (!name) {
                 setErrMsg('姓名不能为空')
@@ -269,7 +249,7 @@ export default (props) => {
                 <div className="tita-appointment-demo-right-form">
                     <div className="tita-appointment-demo-right-form-item">
                         <Input className="tita-appointment-demo-right-form-item-left"
-                            label="姓名" placeholder="请输入您的名称"
+                            label={'名称'} placeholder="请输入您的名称"
                             id="name"
                             errMsg={errMsg}
                             required={true}
@@ -278,7 +258,7 @@ export default (props) => {
                             onBlur={onBlurName}
                         />
                         <Input className="tita-appointment-demo-right-form-item-right"
-                            label="手机号码" placeholder="请输入手机号"
+                            label="手机号码" placeholder={'请输入手机号'}
                             id="phone"
                             errMsg={errMsg1}
                             required={true}
@@ -292,10 +272,10 @@ export default (props) => {
                         <SelectLayer
                             className="tita-appointment-demo-right-form-item-left"
                             style={{ width: '192px' }}
-                            items={okrClassifyList1}
+                            items={getOkrClassifyList1()}
                             initValue={selectValue1}
                             renderSuffixIcon
-                            initText="请选择"
+                            initText={'请选择'}
                             onChangeClassify={handleSelectOkrClassify1}
                             title="您的身份"
                             errMsg={errMsgIde}
@@ -303,10 +283,10 @@ export default (props) => {
                         <SelectLayer
                             className="tita-appointment-demo-right-form-item-right"
                             style={{ width: '218.06px' }}
-                            items={okrClassifyList}
+                            items={getOkrClassifyList()}
                             initValue={selectValue}
                             renderSuffixIcon
-                            initText="请选择"
+                            initText={'请选择'}
                             onChangeClassify={handleSelectOkrClassify}
                             title="公司人数"
                             errMsg={errMsgNum}
@@ -344,8 +324,8 @@ export default (props) => {
                             <div className={`${has('OKR 目标管理') ? 'tita-appointment-demo-right-form-item-modules-item-active' : ''} tita-appointment-demo-right-form-item-modules-item`}
                                 onClick={() => onClickAddModules('OKR 目标管理')}
                             >OKR 目标管理</div>
-                            <div className={`${has('绩效考核') ? 'tita-appointment-demo-right-form-item-modules-item-active' : ''} tita-appointment-demo-right-form-item-modules-item`}
-                                onClick={() => onClickAddModules('绩效考核')}
+                            <div className={`${has("绩效考核") ? 'tita-appointment-demo-right-form-item-modules-item-active' : ''} tita-appointment-demo-right-form-item-modules-item`}
+                                onClick={() => onClickAddModules("绩效考核")}
                             >绩效考核</div>
                             <div className={`${has('项目管理') ? 'tita-appointment-demo-right-form-item-modules-item-active' : ''} tita-appointment-demo-right-form-item-modules-item`}
                                 onClick={() => onClickAddModules('项目管理')}

package/src/components/praise-record/index.tsx

@@ -1,6 +1,7 @@
 import React, { PureComponent } from 'react'
 import PraiseRecordItem from './PraiseRecordItem'
 import { getApiUrl, taker } from '../../utils/request-v1' // 请求相关
+import { getLocale } from '../../utils/getLocale'
 import { PraiseRecordWrapper, PraiseRecordContainer, PraiseRecordHead, PraiseRecordClose, PraiseRecordList, PraiseRecordMore } from './style'
 interface Props {
   className?: string
@@ -75,7 +76,7 @@ export default class PraiseRecord extends PureComponent<Props, State> {
       <PraiseRecordWrapper className={className}>
         <PraiseRecordContainer onMouseDown={(event: any) => { event.stopPropagation(); event.nativeEvent.stopImmediatePropagation() }}>
           <PraiseRecordHead>
-            <p className="praise__record__title">点赞记录</p>
+            <p className="praise__record__title">{getLocale('Tasks_Tab_MyS_Kudosrec')}</p>
             <PraiseRecordClose className="tu-icon-close" onMouseDown={() => onSubmit()}></PraiseRecordClose>
           </PraiseRecordHead>
           <PraiseRecordList>
@@ -89,7 +90,7 @@ export default class PraiseRecord extends PureComponent<Props, State> {
                 isShowMorePraiseRecord ? (
                   <button onMouseDown={() => this.handlerMoreRecordClick()}>
                     {
-                      isCompleteReloadPraiseRecord ? (<span>查看更多<span className="icon-arrow-down"></span></span>) : (<span>加载中...</span>)
+                      isCompleteReloadPraiseRecord ? (<span>{getLocale('Tasks_Tab_MyS_Butt_Seemoral')}<span className="icon-arrow-down"></span></span>) : (<span>加载中...</span>)
                     }
                   </button>
                 ) : (eachPageRecordCount || 20) >= praiseRecordDataLen ? (<p></p>) : (<p>没有更多记录了</p>)

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

@@ -1,3 +1,3 @@
 .publish-dynamic-modal {
-  padding: 16px 32px 18px 32px;
+  padding: 10px 32px 18px 32px;
 }

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

@@ -4,6 +4,7 @@ import MBlog from "../mblog";
 import { addShare, addNotice } from "./requist-api";
 import Toast from "../toast";
 import { getUserInfo } from "../../utils/bs-global";
+import { getLocale, isEn } from "../../utils/getLocale";
 
 import "./publish-dynamic-modal.scss";
 
@@ -25,7 +26,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 +51,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 +101,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 +120,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, isEn } 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 isEn ? `${remainDays} day(s)` : `剩余${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/table/index.scss

@@ -9,6 +9,7 @@
   &__table {
     width: 100%;
     overflow: auto;
+    min-height: 200px;
     &-pagination {
       padding: 10px 0 0 0;
       display: flex;

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);