@titaui/pc 1.10.7 → 1.10.8-2.beta-1

package/lib/components/dynamic/dynamic-item/dynamic-relative/index.js

@@ -37,6 +37,8 @@ var _dynamicRelaProject = _interopRequireDefault(require("./img/dynamic-rela-pro
 
 var _dynamicRelaTask = _interopRequireDefault(require("./img/dynamic-rela-task.png"));
 
+var _tools = require("../../../../utils/tools");
+
 require("./index.css");
 
 var _excluded = ["data"];
@@ -51,6 +53,18 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
+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; }
+
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
@@ -78,6 +92,11 @@ var DynamicRelative = function DynamicRelative(_ref) {
   var _useContext = (0, _react.useContext)(_context.SearchKeyContext),
       searchKeyWord = _useContext.searchKeyWord;
 
+  var _useState = (0, _react.useState)(null),
+      _useState2 = _slicedToArray(_useState, 2),
+      relatedImgUrl = _useState2[0],
+      setRelatedImgUrl = _useState2[1];
+
   var handleClickTitle = function handleClickTitle(id, type) {
     if (type === _constant.EObjType.Kr) {
       _drawerManager["default"].open("krDetail", {
@@ -111,10 +130,23 @@ var DynamicRelative = function DynamicRelative(_ref) {
       text = "".concat((0, _getLocale.getLocale)("Mod_Connected")).concat((0, _getLocale.getLocale)("Mod_Objective"));
     }
 
+    if (relateObjType === _constant.EObjType.Project) {
+      text = "".concat((0, _getLocale.getLocale)("Mod_Connected")).concat((0, _getLocale.getLocale)("Feed_Set_Project"));
+    }
+
     return /*#__PURE__*/_react["default"].createElement("span", {
       className: "".concat(prefix, "__operate-desc")
     }, text);
   }, []);
+  (0, _react.useEffect)(function () {
+    if (relateObjType === _constant.EObjType.O) {
+      setRelatedImgUrl(_dynamicRelaO["default"]);
+    } else if (relateObjType === _constant.EObjType.Kr) {
+      setRelatedImgUrl(_dynamicRelaKr["default"]);
+    } else {
+      setRelatedImgUrl(_dynamicRelaProject["default"]);
+    }
+  }, []);
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: prefix
   }, /*#__PURE__*/_react["default"].createElement(_header["default"], _extends({
@@ -129,11 +161,11 @@ var DynamicRelative = function DynamicRelative(_ref) {
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefix, "__obj-base-info")
   }, /*#__PURE__*/_react["default"].createElement("span", {
-    className: (0, _classnames["default"])("".concat(prefix, "__obj-base-info-left"), (_classNames = {}, _defineProperty(_classNames, "".concat(prefix, "__obj-base-info-left--o"), relateObjType === _constant.EObjType.O), _defineProperty(_classNames, "".concat(prefix, "__obj-base-info-left--kr"), relateObjType === _constant.EObjType.Kr), _classNames))
+    className: (0, _classnames["default"])("".concat(prefix, "__obj-base-info-left"), (_classNames = {}, _defineProperty(_classNames, "".concat(prefix, "__obj-base-info-left--o"), relateObjType === _constant.EObjType.O), _defineProperty(_classNames, "".concat(prefix, "__obj-base-info-left--kr"), relateObjType === _constant.EObjType.Kr), _defineProperty(_classNames, "".concat(prefix, "__obj-base-info-left--project"), relateObjType === _constant.EObjType.Project), _classNames))
   }, /*#__PURE__*/_react["default"].createElement("img", {
     alt: "",
     className: "".concat(prefix, "__obj-base-info-left-img"),
-    src: relateObjType === _constant.EObjType.O ? _dynamicRelaO["default"] : _dynamicRelaKr["default"]
+    src: relatedImgUrl || ""
   })), /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefix, "__obj-base-info-right")
   }, /*#__PURE__*/_react["default"].createElement("span", {
@@ -144,10 +176,12 @@ var DynamicRelative = function DynamicRelative(_ref) {
   }, /*#__PURE__*/_react["default"].createElement(_tooltip["default"].Text, {
     isPercent: true,
     text: /*#__PURE__*/_react["default"].createElement(_searchKeyHandle["default"], {
-      str: relateObjName,
+      str: (0, _tools.htmlDecodeByRegExp)(relateObjName),
       keyWord: searchKeyWord
     })
-  })), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("span", {
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(prefix, "__obj-other-info")
+  }, /*#__PURE__*/_react["default"].createElement("span", {
     className: "".concat(prefix, "__obj-principal-user")
   }, rObjprincipalUser && /*#__PURE__*/_react["default"].createElement(_openData.OpenUserName, {
     id: rObjprincipalUser.userId,
@@ -179,8 +213,10 @@ var DynamicRelative = function DynamicRelative(_ref) {
     }
   }, /*#__PURE__*/_react["default"].createElement(_tooltip["default"].Text, {
     isPercent: true,
-    text: objName
-  })), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("span", {
+    text: (0, _tools.htmlDecodeByRegExp)(objName)
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(prefix, "__obj-other-info")
+  }, /*#__PURE__*/_react["default"].createElement("span", {
     className: "".concat(prefix, "__obj-principal-user")
   }, objPrincipalUser && /*#__PURE__*/_react["default"].createElement(_openData.OpenUserName, {
     id: objPrincipalUser.userId,

package/lib/components/dynamic/dynamic-item/{dynamic-replay → dynamic-reply}/index.css

@@ -12,7 +12,7 @@
 }
 
 .titaui-dynamic-reply-item__detail {
-  margin-top: 14px;
+  margin-top: 12px;
 }
 
 .titaui-dynamic-reply-item__detail-gain {
@@ -27,21 +27,25 @@
   margin-bottom: 0;
 }
 
+.titaui-dynamic-reply-item__detail-tasks {
+  margin-top: 16px;
+}
+
 .titaui-dynamic-reply-item__detail-tasks-item {
   display: flex;
   align-items: center;
-  margin-left: 8px;
   font-size: 14px;
   color: #6f7886;
   line-height: 22px;
+  margin-top: 8px;
   cursor: pointer;
 }
 
 .titaui-dynamic-reply-item__detail-tasks-item::before {
   content: '';
   display: inline-block;
-  width: 6px;
-  height: 6px;
+  width: 5px;
+  height: 5px;
   background: #2879ff;
   border-radius: 50%;
   margin-right: 6px;
@@ -52,25 +56,15 @@
 }
 
 .titaui-dynamic-reply-item__detail-block-title {
-  font-size: 14px;
+  font-size: 16px;
   font-weight: 600;
   color: #3f4755;
-  line-height: 22px;
+  line-height: 24px;
   display: flex;
   align-items: center;
   margin-bottom: 8px;
 }
 
-.titaui-dynamic-reply-item__detail-block-title::before {
-  content: '';
-  display: inline-block;
-  width: 4px;
-  height: 12px;
-  background: #2879ff;
-  border-radius: 2px;
-  margin-right: 4px;
-}
-
 .titaui-dynamic-reply-item__detail-block-title--sub {
   display: flex;
   align-items: center;
@@ -79,18 +73,9 @@
   font-weight: 600;
   color: #3f4755;
   line-height: 22px;
-  margin-left: 8px;
   white-space: pre-wrap;
-}
-
-.titaui-dynamic-reply-item__detail-block-title--sub::before {
-  content: '';
-  display: inline-block;
-  width: 6px;
-  height: 6px;
-  background: #2879ff;
-  border-radius: 50%;
-  margin-right: 6px;
+  margin-left: 12px;
+  margin-top: 16px;
 }
 
 .titaui-dynamic-reply-item__detail-block-content {
@@ -99,7 +84,6 @@
   color: #6f7886;
   line-height: 22px;
   margin-bottom: 4px;
-  margin-left: 8px;
   white-space: pre-wrap;
 }
 
@@ -108,7 +92,7 @@
 }
 
 .titaui-dynamic-reply-item__detail-block-content--sub {
-  margin-left: 20px;
+  margin-left: 12px;
 }
 
 .titaui-dynamic-reply-item__object-name {
@@ -125,7 +109,7 @@
 }
 
 .titaui-dynamic-reply-item__operate-desc {
-  font-size: 16px;
+  font-size: 14px;
   font-weight: 400;
   color: #89919f;
   line-height: 24px;

package/lib/components/dynamic/dynamic-item/{dynamic-replay → dynamic-reply}/index.js

@@ -163,7 +163,7 @@ var DynamicReply = function DynamicReply(_ref) {
     className: "".concat(prefix, "__detail-tasks")
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefix, "__detail-block-title")
-  }, "\u884C\u52A8\u8BA1\u5212"), data.tasks && data.tasks.map(function (task) {
+  }, "\u6539\u8FDB\u8BA1\u5212"), data.tasks && data.tasks.map(function (task) {
     return /*#__PURE__*/_react["default"].createElement("div", {
       key: task.taskId,
       className: "".concat(prefix, "__detail-tasks-item"),

package/lib/components/dynamic/dynamic-item/dynamic-report/index.css

@@ -141,7 +141,7 @@
 }
 
 .titaui-dynamic-report-item__operate-desc {
-  font-size: 16px;
+  font-size: 14px;
   font-weight: 400;
   color: #89919f;
   line-height: 24px;

package/lib/components/dynamic/dynamic-item/dynamic-report/index.js

@@ -15,7 +15,7 @@ var _context = require("../../context");
 
 var _header = _interopRequireDefault(require("../components/header"));
 
-var _dangerousHtml = _interopRequireDefault(require("../../components/dangerous-html"));
+var _dangerousHtml = _interopRequireDefault(require("../../../dangerous-html"));
 
 var _tools = require("../../../../utils/tools");
 
@@ -67,7 +67,16 @@ var DynamicReply = function DynamicReply(_ref) {
       searchKeyWord = _useContext.searchKeyWord;
 
   var handleClickTitle = function handleClickTitle() {
-    // @ts-ignore
+    if (window.titaTracker) {
+      window.titaTracker("planAction").record({
+        actionName: "查看日报",
+        actionGroup: "动态-推屏",
+        productName: "动态",
+        feedId: feedId
+      });
+    } // @ts-ignore
+
+
     window.Talent.app.vent.trigger("global-daily-detail-pull-screen", feedId);
   };
 
@@ -113,7 +122,7 @@ var DynamicReply = function DynamicReply(_ref) {
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefix, "__content-title")
   }, /*#__PURE__*/_react["default"].createElement(_title["default"], {
-    content: data.name,
+    content: (0, _tools.htmlDecodeByRegExp)(data.name),
     onClickTitle: handleClickTitle,
     type: getEReportType(reportType),
     typeBgColor: "rgba(92, 142, 255, 0.5)",

package/lib/components/dynamic/dynamic-item/dynamic-reward/index.css

@@ -53,7 +53,7 @@
 }
 
 .titaui-dynamic-reward-item__operate-desc {
-  font-size: 16px;
+  font-size: 14px;
   font-weight: 400;
   color: #89919f;
   line-height: 24px;
@@ -96,3 +96,8 @@
   cursor: default !important;
   color: #3f4755 !important;
 }
+
+.titaui-dynamic-reward-item__reward-img {
+  width: 25px;
+  margin-left: 8px;
+}

package/lib/components/dynamic/dynamic-item/dynamic-reward/index.js

@@ -33,6 +33,12 @@ var _openData = require("../../../../utils/open-data");
 
 var _getLocale = require("../../../../utils/getLocale");
 
+var _utils = require("../dynamic-progress/utils");
+
+var _reward = _interopRequireDefault(require("./img/reward.png"));
+
+var _utils2 = require("./utils");
+
 require("./index.css");
 
 var _excluded = ["data"];
@@ -60,7 +66,6 @@ var DynamicReward = function DynamicReward(_ref) {
   var rewardContent = data.rewardContent,
       rewardTags = data.rewardTags,
       obj = data.obj,
-      classify = data.classify,
       rewardUser = data.rewardUser,
       publishUser = data.publishUser;
 
@@ -93,47 +98,6 @@ var DynamicReward = function DynamicReward(_ref) {
     }
   };
 
-  var renderTitle = (0, _react.useMemo)(function () {
-    if (!obj) {
-      return "";
-    }
-
-    var objType = obj.objType,
-        objName = obj.objName;
-
-    if (objType === _constant.EObjType.Kr) {
-      return "KR\uFF1A".concat(objName);
-    }
-
-    if (objType === _constant.EObjType.O) {
-      return "O\uFF1A".concat(objName);
-    }
-
-    if (objType === _constant.EObjType.Task) {
-      return "".concat((0, _getLocale.getLocale)("Mod_Tasks"), "\uFF1A").concat(objName);
-    }
-
-    if (objType === _constant.EObjType.Project) {
-      return "".concat((0, _getLocale.getLocale)("Mod_Project"), "\uFF1A").concat(objName);
-    }
-
-    if (objType === _constant.EObjType.Assess) {
-      return "".concat((0, _getLocale.getLocale)("Mod_Performance"), "\uFF1A").concat(objName);
-    }
-
-    return "";
-  }, []);
-  var Classify = (0, _react.useMemo)(function () {
-    var _classNames;
-
-    if (!classify || Number(classify) === 0) {
-      return "";
-    }
-
-    return /*#__PURE__*/_react["default"].createElement("span", {
-      className: (0, _classnames["default"])("".concat(prefix, "__classify"), (_classNames = {}, _defineProperty(_classNames, "".concat(prefix, "__classify--desire"), classify === 1), _defineProperty(_classNames, "".concat(prefix, "__classify--promise"), classify === 2), _classNames))
-    });
-  }, [classify]);
   var renderDesc = (0, _react.useMemo)(function () {
     var url = ""; // const url = getUrlForUserPage({
     //   userId: rewardUser.name,
@@ -155,7 +119,11 @@ var DynamicReward = function DynamicReward(_ref) {
     }, /*#__PURE__*/_react["default"].createElement(_openData.OpenUserName, {
       name: rewardUser.name,
       id: rewardUser.userId
-    })), (0, _getLocale.getLocale)("OKR_MyO_E_Reward")));
+    })), (0, _getLocale.getLocale)("OKR_MyO_E_Reward"), /*#__PURE__*/_react["default"].createElement("img", {
+      alt: "",
+      src: _reward["default"],
+      className: "".concat(prefix, "__reward-img")
+    })));
   }, []);
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: prefix
@@ -167,28 +135,27 @@ var DynamicReward = function DynamicReward(_ref) {
     className: "".concat(prefix, "__content")
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefix, "__title")
-  }, renderTitle && /*#__PURE__*/_react["default"].createElement(_title["default"], {
-    content: renderTitle,
-    onClickTitle: handleClickTitle,
-    suffixContent: Classify
-  })), rewardContent && /*#__PURE__*/_react["default"].createElement("div", {
+  }, obj && obj.objName && (0, _utils2.isShowRewardObj)(obj.objType) && /*#__PURE__*/_react["default"].createElement(_title["default"], _extends({
+    content: (0, _tools.htmlDecodeByRegExp)(obj.objName),
+    onClickTitle: handleClickTitle
+  }, (0, _utils.getDynamicTitleProps)(obj)))), /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefix, "__description"),
     style: {
-      marginTop: renderTitle ? "12px" : "0"
+      marginTop: obj && obj.objName ? "12px" : "0"
     }
   }, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("img", {
     className: (0, _classnames["default"])("".concat(prefix, "__description-quoto"), "".concat(prefix, "__description-quoto--left")),
     alt: "",
     src: _dynamicLeftQuoto["default"]
   })), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_searchKeyHandle["default"], {
-    str: rewardContent,
+    str: rewardContent || "赐予你力量!",
     keyWord: searchKeyWord
   }), /*#__PURE__*/_react["default"].createElement("img", {
     className: (0, _classnames["default"])("".concat(prefix, "__description-quoto"), "".concat(prefix, "__description-quoto--right")),
     alt: "",
     src: _dynamicRightQuoto["default"]
   }), rewardTags && rewardTags.length && rewardTags.map(function (reward) {
-    return /*#__PURE__*/_react["default"].createElement("span", {
+    return reward.tagName && /*#__PURE__*/_react["default"].createElement("span", {
       className: "".concat(prefix, "__reward-tag"),
       style: {
         background: (0, _tools.hexToRgba)(reward.color, 0.2),

package/lib/components/dynamic/dynamic-item/dynamic-reward/utils.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isShowRewardObj = exports["default"] = void 0;
+
+var _constant = require("../../constant");
+
+var _NeedShowObj;
+
+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 NeedShowObj = (_NeedShowObj = {}, _defineProperty(_NeedShowObj, _constant.EObjType.Assess, "1"), _defineProperty(_NeedShowObj, _constant.EObjType.Kr, "1"), _defineProperty(_NeedShowObj, _constant.EObjType.MileStone, "1"), _defineProperty(_NeedShowObj, _constant.EObjType.O, "1"), _defineProperty(_NeedShowObj, _constant.EObjType.Project, "1"), _defineProperty(_NeedShowObj, _constant.EObjType.Report, "1"), _defineProperty(_NeedShowObj, _constant.EObjType.Task, "1"), _NeedShowObj);
+
+var isShowRewardObj = function isShowRewardObj(type) {
+  if (NeedShowObj[type]) {
+    return true;
+  }
+
+  return false;
+};
+
+exports.isShowRewardObj = isShowRewardObj;
+var _default = {
+  isShowRewardObj: isShowRewardObj
+};
+exports["default"] = _default;

package/lib/components/dynamic/dynamic-item/dynamic-share/index.css

@@ -3,15 +3,19 @@
 }
 
 .titaui-dynamic-share-item__content {
-  display: flex;
   font-size: 14px;
   color: #3f4755;
   line-height: 24px;
   margin-left: 88px;
 }
 
+.titaui-dynamic-share-item__content-obj {
+  display: flex;
+  margin-bottom: 4px;
+}
+
 .titaui-dynamic-share-item__operate-desc {
-  font-size: 16px;
+  font-size: 14px;
   font-weight: 400;
   color: #89919f;
   line-height: 24px;

package/lib/components/dynamic/dynamic-item/dynamic-share/index.js

@@ -21,8 +21,16 @@ var _getLocale = require("../../../../utils/getLocale");
 
 var _openData = require("../../../../utils/open-data");
 
+var _title = _interopRequireDefault(require("../../components/title"));
+
+var _drawerManager = _interopRequireDefault(require("../../../drawer-manager"));
+
+var _utils = require("../dynamic-progress/utils");
+
 require("./index.css");
 
+var _constant = require("../../constant");
+
 var _excluded = ["data", "dynamicShareIsShowToping", "hasDynamicOpereateAuth"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -47,16 +55,56 @@ var DynamicShare = function DynamicShare(_ref) {
       hasDynamicOpereateAuth = _ref$hasDynamicOperea === void 0 ? false : _ref$hasDynamicOperea,
       restProps = _objectWithoutProperties(_ref, _excluded);
 
+  var obj = data.obj;
+
   var _useContext = (0, _react.useContext)(_context.SearchKeyContext),
       searchKeyWord = _useContext.searchKeyWord;
 
   var contentRef = (0, _react.useRef)();
   var isPublisher = data.publishUser.userId === window.BSGlobal.loginUserInfo.Id;
   var renderDesc = (0, _react.useMemo)(function () {
+    var text = (0, _getLocale.getLocale)("Mod_postedshare"); // const { obj } = data;
+    // if (obj && obj.objType === EObjType.Kr) {
+    //   text = "";
+    // }
+    // if (obj && obj.objType === EObjType.O) {
+    //   text = `${getLocale("Mod_Updated")}${getLocale("Mod_objectiveprog")}`;
+    // }
+    // if (obj && obj.objType === EObjType.Task) {
+    //   text = `${getLocale("Mod_Updated")}${getLocale("Data_Taskprogress")}`;
+    // }
+    // if (obj && obj.objType === EObjType.Project) {
+    //   text = `${getLocale("Mod_Updated")}${getLocale("Mod_ProjectProgress")}`;
+    // }
+
     return /*#__PURE__*/_react["default"].createElement("span", {
       className: "".concat(prefix, "__operate-desc")
-    }, (0, _getLocale.getLocale)("Mod_postedshare"));
+    }, text);
   }, []);
+
+  var handleClickTitle = function handleClickTitle() {
+    if (!obj) {
+      return;
+    }
+
+    var objType = obj.objType,
+        objId = obj.objId;
+
+    if (objType === _constant.EObjType.Kr) {
+      _drawerManager["default"].open("krDetail", {
+        krId: objId
+      });
+    } else if (objType === _constant.EObjType.O) {
+      _drawerManager["default"].open("okrDetail", {
+        okrId: objId
+      });
+    } else if (objType === _constant.EObjType.Task) {
+      window.Talent.app.vent.trigger("global-pull-screen", objId, "task");
+    } else if (objType === _constant.EObjType.Project) {
+      window.open(window.location.href.replace(window.location.hash, "#work?iTalentNavCode=tita-work&work_id=".concat(objId)));
+    }
+  };
+
   (0, _react.useEffect)(function () {
     (0, _tools.highLightWord)({
       parentDom: contentRef.current,
@@ -73,7 +121,12 @@ var DynamicShare = function DynamicShare(_ref) {
     user: data.publishUser
   }, restProps)), /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefix, "__content")
-  }, /*#__PURE__*/_react["default"].createElement("div", {
+  }, obj && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(prefix, "__content-obj")
+  }, /*#__PURE__*/_react["default"].createElement(_title["default"], _extends({
+    content: (0, _tools.htmlDecodeByRegExp)(obj === null || obj === void 0 ? void 0 : obj.objName),
+    onClickTitle: handleClickTitle
+  }, (0, _utils.getDynamicTitleProps)(obj)))), /*#__PURE__*/_react["default"].createElement("div", {
     ref: contentRef
   }, (0, _openData.parseTag)(data.content))), data.attachments && /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefix, "__files")

package/lib/components/dynamic/dynamic-item/dynamic-task/index.css

@@ -93,7 +93,7 @@
 }
 
 .titaui-dynamic-task-item__object-name {
-  font-size: 16px;
+  font-size: 14px;
   color: #2879ff;
   line-height: 24px;
   margin: 0 4px;
@@ -106,7 +106,7 @@
 }
 
 .titaui-dynamic-task-item__operate-desc {
-  font-size: 16px;
+  font-size: 14px;
   font-weight: 400;
   color: #89919f;
   line-height: 24px;

package/lib/components/dynamic/dynamic-item/dynamic-task/index.js

@@ -109,7 +109,7 @@ var DynamicTask = function DynamicTask(_ref) {
   var renderDesc = (0, _react.useMemo)(function () {
     var dom;
 
-    if (obj === null) {
+    if (obj === null || !obj.objName) {
       dom = "".concat((0, _getLocale.getLocale)("Mod_InChargeof")).concat((0, _getLocale.getLocale)("Mod_Tasks"));
     } else {
       dom = /*#__PURE__*/_react["default"].createElement("span", {

package/lib/components/dynamic/dynamic-item/index.css

@@ -36,7 +36,7 @@
 }
 
 .titaui-dynamic-item__footer {
-  margin: 12px 24px 0 88px;
+  margin: 8px 24px 0 88px;
   height: 54px;
   border-radius: 0px 0px 6px 6px;
   display: flex;
@@ -44,7 +44,7 @@
   align-items: center;
   color: #89919f;
   position: relative;
-  border-bottom: 1px solid #F0F4FA;
+  border-bottom: 1px solid #f0f4fa;
 }
 
 .titaui-dynamic-item__footer-left {
@@ -98,6 +98,23 @@
   color: #2879ff;
 }
 
+.titaui-dynamic-item__footer-icon-redenvelopes::before {
+  content: '';
+  display: inline-block;
+  background: url("../img/dynamic-reward-normal.svg") no-repeat;
+  background-size: 20px 20px;
+  width: 20px;
+  height: 20px;
+}
+
+.titaui-dynamic-item__footer-icon-redenvelopes:hover {
+  animation: redenvelopesRubberBand 1s;
+}
+
+.titaui-dynamic-item__footer-icon-redenvelopes:hover::before {
+  background: url("../img/dynamic-reward-hover.svg") no-repeat;
+}
+
 .titaui-dynamic-item__footer-number {
   margin-left: 8px;
   font-size: 14px;
@@ -116,14 +133,52 @@
 }
 
 .titaui-dynamic-item__communication {
-  padding: 8px 20px 20px 88px;
+  padding: 8px 20px 24px 88px;
 }
 
 .titaui-dynamic-item__upvote-btn {
   color: #a4acb9;
   font-size: 20px;
+  width: 20px !important;
 }
 
 .titaui-dynamic-item__upvote-btn:hover {
   color: #2879ff;
 }
+
+@keyframes redenvelopesRubberBand {
+  0% {
+    -webkit-transform: scaleX(1);
+    transform: scaleX(1);
+  }
+
+  30% {
+    -webkit-transform: scale3d(1.25, 0.75, 1);
+    transform: scale3d(1.25, 0.75, 1);
+  }
+
+  40% {
+    -webkit-transform: scale3d(0.75, 1.25, 1);
+    transform: scale3d(0.75, 1.25, 1);
+  }
+
+  50% {
+    -webkit-transform: scale3d(1.15, 0.85, 1);
+    transform: scale3d(1.15, 0.85, 1);
+  }
+
+  65% {
+    -webkit-transform: scale3d(0.95, 1.05, 1);
+    transform: scale3d(0.95, 1.05, 1);
+  }
+
+  75% {
+    -webkit-transform: scale3d(1.05, 0.95, 1);
+    transform: scale3d(1.05, 0.95, 1);
+  }
+
+  to {
+    -webkit-transform: scaleX(1);
+    transform: scaleX(1);
+  }
+}