@titaui/pc 1.11.43 → 1.11.46

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/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,6 +18,12 @@ 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",

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/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 {

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: {

package/lib/components/okr-detail/components/header/index.js

@@ -31,6 +31,8 @@ var _progress = _interopRequireDefault(require("../../../progress"));
 
 var _utils = require("../../../progress/utils");
 
+var _helper = require("../../helper");
+
 var _tooltip = _interopRequireDefault(require("../../../tooltip"));
 
 var _auth = require("../../../../utils/auth");
@@ -85,6 +87,8 @@ function Header(props) {
       setGeneralOkrClassify = _useContext.setGeneralOkrClassify,
       showOkrEvalute = _useContext.showOkrEvalute;
 
+  var commonContext = (0, _react.useContext)(_context.CommonContext);
+  var approvalSetting = commonContext.approvalSetting;
   var showOScore = (_window = window) === null || _window === void 0 ? void 0 : (_window$BSGlobal = _window.BSGlobal) === null || _window$BSGlobal === void 0 ? void 0 : (_window$BSGlobal$OkrA = _window$BSGlobal.OkrAdvancedSetting) === null || _window$BSGlobal$OkrA === void 0 ? void 0 : (_window$BSGlobal$OkrA2 = _window$BSGlobal$OkrA.KRSetting) === null || _window$BSGlobal$OkrA2 === void 0 ? void 0 : _window$BSGlobal$OkrA2.OScore;
   var _okrInfo$progressGrow = okrInfo.progressGrow,
       progressGrow = _okrInfo$progressGrow === void 0 ? 0 : _okrInfo$progressGrow,
@@ -156,7 +160,7 @@ function Header(props) {
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(precls, "__avatar")
   }, /*#__PURE__*/_react["default"].createElement(_oAvatar["default"], {
-    editable: editable,
+    editable: editable && (okrInfo === null || okrInfo === void 0 ? void 0 : okrInfo.applyState) !== 1,
     okrId: okrInfo.workId
   })), /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(precls, "__content")
@@ -164,7 +168,10 @@ function Header(props) {
     editable: editable,
     okrName: okrName,
     setIsEdit: setIsEdit,
-    okrStatus: okrInfo.status
+    okrStatus: okrInfo === null || okrInfo === void 0 ? void 0 : okrInfo.status,
+    OkrAndKrApprovalTypes: okrInfo === null || okrInfo === void 0 ? void 0 : okrInfo.OkrAndKrApprovalTypes,
+    applyState: okrInfo === null || okrInfo === void 0 ? void 0 : okrInfo.applyState,
+    approvalSetting: approvalSetting
   }, /*#__PURE__*/_react["default"].createElement(_oClassify["default"], {
     editable: editable,
     okrId: okrInfo.workId,
@@ -187,7 +194,7 @@ function Header(props) {
   })), /*#__PURE__*/_react["default"].createElement("span", {
     className: "".concat(precls, "__action-item")
   }, /*#__PURE__*/_react["default"].createElement(_oCycle["default"], {
-    editable: editable,
+    editable: editable && (0, _helper.getApprovalOkr)(approvalSetting, "changeOkrTime", okrInfo === null || okrInfo === void 0 ? void 0 : okrInfo.applyState, okrInfo === null || okrInfo === void 0 ? void 0 : okrInfo.OkrAndKrApprovalTypes),
     okrId: okrInfo.workId
   })), /*#__PURE__*/_react["default"].createElement("span", {
     className: "".concat(precls, "__action-item")

package/lib/components/okr-detail/components/header/o-name.js

@@ -13,6 +13,8 @@ var _getLocale = require("../../../../utils/getLocale");
 
 var _tools = require("../../../../utils/tools");
 
+var _helper = require("../../helper");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 function OName(props) {
@@ -20,11 +22,16 @@ function OName(props) {
       okrName = props.okrName,
       setIsEdit = props.setIsEdit,
       okrStatus = props.okrStatus,
-      children = props.children;
+      children = props.children,
+      approvalSetting = props.approvalSetting,
+      applyState = props.applyState,
+      OkrAndKrApprovalTypes = props.OkrAndKrApprovalTypes;
 
   var handleEditClick = function handleEditClick() {
-    if (editable) {
-      setIsEdit(true);
+    if ((0, _helper.getApprovalOkr)(approvalSetting, "changeOkrName", applyState, OkrAndKrApprovalTypes)) {
+      if (editable) {
+        setIsEdit(true);
+      }
     }
   };
 

package/lib/components/okr-detail/components/o-classify.js

@@ -84,7 +84,11 @@ function OClassify(props) {
 
             case 5:
               res = _context.sent;
-              onOkrClassifyChange(select);
+
+              if (onOkrClassifyChange) {
+                onOkrClassifyChange(select);
+              }
+
               setVisible(false);
 
               _toast["default"].Success("修改成功", {

package/lib/components/okr-detail/components/okr-tree/tree-node/kr-node/index.js

@@ -47,6 +47,8 @@ var _EditKrWightModal = _interopRequireDefault(require("../../../../../edit-kr-w
 
 var _okrProgressModal = _interopRequireDefault(require("../../../../../okr-progress-modal"));
 
+var _helper = require("../../../../helper");
+
 var _getLocale = require("../../../../../../utils/getLocale");
 
 require("./index.css");
@@ -99,7 +101,8 @@ function _default(props) {
 
   var _useContext = (0, _react.useContext)(_context2.CommonContext),
       refreshAll = _useContext.refreshAll,
-      okrInfo = _useContext.okrInfo;
+      okrInfo = _useContext.okrInfo,
+      approvalSetting = _useContext.approvalSetting;
 
   var _useState = (0, _react.useState)(data.confidenceIndex),
       _useState2 = _slicedToArray(_useState, 2),
@@ -220,17 +223,13 @@ function _default(props) {
       updateProgressWay: updateProgressWay
     }).then(function (res) {
       if (res.Code == 1) {
-        _toast["default"].Success("修改成功", {
-          top: 60
-        });
+        _toast["default"].Success((0, _getLocale.getLocale)("Mod_Successfuloperat"));
 
         refreshAll();
         updateKrs();
         setKrModalVsible(false);
       } else {
-        _toast["default"].Error(res.Message, {
-          top: 60
-        });
+        _toast["default"].Error(res.Message);
       }
     });
   };
@@ -252,7 +251,7 @@ function _default(props) {
               setDeleteModalVisible(false);
 
               if (!Message) {
-                _toast["default"].Success((0, _getLocale.getLocale)("Pro_detail_Deletsuccess"));
+                _toast["default"].Success((0, _getLocale.getLocale)("Mod_Successfuloperat"));
 
                 setTimeout(function () {
                   refreshAll();
@@ -281,7 +280,7 @@ function _default(props) {
       workId: data.workId,
       workMileStoneId: data.mileStoneId
     }).then(function () {
-      _toast["default"].Success("修改成功");
+      _toast["default"].Success((0, _getLocale.getLocale)("Mod_Successfuloperat"));
     });
   };
 
@@ -316,7 +315,7 @@ function _default(props) {
   }, "KR", index + 1), /*#__PURE__*/_react["default"].createElement("span", {
     className: (0, _classnames["default"])("".concat(_precls["default"], "__kr-node-title"))
   }, /*#__PURE__*/_react["default"].createElement(_editableInput["default"], {
-    editable: krCanEdit,
+    editable: krCanEdit && (0, _helper.getApprovalKr)(approvalSetting, "changeOkrName", okrInfo.applyState, okrInfo === null || okrInfo === void 0 ? void 0 : okrInfo.OkrAndKrApprovalTypes, data === null || data === void 0 ? void 0 : data.KrApprovalTypes),
     defaultValue: krName,
     emptyMessage: "KR\u540D\u79F0\u4E0D\u80FD\u4E3A\u7A7A",
     onKeyDown: onKrNameChangeHandler,
@@ -330,10 +329,10 @@ function _default(props) {
     name: user.name,
     id: user.userId,
     width: 68,
-    editable: krCanEdit,
+    editable: krCanEdit && okrInfo.applyState !== _helper.EApproveStatus.UnderApproval,
     onEditUser: onEditUserHandler,
     nameTips: function nameTips(name) {
-      return /*#__PURE__*/_react["default"].createElement("span", null, "\u8D1F\u8D23\u4EBA\uFF1A", name);
+      return /*#__PURE__*/_react["default"].createElement("span", null, (0, _getLocale.getLocale)('OKR_MyO_Text_Owner'), name);
     }
   })), showKrWeight && /*#__PURE__*/_react["default"].createElement(OkrRowColumn, {
     width: 60,
@@ -349,7 +348,7 @@ function _default(props) {
     marginLeft: 16
   }, /*#__PURE__*/_react["default"].createElement(_rangePickerPop["default"], {
     data: data,
-    editable: krCanEdit
+    editable: krCanEdit && (0, _helper.getApprovalKr)(approvalSetting, "changeOkrTime", okrInfo.applyState, okrInfo === null || okrInfo === void 0 ? void 0 : okrInfo.OkrAndKrApprovalTypes, data === null || data === void 0 ? void 0 : data.KrApprovalTypes)
   })), /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _classnames["default"])("".concat(_precls["default"], "__kr-node-actions"))
   }, showHeart && /*#__PURE__*/_react["default"].createElement("div", {
@@ -378,7 +377,7 @@ function _default(props) {
     evaluateValue: evaluateValue,
     setEvaluateValue: onEvaluateChangeHanler,
     isEvaluate: isEvaluate
-  })), krCanEdit && /*#__PURE__*/_react["default"].createElement("div", {
+  })), krCanEdit && okrInfo.applyState !== _helper.EApproveStatus.UnderApproval && /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _classnames["default"])("".concat(_precls["default"], "__kr-node-delete")),
     onClick: function onClick() {
       return setDeleteModalVisible(true);

package/lib/components/okr-detail/detail-header/constant.js

@@ -0,0 +1,53 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getApproveStatusTextMap = exports.ApproveStatusColor = exports.ApproveStatus = 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 ApproveStatus;
+exports.ApproveStatus = ApproveStatus;
+
+(function (ApproveStatus) {
+  ApproveStatus[ApproveStatus["None"] = 0] = "None";
+  ApproveStatus[ApproveStatus["WaitCommit"] = 6] = "WaitCommit";
+  ApproveStatus[ApproveStatus["Rejected"] = 3] = "Rejected";
+  ApproveStatus[ApproveStatus["UnderApproval"] = 1] = "UnderApproval";
+  ApproveStatus[ApproveStatus["ApproveAgree"] = 2] = "ApproveAgree";
+  ApproveStatus[ApproveStatus["WithDraw"] = 4] = "WithDraw";
+  ApproveStatus[ApproveStatus["Done"] = 5] = "Done";
+})(ApproveStatus || (exports.ApproveStatus = ApproveStatus = {}));
+
+var getApproveStatusTextMap = function getApproveStatusTextMap(status) {
+  var _ApproveStatusTextMap;
+
+  var ApproveStatusTextMap = (_ApproveStatusTextMap = {}, _defineProperty(_ApproveStatusTextMap, ApproveStatus.WaitCommit, (0, _getLocale.getLocale)('OKR_MyO_Tobesubmitted')), _defineProperty(_ApproveStatusTextMap, ApproveStatus.Rejected, (0, _getLocale.getLocale)('OKR_MyO_Tobesubmitted')), _defineProperty(_ApproveStatusTextMap, ApproveStatus.UnderApproval, (0, _getLocale.getLocale)('Pro_detail_Approval')), _defineProperty(_ApproveStatusTextMap, ApproveStatus.ApproveAgree, ''), _defineProperty(_ApproveStatusTextMap, ApproveStatus.WithDraw, ''), _defineProperty(_ApproveStatusTextMap, ApproveStatus.None, ''), _defineProperty(_ApproveStatusTextMap, ApproveStatus.Done, ''), _ApproveStatusTextMap);
+  return ApproveStatusTextMap[status];
+};
+
+exports.getApproveStatusTextMap = getApproveStatusTextMap;
+
+var ApproveStatusColor = function ApproveStatusColor(status) {
+  var _ApprovalStatusColorM;
+
+  var ApprovalStatusColorMap = (_ApprovalStatusColorM = {}, _defineProperty(_ApprovalStatusColorM, ApproveStatus.WaitCommit, {
+    color: '#F0A326',
+    bgColor: 'rgba(240, 163, 38, 0.1)'
+  }), _defineProperty(_ApprovalStatusColorM, ApproveStatus.Rejected, {
+    color: '#F0A326',
+    bgColor: 'rgba(240, 163, 38, 0.1)'
+  }), _defineProperty(_ApprovalStatusColorM, ApproveStatus.UnderApproval, {
+    color: '#2879FF',
+    bgColor: 'rgba(40, 121, 255, 0.1)'
+  }), _defineProperty(_ApprovalStatusColorM, ApproveStatus.ApproveAgree, {
+    color: '#ffffff',
+    bgColor: '#ffffff'
+  }), _ApprovalStatusColorM);
+  return ApprovalStatusColorMap[status];
+};
+
+exports.ApproveStatusColor = ApproveStatusColor;