prompt-list.tsx

基本信息

• 类型: React Client 组件
• 路径: ./src/components/prompts/prompt-list.tsx

功能描述

Prompt列表组件，用于展示Prompt卡片列表。支持瀑布流布局（Masonry），包含空状态展示和分页功能。可将特定Prompt标记为置顶状态显示。

导出内容

• PromptList - 主组件
• PromptListProps - Props接口

Props 接口

属性	类型	说明
prompts	PromptCardProps["prompt"][]	Prompt数据数组
currentPage	number	当前页码
totalPages	number	总页数
pinnedIds	Set	已置顶Prompt的ID集合（可选）
showPinButton	boolean	是否显示置顶按钮（可选）

依赖

• next/link - Next.js链接组件
• next-intl - 国际化
• lucide-react - 图标库
• @/components/ui/button - 按钮组件
• @/components/ui/masonry - 瀑布流布局组件
• ./prompt-card - Prompt卡片组件

相关组件

• PromptCard - Prompt卡片组件
• Masonry - 瀑布流布局组件