@titaui/pc 1.5.82 → 1.5.83

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

@@ -0,0 +1,352 @@
+"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 _classnames = _interopRequireDefault(require("classnames"));
+
+var _communication = _interopRequireDefault(require("../../communication"));
+
+var _upvote = _interopRequireDefault(require("../../upvote"));
+
+var _upvoteListModal = _interopRequireDefault(require("../../upvote/upvoteListModal"));
+
+var _constant = require("../constant");
+
+var _dynamicAssessment = _interopRequireDefault(require("./dynamic-assessment"));
+
+var _dynamicShare = _interopRequireDefault(require("./dynamic-share"));
+
+var _dynamicAnnouncement = _interopRequireDefault(require("./dynamic-announcement"));
+
+var _dynamicReplay = _interopRequireDefault(require("./dynamic-replay"));
+
+var _dynamicReport = _interopRequireDefault(require("./dynamic-report"));
+
+var _dynamicRelative = _interopRequireDefault(require("./dynamic-relative"));
+
+var _dynamicAlign = _interopRequireDefault(require("./dynamic-align"));
+
+var _dynamicProgress = _interopRequireDefault(require("./dynamic-progress"));
+
+var _dynamicCreateO = _interopRequireDefault(require("./dynamic-create-o"));
+
+var _dynamicTask = _interopRequireDefault(require("./dynamic-task"));
+
+var _dynamicProject = _interopRequireDefault(require("./dynamic-project"));
+
+var _dynamicKr = _interopRequireDefault(require("./dynamic-kr"));
+
+var _dynamicReward = _interopRequireDefault(require("./dynamic-reward"));
+
+var _dynamicMilestone = _interopRequireDefault(require("./dynamic-milestone"));
+
+var _bsGlobal = require("../../../utils/bs-global");
+
+var _avatar = require("../../avatar");
+
+var _context = require("../context");
+
+var _conditionRender = _interopRequireDefault(require("../components/condition-render"));
+
+var _auth = require("../../../utils/auth");
+
+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 _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+var prefix = "titaui-dynamic-item";
+
+var DynamicItem = function DynamicItem(_ref) {
+  var data = _ref.data,
+      onDeleteFeed = _ref.onDeleteFeed;
+  var feedId = data.feedId,
+      feedComments = data.feedComments,
+      praiseType = data.praiseType,
+      praiseUsers = data.praiseUsers;
+
+  var _useState = (0, _react.useState)(feedComments.total > 0),
+      _useState2 = _slicedToArray(_useState, 2),
+      showComment = _useState2[0],
+      setShowComment = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(false),
+      _useState4 = _slicedToArray(_useState3, 2),
+      contentIsOverflow = _useState4[0],
+      setContentIsOverflow = _useState4[1];
+
+  var _useState5 = (0, _react.useState)(praiseUsers || []),
+      _useState6 = _slicedToArray(_useState5, 2),
+      praiseData = _useState6[0],
+      setPraiseData = _useState6[1];
+
+  var _useState7 = (0, _react.useState)(true),
+      _useState8 = _slicedToArray(_useState7, 2),
+      isFold = _useState8[0],
+      setIsFold = _useState8[1];
+
+  var _useState9 = (0, _react.useState)(false),
+      _useState10 = _slicedToArray(_useState9, 2),
+      upvoteModalVisible = _useState10[0],
+      setUpvoteModalVisible = _useState10[1];
+
+  var _useContext = (0, _react.useContext)(_context.SearchKeyContext),
+      searchKeyWord = _useContext.searchKeyWord;
+
+  var hasDynamicOpereateAuth = new _auth.DynamicManagerAuth().hasAuth();
+  var dynamicContentRef = (0, _react.useRef)();
+  var communicationRef = (0, _react.useRef)();
+
+  var handleCommentClick = function handleCommentClick() {
+    setShowComment(!showComment);
+  };
+
+  var handleFold = function handleFold() {
+    setIsFold(true);
+  };
+
+  var handleShowMore = function handleShowMore() {
+    setIsFold(false);
+  };
+
+  var onChangeParse = function onChangeParse(type, count) {
+    var Id = (0, _bsGlobal.getBSGlobal)("loginUserInfo").Id;
+
+    var data = _toConsumableArray(praiseData).filter(function (item) {
+      return item.userId != Id;
+    });
+
+    if (type) {
+      var avatar = (0, _bsGlobal.getBSGlobal)("loginUserInfo").UserAvatar;
+      var name = (0, _bsGlobal.getBSGlobal)("loginUserInfo").Name;
+      avatar["color"] = avatar.Color;
+      avatar["medium"] = avatar.Medium;
+      var parseUser = {
+        avatar: avatar,
+        name: name,
+        userId: Id,
+        praiseType: type
+      };
+      setPraiseData([parseUser].concat(_toConsumableArray(data)));
+    } else {
+      setPraiseData(data);
+    }
+  };
+
+  var renderContent = (0, _react.useMemo)(function () {
+    switch (data.feedType) {
+      case _constant.EFeedType.O:
+        return /*#__PURE__*/_react["default"].createElement(_dynamicCreateO["default"], {
+          data: data,
+          onDeleteFeed: onDeleteFeed
+        });
+
+      case _constant.EFeedType.Progress:
+        return /*#__PURE__*/_react["default"].createElement(_dynamicProgress["default"], {
+          data: data,
+          onDeleteFeed: onDeleteFeed
+        });
+
+      case _constant.EFeedType.Task:
+        return /*#__PURE__*/_react["default"].createElement(_dynamicTask["default"], {
+          data: data,
+          onDeleteFeed: onDeleteFeed
+        });
+
+      case _constant.EFeedType.Project:
+        return /*#__PURE__*/_react["default"].createElement(_dynamicProject["default"], {
+          data: data,
+          onDeleteFeed: onDeleteFeed
+        });
+
+      case _constant.EFeedType.Align:
+        return /*#__PURE__*/_react["default"].createElement(_dynamicAlign["default"], {
+          data: data,
+          onDeleteFeed: onDeleteFeed
+        });
+
+      case _constant.EFeedType.Relative:
+        return /*#__PURE__*/_react["default"].createElement(_dynamicRelative["default"], {
+          data: data,
+          onDeleteFeed: onDeleteFeed
+        });
+
+      case _constant.EFeedType.Kr:
+        return /*#__PURE__*/_react["default"].createElement(_dynamicKr["default"], {
+          data: data,
+          onDeleteFeed: onDeleteFeed
+        });
+
+      case _constant.EFeedType.Report:
+        return /*#__PURE__*/_react["default"].createElement(_dynamicReport["default"], {
+          data: data,
+          onDeleteFeed: onDeleteFeed
+        });
+
+      case _constant.EFeedType.Reply:
+        return /*#__PURE__*/_react["default"].createElement(_dynamicReplay["default"], {
+          data: data,
+          onDeleteFeed: onDeleteFeed
+        });
+
+      case _constant.EFeedType.Share:
+        return /*#__PURE__*/_react["default"].createElement(_dynamicShare["default"], {
+          data: data,
+          onDeleteFeed: onDeleteFeed,
+          hasDynamicOpereateAuth: hasDynamicOpereateAuth
+        });
+
+      case _constant.EFeedType.Assessment:
+        return /*#__PURE__*/_react["default"].createElement(_dynamicAssessment["default"], {
+          data: data,
+          onDeleteFeed: onDeleteFeed
+        });
+
+      case _constant.EFeedType.Announcement:
+        return /*#__PURE__*/_react["default"].createElement(_dynamicAnnouncement["default"], {
+          data: data,
+          onDeleteFeed: onDeleteFeed,
+          hasDynamicOpereateAuth: hasDynamicOpereateAuth
+        });
+
+      case _constant.EFeedType.Reward:
+        return /*#__PURE__*/_react["default"].createElement(_dynamicReward["default"], {
+          data: data,
+          onDeleteFeed: onDeleteFeed
+        });
+
+      case _constant.EFeedType.MileStone:
+        return /*#__PURE__*/_react["default"].createElement(_dynamicMilestone["default"], {
+          data: data,
+          onDeleteFeed: onDeleteFeed
+        });
+
+      default:
+        return null;
+    }
+  }, [data]);
+  (0, _react.useEffect)(function () {
+    if (dynamicContentRef.current && dynamicContentRef.current.offsetHeight > 288) {
+      setContentIsOverflow(true);
+    }
+  }, []);
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: prefix
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: prefix + "__content",
+    ref: dynamicContentRef,
+    style: {
+      height: contentIsOverflow && isFold ? "288px" : "auto"
+    }
+  }, renderContent, /*#__PURE__*/_react["default"].createElement(_conditionRender["default"], {
+    condition: contentIsOverflow && isFold
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: prefix + "__content-show-more",
+    onClick: handleShowMore
+  }, "\u67E5\u770B\u66F4\u591A", /*#__PURE__*/_react["default"].createElement("i", {
+    className: (0, _classnames["default"])("tu-icon-arrow-down", prefix + "__icon")
+  })))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: prefix + "__footer"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: prefix + "__footer-left"
+  }, praiseData.map(function (item, index) {
+    if (index >= 8) return;
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: prefix + "__footer-left-item",
+      key: item.userId
+    }, /*#__PURE__*/_react["default"].createElement(_avatar.IconAvatar, {
+      name: item.name,
+      userId: item.userId,
+      avatar: item.avatar,
+      type: item.praiseType,
+      key: index,
+      size: {
+        width: 28,
+        textNum: 1,
+        fontSize: 12
+      }
+    }));
+  }), /*#__PURE__*/_react["default"].createElement(_conditionRender["default"], {
+    condition: praiseData && praiseData.length > 8
+  }, /*#__PURE__*/_react["default"].createElement(_avatar.NumAvatar, {
+    onClick: function onClick() {
+      return setUpvoteModalVisible(true);
+    },
+    num: praiseData.length - 8
+  }))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: prefix + "__footer-right"
+  }, /*#__PURE__*/_react["default"].createElement(_conditionRender["default"], {
+    condition: contentIsOverflow && !isFold
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: prefix + "__footer-fold",
+    onClick: handleFold
+  }, "\u6536\u8D77", /*#__PURE__*/_react["default"].createElement("i", {
+    className: (0, _classnames["default"])("tu-icon-arrow-down", "".concat(prefix, "__icon"), "".concat(prefix, "__icon-up"))
+  }))), /*#__PURE__*/_react["default"].createElement("span", {
+    onClick: handleCommentClick,
+    className: (0, _classnames["default"])("tu-icon-pinglun-m", prefix + "__footer-icon")
+  }, /*#__PURE__*/_react["default"].createElement(_conditionRender["default"], {
+    condition: feedComments.total > 0
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: prefix + "__footer-number"
+  }, feedComments.total))), /*#__PURE__*/_react["default"].createElement(_upvote["default"], {
+    type: praiseType,
+    count: praiseUsers ? praiseUsers.length : 0,
+    feedId: feedId,
+    onChange: onChangeParse,
+    style: {
+      marginLeft: 30
+    },
+    buttonType: "tu-icon-tyle-column",
+    customUpvoteBtnCls: "".concat(prefix, "__upvote-btn")
+  }), /*#__PURE__*/_react["default"].createElement(_upvoteListModal["default"], {
+    feedId: feedId,
+    visible: upvoteModalVisible,
+    onClose: function onClose() {
+      return setUpvoteModalVisible(false);
+    }
+  }))), /*#__PURE__*/_react["default"].createElement(_conditionRender["default"], {
+    condition: showComment
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: prefix + "__communication"
+  }, /*#__PURE__*/_react["default"].createElement(_communication["default"], {
+    feedId: feedId,
+    commentCount: 3,
+    ref: communicationRef,
+    highLightKeyWord: searchKeyWord,
+    autoFocus: feedComments.total === 0
+  }))));
+};
+
+var _default = DynamicItem;
+exports["default"] = _default;

