forked from tangly1024/NotionNext
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge branch 'tangly1024:main' into main
- Loading branch information
Showing
66 changed files
with
1,566 additions
and
1,032 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,71 @@ | ||
| import { useGlobal } from '@/lib/global' | ||
| import { useEffect, useState } from 'react' | ||
| /** | ||
| * @see https://css-loaders.com/ | ||
| * @returns 加载动画 | ||
| */ | ||
| export default function LoadingCover() { | ||
| const { onLoading, setOnLoading } = useGlobal() | ||
| const [isVisible, setIsVisible] = useState(false) // 初始状态设置为false，避免服务端渲染与客户端渲染不一致 | ||
|
|
||
| useEffect(() => { | ||
| // 确保在客户端渲染时才设置可见性 | ||
| if (onLoading) { | ||
| setIsVisible(true) | ||
| } else { | ||
| const timeout = setTimeout(() => setIsVisible(false), 1500) // 等待淡出动画结束 | ||
| return () => clearTimeout(timeout) | ||
| } | ||
| }, [onLoading]) | ||
|
|
||
| const handleClick = () => { | ||
| setOnLoading(false) // 强行关闭 LoadingCover | ||
| } | ||
|
|
||
| if (typeof window === 'undefined') { | ||
| return null // 避免在服务端渲染时渲染出这个组件 | ||
| } | ||
|
|
||
| return isVisible ? ( | ||
| <div | ||
| id='loading-cover' | ||
| onClick={handleClick} | ||
| className={`dark:text-white text-black bg-white dark:bg-black animate__animated animate__faster ${ | ||
| onLoading ? 'animate__fadeIn' : 'animate__fadeOut' | ||
| } flex flex-col justify-center z-50 w-full h-screen fixed top-0 left-0`}> | ||
| <div className='mx-auto'> | ||
| <style global> | ||
| {` | ||
| .loader { | ||
| width: 20px; | ||
| aspect-ratio: 1; | ||
| border-radius: 50%; | ||
| background: #000; | ||
| box-shadow: 0 0 0 0 #0004; | ||
| animation: l2 1.5s infinite linear; | ||
| position: relative; | ||
| } | ||
| .loader:before, | ||
| .loader:after { | ||
| content: ''; | ||
| position: absolute; | ||
| inset: 0; | ||
| border-radius: inherit; | ||
| box-shadow: 0 0 0 0 #0004; | ||
| animation: inherit; | ||
| animation-delay: -0.5s; | ||
| } | ||
| .loader:after { | ||
| animation-delay: -1s; | ||
| } | ||
| @keyframes l2 { | ||
| 100% { | ||
| box-shadow: 0 0 0 40px #0000; | ||
| } | ||
| }`} | ||
| </style> | ||
| <div className='loader'></div> | ||
| </div> | ||
| </div> | ||
| ) : null | ||
| } |
Oops, something went wrong.