@titaui/pc 1.11.4-0 → 1.11.4-0.beta-2

package/lib/components/nav-top/components/menu/index.css

@@ -117,6 +117,97 @@
   position: relative;
 }
 
+.titaui-nav-top-menu__tips {
+  position: relative;
+}
+
+.titaui-nav-top-menu__tips-new {
+  width: 36px;
+  height: 26px;
+  position: absolute;
+  top: 4px;
+  right: -12px;
+}
+
+.titaui-nav-top-menu__tips-box {
+  width: 308px;
+  height: 142px;
+  box-sizing: border-box;
+  padding: 16px;
+  background: #5c8eff;
+  box-shadow: 0px 8px 24px 0px rgba(127, 145, 180, 0.3);
+  border: 1px solid #eff0f1;
+  border-radius: 12px;
+  z-index: 99;
+}
+
+.titaui-nav-top-menu__tips-box-head {
+  padding-left: 24px;
+  background-image: url("./img/wecome-temp.png");
+  background-position: 0 0;
+  background-repeat: no-repeat;
+  background-size: 20px 20px;
+}
+
+.titaui-nav-top-menu__tips-box-title {
+  display: block;
+  font-size: 14px;
+  color: #ffffff;
+  line-height: 22px;
+  font-weight: 600;
+}
+
+.titaui-nav-top-menu__tips-box-content {
+  font-size: 12px;
+  color: #ffffff;
+  line-height: 20px;
+  margin-top: 10px;
+}
+
+.titaui-nav-top-menu__tips-box-ok {
+  height: 28px;
+  margin-top: 8px;
+  margin-left: 210px;
+  background: #ffffff;
+  box-shadow: 0px -4px 12px 0px rgba(127, 145, 180, 0.2);
+  border-radius: 14px;
+  box-sizing: border-box;
+  padding: 3px 17px;
+  font-size: 14px;
+  color: #2879ff;
+  line-height: 22px;
+  cursor: pointer;
+}
+
+.titaui-nav-top-menu__tips-triangle {
+  position: absolute;
+  top: -4px;
+  left: 50%;
+  margin-left: -4px;
+  width: 0;
+  height: 0;
+  border-left: 5px solid transparent;
+  border-right: 5px solid transparent;
+  border-bottom: 5px solid #fff;
+}
+
+.titaui-nav-top-menu__tips-triangle::after {
+  content: '';
+  width: 0;
+  height: 0;
+  position: absolute;
+  left: -4px;
+  top: 2px;
+  border-left: solid 4px transparent;
+  border-right: solid 4px transparent;
+  border-bottom: solid 4px #5c8eff;
+  z-index: 99;
+}
+
+.titaui-nav-top-menu__tips-hide {
+  display: none;
+}
+
 .titaui-nav-top-menu .rc-overflow-item {
   position: relative;
 }

package/lib/components/nav-top/components/menu/index.js

