@titaui/pc 1.5.82 → 1.5.83

package/lib/components/okr-period-selector/select-cycle.js

@@ -12,8 +12,6 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _titaUi = require("tita-ui");
 
-var _moment = _interopRequireDefault(require("moment"));
-
 var _periodSelector = _interopRequireDefault(require("../period-selector"));
 
 var _popup = _interopRequireDefault(require("../popup"));
@@ -22,6 +20,8 @@ var _rangePickerPop = _interopRequireDefault(require("../range-picker-pop"));
 
 require("./index.css");
 
+var _helper = require("../period-selector/helper");
+
 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); }
@@ -47,78 +47,16 @@ 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 '';
-  var quarter = ['', '第一季度', '第二季度', '第三季度', '第四季度'];
-  var cycleDate = '';
+  if (!periodParams) return "";
   var startDate = periodParams.startDate;
   var endDate = periodParams.endDate;
-  var annualNum = periodParams.annualNum == '-1' ? '全部年份' : periodParams.annualNum;
-
-  switch (periodParams.cycleType.toString()) {
-    case '-1':
-      cycleDate = '全部周期';
-      break;
-
-    case '1':
-      cycleDate = '年度';
-      break;
-
-    case '2':
-      // 季度
-      cycleDate = quarter[Number(periodParams.yqmNum)];
-      break;
-
-    case '3':
-      cycleDate = periodParams.yqmNum + '月';
-      break;
-
-    default:
-      cycleDate = '自定义';
-  }
 
   if (new Date(periodParams.startDate).getFullYear() == new Date().getFullYear()) {
     startDate = periodParams.startDate.slice(5);
     endDate = periodParams.endDate.slice(5);
   }
 
