@titaui/pc 1.10.8 → 1.10.9

package/lib/components/dynamic/dynamic-item/dynamic-task/index.css

@@ -8,27 +8,30 @@
 }
 
 .titaui-dynamic-task-item__content {
-  height: 64px;
-  background: rgba(40, 121, 255, 0.06);
-  border-radius: 12px;
+  height: 78px;
   display: flex;
   align-items: center;
-  padding: 8px 12px;
+  border-radius: 8px;
+  background: rgba(240, 244, 250, 0.5);
+  padding: 16px 12px 16px 16px;
   box-sizing: border-box;
-  margin-left: 88px;
+  margin-left: 69px;
+}
+
+.titaui-dynamic-task-item__content-img {
+  display: inline-block;
+  width: 36px;
+  border-radius: 6px;
 }
 
 .titaui-dynamic-task-item__content-info {
   flex: 1;
   display: flex;
   flex-direction: column;
+  margin-left: 16px;
   overflow: hidden;
 }
 
-.titaui-dynamic-task-item__content-status-icon {
-  font-size: 14px;
-}
-
 .titaui-dynamic-task-item__content-status-and-time-range {
   display: flex;
   align-items: center;
@@ -56,30 +59,10 @@
   font-weight: 600;
   color: #3f4755;
   line-height: 24px;
-  display: flex;
-  margin-bottom: 4px;
-  align-items: center;
-}
-
-.titaui-dynamic-task-item__content-title-type {
-  border-radius: 18px;
-  background: rgba(92, 142, 255, 0.5);
-  color: #ffffff;
-  margin-right: 8px;
-  font-size: 14px;
-  line-height: 20px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 0 6px;
-  font-weight: 400;
-  height: 20px;
 }
 
 .titaui-dynamic-task-item__content-title-text {
-  flex: 1;
   cursor: pointer;
-  overflow: hidden;
 }
 
 .titaui-dynamic-task-item__content-title-text:hover {
@@ -93,9 +76,9 @@
 }
 
 .titaui-dynamic-task-item__object-name {
-  font-size: 16px;
+  font-size: 14px;
   color: #2879ff;
-  line-height: 24px;
+  line-height: 22px;
   margin: 0 4px;
   overflow: hidden;
 }
@@ -106,14 +89,27 @@
 }
 
 .titaui-dynamic-task-item__operate-desc {
-  font-size: 16px;
+  font-size: 14px;
   font-weight: 400;
   color: #89919f;
-  line-height: 24px;
-  margin-left: 4px;
+  line-height: 22px;
+  margin: 0 8px 0 4px;
   overflow: hidden;
 }
 
 .titaui-dynamic-task-item__operate-desc-wrapper {
   display: flex;
 }
+
+.titaui-dynamic-task-item-desc-operate-type {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0 6px;
+  height: 18px;
+  min-width: 40px;
+  border-radius: 10px 10px 10px 2px;
+  font-size: 12px;
+  color: #ffffff;
+  line-height: 18px;
+}

package/lib/components/dynamic/dynamic-item/dynamic-task/index.js

@@ -15,6 +15,8 @@ var _header = _interopRequireDefault(require("../components/header"));
 
 var _constant = require("./constant");
 
+var _taskIcon = _interopRequireDefault(require("./img/task-icon.png"));
+
 var _constant2 = require("../../constant");
 
 var _context = require("../../context");
