@titaui/pc 1.6.12 → 1.6.16

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

@@ -13,16 +13,20 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _popup = _interopRequireDefault(require("../../../popup"));
 
-var _request = require("../../../../utils/request");
-
 var _msg = _interopRequireDefault(require("./msg"));
 
+var _bsGlobal = require("../../../../utils/bs-global");
+
+var _constant = require("./constant");
+
+var _redPack = _interopRequireDefault(require("./components/red-pack"));
+
+var _request = require("../../request.apis");
+
 var _bell = _interopRequireDefault(require("./images/bell.svg"));
 
 require("./index.css");
 
-var _constant = require("./constant");
-
 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); }
@@ -46,134 +50,119 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var prefixCls = "titaui-user-message-bell";
 
 var UserMessage = function UserMessage() {
-  var _useState = (0, _react.useState)({
-    todos: [],
-    total: 0
-  }),
+  var _useState = (0, _react.useState)(0),
       _useState2 = _slicedToArray(_useState, 2),
-      todos = _useState2[0],
-      setTodos = _useState2[1];
+      infosNum = _useState2[0],
+      setInfosNum = _useState2[1];
 
   var _useState3 = (0, _react.useState)([]),
       _useState4 = _slicedToArray(_useState3, 2),
-      reminds = _useState4[0],
-      setReminds = _useState4[1];
+      allData = _useState4[0],
+      setAllData = _useState4[1];
 
-  var _useState5 = (0, _react.useState)({
-    messags: [],
-    total: 0
-  }),
+  var _useState5 = (0, _react.useState)(0),
       _useState6 = _slicedToArray(_useState5, 2),
-      informs = _useState6[0],
-      setInforms = _useState6[1];
+      redPackNum = _useState6[0],
+      setRedPackNum = _useState6[1];
 
-  var _useState7 = (0, _react.useState)({
-    messages: [],
-    total: 0
-  }),
+  var _useState7 = (0, _react.useState)(false),
       _useState8 = _slicedToArray(_useState7, 2),
-      replys = _useState8[0],
-      setReplys = _useState8[1];
+      popupVisible = _useState8[0],
+      setPopupVisible = _useState8[1];
 
   var _useState9 = (0, _react.useState)(0),
       _useState10 = _slicedToArray(_useState9, 2),
-      allData = _useState10[0],
-      setAllData = _useState10[1];
-
-  var _useState11 = (0, _react.useState)(false),
-      _useState12 = _slicedToArray(_useState11, 2),
-      popupVisible = _useState12[0],
-      setPopupVisible = _useState12[1]; //删除任务（提醒）
-
-
-  var deleteReminds = function deleteReminds(id) {
-    var deletereminds = reminds.filter(function (remind) {
-      return remind.id !== id;
-    });
-    setReminds(deletereminds);
-  };
-
-  var deleteRemindsAll = function deleteRemindsAll() {
-    setReminds([]);
-  };
+      preData = _useState10[0],
+      setPreData = _useState10[1];
 
   var handleShowInfos = function handleShowInfos() {
     setPopupVisible(true);
   };
 
-  (0, _react.useEffect)(function () {
-    (0, _request.rget)("v1")(_constant.path.todoPath).then(function (res) {
-      if (res.Code === 1) {
-        if (res.Data.total || res.Data.todos && res.Data.todos.length) {
-          setTodos(res.Data);
-        }
-      }
-    });
-    (0, _request.rget)("v1")(_constant.path.informPath).then(function (res) {
-      if (res.Code === 1) {
-        if (res.Data.total || res.Data.messags && res.Data.messags.length) {
-          setInforms(res.Data);
-        }
-      }
-    });
-    (0, _request.rget)("v1")(_constant.path.replyPath).then(function (res) {
+  var handleIntervalRequestMessageInfo = function handleIntervalRequestMessageInfo() {
+    (0, _request.getMessages)().then(function (res) {
       if (res.Code === 1) {
-        if (res.Data.total || res.Data.messages && res.Data.messages.length) {
-          setReplys(res.Data);
+        setAllData(res.Data.indicators);
+        var indicators = res.Data.indicators;
+        var total = 0;
+        indicators.forEach(function (item) {
+          switch (item.type) {
+            case "Tx":
+              total += item.value;
+
+            case "feedAboutMeIndicator":
+              total += item.value;
+
+            case "todoIndicator":
+              total += item.value;
+
+            case "messageIndicator":
+              total += item.value;
+
+            default:
+              break;
+          }
+        });
+        setPreData(infosNum);
+        setInfosNum(total); // 判断是企业勋章
+
+        var enterpriseMedalMsg = indicators.filter(function (item) {
+          return item.messageType === 1 && item.indicatorType === 1969002;
+        }); // @ts-ignore
+
+        enterpriseMedalMsg.length > 0 && window.util.upaasEnterpriseMedal(); // upaas 勋章
+
+        var medalDetail = (0, _bsGlobal.getBSGlobal)("medalDetail"); // @ts-ignore
+
+        medalDetail && window.util.upaasMedal()(medalDetail); // 红包
+
+        var mRedPackIndicator = indicators.filter(function (item) {
+          return item.type === "mRedPackIndicator";
+        });
+        mRedPackIndicator.length > 0 && setRedPackNum(mRedPackIndicator.value); // 祝福，拆礼物
+
+        var blessIndicator = indicators.filter(function (item) {
+          return item.type === "mZhufu";
+        });
+
+        if (blessIndicator.length === 1) {
+          var userInfo = (0, _bsGlobal.getUserInfo)();
+          var options = {
+            needMask: true,
+            toUserId: userInfo.Id,
+            blessingTime: blessIndicator[0]["latestUpdateDate"]
+          }; // @ts-ignore
+
+          window.util.openGift(options);
         }
       }
     });
-    (0, _request.rget)("v2")(_constant.path.remindPath).then(function (res) {
-      if (res.Data.length) {
-        setReminds(res.Data);
-      }
-    });
-  }, []);
+  };
+
   (0, _react.useEffect)(function () {
-    setAllData(todos.total + reminds.length + replys.total + informs.total);
-  }, [todos, replys, reminds, informs]);
-  (0, _react.useEffect)(function () {// 添加轮询逻辑，需要处理祝福、红包、勋章、异步下载
-    // 判断是企业勋章 
-    // var enterpriseMedalMsg = Talent._.findWhere(indicators, {
-    //   messageType: 1,
-    //   indicatorType: 1969002,
-    // });
-    // 调用TitaWidget.util.upaasEnterpriseMedal();
-    // upaas 勋章
-    // var medalDetail = Talent.Context.getGlobal("medalDetail");
-    // medalDetail && TitaWidget.util.upaasMedal()(medalDetail);
-    //红包
-    // var mRedPackIndicator =
-    // (self.indicatorCollection.get("mRedPackIndicator") &&
-    //     self.indicatorCollection.get("mRedPackIndicator").get("value")) ||
-    // 0;
-    //拆礼物
-    // var blessingIndicator =
-    //     (self.indicatorCollection.get("mZhufu") &&
-    //         self.indicatorCollection.get("mZhufu").get("value")) ||
-    //     0;
+    setPreData(infosNum);
+    handleIntervalRequestMessageInfo();
+    setInterval(handleIntervalRequestMessageInfo, 15000);
   }, []);
   return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_popup["default"], {
     popup: /*#__PURE__*/_react["default"].createElement(_msg["default"], {
-      todos: todos,
-      informs: informs,
-      replys: replys,
-      reminds: reminds,
-      deleteReminds: deleteReminds,
-      deleteRemindsAll: deleteRemindsAll,
-      onItemClick: setPopupVisible
+      onItemClick: setPopupVisible,
+      allData: allData
     }),
     popupVisible: popupVisible,
     popupTransitionName: "tita-user-message-popup-right-top",
     popupAlign: _constant.popupAlign,
     mask: false,
-    destroyPopupOnHide: false
+    destroyPopupOnHide: true
   }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])("".concat(prefixCls, "__msg"), _defineProperty({}, "".concat(prefixCls, "__msg-dot"), allData !== 0)),
+    className: (0, _classnames["default"])("".concat(prefixCls, "__msg"), _defineProperty({}, "".concat(prefixCls, "__msg-dot"), infosNum !== 0)),
     onClick: handleShowInfos
   }, /*#__PURE__*/_react["default"].createElement("img", {
-    src: _bell["default"]
-  }))));
+    src: _bell["default"],
+    className: (0, _classnames["default"])(_defineProperty({}, "".concat(prefixCls, "__msg-dot"), infosNum !== preData))
+  }))), /*#__PURE__*/_react["default"].createElement(_redPack["default"], {
+    redPackNum: redPackNum
+  }));
 };
 
 var _default = UserMessage;

