@titaui/pc 1.5.78 → 1.5.82

package/lib/components/communication/ConvertUserName.js

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

package/lib/components/communication/index.js

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

package/lib/components/communication/style.js

@@ -3,21 +3,21 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ButtonConfirm = exports.ButtonCancel = exports.ConfirmBtnGroup = exports.ConfirmText = exports.ConfirmWrapper = exports.AttachmentAction = exports.AttachmentItemName = exports.AttachmentItemIcon = exports.AttachmentItemWrapper = exports.CommunicationAttachmentContainer = exports.CommunicationPraiseTotal = exports.ActionbarItem = exports.ActionbarList = exports.CommunicationActionbar = exports.CommunicationContent = exports.CommunicationDetail = exports.CommunicationItem = exports.ReplyUser = exports.ReplyToUser = exports.CommunicationRecordTotal = exports.CommunicationWrapper = void 0;
+exports.ButtonConfirm = exports.ButtonCancel = exports.ConfirmBtnGroup = exports.ConfirmText = exports.ConfirmWrapper = exports.AttachmentAction = exports.AttachmentItemName = exports.AttachmentItemIcon = exports.AttachmentItemWrapper = exports.CommunicationAttachmentContainer = exports.CommunicationPraiseTotal = exports.ActionbarItem = exports.ActionbarList = exports.CommunicationActionbar = exports.CommunicationContent = exports.CommunicationReplyedContent = exports.CommunicationDetail = exports.CommunicationItem = exports.ReplyUser = exports.ReplyToUser = exports.CommunicationRecordTotal = exports.CommunicationWrapper = void 0;
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22;
 
 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: -apple-system, Arial, Verdana, Helvetica Neue, Helvetica,\n    sans-serif, PingFang SC, Microsoft YaHei;\n"])));
+var CommunicationWrapper = _styledComponents["default"].div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n"])));
 
 exports.CommunicationWrapper = CommunicationWrapper;
 
-var CommunicationRecordTotal = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  margin-bottom: 8px;\n  font-size: 12px;\n  color: #8f9ca6;\n  display: inline-block;\n  cursor: pointer;\n\n  &:hover {\n    color: #2879ff;\n  }\n"])));
+var CommunicationRecordTotal = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  margin-bottom: 8px;\n  font-size: 12px;\n  color: #8f9ca6;\n  display: inline-block;\n  cursor: pointer;\n\n  &:hover {\n    color: #2879ff;\n  }\n\n  p {\n    line-height: 17px;\n\n    &::before {\n      float: right;\n      margin-left: 4px;\n    }\n  }\n"])));
 
 exports.CommunicationRecordTotal = CommunicationRecordTotal;
 
