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

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,17 +44,25 @@ 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.getApprovalIsShow)(approvalSetting, "changeOkrTime", okrInfo.applyState);
+
   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]);
+    canCycleEdit && setIsFocus(true);
+  }, [canCycleEdit]);
   var handleButtonBlur = (0, _react.useCallback)(function () {
     setIsFocus(false);
   }, []);
+  console.log('approvalSetting', approvalSetting);
+  console.log('okrInfo', okrInfo);
 
   var renderClickArea = function renderClickArea(_ref2) {
     var btnRef = _ref2.btnRef,
@@ -59,7 +71,7 @@ var DateCycle = function DateCycle(_ref) {
     return /*#__PURE__*/_react["default"].createElement("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,7 +90,7 @@ var DateCycle = function DateCycle(_ref) {
     cycle: cycle,
     setCycle: setCycle,
     okrId: okrId,
-    canEdit: canEdit,
+    canEdit: canCycleEdit,
     getCycleRange: true
   }));
 };

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.getApprovalIsShow)(approvalSetting, "changeOkrName", okrInfo.applyState) ? /*#__PURE__*/_react["default"].createElement(_popConfirm["default"], {
     ref: popConfirmRef,
     showArrow: false,
     style: {

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

@@ -97,7 +97,6 @@ function _default(props) {
       index = props.index,
       title = props.title,
       key = props.key;
-  console.log('props', props);
 
   var _useContext = (0, _react.useContext)(_context2.CommonContext),
       refreshAll = _useContext.refreshAll,

package/lib/components/okr-period-selector/select-cycle.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; }
 
 function _formatCycleData(periodParams, getCycleRange) {
-  if (!periodParams) return "";
+  if (!periodParams) return '';
   var startDate = periodParams.startDate;
   var endDate = periodParams.endDate;
 
@@ -58,7 +58,7 @@ function _formatCycleData(periodParams, getCycleRange) {
     endDate = periodParams.endDate.slice(5);
   }
 
-  return "".concat(_periodSelector["default"].formatPeriod(periodParams)).concat(getCycleRange ? ",".concat(startDate, "~").concat(endDate) : "");
+  return "".concat(_periodSelector["default"].formatPeriod(periodParams)).concat(getCycleRange ? ",".concat(startDate, "~").concat(endDate) : '');
 }
 
 function CreateCycle(_ref) {
@@ -94,21 +94,21 @@ function CreateCycle(_ref) {
       setCycleSetting = _useState4[1];
 
   (0, _react.useEffect)(function () {
-    var settings = localStorage.getItem("OKR_CYCLE_SETTING");
+    var settings = localStorage.getItem('OKR_CYCLE_SETTING');
 
     if (settings) {
       setCycleSetting(JSON.parse(settings));
       return;
     }
 
-    var url = (0, _helper.getApiUrl)("okr/cycleSetting");
-    (0, _helper.taker)(url, "GET").then(function (res) {
+    var url = (0, _helper.getApiUrl)('okr/cycleSetting');
+    (0, _helper.taker)(url, 'GET').then(function (res) {
       if (res.Code == 1) {
         setCycleSetting(res.Data);
       }
     });
   }, []);
-  var cycleWrapperRef = (0, _react.useRef)(document.createElement("div"));
+  var cycleWrapperRef = (0, _react.useRef)(document.createElement('div'));
 
   var onPeriodSelectorChangeHandler = function onPeriodSelectorChangeHandler(c) {
     setSelfCycle(_objectSpread(_objectSpread({}, selfCycle), c));
@@ -148,13 +148,13 @@ function CreateCycle(_ref) {
         },
         ref: cycleWrapperRef,
         style: {
-          backgroundColor: "white",
-          boxShadow: "0px 4px 12px 0px rgb(127 145 180 / 20%)",
+          backgroundColor: 'white',
+          boxShadow: '0px 4px 12px 0px rgb(127 145 180 / 20%)',
           borderRadius: 4
         }
       }, /*#__PURE__*/_react["default"].createElement(_periodSelector["default"], {
         style: {
-          width: "100%"
+          width: '100%'
         },
         selected: selfCycle,
         showFullCycle: false,
@@ -176,9 +176,9 @@ function CreateCycle(_ref) {
       }))), /*#__PURE__*/_react["default"].createElement("div", {
         className: "okr-detail-date-cycle__date-line",
         style: {
-          borderBottom: "1px solid #F0F2F5"
+          borderBottom: '1px solid #F0F2F5'
         }
-      }, (0, _getLocale.getLocale)("Mod_StartDate"), "\uFF1A", /*#__PURE__*/_react["default"].createElement(_rangePickerPop["default"], {
+      }, (0, _getLocale.getLocale)('Mod_StartDate'), "\uFF1A", /*#__PURE__*/_react["default"].createElement(_rangePickerPop["default"], {
         format: "YYYY/MM/DD",
         controlled: true,
         onConfirm: onStartDateConfirmHandler,
@@ -193,7 +193,7 @@ function CreateCycle(_ref) {
         className: "tu-icon-arrow-down okr-detail-date-cycle__select-time-down-icon"
       })))), /*#__PURE__*/_react["default"].createElement("div", {
         className: "okr-detail-date-cycle__date-line"
-      }, (0, _getLocale.getLocale)("Mod_EndDate"), "\uFF1A", /*#__PURE__*/_react["default"].createElement(_rangePickerPop["default"], {
+      }, (0, _getLocale.getLocale)('Mod_EndDate'), "\uFF1A", /*#__PURE__*/_react["default"].createElement(_rangePickerPop["default"], {
         format: "YYYY/MM/DD",
         controlled: true,
         onConfirm: onEndDateCOnfirmHandler,
@@ -208,8 +208,8 @@ function CreateCycle(_ref) {
         className: "tu-icon-arrow-down okr-detail-date-cycle__select-time-down-icon"
       })))), /*#__PURE__*/_react["default"].createElement("div", {
         style: {
-          display: "flex",
-          justifyContent: "flex-end"
+          display: 'flex',
+          justifyContent: 'flex-end'
         }
       }, /*#__PURE__*/_react["default"].createElement(_titaUi.Button, {
         size: "s",
@@ -217,15 +217,15 @@ function CreateCycle(_ref) {
           marginRight: 12
         },
         onClick: onCancelClickHandler
-      }, (0, _getLocale.getLocale)("Mod_Cancel")), /*#__PURE__*/_react["default"].createElement(_titaUi.Button, {
+      }, (0, _getLocale.getLocale)('Mod_Cancel')), /*#__PURE__*/_react["default"].createElement(_titaUi.Button, {
         size: "s",
         type: "primary",
         onClick: onSureClickHandler
-      }, (0, _getLocale.getLocale)("OKR_MyO_Butt_Determine"))));
+      }, (0, _getLocale.getLocale)('OKR_MyO_Butt_Determine'))));
     } else {
-      return /*#__PURE__*/_react["default"].createElement(_periodSelector["default"], {
+      return canEdit ? /*#__PURE__*/_react["default"].createElement(_periodSelector["default"], {
         style: {
-          width: "100%"
+          width: '100%'
         },
         selected: cycle,
         showFullCycle: false,
@@ -245,7 +245,11 @@ function CreateCycle(_ref) {
         btnRef: btnRef,
         clickCallback: function clickCallback() {},
         text: _formatCycleData(cycle, getCycleRange)
-      }));
+      })) : renderInnerContent({
+        btnRef: btnRef,
+        clickCallback: function clickCallback() {},
+        text: _formatCycleData(cycle, getCycleRange)
+      });
     }
   }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@titaui/pc",
-  "version": "1.11.13-beta.1",
+  "version": "1.11.13-beta.2",
   "nameCN": "",
   "description": "",
   "main": "lib/index.js",