@ai-group/chat-sdk 3.0.1-alpha.2 → 3.0.1-alpha.3
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/dist/cjs/components/XAdkChatbot/index.js +1 -1
- package/dist/cjs/components/XAdkChatbot/index.js.map +2 -2
- package/dist/cjs/components/XAdkProvider/XAdkProvider.stories.js +3 -3
- package/dist/cjs/components/XAdkProvider/XAdkProvider.stories.js.map +1 -1
- package/dist/cjs/components/XAdkProvider/compound/DefaultLayout.js +1 -1
- package/dist/cjs/components/XAdkProvider/compound/DefaultLayout.js.map +2 -2
- package/dist/cjs/components/XAiChatbot/XAiChatbot.stories.d.ts +2 -2
- package/dist/cjs/components/XAiChatbot/XAiChatbot.stories.js +277 -131
- package/dist/cjs/components/XAiChatbot/XAiChatbot.stories.js.map +2 -2
- package/dist/cjs/components/XAiProvider/XAiProvider.stories.d.ts +2 -2
- package/dist/cjs/components/XAiProvider/XAiProvider.stories.js +14 -2
- package/dist/cjs/components/XAiProvider/XAiProvider.stories.js.map +2 -2
- package/dist/cjs/components/XAiSender/XAiSender.stories.d.ts +2 -2
- package/dist/cjs/components/XAiSender/XAiSender.stories.js +1 -1
- package/dist/cjs/components/XAiSender/XAiSender.stories.js.map +1 -1
- package/dist/cjs/hooks/useADKChat.js +4 -4
- package/dist/cjs/hooks/useADKChat.js.map +2 -2
- package/dist/cjs/types/XAiConversations.d.ts +1 -1
- package/dist/cjs/types/XAiConversations.js.map +1 -1
- package/dist/esm/components/XAdkChatbot/index.js +1 -1
- package/dist/esm/components/XAdkChatbot/index.js.map +1 -1
- package/dist/esm/components/XAdkProvider/XAdkProvider.stories.js +3 -3
- package/dist/esm/components/XAdkProvider/XAdkProvider.stories.js.map +1 -1
- package/dist/esm/components/XAdkProvider/compound/DefaultLayout.js +0 -2
- package/dist/esm/components/XAdkProvider/compound/DefaultLayout.js.map +1 -1
- package/dist/esm/components/XAiChatbot/XAiChatbot.stories.d.ts +2 -2
- package/dist/esm/components/XAiChatbot/XAiChatbot.stories.js +123 -123
- package/dist/esm/components/XAiChatbot/XAiChatbot.stories.js.map +1 -1
- package/dist/esm/components/XAiProvider/XAiProvider.stories.d.ts +2 -2
- package/dist/esm/components/XAiProvider/XAiProvider.stories.js +53 -53
- package/dist/esm/components/XAiProvider/XAiProvider.stories.js.map +1 -1
- package/dist/esm/components/XAiSender/XAiSender.stories.d.ts +2 -2
- package/dist/esm/components/XAiSender/XAiSender.stories.js +9 -9
- package/dist/esm/components/XAiSender/XAiSender.stories.js.map +1 -1
- package/dist/esm/hooks/useADKChat.js +4 -4
- package/dist/esm/hooks/useADKChat.js.map +1 -1
- package/dist/esm/types/XAiConversations.d.ts +1 -1
- package/dist/esm/types/XAiConversations.js.map +1 -1
- package/dist/umd/chat-sdk.min.js +1 -1
- package/package.json +1 -1
|
@@ -1,75 +1,75 @@
|
|
|
1
1
|
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
|
2
2
|
import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
|
|
3
3
|
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
|
4
|
-
import React, { useEffect, useState } from
|
|
5
|
-
import { Divider } from
|
|
4
|
+
import React, { useEffect, useState } from "react";
|
|
5
|
+
import { Divider } from "antd";
|
|
6
6
|
import { MessageRole, MessageStatus } from "../../types/XAiMessage";
|
|
7
7
|
import documentIcon from "../../assets/document.svg";
|
|
8
8
|
import XAiProvider from "../XAiProvider";
|
|
9
|
-
import XAiChatbot from
|
|
9
|
+
import XAiChatbot from ".";
|
|
10
10
|
import { useProviderContext, useProviderMethods } from "../../hooks/useProviderContext";
|
|
11
11
|
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
12
12
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
13
13
|
var meta = {
|
|
14
|
-
title:
|
|
14
|
+
title: "AI组件/XAiChatbot 聊天框【下线】",
|
|
15
15
|
component: XAiChatbot,
|
|
16
16
|
parameters: {
|
|
17
|
-
layout:
|
|
17
|
+
layout: "centered"
|
|
18
18
|
},
|
|
19
|
-
tags: [
|
|
19
|
+
tags: ["autodocs"],
|
|
20
20
|
argTypes: {
|
|
21
21
|
navbar: {
|
|
22
|
-
description:
|
|
22
|
+
description: "导航栏配置"
|
|
23
23
|
},
|
|
24
24
|
messages: {
|
|
25
|
-
description:
|
|
25
|
+
description: "消息列表"
|
|
26
26
|
}
|
|
27
27
|
}
|
|
28
28
|
};
|
|
29
29
|
export default meta;
|
|
30
30
|
// mock 消息数据,严格符合 Messages 类型
|
|
31
31
|
var mockMessages = [{
|
|
32
|
-
id:
|
|
33
|
-
type:
|
|
32
|
+
id: "1",
|
|
33
|
+
type: "TextMessage",
|
|
34
34
|
createdAt: new Date(),
|
|
35
35
|
status: MessageStatus.done,
|
|
36
36
|
role: MessageRole.assistant,
|
|
37
37
|
content: {
|
|
38
|
-
text:
|
|
38
|
+
text: "你好,有什么我能帮助你的吗?"
|
|
39
39
|
}
|
|
40
40
|
}, {
|
|
41
|
-
id:
|
|
42
|
-
type:
|
|
41
|
+
id: "2",
|
|
42
|
+
type: "TextMessage",
|
|
43
43
|
createdAt: new Date(),
|
|
44
44
|
status: MessageStatus.done,
|
|
45
45
|
role: MessageRole.user,
|
|
46
46
|
content: {
|
|
47
|
-
text:
|
|
47
|
+
text: "检索从北京到上海的车票数据给我",
|
|
48
48
|
files: [{
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
49
|
+
fileName: "4250105220774925bfaeb3ca2a3350fe.jpg",
|
|
50
|
+
fileId: 334,
|
|
51
|
+
fileUrl: "https://ai-platform-test.oss-cn-hangzhou.aliyuncs.com/ZABX/vbvljaaxlhlcy.jpg?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Date=20260112T132456Z&X-Amz-SignedHeaders=host&X-Amz-Credential=LTAI5tSfMvkvWhU43Ev1cFJo%2F20260112%2Foss-cn-hangzhou%2Fs3%2Faws4_request&X-Amz-Expires=518400&X-Amz-Signature=3a8546bfdf0332a5188e9e7c47c9b8d0bb46424177c5f9be703ade8482a6e4e2",
|
|
52
|
+
fileType: "image",
|
|
53
|
+
fileSize: 28118
|
|
54
54
|
}, {
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
55
|
+
fileName: "4250105220774925bfaeb3ca2a3350fe.pdf",
|
|
56
|
+
fileId: 334,
|
|
57
|
+
fileUrl: "https://ai-platform-test.oss-cn-hangzhou.aliyuncs.com/ZABX/vbvljaaxlhlcy.jpg?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Date=20260112T132456Z&X-Amz-SignedHeaders=host&X-Amz-Credential=LTAI5tSfMvkvWhU43Ev1cFJo%2F20260112%2Foss-cn-hangzhou%2Fs3%2Faws4_request&X-Amz-Expires=518400&X-Amz-Signature=3a8546bfdf0332a5188e9e7c47c9b8d0bb46424177c5f9be703ade8482a6e4e2",
|
|
58
|
+
fileType: "pdf",
|
|
59
|
+
fileSize: 28118
|
|
60
60
|
}]
|
|
61
61
|
},
|
|
62
|
-
parentMessageId:
|
|
62
|
+
parentMessageId: "1"
|
|
63
63
|
}, {
|
|
64
|
-
id:
|
|
65
|
-
type:
|
|
64
|
+
id: "22",
|
|
65
|
+
type: "TextMessage",
|
|
66
66
|
createdAt: new Date(),
|
|
67
67
|
status: MessageStatus.done,
|
|
68
68
|
role: MessageRole.assistant,
|
|
69
69
|
content: {
|
|
70
|
-
text:
|
|
70
|
+
text: ""
|
|
71
71
|
},
|
|
72
|
-
thinks:
|
|
72
|
+
thinks: "",
|
|
73
73
|
// execute: [
|
|
74
74
|
// // 工具库调用(MCP_TOOL)
|
|
75
75
|
// {
|
|
@@ -143,17 +143,17 @@ var mockMessages = [{
|
|
|
143
143
|
noFooter: true
|
|
144
144
|
}
|
|
145
145
|
}, {
|
|
146
|
-
id:
|
|
147
|
-
type:
|
|
146
|
+
id: "4",
|
|
147
|
+
type: "TextMessage",
|
|
148
148
|
createdAt: new Date(),
|
|
149
149
|
status: MessageStatus.done,
|
|
150
150
|
role: MessageRole.user,
|
|
151
151
|
content: {
|
|
152
|
-
text:
|
|
152
|
+
text: "能否生成一段明年的产品计划开发计划文档给我"
|
|
153
153
|
}
|
|
154
154
|
}, {
|
|
155
|
-
id:
|
|
156
|
-
type:
|
|
155
|
+
id: "0",
|
|
156
|
+
type: "TextMessage",
|
|
157
157
|
createdAt: new Date(),
|
|
158
158
|
status: MessageStatus.done,
|
|
159
159
|
role: MessageRole.assistant,
|
|
@@ -164,20 +164,20 @@ var mockMessages = [{
|
|
|
164
164
|
noFooter: true
|
|
165
165
|
}
|
|
166
166
|
}, {
|
|
167
|
-
id:
|
|
168
|
-
type:
|
|
167
|
+
id: "11",
|
|
168
|
+
type: "SuggestionMessage",
|
|
169
169
|
createdAt: new Date(),
|
|
170
170
|
status: MessageStatus.done,
|
|
171
171
|
role: MessageRole.suggestion,
|
|
172
172
|
content: [{
|
|
173
|
-
key:
|
|
174
|
-
description:
|
|
173
|
+
key: "1",
|
|
174
|
+
description: "我要查看 AI 文档"
|
|
175
175
|
}, {
|
|
176
|
-
key:
|
|
177
|
-
description:
|
|
176
|
+
key: "2",
|
|
177
|
+
description: "我如何看待 AI"
|
|
178
178
|
}, {
|
|
179
|
-
key:
|
|
180
|
-
description:
|
|
179
|
+
key: "3",
|
|
180
|
+
description: "你是谁?"
|
|
181
181
|
}]
|
|
182
182
|
}];
|
|
183
183
|
|
|
@@ -197,7 +197,7 @@ var BasicUsageStory = function BasicUsageStory(args) {
|
|
|
197
197
|
setLoading(true);
|
|
198
198
|
|
|
199
199
|
// 模拟流式输出(向 mockMessages 第二条消息 content.text 追加)
|
|
200
|
-
var stream = [
|
|
200
|
+
var stream = ["我", "正在", "为", "你", "生成", "内容", "我", "正在", "为", "你", "生成", "内容", "我", "正在", "为", "你", "生成", "内容", "我", "正在", "为", "你", "生成", "内容", "我", "正在", "为", "你", "生成", "内容", "我", "正在", "为", "你", "生成", "内容", "我", "正在", "为", "你", "生成", "内容", "我", "正在", "为", "你", "生成", "内容", "我", "正在", "为", "你", "生成", "内容", "我", "正在", "为", "你", "生成", "内容", "我", "正在", "为", "你", "生成", "内容", "好", "多", "好", "多", "好", "多", "好", "多", "好", "多", "好", "多", "好", "多", "好", "多", "好", "多", "好", "多", "好", "多", "……"];
|
|
201
201
|
stream.forEach(function (chunk, idx) {
|
|
202
202
|
setTimeout(function () {
|
|
203
203
|
setMessages(function (prev) {
|
|
@@ -206,9 +206,9 @@ var BasicUsageStory = function BasicUsageStory(args) {
|
|
|
206
206
|
var targetMsg = updated[targetIndex];
|
|
207
207
|
|
|
208
208
|
// 确保该消息存在且是 TextMessage
|
|
209
|
-
if (targetMsg && targetMsg.type ===
|
|
209
|
+
if (targetMsg && targetMsg.type === "TextMessage") {
|
|
210
210
|
// content 可能是多种类型,这里做类型守卫
|
|
211
|
-
if (
|
|
211
|
+
if ("text" in targetMsg.content) {
|
|
212
212
|
updated[targetIndex] = _objectSpread(_objectSpread({}, targetMsg), {}, {
|
|
213
213
|
content: _objectSpread({}, targetMsg.content),
|
|
214
214
|
thinks: targetMsg.thinks + chunk + Math.random().toString(36).slice(2, 5),
|
|
@@ -221,12 +221,12 @@ var BasicUsageStory = function BasicUsageStory(args) {
|
|
|
221
221
|
if (idx === stream.length - 1) {
|
|
222
222
|
var _updated$targetIndex$;
|
|
223
223
|
(_updated$targetIndex$ = updated[targetIndex].execute) === null || _updated$targetIndex$ === void 0 || _updated$targetIndex$.push({
|
|
224
|
-
id:
|
|
225
|
-
type:
|
|
224
|
+
id: "5",
|
|
225
|
+
type: "ActionExecutionMessage",
|
|
226
226
|
extra: {
|
|
227
227
|
icon: documentIcon
|
|
228
228
|
},
|
|
229
|
-
name:
|
|
229
|
+
name: "运行完毕",
|
|
230
230
|
createdAt: new Date()
|
|
231
231
|
});
|
|
232
232
|
setLoading(false);
|
|
@@ -272,12 +272,12 @@ var BasicUsageStory = function BasicUsageStory(args) {
|
|
|
272
272
|
if (!cost && !token) return null;
|
|
273
273
|
return /*#__PURE__*/_jsxs("div", {
|
|
274
274
|
style: {
|
|
275
|
-
display:
|
|
276
|
-
alignItems:
|
|
277
|
-
fontSize:
|
|
278
|
-
color:
|
|
275
|
+
display: "flex",
|
|
276
|
+
alignItems: "center",
|
|
277
|
+
fontSize: "12px",
|
|
278
|
+
color: "#949494",
|
|
279
279
|
flex: 1,
|
|
280
|
-
paddingRight:
|
|
280
|
+
paddingRight: "40px"
|
|
281
281
|
},
|
|
282
282
|
children: [cost && /*#__PURE__*/_jsxs("div", {
|
|
283
283
|
children: [cost, "s"]
|
|
@@ -290,10 +290,10 @@ var BasicUsageStory = function BasicUsageStory(args) {
|
|
|
290
290
|
};
|
|
291
291
|
return /*#__PURE__*/_jsx("div", {
|
|
292
292
|
style: {
|
|
293
|
-
height:
|
|
294
|
-
width:
|
|
295
|
-
border:
|
|
296
|
-
borderRadius:
|
|
293
|
+
height: "600px",
|
|
294
|
+
width: "400px",
|
|
295
|
+
border: "1px solid #e7e7e7",
|
|
296
|
+
borderRadius: "8px"
|
|
297
297
|
},
|
|
298
298
|
children: /*#__PURE__*/_jsx(XAiChatbot, _objectSpread(_objectSpread({}, args), {}, {
|
|
299
299
|
messages: messages,
|
|
@@ -313,14 +313,14 @@ var BasicUsageStory = function BasicUsageStory(args) {
|
|
|
313
313
|
});
|
|
314
314
|
setTimeout(function () {
|
|
315
315
|
onSuccess === null || onSuccess === void 0 || onSuccess({
|
|
316
|
-
|
|
317
|
-
|
|
318
|
-
|
|
319
|
-
|
|
320
|
-
|
|
321
|
-
|
|
322
|
-
|
|
323
|
-
|
|
316
|
+
fileName: "4250105220774925bfaeb3ca2a3350fe.jpg",
|
|
317
|
+
fileId: 334,
|
|
318
|
+
fileUrl: "https://ai-platform-test.oss-cn-hangzhou.aliyuncs.com/ZABX/vbvljaaxlhlcy.jpg?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Date=20260112T132456Z&X-Amz-SignedHeaders=host&X-Amz-Credential=LTAI5tSfMvkvWhU43Ev1cFJo%2F20260112%2Foss-cn-hangzhou%2Fs3%2Faws4_request&X-Amz-Expires=518400&X-Amz-Signature=3a8546bfdf0332a5188e9e7c47c9b8d0bb46424177c5f9be703ade8482a6e4e2",
|
|
319
|
+
fileType: "image",
|
|
320
|
+
fileSize: 28118,
|
|
321
|
+
mimeType: "image/jpeg",
|
|
322
|
+
tempUrl: "https://ai-platform-test.oss-cn-hangzhou.aliyuncs.com/ZABX/vbvljaaxlhlcy.jpg?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Date=20260112T132456Z&X-Amz-SignedHeaders=host&X-Amz-Credential=LTAI5tSfMvkvWhU43Ev1cFJo%2F20260112%2Foss-cn-hangzhou%2Fs3%2Faws4_request&X-Amz-Expires=518400&X-Amz-Signature=3a8546bfdf0332a5188e9e7c47c9b8d0bb46424177c5f9be703ade8482a6e4e2",
|
|
323
|
+
type: "image"
|
|
324
324
|
});
|
|
325
325
|
}, 1000);
|
|
326
326
|
}
|
|
@@ -331,10 +331,10 @@ export var 基础用法 = {
|
|
|
331
331
|
render: BasicUsageStory,
|
|
332
332
|
args: {
|
|
333
333
|
navbar: {
|
|
334
|
-
title:
|
|
334
|
+
title: "智能助手"
|
|
335
335
|
},
|
|
336
336
|
// messages: mockMessages,
|
|
337
|
-
emptyStateText:
|
|
337
|
+
emptyStateText: "众安智能体"
|
|
338
338
|
}
|
|
339
339
|
};
|
|
340
340
|
|
|
@@ -349,7 +349,7 @@ export var 在Provider中使用 = {
|
|
|
349
349
|
}],
|
|
350
350
|
args: {
|
|
351
351
|
navbar: {
|
|
352
|
-
title:
|
|
352
|
+
title: "智能助手"
|
|
353
353
|
}
|
|
354
354
|
}
|
|
355
355
|
};
|
|
@@ -359,9 +359,9 @@ export var 多个Provider实例 = {
|
|
|
359
359
|
decorators: [function (Story) {
|
|
360
360
|
return /*#__PURE__*/_jsxs("div", {
|
|
361
361
|
style: {
|
|
362
|
-
display:
|
|
363
|
-
gap:
|
|
364
|
-
height:
|
|
362
|
+
display: "flex",
|
|
363
|
+
gap: "50px",
|
|
364
|
+
height: "600px"
|
|
365
365
|
},
|
|
366
366
|
children: [/*#__PURE__*/_jsx(XAiProvider, {
|
|
367
367
|
providerId: "chat1",
|
|
@@ -369,8 +369,8 @@ export var 多个Provider实例 = {
|
|
|
369
369
|
url: "https://api1.example.com",
|
|
370
370
|
children: /*#__PURE__*/_jsx("div", {
|
|
371
371
|
style: {
|
|
372
|
-
width:
|
|
373
|
-
marginRight:
|
|
372
|
+
width: "300px",
|
|
373
|
+
marginRight: "40px"
|
|
374
374
|
},
|
|
375
375
|
children: /*#__PURE__*/_jsx(Story, {})
|
|
376
376
|
})
|
|
@@ -380,7 +380,7 @@ export var 多个Provider实例 = {
|
|
|
380
380
|
url: "https://api2.example.com",
|
|
381
381
|
children: /*#__PURE__*/_jsx("div", {
|
|
382
382
|
style: {
|
|
383
|
-
width:
|
|
383
|
+
width: "300px"
|
|
384
384
|
},
|
|
385
385
|
children: /*#__PURE__*/_jsx(Story, {})
|
|
386
386
|
})
|
|
@@ -389,7 +389,7 @@ export var 多个Provider实例 = {
|
|
|
389
389
|
}],
|
|
390
390
|
args: {
|
|
391
391
|
navbar: {
|
|
392
|
-
title:
|
|
392
|
+
title: "智能助手"
|
|
393
393
|
}
|
|
394
394
|
}
|
|
395
395
|
};
|
|
@@ -420,46 +420,46 @@ var ArchitectureDemoComponent = function ArchitectureDemoComponent(_ref3) {
|
|
|
420
420
|
var providerMethods = useProviderMethods();
|
|
421
421
|
return /*#__PURE__*/_jsxs("div", {
|
|
422
422
|
style: {
|
|
423
|
-
padding:
|
|
424
|
-
border:
|
|
425
|
-
borderRadius:
|
|
426
|
-
marginBottom:
|
|
427
|
-
backgroundColor:
|
|
423
|
+
padding: "15px",
|
|
424
|
+
border: "1px solid #e7e7e7",
|
|
425
|
+
borderRadius: "8px",
|
|
426
|
+
marginBottom: "10px",
|
|
427
|
+
backgroundColor: "#fafafa"
|
|
428
428
|
},
|
|
429
429
|
children: [/*#__PURE__*/_jsx("h4", {
|
|
430
430
|
style: {
|
|
431
|
-
margin:
|
|
431
|
+
margin: "0 0 10px 0"
|
|
432
432
|
},
|
|
433
433
|
children: mergedProps.title
|
|
434
434
|
}), /*#__PURE__*/_jsxs("div", {
|
|
435
435
|
style: {
|
|
436
|
-
fontSize:
|
|
437
|
-
color:
|
|
436
|
+
fontSize: "12px",
|
|
437
|
+
color: "#666"
|
|
438
438
|
},
|
|
439
439
|
children: [/*#__PURE__*/_jsxs("p", {
|
|
440
|
-
children: ["Provider \u72B6\u6001: ", isInProvider ?
|
|
440
|
+
children: ["Provider \u72B6\u6001: ", isInProvider ? "✅ 已连接" : "❌ 未连接"]
|
|
441
441
|
}), /*#__PURE__*/_jsxs("p", {
|
|
442
|
-
children: ["\u6D88\u606F\u6570\u91CF: ", ((_getProviderValue = getProviderValue(
|
|
442
|
+
children: ["\u6D88\u606F\u6570\u91CF: ", ((_getProviderValue = getProviderValue("messages")) === null || _getProviderValue === void 0 ? void 0 : _getProviderValue.length) || 0]
|
|
443
443
|
}), /*#__PURE__*/_jsxs("p", {
|
|
444
|
-
children: ["\u52A0\u8F7D\u72B6\u6001: ", getProviderValue(
|
|
444
|
+
children: ["\u52A0\u8F7D\u72B6\u6001: ", getProviderValue("loading") ? "🔄 加载中" : "✅ 就绪"]
|
|
445
445
|
}), /*#__PURE__*/_jsx("button", {
|
|
446
446
|
onClick: function onClick() {
|
|
447
447
|
var _providerMethods$send;
|
|
448
448
|
return (_providerMethods$send = providerMethods.sendMessage) === null || _providerMethods$send === void 0 ? void 0 : _providerMethods$send.call(providerMethods, {
|
|
449
|
-
text:
|
|
449
|
+
text: "来自架构演示组件的消息"
|
|
450
450
|
});
|
|
451
451
|
},
|
|
452
452
|
disabled: !isInProvider,
|
|
453
453
|
style: {
|
|
454
|
-
fontSize:
|
|
455
|
-
padding:
|
|
456
|
-
backgroundColor: isInProvider ?
|
|
457
|
-
color:
|
|
458
|
-
border:
|
|
459
|
-
borderRadius:
|
|
460
|
-
cursor: isInProvider ?
|
|
454
|
+
fontSize: "12px",
|
|
455
|
+
padding: "4px 8px",
|
|
456
|
+
backgroundColor: isInProvider ? "#1890ff" : "#d9d9d9",
|
|
457
|
+
color: "white",
|
|
458
|
+
border: "none",
|
|
459
|
+
borderRadius: "4px",
|
|
460
|
+
cursor: isInProvider ? "pointer" : "not-allowed"
|
|
461
461
|
},
|
|
462
|
-
children: isInProvider ?
|
|
462
|
+
children: isInProvider ? "发送消息" : "需要 Provider"
|
|
463
463
|
})]
|
|
464
464
|
})]
|
|
465
465
|
});
|
|
@@ -470,8 +470,8 @@ export var 新架构演示 = {
|
|
|
470
470
|
render: function render(args) {
|
|
471
471
|
return /*#__PURE__*/_jsx("div", {
|
|
472
472
|
style: {
|
|
473
|
-
width:
|
|
474
|
-
height:
|
|
473
|
+
width: "500px",
|
|
474
|
+
height: "700px"
|
|
475
475
|
},
|
|
476
476
|
children: /*#__PURE__*/_jsx(XAiProvider, {
|
|
477
477
|
token: "demo-token",
|
|
@@ -479,22 +479,22 @@ export var 新架构演示 = {
|
|
|
479
479
|
providerId: "architecture-demo",
|
|
480
480
|
children: /*#__PURE__*/_jsxs("div", {
|
|
481
481
|
style: {
|
|
482
|
-
padding:
|
|
482
|
+
padding: "20px"
|
|
483
483
|
},
|
|
484
484
|
children: [/*#__PURE__*/_jsx("h3", {
|
|
485
485
|
style: {
|
|
486
|
-
marginBottom:
|
|
486
|
+
marginBottom: "20px"
|
|
487
487
|
},
|
|
488
488
|
children: "\u65B0\u67B6\u6784\u6F14\u793A"
|
|
489
489
|
}), /*#__PURE__*/_jsx("p", {
|
|
490
490
|
style: {
|
|
491
|
-
marginBottom:
|
|
492
|
-
color:
|
|
491
|
+
marginBottom: "20px",
|
|
492
|
+
color: "#666"
|
|
493
493
|
},
|
|
494
494
|
children: "\u5C55\u793A\u5982\u4F55\u4F7F\u7528 useProviderContext \u548C useProviderMethods Hook"
|
|
495
495
|
}), /*#__PURE__*/_jsxs("div", {
|
|
496
496
|
style: {
|
|
497
|
-
marginBottom:
|
|
497
|
+
marginBottom: "20px"
|
|
498
498
|
},
|
|
499
499
|
children: [/*#__PURE__*/_jsx(ArchitectureDemoComponent, {
|
|
500
500
|
title: "\u6F14\u793A\u7EC4\u4EF6 A"
|
|
@@ -506,8 +506,8 @@ export var 新架构演示 = {
|
|
|
506
506
|
}), /*#__PURE__*/_jsx(XAiChatbot, _objectSpread(_objectSpread({}, args), {}, {
|
|
507
507
|
navbarShow: true,
|
|
508
508
|
navbar: {
|
|
509
|
-
title:
|
|
510
|
-
subtitle:
|
|
509
|
+
title: "架构演示聊天机器人",
|
|
510
|
+
subtitle: "展示新 Hook 的使用"
|
|
511
511
|
},
|
|
512
512
|
enableUpload: true,
|
|
513
513
|
uploadRequest: function uploadRequest(_ref4) {
|
|
@@ -529,7 +529,7 @@ export var 新架构演示 = {
|
|
|
529
529
|
},
|
|
530
530
|
args: {
|
|
531
531
|
navbar: {
|
|
532
|
-
title:
|
|
532
|
+
title: "智能助手"
|
|
533
533
|
}
|
|
534
534
|
}
|
|
535
535
|
};
|
|
@@ -539,35 +539,35 @@ export var 架构对比演示 = {
|
|
|
539
539
|
render: function render(args) {
|
|
540
540
|
return /*#__PURE__*/_jsxs("div", {
|
|
541
541
|
style: {
|
|
542
|
-
display:
|
|
543
|
-
gap:
|
|
544
|
-
padding:
|
|
542
|
+
display: "flex",
|
|
543
|
+
gap: "20px",
|
|
544
|
+
padding: "20px"
|
|
545
545
|
},
|
|
546
546
|
children: [/*#__PURE__*/_jsxs("div", {
|
|
547
547
|
style: {
|
|
548
|
-
width:
|
|
548
|
+
width: "300px"
|
|
549
549
|
},
|
|
550
550
|
children: [/*#__PURE__*/_jsx("h4", {
|
|
551
551
|
children: "\u72EC\u7ACB\u4F7F\u7528\u6A21\u5F0F"
|
|
552
552
|
}), /*#__PURE__*/_jsxs("div", {
|
|
553
553
|
style: {
|
|
554
|
-
border:
|
|
555
|
-
borderRadius:
|
|
556
|
-
padding:
|
|
554
|
+
border: "1px solid #e7e7e7",
|
|
555
|
+
borderRadius: "8px",
|
|
556
|
+
padding: "15px"
|
|
557
557
|
},
|
|
558
558
|
children: [/*#__PURE__*/_jsx(ArchitectureDemoComponent, {
|
|
559
559
|
title: "\u72EC\u7ACB\u7EC4\u4EF6"
|
|
560
560
|
}), /*#__PURE__*/_jsx(XAiChatbot, _objectSpread(_objectSpread({}, args), {}, {
|
|
561
561
|
navbarShow: true,
|
|
562
562
|
navbar: {
|
|
563
|
-
title:
|
|
564
|
-
subtitle:
|
|
563
|
+
title: "独立聊天机器人",
|
|
564
|
+
subtitle: "不依赖 Provider"
|
|
565
565
|
},
|
|
566
566
|
onSend: function onSend(content) {
|
|
567
|
-
console.log(
|
|
567
|
+
console.log("独立模式发送:", content);
|
|
568
568
|
},
|
|
569
569
|
onClear: function onClear() {
|
|
570
|
-
console.log(
|
|
570
|
+
console.log("独立模式清空");
|
|
571
571
|
},
|
|
572
572
|
enableUpload: true,
|
|
573
573
|
uploadRequest: function uploadRequest(_ref5) {
|
|
@@ -586,7 +586,7 @@ export var 架构对比演示 = {
|
|
|
586
586
|
})]
|
|
587
587
|
}), /*#__PURE__*/_jsxs("div", {
|
|
588
588
|
style: {
|
|
589
|
-
width:
|
|
589
|
+
width: "300px"
|
|
590
590
|
},
|
|
591
591
|
children: [/*#__PURE__*/_jsx("h4", {
|
|
592
592
|
children: "Provider \u6A21\u5F0F"
|
|
@@ -596,17 +596,17 @@ export var 架构对比演示 = {
|
|
|
596
596
|
providerId: "comparison-demo",
|
|
597
597
|
children: /*#__PURE__*/_jsxs("div", {
|
|
598
598
|
style: {
|
|
599
|
-
border:
|
|
600
|
-
borderRadius:
|
|
601
|
-
padding:
|
|
599
|
+
border: "1px solid #e7e7e7",
|
|
600
|
+
borderRadius: "8px",
|
|
601
|
+
padding: "15px"
|
|
602
602
|
},
|
|
603
603
|
children: [/*#__PURE__*/_jsx(ArchitectureDemoComponent, {
|
|
604
604
|
title: "Provider \u7EC4\u4EF6"
|
|
605
605
|
}), /*#__PURE__*/_jsx(XAiChatbot, _objectSpread(_objectSpread({}, args), {}, {
|
|
606
606
|
navbarShow: true,
|
|
607
607
|
navbar: {
|
|
608
|
-
title:
|
|
609
|
-
subtitle:
|
|
608
|
+
title: "Provider 聊天机器人",
|
|
609
|
+
subtitle: "由 Provider 管理"
|
|
610
610
|
},
|
|
611
611
|
enableUpload: true,
|
|
612
612
|
uploadRequest: function uploadRequest(_ref6) {
|
|
@@ -629,7 +629,7 @@ export var 架构对比演示 = {
|
|
|
629
629
|
},
|
|
630
630
|
args: {
|
|
631
631
|
navbar: {
|
|
632
|
-
title:
|
|
632
|
+
title: "智能助手"
|
|
633
633
|
}
|
|
634
634
|
}
|
|
635
635
|
};
|