@titaui/pc 1.11.52-beta.1 → 1.11.52-beta.2

package/lib/components/dynamic/util.js

@@ -0,0 +1,112 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getProgressState = exports.getProcessColor = exports.formatMenu = exports.formatCycleData = exports["default"] = void 0;
+
+var _getLocale = require("../../utils/getLocale");
+
+var _constant = require("./constant");
+
+var getProgressState = function getProgressState(oStatus, riskLevel) {
+  // 2代表已结束
+  if (oStatus === 2) {
+    return "end";
+  }
+
+  return _constant.OkrRiskMapping[riskLevel] ? _constant.OkrRiskMapping[riskLevel] : "normal";
+};
+
+exports.getProgressState = getProgressState;
+
+var formatCycleData = function formatCycleData(periodParams, isGetCycleRange) {
+  if (!periodParams) return "";
+  var quarter = ["", (0, _getLocale.getLocale)("OKR_MyO_Pop_1stQuarter"), (0, _getLocale.getLocale)("OKR_MyO_Pop_2ndQuarter"), (0, _getLocale.getLocale)("OKR_MyO_Pop_3rdQuarter"), (0, _getLocale.getLocale)("OKR_MyO_Pop_4thQuarter")];
+  var cycleDate = "";
+  var startDate = periodParams.startDate;
+  var endDate = periodParams.endDate;
+  var annualNum = Number("".concat(periodParams.annualNum)) === -1 ? (0, _getLocale.getLocale)("OKR_MyO_Butt_Allyears") : periodParams.annualNum;
+
+  switch (periodParams.cycleType.toString()) {
+    case "-1":
+      cycleDate = (0, _getLocale.getLocale)("OKR_MyO_Butt_AllStates");
+      break;
+
+    case "1":
+      cycleDate = (0, _getLocale.getLocale)("OKR_MyO_Pop_Year");
+      break;
+
+    case "2":
+      // 季度
+      cycleDate = quarter[Number(periodParams.yqmNum)];
+      break;
+
+    case "3":
+      cycleDate = "".concat(periodParams.yqmNum, "\u6708");
+      break;
+
+    default:
+      cycleDate = (0, _getLocale.getLocale)("Mod_Customization");
+  }
+
+  if (new Date(periodParams.startDate).getFullYear() === new Date().getFullYear()) {
+    startDate = periodParams.startDate.slice(5);
+    endDate = periodParams.endDate.slice(5);
+  }
+
+  return "".concat(annualNum, "\u5E74  ").concat(cycleDate).concat(isGetCycleRange ? ",".concat(startDate, "~").concat(endDate) : "");
+};
+
+exports.formatCycleData = formatCycleData;
+
+var formatMenu = function formatMenu(data) {
+  data.sort(function (a, b) {
+    return a.Order - b.Order;
+  });
+  data.forEach(function (item) {
+    item.ChildMenus.sort(function (a, b) {
+      return a.Order - b.Order;
+    });
+  });
+  return data;
+};
+
+exports.formatMenu = formatMenu;
+
+var getProcessColor = function getProcessColor(status, level, type) {
+  var processColor = {
+    1: {
+      riskLevel: 1,
+      linearStartColor: "#4E90FF",
+      linearEndColor: "#2879ff",
+      backgroundColor: "rgba(40,121,255,0.11)"
+    },
+    3: {
+      riskLevel: 3,
+      linearStartColor: "#FFA5A5",
+      linearEndColor: "#F05E5E",
+      backgroundColor: "rgba(222,89,89,0.1)"
+    },
+    2: {
+      riskLevel: 2,
+      linearStartColor: "#FDCD41",
+      linearEndColor: "#FFE18B",
+      backgroundColor: "#FEF5DC"
+    }
+  };
+
+  if (status === 2) {
+    var tempColor = processColor[2];
+    return tempColor[type];
+  }
+
+  var color = processColor["".concat(level)];
+  if (level === 0) color = processColor["1"];
+  if (!color) return {};
+  return color[type];
+};
+
+exports.getProcessColor = getProcessColor;
+var _default = {};
+exports["default"] = _default;

