@windrun-huaiin/third-ui 5.1.4 → 5.2.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@windrun-huaiin/third-ui",
-  "version": "5.1.4",
+  "version": "5.2.0",
   "description": "Third-party integrated UI components for windrun-huaiin projects",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
@@ -53,7 +53,7 @@
     "mermaid": "^11.6.0",
     "react-medium-image-zoom": "^5.2.14",
     "zod": "^3.22.4",
-    "@windrun-huaiin/base-ui": "^5.1.2"
+    "@windrun-huaiin/base-ui": "^5.2.0"
   },
   "peerDependencies": {
     "react": "19.1.0",

package/src/fuma/mdx/index.ts

@@ -9,4 +9,6 @@ export * from './gradient-button';
 export * from './toc';
 export * from './toc-base';
 export * from './fuma-banner-suit';
-export * from './fuma-github-info';
+export * from './fuma-github-info';
+export * from './site-x';
+export * from './zia-file';

package/src/fuma/mdx/site-x.tsx

@@ -0,0 +1,54 @@
+'use client';
+
+import { cn } from '@lib/utils';
+import type { HTMLAttributes } from 'react';
+import { useTranslations } from 'next-intl';
+
+export type SiteXProps = Omit<HTMLAttributes<HTMLSpanElement>, 'type'> & {
+  type: 'site' | 'email';
+  namespace?: string;
+  tKey?: string;
+};
+
+export function SiteX({ type, namespace, tKey, className, ...props }: SiteXProps) {
+  // 默认命名空间和key
+  let ns = namespace;
+  let key = tKey;
+  if (!ns) {
+    ns = type === 'site' ? 'home' : 'footer';
+  }
+  if (!key) {
+    key = type === 'site' ? 'title' : 'email';
+  }
+  const t = useTranslations(ns);
+  const text = t(key, { defaultValue: type === 'site' ? 'Site----' : '----@example.com' });
+
+  if (type === 'site') {
+    return (
+      <strong
+        {...props}
+        className={cn(
+          'font-extrabold text-sm',
+          className
+        )}
+      >
+        {text}
+      </strong>
+    );
+  }
+  if (type === 'email') {
+    return (
+      <a
+        {...props}
+        href={`mailto:${text}`}
+        className={cn(
+          'font-mono underline text-sm',
+          className
+        )}
+      >
+        {text}
+      </a>
+    );
+  }
+  return null;
+} 

package/src/fuma/mdx/trophy-card.tsx

@@ -1,9 +1,10 @@
 'use client';
 
+import { globalLucideIcons as icons } from '@base-ui/components/global-icon';
 import React from 'react';
 
 export function TrophyCard({
-  icon,
+  icon = <icons.Star />,
   title,
   children,
 }: {

package/src/fuma/mdx/zia-file.tsx

@@ -0,0 +1,83 @@
+import { globalLucideIcons as icons } from '@base-ui/components/global-icon'; 
+import { type HTMLAttributes, type ReactNode, useState } from 'react';
+import { cn } from '@lib/utils';
+import {
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger,
+} from 'fumadocs-ui/components/ui/collapsible';
+import React from 'react';
+
+const itemVariants = 'flex flex-row items-center gap-2 rounded-md px-2 py-1.5 text-sm hover:bg-fd-accent hover:text-fd-accent-foreground [&_svg]:size-4';
+
+// 注解样式：色彩突出且主题适配
+const anotionClass = 'ms-2 px-2 py-0.5 rounded text-xs font-semibold bg-fd-accent/80 text-fd-accent-foreground dark:bg-white/20 dark:text-white';
+
+export interface ZiaFileProps extends HTMLAttributes<HTMLDivElement> {
+  name: string;
+  icon?: ReactNode;
+  anotion?: string;
+  href?: string;
+}
+
+export interface ZiaFolderProps extends HTMLAttributes<HTMLDivElement> {
+  name: string;
+  anotion?: string;
+  disabled?: boolean;
+  defaultOpen?: boolean;
+}
+
+export function ZiaFile({
+  name,
+  icon = <icons.File />,
+  className,
+  anotion,
+  href,
+  ...rest
+}: ZiaFileProps): React.ReactElement {
+  const validHref = typeof href === 'string' && href.trim() !== '';
+  const Comp: React.ElementType = validHref ? 'a' : 'div';
+  const validAnotion = typeof anotion === 'string' && anotion.trim() !== '';
+  return React.createElement(
+    Comp,
+    {
+      className: cn(itemVariants,  className),
+      ...(validHref ? { href, target: '_blank', rel: 'noopener noreferrer' } : {}),
+      ...rest,
+    },
+    <>
+      {icon}
+      <span>{name}</span>
+      {validAnotion && (
+        <span className={anotionClass}>{anotion}</span>
+      )}
+    </>
+  );
+}
+
+export function ZiaFolder({
+  name,
+  anotion,
+  defaultOpen = false,
+  className,
+  children,
+  ...props
+}: ZiaFolderProps): React.ReactElement {
+  const [open, setOpen] = useState(defaultOpen);
+  const validAnotion = typeof anotion === 'string' && anotion.trim() !== '';
+
+  return (
+    <Collapsible open={open} onOpenChange={setOpen} {...props}>
+      <CollapsibleTrigger className={cn(itemVariants, className, 'w-full')}>
+        {open ? <icons.FolderOpen /> : <icons.Folder />}
+        <span>{name}</span>
+        {validAnotion && (
+          <span className={anotionClass}>{anotion}</span>
+        )}
+      </CollapsibleTrigger>
+      <CollapsibleContent>
+        <div className="ms-2 flex flex-col border-l ps-2">{children}</div>
+      </CollapsibleContent>
+    </Collapsible>
+  );
+} 

package/src/main/cta.tsx

@@ -6,7 +6,7 @@ import { useTranslations } from 'next-intl';
 export function CTA() {
   const t = useTranslations('cta');
   return (
-    <section className="container mx-auto px-4 py-20">
+    <section id="cta" className="container mx-auto px-4 py-20">
       <div className="
         bg-gradient-to-r from-[#f7f8fa] via-[#e0c3fc] to-[#b2fefa]
         dark:bg-gradient-to-r dark:from-[#2d0b4e] dark:via-[#6a3fa0] dark:to-[#3a185a]

package/src/main/seo-content.tsx

@@ -12,7 +12,7 @@ export function SeoContent() {
   const t = useTranslations('seoContent');
 
   return (
-    <section className="container mx-auto px-4 py-20">
+    <section id="seo" className="container mx-auto px-4 py-20">
       <h2 className="text-3xl md:text-4xl font-bold text-center mb-16">
         {t('title')} <span className="text-purple-500">{t('eyesOn')}</span>
       </h2>