textInputFade becomes colorFade in theme.go and serves AvatarGroup, Image retry, Tag and EditableText, which used internal.Fade. MyGo already skips element transitions under ReduceMotion, so dropping the Motion check keeps behaviour.
11 KiB
11 KiB
MujicaUI PRD 扩展二:281—500
版本:1.1
日期:2026-10-05
规则同扩展一。动画组件服从 PRD 3.4:状态过渡 120 毫秒、弹层 160 毫秒,不用弹跳与装饰性循环,减少动画模式直接切换或显示静态说明。
4.21 Agent 运维与动效 · 20 个
| 编号 | 组件 | 首版功能 |
|---|---|---|
| 281 | InterruptButton | 中断运行中的 Agent;确认可配置;中断中状态。 |
| 282 | TokenUsageChart | 按会话或步骤的 token 用量柱线图;输入输出分色。 |
| 283 | CostBreakdown | 按模型、工具、步骤的费用分解表与合计。 |
| 284 | TraceViewer | 调用链树与时间轴;跨度耗时;选中查看属性。 |
| 285 | EvalResultTable | 评测用例、得分、通过与失败;差异查看回调。 |
| 286 | ToolRegistryPanel | 可用工具列表;参数模式预览;启停。 |
| 287 | DotsLoader | 三点加载;尺寸与说明;减少动画时静态。 |
| 288 | BarsLoader | 条形加载;同上。 |
| 289 | PulseLoader | 单点呼吸式加载;强度受限,不发光;减少动画时静态。 |
| 290 | OrbitLoader | 菱形环绕加载;与 Spinner 同一视觉语言。 |
| 291 | WaveLoader | 波形加载;同上。 |
| 292 | Shimmer | 占位扫光;仅用于加载中;减少动画时静态填充。 |
| 293 | CountUp | 数字从旧值过渡到新值;时长与精度;减少动画时直接显示。 |
| 294 | Typewriter | 逐字显示文本;速度;完成回调;跳过;减少动画时直接显示。 |
| 295 | ShimmerText | 处理中文字扫光(如“思考中”);减少动画时静态。 |
| 296 | Stagger | 子项依次进场;间隔可配;只在出现时执行一次。 |
| 297 | ReorderTransition | 列表重排时元素移动过渡;稳定键。 |
| 298 | LayoutTransition | 布局尺寸与位置变化过渡(FLIP)。 |
| 299 | Presence | 元素进出场过渡(淡入淡出、滑动、缩放);退出完成后移除。 |
| 300 | BlinkHighlight | 数值变化单次高亮;方向色;减少动画时改为静态标记。 |
4.22 版本控制 · 20 个
| 编号 | 组件 | 首版功能 |
|---|---|---|
| 301 | DiffViewer | 并排与统一视图;行号;增删高亮;折叠未变更区;大文件只构建可见行。 |
| 302 | InlineDiff | 行内词级差异高亮。 |
| 303 | ThreeWayMerge | 本地、基准、远端三栏与结果栏;逐块采纳。 |
| 304 | ConflictResolver | 冲突块列表;采纳当前、传入、两者;已解决计数。 |
| 305 | ChangesList | 暂存与未暂存分组;逐文件与全部暂存;状态标记。 |
| 306 | CommitInput | 提交标题与正文;标题长度提示;提交与修订;防重入。 |
| 307 | CommitGraph | 提交图谱泳道;分支与合并线;虚拟化。 |
| 308 | CommitList | 提交列表;作者、时间、哈希、消息;选择查看。 |
| 309 | BranchSelector | 本地与远端分支搜索选择;新建分支入口。 |
| 310 | BranchList | 分支列表;当前分支、上游、领先落后数;操作回调。 |
| 311 | TagList | 标签列表;注释;跳转提交。 |
| 312 | StashList | 贮藏列表;应用、弹出、删除回调。 |
| 313 | BlameView | 逐行作者与提交;同提交行合并;悬停详情。 |
| 314 | FileHistory | 单文件提交历史与差异入口。 |
| 315 | PullRequestCard | 标题、作者、状态、检查、评审人、差异统计。 |
| 316 | ReviewComment | 行级评审评论;回复;解决与重开。 |
| 317 | DiffStat | +增 −删 统计与比例条。 |
| 318 | GitStatusBadge | M、A、D、U、R、C 状态标记;不只靠颜色。 |
| 319 | CommandBlock | 命令分块(输入、输出、退出码、耗时);折叠;复制。 |
| 320 | AnsiText | ANSI 16 色、256 色、真彩与粗斜下划线渲染;未知序列原样保留并记录。 |
4.23 终端、代码与调试 · 20 个
| 编号 | 组件 | 首版功能 |
|---|---|---|
| 321 | Terminal | 终端网格:ANSI 光标移动与清屏、滚动缓冲、选择复制、输入回调;PTY 由调用方提供。 |
| 322 | TerminalTabs | 多终端标签;重命名;关闭确认。 |
| 323 | TerminalSearch | 滚动缓冲内搜索;匹配数与上下跳转。 |
| 324 | CommandHistory | 命令历史列表;搜索;重放回调。 |
| 325 | LogViewer | 日志级别过滤、跟随尾部、关键字高亮、虚拟化十万行。 |
| 326 | ProcessList | 进程表;CPU、内存排序;结束进程回调与确认。 |
| 327 | CodeViewer | 只读代码视图:行号、基础语法着色、折叠、当前行、选择复制;大文件虚拟化。 |
| 328 | Minimap | 代码缩略图;可见区框;拖动跳转。 |
| 329 | FindWidget | 查找与替换;大小写、整词、正则;匹配数。 |
| 330 | SearchPanel | 多文件搜索结果;按文件分组;匹配预览;包含与排除模式。 |
| 331 | ProblemsPanel | 错误、警告、信息列表;按文件分组;跳转回调。 |
| 332 | OutputPanel | 多通道输出;清空;跟随尾部。 |
| 333 | SymbolOutline | 符号大纲树;类型图标;筛选;跟随光标。 |
| 334 | CompletionMenu | 补全候选;类型图标与详情;方向键与 Tab 接受。 |
| 335 | DebugToolbar | 继续、单步、步入、步出、重启、停止;状态禁用规则。 |
| 336 | BreakpointList | 断点列表;启用开关;条件断点编辑。 |
| 337 | CallStack | 调用栈帧;当前帧;线程分组。 |
| 338 | VariablesPanel | 变量树形展开;值修改回调;变化高亮。 |
| 339 | HexViewer | 十六进制与 ASCII 对照;偏移列;选择同步;虚拟化。 |
| 340 | Flamegraph | 火焰图;点击放大子树;搜索高亮;耗时读数。 |
4.24 媒体 · 20 个
| 编号 | 组件 | 首版功能 |
|---|---|---|
| 341 | ImageCropper | 裁剪框;比例锁定;旋转 90 度;输出裁剪矩形。 |
| 342 | ImageAnnotator | 矩形、箭头、文字标注;选择与删除;导出标注数据。 |
| 343 | ImageThumbnail | 缩略图;比例裁切;选中与加载失败状态。 |
| 344 | Lightbox | 全窗图片浏览;左右切换;说明文字;Escape 关闭与焦点恢复。 |
| 345 | VideoPlayer | 帧由调用方提供的播放器外壳:播放、进度、倍速、字幕、全屏、画中画回调。 |
| 346 | VideoScrubber | 时间轴拖动;缓冲段;悬停时间与缩略图插槽。 |
| 347 | VideoThumbnailStrip | 缩略帧条;当前帧;点击跳转。 |
| 348 | AudioPlayer | 播放、暂停、进度、时长;播放由调用方驱动。 |
| 349 | AudioWaveform | 波形绘制;播放进度覆盖;区间选择。 |
| 350 | AudioSpectrum | 频谱柱;数据由调用方提供;隐藏时停止重绘。 |
| 351 | VolumeControl | 音量滑块与静音;方向键。 |
| 352 | PlaybackSpeedControl | 倍速选择 0.5×—2×。 |
| 353 | MediaControls | 上一首、播放、下一首、循环、随机;键盘。 |
| 354 | Playlist | 播放列表;当前项;拖动排序;移除。 |
| 355 | SubtitleEditor | 字幕条目时间与文本编辑;时间重叠校验。 |
| 356 | ScreenRecorderControls | 开始、暂停、停止、计时;录制由调用方实现。 |
| 357 | CameraPreview | 摄像头帧预览外壳;无信号状态;镜像切换。 |
| 358 | MicLevelMeter | 麦克风电平条;峰值保持。 |
| 359 | DeviceSelector | 麦克风、摄像头、扬声器选择;设备列表由调用方提供。 |
| 360 | ImageCompare | 前后对比滑块;键盘调整。 |
4.25 项目与任务管理 · 20 个
| 编号 | 组件 | 首版功能 |
|---|---|---|
| 361 | KanbanBoard | 列与卡片;拖动跨列移动与排序;列 WIP 上限;键盘移动卡片。 |
| 362 | TaskList | 任务列表;分组;完成过滤;虚拟化。 |
| 363 | TaskItem | 复选、标题、优先级、截止日期、负责人;行内编辑。 |
| 364 | TaskDetailPanel | 任务详情侧栏;字段编辑;活动记录插槽。 |
| 365 | SubtaskList | 子任务;进度;增删与排序。 |
| 366 | GanttChart | 任务条、依赖线、里程碑;拖动调整日期;今日线;时间缩放。 |
| 367 | Roadmap | 季度或月度路线图;泳道;条目拖动。 |
| 368 | SprintBoard | 迭代信息、剩余天数、看板。 |
| 369 | BurndownChart | 理想线与实际线;剩余工作量。 |
| 370 | PriorityIndicator | 紧急、高、中、低、无;图形与文字。 |
| 371 | StatusSelect | 工作流状态选择;状态分组。 |
| 372 | AssigneePicker | 成员搜索与多选;头像。 |
| 373 | DueDatePicker | 截止日期快捷项(今天、明天、下周)与日历;逾期标记。 |
| 374 | LabelManager | 标签创建、编辑颜色、删除、选择。 |
| 375 | IssueCard | 编号、标题、状态、优先级、负责人、标签。 |
| 376 | IssueIdBadge | ENG-123 样式编号;复制。 |
| 377 | MilestoneProgress | 里程碑完成度与日期。 |
| 378 | WorkloadView | 成员负载条;超载提示。 |
| 379 | TimeTracker | 计时开始停止;累计时长;手动修正。 |
| 380 | PomodoroTimer | 专注与休息周期;暂停;完成回调;隐藏时停止重绘。 |
4.26 文件与协作 · 20 个
| 编号 | 组件 | 首版功能 |
|---|---|---|
| 381 | FileExplorer | 文件夹树与文件列表组合;导航历史;选择。 |
| 382 | FileGrid | 文件网格视图;缩略图插槽;多选。 |
| 383 | FileIcon | 按扩展名与类型的图标;文件夹开合。 |
| 384 | FilePreview | 快速预览外壳:图片、文本、代码、不支持类型说明。 |
| 385 | PathBar | 路径分段;点击跳转;长路径中间折叠。 |
| 386 | RenameInline | 行内重命名;默认选中扩展名前部分;校验回调。 |
| 387 | FileOperationProgress | 复制、移动、删除进度;取消;冲突询问。 |
| 388 | TransferQueue | 上传下载队列;暂停、继续、重试、移除。 |
| 389 | StorageUsage | 存储占用分段条与明细。 |
| 390 | RecentFiles | 最近文件;时间分组;清除。 |
| 391 | ArchiveViewer | 压缩包条目树;大小与压缩率;条目由调用方提供。 |
| 392 | PresenceAvatars | 在线协作者头像;溢出计数;跟随入口。 |
| 393 | CommentThread | 评论与回复;编辑、删除、解决;提及插槽。 |
| 394 | Reactions | 表情回应与计数;添加回应选择器。 |
| 395 | ShareDialog | 分享对象、权限、链接复制回调。 |
| 396 | PermissionSelect | 可查看、可评论、可编辑。 |
| 397 | ActivityLog | 操作记录;按日分组;过滤。 |
| 398 | VersionHistory | 版本列表;预览与恢复回调;命名版本。 |
| 399 | LiveIndicator | 实时同步状态;断线提示。 |
| 400 | RemoteCursor | 远程光标与选区标记;姓名标签。 |