g-ai-robot3 0.1.102 → 1.0.1

package/LICENSE

@@ -1,21 +1,21 @@
- MIT License
-
-   Copyright (c) 2024 yuchen
-
-   Permission is hereby granted, free of charge, to any person obtaining a copy
-   of this software and associated documentation files (the "Software"), to deal
-   in the Software without restriction, including without limitation the rights
-   to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-   copies of the Software, and to permit persons to whom the Software is
-   furnished to do so, subject to the following conditions:
-
-   The above copyright notice and this permission notice shall be included in all
-   copies or substantial portions of the Software.
-
-   THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-   IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-   FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-   AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-   LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-   OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ MIT License
+
+   Copyright (c) 2024 yuchen
+
+   Permission is hereby granted, free of charge, to any person obtaining a copy
+   of this software and associated documentation files (the "Software"), to deal
+   in the Software without restriction, including without limitation the rights
+   to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+   copies of the Software, and to permit persons to whom the Software is
+   furnished to do so, subject to the following conditions:
+
+   The above copyright notice and this permission notice shall be included in all
+   copies or substantial portions of the Software.
+
+   THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+   IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+   FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+   AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+   LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+   OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
    SOFTWARE.

package/README.md

@@ -1,242 +1,181 @@
-# g-ai-robot3 数字人组件文档
-
-## 简介
-
-封装了 QA 问答与语音问答能力，基于 Vue 3，可在业务中快速集成数字人对话体验。
-
-## 特性
-
-- 支持文本问答与语音实时交互
-- 可配置对话框主题、气泡、数字人画布与样式
-- 内置工作流关键词触发
-- 统一 API 前缀便于本地代理
-
-## 安装
-
-```bash
-npm install g-ai-robot3 --save
-```
-
-## 快速开始
-
-在页面中使用组件（最小必填配置）：
-
-```vue
-<script setup lang="ts">
-import GAiRobot3 from "g-ai-robot3";
-import "g-ai-robot3/dist/index.css";
-</script>
-<template>
-  <GAiRobot3
-    :cozeInfo="{ bot_id: '7429224296222097443' }"
-    :apiPrefix="'/api21216'"
-  >
-  </GAiRobot3>
-</template>
-```
-
-## 高级示例：工作流与业务联动（富阳智能体使用示例）
-
-```vue
-<script setup lang="ts">
-import GAiRobot3 from "g-ai-robot3";
-import "g-ai-robot3/dist/index.css";
-import { ref, computed } from "vue";
-
-const props = withDefaults(defineProps<{ eventFun: any[] }>(), {
-  eventFun: () => [],
-});
-const gAiRobot3Ref = ref<InstanceType<typeof GAiRobot3>>();
-
-const aiEventFun = computed(() => {
-  return Object.assign(
-    [
-      // 自定义工作流事件，场景1
-      {
-        keywords: ["scene1_fuyangWeather"], // keywords的值是所配置的工作流名称
-        trigger: "before", // 固定值
-        fun: (params: any) => {
-          console.log("AI->富阳天气及山洪风险情况", params); // params是工作流的输出
-          // 在此触发你的业务逻辑，如切场景、更新看板等
-        },
-      },
-      // 自定义工作流事件，场景2
-      {
-        keywords: ["scene2"],
-        trigger: "before",
-        fun: () => {
-          // 触发文档弹窗或其它路由跳转
-        },
-      },
-    ],
-    props.eventFun
-  );
-});
-</script>
-
-<template>
-  <GAiRobot3
-    ref="gAiRobot3Ref"
-    :isDebug="true"
-    :cozeInfo="{ bot_id: '7429224296222097443' }"
-    :apiPrefix="'/api21216'"
-    :eventFun="aiEventFun"
-    :canvasWidth="180"
-    :canvasHeight="180"
-    :videoStyle="{ width: '180px', visibility: 'hidden' }"
-    :digitalStyle="{ width: '180px', height: '180px' }"
-    :canvasStyle="{ width: '180px', height: '180px' }"
-  >
-  </GAiRobot3>
-  <!-- :isDebug 是否开启调试模式（打印语音输出、工作流返回值），默认值为false -->
-  <!-- :cozeInfo 智能体id，必填 -->
-  <!-- :apiPrefix API基础路径，可通过本地代理或环境变量覆盖，默认值为/api21216 -->
-  <!-- :canvasWidth 画布宽度，默认值为180 -->
-  <!-- :canvasHeight 画布高度，默认值为180 -->
-  <!-- :videoStyle 视频样式，默认值为{ width: '180px', visibility: 'hidden' } -->
-  <!-- :digitalStyle 数字人样式，默认值为{ width: '180px', height: '180px' } -->
-  <!-- :canvasStyle 画布样式，默认值为{ width: '180px', height: '180px' } -->
-</template>
-```
-
-## 前端代理与跨域示例（Vite）
-
-```ts
-// vite.config.ts
-export default defineConfig({
-  server: {
-    proxy: {
-      "/api21216": {
-        target: "http://your-backend-host", // 默认https://model.keepsoft.net:39002
-        changeOrigin: true,
-        rewrite: (path) => path.replace(/^\/api21216/, ""),
-      },
-    },
-  },
-});
-```
-
-## 必填参数（Required）
-
-| 参数        | 说明         | 类型   | 默认值              | 注意事项                                |
-| ----------- | ------------ | ------ | ------------------- | --------------------------------------- |
-| `cozeInfo`  | 智能体配置   | object | `{ bot_id: '...' }` | `bot_id`必须替换为实际的智能体 id       |
-| `apiPrefix` | API 基础路径 | string | `-`                 | 必须配置为你的代理前缀（如`/api21216`） |
-| `apiPrefix` | API 基础路径 | string | `'/api21216'`       | 可通过本地代理或环境变量覆盖            |
-
-说明：其他参数均有默认值，按需覆盖即可（建议保持数字人宽高与样式一致以避免拉伸）。
-| `canvasHeight` | 画布高度 | number | `180` | 必须与 `videoStyle`、`digitalStyle.height` 一致 |
-| `videoStyle` | 视频样式 | CSSProperties | `{ width: '180px', visibility: 'hidden' }` | `width` 与 `canvasWidth` 一致 |
-| `digitalStyle` | 数字人样式 | CSSProperties | `{ width: '180px', height: '180px' }` | 与 `canvasWidth`/`canvasHeight` 保持一致 |
-| `canvasStyle` | 画布样式 | CSSProperties | `{ width: '180px', height: '180px' }` | 与 `canvasWidth`/`canvasHeight` 保持一致 |
-
-## 基础配置
-
-| 参数               | 说明                                 | 类型    | 默认值                                 |
-| ------------------ | ------------------------------------ | ------- | -------------------------------------- |
-| `isDebug`          | 是否开启调试模式（打印语音输出）     | boolean | `false`                                |
-| `dialogBoxTheme`   | 对话框主题                           | string  | `'light'`                              |
-| `suspensionStyle`  | 对话框高度                           | string  | `'33vh'`                               |
-| `showMsgBubble`    | 是否显示消息气泡                     | boolean | `true`                                 |
-| `isExhibitionPro`  | 是否为数字展厅项目                   | boolean | `false`                                |
-| `isShowDialogIcon` | 是否显示对话框图标                   | boolean | `false`                                |
-| `stream`           | 是否启用流式传输（已废弃）           | string  | `'True'`                               |
-| `title`            | 对话框标题                           | string  | `'GR水利大模型'`                       |
-| `greet`            | 欢迎语（文本对话框）                 | string  | `'您好,我是GR水利大模型智能小助手...'` |
-| `welcomeMessage`   | 欢迎消息（气泡对话框）               | string  | `'您好,我是GR水利大模型智能小助手...'` |
-| `waitTxt`          | 等待提示文本                         | string  | `'贵仁科技AI正在生成回答'`             |
-| `systemName`       | 系统标识                             | string  | `'g-ai-robot3'`                        |
-| `placementBottom`  | 对话框底部距离                       | number  | `100`                                  |
-| `placementLeft`    | 对话框左侧距离                       | number  | `450`                                  |
-| `useAudio`         | 是否启用音频功能                     | boolean | `true`                                 |
-| `space`            | 监听间隔（ms）已废弃                 | number  | `3000`                                 |
-| `mode`             | 交互模式（默认 `video`，其他已废弃） | string  | `'video'`                              |
-| `modelType`        | 模型类型（'local' 或 'online'）      | string  | `'online'`                             |
-| `showModelTypeToggle` | 显示模型类型切换开关               | boolean | `false`                                |
-
-
-## API 配置
-
-| 参数                    | 说明                          | 类型   | 默认值                                     |
-| ----------------------- | ----------------------------- | ------ | ------------------------------------------ |
-| `apiPrefix`             | API 基础路径（可自定义跨域）  | string | `'/api21216'`                              |
-| `createConversationUrl` | 创建会话接口                  | string | `${apiPrefix}/chatGlm/createConversation`  |
-| `wakeupAudio`           | 音频打标接口                  | string | `${apiPrefix}/asr/saveWakeUpAudio`         |
-| `interrupt`             | 中断请求接口                  | string | `${apiPrefix}/chatGlm/cancelChat`          |
-| `qaServer`              | 问答服务接口                  | string | `${apiPrefix}/chatGlm/searchTextNew`       |
-| `audioWs`               | 语音 WebSocket 服务           | string | `wss://model.keepsoft.net:39002/funasrWs`  |
-| `voiceprintWs`          | 声纹识别 WebSocket 服务       | string | `wss://model.keepsoft.net:39002/speakerWs` |
-| `instructWs`            | 指令 WebSocket 服务（已废弃） | string | `wss://model.keepsoft.net:39002/commandWs` |
-
-## 数字人配置
-
-| 参数                  | 说明           | 类型          | 默认值                                     |
-| --------------------- | -------------- | ------------- | ------------------------------------------ |
-| `videoStyle`          | 视频样式       | CSSProperties | `{ width: '180px', visibility: 'hidden' }` |
-| `digitalStyle`        | 数字人样式     | CSSProperties | `{ width: '180px', height: '180px' }`      |
-| `bubbleStyle`         | 气泡样式       | CSSProperties | `{ width: '30%', height: '30%' }`          |
-| `canvasWidth`         | 画布宽度       | number        | `180`                                      |
-| `canvasHeight`        | 画布高度       | number        | `180`                                      |
-| `canvasCartoonWidth`  | 卡通形象宽度   | number        | `200`                                      |
-| `canvasCartoonHeight` | 卡通形象高度   | number        | `320`                                      |
-| `offer`               | 数字人形象接口 | string        | `${apiPrefix}/metahuman/offer`             |
-| `humanaudio`          | 数字人音频接口 | string        | `${apiPrefix}/metahuman/humanaudio`        |
-| `stop_audio`          | 停止音频接口   | string        | `${apiPrefix}/metahuman/stop_audio`        |
-| `textDriven`          | 文本驱动接口   | string        | `${apiPrefix}/intelligentVoice/tts`        |
-
-## 消息气泡配置
-
-| 参数              | 说明                 | 类型          | 默认值                              |
-| ----------------- | -------------------- | ------------- | ----------------------------------- |
-| `showMsgNumber`   | 显示消息数量         | number        | `5`                                 |
-| `bubbleTheme`     | 气泡主题             | string        | `'dark'`                            |
-| `useCustomDialog` | 是否使用自定义对话框 | boolean       | `false`                             |
-| `BubbleWidth`     | 气泡容器样式         | CSSProperties | `{ width: '220px', bottom: '85%' }` |
-| `BubbleWidth`     | 气泡宽度             | number        | `220`                               |
-| `BubbleBottom`    | 气泡底部距离         | number        | `85`                                |
-
-- 组件会将后端返回的关联问题（如 `questions` 列表）整合为可点击项，点击后自动填充并发送。
-
-用途：引导用户进行更深入或相关的追问，提升对话效率。
-
-## 关键词触发事件（工作流）
-
-```ts
-eventFun: [
-  {
-    keywords: ["打开灌区"], // 触发关键词，关键词为工作流名称
-    trigger: "after", // 触发时机，after 表示在 AI 回答后触发
-    fun: (a: any) => {
-      console.log("打开灌区"，a); // a为工作流设置的返回内容
-    },
-  },
-  {
-    keywords: ["打开技术舱"],
-    trigger: "after",
-    fun: (a: any) => {
-      console.log("打开技术舱"，a);
-    },
-  },
-];
-```
-
-## 常见问题
-
-- 画布或视频尺寸不一致：请确保 `canvasWidth/canvasHeight` 与 `videoStyle/digitalStyle/canvasStyle` 一致。
-- 音频或 WS 连接失败：检查 `audioWs/voiceprintWs` 地址可达性。
-
-## 语音唤醒词与结束/暂停
-
-- 支持的唤醒词（对应五位数字人）：
-  - 小贵小贵
-  - 小慧小慧
-  - 小智小智
-  - 小 G 同学
-  - 小 R 同学
-- 使用方式：在空闲状态直接说出唤醒词，系统会回复“我在，请问有什么可以帮您。”并进入对话。
-- 结束词：再见、拜拜、小贵拜拜、小贵再见（任意其一即可识别，结束对话，需重新唤醒）
-- 暂停词：暂停、停止、小贵暂停、小贵停止（任意其一即可识别，暂停说话，继续监听，无需重新唤醒）
-
-## 许可证
-
-本项目遵循仓库中的 `LICENSE` 许可。
+# g-ai-robot3
+
+内部数字人对话组件，基于 Vue 3，封装了文本问答、语音交互、数字人视频播放和工作流回调能力。
+
+## 包说明
+
+- 这是内部业务 npm 包，默认会随包发布内部接口地址、默认 `bot_id`、默认代理前缀和默认 WS 地址。
+- 这些默认值已经集中到 [`packages/internal-defaults.ts`](E:/g-ai-robot3/packages/internal-defaults.ts) 统一管理。
+- 组件仍然保留原有覆盖能力。业务方可以通过 props 覆盖 `apiPrefix`、REST 地址、WS 地址和数字人接口地址。
+
+## 安装
+
+```bash
+npm install g-ai-robot3
+```
+
+本包要求宿主项目使用 Vue 3。
+
+## 快速开始
+
+```vue
+<script setup lang="ts">
+import GAiRobot3 from "g-ai-robot3";
+import "g-ai-robot3/style.css";
+</script>
+
+<template>
+  <GAiRobot3
+    :cozeInfo="{ bot_id: '7429224296222097443' }"
+    apiPrefix="/api21216"
+  />
+</template>
+```
+
+## 仓库内示例
+
+- 当前仓库直接使用 [`examples/App.vue`](E:/g-ai-robot3/examples/App.vue) 作为示例页面。
+- 页面入口在 [`index.html`](E:/g-ai-robot3/index.html) 和 [`examples/main.ts`](E:/g-ai-robot3/examples/main.ts)。
+- 本地联调时在仓库根目录运行 `npm run dev` 即可。
+
+## Vite 代理示例
+
+```ts
+import { defineConfig } from "vite";
+import vue from "@vitejs/plugin-vue";
+
+export default defineConfig({
+  plugins: [vue()],
+  server: {
+    proxy: {
+      "/api21216": {
+        target: "https://model.keepsoft.net:39002",
+        changeOrigin: true,
+        secure: false,
+        rewrite: (path) => path.replace(/^\/api21216/, ""),
+      },
+    },
+  },
+});
+```
+
+## 默认内部配置
+
+以下默认值会随 npm 包一起发布，且都可以通过 props 覆盖：
+
+| 项目 | 默认值 |
+| --- | --- |
+| `apiPrefix` | `"/api21216"` |
+| `cozeInfo.bot_id` | `"7473691358872584226"` |
+| `createConversationUrl` | `${apiPrefix}/chatGlm/createConversation` |
+| `qaServer` | `${apiPrefix}/chatGlm/searchTextNew` |
+| `interrupt` | `${apiPrefix}/chatGlm/cancelChat` |
+| `wakeupAudio` | `${apiPrefix}/asr/saveWakeUpAudio` |
+| `offer` | `${apiPrefix}/metahuman/offer` |
+| `humanaudio` | `${apiPrefix}/metahuman/humanaudio` |
+| `stop_audio` | `${apiPrefix}/metahuman/stop_audio` |
+| `textDriven` | `${apiPrefix}/intelligentVoice/tts` |
+| `audioWs` | `wss://model.keepsoft.net:39002/funasrWs` |
+| `voiceprintWs` | `wss://model.keepsoft.net:39002/speakerWs` |
+| `instructWs` | `wss://model.keepsoft.net:39002/commandWs` |
+
+## 常用 Props
+
+### 核心配置
+
+| 参数 | 类型 | 默认值 | 说明 |
+| --- | --- | --- | --- |
+| `cozeInfo` | `{ bot_id: string }` | 内置默认值 | 智能体配置，建议显式传入 |
+| `apiPrefix` | `string` | `"/api21216"` | API 基础前缀 |
+| `modelType` | `"local" \| "online"` | `"online"` | 模型类型 |
+| `showModelTypeToggle` | `boolean` | `false` | 是否显示本地/联网切换 |
+| `isDebug` | `boolean` | `false` | 是否打印调试信息 |
+| `mode` | `"audio" \| "text" \| "video"` | `"video"` | 交互模式 |
+
+### 对话框与数字人
+
+| 参数 | 类型 | 默认值 | 说明 |
+| --- | --- | --- | --- |
+| `placementBottom` | `number` | `100` | 对话框底部偏移 |
+| `placementLeft` | `number` | `450` | 对话框左侧偏移 |
+| `canvasWidth` | `number` | `180` | 画布宽度 |
+| `canvasHeight` | `number` | `180` | 画布高度 |
+| `videoStyle` | `CSSProperties` | `{ width: "180px", opacity: "0", pointerEvents: "none" }` | 视频样式 |
+| `digitalStyle` | `CSSProperties` | `{ width: "180px", height: "180px" }` | 数字人样式 |
+| `canvasStyle` | `CSSProperties` | `{ width: "180px", height: "180px" }` | Canvas 样式 |
+| `bubbleStyle` | `CSSProperties` | `{ width: "30%", height: "30%" }` | 状态图标样式 |
+
+### 气泡与展示型对话
+
+| 参数 | 类型 | 默认值 | 说明 |
+| --- | --- | --- | --- |
+| `showMsgBubble` | `boolean` | `true` | 是否显示悬浮气泡 |
+| `showMsgNumber` | `number` | `5` | 悬浮气泡展示条数 |
+| `bubbleTheme` | `"dark" \| "light" \| "custom"` | `"dark"` | 气泡主题 |
+| `useCustomDialog` | `boolean` | `false` | 是否使用自定义气泡样式 |
+| `BubbleWidth` | `CSSProperties` | `{ width: "220px", bottom: "85%" }` | 气泡容器样式 |
+| `BubbleBottom` | `number` | 无 | 额外气泡底部偏移 |
+| `suspensionStyle` | `CSSProperties` | `{ maxHeight: "33vh" }` | 悬浮区容器样式 |
+| `initialQuestion` | `string` | 无 | 外部传入的首条问题，仅展示不请求接口 |
+| `streamChunks` | `StreamChunk[]` | `[]` | 外部传入的单条流式消息块 |
+| `conversations` | `ConversationInput[]` | `[]` | 外部传入的多轮对话展示数据 |
+
+### 接口覆盖
+
+| 参数 | 类型 | 默认值说明 |
+| --- | --- | --- |
+| `createConversationUrl` | `string` | 默认由 `apiPrefix` 拼接 |
+| `qaServer` | `string` | 默认由 `apiPrefix` 拼接 |
+| `interrupt` | `string` | 默认由 `apiPrefix` 拼接 |
+| `wakeupAudio` | `string` | 默认由 `apiPrefix` 拼接 |
+| `audioWs` | `string` | 默认内部 WS |
+| `voiceprintWs` | `string` | 默认内部 WS |
+| `offer` | `string` | 默认由 `apiPrefix` 拼接 |
+| `human` | `string` | 默认由 `apiPrefix` 拼接 |
+| `humanaudio` | `string` | 默认由 `apiPrefix` 拼接 |
+| `stop_audio` | `string` | 默认由 `apiPrefix` 拼接 |
+| `textDriven` | `string` | 默认由 `apiPrefix` 拼接 |
+
+## 类型导出
+
+本包会导出常用类型，内部项目可以直接引用：
+
+```ts
+import type {
+  ConversationInput,
+  IndexProps,
+  StreamChunk,
+} from "g-ai-robot3";
+```
+
+## 工作流事件示例
+
+```ts
+const eventFun = [
+  {
+    keywords: ["scene1_fuyangWeather"],
+    trigger: "before",
+    fun: (params: Record<string, any>) => {
+      console.log("scene1_fuyangWeather", params);
+    },
+  },
+  {
+    keywords: ["scene2"],
+    trigger: "after",
+    fun: (params: Record<string, any>) => {
+      console.log("scene2", params);
+    },
+  },
+];
+```
+
+## 注意事项
+
+- 这是浏览器组件，不适用于 SSR 直接渲染。
+- 如果需要覆盖默认内部地址，优先通过 props 覆盖，不要直接改 `dist` 产物。
+- `stream`、`space`、`instructWs` 等旧字段仍保留兼容，但不建议新增使用。
+- 视频和动图资源体积较大，当前库产物会偏重，内部接入时建议通过缓存策略降低重复下载成本。
+
+## 许可证
+
+本项目遵循仓库内的 `LICENSE`。

