@titaui/pc 1.7.93 → 1.7.97

package/src/components/okr-filter-drawer/index.scss

@@ -20,7 +20,7 @@
     }
 
     &-radio {
-      width: 190px;
+      width: 154px;
       height: 22px;
       margin-bottom: 12px;
     }
@@ -28,11 +28,7 @@
     &__footer {
       display: flex;
       align-items: center;
-      justify-content: space-between;
-      &-btns{
-        display: flex;
-        align-items: center;
-      }
+
       &-checkbox {
         display: inline-flex;
         align-items: center;
@@ -48,10 +44,12 @@
 
         &-text {
           margin-left: 4px;
+          white-space: nowrap;
         }
       }
 
       &-reset {
+        margin-left: 40px;
         margin-right: 12px;
       }
     }

package/src/components/okr-filter-drawer/index.tsx

@@ -1,7 +1,7 @@
-import React, { FC, Fragment } from "react";
+import React, { FC, useState, Fragment } from "react";
 import Drawer from "../drawer";
 import FilterForm from "./filter-form";
-import { getLocale } from "../../utils/getLocale";
+import PeriodSelector from "../period-selector";
 
 interface FilterRrawerProps {
   visible?: boolean;
@@ -16,6 +16,9 @@ const Filter: FC<FilterRrawerProps> = ({
   onSearch,
   setFilterNum,
 }) => {
+  // const [cycle, setCycle] = useState({});
+  // const [filterDrawerVisible, setFilterDrawerVisible] = useState(visible);
+  const openFilterDrawer = () => setVisible(true);
   const closeFilterDrawer = () => setVisible(false);
   return (
     <Fragment>
@@ -24,10 +27,10 @@ const Filter: FC<FilterRrawerProps> = ({
         onClose={closeFilterDrawer}
         mask={true}
         maskClosable={true}
-        width={450}
+        width={372}
         destroyOnClose={false}
       >
-        <Drawer.Header content={getLocale('OKR_MyO_Title_Advanced')} />
+        <Drawer.Header content="高级筛选" />
         <FilterForm
           onSearch={onSearch}
           closeFilterDrawer={closeFilterDrawer}

package/src/components/okr-flow/child-node/work-node.js

@@ -10,7 +10,6 @@ import preCls from '../precls';
 import { OpenDepartmentName } from '../open-data';
 import { fittingString, getOpenData, setSize } from '../../open-data-painter';
 import { isWx } from '../../../utils/bs-global';
-import { getLocale } from "../../../utils/getLocale";
 
 const WorkNode = ({ data, isSearchRes, darkTheme }) => {
   const {
@@ -34,14 +33,12 @@ const WorkNode = ({ data, isSearchRes, darkTheme }) => {
   const [whiteImg, setWhiteImg] = useState();
   const [imgWidth, setImgWidth] = useState();
 
-  const getOkrTypeMap = () => {
-    return {
-      1: getLocale('OKR_MyO_Pop_Individual'),
-      // 2: <OpenDepartmentName id={departmentId} name={departmentName} />,
-      2: <img src={darkTheme ? whiteImg: departUrl} style={{macWidth: 92}} width={imgWidth}/>,
-      3: getLocale('OKR_MyO_Pop_Company'),
-      4: groupName || getLocale('OKR_MyO_Text_Team'),
-    }
+  const okrTypeMap = {
+    1: '个人',
+    // 2: <OpenDepartmentName id={departmentId} name={departmentName} />,
+    2: <img src={darkTheme ? whiteImg: departUrl} style={{macWidth: 92}} width={imgWidth}/>,
+    3: '公司',
+    4: groupName || '团队',
   };
 
   const getDepartUrl = async () => {
@@ -85,7 +82,7 @@ const WorkNode = ({ data, isSearchRes, darkTheme }) => {
     let cycleTypeCopy = modelType ? (modelType === 2 ? -1 : cycleType) : cycleType;
     switch (cycleTypeCopy) {
       case 0:
-        return getLocale('Mod_Customization');
+        return '自定义';
       case 1:
         return annualNum + '年';
       case 2:
@@ -117,7 +114,7 @@ const WorkNode = ({ data, isSearchRes, darkTheme }) => {
         <Creator creator={principalUser || {}} />
         <div className={classNames(`${preCls}--node-right`)}>
           <OkrType>
-            <span className={classNames(`${preCls}--node-type`)} >{getOkrTypeMap()[okrType]}</span>
+            <span className={classNames(`${preCls}--node-type`)} >{okrTypeMap[okrType]}</span>
           </OkrType>
           <span className={classNames(`${preCls}--node-cycle`)} >
             {getCycleTextByType()}

package/src/components/okr-flow/empty/index.js

@@ -1,6 +1,5 @@
 import preCls from '../precls';
 import classNames from 'classnames';
-import { getLocale } from '.././../../utils/getLocale';
 
 import './index.scss';
 
@@ -8,7 +7,7 @@ const Empty = () => {
   return (
     <div className={classNames(`${preCls}--empty`)}>
       <div className={classNames(`${preCls}--empty--icon`)} />
-      <div className={classNames(`${preCls}--empty--tip`)}>&nbsp;{getLocale('OKR_Ali_Text_Didntfind')}</div>
+      <div className={classNames(`${preCls}--empty--tip`)}>&nbsp;没有找到你想要的 ~</div>
     </div>
   );
 };

package/src/components/okr-flow/export-modal/index.tsx

@@ -10,7 +10,6 @@ import { CommonContext } from "../context";
 import { isWx } from "../../../utils/bs-global";
 import { getBase64DownloadUrl } from "../../okr-share/request-apis";
 import preCls from "../precls";
-import { getLocale } from "../../../utils/getLocale";
 import "rc-color-picker/assets/index.css";
 import "./index.scss";
 
@@ -118,7 +117,7 @@ const ExportMapModal = (props: IProps) => {
 
   return (
     <Dialog
-      title={getLocale('OKR_Ali_Exportmap')}
+      title="导出地图"
       noFooterLine={true}
       visible={visible}
       width="1000px"
@@ -131,7 +130,7 @@ const ExportMapModal = (props: IProps) => {
     >
       <Fragment>
         <div className="export-map-modal__setting">
-          <span style={{marginRight: 10}}>{getLocale('OKR_Ali_Selectbackground')}</span>
+          <span style={{marginRight: 10}}>选择背景色</span>
             <ColorPicker
               animation="slide-up"
               color={"#FFFFFF"}

package/src/components/okr-flow/mini-map/index.js

@@ -3,7 +3,6 @@ import { useZoomPanHelper } from '@titaui/react-flow-renderer';
 import classNames from 'classnames';
 import Tooltip from '../../tooltip';
 import Map from './map';
-import { getLocale } from "../../../utils/getLocale";
 
 import preCls from '../precls';
 import './index.scss';
@@ -40,7 +39,7 @@ const MiniMap = props => {
 
       <div className={classNames(`${preCls}--minimap--operat`)} >
 
-        <Tooltip placement='top' overlay={!visible ? getLocale('Mod_Unfold') : getLocale('Mod_Fold')}>
+        <Tooltip placement='top' overlay={!visible ? '展开' : '收起'}>
           <span
             className={classNames(`${preCls}--minimap--icon`, {
               [`${preCls}--minimap--icon__open`]: !visible,
@@ -52,7 +51,7 @@ const MiniMap = props => {
 
         <span className={classNames(`${preCls}--minimap--divider`)} >|</span>
 
-        <Tooltip placement='top' overlay={<span>{getLocale('OKR_Ali_Butt_Narrow')}</span>}>
+        <Tooltip placement='top' overlay={<span>缩小</span>}>
           <span
             className={classNames(`${preCls}--minimap--size__min`, `${preCls}--minimap--icon`)}
             onClick={onZoomOut}
@@ -61,7 +60,7 @@ const MiniMap = props => {
 
         <span>{zoom}%</span>
 
-        <Tooltip placement='top' overlay={<span>{getLocale('OKR_Ali_Butt_Enlarge')}</span>}>
+        <Tooltip placement='top' overlay={<span>放大</span>}>
           <span
             className={classNames(`${preCls}--minimap--size__max`, `${preCls}--minimap--icon`)}
             onClick={onZoomIn}

package/src/components/okr-period-selector/select-cycle.tsx

@@ -5,7 +5,6 @@ import Popup from "../popup";
 import RangePickerPop from "../range-picker-pop";
 import "./index.scss";
 import { getApiUrl, taker } from "../period-selector/helper";
-import { getLocale } from "../../utils/getLocale";
 
 export interface SelectCycleData {
   cycleType: string;
@@ -23,7 +22,7 @@ interface Props {
   canEdit?: boolean;
   getCycleRange?: boolean;
   popupAlign?: any;
-  className?: string;
+  className?:string
 }
 
 function _formatCycleData(periodParams, getCycleRange) {
@@ -59,8 +58,9 @@ export function CreateCycle({
   },
 }: Props): ReactElement {
   const popRef = useRef();
-  const btnRef =
-    useRef<HTMLButtonElement>() as React.RefObject<HTMLButtonElement>;
+  const btnRef = useRef<HTMLButtonElement>() as React.RefObject<
+    HTMLButtonElement
+  >;
   const [selfCycle, setSelfCycle] = useState(cycle || {});
   const [cycleSetting, setCycleSetting] = useState<any>();
 
@@ -100,10 +100,10 @@ export function CreateCycle({
   };
 
   const handleVisibleChange = (visible) => {
-    if (visible) {
+    if(visible){
       setSelfCycle(cycle);
     }
-  };
+  }
 
   let popup = <div />;
   if (cycleSetting) {
@@ -145,7 +145,7 @@ export function CreateCycle({
             className="okr-detail-date-cycle__date-line"
             style={{ borderBottom: "1px solid #F0F2F5" }}
           >
-            {getLocale('Mod_StartDate')}：
+            开始日期：
             <RangePickerPop
               format="YYYY/MM/DD"
               controlled
@@ -164,7 +164,7 @@ export function CreateCycle({
           </div>
 
           <div className="okr-detail-date-cycle__date-line">
-            {getLocale('Mod_EndDate')}：
+            结束日期：
             <RangePickerPop
               format="YYYY/MM/DD"
               controlled
@@ -188,11 +188,11 @@ export function CreateCycle({
               style={{ marginRight: 12 }}
               onClick={onCancelClickHandler}
             >
-              {getLocale("Mod_Cancel")}
+              取消
             </Button>
 
             <Button size="s" type="primary" onClick={onSureClickHandler}>
-              {getLocale("OKR_MyO_Butt_Determine")}
+              确定
             </Button>
           </div>
         </div>
@@ -218,11 +218,11 @@ export function CreateCycle({
         >
           {renderInnerContent({
             btnRef,
-            clickCallback: () => {},
+            clickCallback: ()=>{},
             text: _formatCycleData(cycle, getCycleRange),
           })}
         </PeriodSelector>
-      );
+      )
     }
   }
 

package/src/components/okr-progress/components/kr-progress/index.tsx

@@ -5,7 +5,6 @@ import TooltipText from '../../../tooltip/tooltip-text';
 import drawerManager from '../../../drawer-manager';
 import { IKrProgressProps } from '../../interface';
 import './index.scss';
-import { getLocale } from '../../../../utils/getLocale';
 
 const renderTitle = (index, title, id) => {
   const handleTitleClick = () => {
@@ -22,7 +21,7 @@ const renderTitle = (index, title, id) => {
 const KrProgress: FC<IKrProgressProps> = ({data}) => {
   return (
     <div className='kr-progress__container'>
-      <Title title={getLocale('OKR_MyO_Prog_Butt_KRprogress')}/>
+      <Title title='KR的进展'/>
       <div className={`kr-progress__content-wrapper`}>
         {
           data && data.map((item, index) => {

package/src/components/okr-progress/components/o-progress/index.tsx

@@ -14,7 +14,6 @@ import { getToNowTime } from '../../util';
 import EmptyPng from '../../img/schedule-empty.png';
 import { OAuth, hasSuperior } from '../../../../utils/auth';
 import { IOProgressProps } from '../../interface';
-import { getLocale } from '../../../../utils/getLocale';
 import './index.scss';
 
 const OProgress: FC<IOProgressProps> = ({listData, okrInfo, setUpdateProgress, hasOtherProgress, getOProgressData}) => {
@@ -48,7 +47,7 @@ const OProgress: FC<IOProgressProps> = ({listData, okrInfo, setUpdateProgress, h
   const handleModalOkClick = () => {
     updateProgressDesc(editOProgressId, okrInfo.workId, editOProgressContent ? editOProgressContent : '').then(resp => {
       if (resp.Code === 1) {
-        Toast.Success(getLocale('Mod_Successfuloperat'), {canClose: false});
+        Toast.Success('操作成功', {canClose: false});
         setEditOProgressVisiable(false);
         getOProgressData();
       } else {
@@ -68,7 +67,7 @@ const OProgress: FC<IOProgressProps> = ({listData, okrInfo, setUpdateProgress, h
   const renderContent = ({onOpenModal}) => {
     return (
       <span className='o-progress__func-btn o-progress__func-btn--update' onClick={onOpenModal}>
-        <i className='tu-icon-gengxin o-progress__func-btn-icon'/>{getLocale('OKR_MyO_Prog_Butt_Update')}
+        <i className='tu-icon-gengxin o-progress__func-btn-icon'/>更新完成度
       </span>
     )
   }
@@ -77,7 +76,7 @@ const OProgress: FC<IOProgressProps> = ({listData, okrInfo, setUpdateProgress, h
     // @ts-ignore
     remindAction({toUserId: BSGlobal.loginUserInfo.Id, work_id: okrInfo.workId, type: 2}).then(resp => {
       if (resp.Code === 1) {
-        Toast.Success(getLocale('OKR_MyO_Prog_Remindersu'), {canClose: false});
+        Toast.Success('提醒成功', {canClose: false});
       } else {
         Toast.Error(resp.Message, {canClose: false});
       }
@@ -95,7 +94,7 @@ const OProgress: FC<IOProgressProps> = ({listData, okrInfo, setUpdateProgress, h
       // @ts-ignore 提醒上级查看
       remindAction({toUserId: BSGlobal.loginUserInfo.Id, work_id: okrInfo.workId}).then(resp => {
         if (resp.Code === 1) {
-          Toast.Success(getLocale('OKR_MyO_Prog_Remindersu'), {canClose: false});
+          Toast.Success('提醒成功', {canClose: false});
         } else {
           Toast.Error(resp.Message, {canClose: false});
         }
@@ -138,18 +137,18 @@ const OProgress: FC<IOProgressProps> = ({listData, okrInfo, setUpdateProgress, h
     return (
       <DialogConfirm visible={showRemindDialogConfirm} type="warning">
         {/* @ts-ignore */}
-        <span type="title">{getLocale('OKR_DR_Pop_Areyousure')}</span>
+        <span type="title">确定提醒 Ta 吗？</span>
         {/* @ts-ignore */}
-        <span type="content">{getLocale('OKR_DR_Pop_ThesystemOKR')}</span>
-        <CancelButton type="button" onClick={handleCancelRemind}>{getLocale('Mod_Cancel')}</CancelButton>
-        <SureButton type="button" onClick={handleEnsureRemind}>{getLocale('OKR_MyO_Butt_Determine')}</SureButton>
+        <span type="content">系统将会发送通知提醒Ta去更新OKR进展</span>
+        <CancelButton type="button" onClick={handleCancelRemind}>取消</CancelButton>
+        <SureButton type="button" onClick={handleEnsureRemind}>确定</SureButton>
       </DialogConfirm>
     )
   }, [showRemindDialogConfirm, handleCancelRemind, handleEnsureRemind])
 
   const renderEmptyCmp = useMemo(() => {
     const renderUpdateBtn = ({onOpenModal}) => {
-      return <button className={`o-progress__empty-button ${isPrincipalUser ? '' : 'o-progress__empty-button--not-principaluser'}`} onClick={onOpenModal}>{getLocale('OKR_MyO_Prog_Butt_Update')}</button>
+      return <button className={`o-progress__empty-button ${isPrincipalUser ? '' : 'o-progress__empty-button--not-principaluser'}`} onClick={onOpenModal}>更新完成度</button>
     }
     return (
       <div className={classNames({
@@ -158,13 +157,13 @@ const OProgress: FC<IOProgressProps> = ({listData, okrInfo, setUpdateProgress, h
       })}>
         <img width={128} src={EmptyPng} />
         <span className='o-progress__empty-text'>
-          {isPrincipalUser ? getLocale('OKR_MyO_KRP_tochecko') : getLocale('OKR_MyO_Pr_Text_Nooprogress')}
+          {isPrincipalUser ? '目标进展一目了然？赶快更新完成度吧' : '暂无目标进展'}
         </span>
         {isPrincipalUser && <OProgressUpdate okrInfo={okrInfo} renderContent={renderUpdateBtn} setUpdateData={setUpdateProgress}/>}
-        {!isCanEditProgress && <button className={'o-progress__empty-button'} onClick={handleRemindClick}>{getLocale('OKR_MyO_Pr_Butt_Reminder')}</button>}
+        {!isCanEditProgress && <button className={'o-progress__empty-button'} onClick={handleRemindClick}>提醒更新进展</button>}
         {isCanEditProgress && !isPrincipalUser && 
         <div>
-          <button className={'o-progress__empty-button'} onClick={handleRemindClick}>{getLocale('OKR_MyO_Pr_Butt_Reminder')}</button>
+          <button className={'o-progress__empty-button'} onClick={handleRemindClick}>提醒更新进展</button>
           <OProgressUpdate okrInfo={okrInfo} renderContent={renderUpdateBtn} setUpdateData={setUpdateProgress}/>
         </div>}
       </div>
@@ -172,7 +171,7 @@ const OProgress: FC<IOProgressProps> = ({listData, okrInfo, setUpdateProgress, h
   }, [hasOtherProgress])
 
   const renderDefaultRemindCmp = useMemo(() => {
-    const text = isPrincipalUser ? (hasSuperior() ? getLocale('OKR_MyO_Prog_Butt_Remind') : null) : getLocale('OKR_MyO_Pr_Butt_Reminder');
+    const text = isPrincipalUser ? (hasSuperior() ? '提醒上级查看' : null) : '提醒更新进展';
     return (
       <span className='o-progress__func-btn' onClick={handleRemindClick}>
         {text && <i className='tu-icon-shoushi o-progress__func-btn-icon' />}
@@ -185,7 +184,7 @@ const OProgress: FC<IOProgressProps> = ({listData, okrInfo, setUpdateProgress, h
     <div className={'o-progress__wrapper'}>
       {oProgressData.length === 0 ? renderEmptyCmp : (
         <div className='o-progress__header'>
-          <Title title={getLocale('OKR_MyO_Prog_Objectiveprogress')}/>
+          <Title title='目标的进展'/>
           <div className='o-progress__func-btns'>
             {okrInfo.status === 2 ? null : renderDefaultRemindCmp}
             {isCanEditProgress ? 
@@ -220,7 +219,7 @@ const OProgress: FC<IOProgressProps> = ({listData, okrInfo, setUpdateProgress, h
       {isMoreThanOneProgress ? 
         <div className='o-progress__shrink'>
           <span className='o-progress__shrink-text' onClick={handleChangeShowAll}>
-            {isShowAll ? getLocale('OKR_MyO_Prog_Butt_Fold') : getLocale('OKR_MyO_Pr_Butt_Viewall')}
+            {isShowAll ? '收起进展' : '查看全部进展'}
             <i className={isShowAll ? 'tu-icon-arrow-up' : 'tu-icon-arrow-down'}/>
           </span>
         </div>
@@ -237,7 +236,7 @@ const OProgress: FC<IOProgressProps> = ({listData, okrInfo, setUpdateProgress, h
       >
         <div className={`o-progress__textarea-wrapper ${hasError ? 'o-progress__textarea-wrapper--error' : ''}`}>
           <textarea 
-            placeholder={getLocale('OKR_MyO_Pop_Upd_Pleprogress')}
+            placeholder='请输入进展' 
             className={'o-progress__textarea'} 
             value={editOProgressContent} 
             onChange={handleTextareaChange} />

package/src/components/okr-progress/components/o-progress-update/index.tsx

@@ -3,10 +3,9 @@ import Toast from "../../../toast";
 import ProgressModal from '../../../okr-progress-modal'
 import { updateProgress } from "../../request-apis";
 import { IOProgressUpdateProps } from "../../interface";
-import { getLocale } from '../../../../utils/getLocale';
 
 const OProgressUpdate = (props: IOProgressUpdateProps) => {
-  const { okrInfo, renderContent, setUpdateData, title = getLocale('OKR_MyO_Pop_Upd_Upd') } = props;
+  const { okrInfo, renderContent, setUpdateData, title = "更新目标完成度" } = props;
   const [visible, setVisible] = useState(false);
 
   const cancelHandler = () => setVisible(false);

package/src/components/okr-progress/request-apis.ts

@@ -1,5 +1,4 @@
 import qs from 'qs';
-import { getLocale } from '../../utils/getLocale';
 import { rget, rpost } from "../../utils/request"
 
 export const getRelProgress = (workId: number) => {
@@ -36,7 +35,7 @@ export const getOkrDetail = ({ okrId }) => {
   return rget('v1')(`okr/detailInfo?okrId=${okrId}`)
     .then(headInfo => {
       if (headInfo.Code != 1) {
-        throw headInfo.Message.replace(/项目/g, getLocale('Mod_Objective'))
+        throw headInfo.Message.replace(/项目/g, '目标')
       }
       return headInfo.Data
     })

package/src/components/okr-progress/util.ts

@@ -1,4 +1,3 @@
-import { getLocale } from '../../utils/getLocale';
 // @ts-nocheck
 export const isPrincipal = (principalUser) => {
   return window.BSGlobal["loginUserInfo"].Id === principalUser.userId;
@@ -12,5 +11,5 @@ export const getToNowTime = (time) => {
   if (diffSecond < 60 * 60 * 24 * 7) {
     return '';
   }
-  return `${getLocale('OKR_MyO_Pr_Butt_Lastupd')}${Math.floor(diffSecond / 60 / 60 / 24)}${getLocale('OKR_MyO_Pr_Butt_dayago')}`
+  return `距上次更新${Math.floor(diffSecond / 60 / 60 / 24)}天`
 }