@titaui/pc 1.12.19 → 1.12.22-beta.1

package/lib/components/menus/export-modules/summary-menus/summary-front-menus.js

@@ -0,0 +1,242 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _resizeObserverPolyfill = _interopRequireDefault(require("resize-observer-polyfill"));
+
+var _scrollbar = _interopRequireDefault(require("../../../scrollbar"));
+
+var _menuTree = _interopRequireDefault(require("../../components/menu-tree"));
+
+var _index = require("../../components/menu-tree/tree-node/index");
+
+var _menus = _interopRequireWildcard(require("./menus"));
+
+var _menuHighlight = _interopRequireDefault(require("./menu-highlight"));
+
+var _requestApis = require("../../request-apis");
+
+var _requestApi = require("./request-api");
+
+var _auth = require("../../../../utils/auth");
+
+require("../../index.css");
+
+require("./index.css");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e2) { throw _e2; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e3) { didErr = true; err = _e3; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+  var _props$onSelect = props.onSelect,
+      onSelect = _props$onSelect === void 0 ? function () {} : _props$onSelect,
+      history = props.history;
+
+  var _useState = (0, _react.useState)(function () {
+    return document.body.offsetHeight - 198;
+  }),
+      _useState2 = _slicedToArray(_useState, 2),
+      maxHeight = _useState2[0],
+      setMaxHeight = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(['myokr']),
+      _useState4 = _slicedToArray(_useState3, 2),
+      expandedKeys = _useState4[0],
+      setExpandedKeys = _useState4[1];
+
+  var _useState5 = (0, _react.useState)([]),
+      _useState6 = _slicedToArray(_useState5, 2),
+      selectedMenuKeys = _useState6[0],
+      setSelectedMenuKeys = _useState6[1];
+
+  var _useState7 = (0, _react.useState)(false),
+      _useState8 = _slicedToArray(_useState7, 2),
+      isShowShare = _useState8[0],
+      setIsShowShare = _useState8[1];
+
+  var _useState9 = (0, _react.useState)(new _auth.BaseAuth().isBoss()),
+      _useState10 = _slicedToArray(_useState9, 2),
+      isShowDepartment = _useState10[0],
+      setIsShowDepartment = _useState10[1];
+
+  var flipRef = (0, _react.useRef)({
+    next: function next() {},
+    goback: function goback() {}
+  });
+  var summaryMenusData = (0, _react.useRef)(_menus.defaultRefObject);
+
+  var _useState11 = (0, _react.useState)(function () {
+    summaryMenusData.current = new _menus["default"]({
+      isShowShare: false,
+      isShowDept: true
+    });
+    return summaryMenusData.current.getMenus();
+  }),
+      _useState12 = _slicedToArray(_useState11, 2),
+      menus = _useState12[0],
+      setMenus = _useState12[1]; // 判断路由高亮菜单
+
+
+  (0, _react.useEffect)(function () {
+    var menuHighlight = new _menuHighlight["default"](history);
+    menuHighlight.highlight(function (menu) {
+      return changeHighlightMenu([menu]);
+    });
+  }, [history.location.pathname, history.location.search]);
+
+  var changeHighlightMenu = function changeHighlightMenu(menuKeys) {
+    setSelectedMenuKeys(menuKeys);
+    flipRef.current.goback();
+  };
+
+  var onSelectHandler = function onSelectHandler(selectedKyes, _ref) {
+    var node = _ref.node;
+    var nodeType = node.nodeType,
+        data = node.data;
+
+    if (nodeType == _index.USER_NODE || nodeType == _index.FOLLOWER_NODE) {
+      location.href = "#/summary/manage?toUserId=".concat(data.userId);
+    }
+
+    onSelect(node); // 处理菜单选中
+
+    if (!selectedKyes.length) return;
+    setSelectedMenuKeys(selectedKyes);
+  }; // 获取下属数据列表
+
+
+  var getSubordinaters = function getSubordinaters() {
+    return new Promise(function (resolve, reject) {
+      var mdata = summaryMenusData.current; // 初始化 Loading
+
+      mdata.setSubordinatesLoading(true);
+      setMenus(mdata.getMenus());
+      resolve(true); // 获取数据
+
+      (0, _requestApis.getSubordinates)({
+        relationIds: '1,2'
+      }, {
+        disabledDottedSubordinatesDig: true
+      }).then(function (users) {
+        mdata.setSubordinatesLoading(false);
+        mdata.insertSubordinates(users);
+        setMenus(mdata.getMenus());
+        resolve(true);
+      })["catch"](reject);
+    });
+  };
+
+  var onLoadTreeNodeDataHandler = function onLoadTreeNodeDataHandler(treeNode) {
+    return new Promise(function (resolve) {
+      if (treeNode.key != summaryMenusData.current.SUBORDINATES) {
+        resolve(true);
+      } else if (treeNode.key == summaryMenusData.current.SUBORDINATES) {
+        getSubordinaters().then(function () {
+          return resolve(true);
+        })["catch"](function () {
+          return resolve(true);
+        });
+      } else {
+        resolve(true);
+      }
+    });
+  };
+
+  var onExpandHandler = function onExpandHandler(expandKeys, _ref2) {
+    var expanded = _ref2.expanded,
+        node = _ref2.node;
+    setExpandedKeys(expandKeys);
+  };
+
+  (0, _react.useImperativeHandle)(ref, function () {
+    return {
+      setSelectedMenuKeys: setSelectedMenuKeys
+    };
+  });
+  (0, _react.useEffect)(function () {
+    var newMenu = new _menus["default"]({
+      isShowShare: isShowShare,
+      isShowDept: isShowDepartment
+    });
+    summaryMenusData.current = newMenu;
+    setMenus(newMenu.getMenus());
+  }, [isShowShare, isShowDepartment]);
+  (0, _react.useEffect)(function () {
+    (0, _requestApi.getShareStatus)().then(function (resp) {
+      if (resp.Code === 1) {
+        if (resp.Data.length > 0) {
+          setIsShowShare(true);
+        }
+      }
+    });
+
+    if (!isShowDepartment) {
+      (0, _requestApis.getMyDepartMent)().then(function (resp) {
+        if (resp.Code === 1) {
+          if (resp.Data.length > 0) {
+            setIsShowDepartment(true);
+          }
+        }
+      });
+    }
+
+    var obs = new _resizeObserverPolyfill["default"](function (entries) {
+      var _iterator = _createForOfIteratorHelper(entries),
+          _step;
+
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var entry = _step.value;
+          var cr = entry.contentRect;
+          setMaxHeight(cr.height - 198);
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
+    });
+    obs.observe(document.body);
+    return function () {
+      obs.unobserve(document.body);
+    };
+  }, []);
+  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_scrollbar["default"], {
+    style: {
+      maxHeight: maxHeight
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_menuTree["default"], {
+    data: menus,
+    selectedKeys: selectedMenuKeys,
+    expandedKeys: expandedKeys,
+    onSelect: onSelectHandler,
+    onExpand: onExpandHandler,
+    loadData: onLoadTreeNodeDataHandler
+  })));
+});
+
+exports["default"] = _default;