package/lib/components/nav-top/components/user-message/msg/index.css

@@ -18,8 +18,8 @@
   border-radius: 24px 24px 0px 0px;
 }
 
-.titaui-user-message-msg__tabs .rc-tabs-nav .rc-tabs-tab {
-  margin: 20px 36px 15px 0;
+.titaui-user-message-msg__tabs .rc-tabs-nav .rc-tabs-nav-list {
+  margin-left: 5px;
   font-size: 14px;
   font-family: -apple-system, Arial, Verdana, Helvetica Neue, Helvetica, sans-serif, PingFang SC, Microsoft YaHei;
   font-weight: 400;
@@ -27,17 +27,8 @@
   line-height: 22px;
 }
 
-.titaui-user-message-msg__tabs .rc-tabs-nav .rc-tabs-tab #rc-tabs-0-tab-todos {
-  margin-left: 5px;
-}
-
-.titaui-user-message-msg__tabs .rc-tabs-nav .rc-tabs-tab #rc-tabs-0-tab-replys {
-  width: 56px;
-  height: 22px;
-}
-
-.titaui-user-message-msg__tabs .rc-tabs-nav .rc-tabs-tab #rc-tabs-0-tab-replys .titaui-user-message__tabs-total {
-  left: 50px;
+.titaui-user-message-msg__tabs .rc-tabs-nav .rc-tabs-nav-list .rc-tabs-tab {
+  margin: 20px 36px 15px 0;
 }
 
 .titaui-user-message-msg__tabs .rc-tabs-nav .rc-tabs-tab-active {
@@ -60,29 +51,13 @@
   position: relative;
 }
 
