@titaui/pc 1.5.69-beta.19 → 1.5.69-beta.22

package/lib/components/communication/index.js

@@ -231,6 +231,7 @@ var Communication = /*#__PURE__*/function (_PureComponent) {
         sentData.CommentId = 0;
         sentData.ObjId = 0;
         sentData.ObjType = 0;
+        sentData.Content = sentData.Content || ' ';
 
         if (isShowReplyToUser) {
           sentData.CommentId = replyUserCommentId;
@@ -350,7 +351,9 @@ var Communication = /*#__PURE__*/function (_PureComponent) {
           _this$props8$submitTe = _this$props8.submitText,
           submitText = _this$props8$submitTe === void 0 ? "回复" : _this$props8$submitTe,
           _this$props8$highLigh = _this$props8.highLightKeyWord,
-          highLightKeyWord = _this$props8$highLigh === void 0 ? '' : _this$props8$highLigh;
+          highLightKeyWord = _this$props8$highLigh === void 0 ? '' : _this$props8$highLigh,
+          _this$props8$autoFocu = _this$props8.autoFocus,
+          autoFocus = _this$props8$autoFocu === void 0 ? false : _this$props8$autoFocu;
       return /*#__PURE__*/_react["default"].createElement(_style.CommunicationWrapper, {
         className: "communcation-wrapper ".concat(className)
       }, /*#__PURE__*/_react["default"].createElement("div", null, communicationTrackTotal > 0 && /*#__PURE__*/_react["default"].createElement(_style.CommunicationRecordTotal, null, /*#__PURE__*/_react["default"].createElement("div", {
@@ -408,6 +411,8 @@ var Communication = /*#__PURE__*/function (_PureComponent) {
         submitStatus: submitStatus,
         userSelectorPopAlign: userSelectorPopAlign,
         emotionsSelectorPopAlign: emotionsSelectorPopAlign,
+        autoFocus: autoFocus,
+        autoResizing: false,
         onMblogSubmit: function onMblogSubmit(submitType, sentData) {
           return _this2.handlerReply(submitType, sentData);
         }

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

@@ -17,8 +17,6 @@ var _dropdownLayer = _interopRequireWildcard(require("../../../../dropdown-layer
 
 var _requestApi = require("../../../request-api");
 
-var _constant = require("../../../constant");
-
 var _dialogConfirm = _interopRequireWildcard(require("../../../../dialog-confirm"));
 
 var _popDownNotification = require("../../../../pop-down-notification");
@@ -54,15 +52,16 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var prefix = "titaui-dynamic-item-header";
 
 var DynamicItemHeader = function DynamicItemHeader(_ref) {
-  var _ref$hasDynamicOperea = _ref.hasDynamicOpereateAuth,
-      hasDynamicOpereateAuth = _ref$hasDynamicOperea === void 0 ? false : _ref$hasDynamicOperea,
-      _ref$onDeleteFeed = _ref.onDeleteFeed,
+  var _ref$onDeleteFeed = _ref.onDeleteFeed,
       onDeleteFeed = _ref$onDeleteFeed === void 0 ? function () {} : _ref$onDeleteFeed,
+      _ref$showDelete = _ref.showDelete,
+      showDelete = _ref$showDelete === void 0 ? false : _ref$showDelete,
+      _ref$showTopping = _ref.showTopping,
+      showTopping = _ref$showTopping === void 0 ? false : _ref$showTopping,
       data = _ref.data,
-      desc = _ref.desc;
-  var publishUser = data.publishUser,
-      createDate = data.createDate,
-      feedType = data.feedType,
+      desc = _ref.desc,
+      user = _ref.user;
+  var createDate = data.createDate,
       feedId = data.feedId,
       _data$isTop = data.isTop,
       isTop = _data$isTop === void 0 ? false : _data$isTop,
@@ -84,50 +83,18 @@ var DynamicItemHeader = function DynamicItemHeader(_ref) {
       showDialogConfirm = _useState6[0],
       setShowDialogConfirm = _useState6[1];
 
-  var isShareOrAnnouncement = feedType === _constant.EFeedType.Share; // const url = getUrlForUserPage({
+  var _useState7 = (0, _react.useState)(false),
+      _useState8 = _slicedToArray(_useState7, 2),
+      selectVisible = _useState8[0],
+      setSelectVisible = _useState8[1]; // const url = getUrlForUserPage({
   //   userId: publishUser.id || publishUser.userId,
   //   userType: publishUser.userType || 2,
   // });
 
-  var url = '';
-
-  var onChangeHandler = function onChangeHandler(name, _) {
-    if (name === "top") {
-      if (nowIsTop) {
-        (0, _requestApi.cancelTopDynamic)({
-          feedId: feedId
-        }).then(function (resp) {
-          if (resp.Code === 1) {
-            setNowIsTop(!nowIsTop);
 
-            _popDownNotification.Toast.Success("操作成功", {
-              canClose: false
-            });
-          } else {
-            _popDownNotification.Toast.Error(resp.Message, {
-              canClose: false
-            });
-          }
-        });
-      } else {
-        (0, _requestApi.topDynamic)({
-          feedId: feedId
-        }).then(function (resp) {
-          if (resp.Code === 1) {
-            setNowIsTop(!nowIsTop);
-
-            _popDownNotification.Toast.Success("操作成功", {
-              canClose: false
-            });
-          } else {
-            _popDownNotification.Toast.Error(resp.Message, {
-              canClose: false
-            });
-          }
-        });
-      }
-    }
+  var url = "";
 
+  var onChangeHandler = function onChangeHandler(name, _) {
     if (name === "collect") {
       if (nowIsCollect) {
         (0, _requestApi.cancelCollectDynamic)({
@@ -163,12 +130,49 @@ var DynamicItemHeader = function DynamicItemHeader(_ref) {
         });
       }
     }
+  };
 
-    if (name === "delete") {
-      setShowDialogConfirm(true);
+  var handleTopOperateClick = function handleTopOperateClick() {
+    if (nowIsTop) {
+      (0, _requestApi.cancelTopDynamic)({
+        feedId: feedId
+      }).then(function (resp) {
+        if (resp.Code === 1) {
+          setNowIsTop(!nowIsTop);
+
+          _popDownNotification.Toast.Success("操作成功", {
+            canClose: false
+          });
+        } else {
+          _popDownNotification.Toast.Error(resp.Message, {
+            canClose: false
+          });
+        }
+      });
+    } else {
+      (0, _requestApi.topDynamic)({
+        feedId: feedId
+      }).then(function (resp) {
+        if (resp.Code === 1) {
+          setNowIsTop(!nowIsTop);
+
+          _popDownNotification.Toast.Success("操作成功", {
+            canClose: false
+          });
+        } else {
+          _popDownNotification.Toast.Error(resp.Message, {
+            canClose: false
+          });
+        }
+      });
     }
   };
 
+  var handleDeleteClick = function handleDeleteClick() {
+    setShowDialogConfirm(true);
+    setSelectVisible(false);
+  };
+
   var enSureDeleteDynamic = function enSureDeleteDynamic() {
     (0, _requestApi.deleteDynamic)({
       feedId: feedId
@@ -188,6 +192,10 @@ var DynamicItemHeader = function DynamicItemHeader(_ref) {
     setShowDialogConfirm(false);
   };
 
+  var handleShowDropSelector = function handleShowDropSelector() {
+    setSelectVisible(true);
+  };
+
   var handleOpenUserPage = function handleOpenUserPage() {
     if (!url) return;
     window.open(url, "_blank");
@@ -215,10 +223,10 @@ var DynamicItemHeader = function DynamicItemHeader(_ref) {
     className: (0, _classnames["default"])(prefix + "-desc-avatar", _defineProperty({}, prefix + "-desc-avatar--not-link", !url)),
     onClick: handleOpenUserPage
   }, /*#__PURE__*/_react["default"].createElement(_avatar["default"], {
-    name: publishUser.name,
-    userId: publishUser.id || publishUser.userId,
-    src: publishUser.avatar.medium,
-    color: publishUser.avatar.color,
+    name: user.name,
+    userId: user.id || user.userId,
+    src: user.avatar.medium,
+    color: user.avatar.color,
     size: {
       width: 40,
       textNum: 1,
@@ -234,8 +242,8 @@ var DynamicItemHeader = function DynamicItemHeader(_ref) {
   }, /*#__PURE__*/_react["default"].createElement(_tooltip.TooltipText, {
     maxWidth: 98,
     text: /*#__PURE__*/_react["default"].createElement(_openData.OpenUserName, {
-      name: publishUser.name,
-      id: publishUser.userId
+      name: user.name,
+      id: user.userId
     })
   })), desc), /*#__PURE__*/_react["default"].createElement("div", {
     className: prefix + "-desc-time"
@@ -246,8 +254,10 @@ var DynamicItemHeader = function DynamicItemHeader(_ref) {
     checked: ["collect"],
     onChange: onChangeHandler,
     multi: false,
+    visible: selectVisible,
     trigger: /*#__PURE__*/_react["default"].createElement("span", {
-      className: (0, _classnames["default"])(prefix + "-right", "tu-icon-more1")
+      className: (0, _classnames["default"])(prefix + "-right", "tu-icon-more1"),
+      onClick: handleShowDropSelector
     })
   }, /*#__PURE__*/_react["default"].createElement(_dropdownLayer.Item, {
     name: "collect"
@@ -256,17 +266,19 @@ var DynamicItemHeader = function DynamicItemHeader(_ref) {
   }, /*#__PURE__*/_react["default"].createElement("i", {
     className: (0, _classnames["default"])("tu-icon-APP-shoucang", prefix + "__more-operate-selection-icon")
   }), nowIsCollect ? "取消收藏" : "收藏")), /*#__PURE__*/_react["default"].createElement(_conditionRender["default"], {
-    condition: hasDynamicOpereateAuth && isShareOrAnnouncement
+    condition: showTopping
   }, /*#__PURE__*/_react["default"].createElement(_dropdownLayer.Item, {
-    name: "top"
+    name: "top",
+    onClick: handleTopOperateClick
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: prefix + "__more-operate-selection"
   }, /*#__PURE__*/_react["default"].createElement("i", {
     className: (0, _classnames["default"])("tu-icon-zhiding", prefix + "__more-operate-selection-icon")
   }), nowIsTop ? "取消置顶" : "置顶"))), /*#__PURE__*/_react["default"].createElement(_conditionRender["default"], {
-    condition: hasDynamicOpereateAuth && isShareOrAnnouncement
+    condition: showDelete
   }, /*#__PURE__*/_react["default"].createElement(_dropdownLayer.Item, {
-    name: "delete"
+    name: "delete",
+    onClick: handleDeleteClick
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: prefix + "__more-operate-selection"
   }, /*#__PURE__*/_react["default"].createElement("i", {

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

@@ -83,7 +83,7 @@
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  width: 40px;
+  padding: 0 2px;
   height: 18px;
   min-width: 40px;
   clip-path: polygon(0 100%, 100% 100%, 100% 0, 15% 0);

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

@@ -60,7 +60,8 @@ var DynamicAlign = function DynamicAlign(_ref) {
       parentPrincipalUser = data.parentPrincipalUser,
       parentcycleName = data.parentcycleName,
       cycleName = data.cycleName,
-      feedType = data.feedType;
+      feedType = data.feedType,
+      publishUser = data.publishUser;
 
   var _useContext = (0, _react.useContext)(_context.SearchKeyContext),
       searchKeyWord = _useContext.searchKeyWord;
@@ -108,7 +109,8 @@ var DynamicAlign = function DynamicAlign(_ref) {
   }, /*#__PURE__*/_react["default"].createElement(_header["default"], _extends({
     data: data
   }, restProps, {
-    desc: renderDesc
+    desc: renderDesc,
+    user: publishUser
   })), /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefix, "__content")
   }, /*#__PURE__*/_react["default"].createElement("div", {

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

@@ -38,7 +38,7 @@
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  width: 40px;
+  padding: 0 2px;
   height: 18px;
   min-width: 40px;
   clip-path: polygon(0 100%, 100% 100%, 100% 0, 15% 0);
@@ -48,3 +48,7 @@
   color: #ffffff;
   line-height: 18px;
 }
+
+.titaui-dynamic-announcement-item .highlight {
+  color: #f05e5e;
+}

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

@@ -19,15 +19,17 @@ var _fileList = _interopRequireDefault(require("../../../file-list"));
 
 var _context = require("../../context");
 
-var _searchKeyHandle = _interopRequireDefault(require("../../../search-key-handle"));
+var _tools = require("../../../../utils/tools");
 
 var _header = _interopRequireDefault(require("../components/header"));
 
 var _util = require("../../util");
 
+var _dangerousHtml = _interopRequireDefault(require("../../components/dangerous-html"));
+
 require("./index.css");
 
-var _excluded = ["data"];
+var _excluded = ["data", "hasDynamicOpereateAuth"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -45,11 +47,15 @@ var prefix = "titaui-dynamic-announcement-item";
 
 var DynamicAnnouncement = function DynamicAnnouncement(_ref) {
   var data = _ref.data,
+      _ref$hasDynamicOperea = _ref.hasDynamicOpereateAuth,
+      hasDynamicOpereateAuth = _ref$hasDynamicOperea === void 0 ? false : _ref$hasDynamicOperea,
       restProps = _objectWithoutProperties(_ref, _excluded);
 
   var _useContext = (0, _react.useContext)(_context.SearchKeyContext),
       searchKeyWord = _useContext.searchKeyWord;
 
+  var contentRef = (0, _react.useRef)();
+
   var _getFeedTypeAndTypeCo = (0, _util.getFeedTypeAndTypeColor)(data.feedType),
       feedTypeText = _getFeedTypeAndTypeCo.feedTypeText,
       feedTypeColor = _getFeedTypeAndTypeCo.feedTypeColor;
@@ -57,27 +63,36 @@ var DynamicAnnouncement = function DynamicAnnouncement(_ref) {
   var renderDesc = (0, _react.useMemo)(function () {
     return /*#__PURE__*/_react["default"].createElement(_react.Fragment, null, /*#__PURE__*/_react["default"].createElement("span", {
       className: prefix + "__operate-desc"
-    }, "\u53D1\u5E03\u7684\u5206\u4EAB"), /*#__PURE__*/_react["default"].createElement("span", {
+    }, "\u53D1\u5E03\u7684\u516C\u544A"), /*#__PURE__*/_react["default"].createElement("span", {
       className: prefix + "-desc-operate-type",
       style: {
         background: feedTypeColor
       }
     }, feedTypeText));
   }, []);
+  (0, _react.useEffect)(function () {
+    (0, _tools.highLightWord)({
+      parentDom: contentRef.current,
+      keyWord: searchKeyWord
+    });
+  }, [data, searchKeyWord]);
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: prefix
   }, /*#__PURE__*/_react["default"].createElement(_header["default"], _extends({
-    data: data
-  }, restProps, {
-    desc: renderDesc
-  })), /*#__PURE__*/_react["default"].createElement("div", {
+    data: data,
+    desc: renderDesc,
+    showDelete: hasDynamicOpereateAuth,
+    showTopping: hasDynamicOpereateAuth,
+    user: data.publishUser
+  }, restProps)), /*#__PURE__*/_react["default"].createElement("div", {
     className: prefix + "__content"
   }, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("img", {
     className: (0, _classnames["default"])(prefix + "__content-quoto", prefix + "__content-quoto--left"),
     src: _dynamicLeftQuoto["default"]
-  })), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_searchKeyHandle["default"], {
-    str: data.content,
-    keyWord: searchKeyWord
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    ref: contentRef
+  }, /*#__PURE__*/_react["default"].createElement(_dangerousHtml["default"], {
+    htmlText: data.content
   }), /*#__PURE__*/_react["default"].createElement("img", {
     className: (0, _classnames["default"])(prefix + "__content-quoto", prefix + "__content-quoto--right"),
     src: _dynamicRightQuoto["default"]

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

@@ -36,7 +36,7 @@
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  width: 40px;
+  padding: 0 2px;
   height: 18px;
   min-width: 40px;
   clip-path: polygon(0 100%, 100% 100%, 100% 0, 15% 0);

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

@@ -67,7 +67,8 @@ var DynamicShare = function DynamicShare(_ref) {
   }, /*#__PURE__*/_react["default"].createElement(_header["default"], _extends({
     data: data
   }, restProps, {
-    desc: renderDesc
+    desc: renderDesc,
+    user: data.principalUser
   })), /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefix, "__content")
   }, /*#__PURE__*/_react["default"].createElement(_title["default"], {

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

@@ -84,7 +84,7 @@
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  width: 40px;
+  padding: 0 2px;
   height: 18px;
   min-width: 40px;
   clip-path: polygon(0 100%, 100% 100%, 100% 0, 15% 0);

package/lib/components/dynamic/dynamic-item/dynamic-create-o/index.js

@@ -56,7 +56,8 @@ var DynamicCreateO = function DynamicCreateO(_ref) {
       cycleName = data.cycleName,
       okrTypeName = data.okrTypeName,
       okrTypeId = data.okrTypeId,
-      classify = data.classify;
+      classify = data.classify,
+      principalUser = data.principalUser;
 
   var _useContext = (0, _react.useContext)(_context.SearchKeyContext),
       searchKeyWord = _useContext.searchKeyWord;
@@ -130,7 +131,8 @@ var DynamicCreateO = function DynamicCreateO(_ref) {
   }, /*#__PURE__*/_react["default"].createElement(_header["default"], _extends({
     data: data
   }, restProps, {
-    desc: renderDesc
+    desc: renderDesc,
+    user: principalUser
   })), /*#__PURE__*/_react["default"].createElement("div", {
     className: prefix + "__content"
   }, /*#__PURE__*/_react["default"].createElement(_title["default"], {
@@ -149,7 +151,8 @@ var DynamicCreateO = function DynamicCreateO(_ref) {
     className: "".concat(prefix, "__okr-krs")
   }, krs.map(function (kr, index) {
     return /*#__PURE__*/_react["default"].createElement("div", {
-      className: "".concat(prefix, "__kr")
+      className: "".concat(prefix, "__kr"),
+      key: kr.krId
     }, /*#__PURE__*/_react["default"].createElement("span", {
       className: "".concat(prefix, "__kr-order")
     }, "KR", index + 1), /*#__PURE__*/_react["default"].createElement("span", {

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

@@ -12,6 +12,7 @@
   font-size: 12px;
   color: #89919f;
   line-height: 18px;
+  margin-top: 8px;
 }
 
 .titaui-dynamic-kr-item__content-time-range-icon {
@@ -54,7 +55,7 @@
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  width: 40px;
+  padding: 0 2px;
   height: 18px;
   min-width: 40px;
   clip-path: polygon(0 100%, 100% 100%, 100% 0, 15% 0);

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

@@ -45,10 +45,11 @@ var DynamicKr = function DynamicKr(_ref) {
   var data = _ref.data,
       restProps = _objectWithoutProperties(_ref, _excluded);
 
-  var deadline = data.deadline,
+  var endDate = data.endDate,
       startDate = data.startDate,
       name = data.name,
-      krId = data.krId;
+      krId = data.krId,
+      principalUser = data.principalUser;
 
   var _getFeedTypeAndTypeCo = (0, _util.getFeedTypeAndTypeColor)(data.feedType),
       feedTypeText = _getFeedTypeAndTypeCo.feedTypeText,
@@ -89,7 +90,8 @@ var DynamicKr = function DynamicKr(_ref) {
   }, /*#__PURE__*/_react["default"].createElement(_header["default"], _extends({
     data: data
   }, restProps, {
-    desc: renderDesc
+    desc: renderDesc,
+    user: principalUser
   })), /*#__PURE__*/_react["default"].createElement("div", {
     className: prefix + "__content"
   }, /*#__PURE__*/_react["default"].createElement("div", {
@@ -97,11 +99,11 @@ var DynamicKr = function DynamicKr(_ref) {
   }, /*#__PURE__*/_react["default"].createElement(_title["default"], {
     content: "KR\uFF1A".concat(name),
     onClickTitle: handleClickKrTitle
-  }), /*#__PURE__*/_react["default"].createElement("div", {
+  })), /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefix, "__content-time-range")
   }, /*#__PURE__*/_react["default"].createElement("i", {
     className: (0, _classnames["default"])("tu-icon-deferred", "".concat(prefix, "__content-time-range-icon"))
-  }), /*#__PURE__*/_react["default"].createElement("span", null, startDate, "-", deadline)))));
+  }), /*#__PURE__*/_react["default"].createElement("span", null, startDate, "-", endDate))));
 };
 
 var _default = DynamicKr;

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

@@ -99,7 +99,7 @@
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  width: 40px;
+  padding: 0 6px;
   height: 18px;
   min-width: 40px;
   clip-path: polygon(0 100%, 100% 100%, 100% 0, 15% 0);

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

@@ -58,7 +58,8 @@ var DynamicMilestone = function DynamicMilestone(_ref) {
       startDate = data.startDate,
       deadline = data.deadline,
       feedType = data.feedType,
-      obj = data.obj;
+      obj = data.obj,
+      principalUser = data.principalUser;
 
   var _useContext = (0, _react.useContext)(_context.SearchKeyContext),
       searchKeyWord = _useContext.searchKeyWord;
@@ -124,7 +125,8 @@ var DynamicMilestone = function DynamicMilestone(_ref) {
   }, /*#__PURE__*/_react["default"].createElement(_header["default"], _extends({
     data: data
   }, restProps, {
-    desc: renderDesc
+    desc: renderDesc,
+    user: principalUser
   })), /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefix, "__content")
   }, /*#__PURE__*/_react["default"].createElement(_icon["default"], {

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

@@ -83,7 +83,7 @@
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  width: 40px;
+  padding: 0 2px;
   height: 18px;
   min-width: 40px;
   clip-path: polygon(0 100%, 100% 100%, 100% 0, 15% 0);

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

@@ -64,7 +64,8 @@ var DynamicProgress = function DynamicProgress(_ref) {
       obj = data.obj,
       classify = data.classify,
       relationParentName = data.relationParentName,
-      relationParentId = data.relationParentId;
+      relationParentId = data.relationParentId,
+      publishUser = data.publishUser;
 
   var _useContext = (0, _react.useContext)(_context.SearchKeyContext),
       searchKeyWord = _useContext.searchKeyWord;
@@ -178,7 +179,8 @@ var DynamicProgress = function DynamicProgress(_ref) {
   }, /*#__PURE__*/_react["default"].createElement(_header["default"], _extends({
     data: data
   }, restProps, {
-    desc: renderDesc
+    desc: renderDesc,
+    user: publishUser
   })), /*#__PURE__*/_react["default"].createElement("div", {
     className: prefix + "__content"
   }, /*#__PURE__*/_react["default"].createElement("div", {

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

@@ -79,7 +79,7 @@
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  width: 40px;
+  padding: 0 2px;
   height: 18px;
   min-width: 40px;
   clip-path: polygon(0 100%, 100% 100%, 100% 0, 15% 0);

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

@@ -54,7 +54,8 @@ var DynamicProject = function DynamicProject(_ref) {
   var status = data.status,
       workName = data.workName,
       startDate = data.startDate,
-      deadline = data.deadline;
+      deadline = data.deadline,
+      principalUser = data.principalUser;
 
   var _useContext = (0, _react.useContext)(_context.SearchKeyContext),
       searchKeyWord = _useContext.searchKeyWord;
@@ -91,7 +92,8 @@ var DynamicProject = function DynamicProject(_ref) {
   }, /*#__PURE__*/_react["default"].createElement(_header["default"], _extends({
     data: data
   }, restProps, {
-    desc: renderDesc
+    desc: renderDesc,
+    user: principalUser
   })), /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefix, "__content")
   }, /*#__PURE__*/_react["default"].createElement(_icon["default"], {

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

@@ -83,7 +83,7 @@
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  width: 40px;
+  padding: 0 2px;
   height: 18px;
   min-width: 40px;
   clip-path: polygon(0 100%, 100% 100%, 100% 0, 15% 0);

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

@@ -67,7 +67,8 @@ var DynamicRelative = function DynamicRelative(_ref) {
       status = data.status,
       objPrincipalUser = data.objPrincipalUser,
       rObjprincipalUser = data.rObjprincipalUser,
-      rObjCycleName = data.rObjCycleName;
+      rObjCycleName = data.rObjCycleName,
+      publishUser = data.publishUser;
 
   var _useContext = (0, _react.useContext)(_context.SearchKeyContext),
       searchKeyWord = _useContext.searchKeyWord;
@@ -123,7 +124,8 @@ var DynamicRelative = function DynamicRelative(_ref) {
   }, /*#__PURE__*/_react["default"].createElement(_header["default"], _extends({
     data: data
   }, restProps, {
-    desc: renderDesc
+    desc: renderDesc,
+    user: publishUser
   })), /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefix, "__content")
   }, /*#__PURE__*/_react["default"].createElement("div", {

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

@@ -126,7 +126,7 @@
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  width: 40px;
+  padding: 0 2px;
   height: 18px;
   min-width: 40px;
   clip-path: polygon(0 100%, 100% 100%, 100% 0, 15% 0);

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

@@ -53,7 +53,8 @@ var DynamicReply = function DynamicReply(_ref) {
       searchKeyWord = _useContext.searchKeyWord;
 
   var replayObjType = data.replayObjType,
-      feedType = data.feedType;
+      feedType = data.feedType,
+      publishUser = data.publishUser;
 
   var _getFeedTypeAndTypeCo = (0, _util.getFeedTypeAndTypeColor)(feedType),
       feedTypeText = _getFeedTypeAndTypeCo.feedTypeText,
@@ -116,7 +117,8 @@ var DynamicReply = function DynamicReply(_ref) {
   }, /*#__PURE__*/_react["default"].createElement(_header["default"], _extends({
     data: data
   }, restProps, {
-    desc: renderDesc
+    desc: renderDesc,
+    user: publishUser
   })), /*#__PURE__*/_react["default"].createElement("div", {
     className: prefix + "__content"
   }, /*#__PURE__*/_react["default"].createElement(_title["default"], {
@@ -165,6 +167,7 @@ var DynamicReply = function DynamicReply(_ref) {
     className: prefix + "__detail-block-title"
   }, "\u884C\u52A8\u8BA1\u5212"), data.tasks && data.tasks.map(function (task) {
     return /*#__PURE__*/_react["default"].createElement("div", {
+      key: task.taskId,
       className: prefix + "__detail-tasks-item",
       onClick: function onClick() {
         handleShowTaskDrawer(task.taskId);

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

@@ -141,7 +141,7 @@
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  width: 40px;
+  padding: 0 2px;
   height: 18px;
   min-width: 40px;
   clip-path: polygon(0 100%, 100% 100%, 100% 0, 15% 0);