@titaui/pc 1.5.82 → 1.5.83

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

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CreateSuccessTips = exports.KrCheckTarget = exports.KrExample = exports.KrDesc = exports.OCheckTarget = exports.OExample = exports.ODesc = void 0;
+var ODesc = ["O = 动词+你要做什么/渴望做什么+为了改变什么"];
+exports.ODesc = ODesc;
+var OExample = ["提高我们年度用户大会的出席率和参与度，为了提高客户的续费率"];
+exports.OExample = OExample;
+var OCheckTarget = ["含动词", "不建议包含数字"];
+exports.OCheckTarget = OCheckTarget;
+var KrDesc = ["KR1 = 动词+你要追踪的内容+从 X 到 Y/或者具体值", "KR2 = 动词+什么时间节点+达成什么关键成果"];
+exports.KrDesc = KrDesc;
+var KrExample = ["将客户续约率从70%提高到90%"];
+exports.KrExample = KrExample;
+var KrCheckTarget = ["至少含 1 个关键成果", "不建议超过 5 个关键成果", "关键成果定量可衡量"];
+exports.KrCheckTarget = KrCheckTarget;
+var CreateSuccessTips = {
+  0: "有时候目标会给你当头一棒，但不要灰心，关键成果会带领你拿棒子打回去。",
+  1: "没有计划的学习都只是浪费时间，没有目标的努力都只是自己骗自己而已。",
+  2: "目标应该激励你上天，关键成果要让你立足于大地。",
+  3: "OKRs-E——做正确的事，正确地做事，把事做正确。",
+  4: "OKR 像指南针，重在确定方向。",
+  5: "OKR 确保每一个人都朝向同一方向划船。"
+};
+exports.CreateSuccessTips = CreateSuccessTips;

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

