用途:Syncfusion Vue Chat UI 组件(ejs-chatui)用于在 Vue 3 应用中构建聊天界面、消息应用、会话式 UI 与聊天小部件。
主要能力:消息管理(添加、更新、显示消息及作者、时间戳、状态等元数据);用户系统(当前用户与其他参与者、头像、状态指示);交互功能(消息回复、置顶、转发、工具栏操作、@提及);文件附件(上传、预览、拖拽);模板定制(消息、建议、空状态、输入指示、附件、时间分隔);事件(发送、输入、附件上传、提及选择、工具栏点击);无障碍(WCAG、键盘导航、RTL);机器人集成(Microsoft Bot Framework、Dialogflow)。
使用方式:安装包 @syncfusion/ej2-vue-interactive-chat,引入 ChatUIComponent、MessagesDirective、MessageDirective,使用 <ejs-chatui> 与 <e-messages>/<e-message> 定义消息,设置 :user 当前用户,并导入主题 CSS(如 @syncfusion/ej2-material3-theme/styles/chat-ui/index.css)。可通过 addMessage()、updateMessage()、scrollToBottom()、scrollToMessage()、focus() 等方法操作,并监听 messageSend、userTyping、mentionSelect 等事件。
适用场景:客服支持、团队协作、机器人对话等需要会话界面的 Vue 应用。
限制:资料未提供收费、价格、平台兼容范围与效果数据;依赖 Base、Inputs、Navigations、Buttons、Popups、Dropdowns、Splitbuttons 等基础包;具体版本与浏览器支持暂未提供。