@@ -21,6 +21,8 @@ var _conditionRender = _interopRequireDefault(require("../../../../components/co
 
 var _useGlobalValue3 = _interopRequireDefault(require("../../useGlobalValue"));
 
+var _new = _interopRequireDefault(require("./img/new.svg"));
+
 require("./index.css");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -43,7 +45,7 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-var prefix = "titaui-nav-top-menu";
+var prefix = 'titaui-nav-top-menu';
 var popupAlign = {
   offset: [0, 5],
   overflow: {
@@ -52,6 +54,15 @@ var popupAlign = {
   },
   targetOffset: [0, 0]
 };
+var NewFeatureGuidePopupAlign = {
+  offset: [104, -5],
+  overflow: {
+    adjustX: true,
+    adjustY: true
+  },
+  targetOffset: [0, 0]
+};
+var NEWMENUS = '#/interview';
 
 var Menu = function Menu(_ref) {
   var menus = _ref.menus,
@@ -59,15 +70,20 @@ var Menu = function Menu(_ref) {
 
   var _useState = (0, _react.useState)(false),
       _useState2 = _slicedToArray(_useState, 2),
-      popupVisible = _useState2[0],
-      setPopupVisible = _useState2[1];
+      isKnow = _useState2[0],
+      setIsKonw = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(false),
+      _useState4 = _slicedToArray(_useState3, 2),
+      popupVisible = _useState4[0],
+      setPopupVisible = _useState4[1];
 
   var _useGlobalValue = (0, _useGlobalValue3["default"])(),
       _useGlobalValue2 = _slicedToArray(_useGlobalValue, 1),
       feedNum = _useGlobalValue2[0];
 
   var containerRef = (0, _react.useRef)();
-  var apiPath = (0, _bsGlobal.getBSGlobal)("apiPath");
+  var apiPath = (0, _bsGlobal.getBSGlobal)('apiPath');
   var userId = (0, _bsGlobal.getUserInfo)().Id;
 
   var handlePopupVisibleChange = function handlePopupVisibleChange(visible) {
@@ -76,41 +92,74 @@ var Menu = function Menu(_ref) {
 
   var handleTracker = function handleTracker(menu) {
     if (window.titaTracker) {
-      window.titaTracker("action").record({
+      window.titaTracker('action').record({
         actionName: "\u5BFC\u822A\u83DC\u5355__".concat(menu.title),
-        actionGroup: "导航菜单",
-        productName: "导航菜单"
+        actionGroup: '导航菜单',
+        productName: '导航菜单'
       });
     }
   };
 
-  var handleClickToLearning = function handleClickToLearning() {
-    window.open("".concat(apiPath, "/").concat(userId, "/eLearningHome#/"), "_self");
+  var handleClick = function handleClick() {
+    setIsKonw(true);
+    localStorage.setItem("isNewMenuItem__".concat(userId), "".concat(userId));
   };
 
+  (0, _react.useEffect)(function () {
+    var isKnow = localStorage.getItem("isNewMenuItem__".concat(userId));
+
+    if (isKnow) {
+      setIsKonw(true);
+    }
+  }, []);
+
+  var popup = /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(prefix, "__tips")
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])("".concat(prefix, "__tips-box"), _defineProperty({}, "".concat(prefix, "__tips-hide"), isKnow))
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(prefix, "__tips-box-head")
+  }, /*#__PURE__*/_react["default"].createElement("h2", {
+    className: "".concat(prefix, "__tips-box-title")
+  }, "1 : 1 \u9762\u8C08\uFF08\u4E00\u5BF9\u4E00\u9762\u8C08\uFF09\u4E0A\u7EBF\u5566\uFF01"), /*#__PURE__*/_react["default"].createElement("p", {
+    className: "".concat(prefix, "__tips-box-content")
+  }, "\u52A9\u529B\u7ECF\u7406\u548C\u4E0B\u7EA7\u8FDB\u884C\u6301\u7EED\u6C9F\u901A\uFF0C\u4E3A\u4E0D\u540C\u573A\u666F\u63D0\u4F9B\u4E30\u5BCC\u7684\u6C9F\u901A\u6A21\u677F\uFF0C\u5373\u523B\u4E86\u89E3\uFF0CGo~")), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(prefix, "__tips-box-ok"),
+    onClick: handleClick
+  }, "\u597D\u54D2")), /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])("".concat(prefix, "__tips-triangle"), _defineProperty({}, "".concat(prefix, "__tips-hide"), isKnow))
+  }));
+
   var renderRawItem = function renderRawItem(menu) {
+    var href = menu.href;
+
+    if (menu.title === 'Learning') {
+      href = "".concat(apiPath, "/").concat(userId, "/eLearningHome#/");
+    }
+
     return /*#__PURE__*/_react["default"].createElement(_rcOverflow["default"].Item, {
       component: "span"
     }, /*#__PURE__*/_react["default"].createElement(_conditionRender["default"], {
-      condition: menu.title !== "Learning"
+      condition: menu.id
+    }, /*#__PURE__*/_react["default"].createElement(_popup["default"], {
+      popupVisible: !isKnow,
+      popup: menu.href === NEWMENUS ? popup : null,
+      mask: false,
+      action: ['focus'],
+      popupAlign: NewFeatureGuidePopupAlign
     }, /*#__PURE__*/_react["default"].createElement("a", {
       className: (0, _classnames["default"])("".concat(prefix, "__menu-show"), _defineProperty({}, "".concat(prefix, "__menu-show--active"), activeMenuId === menu.id)),
-      href: "".concat(menu.href),
+      href: href,
       target: "_self",
       onClick: function onClick() {
         return handleTracker(menu);
       }
-    }, menu.title, menu.href === "#dynamic" && feedNum > 0 && /*#__PURE__*/_react["default"].createElement("div", {
-      className: (0, _classnames["default"])("".concat(prefix, "__menu--hasNum"), _defineProperty({}, "".concat(prefix, "__menu--hasNum-active"), activeMenuId === menu.id && menu.href === "#dynamic"))
-    }, feedNum > 100 ? "99+" : feedNum))), /*#__PURE__*/_react["default"].createElement(_conditionRender["default"], {
-      condition: menu.title === "Learning"
-    }, /*#__PURE__*/_react["default"].createElement("span", {
-      className: (0, _classnames["default"])("".concat(prefix, "__menu-show"), _defineProperty({}, "".concat(prefix, "__menu-show--active"), activeMenuId === menu.id)),
-      onClick: function onClick() {
-        handleTracker(menu);
-        handleClickToLearning();
-      }
-    }, menu.title)));
+    }, menu.title, menu.href === '#dynamic' && feedNum > 0 && /*#__PURE__*/_react["default"].createElement("div", {
+      className: (0, _classnames["default"])("".concat(prefix, "__menu--hasNum"), _defineProperty({}, "".concat(prefix, "__menu--hasNum-active"), activeMenuId === menu.id && menu.href === '#dynamic'))
+    }, feedNum > 100 ? '99+' : feedNum), menu.href === NEWMENUS && /*#__PURE__*/_react["default"].createElement("img", {
+      src: _new["default"],
+      className: "".concat(prefix, "__tips-new")
+    })))));
   };
 
   var renderRest = function renderRest(items) {
@@ -122,18 +171,17 @@ var Menu = function Menu(_ref) {
     var popContent = /*#__PURE__*/_react["default"].createElement("div", {
       className: "".concat(prefix, "__hide-menus")
     }, items.map(function (menu) {
+      var href = menu.href;
+
+      if (menu.title === 'Learning') {
+        href = "".concat(apiPath, "/").concat(userId, "/eLearningHome#/");
+      }
+
       return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_conditionRender["default"], {
-        condition: menu.title !== "Learning"
-      }, /*#__PURE__*/_react["default"].createElement("a", {
-        className: (0, _classnames["default"])("".concat(prefix, "__menu-hide"), _defineProperty({}, "".concat(prefix, "__menu-hide--active"), activeMenuId === menu.id)),
-        href: "".concat(menu.href),
-        key: menu.id,
-        target: "_self"
-      }, menu.title)), /*#__PURE__*/_react["default"].createElement(_conditionRender["default"], {
-        condition: menu.title === "Learning"
+        condition: menu.id
       }, /*#__PURE__*/_react["default"].createElement("a", {
         className: (0, _classnames["default"])("".concat(prefix, "__menu-hide"), _defineProperty({}, "".concat(prefix, "__menu-hide--active"), activeMenuId === menu.id)),
-        href: "".concat(apiPath, "/").concat(userId, "/eLearningHome#/"),
+        href: href,
         key: menu.id,
         target: "_self"
       }, menu.title)));
@@ -146,7 +194,7 @@ var Menu = function Menu(_ref) {
       popupPlacement: "bottomLeft",
       popupAlign: popupAlign
     }, /*#__PURE__*/_react["default"].createElement("span", {
-      className: (0, _classnames["default"])("tu-icon-diot", "".concat(prefix, "__more-icon"), _defineProperty({}, "".concat(prefix, "__more-icon--active"), isActiveHideMeun))
+      className: (0, _classnames["default"])('tu-icon-diot', "".concat(prefix, "__more-icon"), _defineProperty({}, "".concat(prefix, "__more-icon--active"), isActiveHideMeun))
     }));
   };
 

package/lib/components/nav-top/components/user-message/components/inform/inform-item.js

@@ -35,7 +35,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-var preCls = "titaui-user-message-msg-inform";
+var preCls = 'titaui-user-message-msg-inform';
 
 function Inform(props) {
   var item = props.item,
@@ -47,10 +47,11 @@ function Inform(props) {
     onItemClick && onItemClick(false);
     var objType = item.objType,
         objId = item.objId,
-        messageType = item.messageType;
+        messageType = item.messageType,
+        user = item.user;
 
     if (objType === _constant.EObjType.Kr) {
-      _drawerManager["default"].open("krDetail", {
+      _drawerManager["default"].open('krDetail', {
         krId: objId
       });
 
@@ -58,7 +59,7 @@ function Inform(props) {
     }
 
     if (objType === _constant.EObjType.O) {
-      _drawerManager["default"].open("okrDetail", {
+      _drawerManager["default"].open('okrDetail', {
         okrId: objId
       });
 
@@ -72,20 +73,25 @@ function Inform(props) {
 
     if (objType === _constant.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 === _constant.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 (objType === _constant.EObjType.Interview) {
+      (0, _tools.openPage)("".concat(_constant.apiServer, "/u/").concat(_constant.userId, "/Home#/interview?reactRouterName=detail&hideNavTop=true&recordId=").concat(objId, "&toUserId=").concat(user === null || user === void 0 ? void 0 : user.userId));
       return;
     }
 
     if (messageType == 135) {
       var 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;
     } // 处理合并的消息
 
@@ -111,13 +117,13 @@ function Inform(props) {
       if (objType === 0) {
         var str = item.content.match(/\/\/.*?[\"|\']/gi);
         if (!str) return;
-        str = str.join("");
+        str = str.join('');
 
         var _url = str.slice(0, str.length - 1);
 
         if (_url) {
-          if (item.content.indexOf("点击此处下载") !== -1) {
-            window.open(_url, "_self");
+          if (item.content.indexOf('点击此处下载') !== -1) {
+            window.open(_url, '_self');
           }
 
           (0, _tools.openPage)(_url);
@@ -147,7 +153,7 @@ function Inform(props) {
         var _str = item.content.match(/\/\/.*?[\"|\']/gi);
 
         if (!_str) return;
-        _str = _str.join("");
+        _str = _str.join('');
 
         var _url3 = _str.slice(0, _str.length - 1);
 
@@ -159,7 +165,7 @@ function Inform(props) {
         var _str2 = item.content.match(/https:.*?[\"|\']/gi);
 
         if (!_str2) return;
-        _str2 = _str2.join("");
+        _str2 = _str2.join('');
 
         var _url4 = _str2.slice(0, _str2.length - 1);
 
@@ -178,7 +184,7 @@ function Inform(props) {
       }
 
       var reg = /href='.*?(?=')/g;
-      var url = "";
+      var url = '';
       item.content.replace(reg, function ($0) {
         url = $0.slice(6);
       });
@@ -189,22 +195,22 @@ function Inform(props) {
       }
     }
 
-    var notificationType = "e-report"; // E-周报提醒消息合并
+    var notificationType = 'e-report'; // E-周报提醒消息合并
 
     var 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["default"].open("NotificationMergeDetail", {
+    _drawerManager["default"].open('NotificationMergeDetail', {
       config: {
         content: content,
         messageId: item.messageId,

package/lib/components/nav-top/components/user-message/components/remind/remind-item.js

@@ -23,10 +23,16 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-var preCls = "titaui-user-message-msg-remind";
+var preCls = 'titaui-user-message-msg-remind';
 
 function Remind(props) {
-  var item = props.item,
+  var _props$item = props.item,
+      content = _props$item.content,
+      id = _props$item.id,
+      objId = _props$item.objId,
+      objName = _props$item.objName,
+      objType = _props$item.objType,
+      remindUser = _props$item.remindUser,
       onItemClick = props.onItemClick,
       deleteTask = props.deleteTask,
       reminds = props.reminds;
@@ -36,12 +42,44 @@ function Remind(props) {
   };
 
   var deleteOneTask = function deleteOneTask() {
-    deleteTask(item);
+    deleteTask(props.item);
+  };
+
+  var getItemLabelName = function getItemLabelName() {
+    var labelName;
+
+    switch (objType) {
+      case _constant.EObjType.Interview:
+        labelName = (0, _getLocale.getLocale)('Ooo_Mo_1on1');
+        break;
+
+      default:
+        labelName = (0, _getLocale.getLocale)('Mod_Tasks');
+        break;
+    }
+
+    return labelName;
+  };
+
+  var getHref = function getHref() {
+    var href;
+
+    switch (objType) {
+      case _constant.EObjType.Interview:
+        href = "".concat(_constant.apiServer, "/u/").concat(_constant.userId, "/Home#/interview?reactRouterName=detail&recordId=").concat(objId, "&toUserId=").concat(remindUser === null || remindUser === void 0 ? void 0 : remindUser.userId, "&hideNavTop=true");
+        break;
+
+      default:
+        href = "".concat(_constant.apiServer, "/u/").concat(_constant.userId, "/Home#more/taskinfo?Id=").concat(objId);
+        break;
+    }
+
+    return href;
   };
 
   return /*#__PURE__*/_react["default"].createElement("li", {
     className: (0, _classnames["default"])("".concat(preCls, "__item"), _defineProperty({}, "".concat(preCls, "__item--scroll"), reminds.length >= 5)),
-    key: item.id
+    key: id
   }, /*#__PURE__*/_react["default"].createElement("img", {
     src: _appTixing["default"],
     className: (0, _classnames["default"])("".concat(preCls, "__item-photo"))
@@ -49,13 +87,13 @@ function Remind(props) {
     className: (0, _classnames["default"])("".concat(preCls, "__item-right"))
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _classnames["default"])("".concat(preCls, "__item-right-name"))
-  }, /*#__PURE__*/_react["default"].createElement("span", null, (0, _getLocale.getLocale)("Mod_Tasks")), /*#__PURE__*/_react["default"].createElement("span", {
+  }, /*#__PURE__*/_react["default"].createElement("span", null, getItemLabelName()), /*#__PURE__*/_react["default"].createElement("span", {
     className: (0, _classnames["default"])("".concat(preCls, "__item-right-name-status"))
-  }, item.content)), /*#__PURE__*/_react["default"].createElement("div", {
+  }, content)), /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _classnames["default"])("".concat(preCls, "__item-right-content"))
   }, /*#__PURE__*/_react["default"].createElement(_tooltipText["default"], {
     overlayClassName: "".concat(preCls, "__item-right-content-tooltip"),
-    text: item.objName,
+    text: objName,
     isPercent: true,
     mouseEnterDelay: 0.8
   }))), /*#__PURE__*/_react["default"].createElement("div", {
@@ -63,15 +101,15 @@ function Remind(props) {
   }, /*#__PURE__*/_react["default"].createElement("span", {
     className: (0, _classnames["default"])("".concat(preCls, "__item-handle-ignore")),
     onClick: deleteOneTask
-  }, (0, _getLocale.getLocale)("Tasks_Menu_Ignore")), /*#__PURE__*/_react["default"].createElement("a", {
+  }, (0, _getLocale.getLocale)('Tasks_Menu_Ignore')), /*#__PURE__*/_react["default"].createElement("a", {
     target: "_blank",
-    href: "".concat(_constant.apiServer, "/u/").concat(_constant.userId, "/Home#more/taskinfo?Id=").concat(item.objId),
+    href: getHref(),
     onClick: handleRemindClick,
     rel: "noreferrer"
   }, /*#__PURE__*/_react["default"].createElement("span", {
     className: (0, _classnames["default"])("".concat(preCls, "__item-handle-deal")),
     onClick: deleteOneTask
-  }, (0, _getLocale.getLocale)("Feed_Tab_ToDealWith")))));
+  }, (0, _getLocale.getLocale)('Feed_Tab_ToDealWith')))));
 }
 
 var _default = Remind;

package/lib/components/nav-top/components/user-message/constant.js

@@ -50,4 +50,5 @@ exports.EObjType = EObjType;
   EObjType[EObjType["MileStone"] = 27] = "MileStone";
   EObjType[EObjType["KanBan"] = 66] = "KanBan";
   EObjType[EObjType["Remind"] = 8] = "Remind";
+  EObjType[EObjType["Interview"] = 81] = "Interview";
 })(EObjType || (exports.EObjType = EObjType = {}));

package/lib/components/nav-top/components/user-message/hrMessage.js

@@ -43,7 +43,7 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-var prefixCls = "titaui-user-message";
+var prefixCls = 'titaui-user-message';
 
 function HrMessage() {
   var _useState = (0, _react.useState)(0),
@@ -71,7 +71,7 @@ function HrMessage() {
       preData = _useState10[0],
       setPreData = _useState10[1];
 
-  var _useState11 = (0, _react.useState)("todos"),
+  var _useState11 = (0, _react.useState)('todos'),
       _useState12 = _slicedToArray(_useState11, 2),
       firstTab = _useState12[0],
       setFirstTab = _useState12[1];
@@ -86,16 +86,16 @@ function HrMessage() {
         setAllData(res.Data.indicators);
         var indicators = res.Data.indicators;
         var todos = indicators.find(function (item) {
-          return item.type === "todoIndicator";
+          return item.type === 'todoIndicator';
         });
         var informs = indicators.find(function (item) {
-          return item.type === "messageIndicator";
+          return item.type === 'messageIndicator';
         });
         var replys = indicators.find(function (item) {
-          return item.type === "mLeaveandComment";
+          return item.type === 'mLeaveandComment';
         });
         var reminds = indicators.find(function (item) {
-          return item.type === "Tx";
+          return item.type === 'Tx';
         });
         var total = 0; // @与回复的数量在通知里面包含了
 
@@ -115,17 +115,17 @@ function HrMessage() {
         setInfosNum(total);
 
         if (todos && todos.value) {
-          setFirstTab("todos");
+          setFirstTab('todos');
         } else if (informs && !replys && informs.value) {
-          setFirstTab("informs");
+          setFirstTab('informs');
         } else if (replys && informs.value - replys.value === 0) {
-          setFirstTab("replys");
+          setFirstTab('replys');
         } else if (replys && informs.value - replys.value > 0) {
-          setFirstTab("informs");
+          setFirstTab('informs');
         } else if (reminds && reminds.value) {
-          setFirstTab("reminds");
+          setFirstTab('reminds');
         } else {
-          setFirstTab("todos");
+          setFirstTab('todos');
         } // 判断是企业勋章
 
 
@@ -135,20 +135,20 @@ function HrMessage() {
 
         enterpriseMedalMsg.length > 0 && window.util.upaasEnterpriseMedal(); // upaas 勋章
 
-        var medalDetail = (0, _bsGlobal.getBSGlobal)("medalDetail"); // @ts-ignore
+        var medalDetail = (0, _bsGlobal.getBSGlobal)('medalDetail'); // @ts-ignore
 
         medalDetail && window.util.upaasMedal()(medalDetail); // 红包
 
         var mRedPackIndicator = indicators.filter(function (item) {
-          return item.type === "mRedPackIndicator";
+          return item.type === 'mRedPackIndicator';
         });
         mRedPackIndicator.length > 0 && setRedPackNum(mRedPackIndicator[0].value); // 祝福，拆礼物
 
         var blessIndicator = indicators.filter(function (item) {
-          return item.type === "mZhufu";
+          return item.type === 'mZhufu';
         });
         var weeklyReportIndicator = indicators.filter(function (item) {
-          return item.type === "mWeekStatisticIndicator";
+          return item.type === 'mWeekStatisticIndicator';
         });
 
         if (blessIndicator.length === 1) {
@@ -165,7 +165,7 @@ function HrMessage() {
         if (weeklyReportIndicator.length) {
           var _window;
 
-          (_window = window) === null || _window === void 0 ? void 0 : _window.Talent.app.vent.trigger("open-weekly-report-modal");
+          (_window = window) === null || _window === void 0 ? void 0 : _window.Talent.app.vent.trigger('open-weekly-report-modal');
         }
       }
     });
@@ -174,7 +174,10 @@ function HrMessage() {
   (0, _react.useEffect)(function () {
     setPreData(infosNum);
     handleIntervalRequestMessageInfo();
-    setInterval(handleIntervalRequestMessageInfo, 15000);
+    var interval = setInterval(handleIntervalRequestMessageInfo, 15000);
+    return function () {
+      return clearInterval(interval);
+    };
   }, []);
   return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_popup["default"], {
     popup: /*#__PURE__*/_react["default"].createElement(_msg["default"], {
@@ -182,7 +185,7 @@ function HrMessage() {
       allData: allData,
       handleIntervalRequestMessageInfo: handleIntervalRequestMessageInfo,
       firstTab: firstTab,
-      tabs: ["todos", "informs", "replys"]
+      tabs: ['todos', 'informs', 'replys']
     }),
     popupVisible: popupVisible,
     popupTransitionName: (0, _classnames["default"])("".concat(prefixCls, "__popup-right-bottom")),