@titaui/pc 1.11.0 → 1.11.3-2.beta-1

package/lib/components/avatar/text-avatar/index.css

@@ -24,6 +24,13 @@
   background-size: contain;
 }
 
+.titaui-text-avatar__img {
+  margin-right: 4px;
+  display: inline-block;
+  vertical-align: middle;
+  height: 24px;
+}
+
 .titaui-text-avatar__name {
   vertical-align: middle;
 }

package/lib/components/avatar/text-avatar/index.js

@@ -17,6 +17,8 @@ var _tooltip = _interopRequireDefault(require("../../tooltip"));
 
 var _userSelector = _interopRequireDefault(require("../../user-selector"));
 
+var _default2 = _interopRequireDefault(require("../default"));
+
 require("./index.css");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -56,7 +58,11 @@ function TextAvatar(props) {
       _props$nameTips = props.nameTips,
       nameTips = _props$nameTips === void 0 ? function (name) {
     return name;
-  } : _props$nameTips;
+  } : _props$nameTips,
+      _props$showAvatar = props.showAvatar,
+      showAvatar = _props$showAvatar === void 0 ? false : _props$showAvatar,
+      _props$avatar = props.avatar,
+      avatar = _props$avatar === void 0 ? {} : _props$avatar;
 
   var _useState = (0, _react.useState)(false),
       _useState2 = _slicedToArray(_useState, 2),