@@ -23,6 +25,8 @@ var _searchKeyHandle = _interopRequireDefault(require("../../../search-key-handl
 
 var _tooltip = _interopRequireDefault(require("../../../tooltip"));
 
+var _util = require("../../util");
+
 var _drawerManager = _interopRequireDefault(require("../../../drawer-manager"));
 
 var _getLocale = require("../../../../utils/getLocale");
@@ -55,6 +59,7 @@ var DynamicTask = function DynamicTask(_ref) {
       taskName = data.taskName,
       startDate = data.startDate,
       deadline = data.deadline,
+      feedType = data.feedType,
       obj = data.obj,
       principalUser = data.principalUser,
       workId = data.workId;
@@ -62,6 +67,10 @@ var DynamicTask = function DynamicTask(_ref) {
   var _useContext = (0, _react.useContext)(_context.SearchKeyContext),
       searchKeyWord = _useContext.searchKeyWord;
 
+  var _getFeedTypeAndTypeCo = (0, _util.getFeedTypeAndTypeColor)(feedType),
+      feedTypeText = _getFeedTypeAndTypeCo.feedTypeText,
+      feedTypeColor = _getFeedTypeAndTypeCo.feedTypeColor;
+
   var handleClickTaskTitle = function handleClickTaskTitle() {
     window.Talent.app.vent.trigger("global-pull-screen", data.taskId, "task");
   };
@@ -123,9 +132,14 @@ var DynamicTask = function DynamicTask(_ref) {
       })), (0, _getLocale.getLocale)("Mod_stask"));
     }
 
-    return /*#__PURE__*/_react["default"].createElement("span", {
+    return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("span", {
       className: "".concat(prefix, "__operate-desc")
-    }, dom);
+    }, dom), /*#__PURE__*/_react["default"].createElement("span", {
+      className: "".concat(prefix, "-desc-operate-type"),
+      style: {
+        background: feedTypeColor
+      }
+    }, feedTypeText));
   }, []);
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: prefix
@@ -136,26 +150,26 @@ var DynamicTask = function DynamicTask(_ref) {
     user: principalUser
   })), /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefix, "__content")
-  }, /*#__PURE__*/_react["default"].createElement("div", {
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    className: "".concat(prefix, "__content-img"),
+    src: _taskIcon["default"],
+    alt: ""
+  }), /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefix, "__content-info")
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefix, "__content-title")
-  }, /*#__PURE__*/_react["default"].createElement("span", {
-    className: "".concat(prefix, "__content-title-type")
-  }, (0, _getLocale.getLocale)("Feed_Tab_Title_Task")), /*#__PURE__*/_react["default"].createElement("span", {
-    className: "".concat(prefix, "__content-title-text")
   }, /*#__PURE__*/_react["default"].createElement(_tooltip["default"].Text, {
     isPercent: true,
     text: renderName,
     minusWidth: 30
-  }))), /*#__PURE__*/_react["default"].createElement("div", {
+  })), /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefix, "__content-status-and-time-range")
   }, /*#__PURE__*/_react["default"].createElement("i", {
-    className: (0, _classnames["default"])(_constant2.EStatusStatus2ClassType[status], "".concat(prefix, "__content-status-icon"))
+    className: (0, _classnames["default"])(_constant2.EStatusStatus2ClassType[status])
   }), /*#__PURE__*/_react["default"].createElement("span", {
     className: "".concat(prefix, "__content-status-text")
   }, (0, _constant.getEStatusClass2StatusTypeText)()[status]), /*#__PURE__*/_react["default"].createElement("i", {
-    className: (0, _classnames["default"])("tu-icon-deferred", "".concat(prefix, "__content-status-icon"))
+    className: (0, _classnames["default"])("tu-icon-deferred")
   }), /*#__PURE__*/_react["default"].createElement("span", {
     className: "".concat(prefix, "__content-time-range")
   }, startDate, "-", deadline)))));

package/lib/components/dynamic/dynamic-item/index.css

