@ai-group/chat-sdk 3.0.12 → 3.0.14
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 +68 -0
- package/dist/cjs/components/XAdkProvider/compound/Messages.js +2 -1
- package/dist/cjs/components/XAdkProvider/compound/Messages.js.map +2 -2
- package/dist/cjs/components/XAdkProvider/compound/Sender.js +2 -1
- package/dist/cjs/components/XAdkProvider/compound/Sender.js.map +2 -2
- package/dist/cjs/components/XAdkProvider/context/ChatStateContext.d.ts +5 -1
- package/dist/cjs/components/XAdkProvider/context/ChatStateContext.js.map +2 -2
- package/dist/cjs/components/XAdkProvider/index.js +8 -2
- package/dist/cjs/components/XAdkProvider/index.js.map +2 -2
- package/dist/cjs/hooks/useADKChat.js +49 -30
- package/dist/cjs/hooks/useADKChat.js.map +2 -2
- package/dist/cjs/types/XAdkProvider.d.ts +9 -1
- package/dist/cjs/types/XAdkProvider.js.map +2 -2
- package/dist/cjs/types/XAdkSender.d.ts +1 -0
- package/dist/cjs/types/XAdkSender.js.map +1 -1
- package/dist/esm/components/XAdkProvider/compound/Messages.js +5 -1
- package/dist/esm/components/XAdkProvider/compound/Messages.js.map +1 -1
- package/dist/esm/components/XAdkProvider/compound/Sender.js +4 -2
- package/dist/esm/components/XAdkProvider/compound/Sender.js.map +1 -1
- package/dist/esm/components/XAdkProvider/context/ChatStateContext.d.ts +5 -1
- package/dist/esm/components/XAdkProvider/context/ChatStateContext.js.map +1 -1
- package/dist/esm/components/XAdkProvider/index.js +6 -2
- package/dist/esm/components/XAdkProvider/index.js.map +1 -1
- package/dist/esm/hooks/useADKChat.js +71 -28
- package/dist/esm/hooks/useADKChat.js.map +1 -1
- package/dist/esm/types/XAdkProvider.d.ts +9 -1
- package/dist/esm/types/XAdkProvider.js.map +1 -1
- package/dist/esm/types/XAdkSender.d.ts +1 -0
- package/dist/esm/types/XAdkSender.js.map +1 -1
- package/dist/umd/chat-sdk.min.js +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -93,6 +93,17 @@ const chatbot = new XAiWebSDK(container, {
|
|
|
93
93
|
| onError | function | 否 | 错误回调函数 |
|
|
94
94
|
| onSuccess | function | 否 | 成功回调函数 |
|
|
95
95
|
|
|
96
|
+
### config 配置项
|
|
97
|
+
|
|
98
|
+
| 参数 | 类型 | 必填 | 说明 |
|
|
99
|
+
|------|------|------|------|
|
|
100
|
+
| appNo | string | 是 | 应用编号 |
|
|
101
|
+
| allowUpload | boolean | 否 | 是否允许上传文件，默认 false |
|
|
102
|
+
| session.showSessionList | boolean | 否 | 是否显示会话列表，默认 false |
|
|
103
|
+
| showFeedback | boolean | 否 | 是否显示点赞/点踩按钮，默认 true |
|
|
104
|
+
| onFileClick | function | 否 | 点击附件卡片的回调函数 |
|
|
105
|
+
| uploadRequest | function | 否 | 自定义文件上传函数 |
|
|
106
|
+
|
|
96
107
|
### 回调函数
|
|
97
108
|
|
|
98
109
|
#### onError(error)
|
|
@@ -102,6 +113,63 @@ const chatbot = new XAiWebSDK(container, {
|
|
|
102
113
|
#### onSuccess(appInfo)
|
|
103
114
|
- `appInfo`: 应用信息对象，包含应用配置等
|
|
104
115
|
|
|
116
|
+
#### onFileClick(file)
|
|
117
|
+
点击对话中的附件卡片时触发（非图片、非音视频文件）。
|
|
118
|
+
- `file`: 文件信息对象
|
|
119
|
+
- `fileName`: 文件名
|
|
120
|
+
- `fileId`: 文件ID
|
|
121
|
+
- `tempUrl`: 文件临时URL
|
|
122
|
+
- `mimeType`: 文件MIME类型
|
|
123
|
+
- `fileSize`: 文件大小
|
|
124
|
+
|
|
125
|
+
#### uploadRequest(options)
|
|
126
|
+
自定义文件上传函数，用于覆盖默认上传行为。
|
|
127
|
+
- `options.file`: 要上传的 File 对象
|
|
128
|
+
- `options.onProgress`: 进度回调，参数 `{ percent: number }`
|
|
129
|
+
- `options.onSuccess`: 上传成功回调，参数为服务器返回的文件信息
|
|
130
|
+
- `options.onError`: 上传失败回调，参数为 Error 对象
|
|
131
|
+
|
|
132
|
+
**示例：**
|
|
133
|
+
|
|
134
|
+
```javascript
|
|
135
|
+
const chatbot = new XAiWebSDK.initChatbot({
|
|
136
|
+
token: 'your-token',
|
|
137
|
+
config: {
|
|
138
|
+
appNo: 'your-app-no',
|
|
139
|
+
allowUpload: true,
|
|
140
|
+
// 自定义上传
|
|
141
|
+
uploadRequest: async ({ file, onProgress, onSuccess, onError }) => {
|
|
142
|
+
try {
|
|
143
|
+
const formData = new FormData();
|
|
144
|
+
formData.append('file', file);
|
|
145
|
+
const response = await fetch('/api/upload', {
|
|
146
|
+
method: 'POST',
|
|
147
|
+
body: formData,
|
|
148
|
+
});
|
|
149
|
+
const data = await response.json();
|
|
150
|
+
onSuccess({
|
|
151
|
+
data: {
|
|
152
|
+
fileName: data.fileName,
|
|
153
|
+
fileId: data.fileId,
|
|
154
|
+
tempUrl: data.fileUrl,
|
|
155
|
+
fileType: data.fileType,
|
|
156
|
+
fileSize: data.fileSize,
|
|
157
|
+
mimeType: data.mimeType,
|
|
158
|
+
},
|
|
159
|
+
});
|
|
160
|
+
} catch (error) {
|
|
161
|
+
onError(error);
|
|
162
|
+
}
|
|
163
|
+
},
|
|
164
|
+
// 文件预览回调
|
|
165
|
+
onFileClick: (file) => {
|
|
166
|
+
console.log('点击文件:', file);
|
|
167
|
+
// 可以在此处触发文件预览弹窗
|
|
168
|
+
},
|
|
169
|
+
},
|
|
170
|
+
});
|
|
171
|
+
```
|
|
172
|
+
|
|
105
173
|
## 错误代码
|
|
106
174
|
|
|
107
175
|
| 代码 | 说明 |
|
|
@@ -46,7 +46,7 @@ var Messages = ({
|
|
|
46
46
|
className,
|
|
47
47
|
style
|
|
48
48
|
}) => {
|
|
49
|
-
const { messages, loading, prologue, suggestions, initialized, showFeedback, appInfo } = (0, import_ChatStateContext.useChatState)();
|
|
49
|
+
const { messages, loading, prologue, suggestions, initialized, showFeedback, appInfo, onFileClick } = (0, import_ChatStateContext.useChatState)();
|
|
50
50
|
const { suggestChat, reChat, likeMessage } = (0, import_ChatActionContext.useChatActions)();
|
|
51
51
|
const primaryColor = (appInfo == null ? void 0 : appInfo.appTheme) || "#1677ff";
|
|
52
52
|
const defaultActions = (0, import_react.useCallback)(({ message: group, isLastBotMsg }) => {
|
|
@@ -115,6 +115,7 @@ var Messages = ({
|
|
|
115
115
|
enableProcessParsing: true,
|
|
116
116
|
parseOptions: { mode: "comment" },
|
|
117
117
|
initialized,
|
|
118
|
+
onFileClick,
|
|
118
119
|
className,
|
|
119
120
|
style
|
|
120
121
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../src/components/XAdkProvider/compound/Messages.tsx"],
|
|
4
|
-
"sourcesContent": ["import React, { useCallback } from \"react\";\nimport { message, Tooltip, Flex } from \"antd\";\nimport { LikeFilled, LikeOutlined, ReloadOutlined, CopyOutlined } from \"@ant-design/icons\";\nimport copy from \"copy-to-clipboard\";\nimport XAdkChatbot from \"../../XAdkChatbot\";\nimport DislikeFeedback from \"./DislikeFeedBack\";\nimport { useChatState } from \"../context/ChatStateContext\";\nimport { useChatActions } from \"../context/ChatActionContext\";\nimport type { ActionProps } from \"@/types\";\n\nexport interface XAdkMessagesProps {\n /** 自定义操作栏渲染 */\n actions?: ActionProps;\n /** 类名 */\n className?: string;\n /** 样式 */\n style?: React.CSSProperties;\n}\n\n/**\n * Messages - XAdkProvider 的消息展示组件\n *\n * 使用 XAdkChatbot 渲染消息列表\n */\nconst Messages: React.FC<XAdkMessagesProps> = ({\n actions,\n className,\n style,\n}) => {\n const { messages, loading, prologue, suggestions, initialized, showFeedback, appInfo } = useChatState();\n const { suggestChat, reChat, likeMessage } = useChatActions();\n\n const primaryColor = appInfo?.appTheme || \"#1677ff\";\n\n const defaultActions = useCallback<ActionProps>(({ message: group, isLastBotMsg }) => {\n // 取该组最后一条 bot 消息的 invocationId 和 isLike 状态\n const lastMsg = group.msgs[group.msgs.length - 1];\n const invocationId = lastMsg?.invocationId;\n const isLikeVal = group.isLike ?? 0;\n\n const fullText = group.msgs\n .filter((m) => !m.functionCall && !m.functionResponse)\n .map((m) => m.text || \"\")\n .join(\"\");\n\n return (\n <Flex gap={16} align=\"center\" style={{ padding: \"4px 0\", color: \"#81858c\" }}>\n {isLastBotMsg && (\n <Tooltip title=\"重新生成\">\n <ReloadOutlined style={{ cursor: \"pointer\" }} onClick={reChat} />\n </Tooltip>\n )}\n <Tooltip title=\"复制内容\">\n <CopyOutlined\n style={{ cursor: \"pointer\" }}\n onClick={() => {\n copy(fullText);\n message.success(\"复制成功\");\n }}\n />\n </Tooltip>\n {showFeedback && invocationId && (\n <>\n <Tooltip title=\"赞\">\n {isLikeVal === 1 ? (\n <LikeFilled style={{ color: primaryColor, cursor: \"pointer\" }} />\n ) : (\n <LikeOutlined\n style={{ cursor: \"pointer\" }}\n onClick={async () => {\n if (isLikeVal !== 0) {\n message.warning(\"已收到您的反馈，无需重复提交\");\n return;\n }\n const ok = await likeMessage(invocationId, 1);\n if (ok) message.success(\"感谢您的反馈\");\n else message.error(\"反馈失败，请稍后再试\");\n }}\n />\n )}\n </Tooltip>\n <DislikeFeedback\n msg={group}\n activeColor={primaryColor}\n onSubmit={async (formData) => {\n const ok = await likeMessage(invocationId, -1, formData);\n if (ok) message.success(\"已收到您的反馈，我们会努力做得更好\");\n else message.error(\"反馈失败，请稍后再试\");\n return ok;\n }}\n />\n </>\n )}\n </Flex>\n );\n }, [reChat, likeMessage, showFeedback, primaryColor]);\n\n return (\n <XAdkChatbot\n messages={messages}\n loading={loading}\n prologue={prologue}\n suggestions={suggestions}\n onSuggest={suggestChat}\n // 操作栏：使用外部传入的 actions，否则用内置默认 actions\n actions={actions ?? defaultActions}\n // 启用分组和解析\n enableGrouping={true}\n enableProcessParsing={true}\n // 使用注释模式解析\n parseOptions={{ mode: \"comment\" }}\n initialized={initialized}\n // 样式\n className={className}\n style={style}\n />\n );\n};\n\nexport default Messages;\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAmC;AACnC,kBAAuC;AACvC,mBAAuE;AACvE,+BAAiB;AACjB,yBAAwB;AACxB,6BAA4B;AAC5B,8BAA6B;AAC7B,+BAA+B;AA0CnB;AAzBZ,IAAM,WAAwC,CAAC;AAAA,EAC7C;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,EAAE,UAAU,SAAS,UAAU,aAAa,aAAa,cAAc,
|
|
4
|
+
"sourcesContent": ["import React, { useCallback } from \"react\";\nimport { message, Tooltip, Flex } from \"antd\";\nimport { LikeFilled, LikeOutlined, ReloadOutlined, CopyOutlined } from \"@ant-design/icons\";\nimport copy from \"copy-to-clipboard\";\nimport XAdkChatbot from \"../../XAdkChatbot\";\nimport DislikeFeedback from \"./DislikeFeedBack\";\nimport { useChatState } from \"../context/ChatStateContext\";\nimport { useChatActions } from \"../context/ChatActionContext\";\nimport type { ActionProps } from \"@/types\";\n\nexport interface XAdkMessagesProps {\n /** 自定义操作栏渲染 */\n actions?: ActionProps;\n /** 类名 */\n className?: string;\n /** 样式 */\n style?: React.CSSProperties;\n}\n\n/**\n * Messages - XAdkProvider 的消息展示组件\n *\n * 使用 XAdkChatbot 渲染消息列表\n */\nconst Messages: React.FC<XAdkMessagesProps> = ({\n actions,\n className,\n style,\n}) => {\n const { messages, loading, prologue, suggestions, initialized, showFeedback, appInfo, onFileClick } = useChatState();\n const { suggestChat, reChat, likeMessage } = useChatActions();\n\n const primaryColor = appInfo?.appTheme || \"#1677ff\";\n\n const defaultActions = useCallback<ActionProps>(({ message: group, isLastBotMsg }) => {\n // 取该组最后一条 bot 消息的 invocationId 和 isLike 状态\n const lastMsg = group.msgs[group.msgs.length - 1];\n const invocationId = lastMsg?.invocationId;\n const isLikeVal = group.isLike ?? 0;\n\n const fullText = group.msgs\n .filter((m) => !m.functionCall && !m.functionResponse)\n .map((m) => m.text || \"\")\n .join(\"\");\n\n return (\n <Flex gap={16} align=\"center\" style={{ padding: \"4px 0\", color: \"#81858c\" }}>\n {isLastBotMsg && (\n <Tooltip title=\"重新生成\">\n <ReloadOutlined style={{ cursor: \"pointer\" }} onClick={reChat} />\n </Tooltip>\n )}\n <Tooltip title=\"复制内容\">\n <CopyOutlined\n style={{ cursor: \"pointer\" }}\n onClick={() => {\n copy(fullText);\n message.success(\"复制成功\");\n }}\n />\n </Tooltip>\n {showFeedback && invocationId && (\n <>\n <Tooltip title=\"赞\">\n {isLikeVal === 1 ? (\n <LikeFilled style={{ color: primaryColor, cursor: \"pointer\" }} />\n ) : (\n <LikeOutlined\n style={{ cursor: \"pointer\" }}\n onClick={async () => {\n if (isLikeVal !== 0) {\n message.warning(\"已收到您的反馈，无需重复提交\");\n return;\n }\n const ok = await likeMessage(invocationId, 1);\n if (ok) message.success(\"感谢您的反馈\");\n else message.error(\"反馈失败，请稍后再试\");\n }}\n />\n )}\n </Tooltip>\n <DislikeFeedback\n msg={group}\n activeColor={primaryColor}\n onSubmit={async (formData) => {\n const ok = await likeMessage(invocationId, -1, formData);\n if (ok) message.success(\"已收到您的反馈，我们会努力做得更好\");\n else message.error(\"反馈失败，请稍后再试\");\n return ok;\n }}\n />\n </>\n )}\n </Flex>\n );\n }, [reChat, likeMessage, showFeedback, primaryColor]);\n\n return (\n <XAdkChatbot\n messages={messages}\n loading={loading}\n prologue={prologue}\n suggestions={suggestions}\n onSuggest={suggestChat}\n // 操作栏：使用外部传入的 actions，否则用内置默认 actions\n actions={actions ?? defaultActions}\n // 启用分组和解析\n enableGrouping={true}\n enableProcessParsing={true}\n // 使用注释模式解析\n parseOptions={{ mode: \"comment\" }}\n initialized={initialized}\n // 文件点击回调\n onFileClick={onFileClick}\n // 样式\n className={className}\n style={style}\n />\n );\n};\n\nexport default Messages;\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAmC;AACnC,kBAAuC;AACvC,mBAAuE;AACvE,+BAAiB;AACjB,yBAAwB;AACxB,6BAA4B;AAC5B,8BAA6B;AAC7B,+BAA+B;AA0CnB;AAzBZ,IAAM,WAAwC,CAAC;AAAA,EAC7C;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,EAAE,UAAU,SAAS,UAAU,aAAa,aAAa,cAAc,SAAS,YAAY,QAAI,sCAAa;AACnH,QAAM,EAAE,aAAa,QAAQ,YAAY,QAAI,yCAAe;AAE5D,QAAM,gBAAe,mCAAS,aAAY;AAE1C,QAAM,qBAAiB,0BAAyB,CAAC,EAAE,SAAS,OAAO,aAAa,MAAM;AAEpF,UAAM,UAAU,MAAM,KAAK,MAAM,KAAK,SAAS,CAAC;AAChD,UAAM,eAAe,mCAAS;AAC9B,UAAM,YAAY,MAAM,UAAU;AAElC,UAAM,WAAW,MAAM,KACpB,OAAO,CAAC,MAAM,CAAC,EAAE,gBAAgB,CAAC,EAAE,gBAAgB,EACpD,IAAI,CAAC,MAAM,EAAE,QAAQ,EAAE,EACvB,KAAK,EAAE;AAEV,WACE,6CAAC,oBAAK,KAAK,IAAI,OAAM,UAAS,OAAO,EAAE,SAAS,SAAS,OAAO,UAAU,GACvE;AAAA,sBACC,4CAAC,uBAAQ,OAAM,QACb,sDAAC,+BAAe,OAAO,EAAE,QAAQ,UAAU,GAAG,SAAS,QAAQ,GACjE;AAAA,MAEF,4CAAC,uBAAQ,OAAM,QACb;AAAA,QAAC;AAAA;AAAA,UACC,OAAO,EAAE,QAAQ,UAAU;AAAA,UAC3B,SAAS,MAAM;AACb,yCAAAA,SAAK,QAAQ;AACb,gCAAQ,QAAQ,MAAM;AAAA,UACxB;AAAA;AAAA,MACF,GACF;AAAA,MACC,gBAAgB,gBACf,4EACE;AAAA,oDAAC,uBAAQ,OAAM,KACZ,wBAAc,IACb,4CAAC,2BAAW,OAAO,EAAE,OAAO,cAAc,QAAQ,UAAU,GAAG,IAE/D;AAAA,UAAC;AAAA;AAAA,YACC,OAAO,EAAE,QAAQ,UAAU;AAAA,YAC3B,SAAS,YAAY;AACnB,kBAAI,cAAc,GAAG;AACnB,oCAAQ,QAAQ,gBAAgB;AAChC;AAAA,cACF;AACA,oBAAM,KAAK,MAAM,YAAY,cAAc,CAAC;AAC5C,kBAAI;AAAI,oCAAQ,QAAQ,QAAQ;AAAA;AAC3B,oCAAQ,MAAM,YAAY;AAAA,YACjC;AAAA;AAAA,QACF,GAEJ;AAAA,QACA;AAAA,UAAC,uBAAAC;AAAA,UAAA;AAAA,YACC,KAAK;AAAA,YACL,aAAa;AAAA,YACb,UAAU,OAAO,aAAa;AAC5B,oBAAM,KAAK,MAAM,YAAY,cAAc,IAAI,QAAQ;AACvD,kBAAI;AAAI,oCAAQ,QAAQ,mBAAmB;AAAA;AACtC,oCAAQ,MAAM,YAAY;AAC/B,qBAAO;AAAA,YACT;AAAA;AAAA,QACF;AAAA,SACF;AAAA,OAEJ;AAAA,EAEJ,GAAG,CAAC,QAAQ,aAAa,cAAc,YAAY,CAAC;AAEpD,SACE;AAAA,IAAC,mBAAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MAEX,SAAS,WAAW;AAAA,MAEpB,gBAAgB;AAAA,MAChB,sBAAsB;AAAA,MAEtB,cAAc,EAAE,MAAM,UAAU;AAAA,MAChC;AAAA,MAEA;AAAA,MAEA;AAAA,MACA;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,mBAAQ;",
|
|
6
6
|
"names": ["copy", "DislikeFeedback", "XAdkChatbot"]
|
|
7
7
|
}
|
|
@@ -37,7 +37,7 @@ var import_ChatStateContext = require("../context/ChatStateContext");
|
|
|
37
37
|
var import_ChatActionContext = require("../context/ChatActionContext");
|
|
38
38
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
39
39
|
var Sender = (props) => {
|
|
40
|
-
const { loading } = (0, import_ChatStateContext.useChatState)();
|
|
40
|
+
const { loading, uploadRequest } = (0, import_ChatStateContext.useChatState)();
|
|
41
41
|
const { chat, stopChat, clearChat } = (0, import_ChatActionContext.useChatActions)();
|
|
42
42
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
43
43
|
import_XAdkSender.default,
|
|
@@ -46,6 +46,7 @@ var Sender = (props) => {
|
|
|
46
46
|
onSubmit: chat,
|
|
47
47
|
onStop: stopChat,
|
|
48
48
|
onClear: clearChat,
|
|
49
|
+
uploadRequest,
|
|
49
50
|
...props
|
|
50
51
|
}
|
|
51
52
|
);
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../src/components/XAdkProvider/compound/Sender.tsx"],
|
|
4
|
-
"sourcesContent": ["import React from 'react';\nimport XAdkSender from '@/components/XAdkSender';\nimport { useChatState } from '../context/ChatStateContext';\nimport { useChatActions } from '../context/ChatActionContext';\nimport type { XAdkSenderProps } from '@/types/XAdkSender';\n\n/**\n * XAdkProvider.Sender - 输入框组件\n *\n * 从 Context 获取聊天动作并提供输入界面\n * 基于 XAdkSender 组件实现\n *\n * @example\n * ```tsx\n * <XAdkProvider url=\"...\" token=\"...\">\n * <XAdkProvider.Sender\n * allowUpload={true}\n * clearBtnShow={true}\n * uploadRequest={myUploadHandler}\n * />\n * </XAdkProvider>\n * ```\n */\nexport interface XAdkSenderCompoundProps extends Partial<Omit<XAdkSenderProps, 'loading' | 'onSubmit' | 'onStop' | 'onClear'>> {\n /** 额外的样式 */\n style?: React.CSSProperties;\n /** 额外的类名 */\n className?: string;\n}\n\nconst Sender: React.FC<XAdkSenderCompoundProps> = (props) => {\n const { loading } = useChatState();\n const { chat, stopChat, clearChat } = useChatActions();\n\n return (\n <XAdkSender\n loading={loading}\n onSubmit={chat}\n onStop={stopChat}\n onClear={clearChat}\n {...props}\n />\n );\n};\n\nSender.displayName = 'XAdkProvider.Sender';\n\nexport default Sender;\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,wBAAuB;AACvB,8BAA6B;AAC7B,+BAA+B;AAgC3B;AALJ,IAAM,SAA4C,CAAC,UAAU;AAC3D,QAAM,EAAE,
|
|
4
|
+
"sourcesContent": ["import React from 'react';\nimport XAdkSender from '@/components/XAdkSender';\nimport { useChatState } from '../context/ChatStateContext';\nimport { useChatActions } from '../context/ChatActionContext';\nimport type { XAdkSenderProps } from '@/types/XAdkSender';\n\n/**\n * XAdkProvider.Sender - 输入框组件\n *\n * 从 Context 获取聊天动作并提供输入界面\n * 基于 XAdkSender 组件实现\n *\n * @example\n * ```tsx\n * <XAdkProvider url=\"...\" token=\"...\">\n * <XAdkProvider.Sender\n * allowUpload={true}\n * clearBtnShow={true}\n * uploadRequest={myUploadHandler}\n * />\n * </XAdkProvider>\n * ```\n */\nexport interface XAdkSenderCompoundProps extends Partial<Omit<XAdkSenderProps, 'loading' | 'onSubmit' | 'onStop' | 'onClear'>> {\n /** 额外的样式 */\n style?: React.CSSProperties;\n /** 额外的类名 */\n className?: string;\n}\n\nconst Sender: React.FC<XAdkSenderCompoundProps> = (props) => {\n const { loading, uploadRequest } = useChatState();\n const { chat, stopChat, clearChat } = useChatActions();\n\n return (\n <XAdkSender\n loading={loading}\n onSubmit={chat}\n onStop={stopChat}\n onClear={clearChat}\n uploadRequest={uploadRequest}\n {...props}\n />\n );\n};\n\nSender.displayName = 'XAdkProvider.Sender';\n\nexport default Sender;\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,wBAAuB;AACvB,8BAA6B;AAC7B,+BAA+B;AAgC3B;AALJ,IAAM,SAA4C,CAAC,UAAU;AAC3D,QAAM,EAAE,SAAS,cAAc,QAAI,sCAAa;AAChD,QAAM,EAAE,MAAM,UAAU,UAAU,QAAI,yCAAe;AAErD,SACE;AAAA,IAAC,kBAAAA;AAAA,IAAA;AAAA,MACC;AAAA,MACA,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,SAAS;AAAA,MACT;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,OAAO,cAAc;AAErB,IAAO,iBAAQ;",
|
|
6
6
|
"names": ["XAdkSender"]
|
|
7
7
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import type { IMessage } from "../../../types";
|
|
2
|
+
import type { IMessage, FileItem, UploadRequestFn } from "../../../types";
|
|
3
3
|
import type { ChatConfig } from "../../../services/api";
|
|
4
4
|
/**
|
|
5
5
|
* 聊天状态 Context
|
|
@@ -27,6 +27,10 @@ export interface ChatStateContextType {
|
|
|
27
27
|
initialized: boolean;
|
|
28
28
|
/** 是否展示点赞/点踩 */
|
|
29
29
|
showFeedback: boolean;
|
|
30
|
+
/** 点击附件回调 */
|
|
31
|
+
onFileClick?: (file: FileItem) => void;
|
|
32
|
+
/** 自定义上传函数 */
|
|
33
|
+
uploadRequest?: UploadRequestFn;
|
|
30
34
|
}
|
|
31
35
|
export declare const ChatStateContext: import("react").Context<ChatStateContextType | null>;
|
|
32
36
|
/**
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../src/components/XAdkProvider/context/ChatStateContext.tsx"],
|
|
4
|
-
"sourcesContent": ["import { createContext, useContext } from \"react\";\nimport type { IMessage } from \"@/types\";\nimport type { ChatConfig } from \"@/services/api\";\n\n/**\n * 聊天状态 Context\n * 只包含状态数据,不包含操作方法\n * 这样可以避免不必要的 rerender\n */\nexport interface ChatStateContextType {\n /** 请求地址 */\n url: string;\n /** 会话令牌 */\n token: string;\n /** 消息列表 */\n messages: IMessage[];\n /** 加载状态 */\n loading: boolean;\n /** 当前会话 ID */\n currentSessionId: string;\n /** 开场白 */\n prologue: string;\n /** 建议问题列表 */\n suggestions: string[];\n /** 应用配置信息 */\n appInfo: ChatConfig | null;\n /** 是否已初始化 */\n initialized: boolean;\n /** 是否展示点赞/点踩 */\n showFeedback: boolean;\n}\n\nexport const ChatStateContext = createContext<ChatStateContextType | null>(\n null,\n);\n\n/**\n * 使用聊天状态 Hook\n * @returns ChatStateContextType\n * @throws Error 如果在 XAdkProvider 外部使用\n */\nexport const useChatState = () => {\n const context = useContext(ChatStateContext);\n if (!context) {\n throw new Error(\"useChatState must be used within XAdkProvider\");\n }\n return context;\n};\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA0C;
|
|
4
|
+
"sourcesContent": ["import { createContext, useContext } from \"react\";\nimport type { IMessage, FileItem, UploadRequestFn } from \"@/types\";\nimport type { ChatConfig } from \"@/services/api\";\n\n/**\n * 聊天状态 Context\n * 只包含状态数据,不包含操作方法\n * 这样可以避免不必要的 rerender\n */\nexport interface ChatStateContextType {\n /** 请求地址 */\n url: string;\n /** 会话令牌 */\n token: string;\n /** 消息列表 */\n messages: IMessage[];\n /** 加载状态 */\n loading: boolean;\n /** 当前会话 ID */\n currentSessionId: string;\n /** 开场白 */\n prologue: string;\n /** 建议问题列表 */\n suggestions: string[];\n /** 应用配置信息 */\n appInfo: ChatConfig | null;\n /** 是否已初始化 */\n initialized: boolean;\n /** 是否展示点赞/点踩 */\n showFeedback: boolean;\n /** 点击附件回调 */\n onFileClick?: (file: FileItem) => void;\n /** 自定义上传函数 */\n uploadRequest?: UploadRequestFn;\n}\n\nexport const ChatStateContext = createContext<ChatStateContextType | null>(\n null,\n);\n\n/**\n * 使用聊天状态 Hook\n * @returns ChatStateContextType\n * @throws Error 如果在 XAdkProvider 外部使用\n */\nexport const useChatState = () => {\n const context = useContext(ChatStateContext);\n if (!context) {\n throw new Error(\"useChatState must be used within XAdkProvider\");\n }\n return context;\n};\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA0C;AAoCnC,IAAM,uBAAmB;AAAA,EAC9B;AACF;AAOO,IAAM,eAAe,MAAM;AAChC,QAAM,cAAU,yBAAW,gBAAgB;AAC3C,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,+CAA+C;AAAA,EACjE;AACA,SAAO;AACT;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -97,6 +97,8 @@ var XAdkProviderComponent = (0, import_react.forwardRef)(
|
|
|
97
97
|
likeMessage = async () => false
|
|
98
98
|
} = data;
|
|
99
99
|
const showFeedback = (config == null ? void 0 : config.showFeedback) ?? true;
|
|
100
|
+
const onFileClick = config == null ? void 0 : config.onFileClick;
|
|
101
|
+
const uploadRequest = config == null ? void 0 : config.uploadRequest;
|
|
100
102
|
(0, import_react.useImperativeHandle)(
|
|
101
103
|
ref,
|
|
102
104
|
() => ({
|
|
@@ -139,7 +141,9 @@ var XAdkProviderComponent = (0, import_react.forwardRef)(
|
|
|
139
141
|
initialized,
|
|
140
142
|
url,
|
|
141
143
|
token,
|
|
142
|
-
showFeedback
|
|
144
|
+
showFeedback,
|
|
145
|
+
onFileClick,
|
|
146
|
+
uploadRequest
|
|
143
147
|
}),
|
|
144
148
|
[
|
|
145
149
|
messages,
|
|
@@ -149,7 +153,9 @@ var XAdkProviderComponent = (0, import_react.forwardRef)(
|
|
|
149
153
|
suggestions,
|
|
150
154
|
appInfo,
|
|
151
155
|
initialized,
|
|
152
|
-
showFeedback
|
|
156
|
+
showFeedback,
|
|
157
|
+
onFileClick,
|
|
158
|
+
uploadRequest
|
|
153
159
|
]
|
|
154
160
|
);
|
|
155
161
|
const chatActionValue = (0, import_react.useMemo)(
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/components/XAdkProvider/index.tsx"],
|
|
4
|
-
"sourcesContent": ["import React, { forwardRef, useImperativeHandle, useMemo } from \"react\";\nimport { ConfigProvider } from \"antd\";\nimport { XProvider } from \"@ant-design/x\";\nimport { ChatStateContext } from \"./context/ChatStateContext\";\nimport { ChatActionContext } from \"./context/ChatActionContext\";\nimport { SessionContext } from \"./context/SessionContext\";\nimport useADKChat from \"@/hooks/useADKChat\";\nimport { primaryBlue } from \"@/styles/common\";\nimport type {\n XAdkProviderProps,\n XAdkProviderHandle,\n} from \"@/types/XAdkProvider\";\nimport type { ChatHookResult } from \"@/types/ChatHook\";\n\n/**\n * XAdkProvider Props (扩展版)\n *\n * 支持两种使用方式:\n * 1. 标准协议: 提供 url/token/config,使用内置 useADKChat\n * 2. 自定义协议: 提供 chatData,使用自己的 Hook\n */\nexport interface XAdkProviderPropsExtended extends Omit<\n XAdkProviderProps,\n \"url\" | \"token\" | \"config\"\n> {\n /**\n * 选项 A: 使用标准协议 (内置 useADKChat)\n */\n url?: string;\n token: string;\n config?: any;\n\n /**\n * 选项 B: 使用自定义 Hook 数据\n * 如果提供此参数,将忽略 url/token/config\n *\n * @example\n * // GraphQL 协议\n * const chatData = useMyGraphQLChat({ endpoint: '...' });\n * <XAdkProvider chatData={chatData}>\n * <XAdkProvider.DefaultLayout />\n * </XAdkProvider>\n *\n * @example\n * // WebSocket 协议\n * const chatData = useWebSocketChat({ url: 'ws://...' });\n * <XAdkProvider chatData={chatData}>\n * <XAdkProvider.DefaultLayout />\n * </XAdkProvider>\n */\n chatData?: ChatHookResult;\n\n children: React.ReactNode;\n}\n\n/**\n * XAdkProvider - AI 聊天 SDK 核心 Provider\n *\n * 采用 Compound Components 架构:\n * - 只负责数据和状态管理\n * - 不包含 UI 布局\n * - 通过 Context 向子组件提供数据\n * - 支持完全自定义的组件组合\n * - 支持协议解耦,可使用自定义 Hook\n *\n * @example\n * // 基础用法 - 标准协议\n * <XAdkProvider url=\"...\" token=\"...\" config={...}>\n * <XAdkProvider.Chatbot />\n * </XAdkProvider>\n *\n * @example\n * // 自定义协议 - GraphQL\n * function App() {\n * const chatData = useMyGraphQLChat({ endpoint: '...' });\n * return (\n * <XAdkProvider chatData={chatData}>\n * <XAdkProvider.DefaultLayout />\n * </XAdkProvider>\n * );\n * }\n *\n * @example\n * // 自定义布局\n * <XAdkProvider url=\"...\" token=\"...\">\n * <div style={{ display: 'flex' }}>\n * <XAdkProvider.Sidebar />\n * <div>\n * <XAdkProvider.Messages />\n * <XAdkProvider.Sender />\n * </div>\n * </div>\n * </XAdkProvider>\n */\nconst XAdkProviderComponent = forwardRef<\n XAdkProviderHandle,\n XAdkProviderPropsExtended\n>(\n (\n {\n url = window.location.origin,\n token,\n config,\n chatData, // 自定义 Hook 数据\n providerId = \"defaultId\",\n onSuccess,\n onError,\n onMessage,\n onStream,\n children,\n },\n ref,\n ) => {\n // 内置 Hook 数据 (仅在没有提供 chatData 时调用)\n const internalData = useADKChat({\n url,\n token: token || \"\",\n config: config || {},\n onError,\n onSuccess,\n onMessage,\n onStream,\n // 仅在提供了 url 和 token 时才初始化\n enabled: !chatData && !!url && !!token,\n });\n\n // 使用外部数据或内部数据\n const data = chatData || internalData;\n\n // 解构数据\n const {\n appInfo,\n startChat,\n stopChat,\n reChat,\n clearChat,\n suggestChat,\n confirmFnCall,\n deleteSession,\n updateSession,\n currentSessionId,\n sessionPagination,\n sessionList,\n messages,\n loading,\n prologue,\n suggestions,\n initialized,\n setCurrentSessionDetail,\n setMessages,\n likeMessage = async () => false,\n } = data;\n\n const showFeedback = config?.showFeedback ?? true;\n\n // 暴露 API 给 ref\n useImperativeHandle(\n ref,\n () => ({\n startChat,\n stopChat,\n reChat,\n clearChat,\n suggestChat,\n deleteSession,\n updateSession,\n getAppInfo: () => appInfo,\n getMessages: () => messages,\n getSessions: () => sessionList,\n setMessages,\n setCurrentSessionDetail,\n }),\n [\n appInfo,\n messages,\n sessionList,\n startChat,\n stopChat,\n reChat,\n clearChat,\n suggestChat,\n deleteSession,\n updateSession,\n setMessages,\n setCurrentSessionDetail,\n ],\n );\n\n // 状态 Context Value - 使用 useMemo 避免不必要的 rerender\n const chatStateValue = useMemo(\n () => ({\n messages,\n loading,\n currentSessionId,\n prologue,\n suggestions,\n appInfo,\n initialized,\n url,\n token,\n showFeedback,\n }),\n [\n messages,\n loading,\n currentSessionId,\n prologue,\n suggestions,\n appInfo,\n initialized,\n showFeedback,\n ],\n );\n\n // 动作 Context Value - 函数引用稳定,不需要每次都创建新对象\n const chatActionValue = useMemo(\n () => ({\n chat: startChat,\n stopChat,\n clearChat,\n reChat,\n suggestChat,\n confirmFnCall,\n setMessages,\n likeMessage,\n }),\n [\n startChat,\n stopChat,\n clearChat,\n reChat,\n suggestChat,\n confirmFnCall,\n setMessages,\n likeMessage,\n ],\n );\n\n // 会话 Context Value\n const sessionValue = useMemo(\n () => ({\n sessionList,\n sessionPagination,\n deleteSession,\n updateSession,\n setCurrentSessionDetail,\n }),\n [\n sessionList,\n sessionPagination,\n deleteSession,\n updateSession,\n setCurrentSessionDetail,\n ],\n );\n\n return (\n <ConfigProvider\n theme={{\n token: {\n colorPrimary: appInfo?.appTheme || primaryBlue,\n },\n }}\n >\n <XProvider>\n <ChatStateContext.Provider value={chatStateValue}>\n <ChatActionContext.Provider value={chatActionValue}>\n <SessionContext.Provider value={sessionValue}>\n <div\n style={{\n display: \"flex\",\n height: \"100%\",\n width: \"100%\",\n position: \"relative\",\n }}\n >\n {children}\n </div>\n </SessionContext.Provider>\n </ChatActionContext.Provider>\n </ChatStateContext.Provider>\n </XProvider>\n </ConfigProvider>\n );\n },\n);\n\nXAdkProviderComponent.displayName = \"XAdkProvider\";\n\n// 导入 Compound Components\nimport Header from \"./compound/Header\";\nimport Sidebar from \"./compound/Sidebar\";\nimport Messages from \"./compound/Messages\";\nimport Sender from \"./compound/Sender\";\nimport Chatbot from \"./compound/Chatbot\";\nimport Welcome from \"./compound/Welcome\";\nimport DefaultLayout from \"./compound/DefaultLayout\";\n\n// 导出时会挂载 Compound Components\nconst XAdkProvider = XAdkProviderComponent as typeof XAdkProviderComponent & {\n Header: typeof Header;\n Sidebar: typeof Sidebar;\n Messages: typeof Messages;\n Sender: typeof Sender;\n Chatbot: typeof Chatbot;\n Welcome: typeof Welcome;\n DefaultLayout: typeof DefaultLayout;\n};\n\n// 挂载 Compound Components\nXAdkProvider.Header = Header;\nXAdkProvider.Sidebar = Sidebar;\nXAdkProvider.Messages = Messages;\nXAdkProvider.Sender = Sender;\nXAdkProvider.Chatbot = Chatbot;\nXAdkProvider.DefaultLayout = DefaultLayout;\nXAdkProvider.Welcome = Welcome;\n\nexport default XAdkProvider;\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAgE;AAChE,kBAA+B;AAC/B,eAA0B;AAC1B,8BAAiC;AACjC,+BAAkC;AAClC,4BAA+B;AAC/B,wBAAuB;AACvB,oBAA4B;
|
|
4
|
+
"sourcesContent": ["import React, { forwardRef, useImperativeHandle, useMemo } from \"react\";\nimport { ConfigProvider } from \"antd\";\nimport { XProvider } from \"@ant-design/x\";\nimport { ChatStateContext } from \"./context/ChatStateContext\";\nimport { ChatActionContext } from \"./context/ChatActionContext\";\nimport { SessionContext } from \"./context/SessionContext\";\nimport useADKChat from \"@/hooks/useADKChat\";\nimport { primaryBlue } from \"@/styles/common\";\nimport type {\n XAdkProviderProps,\n XAdkProviderHandle,\n} from \"@/types/XAdkProvider\";\nimport type { ChatHookResult } from \"@/types/ChatHook\";\n\n/**\n * XAdkProvider Props (扩展版)\n *\n * 支持两种使用方式:\n * 1. 标准协议: 提供 url/token/config,使用内置 useADKChat\n * 2. 自定义协议: 提供 chatData,使用自己的 Hook\n */\nexport interface XAdkProviderPropsExtended extends Omit<\n XAdkProviderProps,\n \"url\" | \"token\" | \"config\"\n> {\n /**\n * 选项 A: 使用标准协议 (内置 useADKChat)\n */\n url?: string;\n token: string;\n config?: any;\n\n /**\n * 选项 B: 使用自定义 Hook 数据\n * 如果提供此参数,将忽略 url/token/config\n *\n * @example\n * // GraphQL 协议\n * const chatData = useMyGraphQLChat({ endpoint: '...' });\n * <XAdkProvider chatData={chatData}>\n * <XAdkProvider.DefaultLayout />\n * </XAdkProvider>\n *\n * @example\n * // WebSocket 协议\n * const chatData = useWebSocketChat({ url: 'ws://...' });\n * <XAdkProvider chatData={chatData}>\n * <XAdkProvider.DefaultLayout />\n * </XAdkProvider>\n */\n chatData?: ChatHookResult;\n\n children: React.ReactNode;\n}\n\n/**\n * XAdkProvider - AI 聊天 SDK 核心 Provider\n *\n * 采用 Compound Components 架构:\n * - 只负责数据和状态管理\n * - 不包含 UI 布局\n * - 通过 Context 向子组件提供数据\n * - 支持完全自定义的组件组合\n * - 支持协议解耦,可使用自定义 Hook\n *\n * @example\n * // 基础用法 - 标准协议\n * <XAdkProvider url=\"...\" token=\"...\" config={...}>\n * <XAdkProvider.Chatbot />\n * </XAdkProvider>\n *\n * @example\n * // 自定义协议 - GraphQL\n * function App() {\n * const chatData = useMyGraphQLChat({ endpoint: '...' });\n * return (\n * <XAdkProvider chatData={chatData}>\n * <XAdkProvider.DefaultLayout />\n * </XAdkProvider>\n * );\n * }\n *\n * @example\n * // 自定义布局\n * <XAdkProvider url=\"...\" token=\"...\">\n * <div style={{ display: 'flex' }}>\n * <XAdkProvider.Sidebar />\n * <div>\n * <XAdkProvider.Messages />\n * <XAdkProvider.Sender />\n * </div>\n * </div>\n * </XAdkProvider>\n */\nconst XAdkProviderComponent = forwardRef<\n XAdkProviderHandle,\n XAdkProviderPropsExtended\n>(\n (\n {\n url = window.location.origin,\n token,\n config,\n chatData, // 自定义 Hook 数据\n providerId = \"defaultId\",\n onSuccess,\n onError,\n onMessage,\n onStream,\n children,\n },\n ref,\n ) => {\n // 内置 Hook 数据 (仅在没有提供 chatData 时调用)\n const internalData = useADKChat({\n url,\n token: token || \"\",\n config: config || {},\n onError,\n onSuccess,\n onMessage,\n onStream,\n // 仅在提供了 url 和 token 时才初始化\n enabled: !chatData && !!url && !!token,\n });\n\n // 使用外部数据或内部数据\n const data = chatData || internalData;\n\n // 解构数据\n const {\n appInfo,\n startChat,\n stopChat,\n reChat,\n clearChat,\n suggestChat,\n confirmFnCall,\n deleteSession,\n updateSession,\n currentSessionId,\n sessionPagination,\n sessionList,\n messages,\n loading,\n prologue,\n suggestions,\n initialized,\n setCurrentSessionDetail,\n setMessages,\n likeMessage = async () => false,\n } = data;\n\n const showFeedback = config?.showFeedback ?? true;\n const onFileClick = config?.onFileClick;\n const uploadRequest = config?.uploadRequest;\n\n // 暴露 API 给 ref\n useImperativeHandle(\n ref,\n () => ({\n startChat,\n stopChat,\n reChat,\n clearChat,\n suggestChat,\n deleteSession,\n updateSession,\n getAppInfo: () => appInfo,\n getMessages: () => messages,\n getSessions: () => sessionList,\n setMessages,\n setCurrentSessionDetail,\n }),\n [\n appInfo,\n messages,\n sessionList,\n startChat,\n stopChat,\n reChat,\n clearChat,\n suggestChat,\n deleteSession,\n updateSession,\n setMessages,\n setCurrentSessionDetail,\n ],\n );\n\n // 状态 Context Value - 使用 useMemo 避免不必要的 rerender\n const chatStateValue = useMemo(\n () => ({\n messages,\n loading,\n currentSessionId,\n prologue,\n suggestions,\n appInfo,\n initialized,\n url,\n token,\n showFeedback,\n onFileClick,\n uploadRequest,\n }),\n [\n messages,\n loading,\n currentSessionId,\n prologue,\n suggestions,\n appInfo,\n initialized,\n showFeedback,\n onFileClick,\n uploadRequest,\n ],\n );\n\n // 动作 Context Value - 函数引用稳定,不需要每次都创建新对象\n const chatActionValue = useMemo(\n () => ({\n chat: startChat,\n stopChat,\n clearChat,\n reChat,\n suggestChat,\n confirmFnCall,\n setMessages,\n likeMessage,\n }),\n [\n startChat,\n stopChat,\n clearChat,\n reChat,\n suggestChat,\n confirmFnCall,\n setMessages,\n likeMessage,\n ],\n );\n\n // 会话 Context Value\n const sessionValue = useMemo(\n () => ({\n sessionList,\n sessionPagination,\n deleteSession,\n updateSession,\n setCurrentSessionDetail,\n }),\n [\n sessionList,\n sessionPagination,\n deleteSession,\n updateSession,\n setCurrentSessionDetail,\n ],\n );\n\n return (\n <ConfigProvider\n theme={{\n token: {\n colorPrimary: appInfo?.appTheme || primaryBlue,\n },\n }}\n >\n <XProvider>\n <ChatStateContext.Provider value={chatStateValue}>\n <ChatActionContext.Provider value={chatActionValue}>\n <SessionContext.Provider value={sessionValue}>\n <div\n style={{\n display: \"flex\",\n height: \"100%\",\n width: \"100%\",\n position: \"relative\",\n }}\n >\n {children}\n </div>\n </SessionContext.Provider>\n </ChatActionContext.Provider>\n </ChatStateContext.Provider>\n </XProvider>\n </ConfigProvider>\n );\n },\n);\n\nXAdkProviderComponent.displayName = \"XAdkProvider\";\n\n// 导入 Compound Components\nimport Header from \"./compound/Header\";\nimport Sidebar from \"./compound/Sidebar\";\nimport Messages from \"./compound/Messages\";\nimport Sender from \"./compound/Sender\";\nimport Chatbot from \"./compound/Chatbot\";\nimport Welcome from \"./compound/Welcome\";\nimport DefaultLayout from \"./compound/DefaultLayout\";\n\n// 导出时会挂载 Compound Components\nconst XAdkProvider = XAdkProviderComponent as typeof XAdkProviderComponent & {\n Header: typeof Header;\n Sidebar: typeof Sidebar;\n Messages: typeof Messages;\n Sender: typeof Sender;\n Chatbot: typeof Chatbot;\n Welcome: typeof Welcome;\n DefaultLayout: typeof DefaultLayout;\n};\n\n// 挂载 Compound Components\nXAdkProvider.Header = Header;\nXAdkProvider.Sidebar = Sidebar;\nXAdkProvider.Messages = Messages;\nXAdkProvider.Sender = Sender;\nXAdkProvider.Chatbot = Chatbot;\nXAdkProvider.DefaultLayout = DefaultLayout;\nXAdkProvider.Welcome = Welcome;\n\nexport default XAdkProvider;\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": ["useADKChat", "Header", "Sidebar", "Messages", "Sender", "Chatbot", "DefaultLayout", "Welcome"]
|
|
7
7
|
}
|
|
@@ -387,11 +387,11 @@ function useADKChat({
|
|
|
387
387
|
id: (0, import_uuid.v4)(),
|
|
388
388
|
role: "user",
|
|
389
389
|
fileData: files.map((file) => {
|
|
390
|
-
var _a, _b;
|
|
390
|
+
var _a, _b, _c;
|
|
391
391
|
return {
|
|
392
|
-
displayName: file.name,
|
|
393
|
-
mimeType: (_a = file.response) == null ? void 0 : _a.mimeType,
|
|
394
|
-
fileUri: (_b = file.response) == null ? void 0 : _b.fileUrl
|
|
392
|
+
displayName: file.fileName || file.name,
|
|
393
|
+
mimeType: file.mimeType || ((_a = file.response) == null ? void 0 : _a.mimeType),
|
|
394
|
+
fileUri: file.tempUrl || ((_b = file.response) == null ? void 0 : _b.fileUrl) || ((_c = file.response) == null ? void 0 : _c.tempUrl)
|
|
395
395
|
};
|
|
396
396
|
})
|
|
397
397
|
});
|
|
@@ -413,13 +413,13 @@ function useADKChat({
|
|
|
413
413
|
parts: functionResponse ? [{ functionResponse }] : [{ text }]
|
|
414
414
|
},
|
|
415
415
|
files: files.map((file) => {
|
|
416
|
-
var _a, _b, _c, _d, _e;
|
|
416
|
+
var _a, _b, _c, _d, _e, _f;
|
|
417
417
|
return {
|
|
418
|
-
fileName: (_a = file.response) == null ? void 0 : _a.fileName,
|
|
419
|
-
fileId: (_b = file.response) == null ? void 0 : _b.fileId,
|
|
420
|
-
tempUrl: (_c = file.response) == null ? void 0 : _c.fileUrl,
|
|
421
|
-
type: (
|
|
422
|
-
mimeType: (
|
|
418
|
+
fileName: file.fileName || ((_a = file.response) == null ? void 0 : _a.fileName),
|
|
419
|
+
fileId: file.fileId || ((_b = file.response) == null ? void 0 : _b.fileId),
|
|
420
|
+
tempUrl: file.tempUrl || ((_c = file.response) == null ? void 0 : _c.fileUrl) || ((_d = file.response) == null ? void 0 : _d.tempUrl),
|
|
421
|
+
type: file.type || ((_e = file.response) == null ? void 0 : _e.fileType),
|
|
422
|
+
mimeType: file.mimeType || ((_f = file.response) == null ? void 0 : _f.mimeType)
|
|
423
423
|
};
|
|
424
424
|
})
|
|
425
425
|
});
|
|
@@ -511,7 +511,10 @@ function useADKChat({
|
|
|
511
511
|
}) : [];
|
|
512
512
|
if (parts.length === 0)
|
|
513
513
|
return;
|
|
514
|
-
parts.
|
|
514
|
+
const textParts = parts.filter((p) => p.text || p.errorMessage || p.inlineData);
|
|
515
|
+
const fileDataParts = parts.filter((p) => p.fileData);
|
|
516
|
+
const otherParts = parts.filter((p) => !p.text && !p.errorMessage && !p.inlineData && !p.fileData);
|
|
517
|
+
if (textParts.length > 0 || fileDataParts.length > 0) {
|
|
515
518
|
const msg = {
|
|
516
519
|
id: (0, import_uuid.v4)(),
|
|
517
520
|
author: item.author,
|
|
@@ -522,33 +525,49 @@ function useADKChat({
|
|
|
522
525
|
role,
|
|
523
526
|
raw: item
|
|
524
527
|
};
|
|
525
|
-
|
|
526
|
-
|
|
527
|
-
|
|
528
|
-
|
|
529
|
-
|
|
530
|
-
|
|
531
|
-
|
|
532
|
-
|
|
533
|
-
|
|
534
|
-
|
|
535
|
-
|
|
528
|
+
for (const part of textParts) {
|
|
529
|
+
if (part.inlineData) {
|
|
530
|
+
msg.inlineData = {
|
|
531
|
+
displayName: part.inlineData.displayName,
|
|
532
|
+
data: part.inlineData.data,
|
|
533
|
+
mimeType: part.inlineData.mimeType
|
|
534
|
+
};
|
|
535
|
+
}
|
|
536
|
+
if (part.text) {
|
|
537
|
+
msg.text = (msg.text ? msg.text + "\n" : "") + part.text;
|
|
538
|
+
if (typeof part.thought !== "undefined")
|
|
539
|
+
msg.thought = part.thought;
|
|
540
|
+
}
|
|
541
|
+
if (part.errorMessage) {
|
|
542
|
+
msg.text = (msg.text ? msg.text + "\n" : "") + part.errorMessage;
|
|
543
|
+
}
|
|
536
544
|
}
|
|
537
|
-
if (
|
|
538
|
-
msg.
|
|
539
|
-
if (part.fileData) {
|
|
540
|
-
msg.inlineData = {
|
|
545
|
+
if (fileDataParts.length > 0) {
|
|
546
|
+
msg.fileData = fileDataParts.map((part) => ({
|
|
541
547
|
displayName: part.fileData.displayName || "",
|
|
542
|
-
|
|
548
|
+
fileUri: part.fileData.fileUri,
|
|
543
549
|
mimeType: part.fileData.mimeType
|
|
544
|
-
};
|
|
550
|
+
}));
|
|
545
551
|
}
|
|
552
|
+
mapped.push(msg);
|
|
553
|
+
}
|
|
554
|
+
otherParts.forEach((part) => {
|
|
555
|
+
const msg = {
|
|
556
|
+
id: (0, import_uuid.v4)(),
|
|
557
|
+
author: item.author,
|
|
558
|
+
invocationId: item.invocationId,
|
|
559
|
+
eventId: item.id,
|
|
560
|
+
timestamp: item.timestamp,
|
|
561
|
+
isLike: item.isLike,
|
|
562
|
+
role,
|
|
563
|
+
raw: item
|
|
564
|
+
};
|
|
565
|
+
if (part.functionCall)
|
|
566
|
+
msg.functionCall = part.functionCall;
|
|
546
567
|
if (part.executableCode)
|
|
547
568
|
msg.executableCode = part.executableCode;
|
|
548
569
|
if (part.codeExecutionResult)
|
|
549
570
|
msg.codeExecutionResult = part.codeExecutionResult;
|
|
550
|
-
if (part.errorMessage)
|
|
551
|
-
msg.text = part.errorMessage;
|
|
552
571
|
if (part.functionResponse) {
|
|
553
572
|
const functionCallMsg = mapped.find(
|
|
554
573
|
(msg2) => {
|