docs: refine useCursor implementation

multimodal/websites/docs/src/components/CustomCursor.tsx

@@ -1,6 +1,6 @@
 import React, { useEffect, useRef, useState } from 'react';
 import clsx from 'clsx';
-import { useCursor } from './CursorContext';
+
 
 interface CustomCursorProps {
   className?: string;
@@ -13,8 +13,8 @@ const CustomCursor: React.FC<CustomCursorProps> = ({ className }) => {
   const [isFullscreen, setIsFullscreen] = useState(false);
   const cursorRef = useRef<HTMLDivElement>(null);
 
-  // 使用上下文中的状态而不是本地状态
-  const { isHovered } = useCursor();
+  // Use local state to manage hover effect
+  const [isHovered, setIsHovered] = useState(false);
 
   useEffect(() => {
     const handleMouseMove = (e: MouseEvent) => {

multimodal/websites/docs/src/components/Link.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { useNavigate } from '@rspress/core/runtime';
 import { motion, HTMLMotionProps } from 'framer-motion';
-import { useCursor } from './CursorContext';
+
 
 export interface LinkProps extends Omit<HTMLMotionProps<'a'>, 'href'> {
   /**
@@ -25,11 +25,7 @@ export interface LinkProps extends Omit<HTMLMotionProps<'a'>, 'href'> {
    */
   children: React.ReactNode;
 
-  /**
-   * Whether to apply cursor hover effect
-   * @default true
-   */
-  applyCursorEffect?: boolean;
+
 }
 
 /**
@@ -61,28 +57,17 @@ export const Link: React.FC<LinkProps> = ({
   className = '',
   onClick,
   children,
-  applyCursorEffect = true,
+
   ...rest
 }) => {
   const navigate = useNavigate();
-  const { setIsHovered } = useCursor();
+
 
   // Check if the link is external
   const isExternalLink =
     href?.startsWith('http') || href?.startsWith('//') || href?.startsWith('#');
 
-  // Handle cursor hover effect
-  const handleMouseEnter = () => {
-    if (applyCursorEffect) {
-      setIsHovered(true);
-    }
-  };
 
-  const handleMouseLeave = () => {
-    if (applyCursorEffect) {
-      setIsHovered(false);
-    }
-  };
 
   // Handle click event
   const handleClick = (e: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => {
@@ -108,8 +93,7 @@ export const Link: React.FC<LinkProps> = ({
       href={href}
       className={className}
       onClick={handleClick}
-      onMouseEnter={handleMouseEnter}
-      onMouseLeave={handleMouseLeave}
+
       // If external link, add relevant attributes
       {...(isExternalLink ? { target: rest.target || '_blank', rel: 'noopener noreferrer' } : {})}
       {...rest}

multimodal/websites/docs/src/components/index.ts

@@ -10,7 +10,7 @@ export * from './NotFoundLayout';
 export * from './UnderConstructionLayout';
 export * from './SocialCallout';
 export * from './Link';
-export * from './CursorContext';
+
 export * from './Banner';
 export * from './Replay';
 export * from './hooks';

multimodal/websites/docs/src/pages/HomePage/index.tsx

@@ -5,7 +5,7 @@ import { FaGithub, FaCopy, FaCheck } from 'react-icons/fa';
 import CustomCursor from '@components/CustomCursor';
 import { Link } from '@components/Link';
 import { VideoPanel } from '@components/VideoPanel';
-import { CursorProvider, useCursor } from '@components/CursorContext';
+
 import { usePageMeta, generatePageTitle, optimizeDescription } from '@components/hooks';
 import './index.css';
 
@@ -36,7 +36,7 @@ const HomePageContent = () => {
   const [cursorVisible, setCursorVisible] = useState(true);
   const [currentSlide, setCurrentSlide] = useState(0);
   const [copied, setCopied] = useState(false);
-  const { setIsHovered } = useCursor();
+
 
   const auroraRef = useRef<HTMLDivElement>(null);
 
@@ -289,8 +289,7 @@ const HomePageContent = () => {
           className="text-white hover:text-primary transition-colors duration-300"
           target="_blank"
           rel="noopener noreferrer"
-          onMouseEnter={() => setIsHovered(true)}
-          onMouseLeave={() => setIsHovered(false)}
+
         >
           <FaGithub className="w-8 h-8 hover:text-[var(--accent)] transition-all duration-300" />
         </Link>
@@ -440,8 +439,7 @@ const HomePageContent = () => {
                     className="absolute right-0 top-1/2 transform -translate-y-1/2 text-accent hover:text-white p-2 rounded-full bg-black/30 transition-all duration-300"
                     onClick={copyCommand}
                     title="Copy Command"
-                    onMouseEnter={() => setIsHovered(true)}
-                    onMouseLeave={() => setIsHovered(false)}
+
                   >
                     {copied ? <FaCheck className="text-[var(--accent)]" /> : <FaCopy />}
                   </button>
@@ -492,9 +490,5 @@ const HomePageContent = () => {
 };
 
 export const HomePage = () => {
-  return (
-    <CursorProvider>
-      <HomePageContent />
-    </CursorProvider>
-  );
+  return <HomePageContent />;
 };

multimodal/websites/docs/theme/index.tsx

@@ -1,4 +1,4 @@
-import { CursorProvider } from '@components/CursorContext';
+
 import { Layout as BasicLayout } from '@rspress/core/theme';
 import { NotFoundLayout } from '../src/components';
 import { Showcase } from '../src/components/Showcase';
@@ -12,27 +12,23 @@ const Layout = () => {
 
   if (location.pathname.startsWith(DYNAMIC_ROUTE.Showcase)) {
     return (
-      <CursorProvider>
+      <>
         <Nav />
         <Showcase />
-      </CursorProvider>
+      </>
     );
   }
 
   if (location.pathname.startsWith(DYNAMIC_ROUTE.Replay)) {
     return (
-      <CursorProvider>
+      <>
         <Nav />
         <Replay />
-      </CursorProvider>
+      </>
     );
   }
 
-  return (
-    <CursorProvider>
-      <BasicLayout NotFoundLayout={NotFoundLayout} />
-    </CursorProvider>
-  );
+  return <BasicLayout NotFoundLayout={NotFoundLayout} />;
 };
 
 export { Layout };