d0zingcat/NotionNext
1
0
Fork 0
mirror of https://github.com/d0zingcat/NotionNext.git synced 2026-05-28 23:16:53 +00:00
Code Issues Packages Projects Releases Wiki Activity

补充提交

Browse Source
This commit is contained in:
tangly
2022-11-13 11:25:25 +08:00
parent 030885010b
commit e0204615a7
1 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
themes/hexo/components/BlogPostListScroll.js
View File

@@ -3,7 +3,7 @@ import BlogPostCard from './BlogPostCard'
import BlogPostListEmpty from './BlogPostListEmpty' import BlogPostListEmpty from './BlogPostListEmpty'
import { useGlobal } from '@/lib/global' import { useGlobal } from '@/lib/global'
import throttle from 'lodash.throttle' import throttle from 'lodash.throttle'
import React, { useCallback, useEffect, useRef, useState } from 'react' import React from 'react'
import CONFIG_HEXO from '../config_hexo' import CONFIG_HEXO from '../config_hexo'
import { getListByPage } from '@/lib/utils' import { getListByPage } from '@/lib/utils'
@@ -16,7 +16,7 @@ import { getListByPage } from '@/lib/utils'
*/ */
const BlogPostListScroll = ({ posts = [], currentSearch, showSummary = CONFIG_HEXO.POST_LIST_SUMMARY }) => { const BlogPostListScroll = ({ posts = [], currentSearch, showSummary = CONFIG_HEXO.POST_LIST_SUMMARY }) => {
const postsPerPage = BLOG.POSTS_PER_PAGE const postsPerPage = BLOG.POSTS_PER_PAGE
const [page, updatePage] = useState(1) const [page, updatePage] = React.useState(1)
const postsToShow = getListByPage(posts, page, postsPerPage) const postsToShow = getListByPage(posts, page, postsPerPage)
let hasMore = false let hasMore = false
@@ -31,7 +31,7 @@ const BlogPostListScroll = ({ posts = [], currentSearch, showSummary = CONFIG_HE
} }
// 监听滚动自动分页加载 // 监听滚动自动分页加载
const scrollTrigger = useCallback(throttle(() => { const scrollTrigger = React.useCallback(throttle(() => {
const scrollS = window.scrollY + window.outerHeight const scrollS = window.scrollY + window.outerHeight
const clientHeight = targetRef ? (targetRef.current ? (targetRef.current.clientHeight) : 0) : 0 const clientHeight = targetRef ? (targetRef.current ? (targetRef.current.clientHeight) : 0) : 0
if (scrollS > clientHeight + 100) { if (scrollS > clientHeight + 100) {
@@ -40,14 +40,14 @@ const BlogPostListScroll = ({ posts = [], currentSearch, showSummary = CONFIG_HE
}, 500)) }, 500))
// 监听滚动 // 监听滚动
useEffect(() => { React.useEffect(() => {
window.addEventListener('scroll', scrollTrigger) window.addEventListener('scroll', scrollTrigger)
return () => { return () => {
window.removeEventListener('scroll', scrollTrigger) window.removeEventListener('scroll', scrollTrigger)
} }
}) })
const targetRef = useRef(null) const targetRef = React.useRef(null)
const { locale } = useGlobal() const { locale } = useGlobal()
if (!postsToShow || postsToShow.length === 0) { if (!postsToShow || postsToShow.length === 0) {