@titaui/pc 1.5.82 → 1.5.83

package/lib/components/communication/CommunicationRecord.js

@@ -15,16 +15,18 @@ var _avatar = _interopRequireDefault(require("../../components-v1/avatar"));
 
 var _Portals = _interopRequireDefault(require("../../components-v1/portals/Portals"));
 
-var _CommunicationAttachments = _interopRequireDefault(require("./CommunicationAttachments"));
-
 var _ConfirmPop = _interopRequireDefault(require("../delete-confirm-pop/ConfirmPop"));
 
 var _ConvertUserName = _interopRequireDefault(require("./ConvertUserName"));
 
-var _requestV = require("../../utils/request-v1");
-
 var _openData = require("../../utils/open-data");
 
+var _fileList = _interopRequireDefault(require("../file-list"));
+
+var _tools = require("../../utils/tools");
+
+require("./index.css");
+
 var _style = require("./style");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -33,162 +35,115 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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 _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
-
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
-var CommunicationRecord = /*#__PURE__*/function (_PureComponent) {
-  _inherits(CommunicationRecord, _PureComponent);
-
-  var _super = _createSuper(CommunicationRecord);
-
-  function CommunicationRecord(props) {
-    var _this;
-
-    _classCallCheck(this, CommunicationRecord);
-
-    _this = _super.call(this, props);
-
-    _this.getCommentGetByIds = function (commentId) {
-      var url = (0, _requestV.getApiUrl2)("comment/GetByIds?comment_id=".concat(commentId));
-      (0, _requestV.taker)(url, 'GET').then(function (res) {
-        if (res.Code == 1) {
-          _this.setState({
-            'replyedContent': res.Data.content
-          });
-        }
+var prefix = "titaui-communication";
+
+var CommunicationRecord = function CommunicationRecord(_ref) {
+  var communicationTrack = _ref.communicationTrack,
+      _ref$confirmPopAlign = _ref.confirmPopAlign,
+      confirmPopAlign = _ref$confirmPopAlign === void 0 ? "top right" : _ref$confirmPopAlign,
+      highLightKeyWord = _ref.highLightKeyWord,
+      index = _ref.index,
+      onCommunicationRecordChange = _ref.onCommunicationRecordChange,
+      className = _ref.className,
+      praiseStatus = _ref.praiseStatus;
+  var contentRef = (0, _react.useRef)();
+  (0, _react.useEffect)(function () {
+    (0, _tools.unHighLight)({
+      parentDom: contentRef.current
+    });
+
+    if (highLightKeyWord) {
+      (0, _tools.highLightWord)({
+        parentDom: contentRef.current,
+        keyWord: highLightKeyWord
       });
-    };
-
-    _this.state = {
-      replyedContent: ''
-    };
-    return _this;
-  }
-
-  _createClass(CommunicationRecord, [{
-    key: "componentWillMount",
-    value: function componentWillMount() {
-      var parentCommentId = this.props.communicationTrack.parentCommentId;
-
-      if (parentCommentId) {
-        this.getCommentGetByIds(parentCommentId);
-      }
-    } // 获取被回复人发布的沟通内容：“的话”上的tips信息
-
-  }, {
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-
-      var _this$props = this.props,
-          communicationTrack = _this$props.communicationTrack,
-          index = _this$props.index,
-          onCommunicationRecordChange = _this$props.onCommunicationRecordChange,
-          className = _this$props.className,
-          confirmPopAlign = _this$props.confirmPopAlign,
-          praiseStatus = _this$props.praiseStatus;
-      var replyedContent = this.state.replyedContent;
-      return /*#__PURE__*/_react["default"].createElement(_style.CommunicationItem, {
-        className: className
-      }, /*#__PURE__*/_react["default"].createElement(_avatar["default"], {
-        size: _avatar["default"].size(7),
-        name: communicationTrack.publishUser.name,
-        src: communicationTrack.publishUser.avatar.small,
-        color: communicationTrack.publishUser.avatar.color,
-        userId: communicationTrack.publishUser.userId
-      }), /*#__PURE__*/_react["default"].createElement(_style.CommunicationDetail, null, /*#__PURE__*/_react["default"].createElement("p", {
-        style: {
-          color: '#3a4247',
-          wordBreak: 'break-all'
-        }
-      }, communicationTrack.commentType != 2 ? /*#__PURE__*/_react["default"].createElement(_ConvertUserName["default"], {
-        userName: communicationTrack.publishUser.name,
-        userId: communicationTrack.publishUser.userId
-      }) : /*#__PURE__*/_react["default"].createElement("span", null, /*#__PURE__*/_react["default"].createElement(_ConvertUserName["default"], {
-        userName: communicationTrack.publishUser.name,
-        userId: communicationTrack.publishUser.userId
-      }), "\xA0\u56DE\u590D\xA0", /*#__PURE__*/_react["default"].createElement(_ConvertUserName["default"], {
-        userName: communicationTrack.parentUser.name,
-        userId: communicationTrack.parentUser.userId
-      }), /*#__PURE__*/_react["default"].createElement(_style.CommunicationReplyedContent, {
-        "data-tip": replyedContent,
-        "data-html": true,
-        onMouseEnter: function onMouseEnter() {
-          return _this2.getCommentGetByIds(communicationTrack.parentCommentId);
-        }
-      }, "\xA0\u7684\u8BDD"), "\uFF1A", /*#__PURE__*/_react["default"].createElement(_Portals["default"], null, /*#__PURE__*/_react["default"].createElement(_reactTooltip["default"], {
-        html: true,
-        className: "tt-react-tooltip",
-        place: "top",
-        type: "dark",
-        effect: "solid"
-      })))), /*#__PURE__*/_react["default"].createElement(_style.CommunicationContent, null, (0, _openData.parseTag)(communicationTrack.content)), communicationTrack.attachments && /*#__PURE__*/_react["default"].createElement(_CommunicationAttachments["default"], {
-        attachments: communicationTrack.attachments ? communicationTrack.attachments : []
-      }), /*#__PURE__*/_react["default"].createElement("p", {
-        className: "communication__date"
-      }, communicationTrack.createDate)), /*#__PURE__*/_react["default"].createElement(_style.CommunicationActionbar, {
-        className: "communication__actionbar"
-      }, /*#__PURE__*/_react["default"].createElement(_style.ActionbarList, null, /*#__PURE__*/_react["default"].createElement(_style.ActionbarItem, {
-        onMouseDown: function onMouseDown(event) {
-          praiseStatus != 2 && onCommunicationRecordChange(event, 'reply', index);
-        }
-      }, "\u56DE\u590D"), /*#__PURE__*/_react["default"].createElement(_style.ActionbarItem, {
-        onMouseDown: function onMouseDown(event) {
-          praiseStatus != 2 && onCommunicationRecordChange(event, 'praise', index);
-        }
-      }, communicationTrack.isPraise ? '已赞' : '点赞'), communicationTrack.praiseTotal > 0 &&
-      /*#__PURE__*/
-      // <ToolTip title='点击查看点赞记录'>
-      _react["default"].createElement(_style.CommunicationPraiseTotal, {
-        className: "communication__praise__total",
-        onMouseDown: function onMouseDown(event) {
-          onCommunicationRecordChange(event, 'showPraiseRecord', index);
-          event.stopPropagation();
-          event.nativeEvent.stopImmediatePropagation();
-        },
-        onClick: function onClick(event) {
-          event.stopPropagation();
-          event.nativeEvent.stopImmediatePropagation();
-        },
-        "data-for": "praise-record",
-        "data-tip": !!communicationTrack.praiseTotal ? '点击查看点赞记录' : ''
-      }, communicationTrack.praiseTotal) // </ToolTip>
-      , communicationTrack.isEdit && /*#__PURE__*/_react["default"].createElement(_ConfirmPop["default"], {
-        align: confirmPopAlign,
-        onSubmit: function onSubmit(event) {
-          return onCommunicationRecordChange(event, 'delete', index);
-        }
-      }, /*#__PURE__*/_react["default"].createElement(_style.ActionbarItem, null, "\u5220\u9664")))), /*#__PURE__*/_react["default"].createElement(_reactTooltip["default"], {
-        id: "praise-record",
-        className: "tt-react-tooltip",
-        place: "top",
-        type: "dark",
-        effect: "solid"
-      }));
     }
-  }]);
-
-  return CommunicationRecord;
-}(_react.PureComponent);
-
-exports["default"] = CommunicationRecord;
-CommunicationRecord.defaultProps = {
-  confirmPopAlign: 'top right'
-};
+  }, [highLightKeyWord]);
+  return /*#__PURE__*/_react["default"].createElement(_style.CommunicationItem, {
+    className: className
+  }, /*#__PURE__*/_react["default"].createElement(_avatar["default"], {
+    size: _avatar["default"].size(7),
+    name: communicationTrack.publishUser.name,
+    src: communicationTrack.publishUser.avatar.small,
+    color: communicationTrack.publishUser.avatar.color,
+    userId: communicationTrack.publishUser.userId
+  }), /*#__PURE__*/_react["default"].createElement(_style.CommunicationDetail, null, /*#__PURE__*/_react["default"].createElement("p", {
+    style: {
+      color: "#3a4247",
+      wordBreak: "break-all"
+    }
+  }, communicationTrack.commentType != 2 ? /*#__PURE__*/_react["default"].createElement("span", null, /*#__PURE__*/_react["default"].createElement(_ConvertUserName["default"], {
+    userName: communicationTrack.publishUser.name,
+    userId: communicationTrack.publishUser.userId
+  }), /*#__PURE__*/_react["default"].createElement("span", {
+    className: prefix + "__communication-colon"
+  }, "\uFF1A")) : /*#__PURE__*/_react["default"].createElement("span", null, /*#__PURE__*/_react["default"].createElement(_ConvertUserName["default"], {
+    userName: communicationTrack.publishUser.name,
+    userId: communicationTrack.publishUser.userId
+  }), /*#__PURE__*/_react["default"].createElement("span", {
+    className: prefix + "__communication-text"
+  }, "\u56DE\u590D"), /*#__PURE__*/_react["default"].createElement(_ConvertUserName["default"], {
+    userName: communicationTrack.parentUser.name,
+    userId: communicationTrack.parentUser.userId
+  }), /*#__PURE__*/_react["default"].createElement("span", {
+    className: prefix + "__communication-colon"
+  }, "\uFF1A"), /*#__PURE__*/_react["default"].createElement(_Portals["default"], null, /*#__PURE__*/_react["default"].createElement(_reactTooltip["default"], {
+    html: true,
+    className: "tt-react-tooltip",
+    place: "top",
+    type: "dark",
+    effect: "solid"
+  }))), /*#__PURE__*/_react["default"].createElement("span", {
+    className: prefix + "__communication-content",
+    ref: contentRef
+  }, (0, _openData.parseTag)(communicationTrack.content))), communicationTrack.attachments && /*#__PURE__*/_react["default"].createElement("div", {
+    className: prefix + "__communication-attachments"
+  }, /*#__PURE__*/_react["default"].createElement(_fileList["default"], {
+    data: communicationTrack.attachments
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    className: prefix + "__communication-bottom"
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: prefix + "__communication-time"
+  }, communicationTrack.createDate), /*#__PURE__*/_react["default"].createElement(_style.CommunicationActionbar, {
+    className: "communication__actionbar"
+  }, /*#__PURE__*/_react["default"].createElement(_style.ActionbarList, null, /*#__PURE__*/_react["default"].createElement(_style.ActionbarItem, {
+    onMouseDown: function onMouseDown(event) {
+      praiseStatus != 2 && onCommunicationRecordChange(event, "reply", index);
+    }
+  }, "\u56DE\u590D"), /*#__PURE__*/_react["default"].createElement(_style.ActionbarItem, {
+    onMouseDown: function onMouseDown(event) {
+      praiseStatus != 2 && onCommunicationRecordChange(event, "praise", index);
+    }
+  }, communicationTrack.isPraise ? "已赞" : "点赞"), communicationTrack.praiseTotal > 0 &&
+  /*#__PURE__*/
+  // <ToolTip title='点击查看点赞记录'>
+  _react["default"].createElement(_style.CommunicationPraiseTotal, {
+    className: "communication__praise__total",
+    onMouseDown: function onMouseDown(event) {
+      onCommunicationRecordChange(event, "showPraiseRecord", index);
+      event.stopPropagation();
+      event.nativeEvent.stopImmediatePropagation();
+    },
+    onClick: function onClick(event) {
+      event.stopPropagation();
+      event.nativeEvent.stopImmediatePropagation();
+    },
+    "data-for": "praise-record",
+    "data-tip": !!communicationTrack.praiseTotal ? "点击查看点赞记录" : ""
+  }, communicationTrack.praiseTotal) // </ToolTip>
+  , communicationTrack.isEdit && /*#__PURE__*/_react["default"].createElement(_ConfirmPop["default"], {
+    align: confirmPopAlign,
+    onSubmit: function onSubmit(event) {
+      return onCommunicationRecordChange(event, "delete", index);
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_style.ActionbarItem, null, "\u5220\u9664")))))), /*#__PURE__*/_react["default"].createElement(_reactTooltip["default"], {
+    id: "praise-record",
+    className: "tt-react-tooltip",
+    place: "top",
+    type: "dark",
+    effect: "solid"
+  }));
+};
+
+var _default = CommunicationRecord;
+exports["default"] = _default;

package/lib/components/communication/ConvertUserName.js

@@ -45,7 +45,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
 
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
-var UserLink = _styledComponents["default"].a(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  font-size: 12px;\n  color: #3A4247;\n\n  &:hover {\n    color: #1687d9;\n  }\n"])));
+var UserLink = _styledComponents["default"].a(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  font-size: 14px;\n  font-weight: 600;\n  color: #3F4755;\n  line-height: 22px;\n\n  &:hover {\n    color: #2879ff;\n  }\n"])));
 
 var ConvertUserName = /*#__PURE__*/function (_PureComponent) {
   _inherits(ConvertUserName, _PureComponent);

package/lib/components/communication/index.css

@@ -0,0 +1,63 @@
+.titaui-communication__communication-text {
+  font-size: 14px;
+  color: #89919f;
+  line-height: 22px;
+  margin: 0 8px;
+}
+
+.titaui-communication__communication-colon {
+  font-size: 14px;
+  font-weight: 600;
+  color: #3f4755;
+  line-height: 22px;
+}
+
+.titaui-communication__communication-content {
+  font-size: 14px;
+  color: #6f7886;
+  line-height: 22px;
+}
+
+.titaui-communication__communication-content .highlight {
+  color: #f05e5e;
+}
+
+.titaui-communication__communication-content img {
+  vertical-align: text-bottom;
+}
+
+.titaui-communication__communication-content a {
+  color: #2879ff;
+}
+
+.titaui-communication__communication-content a:hover {
+  color: #5c8eff;
+}
+
+.titaui-communication__communication-time {
+  font-size: 12px;
+  color: #89919f;
+  line-height: 18px;
+  margin-top: 4px;
+}
+
+.titaui-communication__communication-bottom {
+  position: relative;
+}
+
+.titaui-communication__communication-list {
+  margin-bottom: 8px;
+}
+
+.titaui-communication__communication-attachments {
+  margin-top: 12px;
+}
+
+.titaui-communication__communication-total {
+  display: flex;
+  align-items: center;
+}
+
+.titaui-communication__communication-total-icon {
+  margin-left: 4px;
+}

package/lib/components/communication/index.js

@@ -9,6 +9,8 @@ exports["default"] = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
+var _classnames = _interopRequireDefault(require("classnames"));
+
 var _mblog = _interopRequireDefault(require("../mblog"));
 
 var _praiseRecord = _interopRequireDefault(require("../praise-record"));
@@ -21,6 +23,8 @@ var _style = require("./style");
 
 var _openData = require("../../utils/open-data");
 
+require("./index.css");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -59,6 +63,8 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
+var prefix = "titaui-communication";
+
 var Communication = /*#__PURE__*/function (_PureComponent) {
   _inherits(Communication, _PureComponent);
 
@@ -77,14 +83,14 @@ var Communication = /*#__PURE__*/function (_PureComponent) {
           okrFeedParams = _this$props.okrFeedParams;
       var isShowAllCommunicationRecord = _this.state.isShowAllCommunicationRecord;
       var url = commentType == 1 ? isShowAllCommunicationRecord ? (0, _requestV.getApiUrl2)("comment/Get?feed_id=".concat(feedId, "&comment_type=0")) : (0, _requestV.getApiUrl2)("user/feed/GetById?feed_id=".concat(feedId, "&comment_count=").concat(commentCount)) : (0, _requestV.getApiUrl)("okr/cycle/getFeed?objId=".concat(okrFeedParams && okrFeedParams.objId, "&objType=").concat(okrFeedParams && okrFeedParams.objType, "&cycleType=").concat(okrFeedParams && okrFeedParams.cycleType, "&yqmNum=").concat(okrFeedParams && okrFeedParams.yqmNum, "&annualNum=").concat(okrFeedParams && okrFeedParams.annualNum, "&commentCount=").concat(commentCount));
-      (0, _requestV.taker)(url, 'GET').then(function (res) {
+      (0, _requestV.taker)(url, "GET").then(function (res) {
         if (res.Code === 1) {
           var data = res.Data && (res.Data.feedComments || res.Data);
 
           _this.setState({
             communicationTrackList: data.comments ? data.comments : [],
             communicationTrackTotal: data.total,
-            okrCommentFeedId: commentType == 2 ? res.Data.feedId : ''
+            okrCommentFeedId: commentType == 2 ? res.Data.feedId : ""
           });
         } else {
           _this.setState({
@@ -104,10 +110,11 @@ var Communication = /*#__PURE__*/function (_PureComponent) {
 
       var isShowAllCommunicationRecord = _this.state.isShowAllCommunicationRecord;
       isShowAllCommunicationRecord = !isShowAllCommunicationRecord;
-      isShowAllCommunicationRecord ? _this.getFeedInfo(feedId, communicationTrackTotal) : _this.getFeedInfo(feedId, commentCount);
 
       _this.setState({
         isShowAllCommunicationRecord: isShowAllCommunicationRecord
+      }, function () {
+        isShowAllCommunicationRecord ? _this.getFeedInfo(feedId, communicationTrackTotal) : _this.getFeedInfo(feedId, commentCount);
       });
     };
 
@@ -123,15 +130,15 @@ var Communication = /*#__PURE__*/function (_PureComponent) {
 
       var communicationTrackList = _toConsumableArray(_this.state.communicationTrackList);
 
-      if (actionType === 'delete') {
+      if (actionType === "delete") {
         // 删除
         var url = (0, _requestV.getApiUrl2)("comment/Delete?comment_id=".concat(communicationTrackList[index].commentId, "&feed_id=").concat(feedId || _this.state.okrCommentFeedId));
-        (0, _requestV.taker)(url, 'DELETE').then(function (res) {
+        (0, _requestV.taker)(url, "DELETE").then(function (res) {
           if (res.Code === 1) {
             isShowAllCommunicationRecord ? _this.getFeedInfo(feedId, communicationTrackTotal - 1) : _this.getFeedInfo(feedId, commentCount);
           }
         });
-      } else if (actionType === 'reply') {
+      } else if (actionType === "reply") {
         // 沟通里的回复
         if (_this.props.useCustomMblog && _this.props.onComment) {
           _this.props.onComment({
@@ -156,7 +163,7 @@ var Communication = /*#__PURE__*/function (_PureComponent) {
           replyUserId: communicationTrackList[index].publishUser.userId,
           replyUserCommentId: communicationTrackList[index].commentId
         });
-      } else if (actionType === 'praise') {
+      } else if (actionType === "praise") {
         // 沟通里的点赞
         var isPraise = communicationTrackList[index].isPraise;
         isPraise = !isPraise;
@@ -167,7 +174,7 @@ var Communication = /*#__PURE__*/function (_PureComponent) {
 
         var _url = isPraise ? (0, _requestV.getApiUrl)("praise/add?objId=".concat(communicationTrackList[index].commentId, "&objType=19&praiseType=1")) : (0, _requestV.getApiUrl)("praise/cancel?objId=".concat(communicationTrackList[index].commentId, "&objType=19"));
 
-        (0, _requestV.taker)(_url, 'POST').then(function (res) {
+        (0, _requestV.taker)(_url, "POST").then(function (res) {
           if (res.Code === 1) {
             var praiseTotal = communicationTrackList[index].praiseTotal;
             communicationTrackList[index].isPraise = isPraise;
@@ -183,7 +190,7 @@ var Communication = /*#__PURE__*/function (_PureComponent) {
             });
           }
         });
-      } else if (actionType === 'showPraiseRecord') {
+      } else if (actionType === "showPraiseRecord") {
         // 显示点赞记录
         _this.setState({
           isShowPraiseRecordPop: true,
@@ -218,12 +225,13 @@ var Communication = /*#__PURE__*/function (_PureComponent) {
           communicationTrackTotal = _this$state3.communicationTrackTotal,
           isShowAllCommunicationRecord = _this$state3.isShowAllCommunicationRecord;
 
-      if (submitType === 'submit') {
+      if (submitType === "submit") {
         // 发送
         sentData.FeedId = feedId;
         sentData.CommentId = 0;
         sentData.ObjId = 0;
         sentData.ObjType = 0;
+        sentData.Content = sentData.Content || ' ';
 
         if (isShowReplyToUser) {
           sentData.CommentId = replyUserCommentId;
@@ -233,8 +241,8 @@ var Communication = /*#__PURE__*/function (_PureComponent) {
           submitStatus: 2
         });
 
-        var url = commentType == 1 ? (0, _requestV.getApiUrl2)('comment/Add') : (0, _requestV.getApiUrl)("okr/cycle/addComment?objId=".concat(okrFeedParams && okrFeedParams.objId, "&objType=").concat(okrFeedParams && okrFeedParams.objType, "&cycleType=").concat(okrFeedParams && okrFeedParams.cycleType, "&yqmNum=").concat(okrFeedParams && okrFeedParams.yqmNum, "&annualNum=").concat(okrFeedParams && okrFeedParams.annualNum));
-        (0, _requestV.taker)(url, 'POST', sentData).then(function (res) {
+        var url = commentType == 1 ? (0, _requestV.getApiUrl2)("comment/Add") : (0, _requestV.getApiUrl)("okr/cycle/addComment?objId=".concat(okrFeedParams && okrFeedParams.objId, "&objType=").concat(okrFeedParams && okrFeedParams.objType, "&cycleType=").concat(okrFeedParams && okrFeedParams.cycleType, "&yqmNum=").concat(okrFeedParams && okrFeedParams.yqmNum, "&annualNum=").concat(okrFeedParams && okrFeedParams.annualNum));
+        (0, _requestV.taker)(url, "POST", sentData).then(function (res) {
           if (res.Code === 1) {
             isShowAllCommunicationRecord ? _this.getFeedInfo(feedId, communicationTrackTotal + 1) : _this.getFeedInfo(feedId, commentCount);
 
@@ -270,17 +278,17 @@ var Communication = /*#__PURE__*/function (_PureComponent) {
       isShowAllCommunicationRecord: false,
       // 是否显示所有记录
       // 回复
-      replyUser: '',
-      replyUserId: '',
-      replyUserCommentId: '0',
+      replyUser: "",
+      replyUserId: "",
+      replyUserCommentId: "0",
       isShowReplyToUser: false,
       // 是否显示回复谁
       submitStatus: 0,
       praiseStatus: 0,
       // 点赞记录
-      praiseObjId: '',
+      praiseObjId: "",
       isShowPraiseRecordPop: false,
-      okrCommentFeedId: ''
+      okrCommentFeedId: ""
     };
     return _this;
   }
@@ -338,19 +346,32 @@ var Communication = /*#__PURE__*/function (_PureComponent) {
           userSelectorPopAlign = _this$props8.userSelectorPopAlign,
           emotionsSelectorPopAlign = _this$props8.emotionsSelectorPopAlign,
           showAtAll = _this$props8.showAtAll,
-          useCustomMblog = _this$props8.useCustomMblog;
+          commentCount = _this$props8.commentCount,
+          useCustomMblog = _this$props8.useCustomMblog,
+          _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,
+          _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, /*#__PURE__*/_react["default"].createElement(_style.CommunicationRecordTotal, null, communicationTrackTotal > 0 && /*#__PURE__*/_react["default"].createElement("p", {
-        className: isShowAllCommunicationRecord ? "tu-icon-angles-up" : "tu-icon-angles-down",
+      }, /*#__PURE__*/_react["default"].createElement("div", null, communicationTrackTotal > 0 && /*#__PURE__*/_react["default"].createElement(_style.CommunicationRecordTotal, null, /*#__PURE__*/_react["default"].createElement("div", {
+        className: prefix + "__communication-total",
         onMouseDown: function onMouseDown() {
           return _this2.handlerSwitchShowRecord();
         }
-      }, "\u5168\u90E8\u6C9F\u901A\xA0", /*#__PURE__*/_react["default"].createElement("span", null, communicationTrackTotal))), /*#__PURE__*/_react["default"].createElement("div", {
-        className: "communication__list"
+      }, "\u5168\u90E8\u6C9F\u901A\xA0", /*#__PURE__*/_react["default"].createElement("span", null, communicationTrackTotal), communicationTrackTotal > commentCount && /*#__PURE__*/_react["default"].createElement("i", {
+        className: (0, _classnames["default"])(prefix + "__communication-total-icon", {
+          "tu-icon-APP-xi": isShowAllCommunicationRecord,
+          "tu-icon-arrow-down1": !isShowAllCommunicationRecord
+        })
+      }))), /*#__PURE__*/_react["default"].createElement("div", {
+        className: prefix + "__communication-list"
       }, communicationTrackList.length > 0 && communicationTrackList.map(function (item, index) {
         return /*#__PURE__*/_react["default"].createElement(_CommunicationRecord["default"], {
           communicationTrack: item,
+          highLightKeyWord: highLightKeyWord,
           index: index,
           key: item.commentId,
           praiseStatus: _this2.state.praiseStatus,
@@ -362,12 +383,12 @@ var Communication = /*#__PURE__*/function (_PureComponent) {
       }))), !useCustomMblog && /*#__PURE__*/_react["default"].createElement("div", {
         className: "communication__reply__cintainer"
       }, /*#__PURE__*/_react["default"].createElement(_style.ReplyToUser, {
-        height: isShowReplyToUser ? 'auto' : '0',
-        padding: isShowReplyToUser ? '3px 0' : '0'
+        height: isShowReplyToUser ? "auto" : "0",
+        padding: isShowReplyToUser ? "3px 0" : "0"
       }, /*#__PURE__*/_react["default"].createElement("span", {
         style: {
-          position: 'relative',
-          top: '2px'
+          position: "relative",
+          top: "2px"
         }
       }, "\u56DE\u590D"), /*#__PURE__*/_react["default"].createElement(_style.ReplyUser, null, /*#__PURE__*/_react["default"].createElement("span", {
         className: "name"
@@ -379,15 +400,19 @@ var Communication = /*#__PURE__*/function (_PureComponent) {
         onMouseDown: this.handlerCancelReplyUser
       }))), /*#__PURE__*/_react["default"].createElement(_mblog["default"], {
         setTextareaRef: setTextareaRef || function () {},
+        isHasPlaceholder: true,
+        placeholderText: "请输入沟通内容",
         isShowRange: false,
         isShowBtnCancel: false,
         isShowSendSms: isShowSendSms,
-        submitText: "\u56DE\u590D",
+        submitText: submitText,
         showAtAll: showAtAll,
         commentsTypeKey: feedId,
         submitStatus: submitStatus,
         userSelectorPopAlign: userSelectorPopAlign,
         emotionsSelectorPopAlign: emotionsSelectorPopAlign,
+        autoFocus: autoFocus,
+        autoResizing: false,
         onMblogSubmit: function onMblogSubmit(submitType, sentData) {
           return _this2.handlerReply(submitType, sentData);
         }
@@ -397,7 +422,7 @@ var Communication = /*#__PURE__*/function (_PureComponent) {
         onSubmit: function onSubmit() {
           return _this2.setState({
             isShowPraiseRecordPop: false,
-            praiseObjId: ''
+            praiseObjId: ""
           });
         }
       }));