@titaui/pc 1.9.49 → 1.9.50

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

@@ -1,180 +1,184 @@
-import React, {
-  FC, useRef, useState, useEffect,
-} from "react";
-import classNames from "classnames";
-import Overflow from "rc-overflow";
-import { getUserInfo, getBSGlobal } from "../../../../utils/bs-global";
-import { IMenuProps } from "../../interface";
-import Popup from "../../../popup";
-import ConditionRender from "../../../../components/condition-render";
-import New from "./img/new.png";
-import "./index.scss";
-
-const prefix = "titaui-nav-top-menu";
+import React, { FC, useRef, useState, useEffect } from 'react';
+import classNames from 'classnames';
+import { getUserInfo, getBSGlobal } from '../../../../utils/bs-global';
+import { IMenuProps } from '../../interface';
+import Popup from '../../../popup';
+import Overflow from 'rc-overflow';
+import ConditionRender from '../../../../components/condition-render';
+import New from './img/new.png';
+import './index.scss';
+
+const prefix = 'titaui-nav-top-menu';
 
 const popupAlign = {
-  offset: [0, 5],
-  overflow: { adjustX: true, adjustY: true },
-  targetOffset: [0, 0],
+	offset: [ 0, 5 ],
+	overflow: { adjustX: true, adjustY: true },
+	targetOffset: [ 0, 0 ]
 };
 
