@ai-group/chat-sdk 2.1.14 → 3.0.1-alpha.2
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/XAdkChatbot.stories.d.ts +9 -2
- package/dist/cjs/components/XAdkChatbot/XAdkChatbot.stories.js +564 -10
- package/dist/cjs/components/XAdkChatbot/XAdkChatbot.stories.js.map +2 -2
- package/dist/cjs/components/XAdkChatbot/components/FileGallery/index.d.ts +12 -0
- package/dist/cjs/components/XAdkChatbot/components/FileGallery/index.js +92 -0
- package/dist/cjs/components/XAdkChatbot/components/FileGallery/index.js.map +7 -0
- package/dist/cjs/components/XAdkChatbot/components/FileGallery/styles.d.ts +44 -0
- package/dist/cjs/components/XAdkChatbot/components/FileGallery/styles.js +137 -0
- package/dist/cjs/components/XAdkChatbot/components/FileGallery/styles.js.map +7 -0
- package/dist/cjs/components/XAdkChatbot/index.d.ts +10 -0
- package/dist/cjs/components/XAdkChatbot/index.js +292 -123
- package/dist/cjs/components/XAdkChatbot/index.js.map +3 -3
- package/dist/cjs/components/XAdkChatbot/styles.d.ts +10 -0
- package/dist/cjs/components/XAdkChatbot/styles.js +67 -3
- package/dist/cjs/components/XAdkChatbot/styles.js.map +2 -2
- package/dist/cjs/components/XAdkProvider/XAdkProvider.stories.d.ts +10 -0
- package/dist/cjs/components/XAdkProvider/XAdkProvider.stories.js +394 -0
- package/dist/cjs/components/XAdkProvider/XAdkProvider.stories.js.map +7 -0
- package/dist/cjs/components/XAdkProvider/compound/Chatbot.d.ts +30 -0
- package/dist/cjs/components/XAdkProvider/compound/Chatbot.js +64 -0
- package/dist/cjs/components/XAdkProvider/compound/Chatbot.js.map +7 -0
- package/dist/cjs/components/XAdkProvider/compound/DefaultLayout.d.ts +26 -0
- package/dist/cjs/components/XAdkProvider/compound/DefaultLayout.js +199 -0
- package/dist/cjs/components/XAdkProvider/compound/DefaultLayout.js.map +7 -0
- package/dist/cjs/components/XAdkProvider/compound/DislikeFeedBack.d.ts +8 -0
- package/dist/cjs/components/XAdkProvider/compound/DislikeFeedBack.js +117 -0
- package/dist/cjs/components/XAdkProvider/compound/DislikeFeedBack.js.map +7 -0
- package/dist/cjs/components/XAdkProvider/compound/FeedbackTags.d.ts +7 -0
- package/dist/cjs/components/XAdkProvider/compound/FeedbackTags.js +64 -0
- package/dist/cjs/components/XAdkProvider/compound/FeedbackTags.js.map +7 -0
- package/dist/cjs/components/XAdkProvider/compound/Header.d.ts +25 -0
- package/dist/cjs/components/XAdkProvider/compound/Header.js +70 -0
- package/dist/cjs/components/XAdkProvider/compound/Header.js.map +7 -0
- package/dist/cjs/components/XAdkProvider/compound/Messages.d.ts +17 -0
- package/dist/cjs/components/XAdkProvider/compound/Messages.js +70 -0
- package/dist/cjs/components/XAdkProvider/compound/Messages.js.map +7 -0
- package/dist/cjs/components/XAdkProvider/compound/Sender.d.ts +27 -0
- package/dist/cjs/components/XAdkProvider/compound/Sender.js +55 -0
- package/dist/cjs/components/XAdkProvider/compound/Sender.js.map +7 -0
- package/dist/cjs/components/XAdkProvider/compound/Sidebar.d.ts +24 -0
- package/dist/cjs/components/XAdkProvider/compound/Sidebar.js +151 -0
- package/dist/cjs/components/XAdkProvider/compound/Sidebar.js.map +7 -0
- package/dist/cjs/components/XAdkProvider/compound/Welcome.d.ts +6 -0
- package/dist/cjs/components/XAdkProvider/compound/Welcome.js +60 -0
- package/dist/cjs/components/XAdkProvider/compound/Welcome.js.map +7 -0
- package/dist/cjs/components/XAdkProvider/compound/index.d.ts +17 -0
- package/dist/cjs/components/XAdkProvider/compound/index.js +55 -0
- package/dist/cjs/components/XAdkProvider/compound/index.js.map +7 -0
- package/dist/cjs/components/XAdkProvider/compound/styles.d.ts +36 -0
- package/dist/cjs/components/XAdkProvider/compound/styles.js +49 -0
- package/dist/cjs/components/XAdkProvider/compound/styles.js.map +7 -0
- package/dist/cjs/components/XAdkProvider/context/ChatActionContext.d.ts +30 -0
- package/dist/cjs/components/XAdkProvider/context/ChatActionContext.js +40 -0
- package/dist/cjs/components/XAdkProvider/context/ChatActionContext.js.map +7 -0
- package/dist/cjs/components/XAdkProvider/context/ChatStateContext.d.ts +35 -0
- package/dist/cjs/components/XAdkProvider/context/ChatStateContext.js +42 -0
- package/dist/cjs/components/XAdkProvider/context/ChatStateContext.js.map +7 -0
- package/dist/cjs/components/XAdkProvider/context/SessionContext.d.ts +29 -0
- package/dist/cjs/components/XAdkProvider/context/SessionContext.js +40 -0
- package/dist/cjs/components/XAdkProvider/context/SessionContext.js.map +7 -0
- package/dist/cjs/components/XAdkProvider/context/index.d.ts +7 -0
- package/dist/cjs/components/XAdkProvider/context/index.js +28 -0
- package/dist/cjs/components/XAdkProvider/context/index.js.map +7 -0
- package/dist/cjs/components/XAdkProvider/index.d.ts +55 -0
- package/dist/cjs/components/XAdkProvider/index.js +221 -0
- package/dist/cjs/components/XAdkProvider/index.js.map +7 -0
- package/dist/cjs/components/{XAdkWebProvider → XAdkProvider}/styles.js +2 -1
- package/dist/cjs/components/XAdkProvider/styles.js.map +7 -0
- package/dist/cjs/components/XAdkSender/FileGallery.d.ts +8 -0
- package/dist/cjs/components/XAdkSender/FileGallery.js +381 -0
- package/dist/cjs/components/XAdkSender/FileGallery.js.map +7 -0
- package/dist/cjs/components/XAdkSender/index.js +95 -81
- package/dist/cjs/components/XAdkSender/index.js.map +3 -3
- package/dist/cjs/components/XAdkSender/styles.d.ts +0 -9
- package/dist/cjs/components/XAdkSender/styles.js +21 -150
- package/dist/cjs/components/XAdkSender/styles.js.map +2 -2
- package/dist/cjs/components/XAiConversations/index.js +1 -1
- package/dist/cjs/components/XAiConversations/index.js.map +2 -2
- package/dist/cjs/components/XAiConversations/styles.js +5 -0
- package/dist/cjs/components/XAiConversations/styles.js.map +2 -2
- package/dist/cjs/hooks/useADKChat.d.ts +7 -1
- package/dist/cjs/hooks/useADKChat.js +20 -4
- package/dist/cjs/hooks/useADKChat.js.map +2 -2
- package/dist/cjs/index.d.ts +25 -9
- package/dist/cjs/index.js +37 -0
- package/dist/cjs/index.js.map +3 -3
- package/dist/cjs/styles/common.js +1 -1
- package/dist/cjs/styles/common.js.map +2 -2
- package/dist/cjs/types/ChatHook.d.ts +81 -0
- package/dist/cjs/types/ChatHook.js +18 -0
- package/dist/cjs/types/ChatHook.js.map +7 -0
- package/dist/cjs/types/XAdkChatbot.d.ts +80 -15
- package/dist/cjs/types/XAdkChatbot.js.map +1 -1
- package/dist/cjs/types/XAdkProvider.d.ts +10 -27
- package/dist/cjs/types/XAdkProvider.js.map +2 -2
- package/dist/cjs/types/XAdkSender.d.ts +18 -0
- package/dist/cjs/types/XAdkSender.js.map +1 -1
- package/dist/cjs/types/XAiConversations.d.ts +4 -2
- package/dist/cjs/types/XAiConversations.js.map +1 -1
- package/dist/cjs/types/XAiThoughtChain.d.ts +1 -1
- package/dist/cjs/types/XAiThoughtChain.js.map +1 -1
- package/dist/cjs/utils/index.d.ts +1 -0
- package/dist/cjs/utils/index.js +4 -1
- package/dist/cjs/utils/index.js.map +2 -2
- package/dist/cjs/utils/parseAgentMessage.d.ts +81 -0
- package/dist/cjs/utils/parseAgentMessage.js +180 -0
- package/dist/cjs/utils/parseAgentMessage.js.map +7 -0
- package/dist/cjs/utils/umdEntry.d.ts +91 -0
- package/dist/cjs/utils/umdEntry.js +108 -6
- package/dist/cjs/utils/umdEntry.js.map +3 -3
- package/dist/esm/components/XAdkChatbot/XAdkChatbot.stories.d.ts +9 -2
- package/dist/esm/components/XAdkChatbot/XAdkChatbot.stories.js +485 -8
- package/dist/esm/components/XAdkChatbot/XAdkChatbot.stories.js.map +1 -1
- package/dist/esm/components/XAdkChatbot/components/FileGallery/index.d.ts +12 -0
- package/dist/esm/components/XAdkChatbot/components/FileGallery/index.js +104 -0
- package/dist/esm/components/XAdkChatbot/components/FileGallery/index.js.map +1 -0
- package/dist/esm/components/XAdkChatbot/components/FileGallery/styles.d.ts +44 -0
- package/dist/esm/components/XAdkChatbot/components/FileGallery/styles.js +20 -0
- package/dist/esm/components/XAdkChatbot/components/FileGallery/styles.js.map +1 -0
- package/dist/esm/components/XAdkChatbot/index.d.ts +10 -0
- package/dist/esm/components/XAdkChatbot/index.js +388 -172
- package/dist/esm/components/XAdkChatbot/index.js.map +1 -1
- package/dist/esm/components/XAdkChatbot/styles.d.ts +10 -0
- package/dist/esm/components/XAdkChatbot/styles.js +23 -12
- package/dist/esm/components/XAdkChatbot/styles.js.map +1 -1
- package/dist/esm/components/XAdkProvider/XAdkProvider.stories.d.ts +10 -0
- package/dist/esm/components/XAdkProvider/XAdkProvider.stories.js +338 -0
- package/dist/esm/components/XAdkProvider/XAdkProvider.stories.js.map +1 -0
- package/dist/esm/components/XAdkProvider/compound/Chatbot.d.ts +30 -0
- package/dist/esm/components/XAdkProvider/compound/Chatbot.js +47 -0
- package/dist/esm/components/XAdkProvider/compound/Chatbot.js.map +1 -0
- package/dist/esm/components/XAdkProvider/compound/DefaultLayout.d.ts +26 -0
- package/dist/esm/components/XAdkProvider/compound/DefaultLayout.js +142 -0
- package/dist/esm/components/XAdkProvider/compound/DefaultLayout.js.map +1 -0
- package/dist/esm/components/XAdkProvider/compound/DislikeFeedBack.d.ts +8 -0
- package/dist/esm/components/XAdkProvider/compound/DislikeFeedBack.js +122 -0
- package/dist/esm/components/XAdkProvider/compound/DislikeFeedBack.js.map +1 -0
- package/dist/esm/components/XAdkProvider/compound/FeedbackTags.d.ts +7 -0
- package/dist/esm/components/XAdkProvider/compound/FeedbackTags.js +34 -0
- package/dist/esm/components/XAdkProvider/compound/FeedbackTags.js.map +1 -0
- package/dist/esm/components/XAdkProvider/compound/Header.d.ts +25 -0
- package/dist/esm/components/XAdkProvider/compound/Header.js +79 -0
- package/dist/esm/components/XAdkProvider/compound/Header.js.map +1 -0
- package/dist/esm/components/XAdkProvider/compound/Messages.d.ts +17 -0
- package/dist/esm/components/XAdkProvider/compound/Messages.js +53 -0
- package/dist/esm/components/XAdkProvider/compound/Messages.js.map +1 -0
- package/dist/esm/components/XAdkProvider/compound/Sender.d.ts +27 -0
- package/dist/esm/components/XAdkProvider/compound/Sender.js +41 -0
- package/dist/esm/components/XAdkProvider/compound/Sender.js.map +1 -0
- package/dist/esm/components/XAdkProvider/compound/Sidebar.d.ts +24 -0
- package/dist/esm/components/XAdkProvider/compound/Sidebar.js +142 -0
- package/dist/esm/components/XAdkProvider/compound/Sidebar.js.map +1 -0
- package/dist/esm/components/XAdkProvider/compound/Welcome.d.ts +6 -0
- package/dist/esm/components/XAdkProvider/compound/Welcome.js +36 -0
- package/dist/esm/components/XAdkProvider/compound/Welcome.js.map +1 -0
- package/dist/esm/components/XAdkProvider/compound/index.d.ts +17 -0
- package/dist/esm/components/XAdkProvider/compound/index.js +13 -0
- package/dist/esm/components/XAdkProvider/compound/index.js.map +1 -0
- package/dist/esm/components/XAdkProvider/compound/styles.d.ts +36 -0
- package/dist/esm/components/XAdkProvider/compound/styles.js +10 -0
- package/dist/esm/components/XAdkProvider/compound/styles.js.map +1 -0
- package/dist/esm/components/XAdkProvider/context/ChatActionContext.d.ts +30 -0
- package/dist/esm/components/XAdkProvider/context/ChatActionContext.js +23 -0
- package/dist/esm/components/XAdkProvider/context/ChatActionContext.js.map +1 -0
- package/dist/esm/components/XAdkProvider/context/ChatStateContext.d.ts +35 -0
- package/dist/esm/components/XAdkProvider/context/ChatStateContext.js +23 -0
- package/dist/esm/components/XAdkProvider/context/ChatStateContext.js.map +1 -0
- package/dist/esm/components/XAdkProvider/context/SessionContext.d.ts +29 -0
- package/dist/esm/components/XAdkProvider/context/SessionContext.js +22 -0
- package/dist/esm/components/XAdkProvider/context/SessionContext.js.map +1 -0
- package/dist/esm/components/XAdkProvider/context/index.d.ts +7 -0
- package/dist/esm/components/XAdkProvider/context/index.js +9 -0
- package/dist/esm/components/XAdkProvider/context/index.js.map +1 -0
- package/dist/esm/components/XAdkProvider/index.d.ts +55 -0
- package/dist/esm/components/XAdkProvider/index.js +220 -0
- package/dist/esm/components/XAdkProvider/index.js.map +1 -0
- package/dist/esm/components/{XAdkWebProvider → XAdkProvider}/styles.js +2 -2
- package/dist/esm/components/XAdkProvider/styles.js.map +1 -0
- package/dist/esm/components/XAdkSender/FileGallery.d.ts +8 -0
- package/dist/esm/components/XAdkSender/FileGallery.js +236 -0
- package/dist/esm/components/XAdkSender/FileGallery.js.map +1 -0
- package/dist/esm/components/XAdkSender/index.js +92 -109
- package/dist/esm/components/XAdkSender/index.js.map +1 -1
- package/dist/esm/components/XAdkSender/styles.d.ts +0 -9
- package/dist/esm/components/XAdkSender/styles.js +14 -31
- package/dist/esm/components/XAdkSender/styles.js.map +1 -1
- package/dist/esm/components/XAiConversations/index.js +1 -1
- package/dist/esm/components/XAiConversations/index.js.map +1 -1
- package/dist/esm/components/XAiConversations/styles.js +2 -2
- package/dist/esm/components/XAiConversations/styles.js.map +1 -1
- package/dist/esm/hooks/useADKChat.d.ts +7 -1
- package/dist/esm/hooks/useADKChat.js +31 -12
- package/dist/esm/hooks/useADKChat.js.map +1 -1
- package/dist/esm/index.d.ts +25 -9
- package/dist/esm/index.js +28 -2
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/styles/common.js +11 -11
- package/dist/esm/styles/common.js.map +1 -1
- package/dist/esm/types/ChatHook.d.ts +81 -0
- package/dist/esm/types/ChatHook.js +2 -0
- package/dist/esm/types/ChatHook.js.map +1 -0
- package/dist/esm/types/XAdkChatbot.d.ts +80 -15
- package/dist/esm/types/XAdkChatbot.js.map +1 -1
- package/dist/esm/types/XAdkProvider.d.ts +10 -27
- package/dist/esm/types/XAdkProvider.js.map +1 -1
- package/dist/esm/types/XAdkSender.d.ts +18 -0
- package/dist/esm/types/XAdkSender.js.map +1 -1
- package/dist/esm/types/XAiConversations.d.ts +4 -2
- package/dist/esm/types/XAiConversations.js.map +1 -1
- package/dist/esm/types/XAiThoughtChain.d.ts +1 -1
- package/dist/esm/types/XAiThoughtChain.js.map +1 -1
- package/dist/esm/utils/index.d.ts +1 -0
- package/dist/esm/utils/index.js +3 -0
- package/dist/esm/utils/index.js.map +1 -1
- package/dist/esm/utils/parseAgentMessage.d.ts +81 -0
- package/dist/esm/utils/parseAgentMessage.js +286 -0
- package/dist/esm/utils/parseAgentMessage.js.map +1 -0
- package/dist/esm/utils/umdEntry.d.ts +91 -0
- package/dist/esm/utils/umdEntry.js +154 -16
- package/dist/esm/utils/umdEntry.js.map +1 -1
- package/dist/umd/chat-sdk.min.css +1 -1
- package/dist/umd/chat-sdk.min.js +1 -1
- package/package.json +20 -11
- package/dist/cjs/components/XAdkWebProvider/XAdkWebProvider.stories.d.ts +0 -7
- package/dist/cjs/components/XAdkWebProvider/XAdkWebProvider.stories.js +0 -177
- package/dist/cjs/components/XAdkWebProvider/XAdkWebProvider.stories.js.map +0 -7
- package/dist/cjs/components/XAdkWebProvider/index.d.ts +0 -4
- package/dist/cjs/components/XAdkWebProvider/index.js +0 -372
- package/dist/cjs/components/XAdkWebProvider/index.js.map +0 -7
- package/dist/cjs/components/XAdkWebProvider/styles.js.map +0 -7
- package/dist/esm/components/XAdkWebProvider/XAdkWebProvider.stories.d.ts +0 -7
- package/dist/esm/components/XAdkWebProvider/XAdkWebProvider.stories.js +0 -163
- package/dist/esm/components/XAdkWebProvider/XAdkWebProvider.stories.js.map +0 -1
- package/dist/esm/components/XAdkWebProvider/index.d.ts +0 -4
- package/dist/esm/components/XAdkWebProvider/index.js +0 -480
- package/dist/esm/components/XAdkWebProvider/index.js.map +0 -1
- package/dist/esm/components/XAdkWebProvider/styles.js.map +0 -1
- /package/dist/cjs/components/{XAdkWebProvider → XAdkProvider}/styles.d.ts +0 -0
- /package/dist/esm/components/{XAdkWebProvider → XAdkProvider}/styles.d.ts +0 -0
|
@@ -0,0 +1,104 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { Image } from "antd";
|
|
3
|
+
import { useStyles } from "./styles";
|
|
4
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
5
|
+
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
6
|
+
/**
|
|
7
|
+
* 获取文件名
|
|
8
|
+
*/
|
|
9
|
+
var getFileName = function getFileName(file) {
|
|
10
|
+
return file.displayName || "";
|
|
11
|
+
};
|
|
12
|
+
|
|
13
|
+
/**
|
|
14
|
+
* 获取文件 URL
|
|
15
|
+
*/
|
|
16
|
+
var getFileUrl = function getFileUrl(file) {
|
|
17
|
+
return file.fileUri || "";
|
|
18
|
+
};
|
|
19
|
+
|
|
20
|
+
/**
|
|
21
|
+
* 判断是否为图片
|
|
22
|
+
*/
|
|
23
|
+
var isImage = function isImage(file) {
|
|
24
|
+
if (!file) return false;
|
|
25
|
+
var mimeType = file.mimeType;
|
|
26
|
+
var name = getFileName(file);
|
|
27
|
+
var url = getFileUrl(file);
|
|
28
|
+
|
|
29
|
+
// 1. 根据 MIME 类型判断
|
|
30
|
+
if (mimeType !== null && mimeType !== void 0 && mimeType.startsWith("image/")) return true;
|
|
31
|
+
|
|
32
|
+
// 2. 根据后缀名判断
|
|
33
|
+
if (name !== null && name !== void 0 && name.match(/\.(jpg|jpeg|png|gif|webp|bmp|svg)$/i)) return true;
|
|
34
|
+
|
|
35
|
+
// 3. 根据 URL 后缀判断 (兜底)
|
|
36
|
+
if (url !== null && url !== void 0 && url.match(/\.(jpg|jpeg|png|gif|webp|bmp|svg)(\?.*)?$/i)) return true;
|
|
37
|
+
return false;
|
|
38
|
+
};
|
|
39
|
+
|
|
40
|
+
/**
|
|
41
|
+
* 文件展示画廊组件
|
|
42
|
+
* 支持图片九宫格 + 文件列表双模式
|
|
43
|
+
*/
|
|
44
|
+
var FileGallery = function FileGallery(_ref) {
|
|
45
|
+
var files = _ref.files,
|
|
46
|
+
_ref$align = _ref.align,
|
|
47
|
+
align = _ref$align === void 0 ? "left" : _ref$align;
|
|
48
|
+
var styles = useStyles();
|
|
49
|
+
if (!files || files.length === 0) return null;
|
|
50
|
+
|
|
51
|
+
// 分类:图片 vs 其他文件
|
|
52
|
+
var imageFiles = files.filter(isImage);
|
|
53
|
+
var otherFiles = files.filter(function (f) {
|
|
54
|
+
return !isImage(f);
|
|
55
|
+
});
|
|
56
|
+
return /*#__PURE__*/_jsxs("div", {
|
|
57
|
+
className: "".concat(styles.fileGalleryWrapper, " ").concat(align === "right" ? "alignRight" : ""),
|
|
58
|
+
children: [imageFiles.length > 0 && /*#__PURE__*/_jsx("div", {
|
|
59
|
+
className: styles.imageGrid,
|
|
60
|
+
"data-count": imageFiles.length,
|
|
61
|
+
children: /*#__PURE__*/_jsx(Image.PreviewGroup, {
|
|
62
|
+
children: imageFiles.map(function (file, index) {
|
|
63
|
+
var src = getFileUrl(file);
|
|
64
|
+
return /*#__PURE__*/_jsx("div", {
|
|
65
|
+
className: styles.imageItem,
|
|
66
|
+
children: /*#__PURE__*/_jsx(Image, {
|
|
67
|
+
src: src,
|
|
68
|
+
className: styles.img,
|
|
69
|
+
width: "100%",
|
|
70
|
+
height: "100%",
|
|
71
|
+
alt: getFileName(file),
|
|
72
|
+
fallback: "https://via.placeholder.com/150?text=Load+Error",
|
|
73
|
+
style: {
|
|
74
|
+
objectFit: "cover"
|
|
75
|
+
}
|
|
76
|
+
})
|
|
77
|
+
}, index);
|
|
78
|
+
})
|
|
79
|
+
})
|
|
80
|
+
}), otherFiles.length > 0 && /*#__PURE__*/_jsx("div", {
|
|
81
|
+
className: styles.fileList,
|
|
82
|
+
children: otherFiles.map(function (file, i) {
|
|
83
|
+
return /*#__PURE__*/_jsx("div", {
|
|
84
|
+
className: styles.fileItem,
|
|
85
|
+
children: /*#__PURE__*/_jsxs("a", {
|
|
86
|
+
href: getFileUrl(file),
|
|
87
|
+
target: "_blank",
|
|
88
|
+
rel: "noopener noreferrer",
|
|
89
|
+
className: styles.fileLink,
|
|
90
|
+
children: [/*#__PURE__*/_jsx("span", {
|
|
91
|
+
className: styles.fileIcon,
|
|
92
|
+
children: "\uD83D\uDCC4"
|
|
93
|
+
}), /*#__PURE__*/_jsx("span", {
|
|
94
|
+
className: styles.fileName,
|
|
95
|
+
children: getFileName(file)
|
|
96
|
+
})]
|
|
97
|
+
})
|
|
98
|
+
}, i);
|
|
99
|
+
})
|
|
100
|
+
})]
|
|
101
|
+
});
|
|
102
|
+
};
|
|
103
|
+
export default FileGallery;
|
|
104
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","Image","useStyles","jsx","_jsx","jsxs","_jsxs","getFileName","file","displayName","getFileUrl","fileUri","isImage","mimeType","name","url","startsWith","match","FileGallery","_ref","files","_ref$align","align","styles","length","imageFiles","filter","otherFiles","f","className","concat","fileGalleryWrapper","children","imageGrid","PreviewGroup","map","index","src","imageItem","img","width","height","alt","fallback","style","objectFit","fileList","i","fileItem","href","target","rel","fileLink","fileIcon","fileName"],"sources":["../../../../../../src/components/XAdkChatbot/components/FileGallery/index.tsx"],"sourcesContent":["import React from \"react\";\nimport { Image } from \"antd\";\nimport { useStyles } from \"./styles\";\nimport type { FileData } from \"@/types\";\n\nexport interface FileGalleryProps {\n files?: FileData[];\n align?: \"left\" | \"right\";\n}\n\n/**\n * 获取文件名\n */\nconst getFileName = (file: FileData): string => {\n return file.displayName || \"\";\n};\n\n/**\n * 获取文件 URL\n */\nconst getFileUrl = (file: FileData): string => {\n return file.fileUri || \"\";\n};\n\n/**\n * 判断是否为图片\n */\nconst isImage = (file: FileData): boolean => {\n if (!file) return false;\n\n const mimeType = file.mimeType;\n const name = getFileName(file);\n const url = getFileUrl(file);\n\n // 1. 根据 MIME 类型判断\n if (mimeType?.startsWith(\"image/\")) return true;\n\n // 2. 根据后缀名判断\n if (name?.match(/\\.(jpg|jpeg|png|gif|webp|bmp|svg)$/i)) return true;\n\n // 3. 根据 URL 后缀判断 (兜底)\n if (url?.match(/\\.(jpg|jpeg|png|gif|webp|bmp|svg)(\\?.*)?$/i)) return true;\n\n return false;\n};\n\n/**\n * 文件展示画廊组件\n * 支持图片九宫格 + 文件列表双模式\n */\nconst FileGallery: React.FC<FileGalleryProps> = ({ files, align = \"left\" }) => {\n const styles = useStyles();\n\n if (!files || files.length === 0) return null;\n\n // 分类:图片 vs 其他文件\n const imageFiles = files.filter(isImage);\n const otherFiles = files.filter((f) => !isImage(f));\n\n return (\n <div\n className={`${styles.fileGalleryWrapper} ${align === \"right\" ? \"alignRight\" : \"\"}`}\n >\n {/* 1. 图片区域:九宫格 */}\n {imageFiles.length > 0 && (\n <div className={styles.imageGrid} data-count={imageFiles.length}>\n <Image.PreviewGroup>\n {imageFiles.map((file, index) => {\n const src = getFileUrl(file);\n return (\n <div key={index} className={styles.imageItem}>\n <Image\n src={src}\n className={styles.img}\n width=\"100%\"\n height=\"100%\"\n alt={getFileName(file)}\n fallback=\"https://via.placeholder.com/150?text=Load+Error\"\n style={{ objectFit: \"cover\" }}\n />\n </div>\n );\n })}\n </Image.PreviewGroup>\n </div>\n )}\n\n {/* 2. 非图片文件:列表展示 */}\n {otherFiles.length > 0 && (\n <div className={styles.fileList}>\n {otherFiles.map((file, i) => (\n <div key={i} className={styles.fileItem}>\n <a\n href={getFileUrl(file)}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n className={styles.fileLink}\n >\n <span className={styles.fileIcon}>📄</span>\n <span className={styles.fileName}>{getFileName(file)}</span>\n </a>\n </div>\n ))}\n </div>\n )}\n </div>\n );\n};\n\nexport default FileGallery;\n"],"mappings":"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"}
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
export declare const useStyles: () => {
|
|
2
|
+
fileGalleryWrapper: string;
|
|
3
|
+
imageGrid: string;
|
|
4
|
+
imageItem: string;
|
|
5
|
+
img: string;
|
|
6
|
+
fileList: string;
|
|
7
|
+
fileItem: string;
|
|
8
|
+
fileLink: string;
|
|
9
|
+
fileIcon: string;
|
|
10
|
+
fileName: string;
|
|
11
|
+
} & {
|
|
12
|
+
w: (width: string | number) => string;
|
|
13
|
+
h: (height: string | number) => string;
|
|
14
|
+
p: (padding: string) => string;
|
|
15
|
+
pb: (padding: string | number) => string;
|
|
16
|
+
pt: (padding: string | number) => string;
|
|
17
|
+
pl: (padding: string | number) => string;
|
|
18
|
+
pr: (padding: string | number) => string;
|
|
19
|
+
m: (margin: string) => string;
|
|
20
|
+
mb: (margin: string | number) => string;
|
|
21
|
+
mt: (margin: string | number) => string;
|
|
22
|
+
ml: (margin: string | number) => string;
|
|
23
|
+
mr: (margin: string | number) => string;
|
|
24
|
+
text: (size: string | number) => string;
|
|
25
|
+
weight: (size: number) => string;
|
|
26
|
+
textColor: (c: string) => string;
|
|
27
|
+
bg: (c: string) => string;
|
|
28
|
+
rs: (radius: string | number) => string;
|
|
29
|
+
gap: (g: string | number) => string;
|
|
30
|
+
flex: string;
|
|
31
|
+
flexCenter: string;
|
|
32
|
+
flexBetween: string;
|
|
33
|
+
flexColumn: string;
|
|
34
|
+
flex1: string;
|
|
35
|
+
cursor: (type: string) => string;
|
|
36
|
+
border: (color: string, width?: string) => string;
|
|
37
|
+
boxShadow: (shadow: string) => string;
|
|
38
|
+
transition: (property?: string, duration?: string) => string;
|
|
39
|
+
overflow: (type: string) => string;
|
|
40
|
+
position: (type: string) => string;
|
|
41
|
+
zIndex: (index: number) => string;
|
|
42
|
+
flexCenterGap2: string;
|
|
43
|
+
flexCenterGap4: string;
|
|
44
|
+
};
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
|
|
2
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
|
|
3
|
+
import { css } from "@emotion/css";
|
|
4
|
+
import { withBasicStyles } from "../../../../styles/common";
|
|
5
|
+
export var useStyles = withBasicStyles(function () {
|
|
6
|
+
return {
|
|
7
|
+
fileGalleryWrapper: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n margin: 8px 0;\n\n &.alignRight {\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n }\n "]))),
|
|
8
|
+
// 九宫格布局
|
|
9
|
+
imageGrid: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n display: grid;\n gap: 8px;\n max-width: 400px;\n margin-bottom: 8px;\n\n /* 1\u5F20\u56FE\u7247:\u5355\u5217 */\n &[data-count=\"1\"] {\n grid-template-columns: 1fr;\n max-width: 300px;\n }\n\n /* 2-4\u5F20\u56FE\u7247:\u4E24\u5217 */\n &[data-count=\"2\"],\n &[data-count=\"3\"],\n &[data-count=\"4\"] {\n grid-template-columns: repeat(2, 1fr);\n }\n\n /* 5-9\u5F20\u56FE\u7247:\u4E09\u5217 */\n &[data-count=\"5\"],\n &[data-count=\"6\"],\n &[data-count=\"7\"],\n &[data-count=\"8\"],\n &[data-count=\"9\"] {\n grid-template-columns: repeat(3, 1fr);\n max-width: 400px;\n }\n "]))),
|
|
10
|
+
imageItem: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n position: relative;\n width: 100%;\n padding-top: 100%; /* 1:1 \u6BD4\u4F8B */\n overflow: hidden;\n border-radius: 8px;\n background: #ffffff;\n border: 1px solid #d9d9d9;\n\n .ant-image {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n "]))),
|
|
11
|
+
img: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n object-fit: cover;\n cursor: pointer;\n transition: transform 0.2s;\n\n &:hover {\n transform: scale(1.05);\n }\n "]))),
|
|
12
|
+
// 文件列表
|
|
13
|
+
fileList: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n gap: 8px;\n max-width: 400px;\n "]))),
|
|
14
|
+
fileItem: css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n background: #ffffff;\n border: 1px solid #d9d9d9;\n border-radius: 8px;\n padding: 12px;\n transition: all 0.2s;\n\n &:hover {\n border-color: #1890ff;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);\n }\n "]))),
|
|
15
|
+
fileLink: css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n gap: 8px;\n color: rgba(0, 0, 0, 0.85);\n text-decoration: none;\n\n &:hover {\n color: #1890ff;\n }\n "]))),
|
|
16
|
+
fileIcon: css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n font-size: 20px;\n "]))),
|
|
17
|
+
fileName: css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n flex: 1;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n "])))
|
|
18
|
+
};
|
|
19
|
+
});
|
|
20
|
+
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["css","withBasicStyles","useStyles","fileGalleryWrapper","_templateObject","_taggedTemplateLiteral","imageGrid","_templateObject2","imageItem","_templateObject3","img","_templateObject4","fileList","_templateObject5","fileItem","_templateObject6","fileLink","_templateObject7","fileIcon","_templateObject8","fileName","_templateObject9"],"sources":["../../../../../../src/components/XAdkChatbot/components/FileGallery/styles.tsx"],"sourcesContent":["import { css } from \"@emotion/css\";\nimport { withBasicStyles } from \"@/styles/common\";\n\nexport const useStyles = withBasicStyles(() => ({\n fileGalleryWrapper: css`\n margin: 8px 0;\n\n &.alignRight {\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n }\n `,\n\n // 九宫格布局\n imageGrid: css`\n display: grid;\n gap: 8px;\n max-width: 400px;\n margin-bottom: 8px;\n\n /* 1张图片:单列 */\n &[data-count=\"1\"] {\n grid-template-columns: 1fr;\n max-width: 300px;\n }\n\n /* 2-4张图片:两列 */\n &[data-count=\"2\"],\n &[data-count=\"3\"],\n &[data-count=\"4\"] {\n grid-template-columns: repeat(2, 1fr);\n }\n\n /* 5-9张图片:三列 */\n &[data-count=\"5\"],\n &[data-count=\"6\"],\n &[data-count=\"7\"],\n &[data-count=\"8\"],\n &[data-count=\"9\"] {\n grid-template-columns: repeat(3, 1fr);\n max-width: 400px;\n }\n `,\n\n imageItem: css`\n position: relative;\n width: 100%;\n padding-top: 100%; /* 1:1 比例 */\n overflow: hidden;\n border-radius: 8px;\n background: #ffffff;\n border: 1px solid #d9d9d9;\n\n .ant-image {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n `,\n\n img: css`\n object-fit: cover;\n cursor: pointer;\n transition: transform 0.2s;\n\n &:hover {\n transform: scale(1.05);\n }\n `,\n\n // 文件列表\n fileList: css`\n display: flex;\n flex-direction: column;\n gap: 8px;\n max-width: 400px;\n `,\n\n fileItem: css`\n background: #ffffff;\n border: 1px solid #d9d9d9;\n border-radius: 8px;\n padding: 12px;\n transition: all 0.2s;\n\n &:hover {\n border-color: #1890ff;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);\n }\n `,\n\n fileLink: css`\n display: flex;\n align-items: center;\n gap: 8px;\n color: rgba(0, 0, 0, 0.85);\n text-decoration: none;\n\n &:hover {\n color: #1890ff;\n }\n `,\n\n fileIcon: css`\n font-size: 20px;\n `,\n\n fileName: css`\n flex: 1;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n `,\n}));\n"],"mappings":";;AAAA,SAASA,GAAG,QAAQ,cAAc;AAClC,SAASC,eAAe;AAExB,OAAO,IAAMC,SAAS,GAAGD,eAAe,CAAC;EAAA,OAAO;IAC9CE,kBAAkB,EAAEH,GAAG,CAAAI,eAAA,KAAAA,eAAA,GAAAC,sBAAA,gJAQtB;IAED;IACAC,SAAS,EAAEN,GAAG,CAAAO,gBAAA,KAAAA,gBAAA,GAAAF,sBAAA,gqBA4Bb;IAEDG,SAAS,EAAER,GAAG,CAAAS,gBAAA,KAAAA,gBAAA,GAAAJ,sBAAA,8UAgBb;IAEDK,GAAG,EAAEV,GAAG,CAAAW,gBAAA,KAAAA,gBAAA,GAAAN,sBAAA,kJAQP;IAED;IACAO,QAAQ,EAAEZ,GAAG,CAAAa,gBAAA,KAAAA,gBAAA,GAAAR,sBAAA,mGAKZ;IAEDS,QAAQ,EAAEd,GAAG,CAAAe,gBAAA,KAAAA,gBAAA,GAAAV,sBAAA,sPAWZ;IAEDW,QAAQ,EAAEhB,GAAG,CAAAiB,gBAAA,KAAAA,gBAAA,GAAAZ,sBAAA,qLAUZ;IAEDa,QAAQ,EAAElB,GAAG,CAAAmB,gBAAA,KAAAA,gBAAA,GAAAd,sBAAA,kCAEZ;IAEDe,QAAQ,EAAEpB,GAAG,CAAAqB,gBAAA,KAAAA,gBAAA,GAAAhB,sBAAA;EAMf,CAAC;AAAA,CAAC,CAAC"}
|
|
@@ -1,4 +1,14 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import type { XAdkChatbotProps } from "../../types";
|
|
3
|
+
/**
|
|
4
|
+
* XAdkChatbot - 增强版聊天组件
|
|
5
|
+
*
|
|
6
|
+
* 新增功能:
|
|
7
|
+
* - ✅ 自动消息分组 (enableGrouping)
|
|
8
|
+
* - ✅ 自动解析思维链 (enableProcessParsing)
|
|
9
|
+
* - ✅ 文件展示 (FileGallery)
|
|
10
|
+
* - ✅ 操作栏 (重试/复制/日志)
|
|
11
|
+
* - ✅ 欢迎页面 (agentName/agentIcon/description)
|
|
12
|
+
*/
|
|
3
13
|
declare const XAdkChatbot: React.FC<XAdkChatbotProps>;
|
|
4
14
|
export default XAdkChatbot;
|