package/lib/components/eReport/eReportLists/reportList.js

@@ -0,0 +1,283 @@
+"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 = _interopRequireDefault(require("react"));
+
+var _rangePickerPop = _interopRequireDefault(require("../../range-picker-pop"));
+
+var _requestV = require("../../../utils/request-v1");
+
+var _Portals = _interopRequireDefault(require("../../../components-v1/portals/Portals"));
+
+var _transition = _interopRequireDefault(require("../../../components-v1/transition"));
+
+var _eReportListEmpty = _interopRequireDefault(require("../eReportListEmpty"));
+
+var _eReportShare = _interopRequireDefault(require("../eReportShare"));
+
+var _toast = _interopRequireDefault(require("../eReportShare/toast"));
+
+var _style = require("./style");
+
+var _getLocale = require("../../../utils/getLocale");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+var EReportList = /*#__PURE__*/function (_React$Component) {
+  _inherits(EReportList, _React$Component);
+
+  var _super = _createSuper(EReportList);
+
+  function EReportList() {
+    var _this;
+
+    _classCallCheck(this, EReportList);
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    return _possibleConstructorReturn(_this, (_this = _super.call.apply(_super, [this].concat(args)), _this.state = {
+      selectedPeriodValue: "",
+      showDatePick: false,
+      eReportWeekList: [],
+      timePickRef: /*#__PURE__*/_react["default"].createRef(),
+      timePick: null,
+      showMoreInfo: false,
+      timePickResultsEmpty: false,
+      isShowEReportSharePop: false,
+      eReportId: 0,
+      eReportDate: "",
+      isShowToast: false,
+      submitStatus: ""
+    }, _this.setIsTimeSelected = function (v) {
+      _this.setState({
+        selectedPeriodValue: v
+      });
+    }, _this.handleClickReportListsDiv = function (e) {
+      _this.setState({
+        showDatePick: e.target.getAttribute("data-name") === "time-pick"
+      });
+    }, _this.handleTimePickConfirm = function (_ref) {
+      var startDate = _ref.startDate,
+          endDate = _ref.endDate;
+      // 将2019-12-3改为2019年12月3日
+      var start = startDate.substring(0, startDate.indexOf("T"));
+      var end = endDate.substring(0, endDate.indexOf("T"));
+      start = start.replace(/-/i, "年").replace(/-/i, "月") + (0, _getLocale.getLocale)("Mod_Sun");
+      end = end.replace(/-/i, "年").replace(/-/i, "月") + (0, _getLocale.getLocale)("Mod_Sun");
+
+      _this.setState({
+        selectedPeriodValue: "".concat(start, " - ").concat(end),
+        timePickResultsEmpty: true
+      }); // 上面是控制时间筛选那个组件显示的文字更新的
+      // 下面是筛选的逻辑
+
+
+      var okrId = _this.props.okrId;
+      var url = (0, _requestV.getApiUrl)("okr/weekStatistics/list?okrId=".concat(okrId, "&startDate=").concat(start, "&endDate=").concat(end));
+      (0, _requestV.taker)(url, "get", null, {}).then(function (res) {
+        _this.setState({
+          eReportWeekList: res.Data
+        });
+      });
+    }, _this.handleShowMoreInfoClick = function (id) {
+      _this.setState({
+        showMoreInfo: true
+      });
+
+      var url = (0, _requestV.getApiUrl)("okr/weekStatistics/info?id=".concat(id));
+      (0, _requestV.taker)(url, "get", null).then(function (res) {
+        window.open();
+      });
+    }, _this.handlerEReportShareSubmit = function (submitStatus, eReportId, startDate, endDate) {
+      if (submitStatus === "success") {
+        _this.setState({
+          isShowEReportSharePop: false,
+          isShowToast: true,
+          submitStatus: "success"
+        });
+
+        setTimeout(function () {
+          _this.setState({
+            isShowToast: false
+          });
+        }, 2000);
+      } else if (submitStatus === "failed") {
+        _this.setState({
+          isShowEReportSharePop: false,
+          isShowToast: true,
+          submitStatus: "error"
+        });
+
+        setTimeout(function () {
+          _this.setState({
+            isShowToast: false
+          });
+        }, 2000);
+      } else if (submitStatus === "cancel") {
+        _this.setState({
+          isShowEReportSharePop: false
+        });
+      } else if (submitStatus === "showEReportShare") {
+        _this.setState({
+          isShowEReportSharePop: true,
+          eReportId: eReportId || 0,
+          eReportDate: "".concat(startDate, "-").concat(endDate)
+        });
+      }
+    }, _this.getShare = function (showShare, id, date) {
+      var _this$props = _this.props,
+          isVisible = _this$props.isVisible,
+          okrName = _this$props.okrName,
+          okrId = _this$props.okrId;
+      return /*#__PURE__*/_react["default"].createElement(_Portals["default"], null, /*#__PURE__*/_react["default"].createElement(_transition["default"], {
+        visible: showShare,
+        animate: true,
+        transitionName: "modal",
+        enterActiveTimeout: 450,
+        enterEndTimeout: 200,
+        leaveActiveTimeout: 200,
+        leaveEndTimeout: 300
+      }, /*#__PURE__*/_react["default"].createElement(_eReportShare["default"], {
+        className: "ereport__share__wrapper",
+        isVisible: isVisible,
+        workName: okrName,
+        workId: okrId,
+        eReportId: id,
+        eReportDate: date,
+        onSubmit: function onSubmit(submitStatus) {
+          return _this.handlerEReportShareSubmit(submitStatus);
+        }
+      })));
+    }, _assertThisInitialized(_this)));
+  }
+
+  _createClass(EReportList, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      var _this2 = this;
+
+      var okrId = this.props.okrId;
+      var url = (0, _requestV.getApiUrl)("okr/weekStatistics/list?okrId=".concat(okrId));
+      (0, _requestV.taker)(url, "get", null, {}).then(function (res) {
+        _this2.setState({
+          eReportWeekList: res.Data || [],
+          timePick: _this2.state.timePickRef.current
+        });
+      });
+    }
+  }, {
+    key: "getListItem",
+    value: function getListItem(list) {
+      var _this3 = this;
+
+      var okrId = this.props.okrId;
+      return list.map(function (v) {
+        return /*#__PURE__*/_react["default"].createElement(_style.ListItemStyle, {
+          key: v.id
+        }, /*#__PURE__*/_react["default"].createElement(_style.ItemTimeDivStyle, null, /*#__PURE__*/_react["default"].createElement(_style.ItemTimeBackgroundStyle, {
+          className: "tu-icon-OKRs-E"
+        }), /*#__PURE__*/_react["default"].createElement(_style.ItemTimeTextStyle, null, "(", "".concat(v.startDate, "-").concat(v.endDate), ")")), /*#__PURE__*/_react["default"].createElement(_style.ItemOptionsActionsDivStyle, null, /*#__PURE__*/_react["default"].createElement(_style.ItemOptionsChildsDivStyle, null, /*#__PURE__*/_react["default"].createElement(_style.ItemOptionsShareBackgroundStyle, {
+          onClick: function onClick() {
+            return _this3.handlerEReportShareSubmit("showEReportShare", v.id, v.startDate, v.endDate);
+          },
+          className: "tu-icon-share1"
+        }), /*#__PURE__*/_react["default"].createElement(_style.ItemOptionsShareTextStyle, {
+          onClick: function onClick() {
+            return _this3.handlerEReportShareSubmit("showEReportShare", v.id, v.startDate, v.endDate);
+          }
+        }, (0, _getLocale.getLocale)("OKR_MyO_Share"))), /*#__PURE__*/_react["default"].createElement(_style.ItemOptionsChildsDivStyle, null, /*#__PURE__*/_react["default"].createElement(_style.ItemOptionsMoreInfoTextStyle, {
+          target: "_new",
+          onClick: function onClick() {
+            return window.open("".concat(location.pathname, "#okr/eReport?okrId=").concat(v.id, "&work_id=").concat(okrId));
+          },
+          href: void 0
+        }, (0, _getLocale.getLocale)("Mod_Checkdetails")), /*#__PURE__*/_react["default"].createElement(_style.ItemOptionsMoreInfoBackgroundStyle, {
+          onClick: function onClick() {
+            window.open("".concat(location.pathname, "#okr/eReport?okrId=").concat(v.id, "&work_id=").concat(okrId));
+          },
+          className: "tu-icon-xiangqing"
+        }))));
+      });
+    }
+  }, {
+    key: "getToast",
+    value: function getToast(showToast, submitStatus) {
+      return showToast && /*#__PURE__*/_react["default"].createElement(_Portals["default"], null, /*#__PURE__*/_react["default"].createElement(_toast["default"], {
+        submitStatus: submitStatus
+      }));
+    }
+  }, {
+    key: "getTimePick",
+    value: function getTimePick() {
+      return /*#__PURE__*/_react["default"].createElement(_style.ListTopDivStyle, {
+        ref: this.state.timePickRef
+      }, /*#__PURE__*/_react["default"].createElement(_style.ListTopLabelStyle, null, (0, _getLocale.getLocale)("OKR_MyO_Ew_List")), /*#__PURE__*/_react["default"].createElement(_style.ListTopTimePickDivStyle, null, /*#__PURE__*/_react["default"].createElement(_style.TimePickStyle, {
+        "data-name": "time-pick",
+        className: "tu-icon-schedule"
+      }), /*#__PURE__*/_react["default"].createElement(_rangePickerPop["default"], {
+        className: "document-mouse-event-ignore ",
+        popupPlacement: "bottomRight",
+        format: "",
+        container: document.body,
+        onConfirm: this.handleTimePickConfirm
+      }, /*#__PURE__*/_react["default"].createElement(_style.TimePickTextStyle, {
+        "data-name": "time-pick"
+      }, this.state.selectedPeriodValue || (0, _getLocale.getLocale)("OKR_MyO_Ew_Butt_Filterbytime")))));
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$state = this.state,
+          eReportWeekList = _this$state.eReportWeekList,
+          timePickResultsEmpty = _this$state.timePickResultsEmpty,
+          isShowEReportSharePop = _this$state.isShowEReportSharePop,
+          eReportDate = _this$state.eReportDate,
+          submitStatus = _this$state.submitStatus,
+          isShowToast = _this$state.isShowToast,
+          eReportId = _this$state.eReportId; // return <Replay show container={document.body}></Replay>
+
+      return timePickResultsEmpty ? /*#__PURE__*/_react["default"].createElement(_style.ListStyle, {
+        onClick: this.handleClickReportListsDiv
+      }, this.getTimePick(), eReportWeekList.length === 0 ? /*#__PURE__*/_react["default"].createElement(_eReportListEmpty["default"], {
+        text: (0, _getLocale.getLocale)("Mod_ lookingfor")
+      }) : this.getListItem(eReportWeekList), this.getShare(isShowEReportSharePop, eReportId, eReportDate), this.getToast(isShowToast, submitStatus)) : eReportWeekList.length === 0 ? /*#__PURE__*/_react["default"].createElement(_eReportListEmpty["default"], {
+        text: "\u8FD8\u672A\u5230E-\u5468\u62A5\u751F\u6210\u65F6\u95F4\u54E6~"
+      }) : /*#__PURE__*/_react["default"].createElement(_style.ListStyle, {
+        onClick: this.handleClickReportListsDiv
+      }, this.getTimePick(), this.getListItem(eReportWeekList), this.getShare(isShowEReportSharePop, eReportId, eReportDate), this.getToast(isShowToast, submitStatus));
+    }
+  }]);
+
+  return EReportList;
+}(_react["default"].Component);
+
+var _default = EReportList;
+exports["default"] = _default;

