@titaui/pc 1.11.52-beta.3 → 1.11.52-beta.6

package/lib/components/dynamic/quick-operation/index.css

@@ -0,0 +1,51 @@
+.titaui-pc-dynamic-quick-operation {
+  width: 278px;
+  height: 126px;
+  padding: 0 5px;
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+  background: #ffffff;
+  box-shadow: 0px 0px 8px 0px rgba(127, 145, 180, 0.1);
+  border-radius: 12px;
+  font-size: 12px;
+  color: #3f4755;
+  font-family: -apple-system, Arial, Verdana, Helvetica Neue, Helvetica, sans-serif, PingFang SC, Microsoft YaHei;
+}
+
+@keyframes dynamicQuickOperationRubberBand {
+  0% {
+    -webkit-transform: scaleX(1);
+    transform: scaleX(1);
+  }
+
+  30% {
+    -webkit-transform: scale3d(1.25, 0.75, 1);
+    transform: scale3d(1.25, 0.75, 1);
+  }
+
+  40% {
+    -webkit-transform: scale3d(0.75, 1.25, 1);
+    transform: scale3d(0.75, 1.25, 1);
+  }
+
+  50% {
+    -webkit-transform: scale3d(1.15, 0.85, 1);
+    transform: scale3d(1.15, 0.85, 1);
+  }
+
+  65% {
+    -webkit-transform: scale3d(0.95, 1.05, 1);
+    transform: scale3d(0.95, 1.05, 1);
+  }
+
+  75% {
+    -webkit-transform: scale3d(1.05, 0.95, 1);
+    transform: scale3d(1.05, 0.95, 1);
+  }
+
+  to {
+    -webkit-transform: scaleX(1);
+    transform: scaleX(1);
+  }
+}

package/lib/components/dynamic/quick-operation/index.js

@@ -0,0 +1,120 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _createOkr = _interopRequireDefault(require("./components/create-okr"));
+
+var _createTask = _interopRequireDefault(require("./components/create-task"));
+
+var _createShare = _interopRequireDefault(require("./components/create-share"));
+
+var _createAnnouncement = _interopRequireDefault(require("./components/create-announcement"));
+
+var _auth = require("../../../utils/auth");
+
+var _createOkrModal = _interopRequireDefault(require("../../create-okr-modal"));
+
+var _publishDynamicModal = _interopRequireDefault(require("../../publish-dynamic-modal/publish-dynamic-modal"));
+
+var _toast = _interopRequireDefault(require("../../toast"));
+
+var _bsGlobal = require("../../../utils/bs-global");
+
+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); }
+
+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; }
+
+var prefix = "titaui-pc-dynamic-quick-operation";
+
+var DynamicQuickOperation = function DynamicQuickOperation(_ref) {
+  var _ref$showCreateOKr = _ref.showCreateOKr,
+      showCreateOKr = _ref$showCreateOKr === void 0 ? true : _ref$showCreateOKr,
+      _ref$showCreateTask = _ref.showCreateTask,
+      showCreateTask = _ref$showCreateTask === void 0 ? true : _ref$showCreateTask,
+      _ref$showCreateShare = _ref.showCreateShare,
+      showCreateShare = _ref$showCreateShare === void 0 ? true : _ref$showCreateShare,
+      _ref$showCreateAnnoun = _ref.showCreateAnnouncement,
+      showCreateAnnouncement = _ref$showCreateAnnoun === void 0 ? true : _ref$showCreateAnnoun;
+  var hasDynamicAnnouncementAuth = new _auth.DynamicManagerAuth().hasAuth();
+  var createTaskDivRef = (0, _react.useRef)(document.createElement("div"));
+  var isNewUI = (0, _bsGlobal.getBSGlobal)("tenantInfo").isNewIndex;
+  var newNavigation = (0, _bsGlobal.getBSGlobal)("newNavigation") || [];
+  var hasOKRApp = newNavigation.find(function (item) {
+    return item.appId === 113;
+  });
+
+  var handleShowCreateOKrModal = function handleShowCreateOKrModal() {
+    // @ts-ignore
+    window.showCreateOkrModal && window.showCreateOkrModal();
+  };
+
+  var handleShowCreateAnnouncement = function handleShowCreateAnnouncement() {
+    // @ts-ignore
+    window.showPublishAnnouncementDynamicModal && window.showPublishAnnouncementDynamicModal();
+  };
+
+  var handleShowCreatShare = function handleShowCreatShare() {
+    // @ts-ignore
+    window.showPublishShareDynamicModal && window.showPublishShareDynamicModal();
+  };
+
+  var handleCreateTaskClick = function handleCreateTaskClick() {
+    // @ts-ignore
+    window.openCreateTaskPop(createTaskDivRef.current, {
+      createParams: {
+        objId: "",
+        objType: 4,
+        AppId: 1,
+        AppType: 1,
+        TaskType: 0
+      }
+    }).then(function () {
+      _toast["default"].Success((0, _getLocale.getLocale)("Pro_tag_pop_Pubsuc"), {
+        canClose: false
+      });
+
+      setTimeout(function () {
+        // @ts-ignore 跳到我的发布页签
+        window.setTabsToPublish && window.setTabsToPublish();
+      }, 2000);
+    });
+  };
+
+  var handleAfterSuccess = function handleAfterSuccess() {
+    setTimeout(function () {
+      // @ts-ignore 跳到我的发布页签
+      window.setTabsToPublish && window.setTabsToPublish();
+    }, 2000);
+  };
+
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: prefix
+  }, showCreateOKr && (isNewUI && hasOKRApp || !isNewUI && (0, _bsGlobal.hasWebHead)("okr")) && /*#__PURE__*/_react["default"].createElement(_createOkr["default"], {
+    onClick: handleShowCreateOKrModal
+  }), showCreateTask && /*#__PURE__*/_react["default"].createElement(_createTask["default"], {
+    onClick: handleCreateTaskClick,
+    ref: createTaskDivRef
+  }), showCreateShare && /*#__PURE__*/_react["default"].createElement(_createShare["default"], {
+    onClick: handleShowCreatShare
+  }), showCreateAnnouncement && hasDynamicAnnouncementAuth && /*#__PURE__*/_react["default"].createElement(_createAnnouncement["default"], {
+    onClick: handleShowCreateAnnouncement
+  }), /*#__PURE__*/_react["default"].createElement(_createOkrModal["default"], {
+    onSuccess: handleAfterSuccess
+  }), /*#__PURE__*/_react["default"].createElement(_publishDynamicModal["default"], null));
+};
+
+var _default = DynamicQuickOperation;
+exports["default"] = _default;