package/lib/components/menus/i18n.js

@@ -50,6 +50,14 @@ var I18N = /*#__PURE__*/_createClass(function I18N() {
   this.menu_regulation_daily = "Regul_Menu_DailyReport";
   this.menu_regulation_weekly = "Regul_Menu_WeeklyReport";
   this.menu_regulation_monthly = "Regul_Menu_MonthlyReport";
+  this.menu_all_summary = 'DailyReport_Menu_AllReports';
+  this.menu_my_summary = 'Rep_Tab_Mysmary';
+  this.menu_my_subordinates = 'Datadetails_Menu_DirectReports';
+  this.menu_my_share = 'Rep_NewS_Share';
+  this.menu_department = 'OKR_Ali_From_Viewdepartment';
+  this.menu_summary_role = 'Rep_NewS_ManaRegu';
+  this.menu_summary_count = 'Data_Summarystatistics';
+  this.menu_summary = 'Rep_NewS_Management';
 });
 
 var locale = new I18N();

package/lib/components/menus/index.js

@@ -21,6 +21,8 @@ require("./index.css");
 
 var _demoMenus = _interopRequireDefault(require("./export-modules/demo-menus"));
 
+var _summaryMenus = _interopRequireDefault(require("./export-modules/summary-menus"));
+
 var _excluded = ["type"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -56,6 +58,10 @@ var Menus = function Menus(props) {
       return /*#__PURE__*/_react["default"].createElement(_interviewMenus["default"], restProps);
     }
 
+    if (type === 'summary') {
+      return /*#__PURE__*/_react["default"].createElement(_summaryMenus["default"], restProps);
+    }
+
     return undefined;
   };
 