-  return annualNum + '年  ' + cycleDate + "".concat(getCycleRange ? ',' + startDate + '~' + endDate : '');
-}
-
-function getDefaultDateOfCycle(cycle) {
-  switch (cycle.cycleType) {
-    case '1':
-      {
-        return {
-          startDate: "".concat(cycle.annualNum, "/01/01"),
-          endDate: "".concat(cycle.annualNum, "/12/31")
-        };
-      }
-
-    case '2':
-      {
-        var quarter = (0, _moment["default"])().set('year', Number(cycle.annualNum)).set('quarter', Number(cycle.yqmNum));
-        return {
-          startDate: quarter.startOf('quarter').format('YYYY/MM/DD'),
-          endDate: quarter.endOf('quarter').format('YYYY/MM/DD')
-        };
-      }
-
-    case '3':
-      {
-        return {
-          startDate: "".concat(cycle.annualNum, "/").concat(cycle.yqmNum < 10 ? '0' + cycle.yqmNum : cycle.yqmNum, "/01"),
-          endDate: (0, _moment["default"])(cycle.annualNum + '/' + cycle.yqmNum + '/' + 1).add(1, 'month').set('date', 0).format('YYYY/MM/DD')
-        };
-      }
-
-    default:
-      {
-        return {
-          startDate: (0, _moment["default"])().set('year', Number(cycle.annualNum)).format('YYYY/MM/DD'),
-          endDate: (0, _moment["default"])().set('year', Number(cycle.annualNum)).add(30, 'day').format('YYYY/MM/DD')
-        };
-      }
-  }
+  return _periodSelector["default"].formatPeriod(periodParams) + "".concat(getCycleRange ? "," + startDate + "~" + endDate : "");
 }
 
 function CreateCycle(_ref) {
@@ -130,6 +68,7 @@ function CreateCycle(_ref) {
       canEdit = _ref$canEdit === void 0 ? true : _ref$canEdit,
       _ref$getCycleRange = _ref.getCycleRange,
       getCycleRange = _ref$getCycleRange === void 0 ? false : _ref$getCycleRange,
+      className = _ref.className,
       _ref$popupAlign = _ref.popupAlign,
       popupAlign = _ref$popupAlign === void 0 ? {
     offset: [0, 0],
@@ -147,14 +86,23 @@ function CreateCycle(_ref) {
       selfCycle = _useState2[0],
       setSelfCycle = _useState2[1];
 
-  var cycleWrapperRef = (0, _react.useRef)(document.createElement('div'));
+  var _useState3 = (0, _react.useState)(),
+      _useState4 = _slicedToArray(_useState3, 2),
+      cycleSetting = _useState4[0],
+      setCycleSetting = _useState4[1];
 
-  var onSelectClickHandler = function onSelectClickHandler() {
-    setSelfCycle(cycle); // popRef.current && popRef.current.open(btnRef.current);
-  };
+  (0, _react.useEffect)(function () {
+    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 onPeriodSelectorChangeHandler = function onPeriodSelectorChangeHandler(c) {
-    setSelfCycle(_objectSpread(_objectSpread(_objectSpread({}, selfCycle), c), getDefaultDateOfCycle(c)));
+    setSelfCycle(_objectSpread(_objectSpread({}, selfCycle), c));
   };
 
   var onStartDateConfirmHandler = function onStartDateConfirmHandler(d) {
@@ -165,7 +113,7 @@ function CreateCycle(_ref) {
     setSelfCycle(_objectSpread(_objectSpread({}, selfCycle), d));
   };
 
-  var onSureClickHandler = function onSureClickHandler() {
+  var onSureClickHandler = function onSureClickHandler(c) {
     onChange(selfCycle);
     popRef.current && popRef.current.close();
   };
@@ -174,95 +122,135 @@ function CreateCycle(_ref) {
     popRef.current && popRef.current.close();
   };
 
-  var popup = /*#__PURE__*/_react["default"].createElement("div", {
-    className: "okr-detail-date-cycle-wrapper",
-    onClick: function onClick(e) {
-      return e.stopPropagation();
-    },
-    ref: cycleWrapperRef,
-    style: {
-      'backgroundColor': 'white',
-      'boxShadow': '0px 4px 12px 0px rgb(127 145 180 / 20%)',
-      'borderRadius': 4
-    }
-  }, /*#__PURE__*/_react["default"].createElement(_periodSelector["default"], {
-    style: {
-      'width': '100%'
-    },
-    selected: selfCycle,
-    showFullCycle: false,
-    onChange: onPeriodSelectorChangeHandler,
-    container: cycleWrapperRef.current,
-    yearsRange: [2018, 2030],
-    wrapperStyle: {
-      'width': 200
-    }
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: 'okr-detail-date-cycle__button'
-  }, /*#__PURE__*/_react["default"].createElement("span", null, _formatCycleData(selfCycle, false)), /*#__PURE__*/_react["default"].createElement("i", {
-    className: "tu-icon-sort-down"
-  }))), /*#__PURE__*/_react["default"].createElement("div", {
-    className: "okr-detail-date-cycle__date-line",
-    style: {
-      borderBottom: '1px solid #F0F2F5'
+  var handleVisibleChange = function handleVisibleChange(visible) {
+    if (visible) {
+      setSelfCycle(cycle);
     }
-  }, "\u5F00\u59CB\u65E5\u671F\uFF1A", /*#__PURE__*/_react["default"].createElement(_rangePickerPop["default"], {
-    format: "YYYY/MM/DD",
-    controlled: true,
-    onConfirm: onStartDateConfirmHandler,
-    defaultRange: {
-      'startDate': selfCycle.startDate,
-      'endDate': selfCycle.endDate
-    },
-    container: container
-  }, /*#__PURE__*/_react["default"].createElement("span", {
-    className: "okr-detail-date-cycle__time"
-  }, selfCycle.startDate, /*#__PURE__*/_react["default"].createElement("i", {
-    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"
-  }, "\u7ED3\u675F\u65E5\u671F\uFF1A", /*#__PURE__*/_react["default"].createElement(_rangePickerPop["default"], {
-    format: "YYYY/MM/DD",
-    controlled: true,
-    onConfirm: onEndDateCOnfirmHandler,
-    defaultRange: {
-      'startDate': selfCycle.startDate,
-      'endDate': selfCycle.endDate
-    },
-    container: container
-  }, /*#__PURE__*/_react["default"].createElement("span", {
-    className: "okr-detail-date-cycle__time"
-  }, selfCycle.endDate, /*#__PURE__*/_react["default"].createElement("i", {
-    className: "tu-icon-arrow-down okr-detail-date-cycle__select-time-down-icon"
-  })))), /*#__PURE__*/_react["default"].createElement("div", {
-    style: {
-      'display': 'flex',
-      'justifyContent': 'flex-end'
+  };
+
+  var popup = /*#__PURE__*/_react["default"].createElement("div", null);
+
+  if (cycleSetting) {
+    if (cycleSetting.isOpenCustom) {
+      popup = /*#__PURE__*/_react["default"].createElement("div", {
+        className: "okr-detail-date-cycle-wrapper",
+        onClick: function onClick(e) {
+          return e.stopPropagation();
+        },
+        ref: cycleWrapperRef,
+        style: {
+          backgroundColor: "white",
+          boxShadow: "0px 4px 12px 0px rgb(127 145 180 / 20%)",
+          borderRadius: 4
+        }
+      }, /*#__PURE__*/_react["default"].createElement(_periodSelector["default"], {
+        style: {
+          width: "100%"
+        },
+        selected: selfCycle,
+        showFullCycle: false,
+        onChange: onPeriodSelectorChangeHandler,
+        container: cycleWrapperRef.current,
+        yearsRange: [2018, 2030],
+        isFetch: false,
+        showYear: cycleSetting.isOpenYear,
+        showCustom: cycleSetting.isOpenCustom,
+        showMonth: cycleSetting.isOpenMonth,
+        showQuarter: cycleSetting.isOpenQuarter,
+        showBimonthly: cycleSetting.isOpenBimonthly,
+        showHalfYear: cycleSetting.isOpenHalfYear,
+        startMonth: cycleSetting.yearStartMonth
+      }, /*#__PURE__*/_react["default"].createElement("div", {
+        className: "okr-detail-date-cycle__button"
+      }, /*#__PURE__*/_react["default"].createElement("span", null, _formatCycleData(selfCycle, false)), /*#__PURE__*/_react["default"].createElement("i", {
+        className: "tu-icon-sort-down"
+      }))), /*#__PURE__*/_react["default"].createElement("div", {
+        className: "okr-detail-date-cycle__date-line",
+        style: {
+          borderBottom: "1px solid #F0F2F5"
+        }
+      }, "\u5F00\u59CB\u65E5\u671F\uFF1A", /*#__PURE__*/_react["default"].createElement(_rangePickerPop["default"], {
+        format: "YYYY/MM/DD",
+        controlled: true,
+        onConfirm: onStartDateConfirmHandler,
+        defaultRange: {
+          startDate: selfCycle.startDate,
+          endDate: selfCycle.endDate
+        },
+        container: container
+      }, /*#__PURE__*/_react["default"].createElement("span", {
+        className: "okr-detail-date-cycle__time"
+      }, selfCycle.startDate, /*#__PURE__*/_react["default"].createElement("i", {
+        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"
+      }, "\u7ED3\u675F\u65E5\u671F\uFF1A", /*#__PURE__*/_react["default"].createElement(_rangePickerPop["default"], {
+        format: "YYYY/MM/DD",
+        controlled: true,
+        onConfirm: onEndDateCOnfirmHandler,
+        defaultRange: {
+          startDate: selfCycle.startDate,
+          endDate: selfCycle.endDate
+        },
+        container: container
+      }, /*#__PURE__*/_react["default"].createElement("span", {
+        className: "okr-detail-date-cycle__time"
+      }, selfCycle.endDate, /*#__PURE__*/_react["default"].createElement("i", {
+        className: "tu-icon-arrow-down okr-detail-date-cycle__select-time-down-icon"
+      })))), /*#__PURE__*/_react["default"].createElement("div", {
+        style: {
+          display: "flex",
+          justifyContent: "flex-end"
+        }
+      }, /*#__PURE__*/_react["default"].createElement(_titaUi.Button, {
+        size: "s",
+        style: {
+          marginRight: 12
+        },
+        onClick: onCancelClickHandler
+      }, "\u53D6\u6D88"), /*#__PURE__*/_react["default"].createElement(_titaUi.Button, {
+        size: "s",
+        type: "primary",
+        onClick: onSureClickHandler
+      }, "\u786E\u5B9A")));
+    } else {
+      return /*#__PURE__*/_react["default"].createElement(_periodSelector["default"], {
+        style: {
+          width: "100%"
+        },
+        selected: cycle,
+        showFullCycle: false,
+        onChange: onChange,
+        container: cycleWrapperRef.current,
+        yearsRange: [2018, 2030],
+        className: className,
+        isFetch: false,
+        showYear: cycleSetting.isOpenYear,
+        showCustom: cycleSetting.isOpenCustom,
+        showMonth: cycleSetting.isOpenMonth,
+        showQuarter: cycleSetting.isOpenQuarter,
+        showBimonthly: cycleSetting.isOpenBimonthly,
+        showHalfYear: cycleSetting.isOpenHalfYear,
+        startMonth: cycleSetting.yearStartMonth
+      }, renderInnerContent({
+        btnRef: btnRef,
+        clickCallback: function clickCallback() {},
+        text: _formatCycleData(cycle, getCycleRange)
+      }));
     }
-  }, /*#__PURE__*/_react["default"].createElement(_titaUi.Button, {
-    size: "s",
-    style: {
-      'marginRight': 12
-    },
-    onClick: onCancelClickHandler
-  }, "\u53D6\u6D88"), /*#__PURE__*/_react["default"].createElement(_titaUi.Button, {
-    size: "s",
-    type: "primary",
-    onClick: onSureClickHandler
-  }, "\u786E\u5B9A")));
-
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, canEdit ? /*#__PURE__*/_react["default"].createElement(_popup["default"], {
+  }
+
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, canEdit && !!cycleSetting ? /*#__PURE__*/_react["default"].createElement(_popup["default"], {
     popup: popup,
     popupPlacement: "bottomLeft",
     ref: popRef,
-    popupAlign: popupAlign
+    popupAlign: popupAlign,
+    onPopupVisibleChange: handleVisibleChange
   }, renderInnerContent({
     btnRef: btnRef,
-    clickCallback: onSelectClickHandler,
     text: _formatCycleData(cycle, getCycleRange)
   })) : renderInnerContent({
     btnRef: btnRef,
-    clickCallback: onSelectClickHandler,
     text: _formatCycleData(cycle, getCycleRange)
   }));
 }

package/lib/components/okr-progress-detail/index.css

@@ -62,6 +62,7 @@
   font-size: 14px;
   color: #3F4755;
   line-height: 22px;
+  white-space: pre-wrap;
 }
 
 .okr-progress-item-wrapper .okr-progress-item-content__icon-left-quoto {

package/lib/components/okr-review/ReviewPop/components/ReviewBody/index.js

@@ -271,7 +271,7 @@ var ReviewBody = /*#__PURE__*/function (_PureComponent) {
 
       if (data.isStandardMode) {
         return /*#__PURE__*/_react["default"].createElement(_style.ReviewProblem, null, /*#__PURE__*/_react["default"].createElement(_style.ReviewCatalog, null, "\u95EE\u9898\u4E0E\u4E0D\u8DB3"), /*#__PURE__*/_react["default"].createElement(_textarea["default"], {
-          maxLength: 500,
+          maxLength: 5000,
           value: (0, _mblog.htmlDecodeByRegExp)(data.Drawback),
           initialHeight: 56,
           style: {
@@ -299,7 +299,7 @@ var ReviewBody = /*#__PURE__*/function (_PureComponent) {
             className: "delete-replay"
           }, "\u5220\u9664"))), /*#__PURE__*/_react["default"].createElement(_textarea["default"], {
             ref: "textareaView".concat(index + 1),
-            maxLength: 500,
+            maxLength: 5000,
             value: (0, _mblog.htmlDecodeByRegExp)(item.drawback),
             initialHeight: 56,
             style: {
@@ -310,7 +310,7 @@ var ReviewBody = /*#__PURE__*/function (_PureComponent) {
             },
             placeholder: "<p>\u8BF7\u63CF\u8FF0\u51FA\u73B0\u7684\u67D0\u4E2A\u95EE\u9898\u5E76\u9488\u5BF9\u8BE5\u95EE\u9898\u5C55\u5F00\u5206\u6790</p>"
           })), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_style.ReviewCatalogSecond, null, "\u6839\u672C\u539F\u56E0"), /*#__PURE__*/_react["default"].createElement(_textarea["default"], {
-            maxLength: 500,
+            maxLength: 5000,
             value: (0, _mblog.htmlDecodeByRegExp)(item.cause),
             autoResizing: true,
             style: {
@@ -321,7 +321,7 @@ var ReviewBody = /*#__PURE__*/function (_PureComponent) {
             },
             placeholder: "<p>\u8BF7\u586B\u5199\u95EE\u9898\u51FA\u73B0\u7684\u6839\u672C\u539F\u56E0</p>"
           })), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_style.ReviewCatalogSecond, null, "\u76F8\u5E94\u89E3\u51B3\u63AA\u65BD"), /*#__PURE__*/_react["default"].createElement(_textarea["default"], {
-            maxLength: 500,
+            maxLength: 5000,
             value: (0, _mblog.htmlDecodeByRegExp)(item.measures),
             autoResizing: true,
             style: {
@@ -607,7 +607,7 @@ var ReviewBody = /*#__PURE__*/function (_PureComponent) {
       }, ObjData.ObjType == 65 ? "KR".concat(ObjData.ObjIndex == 0 ? '' : ObjData.ObjIndex) : ''), /*#__PURE__*/_react["default"].createElement("p", {
         className: "okr-name"
       }, (0, _mblog.htmlDecodeByRegExp)(ObjData.ObjName)))), /*#__PURE__*/_react["default"].createElement(_style.ReviewWorth, null, /*#__PURE__*/_react["default"].createElement(_style.ReviewCatalog, null, "\u4EF7\u503C\u4E0E\u6536\u83B7"), /*#__PURE__*/_react["default"].createElement(_textarea["default"], {
-        maxLength: 2000,
+        maxLength: 5000,
         value: (0, _mblog.htmlDecodeByRegExp)(data.gains),
         initialHeight: 56,
         style: {

package/lib/components/okr-review/ReviewPop/index.js

@@ -69,18 +69,18 @@ var ReviewPop = /*#__PURE__*/function (_PureComponent) {
 
       if (isStandardMode) {
         // 标准模式
-        isAllowSubmit = (_this.characterCheck(data.gains, 2000) || _this.characterCheck(data.Drawback, 500)) && data.gains.length <= 2000 && data.Drawback.length <= 500;
+        isAllowSubmit = (_this.characterCheck(data.gains, 5000) || _this.characterCheck(data.Drawback, 5000)) && data.gains.length <= 5000 && data.Drawback.length <= 5000;
       } else {
         // 高级模式
         // 是否填写问题与不足
         var isHasDrawBack = data.drawbackList.some(function (item) {
-          return _this.characterCheck(item.drawback, 500);
+          return _this.characterCheck(item.drawback, 5000);
         }); // 问题与不足字数是否超出限制
 
         var isDrawbackBeyondLimit = data.drawbackList.some(function (item) {
-          return item.cause.length > 500 || item.measures.length > 500 || item.drawback.length > 500;
+          return item.cause.length > 5000 || item.measures.length > 5000 || item.drawback.length > 5000;
         });
-        isAllowSubmit = (_this.characterCheck(data.gains, 2000) || isHasDrawBack) && data.gains.length <= 2000 && !isDrawbackBeyondLimit;
+        isAllowSubmit = (_this.characterCheck(data.gains, 5000) || isHasDrawBack) && data.gains.length <= 5000 && !isDrawbackBeyondLimit;
       }
 
       _this.setState({