package/lib/components/dynamic/request-api.js

@@ -3,44 +3,105 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.topDynamic = exports.deleteDynamic = exports.collectDynamic = exports.cancelTopDynamic = exports.cancelCollectDynamic = void 0;
+exports.topDynamic = exports.getRanking = exports.getPraise = exports.getMenu = exports.getLeastPariseInfo = exports.getDynamicFeedList = exports.getAdvertise = exports.deleteDynamic = exports.collectDynamic = exports.cancelTopDynamic = exports.cancelCollectDynamic = void 0;
 
 var _request = require("../../utils/request");
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : 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; }
+
 // @ts-ignore
 var userId = BSGlobal && BSGlobal.loginUserInfo.Id || 0;
 
 var topDynamic = function topDynamic(_ref) {
   var feedId = _ref.feedId;
-  return (0, _request.rget)('v2')("user/feednew/setTop?feedId=".concat(feedId));
+  return (0, _request.rget)("v2")("user/feednew/setTop?feedId=".concat(feedId));
 };
 
 exports.topDynamic = topDynamic;
 
 var cancelTopDynamic = function cancelTopDynamic(_ref2) {
   var feedId = _ref2.feedId;
-  return (0, _request.rget)('v2')("user/feednew/cancelTop?feedId=".concat(feedId));
+  return (0, _request.rget)("v2")("user/feednew/cancelTop?feedId=".concat(feedId));
 };
 
 exports.cancelTopDynamic = cancelTopDynamic;
 
 var collectDynamic = function collectDynamic(_ref3) {
   var feedId = _ref3.feedId;
-  return (0, _request.rput)('v2')("user/feed/Collect?feed_id=".concat(feedId));
+  return (0, _request.rput)("v2")("user/feed/Collect?feed_id=".concat(feedId));
 };
 
 exports.collectDynamic = collectDynamic;
 
 var cancelCollectDynamic = function cancelCollectDynamic(_ref4) {
   var feedId = _ref4.feedId;
-  return (0, _request.rdelete)('v2')("user/feed/CancelCollect?feed_id=".concat(feedId));
+  return (0, _request.rdelete)("v2")("user/feed/CancelCollect?feed_id=".concat(feedId));
 };
 
 exports.cancelCollectDynamic = cancelCollectDynamic;
 
 var deleteDynamic = function deleteDynamic(_ref5) {
   var feedId = _ref5.feedId;
-  return (0, _request.rdelete)('v2')("user/feed/Delete?feed_id=".concat(feedId));
+  return (0, _request.rdelete)("v2")("user/feed/Delete?feed_id=".concat(feedId));
+};
+
+exports.deleteDynamic = deleteDynamic;
+
+var getPraise = function getPraise(_ref6) {
+  var objId = _ref6.objId,
+      _ref6$start = _ref6.start,
+      start = _ref6$start === void 0 ? "" : _ref6$start,
+      _ref6$count = _ref6.count,
+      count = _ref6$count === void 0 ? 5 : _ref6$count,
+      _ref6$objType = _ref6.objType,
+      objType = _ref6$objType === void 0 ? 10 : _ref6$objType;
+  return (0, _request.rget)("v1")("praise/get?objId=".concat(objId, "&start=&count=").concat(count, "&objType=").concat(objType));
+};
+
+exports.getPraise = getPraise;
+
+var getRanking = function getRanking(data) {
+  return (0, _request.rpost)("v1")("praise/getRanking", data);
+};
+
+exports.getRanking = getRanking;
+
+var getLeastPariseInfo = function getLeastPariseInfo() {
+  return (0, _request.rget)("v1")("praise/getLeastPariseInfo?count=10");
+};
+
+exports.getLeastPariseInfo = getLeastPariseInfo;
+
+var getMenu = function getMenu() {
+  return (0, _request.rget)("v2")("feed/FeedTabMenus");
+};
+
+exports.getMenu = getMenu;
+
+var getDynamicFeedList = function getDynamicFeedList() {
+  var data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
+    PageSize: 20,
+    PageNum: 1,
+    KeyWord: "",
+    ChannelIds: "",
+    Domain: "",
+    TitaHost: "",
+    RequestSource: 0,
+    CommentCount: 3
+  };
+  return (0, _request.rpost)("v2")("feed/feeds", _objectSpread(_objectSpread({}, data), {}, {
+    CommentCount: 3
+  }));
+};
+
+exports.getDynamicFeedList = getDynamicFeedList;
+
+var getAdvertise = function getAdvertise() {
+  return (0, _request.rget)("v1")("operationAd/getByTerminalType?terminalType=1");
 };
 
