langgraph-vue3-chatbot 0.1.29 → 0.1.33
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +41 -6
- package/dist-lib/components/ai-bot/AskAiBot.vue.d.ts.map +1 -1
- package/dist-lib/components/ai-bot/ChatBot.vue.d.ts.map +1 -1
- package/dist-lib/components/ai-bot/ChatInput.vue.d.ts.map +1 -1
- package/dist-lib/components/ai-bot/chatbot.css +1 -1
- package/dist-lib/components/ai-bot/index.d.ts +2 -2
- package/dist-lib/components/ai-bot/index.d.ts.map +1 -1
- package/dist-lib/components/ai-bot/lib/input-types.d.ts +16 -8
- package/dist-lib/components/ai-bot/lib/input-types.d.ts.map +1 -1
- package/dist-lib/index.js +977 -968
- package/dist-lib/index.js.map +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -190,10 +190,12 @@ const suggestions = [
|
|
|
190
190
|
|
|
191
191
|
## 组件实例 API
|
|
192
192
|
|
|
193
|
-
`ChatBot` 和 `AskAiBot` 都支持通过 `ref`
|
|
193
|
+
`ChatBot` 和 `AskAiBot` 都支持通过 `ref` 调用少量公开实例方法。
|
|
194
|
+
|
|
195
|
+
公共能力：
|
|
194
196
|
|
|
195
197
|
- `setTextInput(text: string)`：设置输入框文本
|
|
196
|
-
- `addAttachments(attachments: PromptInputAttachment[])
|
|
198
|
+
- `addAttachments(attachments: PromptInputAttachment[])`：添加附件，支持 `file`、`data + mediaType`、`file_url` 三种模式
|
|
197
199
|
- `sendMessage()`：触发现有发送流程
|
|
198
200
|
|
|
199
201
|
其中：
|
|
@@ -201,8 +203,19 @@ const suggestions = [
|
|
|
201
203
|
- `ChatBot` 会直接调用内部输入区现有逻辑
|
|
202
204
|
- `AskAiBot` 在折叠状态下调用 `sendMessage()` 时，会先自动展开再发送
|
|
203
205
|
|
|
206
|
+
`AskAiBot` 额外支持：
|
|
207
|
+
|
|
208
|
+
- `open()`：打开悬浮聊天窗
|
|
209
|
+
- `close()`：关闭悬浮聊天窗；如果当前处于最大化状态，会一并退出最大化
|
|
210
|
+
|
|
204
211
|
### `ChatBot` 示例
|
|
205
212
|
|
|
213
|
+
`PromptInputAttachment` 推荐按以下三种模式传入：
|
|
214
|
+
|
|
215
|
+
- `file`：传浏览器原生 `File`
|
|
216
|
+
- `image` / `file` + `data`：传纯 base64 内容，`data` 不要带 `data:image/png;base64,` 前缀
|
|
217
|
+
- `file_url`：传远程文件地址
|
|
218
|
+
|
|
206
219
|
```vue
|
|
207
220
|
<script setup lang="ts">
|
|
208
221
|
import { ref } from 'vue'
|
|
@@ -211,7 +224,7 @@ import { ChatBot, type AiBotPublicApi, type PromptInputAttachment } from 'langgr
|
|
|
211
224
|
const chatBotRef = ref<AiBotPublicApi | null>(null)
|
|
212
225
|
|
|
213
226
|
function askWithAttachment() {
|
|
214
|
-
chatBotRef.value?.setTextInput('
|
|
227
|
+
chatBotRef.value?.setTextInput('请帮我分析这些附件')
|
|
215
228
|
|
|
216
229
|
const attachments: PromptInputAttachment[] = [
|
|
217
230
|
{
|
|
@@ -219,6 +232,12 @@ function askWithAttachment() {
|
|
|
219
232
|
url: 'https://example.com/report.pdf',
|
|
220
233
|
filename: 'report.pdf',
|
|
221
234
|
mediaType: 'application/pdf'
|
|
235
|
+
},
|
|
236
|
+
{
|
|
237
|
+
type: 'image',
|
|
238
|
+
filename: 'architecture.png',
|
|
239
|
+
mediaType: 'image/png',
|
|
240
|
+
data: 'iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQIHWP4////fwAJ+wP9KobjigAAAABJRU5ErkJggg=='
|
|
222
241
|
}
|
|
223
242
|
]
|
|
224
243
|
|
|
@@ -252,6 +271,14 @@ import { AskAiBot, type AskAiBotPublicApi } from 'langgraph-vue3-chatbot'
|
|
|
252
271
|
|
|
253
272
|
const askAiBotRef = ref<AskAiBotPublicApi | null>(null)
|
|
254
273
|
|
|
274
|
+
function openBot() {
|
|
275
|
+
askAiBotRef.value?.open()
|
|
276
|
+
}
|
|
277
|
+
|
|
278
|
+
function closeBot() {
|
|
279
|
+
askAiBotRef.value?.close()
|
|
280
|
+
}
|
|
281
|
+
|
|
255
282
|
function quickAsk() {
|
|
256
283
|
askAiBotRef.value?.setTextInput('帮我总结今天的待办')
|
|
257
284
|
askAiBotRef.value?.sendMessage()
|
|
@@ -259,9 +286,17 @@ function quickAsk() {
|
|
|
259
286
|
</script>
|
|
260
287
|
|
|
261
288
|
<template>
|
|
262
|
-
<
|
|
263
|
-
|
|
264
|
-
|
|
289
|
+
<div style="display: flex; gap: 8px;">
|
|
290
|
+
<button @click="openBot">
|
|
291
|
+
打开助手
|
|
292
|
+
</button>
|
|
293
|
+
<button @click="closeBot">
|
|
294
|
+
关闭助手
|
|
295
|
+
</button>
|
|
296
|
+
<button @click="quickAsk">
|
|
297
|
+
唤起并发送
|
|
298
|
+
</button>
|
|
299
|
+
</div>
|
|
265
300
|
|
|
266
301
|
<AskAiBot
|
|
267
302
|
ref="askAiBotRef"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AskAiBot.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ai-bot/AskAiBot.vue"],"names":[],"mappings":"AA0OA,OAAO,KAAK,EAAqC,0BAA0B,EAAE,MAAM,mBAAmB,CAAA;AACtG,OAAO,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AAClE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAM7C,UAAU,KAAK;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,WAAW,CAAC,EAAE,MAAM,EAAE,CAAA;IACtB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAC3B;AAkBD,KAAK,WAAW,GAAG;IACjB,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,WAAW,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,QAAQ,EAAE,KAAK,IAAI,CAAA;KAAE,KAAK,GAAG,CAAA;IACtF,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,aAAa,EAAE,aAAa,CAAC;QAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAA;KAAE,KAAK,GAAG,CAAA;IAClF,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE,0BAA0B,KAAK,GAAG,CAAA;CAClE,CAAC;AAmQF,QAAA,MAAM,eAAe;;;;;yBAhTrB,
|
|
1
|
+
{"version":3,"file":"AskAiBot.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ai-bot/AskAiBot.vue"],"names":[],"mappings":"AA0OA,OAAO,KAAK,EAAqC,0BAA0B,EAAE,MAAM,mBAAmB,CAAA;AACtG,OAAO,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AAClE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAM7C,UAAU,KAAK;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,WAAW,CAAC,EAAE,MAAM,EAAE,CAAA;IACtB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAC3B;AAkBD,KAAK,WAAW,GAAG;IACjB,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,WAAW,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,QAAQ,EAAE,KAAK,IAAI,CAAA;KAAE,KAAK,GAAG,CAAA;IACtF,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,aAAa,EAAE,aAAa,CAAC;QAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAA;KAAE,KAAK,GAAG,CAAA;IAClF,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE,0BAA0B,KAAK,GAAG,CAAA;CAClE,CAAC;AAmQF,QAAA,MAAM,eAAe;;;;;yBAhTrB,CAxLmB;;YA4MR,MAAM,GAAG,MAAM;WADhB,MAAM,GAAG,MAAM;WAEf,UAAU;iBALJ,MAAM,EAAE;sBAMH,OAAO;YALjB,MAAM;iBAPD,MAAM;mBACJ,MAAM;kBAEP,MAAM;YAEZ,MAAM;YAGN,MAAM;qBANG,OAAO;4EA4SzB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAa1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChatBot.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ai-bot/ChatBot.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ChatBot.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ai-bot/ChatBot.vue"],"names":[],"mappings":"AAm6BA,OAAO,KAAK,EAAiC,0BAA0B,EAAsB,MAAM,mBAAmB,CAAA;AACtH,OAAO,KAAK,EAA2B,QAAQ,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AAC3F,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAgB7C,UAAU,KAAK;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,WAAW,CAAC,EAAE,MAAM,EAAE,CAAA;IACtB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAC3B;AAgBD,KAAK,WAAW,GAAG;IACjB,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,WAAW,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,QAAQ,EAAE,KAAK,IAAI,CAAA;KAAE,KAAK,GAAG,CAAA;IACtF,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,aAAa,EAAE,aAAa,CAAC;QAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAA;KAAE,KAAK,GAAG,CAAA;IAClF,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE,0BAA0B,KAAK,GAAG,CAAA;CAClE,CAAC;AAq+BF,QAAA,MAAM,eAAe;;;yBAxhCrB,CA13BE;;;;;;;;uBAm5BoB,OAAO;WAInB,UAAU;iBAHJ,MAAM,EAAE;sBAIH,OAAO;YAHjB,MAAM;iBAPD,MAAM;mBACJ,MAAM;kBACP,MAAM;YAEZ,MAAM;YAIN,MAAM;4EAqgCf,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAa1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChatInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ai-bot/ChatInput.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ChatInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ai-bot/ChatInput.vue"],"names":[],"mappings":"AA2kBA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAA;AAGrD,OAAO,KAAK,EAAiB,cAAc,EAAE,0BAA0B,EAAE,qBAAqB,EAAsB,MAAM,mBAAmB,CAAA;AAC7I,OAAO,EAA0B,KAAK,SAAS,EAAE,MAAM,cAAc,CAAA;AAQrE,UAAU,KAAK;IACb,MAAM,EAAE,UAAU,CAAA;IAClB,YAAY,EAAE,SAAS,GAAG,IAAI,CAAA;IAC9B,MAAM,EAAE,SAAS,EAAE,CAAA;IACnB,WAAW,EAAE,MAAM,EAAE,CAAA;IACrB,YAAY,EAAE,OAAO,CAAA;IACrB,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAC3B;AAED,KAAK,WAAW,GAAG,KAAK,CAAC;AAgBzB,KAAK,WAAW,GAAG;IACjB,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE,0BAA0B,KAAK,GAAG,CAAA;CAClE,CAAC;AAmWF,KAAK,iBAAiB,GAAG,WAAW,GAAG;IACvC,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC7B,CAAC;AAydF,QAAA,MAAM,eAAe;;;yBAt2BrB,CA1iByC;;;;cAskBb,MAAM;eAAS,cAAc,EAAE;;;;;;;;;cAA/B,MAAM;eAAS,cAAc,EAAE;;;;;;;sBATtC,OAAO;6EA41B1B,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAa1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
|