- Create Tailwind CSS configuration with design tokens from UIDesignSpec - Create globals.css with CSS variables and component styles - Add React component library: - UI components: Button, Card, Tag, Input, Select, ProgressBar, Modal - Navigation: BottomNav, Sidebar, StatusBar - Layout: MobileLayout, DesktopLayout - Add constants for colors, icons, and layout - Update tasks.md with 31 UI development tasks linked to design node IDs - Configure package.json, tsconfig.json, and postcss.config.js Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
23 lines
1.2 KiB
TypeScript
23 lines
1.2 KiB
TypeScript
/**
|
|
* SmartAudit 组件库统一导出
|
|
* 基于 UIDesignSpec.md 设计规范
|
|
*/
|
|
|
|
// UI 基础组件
|
|
export { Button, type ButtonProps, type ButtonVariant, type ButtonSize } from './ui/Button';
|
|
export { Card, CardHeader, CardTitle, CardContent, CardFooter, type CardProps } from './ui/Card';
|
|
export { Tag, SuccessTag, PendingTag, WarningTag, ErrorTag, type TagProps, type TagStatus } from './ui/Tag';
|
|
export { Input, SearchInput, PasswordInput, type InputProps } from './ui/Input';
|
|
export { Select, type SelectProps, type SelectOption } from './ui/Select';
|
|
export { ProgressBar, CircularProgress, type ProgressBarProps, type CircularProgressProps } from './ui/ProgressBar';
|
|
export { Modal, ConfirmModal, type ModalProps, type ConfirmModalProps } from './ui/Modal';
|
|
|
|
// 导航组件
|
|
export { BottomNav, type BottomNavProps, type NavItem } from './navigation/BottomNav';
|
|
export { Sidebar, type SidebarProps, type SidebarItem, type SidebarSection } from './navigation/Sidebar';
|
|
export { StatusBar, type StatusBarProps } from './navigation/StatusBar';
|
|
|
|
// 布局组件
|
|
export { MobileLayout, type MobileLayoutProps } from './layout/MobileLayout';
|
|
export { DesktopLayout, type DesktopLayoutProps } from './layout/DesktopLayout';
|