@titaui/pc 1.11.52-beta.1 → 1.11.52-beta.4

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

@@ -0,0 +1,176 @@
+"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"] = _default;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _titaUi = require("tita-ui");
+
+var _userSelector = _interopRequireDefault(require("../../user-selector"));
+
+var _openData = require("../../../utils/open-data");
+
+require("./index.css");
+
+var _style = require("../style");
+
+var _getLocale = require("../../../utils/getLocale");
+
+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 visibilityList = function visibilityList() {
+  return [{
+    value: 1,
+    lable: (0, _getLocale.getLocale)("OKR_MyO_Pop_Public")
+  }, {
+    value: 2,
+    lable: (0, _getLocale.getLocale)("OKR_MyO_From_Associatedmem")
+  }, {
+    value: 3,
+    lable: (0, _getLocale.getLocale)("OKR_MyO_Pop_Directrep")
+  }, {
+    value: 4,
+    lable: (0, _getLocale.getLocale)("OKR_MyO_Pop_Specified")
+  }];
+};
+
+var visibilityMapText = function visibilityMapText() {
+  return {
+    1: (0, _getLocale.getLocale)("OKR_MyO_Pop_Public"),
+    2: (0, _getLocale.getLocale)("OKR_MyO_From_Associatedmem"),
+    3: (0, _getLocale.getLocale)("OKR_MyO_Pop_Directrep"),
+    4: (0, _getLocale.getLocale)("OKR_MyO_Pop_Specified")
+  };
+};
+
+function _default(_ref) {
+  var visibility = _ref.visibility,
+      setVisibility = _ref.setVisibility,
+      visiableLimit = _ref.visiableLimit,
+      setVisiableLimit = _ref.setVisiableLimit,
+      isCreateModal = _ref.isCreateModal;
+  var selectorRef = (0, _react.useRef)();
+
+  var onOptionChange = function onOptionChange(v) {
+    if (v === 4) {
+      selectorRef.current && selectorRef.current.open();
+    } else {
+      setVisibility(v);
+    }
+  };
+
+  var onOk = function onOk(selectNodes) {
+    var departments = selectNodes.departments,
+        groups = selectNodes.groups,
+        users = selectNodes.users;
+
+    if (departments.length === 0 && groups.length === 0 && users.length === 0) {
+      selectorRef.current && selectorRef.current.close();
+      return;
+    }
+
+    setVisibility(4);
+    setVisiableLimit(selectNodes);
+    selectorRef.current && selectorRef.current.close();
+  };
+
+  var renderLabel = function renderLabel(_ref2) {
+    var value = _ref2.value,
+        lable = _ref2.lable;
+
+    if (value === 4) {
+      var _visiableLimit$groups = visiableLimit.groups,
+          groups = _visiableLimit$groups === void 0 ? [] : _visiableLimit$groups,
+          _visiableLimit$depart = visiableLimit.departments,
+          departments = _visiableLimit$depart === void 0 ? [] : _visiableLimit$depart,
+          _visiableLimit$users = visiableLimit.users,
+          users = _visiableLimit$users === void 0 ? [] : _visiableLimit$users;
+      var text = [];
+      var jsxDom = [];
+      (departments || []).forEach(function (item) {
+        jsxDom.push( /*#__PURE__*/_react["default"].createElement(_openData.OpenDepartmentName, {
+          id: item.id,
+          name: item.name
+        }));
+        jsxDom.push( /*#__PURE__*/_react["default"].createElement("span", null, "\u3001"));
+        text.push(item.name);
+      });
+      (users || []).forEach(function (item) {
+        jsxDom.push( /*#__PURE__*/_react["default"].createElement(_openData.OpenUserName, {
+          id: item.userId,
+          name: item.name
+        }));
+        jsxDom.push( /*#__PURE__*/_react["default"].createElement("span", null, "\u3001"));
+        text.push(item.name);
+      });
+      (groups || []).forEach(function (item) {
+        jsxDom.push( /*#__PURE__*/_react["default"].createElement("span", null, item.name, "\u3001"));
+        text.push(item.name);
+      });
+
+      if (!text.length) {
+        return visibilityMapText[visibility];
+      }
+
+      return (0, _openData.isWechat)() ? jsxDom : text.join("、");
+    }
+
+    return lable;
+  };
+
+  var subTitleRender = (0, _react.useMemo)(function () {
+    return /*#__PURE__*/_react["default"].createElement("span", {
+      className: "okr-field-visible"
+    }, (0, _getLocale.getLocale)("OKR_MyO_Pop_Title_Perm"), /*#__PURE__*/_react["default"].createElement(_titaUi.Tooltip, {
+      content: (0, _getLocale.getLocale)("OKR_MyO_Pop_Inadditiontot"),
+      container: document.body
+    }, /*#__PURE__*/_react["default"].createElement("span", {
+      className: "tu-icon-question-mark",
+      style: {
+        display: "inline-block",
+        marginLeft: 8,
+        marginBottom: 3,
+        color: "#bfc7d5",
+        verticalAlign: "middle"
+      }
+    })));
+  }, []);
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "create-modal__sub-block"
+  }, isCreateModal ? /*#__PURE__*/_react["default"].createElement("div", {
+    className: "create-modal__sub-title"
+  }, subTitleRender) : /*#__PURE__*/_react["default"].createElement(_style.TitleLine, null, subTitleRender), /*#__PURE__*/_react["default"].createElement(_userSelector["default"], {
+    ref: selectorRef // @ts-ignore
+    ,
+    multiple: true,
+    onOk: onOk,
+    position: "centerRight",
+    selectNodes: visiableLimit,
+    trigger: /*#__PURE__*/_react["default"].createElement("div", {
+      style: {
+        visibility: "hidden",
+        position: "absolute",
+        zIndex: -1,
+        height: 36
+      }
+    }, "empty select")
+  }), /*#__PURE__*/_react["default"].createElement(_titaUi.Select, {
+    value: visibility,
+    onChange: onOptionChange,
+    options: visibilityList() // @ts-ignore
+    ,
+    onClick: function onClick(e) {
+      return e.stopPropagation();
+    },
+    renderLabel: renderLabel
+  }));
+}

