@titaui/pc 1.5.82 → 1.5.83

package/lib/components/create-okr/interface.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/components/create-okr/kr-items/index.css

@@ -0,0 +1,180 @@
+@charset "UTF-8";
+
+.kr-item-modal-avatar {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.create-kr-item-wrapper {
+  display: flex;
+  align-items: center;
+  height: 44px;
+  width: 536px;
+}
+
+.create-kr-item-wrapper .kr-item__right-block {
+  border-bottom: 1px solid #e9ecf0;
+  flex: 1;
+  display: flex;
+  height: 100%;
+  align-items: center;
+}
+
+.create-kr-item-wrapper .kr-item__right-block .kr-item__order {
+  font-size: 14px;
+  font-family: DINAlternate-Bold, DINAlternate;
+  font-weight: bold;
+  color: #6f7886;
+  line-height: 22px;
+  margin-right: 8px;
+}
+
+.create-kr-item-wrapper .kr-item__right-block .kr-item__input-wrapper {
+  flex: 1;
+  position: relative;
+  display: flex;
+}
+
+.create-kr-item-wrapper .kr-item__right-block .kr-item__input-wrapper .kr-item__input {
+  font-size: 14px;
+  font-family: PingFangSC-Regular, PingFang SC;
+  font-weight: 400;
+  color: #6f7886;
+  line-height: 22px;
+  border: none;
+  outline: none;
+  flex: 1;
+}
+
+.create-kr-item-wrapper .kr-item__right-block .kr-item__input-wrapper .kr-item__input::placeholder {
+  color: #bfc7d5;
+}
+
+.create-kr-item-wrapper .kr-item__right-block .kr-item-right-block__text-mask {
+  width: 20px;
+  height: 24px;
+  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
+  position: absolute;
+  right: 12px;
+}
+
+.create-kr-item-wrapper .kr-item__right-block .kr-item-right-block__white-block {
+  width: 12px;
+  background: #ffffff;
+}
+
+.create-kr-item-wrapper .kr-item__right-block--error {
+  border-bottom: 1px solid #f05e5e;
+}
+
+.create-kr-item-wrapper .kr-item__delete-icon {
+  color: #000000;
+  font-size: 14px;
+  margin-left: 7px;
+  margin-right: 8px;
+  visibility: hidden;
+}
+
+.create-kr-item-wrapper .kr-item__delete-icon :hover {
+  color: #f05e5e;
+}
+
+.create-kr-item-wrapper .kr-item__delete-icon--show {
+  visibility: visible;
+}
+
+.create-kr-item-wrapper .kr-item__delete-icon--show:hover {
+  color: #f05e5e;
+}
+
+.kr-item-weight {
+  width: 73px;
+  border-radius: 3px;
+  padding: 4px 10px 4px 4px;
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+  border: 1px solid transparent;
+  margin-right: 10px;
+}
+
+.kr-item-weight .kr-item-weight__input {
+  width: 30px;
+  border: none;
+  outline: none;
+  padding: 0;
+}
+
+.kr-item-weight .kr-item-weight__icon {
+  margin-right: 6px;
+}
+
+.kr-item-weight--hover {
+  border: 1px solid #e9ecf0;
+}
+
+.kr-item-weight--focus {
+  border: 1px solid #2879ff;
+}
+
+.kr-item-weight--error {
+  border: 1px solid #f05e5e;
+}
+
+.kr-weight__error-popup-text-wrapper {
+  color: #f05e5e;
+  font-family: -apple-system, BlinkMacSystemFont, Arial, Verdana, Helvetica Neue, Helvetica, sans-serif, PingFang SC, Microsoft YaHei；-apple-system, BlinkMacSystemFont, Arial, Verdana, Helvetica Neue, Helvetica, sans-serif, PingFang SC, Microsoft YaHei;
+  font-size: 12px;
+  line-height: 22px;
+  display: inline-block;
+  background: white;
+  padding: 5px 12px;
+  box-shadow: 0 4px 12px 0 rgba(127, 145, 180, 0.2);
+  position: relative;
+  margin-bottom: 10px;
+}
+
+.kr-weight__error-popup-text-wrapper::after {
+  content: "";
+  display: block;
+  border: 6px solid transparent;
+  position: absolute;
+  border-top-color: #ffffff;
+  bottom: -11px;
+  left: 50%;
+}
+
+.krs-info {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-top: 14px;
+  margin-left: 28px;
+}
+
+.krs-info .add-kr-btn {
+  font-size: 12px;
+  font-family: PingFangSC-Regular, PingFang SC;
+  font-weight: 400;
+  color: #2879ff;
+  display: flex;
+  align-items: center;
+  line-height: 18px;
+}
+
+.krs-info .add-kr-btn:hover {
+  color: #5c8eff;
+}
+
+.krs-info .add-kr-btn .add-kr-btn__icon {
+  margin-right: 4px;
+}
+
+.krs-info .krs-info__total-weight {
+  font-size: 12px;
+  font-family: PingFangSC-Regular, PingFang SC;
+  font-weight: 400;
+  color: #a4acb9;
+  line-height: 18px;
+}

package/lib/components/create-okr/kr-items/kr-item-weight.js

@@ -0,0 +1,194 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _popup = _interopRequireDefault(require("../../popup"));
+
+var _utils = require("../utils");
+
+var _weight = _interopRequireDefault(require("../img/weight.svg"));
+
+require("./index.css");
+
+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); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+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; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+var ErrorContent = function ErrorContent(_ref) {
+  var hasErr = _ref.hasErr;
+  return /*#__PURE__*/_react["default"].createElement(_react.Fragment, null, hasErr ? /*#__PURE__*/_react["default"].createElement("span", {
+    className: "kr-weight__error-popup-text-wrapper"
+  }, "\u5141\u8BB8\u8F93\u5165 0-100 \u7684\u6570\u5B57\uFF0C\u652F\u6301\u5C0F\u6570\u70B9\u540E\u4E00\u4F4D") : null);
+};
+
+function KrItem(_ref2) {
+  var krData = _ref2.krData,
+      changeKr = _ref2.changeKr;
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      weightEditing = _useState2[0],
+      setWeightEditing = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(krData.krWeight + ""),
+      _useState4 = _slicedToArray(_useState3, 2),
+      editedWeight = _useState4[0],
+      setEditedWeight = _useState4[1];
+
+  var _useState5 = (0, _react.useState)(false),
+      _useState6 = _slicedToArray(_useState5, 2),
+      hasErr = _useState6[0],
+      setHasErr = _useState6[1];
+
+  var _useState7 = (0, _react.useState)(""),
+      _useState8 = _slicedToArray(_useState7, 2),
+      weightClass = _useState8[0],
+      setWeightClass = _useState8[1];
+
+  var weightRef = (0, _react.useRef)(); // 为了解决 react diff 对象没变值变了导致组件不重新渲染的问题
+
+  (0, _react.useEffect)(function () {
+    setEditedWeight(krData.krWeight + "");
+  }, [krData.krWeight]);
+
+  var onWeightClickHandler = function onWeightClickHandler() {
+    setWeightClass("");
+
+    if (!weightEditing) {
+      setEditedWeight(krData.krWeight + "");
+      setWeightEditing(true);
+
+      if (!hasErr) {
+        setWeightClass("kr-item-weight--focus");
+      } else {
+        setWeightClass("kr-item-weight--error");
+      }
+
+      setTimeout(function () {
+        weightRef.current && weightRef.current.focus();
+      }, 0);
+    }
+  };
+
+  var onWeightInputBlurHandler = function onWeightInputBlurHandler() {
+    if (!(0, _utils.KrWeightValidator)(editedWeight)) {
+      setEditedWeight("100");
+      setWeightEditing(false);
+    } else {
+      setWeightEditing(false);
+    }
+
+    setHasErr(false);
+    setWeightClass("");
+    changeKr(_objectSpread(_objectSpread({}, krData), {}, {
+      krWeight: !(0, _utils.KrWeightValidator)(editedWeight) ? "100" : editedWeight
+    }));
+  };
+
+  var onWeightInputKeyDownHandler = function onWeightInputKeyDownHandler(e) {
+    if (e.key == "Enter") {
+      if (!(0, _utils.KrWeightValidator)(editedWeight)) {
+        setWeightEditing(false);
+        setEditedWeight("100");
+      } else {
+        setWeightEditing(false);
+      }
+
+      setHasErr(false);
+      setWeightClass("");
+      changeKr(_objectSpread(_objectSpread({}, krData), {}, {
+        krWeight: !(0, _utils.KrWeightValidator)(editedWeight) ? "100" : editedWeight
+      }));
+    }
+  };
+
+  var onWeightInputChangeHandler = function onWeightInputChangeHandler(e) {
+    if (e.target.value.length > 6) return;
+
+    if (!(0, _utils.KrWeightValidator)(e.target.value)) {
+      setHasErr(true);
+      setWeightClass("kr-item-weight--error");
+    } else {
+      setHasErr(false);
+      setWeightClass("kr-item-weight--focus");
+    }
+
+    setEditedWeight(e.target.value);
+    changeKr(_objectSpread(_objectSpread({}, krData), {}, {
+      krWeight: e.target.value
+    }));
+  };
+
+  var handleMouseEnter = function handleMouseEnter() {
+    if (!hasErr && !weightEditing) {
+      setWeightClass("kr-item-weight--hover");
+    }
+  };
+
+  var handleMouseLeave = function handleMouseLeave() {
+    if (!hasErr && !weightEditing) {
+      setWeightClass("");
+    }
+  };
+
+  return (
+    /*#__PURE__*/
+    // @ts-ignore
+    _react["default"].createElement(_popup["default"], {
+      popup: /*#__PURE__*/_react["default"].createElement(ErrorContent, {
+        hasErr: hasErr && weightEditing
+      }),
+      popupVisible: true,
+      popupPlacement: "top",
+      forceRender: true,
+      action: ["focus"],
+      destroyPopupOnHide: true
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "kr-item-weight ".concat(weightClass),
+      onMouseLeave: handleMouseLeave,
+      onMouseEnter: handleMouseEnter,
+      onClick: onWeightClickHandler
+    }, /*#__PURE__*/_react["default"].createElement("img", {
+      className: "kr-item-weight__icon",
+      src: _weight["default"],
+      alt: "\u6743\u91CD"
+    }), weightEditing ? /*#__PURE__*/_react["default"].createElement("input", {
+      className: "kr-item-weight__input",
+      ref: weightRef,
+      value: editedWeight,
+      onBlur: onWeightInputBlurHandler,
+      onKeyDown: onWeightInputKeyDownHandler,
+      onChange: onWeightInputChangeHandler
+    }) : /*#__PURE__*/_react["default"].createElement("span", null, editedWeight), "%"))
+  );
+}
+
+var _default = KrItem;
+exports["default"] = _default;

