组件
BrutxUI 提供了一套全面的新粗野主义风格 Vue 3 组件。组件目录由共享元数据生成，确保文档、Registry 与 CLI 使用同一份组件事实。
操作
| 组件 | 说明 |
|---|---|
| Button | 操作按钮，9 种变体、5 种尺寸、加载状态 |
| Toggle | 可按下的切换按钮 |
| Toggle Group | 切换按钮组，支持多选 |
表单与输入
| 组件 | 说明 |
|---|---|
| Cascader | 级联选择，多级选项导航 + 搜索 |
| Checkbox | 复选框，通过 v-model 绑定选中状态 |
| Color Picker | 颜色选择器 |
| Combobox | 可搜索的单选/多选 |
| Date Picker | 日期选择器，支持范围选择、时间输入、本地化格式 |
| Form | 表单系统，集成 vee-validate，支持 resetFields/scrollToError |
| Hardcore Input | 硬核输入框，8-bit 音效 + 表情反馈 + 物理震动 |
| Input | 文本输入框，支持变体、尺寸、清除、密码切换、字数统计 |
| Label | 表单字段标签 |
| Number Input | 数字输入框，支持步进和范围限制 |
| Radio Group | 单选按钮组 |
| Rate | 评分，支持半星和键盘导航 |
| Select | 下拉选择框，支持清除和搜索过滤 |
| Slider | 滑块，支持 v-model |
| Switch | 切换开关，通过 v-model 绑定 |
| Tags Input | 标签输入，动态增删标签 |
| Textarea | 多行文本输入框，支持尺寸 |
| Transfer | 穿梭框，在源列表和目标列表之间移动项 |
| Tree Select | 树形选择器，支持单选/多选/搜索 |
| Upload | 文件上传系统，支持拖拽、进度追踪、错误处理 |
数据展示
| 组件 | 说明 |
|---|---|
| Avatar | 用户头像，支持 image/fallback、尺寸、形状 |
| Calendar | 日历，支持单选和范围选择 |
| Carousel | 轮播图，支持自动播放、缩略图和指示器 |
| Chat Bubble | 聊天气泡，支持左右对齐和头像 |
| Code Block | 代码块，支持语法高亮与复制 |
| Counter | 数字滚动动画，支持缓动 |
| Data Table | 数据表格，排序/筛选/分页/固定列/展开行/合并单元格 |
| Descriptions | 描述列表，键值对形式展示只读信息 |
| Image | 图片，支持懒加载、fallback 备用图、大图预览 |
| Sketchy Chart | 手绘感折线/柱状图表，SVG + 分形噪声 |
| Table | 数据表格，8 个子组件 |
| Timeline | 时间线，垂直展示事件序列 |
| Tree View | 树形目录，支持展开/折叠/多选 |
导航
| 组件 | 说明 |
|---|---|
| Accordion | 折叠面板，可展开/折叠的内容区域 |
| Backtop | 回到顶部按钮，支持滚动检测 |
| Breadcrumb | 面包屑导航，支持子组件 |
| Menu | 导航菜单，支持水平/垂直方向和子菜单 |
| Pagination | 分页导航，支持计算算法 |
| Stepper | 步骤条，支持水平/垂直方向 |
| Tabs | 标签页导航，支持 list/trigger/content |
反馈与状态
| 组件 | 说明 |
|---|---|
| Alert | 状态消息，7 种变体 |
| Badge | 行内状态标签，7 种变体 |
| Loading | 加载容器和 v-loading 指令，显示加载状态遮罩 |
| Message | 消息通知，命令式 API + TransitionGroup 堆叠 + 自动 GC |
| Progress | 进度条指示器 |
| Result | 结果反馈，支持状态色块和操作按钮 |
| Skeleton | 内容占位符，支持子组件 |
| Spinner | 加载旋转器，4 种变体 |
| Toast | 通知提示，搭配 useToast 组合式函数 |
弹出层与浮层
| 组件 | 说明 |
|---|---|
| Alert Dialog | 确认对话框，支持操作/取消 |
| Command | 命令面板，支持搜索 |
| Dialog | 模态对话框，支持拖拽、调整大小、全屏、关闭前钩子 |
| Dropdown Menu | 右键菜单，支持子菜单项 |
| Popconfirm | 气泡确认框，轻量级确认操作 |
| Popover | 浮动内容面板 |
| Sheet | 侧边面板，4 个方向变体 |
| Tooltip | 悬停工具提示 |
| Tour | 用户引导，Canvas 遮罩高亮 + 步骤交互 |
布局与结构
| 组件 | 说明 |
|---|---|
| Card | 容器组件，6 种变体和可组合子组件 |
| Card 3d | 3D 物理悬浮卡片，鼠标悬停偏转与反向阴影 |
| Scroll Area | 带 ScrollBar 的自定义滚动区域 |
| Separator | 内容区域之间的视觉分隔线 |
交互与可视化
| 组件 | 说明 |
|---|---|
| Before After | 前后对比滑块 |
| Glitch Text | 故障撕裂文本，CSS clip-path 驱动 |
| Marquee | 跑马灯，无缝循环滚动 |
| Noise Background | 噪点纹理背景，SVG 滤镜 + 动画 |
| Scratch Card | 刮刮卡，Canvas 覆盖层擦除 |
| Typewriter Text | 打字机效果文本，支持循环和光标 |
主题与工具
| 组件 | 说明 |
|---|---|
| Color Mode Switcher | 颜色模式切换，支持 icon/button/select 三种显示模式 |
| Copy To Clipboard | 复制按钮，一键复制文本到剪贴板 |
| Infinite Scroll | 无限滚动，滚动到底部自动加载更多数据 |
| Kanban | 看板，拖拽卡片在列间移动 |
| Kbd | 键盘按键样式，展示快捷键 |
| Virtual Scroll | 虚拟滚动，大数据列表高性能渲染 |
| Watermark | 水印，Canvas 渲染文字/图片，MutationObserver 防篡改 |