@titaui/pc 1.11.27-beta.8 → 1.11.29

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/form/index.js

@@ -31,6 +31,8 @@ var _inputVerificationCode = _interopRequireDefault(require("./form-fields/input
 
 var _password = _interopRequireDefault(require("./form-fields/password"));
 
+var _date = _interopRequireDefault(require("./form-fields/date"));
+
 var _layout = require("./layout");
 
 require("./index.css");
@@ -61,7 +63,7 @@ var Form = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
 
   var onFieldChangeHandler = function onFieldChangeHandler(name, value) {
     fieldsValue.current[name] = value;
-    onFieldsChange && onFieldsChange(fieldsValue.current);
+    onFieldsChange === null || onFieldsChange === void 0 ? void 0 : onFieldsChange(fieldsValue.current);
   };
 
   var initFieldsValue = function initFieldsValue(name, value) {
@@ -86,7 +88,7 @@ var Form = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
         var errors = [];
         var fieldsKeys = Object.keys(fieldRefs.current);
 
-        for (var i = 0; i < fieldsKeys.length; i++) {
+        for (var i = 0; i < fieldsKeys.length; i += 1) {
           var fieldRef = fieldRefs.current[fieldsKeys[i]];
           var fieldErrors = fieldRef.verifing();
 
@@ -133,9 +135,14 @@ var FormFields = {
   DropDown: _dropdown["default"],
   GroupFields: _group["default"],
   VerificationInput: _inputVerificationCode["default"],
-  Password: _password["default"]
+  Password: _password["default"],
+  Date: _date["default"]
 }; // @ts-ignore
 
 Form.Fields = FormFields;
+Form.defaultProps = {
+  className: "",
+  direction: "vertical"
+};
 var _default = Form;
 exports["default"] = _default;

package/lib/components/grid-layout/sub-employee-okr/person-okr.js

@@ -57,9 +57,9 @@ function PersonalOkr(props) {
   var toolTipRef = (0, _react.useRef)();
   (0, _react.useEffect)(function () {
     if (updateTime) {
-      setSubUpdateTime((0, _dateTestChange.judgeTimeSpaceFromNow)(updateTime) + (0, _getLocale.getLocale)("OKR_MyO_Butt_Update"));
+      setSubUpdateTime((0, _dateTestChange.judgeTimeSpaceFromNow)(updateTime) + (0, _getLocale.getLocale)('OKR_MyO_Butt_Update'));
     } else {
-      setSubUpdateTime((0, _getLocale.getLocale)("OKR_MyO_KRP_Notupdated"));
+      setSubUpdateTime((0, _getLocale.getLocale)('OKR_MyO_KRP_Notupdated'));
     }
   }, [updateTime]);
   return /*#__PURE__*/_react["default"].createElement("div", {
@@ -97,9 +97,9 @@ function PersonalOkr(props) {
     className: "subOKRComponents-PersonalOkr__right__percentNum"
   }, num, "%"), /*#__PURE__*/_react["default"].createElement("div", {
     style: {
-      position: "absolute",
-      right: "-8px",
-      bottom: "0"
+      position: 'absolute',
+      right: '-8px',
+      bottom: '0'
     }
   }, /*#__PURE__*/_react["default"].createElement(_index["default"], {
     percent: num,

package/lib/components/icon-button-list/index.js

@@ -19,7 +19,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
 
 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; }
 
-var preCls = "titaui-icon-button-list";
+var preCls = 'titaui-icon-button-list';
 
 function _default(props) {
   var items = props.items,
@@ -36,9 +36,9 @@ function _default(props) {
         type = it.type,
         overlay = it.overlay,
         _it$placement = it.placement,
-        placement = _it$placement === void 0 ? "top" : _it$placement,
+        placement = _it$placement === void 0 ? 'top' : _it$placement,
         _it$trigger = it.trigger,
-        trigger = _it$trigger === void 0 ? ["hover"] : _it$trigger,
+        trigger = _it$trigger === void 0 ? ['hover'] : _it$trigger,
         rotate = it.rotate;
 
     var content = /*#__PURE__*/_react["default"].createElement("span", {

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;
@@ -117,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,
@@ -95,8 +95,8 @@ var ImgViewer = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
       moveY = _useState16[0],
       setMoveY = _useState16[1];
 
-  var imgRef = (0, _react.useRef)(document.createElement("img"));
-  var DragRef = (0, _react.useRef)(document.createElement("div"));
+  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;
@@ -188,22 +188,22 @@ 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"),
@@ -238,13 +238,13 @@ var ImgViewer = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     }))), /*#__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/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;
+}