@titaui/pc 1.11.39 → 1.11.40-beta.4

package/lib/components/drawer/headerDrop.js

@@ -9,6 +9,8 @@ exports["default"] = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
+var _helper = require("../okr-detail/helper");
+
 var _popup = _interopRequireDefault(require("../popup"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -44,7 +46,9 @@ var HeaderDropItem = function HeaderDropItem(_ref) {
       colorInDrop = _ref.colorInDrop,
       hoverColorInDrop = _ref.hoverColorInDrop,
       _onClick = _ref.onClick,
-      onClose = _ref.onClose;
+      onClose = _ref.onClose,
+      approvalSetting = _ref.approvalSetting,
+      detailInfo = _ref.detailInfo;
 
   var _useState = (0, _react.useState)(false),
       _useState2 = _slicedToArray(_useState, 2),
@@ -52,7 +56,37 @@ var HeaderDropItem = function HeaderDropItem(_ref) {
       setHover = _useState2[1];
 
   var hasIcon = !!icon && typeof icon === "string";
-  return /*#__PURE__*/_react["default"].createElement("div", {
+  var applyState = detailInfo === null || detailInfo === void 0 ? void 0 : detailInfo.applyState;
+  var OkrAndKrApprovalTypes = detailInfo === null || detailInfo === void 0 ? void 0 : detailInfo.OkrAndKrApprovalTypes;
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, icon === 'tu-icon-del' ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, (0, _helper.getApprovalOkr)(approvalSetting, 'deleteOkr', applyState, OkrAndKrApprovalTypes) ? /*#__PURE__*/_react["default"].createElement("div", {
+    className: "header-drop-item",
+    style: {
+      color: hover ? hoverColorInDrop || hoverColor : colorInDrop || color
+    },
+    onClick: function onClick(e) {
+      _onClick && _onClick(e);
+      onClose(false);
+    },
+    onMouseOver: function onMouseOver() {
+      return setHover(true);
+    },
+    onMouseOut: function onMouseOut() {
+      return setHover(false);
+    }
+  }, hasIcon && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "header-drop-item-icon",
+    style: {
+      color: hover ? hoverIconColorInDrop || hoverColorInDrop || hoverColor : iconColorInDrop || colorInDrop || color
+    }
+  }, typeof icon === "string" ? /*#__PURE__*/_react["default"].createElement("span", {
+    className: icon
+  }) : icon), title) : /*#__PURE__*/_react["default"].createElement("div", {
+    className: "header-drop-item-approval"
+  }, hasIcon && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "header-drop-item-icon"
+  }, typeof icon === "string" ? /*#__PURE__*/_react["default"].createElement("span", {
+    className: icon
+  }) : icon), title)) : /*#__PURE__*/_react["default"].createElement("div", {
     className: "header-drop-item",
     style: {
       color: hover ? hoverColorInDrop || hoverColor : colorInDrop || color
@@ -74,19 +108,23 @@ var HeaderDropItem = function HeaderDropItem(_ref) {
     }
   }, typeof icon === "string" ? /*#__PURE__*/_react["default"].createElement("span", {
     className: icon
-  }) : icon), title);
+  }) : icon), title));
 };
 
 var HeaderDrop = function HeaderDrop(_ref2) {
   var visible = _ref2.visible,
       onVisibleChange = _ref2.onVisibleChange,
       items = _ref2.items,
-      children = _ref2.children;
+      children = _ref2.children,
+      approvalSetting = _ref2.approvalSetting,
+      detailInfo = _ref2.detailInfo;
   var renderDrop = (0, _react.useMemo)(function () {
     return /*#__PURE__*/_react["default"].createElement("div", {
       className: "titaui-drawer-header-action-drop-wrapper"
     }, items.map(function (item) {
       return /*#__PURE__*/_react["default"].createElement(HeaderDropItem, _extends({}, item, {
+        detailInfo: detailInfo,
+        approvalSetting: approvalSetting,
         onClose: function onClose() {
           return onVisibleChange(false);
         }

package/lib/components/drawer/index.css

@@ -164,6 +164,39 @@
   background-repeat: no-repeat;
 }
 
+.titaui-drawer-header-action-drop-wrapper .header-drop-item-approval {
+  height: 32px;
+  display: flex;
+  align-items: center;
+  padding: 0 23px;
+  cursor: pointer;
+  color: #BFC7D5;
+}
+
+.titaui-drawer-header-action-drop-wrapper .header-drop-item-approval-icon {
+  font-size: 18px;
+  color: inherit;
+  width: 18px;
+  height: 18px;
+  cursor: pointer;
+  margin-right: 10px;
+  background-size: contain;
+  background-position: center center;
+  background-repeat: no-repeat;
+}
+
+.titaui-drawer-header-action-drop-wrapper .header-drop-item-approval-icon > span {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: inherit;
+  width: 18px;
+  height: 18px;
+  background-size: contain;
+  background-position: center center;
+  background-repeat: no-repeat;
+}
+
 .drawer-left .drawer-content-wrapper,
 .drawer-right .drawer-content-wrapper,
 .drawer-left .drawer-content,

package/lib/components/drawer/index.js

@@ -25,7 +25,9 @@ require("./index.css");
 
 var _context = _interopRequireDefault(require("../drawer-manager/context"));
 
-var _excluded = ["visible", "placement", "children", "mask", "width", "className", "contentWrapperStyle", "onClose", "style", "afterVisibleChange", "destroyOnClose", "bodyStyle", "zIndex"];
+var _dom = require("./utils/dom");
+
+var _excluded = ["visible", "placement", "children", "mask", "width", "className", "contentWrapperStyle", "onClose", "style", "afterVisibleChange", "destroyOnClose", "bodyStyle", "zIndex", "autoClosable"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -70,6 +72,8 @@ var Drawer = function Drawer(props) {
       bodyStyle = props.bodyStyle,
       _props$zIndex = props.zIndex,
       zIndex = _props$zIndex === void 0 ? 1200 : _props$zIndex,
+      _props$autoClosable = props.autoClosable,
+      autoClosable = _props$autoClosable === void 0 ? false : _props$autoClosable,
       rest = _objectWithoutProperties(props, _excluded);
 
   var handleAfterVisibleChange = (0, _react.useCallback)(function (opened) {
@@ -89,6 +93,20 @@ var Drawer = function Drawer(props) {
     return children;
   }
 
+  var autoClose = function autoClose(e) {
+    if ((0, _dom.hasAncestorElement)(e.target, 'document-mouse-event-ignore,rc-tooltip,titaui-popup,rc-dialog-root,common-modal,in-modal,task-hot-add')) return;
+    onClose();
+  };
+
+  (0, _react.useEffect)(function () {
+    if (autoClosable) {
+      document.addEventListener('mousedown', autoClose);
+    }
+
+    return function () {
+      document.removeEventListener('mousedown', autoClose);
+    };
+  }, []);
   return /*#__PURE__*/_react["default"].createElement(DrawerContext.Provider, {
     value: {
       close: function close() {
@@ -123,7 +141,10 @@ function DrawerHeader(_ref) {
       content = _ref.content,
       style = _ref.style,
       onClose = _ref.onClose,
-      actionComponent = _ref.actionComponent;
+      actionComponent = _ref.actionComponent,
+      onlyShowContent = _ref.onlyShowContent,
+      approvalSetting = _ref.approvalSetting,
+      detailInfo = _ref.detailInfo;
   var drawer = (0, _react.useContext)(DrawerContext);
   var manager = (0, _react.useContext)(_context["default"]);
   var showClose = closable && (!!onClose || !!drawer);
@@ -152,9 +173,11 @@ function DrawerHeader(_ref) {
     style: {
       flex: 1
     }
-  }), /*#__PURE__*/_react["default"].createElement("div", null, actionComponent), displayActions.map(function (action) {
+  }), /*#__PURE__*/_react["default"].createElement("div", null, onlyShowContent), /*#__PURE__*/_react["default"].createElement("div", null, actionComponent), displayActions.map(function (action) {
     return /*#__PURE__*/_react["default"].createElement(_headerAction["default"], action);
   }), !!collapsedActions.length && /*#__PURE__*/_react["default"].createElement(_headerAction["default"], {
+    approvalSetting: approvalSetting,
+    detailInfo: detailInfo,
     title: (0, _getLocale.getLocale)('Mod_MoreOperate'),
     icon: "tu-icon-10",
     children: collapsedActions

package/lib/components/dynamic/constant.js

@@ -3,26 +3,26 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getObjTypeMapText = exports.PlanReportType = exports.OkrRiskMapping = exports.ObjectType = exports.EStatusStatus2ClassType = exports.EShareType = exports.EObjType = exports.EFeedType = void 0;
+exports.getObjTypeMapText = exports.PlanReportType = exports.PlanReportTrackActionNameMap = exports.OkrRiskMapping = exports.ObjectType = exports.EStatusStatus2ClassType = exports.EShareType = exports.EObjType = exports.EFeedType = void 0;
 
 var _getLocale = require("../../utils/getLocale");
 
 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 OkrRiskMapping = {
-  0: 'normal',
+  0: "normal",
   // 正常推进
-  1: 'normal',
+  1: "normal",
   // 正常推进
-  2: 'risk',
+  2: "risk",
   // 注意风险
-  3: 'delay',
+  3: "delay",
   // 已有风险
-  4: 'end',
+  4: "end",
   // kr及o全都完成
-  5: 'delay',
+  5: "delay",
   // 延期完成
-  6: 'normal' // 正常推进
+  6: "normal" // 正常推进
 
 };
 exports.OkrRiskMapping = OkrRiskMapping;
@@ -82,7 +82,7 @@ exports.EObjType = EObjType;
 var getObjTypeMapText = function getObjTypeMapText(key) {
   var _data;
 
-  var data = (_data = {}, _defineProperty(_data, EObjType.Project, (0, _getLocale.getLocale)('Menu_Title_Projects')), _defineProperty(_data, EObjType.Task, (0, _getLocale.getLocale)('Mod_Tasks')), _defineProperty(_data, EObjType.O, (0, _getLocale.getLocale)('Mod_Objective')), _defineProperty(_data, EObjType.Kr, (0, _getLocale.getLocale)('Mod_KeyResults')), _defineProperty(_data, EObjType.MileStone, (0, _getLocale.getLocale)('Pro_page_Plan_Milestone')), _defineProperty(_data, EObjType.KanBan, (0, _getLocale.getLocale)('Pro_page_V_Tab_Kanban')), _defineProperty(_data, EObjType.Report, '总结'), _data);
+  var data = (_data = {}, _defineProperty(_data, EObjType.Project, (0, _getLocale.getLocale)("Menu_Title_Projects")), _defineProperty(_data, EObjType.Task, (0, _getLocale.getLocale)("Mod_Tasks")), _defineProperty(_data, EObjType.O, (0, _getLocale.getLocale)("Mod_Objective")), _defineProperty(_data, EObjType.Kr, (0, _getLocale.getLocale)("Mod_KeyResults")), _defineProperty(_data, EObjType.MileStone, (0, _getLocale.getLocale)("Pro_page_Plan_Milestone")), _defineProperty(_data, EObjType.KanBan, (0, _getLocale.getLocale)("Pro_page_V_Tab_Kanban")), _defineProperty(_data, EObjType.Report, "总结"), _data);
   return data[key];
 };
 
@@ -90,34 +90,39 @@ exports.getObjTypeMapText = getObjTypeMapText;
 
 var ObjectType = function ObjectType() {
   return {
-    1: (0, _getLocale.getLocale)('Mod_sannouncement'),
-    4: (0, _getLocale.getLocale)('Menu_Title_Projects'),
-    5: (0, _getLocale.getLocale)('Mod_sPerformanceForm'),
-    6: (0, _getLocale.getLocale)('Mod_sPerformanceGoals'),
-    7: (0, _getLocale.getLocale)('Mod_stasks'),
-    8: (0, _getLocale.getLocale)('Mod_sDailySummary'),
-    10: (0, _getLocale.getLocale)('Feed_sFeed'),
-    11: (0, _getLocale.getLocale)('Pro_page_Plan'),
-    12: (0, _getLocale.getLocale)('Feed_OperationTasks'),
-    62: (0, _getLocale.getLocale)('Mod_sobjective'),
-    65: (0, _getLocale.getLocale)('Feed_Keyresults'),
-    70: (0, _getLocale.getLocale)('OKR_MyO_KRP_Review'),
-    79: (0, _getLocale.getLocale)('Mod_skeyprogress'),
-    80: (0, _getLocale.getLocale)('Feed_sAnnouncement'),
-    42: (0, _getLocale.getLocale)('OKR_MyO_E_Reward')
+    1: (0, _getLocale.getLocale)("Mod_sannouncement"),
+    4: (0, _getLocale.getLocale)("Menu_Title_Projects"),
+    5: (0, _getLocale.getLocale)("Mod_sPerformanceForm"),
+    6: (0, _getLocale.getLocale)("Mod_sPerformanceGoals"),
+    7: (0, _getLocale.getLocale)("Mod_stasks"),
+    8: (0, _getLocale.getLocale)("Mod_sDailySummary"),
+    10: (0, _getLocale.getLocale)("Feed_sFeed"),
+    11: (0, _getLocale.getLocale)("Pro_page_Plan"),
+    12: (0, _getLocale.getLocale)("Feed_OperationTasks"),
+    62: (0, _getLocale.getLocale)("Mod_sobjective"),
+    65: (0, _getLocale.getLocale)("Feed_Keyresults"),
+    70: (0, _getLocale.getLocale)("OKR_MyO_KRP_Review"),
+    79: (0, _getLocale.getLocale)("Mod_skeyprogress"),
+    80: (0, _getLocale.getLocale)("Feed_sAnnouncement"),
+    42: (0, _getLocale.getLocale)("OKR_MyO_E_Reward")
   };
 };
 
 exports.ObjectType = ObjectType;
 var EStatusStatus2ClassType = {
-  2: 'tu-icon-finished',
-  1: 'tu-icon-running',
-  4: 'tu-icon-canceled',
-  3: 'tu-icon-deferred',
-  6: 'tu-icon-paused',
-  0: 'tu-icon-notstart',
-  5: 'tu-icon-jiantou-right'
+  2: "tu-icon-finished",
+  1: "tu-icon-running",
+  4: "tu-icon-canceled",
+  3: "tu-icon-deferred",
+  6: "tu-icon-paused",
+  0: "tu-icon-notstart",
+  5: "tu-icon-jiantou-right"
 };
 exports.EStatusStatus2ClassType = EStatusStatus2ClassType;
-var PlanReportType = ['titaPlanReport', 'titaPlanManagerReport'];
-exports.PlanReportType = PlanReportType;
+var PlanReportType = ["titaPlanReport", "titaPlanManagerReport"];
+exports.PlanReportType = PlanReportType;
+var PlanReportTrackActionNameMap = {
+  titaPlanReport: "动态日报推送",
+  titaPlanManagerReport: "动态日报推送-管理者"
+};
+exports.PlanReportTrackActionNameMap = PlanReportTrackActionNameMap;

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 = "点赞总结feed";
     } else {
       setPraiseData(data);
+      actionName = "取消总结feed点赞";
+    }
+
+    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" ? "删除总结feed评论" : "评论总结feed";
+
+    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/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/index.js

@@ -15,6 +15,8 @@ var _bsGlobal = require("../../utils/bs-global");
 
 var _userOwnMenu = _interopRequireDefault(require("./components/user-own-menu"));
 
+var _useGlobalValue = _interopRequireDefault(require("./useGlobalValue"));
+
 var _menu = _interopRequireDefault(require("./components/menu"));
 
 var _userMessage = _interopRequireDefault(require("./components/user-message"));
@@ -170,5 +172,7 @@ var NavTop = function NavTop() {
   }, /*#__PURE__*/_react["default"].createElement(_userOwnMenu["default"], null)));
 };
 
-var _default = NavTop;
-exports["default"] = _default;
+var _default = NavTop; // @ts-ignore
+
+exports["default"] = _default;
+NavTop.useGlobalValue = _useGlobalValue["default"];

package/lib/components/okr-detail/base-info/other-infos/date-cycle/index.js

@@ -13,6 +13,10 @@ var _okrPeriodSelector = _interopRequireDefault(require("../../../../okr-period-
 
 var _getLocale = require("../../../../../utils/getLocale");
 
+var _context = require("../../../context");
+
+var _helper = require("../../../helper");
+
 require("./index.css");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -40,14 +44,22 @@ var DateCycle = function DateCycle(_ref) {
       _ref$canEdit = _ref.canEdit,
       canEdit = _ref$canEdit === void 0 ? false : _ref$canEdit;
 
+  var _useContext = (0, _react.useContext)(_context.CommonContext),
+      okrInfo = _useContext.okrInfo,
+      approvalSetting = _useContext.approvalSetting;
+
+  var canCycleEdit = canEdit && (0, _helper.getApprovalOkr)(approvalSetting, "changeOkrTime", okrInfo === null || okrInfo === void 0 ? void 0 : okrInfo.applyState, okrInfo === null || okrInfo === void 0 ? void 0 : okrInfo.OkrAndKrApprovalTypes);
+
   var _useState = (0, _react.useState)(false),
       _useState2 = _slicedToArray(_useState, 2),
       isFocus = _useState2[0],
       setIsFocus = _useState2[1];
 
   var handleButtonFocus = (0, _react.useCallback)(function () {
-    canEdit && setIsFocus(true);
-  }, [canEdit]);
+    if (canCycleEdit) {
+      setIsFocus(true);
+    }
+  }, [canCycleEdit]);
   var handleButtonBlur = (0, _react.useCallback)(function () {
     setIsFocus(false);
   }, []);
@@ -57,9 +69,10 @@ var DateCycle = function DateCycle(_ref) {
         clickCallback = _ref2.clickCallback,
         text = _ref2.text;
     return /*#__PURE__*/_react["default"].createElement("button", {
+      type: "button",
       onFocus: handleButtonFocus,
       onBlur: handleButtonBlur,
-      className: "base-info-date-cycle__button ".concat(isFocus ? "base-info-date-cycle__button--focus" : "", " ").concat(!canEdit && "base-info-date-cycle__button--disable"),
+      className: "base-info-date-cycle__button ".concat(isFocus ? "base-info-date-cycle__button--focus" : "", " ").concat(!canCycleEdit && "base-info-date-cycle__button--disable"),
       ref: btnRef,
       onClick: clickCallback
     }, /*#__PURE__*/_react["default"].createElement("span", {
@@ -78,10 +91,13 @@ var DateCycle = function DateCycle(_ref) {
     cycle: cycle,
     setCycle: setCycle,
     okrId: okrId,
-    canEdit: canEdit,
+    canEdit: canCycleEdit,
     getCycleRange: true
   }));
 };
 
+DateCycle.defaultProps = {
+  canEdit: false
+};
 var _default = DateCycle;
 exports["default"] = _default;

package/lib/components/okr-detail/base-info/other-infos/principal/index.js

@@ -21,6 +21,10 @@ var _popConfirm = _interopRequireDefault(require("../../../../../components-v1/p
 
 var _getLocale = require("../../../../../utils/getLocale");
 
+var _context2 = require("../../../context");
+
+var _helper = require("../../../helper");
+
 require("./index.css");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -60,6 +64,10 @@ var Principal = function Principal(_ref) {
       selectUser = _useState2[0],
       setSelectUser = _useState2[1];
 
+  var _useContext = (0, _react.useContext)(_context2.CommonContext),
+      okrInfo = _useContext.okrInfo,
+      approvalSetting = _useContext.approvalSetting;
+
   var handleSelected = function handleSelected(_ref2) {
     var _ref3 = _slicedToArray(_ref2, 1),
         user = _ref3[0];
@@ -114,7 +122,7 @@ var Principal = function Principal(_ref) {
   }, (0, _getLocale.getLocale)("Mod_Owner")), /*#__PURE__*/_react["default"].createElement("div", {
     className: "base-info-other-infos__principal-user",
     ref: selectUserRef
-  }, canEdit ? /*#__PURE__*/_react["default"].createElement(_popConfirm["default"], {
+  }, canEdit && (0, _helper.getApprovalOkr)(approvalSetting, "changeOkrName", okrInfo.applyState, okrInfo === null || okrInfo === void 0 ? void 0 : okrInfo.OkrAndKrApprovalTypes) ? /*#__PURE__*/_react["default"].createElement(_popConfirm["default"], {
     ref: popConfirmRef,
     showArrow: false,
     style: {