-exports.deleteDynamic = deleteDynamic;
+exports.getAdvertise = getAdvertise;

package/lib/components/eReport/eReportLists/reportList.js

@@ -55,7 +55,7 @@ var EReportList = /*#__PURE__*/function (_React$Component) {
   var _super = _createSuper(EReportList);
 
   function EReportList() {
-    var _this;
+    var _temp, _this;
 
     _classCallCheck(this, EReportList);
 
@@ -63,7 +63,7 @@ var EReportList = /*#__PURE__*/function (_React$Component) {
       args[_key] = arguments[_key];
     }
 
-    return _possibleConstructorReturn(_this, (_this = _super.call.apply(_super, [this].concat(args)), _this.state = {
+    return _possibleConstructorReturn(_this, (_temp = _this = _super.call.apply(_super, [this].concat(args)), _this.state = {
       selectedPeriodValue: "",
       showDatePick: false,
       eReportWeekList: [],
@@ -176,7 +176,7 @@ var EReportList = /*#__PURE__*/function (_React$Component) {
           return _this.handlerEReportShareSubmit(submitStatus);
         }
       })));
-    }, _assertThisInitialized(_this)));
+    }, _temp));
   }
 
   _createClass(EReportList, [{

package/lib/components/emotions-selector/selector-pop.js

@@ -47,7 +47,7 @@ var EmotionsSelectorPop = /*#__PURE__*/function (_PureComponent) {
   var _super = _createSuper(EmotionsSelectorPop);
 
   function EmotionsSelectorPop() {
-    var _this;
+    var _temp, _this;
 
     _classCallCheck(this, EmotionsSelectorPop);
 
@@ -55,7 +55,7 @@ var EmotionsSelectorPop = /*#__PURE__*/function (_PureComponent) {
       args[_key] = arguments[_key];
     }
 
-    return _possibleConstructorReturn(_this, (_this = _super.call.apply(_super, [this].concat(args)), _this.handleShowPop = function () {
+    return _possibleConstructorReturn(_this, (_temp = _this = _super.call.apply(_super, [this].concat(args)), _this.handleShowPop = function () {
       setTimeout(function () {
         // @ts-ignore
         _this.refs.pop.show(_this.refs.trigger);
@@ -63,7 +63,7 @@ var EmotionsSelectorPop = /*#__PURE__*/function (_PureComponent) {
     }, _this.handleHide = function () {
       // @ts-ignore
       _this.refs.pop.hide();
-    }, _assertThisInitialized(_this)));
+    }, _temp));
   }
 
   _createClass(EmotionsSelectorPop, [{

package/lib/components/ereport-list/index.js

@@ -57,7 +57,7 @@ var EReportList = /*#__PURE__*/function (_React$Component) {
   var _super = _createSuper(EReportList);
 
   function EReportList() {
-    var _this;
+    var _temp, _this;
 
     _classCallCheck(this, EReportList);
 
@@ -65,7 +65,7 @@ var EReportList = /*#__PURE__*/function (_React$Component) {
       args[_key] = arguments[_key];
     }
 
-    return _possibleConstructorReturn(_this, (_this = _super.call.apply(_super, [this].concat(args)), _this.state = {
+    return _possibleConstructorReturn(_this, (_temp = _this = _super.call.apply(_super, [this].concat(args)), _this.state = {
       selectedPeriodValue: "",
       showDatePick: false,
       eReportWeekList: [],
@@ -178,7 +178,7 @@ var EReportList = /*#__PURE__*/function (_React$Component) {
           return _this.handlerEReportShareSubmit(submitStatus);
         }
       })));
-    }, _assertThisInitialized(_this)));
+    }, _temp));
   }
 
   _createClass(EReportList, [{

package/lib/components/mblog/components/MblogAction.js

@@ -83,7 +83,7 @@ var MblogAction = /*#__PURE__*/function (_PureComponent) {
   var _super = _createSuper(MblogAction);
 
   function MblogAction() {
-    var _this;
+    var _temp, _this;
 
     _classCallCheck(this, MblogAction);
 
@@ -91,7 +91,7 @@ var MblogAction = /*#__PURE__*/function (_PureComponent) {
       args[_key] = arguments[_key];
     }
 
-    return _possibleConstructorReturn(_this, (_this = _super.call.apply(_super, [this].concat(args)), _this.state = {
+    return _possibleConstructorReturn(_this, (_temp = _this = _super.call.apply(_super, [this].concat(args)), _this.state = {
       isSendSms: false,
       // 是否短信通知
       isShowConfirmPop: false
@@ -121,7 +121,7 @@ var MblogAction = /*#__PURE__*/function (_PureComponent) {
           isSendSms: false
         });
       }
-    }, _assertThisInitialized(_this)));
+    }, _temp));
   }
 
   _createClass(MblogAction, [{

package/lib/components/nav-top/components/menu/index.js

@@ -106,9 +106,9 @@ var Menu = function Menu(_ref) {
   };
 
   (0, _react.useEffect)(function () {
-    var isKnow = localStorage.getItem("isNewMenuItem__".concat(userId));
+    var cacheIsKnow = localStorage.getItem("isNewMenuItem__".concat(userId));
 
-    if (isKnow) {
+    if (cacheIsKnow) {
       setIsKonw(true);
     }
   }, []);
@@ -146,7 +146,8 @@ var Menu = function Menu(_ref) {
       popup: menu.href === NEWMENUS ? popup : null,
       mask: false,
       action: ['focus'],
-      popupAlign: NewFeatureGuidePopupAlign
+      popupAlign: NewFeatureGuidePopupAlign,
+      zIndex: 1000
     }, /*#__PURE__*/_react["default"].createElement("a", {
       className: (0, _classnames["default"])("".concat(prefix, "__menu-show"), _defineProperty({}, "".concat(prefix, "__menu-show--active"), activeMenuId === menu.id)),
       href: href,

package/lib/components/nav-top/index.js

@@ -27,12 +27,12 @@ var _version = _interopRequireDefault(require("./components/version"));
 
 var _utils = require("./utils");
 
+require("./index.css");
+
 var _request = require("../../utils/request");
 
 var _toast = _interopRequireDefault(require("../toast"));
 
-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); }

package/lib/components/okr-detail/components/base-okr-type/index.css

@@ -14,7 +14,3 @@
   justify-content: space-between;
   height: 17px;
 }
-
-.confim-radio {
-  display: flex;
-}

package/lib/components/okr-detail/components/base-okr-type/object-type.js

@@ -248,7 +248,6 @@ var ObjectType = /*#__PURE__*/function (_Component) {
 
       return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_radio.RadioGroup, {
         name: "okrType",
-        className: "confim-radio",
         labelText: (0, _getLocale.getLocale)("Mod_Type"),
         style: {
           marginBottom: 8

package/lib/components/okr-detail/components/header/edit-name.js

@@ -11,6 +11,8 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
+var _richEditor = require("@titaui/rich-editor");
+
 var _toast = _interopRequireDefault(require("../../../toast"));
 
 var _requestApis = require("../../request-apis");
@@ -29,6 +31,12 @@ function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try
 
 function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : 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 _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."); }
@@ -41,25 +49,42 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
+var prefixCls = 'okr-drawer-header__edit';
+
 function EditNameCmp(props) {
-  var okrName = props.okrName,
+  var _classNames;
+
+  var editable = props.editable,
+      okrName = props.okrName,
       okrId = props.okrId,
-      setIsEdit = props.setIsEdit,
       setOkrName = props.setOkrName;
 
-  var _useState = (0, _react.useState)(""),
+  var _useState = (0, _react.useState)(false),
       _useState2 = _slicedToArray(_useState, 2),
-      errorTip = _useState2[0],
-      setErrorTip = _useState2[1];
-
-  var inputRef = (0, _react.useRef)();
-  (0, _react.useEffect)(function () {
-    inputRef.current.setSelectionRange(9999999, 9999999);
-  }, []);
+      editing = _useState2[0],
+      setEditing = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(''),
+      _useState4 = _slicedToArray(_useState3, 2),
+      errorTip = _useState4[0],
+      setErrorTip = _useState4[1];
+
+  var _useState5 = (0, _react.useState)({
+    mentionUsers: [],
+    pureText: '',
+    pureTextExcludeAt: '',
+    richText: okrName,
+    state: 'normal'
+  }),
+      _useState6 = _slicedToArray(_useState5, 2),
+      okrNameData = _useState6[0],
+      setOkrNameData = _useState6[1];
+
+  var mentionInputRef = (0, _react.useRef)();
 
   var checkError = function checkError(val) {
     if (val.length == 0) {
-      setErrorTip((0, _getLocale.getLocale)("OKR_MyO_Pop_Targetname"));
+      setErrorTip((0, _getLocale.getLocale)('OKR_MyO_Pop_Targetname'));
       return;
     }
 
@@ -68,21 +93,37 @@ function EditNameCmp(props) {
       return;
     }
 
-    setErrorTip("");
+    setErrorTip('');
+  };
+
+  var onChangeHandler = function onChangeHandler(data) {
+    setOkrNameData(function (prevData) {
+      return _objectSpread(_objectSpread({}, prevData), data);
+    });
+    checkError(data.pureTextExcludeAt);
   };
 
-  var onTitleChangeHandler = function onTitleChangeHandler(e) {
-    checkError(e.currentTarget.value);
+  var onFocusHandler = function onFocusHandler() {
+    return setEditing(true);
   };
 
   var cancelEditHandler = function cancelEditHandler() {
-    setIsEdit(false);
-    setErrorTip("");
+    setEditing(false);
+    setErrorTip('');
+    setOkrNameData(function (prevData) {
+      return {
+        mentionUsers: [],
+        pureText: okrName,
+        pureTextExcludeAt: okrName,
+        richText: (0, _richEditor.TitaRichEditorInitTextState)(okrName),
+        state: prevData.state === 'normal' ? 'reset' : 'normal'
+      };
+    });
   };
 
   var confiremEditHandle = /*#__PURE__*/function () {
     var _ref = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
-      var editVal, data;
+      var mentionUsers, pureText, pureTextExcludeAt, richText, data;
       return regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) {
           switch (_context.prev = _context.next) {
@@ -95,31 +136,35 @@ function EditNameCmp(props) {
               return _context.abrupt("return");
 
             case 2:
-              editVal = inputRef.current.value;
+              mentionUsers = okrNameData.mentionUsers, pureText = okrNameData.pureText, pureTextExcludeAt = okrNameData.pureTextExcludeAt, richText = okrNameData.richText;
 
-              if (!(okrName == editVal)) {
+              if (!(okrName == pureTextExcludeAt)) {
                 _context.next = 6;
                 break;
               }
 
-              setIsEdit(false);
+              setEditing(false);
               return _context.abrupt("return");
 
             case 6:
               _context.next = 8;
               return (0, _requestApis.updateOkrName)({
                 workId: okrId,
-                workName: editVal
+                workName: pureText,
+                workNameRichText: richText,
+                aiteUsers: mentionUsers.map(function (user) {
+                  return user.mentionId;
+                })
               });
 
             case 8:
               data = _context.sent;
 
               if (data.Code == 1) {
-                setIsEdit(false);
-                setOkrName(editVal);
+                setEditing(false);
+                setOkrName(okrNameData.richText);
 
-                _toast["default"].Success("修改成功");
+                _toast["default"].Success('修改成功');
               } else {
                 _toast["default"].Error(data.Message);
               }
@@ -138,27 +183,28 @@ function EditNameCmp(props) {
   }();
 
   return /*#__PURE__*/_react["default"].createElement("section", {
-    className: "okr-drawer-header__edit"
+    className: prefixCls
   }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])("okr-drawer-header__edit-input", {
-      "okr-drawer-header__edit-input--error": errorTip.length > 0
-    })
-  }, /*#__PURE__*/_react["default"].createElement("textarea", {
-    autoFocus: true,
-    onChange: onTitleChangeHandler,
-    ref: inputRef,
-    defaultValue: okrName
-  })), errorTip.length > 0 && /*#__PURE__*/_react["default"].createElement("span", {
-    className: "okr-drawer-header__edit-error-tip"
+    className: (0, _classnames["default"])("".concat(prefixCls, "-input"), (_classNames = {}, _defineProperty(_classNames, "".concat(prefixCls, "-input--editable"), editable), _defineProperty(_classNames, "".concat(prefixCls, "-input--editing"), editing), _defineProperty(_classNames, "".concat(prefixCls, "-input--error"), errorTip.length > 0), _classNames))
+  }, /*#__PURE__*/_react["default"].createElement(_richEditor.TitaInlineRichEditor, {
+    key: okrNameData.state,
+    editable: editable,
+    initialState: okrNameData.richText,
+    manualWrap: true,
+    onChange: onChangeHandler,
+    onFocus: onFocusHandler,
+    ref: mentionInputRef
+  })), /*#__PURE__*/_react["default"].createElement("span", {
+    className: (0, _classnames["default"])("".concat(prefixCls, "-error-tip"), _defineProperty({}, "".concat(prefixCls, "-error-tip--visible"), errorTip.length > 0))
   }, errorTip), /*#__PURE__*/_react["default"].createElement("div", {
-    className: "okr-drawer-header__edit-btns"
+    className: (0, _classnames["default"])("".concat(prefixCls, "-btns"), _defineProperty({}, "".concat(prefixCls, "-btns--visible"), editing))
   }, /*#__PURE__*/_react["default"].createElement("span", {
-    className: (0, _classnames["default"])("titaui-pc-button", "okr-drawer-header__edit-btns-cancel"),
+    className: (0, _classnames["default"])('titaui-pc-button', "".concat(prefixCls, "-btns-cancel")),
     onClick: cancelEditHandler
-  }, (0, _getLocale.getLocale)("Mod_Cancel")), /*#__PURE__*/_react["default"].createElement("span", {
-    className: (0, _classnames["default"])("titaui-pc-button", "okr-drawer-header__edit-btns-confirm"),
+  }, (0, _getLocale.getLocale)('Mod_Cancel')), /*#__PURE__*/_react["default"].createElement("span", {
+    className: (0, _classnames["default"])('titaui-pc-button', "".concat(prefixCls, "-btns-confirm"), _defineProperty({}, "".concat(prefixCls, "-btns-confirm--disabled"), errorTip.length > 0)),
     onClick: confiremEditHandle
-  }, (0, _getLocale.getLocale)("OKR_MyO_Butt_Determine"))));
+  }, (0, _getLocale.getLocale)('OKR_MyO_Butt_Determine'))));
 }
 
 var _default = EditNameCmp;