@@ -0,0 +1,193 @@
+"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 _pop = _interopRequireDefault(require("../../components-v1/pop"));
+
+var _button = _interopRequireDefault(require("../period-selector/components/button"));
+
+var _periodSelector = _interopRequireDefault(require("../period-selector"));
+
+var _rangePickerPop = _interopRequireDefault(require("../range-picker-pop"));
+
+var _requestApi = require("./request-api");
+
+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; }
+
+function CreateCycle(_ref) {
+  var cycle = _ref.cycle,
+      container = _ref.container,
+      onChange = _ref.onChange;
+  var popRef = (0, _react.useRef)();
+  var btnRef = (0, _react.useRef)();
+
+  var _useState = (0, _react.useState)(cycle || {}),
+      _useState2 = _slicedToArray(_useState, 2),
+      selfCycle = _useState2[0],
+      setSelfCycle = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(),
+      _useState4 = _slicedToArray(_useState3, 2),
+      cycleSetting = _useState4[0],
+      setCycleSetting = _useState4[1];
+
+  (0, _react.useEffect)(function () {
+    (0, _requestApi.getCycleSetting)().then(setCycleSetting);
+  }, []);
+
+  var onSelectClickHandler = function onSelectClickHandler() {
+    setSelfCycle(cycle);
+    popRef.current && popRef.current.show(btnRef.current);
+  };
+
+  var onPeriodSelectorChangeHandler = function onPeriodSelectorChangeHandler(c) {
+    setSelfCycle(_objectSpread(_objectSpread({}, selfCycle), c));
+  };
+
+  var onStartDateConfirmHandler = function onStartDateConfirmHandler(d) {
+    setSelfCycle(_objectSpread(_objectSpread({}, selfCycle), d));
+  };
+
+  var onEndDateCOnfirmHandler = function onEndDateCOnfirmHandler(d) {
+    setSelfCycle(_objectSpread(_objectSpread({}, selfCycle), d));
+  };
+
+  var onSureClickHandler = function onSureClickHandler() {
+    onChange(selfCycle);
+    popRef.current && popRef.current.hide();
+  };
+
+  var onCancelClickHandler = function onCancelClickHandler() {
+    popRef.current && popRef.current.hide();
+  };
+
+  if (!cycleSetting) return /*#__PURE__*/_react["default"].createElement(_style.SelectBtn, null, /*#__PURE__*/_react["default"].createElement("span", null, _periodSelector["default"].formatPeriod(cycle)), /*#__PURE__*/_react["default"].createElement("i", {
+    className: "tu-icon-sort-down"
+  }));
+  if (cycleSetting.isOpenCustom) return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_style.SelectBtn, {
+    ref: btnRef,
+    onClick: onSelectClickHandler
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    style: {
+      background: 'transparent'
+    }
+  }, _periodSelector["default"].formatPeriod(cycle)), /*#__PURE__*/_react["default"].createElement("i", {
+    className: "tu-icon-sort-down"
+  })), /*#__PURE__*/_react["default"].createElement(_pop["default"], {
+    ref: popRef,
+    container: container
+  }, /*#__PURE__*/_react["default"].createElement(_style.CreateCycleWrapper, null, /*#__PURE__*/_react["default"].createElement(_periodSelector["default"], {
+    selected: selfCycle,
+    showFullCycle: false,
+    onChange: onPeriodSelectorChangeHandler,
+    container: container,
+    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,
+    style: {
+      width: '100%'
+    } // wrapperStyle={{ 'width': 200, }}
+
+  }, /*#__PURE__*/_react["default"].createElement(_style.SelectBtn, null, /*#__PURE__*/_react["default"].createElement("span", null, _periodSelector["default"].formatPeriod(selfCycle)), /*#__PURE__*/_react["default"].createElement("i", {
+    className: "tu-icon-sort-down"
+  }))), /*#__PURE__*/_react["default"].createElement(_style.DateLine, {
+    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(_style.TimeSapn, null, selfCycle.startDate, /*#__PURE__*/_react["default"].createElement("i", {
+    className: "tu-icon-arrow-down"
+  })))), /*#__PURE__*/_react["default"].createElement(_style.DateLine, null, "\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(_style.TimeSapn, null, selfCycle.endDate, /*#__PURE__*/_react["default"].createElement("i", {
+    className: "tu-icon-arrow-down"
+  })))), /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      display: 'flex',
+      justifyContent: 'flex-end'
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_button["default"], {
+    size: "s",
+    style: {
+      marginRight: 12
+    },
+    onClick: onCancelClickHandler
+  }, "\u53D6\u6D88"), /*#__PURE__*/_react["default"].createElement(_button["default"], {
+    size: "s",
+    type: "primary",
+    onClick: onSureClickHandler
+  }, "\u786E\u5B9A")))));
+  return /*#__PURE__*/_react["default"].createElement(_periodSelector["default"], {
+    selected: cycle,
+    showFullCycle: false,
+    onChange: onChange,
+    container: container,
+    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 // wrapperStyle={{ 'width': 200, }}
+
+  }, /*#__PURE__*/_react["default"].createElement(_style.SelectBtn, null, /*#__PURE__*/_react["default"].createElement("span", null, _periodSelector["default"].formatPeriod(cycle)), /*#__PURE__*/_react["default"].createElement("i", {
+    className: "tu-icon-sort-down"
+  })));
+}
+
+var _default = CreateCycle;
+exports["default"] = _default;

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

