@titaui/pc 1.7.14 → 1.7.18

package/lib/components/avatar/index.js

@@ -3,29 +3,23 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.TextAvatar = exports.NumAvatar = exports.NameAvatar = exports.IconAvatar = exports.DefaultAvatar = void 0;
+exports["default"] = void 0;
 
 var _default2 = _interopRequireDefault(require("./default"));
 
-var _textAvatar = _interopRequireDefault(require("./text-avatar"));
+var _iconAvatar = _interopRequireDefault(require("./icon-avatar"));
 
 var _nameAvatar = _interopRequireDefault(require("./name-avatar"));
 
-var _iconAvatar = _interopRequireDefault(require("./icon-avatar"));
-
 var _numAvatar = _interopRequireDefault(require("./num-avatar"));
 
+var _textAvatar = _interopRequireDefault(require("./text-avatar"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-var TextAvatar = _textAvatar["default"];
-exports.TextAvatar = TextAvatar;
-var DefaultAvatar = _default2["default"];
-exports.DefaultAvatar = DefaultAvatar;
-var NameAvatar = _nameAvatar["default"];
-exports.NameAvatar = NameAvatar;
-var IconAvatar = _iconAvatar["default"];
-exports.IconAvatar = IconAvatar;
-var NumAvatar = _numAvatar["default"];
-exports.NumAvatar = NumAvatar;
+_default2["default"].Icon = _iconAvatar["default"];
+_default2["default"].Name = _nameAvatar["default"];
+_default2["default"].Num = _numAvatar["default"];
+_default2["default"].Text = _textAvatar["default"];
 var _default = _default2["default"];
 exports["default"] = _default;

package/lib/components/avatar/text-avatar/index.js

@@ -15,7 +15,7 @@ var _openData = require("../../../utils/open-data");
 
 var _tooltip = _interopRequireDefault(require("../../tooltip"));
 
-var _userSelector = require("../../user-selector");
+var _userSelector = _interopRequireDefault(require("../../user-selector"));
 
 require("./index.css");
 
@@ -77,7 +77,7 @@ var TextAvatar = function TextAvatar(props) {
   }; // 非编辑态，不可以弹出选人组件
 
 
-  var FieldPerson = editable ? _userSelector.FieldPersonSelector : 'span';
+  var FieldPerson = editable ? _userSelector["default"] : 'span';
   return /*#__PURE__*/_react["default"].createElement(_react.Fragment, null, /*#__PURE__*/_react["default"].createElement(FieldPerson, {
     multiple: false,
     selectNodes: {},

package/lib/components/button/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.TextBtn = exports.RectBtn = exports.IconBtn = exports.Default = void 0;
+exports["default"] = exports.TextBtn = exports.RectBtn = exports.IconBtn = void 0;
 
 var _defaultButton = _interopRequireDefault(require("./default-button"));
 
@@ -18,13 +18,14 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
 // 矩形按钮（面性、线性）
 // 文字链接按钮
 // 图标按钮
-var Default = _defaultButton["default"];
-exports.Default = Default;
-var _default = Default;
-exports["default"] = _default;
 var RectBtn = _rectBtn["default"];
 exports.RectBtn = RectBtn;
 var TextBtn = _textBtn["default"];
 exports.TextBtn = TextBtn;
 var IconBtn = _iconBtn["default"];
-exports.IconBtn = IconBtn;
+exports.IconBtn = IconBtn;
+_defaultButton["default"].Rect = _rectBtn["default"];
+_defaultButton["default"].Text = _textBtn["default"];
+_defaultButton["default"].Icon = _iconBtn["default"];
+var _default = _defaultButton["default"];
+exports["default"] = _default;

package/lib/components/create-okr-modal/fields/o-new-name.js

@@ -0,0 +1,197 @@
+"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 _toast = _interopRequireDefault(require("../../toast"));
+
+var _constant = require("../constant");
+
+var _inputWithErrPopup = _interopRequireDefault(require("./input-with-err-popup"));
+
+var _okrCreateSuggest = require("./okr-create-suggest");
+
+var _okrNewUserSelector = _interopRequireDefault(require("./okr-new-user-selector"));
+
+var _requestApi = require("../request-api");
+
+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 _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 initOCheckResult = _constant.OCheckTarget.map(function (item) {
+  return {
+    text: item,
+    result: _okrCreateSuggest.EOkrCreateSuggestResultType.normal
+  };
+});
+
+var _default = function _default(_ref) {
+  var okrName = _ref.okrName,
+      setOkrName = _ref.setOkrName,
+      container = _ref.container,
+      user = _ref.user,
+      setUser = _ref.setUser,
+      onOInputFocusStateChange = _ref.onOInputFocusStateChange,
+      setONameCheckResult = _ref.setONameCheckResult,
+      setIsInputContent = _ref.setIsInputContent;
+  var oCheckId = 0;
+  var timerRef = (0, _react.useRef)();
+  var okrNameIsEmpty = (0, _react.useRef)(!okrName);
+  var oldONameRef = (0, _react.useRef)("");
+  var formatUser = (0, _react.useMemo)(function () {
+    var medium = user.avatar ? user.avatar.Medium ? user.avatar.Medium : user.avatar.medium : undefined;
+    var color = user.avatar ? user.avatar.Color ? user.avatar.Color : user.avatar.color : undefined;
+    return {
+      Medium: medium,
+      Color: color,
+      Name: user.name,
+      Id: user.id
+    };
+  }, [user.avatar, user.avatar, user.name, user.id]);
+  var changeUser = (0, _react.useCallback)(function (_ref2) {
+    var _ref3 = _slicedToArray(_ref2, 1),
+        user = _ref3[0];
+
+    var avatar = {
+      Color: user.UserAvatar.Color,
+      Small: user.UserAvatar.Small,
+      Medium: user.UserAvatar.Medium
+    };
+    setUser && setUser({
+      name: user.Name,
+      id: user.Id,
+      avatar: avatar
+    });
+  }, [setUser]);
+  var getOAnalysisInfo = (0, _react.useCallback)(function () {
+    oCheckId++;
+    var tempCheckId = oCheckId; // @ts-ignore
+
+    return (0, _requestApi.getOAnalysisInfos)({
+      text: okrName
+    }) //@ts-ignore
+    .then(function (data) {
+      if (tempCheckId !== oCheckId) {
+        return;
+      }
+
+      var result = _constant.OCheckTarget.map(function (item, index) {
+        if (index === 0) {
+          return {
+            text: item,
+            result: data.hasVtWords ? _okrCreateSuggest.EOkrCreateSuggestResultType.correct : _okrCreateSuggest.EOkrCreateSuggestResultType.wrong
+          };
+        } else {
+          return {
+            text: item,
+            result: data.hasNumWords ? _okrCreateSuggest.EOkrCreateSuggestResultType.wrong : _okrCreateSuggest.EOkrCreateSuggestResultType.correct
+          };
+        }
+      }); // 如果已经清空了okr，则赋给默认值
+
+
+      if (okrNameIsEmpty.current) {
+        setONameCheckResult(initOCheckResult);
+      } else {
+        setONameCheckResult(result);
+      }
+    })["catch"](function (err) {
+      _toast["default"].Error(err);
+    })["finally"](function () {
+      setIsInputContent(false);
+    });
+  }, [okrName, setIsInputContent]);
+  (0, _react.useEffect)(function () {
+    // 防抖
+    okrNameIsEmpty.current = !okrName;
+
+    if (!okrName) {
+      setONameCheckResult(initOCheckResult);
+      setIsInputContent(false);
+      return;
+    }
+
+    if (timerRef.current) {
+      clearTimeout(timerRef.current);
+      timerRef.current = setTimeout(getOAnalysisInfo, 1000);
+      return;
+    }
+
+    timerRef.current = setTimeout(getOAnalysisInfo, 1000);
+    return function () {
+      clearTimeout(timerRef.current);
+    };
+  }, [okrName]);
+  var handleInputFocus = (0, _react.useCallback)(function () {
+    onOInputFocusStateChange && onOInputFocusStateChange(true);
+  }, []);
+  var handleInputBlur = (0, _react.useCallback)(function () {
+    onOInputFocusStateChange && onOInputFocusStateChange(false);
+  }, []);
+  var handleOnKeyDown = (0, _react.useCallback)(function () {
+    setIsInputContent(true);
+  }, [setIsInputContent]);
+  var handleOnKeyUp = (0, _react.useCallback)(function (e) {
+    e.persist(); // 解决按功能按钮的时候一直显示检测中
+
+    if (e.target.value === oldONameRef.current) {
+      setIsInputContent(false);
+    } else {
+      oldONameRef.current = e.target.value;
+    }
+  }, []);
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "okr-o-new-name"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "okr-o-new-name__left-block"
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: "left-block__title"
+  }, "O"), /*#__PURE__*/_react["default"].createElement(_inputWithErrPopup["default"], {
+    strLength: okrName.length,
+    maxLength: 500,
+    position: "top"
+  }, /*#__PURE__*/_react["default"].createElement("input", {
+    onFocus: handleInputFocus,
+    onBlur: handleInputBlur,
+    className: "left-block__input",
+    placeholder: "\u8BF7\u8F93\u5165\u9F13\u821E\u4EBA\u5FC3\u7684\u76EE\u6807",
+    type: "text",
+    value: okrName,
+    onChange: function onChange(e) {
+      return setOkrName(e.target.value);
+    },
+    onKeyDown: handleOnKeyDown,
+    onKeyUp: handleOnKeyUp
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "left-block__right-text-mask"
+  })), /*#__PURE__*/_react["default"].createElement(_okrNewUserSelector["default"], {
+    user: formatUser,
+    container: container,
+    changeUser: changeUser
+  }));
+};
+
+exports["default"] = _default;

package/lib/components/create-okr-modal/fields/okr-case.js

@@ -0,0 +1,101 @@
+"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 _style = require("../style");
+
+var _okrcaseLibrary = _interopRequireDefault(require("../../okrcase-library"));
+
+var _dialog = _interopRequireDefault(require("../../dialog"));
+
+var _toast = _interopRequireDefault(require("../../toast"));
+
+require("./index.css");
+
+var _helpers = require("../../../utils/helpers");
+
+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 _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 _default = function _default(_ref) {
+  var onOkrApply = _ref.onOkrApply,
+      okrTemplateEnabled = _ref.okrTemplateEnabled;
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      visible = _useState2[0],
+      setVisible = _useState2[1];
+
+  var okrCaseClickHandler = function okrCaseClickHandler() {
+    setVisible(true);
+  };
+
+  var onCasesCloseHandler = function onCasesCloseHandler() {
+    setVisible(false);
+  };
+
+  var OnOkrApplyHandler = function OnOkrApplyHandler(data) {
+    onOkrApply && onOkrApply(data);
+    setVisible(false);
+
+    _toast["default"].Success("成功套用");
+  };
+
+  return /*#__PURE__*/_react["default"].createElement(_style.Line, null, okrTemplateEnabled && !(0, _helpers.isLocal)() ? /*#__PURE__*/_react["default"].createElement(_style.CaseLink, {
+    onClick: okrCaseClickHandler,
+    className: "tu-icon-shoushi"
+  }, "\u4ECEOKR\u6848\u4F8B\u5E93\u6DFB\u52A0") : null, okrTemplateEnabled && /*#__PURE__*/_react["default"].createElement(_dialog["default"], {
+    zIndex: 99999,
+    noHeadLine: true,
+    visible: visible,
+    onClose: onCasesCloseHandler,
+    animation: "slide-fade-up",
+    noFooter: true,
+    noCloseIcon: true,
+    destroyOnClose: true,
+    style: {
+      width: "100%",
+      height: "100%"
+    },
+    maskClosable: true
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "create-okr__okr-case"
+  }, /*#__PURE__*/_react["default"].createElement(_okrcaseLibrary["default"], {
+    onClose: onCasesCloseHandler,
+    onApplyTpl: OnOkrApplyHandler
+  }))));
+}; // <OldModal
+//     ref={okrCaseModalRef}
+//     modalRootCls='okr-create-cases-modal'
+//     mask={false}
+//     offsetPosition={{ 'top': 41 }}
+//     fullSize={true}
+// >
+
+
+exports["default"] = _default;
+{
+  /* <OKRCases onClose={onCasesCloseHandler} onApplyTpl={OnOkrApplyHandler} /> */
+} // </OldModal>

package/lib/components/create-okr-modal/fields/okr-parent.js

@@ -0,0 +1,157 @@
+"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 _helper = require("../utils/helper");
+
+var _style = require("../style");
+
+var _bsGlobal = require("../../../utils/bs-global");
+
+var _changeOkrModal = _interopRequireDefault(require("../../change-okr-modal"));
+
+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 _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 _default = function _default(_ref) {
+  var parent = _ref.parent,
+      setParent = _ref.setParent,
+      modalRef = _ref.modalRef,
+      isCreateModal = _ref.isCreateModal,
+      _ref$setParentOkr = _ref.setParentOkr,
+      setParentOkr = _ref$setParentOkr === void 0 ? function () {} : _ref$setParentOkr;
+
+  var _getUserInfo = (0, _bsGlobal.getUserInfo)(),
+      Name = _getUserInfo.Name,
+      Id = _getUserInfo.Id,
+      UserAvatar = _getUserInfo.UserAvatar; //上级信息 对齐目标弹层用 【临时解决方案，做对齐目标弹层后在弹层中获取】
+
+
+  var _useState = (0, _react.useState)(),
+      _useState2 = _slicedToArray(_useState, 2),
+      toUser = _useState2[0],
+      setToUser = _useState2[1];
+
+  var parentRef = (0, _react.useRef)();
+
+  var onSelectClickHandler = function onSelectClickHandler(e) {
+    parentRef.current && parentRef.current.show(e.target, 0);
+  };
+
+  var iconCrossClickHandler = function iconCrossClickHandler(e) {
+    e.stopPropagation();
+    setParent({
+      parentWorkId: 0,
+      parentWorkName: "",
+      parentType: 0,
+      parentKrId: 0
+    });
+    setParentOkr(null);
+  };
+
+  var onChangeOkrConfirmHandler = function onChangeOkrConfirmHandler(confirm) {
+    var workId = confirm.workId,
+        _okrInfo = confirm._okrInfo;
+
+    if (workId === 0) {
+      // 说明对齐目标是KR
+      var mileStoneId = confirm.mileStoneId,
+          mileStoneName = confirm.mileStoneName,
+          workIdCopy = confirm.workIdCopy;
+      setParent({
+        parentWorkId: workIdCopy,
+        parentWorkName: mileStoneName,
+        parentType: 2,
+        parentKrId: mileStoneId
+      });
+    } else {
+      // 我就是对齐目标
+      var _workId = confirm.workId,
+          workName = confirm.workName;
+      setParent({
+        parentWorkId: _workId,
+        parentWorkName: workName,
+        parentType: 1,
+        parentKrId: 0
+      });
+    }
+
+    setParentOkr(_okrInfo);
+  };
+
+  (0, _react.useEffect)(function () {
+    // @ts-ignore
+    (0, _helper.taker)((0, _helper.getApiUrl)("org/Get"), "get").then(function (res) {
+      if (res.Code == 1) {
+        var SuperiorUser = res.Data.SuperiorUser;
+
+        if (SuperiorUser) {
+          setToUser({
+            name: SuperiorUser.Name,
+            userId: SuperiorUser.Id,
+            avatar: SuperiorUser.UserAvatar
+          });
+        } else {
+          setToUser({
+            name: Name,
+            userId: Id,
+            avatar: UserAvatar
+          });
+        }
+      }
+    });
+  }, []);
+  return /*#__PURE__*/_react["default"].createElement(_react.Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "create-modal__sub-block"
+  }, isCreateModal ? /*#__PURE__*/_react["default"].createElement("div", {
+    className: "create-modal__sub-title"
+  }, "\u5BF9\u9F50\u76EE\u6807") : /*#__PURE__*/_react["default"].createElement(_style.TitleLine, null, "\u5BF9\u9F50\u76EE\u6807"), /*#__PURE__*/_react["default"].createElement(_style.SelectBtn, {
+    onClick: onSelectClickHandler
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    style: {
+      color: !parent.parentWorkName ? "#BFC7D5" : ""
+    }
+  }, !parent.parentWorkName ? "选择对齐上级目标" : parent.parentWorkName), !!parent.parentWorkName && /*#__PURE__*/_react["default"].createElement("a", {
+    className: "tu-icon-cross",
+    onClick: iconCrossClickHandler
+  }), /*#__PURE__*/_react["default"].createElement("i", {
+    className: "tu-icon-sort-down"
+  }))), toUser && /*#__PURE__*/_react["default"].createElement(_changeOkrModal["default"], {
+    className: "parent-target-pop-index",
+    alilgn: "top",
+    container: modalRef.current && modalRef.current.getRef(),
+    eventBridge: "",
+    okrPopType: 1,
+    toUser: toUser // 这里异步数据
+    ,
+    ref: parentRef,
+    parentId: parent.parentType == 1 ? parent.parentWorkId : parent.parentKrId,
+    onConfirm: onChangeOkrConfirmHandler
+  }), /*#__PURE__*/_react["default"].createElement(_style.Space, null));
+};
+
+exports["default"] = _default;