@titaui/pc 1.11.2 → 1.11.3-2.beta-1

package/lib/components/mblog/components/MblogContent.js

@@ -208,14 +208,16 @@ var MblogContent = /*#__PURE__*/function (_PureComponent) {
         style: {
           opacity: isFocus ? "0.8" : "1"
         }
-      }, placeholderText)), /*#__PURE__*/_react["default"].createElement(_style.TextareaWrapper, null, /*#__PURE__*/_react["default"].createElement(_style.Textarea, {
+      }, placeholderText)), /*#__PURE__*/_react["default"].createElement(_style.TextareaWrapper, {
+        className: "textarea-wrap"
+      }, /*#__PURE__*/_react["default"].createElement(_style.Textarea, {
         ref: "textareaSetHeight",
         value: textareaValue,
         onChange: function onChange() {},
         className: "textarea-setheight"
       }), /*#__PURE__*/_react["default"].createElement(_style.Textarea, {
         ref: "textareaInput",
-        className: "".concat(visibility === 1 ? "" : "private__bg"),
+        className: "textarea-content ".concat(visibility === 1 ? "" : "private__bg"),
         value: textareaValue,
         onFocus: this._handlerFocus,
         onBlur: this._handlerBlur,
@@ -224,6 +226,7 @@ var MblogContent = /*#__PURE__*/function (_PureComponent) {
         onPaste: this._handlerPaste,
         onChange: this._handleInputChange
       })), /*#__PURE__*/_react["default"].createElement(_style.Tips, {
+        className: "textarea-tips",
         onMouseDown: this._handlerTipsLabelClick,
         color: maxLength && textareaValueLen > maxLength ? "#EB4447" : textareaValueLen > 0 ? "#2879ff" : "#BFC3C7"
       }, textareaValueLen, "/", maxLength));

package/lib/components/mblog/index.js

