@titaui/pc 1.8.61 → 1.9.3

package/src/components/period-selector/mockData.ts

@@ -1,103 +1,105 @@
-export const MockPeriod = [
+import { getLocale } from "../../utils/getLocale";
+
+export const getMockPeriod = () => [
   {
-    title: "全部周期",
+    title: getLocale("OKR_MyO_Butt_AllStatee"),
     order: ["-1"],
     checked: false,
   },
   {
-    title: "年度",
+    title: getLocale("OKR_MyO_Pop_Year"),
     order: ["1"],
     checked: false,
   },
   {
-    title: "自定义",
+    title: getLocale("Mod_Customization"),
     order: ["0,0"],
     checked: false,
-  }
-]
+  },
+];
 
-export const MockQuarter = [
+export const getMockQuarter = () => [
   {
-    title: "第一季度",
+    title: getLocale("OKR_MyO_Pop_1stQuarter"),
     order: ["2,1"],
     checked: false,
   },
   {
-    title: "第二季度",
+    title: getLocale("OKR_MyO_Pop_2ndQuarter"),
     order: ["2,2"],
     checked: false,
   },
   {
-    title: "第三季度",
+    title: getLocale("OKR_MyO_Pop_3rdQuarter"),
     order: ["2,3"],
     checked: false,
   },
   {
-    title: "第四季度",
+    title: getLocale("OKR_MyO_Pop_4thQuarter"),
     order: ["2,4"],
     checked: false,
-  }
-]
+  },
+];
 
-export const MockMonth = [
+export const getMockMonth = () => [
   {
-    title: "1月",
+    title: getLocale("Mod_Jan"),
     order: ["3,1"],
     checked: false,
   },
   {
-    title: "2月",
+    title: getLocale("Mod_Feb"),
     order: ["3,2"],
     checked: false,
   },
   {
-    title: "3月",
+    title: getLocale("Mod_Mar"),
     order: ["3,3"],
     checked: false,
   },
   {
-    title: "4月",
+    title: getLocale("Mod_Apr"),
     order: ["3,4"],
     checked: false,
   },
   {
-    title: "5月",
+    title: getLocale("Mod_May"),
     order: ["3,5"],
     checked: false,
   },
   {
-    title: "6月",
+    title: getLocale("Mod_Jun"),
     order: ["3,6"],
     checked: false,
   },
   {
-    title: "7月",
+    title: getLocale("Mod_Jul"),
     order: ["3,7"],
     checked: false,
   },
   {
-    title: "8月",
+    title: getLocale("Mod_Aug"),
     order: ["3,8"],
     checked: false,
   },
   {
-    title: "9月",
+    title: getLocale("Mod_Sept"),
     order: ["3,9"],
     checked: false,
   },
   {
-    title: "10月",
+    title: getLocale("Mod_Oct"),
     order: ["3,10"],
     checked: false,
   },
   {
-    title: "11月",
+    title: getLocale("Mod_Nov"),
     order: ["3,11"],
     checked: false,
   },
   {
-    title: "12月",
+    title: getLocale("Mod_Dec"),
     order: ["3,12"],
     checked: false,
-  }
-]
+  },
+];

package/src/components/photo-card/components/card/index.tsx

@@ -10,6 +10,7 @@ import {
   postAttention,
   delAttention,
 } from '../../request.apis';
+import { getLocale } from '../../../../utils/getLocale';
 import Add from '../../images/add1@3x.png';
 import './index.scss';
 
@@ -102,7 +103,7 @@ const Card = (props) => {
             {attentionData >= 10000 ? '1w+' : attentionData}
           </span>
           <span className={classNames(`${preCls}__data-attention-title`)}>
-            关注量
+            {getLocale('OKR_MyO_Ow_Followers')}
           </span>
         </div>
         <div className={classNames(`${preCls}__data-visit`)}>
@@ -110,7 +111,7 @@ const Card = (props) => {
             {visitData >= 10000 ? '1w+' : visitData}
           </span>
           <span className={classNames(`${preCls}__data-visit-title`)}>
-            访问量
+            {getLocale('OKR_MyO_Visitors')}
           </span>
         </div>
       </div>
@@ -130,14 +131,14 @@ const Card = (props) => {
               [`${preCls}__attention-btn-img--show`]: isAttention,
             })}
           >
-            已关注
+            {getLocale('OKR_MyO_Butt_Followed')}
           </div>
           <div
             className={classNames(`${preCls}__attention-btn-title`, {
               [`${preCls}__attention-btn-img--hide`]: isAttention,
             })}
           >
-            关注
+            {getLocale('OKR_MyO_Butt_Follow')}
           </div>
         </div>
       </ConditionRender>

package/src/components/photo-card/index.tsx

@@ -15,6 +15,7 @@ import {
   getOtherUserInfo,
 } from './request.apis';
 import Attention from './images/attention.svg';
+import { getLocale } from '../../utils/getLocale';
 import './index.scss';
 
 const prefixCls = 'titaui-photo-card-img';
@@ -107,7 +108,7 @@ const PhotoCard = (props: IProps) => {
       <ConditionRender
         condition={isAttention === true && userId !== userownInfo.Id}
       >
-        <Tooltip overlay="取消关注" placement="top">
+        <Tooltip overlay={`${getLocale('OKR_MyO_Butt_Unfollow')}`} placement="top">
           <img
             src={Attention}
             className={classNames(`${prefixCls}__img`)}
@@ -118,7 +119,7 @@ const PhotoCard = (props: IProps) => {
       <ConditionRender
         condition={isAttention === false && userId !== userownInfo.Id}
       >
-        <Tooltip overlay="关注" placement="top">
+        <Tooltip overlay={`${getLocale('OKR_MyO_Butt_Follow')}`} placement="top">
           <i
             className={classNames(`${prefixCls}__img`, 'tu-icon-guanzhu-x')}
             onClick={() => handleAttention()}

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