sa2kit 1.6.5 → 1.6.7

package/dist/index.d.ts

@@ -177,7 +177,7 @@ declare const badgeVariants: (props?: ({
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface BadgeProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
 }
-declare function Badge$1({ className, variant, ...props }: BadgeProps): React$1.JSX.Element;
+declare function Badge({ className, variant, ...props }: BadgeProps): React$1.JSX.Element;
 
 declare const Input: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & React$1.RefAttributes<HTMLInputElement>>;
 
@@ -300,9 +300,77 @@ declare const Tooltip: React$1.FC<TooltipPrimitive.TooltipProps>;
 declare const TooltipTrigger: React$1.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
 declare const TooltipContent: React$1.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 
+declare const Avatar: React$1.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarProps & React$1.RefAttributes<HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
 declare const AvatarImage: React$1.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarImageProps & React$1.RefAttributes<HTMLImageElement>, "ref"> & React$1.RefAttributes<HTMLImageElement>>;
 declare const AvatarFallback: React$1.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarFallbackProps & React$1.RefAttributes<HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
 
+/** 基础网格项接口 */
+interface GridItem {
+    id: string;
+    [key: string]: any;
+}
+/** 网格列数配置 */
+interface GridColumns {
+    /** 小屏幕列数 (640px+) */
+    sm?: number;
+    /** 中等屏幕列数 (768px+) */
+    md?: number;
+    /** 大屏幕列数 (1024px+) */
+    lg?: number;
+    /** 超大屏幕列数 (1280px+) */
+    xl?: number;
+}
+/** 网格间距类型 */
+type GridGap = 'sm' | 'md' | 'lg' | 'xl';
+/** 通用网格组件 Props */
+interface GridProps<T extends GridItem> {
+    /** 数据项数组 */
+    items: T[];
+    /** 渲染函数 */
+    renderItem: (item: T, index: number) => React__default.ReactNode;
+    /** 网格列数配置 */
+    columns?: GridColumns;
+    /** 间距配置 */
+    gap?: GridGap;
+    /** 额外的容器类名 */
+    className?: string;
+    /** 容器样式 */
+    style?: React__default.CSSProperties;
+}
+/** 通用网格组件 */
+declare function Grid<T extends GridItem>({ items, renderItem, columns, gap, className, style }: GridProps<T>): React__default.JSX.Element;
+
+interface SearchBoxProps {
+    searchQuery: string;
+    onSearchChange: (query: string) => void;
+    placeholder?: string;
+    size?: 'small' | 'medium' | 'large';
+}
+declare const SearchBox: React__default.FC<SearchBoxProps>;
+
+interface TimelineItem {
+    date: string;
+    title: string;
+    description: string;
+}
+interface TimelineConfig {
+    items: TimelineItem[];
+}
+interface TimelineProps {
+    items?: TimelineItem[];
+}
+declare const Timeline: React__default.FC<TimelineProps>;
+
+interface Ball {
+    x: number;
+    y: number;
+    vx: number;
+    vy: number;
+    radius: number;
+    color: string;
+    text?: string;
+    isDragging?: boolean;
+}
 interface CollisionBallsConfig {
     balls: {
         id: string;
@@ -318,15 +386,63 @@ interface CollisionBallsProps {
 }
 declare const CollisionBalls: React__default.FC<CollisionBallsProps>;
 
-interface TimelineItem {
-    date: string;
-    title: string;
-    description: string;
+interface OrderableItem {
+    id: number;
+    [key: string]: any;
 }
-interface TimelineProps {
-    items?: TimelineItem[];
+interface OrderManagerOperations<T extends OrderableItem> {
+    loadItems: () => Promise<T[]>;
+    moveItemUp: (id: number) => Promise<void>;
+    moveItemDown: (id: number) => Promise<void>;
+    updateItemOrder: (orders: {
+        id: number;
+        order: number;
+    }[]) => Promise<void>;
+}
+interface GenericOrderManagerProps<T extends OrderableItem> {
+    operations: OrderManagerOperations<T>;
+    renderItem: (item: T, index: number, isFirst: boolean, isLast: boolean) => React__default.ReactNode;
+    className?: string;
+    title?: string;
+    description?: string;
+    onOrderChanged?: () => void;
+    emptyMessage?: string;
+    loadingMessage?: string;
 }
-declare const Timeline: React__default.FC<TimelineProps>;
+declare function GenericOrderManager<T extends OrderableItem>({ operations, renderItem, className, title, description, onOrderChanged, emptyMessage, loadingMessage }: GenericOrderManagerProps<T>): React__default.JSX.Element;
+
+interface BackButtonProps {
+    href?: string;
+    className?: string;
+}
+declare const BackButton: React__default.FC<BackButtonProps>;
+
+interface FilterOption<T> {
+    value: T;
+    label: string;
+    icon: string;
+    activeColor: {
+        bg: string;
+        shadow: string;
+    };
+    count?: number;
+    showCount?: boolean;
+}
+interface FilterButtonGroupProps<T> {
+    label: string;
+    value: T;
+    options: FilterOption<T>[];
+    onChange: (value: T) => void;
+    className?: string;
+}
+declare function FilterButtonGroup<T extends string>({ label, value, options, onChange, className }: FilterButtonGroupProps<T>): React__default.JSX.Element;
+
+interface SearchResultHintProps {
+    searchQuery: string;
+    resultCount: number;
+    className?: string;
+}
+declare function SearchResultHint({ searchQuery, resultCount, className }: SearchResultHintProps): React__default.JSX.Element | null;
 
 interface SocialLink {
     type: string;
@@ -341,10 +457,10 @@ interface ProfileData {
     contacts?: Record<string, string>;
     socialLinks?: SocialLink[];
     customContent?: ReactNode;
-    badges?: Badge[];
+    badges?: ProfileBadge[];
     stats?: Stat[];
 }
-interface Badge {
+interface ProfileBadge {
     label: string;
     type?: 'default' | 'primary' | 'success' | 'warning' | 'danger' | 'info';
     icon?: ReactNode;
@@ -358,47 +474,19 @@ interface Stat {
 interface ProfileButtonProps {
     data?: ProfileData;
     buttonText?: string;
-    buttonClassName?: string;
+    variant?: 'default' | 'destructive' | 'outline' | 'secondary' | 'ghost' | 'link';
+    size?: 'default' | 'sm' | 'lg' | 'icon';
+    className?: string;
     modalTheme?: 'light' | 'dark' | 'blue';
 }
 /**
  * 个人信息按钮组件，点击后显示个人信息弹窗
  */
 declare const ProfileButton: React__default.FC<ProfileButtonProps>;
-/**
- * 示例用法:
- *
- * import ProfileButton from '@/utils/popWindow/selfInfo';
- *
- * // 使用默认数据
- * <ProfileButton />
- *
- * // 使用自定义数据
- * <ProfileButton
- *   data={customData}
- *   buttonText="查看我的资料"
- *   modalTheme="blue"
- * />
- *
- * // 自定义按钮样式
- * <ProfileButton buttonClassName="myCustomButton" />
- */
 
-interface ModalProps {
+interface ProfileModalProps {
     isOpen: boolean;
     onClose: () => void;
-    title?: string;
-    width?: number | string;
-    height?: number | string;
-    maskClosable?: boolean;
-    showCloseButton?: boolean;
-    className?: string;
-    contentClassName?: string;
-    zIndex?: number;
-    children: React__default.ReactNode;
-}
-
-interface ProfileModalProps extends Omit<ModalProps, 'title' | 'children'> {
     data: ProfileData;
     showAvatar?: boolean;
     showContacts?: boolean;
@@ -409,6 +497,7 @@ interface ProfileModalProps extends Omit<ModalProps, 'title' | 'children'> {
     onSocialLinkClick?: (url: string, type: string) => void;
     onContactClick?: (type: string, value: string) => void;
     themeName?: 'light' | 'dark' | 'blue';
+    className?: string;
     children?: React__default.ReactNode;
 }
 declare const ProfileModal: React__default.FC<ProfileModalProps>;
@@ -425,6 +514,70 @@ interface AutoOpenModalProps {
  */
 declare const AutoOpenModal: React__default.FC<AutoOpenModalProps>;
 
+interface EnhancedAvatarProps {
+    src?: string;
+    name?: string;
+    size?: 'small' | 'medium' | 'large' | number;
+    mood?: 'online' | 'offline' | 'away';
+    statusText?: string;
+    onClick?: () => void;
+    className?: string;
+}
+declare const EnhancedAvatar: React__default.FC<EnhancedAvatarProps>;
+
+interface AboutProps {
+    timelineConfig: TimelineConfig;
+    collisionBallsConfig: CollisionBallsConfig;
+}
+declare const About: React__default.FC<AboutProps>;
+
+declare const Contact: React__default.FC;
+
+interface HomeConfig {
+    title: string;
+    subtitle: string;
+    buttons: Array<{
+        text: string;
+        link: string;
+    }>;
+    imageSrc: string;
+}
+interface HomeProps {
+    homeConfig: HomeConfig;
+    className?: string;
+}
+declare const Home: React__default.FC<HomeProps>;
+
+interface ExperimentCardProps {
+    href: string;
+    title: string;
+    description: string;
+    tags: string[];
+    category: 'utility' | 'leisure';
+    isCompleted?: boolean;
+    updatedAt?: string;
+    createdAt?: string;
+    className?: string;
+}
+declare const ExperimentCard: React__default.FC<ExperimentCardProps>;
+
+interface Project {
+    id: string;
+    title: string;
+    description: string;
+    image: string;
+    link?: string;
+    tags: string[];
+}
+interface ProjectsConfig {
+    projects: Project[];
+}
+interface ProjectCarouselProps {
+    projects: Project[];
+    className?: string;
+}
+declare const ProjectCarousel: React__default.FC<ProjectCarouselProps>;
+
 type NavigationDirection = 'horizontal' | 'vertical';
 type NavigationPosition = 'top' | 'bottom' | 'left' | 'right';
 interface NavigationItem {
@@ -513,61 +666,6 @@ interface FloatingMenuProps {
 }
 declare const FloatingMenu: React__default.FC<FloatingMenuProps>;
 
-/** 基础网格项接口 */
-interface GridItem {
-    id: string;
-    [key: string]: any;
-}
-/** 网格列数配置 */
-interface GridColumns {
-    /** 小屏幕列数 (640px+) */
-    sm?: number;
-    /** 中等屏幕列数 (768px+) */
-    md?: number;
-    /** 大屏幕列数 (1024px+) */
-    lg?: number;
-    /** 超大屏幕列数 (1280px+) */
-    xl?: number;
-}
-/** 网格间距类型 */
-type GridGap = 'sm' | 'md' | 'lg' | 'xl';
-/** 构建网格列数类名 */
-declare function buildGridColsClasses(columns: GridColumns): string;
-/** 获取间距类名 */
-declare function getGapClassName(gap: GridGap): string;
-/** 通用网格组件 Props */
-interface GridProps<T extends GridItem> {
-    /** 数据项数组 */
-    items: T[];
-    /** 渲染函数 */
-    renderItem: (item: T, index: number) => React__default.ReactNode;
-    /** 网格列数配置 */
-    columns?: GridColumns;
-    /** 间距配置 */
-    gap?: GridGap;
-    /** 额外的容器类名 */
-    className?: string;
-    /** 容器样式 */
-    style?: React__default.CSSProperties;
-}
-/** 通用网格组件 */
-declare function Grid<T extends GridItem>({ items, renderItem, columns, gap, className, style }: GridProps<T>): React__default.JSX.Element;
-
-interface SearchBoxProps {
-    searchQuery: string;
-    onSearchChange: (query: string) => void;
-    placeholder?: string;
-    size?: 'small' | 'medium' | 'large';
-}
-declare function SearchBox({ searchQuery, onSearchChange, placeholder, size }: SearchBoxProps): React__default.JSX.Element;
-
-interface AvatarProps {
-    src?: string;
-    size?: 'small' | 'medium' | 'large';
-    mood?: 'online' | 'offline' | 'away';
-    statusText?: string;
-    onClick?: () => void;
-}
-declare const Avatar: React__default.FC<AvatarProps>;
+declare const FloatingMenuExample: React__default.FC;
 
-export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AutoOpenModal, Avatar, AvatarFallback, AvatarImage, type BackgroundRemovalOptions, type BackgroundRemovalState, BackgroundRemover, Badge$1 as Badge, type BadgeProps, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CollisionBalls, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, FloatingMenu, Grid, type GridColumns, type GridGap, type GridItem, type GridProps, Input, Label, Navigation, NavigationItemComponent as NavigationItem, NavigationToggle, type OCROptions, type OCRResult, OCRScanner, type OCRState, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, ProfileButton, ProfileModal, Progress, ScrollArea, ScrollBar, SearchBox, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SentimentAnalyzer, type SentimentOptions, type SentimentResult, type SentimentState, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, SmartAssistant, Tabs, TabsContent, TabsList, TabsTrigger, type TextGenerationOptions, type TextGenerationState, Textarea, Timeline, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buildGridColsClasses, buttonVariants, getGapClassName, useBackgroundRemoval, useOCR, useSentimentAnalysis, useTextGeneration };
+export { About, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AutoOpenModal, type AutoOpenModalProps, Avatar, AvatarFallback, AvatarImage, BackButton, type BackButtonProps, type BackgroundRemovalOptions, type BackgroundRemovalState, BackgroundRemover, Badge, type BadgeProps, type Ball, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CollisionBalls, type CollisionBallsConfig, Contact, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EnhancedAvatar, type EnhancedAvatarProps, ExperimentCard, type ExperimentCardProps, FilterButtonGroup, type FilterButtonGroupProps, type FilterOption, FloatingMenu, FloatingMenuExample, GenericOrderManager, type GenericOrderManagerProps, Grid, type GridColumns, type GridGap, type GridItem, type GridProps, Home, type HomeConfig, Input, Label, Navigation, type NavigationConfig, type NavigationDirection, NavigationItemComponent as NavigationItem, type NavigationPosition, type NavigationProps, NavigationToggle, type OCROptions, type OCRResult, OCRScanner, type OCRState, type OrderManagerOperations, type OrderableItem, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, type ProfileBadge, ProfileButton, type ProfileButtonProps, type ProfileData, ProfileModal, type ProfileModalProps, Progress, type Project, ProjectCarousel, type ProjectsConfig, ScrollArea, ScrollBar, SearchBox, SearchResultHint, type SearchResultHintProps, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SentimentAnalyzer, type SentimentOptions, type SentimentResult, type SentimentState, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, SmartAssistant, type SocialLink, type Stat, Tabs, TabsContent, TabsList, TabsTrigger, type TextGenerationOptions, type TextGenerationState, Textarea, Timeline, type TimelineConfig, type TimelineItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonVariants, useBackgroundRemoval, useOCR, useSentimentAnalysis, useTextGeneration };