@titaui/pc 1.7.93 → 1.7.97

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

@@ -31,12 +31,12 @@ import OkrCreateSuggest, {
   EOkrCreateSuggestResultType,
 } from "./fields/okr-create-suggest";
 import {
-  getODesc,
-  getOExample,
+  ODesc,
+  OExample,
   OCheckTarget,
-  getKrDesc,
+  KrDesc,
   KrExample,
-  getKrCheckTarget,
+  KrCheckTarget,
 } from "./constant";
 import getCreateOkrSurpassPercent from "./utils/getCreateOkrSurpassPercent";
 import CreateSuccessCmpWrapper from "./createSuccessCmpWrapper";
@@ -45,7 +45,6 @@ import { isDingDing } from "../../utils/helpers";
 import { getImageBase64ByUrl, createWidthKr } from "./request-api";
 import TeachOkr from "./img/teach-okr.svg";
 import HandSvg from "./img/hand.svg";
-import { getLocale } from "../../utils/getLocale";
 import "./index.scss";
 
 interface UserAvatarObj {
@@ -73,14 +72,12 @@ interface Props {
   visible?: boolean;
 }
 
-const initOCheckResult = () => {
-  return OCheckTarget().map((item) => {
-    return {
-      text: item,
-      result: EOkrCreateSuggestResultType.normal,
-    };
-  })
-};
+const initOCheckResult = OCheckTarget.map((item) => {
+  return{
+    text: item,
+    result: EOkrCreateSuggestResultType.normal,
+  };
+});
 
 function CreateOkrModal(
   { initCycle, userInfo, onSuccess, isHiddenCreatedCard = false, handleCreatedClose = () => {}, visible = false,onClose = () => {}}: Props,
@@ -100,7 +97,7 @@ function CreateOkrModal(
   const [isCustomWeight, setIsCustomWeight] = useState(false); // 是否自定义权重
   const [dept, setDept] = useState({ departmentId: 0, departmentName: "" }); // 部门信息 用于目标类型为部门时
   const [team, setTeam] = useState({ groupId: 0, groupName: "" }); // 团队信息 用于目标类型为团队时
-  const [type, setType] = useState({ typeName: getLocale('OKR_MyO_Pop_Individual'), typeId: 1 }); // 目标类型
+  const [type, setType] = useState({ typeName: "个人", typeId: 1 }); // 目标类型
   const [cycle, setCycle] = useState<CreateCycleData>(
     initCycle as CreateCycleData
   ); // 目标周期信息
@@ -128,7 +125,7 @@ function CreateOkrModal(
   });
   const [oNameIsInput, setONameIsInput] = useState(false);
   const [krIsInput, setKrIsInput] = useState(false);
-  const [oNameCheckResult, setONameCheckResult] = useState(initOCheckResult());
+  const [oNameCheckResult, setONameCheckResult] = useState(initOCheckResult);
   const [krsCheckResult, setKrsCheckResult] = useState<{
     finalResult: EOkrCreateSuggestResultType;
     friendlyResult: any[];
@@ -208,7 +205,7 @@ function CreateOkrModal(
       setShowCreatedSuccessInfo(true);
       setTipIndex(Math.floor(Math.random() * 6));
     } else {
-      Toast.Success(getLocale('OKR_Db_Success'), { duration: 3000 });
+      Toast.Success("创建成功", { duration: 3000 });
       onSuccess && onSuccess(data);
     }
   }, [userAvatarBase64Url, isApplyTpl]);
@@ -232,7 +229,7 @@ function CreateOkrModal(
   // 表单保存功能
   const onModalOkHandler = async () => {
     if (!okrName) {
-      Toast.Error(getLocale('OKR_MyO_Pop_Targetname'), { canClose: false });
+      Toast.Error("目标名称不能为空", { canClose: false });
       return;
     }
     if (okrName.length > 500) {
@@ -252,7 +249,7 @@ function CreateOkrModal(
     }
     setKrIsValidate(false);
     if (!krWeightValid) {
-      Toast.Error(getLocale('OKR_MyO_Pop_Totalkrnot100'), { canClose: false });
+      Toast.Error("关键成果总权重不等于100%", { canClose: false });
       return;
     }
     if (!cycle) return;
@@ -352,7 +349,7 @@ function CreateOkrModal(
       setUser({ name: Name, id: Id, avatar: UserAvatar });
       setIsCustomWeight(false);
       setDept({ departmentId: 0, departmentName: "" });
-      setType({ typeName: getLocale('OKR_MyO_Pop_Individual'), typeId: 1 });
+      setType({ typeName: "个人", typeId: 1 });
       setCycle(cycle);
       setOkrClassify(undefined);
       setVisibility(1);
@@ -467,14 +464,14 @@ function CreateOkrModal(
   const ModalTitle = useMemo(() => {
     return (
       <Line>
-        <span className="create-modal__title">{getLocale('OKR_MyO_Pop_Title_Newobjective')}</span>
+        <span className="create-modal__title">创建目标</span>
         <OKRCASE okrTemplateEnabled={true} onOkrApply={OnOkRApplyTplHandler} />
       </Line>
     );
   }, []);
 
   const krCheckFinalResult = useMemo(() => {
-    return getKrCheckTarget().map((item, index) => {
+    return KrCheckTarget.map((item, index) => {
       if (index === 0) {
         return {
           text: item,
@@ -534,8 +531,8 @@ function CreateOkrModal(
     // @ts-ignore
     window.titaTracker && window.titaTracker('action').record({
         actionName: '点击【教你写OKR】',
-        actionGroup: getLocale('OKR_MyO_Collr_Butt_CreatOKR'),
-        productName: getLocale('Menu_Title_OKRs')
+        actionGroup: '创建OKR',
+        productName: 'OKR'
       })
   }
 
@@ -555,7 +552,7 @@ function CreateOkrModal(
         onClick={trackAction}
       >
         <img className="teact-write-okr__icon" src={TeachOkr} />
-        <span className="teact-write-okr__text">{getLocale('OKR_MyO_Pop_TeachwriteOKR')}</span>
+        <span className="teact-write-okr__text">教你写 OKR</span>
       </a>
     );
   }, []);
@@ -576,8 +573,7 @@ function CreateOkrModal(
           mask
           centered
           onOk={onModalOkHandler}
-          okText={getLocale('OKR_MyO_Pop_Createnow')}
-          cancelText={getLocale('Mod_Cancel')}
+          okText="立即创建"
           title={ModalTitle}
           visible={isVisible}
           onCancel={hideCreateOkrModal}
@@ -612,7 +608,7 @@ function CreateOkrModal(
             />
             <div className="create-modal__title-line">
               <BlueBar />
-              {getLocale('Per_Ass_New_Appr_detail_moreS')}
+              更多设置
             </div>
             <div className={`space-between-row`}>
               <FieldOkrParent
@@ -668,8 +664,8 @@ function CreateOkrModal(
               <OkrCreateSuggest
                 isInput={isInputContent}
                 isOSuggest
-                descs={getODesc()}
-                example={getOExample()}
+                descs={ODesc}
+                example={OExample}
                 results={oNameCheckResult}
                 handleClose={handleONameSuggestClose}
               />
@@ -683,8 +679,8 @@ function CreateOkrModal(
               <OkrCreateSuggest
                 isInput={isInputContent}
                 isOSuggest={false}
-                descs={getKrDesc()}
-                example={KrExample()}
+                descs={KrDesc}
+                example={KrExample}
                 results={krCheckFinalResult}
                 handleClose={handleKrSuggestClose}
               />

package/src/components/create-okr-modal/kr-items/kr-item-weight.tsx

@@ -10,7 +10,6 @@ import Popup from "../../popup";
 import { KrWeightValidator } from "../utils";
 import { KrData } from "./krItem";
 import Weight from "../img/weight.svg";
-import { getLocale } from "../../../utils/getLocale";
 import "./index.scss";
 
 interface Props {
@@ -136,7 +135,7 @@ function KrItem({ krData, changeKr }: Props): ReactElement {
         onMouseEnter={handleMouseEnter}
         onClick={onWeightClickHandler}
       >
-        <img className="kr-item-weight__icon" src={Weight} alt={getLocale('Per_details_Weights')} />
+        <img className="kr-item-weight__icon" src={Weight} alt="权重" />
         {weightEditing ? (
           <input
             className="kr-item-weight__input"

package/src/components/create-okr-modal/kr-items/krDatas.tsx

@@ -13,7 +13,6 @@ import { getKrAnalysisInfos } from "../request-api";
 import Toast from "../../toast";
 import { EOkrCreateSuggestResultType } from "../fields/okr-create-suggest";
 import KrAdd from "../img/kr-add.svg";
-import { getLocale } from "../../../utils/getLocale";
 
 interface Props {
   krs: KrData[];
@@ -238,11 +237,11 @@ function KrDatas(props: Props): ReactElement {
 
       <div className="krs-info">
         <a className="add-kr-btn" onClick={addKr}>
-          <img className="add-kr-btn__icon" src={KrAdd} />
-          {getLocale('OKR_MyO_Pop_Butt_AddKR')}
+          <img className="add-kr-btn__icon" src={KrAdd} alt="添加okr" />
+          添加 KR
         </a>
         {krs.length > 0 && openKrWeight && (
-          <span className="krs-info__total-weight">{getLocale('OKR_MyO_Pop_Text_Total')}：{total}%</span>
+          <span className="krs-info__total-weight">总权重：{total}%</span>
         )}
       </div>
     </div>

package/src/components/create-okr-modal/kr-items/krItem.tsx

@@ -9,7 +9,6 @@ import { getBSGlobal } from "../../../utils/bs-global";
 import KrItemWeight from "./kr-item-weight";
 import NewUserSelector from "../fields/okr-new-user-selector";
 import InputWithErrPopup from "../fields/input-with-err-popup";
-import { getLocale } from "../../../utils/getLocale";
 import "./index.scss";
 
 export interface KrData {
@@ -160,7 +159,7 @@ function KrItem({
             <input
               className="kr-item__input"
               type="text"
-              placeholder={getLocale('OKR_MyO_Pop_Keyresults')}
+              placeholder="请输入可衡量的关键成果"
               value={krData.mileStoneName}
               onChange={onKrNameInputChangeHandler}
               onFocus={handleInputFocus}

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

@@ -6,7 +6,6 @@ import { BaseAuth } from "../../utils/auth";
 import UserSelector from "../user-selector";
 import { OpenDepartmentName } from "../../utils/open-data";
 import { getUserInfo } from "../../utils/bs-global";
-import { getLocale } from "../../utils/getLocale";
 // 干脆把数据封闭起来, 通过ref取状态
 interface ObjectTypeProps {
   okrType: number;
@@ -28,14 +27,12 @@ interface ObjectTypeState {
   groupName?: string;
   auth?: boolean;
 }
-const radios = () => {
-  return [
-    { label: getLocale('OKR_MyO_Pop_Company'), value: 3 },
-    { label: getLocale('Mod_Department'), value: 2 },
-    { label: getLocale('OKR_MyO_Text_Team'), value: 4 },
-    { label: getLocale('OKR_MyO_Pop_Individual'), value: 1 },
-  ]
-};
+const radios = [
+  { label: "公司", value: 3 },
+  { label: "部门", value: 2 },
+  { label: "团队", value: 4 },
+  { label: "个人", value: 1 },
+];
 export default class ObjectType extends Component<
   ObjectTypeProps,
   ObjectTypeState
@@ -112,9 +109,9 @@ export default class ObjectType extends Component<
             <StatelessDropdown
               className="mx-w-240"
               overlayClassName="has-underline"
-              labelText={getLocale('OKR_MyO_Text_Team')}
+              labelText="团队"
             >
-              {this.state.groupName || getLocale('OKR_MyO_Text_Team')}
+              {this.state.groupName || "团队"}
             </StatelessDropdown>
           </div>
         }
@@ -140,7 +137,7 @@ export default class ObjectType extends Component<
               <StatelessDropdown
                 className="mx-w-240"
                 overlayClassName="has-underline"
-                labelText={getLocale('Mod_Department')}
+                labelText="部门"
               >
                 <OpenDepartmentName
                   id={this.state.departmentId}
@@ -178,8 +175,8 @@ export default class ObjectType extends Component<
   render() {
     return (
       <Fragment>
-        <RadioGroup name="okrType" labelText={getLocale('Mod_Type')} style={{ marginBottom: 8 }}>
-          {radios().map(({ label, value }) => (
+        <RadioGroup name="okrType" labelText="类型" style={{ marginBottom: 8 }}>
+          {radios.map(({ label, value }) => (
             <Radio
               key={value}
               value={value}

package/src/components/date-picker/CalendarBody.js

@@ -7,7 +7,6 @@
 import React, { Component } from 'react'
 import BodyItem from './BodyItem'
 import moment from 'moment'
-import { getLocale } from "../../utils/getLocale";
 
 export default class CalendarBody extends Component {
   constructor(props) {
@@ -77,13 +76,13 @@ export default class CalendarBody extends Component {
         <table className="calendar-body-table">
           <thead>
             <tr>
-              <th>{getLocale('Mod_Sun')}</th>
-              <th>{getLocale('Mod_Mon')}</th>
-              <th>{getLocale('Mod_Tues')}</th>
-              <th>{getLocale('Mod_Wed')}</th>
-              <th>{getLocale('Mod_Thur')}</th>
-              <th>{getLocale('Mod_Fri')}</th>
-              <th>{getLocale('Mod_Sat')}</th>
+              <th>日</th>
+              <th>一</th>
+              <th>二</th>
+              <th>三</th>
+              <th>四</th>
+              <th>五</th>
+              <th>六</th>
             </tr>
           </thead>
           <tbody>

package/src/components/delete-confirm-pop/ConfirmPop.tsx

@@ -1,6 +1,5 @@
 import React, { PureComponent } from 'react'
 import Pop from '../../components-v1/pop'
-import { getLocale } from '../../utils/getLocale'
 import { ConfirmWrapper, ConfirmText, ConfirmBtnGroup, ButtonCancel, ButtonConfirm } from './style'
 
 interface Props {
@@ -15,6 +14,7 @@ interface Props {
   isShowCancelBtn?: boolean
   btnCancelText?: string // 取消按钮文字
 
+  isShowConfirmBtn?: boolean
   btnConfirmText?: string // 确认按钮文字
 
   onSubmit: (event: any) => void;
@@ -23,6 +23,16 @@ interface Props {
 const popContainer = document.body
 
 export default class ConfirmPop extends PureComponent<Props> {
+  static defaultProps = {
+    isShowConfirmTitle: false,
+    confirmTitle: '提示',
+    confirmTipText: '此操作不可恢复，您确定删除吗？',
+    isShowCancelBtn: true,
+    btnCancelText: '取消',
+    isShowConfirmBtn: true,
+    btnConfirmText: '确定'
+  }
+
   handleShowPop = () => {
     //@ts-ignore
     this.refs.pop.show(this.refs.trigger)
@@ -38,12 +48,12 @@ export default class ConfirmPop extends PureComponent<Props> {
       className,
       align,
       onSubmit,
-      isShowConfirmTitle = false,
-      isShowCancelBtn = true,
-      confirmTitle = '提示',
-      confirmTipText = getLocale('Mod_cannotberecovered'),
-      btnCancelText = getLocale('Mod_Cancel'),
-      btnConfirmText = getLocale('OKR_MyO_Butt_Determine')
+      isShowConfirmTitle,
+      isShowCancelBtn,
+      confirmTitle,
+      confirmTipText,
+      btnCancelText,
+      btnConfirmText
     } = this.props
     return (
       <div style={{ display: 'inline-block' }}>

package/src/components/dialog/index.js

@@ -1,7 +1,6 @@
 import React from 'react';
 import classNames from 'classnames';
 import Dialog from 'rc-dialog';
-import { getLocale } from '../../utils/getLocale'
 
 import 'rc-dialog/assets/index.css';
 import './index.scss';
@@ -12,8 +11,8 @@ export default props => {
   const {
     onOk = () => true,
     onCancel = () => true,
-    okText = getLocale('OKR_MyO_Butt_Determine'),
-    cancelText = getLocale('Mod_Cancel'),
+    okText = '确定',
+    cancelText = '取消',
     footer,
     noFooter,
     noHeadLine,
@@ -22,6 +21,7 @@ export default props => {
     visible,
     extraClass=[],
     extendFooterBtn,
+    disabled,
     ...restProps
   } = props;
 
@@ -30,7 +30,7 @@ export default props => {
     <span key="cancel" className={classNames(`${preCls}__btn`, `${preCls}__btn-cancel`)} onClick={onCancel}>
       <span className={classNames(`${preCls}__btn-cancel-text`)}>{cancelText}</span>
     </span>,
-    <span key="ok" className={classNames(`${preCls}__btn`, `${preCls}__btn-ok`)} onClick={onOk}>
+    <span key="ok" className={classNames(`${preCls}__btn`, `${preCls}__btn-ok`, {[`${preCls}__btn-ok-not-allowed`]:disabled})} onClick={onOk}>
       <span className={classNames(`${preCls}__btn-ok-text`)}>{okText}</span>
     </span>
   ];

package/src/components/dialog/index.scss

@@ -92,6 +92,9 @@ $font-family: -apple-system, Arial, Verdana, Helvetica Neue, Helvetica, sans-ser
       background: #5c8eff;
       color: #ffffff;
     }
+    &-not-allowed {
+      cursor: not-allowed;
+    }
   }
 
   &__btn-cancel {

package/src/components/drawer/index.tsx

@@ -9,7 +9,6 @@ import HeaderAction, { IHeaderActionProps } from "./headerAction";
 import useForceUpdate from "./utils/useForceUpdate";
 
 import "rc-drawer/assets/index.css";
-import { getLocale } from "../../utils/getLocale";
 import "./index.scss";
 import DrawerManagerContext from '../drawer-manager/context'
 
@@ -151,7 +150,7 @@ function DrawerHeader({closable=true,actions,actionMaxCount = 4,content,style,on
   return (
     <div className="titaui-drawer-header" style={style}>
       {
-        showBackBtn && <a className="titaui-drawer-header-back" onClick={manager && manager.goBack}><i className="tu-icon-fanhui"/>{getLocale('Mod_Back')}</a>
+        showBackBtn && <a className="titaui-drawer-header-back" onClick={manager && manager.goBack}><i className="tu-icon-fanhui"/>返回</a>
       }
       {
         showBackBtn && hasContent && <div className="titaui-drawer-header-divider"/>
@@ -163,7 +162,7 @@ function DrawerHeader({closable=true,actions,actionMaxCount = 4,content,style,on
       ))}
       {!!collapsedActions.length && (
         <HeaderAction
-          title={getLocale('Mod_MoreOperate')}
+          title="更多操作"
           icon="tu-icon-10"
           children={collapsedActions}
         />

package/src/components/drawer-manager/index.tsx

@@ -21,7 +21,7 @@ class DrawerManager {
       window.titaTracker("action").record({
         actionName: type,
         actionGroup: "打开推屏",
-        productName: 'OKR',
+        productName: "OKR",
       });
     return new Promise((resolve) => {
       clearTimeout(this.timer);

package/src/components/dynamic/components/dynamic-search-input/index.scss

@@ -9,7 +9,7 @@
   padding: 5px 12px 5px 14px;
   box-sizing: border-box;
   &__popup {
-    width: 96px;
+    width: 68px;
     height: 96px;
     background: #ffffff;
     box-shadow: 0px 4px 12px 0px rgba(127, 145, 180, 0.2);
@@ -43,8 +43,6 @@
     display: flex;
     align-items: center;
     cursor: pointer;
-    word-break: keep-all;
-    white-space: nowrap;
   }
   &__input {
     border: none;

package/src/components/dynamic/components/dynamic-search-input/index.tsx

@@ -3,14 +3,13 @@ import classNames from "classnames";
 import { IDynamicSearchInputProps } from "../../interface";
 import Popup from "../../../popup";
 import UserSelector from "../../../user-selector";
-import { getLocale } from "../../../../utils/getLocale";
 import "./index.scss";
 
 const prefix = "titaui-dynamic-search-input";
 
 const SearchType = {
-  dynamic: getLocale('Menu_Title_Feed'),
-  person: getLocale('Mod_UserName'),
+  dynamic: "动态",
+  person: "姓名",
 };
 
 const DynamicSearchInput: FC<IDynamicSearchInputProps> = ({
@@ -80,7 +79,7 @@ const DynamicSearchInput: FC<IDynamicSearchInputProps> = ({
             handleChangeSearchDynamicType("dynamic");
           }}
         >
-          {getLocale('Menu_Title_Feed')}
+          动态
         </div>
         <div
           className={classNames(prefix + "__popup-item", {
@@ -90,7 +89,7 @@ const DynamicSearchInput: FC<IDynamicSearchInputProps> = ({
             handleChangeSearchDynamicType("person");
           }}
         >
-          {getLocale('Mod_UserName')}
+          姓名
         </div>
       </div>
     );
@@ -123,7 +122,7 @@ const DynamicSearchInput: FC<IDynamicSearchInputProps> = ({
         value={searchInputValue}
         onChange={handleInputChange}
         onKeyUp={handleKeyUp}
-        placeholder={searchDynamicType === 'dynamic' ? getLocale('Feed_Search_Searchbykeyword') : getLocale('Mod_SearchbyName')}
+        placeholder={searchDynamicType === 'dynamic' ? '按关键词搜索' : '按姓名搜索'}
       />
       {isMouseEnter && searchInputValue && (
         <i onClick={handleClearSearchValue} className={classNames("tu-icon-circle", prefix + "__input-clear")} />

package/src/components/dynamic/constant.ts

@@ -1,5 +1,3 @@
-import { getLocale } from "../../utils/getLocale";
-
 export const OkrRiskMapping = {
   0: "normal", // 正常推进
   1: "normal", // 正常推进
@@ -47,30 +45,30 @@ export enum EObjType {
 }
 
 export const ObjTypeMapText = {
-  [EObjType.Project]: getLocale('Menu_Title_Projects'),
-  [EObjType.Task]: getLocale('Mod_Tasks'),
-  [EObjType.O]: getLocale('Mod_Objective'),
-  [EObjType.Kr]: getLocale('Mod_KeyResults'),
-  [EObjType.MileStone]: getLocale('Pro_page_Plan_Milestone'),
-  [EObjType.KanBan]: getLocale('Pro_page_V_Tab_Kanban'),
+  [EObjType.Project]: "项目",
+  [EObjType.Task]: "任务",
+  [EObjType.O]: "目标",
+  [EObjType.Kr]: "关键成果",
+  [EObjType.MileStone]: "里程碑",
+  [EObjType.KanBan]: "看板",
 };
 
 export const ObjectType = {
-  1: getLocale('Mod_sannouncement'),
-  4: getLocale('Menu_Title_Projects'),
-  5: getLocale('Mod_sPerformanceForm'),
-  6: getLocale('Mod_sPerformanceGoals'),
-  7: getLocale('Mod_stask'),
-  8: getLocale('Mod_sDailySummary'),
-  10: getLocale('Feed_sFeed'),
-  11: getLocale('Pro_page_Plan'),
-  12: getLocale('Feed_OperationTasks'),
-  62: getLocale('Mod_sobjective'),
-  65: getLocale('Feed_Keyresults'),
-  70: getLocale('OKR_MyO_KRP_Review'),
-  79: getLocale('Mod_skeyprogress'),
-  80: getLocale('Feed_sAnnouncement'),
-  42: getLocale('OKR_MyO_E_Reward'),
+  1: "公告/分享",
+  4: "项目",
+  5: "绩效考核表",
+  6: "绩效目标",
+  7: "任务",
+  8: "日报（总结）",
+  10: "Feed",
+  11: "计划",
+  12: "计划表的操作记录",
+  62: "目标",
+  65: "关键成果",
+  70: "复盘",
+  79: "关键成果进展",
+  80: "公告",
+  42: "打赏",
 };
 
 export const EStatusStatus2ClassType = {