解析 InputArea.vue 文件。这是一个功能丰富的 Vue 3 聊天输入区域组件,主要包含以下功能:
核心功能: 1. 文件上传 - 集成 FileUploadComponent,支持文件上传、移除和错误处理 2. 文本输入 - 多行文本框,支持自动高度调整,Enter发送/Shift+Enter换行 3. 工具选择 - 动态加载内部工具,过滤支持单参数的工具,状态持久化到localStorage 4. 发送控制 - 发送/停止按钮切换,计划模式按钮,与任务状态联动
技术架构:
- Vue 3 Composition API + TypeScript
- Less CSS with scoped styling
- Iconify图标库 + Vue I18n国际化
- 依赖服务:CoordinatorToolApiService、memoryStore、useTaskStore
- 响应式设计,支持自适应高度
- 工具选择状态本地持久化
- 文件上传状态管理
- 键盘快捷键支持
- 国际化支持