@@ -10,7 +10,7 @@
 .titaui-dynamic-item__content {
   position: relative;
   overflow: hidden;
-  margin-right: 24px;
+  margin-right: 20px;
 }
 
 .titaui-dynamic-item__content-show-more {
@@ -36,7 +36,7 @@
 }
 
 .titaui-dynamic-item__footer {
-  margin: 12px 24px 0 88px;
+  margin: 12px 20px 0 68px;
   height: 54px;
   border-radius: 0px 0px 6px 6px;
   display: flex;
@@ -44,7 +44,6 @@
   align-items: center;
   color: #89919f;
   position: relative;
-  border-bottom: 1px solid #F0F4FA;
 }
 
 .titaui-dynamic-item__footer-left {
@@ -116,7 +115,8 @@
 }
 
 .titaui-dynamic-item__communication {
-  padding: 8px 20px 20px 88px;
+  padding: 12px 20px 20px 68px;
+  box-shadow: inset 0px 12px 12px -12px rgba(127, 145, 180, 0.14);
 }
 
 .titaui-dynamic-item__upvote-btn {

package/lib/components/dynamic/dynamic-item/index.js

@@ -274,38 +274,11 @@ var DynamicItem = function DynamicItem(_ref) {
         return null;
     }
   }, [data]);
-
-  var renderUpvoteCount = function renderUpvoteCount(type, count) {
-    if (count === 0) {
-      return "";
-    }
-
-    return count || type;
-  }; // const handlePayReward = () => {
-  //   const data = {
-  //     multi: false,
-  //     toUserInfo: publishUser,
-  //     objId: feedId,
-  //     objType: feedType,
-  //   };
-  //   if (window.util) {
-  //     window.util.rewardGetFile((myReward) => {
-  //       myReward.renderPayReward(data);
-  //     });
-  //   }
-  // };
-
-
   (0, _react.useEffect)(function () {
-    setTimeout(function () {
-      if (dynamicContentRef.current && dynamicContentRef.current.offsetHeight > 288) {
-        setContentIsOverflow(true);
-      }
-    }, 0);
-  }, [data]);
-  (0, _react.useEffect)(function () {
-    setShowComment(feedComments.total > 0);
-  }, [feedComments]);
+    if (dynamicContentRef.current && dynamicContentRef.current.offsetHeight > 288) {
+      setContentIsOverflow(true);
+    }
+  }, []);
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: prefix
   }, /*#__PURE__*/_react["default"].createElement("div", {
@@ -322,7 +295,7 @@ var DynamicItem = function DynamicItem(_ref) {
   }, (0, _getLocale.getLocale)("Tasks_Tab_MyS_Butt_Seemoral"), /*#__PURE__*/_react["default"].createElement("i", {
     className: (0, _classnames["default"])("tu-icon-arrow-down", "".concat(prefix, "__icon"))
   })))), /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])("".concat(prefix, "__footer"))
+    className: "".concat(prefix, "__footer")
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefix, "__footer-left")
   }, praiseData.map(function (item, index) {
@@ -373,8 +346,7 @@ var DynamicItem = function DynamicItem(_ref) {
       marginLeft: 30
     },
     buttonType: "tu-icon-tyle-column",
-    customUpvoteBtnCls: "".concat(prefix, "__upvote-btn"),
-    renderCount: renderUpvoteCount
+    customUpvoteBtnCls: "".concat(prefix, "__upvote-btn")
   }), /*#__PURE__*/_react["default"].createElement(_upvoteListModal["default"], {
     feedId: feedId,
     visible: upvoteModalVisible,
@@ -384,7 +356,7 @@ var DynamicItem = function DynamicItem(_ref) {
   }))), /*#__PURE__*/_react["default"].createElement(_conditionRender["default"], {
     condition: showComment
   }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])("".concat(prefix, "__communication"))
+    className: "".concat(prefix, "__communication")
   }, /*#__PURE__*/_react["default"].createElement(_communication["default"], {
     feedId: feedId,
     commentCount: 3,
@@ -393,9 +365,7 @@ var DynamicItem = function DynamicItem(_ref) {
     autoFocus: feedComments.total === 0,
     usePropsComment: usePropsComment,
     communication: feedComments.comments,
-    totalCommunicationNum: feedComments.total,
-    showUser: true,
-    showDefaultInput: true
+    totalCommunicationNum: feedComments.total
   }))));
 };
 

