diff --git a/docs/demos/sender/actions-enhanced.vue b/docs/demos/sender/actions-enhanced.vue
index 34de34c32..5c140227d 100644
--- a/docs/demos/sender/actions-enhanced.vue
+++ b/docs/demos/sender/actions-enhanced.vue
@@ -1,35 +1,41 @@
 <script setup lang="ts">
-import { ref } from 'vue'
+import { onBeforeUnmount, ref } from 'vue'
 import { TrSender, UploadButton, VoiceButton } from '@opentiny/tiny-robot'
-import { Tag as TinyTag } from '@opentiny/vue'
 
 const content = ref('')
 const message = ref('')
-const selectedFiles = ref<File[]>([])
+let messageTimer: ReturnType<typeof setTimeout> | undefined
 
-const handleSubmit = (text: string) => {
-  const fileNames = selectedFiles.value.map((file) => file.name).join(', ')
-  message.value = fileNames ? `已提交: ${text || '(无文本)'}，附件: ${fileNames}` : `已提交: ${text}`
-  content.value = ''
-  selectedFiles.value = []
-  setTimeout(() => (message.value = ''), 3000)
-}
+const showMessage = (value: string) => {
+  if (messageTimer) {
+    clearTimeout(messageTimer)
+  }
 
-const handleFiles = (files: File[]) => {
-  selectedFiles.value = [...selectedFiles.value, ...files]
+  message.value = value
+  messageTimer = setTimeout(() => {
+    message.value = ''
+    messageTimer = undefined
+  }, 3000)
 }
 
-const handleClear = () => {
-  selectedFiles.value = []
+const handleSubmit = (text: string) => {
+  showMessage(`已提交: ${text}`)
+  content.value = ''
 }
 
-const removeFile = (index: number) => {
-  selectedFiles.value = selectedFiles.value.filter((_, fileIndex) => fileIndex !== index)
+const handleFiles = (files: File[]) => {
+  showMessage(`已选择 ${files.length} 个文件`)
 }
 
 const handleVoiceFinal = (text: string) => {
   content.value += text + ' '
 }
+
+onBeforeUnmount(() => {
+  if (messageTimer) {
+    clearTimeout(messageTimer)
+  }
+})
 </script>
 
 <template>
@@ -38,10 +44,8 @@ const handleVoiceFinal = (text: string) => {
       v-model="content"
       placeholder="输入内容，或使用语音/上传文件..."
       mode="multiple"
-      :has-external-content="selectedFiles.length > 0"
       clearable
       @submit="handleSubmit"
-      @clear="handleClear"
     >
       <template #footer-right>
         <!-- 上传按钮 -->
@@ -58,18 +62,6 @@ const handleVoiceFinal = (text: string) => {
       </template>
     </tr-sender>
 
-    <div v-if="selectedFiles.length" class="file-list">
-      <tiny-tag
-        v-for="(file, index) in selectedFiles"
-        :key="`${file.name}-${file.lastModified}-${index}`"
-        :max-width="240"
-        closable
-        @close="removeFile(index)"
-      >
-        {{ file.name }}
-      </tiny-tag>
-    </div>
-
     <div v-if="message" class="message">{{ message }}</div>
   </div>
 </template>
@@ -86,11 +78,4 @@ const handleVoiceFinal = (text: string) => {
   border-radius: 6px;
   color: #1476ff;
 }
-
-.file-list {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 8px;
-  margin-top: 12px;
-}
 </style>
diff --git a/docs/demos/sender/attachments-in-sender.vue b/docs/demos/sender/attachments-in-sender.vue
new file mode 100644
index 000000000..8b53314c7
--- /dev/null
+++ b/docs/demos/sender/attachments-in-sender.vue
@@ -0,0 +1,112 @@
+<script setup lang="ts">
+import { onBeforeUnmount, ref } from 'vue'
+import { TrAttachments, TrSender, UploadButton } from '@opentiny/tiny-robot'
+import type { Attachment, SenderSubmitExtra } from '@opentiny/tiny-robot'
+
+const content = ref('')
+const message = ref('')
+const attachments = ref<Attachment[]>([])
+
+const createAttachment = (file: File, index: number): Attachment => {
+  const isImage = file.type.startsWith('image/')
+
+  return {
+    id: `${file.name}-${file.lastModified}-${Date.now()}-${index}`,
+    name: file.name,
+    rawFile: file,
+    size: file.size,
+    status: 'success',
+    url: isImage ? URL.createObjectURL(file) : undefined,
+  }
+}
+
+const revokeObjectUrl = (attachment: Attachment) => {
+  if (attachment.url?.startsWith('blob:')) {
+    URL.revokeObjectURL(attachment.url)
+  }
+}
+
+const isAttachmentExternalPayload = (payload: unknown): payload is Attachment[] => {
+  return Array.isArray(payload)
+}
+
+const clearAttachments = () => {
+  attachments.value.forEach(revokeObjectUrl)
+  attachments.value = []
+}
+
+const handleFiles = (files: File[]) => {
+  attachments.value = [...attachments.value, ...files.map(createAttachment)]
+}
+
+const handleSubmit = (text: string, _structuredData?: unknown, extra?: SenderSubmitExtra) => {
+  const attachmentNames =
+    extra?.externalPayloads.reduce<string[]>((names, externalPayload) => {
+      if (externalPayload.source !== 'attachments' || !isAttachmentExternalPayload(externalPayload.payload)) {
+        return names
+      }
+
+      externalPayload.payload.forEach((attachment) => {
+        names.push(attachment.name || attachment.rawFile?.name || '未命名文件')
+      })
+
+      return names
+    }, []) ?? []
+
+  message.value = attachmentNames.length
+    ? `已提交: ${text || '(无文本)'}，附件: ${attachmentNames.join('、')}`
+    : `已提交: ${text}`
+
+  content.value = ''
+  clearAttachments()
+}
+
+onBeforeUnmount(clearAttachments)
+</script>
+
+<template>
+  <div class="demo-container">
+    <tr-sender
+      v-model="content"
+      placeholder="输入内容，或直接上传附件后发送..."
+      mode="multiple"
+      clearable
+      @submit="handleSubmit"
+    >
+      <template v-if="attachments.length" #header>
+        <tr-attachments
+          v-model:items="attachments"
+          class="sender-attachments"
+          variant="card"
+          wrap
+          @remove="revokeObjectUrl"
+        />
+      </template>
+
+      <template #footer-right>
+        <UploadButton accept="*" :multiple="true" tooltip="上传附件" tooltip-placement="top" @select="handleFiles" />
+      </template>
+    </tr-sender>
+
+    <div v-if="message" class="message">{{ message }}</div>
+  </div>
+</template>
+
+<style scoped>
+.demo-container {
+  display: grid;
+  gap: 12px;
+  padding: 20px;
+}
+
+.sender-attachments {
+  width: 100%;
+}
+
+.message {
+  padding: 10px;
+  border-radius: 6px;
+  background: #e7f3ff;
+  color: #1476ff;
+}
+</style>
diff --git a/docs/src/components/sender.md b/docs/src/components/sender.md
index cb5baaaa3..fae1ea436 100644
--- a/docs/src/components/sender.md
+++ b/docs/src/components/sender.md
@@ -189,12 +189,20 @@ TrSender.Suggestion.configure({ items: suggestions, filterFn: customFilter })
 
 通过插槽添加增强按钮（Upload、Voice 等），每个按钮都有独立的配置。
 
-<demo vue="../../demos/sender/actions-enhanced.vue" title="增强按钮" description="通过插槽添加 Upload、Voice 等增强按钮。" />
-
-附件、图片等内容通常由独立组件维护，不会写入 Sender 的编辑器文本。当用户只上传附件或图片、不输入额外文本时，Sender 无法感知这部分外部内容，会因输入框为空而不显示默认发送按钮。此时可以通过 `hasExternalContent` 告诉 Sender 当前存在外部可提交内容，例如 `:has-external-content="files.length > 0"`。设置后，即使输入框为空，默认发送按钮也会显示，快捷键提交和 `submit()` 方法也会按有内容处理。默认清空按钮仍只根据编辑器文本显示；外部内容数据由业务侧维护，建议由附件或图片列表提供自己的删除入口。
+<demo vue="../../demos/sender/actions-enhanced.vue" title="增强按钮" description="通过插槽添加 Upload、Voice 等增强按钮；上传内容随消息提交见下方示例。" />
 
 **配置详见**：[UploadButton 属性](#uploadbutton)、[VoiceButton 属性](#voicebutton)
 
+### 上传内容
+
+附件、图片等内容通常由上传按钮或独立列表维护，不会写入 Sender 的编辑器文本。把 `TrAttachments` 放在 `TrSender` 内时会自动注册提交数据；提交时可从 `extra.externalPayloads` 中读取 `source="attachments"` 的 payload，其值为原样透传的 `Attachment[]`，具体过滤或上传失败提示由业务层处理。自定义外部内容组件也可以通过 `useSenderContentRegistration` 注册数据。
+
+:::warning 兼容说明
+`hasExternalContent` 仍可用于控制外部内容场景的可提交状态，但不会生成 `externalPayloads`。
+:::
+
+<demo vue="../../demos/sender/attachments-in-sender.vue" title="输入框内附件列表" description="使用 Attachments 在 Sender 内展示和管理附件，并随消息一起提交。" />
+
 ## 交互定制
 
 ### 取消操作
@@ -283,7 +291,7 @@ Sender 提供了多个插槽位置，方便扩展功能：
 | enterkeyhint @0.4 | 移动端虚拟键盘回车键提示 | `EnterKeyHint` | `'send'` |
 | autoSize | 自动调整高度 | `boolean \| { minRows: number, maxRows: number }` | `{ minRows: 1, maxRows: 5 }` |
 | clearable | 是否可清空 | `boolean` | `false` |
-| hasExternalContent @0.5 | 是否存在外部可提交内容，适用于附件、图片等不写入编辑器文本的内容 | `boolean` | `false` |
+| hasExternalContent @0.5 兼容保留 | 是否存在外部可提交内容，仅控制可提交状态，不会生成 `externalPayloads` | `boolean` | `false` |
 | maxLength | 最大输入长度 | `number` | `Infinity` |
 | showWordLimit | 是否显示字数统计 | `boolean` | `false` |
 | submitType | 提交方式 | `'enter' \| 'ctrlEnter' \| 'shiftEnter'` | `'enter'` |
@@ -450,7 +458,7 @@ onSelect: (item) => {
 | 事件名            | 说明                                                                 | 回调参数                                |
 | ----------------- | -------------------------------------------------------------------- | --------------------------------------- |
 | update:modelValue | 内容更新                                                             | `(value: string)`                       |
-| submit            | 提交内容，返回纯文本和结构化数据（可选）                             | `(text: string, data?: StructuredData)` |
+| submit            | 提交内容，返回纯文本、结构化数据（可选）和额外提交内容（可选）       | `(text: string, data?: StructuredData, extra?: SenderSubmitExtra)` |
 | clear             | 清空内容                                                             | `()`                                    |
 | focus             | 获得焦点                                                             | `(event: FocusEvent)`                   |
 | blur              | 失去焦点                                                             | `(event: FocusEvent)`                   |
@@ -460,10 +468,12 @@ onSelect: (item) => {
 :::tip submit 事件参数说明
 - **text**：纯文本内容，适用于简单场景（如直接发送给 AI）
 - **data**：结构化数据数组，仅在使用 Template 或 Mention 扩展时返回，包含文本和特殊节点的完整信息
+- **extra**：仅当存在外部 payload 时返回，当前包含 `externalPayloads`
 
 根据业务需求选择使用：
 - 简单场景：只使用 `text` 参数
 - 复杂场景：使用 `data` 参数提取特殊节点信息或自定义拼接格式
+- 附件等外部内容：使用 `extra.externalPayloads` 读取。Sender 只透传外部内容的 `source` 和 `payload`，不内置解析特定来源，也不按状态过滤
 
 详见：[结构化数据](#结构化数据)
 :::
@@ -664,6 +674,15 @@ interface SuggestionTextPart {
 // 结构化数据（submit 事件返回）
 type StructuredData = TemplateItem[] | MentionStructuredItem[]
 
+interface SenderExternalPayload {
+  readonly source: string
+  readonly payload: unknown
+}
+
+interface SenderSubmitExtra {
+  externalPayloads: SenderExternalPayload[]
+}
+
 // 输入模式
 type InputMode = 'single' | 'multiple'
 
diff --git a/packages/components/src/attachments/index.vue b/packages/components/src/attachments/index.vue
index 8ff809d71..088c8cfa5 100644
--- a/packages/components/src/attachments/index.vue
+++ b/packages/components/src/attachments/index.vue
@@ -1,9 +1,10 @@
 <script setup lang="ts">
-import { watch, ref, computed } from 'vue'
+import { watch, ref, computed, onBeforeUnmount } from 'vue'
 import { useImagePreview, useListType } from './composables'
 import { AttachmentListEmits, AttachmentListProps, Attachment, ActionButton } from './index.type'
 import FileCard from './components/FileCard.vue'
 import { useFileType } from './composables/useFileType'
+import { useSenderContentRegistration } from '../shared/composables'
 
 const props = withDefaults(defineProps<AttachmentListProps>(), {
   variant: 'auto',
@@ -64,6 +65,13 @@ const { normalizeAttachments } = useFileType({
   fileMatchers: props.fileMatchers,
 })
 
+const registerSenderContent = useSenderContentRegistration()
+const unregisterSenderContent = registerSenderContent?.('attachments', fileList)
+
+onBeforeUnmount(() => {
+  unregisterSenderContent?.()
+})
+
 // 监听props.items变化
 watch(
   () => props.items,
diff --git a/packages/components/src/index.ts b/packages/components/src/index.ts
index 723985f6d..ff084365d 100644
--- a/packages/components/src/index.ts
+++ b/packages/components/src/index.ts
@@ -55,6 +55,8 @@ export * from './welcome/index.type'
 export * from './mcp-server-picker/index.type'
 export * from './mcp-add-form/index.type'
 
+export { useSenderContentRegistration } from './shared/composables/useSenderContentRegistration'
+export type { SenderContentRegister } from './shared/composables/useSenderContentRegistration'
 export {
   BubbleRendererMatchPriority,
   BubbleRenderers,
diff --git a/packages/components/src/sender/composables/useSenderContentRegistry.ts b/packages/components/src/sender/composables/useSenderContentRegistry.ts
new file mode 100644
index 000000000..e810dd74d
--- /dev/null
+++ b/packages/components/src/sender/composables/useSenderContentRegistry.ts
@@ -0,0 +1,86 @@
+import { computed, shallowReactive, toValue, type ComputedRef, type MaybeRefOrGetter } from 'vue'
+import type { SenderExternalPayload } from '../types/submit-extra'
+import type { SenderContentRegister } from '../../shared/composables/useSenderContentRegistration'
+
+interface RegisteredSenderContent {
+  readonly source: string
+  readonly payload: MaybeRefOrGetter<unknown>
+}
+
+interface UseSenderContentRegistryReturn {
+  hasRegisteredContent: ComputedRef<boolean>
+  registerContent: SenderContentRegister
+  externalPayloads: ComputedRef<SenderExternalPayload[]>
+}
+
+const hasPayloadContent = (payload: unknown): boolean => {
+  if (payload === null || payload === undefined) return false
+
+  if (typeof payload === 'string') {
+    return payload.trim().length > 0
+  }
+
+  if (typeof payload === 'number') {
+    return Number.isFinite(payload)
+  }
+
+  if (Array.isArray(payload)) {
+    return payload.length > 0
+  }
+
+  if (typeof payload === 'object') {
+    return Object.keys(payload).length > 0
+  }
+
+  return Boolean(payload)
+}
+
+const collectRegisteredPayload = (
+  source: string,
+  payload: MaybeRefOrGetter<unknown>,
+): SenderExternalPayload | undefined => {
+  const payloadValue = toValue(payload)
+
+  if (!hasPayloadContent(payloadValue)) {
+    return undefined
+  }
+
+  return {
+    source,
+    payload: payloadValue,
+  }
+}
+
+export function useSenderContentRegistry(): UseSenderContentRegistryReturn {
+  const registeredContent = shallowReactive(new Map<symbol, RegisteredSenderContent>())
+
+  const externalPayloads = computed(() => {
+    const payloads: SenderExternalPayload[] = []
+
+    for (const content of registeredContent.values()) {
+      const payload = collectRegisteredPayload(content.source, content.payload)
+      if (payload) {
+        payloads.push(payload)
+      }
+    }
+
+    return payloads
+  })
+
+  const hasRegisteredContent = computed(() => externalPayloads.value.length > 0)
+
+  const registerContent: SenderContentRegister = (source, payload) => {
+    const registrationId = Symbol('sender-content')
+    registeredContent.set(registrationId, { source, payload })
+
+    return () => {
+      registeredContent.delete(registrationId)
+    }
+  }
+
+  return {
+    hasRegisteredContent,
+    registerContent,
+    externalPayloads,
+  }
+}
diff --git a/packages/components/src/sender/composables/useSenderCore.ts b/packages/components/src/sender/composables/useSenderCore.ts
index 3e590b09f..6827c3708 100644
--- a/packages/components/src/sender/composables/useSenderCore.ts
+++ b/packages/components/src/sender/composables/useSenderCore.ts
@@ -23,10 +23,12 @@ import {
 } from '../extensions'
 import { EXTENSION_NAMES } from '../extensions/constants'
 import { SENDER_CONTEXT_KEY, type SenderContext } from '../types/context'
+import { setupSenderContentRegistration } from '../../shared/composables'
 import { useEditor } from './useEditor'
 import { useKeyboardShortcuts } from './useKeyboardShortcuts'
 import { useModeSwitch } from './useModeSwitch'
 import { useAutoSize } from './useAutoSize'
+import { useSenderContentRegistry } from './useSenderContentRegistry'
 import { countGraphemes } from '../utils/countGraphemes'
 
 /**
@@ -75,8 +77,10 @@ export function useSenderCore(props: SenderPropsWithDefaults, emit: SenderEmits)
     return text.trim().length > 0
   })
 
+  const { hasRegisteredContent, registerContent, externalPayloads } = useSenderContentRegistry()
+
   const hasContent = computed(() => {
-    return hasEditorContent.value || Boolean(props.hasExternalContent)
+    return hasEditorContent.value || hasRegisteredContent.value || Boolean(props.hasExternalContent)
   })
 
   const characterCount = computed(() => {
@@ -133,8 +137,16 @@ export function useSenderCore(props: SenderPropsWithDefaults, emit: SenderEmits)
       textContent = editor.value.getText()
     }
 
-    // 触发 submit 事件
-    emit('submit', textContent, structuredData)
+    const submitExternalPayloads = externalPayloads.value.slice()
+
+    if (submitExternalPayloads.length === 0) {
+      emit('submit', textContent, structuredData)
+      return
+    }
+
+    emit('submit', textContent, structuredData, {
+      externalPayloads: submitExternalPayloads,
+    })
   }
 
   // ========================================
@@ -297,6 +309,7 @@ export function useSenderCore(props: SenderPropsWithDefaults, emit: SenderEmits)
 
   // 提供 Context
   provide(SENDER_CONTEXT_KEY, context)
+  setupSenderContentRegistration(registerContent)
 
   // ========================================
   // 10. 返回 Context 和 Expose
diff --git a/packages/components/src/sender/index.ts b/packages/components/src/sender/index.ts
index c5d584b95..6aaf1d9bd 100644
--- a/packages/components/src/sender/index.ts
+++ b/packages/components/src/sender/index.ts
@@ -39,6 +39,8 @@ export type {
   SenderEmits,
   SenderSlots,
   SenderContext,
+  SenderExternalPayload,
+  SenderSubmitExtra,
   UseEditorReturn,
   UseModeSwitchReturn,
   UseSuggestionReturn,
diff --git a/packages/components/src/sender/index.type.ts b/packages/components/src/sender/index.type.ts
index c16d1011c..65627cd58 100644
--- a/packages/components/src/sender/index.type.ts
+++ b/packages/components/src/sender/index.type.ts
@@ -1,5 +1,6 @@
 import type { Extension } from '@tiptap/core'
 import type { InputMode, SubmitTrigger, DefaultActions, AutoSize, StructuredData, EnterKeyHint } from './types/base'
+import type { SenderSubmitExtra } from './types/submit-extra'
 
 // 导出所有子模块类型
 export * from './types/base'
@@ -7,6 +8,7 @@ export * from './types/composables'
 export * from './types/components'
 export * from './types/context'
 export * from './types/slots'
+export type { SenderExternalPayload, SenderSubmitExtra } from './types/submit-extra'
 
 // 导入插槽作用域类型
 import type { SenderSlotScope } from './types/slots'
@@ -142,6 +144,9 @@ export interface SenderProps {
    * 用于附件、图片、文件列表等不写入编辑器文本的内容场景。
    * 当编辑器文本为空但该值为 true 时，Sender 仍会认为存在可提交内容。
    *
+   * @deprecated 若使用 TrAttachments，将其放在 TrSender 内即可自动注册附件内容。
+   * 开发者也可以通过 useSenderContentRegistration 向 Sender 注册内容，前提是组件被 TrSender 包裹。
+   *
    * @default false
    */
   hasExternalContent?: boolean
@@ -284,7 +289,7 @@ export interface SenderEmits {
    * }
    * ```
    */
-  (e: 'submit', textContent: string, structuredData?: StructuredData): void
+  (e: 'submit', textContent: string, structuredData?: StructuredData, extra?: SenderSubmitExtra): void
 
   /**
    * 聚焦事件
diff --git a/packages/components/src/sender/types/submit-extra.ts b/packages/components/src/sender/types/submit-extra.ts
new file mode 100644
index 000000000..e5dd00eb3
--- /dev/null
+++ b/packages/components/src/sender/types/submit-extra.ts
@@ -0,0 +1,8 @@
+export interface SenderExternalPayload {
+  readonly source: string
+  readonly payload: unknown
+}
+
+export interface SenderSubmitExtra {
+  externalPayloads: SenderExternalPayload[]
+}
diff --git a/packages/components/src/shared/composables/index.ts b/packages/components/src/shared/composables/index.ts
index 3968ce1cf..f26145074 100644
--- a/packages/components/src/shared/composables/index.ts
+++ b/packages/components/src/shared/composables/index.ts
@@ -1,6 +1,7 @@
 export * from './createTeleport'
 export * from './useAutoScroll'
 export * from './useControllableState'
+export * from './useSenderContentRegistration'
 export * from './useSlotRefs'
 export * from './useTeleportTarget'
 export * from './useTouchDevice'
diff --git a/packages/components/src/shared/composables/useSenderContentRegistration.ts b/packages/components/src/shared/composables/useSenderContentRegistration.ts
new file mode 100644
index 000000000..c95d28bf9
--- /dev/null
+++ b/packages/components/src/shared/composables/useSenderContentRegistration.ts
@@ -0,0 +1,17 @@
+import { inject, provide } from 'vue'
+import type { MaybeRefOrGetter } from 'vue'
+
+export type SenderContentRegister = (source: string, payload: MaybeRefOrGetter<unknown>) => () => void
+
+export const SENDER_CONTENT_REGISTRATION_CONTEXT_KEY: unique symbol = Symbol('sender-content-registration-context')
+
+export const useSenderContentRegistration: () => SenderContentRegister | undefined = ():
+  SenderContentRegister | undefined => {
+  const registerFn = inject<SenderContentRegister | undefined>(SENDER_CONTENT_REGISTRATION_CONTEXT_KEY, undefined)
+
+  return registerFn
+}
+
+export const setupSenderContentRegistration: (fn: SenderContentRegister) => void = (fn) => {
+  provide(SENDER_CONTENT_REGISTRATION_CONTEXT_KEY, fn)
+}
diff --git a/packages/test/src/sender/helpers/index.ts b/packages/test/src/sender/helpers/index.ts
index 883848998..1afa74231 100644
--- a/packages/test/src/sender/helpers/index.ts
+++ b/packages/test/src/sender/helpers/index.ts
@@ -69,6 +69,14 @@ export function createSenderTestHelper(page: Page) {
       await page.locator(selectors.toggleExternalContentBtn).click()
     },
 
+    async toggleAttachmentsSource() {
+      await page.locator(selectors.toggleAttachmentsSourceBtn).click()
+    },
+
+    async clearAttachmentsSourceItems() {
+      await page.locator(selectors.clearAttachmentsSourceItemsBtn).click()
+    },
+
     async setSubmitType(type: 'enter' | 'ctrlEnter' | 'shiftEnter') {
       await page.locator(selectors.submitTypeSelect).selectOption(type)
     },
@@ -169,6 +177,11 @@ export function createSenderTestHelper(page: Page) {
       await expect(page.locator(selectors.resultDisplay)).toHaveText(text)
     },
 
+    async getSubmitDetail() {
+      const detail = await page.locator(selectors.submitDetailDisplay).textContent()
+      return JSON.parse(detail ?? '{}')
+    },
+
     async expectMode(mode: 'single' | 'multiple') {
       await expect(page.locator(selectors.modeDisplay)).toHaveText(mode)
     },
diff --git a/packages/test/src/sender/index.vue b/packages/test/src/sender/index.vue
index 4288ea249..6c911fd06 100644
--- a/packages/test/src/sender/index.vue
+++ b/packages/test/src/sender/index.vue
@@ -1,8 +1,15 @@
 <script setup lang="ts">
 import { computed, onBeforeUnmount, onMounted, ref } from 'vue'
 import { TinySwitch } from '@opentiny/vue'
-import { Sender } from '@opentiny/tiny-robot'
-import type { MentionItem, TemplateItem, SenderSuggestionItem } from '@opentiny/tiny-robot'
+import { Sender, TrAttachments } from '@opentiny/tiny-robot'
+import type {
+  Attachment,
+  MentionItem,
+  SenderSubmitExtra,
+  SenderSuggestionItem,
+  StructuredData,
+  TemplateItem,
+} from '@opentiny/tiny-robot'
 
 declare global {
   interface Window {
@@ -16,6 +23,7 @@ declare global {
 const senderRef = ref()
 const content = ref('')
 const result = ref('')
+const submitDetail = ref('')
 
 const isMultipleMode = ref(false)
 const clearable = ref(false)
@@ -32,6 +40,15 @@ const enableMention = ref(false)
 const enableTemplate = ref(false)
 const enableSuggestion = ref(false)
 const templateData = ref<TemplateItem[]>([])
+const attachmentsSourceMounted = ref(false)
+const senderAttachmentItems = ref<Attachment[]>([
+  {
+    id: 'sender-attachment',
+    name: 'sender-note.txt',
+    url: 'https://example.com/files/sender-note.txt',
+    status: 'success',
+  },
+])
 
 const mode = computed(() => (isMultipleMode.value ? 'multiple' : 'single'))
 const size = computed(() => (isSmallSize.value ? 'small' : 'normal'))
@@ -48,8 +65,15 @@ const handleSizeChange = () => {
   result.value = `尺寸切换为: ${size.value}`
 }
 
-const handleSubmit = (value: string) => {
+const handleSubmit = (...args: [string, StructuredData?, SenderSubmitExtra?]) => {
+  const [value, structuredData, extra] = args
   result.value = `提交内容: ${value}`
+  submitDetail.value = JSON.stringify({
+    argsLength: args.length,
+    textContent: value,
+    structuredData: structuredData ?? null,
+    extra: extra ?? null,
+  })
 }
 
 const handleCancel = () => {
@@ -64,6 +88,10 @@ const handleCustomAction = () => {
   result.value = '自定义按钮被点击'
 }
 
+const handleClearSenderAttachmentItems = () => {
+  senderAttachmentItems.value = []
+}
+
 const handleSetContent = () => {
   senderRef.value?.setContent('<p>测试内容</p>')
   result.value = '已设置内容'
@@ -263,6 +291,16 @@ onBeforeUnmount(() => {
             <label>hasExternalContent:</label>
             <tiny-switch data-testid="toggle-external-content-btn" v-model="hasExternalContent"></tiny-switch>
           </div>
+          <div class="control-item">
+            <label>attachmentsSource:</label>
+            <tiny-switch data-testid="toggle-attachments-source-btn" v-model="attachmentsSourceMounted"></tiny-switch>
+          </div>
+          <div class="control-item">
+            <label>attachmentsItems:</label>
+            <button data-testid="clear-attachments-source-items-btn" @click="handleClearSenderAttachmentItems">
+              clear
+            </button>
+          </div>
           <div class="control-item">
             <label>submitType:</label>
             <select data-testid="submit-type-select" v-model="submitType">
@@ -325,6 +363,9 @@ onBeforeUnmount(() => {
       <p v-show="result" class="result-display" data-testid="result-display">
         {{ result }}
       </p>
+      <p v-show="submitDetail" class="result-display" data-testid="submit-detail-display">
+        {{ submitDetail }}
+      </p>
     </div>
 
     <Sender
@@ -347,6 +388,10 @@ onBeforeUnmount(() => {
       @cancel="handleCancel"
       @clear="handleClear"
     >
+      <template v-if="attachmentsSourceMounted" #header>
+        <TrAttachments v-model:items="senderAttachmentItems" variant="card" />
+      </template>
+
       <template #footer>
         <button data-testid="custom-footer-btn" @click="handleCustomAction">自定义按钮</button>
       </template>
diff --git a/packages/test/src/sender/selectors.ts b/packages/test/src/sender/selectors.ts
index c66ab1e4e..a2baf32bc 100644
--- a/packages/test/src/sender/selectors.ts
+++ b/packages/test/src/sender/selectors.ts
@@ -10,6 +10,8 @@ export const SENDER_SELECTORS = {
   toggleWordLimitBtn: '[data-testid="toggle-word-limit-btn"]',
   toggleSizeBtn: '[data-testid="toggle-size-btn"]',
   toggleExternalContentBtn: '[data-testid="toggle-external-content-btn"]',
+  toggleAttachmentsSourceBtn: '[data-testid="toggle-attachments-source-btn"]',
+  clearAttachmentsSourceItemsBtn: '[data-testid="clear-attachments-source-items-btn"]',
   submitTypeSelect: '[data-testid="submit-type-select"]',
   maxLengthInput: '[data-testid="max-length-input"]',
   placeholderInput: '[data-testid="placeholder-input"]',
@@ -39,6 +41,7 @@ export const SENDER_SELECTORS = {
   customFooterBtn: '[data-testid="custom-footer-btn"]',
 
   resultDisplay: '[data-testid="result-display"]',
+  submitDetailDisplay: '[data-testid="submit-detail-display"]',
   modeDisplay: '[data-testid="mode-display"]',
 
   mentionList: '.mention-list',
diff --git a/packages/test/src/sender/specs/basic.spec.ts b/packages/test/src/sender/specs/basic.spec.ts
index 78590da8e..7c61cebe3 100644
--- a/packages/test/src/sender/specs/basic.spec.ts
+++ b/packages/test/src/sender/specs/basic.spec.ts
@@ -64,6 +64,58 @@ test.describe('Sender 组件测试', () => {
 
     await helper.clickSubmit()
     await helper.expectResult('提交内容:')
+
+    const detail = await helper.getSubmitDetail()
+    expect(detail).toMatchObject({
+      argsLength: 2,
+      textContent: '',
+      structuredData: null,
+      extra: null,
+    })
+  })
+
+  test('Attachments: 应该作为 Sender external payload 提交', async () => {
+    await helper.toggleAttachmentsSource()
+
+    await helper.expectSubmitButtonVisible(true)
+    await helper.clickSubmit()
+
+    const detail = await helper.getSubmitDetail()
+    expect(detail).toMatchObject({
+      argsLength: 3,
+      textContent: '',
+      structuredData: null,
+      extra: {
+        externalPayloads: [
+          {
+            source: 'attachments',
+            payload: [
+              {
+                id: 'sender-attachment',
+                name: 'sender-note.txt',
+                status: 'success',
+              },
+            ],
+          },
+        ],
+      },
+    })
+  })
+
+  test('Attachments: 卸载后应该取消注册', async () => {
+    await helper.toggleAttachmentsSource()
+    await helper.expectSubmitButtonVisible(true)
+
+    await helper.toggleAttachmentsSource()
+    await helper.expectSubmitButtonVisible(false)
+  })
+
+  test('Attachments: items 变为空时应该更新提交状态', async () => {
+    await helper.toggleAttachmentsSource()
+    await helper.expectSubmitButtonVisible(true)
+
+    await helper.clearAttachmentsSourceItems()
+    await helper.expectSubmitButtonVisible(false)
   })
 
   test('Props: disabled - 应该正确控制禁用状态', async () => {