@titaui/pc 1.10.9 → 1.10.10

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 }; }
@@ -78,13 +80,14 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
 var pageSize = 20;
 
 function parseUser(toUser) {
+  if (!toUser || JSON.stringify(toUser) === '{}') return {};
   return {
     Name: toUser.name,
     Id: toUser.userId,
     DepartmentId: 0,
     Email: toUser.email,
     UserAvatar: toUser.avatar,
-    Department: ""
+    Department: ''
   };
 } // ChangeOKR 是伴随父组件的出现而出现的， 构造阶段就已经有所有的数据
 
@@ -113,11 +116,11 @@ var ChangeOkr = /*#__PURE__*/function (_PureComponent) {
       status: null,
       cycle: null,
       type: null,
-      users: [user],
+      users: JSON.stringify(user) === '{}' ? [] : [user],
       // 构造之后这里还是空的
       departments: [],
       data: [],
-      keywords: "",
+      keywords: '',
       loadingMore: false,
       isEnd: false,
       nextPage: 1,
@@ -141,7 +144,7 @@ var ChangeOkr = /*#__PURE__*/function (_PureComponent) {
         this.setState({
           users: [user],
           data: [],
-          keywords: ""
+          keywords: ''
         });
       }
     }
@@ -155,20 +158,20 @@ var ChangeOkr = /*#__PURE__*/function (_PureComponent) {
       // 首次加载的时候 需要把 cycle 通过 cycleType 与 yqmNum 合并出来
 
       var url = (0, _requestV.getApiUrl)("customizequery/condition/get?dataKey=".concat(this.DATA_KEY, "&pageId=").concat(this.PAGE_ID));
-      (0, _requestV.taker)(url, "GET").then(function (res) {
+      (0, _requestV.taker)(url, 'GET').then(function (res) {
         // condition 设置完筛选条件 然后再调用 getData()
         if (res.Code === 1) {
           var _res$Data = res.Data,
               cycleType = _res$Data.cycleType,
               yqmNum = _res$Data.yqmNum,
               annualNum = _res$Data.annualNum,
-              okrType = _res$Data.okrType,
               status = _res$Data.status,
               users = _res$Data.users;
+          var okrType = res.Data.okrType;
           var cycle;
-          cycleType || "";
+          cycleType || '';
 
-          if (cycleType == 1 || cycleType == -1) {
+          if (cycleType === 1 || cycleType === -1) {
             cycle = "".concat(cycleType);
           } else {
             cycle = cycleType ? "".concat(cycleType, ",").concat(yqmNum) : null;
@@ -176,7 +179,7 @@ var ChangeOkr = /*#__PURE__*/function (_PureComponent) {
 
           var year = annualNum || null; // status = status || 0;
 
-          okrType = okrType == undefined ? null : okrType;
+          okrType = okrType === undefined ? null : okrType;
 
           if (!_this2.KRSetting.OkrTypeSetting) {
             okrType = null;
@@ -188,8 +191,8 @@ var ChangeOkr = /*#__PURE__*/function (_PureComponent) {
               year: year,
               status: status,
               type: okrType,
-              users: [user],
-              keywords: "",
+              users: JSON.stringify(user) === '{}' ? [] : [user],
+              keywords: '',
               nextPage: 1
             }, function () {
               return _this2.getListData();
@@ -209,9 +212,9 @@ var ChangeOkr = /*#__PURE__*/function (_PureComponent) {
                   Id: id,
                   DepartmentId: 0,
                   Email: email,
-                  Department: "",
-                  UserAvatar: "",
-                  keywords: "",
+                  Department: '',
+                  UserAvatar: '',
+                  keywords: '',
                   nextPage: 1
                 };
               })
@@ -239,13 +242,15 @@ var ChangeOkr = /*#__PURE__*/function (_PureComponent) {
           isEnd = _this$state.isEnd,
           departments = _this$state.departments,
           keywords = _this$state.keywords,
-          remembered = _this$state.remembered;
+          remembered = _this$state.remembered; // container
+
       var _this$props = this.props,
           className = _this$props.className,
           okrPopType = _this$props.okrPopType,
           parentId = _this$props.parentId,
-          container = _this$props.container,
-          hideCancelBtn = _this$props.hideCancelBtn;
+          hideCancelBtn = _this$props.hideCancelBtn,
+          alilgn = _this$props.alilgn,
+          autoAdjust = _this$props.autoAdjust;
       var activeItem = selected || {
         workId: parentId
       };
@@ -258,8 +263,8 @@ var ChangeOkr = /*#__PURE__*/function (_PureComponent) {
         ref: function ref(r) {
           return _this3.pop = r;
         },
-        align: this.props.alilgn,
-        autoAdjust: this.props.autoAdjust,
+        align: alilgn,
+        autoAdjust: autoAdjust,
         onBeforeShow: this.onBeforeShow,
         onAfterShow: this.onAfterShow,
         onBeforeHide: this.onBeforeShow,
@@ -272,7 +277,7 @@ var ChangeOkr = /*#__PURE__*/function (_PureComponent) {
       }, /*#__PURE__*/_react["default"].createElement(_styledComponents.Header, null, (0, _constant.getPopType)()[okrPopType], /*#__PURE__*/_react["default"].createElement("i", {
         className: "tu-icon-close",
         style: {
-          cursor: "pointer"
+          cursor: 'pointer'
         },
         onClick: this.hide
       })), /*#__PURE__*/_react["default"].createElement(_styledComponents.Body, null, /*#__PURE__*/_react["default"].createElement(_Filter["default"], {
@@ -291,11 +296,10 @@ var ChangeOkr = /*#__PURE__*/function (_PureComponent) {
         ref: function ref(r) {
           return _this3.list = r;
         }
-      }, data.map(function (d, i) {
+      }, data.map(function (d) {
         return /*#__PURE__*/_react["default"].createElement(_Item["default"], {
           data: d,
           keywords: keywords,
-          key: "".concat(d.workId).concat(i),
           active: activeItem,
           onSelect: function onSelect(data) {
             return _this3.handleSelect(data);
@@ -306,21 +310,21 @@ var ChangeOkr = /*#__PURE__*/function (_PureComponent) {
         onClick: function onClick() {
           return _this3.getListData(true);
         }
-      }, loadingMore ? "".concat((0, _getLocale.getLocale)("Mod_loading"), "\u2026") : (0, _getLocale.getLocale)("OKR_MyO_Butt_Loadmore"), /*#__PURE__*/_react["default"].createElement("i", {
+      }, loadingMore ? "".concat((0, _getLocale.getLocale)('Mod_loading'), "\u2026") : (0, _getLocale.getLocale)('OKR_MyO_Butt_Loadmore'), /*#__PURE__*/_react["default"].createElement("i", {
         className: "tu-icon-arrow-down"
-      }))), !!data.length && isEnd && /*#__PURE__*/_react["default"].createElement(_styledComponents.NoMore, null, (0, _getLocale.getLocale)("Mod_Nomore"), "\uFF5E"))), /*#__PURE__*/_react["default"].createElement(_styledComponents.Footer, null, okrPopType === 1 && parentId != 0 && !hideCancelBtn && /*#__PURE__*/_react["default"].createElement(_styledComponents.Button, {
+      }))), !!data.length && isEnd && /*#__PURE__*/_react["default"].createElement(_styledComponents.NoMore, null, (0, _getLocale.getLocale)('Mod_Nomore'), "\uFF5E"))), /*#__PURE__*/_react["default"].createElement(_styledComponents.Footer, null, okrPopType === 1 && parentId !== 0 && !hideCancelBtn && /*#__PURE__*/_react["default"].createElement(_styledComponents.Button, {
         type: "confirm",
         onClick: this.handleUnConnect
-      }, (0, _getLocale.getLocale)("OKR_MyO_Text_Cancel")), /*#__PURE__*/_react["default"].createElement(_styledComponents.ButtonGroup, null, /*#__PURE__*/_react["default"].createElement(_styledComponents.Button, {
+      }, (0, _getLocale.getLocale)('OKR_MyO_Text_Cancel')), /*#__PURE__*/_react["default"].createElement(_styledComponents.ButtonGroup, null, /*#__PURE__*/_react["default"].createElement(_styledComponents.Button, {
         onClick: this.hide
-      }, (0, _getLocale.getLocale)("Mod_Cancel")), /*#__PURE__*/_react["default"].createElement(_styledComponents.Button, {
+      }, (0, _getLocale.getLocale)('Mod_Cancel')), /*#__PURE__*/_react["default"].createElement(_styledComponents.Button, {
         style: {
           marginLeft: 15
         },
-        disabled: !selected && parentId == 0,
+        disabled: !selected && parentId === 0,
         type: "confirm",
         onClick: this.handleConfirm
-      }, (0, _getLocale.getLocale)("OKR_MyO_Butt_Determine"))))));
+      }, (0, _getLocale.getLocale)('OKR_MyO_Butt_Determine'))))));
     }
   }]);
 
@@ -335,9 +339,9 @@ ChangeOkr.defaultProps = {
 var _initialiseProps = function _initialiseProps() {
   var _this4 = this;
 
-  this.PAGE_ID = this.props.okrPopType == 1 ? 40001 : 40011;
+  this.PAGE_ID = this.props.okrPopType === 1 ? 40001 : 40011;
   this.DATA_KEY = "62_".concat((0, _bsGlobal.getUserInfo)().Id);
-  this.KRSetting = (0, _bsGlobal.getBSGlobal)("OkrAdvancedSetting").KRSetting;
+  this.KRSetting = (0, _bsGlobal.getBSGlobal)('OkrAdvancedSetting').KRSetting;
   this.page = 1;
   this.moveX = 0;
   this.pending = false;
@@ -363,9 +367,9 @@ var _initialiseProps = function _initialiseProps() {
       });
     }
 
-    if (okrPopType == 1) {
+    if (okrPopType === 1) {
       _this4.setState({
-        keywords: "",
+        keywords: '',
         nextPage: 1
       });
     }
@@ -386,21 +390,21 @@ var _initialiseProps = function _initialiseProps() {
   };
 
   this.onBeforeShow = function () {
-    var p = document.querySelector(".okr-panel-changeOkrPop"); // @ts-ignore
+    var p = document.querySelector('.okr-panel-changeOkrPop'); // @ts-ignore
 
     p && (p.style.transform = "translate(".concat(_this4.moveX, "px,-20px) scale(0)"));
   };
 
   this.onAfterShow = function () {
-    var p = document.querySelector(".okr-panel-changeOkrPop"); // @ts-ignore
+    var p = document.querySelector('.okr-panel-changeOkrPop'); // @ts-ignore
 
-    p && (p.style.transform = "translate(0,0) scale(1)");
+    p && (p.style.transform = 'translate(0,0) scale(1)');
   };
 
   this.handleFilterChange = function (propName, value) {
     var _this4$setState;
 
-    if (propName == "clear") {
+    if (propName === 'clear') {
       _this4.setState({
         users: [],
         departments: [],
@@ -419,7 +423,7 @@ var _initialiseProps = function _initialiseProps() {
 
     _this4.setState((_this4$setState = {}, _defineProperty(_this4$setState, propName, value), _defineProperty(_this4$setState, "nextPage", 1), _defineProperty(_this4$setState, "remembered", false), _this4$setState), _this4.getListData);
 
-    if (propName == "remembered" && value) {
+    if (propName === 'remembered' && value) {
       _this4.setState(_defineProperty({}, propName, value));
 
       _this4.saveCondition(_this4.state.users, _this4.state.departments);
@@ -427,7 +431,7 @@ var _initialiseProps = function _initialiseProps() {
       return;
     }
 
-    if (propName == "remembered" && !value) {
+    if (propName === 'remembered' && !value) {
       _this4.setState(_defineProperty({}, propName, value));
 
       _this4.deleteCondition();
@@ -435,7 +439,7 @@ var _initialiseProps = function _initialiseProps() {
   };
 
   this.saveCondition = function (users, depts) {
-    var url = (0, _requestV.getApiUrl)("customizequery/condition/save");
+    var url = (0, _requestV.getApiUrl)('customizequery/condition/save');
     var departmentIdsArr = depts.map(function (item) {
       return item.Id;
     });
@@ -449,31 +453,31 @@ var _initialiseProps = function _initialiseProps() {
       // 用户ID_项目ID_里程碑ID
       pageId: _this4.PAGE_ID,
       //	列表页Id
-      startTime: "",
+      startTime: '',
       // 开始时间
-      endTime: "",
+      endTime: '',
       //	结束时间
-      departmentIds: departmentIdsArr.join(","),
+      departmentIds: departmentIdsArr.join(','),
       //	部门id
       userObjects: [{
-        Id: "",
-        Name: "",
-        Email: "",
+        Id: '',
+        Name: '',
+        Email: '',
         Relation: 0
       }],
       // 用户id
-      scope: "",
-      //	范围
-      categoryIds: "",
+      scope: '',
+      //范围
+      categoryIds: '',
       // 分类
-      sortType: "",
+      sortType: '',
       // 排序
       annualNum: year,
       // 0 -1 undefined 1999
       status: status,
       okrType: type,
-      cycleType: cycle ? "".concat(cycle).split(",")[0] : null,
-      yqmNum: cycle ? "".concat(cycle).split(",")[1] : null
+      cycleType: cycle ? "".concat(cycle).split(',')[0] : null,
+      yqmNum: cycle ? "".concat(cycle).split(',')[1] : null
     };
     data.userObjects = [];
     users.forEach(function (item) {
@@ -484,21 +488,23 @@ var _initialiseProps = function _initialiseProps() {
         Relation: 0
       });
     });
-    (0, _requestV.taker)(url, "POST", data);
+    (0, _requestV.taker)(url, 'POST', data);
   };
 
   this.deleteCondition = function () {
     var url = (0, _requestV.getApiUrl)("customizequery/condition/delete?dataKey=".concat(_this4.DATA_KEY, "&pageId=").concat(_this4.PAGE_ID));
-    (0, _requestV.taker)(url, "DELETE", {});
+    (0, _requestV.taker)(url, 'DELETE', {});
   };
 
   this.scollListToTop = function () {
-    _this4.list && (_this4.list.scrollTop = 0);
+    if (_this4.list) {
+      _this4.list.scrollTop = 0;
+    }
   };
 
   this.getListData = /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(isLoading) {
-      var _this4$state2, status, cycle, year, keywords, type, users, departments, data, nextPage, url;
+      var _this4$state2, keywords, type, users, departments, data, nextPage, toUserId, _this4$state3, status, cycle, year, okrPopType, url;
 
       return regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) {
@@ -512,11 +518,13 @@ var _initialiseProps = function _initialiseProps() {
               return _context.abrupt("return");
 
             case 2:
-              _this4$state2 = _this4.state, status = _this4$state2.status, cycle = _this4$state2.cycle, year = _this4$state2.year, keywords = _this4$state2.keywords, type = _this4$state2.type, users = _this4$state2.users, departments = _this4$state2.departments, data = _this4$state2.data, nextPage = _this4$state2.nextPage;
-              cycle = cycle || "-1";
+              _this4$state2 = _this4.state, keywords = _this4$state2.keywords, type = _this4$state2.type, users = _this4$state2.users, departments = _this4$state2.departments, data = _this4$state2.data, nextPage = _this4$state2.nextPage, toUserId = _this4$state2.toUserId;
+              _this4$state3 = _this4.state, status = _this4$state3.status, cycle = _this4$state3.cycle, year = _this4$state3.year;
+              okrPopType = _this4.props.okrPopType;
+              cycle = cycle || '-1';
               year = year || -1;
               status = status || 0;
-              url = (0, _requestV.getApiUrl)("okr/search");
+              url = (0, _requestV.getApiUrl)('okr/search');
               _this4.pending = true;
 
               if (isLoading) {
@@ -529,38 +537,38 @@ var _initialiseProps = function _initialiseProps() {
                 _this4.page = 1;
               }
 
-              (0, _requestV.taker)(url, "POST", {
+              (0, _requestV.taker)(url, 'POST', {
                 // 优秀！
 
                 /**
                  * pageNum: 0
                  * pageSize: 20
                  */
-                cycleType: "".concat(cycle).split(",")[0],
-                yqmNum: "".concat(cycle).split(",")[1] || 0,
+                cycleType: "".concat(cycle).split(',')[0],
+                yqmNum: "".concat(cycle).split(',')[1] || 0,
                 // 如果是 undefined 就控制成 0 说明没有第二条件
                 annualNum: year,
-                pageNum: nextPage == 0 ? 1 : _this4.page,
+                pageNum: nextPage === 0 ? 1 : _this4.page,
                 // pageNum 最小是1
                 pageSize: pageSize,
                 status: status,
                 keywords: keywords,
-                okrType: type == -1 ? "" : type,
-                orderType: 13,
-                // 13:按人员排序
+                okrType: type === -1 ? '' : type,
+                orderType: 1,
+                // 13:按人员排序 1按照创建时间最晚排序
                 departmentIds: departments.map(function (d) {
                   return d.Id;
-                }).join(","),
+                }).join(','),
                 userIds: users.map(function (u) {
                   return u.Id;
-                }).join(","),
-                searchKr: _this4.props.okrPopType,
+                }).join(','),
+                searchKr: okrPopType,
                 // 是否搜索KR：默认为0-不搜索，1-只有对齐目标弹层可以搜索KR
-                toUserId: _this4.state.toUserId
+                toUserId: toUserId
               }).then(function (res) {
                 _this4.pending = false;
                 var resData = res && res.Data && res.Data.works || [];
-                var isRefresh = _this4.page == 1;
+                var isRefresh = _this4.page === 1;
 
                 _this4.setState({
                   nextPage: res.Data.nextPage,
@@ -568,16 +576,24 @@ var _initialiseProps = function _initialiseProps() {
                   data: isRefresh ? resData : [].concat(_toConsumableArray(data), _toConsumableArray(resData)),
                   isEnd: res.Data.nextPage === 0
                 }, function () {
-                  isRefresh && _this4.scollListToTop();
+                  console.log(_this4.state.data);
+
+                  if (isRefresh) {
+                    _this4.scollListToTop();
+                  }
                 });
-              })["catch"](function (e) {
+              })["catch"](function () {
                 _this4.pending = false;
-                _this4.state.loadingMore && _this4.setState({
-                  loadingMore: false
-                });
+                var loadingMore = _this4.state.loadingMore;
+
+                if (loadingMore) {
+                  _this4.setState({
+                    loadingMore: false
+                  });
+                }
               });
 
-            case 10:
+            case 12:
             case "end":
               return _context.stop();
           }
@@ -601,7 +617,7 @@ var _initialiseProps = function _initialiseProps() {
       selectData.workId = 0;
     }
 
-    if (selected && (selectData.workId && selected.workId && selectData.workId == selected.workId || selectData.mileStoneId && selected.mileStoneId && selectData.mileStoneId == selected.mileStoneId)) return;
+    if (selected && (selectData.workId && selected.workId && selectData.workId === selected.workId || selectData.mileStoneId && selected.mileStoneId && selectData.mileStoneId === selected.mileStoneId)) return;
 
     _this4.setState({
       selected: selectData,
@@ -610,9 +626,12 @@ var _initialiseProps = function _initialiseProps() {
   };
 
   this.handleConfirm = function () {
-    var _this4$state3 = _this4.state,
-        selected = _this4$state3.selected,
-        selectOkr = _this4$state3.selectOkr;
+    var _this4$state4 = _this4.state,
+        selected = _this4$state4.selected,
+        selectOkr = _this4$state4.selectOkr;
+    var _this4$props2 = _this4.props,
+        onConfirm = _this4$props2.onConfirm,
+        parentId = _this4$props2.parentId;
     var parentType = selected && selected.mileStoneId ? 2 : 1; // 临时注入
 
     var data = _objectSpread(_objectSpread({}, selected), {}, {
@@ -621,28 +640,30 @@ var _initialiseProps = function _initialiseProps() {
 
 
     data.parentType = parentType;
+    data.workName = (0, _tools.htmlToText)(data.workName);
 
-    if (selected && (selected.workId || selected.mileStoneId) != _this4.props.parentId) {
-      _this4.props.onConfirm(data);
+    if (selected && (selected.workId || selected.mileStoneId) !== parentId) {
+      onConfirm(data);
     }
 
     _this4.hide();
   };
 
   this.handleUnConnect = function () {
-    // 取消关联对齐目标
-    _this4.props.onConfirm({
+    var onConfirm = _this4.props.onConfirm; // 取消关联对齐目标
+
+    onConfirm({
       workId: 0,
-      workName: "",
+      workName: '',
       mileStoneId: 0,
-      mileStoneName: "",
+      mileStoneName: '',
       parentType: 0
     });
 
     _this4.setState({
       selected: {
         workId: 0,
-        workName: ""
+        workName: ''
       }
     });
 

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,18 @@ 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"], {
     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")
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: "".concat(prefix, "__communication-time-point")
+  }, "\xB7"), communicationTrack.createDate)) : /*#__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", {
@@ -88,25 +96,23 @@ 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")
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: "".concat(prefix, "__communication-time-point")
+  }, "\xB7"), 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

@@ -5,17 +5,11 @@
   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;
+  position: relative;
 }
 
 .titaui-communication__communication-content .highlight {
@@ -47,9 +41,14 @@
 
 .titaui-communication__communication-time {
   font-size: 12px;
-  color: #89919f;
+  font-weight: 400;
+  color: #89919F;
   line-height: 18px;
-  margin-top: 4px;
+  margin-left: 6px;
+}
+
+.titaui-communication__communication-time-point {
+  margin-right: 4px;
 }
 
 .titaui-communication__communication-bottom {
@@ -57,7 +56,7 @@
 }
 
 .titaui-communication__communication-list {
-  margin-bottom: 8px;
+  margin-bottom: 12px;
 }
 
 .titaui-communication__communication-attachments {
@@ -68,8 +67,49 @@
   display: flex;
   align-items: center;
   user-select: none;
+  color: #2879ff;
 }
 
 .titaui-communication__communication-total-icon {
   margin-left: 4px;
+  margin-top: -2px;
+}
+
+.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: 14px;
+  color: #BFC7D5;
+  line-height: 22px;
+  margin-left: 12px;
+  height: 32px;
+  border-radius: 16px;
+  background: rgba(240, 244, 250, 0.6);
+  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;
 }