package/lib/components/dynamic/util.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getProgressState = exports.getProcessColor = exports.formatMenu = exports.formatCycleData = exports["default"] = void 0;
+exports.getProgressState = exports.getFeedTypeAndTypeColor = exports.formatMenu = exports.formatCycleData = void 0;
 
 var _getLocale = require("../../utils/getLocale");
 
@@ -20,13 +20,90 @@ var getProgressState = function getProgressState(oStatus, riskLevel) {
 
 exports.getProgressState = getProgressState;
 
+var getFeedTypeAndTypeColor = function getFeedTypeAndTypeColor(feedType) {
+  var feedTypeText = "";
+  var feedTypeColor = "";
+
+  if (feedType === _constant.EFeedType.Assessment) {
+    feedTypeText = (0, _getLocale.getLocale)("Mod_Performance");
+    feedTypeColor = "linear-gradient(90deg, #5AD9D8 0%, #94EDEC 100%)";
+  }
+
+  if (feedType === _constant.EFeedType.Report) {
+    feedTypeText = (0, _getLocale.getLocale)("Menu_Title_Reports");
+    feedTypeColor = "linear-gradient(270deg, #FF9EC3 0%, #FF4D91 100%)";
+  }
+
+  if (feedType === _constant.EFeedType.Reply) {
+    feedTypeText = (0, _getLocale.getLocale)("OKR_MyO_KRP_Review");
+    feedTypeColor = "linear-gradient(270deg, #FFA5A5 0%, #F05E5E 100%)";
+  }
+
+  if (feedType === _constant.EFeedType.Align) {
+    feedTypeText = "对齐";
+    feedTypeColor = "linear-gradient(270deg, #93EED2 0%, rgba(90, 216, 166, 0.85) 100%)";
+  }
+
+  if (feedType === _constant.EFeedType.Progress) {
+    feedTypeText = (0, _getLocale.getLocale)("Feed_Tab_Title_Progress");
+    feedTypeColor = "linear-gradient(90deg, #FFAB67 0%, #FFD5A0 100%)";
+  }
+
+  if (feedType === _constant.EFeedType.Relative) {
+    feedTypeText = (0, _getLocale.getLocale)("Mod_Associate");
+    feedTypeColor = "linear-gradient(270deg, #FFE18B 0%, #F6BD16 100%)";
+  }
+
+  if (feedType === _constant.EFeedType.O) {
+    feedTypeText = "OKRs";
+    feedTypeColor = "linear-gradient(90deg, #2879FF 0%, #9FBFFF 100%)";
+  }
+
+  if (feedType === _constant.EFeedType.Kr) {
+    feedTypeText = "KR";
+    feedTypeColor = "linear-gradient(90deg, #2879FF 0%, #9FBFFF 100%)";
+  }
+
+  if (feedType === _constant.EFeedType.Project) {
+    feedTypeText = (0, _getLocale.getLocale)("Menu_Title_Projects");
+    feedTypeColor = "linear-gradient(90deg, #624DFF 0%, #CDC7FF 100%)";
+  }
+
+  if (feedType === _constant.EFeedType.MileStone) {
+    feedTypeText = (0, _getLocale.getLocale)("Pro_page_Plan_Milestone");
+    feedTypeColor = "linear-gradient(90deg, #624DFF 0%, #CDC7FF 100%)";
+  }
+
+  if (feedType === _constant.EFeedType.Task) {
+    feedTypeText = (0, _getLocale.getLocale)("Mod_Tasks");
+    feedTypeColor = "linear-gradient(90deg, #0080FF 0%, #8FC7FF 100%)";
+  }
+
+  if (feedType === _constant.EFeedType.PlanCommunication) {
+    feedTypeText = "计划表";
+    feedTypeColor = "linear-gradient(90deg, #0080FF 0%, #8FC7FF 100%)";
+  }
+
+  if (feedType === _constant.EFeedType.OKRsCommunication) {
+    feedTypeText = "OKRs";
+    feedTypeColor = "linear-gradient(90deg, #2879FF 0%, #9FBFFF 100%)";
+  }
+
+  return {
+    feedTypeText: feedTypeText,
+    feedTypeColor: feedTypeColor
+  };
+};
+
+exports.getFeedTypeAndTypeColor = getFeedTypeAndTypeColor;
+
 var formatCycleData = function formatCycleData(periodParams, isGetCycleRange) {
   if (!periodParams) return "";
   var quarter = ["", (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 cycleDate = "";
   var startDate = periodParams.startDate;
   var endDate = periodParams.endDate;
-  var annualNum = Number("".concat(periodParams.annualNum)) === -1 ? (0, _getLocale.getLocale)("OKR_MyO_Butt_Allyears") : periodParams.annualNum;
+  var annualNum = periodParams.annualNum == "-1" ? (0, _getLocale.getLocale)("OKR_MyO_Butt_Allyears") : periodParams.annualNum;
 
   switch (periodParams.cycleType.toString()) {
     case "-1":
@@ -50,7 +127,7 @@ var formatCycleData = function formatCycleData(periodParams, isGetCycleRange) {
       cycleDate = (0, _getLocale.getLocale)("Mod_Customization");
   }
 
-  if (new Date(periodParams.startDate).getFullYear() === new Date().getFullYear()) {
+  if (new Date(periodParams.startDate).getFullYear() == new Date().getFullYear()) {
     startDate = periodParams.startDate.slice(5);
     endDate = periodParams.endDate.slice(5);
   }
@@ -72,41 +149,4 @@ var formatMenu = function formatMenu(data) {
   return data;
 };
 
-exports.formatMenu = formatMenu;
-
-var getProcessColor = function getProcessColor(status, level, type) {
-  var processColor = {
-    1: {
-      riskLevel: 1,
-      linearStartColor: "#4E90FF",
-      linearEndColor: "#2879ff",
-      backgroundColor: "rgba(40,121,255,0.11)"
-    },
-    3: {
-      riskLevel: 3,
-      linearStartColor: "#FFA5A5",
-      linearEndColor: "#F05E5E",
-      backgroundColor: "rgba(222,89,89,0.1)"
-    },
-    2: {
-      riskLevel: 2,
-      linearStartColor: "#FDCD41",
-      linearEndColor: "#FFE18B",
-      backgroundColor: "#FEF5DC"
-    }
-  };
-
-  if (status === 2) {
-    var tempColor = processColor[2];
-    return tempColor[type];
-  }
-
-  var color = processColor["".concat(level)];
-  if (level === 0) color = processColor["1"];
-  if (!color) return {};
-  return color[type];
-};
-
-exports.getProcessColor = getProcessColor;
-var _default = {};
-exports["default"] = _default;
+exports.formatMenu = formatMenu;

package/lib/components/file-list/components/single-file/index.css

@@ -4,19 +4,18 @@
 }
 
 .titaui-new-file-list-single-file__file-preview {
-  width: 120px;
-  height: 120px;
-  border-radius: 12px;
+  width: 180px;
+  height: 180px;
+  border-radius: 8px;
   display: flex;
   align-items: center;
   justify-content: center;
   margin-right: 10px;
-  background: #F0F2F5;
 }
 
 .titaui-new-file-list-single-file__file-preview-img {
-  max-width: 120px;
-  max-height: 120px;
+  max-width: 180px;
+  max-height: 180px;
   border-radius: 8px;
 }
 
@@ -35,8 +34,8 @@
   position: absolute;
   top: 0;
   left: 0;
-  width: 120px;
-  height: 120px;
+  width: 180px;
+  height: 180px;
   background: rgba(20, 28, 40, 0.3);
   border-radius: 8px;
   display: flex;
@@ -55,7 +54,7 @@
 }
 
 .titaui-new-file-list-single-file__operate-item:first-of-type {
-  margin-right: 20px;
+  margin-right: 32px;
 }
 
 .titaui-new-file-list-single-file__operate-item-icon {

package/lib/components/mblog/context.js

@@ -9,8 +9,6 @@ var _react = _interopRequireDefault(require("react"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-var _default = /*#__PURE__*/_react["default"].createContext({
-  popContainer: document.body
-});
+var _default = /*#__PURE__*/_react["default"].createContext({});
 
 exports["default"] = _default;

package/lib/components/mblog/index.js

@@ -15,8 +15,6 @@ var _MblogContent = _interopRequireDefault(require("./components/MblogContent"))
 
 var _MblogAction = _interopRequireDefault(require("./components/MblogAction"));
 
-var _avatar = _interopRequireDefault(require("../avatar"));
-
 var _bsGlobal = require("../../utils/bs-global");
 
 var _index = require("./common/index");
@@ -27,8 +25,6 @@ var _platform = require("../../utils/platform");
 
 var _getLocale = require("../../utils/getLocale");
 
-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); }
@@ -55,8 +51,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-mblog';
-
 var MBlog = /*#__PURE__*/function (_PureComponent) {
   _inherits(MBlog, _PureComponent);
 
@@ -241,11 +235,6 @@ var MBlog = /*#__PURE__*/function (_PureComponent) {
         // 取消
         _this.props.onMblogSubmit(submitType);
       }
-
-      _this.setState({
-        textareaValue: '',
-        uploadSuccessFilesPath: []
-      });
     };
 
     _this._dropHandler = function (event) {
@@ -409,8 +398,7 @@ var MBlog = /*#__PURE__*/function (_PureComponent) {
           _this$props3$submitTe = _this$props3.submitText,
           submitText = _this$props3$submitTe === void 0 ? (0, _getLocale.getLocale)("Mod_Publish") : _this$props3$submitTe,
           setTextareaRef = _this$props3.setTextareaRef,
-          disableRangeSelect = _this$props3.disableRangeSelect,
-          showUser = _this$props3.showUser;
+          disableRangeSelect = _this$props3.disableRangeSelect;
       var _this$state2 = this.state,
           localStroageKey = _this$state2.localStroageKey,
           visibility = _this$state2.visibility,
@@ -423,21 +411,7 @@ var MBlog = /*#__PURE__*/function (_PureComponent) {
           isAtAll = _this$state2.isAtAll;
       var fSize = (0, _bsGlobal.getUploadMaxSize)();
       var fTip = attachmentTipText || (0, _getLocale.getLocale)("OKR_MyO_KRP_Draganddropu").replace("50MB", "".concat(fSize, "MB"));
-      var user = (0, _bsGlobal.getUserInfo)();
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        className: prefix
-      }, showUser && /*#__PURE__*/_react["default"].createElement("div", {
-        className: "".concat(prefix, "__avatar")
-      }, /*#__PURE__*/_react["default"].createElement(_avatar["default"], {
-        size: {
-          width: 28,
-          textNum: 1,
-          fontSize: 14
-        },
-        name: user.Name,
-        color: user.UserAvatar.Color,
-        src: user.UserAvatar.Medium
-      })), /*#__PURE__*/_react["default"].createElement(_style.MBlogBox, {
+      return /*#__PURE__*/_react["default"].createElement(_style.MBlogBox, {
         className: className,
         ref: "mblogbox",
         onDrop: this._dropHandler,
@@ -516,7 +490,7 @@ var MBlog = /*#__PURE__*/function (_PureComponent) {
         id: this.previewid
       }), !(0, _platform.isPlatform)("wx") && isShowDragMask && /*#__PURE__*/_react["default"].createElement(_style.DragEffect, {
         className: "tu-icon-inbox-upload"
-      })));
+      }));
     }
   }]);
 
@@ -557,6 +531,5 @@ MBlog.defaultProps = {
   // 1公开，2私密 3部门
   isShowRangeDropDown: true,
   isShowBtnCancel: true,
-  submitStatus: 0,
-  showUser: false
+  submitStatus: 0
 };

package/lib/components/mblog/style.js

@@ -13,12 +13,12 @@ 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 MBlogBox = _styledComponents["default"].div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: relative;\n  flex: 1;\n\n  .uploadFile__preview__list {\n    padding-bottom: 10px;\n    background: #ffffff;\n    display: flex;\n    flex-wrap: wrap;\n    max-height: 300px;\n    overflow-y: auto;\n\n    .preview__content {\n      margin-top: 10px;\n      margin-right: 10px;\n      border-radius: 8px;\n    }\n  }\n"]))); // MblogContent
+var MBlogBox = _styledComponents["default"].div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: relative;\n\n  .uploadFile__preview__list {\n    padding-bottom: 10px;\n    background: #ffffff;\n    display: flex;\n    flex-wrap: wrap;\n    max-height: 300px;\n    overflow-y: auto;\n\n    .preview__content {\n      margin-top: 10px;\n      margin-right: 10px;\n      border-radius: 8px;\n    }\n  }\n"]))); // MblogContent
 
 
 exports.MBlogBox = MBlogBox;
 
-var DivMblogContent = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  padding: 8px 10px 6px;\n  border: 1px solid #DFE3EA;\n  border-radius: 12px;\n  background-color: #fff;\n  position: relative;\n  transition: all .2s ease-in-out;\n  height: 120px;\n  box-sizing: border-box;\n\n  &.input_default-active {\n    box-shadow: inset 0px 0px 4px 0px rgba(40, 121, 255, 0.3);\n    border-color: #2879ff;\n  }\n"])));
+var DivMblogContent = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  padding: 8px 10px 6px;\n  border: 1px solid #DFE3EA;\n  border-radius: 8px;\n  background-color: #fff;\n  position: relative;\n  transition: all .2s ease-in-out;\n  height: 120px;\n  box-sizing: border-box;\n\n  &.input_default-active {\n    box-shadow: inset 0px 0px 4px 0px rgba(40, 121, 255, 0.3);\n    border-color: #2879ff;\n  }\n"])));
 
 exports.DivMblogContent = DivMblogContent;
 
@@ -47,7 +47,7 @@ var Tips = _styledComponents["default"].div(_templateObject7 || (_templateObject
 
 exports.Tips = Tips;
 
-var MblogActionWrapper = _styledComponents["default"].div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  height: 30px;\n  padding: 16px 0 2px 0;\n  font-size: 13px;\n  line-height: 20px;\n  color: #565E66;\n  background-color: #ffffff;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n"]))); // 左侧按钮
+var MblogActionWrapper = _styledComponents["default"].div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  height: 30px;\n  padding: 28px 0 2px 0;\n  font-size: 13px;\n  line-height: 20px;\n  color: #565E66;\n  background-color: #ffffff;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n"]))); // 左侧按钮
 
 
 exports.MblogActionWrapper = MblogActionWrapper;
@@ -66,7 +66,7 @@ var IconSpan = _styledComponents["default"].span(_templateObject11 || (_template
 
 exports.IconSpan = IconSpan;
 
-var RightBtnGroupWrapper = _styledComponents["default"].div(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n  height: 100%;\n  display: flex;\n  align-items: center;\n\n  button {\n    min-width: 80px;\n    height: 32px;\n    box-sizing: border-box;\n    border-radius: 18px;\n    border: none;\n  }\n"])));
+var RightBtnGroupWrapper = _styledComponents["default"].div(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n  height: 100%;\n  display: flex;\n  align-items: center;\n\n  button {\n    min-width: 90px;\n    height: 32px;\n    box-sizing: border-box;\n    border-radius: 18px;\n    border: none;\n  }\n"])));
 
 exports.RightBtnGroupWrapper = RightBtnGroupWrapper;