package/lib/components/menus/request-apis.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.removeFollower = exports.getSubordinates = exports.getFollowerList = exports.getDepsAndUsers = exports.addFollower = void 0;
+exports.removeFollower = exports.getSubordinates = exports.getMyDepartMent = exports.getFollowerList = exports.getDepsAndUsers = exports.addFollower = void 0;
 
 var _axios = _interopRequireDefault(require("axios"));
 
@@ -137,4 +137,10 @@ var getDepsAndUsers = function getDepsAndUsers() {
   });
 };
 
-exports.getDepsAndUsers = getDepsAndUsers;
+exports.getDepsAndUsers = getDepsAndUsers;
+
+var getMyDepartMent = function getMyDepartMent() {
+  return (0, _request.rget)('v2')("department/myLead?toUserId=".concat(userId));
+};
+
+exports.getMyDepartMent = getMyDepartMent;

package/lib/components/nav-top/components/app-center/index.css

@@ -1,9 +1,6 @@
-@charset "UTF-8";
-
 .app-center {
   padding: 32px 120px 28px;
   position: relative;
-  box-shadow: 0 8px 24px 0 rgb 127 145 180/20%;
 }
 
 .app-center__title {
@@ -151,6 +148,7 @@
 .app-center__drawer .drawer-content-wrapper,
     .app-center__drawer .drawer-content {
   border-radius: 24px;
+  box-shadow: 0 8px 24px 0 rgba(127, 145, 180, 0.2);
 }
 
 .app-center__drawer .drawer-mask {
@@ -168,3 +166,11 @@
   width: 120px;
   height: 144px;
 }
+
+.titaui-drawer.drawer-open.drawer-top .drawer-content-wrapper {
+  box-shadow: none;
+}
+
+.drawer-top.drawer-open .drawer-content-wrapper {
+  box-shadow: none;
+}

package/lib/components/nav-top/components/app-center/index.js

@@ -25,7 +25,7 @@ require("./index.css");
 
 var _interface = require("./interface");
 
-var _yuyue = _interopRequireDefault(require("./images/yuyue.png"));
+var _yuyueAward = _interopRequireDefault(require("./images/yuyue-award.png"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -53,7 +53,7 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-var precls = "app-center";
+var precls = 'app-center';
 
 var AppCenter = function AppCenter(props) {
   var _props$appCenterVisib = props.appCenterVisible,
@@ -64,7 +64,7 @@ var AppCenter = function AppCenter(props) {
   var _useState = (0, _react.useState)(function () {
     var menus = (0, _utils.getMenus)();
     return menus.filter(function (menu) {
-      return menu.code !== "dynamic";
+      return menu.code !== 'dynamic';
     });
   }),
       _useState2 = _slicedToArray(_useState, 1),
@@ -84,11 +84,11 @@ var AppCenter = function AppCenter(props) {
       isTrial = _useState6[0];
 
   var _useState7 = (0, _react.useState)(function () {
-    var hash = window.location.hash.split("?")[0] || "";
+    var hash = window.location.hash.split('?')[0] || '';
 
     if (hash) {
       var activeApp = apps.find(function (app) {
-        return hash.includes(app.key);
+        return hash.includes(app.code);
       });
       return (activeApp === null || activeApp === void 0 ? void 0 : activeApp.id) || apps[0].id;
     }
@@ -111,7 +111,7 @@ var AppCenter = function AppCenter(props) {
     })) === null || _apps$find === void 0 ? void 0 : _apps$find.children) || [];
     var navigations = (0, _utils.getMenus)();
     var dynamic = navigations.filter(function (item) {
-      return item.code === "dynamic";
+      return item.code === 'dynamic';
     });
     setMenu([].concat(_toConsumableArray(dynamic), _toConsumableArray(menus)));
 
@@ -123,7 +123,7 @@ var AppCenter = function AppCenter(props) {
   }, [currentAppId]);
 
   var onAppSelectHandler = function onAppSelectHandler(app) {
-    if (app.type === "newPage") {
+    if (app.type === 'newPage') {
       window.location.href = "".concat(window.BSGlobal.apiPath, "/").concat(app.href);
       return;
     }
@@ -151,10 +151,10 @@ var AppCenter = function AppCenter(props) {
     }
 
     if (window.titaTracker) {
-      window.titaTracker("action").record({
-        actionName: "申请演示",
-        actionGroup: "试用版-申请演示",
-        productName: "系统内-申请演示"
+      window.titaTracker('action').record({
+        actionName: '申请演示',
+        actionGroup: '试用版-申请演示',
+        productName: '系统内-申请演示'
       });
     }
   };
@@ -194,7 +194,7 @@ var AppCenter = function AppCenter(props) {
     onClick: handlePoint
   }, /*#__PURE__*/_react["default"].createElement("img", {
     className: "".concat(precls, "__app-right-img__img"),
-    src: _yuyue["default"],
+    src: _yuyueAward["default"],
     alt: "\u9884\u7EA6\u6709\u5956"
   })), /*#__PURE__*/_react["default"].createElement(_errorBoundary["default"], {
     errorLevel: _errorLevel["default"].P0,

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

@@ -45,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: {
@@ -62,7 +62,7 @@ var NewFeatureGuidePopupAlign = {
   },
   targetOffset: [0, 0]
 };
-var NEWMENUS = "#/interview";
+var NEWMENUS = '#/interview';
 
 var Menu = function Menu(_ref) {
   var menus = _ref.menus,
@@ -83,7 +83,7 @@ var Menu = function Menu(_ref) {
       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) {
@@ -92,10 +92,10 @@ 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: '导航菜单'
       });
     }
   };
@@ -133,8 +133,8 @@ var Menu = function Menu(_ref) {
   var renderRawItem = function renderRawItem(menu) {
     var href = menu.href;
 
-    if (menu.title === "Learning") {
-      href = "".concat(apiPath, "/").concat(userId, "/eLearningHome#/");
+    if (menu.title === "Learning" || menu.code === "learning") {
+      href = "".concat(apiPath, "/").concat(href);
     }
 
     return /*#__PURE__*/_react["default"].createElement(_rcOverflow["default"].Item, {
@@ -145,7 +145,7 @@ var Menu = function Menu(_ref) {
       popupVisible: !isKnow,
       popup: menu.href === NEWMENUS ? popup : null,
       mask: false,
-      action: ["focus"],
+      action: ['focus'],
       popupAlign: NewFeatureGuidePopupAlign,
       zIndex: 1000
     }, /*#__PURE__*/_react["default"].createElement("a", {
@@ -155,9 +155,9 @@ var Menu = function Menu(_ref) {
       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), menu.href === NEWMENUS && /*#__PURE__*/_react["default"].createElement("img", {
+    }, 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"],
       alt: "",
       className: "".concat(prefix, "__tips-new")
@@ -175,8 +175,8 @@ var Menu = function Menu(_ref) {
     }, items.map(function (menu) {
       var href = menu.href;
 
-      if (menu.title === "Learning") {
-        href = "".concat(apiPath, "/").concat(userId, "/eLearningHome#/");
+      if (menu.title === "Learning" || menu.code === "learning") {
+        href = "".concat(apiPath, "/").concat(href);
       }
 
       return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_conditionRender["default"], {
@@ -196,7 +196,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,
@@ -51,7 +51,7 @@ function Inform(props) {
         user = item.user;
 
     if (objType === _constant.EObjType.Kr) {
-      _drawerManager["default"].open('krDetail', {
+      _drawerManager["default"].open("krDetail", {
         krId: objId
       });
 
@@ -59,7 +59,7 @@ function Inform(props) {
     }
 
     if (objType === _constant.EObjType.O) {
-      _drawerManager["default"].open('okrDetail', {
+      _drawerManager["default"].open("okrDetail", {
         okrId: objId
       });
 
@@ -73,13 +73,13 @@ 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;
     }
 
@@ -92,7 +92,7 @@ function Inform(props) {
     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;
     } // 处理合并的消息
 
@@ -118,13 +118,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);
@@ -154,7 +154,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);
 
@@ -166,7 +166,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);
 
@@ -185,7 +185,7 @@ function Inform(props) {
       }
 
       var reg = /href='.*?(?=')/g;
-      var url = '';
+      var url = "";
       item.content.replace(reg, function ($0) {
         url = $0.slice(6);
       });
@@ -196,22 +196,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/index.css

@@ -1,8 +1,8 @@
 .titaui-user-message__msg {
   position: relative;
   box-sizing: border-box;
-  width: 24px;
-  height: 24px;
+  width: 28px;
+  height: 28px;
   display: flex;
   align-items: center;
   justify-content: center;
@@ -15,8 +15,8 @@
 }
 
 .titaui-user-message__msg img {
-  width: 24px;
-  height: 24px;
+  width: 22px;
+  height: 22px;
 }
 
 .titaui-user-message__msg-img {