package/lib/components/dynamic/dynamic-like-ranking/image/like-ranking.svg

@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>点赞排行榜</title>
+    <defs>
+        <linearGradient x1="25.6749834%" y1="84.5410483%" x2="73.6493792%" y2="24.52131%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#FFA5A5" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="页面-2" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="公告/分享" transform="translate(-1082.000000, -727.000000)">
+            <g id="置顶分享" transform="translate(1066.000000, 713.000000)">
+                <g id="点赞排行榜" transform="translate(16.000000, 14.000000)">
+                    <circle id="椭圆形" fill="#F05E5E" cx="10" cy="10" r="10"></circle>
+                    <path d="M4.58285466,13.3531698 L6.82522274,10 L6.82522274,10 L10,11.9877624 L7.90149916,15.2903228 C7.78302165,15.4767793 7.53582378,15.5318872 7.34936727,15.4134097 C7.29756512,15.3804938 7.25403227,15.3360987 7.22213851,15.283661 L6.42650106,13.9755248 L6.42650106,13.9755248 L4.91535766,13.9755248 C4.69444376,13.9755248 4.51535766,13.7964387 4.51535766,13.5755248 C4.51535766,13.4963603 4.53884808,13.4189759 4.58285466,13.3531698 Z" id="路径-3" fill="url(#linearGradient-1)"></path>
+                    <path d="M10.416188,13.3531698 L12.6585561,10 L12.6585561,10 L15.8333333,11.9877624 L13.7348325,15.2903228 C13.616355,15.4767793 13.3691571,15.5318872 13.1827006,15.4134097 C13.1308985,15.3804938 13.0873656,15.3360987 13.0554718,15.283661 L12.2598344,13.9755248 L12.2598344,13.9755248 L10.748691,13.9755248 C10.5277771,13.9755248 10.348691,13.7964387 10.348691,13.5755248 C10.348691,13.4963603 10.3721814,13.4189759 10.416188,13.3531698 Z" id="路径-3" fill="url(#linearGradient-1)" transform="translate(12.916667, 12.916667) scale(-1, 1) translate(-12.916667, -12.916667) "></path>
+                    <circle id="椭圆形" fill="#FFFFFF" cx="10" cy="9.16666667" r="4.16666667"></circle>
+                    <path d="M10,10.4166667 L9.24792573,10.8120555 C9.0523879,10.9148558 8.81053703,10.8396772 8.70773671,10.6441394 C8.66680108,10.5662752 8.65267521,10.477088 8.66754595,10.3903849 L8.81117935,9.55293791 L8.81117935,9.55293791 L8.20273849,8.95985465 C8.04454506,8.80565416 8.04130814,8.55240886 8.19550862,8.39421542 C8.25691206,8.33122197 8.33736903,8.2902271 8.42442384,8.2775773 L9.26526843,8.15539542 L9.26526843,8.15539542 L9.64130557,7.39346097 C9.73907449,7.1953595 9.97892482,7.1140239 10.1770263,7.21179282 C10.2559113,7.25072492 10.3197623,7.31457592 10.3586944,7.39346097 L10.7347316,8.15539542 L10.7347316,8.15539542 L11.5755762,8.2775773 C11.7941941,8.30934434 11.9456667,8.51232148 11.9138996,8.73093943 C11.9012498,8.81799424 11.860255,8.8984512 11.7972615,8.95985465 L11.1888206,9.55293791 L11.1888206,9.55293791 L11.332454,10.3903849 C11.3697985,10.6081195 11.2235633,10.8149019 11.0058287,10.8522463 C10.9191257,10.867117 10.8299385,10.8529911 10.7520743,10.8120555 L10,10.4166667 L10,10.4166667 Z" id="星形" fill="#F05E5E"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/lib/components/dynamic/dynamic-like-ranking/index.css

