按钮 Button
按钮是一种命令组件，可发起一个即时操作。
组件总览
全部组件入口按 sidebar 自动编排，卡片说明优先复用各组件文档 frontmatter 中的 description，避免总览页重复维护同一份信息。
基础与配置
布局
导航
菜单 Menu
收纳、排列并展示一系列选项的列表。
下拉菜单 Dropdown
页面上的命令过多时，可将备选命令收纳到向下展开的浮层容器中。
面包屑 Breadcrumb
面包屑是辅助导航模式，用于识别页面在层次结构内的位置，并根据需要向上返回。
页头 PageHeader
页头位于页容器顶部，起到了内容概览和引导页级操作的作用。包括面包屑、标题等内容。
标签页 Tabs
将内容组织同一视图中，一次可查看一个视图内容，查看其他内容可切换选项卡查看。
步骤条 Steps
明示任务流程和当前完成程度，引导用户按照步骤完成任务。
分页 Pagination
采用分页控制单页内的信息数量，也可进行页面跳转。
锚点 Anchor
通过锚点可快速找到信息内容在当前页面的位置。
固钉 Affix
将页面元素钉在可视范围。当内容区域比较长，需要滚动页面时，固钉可以将内容固定在屏幕上。常用于侧边菜单和按钮组合。
返回顶部 BackTop
可一键返回顶部的按钮。
数据录入
表单 Form
具有数据收集、校验和提交功能的表单，包含复选框、单选框、输入框、下拉选择框等元素。
输入框 Input
基本表单组件，并在原生控件基础上进行了功能扩展，可以组合使用。
文本域 Textarea
多行纯文本编辑控件，适用于评论或反馈表单中的一段意见。
数字输入框 InputNumber
仅允许输入数字格式的输入框。
输入掩码 InputMask
继承 Input 的输入体验，为固定位置、中英文和常见结构化格式提供实时输入约束。
验证码输入 VerificationCode
验证码输入组件
标签输入框 InputTag
用来输入标签。
提及 Mention
用于在输入中提及某人或某事，常用于发布、聊天或评论功能。
自动补全 AutoComplete
输入框的自动补全功能。
选择器 Select
当用户需要从一组同类数据中选择一个或多个时，可以使用下拉选择器，点击后选择对应项。
级联选择 Cascader
使用多级路径组织选项，适合层级化数据的单选、多选与搜索场景。
树选择 TreeSelect
可以对树形结构数据进行选择。
复选框 Checkbox
在一组数据中，用户可通过复选框选择一个或多个数据。
单选框 Radio
在一组相关且互斥数据中，用户仅能选择一个选项。
开关 Switch
互斥性的操作控件，用户可打开或关闭某个功能。
滑动输入条 Slider
滑动型输入器，展示当前值和可选范围。
评分 Rate
用于评分或打星的组件。
颜色选择器 ColorPicker
用于输入、预览和调整颜色的颜色选择器。
日期选择器 DatePicker
选择日期。支持年、月、周、日类型，支持范围选择等。
时间选择器 TimePicker
在弹出面板上选择时间，以便捷完成时间输入的控件。
上传 Upload
用户可传输文件或提交相应的内容。
数据穿梭框 Transfer
两栏布局的多选组件，将元素从一栏即时移到另一栏。
富文本编辑器 RichTextEditor
基于 Lexical 的可扩展 Vue 富文本编辑器，支持完整 EditorState、组件节点、HTML、Markdown、历史记录和底层 API 访问。
JSON 表单 JsonForm
用声明式 schema 快速生成表单，同时支持 A2UI 配置翻译和通过 ConfigProvider 注入业务自定义字段组件。
数据展示
头像 Avatar
用作头像显示，可以为图片、图标或字符形式展示。
徽标数 Badge
一般出现在图标或文字的右上角。提供及时、重要的信息提示。
标签 Tag
用于信息的选择、筛选、分类。用户通过标签进行信息反馈和交互操作。
标签组 TagGroup
用于展示一组标签项，并在数量过多时自动折叠为计数入口。
卡片 Card
将信息分类后分标题、详情等区域聚合展现，一般作为简洁介绍或者信息的大盘和入口。
可选择卡片 SelectableCard
以卡片形式承载单个可选择项，适用于套餐、模板、指标和配置方案选择。
折叠面板 Collapse
可以折叠 / 展开的内容区域。
描述列表 Descriptions
一般用于详情页的信息展示。
列表 List
最基础的列表展示，可承载文字、列表、图片、段落，常用于后台数据展示页面。
表格 Table
用于数据收集展示、分析整理、操作处理。
基础增删改查表格 BasicCrudTable
固定流程的 CRUD 表格，统一查询、分页、详情回填、创建、编辑、删除与成功后刷新。
树 Tree
对于文件夹、分类目录、组织架构等层级较多的内容，树可以清楚显示他们的层级关系，并具有展开、收起、选择等交互功能。
日历 Calendar
功能完整的日历组件，支持日、周、月、年等多种视图，支持事件管理、时间网格、排班系统和丰富的自定义插槽。
时间轴 Timeline
按照时间顺序或倒序规则的展示信息内容。
数值显示 Statistic
突出展示某个或某组数字、带描述的统计类数据。
数字动效 NumberFlow
使用本地化格式和逐位过渡展示会变化的数字。
空状态 Empty
指当前场景没有对应的数据内容，呈现出的一种状态。
评论 Comment
展示评论信息
键值列表 KvList
编辑、排序键值对，并在结构化数组与 Bulk 文本之间保持同步。
内容与媒体
图片 Image
展示和预览图片。
图片轮播 Carousel
用于展示多张图片、视频或内嵌框架等内容的循环播放，支持系统自动播放或用户手动切换。
文件预览 FilePreviewer
在弹层或页面区域中预览图片、视频、音频和 PDF 文件。
图片裁剪 Cropper
基于 cropperjs 的图片裁剪封装，提供选区联动、实例方法和底层元素配置透传。
二维码 QrCode
将文本快速转换为二维码，支持状态覆盖、中心图标和 SVG 或 Canvas 两种渲染方式。
正则可视化 RegexVis
将 ECMAScript 正则表达式解析为可交互的 SVG 铁路图，支持受控输入、标志、错误反馈和节点选择。
文本省略 Ellipsis
在有限空间内展示较长文本，并在内容被截断时提供提示或展开能力。
内容裁剪 Clamp
原样提供 vue-clamp 的文本、富文本、单行字符串与原子项响应式裁剪能力。
复制 Copy
通过链接或按钮触发复制操作。
敏感信息 Secret
对敏感文本提供显示、隐藏和复制操作。
水印 Watermark
用于给页面的指定区域加上水印。
反馈
警告提示 Alert
向用户显示警告的信息时，通过警告提示，展现需要关注的信息。
全局提示 Message
由用户的操作触发的轻量级全局反馈。
通知提醒框 Notification
全局展示通知提醒，将信息及时有效的传达给用户。
对话框 Modal
在当前页面打开一个浮层，承载相关操作。
抽屉 Drawer
触发命令后，从屏幕一侧滑出的抽屉式的面板。
气泡确认框 Popconfirm
点击元素，弹出气泡式的确认框。
进度条 Progress
给予用户当前系统执行中任务运行状态的反馈，多用于运行一段时间的场景，有效减轻用户在等待中产生的焦虑感。
骨架屏 Skeleton
将加载中的数据用灰色占位。
加载中 Spin
用于页面和区块的加载中状态 - 页面局部处于等待异步数据或正在渲染过程时，合适的加载动效会有效缓解用户的焦虑。
结果页 Result
用于反馈一系列操作任务的处理结果，当有重要操作需告知用户处理结果，且反馈内容较为复杂时使用。
漫游式引导 Tour
组件库内置实现的页面导览组件，支持插槽、组件化按钮和顶层配置定制。