@titaui/pc 1.11.4-3 → 1.11.4-6

package/lib/components/dynamic/dynamic-item/dynamic-interview/index.css

@@ -17,6 +17,10 @@
   margin-left: 88px;
 }
 
+.titaui-dynamic-interview__content .titaui-pc-avator-container {
+  height: 32px;
+}
+
 .titaui-dynamic-interview__wifi {
   margin: 0 8px;
 }
@@ -45,7 +49,3 @@
 .titaui-dynamic-interview__name a:hover {
   color: #2879ff;
 }
-
-.titaui-dynamic-interview .titaui-pc-avator-container {
-  height: 32px;
-}

package/lib/components/dynamic/dynamic-item/dynamic-interview-share/index.js

@@ -17,6 +17,8 @@ var _interviewContent = _interopRequireDefault(require("./interview-content"));
 
 require("./index.css");
 
+var _openData = require("../../../../utils/open-data");
+
 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); }
@@ -27,10 +29,13 @@ var preCls = "titaui-dynamic-interview-share";
 
 function DynamicInterviewShare(_ref) {
   var data = _ref.data,
-      onDeleteFeed = _ref.onDeleteFeed;
+      onDeleteFeed = _ref.onDeleteFeed,
+      _ref$hasDynamicOperea = _ref.hasDynamicOpereateAuth,
+      hasDynamicOpereateAuth = _ref$hasDynamicOperea === void 0 ? false : _ref$hasDynamicOperea;
   var publishUser = data.publishUser,
       content = data.content,
       shareFeedSource = data.shareFeedSource;
+  var isPublisher = data.publishUser.userId === window.BSGlobal.loginUserInfo.Id;
   var renderDesc = (0, _react.useMemo)(function () {
     return /*#__PURE__*/_react["default"].createElement("span", {
       className: "".concat(preCls, "__operate-desc")
@@ -42,10 +47,12 @@ function DynamicInterviewShare(_ref) {
     data: data,
     onDeleteFeed: onDeleteFeed,
     desc: renderDesc,
-    user: publishUser
+    user: publishUser,
+    showDelete: hasDynamicOpereateAuth || isPublisher,
+    showTopping: hasDynamicOpereateAuth
   }), /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(preCls, "__text")
-  }, content), /*#__PURE__*/_react["default"].createElement(_interviewContent["default"], {
+  }, (0, _openData.parseTag)(content)), /*#__PURE__*/_react["default"].createElement(_interviewContent["default"], {
     data: shareFeedSource
   }));
 }

package/lib/components/dynamic/dynamic-item/index.js

@@ -307,7 +307,8 @@ var DynamicItem = function DynamicItem(_ref) {
         if (data.shareType === _constant.EShareType.InterviewShare) {
           return /*#__PURE__*/_react["default"].createElement(_dynamicInterviewShare["default"], {
             data: data,
-            onDeleteFeed: onDeleteFeed
+            onDeleteFeed: onDeleteFeed,
+            hasDynamicOpereateAuth: hasDynamicOpereateAuth
           });
         }
 

package/lib/components/form/form-fields/user/index.css

@@ -42,6 +42,7 @@
   font-weight: 400;
   color: #3f4755;
   cursor: pointer;
+  display: flex;
   position: relative;
 }
 
@@ -49,8 +50,21 @@
   display: block;
 }
 
