@titaui/pc 1.10.5 → 1.10.6-3.beta-3

package/.eslintrc.js

@@ -62,7 +62,7 @@ module.exports = {
     "react/jsx-filename-extension": 0,
     "react/prop-types": 2,
     "react/function-component-definition": 0, 
-    "react/no-danger": 2,
+    "react/no-danger": 0,
     "react/self-closing-comp": 2,
     "no-useless-escape": 2,
     "curly": 2,
@@ -98,7 +98,7 @@ module.exports = {
     "max-len": ["error", { "code": 200 }],
     "lines-between-class-members": 2,
     "no-tabs": 2,
-    "react/jsx-indent": 2,
+    "react/jsx-indent": 0,
     "react/jsx-closing-tag-location": 2,
     "react/jsx-tag-spacing": 2,
     "react/jsx-indent-props": 2,

package/.prettierignore

@@ -28,4 +28,4 @@ stories
 
 *.ts
 
-*.tsx
+# *.tsx

package/lib/components/book-demo/utils.js

@@ -41,6 +41,10 @@ var bookDemoTransformDataToJson = function bookDemoTransformDataToJson(data, sou
       if (item.id === "employeeRange") {
         if (/-/.test(item.value)) {
           result.employeeCount = item.value.split("-")[1];
+        } else if (item.value === "10000+") {
+          result.employeeCount = "20000";
+        } else if (item.value === "我代表一组公司") {
+          result.employeeCount = "30000";
         } else {
           result.employeeCount = item.value;
         }

package/lib/components/button/default-button/index.css

@@ -17,7 +17,7 @@
 }
 
 .tita-button-primary {
-  background: #2879FF;
+  background: #2879ff;
   color: #ffffff;
   border-radius: 4px;
   box-sizing: border-box;
@@ -29,13 +29,13 @@
 }
 
 .tita-button-primary:hover {
-  background: #5C8EFF;
+  background: #5c8eff;
 }
 
 .tita-button-default {
   background: #ffffff;
   border-radius: 4px;
-  border: 1px solid #2879FF;
+  border: 1px solid #2879ff;
   box-sizing: border-box;
   display: flex;
   align-items: center;
@@ -45,5 +45,11 @@
 }
 
 .tita-button-default:hover {
-  background: #E9F1FF;
+  background: #e9f1ff;
+}
+
+.tita-button--disabled {
+  opacity: 0.4;
+  cursor: not-allowed;
+  user-select: none;
 }

package/lib/components/button/default-button/index.js

@@ -13,7 +13,7 @@ var _getLocale = require("../../../utils/getLocale");
 
 require("./index.css");
 
-var _excluded = ["type", "children", "size", "className"];
+var _excluded = ["type", "children", "size", "disable", "className"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -28,20 +28,31 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 var preCls = "tita-button";
 
 var Button = function Button(_ref) {
+  var _classNames;
+
   var _ref$type = _ref.type,
       type = _ref$type === void 0 ? "default" : _ref$type,
       _ref$children = _ref.children,
       children = _ref$children === void 0 ? (0, _getLocale.getLocale)("OKR_MyO_Butt_Determine") : _ref$children,
       _ref$size = _ref.size,
       size = _ref$size === void 0 ? "middle" : _ref$size,
+      _ref$disable = _ref.disable,
+      disable = _ref$disable === void 0 ? false : _ref$disable,
       _ref$className = _ref.className,
       className = _ref$className === void 0 ? "" : _ref$className,
       restProps = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/_react["default"].createElement("div", _extends({
-    className: (0, _classnames["default"])(_defineProperty({}, "".concat(preCls, "-primary"), type === "primary"), _defineProperty({}, "".concat(preCls, "-default"), type === "default"), "".concat(preCls, "-").concat(size), className)
+    className: (0, _classnames["default"])((_classNames = {}, _defineProperty(_classNames, "".concat(preCls, "-primary"), type === "primary"), _defineProperty(_classNames, "".concat(preCls, "-default"), type === "default"), _defineProperty(_classNames, "".concat(preCls, "--disabled"), disable), _classNames), "".concat(preCls, "-").concat(size), className)
   }, restProps), children);
 };
 
+Button.defaultProps = {
+  type: "default",
+  children: (0, _getLocale.getLocale)("OKR_MyO_Butt_Determine"),
+  size: "middle",
+  disable: false,
+  className: ""
+};
 var _default = Button;
 exports["default"] = _default;

package/lib/components/change-okr-modal/index.js

@@ -25,6 +25,8 @@ var _constant = require("./constant");
 
 var _getLocale = require("../../utils/getLocale");
 
+var _tools = require("../../utils/tools");
+
 require("./index.css");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -298,7 +300,6 @@ var ChangeOkr = /*#__PURE__*/function (_PureComponent) {
         return /*#__PURE__*/_react["default"].createElement(_Item["default"], {
           data: d,
           keywords: keywords,
-          key: "".concat(d.workId),
           active: activeItem,
           onSelect: function onSelect(data) {
             return _this3.handleSelect(data);
@@ -527,7 +528,7 @@ var _initialiseProps = function _initialiseProps() {
               _this4.pending = true;
 
               if (isLoading) {
-                _this4.page = _this4.page + 1;
+                _this4.page++;
 
                 _this4.setState({
                   loadingMore: true
@@ -575,6 +576,8 @@ var _initialiseProps = function _initialiseProps() {
                   data: isRefresh ? resData : [].concat(_toConsumableArray(data), _toConsumableArray(resData)),
                   isEnd: res.Data.nextPage === 0
                 }, function () {
+                  console.log(_this4.state.data);
+
                   if (isRefresh) {
                     _this4.scollListToTop();
                   }
@@ -637,6 +640,7 @@ var _initialiseProps = function _initialiseProps() {
 
 
     data.parentType = parentType;
+    data.workName = (0, _tools.htmlToText)(data.workName);
 
     if (selected && (selected.workId || selected.mileStoneId) !== parentId) {
       onConfirm(data);

package/lib/components/checkbox/index.css

@@ -11,6 +11,7 @@
 
 .titaui-checkbox--checked {
   background: url(./checked.svg) transparent no-repeat 50% 50%;
+  border: none;
 }
 
 .titaui-checkbox--disabled {

package/lib/components/communication/CommunicationRecord.js

@@ -11,7 +11,7 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _reactTooltip = _interopRequireDefault(require("react-tooltip"));
 
-var _avatar = _interopRequireDefault(require("../../components-v1/avatar"));
+var _avatar = _interopRequireDefault(require("../avatar"));
 
 var _Portals = _interopRequireDefault(require("../../components-v1/portals/Portals"));
 
@@ -64,7 +64,11 @@ var CommunicationRecord = function CommunicationRecord(_ref) {
   return /*#__PURE__*/_react["default"].createElement(_style.CommunicationItem, {
     className: className
   }, /*#__PURE__*/_react["default"].createElement(_avatar["default"], {
-    size: _avatar["default"].size(7),
+    size: {
+      width: 28,
+      fontSize: 14,
+      textNum: 1
+    },
     name: communicationTrack.publishUser.name,
     src: communicationTrack.publishUser.avatar.small,
     color: communicationTrack.publishUser.avatar.color,
@@ -72,14 +76,20 @@ var CommunicationRecord = function CommunicationRecord(_ref) {
   }), /*#__PURE__*/_react["default"].createElement(_style.CommunicationDetail, null, /*#__PURE__*/_react["default"].createElement("p", {
     style: {
       color: "#3a4247",
-      wordBreak: "break-all"
+      wordBreak: "break-all",
+      display: 'flex',
+      alignItems: 'center'
     }
-  }, communicationTrack.commentType != 2 ? /*#__PURE__*/_react["default"].createElement("span", null, /*#__PURE__*/_react["default"].createElement(_ConvertUserName["default"], {
+  }, communicationTrack.commentType != 2 ? /*#__PURE__*/_react["default"].createElement("span", {
+    className: "".concat(prefix, "__communication-item")
+  }, /*#__PURE__*/_react["default"].createElement(_ConvertUserName["default"], {
     userName: communicationTrack.publishUser.name,
     userId: communicationTrack.publishUser.userId
   }), /*#__PURE__*/_react["default"].createElement("span", {
-    className: "".concat(prefix, "__communication-colon")
-  }, "\uFF1A")) : /*#__PURE__*/_react["default"].createElement("span", null, /*#__PURE__*/_react["default"].createElement(_ConvertUserName["default"], {
+    className: "".concat(prefix, "__communication-time")
+  }, communicationTrack.createDate)) : /*#__PURE__*/_react["default"].createElement("span", {
+    className: "".concat(prefix, "__communication-item")
+  }, /*#__PURE__*/_react["default"].createElement(_ConvertUserName["default"], {
     userName: communicationTrack.publishUser.name,
     userId: communicationTrack.publishUser.userId
   }), /*#__PURE__*/_react["default"].createElement("span", {
@@ -88,25 +98,21 @@ var CommunicationRecord = function CommunicationRecord(_ref) {
     userName: communicationTrack.parentUser.name,
     userId: communicationTrack.parentUser.userId
   }), /*#__PURE__*/_react["default"].createElement("span", {
-    className: "".concat(prefix, "__communication-colon")
-  }, "\uFF1A"), /*#__PURE__*/_react["default"].createElement(_Portals["default"], null, /*#__PURE__*/_react["default"].createElement(_reactTooltip["default"], {
+    className: "".concat(prefix, "__communication-time")
+  }, communicationTrack.createDate), /*#__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", {
+  })))), /*#__PURE__*/_react["default"].createElement("span", {
     className: "".concat(prefix, "__communication-content"),
     ref: contentRef
-  }, (0, _openData.parseTag)(communicationTrack.content.trim()))), communicationTrack.attachments && /*#__PURE__*/_react["default"].createElement("div", {
+  }, (0, _openData.parseTag)(communicationTrack.content.trim())), communicationTrack.attachments && /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefix, "__communication-attachments")
   }, /*#__PURE__*/_react["default"].createElement(_fileList["default"], {
     data: communicationTrack.attachments
-  })), /*#__PURE__*/_react["default"].createElement("div", {
-    className: "".concat(prefix, "__communication-bottom")
-  }, /*#__PURE__*/_react["default"].createElement("span", {
-    className: "".concat(prefix, "__communication-time")
-  }, communicationTrack.createDate), /*#__PURE__*/_react["default"].createElement(_style.CommunicationActionbar, {
+  })), /*#__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) {
@@ -135,7 +141,7 @@ var CommunicationRecord = function CommunicationRecord(_ref) {
     onSubmit: function onSubmit(event) {
       return onCommunicationRecordChange(event, "delete", index);
     }
-  }, /*#__PURE__*/_react["default"].createElement(_style.ActionbarItem, null, (0, _getLocale.getLocale)("Mod_Delete"))))))), /*#__PURE__*/_react["default"].createElement(_reactTooltip["default"], {
+  }, /*#__PURE__*/_react["default"].createElement(_style.ActionbarItem, null, (0, _getLocale.getLocale)("Mod_Delete")))))), /*#__PURE__*/_react["default"].createElement(_reactTooltip["default"], {
     id: "praise-record",
     className: "tt-react-tooltip",
     place: "top",

package/lib/components/communication/index.css

@@ -1,21 +1,21 @@
-.titaui-communication__communication-text {
-  font-size: 14px;
-  color: #89919f;
-  line-height: 22px;
-  margin: 0 8px;
+.titaui-communication__communication-item {
+  display: flex;
+  align-items: center;
 }
 
-.titaui-communication__communication-colon {
+.titaui-communication__communication-text {
   font-size: 14px;
-  font-weight: 600;
   color: #3f4755;
   line-height: 22px;
+  margin: 0 4px;
 }
 
 .titaui-communication__communication-content {
   font-size: 14px;
   color: #6f7886;
   line-height: 22px;
+  position: relative;
+  margin-top: 4px;
 }
 
 .titaui-communication__communication-content .highlight {
@@ -29,7 +29,7 @@
 .titaui-communication__communication-content__user-link {
   font-size: 14px;
   font-weight: 600;
-  color: #3F4755;
+  color: #3f4755;
   line-height: 22px;
 }
 
@@ -47,9 +47,10 @@
 
 .titaui-communication__communication-time {
   font-size: 12px;
+  font-weight: 400;
   color: #89919f;
   line-height: 18px;
-  margin-top: 4px;
+  margin-left: 12px;
 }
 
 .titaui-communication__communication-bottom {
@@ -57,7 +58,7 @@
 }
 
 .titaui-communication__communication-list {
-  margin-bottom: 8px;
+  margin-bottom: 12px;
 }
 
 .titaui-communication__communication-attachments {
@@ -68,8 +69,47 @@
   display: flex;
   align-items: center;
   user-select: none;
+  color: #2879ff;
 }
 
 .titaui-communication__communication-total-icon {
   margin-left: 4px;
 }
+
+.titaui-communication__reply-container-text {
+  margin-right: 4px;
+}
+
+.titaui-communication__reply-container--show-user {
+  margin-left: 40px;
+  margin-top: -12px;
+}
+
+.titaui-communication__reply-default-input {
+  display: flex;
+}
+
+.titaui-communication__reply-default-input-text {
+  flex: 1;
+  cursor: text;
+  font-size: 12px;
+  color: #bfc7d5;
+  line-height: 22px;
+  margin-left: 12px;
+  height: 32px;
+  border-radius: 16px;
+  border-radius: 16px;
+  border: 1px solid #e9ecf0;
+  display: flex;
+  align-items: center;
+  box-sizing: border-box;
+  padding-left: 12px;
+}
+
+.titaui-communication__reply-default-input-avatar {
+  height: 32px;
+}
+
+.titaui-communication__reply-default-input-avatar .titaui-pc-avator-container {
+  display: inline-flex;
+}

package/lib/components/communication/index.js

@@ -19,12 +19,16 @@ 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 }; }
@@ -33,6 +37,8 @@ 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 _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."); }
@@ -91,7 +97,7 @@ var Communication = /*#__PURE__*/function (_PureComponent) {
           _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({
@@ -137,6 +143,12 @@ var Communication = /*#__PURE__*/function (_PureComponent) {
         (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'
+              });
+            }
           }
         });
       } else if (actionType === "reply") {
@@ -162,7 +174,9 @@ var Communication = /*#__PURE__*/function (_PureComponent) {
           isShowReplyToUser: true,
           replyUser: communicationTrackList[index].publishUser.name,
           replyUserId: communicationTrackList[index].publishUser.userId,
-          replyUserCommentId: communicationTrackList[index].commentId
+          replyUserCommentId: communicationTrackList[index].commentId,
+          isShowDefaultInput: false,
+          needAutoFocus: true
         });
       } else if (actionType === "praise") {
         // 沟通里的点赞
@@ -219,7 +233,8 @@ var Communication = /*#__PURE__*/function (_PureComponent) {
           feedId = _this$props4.feedId,
           commentCount = _this$props4.commentCount,
           commentType = _this$props4.commentType,
-          okrFeedParams = _this$props4.okrFeedParams;
+          okrFeedParams = _this$props4.okrFeedParams,
+          onReplyChange = _this$props4.onReplyChange;
       var _this$state3 = _this.state,
           isShowReplyToUser = _this$state3.isShowReplyToUser,
           replyUserCommentId = _this$state3.replyUserCommentId,
@@ -242,14 +257,15 @@ 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));
+        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
+              isShowReplyToUser: false,
+              isShowDefaultInput: true
             });
           } else {
             _this.setState({
@@ -263,6 +279,12 @@ var Communication = /*#__PURE__*/function (_PureComponent) {
           submitStatus: 0
         });
       }
+
+      if (onReplyChange) {
+        onReplyChange({
+          submitType: submitType
+        });
+      }
     };
 
     _this.handlerCancelReplyUser = function () {
@@ -271,11 +293,22 @@ var Communication = /*#__PURE__*/function (_PureComponent) {
       });
     };
 
-    var comments = props.usePropsComment ? props.communication || [] : [];
+    _this.handleShowMblog = function () {
+      _this.setState({
+        isShowDefaultInput: false,
+        needAutoFocus: true
+      });
+    };
+
+    var showDefaultInput = props.showDefaultInput,
+        usePropsComment = props.usePropsComment,
+        communication = props.communication;
+    var comments = usePropsComment ? communication || [] : [];
+    var communicationLength = props.totalCommunicationNum || comments.length;
     _this.state = {
       communicationTrackList: comments,
       // 沟通记录
-      communicationTrackTotal: props.totalCommunicationNum || comments.length,
+      communicationTrackTotal: communicationLength,
       // 沟通记录条数
       isShowAllCommunicationRecord: false,
       // 是否显示所有记录
@@ -290,7 +323,9 @@ var Communication = /*#__PURE__*/function (_PureComponent) {
       // 点赞记录
       praiseObjId: "",
       isShowPraiseRecordPop: false,
-      okrCommentFeedId: ""
+      okrCommentFeedId: "",
+      isShowDefaultInput: showDefaultInput && communicationLength !== 0 ? true : false,
+      needAutoFocus: false
     };
     return _this;
   }
@@ -304,14 +339,14 @@ var Communication = /*#__PURE__*/function (_PureComponent) {
           commentType = _this$props5.commentType,
           usePropsComment = _this$props5.usePropsComment;
 
-      if ((feedId || commentType == 2) && !usePropsComment) {
+      if ((feedId || commentType === 2) && !usePropsComment) {
         this.getFeedInfo(feedId, commentCount);
       }
     }
   }, {
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps, prevState) {
-      if (prevProps.feedId != this.props.feedId || prevProps.okrFeedParams != this.props.okrFeedParams || prevProps.usePropsComment != this.props.usePropsComment) {
+      if (prevProps.feedId !== this.props.feedId || prevProps.okrFeedParams !== this.props.okrFeedParams || prevProps.usePropsComment !== this.props.usePropsComment) {
         var _this$props6 = this.props,
             feedId = _this$props6.feedId,
             commentCount = _this$props6.commentCount;
@@ -339,7 +374,9 @@ var Communication = /*#__PURE__*/function (_PureComponent) {
           isShowReplyToUser = _this$state4.isShowReplyToUser,
           submitStatus = _this$state4.submitStatus,
           isShowPraiseRecordPop = _this$state4.isShowPraiseRecordPop,
-          praiseObjId = _this$state4.praiseObjId;
+          praiseObjId = _this$state4.praiseObjId,
+          isShowDefaultInput = _this$state4.isShowDefaultInput,
+          needAutoFocus = _this$state4.needAutoFocus;
       var _this$props7 = this.props,
           feedId = _this$props7.feedId,
           className = _this$props7.className,
@@ -356,21 +393,24 @@ var Communication = /*#__PURE__*/function (_PureComponent) {
           _this$props7$highLigh = _this$props7.highLightKeyWord,
           highLightKeyWord = _this$props7$highLigh === void 0 ? "" : _this$props7$highLigh,
           _this$props7$autoFocu = _this$props7.autoFocus,
-          autoFocus = _this$props7$autoFocu === void 0 ? false : _this$props7$autoFocu;
+          autoFocus = _this$props7$autoFocu === void 0 ? false : _this$props7$autoFocu,
+          _this$props7$showUser = _this$props7.showUser,
+          showUser = _this$props7$showUser === void 0 ? false : _this$props7$showUser;
+      var user = (0, _bsGlobal.getUserInfo)();
       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", {
+      }, /*#__PURE__*/_react["default"].createElement("div", null, communicationTrackTotal > 3 && /*#__PURE__*/_react["default"].createElement(_style.CommunicationRecordTotal, null, /*#__PURE__*/_react["default"].createElement("div", {
         className: "".concat(prefix, "__communication-total"),
         onMouseDown: function onMouseDown() {
           return _this2.handlerSwitchShowRecord();
         }
       }, (0, _getLocale.getLocale)("Mod_Allcommu"), "\xA0", /*#__PURE__*/_react["default"].createElement("span", null, communicationTrackTotal), communicationTrackTotal > commentCount && /*#__PURE__*/_react["default"].createElement("i", {
         className: (0, _classnames["default"])("".concat(prefix, "__communication-total-icon"), {
-          "tu-icon-APP-xi": isShowAllCommunicationRecord,
-          "tu-icon-arrow-down1": !isShowAllCommunicationRecord
+          "tu-icon-APP-xi": !isShowAllCommunicationRecord,
+          "tu-icon-arrow-down1": isShowAllCommunicationRecord
         })
       }))), /*#__PURE__*/_react["default"].createElement("div", {
-        className: "".concat(prefix, "__communication-list")
+        className: (0, _classnames["default"])(_defineProperty({}, "".concat(prefix, "__communication-list"), communicationTrackList.length > 0))
       }, communicationTrackList.length > 0 && communicationTrackList.map(function (item, index) {
         var length = communicationTrackList.length;
 
@@ -390,16 +430,14 @@ var Communication = /*#__PURE__*/function (_PureComponent) {
           }
         });
       }))), !useCustomMblog && /*#__PURE__*/_react["default"].createElement("div", {
-        className: "communication__reply__cintainer"
-      }, /*#__PURE__*/_react["default"].createElement(_style.ReplyToUser, {
+        className: "".concat(prefix, "__reply-container")
+      }, isShowReplyToUser && /*#__PURE__*/_react["default"].createElement(_style.ReplyToUser, {
         height: isShowReplyToUser ? "auto" : "0",
-        padding: isShowReplyToUser ? "3px 0" : "0"
-      }, /*#__PURE__*/_react["default"].createElement("span", {
-        style: {
-          position: "relative",
-          top: "2px"
-        }
-      }, (0, _getLocale.getLocale)("Mod_Reply")), /*#__PURE__*/_react["default"].createElement(_style.ReplyUser, null, /*#__PURE__*/_react["default"].createElement("span", {
+        padding: isShowReplyToUser ? "4px 0" : "0",
+        className: (0, _classnames["default"])(_defineProperty({}, "".concat(prefix, "__reply-container--show-user"), showUser))
+      }, /*#__PURE__*/_react["default"].createElement(_style.ReplyUser, null, /*#__PURE__*/_react["default"].createElement("span", {
+        className: "".concat(prefix, "__reply-container-text")
+      }, (0, _getLocale.getLocale)("Mod_Reply")), /*#__PURE__*/_react["default"].createElement("span", {
         className: "name"
       }, /*#__PURE__*/_react["default"].createElement(_openData.OpenUserName, {
         name: replyUser,
@@ -407,7 +445,23 @@ var Communication = /*#__PURE__*/function (_PureComponent) {
       })), /*#__PURE__*/_react["default"].createElement("span", {
         className: "tu-icon-cross",
         onMouseDown: this.handlerCancelReplyUser
-      }))), /*#__PURE__*/_react["default"].createElement(_mblog["default"], {
+      }))), isShowDefaultInput && !isShowReplyToUser && /*#__PURE__*/_react["default"].createElement("div", {
+        className: "".concat(prefix, "__reply-default-input")
+      }, /*#__PURE__*/_react["default"].createElement("span", {
+        className: "".concat(prefix, "__reply-default-input-avatar")
+      }, /*#__PURE__*/_react["default"].createElement(_avatar["default"], {
+        size: {
+          width: 28,
+          textNum: 1,
+          fontSize: 14
+        },
+        name: user.Name,
+        color: user.UserAvatar.Color,
+        src: user.UserAvatar.Medium
+      })), /*#__PURE__*/_react["default"].createElement("span", {
+        onClick: this.handleShowMblog,
+        className: "".concat(prefix, "__reply-default-input-text")
+      }, "\u8F93\u5165\u6C9F\u901A\u5185\u5BB9")), !isShowDefaultInput && /*#__PURE__*/_react["default"].createElement(_mblog["default"], {
         setTextareaRef: setTextareaRef || function () {},
         isHasPlaceholder: true,
         placeholderText: (0, _getLocale.getLocale)("Mod_contentofyour"),
@@ -420,11 +474,12 @@ var Communication = /*#__PURE__*/function (_PureComponent) {
         submitStatus: submitStatus,
         userSelectorPopAlign: userSelectorPopAlign,
         emotionsSelectorPopAlign: emotionsSelectorPopAlign,
-        autoFocus: autoFocus,
+        autoFocus: autoFocus || needAutoFocus,
         autoResizing: false,
         onMblogSubmit: function onMblogSubmit(submitType, sentData) {
           return _this2.handlerReply(submitType, sentData);
-        }
+        },
+        showUser: showUser
       })), isShowPraiseRecordPop && /*#__PURE__*/_react["default"].createElement(_praiseRecord["default"], {
         objId: praiseObjId,
         objType: 19,
@@ -441,7 +496,8 @@ var Communication = /*#__PURE__*/function (_PureComponent) {
   return Communication;
 }(_react.PureComponent);
 
-exports["default"] = Communication;
 Communication.defaultProps = {
   commentType: 1
-};
+};
+var _default = Communication;
+exports["default"] = _default;