xinyu-pro 0.22.6 → 0.23.0

package/app/extensions/tutorial/nav-link.tsx

@@ -0,0 +1,27 @@
+// app/extensions/tutorial/nav-link.tsx - 内部锚点跳转组件
+'use client';
+
+import React, { useState } from 'react';
+import { linkStyle, linkHoverStyle } from './styles';
+
+export default function NavLink({ sectionId, children, style }: {
+  sectionId: string;
+  children: React.ReactNode;
+  style?: React.CSSProperties;
+}) {
+  const [hovered, setHovered] = useState(false);
+  return (
+    <span
+      style={{
+        ...linkStyle,
+        ...(hovered ? linkHoverStyle : {}),
+        ...style,
+      }}
+      onClick={() => document.getElementById('section-' + sectionId)?.scrollIntoView({ behavior: 'smooth' })}
+      onMouseEnter={() => setHovered(true)}
+      onMouseLeave={() => setHovered(false)}
+    >
+      {children}
+    </span>
+  );
+}