@titaui/pc 1.5.69-beta.7 → 1.5.69-beta.8

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

@@ -31,6 +31,8 @@ var _objStatus = _interopRequireDefault(require("../../components/obj-status"));
 
 var _constant = require("../../constant");
 
+var _util = require("../../util");
+
 require("./index.css");
 
 var _excluded = ["data"];
@@ -60,11 +62,17 @@ var DynamicProgress = function DynamicProgress(_ref) {
       progressGrow = data.progressGrow,
       riskLevel = data.riskLevel,
       obj = data.obj,
-      classify = data.classify;
+      classify = data.classify,
+      relationParentName = data.relationParentName,
+      relationParentId = data.relationParentId;
 
   var _useContext = (0, _react.useContext)(_context.SearchKeyContext),
       searchKeyWord = _useContext.searchKeyWord;
 
+  var _getFeedTypeAndTypeCo = (0, _util.getFeedTypeAndTypeColor)(data.feedType),
+      feedTypeText = _getFeedTypeAndTypeCo.feedTypeText,
+      feedTypeColor = _getFeedTypeAndTypeCo.feedTypeColor;
+
   var handleClickTitle = function handleClickTitle() {
     if (!obj) {
       return;
@@ -88,6 +96,12 @@ var DynamicProgress = function DynamicProgress(_ref) {
     }
   };
 
+  var handleClickOTitle = function handleClickOTitle() {
+    _manager["default"].open("okrDetail", {
+      okrId: relationParentId
+    });
+  };
+
   var renderTitle = (0, _react.useMemo)(function () {
     if (!obj) {
       return;
@@ -125,11 +139,47 @@ var DynamicProgress = function DynamicProgress(_ref) {
       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 dom;
+
+    if (obj && obj.objType === _constant.EObjType.Kr) {
+      dom = /*#__PURE__*/_react["default"].createElement("span", null, "\u66F4\u65B0\u4E86\u76EE\u6807", /*#__PURE__*/_react["default"].createElement("span", {
+        className: prefix + "__object-name",
+        onClick: handleClickOTitle
+      }, /*#__PURE__*/_react["default"].createElement(_searchKeyHandle["default"], {
+        str: relationParentName,
+        keyWord: searchKeyWord
+      })), "\u4E0B\u5173\u952E\u6210\u679C\u8FDB\u5C55");
+    }
+
+    if (obj && obj.objType === _constant.EObjType.O) {
+      dom = "更新了目标进展";
+    }
+
+    if (obj && obj.objType === _constant.EObjType.Task) {
+      dom = "更新了任务进展";
+    }
+
+    if (obj && obj.objType === _constant.EObjType.Project) {
+      dom = "更新了项目进展";
+    }
+
+    return /*#__PURE__*/_react["default"].createElement(_react.Fragment, null, /*#__PURE__*/_react["default"].createElement("span", {
+      className: prefix + "__operate-desc"
+    }, dom), /*#__PURE__*/_react["default"].createElement("span", {
+      className: prefix + "-desc-operate-type",
+      style: {
+        background: feedTypeColor
+      }
+    }, feedTypeText));
+  }, []);
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: prefix
   }, /*#__PURE__*/_react["default"].createElement(_header["default"], _extends({
     data: data
-  }, restProps)), /*#__PURE__*/_react["default"].createElement("div", {
+  }, restProps, {
+    desc: renderDesc
+  })), /*#__PURE__*/_react["default"].createElement("div", {
     className: prefix + "__content"
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: prefix + "__title"

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

@@ -65,3 +65,27 @@
   height: 26px;
   margin-right: 4px;
 }
+
+.titaui-dynamic-project-item__operate-desc {
+  font-size: 14px;
+  font-weight: 400;
+  color: #89919f;
+  line-height: 22px;
+  margin: 0 8px 0 4px;
+  overflow: hidden;
+}
+
+.titaui-dynamic-project-item-desc-operate-type {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 40px;
+  height: 18px;
+  min-width: 40px;
+  clip-path: polygon(0 100%, 100% 100%, 100% 0, 15% 0);
+  -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 0, 15% 0);
+  border-radius: 14px 10px 10px 4px;
+  font-size: 12px;
+  color: #ffffff;
+  line-height: 18px;
+}

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

@@ -27,6 +27,8 @@ var _tooltip = require("../../../tooltip");
 
 var _project = _interopRequireDefault(require("./img/project.png"));
 
+var _util = require("../../util");
+
 require("./index.css");
 
 var _excluded = ["data"];
@@ -57,6 +59,10 @@ var DynamicProject = function DynamicProject(_ref) {
   var _useContext = (0, _react.useContext)(_context.SearchKeyContext),
       searchKeyWord = _useContext.searchKeyWord;
 
+  var _getFeedTypeAndTypeCo = (0, _util.getFeedTypeAndTypeColor)(data.feedType),
+      feedTypeText = _getFeedTypeAndTypeCo.feedTypeText,
+      feedTypeColor = _getFeedTypeAndTypeCo.feedTypeColor;
+
   var handleClickTitle = function handleClickTitle() {
     window.open(window.location.href.replace(location.hash, "#work?iTalentNavCode=tita-work&work_id=" + data.obj.objId));
   };
@@ -70,15 +76,28 @@ var DynamicProject = function DynamicProject(_ref) {
       keyWord: searchKeyWord
     }));
   }, [workName]);
