+
+
-
-
-
-
-
-
-
-
-
diff --git a/packages/components/src/sender/components/Block.vue b/packages/components/src/sender/components/Block.vue
deleted file mode 100644
index c471e1287..000000000
--- a/packages/components/src/sender/components/Block.vue
+++ /dev/null
@@ -1,58 +0,0 @@
-
-
-
-
- {{ props.content }}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/packages/components/src/sender/components/editor-content/index.vue b/packages/components/src/sender/components/editor-content/index.vue
new file mode 100644
index 000000000..9865a824b
--- /dev/null
+++ b/packages/components/src/sender/components/editor-content/index.vue
@@ -0,0 +1,76 @@
+
+
+
+
-
-
+
+
+
+
+
diff --git a/packages/components/src/sender/components/footer/index.vue b/packages/components/src/sender/components/footer/index.vue
new file mode 100644
index 000000000..5e3dcdd6f
--- /dev/null
+++ b/packages/components/src/sender/components/footer/index.vue
@@ -0,0 +1,44 @@
+
+
+
+
+
+
+
diff --git a/packages/components/src/sender/components/global.d.ts b/packages/components/src/sender/components/global.d.ts
deleted file mode 100644
index 1aa7c1fb6..000000000
--- a/packages/components/src/sender/components/global.d.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-declare global {
- interface Selection {
- getComposedRanges?: (options?: { shadowRoots: ShadowRoot[] } | ShadowRoot) => StaticRange[]
- }
-
- interface ShadowRoot {
- getSelection?: () => Selection
- }
-}
-
-export {}
diff --git a/packages/components/src/sender/components/layouts/MultiLineLayout.vue b/packages/components/src/sender/components/layouts/MultiLineLayout.vue
new file mode 100644
index 000000000..33a754af1
--- /dev/null
+++ b/packages/components/src/sender/components/layouts/MultiLineLayout.vue
@@ -0,0 +1,91 @@
+
+
+
+
+
+
+
+
+
+
+
diff --git a/packages/components/src/sender/components/layouts/SingleLineLayout.vue b/packages/components/src/sender/components/layouts/SingleLineLayout.vue
new file mode 100644
index 000000000..fb5f43bb2
--- /dev/null
+++ b/packages/components/src/sender/components/layouts/SingleLineLayout.vue
@@ -0,0 +1,102 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/packages/components/src/sender/composables/index.ts b/packages/components/src/sender/composables/index.ts
new file mode 100644
index 000000000..13bcbdaca
--- /dev/null
+++ b/packages/components/src/sender/composables/index.ts
@@ -0,0 +1,9 @@
+/**
+ * Composables 统一导出
+ */
+
+export { useEditor } from './useEditor'
+export { useAutoSize } from './useAutoSize'
+export { useModeSwitch } from './useModeSwitch'
+
+export type { UseEditorReturn } from '../index.type'
diff --git a/packages/components/src/sender/composables/useAutoSize.ts b/packages/components/src/sender/composables/useAutoSize.ts
new file mode 100644
index 000000000..10d9da7e3
--- /dev/null
+++ b/packages/components/src/sender/composables/useAutoSize.ts
@@ -0,0 +1,104 @@
+/**
+ * 自动高度调整
+ *
+ * 核心思路：
+ * 1. 只在用户传递了 autoSize 配置时才生效
+ * 2. 监听真正的当前模式（currentMode）
+ * 3. 操作滚动容器的 min-height 和 max-height
+ * 4. 让浏览器自动处理滚动
+ *
+ */
+
+import { watch, nextTick, computed, type Ref } from 'vue'
+import { useCssVar } from '@vueuse/core'
+import type { InputMode, AutoSize } from '../index.type'
+
+export function useAutoSize(currentMode: Ref
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/packages/components/src/sender/extensions/mention/components/mention-view.vue b/packages/components/src/sender/extensions/mention/components/mention-view.vue
new file mode 100644
index 000000000..76d124822
--- /dev/null
+++ b/packages/components/src/sender/extensions/mention/components/mention-view.vue
@@ -0,0 +1,48 @@
+
+
+
+
+ 未找到匹配的提及项
+
+
+
+
+ {{ option.label }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
- // 在切换模式时保留原始文本格式
- nextTick(() => {
- if (inputRef.value) {
- setTimeout(() => {
- // 使用组件作用域查找textarea
- const textareaElement = senderRef.value?.querySelector('.tiny-textarea__inner') as HTMLInputElement
- if (textareaElement) {
- // 确保textarea的white-space属性正确设置
- textareaElement.style.whiteSpace = 'pre-wrap'
- const pos = inputValue.value.length
- textareaElement.focus()
- textareaElement.setSelectionRange(pos, pos)
- }
- isAutoSwitching.value = false
- }, 300)
- } else {
- isAutoSwitching.value = false
+
-
-
-
-
diff --git a/packages/components/src/sender/types/base.ts b/packages/components/src/sender/types/base.ts
new file mode 100644
index 000000000..8e08313a7
--- /dev/null
+++ b/packages/components/src/sender/types/base.ts
@@ -0,0 +1,271 @@
+import type { TooltipContent, TooltipPlacement } from '../../sender-actions/types/common'
+import type { MentionItem, MentionStructuredItem } from '../extensions/mention/types'
+
+// ============================================
+// 基础类型
+// ============================================
+
+/**
+ * 输入模式
+ * - single: 单行模式，适用于简短输入
+ * - multiple: 多行模式，适用于长文本输入
+ */
+export type InputMode = 'single' | 'multiple'
+
+/**
+ * 提交触发方式
+ * - enter: Enter 键提交
+ * - ctrlEnter: Ctrl+Enter 提交
+ * - shiftEnter: Shift+Enter 提交
+ */
+export type SubmitTrigger = 'enter' | 'ctrlEnter' | 'shiftEnter'
+
+// ============================================
+// 模板相关类型
+// ============================================
+
+/**
+ * 选择器选项
+ */
+export interface SelectOption {
+ /**
+ * 显示文本
+ */
+ label: string
+
+ /**
+ * 选择后的值
+ */
+ value: string
+
+ /**
+ * 自定义数据（可选）
+ */
+ data?: string
+}
+
+/**
+ * 模板项（用户侧）
+ *
+ * 用户传入的模板数据格式
+ * 组件内部会转换为 Tiptap 节点格式
+ */
+export type TemplateItem =
+ | {
+ /**
+ * 模板 ID，可选
+ * 如果不提供，组件会自动生成
+ */
+ id?: string
+
+ /**
+ * 类型：普通文本
+ */
+ type: 'text'
+
+ /**
+ * 内容
+ */
+ content: string
+ }
+ | {
+ /**
+ * 模板 ID，可选
+ * 如果不提供，组件会自动生成
+ */
+ id?: string
+
+ /**
+ * 类型：模板块（可编辑）
+ */
+ type: 'block'
+
+ /**
+ * 内容
+ */
+ content: string
+ }
+ | {
+ /**
+ * 模板 ID，可选
+ * 如果不提供，组件会自动生成
+ */
+ id?: string
+
+ /**
+ * 类型：选择器
+ */
+ type: 'select'
+
+ /**
+ * 内容（选中的值）
+ */
+ content: string
+
+ /**
+ * 占位文字（未选择时显示）
+ */
+ placeholder?: string
+
+ /**
+ * 选项列表
+ */
+ options?: SelectOption[]
+
+ /**
+ * 当前选中的值
+ */
+ value?: string
+ }
+
+// ============================================
+// Mention 相关类型（从扩展导入）
+// ============================================
+
+/**
+ * 提及项
+ *
+ * 用于 @ 提及功能的数据
+ *
+ * @deprecated 请从 extensions/mention 导入
+ * @see packages/components/src/sender/extensions/mention/types.ts
+ */
+export type { MentionItem }
+
+// ============================================
+// Submit 事件相关类型
+// ============================================
+
+/**
+ * 结构化数据（联合类型）
+ *
+ * Submit 事件的第二个参数，根据使用的扩展直接返回对应的数据数组
+ *
+ * **设计理念**：
+ * - 第一个参数 `text`：纯文本内容，适用于简单场景
+ * - 第二个参数 `data`：结构化数据数组，直接使用无需解包
+ *
+ * **类型说明**：
+ * - `TemplateItem[]`: 使用 Template 扩展时返回（混合结构）
+ * - `MentionStructuredItem[]`: 使用 Mention 扩展时返回（混合结构）
+ *
+ * @example Template 场景
+ * ```typescript
+ * function handleSubmit(text: string, data?: StructuredData) {
+ * // text: "帮我分析 的周报"
+ * // data: [
+ * // { type: 'text', content: '帮我分析 ' },
+ * // { type: 'block', content: '张三' },
+ * // { type: 'text', content: ' 的周报' }
+ * // ]
+ *
+ * // 提取模板块（可编辑部分）
+ * if (data && data.some(item => item.type === 'block')) {
+ * const blocks = data.filter(item => item.type === 'block')
+ * console.log('模板块:', blocks)
+ * }
+ *
+ * // 提取选择器
+ * if (data && data.some(item => item.type === 'select')) {
+ * const selects = data.filter(item => item.type === 'select')
+ * console.log('选择器:', selects)
+ * }
+ * }
+ * ```
+ *
+ * @example Mention 场景
+ * ```typescript
+ * function handleSubmit(text: string, data?: StructuredData) {
+ * // text: "帮我分析 @张三 的周报"
+ * // data: [
+ * // { type: 'text', content: '帮我分析 ' },
+ * // { type: 'mention', content: '张三', value: '...' },
+ * // { type: 'text', content: ' 的周报' }
+ * // ]
+ *
+ * // 统一使用 content 属性
+ * const allContent = data?.map(item => item.content).join('')
+ * console.log('完整内容:', allContent)
+ *
+ * // 提取 mention（正确的类型守卫）
+ * if (data && data.some(item => item.type === 'mention')) {
+ * const mentions = data.filter(item => item.type === 'mention')
+ * console.log('提及的人:', mentions.map(m => m.content))
+ * console.log('关联值:', mentions.map(m => m.value))
+ * }
+ * }
+ * ```
+ */
+export type StructuredData = TemplateItem[] | MentionStructuredItem[]
+
+// ============================================
+// 按钮配置相关类型
+// ============================================
+
+/**
+ * 默认操作按钮配置
+ *
+ * 用于统一配置 Sender 的默认按钮（Clear、Submit）
+ *
+ * @example
+ * ```typescript
+ * const defaultActions = {
+ * submit: { disabled: !isValid, tooltip: '请完善表单' },
+ * clear: { tooltip: '清空内容' }
+ * }
+ * ```
+ */
+export interface DefaultActions {
+ /**
+ * 提交按钮配置
+ */
+ submit?: {
+ /**
+ * 是否禁用
+ */
+ disabled?: boolean
+
+ /**
+ * 工具提示
+ * - string: 简单文本
+ * - () => string | VNode: 渲染函数，支持复杂内容
+ */
+ tooltip?: TooltipContent
+
+ /**
+ * Tooltip 位置
+ */
+ tooltipPlacement?: TooltipPlacement
+ }
+
+ /**
+ * 清空按钮配置
+ */
+ clear?: {
+ /**
+ * 是否禁用
+ */
+ disabled?: boolean
+
+ /**
+ * 工具提示
+ * - string: 简单文本
+ * - () => string | VNode: 渲染函数，支持复杂内容
+ */
+ tooltip?: TooltipContent
+
+ /**
+ * Tooltip 位置
+ */
+ tooltipPlacement?: TooltipPlacement
+ }
+}
+
+// ============================================
+// 工具类型
+// ============================================
+
+/**
+ * 自动高度配置
+ */
+export type AutoSize = boolean | { minRows: number; maxRows: number }
diff --git a/packages/components/src/sender/types/components.ts b/packages/components/src/sender/types/components.ts
new file mode 100644
index 000000000..233864eb2
--- /dev/null
+++ b/packages/components/src/sender/types/components.ts
@@ -0,0 +1,84 @@
+import type { SenderSuggestionItem } from '../extensions/suggestion/types'
+
+// ============================================
+// 组件 Props 类型
+// ============================================
+
+/**
+ * WordCounter Props
+ */
+export interface WordCounterProps {
+ /**
+ * 当前字符数
+ */
+ current: number
+
+ /**
+ * 最大字符数
+ */
+ max: number
+
+ /**
+ * 是否超出限制
+ */
+ isOverLimit: boolean
+}
+
+/**
+ * SuggestionList Props
+ */
+export interface SuggestionListProps {
+ /**
+ * 是否显示
+ */
+ show: boolean
+
+ /**
+ * 建议列表
+ */
+ suggestions: SenderSuggestionItem[]
+
+ /**
+ * 键盘激活索引
+ */
+ activeKeyboardIndex: number
+
+ /**
+ * 鼠标激活索引
+ */
+ activeMouseIndex: number
+
+ /**
+ * 输入值
+ */
+ inputValue: string
+
+ /**
+ * 弹窗样式
+ */
+ popupStyle?: Record