@titaui/pc 1.16.90 → 1.16.92

package/lib/components/communication/index.js

@@ -1,58 +1,99 @@
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 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"));
+
 var _CommunicationRecord = _interopRequireDefault(require("./CommunicationRecord"));
+
 var _requestV = require("../../utils/request-v1");
+
 var _bsGlobal = require("../../utils/bs-global");
+
 var _style = require("./style");
+
 var _openData = require("../../utils/open-data");
+
 var _getLocale = require("../../utils/getLocale");
+
 var _avatar = _interopRequireDefault(require("../avatar"));
+
 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); }
+
 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 _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread 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 _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
 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 _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); Object.defineProperty(Constructor, "prototype", { writable: false }); 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 } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+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.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+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);
+
   var _super = _createSuper(Communication);
+
   function Communication(props) {
     var _this;
+
     _classCallCheck(this, Communication);
+
     _this = _super.call(this, props);
+
     _this.getFeedInfo = function (feedId, commentCount) {
       var _this$props = _this.props,
-        commentType = _this$props.commentType,
-        okrFeedParams = _this$props.okrFeedParams;
+          commentType = _this$props.commentType,
+          okrFeedParams = _this$props.okrFeedParams;
       var url = commentType == 1 ? (0, _requestV.getApiUrl2)("comment/Get?feed_id=".concat(feedId, "&comment_type=0")) : (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) {
         if (res.Code === 1) {
           var data = res.Data && (res.Data.feedComments || res.Data);
+
           _this.setState({
             communicationTrackList: data.comments ? data.comments : [],
             communicationTrackTotal: data.total,
@@ -66,11 +107,15 @@ var Communication = /*#__PURE__*/function (_PureComponent) {
         }
       });
     };
+
     _this.handlerSwitchShowRecord = function () {
       var feedId = _this.props.feedId; // 默认展示条数
+
       var communicationTrackTotal = _this.state.communicationTrackTotal; // 记录总数
+
       var isShowAllCommunicationRecord = _this.state.isShowAllCommunicationRecord;
       isShowAllCommunicationRecord = !isShowAllCommunicationRecord;
+
       _this.setState({
         isShowAllCommunicationRecord: isShowAllCommunicationRecord
       }, function () {
@@ -79,22 +124,26 @@ var Communication = /*#__PURE__*/function (_PureComponent) {
         }
       });
     };
+
     _this.handlerCommunicationRecordChange = function (event, actionType, index) {
       event.stopPropagation();
       event.nativeEvent.stopImmediatePropagation();
       var _this$props2 = _this.props,
-        feedId = _this$props2.feedId,
-        commentCount = _this$props2.commentCount;
+          feedId = _this$props2.feedId,
+          commentCount = _this$props2.commentCount;
       var _this$state = _this.state,
-        isShowAllCommunicationRecord = _this$state.isShowAllCommunicationRecord,
-        communicationTrackTotal = _this$state.communicationTrackTotal;
+          isShowAllCommunicationRecord = _this$state.isShowAllCommunicationRecord,
+          communicationTrackTotal = _this$state.communicationTrackTotal;
+
       var communicationTrackList = _toConsumableArray(_this.state.communicationTrackList);
+
       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) {
           if (res.Code === 1) {
             isShowAllCommunicationRecord ? _this.getFeedInfo(feedId, communicationTrackTotal - 1) : _this.getFeedInfo(feedId, commentCount);
+
             if (_this.props.onReplyChange) {
               _this.props.onReplyChange({
                 submitType: 'delete'
@@ -110,14 +159,17 @@ var Communication = /*#__PURE__*/function (_PureComponent) {
             userId: communicationTrackList[index].publishUser.userId,
             commentId: communicationTrackList[index].commentId
           });
+
           return;
         }
+
         if (_this.props.textareaRef) {
           setTimeout(function () {
             // @ts-ignore
             _this.props.textareaRef.focus();
           }, 300);
         }
+
         _this.setState({
           isShowReplyToUser: true,
           replyUser: communicationTrackList[index].publishUser.name,
@@ -130,15 +182,19 @@ var Communication = /*#__PURE__*/function (_PureComponent) {
         // 沟通里的点赞
         var isPraise = communicationTrackList[index].isPraise;
         isPraise = !isPraise;
+
         _this.setState({
           praiseStatus: 2
         });
+
         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) {
           if (res.Code === 1) {
             var praiseTotal = communicationTrackList[index].praiseTotal;
             communicationTrackList[index].isPraise = isPraise;
             communicationTrackList[index].praiseTotal = isPraise ? praiseTotal + 1 : praiseTotal - 1;
+
             _this.setState({
               praiseStatus: 1,
               communicationTrackList: communicationTrackList
@@ -156,39 +212,46 @@ var Communication = /*#__PURE__*/function (_PureComponent) {
           praiseObjId: communicationTrackList[index].commentId
         });
       }
+
       _this.setState({
         submitStatus: 0
       });
     };
+
     _this.refresh = function () {
       var _this$props3 = _this.props,
-        feedId = _this$props3.feedId,
-        commentCount = _this$props3.commentCount;
+          feedId = _this$props3.feedId,
+          commentCount = _this$props3.commentCount;
       var _this$state2 = _this.state,
-        communicationTrackTotal = _this$state2.communicationTrackTotal,
-        isShowAllCommunicationRecord = _this$state2.isShowAllCommunicationRecord;
+          communicationTrackTotal = _this$state2.communicationTrackTotal,
+          isShowAllCommunicationRecord = _this$state2.isShowAllCommunicationRecord;
       isShowAllCommunicationRecord ? _this.getFeedInfo(feedId, communicationTrackTotal) : _this.getFeedInfo(feedId, commentCount);
     };
+
     _this.customSubmitCallback = function (res) {
       var _this$state3 = _this.state,
-        communicationTrackList = _this$state3.communicationTrackList,
-        isShowAllCommunicationRecord = _this$state3.isShowAllCommunicationRecord,
-        communicationTrackTotal = _this$state3.communicationTrackTotal;
+          communicationTrackList = _this$state3.communicationTrackList,
+          isShowAllCommunicationRecord = _this$state3.isShowAllCommunicationRecord,
+          communicationTrackTotal = _this$state3.communicationTrackTotal;
       var _this$props4 = _this.props,
-        feedId = _this$props4.feedId,
-        commentCount = _this$props4.commentCount;
+          feedId = _this$props4.feedId,
+          commentCount = _this$props4.commentCount;
+
       if (res.Code === 1) {
         _this.setState({
           submitStatus: 1,
           isShowReplyToUser: false,
           isShowDefaultInput: true
         });
+
         if (!feedId) {
           _this.setState({
             communicationTrackList: [].concat(_toConsumableArray(communicationTrackList), [res.Data])
           });
+
           return;
         }
+
         if (isShowAllCommunicationRecord) _this.getFeedInfo(feedId, communicationTrackTotal + 1);else _this.getFeedInfo(feedId, commentCount);
       } else {
         _this.setState({
@@ -196,28 +259,32 @@ var Communication = /*#__PURE__*/function (_PureComponent) {
         });
       }
     };
+
     _this.handlerReply = function (submitType, sentData) {
       var _this$state4 = _this.state,
-        isShowReplyToUser = _this$state4.isShowReplyToUser,
-        replyUserCommentId = _this$state4.replyUserCommentId,
-        communicationTrackTotal = _this$state4.communicationTrackTotal,
-        isShowAllCommunicationRecord = _this$state4.isShowAllCommunicationRecord;
+          isShowReplyToUser = _this$state4.isShowReplyToUser,
+          replyUserCommentId = _this$state4.replyUserCommentId,
+          communicationTrackTotal = _this$state4.communicationTrackTotal,
+          isShowAllCommunicationRecord = _this$state4.isShowAllCommunicationRecord;
       var _this$props5 = _this.props,
-        feedId = _this$props5.feedId,
-        commentCount = _this$props5.commentCount,
-        commentType = _this$props5.commentType,
-        okrFeedParams = _this$props5.okrFeedParams,
-        onReplyChange = _this$props5.onReplyChange,
-        customSubmitHandlerSync = _this$props5.customSubmitHandlerSync,
-        customSubmitHandler = _this$props5.customSubmitHandler;
+          feedId = _this$props5.feedId,
+          commentCount = _this$props5.commentCount,
+          commentType = _this$props5.commentType,
+          okrFeedParams = _this$props5.okrFeedParams,
+          onReplyChange = _this$props5.onReplyChange,
+          customSubmitHandlerSync = _this$props5.customSubmitHandlerSync,
+          customSubmitHandler = _this$props5.customSubmitHandler;
+
       if (submitType === 'submit' && customSubmitHandlerSync) {
         customSubmitHandlerSync(sentData).then(_this.customSubmitCallback);
         return;
       }
+
       if (submitType === 'submit' && customSubmitHandler) {
         customSubmitHandler(sentData, _this.customSubmitCallback);
         return;
       }
+
       if (submitType === 'submit') {
         // 发送
         sentData.FeedId = feedId;
@@ -225,16 +292,20 @@ var Communication = /*#__PURE__*/function (_PureComponent) {
         sentData.ObjId = 0;
         sentData.ObjType = 0;
         sentData.Content = sentData.Content || ' ';
+
         if (isShowReplyToUser) {
           sentData.CommentId = replyUserCommentId;
         }
+
         _this.setState({
           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) {
           if (res.Code === 1) {
             isShowAllCommunicationRecord ? _this.getFeedInfo(feedId, communicationTrackTotal + 1) : _this.getFeedInfo(feedId, commentCount);
+
             _this.setState({
               submitStatus: 1,
               isShowReplyToUser: false,
@@ -252,26 +323,30 @@ var Communication = /*#__PURE__*/function (_PureComponent) {
           submitStatus: 0
         });
       }
+
       if (onReplyChange) {
         onReplyChange({
           submitType: submitType
         });
       }
     };
+
     _this.handlerCancelReplyUser = function () {
       return _this.setState({
         isShowReplyToUser: false
       });
     };
+
     _this.handleShowMblog = function () {
       _this.setState({
         isShowDefaultInput: false,
         needAutoFocus: true
       });
     };
+
     var showDefaultInput = props.showDefaultInput,
-      usePropsComment = props.usePropsComment,
-      communication = props.communication;
+        usePropsComment = props.usePropsComment,
+        communication = props.communication;
     var comments = usePropsComment ? communication || [] : [];
     var communicationLength = props.totalCommunicationNum || comments.length;
     _this.state = {
@@ -281,7 +356,6 @@ var Communication = /*#__PURE__*/function (_PureComponent) {
       // 沟通记录条数
       isShowAllCommunicationRecord: false,
       // 是否显示所有记录
-
       // 回复
       replyUser: '',
       replyUserId: '',
@@ -299,14 +373,16 @@ var Communication = /*#__PURE__*/function (_PureComponent) {
     };
     return _this;
   }
+
   _createClass(Communication, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       var _this$props6 = this.props,
-        feedId = _this$props6.feedId,
-        commentCount = _this$props6.commentCount,
-        commentType = _this$props6.commentType,
-        usePropsComment = _this$props6.usePropsComment;
+          feedId = _this$props6.feedId,
+          commentCount = _this$props6.commentCount,
+          commentType = _this$props6.commentType,
+          usePropsComment = _this$props6.usePropsComment;
+
       if ((feedId || commentType === 2) && !usePropsComment) {
         this.getFeedInfo(feedId, commentCount);
       }
@@ -316,59 +392,60 @@ var Communication = /*#__PURE__*/function (_PureComponent) {
     value: function componentDidUpdate(prevProps, prevState) {
       if (prevProps.feedId !== this.props.feedId || prevProps.okrFeedParams !== this.props.okrFeedParams || prevProps.usePropsComment !== this.props.usePropsComment) {
         var _this$props7 = this.props,
-          feedId = _this$props7.feedId,
-          commentCount = _this$props7.commentCount;
+            feedId = _this$props7.feedId,
+            commentCount = _this$props7.commentCount;
         this.getFeedInfo(feedId, commentCount);
       }
     }
-
     /**
      *获取feed信息
      * @feed_id
      * @commentCount 返回的回复条数
      * @memberof Cooperation
      */
+
   }, {
     key: "render",
     value: function render() {
       var _this2 = this;
+
       var _this$state5 = this.state,
-        communicationTrackList = _this$state5.communicationTrackList,
-        communicationTrackTotal = _this$state5.communicationTrackTotal,
-        isShowAllCommunicationRecord = _this$state5.isShowAllCommunicationRecord,
-        replyUser = _this$state5.replyUser,
-        replyUserId = _this$state5.replyUserId,
-        isShowReplyToUser = _this$state5.isShowReplyToUser,
-        submitStatus = _this$state5.submitStatus,
-        isShowPraiseRecordPop = _this$state5.isShowPraiseRecordPop,
-        praiseObjId = _this$state5.praiseObjId,
-        isShowDefaultInput = _this$state5.isShowDefaultInput,
-        needAutoFocus = _this$state5.needAutoFocus;
+          communicationTrackList = _this$state5.communicationTrackList,
+          communicationTrackTotal = _this$state5.communicationTrackTotal,
+          isShowAllCommunicationRecord = _this$state5.isShowAllCommunicationRecord,
+          replyUser = _this$state5.replyUser,
+          replyUserId = _this$state5.replyUserId,
+          isShowReplyToUser = _this$state5.isShowReplyToUser,
+          submitStatus = _this$state5.submitStatus,
+          isShowPraiseRecordPop = _this$state5.isShowPraiseRecordPop,
+          praiseObjId = _this$state5.praiseObjId,
+          isShowDefaultInput = _this$state5.isShowDefaultInput,
+          needAutoFocus = _this$state5.needAutoFocus;
       var _this$props8 = this.props,
-        feedId = _this$props8.feedId,
-        className = _this$props8.className,
-        isShowSendSms = _this$props8.isShowSendSms,
-        confirmPopAlign = _this$props8.confirmPopAlign,
-        setTextareaRef = _this$props8.setTextareaRef,
-        userSelectorPopAlign = _this$props8.userSelectorPopAlign,
-        emotionsSelectorPopAlign = _this$props8.emotionsSelectorPopAlign,
-        showAtAll = _this$props8.showAtAll,
-        atAllTipText = _this$props8.atAllTipText,
-        atAllValue = _this$props8.atAllValue,
-        atAllText = _this$props8.atAllText,
-        commentCount = _this$props8.commentCount,
-        useCustomMblog = _this$props8.useCustomMblog,
-        _this$props8$submitTe = _this$props8.submitText,
-        submitText = _this$props8$submitTe === void 0 ? (0, _getLocale.getLocale)('Mod_Reply') : _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,
-        _this$props8$showUser = _this$props8.showUser,
-        showUser = _this$props8$showUser === void 0 ? false : _this$props8$showUser,
-        _this$props8$attachem = _this$props8.attachemntCanSubmit,
-        attachemntCanSubmit = _this$props8$attachem === void 0 ? true : _this$props8$attachem,
-        useMouseDown = _this$props8.useMouseDown;
+          feedId = _this$props8.feedId,
+          className = _this$props8.className,
+          isShowSendSms = _this$props8.isShowSendSms,
+          confirmPopAlign = _this$props8.confirmPopAlign,
+          setTextareaRef = _this$props8.setTextareaRef,
+          userSelectorPopAlign = _this$props8.userSelectorPopAlign,
+          emotionsSelectorPopAlign = _this$props8.emotionsSelectorPopAlign,
+          showAtAll = _this$props8.showAtAll,
+          atAllTipText = _this$props8.atAllTipText,
+          atAllValue = _this$props8.atAllValue,
+          atAllText = _this$props8.atAllText,
+          commentCount = _this$props8.commentCount,
+          useCustomMblog = _this$props8.useCustomMblog,
+          _this$props8$submitTe = _this$props8.submitText,
+          submitText = _this$props8$submitTe === void 0 ? (0, _getLocale.getLocale)('Mod_Reply') : _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,
+          _this$props8$showUser = _this$props8.showUser,
+          showUser = _this$props8$showUser === void 0 ? false : _this$props8$showUser,
+          _this$props8$attachem = _this$props8.attachemntCanSubmit,
+          attachemntCanSubmit = _this$props8$attachem === void 0 ? true : _this$props8$attachem,
+          useMouseDown = _this$props8.useMouseDown;
       var user = (0, _bsGlobal.getUserInfo)();
       return /*#__PURE__*/_react["default"].createElement(_style.CommunicationWrapper, {
         className: "communcation-wrapper ".concat(className)
@@ -386,9 +463,11 @@ var Communication = /*#__PURE__*/function (_PureComponent) {
         className: (0, _classnames["default"])(_defineProperty({}, "".concat(prefix, "__communication-list"), communicationTrackList.length > 0))
       }, communicationTrackList.length > 0 && communicationTrackList.map(function (item, index) {
         var length = communicationTrackList.length;
+
         if (!isShowAllCommunicationRecord && index < length - commentCount) {
           return;
         }
+
         return /*#__PURE__*/_react["default"].createElement(_CommunicationRecord["default"], {
           communicationTrack: item,
           highLightKeyWord: highLightKeyWord,
@@ -469,8 +548,10 @@ var Communication = /*#__PURE__*/function (_PureComponent) {
       }));
     }
   }]);
+
   return Communication;
 }(_react.PureComponent);
+
 Communication.defaultProps = {
   commentType: 1
 };

package/lib/components/communication/style.js

@@ -4,54 +4,101 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ReplyUser = exports.ReplyToUser = exports.ConfirmWrapper = exports.ConfirmText = exports.ConfirmBtnGroup = exports.CommunicationWrapper = exports.CommunicationRecordTotal = exports.CommunicationPraiseTotal = exports.CommunicationItem = exports.CommunicationDetail = exports.CommunicationContent = exports.CommunicationAttachmentContainer = exports.CommunicationActionbar = exports.ButtonConfirm = exports.ButtonCancel = exports.AttachmentItemWrapper = exports.AttachmentItemName = exports.AttachmentItemIcon = exports.AttachmentAction = exports.ActionbarList = exports.ActionbarItem = void 0;
+
 var _styledComponents = _interopRequireDefault(require("styled-components"));
+
 var _praiseBg = _interopRequireDefault(require("./praise-bg.png"));
+
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21;
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
 var CommunicationWrapper = _styledComponents["default"].div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  font-family: OPPOSans, Arial, Verdana, Helvetica Neue, Helvetica, PingFang SC, Microsoft YaHei, sans-serif;\n"])));
+
 exports.CommunicationWrapper = CommunicationWrapper;
+
 var CommunicationRecordTotal = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  margin-bottom: 8px;\n  font-size: 12px;\n  line-height: 22px;\n  color: #8f9ca6;\n  display: inline-block;\n  cursor: pointer;\n\n  &:hover {\n    color: #2879ff;\n  }\n"])));
+
 exports.CommunicationRecordTotal = CommunicationRecordTotal;
+
 var ReplyToUser = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  height: ", ";\n  padding: ", "; /**3px 0*/\n  font-size: 12px;\n  line-height: 24px;\n  color: #aaaaaa;\n  transition: all 0.3s ease-in-out;\n"])), function (p) {
   return p.height;
 }, function (p) {
   return p.padding;
 });
+
 exports.ReplyToUser = ReplyToUser;
+
 var ReplyUser = _styledComponents["default"].span(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  padding: 2px 8px;\n  line-height: 20px;\n  border-radius: 12px;\n  display: inline-flex;\n  align-items: center;\n  color: #89919F;\n  background-color: #f5f8fa;\n  word-break: break-all;\n\n  .tu-icon-cross {\n    margin-left: 4px;\n    font-size: 16px;\n    color: #89919F;\n    cursor: pointer;\n    &:hover {\n      color: #f05e5e;\n    }\n  }\n"])));
+
 exports.ReplyUser = ReplyUser;
+
 var CommunicationItem = _styledComponents["default"].div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  margin-left: -8px;\n  padding: 8px;\n  margin-bottom: 4px;\n  font-size: 12px;\n  color: #83898f;\n  border-radius: 8px;\n  display: flex;\n  position: relative;\n\n  &:hover {\n    background: #F7F9FB;\n    .communication__actionbar {\n      display: inline-block;\n    }\n  }\n"])));
+
 exports.CommunicationItem = CommunicationItem;
+
 var CommunicationDetail = _styledComponents["default"].div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  width: calc(100% - 35px);\n  margin-top: 2px;\n  margin-left: 12px;\n  display: flex;\n  flex-direction: column;\n  position: relative;\n\n  p {\n    line-height: 17px;\n  }\n"])));
+
 exports.CommunicationDetail = CommunicationDetail;
+
 var CommunicationContent = _styledComponents["default"].p(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  font-size: 13px;\n  margin: 7px 0 8px;\n  line-height: 18px;\n  word-wrap: break-word;\n  word-break: break-all;\n\n  img {\n    vertical-align: text-bottom;\n  }\n"])));
+
 exports.CommunicationContent = CommunicationContent;
+
 var CommunicationActionbar = _styledComponents["default"].div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  display: none;\n  position: absolute;\n  right: 0;\n  top: 0;\n"])));
+
 exports.CommunicationActionbar = CommunicationActionbar;
+
 var ActionbarList = _styledComponents["default"].div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  display: flex;\n  color: #2879ff;\n"])));
+
 exports.ActionbarList = ActionbarList;
+
 var ActionbarItem = _styledComponents["default"].div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  padding-left: 10px;\n  font-size: 12px;\n  line-height: 24px;\n  cursor: pointer;\n  &:hover {\n    color: #5C8EFF;\n  }\n"])));
+
 exports.ActionbarItem = ActionbarItem;
+
 var CommunicationPraiseTotal = _styledComponents["default"].span(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n  margin-left: 5px;\n  cursor: pointer;\n"])));
+
 exports.CommunicationPraiseTotal = CommunicationPraiseTotal;
+
 var CommunicationAttachmentContainer = _styledComponents["default"].div(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n  margin-top: 20px;\n  display: flex;\n  flex-wrap: wrap;\n"])));
+
 exports.CommunicationAttachmentContainer = CommunicationAttachmentContainer;
+
 var AttachmentItemWrapper = _styledComponents["default"].div(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n  margin: 0 40px 5px 0;\n  display: flex;\n  flex-direction: column;\n\n  &.row-wrapper {\n    width: 310px;\n    height: 30px;\n    padding: 5px;\n    font-size: 12px;\n    background-color: #f5f8fa;\n    align-items: center;\n    flex-direction: row;\n\n    .file-icon {\n      width: 30px;\n      height: 30px;\n      margin-right: 10px;\n      line-height: 30px;\n\n      .ico_afb {\n        font-size: 24px;\n        line-height: 30px;\n      }\n    }\n\n    .file-name {\n      flex: 1;\n      margin: 0 20px 0 0;\n      color: #647481;\n    }\n\n    .item__action {\n      display: flex;\n      opacity: 1;\n\n      a, span {\n        transition: all .3s ease-in;\n        color: #a9b8bf !important;\n\n        &:hover {\n          color: #2879ff !important;\n        }\n      }\n    }\n  }\n\n  &:hover {\n    .item__action {\n      opacity: 1;\n    }\n  }\n"])));
+
 exports.AttachmentItemWrapper = AttachmentItemWrapper;
+
 var AttachmentItemIcon = _styledComponents["default"].div(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n  width: 98px;\n  height: 98px;\n  line-height: 97px;\n  border: 1px solid #e9edf0;\n  border-radius: 1px;\n  background: #f5f8fa;\n  text-align: center;\n\n  img {\n    max-width: 100%;\n    max-height: 100%;\n  }\n\n  span {\n    font-size: 50px;\n    line-height: 98px;\n  }\n"])));
+
 exports.AttachmentItemIcon = AttachmentItemIcon;
+
 var AttachmentItemName = _styledComponents["default"].div(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n  width: 100px;\n  margin-top: 5px;\n  font-size: 12px;\n  line-height: 20px;\n  color: #36434d;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n"])));
+
 exports.AttachmentItemName = AttachmentItemName;
+
 var AttachmentAction = _styledComponents["default"].div(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n  height: 20px;\n  line-height: 20px;\n  opacity: 0;\n\n  a {\n    font-size: 12px;\n    color: #2879ff;\n    &:first-child {\n      margin-right: 10px;\n    }\n  }\n"])));
+
 exports.AttachmentAction = AttachmentAction;
+
 var ConfirmWrapper = _styledComponents["default"].div(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n  min-width: 300px;\n  border-radius: 2px;\n  box-shadow: 0 0 4px 0 rgba(0,0,0,0.20);\n  background-color: #ffffff;\n  \n  &.bg {\n    background: url(", ") no-repeat 0 0 / 101% 105%;\n    box-shadow: 0 6px 15px 0 rgba(0,0,0,0.15);\n  }\n"])), _praiseBg["default"]);
+
 exports.ConfirmWrapper = ConfirmWrapper;
+
 var ConfirmText = _styledComponents["default"].div(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n  padding: 12px 20px;\n  font-size: 14px;\n  line-height: 24px;\n  text-align: left;\n  word-break: break-all;\n  word-wrap: break-word;\n  word-break: break-all;\n"])));
+
 exports.ConfirmText = ConfirmText;
+
 var ConfirmBtnGroup = _styledComponents["default"].div(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n  padding: 0 15px 15px 10px;\n  text-align: right;\n\n  button {\n    margin-left: 5px;\n    padding: 0px 15px;\n    font-size: 14px;\n    line-height: 30px;\n    border-radius: 2px;\n    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.18);\n    border: none;\n  }\n"])));
+
 exports.ConfirmBtnGroup = ConfirmBtnGroup;
+
 var ButtonCancel = _styledComponents["default"].button(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n  background-color: #f5f8fa;\n  color: #34434e;\n"])));
+
 exports.ButtonCancel = ButtonCancel;
+
 var ButtonConfirm = _styledComponents["default"].button(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n  background-color: #2879FF;\n  color: #fff;\n"])));
+
 exports.ButtonConfirm = ButtonConfirm;

package/lib/components/condition-render/index.js

@@ -4,13 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+
 var ConditionRender = function ConditionRender(_ref) {
   var condition = _ref.condition,
-    children = _ref.children;
+      children = _ref.children;
+
   if (!condition) {
     return null;
   }
+
   return children;
 };
+
 var _default = ConditionRender;
 exports["default"] = _default;