-.titaui-user-message-msg__tabs-replys-total {
-  position: absolute;
-  left: 48px;
-  top: -6px;
-  height: 16px;
-  background: #f05e5e;
-  box-shadow: 0px 2px 4px 0px #f05e5e, 0px 0px 2px 1px #f05e5e;
-  border-radius: 8px;
-  font-size: 12px;
-  font-family: ArialMT;
-  color: #ffffff;
-  line-height: 18px;
-  text-align: center;
-  padding: 0 5px;
-}
-
 .titaui-user-message-msg__tabs-reminds {
   position: relative;
 }
 
 .titaui-user-message-msg__tabs-total {
   position: absolute;
-  left: 22px;
+  right: -10px;
   top: -6px;
   height: 16px;
   background: #f05e5e;

package/lib/components/nav-top/components/user-message/msg/index.js

@@ -37,18 +37,27 @@ var prefixCls = "titaui-user-message-msg";
 var userInfo = (0, _bsGlobal.getUserInfo)();
 
 var UserMessage = function UserMessage(props) {
-  var todos = props.todos,
-      reminds = props.reminds,
-      informs = props.informs,
-      replys = props.replys,
-      deleteRemindsAll = props.deleteRemindsAll,
-      deleteReminds = props.deleteReminds,
-      onItemClick = props.onItemClick;
+  var onItemClick = props.onItemClick,
+      allData = props.allData;
+
+  var getData = function getData(type) {
+    var total = allData.filter(function (item) {
+      return item.type === type;
+    });
+
+    if (total.length !== 0) {
+      return total[0].value;
+    } else {
+      return 0;
+    }
+  };
+
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _classnames["default"])("".concat(prefixCls))
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _classnames["default"])("".concat(prefixCls, "__tabs"))
   }, /*#__PURE__*/_react["default"].createElement(_tabs["default"], {
+    destroyInactiveTabPane: true,
     defaultActiveKey: "informs",
     animated: {
       inkBar: true,
@@ -56,44 +65,41 @@ var UserMessage = function UserMessage(props) {
     }
   }, /*#__PURE__*/_react["default"].createElement(_tabs.TabPane, {
     tab: /*#__PURE__*/_react["default"].createElement(_tabTitle["default"], {
-      tab: todos,
-      title: "\u5F85\u529E"
+      data: getData("todoIndicator"),
+      title: "\u5F85\u529E",
+      tab: "todos"
     }),
     key: "todos"
   }, /*#__PURE__*/_react["default"].createElement(_todos["default"], {
-    todos: todos,
     userInfo: userInfo,
     onItemClick: onItemClick
   })), /*#__PURE__*/_react["default"].createElement(_tabs.TabPane, {
     tab: /*#__PURE__*/_react["default"].createElement(_tabTitle["default"], {
-      tab: informs,
-      title: "\u901A\u77E5"
+      data: getData("messageIndicator"),
+      title: "\u901A\u77E5",
+      tab: "informs"
     }),
     key: "informs"
   }, /*#__PURE__*/_react["default"].createElement(_inform["default"], {
-    informs: informs,
     userInfo: userInfo,
     onItemClick: onItemClick
   })), /*#__PURE__*/_react["default"].createElement(_tabs.TabPane, {
     tab: /*#__PURE__*/_react["default"].createElement(_tabTitle["default"], {
-      tab: replys,
-      title: "@\u4E0E\u56DE\u590D"
+      data: getData("mLeaveandComment"),
+      title: "@\u4E0E\u56DE\u590D",
+      tab: "replys"
     }),
     key: "replys"
   }, /*#__PURE__*/_react["default"].createElement(_reply["default"], {
-    replys: replys,
-    userInfo: userInfo,
     onItemClick: onItemClick
   })), /*#__PURE__*/_react["default"].createElement(_tabs.TabPane, {
     tab: /*#__PURE__*/_react["default"].createElement(_tabTitle["default"], {
-      tab: reminds,
-      title: "\u63D0\u9192"
+      data: getData("Tx"),
+      title: "\u63D0\u9192",
+      tab: "reminds"
     }),
     key: "reminds"
   }, /*#__PURE__*/_react["default"].createElement(_remind["default"], {
-    reminds: reminds,
-    deleteReminds: deleteReminds,
-    deleteRemindsAll: deleteRemindsAll,
     onItemClick: onItemClick
   })))));
 };

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

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.htmlToText = exports.deleteText = void 0;
+
+var htmlToText = function htmlToText(text) {
+  var div = document.createElement("div");
+  div.innerHTML = text;
+  text = div.innerText || div.textContent;
+  return text;
+};
+
+exports.htmlToText = htmlToText;
+
+var deleteText = function deleteText(text) {
+  var last = text.trim().slice(-4);
+
+  if (last === "查看任务") {
+    text = text.trim().slice(0, -4);
+  } else if (last === "查看详情") {
+    text = text.trim().slice(0, -4);
+  } else {
+    text = text;
+  }
+
+  return text;
+};
+
+exports.deleteText = deleteText;

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

