@titaui/pc 1.11.4-1 → 1.11.4-12

package/lib/components/img-viewer/index.css

@@ -46,7 +46,7 @@
 }
 
 .titaui-img-viewer__header-download::after {
-  content: "";
+  content: '';
   display: inline-block;
   width: 1px;
   height: 22px;
@@ -80,6 +80,13 @@
 
 .titaui-img-viewer__body-img {
   max-width: 800px;
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  margin: auto;
+  cursor: move;
 }
 
 .titaui-img-viewer__body-operate-btn {
@@ -110,12 +117,12 @@
 }
 
 .titaui-img-viewer__body-operate-btn--disable {
-  color: #BFC7D5;
+  color: #bfc7d5;
 }
 
 .titaui-img-viewer__body-operate-btn--disable:hover {
   cursor: not-allowed;
-  color: #BFC7D5;
+  color: #bfc7d5;
 }
 
 .titaui-img-viewer__body--loading {

package/lib/components/img-viewer/index.js

@@ -49,7 +49,7 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-var prefix = "titaui-img-viewer";
+var prefix = 'titaui-img-viewer';
 var ImgViewer = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var data = _ref.data,
       _ref$showDownload = _ref.showDownload,
@@ -85,7 +85,18 @@ var ImgViewer = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
       isLoading = _useState12[0],
       setIsLoading = _useState12[1];
 
-  var imgRef = (0, _react.useRef)(document.createElement("img"));
+  var _useState13 = (0, _react.useState)(0),
+      _useState14 = _slicedToArray(_useState13, 2),
+      moveX = _useState14[0],
+      setMoveX = _useState14[1];
+
+  var _useState15 = (0, _react.useState)(0),
+      _useState16 = _slicedToArray(_useState15, 2),
+      moveY = _useState16[0],
+      setMoveY = _useState16[1];
+
+  var imgRef = (0, _react.useRef)(document.createElement('img'));
+  var DragRef = (0, _react.useRef)(document.createElement('div'));
 
   var showPreview = function showPreview() {
     var index = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
@@ -120,6 +131,31 @@ var ImgViewer = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     setCurrentRotateDeg(currentRotateDeg - 90);
   };
 
+  var handleMouseDownImg = function handleMouseDownImg(e) {
+    e.preventDefault();
+    var downX = e.clientX;
+    var downY = e.clientY; // 因为这个moveX不闭包的话在拖动的时候他就 一直累加
+
+    var beforeX = moveX;
+    var beforeY = moveY;
+
+    DragRef.current.onmousemove = function (e1) {
+      //获取x和y
+      var nx = e1.clientX;
+      var ny = e1.clientY; // //计算移动后的左偏移量和顶部的偏移量
+
+      var nl = nx - downX + beforeX;
+      var nt = ny - downY + beforeY;
+      setMoveX(nl);
+      setMoveY(nt);
+    };
+  };
+
+  var handleMouseUpImg = function handleMouseUpImg(e) {
+    e.preventDefault();
+    DragRef.current.onmousemove = null;
+  };
+
   var handleRightRotate = function handleRightRotate() {
     setCurrentRotateDeg(currentRotateDeg + 90);
   };
@@ -152,25 +188,28 @@ var ImgViewer = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var renderPreviewer = function renderPreviewer() {
     if (!visible) return null;
     return /*#__PURE__*/_react["default"].createElement("div", {
-      className: (0, _classnames["default"])(prefix, "document-mouse-event-ignore")
+      className: (0, _classnames["default"])(prefix, 'document-mouse-event-ignore')
     }, /*#__PURE__*/_react["default"].createElement("div", {
       className: "".concat(prefix, "__header")
     }, /*#__PURE__*/_react["default"].createElement("span", {
       className: "".concat(prefix, "__header-file-name")
     }, /*#__PURE__*/_react["default"].createElement(_tooltip["default"].Text, {
-      text: currentImgData && currentImgData.fileName || "",
+      text: currentImgData && currentImgData.fileName || '',
       isPercent: true,
       minusWidth: 60
     })), /*#__PURE__*/_react["default"].createElement("span", null, showDownload && currentImgData && currentImgData.downloadUrl && /*#__PURE__*/_react["default"].createElement("a", {
       className: "".concat(prefix, "__header-download"),
-      href: (currentImgData === null || currentImgData === void 0 ? void 0 : currentImgData.downloadUrl) || "javascript:;"
+      href: (currentImgData === null || currentImgData === void 0 ? void 0 : currentImgData.downloadUrl) || 'javascript:;'
     }, /*#__PURE__*/_react["default"].createElement("i", {
-      className: (0, _classnames["default"])("tu-icon-APP-xiazai", "".concat(prefix, "__header-download-icon"))
-    }), (0, _getLocale.getLocale)("Mod_Download")), /*#__PURE__*/_react["default"].createElement("span", {
-      className: (0, _classnames["default"])("tu-icon-close", "".concat(prefix, "__header-close")),
+      className: (0, _classnames["default"])('tu-icon-APP-xiazai', "".concat(prefix, "__header-download-icon"))
+    }), (0, _getLocale.getLocale)('Mod_Download')), /*#__PURE__*/_react["default"].createElement("span", {
+      className: (0, _classnames["default"])('tu-icon-close', "".concat(prefix, "__header-close")),
       onClick: hidePreview
     }))), /*#__PURE__*/_react["default"].createElement("div", {
-      className: "".concat(prefix, "__body")
+      className: "".concat(prefix, "__body"),
+      ref: DragRef,
+      onMouseDown: handleMouseDownImg,
+      onMouseUp: handleMouseUpImg
     }, /*#__PURE__*/_react["default"].createElement("span", {
       className: (0, _classnames["default"])("".concat(prefix, "__body-operate-btn"), "".concat(prefix, "__body-operate-btn--left"), _defineProperty({}, "".concat(prefix, "__body-operate-btn--disable"), currentIndex === 0)),
       onClick: handlePreImgClick
@@ -184,28 +223,28 @@ var ImgViewer = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     })), isLoading && /*#__PURE__*/_react["default"].createElement("div", {
       className: "".concat(prefix, "__body--loading")
     }, /*#__PURE__*/_react["default"].createElement("img", {
-      src: _loading["default"]
-    })), /*#__PURE__*/_react["default"].createElement("div", {
-      style: {
-        transform: "rotate(".concat(currentRotateDeg, "deg)")
-      }
-    }, /*#__PURE__*/_react["default"].createElement("img", {
+      src: _loading["default"],
+      alt: ""
+    })), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("img", {
       className: "".concat(prefix, "__body-img"),
       ref: imgRef,
+      alt: "",
       src: (currentImgData === null || currentImgData === void 0 ? void 0 : currentImgData.previewUrl) || (currentImgData === null || currentImgData === void 0 ? void 0 : currentImgData.bigImageUrl),
       style: {
-        transform: "scale(".concat(currentScale, ")")
+        transform: "scale(".concat(currentScale, ") rotate(").concat(currentRotateDeg, "deg) "),
+        left: "".concat(moveX, "px"),
+        top: "".concat(moveY, "px")
       }
     }))), /*#__PURE__*/_react["default"].createElement("div", {
       className: "".concat(prefix, "__footer")
     }, /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
-      overlay: (0, _getLocale.getLocale)("OKR_Ali_Butt_Narrow"),
+      overlay: (0, _getLocale.getLocale)('OKR_Ali_Butt_Narrow'),
       placement: "top"
     }, /*#__PURE__*/_react["default"].createElement("span", {
       className: "".concat(prefix, "__footer-btn"),
       onClick: handleShrink
     }, /*#__PURE__*/_react["default"].createElement(_shrink["default"], null))), /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
-      overlay: (0, _getLocale.getLocale)("OKR_Ali_Butt_Enlarge"),
+      overlay: (0, _getLocale.getLocale)('OKR_Ali_Butt_Enlarge'),
       placement: "top"
     }, /*#__PURE__*/_react["default"].createElement("span", {
       className: "".concat(prefix, "__footer-btn"),

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

@@ -83,7 +83,7 @@ var MblogAction = /*#__PURE__*/function (_PureComponent) {
   var _super = _createSuper(MblogAction);
 
   function MblogAction() {
-    var _temp, _this;
+    var _this;
 
     _classCallCheck(this, MblogAction);
 
@@ -91,7 +91,7 @@ var MblogAction = /*#__PURE__*/function (_PureComponent) {
       args[_key] = arguments[_key];
     }
 
-    return _possibleConstructorReturn(_this, (_temp = _this = _super.call.apply(_super, [this].concat(args)), _this.state = {
+    return _possibleConstructorReturn(_this, (_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
         });
       }
-    }, _temp));
+    }, _assertThisInitialized(_this)));
   }
 
   _createClass(MblogAction, [{

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;