package/lib/components/create-okr/kr-items/krDatas.js

@@ -0,0 +1,299 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _uuid = _interopRequireDefault(require("uuid"));
+
+var _bsGlobal = require("../../../utils/bs-global");
+
+var _roundWeight = require("../../../utils/roundWeight");
+
+var _krItem = _interopRequireDefault(require("./krItem"));
+
+var _requestApi = require("../request-api");
+
+var _popDownNotification = require("../../pop-down-notification");
+
+var _okrCreateSuggest = require("../fields/okr-create-suggest");
+
+var _krAdd = _interopRequireDefault(require("../img/kr-add.svg"));
+
+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); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+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; }
+
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+function KrDatas(props) {
+  var krs = props.krs,
+      isCustomWeight = props.isCustomWeight,
+      wrapperRef = props.wrapperRef,
+      setKrDatas = props.setKrDatas,
+      krDatas = props.krDatas,
+      setIsCustomWeight = props.setIsCustomWeight,
+      container = props.container,
+      handleKrInputStateChange = props.handleKrInputStateChange,
+      setKrsCheckResult = props.setKrsCheckResult,
+      krIsValidate = props.krIsValidate,
+      setKrIsValidate = props.setKrIsValidate,
+      setIsInputContent = props.setIsInputContent;
+  var krCheckId = 0;
+
+  var _useState = (0, _react.useState)(),
+      _useState2 = _slicedToArray(_useState, 2),
+      inputKrInfo = _useState2[0],
+      setInputKrInfo = _useState2[1];
+
+  var _useState3 = (0, _react.useState)([]),
+      _useState4 = _slicedToArray(_useState3, 2),
+      krsCheckFriendlyResult = _useState4[0],
+      setKrsCheckFriendlyResult = _useState4[1]; // 存储每条kr的校验结果，用了统计最后的校验结果
+
+
+  var timerRef = (0, _react.useRef)();
+  var krNameIsEmpty = (0, _react.useRef)(!inputKrInfo || !inputKrInfo.mileStoneName);
+  var setting = (0, _bsGlobal.getBSGlobal)("OkrAdvancedSetting").KRSetting;
+
+  var _getUserInfo = (0, _bsGlobal.getUserInfo)(),
+      Name = _getUserInfo.Name,
+      Id = _getUserInfo.Id,
+      UserAvatar = _getUserInfo.UserAvatar;
+
+  var openKrWeight = setting.KrWeight;
+  var total = 0;
+
+  if (isCustomWeight) {
+    krs.forEach(function (kr) {
+      return total += Number(kr.krWeight);
+    }); // total = RoundWeight(total); // 不知道为啥，这样如果自定义了总的超过100了还是会展示total100
+
+    total = total.toFixed(1);
+  } else {
+    total = 100;
+  } // 添加KR
+
+
+  function addKr() {
+    setKrIsValidate(false);
+    setTimeout(function () {
+      if (!wrapperRef.current || krDatas.length < 6) return;
+      wrapperRef.current.scrollTop = wrapperRef.current.scrollHeight;
+    }, 0);
+
+    if (!isCustomWeight) {
+      setKrDatas([].concat(_toConsumableArray(krDatas.map(function (kr) {
+        return _objectSpread(_objectSpread({}, kr), {}, {
+          krWeight: (0, _roundWeight.RoundWeight)(100 / (krDatas.length + 1))
+        });
+      })), [{
+        uuid: _uuid["default"].v1(),
+        principalId: Id,
+        principalName: Name,
+        userAvatar: UserAvatar,
+        krWeight: (0, _roundWeight.RoundWeight)(100 / (krDatas.length + 1)),
+        mileStoneName: "",
+        confidenceIndex: 5
+      }]));
+      return;
+    }
+
+    setKrDatas([].concat(_toConsumableArray(krDatas), [{
+      uuid: _uuid["default"].v1(),
+      principalId: Id,
+      principalName: Name,
+      userAvatar: UserAvatar,
+      krWeight: 0,
+      mileStoneName: "",
+      confidenceIndex: 5
+    }]));
+  }
+
+  var getKrAnalysisInfo = function getKrAnalysisInfo() {
+    krCheckId++;
+    var tempCheckId = krCheckId;
+    (0, _requestApi.getKrAnalysisInfos)({
+      text: inputKrInfo.mileStoneName
+    }) //@ts-ignore
+    .then(function (data) {
+      if (tempCheckId !== krCheckId) {
+        return;
+      }
+
+      var tempKrCheckResult = _toConsumableArray(krsCheckFriendlyResult);
+
+      var targetKrIndex = tempKrCheckResult.findIndex(function (kr) {
+        return kr.uuid === inputKrInfo.uuid;
+      });
+
+      if (targetKrIndex !== -1) {
+        tempKrCheckResult.splice(targetKrIndex, 1, {
+          uuid: inputKrInfo.uuid,
+          hasNumWords: data.hasNumWords
+        });
+      } else {
+        tempKrCheckResult.push({
+          uuid: inputKrInfo.uuid,
+          hasNumWords: data.hasNumWords
+        });
+      }
+
+      if (krNameIsEmpty.current) {
+        setKrsCheckResult({
+          finalResult: _okrCreateSuggest.EOkrCreateSuggestResultType.normal,
+          friendlyResult: []
+        });
+      } else {
+        setKrsCheckFriendlyResult(tempKrCheckResult);
+        setKrsCheckResult({
+          finalResult: data.hasNumWords ? _okrCreateSuggest.EOkrCreateSuggestResultType.correct : _okrCreateSuggest.EOkrCreateSuggestResultType.wrong,
+          friendlyResult: tempKrCheckResult
+        });
+      }
+    })["catch"](function (err) {
+      _popDownNotification.Toast.Error(err);
+    })["finally"](function () {
+      setIsInputContent(false);
+    });
+  }; // 修改KR
+
+
+  var changeKr = function changeKr(kr) {
+    var index = krDatas.findIndex(function (k) {
+      return k.uuid == kr.uuid;
+    });
+
+    if (krDatas[index].krWeight != kr.krWeight) {
+      setIsCustomWeight(true);
+    }
+
+    var newKrs = _toConsumableArray(krDatas);
+
+    newKrs[index] = kr;
+    setKrDatas(newKrs);
+    setInputKrInfo(kr);
+  };
+
+  (0, _react.useEffect)(function () {
+    // 防抖
+    krNameIsEmpty.current = !inputKrInfo || !inputKrInfo.mileStoneName;
+
+    if (!inputKrInfo || !inputKrInfo.mileStoneName) {
+      setIsInputContent(false);
+      setKrsCheckResult({
+        finalResult: _okrCreateSuggest.EOkrCreateSuggestResultType.normal,
+        friendlyResult: []
+      });
+      return;
+    }
+
+    if (timerRef.current) {
+      clearTimeout(timerRef.current);
+      timerRef.current = setTimeout(getKrAnalysisInfo, 1000);
+      return;
+    }
+
+    timerRef.current = setTimeout(getKrAnalysisInfo, 1000);
+    return function () {
+      clearTimeout(timerRef.current);
+    };
+  }, [inputKrInfo, setIsInputContent]); // 删除KR
+
+  var deleteKr = function deleteKr(id) {
+    setKrIsValidate(false);
+    var newKrDatas = krDatas.filter(function (k) {
+      return k.uuid !== id;
+    });
+
+    if (!isCustomWeight && openKrWeight) {
+      newKrDatas = newKrDatas.map(function (kr) {
+        return _objectSpread(_objectSpread({}, kr), {}, {
+          krWeight: (0, _roundWeight.RoundWeight)(100 / newKrDatas.length)
+        });
+      });
+    }
+
+    setKrDatas(newKrDatas);
+
+    var tempKrCheckResult = _toConsumableArray(krsCheckFriendlyResult);
+
+    var targetKrIndex = tempKrCheckResult.findIndex(function (kr) {
+      return kr.uuid === inputKrInfo.uuid;
+    });
+
+    if (targetKrIndex !== -1) {
+      tempKrCheckResult.splice(targetKrIndex, 1);
+    }
+
+    setKrsCheckFriendlyResult(tempKrCheckResult);
+    setKrsCheckResult({
+      finalResult: _okrCreateSuggest.EOkrCreateSuggestResultType.normal,
+      friendlyResult: tempKrCheckResult
+    });
+  };
+
+  var onKrInputStateChange = (0, _react.useCallback)(function (isFocus, krInfo) {
+    setInputKrInfo(krInfo);
+    handleKrInputStateChange && handleKrInputStateChange(isFocus);
+  }, []);
+  return /*#__PURE__*/_react["default"].createElement("div", null, krs.map(function (kr, index) {
+    return /*#__PURE__*/_react["default"].createElement(_krItem["default"], {
+      key: index,
+      krData: kr,
+      changeKr: changeKr,
+      deleteKr: deleteKr,
+      container: container,
+      index: index + 1,
+      onKrInputStateChange: onKrInputStateChange,
+      onAddKr: addKr,
+      krIsValidate: krIsValidate,
+      setIsInputContent: setIsInputContent
+    });
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "krs-info"
+  }, /*#__PURE__*/_react["default"].createElement("a", {
+    className: "add-kr-btn",
+    onClick: addKr
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    className: "add-kr-btn__icon",
+    src: _krAdd["default"],
+    alt: "\u6DFB\u52A0okr"
+  }), "\u6DFB\u52A0 KR"), krs.length > 0 && openKrWeight && /*#__PURE__*/_react["default"].createElement("span", {
+    className: "krs-info__total-weight"
+  }, "\u603B\u6743\u91CD\uFF1A", total, "%")));
+}
+
+var _default = KrDatas;
+exports["default"] = _default;