mirror of
https://github.com/Rain-kl/OpenFlare.git
synced 2026-10-03 07:06:36 +08:00
ryan
63cd906cfc
- Merge all files inside openflare-server to the repository root directory. - Relocate agent, relay, and flared subprojects from internal/ to internal/apps/. - Combine docker-compose files and update build context paths to root. - Update GitHub workflows and Dockerfiles to refer to new directories and package names. - Rewrite Go package imports across all files. - Resolve database renew test race condition and clean up docs.
34 lines
886 B
TypeScript
34 lines
886 B
TypeScript
import * as React from 'react';
|
|
import {useInView, type UseInViewOptions} from 'motion/react';
|
|
|
|
interface UseIsInViewOptions {
|
|
inView?: boolean;
|
|
inViewOnce?: boolean;
|
|
inViewMargin?: UseInViewOptions['margin'];
|
|
}
|
|
|
|
/**
|
|
* 检测元素是否在视图中
|
|
*
|
|
* @example
|
|
* ```tsx
|
|
* const { ref, isInView } = useIsInView({ inViewOnce: true })
|
|
* ```
|
|
*/
|
|
function useIsInView<T extends HTMLElement = HTMLElement>(
|
|
ref: React.Ref<T>,
|
|
options: UseIsInViewOptions = {},
|
|
) {
|
|
const { inView, inViewOnce = false, inViewMargin = '0px' } = options;
|
|
const localRef = React.useRef<T>(null);
|
|
React.useImperativeHandle(ref, () => localRef.current as T);
|
|
const inViewResult = useInView(localRef, {
|
|
once: inViewOnce,
|
|
margin: inViewMargin,
|
|
});
|
|
const isInView = !inView || inViewResult;
|
|
return { ref: localRef, isInView };
|
|
}
|
|
|
|
export { useIsInView, type UseIsInViewOptions };
|