@@ -78,6 +84,29 @@ function TextAvatar(props) {
 
 
   var FieldPerson = editable ? _userSelector["default"] : "span";
+
+  var renderAvatar = function renderAvatar() {
+    if (showAvatar) {
+      return /*#__PURE__*/_react["default"].createElement("span", {
+        className: "".concat(preCls, "__img")
+      }, /*#__PURE__*/_react["default"].createElement(_default2["default"], {
+        userId: id,
+        src: avatar !== null && avatar !== void 0 && avatar.HasAvatar || avatar !== null && avatar !== void 0 && avatar.hasAvatar ? avatar.medium : "",
+        color: avatar === null || avatar === void 0 ? void 0 : avatar.color,
+        name: name,
+        size: {
+          fontSize: 12,
+          width: 24,
+          textNum: 1
+        }
+      }));
+    }
+
+    return /*#__PURE__*/_react["default"].createElement("span", {
+      className: "".concat(preCls, "__icon")
+    });
+  };
+
   return /*#__PURE__*/_react["default"].createElement(FieldPerson, {
     multiple: false,
     selectNodes: {},
@@ -105,9 +134,7 @@ function TextAvatar(props) {
     style: {
       maxWidth: width
     }
-  }, /*#__PURE__*/_react["default"].createElement("span", {
-    className: "".concat(preCls, "__icon")
-  }), /*#__PURE__*/_react["default"].createElement("span", {
+  }, renderAvatar(), /*#__PURE__*/_react["default"].createElement("span", {
     ref: text,
     className: "".concat(preCls, "__name")
   }, /*#__PURE__*/_react["default"].createElement(_openData.OpenUserName, {
@@ -118,9 +145,7 @@ function TextAvatar(props) {
     style: {
       maxWidth: width
     }
-  }, /*#__PURE__*/_react["default"].createElement("span", {
-    className: "".concat(preCls, "__icon")
-  }), /*#__PURE__*/_react["default"].createElement("span", {
+  }, renderAvatar(), /*#__PURE__*/_react["default"].createElement("span", {
     ref: text,
     className: "".concat(preCls, "__name")
   }, /*#__PURE__*/_react["default"].createElement(_openData.OpenUserName, {

package/lib/components/button/icon-btn/index.js

@@ -11,11 +11,19 @@ var _react = _interopRequireDefault(require("react"));
 
 require("./index.css");
 
+var _excluded = ["border", "theme", "onClick", "disabled", "icon"];
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": 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 _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-icon-btn";
+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-icon-btn';
 
 function IconBtn(props) {
   var _classNames;
@@ -24,15 +32,16 @@ function IconBtn(props) {
       theme = props.theme,
       onClick = props.onClick,
       disabled = props.disabled,
-      icon = props.icon;
+      icon = props.icon,
+      restProps = _objectWithoutProperties(props, _excluded);
 
   var onClickHandler = function onClickHandler() {
     if (disabled) return;
-    onClick && onClick();
+    onClick === null || onClick === void 0 ? void 0 : onClick();
   };
 
   var renderIcon = function renderIcon() {
-    if (typeof icon === "string") {
+    if (typeof icon === 'string') {
       return /*#__PURE__*/_react["default"].createElement("span", {
         className: "".concat(precls, "__icon")
       }, /*#__PURE__*/_react["default"].createElement("span", {
@@ -45,18 +54,18 @@ function IconBtn(props) {
     }, icon);
   };
 
-  return /*#__PURE__*/_react["default"].createElement("span", {
+  return /*#__PURE__*/_react["default"].createElement("span", _extends({
     className: (0, _classnames["default"])(precls, "".concat(precls, "--").concat(theme), (_classNames = {}, _defineProperty(_classNames, "".concat(precls, "--border"), border), _defineProperty(_classNames, "".concat(precls, "--disabled"), disabled), _classNames)),
     onClick: onClickHandler
-  }, renderIcon());
+  }, restProps), renderIcon());
 }
 
 IconBtn.defaultProps = {
   border: false,
-  theme: "gray",
+  theme: 'gray',
   onClick: function onClick() {},
   disabled: false,
-  icon: "tu-icon-smile"
+  icon: 'tu-icon-smile'
 };
 var _default = IconBtn;
 exports["default"] = _default;

package/lib/components/button/rect-btn/index.js

@@ -17,27 +17,27 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
 
 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-rect-btn";
+var precls = 'titaui-rect-btn';
 
 function RectBtn(props) {
   var _props$type = props.type,
-      type = _props$type === void 0 ? "default" : _props$type,
+      type = _props$type === void 0 ? 'default' : _props$type,
       _props$icon = props.icon,
-      icon = _props$icon === void 0 ? "" : _props$icon,
+      icon = _props$icon === void 0 ? '' : _props$icon,
       _props$text = props.text,
-      text = _props$text === void 0 ? (0, _getLocale.getLocale)("OKR_MyO_Butt_Determine") : _props$text,
+      text = _props$text === void 0 ? (0, _getLocale.getLocale)('OKR_MyO_Butt_Determine') : _props$text,
       _props$size = props.size,
-      size = _props$size === void 0 ? "normal" : _props$size,
+      size = _props$size === void 0 ? 'normal' : _props$size,
       _props$onClick = props.onClick,
       onClick = _props$onClick === void 0 ? function () {} : _props$onClick,
       _props$className = props.className,
-      className = _props$className === void 0 ? "" : _props$className,
+      className = _props$className === void 0 ? '' : _props$className,
       _props$disabled = props.disabled,
       disabled = _props$disabled === void 0 ? false : _props$disabled,
       style = props.style;
 
   var renderIcon = function renderIcon() {
-    if (typeof icon === "string") {
+    if (typeof icon === 'string') {
       return /*#__PURE__*/_react["default"].createElement("span", {
         className: "".concat(precls, "__icon")
       }, /*#__PURE__*/_react["default"].createElement("span", {

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

@@ -54,27 +54,27 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 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 colorMap = {
-  1: "132,117,255",
-  2: "79,115,255",
-  3: "46,156,255",
-  4: "12,192,201"
+  1: '132,117,255',
+  2: '79,115,255',
+  3: '46,156,255',
+  4: '12,192,201'
 };
 
 var formatKeywordsFunc = function formatKeywordsFunc(str, key) {
-  var reg = new RegExp("(".concat(key, ")"), "g");
+  var reg = new RegExp("(".concat(key, ")"), 'g');
   var newstr = str.replace(reg, "<span style=\"color: #2879ff;\">".concat(key, "</span>"));
   return newstr;
 };
 
 var unFormatKeywordsFunc = function unFormatKeywordsFunc(str, key) {
   var regExpKey = "<span style=\"color: #2879ff;\">".concat(key, "</span>");
-  var reg = new RegExp("(".concat(regExpKey, ")"), "g");
+  var reg = new RegExp("(".concat(regExpKey, ")"), 'g');
   var newstr = str.replace(reg, key);
   return newstr;
 };
 
 var htmlToText = function htmlToText(text) {
-  var div = document.createElement("div");
+  var div = document.createElement('div');
   div.innerHTML = text;
   var newtext = div.innerText || div.textContent;
   return newtext;
@@ -153,11 +153,11 @@ var Item = /*#__PURE__*/function (_PureComponent) {
 
     _this.getCycleText = function () {
       var data = _this.props.data;
-      var hzNum = [(0, _getLocale.getLocale)("OKR_MyO_Pop_1stQuarter"), (0, _getLocale.getLocale)("OKR_MyO_Pop_2ndQuarter"), (0, _getLocale.getLocale)("OKR_MyO_Pop_3rdQuarter"), (0, _getLocale.getLocale)("OKR_MyO_Pop_4thQuarter")];
+      var hzNum = [(0, _getLocale.getLocale)('OKR_MyO_Pop_1stQuarter'), (0, _getLocale.getLocale)('OKR_MyO_Pop_2ndQuarter'), (0, _getLocale.getLocale)('OKR_MyO_Pop_3rdQuarter'), (0, _getLocale.getLocale)('OKR_MyO_Pop_4thQuarter')];
 
       switch (data.cycleType) {
         case 1:
-          return "".concat(data.annualNum).concat(_getLocale.isEn ? "" : "年");
+          return "".concat(data.annualNum).concat(_getLocale.isEn ? '' : '年');
 
         case 2:
           return hzNum[data.yqmnum - 1];
@@ -166,13 +166,13 @@ var Item = /*#__PURE__*/function (_PureComponent) {
           return (0, _constant2.getMonth)()[data.yqmnum - 1];
 
         case 4:
-          return "".concat((0, _constant2.getMonth)()[data.yqmnum - 1], "-").concat((0, _constant2.getMonth)()[((data.yqmnum + 1) % 12 || 12) - 1], "\u6708");
+          return "".concat((0, _constant2.getMonth)()[data.yqmnum - 1], "-").concat((0, _constant2.getMonth)()[((data.yqmnum + 1) % 12 || 12) - 1]);
 
         case 5:
-          return data.yqmnum === 1 ? (0, _getLocale.getLocale)("OKR_MyO_Pop_Firsthalf") : (0, _getLocale.getLocale)("OKR_MyO_Pop_Secondhalf");
+          return data.yqmnum === 1 ? (0, _getLocale.getLocale)('OKR_MyO_Pop_Firsthalf') : (0, _getLocale.getLocale)('OKR_MyO_Pop_Secondhalf');
 
         default:
-          return (0, _getLocale.getLocale)("Mod_Customization");
+          return (0, _getLocale.getLocale)('Mod_Customization');
       }
     };
 
@@ -230,7 +230,7 @@ var Item = /*#__PURE__*/function (_PureComponent) {
             }))));
           }
 
-          return "";
+          return '';
         });
       }
 
@@ -290,12 +290,12 @@ var Item = /*#__PURE__*/function (_PureComponent) {
           __html: okrData.workName
         }
       }))), this.isObjectiveRelevanceKr && isShowKr && data.Krs.length > 0 && /*#__PURE__*/_react["default"].createElement("span", {
-        className: "".concat(isExpand ? "tu-icon-arrow-up" : "tu-icon-arrow-down")
+        className: "".concat(isExpand ? 'tu-icon-arrow-up' : 'tu-icon-arrow-down')
       })), /*#__PURE__*/_react["default"].createElement(_styledComponents.ItemBottom, null, !isShowKr && [/*#__PURE__*/_react["default"].createElement("span", null, (0, _constant.getTypeMap)()[data.okrType]), /*#__PURE__*/_react["default"].createElement(_styledComponents.Separator, null)], /*#__PURE__*/_react["default"].createElement(_styledComponents.PricipleName, null, /*#__PURE__*/_react["default"].createElement(_openData.OpenUserName, {
         name: data.principalUser.name,
         id: data.principalUser.userId
       })), /*#__PURE__*/_react["default"].createElement(_styledComponents.Separator, null), /*#__PURE__*/_react["default"].createElement("span", null, data.startDate, "-", data.endDate), isShowKr && [/*#__PURE__*/_react["default"].createElement(_styledComponents.Separator, null), /*#__PURE__*/_react["default"].createElement("span", null, data.statusName)])), isShowKr && (this.isObjectiveRelevanceKr || !this.isObjectiveRelevanceKr && okrData.hasSub) && /*#__PURE__*/_react["default"].createElement(_styledComponents.ItemKrContainer, {
-        className: "".concat(isExpand ? "slideIn" : "slideOut")
+        className: "".concat(isExpand ? 'slideIn' : 'slideOut')
       }, this.renderItemKr()));
     }
   }]);

package/lib/components/communication/index.js

@@ -71,7 +71,7 @@ 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 prefix = 'titaui-communication';
 
 var Communication = /*#__PURE__*/function (_PureComponent) {
   _inherits(Communication, _PureComponent);
@@ -90,14 +90,14 @@ var Communication = /*#__PURE__*/function (_PureComponent) {
           commentType = _this$props.commentType,
           okrFeedParams = _this$props.okrFeedParams;
       var url = commentType == 1 ? (0, _requestV.getApiUrl2)("comment/Get?feed_id=".concat(feedId, "&comment_type=0")) : (0, _requestV.getApiUrl)("okr/cycle/getFeed?objId=".concat(okrFeedParams && okrFeedParams.objId, "&objType=").concat(okrFeedParams && okrFeedParams.objType, "&cycleType=").concat(okrFeedParams && okrFeedParams.cycleType, "&yqmNum=").concat(okrFeedParams && okrFeedParams.yqmNum, "&annualNum=").concat(okrFeedParams && okrFeedParams.annualNum, "&commentCount=").concat(commentCount));
-      (0, _requestV.taker)(url, "GET").then(function (res) {
+      (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({
@@ -137,10 +137,10 @@ 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);
 
@@ -151,7 +151,7 @@ var Communication = /*#__PURE__*/function (_PureComponent) {
             }
           }
         });
-      } else if (actionType === "reply") {
+      } else if (actionType === 'reply') {
         // 沟通里的回复
         if (_this.props.useCustomMblog && _this.props.onComment) {
           _this.props.onComment({
@@ -178,7 +178,7 @@ var Communication = /*#__PURE__*/function (_PureComponent) {
           isShowDefaultInput: false,
           needAutoFocus: true
         });
-      } else if (actionType === "praise") {
+      } else if (actionType === 'praise') {
         // 沟通里的点赞
         var isPraise = communicationTrackList[index].isPraise;
         isPraise = !isPraise;
@@ -189,7 +189,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;
@@ -205,7 +205,7 @@ var Communication = /*#__PURE__*/function (_PureComponent) {
             });
           }
         });
-      } else if (actionType === "showPraiseRecord") {
+      } else if (actionType === 'showPraiseRecord') {
         // 显示点赞记录
         _this.setState({
           isShowPraiseRecordPop: true,
@@ -241,13 +241,13 @@ var Communication = /*#__PURE__*/function (_PureComponent) {
           communicationTrackTotal = _this$state3.communicationTrackTotal,
           isShowAllCommunicationRecord = _this$state3.isShowAllCommunicationRecord;
 
-      if (submitType === "submit") {
+      if (submitType === 'submit') {
         // 发送
         sentData.FeedId = feedId;
         sentData.CommentId = 0;
         sentData.ObjId = 0;
         sentData.ObjType = 0;
-        sentData.Content = sentData.Content || " ";
+        sentData.Content = sentData.Content || ' ';
 
         if (isShowReplyToUser) {
           sentData.CommentId = replyUserCommentId;
@@ -257,8 +257,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);
 
@@ -313,17 +313,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: '',
       isShowDefaultInput: showDefaultInput && communicationLength !== 0 ? true : false,
       needAutoFocus: false
     };
@@ -389,9 +389,9 @@ var Communication = /*#__PURE__*/function (_PureComponent) {
           commentCount = _this$props7.commentCount,
           useCustomMblog = _this$props7.useCustomMblog,
           _this$props7$submitTe = _this$props7.submitText,
-          submitText = _this$props7$submitTe === void 0 ? (0, _getLocale.getLocale)("Mod_Reply") : _this$props7$submitTe,
+          submitText = _this$props7$submitTe === void 0 ? (0, _getLocale.getLocale)('Mod_Reply') : _this$props7$submitTe,
           _this$props7$highLigh = _this$props7.highLightKeyWord,
-          highLightKeyWord = _this$props7$highLigh === void 0 ? "" : _this$props7$highLigh,
+          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,
           _this$props7$showUser = _this$props7.showUser,
@@ -404,10 +404,10 @@ var Communication = /*#__PURE__*/function (_PureComponent) {
         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", {
+      }, (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: (0, _classnames["default"])(_defineProperty({}, "".concat(prefix, "__communication-list"), communicationTrackList.length > 0))
@@ -432,12 +432,12 @@ var Communication = /*#__PURE__*/function (_PureComponent) {
       }))), !useCustomMblog && /*#__PURE__*/_react["default"].createElement("div", {
         className: "".concat(prefix, "__reply-container")
       }, isShowReplyToUser && /*#__PURE__*/_react["default"].createElement(_style.ReplyToUser, {
-        height: isShowReplyToUser ? "auto" : "0",
-        padding: isShowReplyToUser ? "4px 0" : "0",
+        height: isShowReplyToUser ? 'auto' : '0',
+        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", {
+      }, (0, _getLocale.getLocale)('Mod_Reply')), /*#__PURE__*/_react["default"].createElement("span", {
         className: "name"
       }, /*#__PURE__*/_react["default"].createElement(_openData.OpenUserName, {
         name: replyUser,
@@ -457,14 +457,15 @@ var Communication = /*#__PURE__*/function (_PureComponent) {
         },
         name: user.Name,
         color: user.UserAvatar.Color,
-        src: user.UserAvatar.Medium
+        src: user.UserAvatar.Medium,
+        userId: user.Id
       })), /*#__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"),
+        placeholderText: (0, _getLocale.getLocale)('Mod_contentofyour'),
         isShowRange: false,
         isShowBtnCancel: false,
         isShowSendSms: isShowSendSms,
@@ -486,7 +487,7 @@ var Communication = /*#__PURE__*/function (_PureComponent) {
         onSubmit: function onSubmit() {
           return _this2.setState({
             isShowPraiseRecordPop: false,
-            praiseObjId: ""
+            praiseObjId: ''
           });
         }
       }));

package/lib/components/drawer/index.js

@@ -54,7 +54,7 @@ var Drawer = function Drawer(props) {
 
   var visible = props.visible,
       _props$placement = props.placement,
-      placement = _props$placement === void 0 ? "right" : _props$placement,
+      placement = _props$placement === void 0 ? 'right' : _props$placement,
       children = props.children,
       _props$mask = props.mask,
       mask = _props$mask === void 0 ? false : _props$mask,
@@ -96,7 +96,7 @@ var Drawer = function Drawer(props) {
       }
     }
   }, /*#__PURE__*/_react["default"].createElement(_rcDrawer["default"], _extends({
-    className: (0, _classnames["default"])("titaui-drawer", "document-mouse-event-ignore", className),
+    className: (0, _classnames["default"])('titaui-drawer', 'document-mouse-event-ignore', className),
     style: _objectSpread(_objectSpread({}, style), {}, {
       zIndex: zIndex
     })
@@ -122,7 +122,8 @@ function DrawerHeader(_ref) {
       actionMaxCount = _ref$actionMaxCount === void 0 ? 4 : _ref$actionMaxCount,
       content = _ref.content,
       style = _ref.style,
-      onClose = _ref.onClose;
+      onClose = _ref.onClose,
+      actionComponent = _ref.actionComponent;
   var drawer = (0, _react.useContext)(DrawerContext);
   var manager = (0, _react.useContext)(_context["default"]);
   var showClose = closable && (!!onClose || !!drawer);
@@ -145,16 +146,16 @@ function DrawerHeader(_ref) {
     onClick: manager && manager.goBack
   }, /*#__PURE__*/_react["default"].createElement("i", {
     className: "tu-icon-fanhui"
-  }), (0, _getLocale.getLocale)("Mod_Back")), showBackBtn && hasContent && /*#__PURE__*/_react["default"].createElement("div", {
+  }), (0, _getLocale.getLocale)('Mod_Back')), showBackBtn && hasContent && /*#__PURE__*/_react["default"].createElement("div", {
     className: "titaui-drawer-header-divider"
   }), hasContent && content, /*#__PURE__*/_react["default"].createElement("div", {
     style: {
       flex: 1
     }
-  }), displayActions.map(function (action) {
+  }), /*#__PURE__*/_react["default"].createElement("div", null, actionComponent), displayActions.map(function (action) {
     return /*#__PURE__*/_react["default"].createElement(_headerAction["default"], action);
   }), !!collapsedActions.length && /*#__PURE__*/_react["default"].createElement(_headerAction["default"], {
-    title: (0, _getLocale.getLocale)("Mod_MoreOperate"),
+    title: (0, _getLocale.getLocale)('Mod_MoreOperate'),
     icon: "tu-icon-10",
     children: collapsedActions
   }), showClose && /*#__PURE__*/_react["default"].createElement("div", {

package/lib/components/drawer-manager/index.js

@@ -25,45 +25,42 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 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 _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure undefined"); }
-
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
 
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
 
-var typeMap = {};
-
 var DrawerManager = /*#__PURE__*/function () {
   function DrawerManager() {
     var _this = this;
 
-    var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-
-    _objectDestructuringEmpty(_ref);
-
     _classCallCheck(this, DrawerManager);
 
     this.history = [];
     this.uid = 0;
+    this.typeMap = {};
 
     this.open = function (type) {
       var props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
       var drawerProps = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-      if (!type) throw "need provide drawer type";
-      var Component = typeMap[type];
-      if (!Component) throw "the type is not regisited";
-      window.titaTracker && window.titaTracker("action").record({
-        actionName: type,
-        actionGroup: "打开推屏",
-        productName: "OKR"
-      });
+      if (!type) throw new Error("need provide drawer type");
+      var Component = typeof type === "string" ? _this.typeMap[type] : type;
+      if (!Component) throw new Error("the type is not regisited");
+
+      if (window.titaTracker) {
+        window.titaTracker("action").record({
+          actionName: type,
+          actionGroup: "打开推屏",
+          productName: "OKR"
+        });
+      }
+
       return new Promise(function (resolve) {
         clearTimeout(_this.timer);
         _this.timer = setTimeout(function () {
           var uid = _this.uid;
-          _this.uid++;
+          _this.uid += 1;
           var extendedDrawerProps = drawerProps;
 
           if (_this.history.length > 0) {
@@ -82,7 +79,7 @@ var DrawerManager = /*#__PURE__*/function () {
             key: uid
           }, props)), extendedDrawerProps);
 
-          if (_this.history.length == 1) {
+          if (_this.history.length === 1) {
             document.addEventListener("mousedown", _this.autoClose);
           }
         }, 200);
@@ -109,14 +106,16 @@ var DrawerManager = /*#__PURE__*/function () {
     };
 
     this.close = function () {
-      _this.history.reverse().forEach(function (_ref2) {
-        var resolve = _ref2.resolve;
+      _this.history.reverse().forEach(function (_ref) {
+        var resolve = _ref.resolve;
         return resolve();
       });
 
       _this.history = [];
 
       _this.drawer.close();
+
+      document.removeEventListener("mousedown", _this.autoClose);
     };
 
     this.autoClose = function (e) {
@@ -125,20 +124,19 @@ var DrawerManager = /*#__PURE__*/function () {
         return;
       }
 
-      if ((0, _dom.hasAncestorElement)(e.target, "document-mouse-event-ignore,rc-tooltip,titaui-popup,rc-dialog-root,common-modal,in-modal,task-hot-add")) return;
+      if ((0, _dom.hasAncestorElement)(e.target, "document-mouse-event-ignore,rc-tooltip,titaui-popup,rc-dialog-root,common-modal,in-modal,task-hot-add")) {
+        return;
+      }
 
       _this.close();
+    };
 
-      document.removeEventListener("mousedown", _this.autoClose);
+    this.regist = function (type, component) {
+      _this.typeMap[type] = component;
     };
   }
 
   _createClass(DrawerManager, [{
-    key: "regist",
-    value: function regist(type, component) {
-      typeMap[type] = component;
-    }
-  }, {
     key: "drawer",
     get: function get() {
       var _this2 = this;