@bdky/aaas-pilot-kit-vue3-widget

百度数字员工 AaaS Pilot Kit 的 Vue 3 UI 组件库,开箱即用的数字员工 UI 组件,5 分钟搭建完整交互界面
3,000
Install
npm install @bdky/aaas-pilot-kit-vue3-widget
Latest Version:1.0.15
Vue:3
License:MIT
Last Updated:Jul 21, 2026
Links: npm
Maintainer: zhangwx616

@bdky/aaas-pilot-kit-vue3-widget

百度数字员工 AaaS Pilot Kit 的 Vue 3 UI 组件库,开箱即用的数字员工 UI 组件,5 分钟搭建完整交互界面

Documentation

安装

npm

npm install @bdky/aaas-pilot-kit-vue3-widget

yarn

yarn add @bdky/aaas-pilot-kit-vue3-widget

快速开始

<template>
    <PilotKit :options="options">
        <Layout>
            <ConversationList />
            <Input />
            <ControlPanel />
        </Layout>
    </PilotKit>
</template>

<script setup lang="ts">
import {
    PilotKit,
    Layout,
    ConversationList,
    Input,
    ControlPanel
} from '@bdky/aaas-pilot-kit-vue3-widget';
import '@bdky/aaas-pilot-kit-vue3-widget/styles.css';
import {type IOptions} from '@bdky/aaas-pilot-kit';

const options: IOptions = {
    figureId: '209337',
    ttsPer: 'LITE_audiobook_female_1',
    agentConfig: {
        token: 'xxxx',
        robotId: 'xxxx'
    }
};
</script>

组件列表

组件 说明
PilotKit 主容器组件,包含 Provider 和数字人渲染区域
Layout 布局组件,支持横向/纵向自适应
ConversationList 对话列表组件,自动滚动到底部
Conversation 单条对话组件,支持流式渲染
Input 输入框组件,支持文本输入和语音输入切换
ControlPanel 控制面板,包含静音、挂断等按钮
Subtitle 字幕组件,实时显示 AI 回复
RecommendedQuestions 推荐问题组件
StartupScreen 启动屏幕,用于手动激活
LoadingOverlay 加载遮罩层
StatusOverlay 状态遮罩层
DebugPanel 调试面板(开发环境)

Composables

Composable 说明
usePilotKitContext 获取 PilotKit 上下文
useLayout 获取布局上下文
useStickToBottom 自动滚动到底部
useResponsive 响应式断点 Composable

样式导入

// 方式 1: 直接导入 CSS
import '@bdky/aaas-pilot-kit-vue3-widget/styles.css';

// 方式 2: 导入 CSS 变量(用于自定义主题)
import {styles} from '@bdky/aaas-pilot-kit-vue3-widget';

参考资料

  • 核心库文档:@bdky/aaas-pilot-kit
  • Vue 3 封装库:@bdky/aaas-pilot-kit-vue3

技术支持

如遇问题请联系:zhangwenxi@baidu.com、lifuxin@baidu.com

Related Packages

@bdky/aaas-pilot-kit-vue3

百度数字员工 AaaS Pilot Kit 的 Vue 3 封装,提供 Composables 和依赖注入支持

4,060
@bdky/chat-pilot-kit-vue3

chat-pilot-kit 的 Vue3 封装,提供 Provider、Composables 和 VueNodeViewRenderer

862
el-admin

Admin components using element (https://github.com/ElemeFE/element) tookit

1,401 5
@opentiny/tiny-robot

TinyRobot 是一个 AI 对话组件库,提供了丰富的 AI 交互组件,助力开发者快速构建企业...

32,404 101
@frost1994/agentic-vue

AI 助手 Vue3 组件 + Pinia + SDK 入口

2,995

Version History

Version Released Vue License
1.0.15 >=3.0.0 MIT
1.0.14 >=3.0.0 MIT
1.0.13 >=3.0.0 MIT
1.0.12 >=3.0.0 MIT
1.0.11 >=3.0.0 MIT
Pre-releases (1)
Version Released Vue License
1.0.14-beta.0 >=3.0.0 MIT