开发技巧

UI 组件使用

• Shadcn/UI: 始终优先使用 src/components/ui/ 下的组件。
• 图标: 统一使用 @heroicons/react/24/outline。
• 样式: 使用 Tailwind CSS 进行布局。项目已配置原生的蓝色主题色和 Maia 风格。

数据获取

• 使用 pb.collection('xxx').getList() 等方法进行异步获取。
• 建议在页面中使用 useState 和 useEffect 管理加载状态 (loading) 和错误状态。

权限控制

• 如果该功能具有敏感性，请在 App.tsx 中使用 <AdminOnlyRoute> 包裹路由。
• 在 menuItems 配置中设置 adminOnly: true 以隐藏入口。

工具函数

• src/lib/utils.ts 包含常用的 cn 函数，用于合并 Tailwind 类名。