@titaui/pc 1.8.5 → 1.8.9

package/src/components/menus/i18n.ts

@@ -1,52 +1,49 @@
-
 class I18N {
 
-  public menu_alldeparment = '公司全部';
-  public menu_myokr = '我的 OKR';
-  public menu_responsible = '我负责的';
-  public menu_participated = '我参与的';
-  public menu_concerned = '我关注的';
-  public menu_subordinate = '下属 OKR';
-  public menu_concerned_user = '关注的人';
-  public menu_other = '其它';
-  public menu_okrmap = 'OKR 地图';
-  public menu_okrdashboard = 'OKR 仪表盘';
-  public menu_okr_working_method = 'OKR 工作法';
-  public menu_okrcases = 'OKR 案例库';
-
-  public menu_myass = '我的考核';
-  public menu_evaluated_ass = '我评价的';
-  public menu_subordinate_ass = '下属考核';
-  public menu_department_ass = '部门考核';
-  public menu_management_ass = '考核管理';
-  public menu_template_ass = '考核模板';
-  public menu_library_ass = '考核指标库';
-  public menu_score_ass = '评价设置';
-  public menu_help_ass = '考核帮助';
-  public menu_statistics_ass = '考核报表';
-  public menu_dashboard_ass = '考核仪表盘';
-
-  public input_search_user = '搜索同事';
-
-  public nofollowers = '暂无关注的人';
+  public menu_alldeparment = `OKR_Menu_Title_All`;
+  public menu_myokr = `OKR_Menu_Title_MyOKRs`;
+  public menu_responsible = `OKR_Menu_Title03_Owned`;
+  public menu_participated = `OKR_Menu_Title_Collaborator`;
+  public menu_concerned = `OKR_Menu_Title_FollowingOKRs`;
+  public menu_subordinate = `OKR_Menu_Title_DirectReports`;
+  public menu_concerned_user = `OKR_Menu_Title_FollowingOKR`;
+  public menu_other = `OKR_Menu_Title_Others`;
+  public menu_okrmap = `OKR_Menu_Title_Alignment`;
+  public menu_okrdashboard = `OKR_Menu_Title_Dashboard`;
+  public menu_okr_working_method = `OKR_Menu_Title_OKRWork`;
+  public menu_okrcases = `OKR_Menu_Title_OKRExamples`;
+
+  public menu_myass = `Per_Menu_Title_MyReviews`;
+  public menu_evaluated_ass = `Per_Menu_Title_MyEvaluation`;
+  public menu_subordinate_ass = `Per_Menu_Title_Subordinate`;
+  public menu_department_ass = `Per_Menu_Title_Department`;
+  public menu_management_ass = `Per_Menu_Title_AssessmentMana`;
+  public menu_template_ass = `Per_Menu_Title_Assessmenttempla`;
+  public menu_library_ass = `Per_Menu_Title_IndicatorDatabase`;
+  public menu_score_ass = `Per_Menu_Title_Settings`;
+  public menu_help_ass = `Per_Menu_Title_Help`;
+  public menu_statistics_ass = `Per_Menu_Title_Reports`;
+  public menu_dashboard_ass = `Per_Menu_Title_Dashboard`;
+  public menu_basesetting = `Per_Menu_Title_Label_BasicSettings`
+
+  public input_search_user = `OKR_Menu_text_SearchMembers`;
+
+  public nofollowers = `OKR_Menu_txt_NoFollowers`;
   public nosubordinates = '暂无下属';
-  public alldeparment = '公司全部';
-  public unsubscribe = '取消关注';
-
-  public menu_regulation_enterprise = '企业管理规定'
-  public menu_regulation_okr = 'OKR规定'
-  public menu_regulation_project = '项目规定'
-  public menu_regulation_plan = '计划规定'
-  public menu_regulation_daily = '日报规定'
-  public menu_regulation_weekly = '周报规定'
-  public menu_regulation_monthly = '月报规定'
-
-
-  constructor(isEN = false) {
-    if (isEN) {
-      // 替换成英文
-    }
+  public alldeparment = `OKR_Menu_Title_All`;
+  public unsubscribe = `OKR_MyO_Butt_Unfollow`;
+
+  public menu_regulation_enterprise = `Per_Menu_ManRegu`
+  public menu_regulation_okr = `Regul_Menu_OKR`
+  public menu_regulation_project = `Regul_Menu_Projects`
+  public menu_regulation_plan = `Regul_Menu_Tasks`
+  public menu_regulation_daily = `Regul_Menu_DailyReport`
+  public menu_regulation_weekly = `Regul_Menu_WeeklyReport`
+  public menu_regulation_monthly = `Regul_Menu_MonthlyReport`
+
+
+  constructor() {
   }
 }
 
-export const locale = new I18N(false);
+export const locale = new I18N();

package/src/components/nav-top/components/user-message/components/empty/index.tsx

@@ -2,6 +2,7 @@ import React from 'react';
 import classNames from 'classnames';
 import empty from '../../images/empty-img.svg';
 import ConditionRender from '../../../../../condition-render';
+import { getLocale } from '../../../../../../utils/getLocale';
 import './index.scss';
 
 const preCls = 'titaui-user-message-msg-empty';
@@ -12,10 +13,10 @@ const Empty = (props) => {
 	return (
 		<div className={classNames(`${preCls}__empty`)}>
 			<img src={empty} />
-			<div className={classNames(`${preCls}__empty-text`)}>暂时没有需要处理的消息哦～</div>
+			<div className={classNames(`${preCls}__empty-text`)}>{getLocale('Menu_Title_NoNews')}</div>
 			<ConditionRender condition={tabPath !== null}>
 				<a target="_blank" href={tabPath} className={classNames(`${preCls}__empty-all`)}>
-					查看全部消息
+					{getLocale('Menu_Title_ViewNews')}
 				</a>
 			</ConditionRender>
 		</div>

package/src/components/nav-top/components/user-message/components/remind/index.tsx

@@ -7,6 +7,7 @@ import { getReminds } from "../../../../request.apis";
 import Empty from "../empty";
 import RemindItem from "./remind-item";
 import Loading from "../../images/loading.gif";
+import { getLocale } from "../../../../../../utils/getLocale";
 import "./index.scss";
 
 const preCls = "titaui-user-message-msg-remind";
@@ -65,7 +66,7 @@ const Remind = (props) => {
             className={classNames(`${preCls}__footer-all`)}
             onClick={() => deleteAll()}
           >
-            全部忽略
+            {getLocale('Feed_Tab_IgnoreAll')}
           </span>
         </div>
       </ConditionRender>

package/src/components/nav-top/components/user-message/components/remind/remind-item.tsx

@@ -3,6 +3,7 @@ import classNames from "classnames";
 import TooltipText from "../../../../../tooltip/tooltip-text";
 import Bell from "../../images/app-tixing.svg";
 import { apiServer, userId } from "../../constant";
+import { getLocale } from "../../../../../../utils/getLocale";
 import "./index.scss";
 
 
@@ -24,7 +25,7 @@ const Remind = (props) => {
       <img src={Bell} className={classNames(`${preCls}__item-photo`)} />
       <div className={classNames(`${preCls}__item-right`)}>
         <div className={classNames(`${preCls}__item-right-name`)}>
-          <span>任务</span>
+          <span>{getLocale('Mod_Tasks')}</span>
           <span className={classNames(`${preCls}__item-right-name-status`)}>
             {item.content}
           </span>
@@ -43,7 +44,7 @@ const Remind = (props) => {
           className={classNames(`${preCls}__item-handle-ignore`)}
           onClick={deleteOneTask}
         >
-          忽略
+          {getLocale('Tasks_Menu_Ignore')}
         </span>
         <a
           target="_blank"
@@ -54,7 +55,7 @@ const Remind = (props) => {
             className={classNames(`${preCls}__item-handle-deal`)}
             onClick={deleteOneTask}
           >
-            去处理
+            {getLocale('Feed_Tab_ToDealWith')}
           </span>
         </a>
       </div>

package/src/components/nav-top/components/user-message/msg/index.scss

@@ -31,6 +31,9 @@
         color: #2879ff;
         line-height: 22px;
       }
+      .rc-tabs-nav-operations {
+        display: none;
+      }
     }
     &-todos {
       position: relative;

package/src/components/nav-top/components/user-message/msg/index.tsx

@@ -7,6 +7,7 @@ import Inform from "../components/inform";
 import Remind from "../components/remind";
 import TabTitle from "../components/tab-title";
 import { getMessages } from "../../../request.apis";
+import { getLocale } from "../../../../../utils/getLocale";
 import "./index.scss";
 
 const prefixCls = "titaui-user-message-msg";
@@ -60,7 +61,7 @@ const UserMessage = (props) => {
             tab={
               <TabTitle
                 data={getData("todoIndicator")}
-                title="待办"
+                title={getLocale('Top_Message_title_Todos')}
                 tab={"todos"}
               />
             }
@@ -72,7 +73,7 @@ const UserMessage = (props) => {
             tab={
               <TabTitle
                 data={(getData("messageIndicator"))-(getData("mLeaveandComment"))}
-                title="通知"
+                title={getLocale('Menu_Title_Notice')}
                 tab={"informs"}
               />
             }
@@ -84,7 +85,7 @@ const UserMessage = (props) => {
             tab={
               <TabTitle
                 data={getData("mLeaveandComment")}
-                title="@与回复"
+                title={getLocale('Top_Message_title_@&Replies')}
                 tab={"replys"}
               />
             }
@@ -93,7 +94,7 @@ const UserMessage = (props) => {
             <Reply onItemClick={onItemClick} handleIntervalRequestMessageInfo={handleIntervalRequestMessageInfo}/>
           </TabPane>
           <TabPane
-            tab={<TabTitle data={remindTotal} title="提醒" tab={"reminds"} />}
+            tab={<TabTitle data={remindTotal} title={getLocale('Top_Message_title_AlarmReminders')} tab={"reminds"} />}
             key="reminds"
           >
             <Remind onItemClick={onItemClick} handleIntervalRequestMessageInfo={handleIntervalRequestMessageInfo} handleIgnoreTask={handleIgnoreTask}/>

package/src/components/nav-top/components/user-message/utils.ts

@@ -1,3 +1,5 @@
+import { getLocale } from "../../../../utils/getLocale";
+
 export const htmlToText = (text) => {
 	let div = document.createElement('div');
 	div.innerHTML = text;
@@ -8,7 +10,7 @@ export const deleteText = (text) => {
 	const last = text.trim().slice(-4);
   if (last === '查看任务') {
     text = text.trim().slice(0, -4);
-  } else if (last === '查看详情') {
+  } else if (last === getLocale('Mod_Checkdetails')) {
     text = text.trim().slice(0, -4);
   } else if (last === '进入日报') {
     text = text.trim().slice(0, -4);

package/src/components/nav-top/components/user-own-menu/components/own-menu/index.scss

@@ -5,6 +5,7 @@
   box-shadow: 0px 4px 24px 0px rgba(127, 145, 180, 0.2);
   border-radius: 16px;
   padding: 16px 26px 16px 12px;
+  user-select: none;
   &__card {
     &-items {
       margin-bottom: 5px;
@@ -20,7 +21,7 @@
         left: 8px;
         display: inline-block;
         content: "";
-        width: 100px;
+        width: 100%;
         height: 1px;
         background: linear-gradient(
           297deg,
@@ -53,9 +54,28 @@
         font-weight: 400;
         color: #3f4755;
         line-height: 22px;
+        min-width: 110px;
+        display: inline-block;
         &:hover {
           color: #2879ff;
         }
+        &-suffix {
+          font-size: 14px;
+          color: #3F4755;
+          line-height: 22px;
+          display: inline-flex;
+          align-items: center;
+          &-lang {
+            &--selected {
+              color: #2879FF;
+            }
+          }
+          &-icon {
+            display: inline-block;
+            transform: rotate(90deg);
+            margin: 0 10px;
+          }
+        }
       }
     }
   }

package/src/components/nav-top/components/user-own-menu/components/own-menu/index.tsx

@@ -1,12 +1,31 @@
 import React, { useState } from "react";
 import classNames from "classnames";
 import { getOwnSet } from "../../utils";
+import ConditionRender from "../../../../../condition-render";
+import { changeLang } from "../../../../request.apis";
+import { getBSGlobal } from "../../../../../../utils/bs-global";
+import Toast from "../../../../../toast";
 import "./index.scss";
 
 const preCls = "titaui-nav-top-user-own-menu";
 
 const User = () => {
   const [ownSet] = useState(getOwnSet());
+  const lang =
+    (getBSGlobal("I18NInfo") && getBSGlobal("I18NInfo").I18NUserLang) ||
+    "zh_CN";
+
+  const handleChangeLang = () => {
+    const replaceLang = lang === "zh_CN" ? "en_US" : "zh_CN";
+    changeLang(replaceLang).then((resp) => {
+      if (resp.Code === 1 && resp.Data === true) {
+        window.location.reload();
+      } else {
+        Toast.Error("切换语言失败，请稍后重试", { canClose: false });
+      }
+    });
+  };
+
   return (
     <div className={classNames(`${preCls}`)}>
       <ul className={classNames(`${preCls}__card`)}>
@@ -15,11 +34,53 @@ const User = () => {
             {items.map((item) => (
               <li className={classNames(`${preCls}__card-item`)} key={item.id}>
                 <i
-                  className={classNames(`${preCls}__card-item-img`,item.url)}
+                  className={classNames(`${preCls}__card-item-img`, item.icon)}
                 />
-                <a href={item.objUrl} className={classNames(`${preCls}__card-item-title`)}>
+                <ConditionRender condition={!!item.objUrl}>
+                  <a
+                    href={item.objUrl}
+                    className={classNames(`${preCls}__card-item-title`)}
+                  >
                     {item.title}
-                </a>
+                  </a>
+                </ConditionRender>
+                <ConditionRender condition={!item.objUrl}>
+                  <span onClick={handleChangeLang}>
+                    <a
+                      className={classNames(`${preCls}__card-item-title`)}
+                    >
+                      {item.title}
+                    </a>
+                    <span
+                      className={classNames(
+                        `${preCls}__card-item-title-suffix`
+                      )}
+                    >
+                      <span
+                        className={classNames({
+                          [`${preCls}__card-item-title-suffix-lang--selected`]:
+                            lang === "zh_CN",
+                        })}
+                      >
+                        中
+                      </span>
+                      <i
+                        className={classNames(
+                          "tu-icon-shangxia",
+                          `${preCls}__card-item-title-suffix-icon`
+                        )}
+                      />
+                      <span
+                        className={classNames({
+                          [`${preCls}__card-item-title-suffix-lang--selected`]:
+                            lang === "en_US",
+                        })}
+                      >
+                        EN
+                      </span>
+                    </span>
+                  </span>
+                </ConditionRender>
               </li>
             ))}
           </div>

package/src/components/nav-top/components/user-own-menu/utils.ts

@@ -1,63 +1,88 @@
+import { getLocale } from "../../../../utils/getLocale";
 import { getUserInfo, getBSGlobal } from "../../../../utils/bs-global";
 import { IOwnSetType } from "../../interface";
 
 const userId = getUserInfo().Id;
 const apiServer = getBSGlobal("apiPath");
+const i18nInfo = getBSGlobal('I18NInfo');
 const tm = getBSGlobal("tm");
 
 const isTestCompanyManageRule = /gift/g.test(apiServer);
 
-export const getOwnSet = () => {
-  const ownhandle = [
-    {
-      id: "ownHome",
-      url: "tu-icon-myhome",
-      title: "个人信息",
-      objUrl: `${apiServer}/u/${userId}/Home/#user-info`,
-    },
-    {
-      id: "ownSet",
-      url: "tu-icon-APP-shezhi",
-      title: "个人设置",
-      objUrl: `${apiServer}/u/${userId}/Home/#setting`,
-    },
-  ];
+const getOwnhandle = () => [
+  {
+    id: "ownHome",
+    icon: "tu-icon-myhome",
+    title: getLocale('Per_Menu_Perinfo'),
+    objUrl: `${apiServer}/u/${userId}/Home/#user-info`,
+    otherInfo: {}
+  },
+  {
+    id: "ownSet",
+    icon: "tu-icon-APP-shezhi",
+    title: getLocale('Per_Menu_MySettings'),
+    objUrl: `${apiServer}/u/${userId}/Home/#setting`,
+    otherInfo: {}
+  },
+];
+
+const getExit = () => [
+  {
+    id: "Logout",
+    icon: "tu-icon-tuichu",
+    title: getLocale('Per_Menu_Logout'),
+    objUrl: `${apiServer}/Account/Logout`,
+    otherInfo: {}
+  },
+];
+
+const getLimit = () => [
+  {
+    id: "manage",
+    icon: "tu-icon-myqyht",
+    title: getLocale('Per_Menu_Admin'),
+    objUrl: `${tm}`,
+    otherInfo: {}
+  },
+  {
+    id: "open",
+    icon: "tu-icon-my-gjgn",
+    title: getLocale('Per_Menu_AdvancedFeatures'),
+    objUrl: `${tm}${tm.indexOf(`${userId}/TmHome`) != -1 ?'':`/${userId}/TmHome`}#?iTalentFrameType=iframe&iTalentFrame=${tm.indexOf(`${userId}/TmHome`) != -1 ?`${tm.replace(`/TmHome`,'')}`:`${tm}/${userId}`}/indexV2#/advancedSettings`,
+    otherInfo: {}
+  },
+  {
+    id: "role",
+    icon: "tu-icon-gongsi",
+    title: getLocale('Per_Menu_ManRegu'),
+    objUrl: `${apiServer}/u/${userId}/Home#/enterprise/manage?reactRouterName=okr`,
+    otherInfo: {}
+  },
+]
 
-  const limit = [
-    {
-      id: "manage",
-      url: "tu-icon-myqyht",
-      title: "企业管理后台",
-      objUrl: `${tm}`,
-    },
-    {
-      id: "open",
-      url: "tu-icon-my-gjgn",
-      title: "开启高级设置",
-      objUrl: `${tm}${tm.indexOf(`${userId}/TmHome`) != -1 ?'':`/${userId}/TmHome`}#?iTalentFrameType=iframe&iTalentFrame=${tm.indexOf(`${userId}/TmHome`) != -1 ?`${tm.replace(`/TmHome`,'')}`:`${tm}/${userId}`}/indexV2#/advancedSettings`,
-    },
-    {
-      id: "role",
-      url: "tu-icon-gongsi",
-      title: "企业管理规定",
-      objUrl: `${apiServer}/u/${userId}/Home#/enterprise/manage?reactRouterName=okr`,
-    },
-  ];
+const getLang = () => [
+  {
+    id: "i18n",
+    icon: "tu-icon-yuyan",
+    title: getLocale('Per_Menu_language'),
+    objUrl: ``,
+    otherInfo: {
+      lang: i18nInfo.I18NUserLang,
+    }
+  },
+]
 
-  const exit = [
-    {
-      id: "Logout",
-      url: "tu-icon-tuichu",
-      title: "退出登录",
-      objUrl: `${apiServer}/Account/Logout`,
-    },
-  ];
+export const getOwnSet = () => {
+  
   let newOwnSet: IOwnSetType[] = [];
-  newOwnSet.push(ownhandle);
+  newOwnSet.push(getOwnhandle());
   const role = getUserInfo().Role;
   if (role === 2 || role === 4) {
-    newOwnSet.push(limit);
+    newOwnSet.push(getLimit());
+  }
+  if (i18nInfo && i18nInfo.I18NOpen === 'true') {
+    newOwnSet.push(getLang())
   }
-  newOwnSet.push(exit);
+  newOwnSet.push(getExit());
   return newOwnSet;
 };

package/src/components/nav-top/components/version/index.scss

@@ -1,8 +1,6 @@
 .titaui-nav-top-version {
   &__version-info {
-    width: 120px;
     height: 24px;
-    background: url("../../images/version.png") no-repeat;
     background-size: 120px 24px;
     margin-right: 20px;
     font-size: 12px;
@@ -14,9 +12,19 @@
     cursor: pointer;
     &-name {
       margin-left: 8px;
+      background: linear-gradient(0deg, #FFC449 0%, #FFEFCD 53%, #FFC74B 100%);
+      border-radius: 12px;
+      padding: 3px 10px 3px 8px;
+      position: relative;
+      z-index: 2;
     }
     &-countdown {
-      margin-left: 16px;
+      background: linear-gradient(90deg, #FFAA00 0%, #FFE099 100%);
+      box-shadow: 0px 0px 4px #ffffff inset;
+      border-radius: 0 12px 12px 0;
+      filter: blur(0px);
+      margin-left: -10px;
+      padding: 3px 8px 3px 16px;
     }
   }
 }

package/src/components/nav-top/components/version/index.tsx

@@ -2,7 +2,8 @@ import React, { FC, useRef } from "react";
 import { getBSGlobal } from "../../../../utils/bs-global";
 import VersionChangeModal from "../../../version-change-modal";
 import { Versions } from "../../../version-change-modal/constant";
-import { versionTextMap } from "../../constant";
+import { getVersionTextMap } from "../../constant";
+import { isEn } from "../../../../utils/getLocale";
 import "./index.scss";
 
 const prefix = "titaui-nav-top-version";
@@ -22,8 +23,8 @@ const Version: FC = () => {
         className={`${prefix}__version-info`}
         onClick={handleShowVersionSelector}
       >
-        <span className={`${prefix}__version-info-name`}>{versionTextMap[versionInfo.MenuVersion || Versions.Flagship]}</span>
-        <span className={`${prefix}__version-info-countdown`}>剩余{versionInfo.Day}天</span>
+        <span className={`${prefix}__version-info-name`}>{getVersionTextMap()[versionInfo.MenuVersion || Versions.Flagship]}</span>
+        <span className={`${prefix}__version-info-countdown`}>{isEn ? `${versionInfo.Day} day(s)` : `剩余${versionInfo.Day}天`}</span>
       </div>
       <VersionChangeModal
         ref={versionChangeModalRef}

package/src/components/nav-top/constant.ts

@@ -1,5 +1,5 @@
+import { getLocale } from "../../utils/getLocale";
 import { getUserInfo, getBSGlobal } from "../../utils/bs-global";
-
 import { Versions } from "../version-change-modal/constant";
 
 export const userId = getUserInfo().Id;
@@ -12,9 +12,9 @@ export const popupAlignPhoto = {
   targetOffset: [0, 0],
 };
 
-export const versionTextMap = {
-  [Versions.Standard]: "项目版",
-  [Versions.WeixinAssess]: "绩效版",
-  [Versions.Professional]: "OKR版",
-  [Versions.Flagship]: "旗舰版",
-};
+export const getVersionTextMap = () => ({
+  [Versions.Standard]: getLocale('Sw_ProEdit'),
+  [Versions.WeixinAssess]: getLocale('Sw_PerEdit'),
+  [Versions.Professional]: getLocale('Sw_OKREdit'),
+  [Versions.Flagship]: getLocale('Sw_Flagship'),
+});

package/src/components/nav-top/interface.ts

@@ -5,9 +5,10 @@ export interface IMenuProps {
 
 export interface IOwnSetItemType {
   id: string;
-  url: any;
+  icon: any;
   title: string;
   objUrl: string;
+  otherInfo: Object;
 }
 
 export type IOwnSetType = IOwnSetItemType[];

package/src/components/nav-top/request.apis.ts

@@ -64,3 +64,7 @@ export const getMessages = () => {
     })
     .then((data) => data);
 };
+
+export const changeLang = (lang) => {
+  return rget('v1')(`multiLange/change?lang=${lang}`)
+}