@titaui/pc 1.12.7 → 1.12.9-beta.10

package/lib/components/create-okr-modal/fields/o-new-name.js

@@ -9,6 +9,8 @@ exports["default"] = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
+var _richEditor = require("@titaui/rich-editor");
+
 var _toast = _interopRequireDefault(require("../../toast"));
 
 var _constant = require("../constant");
@@ -53,8 +55,9 @@ var initOCheckResult = function initOCheckResult() {
 };
 
 function ONewName(_ref) {
-  var okrName = _ref.okrName,
-      setOkrName = _ref.setOkrName,
+  var richEditorStatus = _ref.richEditorStatus,
+      okrNameData = _ref.okrNameData,
+      setOkrNameData = _ref.setOkrNameData,
       container = _ref.container,
       user = _ref.user,
       setUser = _ref.setUser,
@@ -63,9 +66,10 @@ function ONewName(_ref) {
       _ref$setIsInputConten = _ref.setIsInputContent,
       setIsInputContent = _ref$setIsInputConten === void 0 ? function () {} : _ref$setIsInputConten;
   var oCheckId = 0;
+  var mentionInputRef = (0, _react.useRef)();
   var timerRef = (0, _react.useRef)();
-  var okrNameIsEmpty = (0, _react.useRef)(!okrName);
-  var oldONameRef = (0, _react.useRef)("");
+  var okrNameIsEmpty = (0, _react.useRef)(!okrNameData.pureText);
+  var oldONameRef = (0, _react.useRef)('');
   var formatUser = (0, _react.useMemo)(function () {
     var medium = user.avatar && (user.avatar.Medium || user.avatar.medium);
     var color = user.avatar && (user.avatar.Color || user.avatar.color);
@@ -99,7 +103,7 @@ function ONewName(_ref) {
     var tempCheckId = oCheckId; // @ts-ignore
 
     return (0, _requestApi.getOAnalysisInfos)({
-      text: okrName
+      text: okrNameData.pureTextExcludeAt
     }) // @ts-ignore
     .then(function (data) {
       if (tempCheckId !== oCheckId) {
@@ -132,12 +136,18 @@ function ONewName(_ref) {
     })["finally"](function () {
       setIsInputContent(false);
     });
-  }, [okrName, setIsInputContent]);
+  }, [okrNameData, setIsInputContent]);
+
+  var onChangeHandler = function onChangeHandler(data) {
+    setOkrNameData(data);
+    setIsInputContent(true);
+  };
+
   (0, _react.useEffect)(function () {
     // 防抖
-    okrNameIsEmpty.current = !okrName;
+    okrNameIsEmpty.current = !okrNameData.pureText;
 
-    if (!okrName) {
+    if (!okrNameData.pureText) {
       setONameCheckResult(initOCheckResult());
       setIsInputContent(false);
     } else if (timerRef.current) {
@@ -150,7 +160,7 @@ function ONewName(_ref) {
     return function () {
       clearTimeout(timerRef.current);
     };
-  }, [okrName]);
+  }, [okrNameData]);
   var handleInputFocus = (0, _react.useCallback)(function () {
     if (onOInputFocusStateChange) {
       onOInputFocusStateChange(true);
@@ -161,7 +171,7 @@ function ONewName(_ref) {
       onOInputFocusStateChange(false);
     }
   }, []);
-  var handleOnKeyDown = (0, _react.useCallback)(function () {
+  var handleOnKeyDown = (0, _react.useCallback)(function (e) {
     setIsInputContent(true);
   }, [setIsInputContent]);
   var handleOnKeyUp = (0, _react.useCallback)(function (e) {
@@ -173,6 +183,9 @@ function ONewName(_ref) {
       oldONameRef.current = e.target.value;
     }
   }, []);
+  var pureTextExcludeAt = okrNameData.pureTextExcludeAt,
+      richText = okrNameData.richText;
+  var okrNameLen = (pureTextExcludeAt === null || pureTextExcludeAt === void 0 ? void 0 : pureTextExcludeAt.length) || 0;
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: "okr-o-new-name"
   }, /*#__PURE__*/_react["default"].createElement("div", {
@@ -180,21 +193,19 @@ function ONewName(_ref) {
   }, /*#__PURE__*/_react["default"].createElement("span", {
     className: "left-block__title"
   }, "O"), /*#__PURE__*/_react["default"].createElement(_inputWithErrPopup["default"], {
-    strLength: okrName.length,
+    strLength: okrNameLen,
     maxLength: 500,
     position: "top"
-  }, /*#__PURE__*/_react["default"].createElement("input", {
+  }, /*#__PURE__*/_react["default"].createElement(_richEditor.TitaInlineRichEditor, {
+    initialState: richText,
+    key: richEditorStatus,
+    onDocChange: onChangeHandler,
     onFocus: handleInputFocus,
     onBlur: handleInputBlur,
-    className: "left-block__input",
-    placeholder: (0, _getLocale.getLocale)("OKR_MyO_Pop_PleInspObjective"),
-    type: "text",
-    value: okrName,
-    onChange: function onChange(e) {
-      return setOkrName(e.target.value);
-    },
     onKeyDown: handleOnKeyDown,
-    onKeyUp: handleOnKeyUp
+    onKeyUp: handleOnKeyUp,
+    placeholder: (0, _getLocale.getLocale)('OKR_MyO_Pop_PleInspObjective'),
+    ref: mentionInputRef
   })), /*#__PURE__*/_react["default"].createElement("div", {
     className: "left-block__right-text-mask"
   })), /*#__PURE__*/_react["default"].createElement(_okrNewUserSelector["default"], {

package/lib/components/create-okr-modal/fields/okr-case.js

@@ -43,7 +43,8 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 function OkrCase(_ref) {
   var onOkrApply = _ref.onOkrApply,
-      okrTemplateEnabled = _ref.okrTemplateEnabled;
+      okrTemplateEnabled = _ref.okrTemplateEnabled,
+      onVisibleChange = _ref.onVisibleChange;
 
   var _useState = (0, _react.useState)(false),
       _useState2 = _slicedToArray(_useState, 2),
@@ -52,6 +53,7 @@ function OkrCase(_ref) {
 
   var okrCaseClickHandler = function okrCaseClickHandler() {
     setVisible(true);
+    onVisibleChange === null || onVisibleChange === void 0 ? void 0 : onVisibleChange(true);
   };
 
   var onCasesCloseHandler = function onCasesCloseHandler() {
@@ -62,13 +64,13 @@ function OkrCase(_ref) {
     onOkrApply === null || onOkrApply === void 0 ? void 0 : onOkrApply(data);
     setVisible(false);
 
-    _toast["default"].Success("成功套用");
+    _toast["default"].Success('成功套用');
   };
 
   return /*#__PURE__*/_react["default"].createElement(_style.Line, null, okrTemplateEnabled && !(0, _helpers.isLocal)() && !(0, _helpers.isTencentHr)() ? /*#__PURE__*/_react["default"].createElement(_style.CaseLink, {
     onClick: okrCaseClickHandler,
     className: "tu-icon-shoushi"
-  }, (0, _getLocale.getLocale)("OKR_MyO_Pop_Butt_AddfromOKR")) : null, okrTemplateEnabled && /*#__PURE__*/_react["default"].createElement(_dialog["default"], {
+  }, (0, _getLocale.getLocale)('OKR_MyO_Pop_Butt_AddfromOKR')) : null, okrTemplateEnabled && /*#__PURE__*/_react["default"].createElement(_dialog["default"], {
     zIndex: 1200,
     noHeadLine: true,
     visible: visible,
@@ -78,8 +80,8 @@ function OkrCase(_ref) {
     noCloseIcon: true,
     destroyOnClose: true,
     style: {
-      width: "100%",
-      height: "100%"
+      width: '100%',
+      height: '100%'
     },
     maskClosable: true
   }, /*#__PURE__*/_react["default"].createElement("div", {

package/lib/components/create-okr-modal/fields/okr-parent.js

@@ -19,6 +19,8 @@ var _changeOkrModal = _interopRequireDefault(require("../../change-okr-modal"));
 
 var _getLocale = require("../../../utils/getLocale");
 
+var _openData = require("../../../utils/open-data");
+
 require("./index.css");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -68,7 +70,7 @@ function _default(_ref) {
     e.stopPropagation();
     setParent({
       parentWorkId: 0,
-      parentWorkName: "",
+      parentWorkName: '',
       parentType: 0,
       parentKrId: 0
     });
@@ -107,7 +109,7 @@ function _default(_ref) {
 
   (0, _react.useEffect)(function () {
     // @ts-ignore
-    (0, _helper.taker)((0, _helper.getApiUrl)("org/Get"), "get").then(function (res) {
+    (0, _helper.taker)((0, _helper.getApiUrl)('org/Get'), 'get').then(function (res) {
       if (res.Code == 1) {
         var SuperiorUser = res.Data.SuperiorUser;
 
@@ -127,13 +129,13 @@ function _default(_ref) {
     className: "create-modal__sub-block"
   }, isCreateModal ? /*#__PURE__*/_react["default"].createElement("div", {
     className: "create-modal__sub-title"
-  }, (0, _getLocale.getLocale)("OKR_MyO_Pop_SetAlignment")) : /*#__PURE__*/_react["default"].createElement(_style.TitleLine, null, (0, _getLocale.getLocale)("OKR_MyO_Pop_SetAlignment")), /*#__PURE__*/_react["default"].createElement(_style.SelectBtn, {
+  }, (0, _getLocale.getLocale)('OKR_MyO_Pop_SetAlignment')) : /*#__PURE__*/_react["default"].createElement(_style.TitleLine, null, (0, _getLocale.getLocale)('OKR_MyO_Pop_SetAlignment')), /*#__PURE__*/_react["default"].createElement(_style.SelectBtn, {
     onClick: onSelectClickHandler
   }, /*#__PURE__*/_react["default"].createElement("span", {
     style: {
-      color: !parent.parentWorkName ? "#BFC7D5" : ""
+      color: !parent.parentWorkName ? '#BFC7D5' : ''
     }
-  }, !parent.parentWorkName ? (0, _getLocale.getLocale)("OKR_MyO_Pop_Aligneobjective") : parent.parentWorkName), !!parent.parentWorkName && /*#__PURE__*/_react["default"].createElement("a", {
+  }, !parent.parentWorkName ? (0, _getLocale.getLocale)('OKR_MyO_Pop_Aligneobjective') : (0, _openData.parseString)(parent.parentWorkName)), !!parent.parentWorkName && /*#__PURE__*/_react["default"].createElement("a", {
     className: "tu-icon-cross",
     onClick: iconCrossClickHandler
   }), /*#__PURE__*/_react["default"].createElement("i", {