package/dist/components/QaDialog.vue.d.ts

@@ -0,0 +1,131 @@
+import type { CSSProperties } from 'vue';
+import type { ConversationItem } from '../composables/useQADialog';
+import type { Theme } from '../type';
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    title?: string | undefined;
+    useAudio?: boolean | undefined;
+    dialogBoxTheme?: Theme | undefined;
+    placementLeft?: number | undefined;
+    placementBottom?: number | undefined;
+    dialogCss?: CSSProperties | undefined;
+    isGettingAnswer?: boolean | undefined;
+    isLocal?: boolean | undefined;
+    conversationList?: ConversationItem[] | undefined;
+    followUpQuestions?: string[] | undefined;
+    promptItems?: any[] | undefined;
+    input?: string | undefined;
+    inputRecognitionType?: string | undefined;
+    audioSoundState?: boolean | undefined;
+    audioSoundType?: string | undefined;
+}>, {
+    title: string;
+    useAudio: boolean;
+    dialogBoxTheme: string;
+    placementLeft: number;
+    placementBottom: number;
+    dialogCss: undefined;
+    isGettingAnswer: boolean;
+    isLocal: boolean;
+    conversationList: () => never[];
+    followUpQuestions: () => never[];
+    promptItems: () => never[];
+    input: string;
+    inputRecognitionType: string;
+    audioSoundState: boolean;
+    audioSoundType: string;
+}>>, {
+    scrollContainerRef: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
+    waveElRef: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: () => void;
+    clear: () => void;
+    send: () => void;
+    "stop-response": () => void;
+    "reset-qa": () => void;
+    "update:input": (value: string) => void;
+    "play-audio": (url: string, type: string) => void;
+    "start-recognition": () => void;
+    "stop-recognition": () => void;
+    "input-change": () => void;
+    "prompt-click": (info: any) => void;
+    "drag-position": (css: CSSProperties) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    title?: string | undefined;
+    useAudio?: boolean | undefined;
+    dialogBoxTheme?: Theme | undefined;
+    placementLeft?: number | undefined;
+    placementBottom?: number | undefined;
+    dialogCss?: CSSProperties | undefined;
+    isGettingAnswer?: boolean | undefined;
+    isLocal?: boolean | undefined;
+    conversationList?: ConversationItem[] | undefined;
+    followUpQuestions?: string[] | undefined;
+    promptItems?: any[] | undefined;
+    input?: string | undefined;
+    inputRecognitionType?: string | undefined;
+    audioSoundState?: boolean | undefined;
+    audioSoundType?: string | undefined;
+}>, {
+    title: string;
+    useAudio: boolean;
+    dialogBoxTheme: string;
+    placementLeft: number;
+    placementBottom: number;
+    dialogCss: undefined;
+    isGettingAnswer: boolean;
+    isLocal: boolean;
+    conversationList: () => never[];
+    followUpQuestions: () => never[];
+    promptItems: () => never[];
+    input: string;
+    inputRecognitionType: string;
+    audioSoundState: boolean;
+    audioSoundType: string;
+}>>> & Readonly<{
+    onClose?: (() => any) | undefined;
+    onClear?: (() => any) | undefined;
+    onSend?: (() => any) | undefined;
+    "onStop-response"?: (() => any) | undefined;
+    "onReset-qa"?: (() => any) | undefined;
+    "onUpdate:input"?: ((value: string) => any) | undefined;
+    "onPlay-audio"?: ((url: string, type: string) => any) | undefined;
+    "onStart-recognition"?: (() => any) | undefined;
+    "onStop-recognition"?: (() => any) | undefined;
+    "onInput-change"?: (() => any) | undefined;
+    "onPrompt-click"?: ((info: any) => any) | undefined;
+    "onDrag-position"?: ((css: CSSProperties) => any) | undefined;
+}>, {
+    input: string;
+    dialogBoxTheme: Theme;
+    title: string;
+    placementBottom: number;
+    placementLeft: number;
+    useAudio: boolean;
+    dialogCss: CSSProperties;
+    isGettingAnswer: boolean;
+    isLocal: boolean;
+    conversationList: ConversationItem[];
+    followUpQuestions: string[];
+    promptItems: any[];
+    inputRecognitionType: string;
+    audioSoundState: boolean;
+    audioSoundType: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};