@titaui/pc 1.16.22 → 1.16.25

package/lib/components/dynamic/dynamic-list/index.js

@@ -0,0 +1,103 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _rcQueueAnim = _interopRequireDefault(require("rc-queue-anim"));
+
+var _dynamicItem = _interopRequireDefault(require("../dynamic-item"));
+
+var _dynamicEmpty = _interopRequireDefault(require("../img/dynamic-empty.png"));
+
+var _conditionRender = _interopRequireDefault(require("../../condition-render"));
+
+var _getLocale = require("../../../utils/getLocale");
+
+var _context = require("../context");
+
+require("./index.css");
+
+var _excluded = ["data", "dynamicShareIsShowToping", "onDeleteFeed", "height", "searchKeyWord", "atAllText", "atAllTipText", "atAllValue", "isShowAtAll"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+var prefix = 'titaui-dynamic-list';
+
+var DynamicList = function DynamicList(_ref) {
+  var data = _ref.data,
+      dynamicShareIsShowToping = _ref.dynamicShareIsShowToping,
+      onDeleteFeed = _ref.onDeleteFeed,
+      _ref$height = _ref.height,
+      height = _ref$height === void 0 ? -1 : _ref$height,
+      _ref$searchKeyWord = _ref.searchKeyWord,
+      searchKeyWord = _ref$searchKeyWord === void 0 ? '' : _ref$searchKeyWord,
+      atAllText = _ref.atAllText,
+      atAllTipText = _ref.atAllTipText,
+      atAllValue = _ref.atAllValue,
+      isShowAtAll = _ref.isShowAtAll,
+      restProps = _objectWithoutProperties(_ref, _excluded);
+
+  var handleDeleteFeed = function handleDeleteFeed(feedId) {
+    if (onDeleteFeed) {
+      onDeleteFeed(feedId);
+    }
+  };
+
+  return /*#__PURE__*/_react["default"].createElement(_context.SearchKeyContext.Provider, {
+    value: {
+      searchKeyWord: searchKeyWord,
+      atAllText: atAllText,
+      atAllTipText: atAllTipText,
+      atAllValue: atAllValue,
+      isShowAtAll: isShowAtAll
+    }
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: prefix,
+    style: {
+      minHeight: height === -1 ? 'auto' : height
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_conditionRender["default"], {
+    condition: data.length === 0
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(prefix, "__empty")
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    className: "".concat(prefix, "__empty-img"),
+    src: _dynamicEmpty["default"],
+    alt: ""
+  }), /*#__PURE__*/_react["default"].createElement("span", {
+    className: "".concat(prefix, "__empty-text")
+  }, (0, _getLocale.getLocale)('OKR_Noinformation')))), /*#__PURE__*/_react["default"].createElement(_conditionRender["default"], {
+    condition: data.length !== 0
+  }, /*#__PURE__*/_react["default"].createElement(_rcQueueAnim["default"], {
+    type: "bottom",
+    delay: 0,
+    duration: 500,
+    animConfig: [{
+      opacity: [1, 0]
+    }, {
+      display: 'none'
+    }]
+  }, data.map(function (item) {
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: "".concat(prefix, "__item-wrapper"),
+      key: item.feedId
+    }, /*#__PURE__*/_react["default"].createElement(_dynamicItem["default"], _extends({
+      data: item,
+      onDeleteFeed: handleDeleteFeed,
+      dynamicShareIsShowToping: dynamicShareIsShowToping
+    }, restProps)));
+  })))));
+};
+
+var _default = DynamicList;
+exports["default"] = _default;

package/lib/components/dynamic/interface.js

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

package/lib/components/dynamic/request-api.js

@@ -0,0 +1,55 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.topDynamic = exports.setSummaryAlreadyRead = exports.deleteDynamic = exports.collectDynamic = exports.cancelTopDynamic = exports.cancelCollectDynamic = void 0;
+
+var _request = require("../../utils/request");
+
+var _BSGlobal$loginUserIn;
+
+// @ts-ignore
+var userId = BSGlobal && ((_BSGlobal$loginUserIn = BSGlobal.loginUserInfo) === null || _BSGlobal$loginUserIn === void 0 ? void 0 : _BSGlobal$loginUserIn.Id) || 0;
+
+var topDynamic = function topDynamic(_ref) {
+  var feedId = _ref.feedId;
+  return (0, _request.rget)('v2')("user/feednew/setTop?feedId=".concat(feedId));
+};
+
+exports.topDynamic = topDynamic;
+
+var cancelTopDynamic = function cancelTopDynamic(_ref2) {
+  var feedId = _ref2.feedId;
+  return (0, _request.rget)('v2')("user/feednew/cancelTop?feedId=".concat(feedId));
+};
+
+exports.cancelTopDynamic = cancelTopDynamic;
+
+var collectDynamic = function collectDynamic(_ref3) {
+  var feedId = _ref3.feedId;
+  return (0, _request.rput)('v2')("user/feed/Collect?feed_id=".concat(feedId));
+};
+
+exports.collectDynamic = collectDynamic;
+
+var cancelCollectDynamic = function cancelCollectDynamic(_ref4) {
+  var feedId = _ref4.feedId;
+  return (0, _request.rdelete)('v2')("user/feed/CancelCollect?feed_id=".concat(feedId));
+};
+
+exports.cancelCollectDynamic = cancelCollectDynamic;
+
+var deleteDynamic = function deleteDynamic(_ref5) {
+  var feedId = _ref5.feedId;
+  return (0, _request.rdelete)('v2')("user/feed/Delete?feed_id=".concat(feedId));
+};
+
+exports.deleteDynamic = deleteDynamic;
+
+var setSummaryAlreadyRead = function setSummaryAlreadyRead(_ref6) {
+  var feedId = _ref6.feedId;
+  return (0, _request.rpost)('v1')("summary/remind/read/".concat(feedId));
+};
+
+exports.setSummaryAlreadyRead = setSummaryAlreadyRead;

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/eReportListEmpty.js

@@ -29,7 +29,7 @@ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _d
 
 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 ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+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); }; }
 
@@ -39,7 +39,7 @@ function _assertThisInitialized(self) { if (self === void 0) { throw new Referen
 
 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.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 

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

@@ -0,0 +1,282 @@
+"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 _temp, _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, (_temp = _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;
+      var StrRreg = /@\$(userName|departmentName)\=(.+?)\$/g;
+      var workName = okrName === null || okrName === void 0 ? void 0 : okrName.replace(StrRreg, '');
+      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: workName,
+        workId: okrId,
+        eReportId: id,
+        eReportDate: date,
+        onSubmit: function onSubmit(submitStatus) {
+          return _this.handlerEReportShareSubmit(submitStatus);
+        }
+      })));
+    }, _temp));
+  }
+
+  _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, {
+          onClick: function onClick() {
+            return _this3.handlerEReportShareSubmit('showEReportShare', v.id, v.startDate, v.endDate);
+          }
+        }, /*#__PURE__*/_react["default"].createElement(_style.ItemOptionsShareBackgroundStyle, {
+          className: "tu-icon-share1 hahahahaha"
+        }), /*#__PURE__*/_react["default"].createElement(_style.ItemOptionsShareTextStyle, null, (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: OPPOSans, Arial, Verdana, Helvetica Neue, Helvetica, PingFang SC, Microsoft YaHei, sans-serif;\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: OPPOSans, Arial, Verdana, Helvetica Neue, Helvetica, PingFang SC, Microsoft YaHei, sans-serif;\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;