@@ -4,7 +4,7 @@
   background: #ffffff;
   box-shadow: 0px 4px 24px 0px rgba(127, 145, 180, 0.2);
   border-radius: 24px;
-  padding: 16px 12px;
+  padding: 16px 16px 16px 12px;
 }
 
 .titaui-nav-top-user-own-menu__card-items {
@@ -46,6 +46,7 @@
   width: 16px;
   height: 16px;
   margin: 3px 8px 3px 0;
+  color: #3f4755;
 }
 
 .titaui-nav-top-user-own-menu__card-item-title {

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

@@ -11,7 +11,7 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _utils = require("../../utils");
+var _utils = require("./utils");
 
 require("./index.css");
 
@@ -52,14 +52,12 @@ var User = function User() {
       return /*#__PURE__*/_react["default"].createElement("li", {
         className: (0, _classnames["default"])("".concat(preCls, "__card-item")),
         key: item.id
-      }, /*#__PURE__*/_react["default"].createElement("img", {
-        src: item.url,
-        className: (0, _classnames["default"])("".concat(preCls, "__card-item-img"))
+      }, /*#__PURE__*/_react["default"].createElement("i", {
+        className: (0, _classnames["default"])("".concat(preCls, "__card-item-img"), item.url)
       }), /*#__PURE__*/_react["default"].createElement("a", {
-        href: item.objUrl
-      }, /*#__PURE__*/_react["default"].createElement("div", {
+        href: item.objUrl,
         className: (0, _classnames["default"])("".concat(preCls, "__card-item-title"))
-      }, item.title)));
+      }, item.title));
     }));
   })));
 };

package/lib/components/nav-top/components/user-own-menu/utils.js