package/lib/components/create-okr-modal/img/pack-up.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var PackUp = function PackUp(_ref) {
+  var color = _ref.color;
+  return /*#__PURE__*/_react["default"].createElement("svg", {
+    width: "14",
+    height: "14",
+    viewBox: "0 0 14 14",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/_react["default"].createElement("g", {
+    fill: color,
+    fillRule: "nonzero"
+  }, /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M.163.949l3.819 3.818a.07.07 0 0 1-.05.118H1.13a.566.566 0 0 0-.568.541.556.556 0 0 0 .556.572h4.326A.556.556 0 0 0 6 5.442V1.128A.566.566 0 0 0 5.46.56a.556.556 0 0 0-.573.556v2.817a.069.069 0 0 1-.118.048L.95.163a.557.557 0 0 0-.786.786zM8 8.556v4.315c0 .302.238.56.54.568a.556.556 0 0 0 .573-.556v-2.815c0-.063.075-.093.118-.05l3.82 3.82a.552.552 0 0 0 .786 0 .557.557 0 0 0 0-.787l-3.818-3.82a.07.07 0 0 1 .049-.118h2.803c.302 0 .56-.238.568-.54A.556.556 0 0 0 12.883 8H8.556A.556.556 0 0 0 8 8.556z"
+  })));
+};
+
+var _default = PackUp;
+exports["default"] = _default;

package/lib/components/create-okr-modal/index.js

@@ -9,6 +9,8 @@ exports["default"] = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
+var _richEditor = require("@titaui/rich-editor");
+
 var _uuid = _interopRequireDefault(require("uuid"));
 
 var _titaUi = require("tita-ui");
@@ -106,6 +108,13 @@ var initOCheckResult = function initOCheckResult() {
   });
 };
 