-.form-field-user__input-avatar {
+.form-field-user__input-user-info {
   margin-right: 5px;
+  display: flex;
+  align-items: center;
+}
+
+.form-field-user__input-user-info .titaui-pc-avator-container {
+  display: flex;
+}
+
+.form-field-user__input-user-info__name {
+  margin-left: 4px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
 
 .form-field-user__input--placeholder {
@@ -72,10 +86,16 @@
 }
 
 .form-field-user__input--down {
-  color: #c2cbd1;
+  font-size: 16px;
+  color: #3f4755;
   position: absolute;
   right: -32px;
   top: 50%;
   transform: translate(0, -50%);
   cursor: pointer;
 }
+
+.form-field-user__input--down::before {
+  transform: scale(0.5);
+  display: inline-block;
+}

package/lib/components/form/form-fields/user/index.js

@@ -19,12 +19,16 @@ var _userInput = _interopRequireDefault(require("./user-input"));
 
 require("./index.css");
 
+var _excluded = ["name", "label", "placeholder", "value", "onChange", "require", "maxSize", "multiple", "getContainer"];
+
 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; }
 
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 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(); }
@@ -39,7 +43,11 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-var preCls = "form-field-user";
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+var preCls = 'form-field-user';
 
 function OverlayInner(_ref) {
   var hasError = _ref.hasError,
@@ -47,12 +55,12 @@ function OverlayInner(_ref) {
       tip = _ref.tip;
   if (hasError) return /*#__PURE__*/_react["default"].createElement("span", {
     style: {
-      color: "#F05E5E"
+      color: '#F05E5E'
     }
   }, tip);
   if (hasActive) return /*#__PURE__*/_react["default"].createElement("span", {
     style: {
-      color: "#3F4755"
+      color: '#3F4755'
     }
   }, tip);
   return /*#__PURE__*/_react["default"].createElement("span", null);
@@ -69,9 +77,10 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       require = props.require,
       maxSize = props.maxSize,
       multiple = props.multiple,
-      getContainer = props.getContainer;
+      getContainer = props.getContainer,
+      restProps = _objectWithoutProperties(props, _excluded);
 
-  var _useState = (0, _react.useState)(""),
+  var _useState = (0, _react.useState)(''),
       _useState2 = _slicedToArray(_useState, 2),
       tip = _useState2[0],
       setTip = _useState2[1];
@@ -119,7 +128,7 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var onUserSelectHandler = function onUserSelectHandler(data) {
     setHasActive(false);
     setHasError(false);
-    setTip("");
+    setTip('');
     var users = [];
 
     if (multiple) {
@@ -211,7 +220,7 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       tip: tip
     }),
     getTooltipContainer: getContainer
-  }, /*#__PURE__*/_react["default"].createElement(_userSelector["default"], {
+  }, /*#__PURE__*/_react["default"].createElement(_userSelector["default"], _extends({
     multiple: multiple,
     selectNodes: selectNodes,
     position: "centerRight",
@@ -229,7 +238,8 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       group: false
     },
     onPopupVisibleChange: onPopupVisibleChangeHandler
-  }, /*#__PURE__*/_react["default"].createElement(_userInput["default"], {
+  }, restProps), /*#__PURE__*/_react["default"].createElement(_userInput["default"], {
+    multiple: multiple,
     users: selectNodes.users,
     onClear: onClearHandler,
     placeholder: placeholder

package/lib/components/form/form-fields/user/user-input.js

@@ -15,21 +15,25 @@ var _tooltip = _interopRequireDefault(require("../../../tooltip"));
 
 var _getLocale = require("../../../../utils/getLocale");
 
+var _openData = require("../../../../utils/open-data");
+
 require("./index.css");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-var preCls = "form-field-user";
+var preCls = 'form-field-user';
 
 function _default(props) {
-  var users = props.users,
+  var _props$multiple = props.multiple,
+      multiple = _props$multiple === void 0 ? false : _props$multiple,
+      users = props.users,
       _props$placeholder = props.placeholder,
-      placeholder = _props$placeholder === void 0 ? (0, _getLocale.getLocale)("Mod_Pleaseselect") : _props$placeholder,
+      placeholder = _props$placeholder === void 0 ? (0, _getLocale.getLocale)('Mod_Pleaseselect') : _props$placeholder,
       onClear = props.onClear;
   var userNames = [];
   (users || []).forEach(function (user) {
-    userNames.push( /*#__PURE__*/_react["default"].createElement("span", {
-      className: (0, _classnames["default"])("".concat(preCls, "__input-avatar"))
+    userNames.push( /*#__PURE__*/_react["default"].createElement("div", {
+      className: (0, _classnames["default"])("".concat(preCls, "__input-user-info"))
     }, /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
       overlay: user.name,
       placement: "top"
@@ -38,6 +42,11 @@ function _default(props) {
       src: user.avatar.small,
       color: user.avatar.color,
       userId: user.userId
+    })), !multiple && /*#__PURE__*/_react["default"].createElement("p", {
+      className: (0, _classnames["default"])("".concat(preCls, "__input-user-info__name"))
+    }, /*#__PURE__*/_react["default"].createElement(_openData.OpenUserName, {
+      id: user.userId,
+      name: user.name
     }))));
   });
 
@@ -55,6 +64,6 @@ function _default(props) {
     className: (0, _classnames["default"])("tu-icon-cross ".concat(preCls, "__input--clear")),
     onClick: onHandleClear
   }), /*#__PURE__*/_react["default"].createElement("span", {
-    className: (0, _classnames["default"])("".concat(preCls, "__input--down tu-icon-sort-down"))
+    className: (0, _classnames["default"])("".concat(preCls, "__input--down tu-icon-caret-down"))
   }));
 }

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

@@ -9,17 +9,17 @@ var _getLocale = require("../../../../utils/getLocale");
 
 var getMenus = function getMenus() {
   return [{
-    icon: "enterprise",
+    icon: "my-interview",
     label: (0, _getLocale.getLocale)("Ooo_Mo_My1on1"),
     key: "myInterview",
     href: "#/interview?reactRouterName=myInterview"
   }, {
-    icon: "enterprise",
+    icon: "todo",
     label: (0, _getLocale.getLocale)("Ooo_Tas_ActionPlans"),
     key: "todos",
     href: "#/interview?reactRouterName=todos"
   }, {
-    icon: "enterprise",
+    icon: "template",
     label: (0, _getLocale.getLocale)("Ooo_Mo_Templates"),
     key: "template",
     href: "#/interview?reactRouterName=template"

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

@@ -0,0 +1,3 @@
+.titaui-menus-interview-menus-tree .titaui-menus-tree__sub-menu-item-node-title {
+  font-weight: 600;
+}

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

@@ -27,6 +27,8 @@ var _flipMenuCard = _interopRequireDefault(require("../../components/flip-menu-c
 
 var _scrollbar = _interopRequireDefault(require("../../../scrollbar"));
 
+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); }
@@ -106,13 +108,13 @@ function InterviewMenus(props) {
 
   return /*#__PURE__*/_react["default"].createElement("div", {
     ref: menuRef,
-    className: (0, _classnames["default"])("".concat(preCls, "-manage-menus"))
+    className: (0, _classnames["default"])("".concat(preCls, "-interview-menus"))
   }, /*#__PURE__*/_react["default"].createElement(_flipMenuCard["default"], {
     collapseMenu: collapseMenu,
     ref: flipRef,
     defaultWidth: _getLocale.isEn ? 210 : 180
   }, /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])("".concat(preCls, "-appraisal-menus-tree"))
+    className: (0, _classnames["default"])("".concat(preCls, "-interview-menus-tree"))
   }, /*#__PURE__*/_react["default"].createElement(_scrollbar["default"], null, /*#__PURE__*/_react["default"].createElement(_menuTree["default"], {
     data: formateToTreeNodeData((0, _constant["default"])()),
     selectedKeys: selectedMenuKeys,