@titaui/pc 1.10.4 → 1.10.6-3.beta-2

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

@@ -4,18 +4,19 @@
 }
 
 .titaui-new-file-list-single-file__file-preview {
-  width: 180px;
-  height: 180px;
-  border-radius: 8px;
+  width: 120px;
+  height: 120px;
+  border-radius: 12px;
   display: flex;
   align-items: center;
   justify-content: center;
   margin-right: 10px;
+  background: #f0f2f5;
 }
 
 .titaui-new-file-list-single-file__file-preview-img {
-  max-width: 180px;
-  max-height: 180px;
+  max-width: 120px;
+  max-height: 120px;
   border-radius: 8px;
 }
 
@@ -27,15 +28,16 @@
 .titaui-new-file-list-single-file__file-name {
   text-align: center;
   margin-top: 8px;
-  color: #3F4755;
+  color: #3f4755;
+  margin-right: 10px;
 }
 
 .titaui-new-file-list-single-file__operate {
   position: absolute;
   top: 0;
   left: 0;
-  width: 180px;
-  height: 180px;
+  width: 120px;
+  height: 120px;
   background: rgba(20, 28, 40, 0.3);
   border-radius: 8px;
   display: flex;
@@ -46,7 +48,7 @@
 .titaui-new-file-list-single-file__operate-item {
   font-size: 12px;
   font-weight: 400;
-  color: #FFFFFF;
+  color: #ffffff;
   line-height: 18px;
   display: flex;
   flex-direction: column;
@@ -54,12 +56,12 @@
 }
 
 .titaui-new-file-list-single-file__operate-item:first-of-type {
-  margin-right: 32px;
+  margin-right: 20px;
 }
 
 .titaui-new-file-list-single-file__operate-item-icon {
   margin-bottom: 4px;
-  color: #3F4755;
+  color: #3f4755;
   width: 32px;
   height: 32px;
   display: flex;
@@ -72,7 +74,7 @@
 
 .titaui-new-file-list-single-file__operate-item:hover {
   cursor: pointer;
-  color: #FFFFFF;
+  color: #ffffff;
 }
 
 .titaui-new-file-list-single-file__operate-item--only {

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

@@ -110,7 +110,7 @@ var SingleFile = function SingleFile(_ref) {
     className: "".concat(prefix, "__file-name")
   }, /*#__PURE__*/_react["default"].createElement(_tooltip["default"].Text, {
     text: data.fileName,
-    maxWidth: 180
+    maxWidth: 120
   })));
 };
 

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

@@ -1,5 +1,6 @@
 .titaui-new-file-list {
   display: flex;
   flex-wrap: wrap;
+  row-gap: 12px;
   font-family: -apple-system, Arial, Verdana, Helvetica Neue, Helvetica, sans-serif, PingFang SC, Microsoft YaHei;
 }

package/lib/components/follower-visitor/index.js

@@ -9,6 +9,8 @@ exports["default"] = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
+var _classnames = _interopRequireDefault(require("classnames"));
+
 var _requestApi = require("./request-api");
 
 var _openData = require("../../utils/open-data");
