Overview 组件总览

Song UI Ultra 是一个基于 Vue3 的组件库，提供了丰富的组件来帮助你快速构建网页界面。

组件分类

Layout 布局组件

用于页面结构和布局的组件：

Container 布局容器 - 包含 Header、Aside、Main、Footer 的容器组件
Grid 布局 - 栅格系统，包含 Row 和 Col
Space 间距 - 控制元素之间的间距

Basic 基础组件

这些组件是构建界面的基础元素：

Button 按钮 - 按钮组件，提供多种类型和状态
Icon 图标 - 图标组件，提供丰富的图标集合
Badge 徽标数 - 图标右上角的圆形徽标数字

Form 表单组件

用于数据录入和表单操作：

Input 输入框 - 支持多种类型输入
Radio 单选框 - 在多个选项中选择单个状态
Checkbox 多选框 - 多选框组件
Switch 开关 - 表示两种相互对立的状态
Form 表单 - 具有数据收集、校验和提交功能的表单
Upload 大文件分片上传 - 文件上传组件
Editor 富文本编辑器 - 支持多种格式的文本编辑
DatePicker 日期选择器 - 日期选择组件
TimePicker 时间选择器 - 时间选择组件
Select 选择器 - 下拉选择器

Data 数据展示组件

展示数据和内容的组件：

Table 表格 - 展示行列数据
Virtualized Select 虚拟化选择器 - 虚拟滚动选择器
Progress 进度条 - 展示操作的当前进度
Image 图片 - 图片容器，支持懒加载、加载失败等
Card 卡片 - 用于展示内容的卡片容器
Tag 标签 - 用于标记和分类的小标记
Timeline 时间轴 - 展示时间顺序的组件
Result 结果 - 用于展示操作结果的组件
Collapse 折叠面板 - 可折叠的面板容器

用于页面导航的组件：

Menu 菜单 - 为页面和功能提供导航的菜单
Tabs 标签页 - 分隔内容上有关联但属于不同类别的数据集合
Steps 步骤条 - 引导用户按照流程完成任务
Breadcrumb 面包屑 - 显示当前页面的路径
Page Header 页面头部 - 页面头部区域，包含标题、面包屑、操作按钮等

Feedback 反馈组件

用于向用户提供反馈和提示：

Message 消息 - 全局展示操作反馈信息
MessageBox 确认框 - 模态对话框，用于消息提示、确认消息和提交内容
Modal 模态框 - 模态对话框
Drawer 抽屉 - 从屏幕边缘滑出的浮层面板
Tooltip 文字提示 - 简单的文字提示气泡框
Popover 气泡卡片 - 弹出气泡式的卡片浮层

IM 即时通讯组件

针对即时通讯场景的组件：

Chat 聊天 - 聊天组件

每个组件都经过精心设计和开发，提供了完善的文档和示例，帮助开发者快速上手使用。组件库采用 TypeScript 开发，提供完整的类型定义，支持按需引入，并且提供了主题定制能力。