@@ -0,0 +1,63 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getOwnSet = void 0;
+
+var _auth = require("../../../../utils/auth");
+
+var _bsGlobal = require("../../../../utils/bs-global");
+
+var userId = (0, _bsGlobal.getUserInfo)().Id;
+var apiServer = (0, _bsGlobal.getBSGlobal)("apiPath");
+var tm = (0, _bsGlobal.getBSGlobal)("tm");
+var isBoss = new _auth.BaseAuth().isBoss();
+var isManager = new _auth.BaseAuth().isManager();
+
+var getOwnSet = function getOwnSet() {
+  var ownhandle = [{
+    id: "ownHome",
+    url: "tu-icon-myhome",
+    title: "个人信息",
+    objUrl: "".concat(apiServer, "/u/").concat(userId, "/Home/#user-info")
+  }, {
+    id: "ownSet",
+    url: "tu-icon-APP-shezhi",
+    title: "个人设置",
+    objUrl: "".concat(apiServer, "/u/").concat(userId, "/Home/#setting")
+  }];
+  var limit = [{
+    id: "manage",
+    url: "tu-icon-myqyht",
+    title: "企业管理后台",
+    objUrl: "".concat(tm)
+  }, {
+    id: "open",
+    url: "tu-icon-my-gjgn",
+    title: "开启高级设置",
+    objUrl: "".concat(tm, "/").concat(userId, "/TmHome#?iTalentFrameType=iframe&iTalentFrame=%2F%2Fadmin.tita.gift%2F500000036%2FindexV2%23%2FadvancedSettings")
+  }, {
+    id: "role",
+    url: "tu-icon-gongsi",
+    title: "企业管理规定",
+    objUrl: "".concat(apiServer, "/u/").concat(userId, "/Home#setting?id=15709")
+  }];
+  var exit = [{
+    id: "Logout",
+    url: "tu-icon-tuichu",
+    title: "退出登录",
+    objUrl: "".concat(apiServer, "/Account/Logout")
+  }];
+  var newOwnSet = [];
+  newOwnSet.push(ownhandle);
+
+  if (isBoss || isManager) {
+    newOwnSet.push(limit);
+  }
+
+  newOwnSet.push(exit);
+  return newOwnSet;
+};
+
+exports.getOwnSet = getOwnSet;

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.versionTextMap = exports.path = exports.popupAlignPhoto = exports.userInfoPath = exports.tm = exports.apiServer = exports.userId = void 0;
+exports.versionTextMap = exports.userInfoPath = exports.userId = exports.tm = exports.popupAlignPhoto = exports.apiServer = void 0;
 
 var _bsGlobal = require("../../utils/bs-global");
 
@@ -28,15 +28,7 @@ var popupAlignPhoto = {
     adjustY: true
   },
   targetOffset: [0, 0]
-}; //待办提醒任务
-
-exports.popupAlignPhoto = popupAlignPhoto;
-var path = {
-  todoPath: "todo/Get?app_type=-1&app_id=-1&page_num=1&page_size=50&status=1&pageNum=1",
-  remindPath: "remind/get",
-  informPath: "messages/Get?page_size=20&page_num=1&status=2&app_type=-1&app_id=-1",
-  replyPath: "comment/messages?page_num=1&page_size=20&status=2"
 };
-exports.path = path;
+exports.popupAlignPhoto = popupAlignPhoto;
 var versionTextMap = (_versionTextMap = {}, _defineProperty(_versionTextMap, _constant.Versions.Standard, "项目版"), _defineProperty(_versionTextMap, _constant.Versions.WeixinAssess, "绩效版"), _defineProperty(_versionTextMap, _constant.Versions.Professional, "OKR版"), _defineProperty(_versionTextMap, _constant.Versions.Flagship, "旗舰版"), _versionTextMap);
 exports.versionTextMap = versionTextMap;

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

@@ -87,3 +87,58 @@
   width: 28px !important;
   height: 28px !important;
 }
+
+.tita-user-own-menu__popup-right-top-enter,
+.tita-user-own-menu__popup-right-top-appear {
+  opacity: 0;
+  animation-duration: 0.2s;
+  animation-fill-mode: both;
+  animation-timing-function: linear;
+  animation-play-state: paused;
+}
+
+.tita-user-own-menu__popup-right-top-leave {
+  animation-duration: 0.1s;
+  animation-fill-mode: both;
+  animation-timing-function: linear;
+  animation-play-state: paused;
+}
+
+.tita-user-own-menu__popup-right-top-enter.tita-user-own-menu__popup-right-top-enter-active,
+.tita-user-own-menu__popup-right-top-appear.tita-user-own-menu__popup-right-top-appear-active {
+  animation-name: titaPopupInRT;
+  animation-play-state: running;
+}
+
+.tita-user-own-menu__popup-right-top-leave.tita-user-own-menu__popup-right-top-leave-active {
+  animation-name: titaPopupOutRT;
+  animation-play-state: running;
+}
+
+@keyframes titaPopupInRT {
+  0% {
+    opacity: 0;
+    transform-origin: 100% 0%;
+    transform: scale(0, 0);
+  }
+
+  100% {
+    opacity: 1;
+    transform-origin: 100% 0%;
+    transform: scale(1, 1);
+  }
+}
+
+@keyframes titaPopupOutRT {
+  0% {
+    opacity: 1;
+    transform-origin: 100% 0%;
+    transform: scale(1, 1);
+  }
+
+  100% {
+    opacity: 0;
+    transform-origin: 100% 0%;
+    transform: scale(0, 0);
+  }
+}