组件 · Daren Design

affixui/affix.tsx

参考上下文

agent-composersrc/daren-design/extensions/agent/blocks/AgentComposer.tsx

请检查当前工作目录。

目录范围已加入本次会话上下文。

Port 只定义跨边界契约，不持有运行时状态。

工作目录

附件

agent-conversationsrc/daren-design/extensions/agent/blocks/AgentConversation.tsx

请总结当前文档。

当前文档描述了工作区结构与运行时约束。

结构：三栏工作区
约束：本地优先

status: active

agent-messagesrc/daren-design/extensions/agent/components/AgentMessage.tsx

提示：这是一段提示说明文字。

alertui/alert.tsx

anchorui/anchor.tsx

arco-compat样式 / 工具基建 · 无独立 UI 形态

arco-compatui/arco-compat.tsx

DRMX

avatarui/avatar.tsx

back-top交互态组件 · 需要运行时上下文

back-topui/back-top.tsx

BadgeSecondary

badgeui/badge.tsx

breadcrumbui/breadcrumb.tsx

buttonui/button.tsx

2026 / 10

一

二

三

四

五

六

日

calendarui/calendar.tsx

卡片标题

卡片描述信息

卡片内容区域。

cardui/card.tsx

第一屏

carouselui/carousel.tsx

cascaderui/cascader.tsx

chart交互态组件 · 需要运行时上下文

chartui/chart.tsx

checkboxui/checkbox.tsx

基础配置内容。

collapseui/collapse.tsx

color-pickerui/color-picker.tsx

color-property-controls样式 / 工具基建 · 无独立 UI 形态

color-property-controlsui/color-property-controls.tsx

comboboxui/combobox.tsx

commandui/command.tsx

U

commentui/comment.tsx

当前文档

Port 只定义跨边界契约，不持有运行时状态。

先检查契约，再给结论。

关联文档

工作目录

附件

composer-context-itemsrc/daren-design/extensions/agent/components/ComposerContextItem.tsx

Port 只定义跨边界契约，不持有运行时状态。

先检查契约，再给结论。

当前文档

关联文档

工作目录

composer-context-stripsrc/daren-design/extensions/agent/components/ComposerContextStrip.tsx

composer-plus-menuui/composer-plus-menu.tsx

context-budget-controlsrc/daren-design/extensions/agent/components/ContextBudgetControl.tsx

context-reference-cardsrc/daren-design/extensions/agent/components/ContextReferenceCard.tsx

control-variants样式 / 工具基建 · 无独立 UI 形态

control-variantsui/control-variants.ts

开始一段对话

请检查这份契约。

契约结构完整，可以进入下一步。

conversation-areasrc/daren-design/extensions/agent/blocks/ConversationArea.tsx

date-pickerui/date-picker.tsx

至

date-range-pickerui/date-range-picker.tsx

版本: 1.0.0
状态: 稳定

description-listui/description-list.tsx

Badge

design-providerui/design-provider.tsx

dialogui/dialog.tsx

dropdown-menuui/dropdown-menu.tsx

暂无内容

empty-stateui/empty-state.tsx

floating-panel-surface交互态组件 · 需要运行时上下文

floating-panel-surfaceui/floating-panel-surface.tsx

form交互态组件 · 需要运行时上下文

formui/form.tsx

highlighted-text交互态组件 · 需要运行时上下文

highlighted-textui/highlighted-text.tsx

悬停查看

hover-cardui/hover-card.tsx

imageui/image.tsx

ime-composition样式 / 工具基建 · 无独立 UI 形态

ime-compositionui/ime-composition.ts

inputui/input.tsx

标签文字

labelui/label.tsx

LayoutStackInline

layoutui/layout.tsx

这是一个链接

linkui/link.tsx

设计稿交付

组件评审

发布上线

listui/list.tsx

member-pickerui/member-picker.tsx

mentions-inputui/mentions-input.tsx

menuui/menu.tsx

总结摘要

该文档是 OfficeAI 新手任务指南，提供任务难度分级、操作步骤和提示词示例。

message-action-rowsrc/daren-design/extensions/agent/components/MessageActionRow.tsx

model-profile-pickersrc/daren-design/extensions/agent/components/ModelProfilePicker.tsx

设计

multi-selectui/multi-select.tsx

notification交互态组件 · 需要运行时上下文

notificationui/notification.tsx

number-inputui/number-input.tsx

option-color样式 / 工具基建 · 无独立 UI 形态

option-colorui/option-color.ts

option-search样式 / 工具基建 · 无独立 UI 形态

option-searchui/option-search.ts

超出宽度时省略并提示的文本

overflow-tooltipui/overflow-tooltip.tsx

共条第/ NaN 页

paginationui/pagination.tsx

phone-inputui/phone-input.tsx

popconfirmui/popconfirm.tsx

popoverui/popover.tsx

portal交互态组件 · 需要运行时上下文

portalui/portal.tsx

progressui/progress.tsx

progress-ringui/progress-ring.tsx

按项目按成员

radio-groupui/radio-group.tsx

rateui/rate.tsx

仅展示可观察的处理摘要，不展示隐藏思维链。

reasoning-disclosuresrc/daren-design/extensions/agent/components/ReasoningDisclosure.tsx

required-markui/required-mark.tsx

resultui/result.tsx

idle

streaming

disabled

run-controlsrc/daren-design/extensions/agent/components/RunControl.tsx

run-status交互态组件 · 需要运行时上下文

run-statussrc/daren-design/extensions/agent/components/RuntimeRunStatus.tsx

runtime-identity交互态组件 · 需要运行时上下文

runtime-identitysrc/daren-design/extensions/agent/components/RuntimeIdentity.tsx

scroll-areaui/scroll-area.tsx

selectui/select.tsx

separatorui/separator.tsx

sheetui/sheet.tsx

sidebarui/sidebar.tsx

skeletonui/skeleton.tsx

sliderui/slider.tsx

spinnerui/spinner.tsx

左面板

右面板

split-paneui/split-pane.tsx

组件总数

87

渲染成功

75

statisticui/statistic.tsx

填写信息
2确认订单
3完成

stepsui/steps.tsx

switchui/switch.tsx

名称	状态
按钮	稳定
输入框	稳定

tableui/table.tsx

tabsui/tabs.tsx

标签一标签二

tagui/tag.tsx

tag-inputui/tag-input.tsx

textareaui/textarea.tsx

time-pickerui/time-picker.tsx

创建草稿09:00
完成评审14:30
发布上线明天

timelineui/timeline.tsx

lattice.astro
lattice.css

tool-call-cardsrc/daren-design/extensions/agent/components/ToolCallCard.tsx

tooltipui/tooltip.tsx

可选

源文件字体授权

已选

设计稿

transferui/transfer.tsx

treeui/tree.tsx

tree-selectui/tree-select.tsx

标题 Heading

正文文字 Text

const code = 1⌘K

typographyui/typography.tsx

uploadui/upload.tsx

use-anchor-visibility样式 / 工具基建 · 无独立 UI 形态

use-anchor-visibilityui/use-anchor-visibility.ts

verification-codeui/verification-code.tsx

受保护内容

watermarkui/watermark.tsx

组件

标题 Heading

Untitled UI 免费层