ZacharyZhang-NY/MujicaUI
1
1 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

WIP components (as built)

Browse Source
This commit is contained in:
ZacharyZhang-NY committed 2026-10-05 15:51:57 -04:00
1 parent 48a32c1bec
commit e51ba8033b
5 files changed
+1026
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

docs/prd/ext-1.md
+232
View File
@@ -0,0 +1,232 @@
# MujicaUI PRD 扩展一：101—280
版本：1.1
日期：2026-10-05
来源：ELY GPUI 组件清单（`Ely-GPUI-Components/gpui-components.md`）中与本库路线相符的条目。
本扩展沿用 PRD 第 2、3、5、6、8、9、10 节的全部规则。每行一个公开组件；子部件、变体、尺寸不单独计数。图表、行情与媒体组件以 MyGo Painter 绘制，不建图表引擎、音视频解码或富文本编辑引擎：数据、帧与解码由调用方提供。
## 4.12 通用图表一 · 20 个
| 编号 | 组件 | 首版功能 |
| --- | --- | --- |
| 101 | LineChart | 多序列折线；数值与时间轴；缺值断开；悬停读数；序列显隐。 |
| 102 | AreaChart | 面积图；单序列与堆叠；基线可配置；悬停读数。 |
| 103 | BarChart | 纵横向柱状；分组与堆叠；负值；柱标签；键盘逐柱读数。 |
| 104 | PieChart | 饼图与环形；扇区标签；最小角合并为“其他”；中心总计。 |
| 105 | ScatterChart | 散点；点大小映射（气泡）；分组颜色；框选。 |
| 106 | RadarChart | 多维雷达；多序列；刻度环；悬停读数。 |
| 107 | HeatmapChart | 二维矩阵热力；色阶图例；单元格读数；空值样式。 |
| 108 | CalendarHeatmap | 按日贡献图；年份切换；周起始可配置；色阶与读数。 |
| 109 | Histogram | 分箱计数；箱宽与箱数可配置；累计模式。 |
| 110 | BoxPlot | 四分位、须线、离群点；多组对比。 |
| 111 | WaterfallChart | 增减累计；小计与总计柱；正负语义色。 |
| 112 | FunnelChart | 漏斗阶段；转化率；阶段读数。 |
| 113 | BulletChart | 实际值、目标值、区间带；纵横向。 |
| 114 | Sparkline | 行内迷你折线、柱形与面积；末值标记；无坐标轴。 |
| 115 | Gauge | 半圆或整圆仪表；阈值分段；数值与单位；不能只靠颜色表达区间。 |
| 116 | Treemap | 层级矩形；点击下钻与返回；标签按面积省略。 |
| 117 | Sunburst | 层级环形；下钻；路径面包屑。 |
| 118 | SankeyChart | 节点与流量带；悬停高亮路径；节点排序稳定。 |
| 119 | NetworkGraph | 节点与边；调用方给定或简单力导布局；拖动节点；缩放平移。 |
| 120 | RealtimeChart | 实时追加数据；固定窗口滚动；暂停；隐藏时停止重绘。 |
## 4.13 通用图表二与图表部件 · 20 个
| 编号 | 组件 | 首版功能 |
| --- | --- | --- |
| 121 | ChartLegend | 序列图例；点击显隐；键盘切换；横纵布局与溢出折叠。 |
| 122 | ChartTooltip | 跟随指针或焦点的读数浮层；多序列同点读数；边缘避让。 |
| 123 | ChartCrosshair | 十字光标；轴上读数标签；吸附最近数据点。 |
| 124 | ChartAxis | 数值、时间、类别轴；刻度自动与指定；格式化函数；对数轴。 |
| 125 | ChartGrid | 网格线；主次刻度；按设备像素对齐。 |
| 126 | ChartBrush | 区间选择与缩放；拖动、调整两端；键盘移动；回调区间。 |
| 127 | ChartAnnotation | 水平线、垂直线、区间带与文字标注；拖动可选。 |
| 128 | ChartExport | 以当前主题渲染图表为 PNG 字节；尺寸与缩放可配置；不写文件。 |
| 129 | ViolinPlot | 核密度轮廓；中位数与四分位；多组。 |
| 130 | ParallelCoordinates | 多维平行轴；轴上刷选；线高亮。 |
| 131 | ChordDiagram | 关系矩阵弦图；悬停高亮；组弧标签。 |
| 132 | SparkBar | 行内迷你柱；正负值；高亮末项。 |
| 133 | TrendIndicator | 趋势箭头与变化值；正负语义；不只靠颜色。 |
| 134 | MetricCard | 指标名、值、变化、迷你图插槽；加载与错误状态。 |
| 135 | ProgressChart | 多目标完成度环或条；目标线；百分比读数。 |
| 136 | StackedPercentBar | 百分比堆叠条；分段标签；悬停读数。 |
| 137 | DualAxisChart | 左右双轴组合（柱与线）；各自刻度与格式。 |
| 138 | DensityPlot | 一维核密度曲线；带宽可配置；多组叠加。 |
| 139 | QuadrantChart | 四象限散点；象限标题与中线可配置。 |
| 140 | ChartEmptyState | 图表的无数据、加载、错误与重试占位；保持图表尺寸。 |
## 4.14 行情图表与技术分析 · 20 个
| 编号 | 组件 | 首版功能 |
| --- | --- | --- |
| 141 | CandlestickChart | K 线；涨跌色可配置（红涨或绿涨）；缩放平移；万根级只绘可见区。 |
| 142 | OHLCChart | 美国线；与 K 线共用数据接口。 |
| 143 | HeikinAshiChart | 平均 K 线；由调用方 OHLC 计算；与原 K 线可切换。 |
| 144 | LineQuoteChart | 分时图；昨收基线；均价线；盘前盘后分段。 |
| 145 | VolumeChart | 成交量柱；涨跌着色；与主图共享时间轴。 |
| 146 | DepthChart | 买卖深度累计面积；中间价；悬停读数。 |
| 147 | VolumeProfile | 价格分布成交量；价值区与控制点。 |
| 148 | MultiChartLayout | 1、2、4、6 宫格多图；独立品种与周期；布局切换不丢状态。 |
| 149 | ChartSync | 多图十字光标与时间范围同步；可逐图解除。 |
| 150 | TimeRangeSelector | 1D、5D、1M、3M、YTD、1Y、5Y、自定义；键盘导航。 |
| 151 | IntervalSelector | 1m 至 1M 周期；分组；收藏周期。 |
| 152 | ChartTypeSwitcher | K 线、美国线、折线、面积、平均 K 线切换。 |
| 153 | IndicatorOverlay | 主图叠加 MA、EMA、BOLL、VWAP；参数可配；计算由调用方或内置辅助函数。 |
| 154 | IndicatorPane | 副图 MACD、RSI、KDJ、OBV；多副图堆叠与高度调整。 |
| 155 | IndicatorSelector | 指标搜索、添加、移除、参数编辑。 |
| 156 | DrawingTools | 趋势线、水平线、斐波那契、矩形、文字标注；选中、移动、删除、撤销。 |
| 157 | DrawingToolbar | 画线工具栏；当前工具；锁定与清除；键盘快捷键提示。 |
| 158 | CompareSymbol | 叠加对比品种；百分比归一；序列颜色与移除。 |
| 159 | PriceAlertLine | 价格预警线；拖动调整；触发回调；不自行通知。 |
| 160 | CandleCountdown | 当前 K 线收盘倒计时；随周期变化；隐藏时停止计时重绘。 |
## 4.15 报价、盘口与交易 · 20 个
| 编号 | 组件 | 首版功能 |
| --- | --- | --- |
| 161 | TickerTape | 滚动行情条；悬停与聚焦暂停；减少动画时静态分页。 |
| 162 | QuoteCard | 代码、名称、现价、涨跌、迷你图插槽。 |
| 163 | PriceText | 价格精度与千分位；涨跌色；变化闪烁一次（减少动画时无闪烁）。 |
| 164 | PriceChangeBadge | 涨跌额与幅度；箭头与符号；不只靠颜色。 |
| 165 | OrderBook | 买卖档位；深度条；价格聚合档位；点击价格回传。 |
| 166 | Level2Quotes | 多档买卖与委托量；逐档变化高亮。 |
| 167 | TimeAndSales | 逐笔成交；大单标记；虚拟化；暂停跟随。 |
| 168 | DepthLadder | 价格阶梯（DOM）；买卖量列；当前价居中；点击下单回调。 |
| 169 | SpreadIndicator | 买卖价差与百分比；阈值提示。 |
| 170 | BidAskBar | 买卖力量对比条；数值标签。 |
| 171 | OrderEntry | 限价、市价、止损、条件单；数量、价格、有效期；校验与预估金额；提交防重入。 |
| 172 | QuickTradeButtons | 快速买卖；数量预设；危险操作确认可配置。 |
| 173 | PositionTable | 持仓；成本、市值、浮动盈亏；平仓操作回调；稳定行 ID。 |
| 174 | OrderTable | 委托；状态筛选；撤单回调；部分成交进度。 |
| 175 | TradeHistoryTable | 成交记录；时间范围筛选；导出回调。 |
| 176 | PnLDisplay | 已实现、未实现、当日盈亏；正负语义；隐私遮蔽切换。 |
| 177 | LeverageSlider | 杠杆档位；风险提示区间；确认后生效。 |
| 178 | MarginIndicator | 保证金率；警戒与强平线；不只靠颜色。 |
| 179 | RiskMeter | 风险等级刻度与说明文字。 |
| 180 | OrderConfirmDialog | 下单摘要与风险提示；默认聚焦取消；二次确认可配置。 |
## 4.16 市场与资产 · 20 个
| 编号 | 组件 | 首版功能 |
| --- | --- | --- |
| 181 | OptionChain | 行权价居中的认购认沽表；到期日切换；价内高亮。 |
| 182 | GreeksTable | Delta、Gamma、Theta、Vega、Rho；精度与说明。 |
| 183 | PayoffDiagram | 期权组合到期损益；盈亏平衡点；当前价标记。 |
| 184 | Watchlist | 自选分组；拖动排序；实时刷新不丢选择；列可配置。 |
| 185 | SymbolSearch | 代码与名称搜索；市场筛选；最近搜索；异步结果由调用方提供。 |
| 186 | SymbolBadge | 代码、市场、类型标签；可点击。 |
| 187 | MarketHeatmap | 板块与个股热力；面积映射市值；涨跌色阶；下钻。 |
| 188 | Screener | 条件构建（字段、比较、值）；结果表；保存条件回调。 |
| 189 | MarketOverview | 指数卡片组与涨跌家数；时间戳。 |
| 190 | IndexCard | 指数现价、涨跌、迷你图。 |
| 191 | MarketStatus | 开盘、收盘、盘前、盘后、休市；下一状态时间。 |
| 192 | TradingSessionClock | 多市场交易时段时钟；时区由调用方指定。 |
| 193 | EconomicCalendar | 经济事件；重要性；预期、前值、实际；国家筛选。 |
| 194 | EarningsCalendar | 财报日程；盘前盘后；预期与实际。 |
| 195 | NewsFeed | 新闻流；来源、时间、相关代码；已读状态；虚拟化。 |
| 196 | SentimentGauge | 情绪刻度（恐惧到贪婪）；数值与文字。 |
| 197 | PortfolioSummary | 总资产、当日盈亏、累计收益；分账户。 |
| 198 | AssetAllocationChart | 资产配置环形与列表；目标与偏离。 |
| 199 | PerformanceChart | 收益曲线、基准对比、最大回撤区间。 |
| 200 | CurrencyConverter | 币种选择与互换；汇率由调用方提供；精度规则。 |
## 4.17 AI 对话：消息 · 20 个
| 编号 | 组件 | 首版功能 |
| --- | --- | --- |
| 201 | ChatContainer | 消息区、输入区、侧栏插槽；新消息自动滚底，用户上翻时停止跟随。 |
| 202 | MessageList | 虚拟化消息列表；稳定消息 ID；新消息提示；按日期分隔。 |
| 203 | MessageBubble | 用户、助手、系统、错误四种；头像与名称插槽；宽度限制。 |
| 204 | MessageHeader | 模型名、时间、状态。 |
| 205 | StreamingText | 流式追加文本；平滑出字可关闭；流式光标；减少动画时直接显示。 |
| 206 | MarkdownView | Markdown 子集渲染：标题、段落、强调、列表、引用、链接、代码、表格、分隔线；流式增量渲染不重排已完成块。 |
| 207 | CodeBlock | 语言标签、行号、基础语法着色、复制、折叠、换行切换。 |
| 208 | TableBlock | 消息内表格；横向滚动；复制为 TSV。 |
| 209 | ImageGrid | 1 至 9 张图片网格；点击打开 ImageViewer；加载与失败。 |
| 210 | FileMessage | 文件名、类型图标、大小、打开与下载回调。 |
| 211 | AudioMessage | 语音条；波形；播放进度；时长；播放由调用方驱动。 |
| 212 | LinkPreviewCard | 标题、描述、站点、缩略图；元数据由调用方提供。 |
| 213 | QuoteReply | 引用原消息摘要；点击跳转原消息。 |
| 214 | MessageActions | 复制、重新生成、编辑、赞、踩、朗读、分享；按角色显示。 |
| 215 | MessageEditor | 编辑已发送消息；保存与取消；保存后产生新分支回调。 |
| 216 | BranchNavigator | 分支切换（< 2/3 >）；键盘操作。 |
| 217 | ErrorMessage | 失败原因、重试；限流倒计时（RateLimit）；不吞掉原错误文本。 |
| 218 | ThinkingBlock | 可折叠思考过程；思考中动画与耗时；默认折叠可配置。 |
| 219 | ScrollToBottomButton | 离开底部时出现；未读计数；点击回到底部。 |
| 220 | TypingIndicator | 对方正在输入三点动画；减少动画时显示静态文字。 |
## 4.18 AI 对话：输入与引用 · 20 个
| 编号 | 组件 | 首版功能 |
| --- | --- | --- |
| 221 | PromptComposer | 多行输入；Enter 发送、Shift+Enter 换行可配置；输入法组合期间不发送；附件与工具插槽。 |
| 222 | AttachmentChip | 附件名、类型、大小、上传进度、移除；失败重试。 |
| 223 | PasteImagePreview | 粘贴或拖入图片的预览缩略图；移除。 |
| 224 | DragDropOverlay | 拖入文件时的全区域遮罩与提示；类型检查回调。 |
| 225 | VoiceInputButton | 录音开始与停止；录音时长；权限失败提示；录音由调用方实现。 |
| 226 | VoiceWaveform | 输入电平波形；静音提示。 |
| 227 | SlashCommandMenu | 输入“/”弹出命令；筛选；方向键选择；Tab 补全。 |
| 228 | ContextMentionMenu | 输入“@”选择文件、文档、网页等上下文；分组；异步结果。 |
| 229 | ContextChips | 已附加上下文列表；移除；溢出折叠。 |
| 230 | ModelSelector | 模型列表；能力标签与上下文长度；不可用项说明。 |
| 231 | ModeSelector | 对话、搜索、深度研究、Agent 模式切换。 |
| 232 | ToolToggleMenu | 联网、代码执行等工具开关；需授权项标记。 |
| 233 | ParameterPanel | 温度、Top-p、最大长度等参数；范围与默认值；重置。 |
| 234 | TokenCounter | 当前输入 token 数与上限；估算值由调用方提供。 |
| 235 | ContextWindowMeter | 上下文使用率条；分段（系统、历史、附件）；阈值警告。 |
| 236 | SendButton | 发送与停止两态；禁用条件；快捷键提示。 |
| 237 | CitationBadge | 行内引用编号；悬停预览来源；点击定位来源。 |
| 238 | SourceCard | 来源标题、站点、摘要、时间；打开回调。 |
| 239 | SourcesPanel | 来源列表；按引用顺序；与正文引用联动高亮。 |
| 240 | SearchProgress | 搜索中关键词与已读来源数；阶段列表；完成后折叠。 |
## 4.19 AI 对话：会话与引导 · 20 个
| 编号 | 组件 | 首版功能 |
| --- | --- | --- |
| 241 | ConversationList | 按今天、昨天、7 天内、更早分组；置顶；虚拟化。 |
| 242 | ConversationItem | 标题、时间、重命名、删除、置顶、导出回调；行内重命名。 |
| 243 | ConversationSearch | 标题与内容搜索；匹配高亮；异步结果。 |
| 244 | ProjectList | 项目与文件夹；会话归属；拖动移入。 |
| 245 | ProjectKnowledgePanel | 项目知识文件列表；添加、移除、容量提示。 |
| 246 | WelcomeScreen | 问候、能力卡片、起始提示插槽。 |
| 247 | SuggestionChips | 起始提示与追问建议；点击填入或直接发送可配置。 |
| 248 | PromptLibrary | 提示模板分类、搜索、预览、插入；变量占位符填写。 |
| 249 | CapabilityCards | 能力说明卡片；点击示例。 |
| 250 | FeedbackForm | 赞踩后的原因选项与文字；提交与取消。 |
| 251 | DateSeparator | 消息日期分隔；今天、昨天与日期格式本地化。 |
| 252 | ThinkingIndicator | 思考中状态动画与阶段文字；减少动画时静态。 |
| 253 | StopGeneratingButton | 停止生成；生成结束后隐藏；快捷键。 |
| 254 | SystemPromptEditor | 系统提示多行编辑；字数；恢复默认；未保存标记。 |
| 255 | CostEstimator | 输入、输出 token 与费用估算；单价由调用方提供。 |
| 256 | SharedConversationView | 只读会话视图；分享者与时间；复制链接回调。 |
| 257 | ConversationExport | 导出为 Markdown、JSON、纯文本；范围选择；内容由组件生成，写文件由调用方完成。 |
| 258 | RegenerateMenu | 重新生成；换模型重试；更长、更短等变体选项。 |
| 259 | ArtifactCard | 消息内产物卡片（代码、文档、网页）；打开产物面板回调。 |
| 260 | ChatEmptyState | 新会话、无搜索结果、离线三种空状态。 |
## 4.20 AI Agent 与工具调用 · 20 个
| 编号 | 组件 | 首版功能 |
| --- | --- | --- |
| 261 | ToolCallCard | 工具名、参数、结果、耗时、状态；参数与结果折叠；JSON 高亮。 |
| 262 | ToolCallGroup | 连续调用折叠为一组；总耗时与失败数。 |
| 263 | ToolApprovalDialog | 执行前审批；参数预览；允许、拒绝；默认聚焦拒绝。 |
| 264 | PermissionPrompt | 允许一次、始终允许、拒绝；作用范围说明。 |
| 265 | AgentStepList | 执行步骤时间线；当前步；步骤展开详情；失败步重试回调。 |
| 266 | AgentPlan | 计划清单；实时勾选；新增与跳过项；进度。 |
| 267 | AgentStatus | 规划中、执行中、等待、完成、失败；不只靠颜色；状态动画可关闭。 |
| 268 | AgentProgress | 总体进度与当前动作文字；不确定模式。 |
| 269 | SubAgentTree | 子 Agent 层级；各自状态；展开查看。 |
| 270 | FileChangeCard | 文件变更预览；增删统计；接受与拒绝；打开差异。 |
| 271 | MultiFileDiffReview | 多文件审阅；逐文件接受拒绝；全部接受；进度。 |
| 272 | CommandExecutionCard | 命令、工作目录、输出（ANSI）、退出码、耗时；中止回调。 |
| 273 | ScreenshotStream | Agent 画面帧序列查看；帧由调用方提供；暂停与逐帧。 |
| 274 | ArtifactPanel | 产物面板；代码、文档、网页预览插槽；复制与导出回调。 |
| 275 | ArtifactVersionSwitcher | 产物版本切换与差异入口。 |
| 276 | SandboxStatus | 沙箱运行状态、资源与剩余时间。 |
| 277 | MCPServerList | 服务器列表；连接状态；启停与重连回调；工具数。 |
| 278 | MemoryPanel | 记忆条目列表；搜索；编辑与删除。 |
| 279 | CheckpointList | 检查点；回滚确认；当前点标记。 |
| 280 | HumanInputRequest | Agent 请求用户输入；问题、选项与自由回答；超时提示。 |
docs/prd/ext-2.md
+155
View File
@@ -0,0 +1,155 @@
# MujicaUI PRD 扩展二：281—400
版本：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 | 远程光标与选区标记；姓名标签。 |
docs/prd/ext-3.md
+130
View File
@@ -0,0 +1,130 @@
# MujicaUI PRD 扩展三：401—500
版本：1.1
日期：2026-10-05
规则同扩展一。账户类组件只负责界面与输入，不实现认证、不保存凭据；凭据只经调用方回调传出，不进日志、无障碍值或测试报告。
## 4.27 即时通讯与邮件 · 20 个
| 编号 | 组件 | 首版功能 |
| --- | --- | --- |
| 401 | ChannelList | 频道与私信；未读数、静音、置顶；分组折叠。 |
| 402 | ChatMessage | 连续消息合并、时间戳、编辑标记、回复与回应插槽。 |
| 403 | UnreadDivider | 未读分隔线与计数。 |
| 404 | ReadReceipt | 已发送、已送达、已读；多人已读头像。 |
| 405 | MemberList | 成员分组（在线、离线）；角色。 |
| 406 | UserProfileCard | 头像、名称、状态、角色、操作插槽。 |
| 407 | OnlineStatus | 在线、离开、忙碌、离线；形状加文字。 |
| 408 | StatusSetter | 自定义状态文字与表情；清除时间。 |
| 409 | CallControls | 静音、摄像头、共享、挂断；状态与快捷键。 |
| 410 | VideoCallGrid | 参与者宫格；发言者高亮；帧由调用方提供。 |
| 411 | IncomingCallDialog | 来电接听与拒绝；默认聚焦拒绝可配置。 |
| 412 | EmojiPicker | 分类、搜索、最近使用、肤色。 |
| 413 | PinnedMessages | 置顶消息列表；跳转；取消置顶。 |
| 414 | ThreadPanel | 话题侧栏；原消息与回复。 |
| 415 | MailList | 未读粗体、星标、附件图标；多选；虚拟化。 |
| 416 | MailReader | 邮件头、正文（纯文本与安全子集）、附件。 |
| 417 | MailComposer | 收件人、抄送、密送、主题、正文、附件；草稿保存回调。 |
| 418 | RecipientInput | 收件人标签输入；地址校验；联系人建议。 |
| 419 | QuotedText | 引用文字折叠与展开。 |
| 420 | SnoozePicker | 稍后提醒快捷项与自定义时间。 |
## 4.28 日历与时间 · 20 个
| 编号 | 组件 | 首版功能 |
| --- | --- | --- |
| 421 | CalendarMonthView | 月视图事件格；溢出“+N”；拖动改期。 |
| 422 | CalendarWeekView | 周视图时间网格；全天行；拖动创建与调整。 |
| 423 | CalendarDayView | 日视图；重叠事件并列。 |
| 424 | AgendaView | 日程列表；按日分组。 |
| 425 | YearView | 年视图；事件密度标记。 |
| 426 | EventChip | 事件块；颜色、时间、标题；截断。 |
| 427 | EventEditor | 标题、时间、地点、参与者、提醒、重复；校验。 |
| 428 | EventPopover | 事件摘要浮层；编辑、删除入口。 |
| 429 | CurrentTimeIndicator | 当前时间线；隐藏时停止更新。 |
| 430 | RecurrenceEditor | 每日、每周、每月、每年与自定义；结束条件。 |
| 431 | AvailabilityPicker | 空闲时段选择网格；多人重叠。 |
| 432 | TimezoneSelect | 时区搜索；偏移显示；常用时区。 |
| 433 | ReminderPicker | 提前提醒选项。 |
| 434 | AttendeeList | 参与者与回复状态。 |
| 435 | WeekPicker | 周选择；周起始可配置。 |
| 436 | DurationPicker | 时长输入（时分秒）；范围。 |
| 437 | CronEditor | Cron 表达式编辑与可视化；校验；下次运行时间预览。 |
| 438 | RelativeTime | 相对时间文本；自动更新频率随时间远近；隐藏时停止。 |
| 439 | Countdown | 倒计时；结束回调；格式。 |
| 440 | Stopwatch | 秒表；计次；暂停与复位。 |
## 4.29 仪表盘与开发工具 · 20 个
| 编号 | 组件 | 首版功能 |
| --- | --- | --- |
| 441 | DashboardGrid | 卡片网格；拖动与调整尺寸；布局保存回调。 |
| 442 | StatCard | 统计卡片；值、变化、迷你图；加载与错误。 |
| 443 | AlertList | 告警列表；级别、来源、时间；确认与静默回调。 |
| 444 | IncidentCard | 事件标题、状态、影响、时间线。 |
| 445 | UptimeBar | 按日可用性条；悬停详情。 |
| 446 | ServiceStatus | 服务状态列表；正常、降级、中断。 |
| 447 | LogStream | 实时日志流；暂停；级别过滤；虚拟化。 |
| 448 | TraceWaterfall | 请求瀑布图；跨度层级与耗时。 |
| 449 | ResourceGauge | CPU、内存、磁盘仪表；阈值。 |
| 450 | SystemMonitor | 多资源实时折线组合；采样数据由调用方提供。 |
| 451 | RefreshIntervalSelector | 刷新间隔选择；手动刷新。 |
| 452 | DashboardFilterBar | 时间范围、环境、标签过滤；清除。 |
| 453 | JsonViewer | JSON 树；展开折叠；路径复制；搜索。 |
| 454 | JsonEditor | JSON 文本编辑；格式化；解析错误定位。 |
| 455 | SchemaTree | 数据库、表、列、索引树。 |
| 456 | ApiRequestBuilder | 方法、URL、参数、请求头、正文；发送回调。 |
| 457 | ResponseViewer | 状态码、耗时、大小、正文（JSON 与文本）、响应头。 |
| 458 | KeyValueInput | 键值对行编辑；启用开关；增删。 |
| 459 | EnvironmentSelector | 环境切换；变量预览。 |
| 460 | RegexTester | 正则输入、测试文本、匹配高亮与分组；语法错误提示。 |
## 4.30 设置、账户与引导 · 20 个
| 编号 | 组件 | 首版功能 |
| --- | --- | --- |
| 461 | SettingsLayout | 设置分区导航、分节、设置行（标签、说明、控件）。 |
| 462 | SettingsSearch | 设置项搜索；匹配高亮；跳转。 |
| 463 | ThemeSelector | 系统、浅色、深色预览卡选择。 |
| 464 | AccentColorPicker | 主色候选；对比度不足的候选标记。 |
| 465 | ShortcutRecorder | 录制快捷键；冲突提示；平台修饰键显示。 |
| 466 | KeyboardShortcutsList | 快捷键表；分组；搜索。 |
| 467 | LoginForm | 账号、密码、记住我；提交中与错误；凭据仅经回调传出。 |
| 468 | OAuthButtons | 第三方登录按钮组；名称由调用方提供，不使用商标图形。 |
| 469 | TwoFactorInput | 六位验证码；粘贴；重发倒计时。 |
| 470 | ProfileEditor | 头像、名称、简介；未保存标记。 |
| 471 | AccountSwitcher | 多账户切换；添加账户入口。 |
| 472 | WorkspaceSwitcher | 工作区搜索与切换。 |
| 473 | UserMenu | 用户头像菜单；状态、设置、退出。 |
| 474 | SessionList | 登录会话；设备与位置；注销其他会话回调。 |
| 475 | ApiKeyManager | 密钥列表；创建时只显示一次；撤销确认；明文不入日志。 |
| 476 | UsageQuota | 用量与配额条；重置时间。 |
| 477 | OnboardingWizard | 多步引导；进度；跳过；完成回调。 |
| 478 | Coachmark | 功能提示锚点；步骤导航；Escape 关闭。 |
| 479 | WhatsNewDialog | 更新内容列表；不再显示。 |
| 480 | FeedbackWidget | 反馈类型、文字、截图附件插槽；提交回调。 |
## 4.31 通用补充 · 20 个
| 编号 | 组件 | 首版功能 |
| --- | --- | --- |
| 481 | SplitButton | 主操作与下拉菜单；两部分独立焦点。 |
| 482 | CopyButton | 复制并短暂显示已复制；屏幕阅读器播报。 |
| 483 | HoldToConfirm | 按住确认危险操作；进度；键盘按住空格；减少动画时显示计时文字。 |
| 484 | BulkActionBar | 多选后出现的批量操作条；选中数；清除选择。 |
| 485 | ScrubInput | 拖动标签调整数值；精度与范围；输入模式。 |
| 486 | CurrencyInput | 货币金额输入；币种符号；千分位；精度。 |
| 487 | MaskedInput | 格式掩码输入（电话、卡号等）；输入法安全。 |
| 488 | MentionInput | @ 提及输入；候选；提及标记为整体删除。 |
| 489 | ChoiceChips | 单选或多选筛选芯片；键盘导航。 |
| 490 | Knob | 旋钮；拖动与方向键；刻度与数值。 |
| 491 | VerticalSlider | 纵向滑块；同 Slider 规则。 |
| 492 | ColorPalette | 预设色板；选择与键盘导航；自定义色入口。 |
| 493 | SignaturePad | 手写签名画板；清除；导出路径数据。 |
| 494 | Banner | 页面顶部横幅；信息、警告、错误；操作与关闭。 |
| 495 | UndoToast | 可撤销操作的消息；倒计时；撤销回调。 |
| 496 | Masonry | 瀑布流布局；列数随宽度；稳定键。 |
| 497 | ResizablePanelGroup | 多面板可调尺寸；最小值；折叠；尺寸保存回调。 |
| 498 | DockPanel | 可停靠面板区；拖动标签到边缘停靠；布局状态由调用方保存。 |
| 499 | QRCode | 文本生成二维码；纠错级别；尺寸；离线生成。 |
| 500 | ActivityFeed | 活动流；参与者、动作、对象、时间；按日分组。 |