@@ -33,70 +33,74 @@ var ReplyUser = _styledComponents["default"].div(_templateObject4 || (_templateO
 
 exports.ReplyUser = ReplyUser;
 
-var CommunicationItem = _styledComponents["default"].div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  margin-left: -8px;\n  padding: 8px 8px 4px 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"])));
+var CommunicationItem = _styledComponents["default"].div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  min-height: 66px;\n  padding: 8px 15px;\n  margin-bottom: 10px;\n  font-size: 12px;\n  color: #83898f;\n  border-radius: 3px;\n  background: #fafbfc;\n  display: flex;\n  position: relative;\n\n  &:hover {\n    background: #eff5fb;\n    .communication__actionbar {\n      display: 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: 8px;\n  display: flex;\n  flex-direction: column;\n\n  p {\n    line-height: 17px;\n  }\n"])));
+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\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"])));
+var CommunicationReplyedContent = _styledComponents["default"].span(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  font-weight: bold;\n  cursor: pointer;\n"])));
+
+exports.CommunicationReplyedContent = CommunicationReplyedContent;
+
+var CommunicationContent = _styledComponents["default"].p(_templateObject8 || (_templateObject8 = _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"])));
+var CommunicationActionbar = _styledComponents["default"].div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  display: none;\n  position: absolute;\n  right: 15px;\n  bottom: 8px;\n"])));
 
 exports.CommunicationActionbar = CommunicationActionbar;
 
-var ActionbarList = _styledComponents["default"].div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  display: flex;\n  color: #2879ff;\n"])));
+var ActionbarList = _styledComponents["default"].div(_templateObject10 || (_templateObject10 = _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"])));
+var ActionbarItem = _styledComponents["default"].div(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n  padding-left: 10px;\n  font-size: 12px;\n  line-height: 24px;\n  cursor: pointer;\n"])));
 
 exports.ActionbarItem = ActionbarItem;
 
-var CommunicationPraiseTotal = _styledComponents["default"].span(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n  margin-left: 5px;\n  cursor: pointer;\n"])));
+var CommunicationPraiseTotal = _styledComponents["default"].span(_templateObject12 || (_templateObject12 = _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"])));
+var CommunicationAttachmentContainer = _styledComponents["default"].div(_templateObject13 || (_templateObject13 = _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"])));
+var AttachmentItemWrapper = _styledComponents["default"].div(_templateObject14 || (_templateObject14 = _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"])));
+var AttachmentItemIcon = _styledComponents["default"].div(_templateObject15 || (_templateObject15 = _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"])));
+var AttachmentItemName = _styledComponents["default"].div(_templateObject16 || (_templateObject16 = _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"])));
+var AttachmentAction = _styledComponents["default"].div(_templateObject17 || (_templateObject17 = _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"])), require("./praise-bg.png"));
+var ConfirmWrapper = _styledComponents["default"].div(_templateObject18 || (_templateObject18 = _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"])), require("./praise-bg.png"));
 
 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"])));
+var ConfirmText = _styledComponents["default"].div(_templateObject19 || (_templateObject19 = _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"])));
+var ConfirmBtnGroup = _styledComponents["default"].div(_templateObject20 || (_templateObject20 = _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"])));
+var ButtonCancel = _styledComponents["default"].button(_templateObject21 || (_templateObject21 = _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"])));
+var ButtonConfirm = _styledComponents["default"].button(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["\n  background-color: #2879FF;\n  color: #fff;\n"])));
 
 exports.ButtonConfirm = ButtonConfirm;

package/lib/components/dropdown-layer/icon-item.js

@@ -13,8 +13,6 @@ require("./index.css");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-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; }
-
 var preCls = 'titaui-dropdown-layer';
 
 var _default = function _default(props) {
@@ -30,10 +28,10 @@ var _default = function _default(props) {
 
   return /*#__PURE__*/_react["default"].createElement("div", {
     key: name,
-    className: (0, _classnames["default"])("".concat(preCls, "__icon-item"), _defineProperty({}, "".concat(preCls, "__icon-item--noicon"), !icon)),
+    className: (0, _classnames["default"])("".concat(preCls, "__icon-item")),
     onClick: onClickHandler
-  }, icon && /*#__PURE__*/_react["default"].createElement("span", {
-    className: (0, _classnames["default"])(icon, "".concat(preCls, "__icon-item-icon"), exIconClass)
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: (0, _classnames["default"])(icon || name, "".concat(preCls, "__icon-item-icon"), exIconClass)
   }), /*#__PURE__*/_react["default"].createElement("span", {
     className: (0, _classnames["default"])("".concat(preCls, "__icon-item-text"))
   }, children));

package/lib/components/dropdown-layer/index.css

@@ -1,15 +1,3 @@
-.titaui-dropdown-layer__radio {
-  margin-right: 0px;
-}
-
-.titaui-dropdown-layer__radio .titaui-radio-inner {
-  color: #2879FF;
-}
-
-.titaui-dropdown-layer__radio .titaui-radio-inner::after {
-  color: #2879FF;
-}
-
 .titaui-dropdown-layer__icon-item {
   position: relative;
   height: 32px;
@@ -33,10 +21,6 @@
   vertical-align: text-bottom;
 }
 
-.titaui-dropdown-layer__icon-item-icon--noicon {
-  margin-right: 0;
-}
-
 .titaui-dropdown-layer__icon-item-text {
   font-size: 14px;
   font-weight: 400;

package/lib/components/dropdown-layer/index.js

@@ -15,14 +15,11 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _checkbox = _interopRequireDefault(require("../checkbox"));
 
-var _radio = _interopRequireDefault(require("../radio"));
-
 require("./index.css");
 
 var _iconItem = _interopRequireDefault(require("./icon-item"));
 
-var _excluded = ["name", "multi", "children", "onClick", "className"],
-    _excluded2 = ["trigger", "triggerIcon", "destroyPopupOnHide", "popupPlacement", "hideOnChange", "onChange", "canEdit"];
+var _excluded = ["trigger", "triggerIcon", "destroyPopupOnHide", "popupPlacement", "hideOnChange", "onChange", "canEdit"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -30,14 +27,18 @@ 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 _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 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 _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -50,10 +51,6 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 var preCls = 'titaui-dropdown-layer';
 var IconItem = _iconItem["default"];
 exports.IconItem = IconItem;
@@ -62,9 +59,7 @@ var Item = function Item(props) {
   var name = props.name,
       multi = props.multi,
       children = props.children,
-      onClick = props.onClick,
-      className = props.className,
-      restProps = _objectWithoutProperties(props, _excluded);
+      onClick = props.onClick;
 
   var _useState = (0, _react.useState)(props.checked),
       _useState2 = _slicedToArray(_useState, 2),
@@ -80,11 +75,11 @@ var Item = function Item(props) {
     onClick && onClick(name, !checked);
   };
 
-  return /*#__PURE__*/_react["default"].createElement("div", _extends({
+  return /*#__PURE__*/_react["default"].createElement("div", {
     key: name,
-    className: (0, _classnames["default"])("".concat(preCls, "__operation-item"), className),
+    className: (0, _classnames["default"])("".concat(preCls, "__operation-item")),
     onClick: onClickHandler
-  }, restProps), multi && /*#__PURE__*/_react["default"].createElement(_checkbox["default"], {
+  }, multi && /*#__PURE__*/_react["default"].createElement(_checkbox["default"], {
     checked: checked
   }), /*#__PURE__*/_react["default"].createElement("span", {
     className: (0, _classnames["default"])("".concat(preCls, "__operation-item-text"))
@@ -104,9 +99,7 @@ var DropSelectorLayer = function DropSelectorLayer(props) {
       trigger = props.trigger,
       children = props.children,
       _props$limitHeight = props.limitHeight,
-      limitHeight = _props$limitHeight === void 0 ? false : _props$limitHeight,
-      _props$footerBtn = props.footerBtn,
-      footerBtn = _props$footerBtn === void 0 ? null : _props$footerBtn;
+      limitHeight = _props$limitHeight === void 0 ? false : _props$limitHeight;
 
   var onMenuClickHandler = function onMenuClickHandler(name, checked) {
     onItemClick && onItemClick(name, checked);
@@ -123,7 +116,7 @@ var DropSelectorLayer = function DropSelectorLayer(props) {
       'onClick': onMenuClickHandler,
       'multi': multi
     }, child.props));
-  }), footerBtn);
+  }));
 };
 
 exports.DropSelectorLayer = DropSelectorLayer;
@@ -140,7 +133,7 @@ var _default = function _default(props) {
       onChange = props.onChange,
       _props$canEdit = props.canEdit,
       canEdit = _props$canEdit === void 0 ? true : _props$canEdit,
-      restProps = _objectWithoutProperties(props, _excluded2);
+      restProps = _objectWithoutProperties(props, _excluded);
 
   var _useState3 = (0, _react.useState)(false),
       _useState4 = _slicedToArray(_useState3, 2),

package/lib/components/emotionsSelector/style.js

@@ -13,7 +13,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
 
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
-var EmotionWrapper = _styledComponents["default"].div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: inline-block;\n  z-index: 2;\n"])));
+var EmotionWrapper = _styledComponents["default"].div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: inline-block;\n  z-index: 1010;\n"])));
 
 exports.EmotionWrapper = EmotionWrapper;
 

package/lib/components/form/form-fields/input/index.css

@@ -23,17 +23,6 @@
   box-sizing: border-box;
 }
 
-.form-field-input__border--disabled {
-  background-color: #fafafa;
-  cursor: not-allowed;
-}
-
-.form-field-input__border--disabled input:disabled {
-  background-color: #fafafa;
-  cursor: not-allowed;
-  color: #3f475594;
-}
-
 .form-field-input__border--error {
   box-shadow: inset 0px 0px 4px 0px rgba(240, 94, 94, 0.3) !important;
   border: 1px solid #f05e5e !important;

package/lib/components/form/form-fields/input/index.js

@@ -64,7 +64,6 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       require = props.require,
       type = props.type,
       name = props.name,
-      disabled = props.disabled,
       getContainer = props.getContainer;
   var inputRef = (0, _react.useRef)();
 
@@ -163,7 +162,7 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   }, label), require && /*#__PURE__*/_react["default"].createElement("span", {
     className: (0, _classnames["default"])("".concat(preCls, "__label-require"))
   }, "*")), /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])("".concat(preCls, "__border"), (_classNames = {}, _defineProperty(_classNames, "".concat(preCls, "__border--error"), hasError), _defineProperty(_classNames, "".concat(preCls, "__border--active"), hasActive), _defineProperty(_classNames, "".concat(preCls, "__border--disabled"), disabled), _classNames))
+    className: (0, _classnames["default"])("".concat(preCls, "__border"), (_classNames = {}, _defineProperty(_classNames, "".concat(preCls, "__border--error"), hasError), _defineProperty(_classNames, "".concat(preCls, "__border--active"), hasActive), _classNames))
   }, /*#__PURE__*/_react["default"].createElement(_errorTip["default"], {
     placement: 'topLeft',
     destroyTooltipOnHide: true,
@@ -177,7 +176,6 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   }, /*#__PURE__*/_react["default"].createElement("input", {
     ref: inputRef,
     type: type,
-    disabled: disabled,
     className: (0, _classnames["default"])("".concat(preCls, "__input")),
     value: value,
     placeholder: placeholder,

package/lib/components/grid-page/personal-info/index.js

@@ -106,16 +106,16 @@ function PersonalInfoComponent() {
     for (var item in loginUserInfo) {
       switch (item) {
         case 'IsBoss':
-          loginUserInfo['IsBoss'] && userRoleList.push('boss');
+          loginUserInfo['IsBoss'] && userRoleList.push('Boss');
           break;
 
         case 'Role':
           loginUserInfo['Role'] === 2 && userRoleList.push('super');
-          loginUserInfo['Role'] === 4 && userRoleList.push('userManager');
+          loginUserInfo['Role'] === 4 && userRoleList.push('UserManager');
           break;
 
         case 'IsTitaFeedSystemManager':
-          loginUserInfo['IsTitaFeedSystemManager'] && userRoleList.push('assistant');
+          loginUserInfo['IsTitaFeedSystemManager'] && userRoleList.push('Assistant');
           break;
       }
     }
@@ -181,7 +181,7 @@ function PersonalInfoComponent() {
     style: {
       filter: avatarUrl ? 'blur(10px)' : 'blur(6px)'
     },
-    src: avatarUrl || require("../image/default-background.png")
+    src: avatarUrl || require("../image/Default-background.png")
   }))), /*#__PURE__*/_react["default"].createElement("div", {
     className: "PersonalInfoComponent-PersonalInfo__personInfo",
     ref: toolTipRef