package/lib/components/eReport/eReportLists/style.js

@@ -0,0 +1,78 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TimePickTextStyle = exports.TimePickStyle = exports.ListTopTimePickDivStyle = exports.ListTopLabelStyle = exports.ListTopDivStyle = exports.ListStyle = exports.ListItemStyle = exports.ItemTimeTextStyle = exports.ItemTimeDivStyle = exports.ItemTimeBackgroundStyle = exports.ItemOptionsShareTextStyle = exports.ItemOptionsShareBackgroundStyle = exports.ItemOptionsMoreInfoTextStyle = exports.ItemOptionsMoreInfoBackgroundStyle = exports.ItemOptionsChildsDivStyle = exports.ItemOptionsActionsDivStyle = void 0;
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16;
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+var ListTopDivStyle = _styledComponents["default"].div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\nwidth: 100%;\nheight: 20px;\nposition: relative;\n"])));
+
+exports.ListTopDivStyle = ListTopDivStyle;
+
+var ListTopLabelStyle = _styledComponents["default"].span(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\nheight: 20px;\nposition: absolute;\ntop: 0;\nfont-family: PingFangSC-Regular;\nfont-size: 14px;\ncolor: #A4ACB9;\ncursor: default;\n"])));
+
+exports.ListTopLabelStyle = ListTopLabelStyle;
+
+var ListTopTimePickDivStyle = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\nheight: 20px;\nposition: absolute;\nright: 0;\ntop: 0;\ndisplay: inline-block;\n"])));
+
+exports.ListTopTimePickDivStyle = ListTopTimePickDivStyle;
+
+var TimePickStyle = _styledComponents["default"].span(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\ndisplay: inline-block;\nwidth: 11.7px;\nheight: 10.6px;\nborder-radius: 2.67px;\nmargin-top: 2px;\nfont-size: 11px;\ncursor: pointer;\n"])));
+
+exports.TimePickStyle = TimePickStyle;
+
+var TimePickTextStyle = _styledComponents["default"].span(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\nfont-family: PingFangSC-Regular;\nfont-size: 14px;\ncolor: #A4ACB9;\nmargin-left: 5.9px;\ncursor: pointer;\n"])));
+
+exports.TimePickTextStyle = TimePickTextStyle;
+
+var ListStyle = _styledComponents["default"].div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\nwidth: 100%;\n"])));
+
+exports.ListStyle = ListStyle;
+
+var ListItemStyle = _styledComponents["default"].div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\nwidth: 100%;\nheight: 58px;\nbackground: #FFFFFF;\nborder-radius: 2px;\nposition: relative;\n"])));
+
+exports.ListItemStyle = ListItemStyle;
+
+var ItemTimeDivStyle = _styledComponents["default"].div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\ndisplay: flex;\njustify-content: space-around;\nflex-direction: row;\nwidth: 240px;\nalign-items: center;\nposition: absolute;\ntop: 17px;\n"])));
+
+exports.ItemTimeDivStyle = ItemTimeDivStyle;
+
+var ItemTimeBackgroundStyle = _styledComponents["default"].span(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\ndisplay: flex;\nwidth: 20px;\nalign-items: center;\njustify-content: center;\nheight: 20px;\nbackground: #0CC991;\nborder-radius: 1.42px;\ncolor: white;\n"])));
+
+exports.ItemTimeBackgroundStyle = ItemTimeBackgroundStyle;
+
+var ItemTimeTextStyle = _styledComponents["default"].span(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\ndisplay: inline-block;\nwidth: 220px;\nheight: 24px;\ntext-align: center;\nfont-family: PingFangSC-Medium;\nfont-size: 21px;\nfont-size: 17px;\ncolor: #33383D;\nwhite-space: nowrap;\n"])));
+
+exports.ItemTimeTextStyle = ItemTimeTextStyle;
+
+var ItemOptionsActionsDivStyle = _styledComponents["default"].div(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\ndisplay: flex;\nflex-direction: row;\nalign-items: center;\njustify-content: space-between;\ntext-align: center;\nwidth: 144px;\nheight: 24px;\nposition: absolute;\ntop: 20px;\nright: 0;\n"])));
+
+exports.ItemOptionsActionsDivStyle = ItemOptionsActionsDivStyle;
+
+var ItemOptionsChildsDivStyle = _styledComponents["default"].div(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\ndisplay: flex;\nflex-direction: row;\njustify-content: center;\nalign-items: center;\n"])));
+
+exports.ItemOptionsChildsDivStyle = ItemOptionsChildsDivStyle;
+
+var ItemOptionsShareBackgroundStyle = _styledComponents["default"].span(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\ndisplay: inline-block;\ncolor: #2879ff;\ncursor: pointer;\nmargin-right: 2px;\n\n&:hover {\n    color: #1B6CF1;\n}\n"])));
+
+exports.ItemOptionsShareBackgroundStyle = ItemOptionsShareBackgroundStyle;
+
+var ItemOptionsShareTextStyle = _styledComponents["default"].a(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\nmargin-left: 2px;\ncolor: #2879ff;\nfont-size: 13px;\ncursor: pointer;\ndisplay: flex;\nalign-items: center;\n\n&:hover {\n    color: #1B6CF1;\n}\n"])));
+
+exports.ItemOptionsShareTextStyle = ItemOptionsShareTextStyle;
+
+var ItemOptionsMoreInfoTextStyle = _styledComponents["default"].a(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\nmargin-right: 2px;\ncolor: #2879ff;\nfont-size: 13px;\ncursor: pointer;\ndisplay: flex;\nalign-items: center;\n\n&:hover {\n    color: #1B6CF1;\n}\n"])));
+
+exports.ItemOptionsMoreInfoTextStyle = ItemOptionsMoreInfoTextStyle;
+
+var ItemOptionsMoreInfoBackgroundStyle = _styledComponents["default"].span(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\ndisplay: inline-block;\ncolor: #2879ff;\ncursor: pointer;\nmargin-left: 2px;\n\n&:hover {\n    color: #1B6CF1;\n}\n"])));
+
+exports.ItemOptionsMoreInfoBackgroundStyle = ItemOptionsMoreInfoBackgroundStyle;

package/lib/components/eReport/eReportShare/index.js

@@ -0,0 +1,173 @@
+"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 _mblog = _interopRequireDefault(require("../../mblog"));
+
+var _requestV = require("../../../utils/request-v1");
+
+var _style = require("./style");
+
+var _context = _interopRequireDefault(require("../../mblog/context"));
+
+require("./index.css");
+
+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 _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+var EReportShare = /*#__PURE__*/function (_PureComponent) {
+  _inherits(EReportShare, _PureComponent);
+
+  var _super = _createSuper(EReportShare);
+
+  function EReportShare(props) {
+    var _this;
+
+    _classCallCheck(this, EReportShare);
+
+    _this = _super.call(this, props);
+    _this.isManager = BSGlobal.loginUserInfo.IsRoot || BSGlobal.loginUserInfo.IsBoss || BSGlobal.loginUserInfo.IsOkrManager;
+
+    _this.handlerContentSubmit = function (submitType, sentData) {
+      var _this$props = _this.props,
+          onSubmit = _this$props.onSubmit,
+          workId = _this$props.workId;
+      sentData.ObjType = 62;
+      sentData.ObjId = workId;
+
+      if (submitType === 'submit') {
+        _this.setState({
+          submitStatus: 2
+        });
+
+        var url = (0, _requestV.getApiUrl2)('user/feed/AddShare');
+        (0, _requestV.taker)(url, 'POST', sentData).then(function (res) {
+          if (res.Code == 1) {
+            _this.setState({
+              submitStatus: 1
+            });
+
+            onSubmit('success');
+          } else {
+            _this.setState({
+              submitStatus: 0
+            });
+
+            onSubmit('failed');
+          }
+        });
+      } else {
+        _this.setState({
+          submitStatus: 0
+        });
+
+        onSubmit('cancel');
+      }
+    };
+
+    _this.state = {
+      submitStatus: 0,
+      popContainer: document.body
+    };
+    return _this;
+  } // @ts-ignore
+
+
+  _createClass(EReportShare, [{
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+
+      var _this$props2 = this.props,
+          eReportId = _this$props2.eReportId,
+          eReportDate = _this$props2.eReportDate,
+          workName = _this$props2.workName,
+          workId = _this$props2.workId,
+          className = _this$props2.className,
+          isVisible = _this$props2.isVisible,
+          onSubmit = _this$props2.onSubmit;
+      var _this$state = this.state,
+          submitStatus = _this$state.submitStatus,
+          popContainer = _this$state.popContainer; // let eReportURL = `${location.origin}${location.pathname}#okr/eReport?okrId=${eReportId}&back=#okr%2Fmanage%3Fwork_id%3D${workId}%26detail_type%3Detask`
+
+      var eReportURL = "".concat(location.origin).concat(location.pathname, "#okr/eReport?okrId=").concat(eReportId, "&work_id=").concat(workId);
+      var defaultContent = this.isManager ? "@[\u6240\u6709\u540C\u4E8B:all_members] ".concat((0, _getLocale.getLocale)('Mod_Objective'), "\uFF1A").concat(workName, "\uFF08").concat(eReportDate, "\uFF09E\u5468\u62A5").concat(eReportURL, "\uFF0C\u70B9\u51FB\u94FE\u63A5\u5373\u53EF\u67E5\u770B\uFF5E") : "".concat((0, _getLocale.getLocale)('Mod_Objective'), "\uFF1A").concat(workName, "\uFF08").concat(eReportDate, "\uFF09E\u5468\u62A5").concat(eReportURL, "\uFF0C\u70B9\u51FB\u94FE\u63A5\u5373\u53EF\u67E5\u770B\uFF5E");
+      return /*#__PURE__*/_react["default"].createElement(_style.ModalWrapper, {
+        className: "".concat(className, " document-mouse-event-ignore"),
+        onClick: function onClick() {
+          return onSubmit('cancel');
+        }
+      }, /*#__PURE__*/_react["default"].createElement(_style.ModalContainer, {
+        width: "800px",
+        onClick: function onClick(event) {
+          event.stopPropagation();
+          event.nativeEvent.stopImmediatePropagation();
+        }
+      }, /*#__PURE__*/_react["default"].createElement(_style.ModalHead, {
+        className: "tu-icon-thirty-nine"
+      }, /*#__PURE__*/_react["default"].createElement("span", null, "\u53D1\u5206\u4EAB\uFF08@Ta\uFF09"), /*#__PURE__*/_react["default"].createElement(_style.PraiseRecordClose, {
+        className: "tu-icon-close",
+        onMouseDown: function onMouseDown() {
+          return onSubmit('cancel');
+        }
+      })), /*#__PURE__*/_react["default"].createElement(_context["default"].Provider, {
+        value: {
+          popContainer: popContainer
+        }
+      }, /*#__PURE__*/_react["default"].createElement(_mblog["default"], {
+        defaultContent: defaultContent,
+        isShowAttachment: false,
+        isShowRangeDropDown: false,
+        isShowSendSms: false,
+        isShowBtnCancel: false,
+        submitText: (0, _getLocale.getLocale)('OKR_MyO_KRP_Butt_Release'),
+        initialTextHeight: 96,
+        autoResizing: false,
+        privateValue: isVisible,
+        userSelectorPopAlign: "top left",
+        emotionsSelectorPopAlign: "top left",
+        commentsTypeKey: "E-ReportShare-".concat(eReportId),
+        submitStatus: submitStatus,
+        onMblogSubmit: function onMblogSubmit(submitType, sentData) {
+          return _this2.handlerContentSubmit(submitType, sentData);
+        }
+      }))));
+    }
+  }]);
+
+  return EReportShare;
+}(_react.PureComponent);
+
+exports["default"] = EReportShare;