@titaui/pc 1.8.3 → 1.8.4

package/src/components/confidence/index.tsx

@@ -2,7 +2,6 @@ import React, { useRef } from "react";
 import classNames from "classnames";
 import Tooltip from "..//tooltip";
 import Popup from "../popup";
-import { getLocale } from "../../utils/getLocale";
 
 import Heart from "./heart";
 import "./index.scss";
@@ -33,7 +32,7 @@ const Confidence = (props: IConfidenceProps) => {
   const popupRef = useRef();
   const PopupContent = (
     <div className={`${popPrecls}`}>
-      <p className={`${popPrecls}-title`}>{getLocale('OKR_MyO_Title_Plecore')}</p>
+      <p className={`${popPrecls}-title`}>请用分数描述你能完成关键指标的信心</p>
       <ul className={`${popPrecls}-list`}>
         {HEART_RANGE.map((i, j) => (
           <li
@@ -65,7 +64,7 @@ const Confidence = (props: IConfidenceProps) => {
     );
   }
   return (
-    <Tooltip overlay={getLocale('OKR_MyO_Title_Changecindex')} placement="top">
+    <Tooltip overlay="修改信心指数" placement="top">
       <Popup popup={PopupContent} popupPlacement={popupPlacement} ref={popupRef}>
         <div
           className={classNames("titaui-kr-heart", {

package/src/components/create-okr-modal/constant.ts

@@ -1,27 +1,18 @@
-import { getLocale } from "../../utils/getLocale";
-
-export const getODesc = () => [getLocale('OKR_MyO_Pop_OVerbTodo')];
-export const getOExample = () => [
-  getLocale('OKR_MyO_Pop_Increaserene'),
+export const ODesc = ["O = 动词+你要做什么/渴望做什么+为了改变什么"];
+export const OExample = [
+  "提高我们年度用户大会的出席率和参与度，为了提高客户的续费率",
 ];
-export const OCheckTarget = () => {
-  return [
-    getLocale("OKR_MyO_Pop_Containingverbs"),
-    getLocale("OKR_MyO_Pop_Notrecommended"),
-  ]
-};
+export const OCheckTarget = ["含动词", "不建议包含数字"];
 
-export const getKrDesc = () => [
-  getLocale('OKR_MyO_Pop_KR1'),
-  getLocale('OKR_MyO_Pop_KR2'),
+export const KrDesc = [
+  "KR1 = 动词+你要追踪的内容+从 X 到 Y/或者具体值",
+  "KR2 = 动词+什么时间节点+达成什么关键成果",
 ];
-export const KrExample = () => {
-  return [getLocale("OKR_MyO_Pop_70to90")]
-};
-export const getKrCheckTarget = () => [
-  getLocale('OKR_MyO_Pop_Onekey'),
-  getLocale('OKR_MyO_Pop_Nofivekey'),
-  getLocale('OKR_MyO_Pop_Keymeasured'),
+export const KrExample = ["将客户续约率从70%提高到90%"];
+export const KrCheckTarget = [
+  "至少含 1 个关键成果",
+  "不建议超过 5 个关键成果",
+  "关键成果定量可衡量",
 ];
 
 export const CreateSuccessTips = {

package/src/components/create-okr-modal/createCycle.tsx

@@ -1,11 +1,12 @@
 import React, { ReactElement, useEffect, useRef, useState } from 'react';
 import { CreateCycleWrapper, DateLine, SelectBtn, TimeSapn } from './style';
 import Pop from "../../components-v1/pop";
+// import { Button } from 'tita-ui';
 import Button from "../period-selector/components/button"
 import PeriodSelector from "../period-selector"
 import RangePickerPop from "../range-picker-pop";
 import {getCycleSetting} from './request-api';
-import { getLocale } from '../../utils/getLocale';
+import moment from "moment";
 
 
 
@@ -110,7 +111,7 @@ function CreateCycle({ cycle, container, onChange }: Props): ReactElement {
           </PeriodSelector>
 
           <DateLine style={{ borderBottom: '1px solid #F0F2F5' }}>
-            {getLocale('Mod_StartDate')}：
+            开始日期：
             <RangePickerPop
               format='YYYY/MM/DD'
               controlled
@@ -126,7 +127,7 @@ function CreateCycle({ cycle, container, onChange }: Props): ReactElement {
           </DateLine>
 
           <DateLine>
-            {getLocale('Mod_EndDate')}：
+            结束日期：
             <RangePickerPop
               format='YYYY/MM/DD'
               controlled
@@ -146,13 +147,13 @@ function CreateCycle({ cycle, container, onChange }: Props): ReactElement {
               size='s'
               style={{ 'marginRight': 12 }}
               onClick={onCancelClickHandler}
-            >{getLocale('Mod_Cancel')}</Button>
+            >取消</Button>
 
             <Button
               size='s'
               type='primary'
               onClick={onSureClickHandler}
-            >{getLocale('OKR_MyO_Butt_Determine')}</Button>
+            >确定</Button>
           </div>
         </CreateCycleWrapper>
       </Pop>

package/src/components/create-okr-modal/createSuccessCmp.tsx

@@ -11,7 +11,6 @@ import QRCode from "./img/qr-code.png";
 import CreateSuccessHeader from "./img/create-success-head.png";
 import CreateSuccessShadow from "./img/create-success-shadow.svg";
 import Html2Canvas from "html2canvas";
-import { getLocale } from "../../utils/getLocale";
 
 interface ICreateSuccessCmpProps {
   createdSuccessInfo: any;
@@ -77,7 +76,7 @@ const CreateSuccessCmp: FC<ICreateSuccessCmpProps> = ({
       image.onload = () => {
         let a = document.createElement("a"); // 生成一个a元素
         let event = new MouseEvent("click"); // 创建一个单击事件
-        a.download = getLocale('OKR_MyO_Share'); // 设置图片名称
+        a.download = "分享"; // 设置图片名称
         a.href = imgUrl; // 将生成的URL设置为a.href属性
         a.dispatchEvent(event); // 触发a的单击事件
       };
@@ -157,11 +156,11 @@ const CreateSuccessCmp: FC<ICreateSuccessCmpProps> = ({
             <img src={CreateSuccessRightQuotation} />
           </div>
           <div className="create-success-model__congratulation">
-            {getLocale('OKR_MyO_Pop_OKRscreated')}&nbsp;&nbsp;
+            已超过&nbsp;Tita&nbsp;&nbsp;
             <span className="create-success-model__percent">
               {createdSuccessInfo.countSurpassPercentage}%
             </span>
-            &nbsp;&nbsp;{getLocale('OKR_MyO_Pop_ofpeople')}
+            &nbsp;&nbsp;的人创建&nbsp;OKR
           </div>
           <div
             className={`create-success-model__okr-info ${
@@ -215,13 +214,13 @@ const CreateSuccessCmp: FC<ICreateSuccessCmpProps> = ({
                 className="create-success-model__common-btn-style create-success-model__return-list"
                 onClick={handleShowDetail}
               >
-                {getLocale('Mod_Checkdetails')}
+                查看详情
               </span>
               <span
                 className="create-success-model__common-btn-style create-success-model__download-img"
                 onClick={handleDownloadPic}
               >
-                {getLocale('OKR_MyO_Popup_Download')}
+                下载图片
               </span>
             </div>
             <div className="create-success-model__checkbox-wrapper">
@@ -236,7 +235,7 @@ const CreateSuccessCmp: FC<ICreateSuccessCmpProps> = ({
                 htmlFor="dontShowCreateSucess"
                 className="create-success-model__label"
               >
-                {getLocale('OKR_MyO_Pop_Nomore')}
+                下次不再提示
               </label>
             </div>
           </div>

package/src/components/create-okr-modal/fields/date-cycle.tsx

@@ -7,7 +7,6 @@ import { OpenUserName } from "../../../utils/open-data";
 import UserSelectorPop from "../../../components-v1/userSelector/UserSelectorPop";
 import { getCycleSetting } from "../request-api";
 import "./index.scss";
-import { getLocale } from "../../../utils/getLocale";
 
 interface Props {
   user: any;
@@ -39,9 +38,9 @@ export default ({
     <Fragment>
       <div className="create-modal__sub-block">
         {!isCreateModal ? (
-          <TitleLine>{getLocale('Mod_period')}</TitleLine>
+          <TitleLine>周期</TitleLine>
         ) : (
-          <div className="create-modal__sub-title">{getLocale('Mod_period')}</div>
+          <div className="create-modal__sub-title">周期</div>
         )}
         <CreateCycle
           onChange={setCycle}
@@ -53,7 +52,7 @@ export default ({
         <Fragment>
           <Space />
           <ItemWrapper>
-            <TitleLine>{getLocale('Mod_Owner')}</TitleLine>
+            <TitleLine>负责人</TitleLine>
             <UserSelectorPop
               onSubmit={([u]) => {
                 let avatar = {

package/src/components/create-okr-modal/fields/o-new-name.tsx

@@ -5,7 +5,6 @@ import InputWithErrPopup from "./input-with-err-popup";
 import { EOkrCreateSuggestResultType } from "./okr-create-suggest";
 import NewUserSelector from "./okr-new-user-selector";
 import { getOAnalysisInfos } from "../request-api";
-import { getLocale } from "../../../utils/getLocale";
 import "./index.scss";
 
 interface Props {
@@ -19,14 +18,12 @@ interface Props {
   setIsInputContent: Function;
 }
 
-const initOCheckResult = () => {
-  return OCheckTarget().map((item) => {
-    return {
-      text: item,
-      result: EOkrCreateSuggestResultType.normal,
-    };
-  })
-};
+const initOCheckResult = OCheckTarget.map((item) => {
+  return {
+    text: item,
+    result: EOkrCreateSuggestResultType.normal,
+  };
+});
 
 export default ({
   okrName,
@@ -85,7 +82,7 @@ export default ({
         if (tempCheckId !== oCheckId) {
           return;
         }
-        const result = OCheckTarget().map((item, index) => {
+        const result = OCheckTarget.map((item, index) => {
           if (index === 0) {
             return {
               text: item,
@@ -104,7 +101,7 @@ export default ({
         });
         // 如果已经清空了okr，则赋给默认值
         if (okrNameIsEmpty.current) {
-          setONameCheckResult(initOCheckResult());
+          setONameCheckResult(initOCheckResult);
         } else {
           setONameCheckResult(result);
         }
@@ -121,7 +118,7 @@ export default ({
     // 防抖
     okrNameIsEmpty.current = !okrName;
     if (!okrName) {
-      setONameCheckResult(initOCheckResult());
+      setONameCheckResult(initOCheckResult);
       setIsInputContent(false);
       return;
     }
@@ -171,7 +168,7 @@ export default ({
             onFocus={handleInputFocus}
             onBlur={handleInputBlur}
             className={`left-block__input`}
-            placeholder={getLocale('OKR_MyO_Pop_PleInspObjective')}
+            placeholder="请输入鼓舞人心的目标"
             type="text"
             value={okrName}
             onChange={(e) => setOkrName(e.target.value)}

package/src/components/create-okr-modal/fields/okr-case.tsx

@@ -3,9 +3,8 @@ import { CaseLink, Line } from "../style";
 import OKRCases from "../../okrcase-library";
 import Dialog from "../../dialog";
 import Toast from "../../toast";
-import { isLocal } from "../../../utils/helpers";
-import { getLocale } from "../../../utils/getLocale";
 import "./index.scss";
+import { isLocal } from "../../../utils/helpers";
 interface Props {
   onOkrApply?: Function;
   okrTemplateEnabled: boolean;
@@ -32,7 +31,7 @@ export default ({ onOkrApply, okrTemplateEnabled }: Props) => {
     <Line>
       {okrTemplateEnabled && !isLocal() ? (
         <CaseLink onClick={okrCaseClickHandler} className="tu-icon-shoushi">
-          {getLocale('OKR_MyO_Pop_Butt_AddfromOKR')}
+          从 OKR 案例库添加
         </CaseLink>
       ) : null}
       {okrTemplateEnabled && (

package/src/components/create-okr-modal/fields/okr-classify.tsx

@@ -2,7 +2,6 @@ import React from "react";
 import { Select } from "tita-ui";
 import { getBSGlobal } from "../../../utils/bs-global";
 import { TitleLine } from "../style";
-import { getLocale } from "../../../utils/getLocale";
 import "./index.scss";
 
 interface Props {
@@ -10,12 +9,10 @@ interface Props {
   setOkrClassify: Function;
   isCreateModal: boolean;
 }
-const okrClassifyList = () => {
-  return [
-    { value: 1, lable: getLocale('OKR_MyO_Es_Commitment') },
-    { value: 2, lable: getLocale('OKR_MyO_Es_Visiontype') },
-  ]
-};
+const okrClassifyList = [
+  { value: 1, lable: "承诺型" },
+  { value: 2, lable: "愿景型" },
+];
 
 export default ({
   okrClassify,
@@ -31,17 +28,16 @@ export default ({
       style={{ flex: openOkrType ? 1 : 2 }}
     >
       {isCreateModal ? (
-        <div className="create-modal__sub-title">{getLocale('OKR_MyO_Es_Category')}</div>
+        <div className="create-modal__sub-title">类别</div>
       ) : (
-        <TitleLine>{getLocale('OKR_MyO_Es_Category')}</TitleLine>
+        <TitleLine>类别</TitleLine>
       )}
       <Select
         value={okrClassify}
         onChange={(v) => {
           setOkrClassify(v);
         }}
-        placeholder={getLocale('Mod_Pleaseselect')}
-        options={okrClassifyList()}
+        options={okrClassifyList}
       />
     </div>
   );

package/src/components/create-okr-modal/fields/okr-create-suggest.tsx

@@ -9,7 +9,6 @@ import WrongSvg from "../img/check-wrong.svg";
 import NormalSvg from "../img/check-normal.svg";
 import animationData from "../animation/check-animation";
 import WaveSvg from "../img/wave.png";
-import { getLocale } from "../../../utils/getLocale";
 
 export enum EOkrCreateSuggestResultType {
   normal = "normal",
@@ -105,7 +104,7 @@ const OkrCreateSuggest: FC<IOkrCreateSuggestProps> = ({
             className="okr-create-suggest__block-title-icon"
             src={ExampleSvg}
           />
-          {getLocale('Per_Ass_New_form_push_Example')}
+          示例
         </div>
         {example.map((item, index) => {
           return (
@@ -132,8 +131,8 @@ const OkrCreateSuggest: FC<IOkrCreateSuggestProps> = ({
         )}
         <div className="okr-create-suggest__animation-text">
           {isInput
-            ? getLocale('OKR_MyO_Pop_Intelligent')
-            : `${isOSuggest ? getLocale('OKR_MyO_Pop_PendingO') : getLocale('OKR_MyO_Pop_PendingKR')}`}
+            ? "智能检测中"
+            : `等待输入${isOSuggest ? "目标" : "关键成果"}`}
         </div>
       </div>
       <div className="okr-create-suggest__block">
@@ -148,7 +147,7 @@ const OkrCreateSuggest: FC<IOkrCreateSuggestProps> = ({
       </div>
       <div className="okr-create-suggest__pack-up" onClick={handleCloseCheck}>
         <PackUp color="currentColor" />{" "}
-        <span className="okr-create-suggest__pack-up-text">{getLocale('Mod_Fold')}</span>
+        <span className="okr-create-suggest__pack-up-text">收起</span>
       </div>
     </div>
   );

package/src/components/create-okr-modal/fields/okr-parent.tsx

@@ -3,7 +3,6 @@ import { getApiUrl, taker } from "../utils/helper";
 import { SelectBtn, Space, TitleLine } from "../style";
 import { getUserInfo } from "../../../utils/bs-global";
 import ChangeOkr from "../../change-okr-modal";
-import { getLocale } from "../../../utils/getLocale";
 import "./index.scss";
 
 interface Props {
@@ -94,14 +93,14 @@ export default ({
     <Fragment>
       <div className="create-modal__sub-block">
         {isCreateModal ? (
-          <div className="create-modal__sub-title">{getLocale('OKR_MyO_Pop_SetAlignment')}</div>
+          <div className="create-modal__sub-title">对齐目标</div>
         ) : (
-          <TitleLine>{getLocale('OKR_MyO_Pop_SetAlignment')}</TitleLine>
+          <TitleLine>对齐目标</TitleLine>
         )}
         <SelectBtn onClick={onSelectClickHandler}>
           <span style={{ color: !parent.parentWorkName ? "#BFC7D5" : "" }}>
             {!parent.parentWorkName
-              ? getLocale('OKR_MyO_Pop_Aligneobjective')
+              ? "选择对齐上级目标"
               : parent.parentWorkName}
           </span>
           {!!parent.parentWorkName && (

package/src/components/create-okr-modal/fields/okr-type-detail.tsx

@@ -2,7 +2,6 @@ import React, { RefObject, useRef, useState, useEffect, Fragment } from "react";
 import { Tooltip } from "tita-ui";
 import Confirm from "../../../components-v1/confirm";
 import ObjectType from "../objectType";
-import { getLocale } from "../../../utils/getLocale";
 import { updateOCommitType } from "../request-api";
 import "./index.scss";
 
@@ -29,22 +28,22 @@ export default (props: Props) => {
 
   const getType = (okrType, departName, groupName) => {
     let typeId = 1,
-      typeName = getLocale('OKR_MyO_Pop_Individual');
+      typeName = "个人";
     switch (okrType) {
       case 1:
         typeId = okrType;
-        typeName = getLocale('OKR_MyO_Pop_Individual');
+        typeName = "个人";
         break;
       case 2:
         typeName = departName;
         typeId = 2;
         break;
       case 3:
-        typeName = getLocale('OKR_MyO_Pop_Company');
+        typeName = "公司";
         typeId = 3;
         break;
       case 4:
-        typeName = groupName || getLocale('OKR_MyO_Text_Team');
+        typeName = groupName || "团队";
         typeId = 4;
         break;
     }
@@ -112,7 +111,7 @@ export default (props: Props) => {
             <div className="okr-type">
               <span>{type.typeName}</span>
               {canEdit && (
-                <Tooltip content={getLocale('Mod_Editor')}>
+                <Tooltip content="编辑">
                   <span className="tu-icon-edit edit-icon tu-ml-10" />
                 </Tooltip>
               )}

package/src/components/create-okr-modal/fields/okr-type.tsx

@@ -4,7 +4,6 @@ import { SelectBtn, TitleLine } from "../style";
 import ObjectType from "../objectType";
 import Confirm from "../../../components-v1/confirm";
 import { OpenDepartmentName } from "../../../utils/open-data";
-import { getLocale } from "../../../utils/getLocale";
 import "./index.scss";
 
 interface Props {
@@ -41,16 +40,16 @@ export default ({
 
     switch (okrType) {
       case 1:
-        setType({ typeId: okrType, typeName: getLocale('OKR_MyO_Pop_Individual') });
+        setType({ typeId: okrType, typeName: "个人" });
         break;
       case 2:
         setType({ typeName: departmentName, typeId: 2 });
         break;
       case 3:
-        setType({ typeName: getLocale('OKR_MyO_Pop_Company'), typeId: 3 });
+        setType({ typeName: "公司", typeId: 3 });
         break;
       case 4:
-        setType({ typeName: groupName || getLocale('OKR_MyO_Text_Team'), typeId: 4 });
+        setType({ typeName: groupName || "团队", typeId: 4 });
         break;
     }
     setDept({ departmentId, departmentName });
@@ -72,9 +71,9 @@ export default ({
       style={{ flex: openClassify ? 1 : 2 }}
     >
       {isCreateModal ? (
-        <div className="create-modal__sub-title">{getLocale('Mod_Type')}</div>
+        <div className="create-modal__sub-title">类型</div>
       ) : (
-        <TitleLine>{getLocale('Mod_Type')}</TitleLine>
+        <TitleLine>类型</TitleLine>
       )}
       <Confirm
         ref={typeRef}

package/src/components/create-okr-modal/fields/okr-visibility-detail.tsx

@@ -7,7 +7,6 @@ import {
   isWechat,
 } from "../../../utils/open-data";
 import { updateOkrVisibility } from "../request-api";
-import { getLocale } from "../../../utils/getLocale";
 import "./index.scss";
 
 interface Props {
@@ -19,10 +18,10 @@ interface Props {
 }
 
 const visibilityList = [
-  { value: 1, lable: getLocale('OKR_MyO_Pop_Public') },
-  { value: 2, lable: getLocale('OKR_MyO_From_Associatedmem') },
-  { value: 3, lable: getLocale('OKR_MyO_Pop_Directrep') },
-  { value: 4, lable: getLocale('OKR_MyO_Pop_Specified') },
+  { value: 1, lable: "全公司" },
+  { value: 2, lable: "仅相关成员" },
+  { value: 3, lable: "仅直接下属" },
+  { value: 4, lable: "指定范围" },
 ];
 
 export default ({
@@ -97,7 +96,7 @@ export default ({
         jsxDom.push(<span>{item.name}、</span>);
         text.push(item.name);
       });
-      if (!text.length) return getLocale('OKR_MyO_E_Associatedm');
+      if (!text.length) return "仅相关成员可见";
       return isWechat() ? jsxDom : text.join("、");
     }
     // @ts-ignore
@@ -108,7 +107,7 @@ export default ({
       <div className="visibility">
         <span>{renderLabel()}</span>
         {canEdit && (
-          <Tooltip content={getLocale('Mod_Editor')}>
+          <Tooltip content="编辑">
             <span className="tu-icon-edit visibility-edit-icon tu-ml-10" />
           </Tooltip>
         )}

package/src/components/create-okr-modal/fields/okr-visibility.tsx

@@ -9,7 +9,6 @@ import {
 import "./index.scss";
 import { TitleLine } from "../style";
 import { useMemo } from "react";
-import { getLocale } from "../../../utils/getLocale";
 interface Props {
   visibility: any;
   setVisibility: Function;
@@ -18,22 +17,18 @@ interface Props {
   isCreateModal: boolean;
 }
 
-const visibilityList = () => {
-  return [
-    { value: 1, lable: getLocale('OKR_MyO_Pop_Public') },
-    { value: 2, lable: getLocale('OKR_MyO_From_Associatedmem') },
-    { value: 3, lable: getLocale('OKR_MyO_Pop_Directrep') },
-    { value: 4, lable: getLocale('OKR_MyO_Pop_Specified') },
-  ]
-};
+const visibilityList = [
+  { value: 1, lable: "全公司" },
+  { value: 2, lable: "仅相关成员" },
+  { value: 3, lable: "仅直接下属" },
+  { value: 4, lable: "指定范围" },
+];
 
-const visibilityMapText = () => {
-  return {
-    1: getLocale('OKR_MyO_Pop_Public'),
-    2: getLocale('OKR_MyO_From_Associatedmem'),
-    3: getLocale('OKR_MyO_Pop_Directrep'),
-    4: getLocale('OKR_MyO_Pop_Specified'),
-  }
+const visibilityMapText = {
+  1: "全公司",
+  2: "仅相关成员",
+  3: "仅直接下属",
+  4: "指定范围",
 };
 
 export default ({
@@ -91,10 +86,10 @@ export default ({
   const subTitleRender = useMemo(() => {
     return (
       <span className="okr-field-visible">
-        {getLocale('OKR_MyO_Pop_Title_Perm')}
+        可见范围
         <Tooltip
           content={
-            getLocale('OKR_MyO_Pop_Inadditiontot')
+            "除所选范围外，超级管理员、目标管理员、目标负责人的部门负责人以及目标负责人、内部成员、关注者上级领导也可见"
           }
           container={document.body}
         >
@@ -142,7 +137,7 @@ export default ({
       <Select
         value={visibility}
         onChange={onOptionChange}
-        options={visibilityList()}
+        options={visibilityList}
         // @ts-ignore
         onClick={(e) => e.stopPropagation()}
         renderLabel={renderLabel}