@titaui/pc 1.5.69-beta.2 → 1.5.69-beta.23

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

@@ -13,37 +13,51 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _communication = _interopRequireDefault(require("../../communication"));
 
-var _dynamicItemHeader = _interopRequireDefault(require("./components/dynamic-item-header"));
-
 var _upvote = _interopRequireDefault(require("../../upvote"));
 
+var _upvoteListModal = _interopRequireDefault(require("../../upvote/upvoteListModal"));
+
 var _constant = require("../constant");
 
-var _assessment = _interopRequireDefault(require("./components/assessment"));
+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 _publishContent = _interopRequireDefault(require("./components/publish-content"));
+var _dynamicAlign = _interopRequireDefault(require("./dynamic-align"));
 
-var _replay = _interopRequireDefault(require("./components/replay"));
+var _dynamicProgress = _interopRequireDefault(require("./dynamic-progress"));
 
-var _report = _interopRequireDefault(require("./components/report"));
+var _dynamicCreateO = _interopRequireDefault(require("./dynamic-create-o"));
 
-var _dynamicDesc = _interopRequireDefault(require("./components/dynamic-desc"));
+var _dynamicTask = _interopRequireDefault(require("./dynamic-task"));
 
-var _relative = _interopRequireDefault(require("./components/relative"));
+var _dynamicProject = _interopRequireDefault(require("./dynamic-project"));
 
-var _align = _interopRequireDefault(require("./components/align"));
+var _dynamicKr = _interopRequireDefault(require("./dynamic-kr"));
 
-var _commonDynamic = _interopRequireDefault(require("./components/common-dynamic"));
+var _dynamicReward = _interopRequireDefault(require("./dynamic-reward"));
 
-var _createO = _interopRequireDefault(require("./components/create-o"));
+var _dynamicMilestone = _interopRequireDefault(require("./dynamic-milestone"));
 
-var _taskProject = _interopRequireDefault(require("./components/task-project"));
+var _bsGlobal = require("../../../utils/bs-global");
 
 var _avatar = require("../../avatar");
 
-require("./index.css");
+var _context = require("../context");
+
+var _conditionRender = _interopRequireDefault(require("../components/condition-render"));
 
