mirror of
https://github.com/d0zingcat/NotionNext.git
synced 2026-05-14 07:26:52 +00:00
35 lines
1.3 KiB
JavaScript
35 lines
1.3 KiB
JavaScript
import { useGitBookGlobal } from '../LayoutBase'
|
|
import BlogPostListScroll from './BlogPostListScroll'
|
|
|
|
/**
|
|
* 悬浮抽屉 页面内导航
|
|
* @param toc
|
|
* @param post
|
|
* @returns {JSX.Element}
|
|
* @constructor
|
|
*/
|
|
const PageNavDrawer = ({ post, cRef }) => {
|
|
const { pageNavVisible, changePageNavVisible, filterPosts } = useGitBookGlobal()
|
|
const switchVisible = () => {
|
|
changePageNavVisible(!pageNavVisible)
|
|
}
|
|
|
|
return <>
|
|
<div id='gitbook-left-float' className='fixed top-0 left-0 z-40'>
|
|
{/* 侧边菜单 */}
|
|
<div
|
|
className={(pageNavVisible ? 'animate__slideInLeft ' : '-ml-80 animate__slideOutLeft') +
|
|
' overflow-y-hidden shadow-card w-72 duration-200 fixed left-1 top-16 rounded py-2 bg-white dark:bg-gray-600'}>
|
|
<div className='dark:text-gray-400 text-gray-600 h-96 overflow-y-scroll p-3'>
|
|
{/* 所有文章列表 */}
|
|
<BlogPostListScroll posts={filterPosts} />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{/* 背景蒙版 */}
|
|
<div id='left-drawer-background' className={(pageNavVisible ? 'block' : 'hidden') + ' fixed top-0 left-0 z-30 w-full h-full'}
|
|
onClick={switchVisible} />
|
|
</>
|
|
}
|
|
export default PageNavDrawer
|