@@ -0,0 +1,233 @@
+"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"));
+
+require("./index.css");
+
+var _constant = require("./constant");
+
+var _shower = _interopRequireDefault(require("./img/shower.png"));
+
+var _light = _interopRequireDefault(require("./img/light.svg"));
+
+var _target = _interopRequireDefault(require("./img/target.svg"));
+
+var _createSuccessLeftQuotation = _interopRequireDefault(require("./img/create-success-left-quotation.svg"));
+
+var _createSuccessRightQuotation = _interopRequireDefault(require("./img/create-success-right-quotation.svg"));
+
+var _createSuccessMessage = _interopRequireDefault(require("./img/create-success-message.svg"));
+
+var _qrCode = _interopRequireDefault(require("./img/qr-code.png"));
+
+var _createSuccessHead = _interopRequireDefault(require("./img/create-success-head.png"));
+
+var _createSuccessShadow = _interopRequireDefault(require("./img/create-success-shadow.svg"));
+
+var _html2canvas = _interopRequireDefault(require("html2canvas"));
+
+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 CreateSuccessCmp = function CreateSuccessCmp(_ref) {
+  var createdSuccessInfo = _ref.createdSuccessInfo,
+      isDownload = _ref.isDownload,
+      onCloseModel = _ref.onCloseModel,
+      tipIndex = _ref.tipIndex,
+      downLoadRef = _ref.downLoadRef;
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      dontShowValue = _useState2[0],
+      setDontShowValue = _useState2[1];
+
+  var handleCloseModel = (0, _react.useCallback)(function () {
+    onCloseModel && onCloseModel(dontShowValue, createdSuccessInfo.workId);
+  }, [dontShowValue, onCloseModel]);
+
+  var handleInputChange = function handleInputChange(e) {
+    e.persist();
+    setDontShowValue(e.target.checked);
+  };
+
+  var handleDownloadPic = (0, _react.useCallback)(function () {
+    var shareContent = downLoadRef.current,
+        //需要截图的包裹的（原生的）DOM 对象
+    // @ts-ignore
+    width = shareContent.clientWidth,
+        //获取dom 宽度
+    // @ts-ignore
+    height = shareContent.clientHeight,
+        //获取dom 高度
+    canvas = document.createElement("canvas"),
+        //创建一个canvas节点
+    scale = 2; //定义任意放大倍数 支持小数
+
+    canvas.width = width * scale; //定义canvas 宽度 * 缩放
+
+    canvas.height = height * scale; //定义canvas高度 *缩放
+    // @ts-ignore
+
+    canvas.style.width = width + "px"; // @ts-ignore
+
+    canvas.style.height = height + "px"; // @ts-ignore
+
+    var opts = {
+      backgroundColor: null,
+      // 背景透明
+      scale: scale,
+      // 添加的scale 参数
+      canvas: canvas,
+      // 自定义 canvas
+      logging: false,
+      // 日志开关，便于查看html2canvas的内部执行流程
+      width: width,
+      // dom 原始宽度
+      height: height,
+      useCORS: true // 【重要】开启跨域配置
+
+    };
+    (0, _html2canvas["default"])(downLoadRef.current, opts).then(function (canvas) {
+      var imgUrl = canvas.toDataURL("image/png"); //得到图片的base64编码数据
+
+      var image = new Image();
+      image.setAttribute("crossOrigin", "anonymous");
+
+      image.onload = function () {
+        var a = document.createElement("a"); // 生成一个a元素
+
+        var event = new MouseEvent("click"); // 创建一个单击事件
+
+        a.download = "分享"; // 设置图片名称
+
+        a.href = imgUrl; // 将生成的URL设置为a.href属性
+
+        a.dispatchEvent(event); // 触发a的单击事件
+      };
+
+      image.src = imgUrl;
+    });
+  }, []);
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "create-success-model"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "create-success-model__card",
+    ref: isDownload ? downLoadRef : null
+  }, isDownload ? null : /*#__PURE__*/_react["default"].createElement("div", {
+    className: "tu-icon-cross2 create-success-model__close",
+    onClick: handleCloseModel
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "create-success-model__top-block"
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    src: _light["default"],
+    className: "create-success-model__light ".concat(isDownload ? "create-success-model--animation-unset" : "")
+  }), isDownload ? null : /*#__PURE__*/_react["default"].createElement("img", {
+    src: _shower["default"],
+    className: "create-success-model__shower ".concat(isDownload ? "create-success-model--animation-unset" : "")
+  }), /*#__PURE__*/_react["default"].createElement("img", {
+    src: _createSuccessHead["default"],
+    className: "create-success-model__create-head"
+  }), isDownload ? null : /*#__PURE__*/_react["default"].createElement("img", {
+    src: _createSuccessMessage["default"],
+    className: "create-success-model__create-success-words"
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "create-success-model__avatar"
+  }, createdSuccessInfo.principalUser.avatar.hasAvatar ? /*#__PURE__*/_react["default"].createElement("img", {
+    className: "create-success-model__img",
+    src: "".concat(createdSuccessInfo.userAvatarBase64Url ? "data:image/png;base64," + createdSuccessInfo.userAvatarBase64Url : "")
+  }) : /*#__PURE__*/_react["default"].createElement("div", {
+    className: "create-success-model__text-avatar",
+    style: {
+      background: createdSuccessInfo.principalUser.avatar.color
+    }
+  }, createdSuccessInfo.principalUser.name[0]))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "create-success-model__bottom-block"
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    src: _createSuccessLeftQuotation["default"],
+    className: "create-success-model__left-quotation"
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "create-success-model__tip"
+  }, _constant.CreateSuccessTips[tipIndex]), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "create-success-model__right-quotation"
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    src: _createSuccessRightQuotation["default"]
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "create-success-model__congratulation"
+  }, "\u5DF2\u8D85\u8FC7\xA0Tita\xA0\xA0", /*#__PURE__*/_react["default"].createElement("span", {
+    className: "create-success-model__percent"
+  }, createdSuccessInfo.countSurpassPercentage, "%"), "\xA0\xA0\u7684\u4EBA\u521B\u5EFA\xA0OKR"), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "create-success-model__okr-info ".concat(isDownload ? "" : "create-success-model--fix-height")
+  }, isDownload ? null : /*#__PURE__*/_react["default"].createElement("img", {
+    className: "create-success-model__shadow-img",
+    src: _createSuccessShadow["default"]
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "create-success-model__o-name"
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    src: _target["default"],
+    className: "create-success-model__o-name-icon"
+  }), /*#__PURE__*/_react["default"].createElement("span", {
+    className: "create-success-model__o-name-text"
+  }, createdSuccessInfo.workName)), createdSuccessInfo.Krs.map(function (kr, index) {
+    // if(!isDownload && index > 2) {
+    //   return null;
+    // }
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: "create-success-model__kr-wrapper"
+    }, /*#__PURE__*/_react["default"].createElement("span", {
+      className: "create-success-model__dot"
+    }), /*#__PURE__*/_react["default"].createElement("li", {
+      className: "create-success-model__kr ".concat(isDownload ? "create-success-model__kr--no-wrap" : "")
+    }, kr.mileStoneName));
+  })), isDownload ? /*#__PURE__*/_react["default"].createElement("div", {
+    className: "create-success-model__qrcode ".concat(isDownload ? "create-success-model--hidden-box-shadow" : "")
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    src: _qrCode["default"],
+    width: "275"
+  })) : null), isDownload ? null : /*#__PURE__*/_react["default"].createElement("div", {
+    className: "create-success-model__func-btns-wrapper"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "create-success-model__primary-btns"
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: "create-success-model__common-btn-style create-success-model__return-list",
+    onClick: handleCloseModel
+  }, "\u67E5\u770B\u8BE6\u60C5"), /*#__PURE__*/_react["default"].createElement("span", {
+    className: "create-success-model__common-btn-style create-success-model__download-img",
+    onClick: handleDownloadPic
+  }, "\u4E0B\u8F7D\u56FE\u7247")), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "create-success-model__checkbox-wrapper"
+  }, /*#__PURE__*/_react["default"].createElement("input", {
+    id: "dontShowCreateSucess",
+    checked: dontShowValue,
+    type: "checkbox",
+    onChange: handleInputChange,
+    className: "create-success-model__checkbox"
+  }), /*#__PURE__*/_react["default"].createElement("label", {
+    htmlFor: "dontShowCreateSucess",
+    className: "create-success-model__label"
+  }, "\u4E0B\u6B21\u4E0D\u518D\u63D0\u793A")))));
+};
+
+var _default = CreateSuccessCmp;
+exports["default"] = _default;

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

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactDom = _interopRequireDefault(require("react-dom"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var CreateSuccessCmpWrapper = function CreateSuccessCmpWrapper(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_reactDom["default"].createPortal(children, document.body));
+};
+
+var _default = CreateSuccessCmpWrapper;
+exports["default"] = _default;

package/lib/components/create-okr/fields/date-cycle.js

@@ -0,0 +1,98 @@
+"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 _createCycle = _interopRequireDefault(require("../createCycle"));
+
+var _style = require("../style");
+
+var _periodSelector = _interopRequireDefault(require("../../period-selector"));
+
+var _openData = require("../../../utils/open-data");
+
+var _UserSelectorPop = _interopRequireDefault(require("../../../components-v1/userSelector/UserSelectorPop"));
+
+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 _default = function _default(_ref) {
+  var cycle = _ref.cycle,
+      setCycle = _ref.setCycle,
+      modalRef = _ref.modalRef,
+      setUser = _ref.setUser,
+      user = _ref.user,
+      isCreateModal = _ref.isCreateModal;
+  (0, _react.useEffect)(function () {
+    // 若果外部提供了配置，则不调用默认季度配置
+    if (cycle && cycle.yqmNum != undefined) return;
+    (0, _requestApi.getCycleSetting)().then(function (res) {
+      var cycleData = _periodSelector["default"].getDefalutCycle(res);
+
+      setCycle(cycleData);
+    });
+  }, []);
+  return /*#__PURE__*/_react["default"].createElement(_react.Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "create-modal__sub-block"
+  }, !isCreateModal ? /*#__PURE__*/_react["default"].createElement(_style.TitleLine, null, "\u5468\u671F") : /*#__PURE__*/_react["default"].createElement("div", {
+    className: "create-modal__sub-title"
+  }, "\u5468\u671F"), /*#__PURE__*/_react["default"].createElement(_createCycle["default"], {
+    onChange: setCycle,
+    container: modalRef.current && modalRef.current.getRef(),
+    cycle: cycle
+  })), !isCreateModal ? /*#__PURE__*/_react["default"].createElement(_react.Fragment, null, /*#__PURE__*/_react["default"].createElement(_style.Space, null), /*#__PURE__*/_react["default"].createElement(_style.ItemWrapper, null, /*#__PURE__*/_react["default"].createElement(_style.TitleLine, null, "\u8D1F\u8D23\u4EBA"), /*#__PURE__*/_react["default"].createElement(_UserSelectorPop["default"], {
+    onSubmit: function onSubmit(_ref2) {
+      var _ref3 = _slicedToArray(_ref2, 1),
+          u = _ref3[0];
+
+      var avatar = {
+        color: u.UserAvatar.Color,
+        small: u.UserAvatar.Small
+      };
+      setUser({
+        name: u.Name,
+        id: u.Id,
+        avatar: avatar,
+        departmentName: u.Department,
+        departmentId: u.DepartmentId
+      });
+    },
+    style: {
+      width: "100%"
+    },
+    container: modalRef.current && modalRef.current.getRef(),
+    multi: false
+  }, /*#__PURE__*/_react["default"].createElement(_style.SelectBtn, null, /*#__PURE__*/_react["default"].createElement("span", null, /*#__PURE__*/_react["default"].createElement(_openData.OpenUserName, {
+    name: user.name,
+    id: user.id
+  })), /*#__PURE__*/_react["default"].createElement("i", {
+    className: "tu-icon-sort-down"
+  }))))) : null);
+};
+
+exports["default"] = _default;