@@ -19,9 +21,9 @@ var _followerVisitorFollower = _interopRequireDefault(require("./img/follower-vi
 
 var _followerVisitorVisitor = _interopRequireDefault(require("./img/follower-visitor-visitor.png"));
 
-require("./index.css");
+var _getLocale = require("../../utils/getLocale");
 
-var _classnames = _interopRequireDefault(require("classnames"));
+require("./index.css");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -135,14 +137,14 @@ var FollowerVisitor = function FollowerVisitor() {
   }, /*#__PURE__*/_react["default"].createElement("img", {
     className: (0, _classnames["default"])("".concat(prefix, "__follower-icon")),
     src: _followerVisitorFollower["default"]
-  }), renderPerson(followerInofs), getPrefixStrDesc(followerInofs), "\u5173\u6CE8\u4E86\u4F60")), /*#__PURE__*/_react["default"].createElement("div", {
+  }), renderPerson(followerInofs), getPrefixStrDesc(followerInofs), (0, _getLocale.getLocale)('OKR_MyO_Followedyou'))), /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefix, "__info-wrapper")
   }, /*#__PURE__*/_react["default"].createElement(_conditionRender["default"], {
     condition: visitorInofs && visitorInofs.length > 0
   }, /*#__PURE__*/_react["default"].createElement("img", {
     className: (0, _classnames["default"])("".concat(prefix, "__visitor-icon")),
     src: _followerVisitorVisitor["default"]
-  }), renderPerson(visitorInofs), getPrefixStrDesc(visitorInofs), "\u8BBF\u95EE\u4E86\u4F60")), /*#__PURE__*/_react["default"].createElement("span", {
+  }), renderPerson(visitorInofs), getPrefixStrDesc(visitorInofs), (0, _getLocale.getLocale)('OKR_MyO_Visitedyou'))), /*#__PURE__*/_react["default"].createElement("span", {
     className: (0, _classnames["default"])("tu-icon-canceled", "".concat(prefix, "__close")),
     onClick: handleCloseMessage
   }));

package/lib/components/grid-layout/okr-progress/index.js

@@ -19,6 +19,10 @@ var _clickLink = _interopRequireWildcard(require("../util/click-link"));
 
 var _getLocale = require("../../../utils/getLocale");
 