+  var renderDesc = (0, _react.useMemo)(function () {
+    /*#__PURE__*/
+    _react["default"].createElement(_react.Fragment, null, /*#__PURE__*/_react["default"].createElement("span", {
+      className: prefix + "__operate-desc"
+    }, "\u8D1F\u8D23\u4E86\u9879\u76EE"), /*#__PURE__*/_react["default"].createElement("span", {
+      className: prefix + "-desc-operate-type",
+      style: {
+        background: feedTypeColor
+      }
+    }, feedTypeText));
+  }, []);
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: prefix
   }, /*#__PURE__*/_react["default"].createElement(_header["default"], _extends({
     data: data
-  }, restProps)), /*#__PURE__*/_react["default"].createElement("div", {
+  }, restProps, {
+    desc: renderDesc
+  })), /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefix, "__content")
   }, /*#__PURE__*/_react["default"].createElement(_icon["default"], {
-    background: '#5C8EFF',
-    boxShadow: '0px 2px 6px 0px rgba(92, 142, 255, 0.4)',
+    background: "#5C8EFF",
+    boxShadow: "0px 2px 6px 0px rgba(92, 142, 255, 0.4)",
     imgUrl: _project["default"]
   }), /*#__PURE__*/_react["default"].createElement("div", {
     className: prefix + "__content-info"

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

@@ -69,3 +69,27 @@
 .titaui-dynamic-relative-item__space {
   height: 20px;
 }
+
+.titaui-dynamic-relative-item__operate-desc {
+  font-size: 14px;
+  font-weight: 400;
+  color: #89919f;
+  line-height: 22px;
+  margin: 0 8px 0 4px;
+  overflow: hidden;
+}
+
+.titaui-dynamic-relative-item-desc-operate-type {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 40px;
+  height: 18px;
+  min-width: 40px;
+  clip-path: polygon(0 100%, 100% 100%, 100% 0, 15% 0);
+  -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 0, 15% 0);
+  border-radius: 14px 10px 10px 4px;
+  font-size: 12px;
+  color: #ffffff;
+  line-height: 18px;
+}

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

@@ -1,11 +1,13 @@
 "use strict";
 
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
@@ -23,12 +25,18 @@ var _conditionRender = _interopRequireDefault(require("../../components/conditio
 
 var _manager = _interopRequireDefault(require("../../../drawer/manager"));
 
+var _util = require("../../util");
+
 require("./index.css");
 
 var _excluded = ["data"];
 
 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 _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; }
 
 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); }