-var _excluded = ["data"];
+var _auth = require("../../../utils/auth");
+
+require("./index.css");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -51,8 +65,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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 _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 _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."); }
@@ -73,22 +85,17 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-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-item";
 
 var DynamicItem = function DynamicItem(_ref) {
   var data = _ref.data,
-      restProps = _objectWithoutProperties(_ref, _excluded);
-
+      onDeleteFeed = _ref.onDeleteFeed;
   var feedId = data.feedId,
       feedComments = data.feedComments,
       praiseType = data.praiseType,
       praiseUsers = data.praiseUsers;
 
-  var _useState = (0, _react.useState)(false),
+  var _useState = (0, _react.useState)(feedComments.total > 0),
       _useState2 = _slicedToArray(_useState, 2),
       showComment = _useState2[0],
       setShowComment = _useState2[1];
@@ -108,6 +115,15 @@ var DynamicItem = function DynamicItem(_ref) {
       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)();
 
@@ -115,20 +131,24 @@ var DynamicItem = function DynamicItem(_ref) {
     setShowComment(!showComment);
   };
 
-  var handleShowMore = function handleShowMore() {
-    setIsFold(false);
-  };
-
   var handleFold = function handleFold() {
     setIsFold(true);
   };
 
+  var handleShowMore = function handleShowMore() {
+    setIsFold(false);
+  };
+
   var onChangeParse = function onChangeParse(type, count) {
-    var Id = window.BSGlobal.loginUserInfo.Id;
+    var Id = (0, _bsGlobal.getBSGlobal)("loginUserInfo").Id;
+
+    var data = _toConsumableArray(praiseData).filter(function (item) {
+      return item.userId != Id;
+    });
 
     if (type) {
-      var avatar = window.BSGlobal.loginUserInfo.UserAvatar;
-      var name = window.BSGlobal.loginUserInfo.Name;
+      var avatar = (0, _bsGlobal.getBSGlobal)("loginUserInfo").UserAvatar;
+      var name = (0, _bsGlobal.getBSGlobal)("loginUserInfo").Name;
       avatar["color"] = avatar.Color;
       avatar["medium"] = avatar.Medium;
       var parseUser = {
@@ -137,73 +157,98 @@ var DynamicItem = function DynamicItem(_ref) {
         userId: Id,
         praiseType: type
       };
-      setPraiseData([parseUser].concat(_toConsumableArray(praiseData)));
+      setPraiseData([parseUser].concat(_toConsumableArray(data)));
     } else {
-      var _data = _toConsumableArray(praiseData).filter(function (item) {
-        return item.userId != Id;
-      });
-
-      setPraiseData(_data);
+      setPraiseData(data);
     }
   };
 
   var renderContent = (0, _react.useMemo)(function () {
     switch (data.feedType) {
       case _constant.EFeedType.O:
-        return /*#__PURE__*/_react["default"].createElement(_createO["default"], {
-          data: data
+        return /*#__PURE__*/_react["default"].createElement(_dynamicCreateO["default"], {
+          data: data,
+          onDeleteFeed: onDeleteFeed
         });
 
       case _constant.EFeedType.Progress:
-        return /*#__PURE__*/_react["default"].createElement(_commonDynamic["default"], {
-          data: data
+        return /*#__PURE__*/_react["default"].createElement(_dynamicProgress["default"], {
+          data: data,
+          onDeleteFeed: onDeleteFeed
         });
 
       case _constant.EFeedType.Task:
-        return /*#__PURE__*/_react["default"].createElement(_taskProject["default"], {
+        return /*#__PURE__*/_react["default"].createElement(_dynamicTask["default"], {
           data: data,
-          type: "task"
+          onDeleteFeed: onDeleteFeed
         });
 
       case _constant.EFeedType.Project:
-        return /*#__PURE__*/_react["default"].createElement(_taskProject["default"], {
+        return /*#__PURE__*/_react["default"].createElement(_dynamicProject["default"], {
           data: data,
-          type: "project"
+          onDeleteFeed: onDeleteFeed
         });
 
       case _constant.EFeedType.Align:
-        return /*#__PURE__*/_react["default"].createElement(_align["default"], {
-          data: data
+        return /*#__PURE__*/_react["default"].createElement(_dynamicAlign["default"], {
+          data: data,
+          onDeleteFeed: onDeleteFeed
         });
 
       case _constant.EFeedType.Relative:
-        return /*#__PURE__*/_react["default"].createElement(_relative["default"], {
-          data: data
+        return /*#__PURE__*/_react["default"].createElement(_dynamicRelative["default"], {
+          data: data,
+          onDeleteFeed: onDeleteFeed
         });
 
       case _constant.EFeedType.Kr:
-        return /*#__PURE__*/_react["default"].createElement(_commonDynamic["default"], {
-          data: data
+        return /*#__PURE__*/_react["default"].createElement(_dynamicKr["default"], {
+          data: data,
+          onDeleteFeed: onDeleteFeed
         });
 
       case _constant.EFeedType.Report:
-        return /*#__PURE__*/_react["default"].createElement(_report["default"], {
-          data: data
+        return /*#__PURE__*/_react["default"].createElement(_dynamicReport["default"], {
+          data: data,
+          onDeleteFeed: onDeleteFeed
         });
 
       case _constant.EFeedType.Reply:
-        return /*#__PURE__*/_react["default"].createElement(_replay["default"], {
-          data: data
+        return /*#__PURE__*/_react["default"].createElement(_dynamicReplay["default"], {
+          data: data,
+          onDeleteFeed: onDeleteFeed
         });
 
-      case _constant.EFeedType.Share || _constant.EFeedType.Announcement:
-        return /*#__PURE__*/_react["default"].createElement(_publishContent["default"], {
-          data: data
+      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(_assessment["default"], {
-          data: data
+        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:
@@ -217,65 +262,90 @@ var DynamicItem = function DynamicItem(_ref) {
   }, []);
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: prefix
-  }, /*#__PURE__*/_react["default"].createElement(_dynamicItemHeader["default"], _extends({
-    operateDesc: /*#__PURE__*/_react["default"].createElement(_dynamicDesc["default"], {
-      data: data
-    }),
-    feedId: feedId
-  }, data, restProps)), /*#__PURE__*/_react["default"].createElement("div", {
+  }, /*#__PURE__*/_react["default"].createElement("div", {
     className: prefix + "__content",
     ref: dynamicContentRef,
     style: {
       height: contentIsOverflow && isFold ? "288px" : "auto"
     }
-  }, renderContent, contentIsOverflow && isFold && /*#__PURE__*/_react["default"].createElement("div", {
+  }, 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", {
+  })))), /*#__PURE__*/_react["default"].createElement("div", {
     className: prefix + "__footer"
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: prefix + "__footer-left"
-  }, praiseData && praiseData.length > 0 && praiseData.map(function (item, key) {
-    if (key >= 7) return;
-    return /*#__PURE__*/_react["default"].createElement(_avatar.IconAvatar, {
+  }, 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: key
-    });
-  }), praiseData && praiseData.length > 7 && /*#__PURE__*/_react["default"].createElement(_avatar.NameAvatar, {
-    name: praiseData.length,
-    color: "#2879FF"
-  })), /*#__PURE__*/_react["default"].createElement("div", {
+      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"
-  }, contentIsOverflow && !isFold && /*#__PURE__*/_react["default"].createElement("div", {
+  }, /*#__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-up1", prefix + "__icon")
-  })), /*#__PURE__*/_react["default"].createElement("span", {
+    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", prefix + "__footer-icon")
-  }, feedComments.length > 0 && /*#__PURE__*/_react["default"].createElement("span", {
+    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.length)), /*#__PURE__*/_react["default"].createElement(_upvote["default"], {
+  }, 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);
     }
-  }))), showComment && /*#__PURE__*/_react["default"].createElement("div", {
+  }))), /*#__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
-  })));
+    ref: communicationRef,
+    highLightKeyWord: searchKeyWord,
+    autoFocus: feedComments.total === 0
+  }))));
 };
 
 var _default = DynamicItem;

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

@@ -1,9 +1,11 @@
 .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;
 }
 
@@ -34,6 +36,10 @@
   cursor: pointer;
 }
 
+.danamic-like-ranking__header-right:hover {
+  color: #2879ff;
+}
+
 .danamic-like-ranking__content {
   border-top: 1px solid #e9ecf0;
   padding: 16px 0 0 0;
@@ -61,7 +67,7 @@
 }
 
 .danamic-like-ranking__item-medal {
-  width: 100%;
+  width: 20px;
 }
 
 .danamic-like-ranking__item-num {
@@ -71,17 +77,14 @@
 .danamic-like-ranking__item-avatar {
   cursor: pointer;
   margin-left: 9px;
-  position: relative;
-  top: 4px;
 }
 
-.danamic-like-ranking__item-name {
-  margin-left: 8px;
-  cursor: pointer;
+.danamic-like-ranking__item-avatar .titaui-pc-avator-container {
+  display: inline-flex !important;
 }
 
-.danamic-like-ranking__item-name:hover {
-  color: #2879ff;
+.danamic-like-ranking__item-name {
+  margin-left: 8px;
 }
 
 .danamic-like-ranking__item-like-text {

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

@@ -11,7 +11,11 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _mock = require("./mock");
+var _requestApi = require("../request-api");
+
+var _formatTime = require("../../../utils/format-time");
+
+var _auth = require("../../../utils/auth");
 
 var _item = _interopRequireDefault(require("./item"));
 
@@ -37,33 +41,77 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-var preCls = 'danamic-like-ranking';
+var preCls = "danamic-like-ranking";
+var Auth = new _auth.DynamicManagerAuth();
 
 var DynamicLikeRanking = function DynamicLikeRanking() {
-  var _useState = (0, _react.useState)(_mock.data || []),
+  var _useState = (0, _react.useState)([]),
       _useState2 = _slicedToArray(_useState, 2),
       rankingData = _useState2[0],
       setRankingData = _useState2[1];
 
-  var _useState3 = (0, _react.useState)('全部'),
+  var _useState3 = (0, _react.useState)("全部"),
       _useState4 = _slicedToArray(_useState3, 2),
       type = _useState4[0],
-      setType = _useState4[1]; // const getData = () =>{
-  //   getDynamicTop().then(res => {
-  //     if (res.Code === 1) {
-  //       setToppingData(res.Data.feeds)
-  //     }
-  //   })
-  // }
-  // useEffect(() => {
-  //   getData()
-  // }, [])
+      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");
+  };
 
-  if (!rankingData || rankingData.length === 0) return null;
+  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 = ['全部', '本周', '本月'];
+    var typeData = ["全部", "本周", "本月"];
     return /*#__PURE__*/_react["default"].createElement("div", {
       className: "".concat(preCls, "__tab-bar")
     }, typeData.map(function (item, key) {
@@ -71,7 +119,7 @@ var DynamicLikeRanking = function DynamicLikeRanking() {
         key: key,
         className: (0, _classnames["default"])("".concat(preCls, "__tab-bar-item"), _defineProperty({}, "".concat(preCls, "__tab-bar-item--selected"), type === item)),
         onClick: function onClick() {
-          return setType(item);
+          return handleChangeDate(item);
         }
       }, item);
     }));
@@ -88,15 +136,16 @@ var DynamicLikeRanking = function DynamicLikeRanking() {
     src: require("./image/like-ranking.svg")
   }), /*#__PURE__*/_react["default"].createElement("span", {
     className: (0, _classnames["default"])("".concat(preCls, "__header-text"))
-  }, "\u70B9\u8D5E\u6392\u884C\u699C")), /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])("".concat(preCls, "__header-right"))
+  }, "\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"))
-  }, _mock.data.map(function (item, index) {
+  }, rankingData.map(function (item, index) {
     return /*#__PURE__*/_react["default"].createElement(_item["default"], {
       userInfo: item,
       key: index