@@ -0,0 +1,126 @@
+.danamic-like-ranking {
+  margin-top: 10px;
+  width: 278px;
+  background: #ffffff;
+  box-shadow: 0px 0px 8px 0px rgba(127, 145, 180, 0.1);
+  border-radius: 12px;
+  padding: 12px 16px;
+  padding-bottom: 20px;
+  box-sizing: border-box;
+}
+
+.danamic-like-ranking__header {
+  height: 24px;
+  font-size: 16px;
+  font-weight: 600;
+  color: #3f4755;
+  line-height: 24px;
+  margin-bottom: 10px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.danamic-like-ranking__header-text {
+  margin-left: 4px;
+}
+
+.danamic-like-ranking__header-image {
+  width: 20px;
+  height: 20px;
+  position: relative;
+  top: -2px;
+}
+
+.danamic-like-ranking__header-right {
+  cursor: pointer;
+}
+
+.danamic-like-ranking__header-right:hover {
+  color: #2879ff;
+}
+
+.danamic-like-ranking__content {
+  border-top: 1px solid #e9ecf0;
+  padding: 16px 0 0 0;
+}
+
+.danamic-like-ranking__item {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 16px;
+}
+
+.danamic-like-ranking__item:last-of-type {
+  margin-bottom: unset;
+}
+
+.danamic-like-ranking__item-left {
+  display: flex;
+  align-items: center;
+}
+
+.danamic-like-ranking__item-pre {
+  width: 21px;
+  text-align: center;
+}
+
+.danamic-like-ranking__item-medal {
+  width: 20px;
+}
+
+.danamic-like-ranking__item-num {
+  font-size: 14px;
+}
+
+.danamic-like-ranking__item-avatar {
+  cursor: pointer;
+  margin-left: 9px;
+}
+
+.danamic-like-ranking__item-avatar .titaui-pc-avator-container {
+  display: inline-flex !important;
+}
+
+.danamic-like-ranking__item-name {
+  margin-left: 8px;
+}
+
+.danamic-like-ranking__item-like-text {
+  font-size: 13px;
+  font-weight: 400;
+  color: #89919F;
+  line-height: 22px;
+}
+
+.danamic-like-ranking__item-like-num {
+  font-size: 16px;
+  font-weight: 600;
+  color: #3F4755;
+  line-height: 22px;
+}
+
+.danamic-like-ranking__tab-bar {
+  margin-bottom: 16px;
+  display: flex;
+}
+
+.danamic-like-ranking__tab-bar-item {
+  text-align: center;
+  width: 60px;
+  height: 28px;
+  line-height: 28px;
+  font-size: 14px;
+  font-weight: 400;
+  color: #3F4755;
+  cursor: pointer;
+  margin-right: 6px;
+}
+
+.danamic-like-ranking__tab-bar-item--selected {
+  border-radius: 18px;
+  background: rgba(40, 121, 255, 0.1);
+  border-radius: 15px;
+  color: #2879ff;
+}

package/lib/components/dynamic/dynamic-like-ranking/index.js

@@ -0,0 +1,157 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _requestApi = require("../request-api");
+
+var _formatTime = require("../../../utils/format-time");
+
+var _auth = require("../../../utils/auth");
+
+var _item = _interopRequireDefault(require("./item"));
+
+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 _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+var preCls = "danamic-like-ranking";
+var Auth = new _auth.DynamicManagerAuth();
+
+var DynamicLikeRanking = function DynamicLikeRanking() {
+  var _useState = (0, _react.useState)([]),
+      _useState2 = _slicedToArray(_useState, 2),
+      rankingData = _useState2[0],
+      setRankingData = _useState2[1];
+
+  var _useState3 = (0, _react.useState)("全部"),
+      _useState4 = _slicedToArray(_useState3, 2),
+      type = _useState4[0],
+      setType = _useState4[1];
+
+  var _useState5 = (0, _react.useState)({
+    createDate: "",
+    endDate: ""
+  }),
+      _useState6 = _slicedToArray(_useState5, 2),
+      date = _useState6[0],
+      setDate = _useState6[1];
+
+  (0, _react.useEffect)(function () {
+    var createDate = date.createDate,
+        endDate = date.endDate;
+    (0, _requestApi.getRanking)({
+      ToUserIds: "",
+      ToDepIds: "",
+      ToGroupIds: "",
+      CreateDate: createDate,
+      EndDate: endDate,
+      ObjectType: 0,
+      ObjectTypeAction: 0,
+      PageNum: 1,
+      PageSize: 8
+    }).then(function (res) {
+      if (res.Code === 1) {
+        var userPariseinfos = res.Data.userPariseinfos;
+        setRankingData(userPariseinfos);
+      }
+    });
+  }, [date]);
+  if (!rankingData || rankingData.length === 0) return null;
+
+  var handleLinkToPraiseRaking = function handleLinkToPraiseRaking() {
+    var href = window.location.href;
+    var url = "".concat(href.split("#")[0], "#praise-raking");
+    window.open(url, "self");
+  };
+
+  var handleChangeDate = function handleChangeDate(item) {
+    setType(item);
+    var createDate = "";
+    var endDate = "";
+
+    if (item == "本月") {
+      createDate = (0, _formatTime.showMonthFirstDay)();
+      endDate = (0, _formatTime.showNextMonthFirstDay)();
+    } else if (item == "本周") {
+      createDate = (0, _formatTime.showWeekFirstDay)();
+      endDate = (0, _formatTime.showNextWeekFirstDay)();
+    }
+
+    setDate({
+      createDate: createDate,
+      endDate: endDate
+    });
+  };
+
+  var TabBar = function TabBar() {
+    var typeData = ["全部", "本周", "本月"];
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: "".concat(preCls, "__tab-bar")
+    }, typeData.map(function (item, key) {
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        key: key,
+        className: (0, _classnames["default"])("".concat(preCls, "__tab-bar-item"), _defineProperty({}, "".concat(preCls, "__tab-bar-item--selected"), type === item)),
+        onClick: function onClick() {
+          return handleChangeDate(item);
+        }
+      }, item);
+    }));
+  };
+
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])("".concat(preCls))
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])("".concat(preCls, "__header"))
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])("".concat(preCls, "__header-left"))
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    className: (0, _classnames["default"])("".concat(preCls, "__header-image")),
+    src: require("./image/like-ranking.svg")
+  }), /*#__PURE__*/_react["default"].createElement("span", {
+    className: (0, _classnames["default"])("".concat(preCls, "__header-text"))
+  }, "\u70B9\u8D5E\u6392\u884C\u699C")), Auth.hasPraiseAuth() && /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])("".concat(preCls, "__header-right")),
+    onClick: handleLinkToPraiseRaking
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: "tu-icon-APP-xi"
+  }))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])("".concat(preCls, "__content"))
+  }, TabBar(), /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])("".concat(preCls, "__content-table"))
+  }, rankingData.map(function (item, index) {
+    return /*#__PURE__*/_react["default"].createElement(_item["default"], {
+      userInfo: item,
+      key: index
+    });
+  }))));
+};
+
+var _default = DynamicLikeRanking;
+exports["default"] = _default;