@@ -57,6 +65,10 @@ var DynamicRelative = function DynamicRelative(_ref) {
       rObjprincipalUser = data.rObjprincipalUser,
       rObjCycleName = data.rObjCycleName;
 
+  var _getFeedTypeAndTypeCo = (0, _util.getFeedTypeAndTypeColor)(data.feedType),
+      feedTypeText = _getFeedTypeAndTypeCo.feedTypeText,
+      feedTypeColor = _getFeedTypeAndTypeCo.feedTypeColor;
+
   var handleClickTitle = function handleClickTitle(id, type) {
     if (type === _constant.EObjType.Kr) {
       _manager["default"].open("krDetail", {
@@ -79,11 +91,33 @@ var DynamicRelative = function DynamicRelative(_ref) {
     }
   };
 
+  var renderDesc = (0, _react.useMemo)(function () {
+    var text;
+
+    if (relateObjType === _constant.EObjType.Kr) {
+      text = "关联了关键成果";
+    }
+
+    if (relateObjType === _constant.EObjType.O) {
+      text = "关联了目标";
+    }
+
+    return /*#__PURE__*/_react["default"].createElement(_react.Fragment, null, /*#__PURE__*/_react["default"].createElement("span", {
+      className: prefix + "__operate-desc"
+    }, text), /*#__PURE__*/_react["default"].createElement("span", {
+      className: prefix + "-desc-operate-type",
+      style: {
+        background: feedTypeColor
+      }
+    }, feedTypeText));
+  }, []);
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: prefix
   }, /*#__PURE__*/_react["default"].createElement(_header["default"], _extends({
     data: data
-  }, restProps)), /*#__PURE__*/_react["default"].createElement("div", {
+  }, restProps, {
+    desc: renderDesc
+  })), /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefix, "__content")
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: prefix + "__obj"

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

@@ -95,3 +95,40 @@
 .titaui-dynamic-reply-item__detail-block-content--sub {
   margin-left: 20px;
 }
+
+.titaui-dynamic-reply-item__object-name {
+  font-size: 14px;
+  color: #2879ff;
+  line-height: 22px;
+  margin: 0 4px;
+  overflow: hidden;
+}
+
+.titaui-dynamic-reply-item__object-name:hover {
+  cursor: pointer;
+  color: #5c8eff;
+}
+
+.titaui-dynamic-reply-item__operate-desc {
+  font-size: 14px;
+  font-weight: 400;
+  color: #89919f;
+  line-height: 22px;
+  margin: 0 8px 0 4px;
+  overflow: hidden;
+}
+
+.titaui-dynamic-reply-item-desc-operate-type {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 40px;
+  height: 18px;
+  min-width: 40px;
+  clip-path: polygon(0 100%, 100% 100%, 100% 0, 15% 0);
+  -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 0, 15% 0);
+  border-radius: 14px 10px 10px 4px;
+  font-size: 12px;
+  color: #ffffff;
+  line-height: 18px;
+}

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

@@ -23,6 +23,10 @@ var _constant = require("../../constant");
 
 var _title = _interopRequireDefault(require("../../components/title"));
 
+var _util = require("../../util");
+
+var _tooltip = require("../../../tooltip");
+
 require("./index.css");
 
 var _excluded = ["data"];
@@ -48,6 +52,13 @@ var DynamicReply = function DynamicReply(_ref) {
   var _useContext = (0, _react.useContext)(_context.SearchKeyContext),
       searchKeyWord = _useContext.searchKeyWord;
 
+  var replayObjType = data.replayObjType,
+      feedType = data.feedType;
+
+  var _getFeedTypeAndTypeCo = (0, _util.getFeedTypeAndTypeColor)(feedType),
+      feedTypeText = _getFeedTypeAndTypeCo.feedTypeText,
+      feedTypeColor = _getFeedTypeAndTypeCo.feedTypeColor;
+
   var handleShowTaskDrawer = function handleShowTaskDrawer(taskId) {
     window.Talent.app.vent.trigger("global-pull-screen", taskId, "task");
   };
@@ -66,11 +77,47 @@ var DynamicReply = function DynamicReply(_ref) {
     }
   };
 
