更新记录

1.0.0（2026-07-16）下载此版本

首次发布
DeepSeek 流式对话（SSE chunked）
豆包风格 UI：欢迎卡片、推荐胶囊、深度思考状态
AI 回复 Markdown 渲染（依赖 zero-markdown-view）
长按消息复制
「换一换」热门推荐（API 生成 + 静态备选池）
键盘自适应底部输入栏
支持 apiKey、欢迎文案、头像等 props 配置

平台兼容性

uni-app(5.21)

Vue2	Vue2插件版本	Vue3	Vue3插件版本	Chrome	Safari	app-vue	app-nvue	Android	iOS	鸿蒙
√	1.0.0	√	1.0.0	-	-	-	-	-	-	-

微信小程序	微信小程序插件版本	支付宝小程序	抖音小程序	百度小程序	快手小程序	京东小程序	鸿蒙元服务	QQ小程序	飞书小程序	小红书小程序	快应用-华为	快应用-联盟
√	1.0.0	-	-	-	-	-	-	-	-	-	-	-

uni-app x(4.54)

Chrome	Safari	Android	iOS	鸿蒙	微信小程序
-	-	-	-	-	-

DeepSeek 流式 AI 聊天页（豆包风·开箱即用）

基于 DeepSeek API 的 uni-app 聊天组件，参考豆包 / YOYO 助手风格设计，支持流式输出、Markdown 渲染、欢迎推荐、深度思考状态展示。

商标说明：本插件为第三方开源组件，与 DeepSeek 官方无关联。DeepSeek 为杭州深度求索人工智能基础技术研究有限公司注册商标，使用前请遵守其服务条款。

功能特性

流式 SSE 对话（微信小程序 enableChunked）
豆包风格 UI：渐变欢迎卡、推荐胶囊、用户/AI 气泡
「深度思考」状态：思考中 / 已思考（用时 X 秒）
AI 回复 Markdown 渲染（依赖 zero-markdown-view）
长按消息复制到剪贴板
「换一换」热门推荐（DeepSeek API 生成，失败自动切换静态备选）
键盘弹起时底部输入栏自适应
多行输入框自动增高

安装

方式一：DCloud 插件市场

在 uni-app 插件市场搜索 ds-stream-chat-ui 并导入
同时安装依赖插件 zero-markdown-view
按下方「快速使用」接入

方式二：手动复制

将 uni_modules/ds-stream-chat-ui 文件夹复制到项目的 uni_modules/ 目录，并确保已安装 zero-markdown-view。

依赖

插件	说明	是否必须
`zero-markdown-view`	Markdown 渲染	是

快速使用

1. 在页面中引入组件

组件遵循 easycom 规范，导入插件后可直接使用 <ds-chat>，无需手动 import。

<template>
  <view class="page">
    <ds-chat :api-key="apiKey" title="DeepSeek" />
  </view>
</template>

<script>
export default {
  data() {
    return {
      // 从 DeepSeek 开放平台获取：https://platform.deepseek.com
      apiKey: 'sk-xxxxxxxx'
    }
  }
}
</script>

<style>
page {
  height: 100%;
  overflow: hidden;
  background: #fff;
}
.page {
  height: 100vh;
}
</style>

2. 配置 API Key（推荐方式）

切勿将 API Key 硬编码提交到公开仓库。 建议：

开发环境：直接在页面 data 中配置 apiKey（参考 pages/index/index.vue）
生产环境：通过你自己的后端代理转发请求，或由服务端下发临时 Token

3. 微信小程序域名配置

在微信公众平台 → 开发管理 → 开发设置 → 服务器域名，添加：

request 合法域名：https://api.deepseek.com

4. 演示页（可选）

如需查看插件自带演示，在 pages.json 中注册：

{
  "path": "uni_modules/ds-stream-chat-ui/pages/demo/index",
  "style": {
    "navigationBarTitleText": "DeepSeek 演示"
  }
}

Props 参数

参数	类型	默认值	说明
`apiKey`	String	`''`	DeepSeek API Key（必填）
`title`	String	`'DeepSeek'`	导航栏标题
`welcomeTitle`	String	`'Hi，你好呀~'`	欢迎区标题
`welcomeDesc`	String	见组件默认值	欢迎区描述
`avatar`	String	`''`	欢迎区头像，空则使用内置 `deepseek.png`
`showWelcome`	Boolean	`true`	是否显示欢迎卡片
`enableHotTopics`	Boolean	`true`	是否启用「换一换」热门推荐
`model`	String	`'deepseek-chat'`	DeepSeek 模型名称
`inputPlaceholder`	String	`'输入想问的问题'`	输入框占位符
`thinkingPlaceholder`	String	`'思考中，请稍等'`	思考中占位符
`apiBaseUrl`	String	DeepSeek 官方地址	API 地址（代理场景可修改）

事件

事件名	参数	说明
`send`	`{ content }`	用户发送消息时触发
`receive`	`{ content, delta }`	收到流式回复时触发

自定义头像

将头像图片放到插件目录 uni_modules/ds-stream-chat-ui/static/deepseek.png（已内置默认头像），或通过 avatar prop 传入自定义路径。

隐私与合规

本插件不采集任何用户数据
聊天内容通过 uni.request 直接请求 DeepSeek 官方 API（api.deepseek.com），不经过插件作者服务器
使用剪贴板 API 用于「长按复制消息」功能
上架应用请在隐私政策中说明：会向 DeepSeek 传输用户输入的聊天内容
请自行承担 API 调用费用，并遵守 DeepSeek 服务条款

常见问题

Q: 提示「请先配置 DeepSeek API Key」

检查 apiKey prop 是否传入有效 Key（非空、非 sk-xxxxxxxx 占位符）。

Q: 401 / 402 错误

401：Key 无效或过期
402：账户余额不足，前往 https://platform.deepseek.com 充值

Q: 流式输出不生效

确认目标平台为微信小程序，且基础库版本支持 enableChunked（建议 2.20.1+）。

Q: Markdown 不渲染

确认已安装 zero-markdown-view 插件。

更新日志

见 changelog.md

许可证

MIT