+var DefaultOkrNameData = {
+  mentionUsers: [],
+  pureText: '',
+  pureTextExcludeAt: '',
+  richText: undefined
+};
+
 function CreateOkrModal(_ref, ref) {
   var initCycle = _ref.initCycle,
       userInfo = _ref.userInfo,
@@ -138,10 +147,10 @@ function CreateOkrModal(_ref, ref) {
       Id = _ref2.Id,
       UserAvatar = _ref2.UserAvatar;
 
-  var _useState3 = (0, _react.useState)(''),
+  var _useState3 = (0, _react.useState)(DefaultOkrNameData),
       _useState4 = _slicedToArray(_useState3, 2),
-      okrName = _useState4[0],
-      setOkrName = _useState4[1]; // 目标名称
+      okrNameData = _useState4[0],
+      setOkrNameData = _useState4[1]; // 目标名称
 
 
   var _useState5 = (0, _react.useState)({
@@ -219,6 +228,9 @@ function CreateOkrModal(_ref, ref) {
     userAvatar: UserAvatar,
     krWeight: 100,
     mileStoneName: '',
+    mileStoneNamePureTextExcludeAt: '',
+    mileStoneNameRichText: undefined,
+    aiteUsers: [],
     confidenceIndex: 5
   }]),
       _useState24 = _slicedToArray(_useState23, 2),
@@ -336,7 +348,12 @@ function CreateOkrModal(_ref, ref) {
       setCase: function setCase(data) {
         var name = data.name,
             subelements = data.subelements;
-        setOkrName(name);
+        setOkrNameData({
+          mentionUsers: [],
+          pureText: name,
+          pureTextExcludeAt: '',
+          richText: (0, _richEditor.TitaRichEditorInitTextState)(name)
+        });
         setKrDatas(subelements.map(function (s) {
           return {
             uuid: _uuid["default"].v1(),
@@ -345,17 +362,23 @@ function CreateOkrModal(_ref, ref) {
             userAvatar: UserAvatar,
             krWeight: (0, _roundWeight.RoundWeight)(100 / subelements.length),
             mileStoneName: s.name,
+            mileStoneNamePureTextExcludeAt: '',
+            mileStoneNameRichText: (0, _richEditor.TitaRichEditorInitTextState)(s.name),
+            aiteUsers: [],
             confidenceIndex: 5
           };
         }));
         setIsCustomWeight(false);
       },
       setData: function setData(data) {
-        setOkrName(data.okrName);
+        setOkrNameData({
+          mentionUsers: [],
+          pureText: data.okrName,
+          pureTextExcludeAt: '',
+          richText: (0, _richEditor.TitaRichEditorInitTextState)(data.okrName)
+        });
         setUser(data.user);
-      },
-      show: showCreateOkrModal,
-      hide: hideCreateOkrModal
+      }
     };
   });
   var handleOnSuccess = (0, _react.useCallback)(function () {
@@ -401,13 +424,15 @@ function CreateOkrModal(_ref, ref) {
 
   var onModalOkHandler = /*#__PURE__*/function () {
     var _ref3 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
-      var orkNameLengthValidate, visibilityArea, data, krNum, krTotalLength, krAvarageLength, krMeasurableLength, oHasVtWords, callData, workId;
+      var mentionUsers, pureText, pureTextExcludeAt, richText, orkNameLengthValidate, visibilityArea, data, krNum, krTotalLength, krAvarageLength, krMeasurableLength, oHasVtWords, callData, workId;
       return regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) {
           switch (_context.prev = _context.next) {
             case 0:
-              if (okrName) {
-                _context.next = 3;
+              mentionUsers = okrNameData.mentionUsers, pureText = okrNameData.pureText, pureTextExcludeAt = okrNameData.pureTextExcludeAt, richText = okrNameData.richText;
+
+              if (pureText) {
+                _context.next = 4;
                 break;
               }
 
@@ -417,9 +442,9 @@ function CreateOkrModal(_ref, ref) {
 
               return _context.abrupt("return");
 
-            case 3:
-              if (!(okrName.length > 500)) {
-                _context.next = 6;
+            case 4:
+              if (!(pureTextExcludeAt.length > 500)) {
+                _context.next = 7;
                 break;
               }
 
@@ -429,9 +454,9 @@ function CreateOkrModal(_ref, ref) {
 
               return _context.abrupt("return");
 
-            case 6:
+            case 7:
               if (allKrHasName) {
-                _context.next = 10;
+                _context.next = 11;
                 break;
               }
 
@@ -442,13 +467,15 @@ function CreateOkrModal(_ref, ref) {
               setKrIsValidate(true);
               return _context.abrupt("return");
 
-            case 10:
+            case 11:
               orkNameLengthValidate = krDatas.filter(function (kr) {
-                return kr.mileStoneName.trim().length > 500;
+                var _trim;
+
+                return ((_trim = ((kr === null || kr === void 0 ? void 0 : kr.mileStoneNamePureTextExcludeAt) || '').trim()) === null || _trim === void 0 ? void 0 : _trim.length) > 500;
               }).length == 0;
 
               if (orkNameLengthValidate) {
-                _context.next = 14;
+                _context.next = 15;
                 break;
               }
 
@@ -458,11 +485,11 @@ function CreateOkrModal(_ref, ref) {
 
               return _context.abrupt("return");
 
-            case 14:
+            case 15:
               setKrIsValidate(false);
 
               if (krWeightValid) {
-                _context.next = 18;
+                _context.next = 19;
                 break;
               }
 
@@ -472,27 +499,32 @@ function CreateOkrModal(_ref, ref) {
 
               return _context.abrupt("return");
 
-            case 18:
+            case 19:
               if (cycle) {
-                _context.next = 20;
+                _context.next = 21;
                 break;
               }
 
               return _context.abrupt("return");
 
-            case 20:
+            case 21:
               handleCreatedClose();
               visibilityArea = formatVisiableLimit();
-              _context.next = 24;
+              _context.next = 25;
               return (0, _requestApi.createWidthKr)(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
                 krInfos: krDatas.map(function (kr) {
+                  delete kr.mileStoneNamePureTextExcludeAt;
                   return _objectSpread(_objectSpread({}, kr), {}, {
                     startDate: cycle.startDate,
                     endDate: cycle.endDate
                   });
                 })
               }, cycle), {}, {
-                workName: okrName
+                workName: pureText,
+                workNameRichText: richText,
+                aiteUsers: mentionUsers === null || mentionUsers === void 0 ? void 0 : mentionUsers.map(function (user) {
+                  return user.mentionId;
+                })
               }, parent), {}, {
                 workType: 6,
                 visibility: visibility,
@@ -507,11 +539,11 @@ function CreateOkrModal(_ref, ref) {
                 CreateFromAssess: isFromAssess
               }));
 
-            case 24:
+            case 25:
               data = _context.sent;
 
               if (!(data.Code === 0)) {
-                _context.next = 28;
+                _context.next = 29;
                 break;
               }
 
@@ -521,7 +553,7 @@ function CreateOkrModal(_ref, ref) {
 
               return _context.abrupt("return");
 
-            case 28:
+            case 29:
               hideCreateOkrModal();
 
               if (onSuccess || !isHiddenCreatedCard) {
@@ -538,7 +570,7 @@ function CreateOkrModal(_ref, ref) {
                 }).length;
                 oHasVtWords = oNameCheckResult[0].result === _okrCreateSuggest.EOkrCreateSuggestResultType.correct;
                 callData = data;
-                callData.countSurpassPercentage = (0, _getCreateOkrSurpassPercent["default"])(okrName.replace(/(%|\d)/g, '').length, oHasVtWords, krNum, krMeasurableLength, Number.parseInt(krAvarageLength.toString()));
+                callData.countSurpassPercentage = (0, _getCreateOkrSurpassPercent["default"])(okrNameData.pureText.replace(/(%|\d)/g, '').length, oHasVtWords, krNum, krMeasurableLength, Number.parseInt(krAvarageLength.toString()));
                 newOkrDataRef.current = callData;
                 handleOnSuccess();
               } else {
@@ -551,7 +583,7 @@ function CreateOkrModal(_ref, ref) {
 
               setIsApplyTpl(false);
 
-            case 31:
+            case 32:
             case "end":
               return _context.stop();
           }
@@ -568,7 +600,12 @@ function CreateOkrModal(_ref, ref) {
   var OnOkRApplyTplHandler = function OnOkRApplyTplHandler(data) {
     var name = data.name,
         subelements = data.subelements;
-    setOkrName(name);
+    setOkrNameData({
+      mentionUsers: [],
+      pureText: name,
+      pureTextExcludeAt: '',
+      richText: (0, _richEditor.TitaRichEditorInitTextState)(name)
+    });
     setKrDatas(subelements.map(function (s) {
       return {
         uuid: _uuid["default"].v1(),
@@ -593,9 +630,12 @@ function CreateOkrModal(_ref, ref) {
         userAvatar: UserAvatar,
         krWeight: 100,
         mileStoneName: '',
+        mileStoneNamePureTextExcludeAt: '',
+        mileStoneNameRichText: undefined,
+        aiteUsers: [],
         confidenceIndex: 5
       }]);
-      setOkrName('');
+      setOkrNameData(DefaultOkrNameData);
       setUser({
         name: Name,
         id: Id,
@@ -843,8 +883,8 @@ function CreateOkrModal(_ref, ref) {
     container: modalRef,
     user: user,
     setUser: setUser,
-    okrName: okrName,
-    setOkrName: setOkrName,
+    okrNameData: okrNameData,
+    setOkrNameData: setOkrNameData,
     onOInputFocusStateChange: handleOInputFocusStateChange,
     setONameCheckResult: setONameCheckResult,
     setIsInputContent: setIsInputContent

package/lib/components/create-okr-modal/interface.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/components/create-okr-modal/kr-items/index.css

@@ -51,6 +51,17 @@
   color: #bfc7d5;
 }
 
+.create-kr-item-wrapper .kr-item__right-block .kr-item__input-wrapper .tita-rich-editor__inline-editor {
+  flex: 1;
+  width: 0;
+}
+
+.create-kr-item-wrapper .kr-item__right-block .kr-item__input-wrapper .tita-rich-editor__inline-editor .ProseMirror > p {
+  font-size: 14px;
+  line-height: 22px;
+  color: #6f7886;
+}
+
 .create-kr-item-wrapper .kr-item__right-block .kr-item-right-block__text-mask {
   width: 20px;
   height: 24px;
@@ -136,7 +147,7 @@
 }
 
 .kr-weight__error-popup-text-wrapper::after {
-  content: "";
+  content: '';
   display: block;
   border: 6px solid transparent;
   position: absolute;