组件总览
分类介绍
组件资产按 10 个二级分类组织,合计 148 个组件(首版验收清单,构建期统计)。
每个组件以规范 ID(component.<name>)为唯一引用键,卡片标注成熟度与变更标识;点击分类入口进入集合页,可继续进入组件详情。
本期 组件全部按稳定录入,实验区为空;74 个组件已在详情页提供运行态预览(真实 @pactor-app/ui 组件或真实 DSL 渲染,可操作),其余组件因尚无实现(图表高阶图型、媒体、业务组件等)或仅为模型定义(ChatMessage),预览章节如实标注「不适用」,Design Token 映射随后续批次接入。
子分类
共 10 个子板块;条目数由构建期资产数据统计,标注「待接入」的板块内容尚未接入。
覆盖矩阵
10 个二级分类合计 148 个组件,数量为构建期统计;点击行进入对应分类集合页。
| 分类 | 组件数 | 占比 | 分布 |
|---|---|---|---|
| 通用 | 10 | 6.8% | |
| 布局 | 11 | 7.4% | |
| 导航 | 10 | 6.8% | |
| 数据录入 | 19 | 12.8% | |
| 数据展示 | 15 | 10.1% | |
| 反馈 | 14 | 9.5% | |
| 图表 | 17 | 11.5% | |
| 媒体与内容 | 11 | 7.4% | |
| AI 与会话 | 15 | 10.1% | |
| 业务组件 | 26 | 17.6% | |
| 合计 | 148 | 100% | — |
常用组件
「常用」为运营选择的代表组件(非使用频次统计),用于快速进入高频组件详情。
最近更新
本期新增或更新的组件共 148 个(首批评入,全部为本期新增)。
Button
触发即时操作。
稳定本期新增
Icon
传达操作、状态或对象含义。
稳定本期新增
Typography
组织标题、正文和辅助文本。
稳定本期新增
Link
跳转页面、位置或外部资源。
稳定本期新增
Separator
分隔内容分组。
稳定本期新增
Avatar
表示用户、组织或对象身份。
稳定本期新增
Badge
表示数量、提醒或附着状态。
稳定本期新增
Tag
标记分类、属性或可移除条件。
稳定本期新增
Status
表达运行、审核或业务状态。
稳定本期新增
Tooltip
补充短说明或不可见标签。
稳定本期新增
Layout
组织页面级头部、侧栏和内容区。
稳定本期新增
Row
栅格行容器(gutter / 对齐 / 换行)。
稳定本期新增
Col
栅格列(24 分栏 span / offset / 响应式断点)。
稳定本期新增
Grid
按响应式行列排列内容。
稳定本期新增
Flex
沿主轴和交叉轴排列对象。
稳定本期新增
Space
为一组相邻元素提供一致间距。
稳定本期新增
Container
限制内容宽度并建立页面留白。
稳定本期新增
Splitter
将工作区拆分为可调整面板。
稳定本期新增
Resizable
调整单个区域或对象尺寸。
稳定本期新增
AspectRatio
保持媒体或预览画布比例。
稳定本期新增
ScrollArea
建立受控滚动区域。
稳定本期新增
Menu
在模块或功能之间导航。
稳定本期新增
Tabs
在同层内容视图间切换。
稳定本期新增
Breadcrumb
表示当前位置与上级路径。
稳定本期新增
Pagination
在多页数据之间切换。
稳定本期新增
Steps
表示流程阶段与当前进度。
稳定本期新增
Anchor
在长页面章节间定位。
稳定本期新增
DropdownMenu
从临时操作或导航菜单中选择。
稳定本期新增
NavigationMenu
提供顶部、底部或全局导航。
稳定本期新增
BackTop
返回长页面顶部。
稳定本期新增
Affix
在滚动时固定关键导航或操作。
稳定本期新增
Input
输入单行文本。
稳定本期新增
Textarea
输入多行长文本。
稳定本期新增
NumberInput
输入受约束的数值。
稳定本期新增
Select
从候选项中选择一个或多个值。
稳定本期新增
TreeSelect
从层级候选项中选择。
稳定本期新增
Cascader
按层级逐步完成选择。
稳定本期新增
Combobox
输入并匹配建议值。
稳定本期新增
Checkbox
独立确认或多项选择。
稳定本期新增
RadioGroup
从互斥选项中选择一项。
稳定本期新增
Switch
即时切换二元状态。
稳定本期新增
Slider
在连续或分段范围内选值。
稳定本期新增
Rate
输入评分。
稳定本期新增
DatePicker
选择日期、区间或周期。
稳定本期新增
TimePicker
选择时间或时间范围。
稳定本期新增
ColorPicker
选择或输入颜色。
稳定本期新增
Upload
选择并上传文件。
稳定本期新增
Transfer
在两个集合之间移动条目。
稳定本期新增
Mentions
输入并引用用户或对象。
稳定本期新增
Form
组织字段、校验和提交过程。
稳定本期新增
Card
承载一个独立主题或对象摘要。
稳定本期新增
List
纵向展示同类对象集合。
稳定本期新增
Table
按行列展示和操作结构化数据。
稳定本期新增
Tree
展示和操作层级数据。
稳定本期新增
Descriptions
展示对象的标签—值属性。
稳定本期新增
Statistic
突出显示单个指标。
稳定本期新增
Calendar
按日期组织事件或状态。
稳定本期新增
Timeline
按时间顺序展示事件。
稳定本期新增
Accordion
折叠和展开分组内容。
稳定本期新增
Carousel
在有限区域轮播内容。
稳定本期新增
Empty
表示暂无内容并提供下一步。
稳定本期新增
Image
展示图片及基础预览能力。
稳定本期新增
QRCode
将内容编码为二维码。
稳定本期新增
Segmented
在少量互斥视图或模式间切换。
稳定本期新增
DataTable
提供高密度、可编辑的大型数据网格。
稳定本期新增
Alert
在内容上下文中持续显示提示。
稳定本期新增
Message
全局短时反馈操作结果。
稳定本期新增
Notification
显示信息更丰富的全局通知。
稳定本期新增
Dialog
阻断当前流程以确认或完成任务。
稳定本期新增
Drawer
在保留页面上下文时展示扩展任务。
稳定本期新增
Popconfirm
就近确认轻量危险操作。
稳定本期新增
Popover
在触发对象附近展示补充内容。
稳定本期新增
Progress
展示任务完成程度。
稳定本期新增
Result
汇总任务最终结果和后续操作。
稳定本期新增
Skeleton
在结构已知时展示加载占位。
稳定本期新增
Spinner
表示局部区域正在处理。
稳定本期新增
LoadingOverlay
在页面或区块上覆盖统一加载状态。
稳定本期新增
Watermark
在内容表面添加来源或安全标识。
稳定本期新增
Tour
分步骤引导用户认识界面。
稳定本期新增
指标卡
单值与变化。
稳定本期新增
折线图
连续趋势。
稳定本期新增
柱状图
离散比较。
稳定本期新增
条形图
长分类名称的横向比较。
稳定本期新增
面积图
趋势与累计规模。
稳定本期新增
饼图
少量类别构成。
稳定本期新增
环形图
构成与中心指标。
稳定本期新增
散点图
两变量关系与分布。
稳定本期新增
气泡图
三变量关系。
稳定本期新增
雷达图
多维能力对比。
稳定本期新增
漏斗图
流程阶段转化。
稳定本期新增
仪表盘
单指标区间状态。
稳定本期新增
热力图
二维密度与强弱。
稳定本期新增
树图
层级结构。
稳定本期新增
桑基图
节点之间的流向与规模。
稳定本期新增
地图
地理分布与区域比较。
稳定本期新增
组合图
多种度量或表达目标组合。
稳定本期新增
ImageViewer
放大、缩放和切换单张图片。
稳定本期新增
Gallery
浏览多张图片或媒体资源。
稳定本期新增
Video
播放视频内容。
稳定本期新增
Audio
播放音频内容。
稳定本期新增
FilePreview
预览常见文件及其元信息。
稳定本期新增
DocumentPreview
阅读分页文档。
稳定本期新增
RichText
渲染富文本内容。
稳定本期新增
Markdown
渲染 Markdown 内容。
稳定本期新增
CodeBlock
展示带语法高亮的代码。
稳定本期新增
DiffViewer
比较文本或代码差异。
稳定本期新增
JSONViewer
折叠、检查和复制结构化数据。
稳定本期新增
ChatMessage
展示用户、助手或系统消息。
稳定本期新增
MessageList
组织连续消息流和滚动定位。
稳定本期新增
ConversationList
浏览、搜索和管理历史会话。
稳定本期新增
Composer
输入提示词、附件和发送操作。
稳定本期新增
Prompt
展示可复用提示词或任务入口。
稳定本期新增
Suggestion
提供追问、补全或下一步建议。
稳定本期新增
Attachment
展示、上传和管理会话附件。
稳定本期新增
Citation
标识回答中的来源与引用范围。
稳定本期新增
Thinking
表达推理或处理中状态。
稳定本期新增
ToolCall
展示工具调用、参数、进度和结果。
稳定本期新增
AgentStatus
表示智能体的运行和等待状态。
稳定本期新增
StreamingText
渐进展示生成中的文本。
稳定本期新增
Welcome
展示会话空状态、能力和起始任务。
稳定本期新增
Sender
表示消息发送方和角色信息。
稳定本期新增
Bubble
提供基础对话气泡容器。
稳定本期新增
高级筛选
组合多条件、分组和已选条件。
稳定本期新增
高级表格
集成查询、列配置、批量操作和视图保存。
稳定本期新增
高级表单
集成分组、联动、步骤和保存状态。
稳定本期新增
详情面板
组合摘要、属性、状态和关联信息。
稳定本期新增
数据选择器
从大规模数据集中检索和选择对象。
稳定本期新增
人员选择器
按名称、角色或组织选择人员。
稳定本期新增
组织选择器
从组织树中选择部门或团队。
稳定本期新增
标签选择器
创建、搜索和批量选择标签。
稳定本期新增
级联资源选择器
按资源层级定位和选择对象。
稳定本期新增
文件管理器
浏览、上传、移动和管理文件。
稳定本期新增
富文本编辑器
创建带格式、媒体和引用的内容。
稳定本期新增
代码编辑器
编辑、校验和格式化代码。
稳定本期新增
流程设计器
通过节点和连线配置流程。
稳定本期新增
规则编辑器
通过条件组配置判断规则。
稳定本期新增
权限配置器
配置主体、资源和操作权限。
稳定本期新增
导入导出
管理文件映射、校验、进度和结果。
稳定本期新增
批量操作栏
对多个已选对象执行上下文操作。
稳定本期新增
EntityCard
三层结构实体摘要卡:图标/标题/标签、描述与操作按钮。
稳定本期新增
CardList
网格展示实体摘要卡片,附带新建占位与结果计数。
稳定本期新增
Login
登录整页:品牌区 + 认证表单 + 辅助入口。
稳定本期新增
ExpressionEditor
按模板占位符结构化编辑表达式,支持表达式文本与控件值双向解析。
稳定本期新增
FieldCondition
以字段+操作符+值行式编辑 AND/OR 条件组。
稳定本期新增
RuleConfig
评分规则配置:权重与带操作符/取值/评分的条件列表。
稳定本期新增
RuleExpression
自由文本与特征字段 chip 混排的规则表达式输入。
稳定本期新增
ScriptEditor
Ace 脚本编辑器:语法高亮与自定义函数/变量联想。
稳定本期新增
SearchableSelect
带搜索下拉的选择器,支持单选/多选与清除。
稳定本期新增
实验区
暂无实验组件
本期 137 个组件全部按稳定(stable)录入,暂无成熟度为实验的组件;后续批次接入新组件时将在此展示。
使用指引
从任务定位组件:先按「页面骨架 → 区块 → 交互」缩小到二级分类(如「采集与校验数据」→ 数据录入),再在分类内按选型重点比较相似组件。
- 触发动作还是跳转页面:动作选 Button,跳转选 Link / 导航。
- 全局反馈还是会话消息:反馈分类 Message / Notification 对应全局;ChatMessage 只用于会话内。
- 表格三层级:Table(常规只读 / 轻操作)→ DataTable(高密度编辑与虚拟化)→ 高级表格(查询、列配置与批量任务)。
- Spinner 表示紧邻内容的局部处理中;LoadingOverlay 覆盖页面或区块并阻断操作,二者不可互换。
成熟度含义:稳定 = 可生产使用;实验 = 接口或视觉可能调整,使用需评估;废弃 = 保留入口并给出替代项。
变更标识(本期新增 / 本期更新)表示本构建批次的变化,与成熟度相互独立。