+var _OKRprogressEmpty = _interopRequireDefault(require("../image/OKRprogress-empty.png"));
+
+var _Progress = _interopRequireDefault(require("../image/Progress.png"));
+
 require("../index.css");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -27,8 +31,6 @@ 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 _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e2) { throw _e2; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e3) { didErr = true; err = _e3; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
-
 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."); }
@@ -71,38 +73,26 @@ function OKRProgressComponent() {
 
   (0, _react.useEffect)(function () {
     (0, _network["default"])(ComponentId).then(function (res) {
-      var _iterator = _createForOfIteratorHelper(res),
-          _step;
-
-      try {
-        for (_iterator.s(); !(_step = _iterator.n()).done;) {
-          var item = _step.value;
-
-          switch (item.componentDataProp) {
-            case "allMyProgressCount":
-              setHadUpdateOkrNum(item.componentDataCount);
-              break;
+      Object.values(res).forEach(function (item) {
+        if (item.componentDataProp === "allMyProgressCount") {
+          setHadUpdateOkrNum(item.componentDataCount);
+        }
 
-            case "allMyNoProgressCount":
-              setHadNotUpdateOkrNum(item.componentDataCount);
-              break;
+        if (item.componentDataProp === "allMyNoProgressCount") {
+          setHadNotUpdateOkrNum(item.componentDataCount);
+        }
 
-            case "weekLatelyUpdatekrProgress":
-              setWeekLatelyUpdatekrProgress(item.componentDataCount);
-          }
+        if (item.componentDataProp === "weekLatelyUpdatekrProgress") {
+          setWeekLatelyUpdatekrProgress(item.componentDataCount);
         }
-      } catch (err) {
-        _iterator.e(err);
-      } finally {
-        _iterator.f();
-      }
+      });
     });
   }, []);
   (0, _react.useEffect)(function () {
     if (hadUpdateOkrNum + hadNotUpdateOkrNum === 0) {
-      !isMyOKREmpty && setIsMyOKREmpty(true);
+      setIsMyOKREmpty(isMyOKREmpty);
     } else {
-      isMyOKREmpty && setIsMyOKREmpty(false);
+      setIsMyOKREmpty(!isMyOKREmpty);
       setUpdatePercent(Number.parseFloat((hadUpdateOkrNum / (hadNotUpdateOkrNum + hadUpdateOkrNum)).toFixed(2)) * 100);
     }
   }, [hadUpdateOkrNum + hadNotUpdateOkrNum]);
@@ -119,16 +109,16 @@ function OKRProgressComponent() {
       padding: "20px 22px 0"
     }
   }, /*#__PURE__*/_react["default"].createElement(_commenComponents.CardTitle, {
-    content: (0, _getLocale.getLocale)("HP_Executiotasks"),
-    iconUrl: require("../image/Progress.png"),
+    content: (0, _getLocale.getLocale)("HP_KRProgress"),
+    iconUrl: _Progress["default"],
     tips: (0, _getLocale.getLocale)("HP_ProgressKROKR")
-  }, !isMyOKREmpty && /*#__PURE__*/_react["default"].createElement("a", {
+  }, !isMyOKREmpty && /*#__PURE__*/_react["default"].createElement("span", {
     onClick: function onClick() {
       return (0, _clickLink["default"])("okr%2Fmanage");
     },
     className: "grid-component-card-title__behave"
   }, (0, _getLocale.getLocale)("OKR_OKRW_Gotoupdate"))), isMyOKREmpty ? /*#__PURE__*/_react["default"].createElement(_commenComponents.EmptyBackGround, {
-    imgSrc: require("../image/OKRprogress-empty.png"),
+    imgSrc: _OKRprogressEmpty["default"],
     content: (0, _getLocale.getLocale)("HP_Regulgoodwork"),
     behave: {
       type: "moreinfo",

package/lib/components/help-card/index.css

@@ -34,7 +34,7 @@
   height: 476px;
   border-radius: 24px;
   background: #ffffff;
-  box-shadow: 0px 0px 16px 0px rgba(127, 145, 180, 0.1);
+  box-shadow: 0px 8px 24px 0px rgba(127, 145, 180, 0.16);
 }
 
 .help-card__header {
@@ -59,6 +59,35 @@
   border-radius: 50%;
 }
 
+.help-card__wechat {
+  height: 330px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
+
+.help-card__wechat-title {
+  font-size: 20px;
+  font-weight: normal;
+  color: #141c28;
+  line-height: 30px;
+}
+
+.help-card__wechat-content {
+  margin-top: 4px;
+  font-size: 14px;
+  font-weight: normal;
+  color: #6f7886;
+  line-height: 22px;
+}
+
+.help-card__wechat-img {
+  width: 200px;
+  height: 200px;
+  margin-top: 24px;
+}
+
 .help-card__body {
   box-sizing: border-box;
   padding: 0 20px;
@@ -96,7 +125,7 @@
 }
 
 .help-card__body-item-title-left::before {
-  content: "";
+  content: '';
   width: 81px;
   height: 7px;
   background: linear-gradient(90deg, #2879ff 0%, #f6f8fc 100%);

package/lib/components/help-card/index.js

@@ -23,6 +23,8 @@ var _requestApi = require("./request-api");
 
 var _tooltip = _interopRequireDefault(require("../tooltip"));
 
+var _conditionRender = _interopRequireDefault(require("../condition-render"));
+
 var _kefu = _interopRequireDefault(require("./image/kefu1.svg"));
 
 var _yuyueyanshi = _interopRequireDefault(require("./image/yuyueyanshi.svg"));
@@ -39,6 +41,12 @@ var _errorBoundary = _interopRequireDefault(require("../error-boundary"));
 
 var _errorLevel = _interopRequireDefault(require("../../utils/error-level"));
 
+var _platform = require("../../utils/platform");
+
+var _try = _interopRequireDefault(require("./image/try.png"));
+
+var _notTry = _interopRequireDefault(require("./image/not-try.png"));
+
 require("./index.css");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -62,6 +70,9 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 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); }
 
 var preCls = "help-card";
+var isTry = (0, _bsGlobal.getVersion)() === 1;
+var isDingding = (0, _platform.isDD)(true) === true;
+var isFeis = (0, _platform.isFeishu)(true) === true;
 
 var HelpCard = function HelpCard(_ref) {
   var restProps = _extends({}, _ref);
@@ -71,25 +82,30 @@ var HelpCard = function HelpCard(_ref) {
       visible = _useState2[0],
       setVisible = _useState2[1];
 
-  var _useState3 = (0, _react.useState)(1),
+  var _useState3 = (0, _react.useState)(false),
       _useState4 = _slicedToArray(_useState3, 2),
-      pageNum = _useState4[0],
-      setPageNum = _useState4[1];
+      weChatCodeVisible = _useState4[0],
+      setWeChatCodeVisible = _useState4[1];
 
-  var _useState5 = (0, _react.useState)([]),
+  var _useState5 = (0, _react.useState)(1),
       _useState6 = _slicedToArray(_useState5, 2),
-      guessList = _useState6[0],
-      setGuessList = _useState6[1];
+      pageNum = _useState6[0],
+      setPageNum = _useState6[1];
 
   var _useState7 = (0, _react.useState)([]),
       _useState8 = _slicedToArray(_useState7, 2),
-      recommendList = _useState8[0],
-      setRecommendList = _useState8[1];
+      guessList = _useState8[0],
+      setGuessList = _useState8[1];
 
-  var _useState9 = (0, _react.useState)(0),
+  var _useState9 = (0, _react.useState)([]),
       _useState10 = _slicedToArray(_useState9, 2),
-      guessQuestionNum = _useState10[0],
-      setGuessQuestionNum = _useState10[1];
+      recommendList = _useState10[0],
+      setRecommendList = _useState10[1];
+
+  var _useState11 = (0, _react.useState)(0),
+      _useState12 = _slicedToArray(_useState11, 2),
+      guessQuestionNum = _useState12[0],
+      setGuessQuestionNum = _useState12[1];
 
   var bookDemoRef = (0, _react.useRef)();
   var isTrial = (0, _bsGlobal.getVersion)() === 1;
@@ -129,6 +145,9 @@ var HelpCard = function HelpCard(_ref) {
 
       setGuessList(guessQuestion || []);
     });
+    setTimeout(function () {
+      setWeChatCodeVisible(!visible);
+    }, 100);
   }, [pageNum, visible]);
 
   var handlePoint = function handlePoint() {
@@ -178,9 +197,13 @@ var HelpCard = function HelpCard(_ref) {
   };
 
   var handleCustomerService = function handleCustomerService() {
-    setVisible(false);
-    window.open(kefuUrl);
-    handleClickTracker("联系客服");
+    if (isDingding === true || isFeis === true) {
+      setVisible(false);
+      window.open(kefuUrl);
+      handleClickTracker("联系客服");
+    } else {
+      setWeChatCodeVisible(true);
+    }
   };
 
   var handleUpgrade = function handleUpgrade() {
@@ -198,7 +221,7 @@ var HelpCard = function HelpCard(_ref) {
   };
 
   var renderKefu = function renderKefu() {
-    if ((0, _openData.isPlatform)("feishu") || (0, _openData.isPlatform)("dd") || (0, _openData.isWxTrial)()) return /*#__PURE__*/_react["default"].createElement("span", null);
+    if ((0, _openData.isPlatform)("feishu") || (0, _openData.isPlatform)("dd")) return /*#__PURE__*/_react["default"].createElement("span", null);
     return /*#__PURE__*/_react["default"].createElement("div", {
       className: "".concat(preCls, "__footer-item"),
       onClick: handleCustomerService
@@ -215,7 +238,9 @@ var HelpCard = function HelpCard(_ref) {
       className: "".concat(preCls, "__header")
     }, /*#__PURE__*/_react["default"].createElement("div", {
       className: "".concat(preCls, "__header-avatar")
-    }), "Tita\u5C0F\u52A9\u624B"), /*#__PURE__*/_react["default"].createElement("div", {
+    }), "Tita\u5C0F\u52A9\u624B"), /*#__PURE__*/_react["default"].createElement(_conditionRender["default"], {
+      condition: weChatCodeVisible === false
+    }, /*#__PURE__*/_react["default"].createElement("div", {
       className: "".concat(preCls, "__body")
     }, /*#__PURE__*/_react["default"].createElement("div", {
       className: "".concat(preCls, "__body-item")
@@ -254,7 +279,19 @@ var HelpCard = function HelpCard(_ref) {
         },
         key: item.questionUrl + item.questionName
       }, item.questionName);
-    })))), /*#__PURE__*/_react["default"].createElement("div", {
+    }))))), /*#__PURE__*/_react["default"].createElement(_conditionRender["default"], {
+      condition: weChatCodeVisible === true
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "".concat(preCls, "__wechat")
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "".concat(preCls, "__wechat-title")
+    }, "\u5FAE\u4FE1/\u4F01\u4E1A\u5FAE\u4FE1\u626B\u4E00\u626B"), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "".concat(preCls, "__wechat-content")
+    }, "\u4E13\u5C5E\u5BA2\u670D\u4E3A\u4F60\u63D0\u4F9B\u54A8\u8BE2\u670D\u52A1"), /*#__PURE__*/_react["default"].createElement("img", {
+      src: isTry ? _try["default"] : _notTry["default"],
+      className: "".concat(preCls, "__wechat-img"),
+      alt: "\u5FAE\u4FE1\u626B\u7801"
+    }))), /*#__PURE__*/_react["default"].createElement("div", {
       className: "".concat(preCls, "__footer")
     }, isTrial && /*#__PURE__*/_react["default"].createElement("div", {
       className: "".concat(preCls, "__footer-item"),

package/lib/components/invite-people/img/invite-people.svg

@@ -0,0 +1,62 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="52px" height="52px" viewBox="0 0 52 52" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>编组 9</title>
+    <defs>
+        <linearGradient x1="50%" y1="3.061617e-15%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#4E90FF" offset="0%"></stop>
+            <stop stop-color="#2879FF" offset="100%"></stop>
+        </linearGradient>
+        <circle id="path-2" cx="26" cy="26" r="26"></circle>
+        <filter x="-7.7%" y="-7.7%" width="115.4%" height="115.4%" filterUnits="objectBoundingBox" id="filter-3">
+            <feMorphology radius="2" operator="erode" in="SourceAlpha" result="shadowSpreadInner1"></feMorphology>
+            <feGaussianBlur stdDeviation="3" in="shadowSpreadInner1" result="shadowBlurInner1"></feGaussianBlur>
+            <feOffset dx="0" dy="0" in="shadowBlurInner1" result="shadowOffsetInner1"></feOffset>
+            <feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite>
+            <feColorMatrix values="0 0 0 0 1   0 0 0 0 1   0 0 0 0 1  0 0 0 0.5 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
+        </filter>
+        <filter x="-66.7%" y="-67.8%" width="233.3%" height="235.6%" filterUnits="objectBoundingBox" id="filter-4">
+            <feOffset dx="0" dy="4" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feGaussianBlur stdDeviation="2" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+            <feColorMatrix values="0 0 0 0 0.101003231   0 0 0 0 0.427065106   0 0 0 0 0.966476109  0 0 0 1 0" type="matrix" in="shadowBlurOuter1" result="shadowMatrixOuter1"></feColorMatrix>
+            <feMerge>
+                <feMergeNode in="shadowMatrixOuter1"></feMergeNode>
+                <feMergeNode in="SourceGraphic"></feMergeNode>
+            </feMerge>
+        </filter>
+        <path d="M16.2408759,11.8636364 C17.6941571,11.8636364 18.9915571,12.4834063 19.8432958,13.4538491 L19.7727273,13.453125 L19.7727273,13.453125 C16.6096419,13.453125 14.0454545,16.0173123 14.0454545,19.1803977 C14.0454545,20.9550936 14.8526446,22.5412601 16.1199159,23.5917885 L4.6284008,23.5908352 L4.64499005,23.5908352 C2.07963288,23.5908352 0,21.6596367 0,19.2773827 L0,16.1770888 C0,13.9888024 1.75476468,12.1811102 4.02888228,11.9012462 C5.39814304,13.8696511 7.5432088,15.1363636 9.95454545,15.1363636 C12.3817457,15.1363636 14.53916,13.8529296 15.9070744,11.8635215 L16.2408759,11.8636364 Z M9.95454545,0 C13.3435655,0 16.0909091,3.05260398 16.0909091,6.81818182 C16.0909091,10.5837597 13.3435655,13.6363636 9.95454545,13.6363636 C6.5655254,13.6363636 3.81818182,10.5837597 3.81818182,6.81818182 C3.81818182,3.05260398 6.5655254,0 9.95454545,0 Z" id="path-5"></path>
+        <filter x="-7.6%" y="-6.4%" width="115.1%" height="112.7%" filterUnits="objectBoundingBox" id="filter-6">
+            <feGaussianBlur stdDeviation="1.5" in="SourceAlpha" result="shadowBlurInner1"></feGaussianBlur>
+            <feOffset dx="0" dy="0" in="shadowBlurInner1" result="shadowOffsetInner1"></feOffset>
+            <feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite>
+            <feColorMatrix values="0 0 0 0 0.156862745   0 0 0 0 0.474509804   0 0 0 0 1  0 0 0 1 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
+        </filter>
+        <circle id="path-7" cx="19.7727273" cy="19.1803977" r="4.22727273"></circle>
+        <filter x="-11.8%" y="-11.8%" width="123.7%" height="123.7%" filterUnits="objectBoundingBox" id="filter-8">
+            <feGaussianBlur stdDeviation="1" in="SourceAlpha" result="shadowBlurInner1"></feGaussianBlur>
+            <feOffset dx="0" dy="0" in="shadowBlurInner1" result="shadowOffsetInner1"></feOffset>
+            <feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite>
+            <feColorMatrix values="0 0 0 0 0.156862745   0 0 0 0 0.474509804   0 0 0 0 1  0 0 0 1 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
+        </filter>
+    </defs>
+    <g id="动态" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="动态-版本二（一级导航变菜单栏）" transform="translate(-20.000000, -646.000000)">
+            <g id="编组-9" transform="translate(20.000000, 646.000000)">
+                <g id="椭圆形">
+                    <use fill="url(#linearGradient-1)" fill-rule="evenodd" xlink:href="#path-2"></use>
+                    <use fill="black" fill-opacity="1" filter="url(#filter-3)" xlink:href="#path-2"></use>
+                </g>
+                <g id="shitu备份" filter="url(#filter-4)" transform="translate(14.000000, 14.000000)">
+                    <g id="形状结合">
+                        <use fill="#FFFFFF" fill-rule="evenodd" xlink:href="#path-5"></use>
+                        <use fill="black" fill-opacity="1" filter="url(#filter-6)" xlink:href="#path-5"></use>
+                    </g>
+                    <g id="椭圆形">
+                        <use fill="#FFFFFF" fill-rule="evenodd" xlink:href="#path-7"></use>
+                        <use fill="black" fill-opacity="1" filter="url(#filter-8)" xlink:href="#path-7"></use>
+                    </g>
+                    <path d="M19.8409091,16.5894886 C20.2080529,16.5894886 20.5056818,16.8871175 20.5056818,17.2542614 L20.5048182,18.5834886 L21.8352273,18.5838068 C22.2023711,18.5838068 22.5,18.8814357 22.5,19.2485795 C22.5,19.6157234 22.2023711,19.9133523 21.8352273,19.9133523 L20.5048182,19.9124886 L20.5056818,21.2428977 C20.5056818,21.6100416 20.2080529,21.9076705 19.8409091,21.9076705 C19.4737653,21.9076705 19.1761364,21.6100416 19.1761364,21.2428977 L19.1758182,19.9124886 L17.8465909,19.9133523 C17.4794471,19.9133523 17.1818182,19.6157234 17.1818182,19.2485795 C17.1818182,18.8814357 17.4794471,18.5838068 17.8465909,18.5838068 L19.1758182,18.5834886 L19.1761364,17.2542614 C19.1761364,16.8871175 19.4737653,16.5894886 19.8409091,16.5894886 Z" id="形状结合" fill="#2879FF"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/lib/components/invite-people/index.css

@@ -1,7 +1,7 @@
 .titaui-invite-people {
   width: 42px;
   height: 42px;
-  background: url("./img/invite-people.png") no-repeat;
+  background: url("./img/invite-people.svg") no-repeat;
   background-size: 42px;
   box-shadow: 0px 4px 12px 0px rgba(127, 145, 180, 0.2);
   cursor: pointer;

package/lib/components/mblog/context.js

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

package/lib/components/mblog/index.css

@@ -0,0 +1,7 @@
+.titaui-mblog {
+  display: flex;
+}
+
+.titaui-mblog__avatar {
+  margin-right: 12px;
+}

package/lib/components/mblog/index.js

@@ -15,6 +15,8 @@ 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");
@@ -25,6 +27,8 @@ 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); }
@@ -51,6 +55,8 @@ 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);
 
@@ -163,17 +169,23 @@ var MBlog = /*#__PURE__*/function (_PureComponent) {
     };
 
     _this.handlerDealAttachemntData = function (uploadSuccessFilesPath) {
+      var _this$refs$textEditor2;
+
       var successFilesPath = uploadSuccessFilesPath.filter(function (item) {
         return item !== "";
       });
       var successFilesPathLen = successFilesPath.length; // @ts-ignore
 
-      var textareaInput = _this.refs.textEditor.refs.textareaInput;
+      var _this$refs$textEditor = (_this$refs$textEditor2 = _this.refs.textEditor) === null || _this$refs$textEditor2 === void 0 ? void 0 : _this$refs$textEditor2.refs,
+          textareaInput = _this$refs$textEditor.textareaInput;
+
       var textareaValue = _this.state.textareaValue; // textareaValue = dealWithLoadedFileTips(textareaValue, successFilesPathLen); // 更新输入框内容
 
       localStorage.setItem(_this.state.localStroageKey, textareaValue); // 将输入框内容进行本地缓存
 
-      textareaInput.focus();
+      if (textareaInput) {
+        textareaInput.focus();
+      }
 
       _this.setState({
         textareaValue: textareaValue,
@@ -186,9 +198,12 @@ var MBlog = /*#__PURE__*/function (_PureComponent) {
     _this.focus = function () {
       // @ts-ignore
       var textareaInput = _this.refs.textEditor.refs.textareaInput;
-      setTimeout(function () {
-        textareaInput.focus();
-      }, 300);
+
+      if (textareaInput) {
+        setTimeout(function () {
+          textareaInput.focus();
+        }, 300);
+      }
     };
 
     _this.allowSubmit = function (content) {
@@ -235,6 +250,11 @@ var MBlog = /*#__PURE__*/function (_PureComponent) {
         // 取消
         _this.props.onMblogSubmit(submitType);
       }
+
+      _this.setState({
+        textareaValue: '',
+        uploadSuccessFilesPath: []
+      });
     };
 
     _this._dropHandler = function (event) {
@@ -398,7 +418,8 @@ 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;
+          disableRangeSelect = _this$props3.disableRangeSelect,
+          showUser = _this$props3.showUser;
       var _this$state2 = this.state,
           localStroageKey = _this$state2.localStroageKey,
           visibility = _this$state2.visibility,
@@ -411,7 +432,21 @@ 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"));
-      return /*#__PURE__*/_react["default"].createElement(_style.MBlogBox, {
+      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, {
         className: className,
         ref: "mblogbox",
         onDrop: this._dropHandler,
@@ -490,7 +525,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"
-      }));
+      })));
     }
   }]);
 
@@ -531,5 +566,6 @@ MBlog.defaultProps = {
   // 1公开，2私密 3部门
   isShowRangeDropDown: true,
   isShowBtnCancel: true,
-  submitStatus: 0
+  submitStatus: 0,
+  showUser: false
 };