@titaui/pc 1.11.51 → 1.11.52-beta.1

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

@@ -1,196 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _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"));
-
-var _getLocale = require("../../../utils/getLocale");
-
-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); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : 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["default"].Fragment, null, hasErr ? /*#__PURE__*/_react["default"].createElement("span", {
-    className: "kr-weight__error-popup-text-wrapper"
-  }, (0, _getLocale.getLocale)("OKR_MyO_KRP_Please0and100")) : 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)("".concat(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("".concat(krData.krWeight));
-  }, [krData.krWeight]);
-
-  var onWeightClickHandler = function onWeightClickHandler() {
-    setWeightClass("");
-
-    if (!weightEditing) {
-      setEditedWeight("".concat(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: (0, _getLocale.getLocale)("Per_details_Weights")
-    }), 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-modal/kr-items/krDatas.js

@@ -1,300 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _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 _toast = _interopRequireDefault(require("../../toast"));
-
-var _okrCreateSuggest = require("../fields/okr-create-suggest");
-
-var _krAdd = _interopRequireDefault(require("../img/kr-add.svg"));
-
-var _getLocale = require("../../../utils/getLocale");
-
-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); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : 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,
-      _props$setIsInputCont = props.setIsInputContent,
-      setIsInputContent = _props$setIsInputCont === void 0 ? function () {} : _props$setIsInputCont;
-  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 += 1;
-    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) {
-      _toast["default"].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: []
-      });
-    } else if (timerRef.current) {
-      clearTimeout(timerRef.current);
-      timerRef.current = setTimeout(getKrAnalysisInfo, 1000);
-    } else {
-      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);
-
-    if (handleKrInputStateChange) {
-      handleKrInputStateChange(isFocus);
-    }
-  }, []);
-  return /*#__PURE__*/_react["default"].createElement("div", null, krs.map(function (kr, index) {
-    return /*#__PURE__*/_react["default"].createElement(_krItem["default"], {
-      krData: kr,
-      changeKr: changeKr,
-      deleteKr: deleteKr,
-      container: container,
-      index: index + 1,
-      onKrInputStateChange: onKrInputStateChange,
-      krIsValidate: krIsValidate,
-      setIsInputContent: setIsInputContent
-    });
-  }), /*#__PURE__*/_react["default"].createElement("div", {
-    className: "krs-info"
-  }, /*#__PURE__*/_react["default"].createElement("span", {
-    className: "add-kr-btn",
-    onClick: addKr
-  }, /*#__PURE__*/_react["default"].createElement("img", {
-    className: "add-kr-btn__icon",
-    src: _krAdd["default"],
-    alt: ""
-  }), (0, _getLocale.getLocale)("OKR_MyO_Pop_Butt_AddKR")), krs.length > 0 && openKrWeight && /*#__PURE__*/_react["default"].createElement("span", {
-    className: "krs-info__total-weight"
-  }, (0, _getLocale.getLocale)("OKR_MyO_Pop_Text_Total"), total, "%")));
-}
-
-var _default = KrDatas;
-exports["default"] = _default;

package/lib/components/create-okr-modal/kr-items/krItem.js