+  var handleClickOTitle = function handleClickOTitle() {
+    _manager["default"].open("okrDetail", {
+      okrId: data.obj.objId
+    });
+  };
+
+  var renderDesc = (0, _react.useMemo)(function () {
+    var dom;
+
+    if (replayObjType === _constant.EObjType.O) {
+      dom = "的目标复盘";
+    }
+
+    if (replayObjType === _constant.EObjType.Kr) {
+      dom = /*#__PURE__*/_react["default"].createElement("span", {
+        className: prefix + "__operate-desc-wrapper"
+      }, "\u5728\u76EE\u6807", /*#__PURE__*/_react["default"].createElement("span", {
+        className: prefix + "__object-name",
+        onClick: handleClickOTitle
+      }, /*#__PURE__*/_react["default"].createElement(_tooltip.TooltipText, {
+        text: data.obj.objName,
+        isPercent: true
+      })), "\u4E0B\u5173\u952E\u6210\u679C\u7684\u590D\u76D8");
+    }
+
+    return /*#__PURE__*/_react["default"].createElement(_react.Fragment, null, /*#__PURE__*/_react["default"].createElement("span", {
+      className: prefix + "__operate-desc"
+    }, dom), /*#__PURE__*/_react["default"].createElement("span", {
+      className: prefix + "-desc-operate-type",
+      style: {
+        background: feedTypeColor
+      }
+    }, feedTypeText));
+  }, []);
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: prefix
   }, /*#__PURE__*/_react["default"].createElement(_header["default"], _extends({
     data: data
-  }, restProps)), /*#__PURE__*/_react["default"].createElement("div", {
+  }, restProps, {
+    desc: renderDesc
+  })), /*#__PURE__*/_react["default"].createElement("div", {
     className: prefix + "__content"
   }, /*#__PURE__*/_react["default"].createElement(_title["default"], {
     content: "".concat(data.replayObjType === 65 ? "KR：" : "O：").concat(data.replayObjName),

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

@@ -58,13 +58,37 @@
 }
 
 .titaui-dynamic-report-item__complete-type--normal {
-  color: #5AD8A6;
+  color: #5ad8a6;
 }
 
 .titaui-dynamic-report-item__complete-type--delay {
-  color: #624DFF;
+  color: #624dff;
 }
 
 .titaui-dynamic-report-item .highlight {
   color: #f05e5e;
 }
+
+.titaui-dynamic-report-item__operate-desc {
+  font-size: 14px;
+  font-weight: 400;
+  color: #89919f;
+  line-height: 22px;
+  margin: 0 8px 0 4px;
+  overflow: hidden;
+}
+
+.titaui-dynamic-report-item-desc-operate-type {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 40px;
+  height: 18px;
+  min-width: 40px;
+  clip-path: polygon(0 100%, 100% 100%, 100% 0, 15% 0);
+  -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 0, 15% 0);
+  border-radius: 14px 10px 10px 4px;
+  font-size: 12px;
+  color: #ffffff;
+  line-height: 18px;
+}

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

@@ -21,6 +21,8 @@ var _tools = require("../../../../utils/tools");
 
 var _title = _interopRequireDefault(require("../../components/title"));
 
+var _util = require("../../util");
+
 require("./index.css");
 
 var _excluded = ["data"];
@@ -57,7 +59,12 @@ var DynamicReply = function DynamicReply(_ref) {
       searchKeyWord = _useContext.searchKeyWord;
 
   var submitState = data.submitState,
-      feedId = data.feedId;
+      feedId = data.feedId,
+      feedType = data.feedType;
+
+  var _getFeedTypeAndTypeCo = (0, _util.getFeedTypeAndTypeColor)(feedType),
+      feedTypeText = _getFeedTypeAndTypeCo.feedTypeText,
+      feedTypeColor = _getFeedTypeAndTypeCo.feedTypeColor;
 
   var handleClickTitle = function handleClickTitle() {
     // @ts-ignore
@@ -73,6 +80,16 @@ var DynamicReply = function DynamicReply(_ref) {
       className: (0, _classnames["default"])("".concat(prefix, "__complete-type-icon"), (_classNames2 = {}, _defineProperty(_classNames2, "".concat(prefix, "__complete-type-icon--normal"), submitState === 1), _defineProperty(_classNames2, "".concat(prefix, "__complete-type-icon--delay"), submitState === 2), _classNames2))
     }), submitState === 1 ? "按" : "延", "\u65F6\u63D0\u4EA4");
   }, []);
