@titaui/pc 1.12.0-beta.1 → 1.12.0-beta.2

package/lib/components/dynamic/dynamic-item/dynamic-ai-dialy/dynamic-footer.js

@@ -29,6 +29,8 @@ var _getLocale = require("../../../../utils/getLocale");
 
 var _context = require("../../context");
 
+var _constant = require("../../constant");
+
 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); }
@@ -61,12 +63,13 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-var prefix = 'titaui-dynamic-item';
+var prefix = "titaui-dynamic-item";
 
 var DynamicFooter = function DynamicFooter(_ref) {
   var _getBSGlobal;
 
-  var data = _ref.data;
+  var data = _ref.data,
+      dailyReportType = _ref.dailyReportType;
   var feedId = data.feedId,
       feedComments = data.feedComments,
       praiseType = data.praiseType,
@@ -95,8 +98,9 @@ var DynamicFooter = function DynamicFooter(_ref) {
       setUpvoteModalVisible = _useState8[1];
 
   var communicationRef = (0, _react.useRef)();
-  var hasRewardBtn = !!((_getBSGlobal = (0, _bsGlobal.getBSGlobal)('WebHead')) !== null && _getBSGlobal !== void 0 && _getBSGlobal.AppHead.find(function (item) {
-    return item.AppId === '950';
+  var productName = _constant.PlanReportTrackActionNameMap[dailyReportType];
+  var hasRewardBtn = !!((_getBSGlobal = (0, _bsGlobal.getBSGlobal)("WebHead")) !== null && _getBSGlobal !== void 0 && _getBSGlobal.AppHead.find(function (item) {
+    return item.AppId === "950";
   }));
 
   var _useContext = (0, _react.useContext)(_context.SearchKeyContext),
@@ -108,16 +112,18 @@ var DynamicFooter = function DynamicFooter(_ref) {
   };
 
   var onChangeParse = function onChangeParse(type) {
-    var _getBSGlobal2 = (0, _bsGlobal.getBSGlobal)('loginUserInfo'),
+    var _getBSGlobal2 = (0, _bsGlobal.getBSGlobal)("loginUserInfo"),
         Id = _getBSGlobal2.Id;
 
     var data = _toConsumableArray(praiseData).filter(function (item) {
       return Number("".concat(item.userId)) !== Number("".concat(Id));
     });
 
+    var actionName = "";
+
     if (type) {
-      var avatar = (0, _bsGlobal.getBSGlobal)('loginUserInfo').UserAvatar;
-      var name = (0, _bsGlobal.getBSGlobal)('loginUserInfo').Name;
+      var avatar = (0, _bsGlobal.getBSGlobal)("loginUserInfo").UserAvatar;
+      var name = (0, _bsGlobal.getBSGlobal)("loginUserInfo").Name;
       avatar.color = avatar.Color;
       avatar.medium = avatar.Medium;
       var parseUser = {
@@ -127,8 +133,18 @@ var DynamicFooter = function DynamicFooter(_ref) {
         praiseType: type
       };
       setPraiseData([parseUser].concat(_toConsumableArray(data)));
+      actionName = "点赞";
     } else {
       setPraiseData(data);
+      actionName = "取消点赞";
+    }
+
+    if (window.titaTracker) {
+      window.titaTracker("action").record({
+        actionName: actionName,
+        actionGroup: "互动",
+        productName: productName
+      });
     }
   };
 
@@ -143,6 +159,14 @@ var DynamicFooter = function DynamicFooter(_ref) {
     };
 
     if (window.util) {
+      if (window.titaTracker) {
+        window.titaTracker("action").record({
+          actionName: "打开打赏弹层",
+          actionGroup: "互动",
+          productName: productName
+        });
+      }
+
       window.util.rewardGetFile(function (myReward) {
         myReward.renderPayReward(data);
       });
@@ -151,12 +175,25 @@ var DynamicFooter = function DynamicFooter(_ref) {
 
   var renderUpvoteCount = function renderUpvoteCount(type, count) {
     if (count === 0) {
-      return '';
+      return "";
     }
 
     return count || type;
   };
 
+  var handleReply = function handleReply(_ref2) {
+    var submitType = _ref2.submitType;
+    var actionName = submitType === "delete" ? "删除评论" : "评论";
+
+    if (window.titaTracker) {
+      window.titaTracker("action").record({
+        actionName: actionName,
+        actionGroup: "互动",
+        productName: productName
+      });
+    }
+  };
+
   return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _classnames["default"])("".concat(prefix, "__footer"))
   }, /*#__PURE__*/_react["default"].createElement("div", {
@@ -189,7 +226,7 @@ var DynamicFooter = function DynamicFooter(_ref) {
   }, /*#__PURE__*/_react["default"].createElement(_conditionRender["default"], {
     condition: hasRewardBtn
   }, /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
-    overlay: (0, _getLocale.getLocale)('Feed_Approval'),
+    overlay: (0, _getLocale.getLocale)("Feed_Approval"),
     align: {
       offset: [0, 0]
     },
@@ -199,7 +236,7 @@ var DynamicFooter = function DynamicFooter(_ref) {
     className: (0, _classnames["default"])("".concat(prefix, "__footer-icon"), "".concat(prefix, "__footer-icon-redenvelopes"))
   }))), /*#__PURE__*/_react["default"].createElement("span", {
     onClick: handleCommentClick,
-    className: (0, _classnames["default"])('tu-icon-pinglun-m', "".concat(prefix, "__footer-icon"))
+    className: (0, _classnames["default"])("tu-icon-pinglun-m", "".concat(prefix, "__footer-icon"))
   }, /*#__PURE__*/_react["default"].createElement(_conditionRender["default"], {
     condition: feedComments.total > 0
   }, /*#__PURE__*/_react["default"].createElement("span", {
@@ -234,6 +271,7 @@ var DynamicFooter = function DynamicFooter(_ref) {
     usePropsComment: usePropsComment,
     communication: feedComments.comments,
     totalCommunicationNum: feedComments.total,
+    onReplyChange: handleReply,
     showUser: true,
     showDefaultInput: true
   }))));

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

@@ -17,7 +17,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
 
 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); }
 
-var prefixCls = 'titaui-dynamic-item';
+var prefixCls = "titaui-dynamic-item";
 
 var DynamicAIDialy = function DynamicAIDialy(_ref) {
   var data = _ref.data;
@@ -26,12 +26,14 @@ var DynamicAIDialy = function DynamicAIDialy(_ref) {
     return (0, _utils.getChartProps)(data.biId);
   }, [data.biId]);
 
+  var type = chartQuery.type;
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: prefixCls
   }, /*#__PURE__*/_react["default"].createElement(_supersetCharts["default"], _extends({
     feedData: data
   }, chartQuery)), /*#__PURE__*/_react["default"].createElement(_dynamicFooter["default"], {
-    data: data
+    data: data,
+    dailyReportType: type
   }));
 };
 

package/lib/components/dynamic/new-ui.css

@@ -129,7 +129,7 @@
 }
 
 .titaui-new-ui-dynamic__no-more-data::before {
-  content: "";
+  content: '';
   display: inline-block;
   margin-right: 12px;
   width: 192px;
@@ -139,7 +139,7 @@
 }
 
 .titaui-new-ui-dynamic__no-more-data::after {
-  content: "";
+  content: '';
   display: inline-block;
   margin-left: 12px;
   width: 192px;
@@ -150,8 +150,8 @@
 
 .titaui-new-ui-dynamic__go-to-top {
   position: fixed;
-  bottom: 128px;
-  right: 24px;
+  bottom: 20px;
+  right: 86px;
   display: flex;
   align-items: center;
   justify-content: center;

package/lib/components/dynamic/online-broadcast/data.js

@@ -18,10 +18,28 @@ exports.onlineBroadcastData = exports["default"] = void 0;
 //   href = "https://wiki.tita.com/pages/viewpage.action?pageId=15697741";
 // }
 var onlineBroadcastData = [{
+  hasOnline: true,
+  preContent: "「OKR」支持上级审批，管理更规范",
+  preHref: "https://wiki.tita.com/x/F4SeAQ",
+  isNew: true,
+  date: "5/05"
+}, {
+  hasOnline: true,
+  preContent: "「考核」更多位置支持离职人员筛选啦",
+  preHref: "https://wiki.tita.com/x/pwDQAQ",
+  isNew: true,
+  date: "4/29"
+}, {
+  hasOnline: true,
+  preContent: "「1 on 1」面谈全新上线",
+  preHref: "https://wiki.tita.com/pages/viewpage.action?pageId=27165723",
+  isNew: true,
+  date: "4/27"
+}, {
   hasOnline: true,
   preContent: "「考核」OKR 维度支持按 KR 评分啦",
   preHref: "https://wiki.tita.com/x/JYOeAQ",
-  isNew: true,
+  isNew: false,
   date: "4/11"
 }, {
   hasOnline: true,

package/lib/components/e-priority/index.css

@@ -34,7 +34,7 @@
   vertical-align: top;
 }
 
-.tita-okrdt-tree__e-task-node-priority > span {
+.tita-okrdt-tree__e-task-node-priority-label span {
   display: inline-block;
   vertical-align: text-bottom;
   height: 16px;
@@ -103,7 +103,7 @@
   vertical-align: top;
 }
 
-.tita-okrdt-tree__e-project-node-priority > span {
+.tita-okrdt-tree__e-project-node-priority-label span {
   display: inline-block;
   vertical-align: text-bottom;
   height: 16px;
@@ -164,7 +164,7 @@
   vertical-align: top;
 }
 
-.tita-okrdt-tree__e-task-level2-node-priority > span {
+.tita-okrdt-tree__e-task-level2-node-priority-label span {
   display: inline-block;
   vertical-align: text-bottom;
   height: 16px;
@@ -194,7 +194,7 @@
 .tita-okrdt-tree__e-empty-node {
   font-size: 12px;
   font-family: -apple-system, Arial, Verdana, Helvetica Neue, Helvetica, sans-serif, PingFang SC, Microsoft YaHei;
-  color: #F6BD16;
+  color: #f6bd16;
   line-height: 18px;
   padding-left: 12px;
 }

package/lib/components/e-priority/index.js

@@ -11,10 +11,14 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
+var _titaUi = require("tita-ui");
+
 var _dropSelector = _interopRequireDefault(require("../drop-selector"));
 
 var _getLocale = require("../../utils/getLocale");
 
+var _constant = require("../task-tree/task-item-node/constant");
+
 require("./index.css");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -64,9 +68,13 @@ var EPriority = function EPriority(props) {
     checked: level,
     canEdit: hasAuth && status !== '5',
     limitHeight: false,
-    trigger: /*#__PURE__*/_react["default"].createElement("span", {
+    trigger: /*#__PURE__*/_react["default"].createElement("div", {
+      className: (0, _classnames["default"])("".concat(preCls, "__e-task-node-priority-label"))
+    }, /*#__PURE__*/_react["default"].createElement(_titaUi.Tooltip, {
+      content: (0, _constant.getPriorityTextMapping)()[level]
+    }, /*#__PURE__*/_react["default"].createElement("span", {
       className: (0, _classnames["default"])("".concat(preCls, "__e-task-node-priority-p").concat(level))
-    })
+    })))
   }, /*#__PURE__*/_react["default"].createElement(_dropSelector["default"].IconItem, {
     name: "1"
   }, /*#__PURE__*/_react["default"].createElement("span", {

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

@@ -28,3 +28,7 @@
   line-height: 22px;
   color: #3f4755;
 }
+
+.form-field-radio__radios-item {
+  display: flex;
+}

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

@@ -33,17 +33,18 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-var prefixCls = "form-field-radio";
+var prefixCls = 'form-field-radio';
 
 var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var _props$className = props.className,
-      className = _props$className === void 0 ? "" : _props$className,
+      className = _props$className === void 0 ? '' : _props$className,
       label = props.label,
       onChange = props.onChange,
       radios = props.radios,
       require = props.require,
       value = props.value,
-      radioClass = props.radioClass;
+      _props$radioClass = props.radioClass,
+      radioClass = _props$radioClass === void 0 ? '' : _props$radioClass;
 
   var _useState = (0, _react.useState)(value),
       _useState2 = _slicedToArray(_useState, 2),

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

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

package/lib/components/nav-top/components/menu/img/new.svg

@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="36px" height="26px" viewBox="0 0 36 26" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>气泡</title>
+    <defs>
+        <path d="M26.0757238,0 C26.0757238,0 26.5924276,0.590963041 26.752784,2.04150869 C26.8839846,3.22831876 26.7408566,3.5759702 26.6844729,3.66315551 L26.6693863,3.6833642 L26.6693863,3.6833642 C26.6636971,3.68904201 27.2516704,3.6353181 27.3942094,3.25925071 C27.5358931,2.88547554 28.1011492,5.62102555 27.2497105,6.55512322 C27.2725189,6.60410922 27.2788178,6.63812034 27.2701648,6.65847289 C27.7385548,7.67365164 28,8.80629392 28,10 C28,14.418278 24.418278,18 20,18 L8,18 C3.581722,18 5.41083001e-16,14.418278 0,10 C-5.41083001e-16,5.581722 3.581722,2 8,2 L20,2 C20.4454205,2 20.8823388,2.03640207 21.3079422,2.10639354 C21.2551772,2.04616026 21.2417596,2.01501277 21.2749755,2.02035937 C21.4000713,1.99627315 21.6377016,1.90182651 22.0846325,1.61171738 C22.9398664,1.05657029 23.1002227,0.823766663 23.1002227,0.823766663 C23.1002227,0.823766663 23.2249443,1.19983405 23.1714922,1.53113152 C23.1180401,1.86242898 23.064588,2.05941666 23.064588,2.05941666 C23.064588,2.05941666 24.2583519,1.98778477 24.9888641,1.27146594 C25.7193764,0.555147099 26.0757238,0 26.0757238,0 Z" id="path-1"></path>
+        <filter x="-25.0%" y="-27.8%" width="150.0%" height="177.8%" filterUnits="objectBoundingBox" id="filter-2">
+            <feOffset dx="0" dy="2" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feGaussianBlur stdDeviation="2" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+            <feColorMatrix values="0 0 0 0 0.941176471   0 0 0 0 0.368627451   0 0 0 0 0.368627451  0 0 0 0.4 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
+        </filter>
+    </defs>
+    <g id="控件" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="top-面谈" transform="translate(-797.000000, -7.000000)">
+            <g id="一级菜单" transform="translate(204.000000, 3.000000)">
+                <g id="气泡" transform="translate(597.000000, 6.000000)">
+                    <text id="new" font-family="Arial-BoldMT, Arial" font-size="12" font-weight="bold" line-spacing="18" fill="#FFFFFF">
+                        <tspan x="1" y="11">new</tspan>
+                    </text>
+                    <g id="hot" fill-rule="nonzero">
+                        <g id="形状">
+                            <use fill="black" fill-opacity="1" filter="url(#filter-2)" xlink:href="#path-1"></use>
+                            <use fill="#F05E5E" xlink:href="#path-1"></use>
+                        </g>
+                        <path d="M4.61115455,12.8702703 L4.61115455,10.2702703 C4.61115455,9.62882883 4.65224568,9.18918919 4.73442794,8.95135135 C4.8166102,8.71351351 4.96855182,8.52252252 5.1902528,8.37837838 C5.41195378,8.23423423 5.662323,8.16216216 5.94136044,8.16216216 C6.15923899,8.16216216 6.34558249,8.21261261 6.50039093,8.31351351 C6.65519937,8.41441441 6.76700547,8.55585586 6.83580923,8.73783784 C6.90461298,8.91981982 6.93901486,9.32072072 6.93901486,9.94054054 L6.93901486,9.94054054 L6.93901486,12.8702703 L8.5501694,12.8702703 L8.5501694,9.3027027 C8.5501694,8.85945946 8.52054557,8.51891892 8.46129789,8.28108108 C8.40205021,8.04324324 8.29693337,7.83063063 8.14594735,7.64324324 C7.99496134,7.45585586 7.77230475,7.3018018 7.47797759,7.18108108 C7.18365042,7.06036036 6.85874381,7 6.50325775,7 C5.69672487,7 5.0277995,7.32432432 4.49648163,7.97297297 L4.49648163,7.97297297 L4.49648163,7.12972973 L3,7.12972973 L3,12.8702703 L4.61115455,12.8702703 Z M12.6669273,13 C13.3358527,13 13.8929719,12.854955 14.3382851,12.5648649 C14.7835983,12.2747748 15.1094605,11.8522523 15.3158718,11.2972973 L15.3158718,11.2972973 L13.7104509,11.0432432 C13.622535,11.3315315 13.4925723,11.5405405 13.3205629,11.6702703 C13.1485536,11.8 12.9364087,11.8648649 12.6841282,11.8648649 C12.3133524,11.8648649 12.0037356,11.7396396 11.7552776,11.4891892 C11.5068196,11.2387387 11.3768569,10.8882883 11.3653896,10.4378378 L11.3653896,10.4378378 L15.4018765,10.4378378 C15.4248111,9.27387387 15.1744418,8.40990991 14.6507688,7.84594595 C14.1270958,7.28198198 13.4123013,7 12.5063852,7 C11.6998523,7 11.0328382,7.26936937 10.5053427,7.80810811 C9.97784728,8.34684685 9.71409956,9.09189189 9.71409956,10.0432432 C9.71409956,10.8396396 9.91477717,11.4990991 10.3161324,12.0216216 C10.8245157,12.6738739 11.608114,13 12.6669273,13 Z M13.8021892,9.50810811 L11.3940579,9.50810811 C11.3902354,9.09369369 11.5029971,8.76576577 11.732343,8.52432432 C11.9616888,8.28288288 12.2521936,8.16216216 12.6038572,8.16216216 C12.9325862,8.16216216 13.2116237,8.27657658 13.4409695,8.50540541 C13.6703154,8.73423423 13.7907219,9.06846847 13.8021892,9.50810811 L13.8021892,9.50810811 Z M19.4154287,12.8702703 L20.447485,9.17837838 L21.4967422,12.8702703 L23.0448267,12.8702703 L25,7.12972973 L23.41178,7.12972973 L22.2478499,10.8918919 L21.2329945,7.12972973 L19.6791764,7.12972973 L18.6299192,10.8918919 L17.4889236,7.12972973 L15.9236383,7.12972973 L17.8501433,12.8702703 L19.4154287,12.8702703 Z" id="new" fill="#FFFFFF"></path>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/lib/components/nav-top/components/menu/index.css

@@ -117,6 +117,97 @@
   position: relative;
 }
 
+.titaui-nav-top-menu__tips {
+  position: relative;
+}
+
+.titaui-nav-top-menu__tips-new {
+  width: 36px;
+  height: 26px;
+  position: absolute;
+  top: 4px;
+  right: -12px;
+}
+
+.titaui-nav-top-menu__tips-box {
+  width: 308px;
+  height: 142px;
+  box-sizing: border-box;
+  padding: 16px;
+  background: #5c8eff;
+  box-shadow: 0px 8px 24px 0px rgba(127, 145, 180, 0.3);
+  border: 1px solid #eff0f1;
+  border-radius: 12px;
+  z-index: 99;
+}
+
+.titaui-nav-top-menu__tips-box-head {
+  padding-left: 24px;
+  background-image: url("./img/wecome-temp.png");
+  background-position: 0 0;
+  background-repeat: no-repeat;
+  background-size: 20px 20px;
+}
+
+.titaui-nav-top-menu__tips-box-title {
+  display: block;
+  font-size: 14px;
+  color: #ffffff;
+  line-height: 22px;
+  font-weight: 600;
+}
+
+.titaui-nav-top-menu__tips-box-content {
+  font-size: 12px;
+  color: #ffffff;
+  line-height: 20px;
+  margin-top: 10px;
+}
+
+.titaui-nav-top-menu__tips-box-ok {
+  height: 28px;
+  margin-top: 8px;
+  margin-left: 210px;
+  background: #ffffff;
+  box-shadow: 0px -4px 12px 0px rgba(127, 145, 180, 0.2);
+  border-radius: 14px;
+  box-sizing: border-box;
+  padding: 3px 17px;
+  font-size: 14px;
+  color: #2879ff;
+  line-height: 22px;
+  cursor: pointer;
+}
+
+.titaui-nav-top-menu__tips-triangle {
+  position: absolute;
+  top: -4px;
+  left: 50%;
+  margin-left: -4px;
+  width: 0;
+  height: 0;
+  border-left: 5px solid transparent;
+  border-right: 5px solid transparent;
+  border-bottom: 5px solid #fff;
+}
+
+.titaui-nav-top-menu__tips-triangle::after {
+  content: '';
+  width: 0;
+  height: 0;
+  position: absolute;
+  left: -4px;
+  top: 2px;
+  border-left: solid 4px transparent;
+  border-right: solid 4px transparent;
+  border-bottom: solid 4px #5c8eff;
+  z-index: 99;
+}
+
+.titaui-nav-top-menu__tips-hide {
+  display: none;
+}
+
 .titaui-nav-top-menu .rc-overflow-item {
   position: relative;
 }

package/lib/components/nav-top/components/menu/index.js

@@ -21,6 +21,8 @@ var _conditionRender = _interopRequireDefault(require("../../../../components/co
 
 var _useGlobalValue3 = _interopRequireDefault(require("../../useGlobalValue"));
 
+var _new = _interopRequireDefault(require("./img/new.svg"));
+
 require("./index.css");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -52,6 +54,15 @@ var popupAlign = {
   },
   targetOffset: [0, 0]
 };
+var NewFeatureGuidePopupAlign = {
+  offset: [104, -5],
+  overflow: {
+    adjustX: true,
+    adjustY: true
+  },
+  targetOffset: [0, 0]
+};
+var NEWMENUS = '#/interview';
 
 var Menu = function Menu(_ref) {
   var menus = _ref.menus,
@@ -59,8 +70,13 @@ var Menu = function Menu(_ref) {
 
   var _useState = (0, _react.useState)(false),
       _useState2 = _slicedToArray(_useState, 2),
-      popupVisible = _useState2[0],
-      setPopupVisible = _useState2[1];
+      isKnow = _useState2[0],
+      setIsKonw = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(false),
+      _useState4 = _slicedToArray(_useState3, 2),
+      popupVisible = _useState4[0],
+      setPopupVisible = _useState4[1];
 
   var _useGlobalValue = (0, _useGlobalValue3["default"])(),
       _useGlobalValue2 = _slicedToArray(_useGlobalValue, 1),
@@ -84,33 +100,66 @@ var Menu = function Menu(_ref) {
     }
   };
 
-  var handleClickToLearning = function handleClickToLearning() {
-    window.open("".concat(apiPath, "/").concat(userId, "/eLearningHome#/"), '_self');
+  var handleClick = function handleClick() {
+    setIsKonw(true);
+    localStorage.setItem("isNewMenuItem__".concat(userId), "".concat(userId));
   };
 
+  (0, _react.useEffect)(function () {
+    var isKnow = localStorage.getItem("isNewMenuItem__".concat(userId));
+
+    if (isKnow) {
+      setIsKonw(true);
+    }
+  }, []);
+
+  var popup = /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(prefix, "__tips")
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])("".concat(prefix, "__tips-box"), _defineProperty({}, "".concat(prefix, "__tips-hide"), isKnow))
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(prefix, "__tips-box-head")
+  }, /*#__PURE__*/_react["default"].createElement("h2", {
+    className: "".concat(prefix, "__tips-box-title")
+  }, "1 : 1 \u9762\u8C08\uFF08\u4E00\u5BF9\u4E00\u9762\u8C08\uFF09\u4E0A\u7EBF\u5566\uFF01"), /*#__PURE__*/_react["default"].createElement("p", {
+    className: "".concat(prefix, "__tips-box-content")
+  }, "\u52A9\u529B\u7ECF\u7406\u548C\u4E0B\u7EA7\u8FDB\u884C\u6301\u7EED\u6C9F\u901A\uFF0C\u4E3A\u4E0D\u540C\u573A\u666F\u63D0\u4F9B\u4E30\u5BCC\u7684\u6C9F\u901A\u6A21\u677F\uFF0C\u5373\u523B\u4E86\u89E3\uFF0CGo~")), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(prefix, "__tips-box-ok"),
+    onClick: handleClick
+  }, "\u597D\u54D2")), /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])("".concat(prefix, "__tips-triangle"), _defineProperty({}, "".concat(prefix, "__tips-hide"), isKnow))
+  }));
+
   var renderRawItem = function renderRawItem(menu) {
+    var href = menu.href;
+
+    if (menu.title === 'Learning') {
+      href = "".concat(apiPath, "/").concat(userId, "/eLearningHome#/");
+    }
+
     return /*#__PURE__*/_react["default"].createElement(_rcOverflow["default"].Item, {
       component: "span"
     }, /*#__PURE__*/_react["default"].createElement(_conditionRender["default"], {
-      condition: menu.title !== 'Learning'
+      condition: menu.id
+    }, /*#__PURE__*/_react["default"].createElement(_popup["default"], {
+      popupVisible: !isKnow,
+      popup: menu.href === NEWMENUS ? popup : null,
+      mask: false,
+      action: ['focus'],
+      popupAlign: NewFeatureGuidePopupAlign
     }, /*#__PURE__*/_react["default"].createElement("a", {
       className: (0, _classnames["default"])("".concat(prefix, "__menu-show"), _defineProperty({}, "".concat(prefix, "__menu-show--active"), activeMenuId === menu.id)),
-      href: "".concat(menu.href),
+      href: href,
       target: "_self",
       onClick: function onClick() {
         return handleTracker(menu);
       }
     }, menu.title, menu.href === '#dynamic' && feedNum > 0 && /*#__PURE__*/_react["default"].createElement("div", {
       className: (0, _classnames["default"])("".concat(prefix, "__menu--hasNum"), _defineProperty({}, "".concat(prefix, "__menu--hasNum-active"), activeMenuId === menu.id && menu.href === '#dynamic'))
-    }, feedNum > 100 ? '99+' : feedNum))), /*#__PURE__*/_react["default"].createElement(_conditionRender["default"], {
-      condition: menu.title === 'Learning'
-    }, /*#__PURE__*/_react["default"].createElement("span", {
-      className: (0, _classnames["default"])("".concat(prefix, "__menu-show"), _defineProperty({}, "".concat(prefix, "__menu-show--active"), activeMenuId === menu.id)),
-      onClick: function onClick() {
-        handleTracker(menu);
-        handleClickToLearning();
-      }
-    }, menu.title)));
+    }, feedNum > 100 ? '99+' : feedNum), menu.href === NEWMENUS && /*#__PURE__*/_react["default"].createElement("img", {
+      src: _new["default"],
+      className: "".concat(prefix, "__tips-new")
+    })))));
   };
 
   var renderRest = function renderRest(items) {
@@ -122,18 +171,17 @@ var Menu = function Menu(_ref) {
     var popContent = /*#__PURE__*/_react["default"].createElement("div", {
       className: "".concat(prefix, "__hide-menus")
     }, items.map(function (menu) {
+      var href = menu.href;
+
+      if (menu.title === 'Learning') {
+        href = "".concat(apiPath, "/").concat(userId, "/eLearningHome#/");
+      }
+
       return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_conditionRender["default"], {
-        condition: menu.title !== 'Learning'
-      }, /*#__PURE__*/_react["default"].createElement("a", {
-        className: (0, _classnames["default"])("".concat(prefix, "__menu-hide"), _defineProperty({}, "".concat(prefix, "__menu-hide--active"), activeMenuId === menu.id)),
-        href: "".concat(menu.href),
-        key: menu.id,
-        target: "_self"
-      }, menu.title)), /*#__PURE__*/_react["default"].createElement(_conditionRender["default"], {
-        condition: menu.title === 'Learning'
+        condition: menu.id
       }, /*#__PURE__*/_react["default"].createElement("a", {
         className: (0, _classnames["default"])("".concat(prefix, "__menu-hide"), _defineProperty({}, "".concat(prefix, "__menu-hide--active"), activeMenuId === menu.id)),
-        href: "".concat(apiPath, "/").concat(userId, "/eLearningHome#/"),
+        href: href,
         key: menu.id,
         target: "_self"
       }, menu.title)));

package/lib/components/nav-top/components/user-message/components/inform/inform-item.js

@@ -84,7 +84,8 @@ function Inform(props) {
     }
 
     if (objType === _constant.EObjType.Interview) {
-      (0, _tools.openPage)("".concat(_constant.apiServer, "/u/").concat(_constant.userId, "/Home#/interview?reactRouterName=detail&hideNavTop=true&recordId=").concat(objId, "&toUserId=").concat(user === null || user === void 0 ? void 0 : user.userId));
+      messageType !== 153 && (0, _tools.openPage)( // 153：删除面谈的通知类型
+      "".concat(_constant.apiServer, "/u/").concat(_constant.userId, "/Home#/interview?reactRouterName=detail&hideNavTop=true&recordId=").concat(objId, "&toUserId=").concat(user === null || user === void 0 ? void 0 : user.userId));
       return;
     }
 

package/lib/components/nav-top/components/user-message/components/todos/index.css

@@ -50,6 +50,7 @@
   height: 82px;
   margin-left: 12px;
   padding-top: 8px;
+  overflow: hidden;
 }
 
 .titaui-user-message-msg-todos__item-right-header {