@@ -1,169 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _bsGlobal = require("../../../utils/bs-global");
-
-var _krItemWeight = _interopRequireDefault(require("./kr-item-weight"));
-
-var _okrNewUserSelector = _interopRequireDefault(require("../fields/okr-new-user-selector"));
-
-var _inputWithErrPopup = _interopRequireDefault(require("../fields/input-with-err-popup"));
-
-var _getLocale = require("../../../utils/getLocale");
-
-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); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : 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; }
-
-function KrItem(_ref) {
-  var krData = _ref.krData,
-      changeKr = _ref.changeKr,
-      deleteKr = _ref.deleteKr,
-      container = _ref.container,
-      index = _ref.index,
-      onKrInputStateChange = _ref.onKrInputStateChange,
-      onAddKr = _ref.onAddKr,
-      setIsInputContent = _ref.setIsInputContent,
-      domRef = _ref.domRef,
-      krIsValidate = _ref.krIsValidate;
-  var setting = (0, _bsGlobal.getBSGlobal)("OkrAdvancedSetting").KRSetting;
-  var openKrWeight = setting.KrWeight;
-
-  var _useState = (0, _react.useState)(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      showDelIcon = _useState2[0],
-      setShowDelIcon = _useState2[1];
-
-  var oldKrNameRef = (0, _react.useRef)("");
-
-  var onUserSelectorSubmitHandler = function onUserSelectorSubmitHandler(users) {
-    changeKr(_objectSpread(_objectSpread({}, krData), {}, {
-      principalId: users[0].Id,
-      principalName: users[0].Name,
-      userAvatar: users[0].UserAvatar
-    }));
-  };
-
-  var onKrNameInputChangeHandler = function onKrNameInputChangeHandler(e) {
-    changeKr(_objectSpread(_objectSpread({}, krData), {}, {
-      mileStoneName: e.target.value
-    }));
-  };
-
-  var onDeleteKrClickHandler = function onDeleteKrClickHandler() {
-    deleteKr(krData.uuid);
-  };
-
-  var formatUser = (0, _react.useMemo)(function () {
-    return {
-      Medium: krData.userAvatar.Medium,
-      Color: krData.userAvatar.Color,
-      Name: krData.principalName,
-      Id: krData.principalId
-    };
-  }, [krData.userAvatar.Medium, krData.principalName, krData.principalName, krData.principalId]);
-  var handleMouseEnter = (0, _react.useCallback)(function () {
-    setShowDelIcon(true);
-  }, []);
-  var handleMouseLeave = (0, _react.useCallback)(function () {
-    setShowDelIcon(false);
-  }, []);
-  var handleInputFocus = (0, _react.useCallback)(function () {
-    onKrInputStateChange && onKrInputStateChange(true, krData);
-  }, [krData]);
-  var handleInputBlur = (0, _react.useCallback)(function () {
-    onKrInputStateChange && onKrInputStateChange(false, krData);
-  }, [krData]); // TODO 回车创建下一个kr并且自动聚焦到下一个kr
-  // const handleKeyUp = useCallback((e) => {
-  //   e.persist()
-  //   if (13 === e.keyCode) {
-  //     onAddKr && onAddKr();
-  //   }
-  // }, [onAddKr])
-
-  var handleOnKeyDown = (0, _react.useCallback)(function () {
-    setIsInputContent(true);
-  }, [setIsInputContent]);
-  var handleOnKeyUp = (0, _react.useCallback)(function (e) {
-    e.persist(); // 解决按功能按钮的时候一直显示检测中
-
-    if (e.target.value === oldKrNameRef.current) {
-      setIsInputContent(false);
-    } else {
-      oldKrNameRef.current = e.target.value;
-    }
-  }, []);
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: "create-kr-item-wrapper",
-    onMouseEnter: handleMouseEnter,
-    onMouseLeave: handleMouseLeave
-  }, /*#__PURE__*/_react["default"].createElement("a", {
-    className: "kr-item__delete-icon tu-icon-del ".concat(showDelIcon ? "kr-item__delete-icon--show" : ""),
-    onClick: onDeleteKrClickHandler
-  }), /*#__PURE__*/_react["default"].createElement("div", {
-    className: "kr-item__right-block ".concat(krIsValidate ? krData.mileStoneName && krData.mileStoneName.length <= 500 ? "" : "kr-item__right-block--error" : "")
-  }, /*#__PURE__*/_react["default"].createElement("span", {
-    className: "kr-item__order"
-  }, "KR", index), /*#__PURE__*/_react["default"].createElement("div", {
-    className: "kr-item__input-wrapper"
-  }, /*#__PURE__*/_react["default"].createElement(_inputWithErrPopup["default"], {
-    strLength: krData.mileStoneName ? krData.mileStoneName.length : 0,
-    maxLength: 500,
-    position: "top"
-  }, /*#__PURE__*/_react["default"].createElement("input", {
-    className: "kr-item__input",
-    type: "text",
-    placeholder: (0, _getLocale.getLocale)("OKR_MyO_Pop_Keyresults"),
-    value: krData.mileStoneName,
-    onChange: onKrNameInputChangeHandler,
-    onFocus: handleInputFocus,
-    onBlur: handleInputBlur,
-    onKeyDown: handleOnKeyDown,
-    onKeyUp: handleOnKeyUp,
-    ref: domRef
-  })), /*#__PURE__*/_react["default"].createElement("div", {
-    className: "kr-item-right-block__white-block"
-  }), /*#__PURE__*/_react["default"].createElement("div", {
-    className: "kr-item-right-block__text-mask"
-  })), openKrWeight && /*#__PURE__*/_react["default"].createElement(_krItemWeight["default"], {
-    krData: krData,
-    changeKr: changeKr
-  }), /*#__PURE__*/_react["default"].createElement(_okrNewUserSelector["default"], {
-    user: formatUser,
-    container: container,
-    changeUser: onUserSelectorSubmitHandler
-  })));
-}
-
-var _default = KrItem;
-exports["default"] = _default;