+  var renderDesc = (0, _react.useMemo)(function () {
+    return /*#__PURE__*/_react["default"].createElement(_react.Fragment, null, /*#__PURE__*/_react["default"].createElement("span", {
+      className: prefix + "__operate-desc"
+    }, "\u7684\u603B\u7ED3"), /*#__PURE__*/_react["default"].createElement("span", {
+      className: prefix + "-desc-operate-type",
+      style: {
+        background: feedTypeColor
+      }
+    }, feedTypeText));
+  }, []);
   (0, _react.useEffect)(function () {
     (0, _tools.highLightWord)({
       parentDom: contentRichTextRef.current,
@@ -87,7 +104,9 @@ var DynamicReply = function DynamicReply(_ref) {
     className: prefix
   }, /*#__PURE__*/_react["default"].createElement(_header["default"], _extends({
     data: data
-  }, restProps)), /*#__PURE__*/_react["default"].createElement("div", {
+  }, restProps, {
+    desc: renderDesc
+  })), /*#__PURE__*/_react["default"].createElement("div", {
     className: prefix + "__content"
   }, /*#__PURE__*/_react["default"].createElement(_title["default"], {
     content: EReportType[data.reportType] + data.name,

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

@@ -14,7 +14,7 @@
 
 .titaui-dynamic-reward-item__description {
   font-size: 14px;
-  color: #3F4755;
+  color: #3f4755;
   line-height: 22px;
   display: flex;
   margin-top: 12px;
@@ -49,3 +49,49 @@
   font-size: 12px;
   line-height: 18px;
 }
+
+.titaui-dynamic-reward-item__operate-desc {
+  font-size: 14px;
+  font-weight: 400;
+  color: #89919f;
+  line-height: 22px;
+  margin: 0 8px 0 4px;
+  overflow: hidden;
+}
+
+.titaui-dynamic-reward-item-desc-operate-type {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 40px;
+  height: 18px;
+  min-width: 40px;
+  clip-path: polygon(0 100%, 100% 100%, 100% 0, 15% 0);
+  -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 0, 15% 0);
+  border-radius: 14px 10px 10px 4px;
+  font-size: 12px;
+  color: #ffffff;
+  line-height: 18px;
+}
+
+.titaui-dynamic-reward-item__reward-img {
+  width: 25px;
+}
+
+.titaui-dynamic-reward-item__reward-user {
+  font-size: 14px;
+  font-weight: 600;
+  color: #3f4755;
+  line-height: 22px;
+  margin: 0 4px;
+}
+
+.titaui-dynamic-reward-item__reward-user:hover {
+  cursor: pointer;
+  color: #2879ff;
+}
+
+.titaui-dynamic-reward-item__reward-user--not-link:hover {
+  cursor: default !important;
+  color: #3f4755 !important;
+}

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

@@ -29,6 +29,10 @@ var _constant = require("../../constant");
 
 var _tools = require("../../../../utils/tools");
 
+var _openData = require("../../../../utils/open-data");
+
+var _util = require("../../util");
+
 require("./index.css");
 
 var _excluded = ["data"];
@@ -56,11 +60,17 @@ var DynamicReward = function DynamicReward(_ref) {
   var rewardContent = data.rewardContent,
       rewardTags = data.rewardTags,
       obj = data.obj,
-      classify = data.classify;
+      classify = data.classify,
+      feedType = data.feedType,
+      rewardUser = data.rewardUser;
 
   var _useContext = (0, _react.useContext)(_context.SearchKeyContext),
       searchKeyWord = _useContext.searchKeyWord;
 
+  var _getFeedTypeAndTypeCo = (0, _util.getFeedTypeAndTypeColor)(feedType),
+      feedTypeText = _getFeedTypeAndTypeCo.feedTypeText,
+      feedTypeColor = _getFeedTypeAndTypeCo.feedTypeColor;
+
   var handleClickTitle = function handleClickTitle() {
     if (!obj) {
       return;
@@ -128,11 +138,40 @@ var DynamicReward = function DynamicReward(_ref) {
       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 = (0, _tools.getUrlForUserPage)({
+      userId: rewardUser.name,
+      userType: rewardUser.userType
+    });
+
+    var handleOpenUserPage = function handleOpenUserPage() {
+      window.open(url, "_blank");
+    };
+
+    return /*#__PURE__*/_react["default"].createElement(_react.Fragment, null, /*#__PURE__*/_react["default"].createElement("span", {
+      className: prefix + "__operate-desc"
+    }, /*#__PURE__*/_react["default"].createElement("span", {
+      className: prefix + "__reward"
+    }, "\u83B7\u5F97", /*#__PURE__*/_react["default"].createElement("span", {
+      className: (0, _classnames["default"])(prefix + "__reward-user", _defineProperty({}, prefix + "__reward-user--not-link", !url)),
+      onClick: handleOpenUserPage
+    }, /*#__PURE__*/_react["default"].createElement(_openData.OpenUserName, {
+      name: rewardUser.name,
+      id: rewardUser.userId
+    })), "\u6253\u8D4F")), /*#__PURE__*/_react["default"].createElement("span", {
+      className: prefix + "-desc-operate-type",
+      style: {
+        background: feedTypeColor
+      }
+    }, feedTypeText));
+  }, []);
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: prefix
   }, /*#__PURE__*/_react["default"].createElement(_header["default"], _extends({
     data: data
-  }, restProps)), /*#__PURE__*/_react["default"].createElement("div", {
+  }, restProps, {
+    desc: renderDesc
+  })), /*#__PURE__*/_react["default"].createElement("div", {
     className: prefix + "__content"
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: prefix + "__title"

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

@@ -3,11 +3,12 @@
 }
 
 .titaui-dynamic-share-item__content {
+  display: flex;
   font-size: 14px;
-  color: #3F4755;
+  color: #3f4755;
   line-height: 22px;
-  display: flex;
   margin-bottom: 12px;
+  margin-left: 69px;
 }
 
 .titaui-dynamic-share-item__content-quoto {
@@ -24,3 +25,27 @@
   margin-left: 8px;
   margin-top: 4px;
 }
+
+.titaui-dynamic-share-item__operate-desc {
+  font-size: 14px;
+  font-weight: 400;
+  color: #89919f;
+  line-height: 22px;
+  margin: 0 8px 0 4px;
+  overflow: hidden;
+}
+
+.titaui-dynamic-share-item-desc-operate-type {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 40px;
+  height: 18px;
+  min-width: 40px;
+  clip-path: polygon(0 100%, 100% 100%, 100% 0, 15% 0);
+  -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 0, 15% 0);
+  border-radius: 14px 10px 10px 4px;
+  font-size: 12px;
+  color: #ffffff;
+  line-height: 18px;
+}