-const Menu: FC<IMenuProps> = ({ menus, activeMenuId }) => {
-  const [popupVisible, setPopupVisible] = useState(false);
+  const Menu: FC<IMenuProps> = ({ menus, activeMenuId }) => {
+	const [ popupVisible, setPopupVisible ] = useState(false);
   const [isKnow, setIsKonw] = useState(false);
-  const containerRef = useRef<any>();
+	const containerRef = useRef<any>();
+
 
   const apiPath = getBSGlobal("apiPath");
-  const userId = getUserInfo().Id;
+	const userId = getUserInfo().Id;
 
-  const handlePopupVisibleChange = (visible) => {
-    setPopupVisible(visible);
-  };
+	const handlePopupVisibleChange = (visible) => {
+		setPopupVisible(visible);
+	};
 
-  const handleTracker = (menu) => {
-    // @ts-ignore
-    window.titaTracker
+	const handleTracker = (menu) => {
+		// @ts-ignore
+		window.titaTracker &&
 			// @ts-ignore
-			&& window.titaTracker("action").record({
-			  actionName: `导航菜单__${menu.title}`,
-			  actionGroup: "导航菜单",
-			  productName: "导航菜单",
+			window.titaTracker('action').record({
+				actionName: `导航菜单__${menu.title}`,
+				actionGroup: '导航菜单',
+				productName: '导航菜单'
 			});
-  };
+	};
 
-  const handleClick = () => {
+	const handleClick = () => {
     setIsKonw(true);
     localStorage.setItem(`isKonwLearning${userId}`, `${userId}`);
-  };
+	};
 
-  const popupAlign2 = {
-    offset: [104, -5],
-    overflow: { adjustX: true, adjustY: true },
-    targetOffset: [0, 0],
-  };
+	const popupAlign2 = {
+		offset: [ 104, -5 ],
+		overflow: { adjustX: true, adjustY: true },
+		targetOffset: [ 0, 0 ]
+	};
 
   const handleClickToLearning = () => {
-    window.open(`${apiPath}/${userId}/eLearningHome#/`, "_self");
-  };
+    window.open(`${apiPath}/${userId}/eLearningHome#/`,"_self")
+  }
 
   useEffect(() => {
     const isKnow = localStorage.getItem(`isKonwLearning${userId}`);
-    if (isKnow) {
+    if(isKnow) {
       setIsKonw(true);
     }
-  }, []);
-
-  const popup = (
-    <div className={`${prefix}__tips`}>
-      <div className={classNames(`${prefix}__tips-box`, { [`${prefix}__tips-hide`]: isKnow })}>
-        <span className={`${prefix}__tips-box-title`}>🎉  Tita Learning 上线啦</span>
-        <p className={`${prefix}__tips-box-content`}>
-          OKR 学习资料，OKR 推进方法，OKR教练在线指导，通通都在这里！快来看看吧！
-        </p>
-        <div className={`${prefix}__tips-box-ok`} onClick={handleClick}>
-          好哒
-        </div>
-      </div>
-      <div className={classNames(`${prefix}__tips-triangle`, { [`${prefix}__tips-hide`]: isKnow })} />
-    </div>
-  );
-
-  const renderRawItem = (menu) => (
-    <Overflow.Item component="span">
-      <ConditionRender condition={menu.title !== "Learning"}>
-        <a
-          className={classNames(`${prefix}__menu-show`, {
-						  [`${prefix}__menu-show--active`]: activeMenuId == menu.id,
-          })}
-          href={`${menu.href}`}
-          target="_self"
-          onClick={() => handleTracker(menu)}
-        >
-          {menu.title}
-        </a>
-      </ConditionRender>
-      <ConditionRender condition={menu.title === "Learning"}>
-        <Popup
-          popupVisible={!isKnow}
-          popup={popup}
-          mask={false}
-          action={["focus"]}
-          popupAlign={popupAlign2}
-        >
-          <span
-            className={classNames(`${prefix}__menu-show`, {
-							  [`${prefix}__menu-show--active`]: activeMenuId == menu.id,
-            })}
-            onClick={() => {
-							  handleTracker(menu);
-              handleClickToLearning();
-            }}
+  }, [])
+
+	const popup = (
+		<div className={`${prefix}__tips`}>
+			<div className={classNames(`${prefix}__tips-box`, { [`${prefix}__tips-hide`]: isKnow })}>
+				<span className={`${prefix}__tips-box-title`}>🎉  Tita Learning 上线啦</span>
+				<p className={`${prefix}__tips-box-content`}>
+					OKR 学习资料，OKR 推进方法，OKR教练在线指导，通通都在这里！快来看看吧！
+				</p>
+				<div className={`${prefix}__tips-box-ok`} onClick={handleClick}>
+					好哒
+				</div>
+			</div>
+			<div className={classNames(`${prefix}__tips-triangle`, { [`${prefix}__tips-hide`]: isKnow })} />
+		</div>
+	);
+    
+  
+	const renderRawItem = (menu) => {
+		return (
+			<Overflow.Item component="span">
+				<ConditionRender condition={menu.title !== "Learning"}>
+					<a
+						className={classNames(`${prefix}__menu-show`, {
+							[`${prefix}__menu-show--active`]: activeMenuId == menu.id
+						})}
+						href={`${menu.href}`}
+						target="_self"
+						onClick={() => handleTracker(menu)}
+					>
+						{menu.title}
+					</a>
+				</ConditionRender>
+				<ConditionRender condition={menu.title === "Learning"}>
+					<Popup 
+            popupVisible={!isKnow} 
+            popup={popup} 
+            mask={false} 
+            action={[ 'focus' ]} 
+            popupAlign={popupAlign2}
           >
-            {menu.title}
-          </span>
-        </Popup>
-        <img src={New} className={`${prefix}__tips-new`} />
-      </ConditionRender>
-    </Overflow.Item>
-  );
-
-  const renderRest = (items) => {
-    if (items.length === 0) return null;
-    const isActiveHideMeun = items.filter((item) => item.id == activeMenuId).length > 0;
-    const popContent = (
-      <div className={`${prefix}__hide-menus`}>
-        {items.map((menu) => (
-          <div>
-            <ConditionRender condition={menu.title !== "Learning"}>
-              <a
-                className={classNames(`${prefix}__menu-hide`, {
-									  [`${prefix}__menu-hide--active`]: activeMenuId == menu.id,
-                })}
-                href={`${menu.href}`}
-                key={menu.id}
-                target="_self"
-              >
-                {menu.title}
-              </a>
-            </ConditionRender>
-            <ConditionRender condition={menu.title === "Learning"}>
-              <a
-                className={classNames(`${prefix}__menu-hide`, {
-									  [`${prefix}__menu-hide--active`]: activeMenuId == menu.id,
-                })}
-                href={`${apiPath}/${userId}/eLearningHome#/`}
-                key={menu.id}
-                target="_self"
-              >
-                {menu.title}
-              </a>
-            </ConditionRender>
-          </div>
-        ))}
-      </div>
-    );
-
-    return (
-      <Popup
-        popup={popContent}
-        onPopupVisibleChange={handlePopupVisibleChange}
-        popupVisible={popupVisible}
-        popupPlacement="bottomLeft"
-        popupAlign={popupAlign}
-      >
-        <span
-          className={classNames("tu-icon-diot", `${prefix}__more-icon`, {
-					  [`${prefix}__more-icon--active`]: isActiveHideMeun,
-          })}
-        />
-      </Popup>
-    );
-  };
-
-  return (
-    <div className={prefix} ref={containerRef}>
-      <Overflow data={menus} renderRawItem={renderRawItem} renderRest={renderRest} maxCount="responsive" />
-    </div>
-  );
+						<span
+							className={classNames(`${prefix}__menu-show`, {
+								[`${prefix}__menu-show--active`]: activeMenuId == menu.id
+							})}
+							onClick={() => {
+                handleTracker(menu);
+                handleClickToLearning();
+              }}
+						>
+							{menu.title}
+						</span>
+					</Popup>
+					<img src={New} className={`${prefix}__tips-new`} />
+				</ConditionRender>
+			</Overflow.Item>
+		);
+	};
+
+	const renderRest = (items) => {
+		if (items.length === 0) return null;
+		const isActiveHideMeun = items.filter((item) => item.id == activeMenuId).length > 0;
+		const popContent = (
+			<div className={`${prefix}__hide-menus`}>
+				{items.map((menu) => {
+					return (
+						<div>
+							<ConditionRender condition={menu.title !== "Learning"}>
+								<a
+									className={classNames(`${prefix}__menu-hide`, {
+										[`${prefix}__menu-hide--active`]: activeMenuId == menu.id
+									})}
+									href={`${menu.href}`}
+									key={menu.id}
+									target="_self"
+								>
+									{menu.title}
+								</a>
+							</ConditionRender>
+							<ConditionRender condition={menu.title === "Learning"}>
+								<a
+									className={classNames(`${prefix}__menu-hide`, {
+										[`${prefix}__menu-hide--active`]: activeMenuId == menu.id
+									})}
+									href={`${apiPath}/${userId}/eLearningHome#/`}
+									key={menu.id}
+									target="_self"
+								>
+									{menu.title}
+								</a>
+							</ConditionRender>
+						</div>
+					);
+				})}
+			</div>
+		);
+
+		return (
+			<Popup
+				popup={popContent}
+				onPopupVisibleChange={handlePopupVisibleChange}
+				popupVisible={popupVisible}
+				popupPlacement="bottomLeft"
+				popupAlign={popupAlign}
+			>
+				<span
+					className={classNames('tu-icon-diot', `${prefix}__more-icon`, {
+						[`${prefix}__more-icon--active`]: isActiveHideMeun
+					})}
+				/>
+			</Popup>
+		);
+	};
+
+	return (
+		<div className={prefix} ref={containerRef}>
+			<Overflow data={menus} renderRawItem={renderRawItem} renderRest={renderRest} maxCount={'responsive'} />
+		</div>
+	);
 };
 
 export default Menu;

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

@@ -1,25 +1,25 @@
-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";
+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";
+const preCls = 'titaui-user-message-msg-empty';
 
-function Empty(props) {
-  const { tabPath } = props;
+const Empty = (props) => {
+	const { tabPath } = props;
 
-  return (
-    <div className={classNames(`${preCls}__empty`)}>
-      <img src={empty} />
-      <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`)} rel="noreferrer">
-          {getLocale("Menu_Title_ViewNews")}
-        </a>
-      </ConditionRender>
-    </div>
-  );
-}
+	return (
+		<div className={classNames(`${preCls}__empty`)}>
+			<img src={empty} />
+			<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>
+	);
+};
 export default Empty;

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

@@ -2,7 +2,7 @@ import React, { useState, useEffect } from "react";
 import classNames from "classnames";
 import List from "rc-virtual-list";
 import ConditionRender from "../../../../../condition-render";
-import { getInforms, clearInforms } from "../../../../request.apis";
+import { getInforms,clearInforms } from "../../../../request.apis";
 import Empty from "../empty";
 import InformItem from "./inform-item";
 import Loading from "../../images/loading.gif";
@@ -11,8 +11,8 @@ import "./index.scss";
 
 const preCls = "titaui-user-message-msg-inform";
 
-function Inform(props) {
-  const { userInfo, onItemClick, handleIntervalRequestMessageInfo } = props;
+const Inform = (props) => {
+  const { userInfo, onItemClick,handleIntervalRequestMessageInfo } = props;
 
   const [informs, setInforms] = useState<any[]>([]);
   const [isLoading, setIsLoading] = useState(true);
@@ -50,7 +50,8 @@ function Inform(props) {
     });
     clearInforms().then(() => handleIntervalRequestMessageInfo());
   }, []);
-
+  
+  
   return (
     <div>
       <ConditionRender condition={isLoading}>
@@ -79,17 +80,16 @@ function Inform(props) {
             target="_blank"
             href={`${apiServer}/u/${userId}/Home#more/messages?messageType=2&tabAppId=1&tabAppType=1&isRead=2&messageSubNav=1`}
             className={classNames(`${preCls}__footer-all`)}
-            rel="noreferrer"
           >
             查看全部
           </a>
         </div>
       </ConditionRender>
       <ConditionRender condition={isLoading === false && informs.length === 0}>
-        <Empty tabPath={`${apiServer}/u/${userId}/Home#more/messages?messageType=2&isRead=2&messageSubNav=1`} />
+        <Empty tabPath={`${apiServer}/u/${userId}/Home#more/messages?messageType=2&isRead=2&messageSubNav=1`}/>
       </ConditionRender>
     </div>
   );
-}
+};
 
 export default Inform;

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

@@ -1,19 +1,18 @@
-import React, { useRef } from "react";
-import classNames from "classnames";
-import Avatar from "../../../../../../components/avatar";
-import TooltipText from "../../../../../tooltip/tooltip-text";
-import { htmlToText, deleteText } from "../../utils";
-import {
-  userId, apiServer, informType, EObjType,
-} from "../../constant";
-import drawerManager from "../../../../../drawer-manager";
-import { openPage } from "../../../../../../utils/tools";
-import { OpenUserName, parseString } from "../../../../../../utils/open-data";
-import "./index.scss";
+import React, { useRef } from 'react';
+import classNames from 'classnames';
+import Avatar from '../../../../../../components/avatar';
+import TooltipText from '../../../../../tooltip/tooltip-text';
+import { htmlToText, deleteText } from '../../utils';
+import { userId, apiServer, informType } from '../../constant';
+import { EObjType } from '../../constant';
+import drawerManager from '../../../../../drawer-manager';
+import { openPage } from '../../../../../../utils/tools';
+import {OpenUserName, parseString} from '../../../../../../utils/open-data';
+import './index.scss';
 
-const preCls = "titaui-user-message-msg-inform";
+const preCls = 'titaui-user-message-msg-inform';
 
-function Inform(props) {
+const Inform = (props) => {
   const { item, onItemClick, informs } = props;
   const domRef = useRef<any>();
 
@@ -21,31 +20,31 @@ function Inform(props) {
     onItemClick && onItemClick(false);
     const { objType, objId, messageType } = item;
     if (objType === EObjType.Kr) {
-      drawerManager.open("krDetail", { krId: objId });
+      drawerManager.open('krDetail', { krId: objId });
       return;
     }
     if (objType === EObjType.O) {
-      drawerManager.open("okrDetail", { okrId: objId });
+      drawerManager.open('okrDetail', { okrId: objId });
       return;
     }
     if (objType === EObjType.Project) {
-      openPage(`${apiServer}/u/${userId}/Home#more/messages?messageType=2&tabAppId=1&tabAppType=1&isRead=2&messageSubNav=1`);
-      return;
-    }
+      openPage(`${apiServer}/u/${userId}/Home#more/messages?messageType=2&tabAppId=1&tabAppType=1&isRead=2&messageSubNav=1`)
+			return;
+		}
     if (objType === EObjType.Task) {
       // @ts-ignore
-      window.Talent.app.vent.trigger("global-pull-screen", objId, "task");
+      window.Talent.app.vent.trigger('global-pull-screen', objId, 'task');
       return;
     }
     if (objType === EObjType.Remind) {
       // @ts-ignore
-      window.Talent.app.vent.trigger("global-daily-detail-pull-screen", objId);
+      window.Talent.app.vent.trigger('global-daily-detail-pull-screen', objId);
       return;
     }
     if (messageType == 135) {
       const redisKey = item.content.match(/redisKey=(\S*?)"/)[1];
       // @ts-ignore
-      Talent.app.vent.trigger("open-weekly-report-modal", redisKey);
+      Talent.app.vent.trigger('open-weekly-report-modal', redisKey);
       return;
     }
     // 处理合并的消息
@@ -55,86 +54,87 @@ function Inform(props) {
     if (!isMessageMerging) {
       if (messageType === informType.details) {
         openPage(
-          `${apiServer}/u/${userId}/Home#more/taskinfo?Id=${item.objId}`,
+          `${apiServer}/u/${userId}/Home#more/taskinfo?Id=${item.objId}`
         );
         return;
-      } if (messageType === informType.todayJob) {
+      } else if (messageType === informType.todayJob) {
         window.open(
-          `${apiServer}/u/${userId}/Home#plan?tag_id=0&tag_type=0&filter=1`,
+          `${apiServer}/u/${userId}/Home#plan?tag_id=0&tag_type=0&filter=1`
         );
         return;
-      } if (objType === 0 && messageType === 93) {
+			} else if (objType === 0 && messageType === 93) {
         openPage(`${apiServer}/u/${userId}/Home#more/messages?messageType=2&tabAppId=1&tabAppType=1&isRead=2&messageSubNav=1`);
         return;
-      } if (objType === 0) {
-        let str = item.content.match(/\/\/.*?[\"|\']/gi);
-        if (!str) return;
-        str = str.join("");
-        const url = str.slice(0, str.length - 1);
-        if (url) {
-          if (item.content.indexOf("点击此处下载") !== -1) {
-            window.open(url, "_self");
+      } else if ( objType === 0) {        
+				let str = item.content.match(/\/\/.*?[\"|\']/gi);
+				if (!str) return;
+				str = str.join("");
+        let url = str.slice(0,str.length - 1);
+        if(url) {
+          if(item.content.indexOf("点击此处下载") !== -1) {
+            window.open(url, '_self');
           }
           openPage(url);
         }
         return;
-      } if (item.objUrl) {
+      } else if (item.objUrl) {
         window.open(item.objUrl);
         return;
-      } if (objType === informType.Okr) {
-        const url = item.content.match(
-          /(http[s]?:\/\/([\w-]+.)+([:\d+])?(\/[\w-\.\/\?%&=]*))/g,
+      } else if (objType === informType.Okr) {
+        let url = item.content.match(
+          /(http[s]?:\/\/([\w-]+.)+([:\d+])?(\/[\w-\.\/\?%&=]*))/g
         );
         openPage(url);
         return;
-      } if (objType === informType.okrRemind) {
+      } else if (objType === informType.okrRemind) {
         window.open(
-          `${apiServer}/u/${userId}/Home#/work?iTalentNavCode=tita-work&work_id=${objId}`,
+          `${apiServer}/u/${userId}/Home#/work?iTalentNavCode=tita-work&work_id=${objId}`
         );
         return;
-      } if (objType === informType.plan) {
+      } else if (objType === informType.plan) {
         let str = item.content.match(/\/\/.*?[\"|\']/gi);
         if (!str) return;
-        str = str.join("");
-        const url = str.slice(0, str.length - 1);
+        str = str.join('');
+        let url = str.slice(0, str.length - 1);
         openPage(url);
         return;
-      } if (objType === informType.remindLeader) {
+      } else if (objType === informType.remindLeader) {
         let str = item.content.match(/https:.*?[\"|\']/gi);
         if (!str) return;
-        str = str.join("");
-        const url = str.slice(0, str.length - 1);
+        str = str.join('');
+        let url = str.slice(0, str.length - 1);
         openPage(url);
         return;
-      } if (objId && objType !== 8) {
+      } else if (objId && objType !== 8) {
         window.open(`${apiServer}/u/${userId}/Home#work?work_id=${item.objId}`);
         return;
-      }
-      const reg = /href='.*?(?=')/g;
-      let url = "";
-      item.content.replace(reg, ($0) => {
-        url = $0.slice(6);
-      });
-      if (url) {
-        openPage(url);
-        return;
+      } else {
+        const reg = /href='.*?(?=')/g;
+        let url = '';
+        item.content.replace(reg, ($0) => {
+          url = $0.slice(6);
+        });
+        if (url) {
+          openPage(url);
+          return;
+        }
       }
     }
 
-    let notificationType = "e-report"; // E-周报提醒消息合并
+    let notificationType = 'e-report'; // E-周报提醒消息合并
     let content = domRef.current.textContent;
-    if (messageType == "83") {
+    if (messageType == '83') {
       // 项目，目标进展提醒消息合并
-      notificationType = "project-objective";
+      notificationType = 'project-objective';
     } else if (Number(messageType) > 93 && Number(messageType) <= 100) {
       // OKR 仪表盘消息提醒
-      notificationType = "okr-dashBoard";
+      notificationType = 'okr-dashBoard';
     } else if (messageType == 131 || messageType == 136) {
-      notificationType = "performance";
+      notificationType = 'performance';
       content = item.content;
     }
     drawerManager.open(
-      "NotificationMergeDetail",
+      'NotificationMergeDetail',
       {
         config: {
           content,
@@ -148,9 +148,9 @@ function Inform(props) {
       },
       {
         width: 680,
-      },
+      }
     );
-  };
+  };;
 
   return (
     <li
@@ -194,6 +194,6 @@ function Inform(props) {
       </div>
     </li>
   );
-}
+};
 
 export default Inform;