@@ -99,7 +99,7 @@ var MBlog = /*#__PURE__*/function (_PureComponent) {
       var atAll = !!contentValue.match(/@\[所有同事:all_members\]/g);
 
       _this.setState({
-        isInputAt: contentValue.charAt(start - 1) == "@",
+        isInputAt: contentValue.charAt(start - 1) == '@',
         // isInputEnterSubmit: contentValue === 'isInputEnterSubmit',
         textareaValue: contentValue,
         isAllowSubmit: _this.allowSubmit(contentValue),
@@ -111,25 +111,25 @@ var MBlog = /*#__PURE__*/function (_PureComponent) {
     };
 
     _this.onActionsTextChange = function (actionValue) {
-      if (actionValue === "allowSendSMS") {
+      if (actionValue === 'allowSendSMS') {
         return _this.setState({
           isSendSMS: true
         });
       }
 
-      if (actionValue === "public") {
+      if (actionValue === 'public') {
         return _this.setState({
           visibility: 1
         });
       }
 
-      if (actionValue === "private") {
+      if (actionValue === 'private') {
         return _this.setState({
           visibility: 2
         });
       }
 
-      if (actionValue === "department") {
+      if (actionValue === 'department') {
         return _this.setState({
           visibility: 3
         });
@@ -172,7 +172,7 @@ var MBlog = /*#__PURE__*/function (_PureComponent) {
       var _this$refs$textEditor2;
 
       var successFilesPath = uploadSuccessFilesPath.filter(function (item) {
-        return item !== "";
+        return item !== '';
       });
       var successFilesPathLen = successFilesPath.length; // @ts-ignore
 
@@ -223,7 +223,7 @@ var MBlog = /*#__PURE__*/function (_PureComponent) {
           submitStatus = _this$props2.submitStatus;
       var sentData = {}; // 发送的数据
 
-      var FileUrl = uploadSuccessFilesPath.join(","); // 附件链接
+      var FileUrl = uploadSuccessFilesPath.join(','); // 附件链接
 
       if (isShowAttachment) {
         // @ts-ignore
@@ -243,10 +243,10 @@ var MBlog = /*#__PURE__*/function (_PureComponent) {
 
       sentData.Content = (0, _index.htmlEncodeByRegExp)(textareaValue); // @ts-ignore
 
-      if (submitType === "submit" && submitStatus !== 2) {
+      if (submitType === 'submit' && submitStatus !== 2) {
         // 发送
         _this.props.onMblogSubmit(submitType, sentData);
-      } else if (submitType === "cancel") {
+      } else if (submitType === 'cancel') {
         // 取消
         _this.props.onMblogSubmit(submitType);
       }
@@ -323,9 +323,9 @@ var MBlog = /*#__PURE__*/function (_PureComponent) {
     _this.state = {
       uploadSuccessFilesPath: [],
       isAllowSubmit: false,
-      localStroageKey: "",
+      localStroageKey: '',
       // 本地存储key
-      textareaValue: "",
+      textareaValue: '',
       isSendSMS: false,
       visibility: 1,
       isInputAt: false,
@@ -359,7 +359,7 @@ var MBlog = /*#__PURE__*/function (_PureComponent) {
       if (submitStatus === 1) {
         // 发送成功，清空内容
         this.setState({
-          textareaValue: "",
+          textareaValue: '',
           uploadSuccessFilesPath: [],
           isSendSMS: false,
           isAllowSubmit: false
@@ -379,7 +379,7 @@ var MBlog = /*#__PURE__*/function (_PureComponent) {
           contentClassName = _this$props3.contentClassName,
           isHasPlaceholder = _this$props3.isHasPlaceholder,
           _this$props3$placehol = _this$props3.placeholderText,
-          placeholderText = _this$props3$placehol === void 0 ? "有事需要提醒ta，请@ta" : _this$props3$placehol,
+          placeholderText = _this$props3$placehol === void 0 ? '有事需要提醒ta，请@ta' : _this$props3$placehol,
           maxLength = _this$props3.maxLength,
           autoResizing = _this$props3.autoResizing,
           initialTextHeight = _this$props3.initialTextHeight,
@@ -387,36 +387,36 @@ var MBlog = /*#__PURE__*/function (_PureComponent) {
           actionClassName = _this$props3.actionClassName,
           isShowAttachment = _this$props3.isShowAttachment,
           _this$props3$attachme = _this$props3.attachmentText,
-          attachmentText = _this$props3$attachme === void 0 ? (0, _getLocale.getLocale)("Mod_Annexes") : _this$props3$attachme,
+          attachmentText = _this$props3$attachme === void 0 ? (0, _getLocale.getLocale)('Mod_Annexes') : _this$props3$attachme,
           attachmentTipText = _this$props3.attachmentTipText,
           fileNumLimit = _this$props3.fileNumLimit,
           attachmentPreviewBox = _this$props3.attachmentPreviewBox,
           _this$props3$atAllTex = _this$props3.atAllText,
-          atAllText = _this$props3$atAllTex === void 0 ? (0, _getLocale.getLocale)("Mod_AllColleagues") : _this$props3$atAllTex,
+          atAllText = _this$props3$atAllTex === void 0 ? (0, _getLocale.getLocale)('Mod_AllColleagues') : _this$props3$atAllTex,
           _this$props3$atAllVal = _this$props3.atAllValue,
-          atAllValue = _this$props3$atAllVal === void 0 ? "@[所有同事:all_members] " : _this$props3$atAllVal,
+          atAllValue = _this$props3$atAllVal === void 0 ? '@[所有同事:all_members] ' : _this$props3$atAllVal,
           _this$props3$atAllTip = _this$props3.atAllTipText,
-          atAllTipText = _this$props3$atAllTip === void 0 ? (0, _getLocale.getLocale)("OKR_MyO_Popup_Allcolleagues") : _this$props3$atAllTip,
+          atAllTipText = _this$props3$atAllTip === void 0 ? (0, _getLocale.getLocale)('OKR_MyO_Popup_Allcolleagues') : _this$props3$atAllTip,
           isShowAt = _this$props3.isShowAt,
           showAtAll = _this$props3.showAtAll,
           _this$props3$atText = _this$props3.atText,
-          atText = _this$props3$atText === void 0 ? (0, _getLocale.getLocale)("Mod_colleague") : _this$props3$atText,
+          atText = _this$props3$atText === void 0 ? (0, _getLocale.getLocale)('Mod_colleague') : _this$props3$atText,
           _this$props3$atTipTex = _this$props3.atTipText,
-          atTipText = _this$props3$atTipTex === void 0 ? (0, _getLocale.getLocale)("OKR_MyO_Popup_Butt_Colleagues") : _this$props3$atTipTex,
+          atTipText = _this$props3$atTipTex === void 0 ? (0, _getLocale.getLocale)('OKR_MyO_Popup_Butt_Colleagues') : _this$props3$atTipTex,
           userSelectorPopAlign = _this$props3.userSelectorPopAlign,
           isShowEmotion = _this$props3.isShowEmotion,
           _this$props3$emotionT = _this$props3.emotionText,
-          emotionText = _this$props3$emotionT === void 0 ? (0, _getLocale.getLocale)("Mod_Expressions") : _this$props3$emotionT,
+          emotionText = _this$props3$emotionT === void 0 ? (0, _getLocale.getLocale)('Mod_Expressions') : _this$props3$emotionT,
           emotionTipText = _this$props3.emotionTipText,
           emotionsSelectorPopAlign = _this$props3.emotionsSelectorPopAlign,
           isShowSendSms = _this$props3.isShowSendSms,
           _this$props3$sendSmsT = _this$props3.sendSmsTipText,
-          sendSmsTipText = _this$props3$sendSmsT === void 0 ? (0, _getLocale.getLocale)("Tasks_Tab_MyS_Thecollenotified") : _this$props3$sendSmsT,
+          sendSmsTipText = _this$props3$sendSmsT === void 0 ? (0, _getLocale.getLocale)('Tasks_Tab_MyS_Thecollenotified') : _this$props3$sendSmsT,
           isShowRange = _this$props3.isShowRange,
           isShowRangeDropDown = _this$props3.isShowRangeDropDown,
           isShowBtnCancel = _this$props3.isShowBtnCancel,
           _this$props3$submitTe = _this$props3.submitText,
-          submitText = _this$props3$submitTe === void 0 ? (0, _getLocale.getLocale)("Mod_Publish") : _this$props3$submitTe,
+          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;
@@ -431,7 +431,7 @@ var MBlog = /*#__PURE__*/function (_PureComponent) {
           isShowDragMask = _this$state2.isShowDragMask,
           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 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
@@ -445,7 +445,8 @@ var MBlog = /*#__PURE__*/function (_PureComponent) {
         },
         name: user.Name,
         color: user.UserAvatar.Color,
-        src: user.UserAvatar.Medium
+        src: user.UserAvatar.Medium,
+        userId: user.Id
       })), /*#__PURE__*/_react["default"].createElement(_style.MBlogBox, {
         className: className,
         ref: "mblogbox",
@@ -523,7 +524,7 @@ var MBlog = /*#__PURE__*/function (_PureComponent) {
         }
       }), /*#__PURE__*/_react["default"].createElement(_style.PreviewBox, {
         id: this.previewid
-      }), !(0, _platform.isPlatform)("wx") && isShowDragMask && /*#__PURE__*/_react["default"].createElement(_style.DragEffect, {
+      }), !(0, _platform.isPlatform)('wx') && isShowDragMask && /*#__PURE__*/_react["default"].createElement(_style.DragEffect, {
         className: "tu-icon-inbox-upload"
       })));
     }
@@ -535,12 +536,12 @@ var MBlog = /*#__PURE__*/function (_PureComponent) {
 exports["default"] = MBlog;
 MBlog.defaultProps = {
   // 样式相关
-  contentClassName: "",
+  contentClassName: '',
   // 输入框class
-  actionClassName: "",
+  actionClassName: '',
   // 功能栏class
   // 输入相关
-  defaultContent: "",
+  defaultContent: '',
   isHasPlaceholder: false,
   maxLength: 2000,
   autoFocus: false,
@@ -550,7 +551,7 @@ MBlog.defaultProps = {
   // 附件
   isShowAttachment: true,
   // attachmentTipText: `<p>支持拖拽上传</p><p>单次最多支持上传20个</p><p>每个不超过50MB</p>`,
-  attachmentTipText: "",
+  attachmentTipText: '',
   fileNumLimit: 20,
   fileSizeLimit: 50,
   // @同事
@@ -558,7 +559,7 @@ MBlog.defaultProps = {
   // @所有同事
   // @表情
   isShowEmotion: true,
-  emotionTipText: "",
+  emotionTipText: '',
   // @按钮相关
   isShowSendSms: true,
   isShowRange: true,

package/lib/components/menus/components/menu-tree/images/interview-menu/my-interview.svg

@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>切片</title>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="1--我的面谈(空页面)" transform="translate(-36.000000, -193.000000)" fill-rule="nonzero">
+            <g id="主菜单" transform="translate(16.000000, 74.000000)">
+                <g id="编组-3" transform="translate(12.000000, 108.000000)">
+                    <g id="my-uniEA10" transform="translate(8.000000, 11.000000)">
+                        <path d="M8.4,13.35 L8.4,4.65 C8.4,3.3245166 7.3254834,2.25 6,2.25 L4.65,2.25 C3.3245166,2.25 2.25,3.3245166 2.25,4.65 L2.25,13.35 C2.25,14.6754834 3.3245166,15.75 4.65,15.75 L6,15.75 C7.3254834,15.75 8.4,14.6754834 8.4,13.35 Z M7.2,4.65 L7.2,13.35 C7.2,14.0127417 6.6627417,14.55 6,14.55 L4.65,14.55 C3.9872583,14.55 3.45,14.0127417 3.45,13.35 L3.45,4.65 C3.45,3.9872583 3.9872583,3.45 4.65,3.45 L6,3.45 C6.6627417,3.45 7.2,3.9872583 7.2,4.65 Z M15.75,7.05 L15.75,4.65 C15.75,3.3245166 14.6754834,2.25 13.35,2.25 L12,2.25 C10.6745166,2.25 9.6,3.3245166 9.6,4.65 L9.6,7.05 C9.6,8.3754834 10.6745166,9.45 12,9.45 L13.35,9.45 C14.6754834,9.45 15.75,8.3754834 15.75,7.05 Z M14.55,4.65 L14.55,7.05 C14.55,7.7127417 14.0127417,8.25 13.35,8.25 L12,8.25 C11.3372583,8.25 10.8,7.7127417 10.8,7.05 L10.8,4.65 C10.8,3.9872583 11.3372583,3.45 12,3.45 L13.35,3.45 C14.0127417,3.45 14.55,3.9872583 14.55,4.65 Z" id="形状结合" fill="#141C28"></path>
+                        <path d="M12.825,10.125 L12.525,10.125 C11.1995166,10.125 10.125,11.1995166 10.125,12.525 L10.125,13.875 C10.125,15.2004834 11.1995166,16.275 12.525,16.275 L12.825,16.275 C14.1504834,16.275 15.225,15.2004834 15.225,13.875 L15.225,12.525 C15.225,11.1995166 14.1504834,10.125 12.825,10.125 Z M12.525,11.325 L12.825,11.325 C13.4877417,11.325 14.025,11.8622583 14.025,12.525 L14.025,13.875 C14.025,14.5377417 13.4877417,15.075 12.825,15.075 L12.525,15.075 C11.8622583,15.075 11.325,14.5377417 11.325,13.875 L11.325,12.525 C11.325,11.8622583 11.8622583,11.325 12.525,11.325 Z" id="矩形" fill="#2879FF" transform="translate(12.675000, 13.200000) rotate(-270.000000) translate(-12.675000, -13.200000) "></path>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/lib/components/menus/components/menu-tree/images/interview-menu/template.svg

@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>切片</title>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="1--我的面谈(空页面)" transform="translate(-36.000000, -193.000000)" fill-rule="nonzero">
+            <g id="主菜单" transform="translate(16.000000, 74.000000)">
+                <g id="编组-3" transform="translate(12.000000, 108.000000)">
+                    <g id="my-uniEA10" transform="translate(8.000000, 11.000000)">
+                        <path d="M8.4,13.35 L8.4,4.65 C8.4,3.3245166 7.3254834,2.25 6,2.25 L4.65,2.25 C3.3245166,2.25 2.25,3.3245166 2.25,4.65 L2.25,13.35 C2.25,14.6754834 3.3245166,15.75 4.65,15.75 L6,15.75 C7.3254834,15.75 8.4,14.6754834 8.4,13.35 Z M7.2,4.65 L7.2,13.35 C7.2,14.0127417 6.6627417,14.55 6,14.55 L4.65,14.55 C3.9872583,14.55 3.45,14.0127417 3.45,13.35 L3.45,4.65 C3.45,3.9872583 3.9872583,3.45 4.65,3.45 L6,3.45 C6.6627417,3.45 7.2,3.9872583 7.2,4.65 Z M15.75,7.05 L15.75,4.65 C15.75,3.3245166 14.6754834,2.25 13.35,2.25 L12,2.25 C10.6745166,2.25 9.6,3.3245166 9.6,4.65 L9.6,7.05 C9.6,8.3754834 10.6745166,9.45 12,9.45 L13.35,9.45 C14.6754834,9.45 15.75,8.3754834 15.75,7.05 Z M14.55,4.65 L14.55,7.05 C14.55,7.7127417 14.0127417,8.25 13.35,8.25 L12,8.25 C11.3372583,8.25 10.8,7.7127417 10.8,7.05 L10.8,4.65 C10.8,3.9872583 11.3372583,3.45 12,3.45 L13.35,3.45 C14.0127417,3.45 14.55,3.9872583 14.55,4.65 Z" id="形状结合" fill="#141C28"></path>
+                        <path d="M12.825,10.125 L12.525,10.125 C11.1995166,10.125 10.125,11.1995166 10.125,12.525 L10.125,13.875 C10.125,15.2004834 11.1995166,16.275 12.525,16.275 L12.825,16.275 C14.1504834,16.275 15.225,15.2004834 15.225,13.875 L15.225,12.525 C15.225,11.1995166 14.1504834,10.125 12.825,10.125 Z M12.525,11.325 L12.825,11.325 C13.4877417,11.325 14.025,11.8622583 14.025,12.525 L14.025,13.875 C14.025,14.5377417 13.4877417,15.075 12.825,15.075 L12.525,15.075 C11.8622583,15.075 11.325,14.5377417 11.325,13.875 L11.325,12.525 C11.325,11.8622583 11.8622583,11.325 12.525,11.325 Z" id="矩形" fill="#2879FF" transform="translate(12.675000, 13.200000) rotate(-270.000000) translate(-12.675000, -13.200000) "></path>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/lib/components/menus/components/menu-tree/images/interview-menu/todo.svg

@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>切片</title>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="1--我的面谈(空页面)" transform="translate(-36.000000, -154.000000)">
+            <g id="主菜单" transform="translate(16.000000, 74.000000)">
+                <g id="编组-2" transform="translate(12.000000, 68.000000)">
+                    <g id="my-pingjia" transform="translate(8.000000, 12.000000)">
+                        <path d="M8.27325151,3.13900494 C9.5964935,3.12490975 10.6807275,4.1866934 10.6949744,5.5127536 L10.6949744,5.5127536 L10.7394684,16.8508053 C10.7410247,17.2508295 10.5826695,17.6348736 10.2996546,17.9174173 L10.2996546,17.9174173 L8.55030355,19.6638553 C8.08228638,20.1310932 7.32446405,20.1306668 6.85697232,19.6629026 L6.85697232,19.6629026 L4.95309066,17.7579113 C4.67078334,17.4754395 4.51288969,17.0918689 4.51446839,16.6923966 L4.51446839,16.6923966 L4.55888072,5.54139364 C4.56409801,4.23109054 5.6197044,3.16769584 6.92917896,3.15360726 L6.92917896,3.15360726 Z M9.40618374,7.72173222 L5.74745666,7.72086621 L5.71250843,16.6971724 C5.71227163,16.7570932 5.72997546,16.8152251 5.76266186,16.8643796 L5.80023289,16.9102753 L7.70411455,18.8152666 L9.45346558,17.0688286 C9.51006857,17.0123198 9.5417396,16.935511 9.54142834,16.8555062 L9.54142834,16.8555062 L9.50557153,7.71353876 C9.47324366,7.71892786 9.4400412,7.72173222 9.40618374,7.72173222 Z M8.28613292,4.33774469 L6.94206036,4.35227626 C6.28732309,4.35932055 5.75951989,4.8910179 5.75691124,5.54616945 L5.75691124,5.54616945 L5.75245666,6.52086621 L9.40618374,6.52173222 L9.50045666,6.52886621 L9.4969851,5.52359553 C9.49031554,4.90296434 9.01342868,4.39757074 8.40868498,4.34262792 L8.28613292,4.33774469 Z M16.8128747,10.5688778 C17.0471893,10.8031923 17.0471893,11.1830913 16.8128747,11.4174059 L13.5248282,14.7054524 C13.2905136,14.939767 12.9106147,14.939767 12.6763001,14.7054524 C12.4419855,14.4711379 12.4419855,14.0912389 12.6763001,13.8569243 L15.9643466,10.5688778 C16.1986612,10.3345632 16.5785602,10.3345632 16.8128747,10.5688778 Z M15.1158185,8.8718215 C15.350133,9.10613607 15.350133,9.48603506 15.1158185,9.72034964 L13.2066302,11.6295379 C12.9723156,11.8638525 12.5924166,11.8638525 12.358102,11.6295379 C12.1237874,11.3952234 12.1237874,11.0153244 12.358102,10.7810098 L14.2672903,8.8718215 C14.5016049,8.63750692 14.8815039,8.63750692 15.1158185,8.8718215 Z" id="形状结合" fill="#141C28" fill-rule="nonzero" transform="translate(10.751534, 11.576436) rotate(-315.000000) translate(-10.751534, -11.576436) "></path>
+                        <path d="M5.85312229,10.1205844 C6.18449314,10.1205844 6.45312229,10.3892136 6.45312229,10.7205844 L6.45312229,13.4205844 C6.45312229,13.7519553 6.18449314,14.0205844 5.85312229,14.0205844 C5.52175144,14.0205844 5.25312229,13.7519553 5.25312229,13.4205844 L5.25312229,10.7205844 C5.25312229,10.3892136 5.52175144,10.1205844 5.85312229,10.1205844 Z" id="矩形" fill="#2879FF" transform="translate(5.853122, 12.070584) rotate(-495.000000) translate(-5.853122, -12.070584) "></path>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/lib/components/menus/components/menu-tree/index.css

@@ -11,7 +11,7 @@
   display: inline-block;
   height: 100%;
   width: 100%;
-  content: "";
+  content: '';
   opacity: 0;
   background: #e9f1ff;
   border-radius: 12px;
@@ -20,7 +20,9 @@
   animation: selectMenuOpacity 0.4s 1 forwards;
 }
 
-.titaui-menus-tree .rc-tree-treenode-selected .titaui-menus-tree__menu-item-node-title {
+.titaui-menus-tree .rc-tree-treenode-selected .titaui-menus-tree__menu-item-node-title,
+  .titaui-menus-tree .rc-tree-treenode-selected .titaui-menus-tree__ass-template-node-title,
+  .titaui-menus-tree .rc-tree-treenode-selected .titaui-menus-tree__ass-manage-node-title {
   color: #2879ff;
   font-weight: 600;
 }

package/lib/components/menus/components/menu-tree/tree-node/index.css

@@ -122,6 +122,18 @@
   background-image: url("../images/appraisal-menu/baobiao.svg");
 }
 
+.titaui-menus-tree__sub-menu-item-node-icon.my-interview {
+  background-image: url("../images/interview-menu/my-interview.svg");
+}
+
+.titaui-menus-tree__sub-menu-item-node-icon.todo {
+  background-image: url("../images/interview-menu/todo.svg");
+}
+
+.titaui-menus-tree__sub-menu-item-node-icon.template {
+  background-image: url("../images/interview-menu/template.svg");
+}
+
 .titaui-menus-tree__menu-item-node {
   display: flex;
   align-items: center;
@@ -218,6 +230,18 @@
   background-image: url("../images/appraisal-menu/baobiao.svg");
 }
 
+.titaui-menus-tree__menu-item-node-icon.my-interview {
+  background-image: url("../images/interview-menu/my-interview.svg");
+}
+
+.titaui-menus-tree__menu-item-node-icon.todo {
+  background-image: url("../images/interview-menu/todo.svg");
+}
+
+.titaui-menus-tree__menu-item-node-icon.template {
+  background-image: url("../images/interview-menu/template.svg");
+}
+
 .titaui-menus-tree__parent-menu-node {
   display: flex;
   align-items: center;
@@ -314,6 +338,18 @@
   background-image: url("../images/appraisal-menu/baobiao.svg");
 }
 
+.titaui-menus-tree__parent-menu-node-icon.my-interview {
+  background-image: url("../images/interview-menu/my-interview.svg");
+}
+
+.titaui-menus-tree__parent-menu-node-icon.todo {
+  background-image: url("../images/interview-menu/todo.svg");
+}
+
+.titaui-menus-tree__parent-menu-node-icon.template {
+  background-image: url("../images/interview-menu/template.svg");
+}
+
 .titaui-menus-tree__no-follower-node, .titaui-menus-tree__no-subordinates-node {
   display: flex;
   align-items: center;
@@ -482,6 +518,18 @@
   background-image: url("../images/appraisal-menu/baobiao.svg");
 }
 
+.titaui-menus-tree__company-all-node-icon.my-interview {
+  background-image: url("../images/interview-menu/my-interview.svg");
+}
+
+.titaui-menus-tree__company-all-node-icon.todo {
+  background-image: url("../images/interview-menu/todo.svg");
+}
+
+.titaui-menus-tree__company-all-node-icon.template {
+  background-image: url("../images/interview-menu/template.svg");
+}
+
 .titaui-menus-tree__ass-template-node {
   display: flex;
   align-items: center;
@@ -578,6 +626,18 @@
   background-image: url("../images/appraisal-menu/baobiao.svg");
 }
 
+.titaui-menus-tree__ass-template-node-icon.my-interview {
+  background-image: url("../images/interview-menu/my-interview.svg");
+}
+
+.titaui-menus-tree__ass-template-node-icon.todo {
+  background-image: url("../images/interview-menu/todo.svg");
+}
+
+.titaui-menus-tree__ass-template-node-icon.template {
+  background-image: url("../images/interview-menu/template.svg");
+}
+
 .titaui-menus-tree__ass-template-node-suffix {
   display: inline-block;
   height: 18px;
@@ -684,6 +744,18 @@
   background-image: url("../images/appraisal-menu/baobiao.svg");
 }
 
+.titaui-menus-tree__ass-manage-node-icon.my-interview {
+  background-image: url("../images/interview-menu/my-interview.svg");
+}
+
+.titaui-menus-tree__ass-manage-node-icon.todo {
+  background-image: url("../images/interview-menu/todo.svg");
+}
+
+.titaui-menus-tree__ass-manage-node-icon.template {
+  background-image: url("../images/interview-menu/template.svg");
+}
+
 .titaui-menus-tree__ass-manage-node-suffix {
   display: inline-block;
   height: 18px;
@@ -791,6 +863,18 @@
   background-image: url("../images/appraisal-menu/baobiao.svg");
 }
 
+.titaui-menus-tree__user-concern-node-icon.my-interview {
+  background-image: url("../images/interview-menu/my-interview.svg");
+}
+
+.titaui-menus-tree__user-concern-node-icon.todo {
+  background-image: url("../images/interview-menu/todo.svg");
+}
+
+.titaui-menus-tree__user-concern-node-icon.template {
+  background-image: url("../images/interview-menu/template.svg");
+}
+
 .titaui-menus-tree__user-concern-node-add {
   display: inline-block;
   position: absolute;
@@ -813,7 +897,7 @@
 
 .titaui-menus-tree__user-concern-node-add:hover:before {
   position: absolute;
-  content: "";
+  content: '';
   display: inline-block;
   width: 24px;
   height: 24px;

package/lib/components/menus/export-modules/interview-menus/constant.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _getLocale = require("../../../../utils/getLocale");
+
+var getMenus = function getMenus() {
+  return [{
+    icon: "my-interview",
+    label: (0, _getLocale.getLocale)("Ooo_Mo_My1on1"),
+    key: "myInterview",
+    href: "#/interview?reactRouterName=myInterview"
+  }, {
+    icon: "todo",
+    label: (0, _getLocale.getLocale)("Ooo_Tas_ActionPlans"),
+    key: "todos",
+    href: "#/interview?reactRouterName=todos"
+  }, {
+    icon: "template",
+    label: (0, _getLocale.getLocale)("Ooo_Mo_Templates"),
+    key: "template",
+    href: "#/interview?reactRouterName=template"
+  }];
+};
+
+var _default = getMenus;
+exports["default"] = _default;

package/lib/components/menus/export-modules/interview-menus/handle-highlight.js

@@ -0,0 +1,63 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+
+var MY_INTERVIEW = 'myInterview';
+var TODOS = 'todos';
+var TEMPLATE = 'template';
+
+var JudgeManageHighLightMenu = /*#__PURE__*/function () {
+  function JudgeManageHighLightMenu(hash) {
+    _classCallCheck(this, JudgeManageHighLightMenu);
+
+    this.search = null;
+    this.search = hash;
+  }
+
+  _createClass(JudgeManageHighLightMenu, [{
+    key: "isMyInterview",
+    value: function isMyInterview() {
+      return !!this.search.match(/\?reactRouterName=myInterview/) || !this.search.match(/\?reactRouterName=/);
+    }
+  }, {
+    key: "isTodos",
+    value: function isTodos() {
+      return !!this.search.match(/\?reactRouterName=todos/);
+    }
+  }, {
+    key: "isTemplate",
+    value: function isTemplate() {
+      return !!this.search.match(/\?reactRouterName=template/);
+    }
+  }, {
+    key: "getHighLightMenu",
+    value: function getHighLightMenu() {
+      if (this.isMyInterview()) {
+        return MY_INTERVIEW;
+      }
+
+      if (this.isTodos()) {
+        return TODOS;
+      }
+
+      if (this.isTemplate()) {
+        return TEMPLATE;
+      }
+
+      return '';
+    }
+  }]);
+
+  return JudgeManageHighLightMenu;
+}();
+
+exports["default"] = JudgeManageHighLightMenu;

package/lib/components/menus/export-modules/interview-menus/index.css

@@ -0,0 +1,7 @@
+.titaui-menus-interview-menus-tree .titaui-menus-tree__sub-menu-item-node {
+  padding-left: 8px;
+}
+
+.titaui-menus-interview-menus-tree .titaui-menus-tree__sub-menu-item-node-title {
+  font-weight: 600;
+}