@ai-group/chat-sdk 3.0.1-alpha.6 → 3.0.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/FileGallery/index.d.ts +33 -0
- package/dist/cjs/components/FileGallery/index.js +301 -0
- package/dist/cjs/components/FileGallery/index.js.map +7 -0
- package/dist/{esm/components/XAdkChatbot → cjs}/components/FileGallery/styles.d.ts +11 -6
- package/dist/cjs/components/FileGallery/styles.js +188 -0
- package/dist/cjs/components/FileGallery/styles.js.map +7 -0
- package/dist/cjs/components/XAdkChatbot/index.js +1 -1
- package/dist/cjs/components/XAdkChatbot/index.js.map +1 -1
- package/dist/cjs/components/XAdkSender/index.js +2 -2
- package/dist/cjs/components/XAdkSender/index.js.map +2 -2
- package/dist/cjs/index.d.ts +2 -2
- package/dist/cjs/index.js +1 -1
- package/dist/cjs/index.js.map +3 -3
- package/dist/cjs/types/FileGallery.d.ts +54 -0
- package/dist/cjs/types/FileGallery.js +18 -0
- package/dist/cjs/types/FileGallery.js.map +7 -0
- package/dist/cjs/types/index.d.ts +1 -0
- package/dist/cjs/types/index.js +2 -0
- package/dist/cjs/types/index.js.map +2 -2
- package/dist/esm/components/FileGallery/index.d.ts +33 -0
- package/dist/esm/components/FileGallery/index.js +439 -0
- package/dist/esm/components/FileGallery/index.js.map +1 -0
- package/dist/{cjs/components/XAdkChatbot → esm}/components/FileGallery/styles.d.ts +11 -6
- package/dist/esm/components/FileGallery/styles.js +23 -0
- package/dist/esm/components/FileGallery/styles.js.map +1 -0
- package/dist/esm/components/XAdkChatbot/index.js +1 -1
- package/dist/esm/components/XAdkChatbot/index.js.map +1 -1
- package/dist/esm/components/XAdkSender/index.js +2 -1
- package/dist/esm/components/XAdkSender/index.js.map +1 -1
- package/dist/esm/index.d.ts +2 -2
- package/dist/esm/index.js +2 -2
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types/FileGallery.d.ts +54 -0
- package/dist/esm/types/FileGallery.js +2 -0
- package/dist/esm/types/FileGallery.js.map +1 -0
- package/dist/esm/types/index.d.ts +1 -0
- package/dist/esm/types/index.js +1 -0
- package/dist/esm/types/index.js.map +1 -1
- package/dist/umd/chat-sdk.min.js +1 -1
- package/package.json +1 -1
- package/dist/cjs/components/XAdkChatbot/components/FileGallery/index.d.ts +0 -12
- package/dist/cjs/components/XAdkChatbot/components/FileGallery/index.js +0 -92
- package/dist/cjs/components/XAdkChatbot/components/FileGallery/index.js.map +0 -7
- package/dist/cjs/components/XAdkChatbot/components/FileGallery/styles.js +0 -137
- package/dist/cjs/components/XAdkChatbot/components/FileGallery/styles.js.map +0 -7
- package/dist/cjs/components/XAdkSender/FileGallery.d.ts +0 -8
- package/dist/cjs/components/XAdkSender/FileGallery.js +0 -444
- package/dist/cjs/components/XAdkSender/FileGallery.js.map +0 -7
- package/dist/esm/components/XAdkChatbot/components/FileGallery/index.d.ts +0 -12
- package/dist/esm/components/XAdkChatbot/components/FileGallery/index.js +0 -104
- package/dist/esm/components/XAdkChatbot/components/FileGallery/index.js.map +0 -1
- package/dist/esm/components/XAdkChatbot/components/FileGallery/styles.js +0 -20
- package/dist/esm/components/XAdkChatbot/components/FileGallery/styles.js.map +0 -1
- package/dist/esm/components/XAdkSender/FileGallery.d.ts +0 -8
- package/dist/esm/components/XAdkSender/FileGallery.js +0 -347
- package/dist/esm/components/XAdkSender/FileGallery.js.map +0 -1
|
@@ -1,347 +0,0 @@
|
|
|
1
|
-
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
|
2
|
-
import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
|
|
3
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14;
|
|
4
|
-
import React, { useState, useEffect } from "react";
|
|
5
|
-
import { Image, Tooltip, Progress } from "antd";
|
|
6
|
-
import { FileOutlined, FilePdfOutlined, FileWordOutlined, FileExcelOutlined, FilePptOutlined, FileImageOutlined, CloseOutlined, AudioOutlined, VideoCameraOutlined } from "@ant-design/icons";
|
|
7
|
-
import { css } from "@emotion/css";
|
|
8
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
9
|
-
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
10
|
-
// 判断是否是图片文件
|
|
11
|
-
var isImageFile = function isImageFile(file) {
|
|
12
|
-
if (!file.type) return false;
|
|
13
|
-
return file.type.startsWith("image/");
|
|
14
|
-
};
|
|
15
|
-
|
|
16
|
-
// 获取文件扩展名
|
|
17
|
-
var getFileExtension = function getFileExtension(filename) {
|
|
18
|
-
var ext = filename.split(".").pop();
|
|
19
|
-
return ext ? ext.toLowerCase() : "";
|
|
20
|
-
};
|
|
21
|
-
|
|
22
|
-
// 判断是否是音频文件
|
|
23
|
-
var isAudioFile = function isAudioFile(file) {
|
|
24
|
-
if (!file.type) return false;
|
|
25
|
-
return file.type.startsWith("audio/");
|
|
26
|
-
};
|
|
27
|
-
|
|
28
|
-
// 判断是否是视频文件
|
|
29
|
-
var isVideoFile = function isVideoFile(file) {
|
|
30
|
-
if (!file.type) return false;
|
|
31
|
-
return file.type.startsWith("video/");
|
|
32
|
-
};
|
|
33
|
-
|
|
34
|
-
// 获取文件图标和颜色
|
|
35
|
-
var getFileIcon = function getFileIcon(file) {
|
|
36
|
-
var ext = getFileExtension(file.name);
|
|
37
|
-
|
|
38
|
-
// PDF
|
|
39
|
-
if (ext === "pdf") {
|
|
40
|
-
return {
|
|
41
|
-
icon: /*#__PURE__*/_jsx(FilePdfOutlined, {}),
|
|
42
|
-
color: "#ff4d4f"
|
|
43
|
-
};
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
// Word
|
|
47
|
-
if (["doc", "docx"].includes(ext)) {
|
|
48
|
-
return {
|
|
49
|
-
icon: /*#__PURE__*/_jsx(FileWordOutlined, {}),
|
|
50
|
-
color: "#1677ff"
|
|
51
|
-
};
|
|
52
|
-
}
|
|
53
|
-
|
|
54
|
-
// Excel
|
|
55
|
-
if (["xls", "xlsx", "csv"].includes(ext)) {
|
|
56
|
-
return {
|
|
57
|
-
icon: /*#__PURE__*/_jsx(FileExcelOutlined, {}),
|
|
58
|
-
color: "#22b35e"
|
|
59
|
-
};
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
// PPT
|
|
63
|
-
if (["ppt", "pptx"].includes(ext)) {
|
|
64
|
-
return {
|
|
65
|
-
icon: /*#__PURE__*/_jsx(FilePptOutlined, {}),
|
|
66
|
-
color: "#ff6e31"
|
|
67
|
-
};
|
|
68
|
-
}
|
|
69
|
-
|
|
70
|
-
// Audio
|
|
71
|
-
if (["mp3", "wav", "m4a", "aac", "ogg", "flac"].includes(ext)) {
|
|
72
|
-
return {
|
|
73
|
-
icon: /*#__PURE__*/_jsx(AudioOutlined, {}),
|
|
74
|
-
color: "#722ed1"
|
|
75
|
-
};
|
|
76
|
-
}
|
|
77
|
-
|
|
78
|
-
// Video
|
|
79
|
-
if (["mp4", "mov", "webm", "mkv", "avi"].includes(ext)) {
|
|
80
|
-
return {
|
|
81
|
-
icon: /*#__PURE__*/_jsx(VideoCameraOutlined, {}),
|
|
82
|
-
color: "#fa8c16"
|
|
83
|
-
};
|
|
84
|
-
}
|
|
85
|
-
|
|
86
|
-
// 图片
|
|
87
|
-
if (isImageFile(file)) {
|
|
88
|
-
return {
|
|
89
|
-
icon: /*#__PURE__*/_jsx(FileImageOutlined, {}),
|
|
90
|
-
color: "#8c8c8c"
|
|
91
|
-
};
|
|
92
|
-
}
|
|
93
|
-
|
|
94
|
-
// 默认
|
|
95
|
-
return {
|
|
96
|
-
icon: /*#__PURE__*/_jsx(FileOutlined, {}),
|
|
97
|
-
color: "#8c8c8c"
|
|
98
|
-
};
|
|
99
|
-
};
|
|
100
|
-
|
|
101
|
-
// 格式化文件大小
|
|
102
|
-
var formatFileSize = function formatFileSize(bytes) {
|
|
103
|
-
if (bytes < 1024) return bytes + " B";
|
|
104
|
-
if (bytes < 1024 * 1024) return (bytes / 1024).toFixed(1) + " KB";
|
|
105
|
-
return (bytes / (1024 * 1024)).toFixed(1) + " MB";
|
|
106
|
-
};
|
|
107
|
-
var styles = {
|
|
108
|
-
container: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n padding: 12px 0;\n display: flex;\n flex-direction: column;\n gap: 12px;\n "]))),
|
|
109
|
-
// 图片九宫格容器
|
|
110
|
-
imageGrid: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n display: grid;\n gap: 8px;\n width: fit-content;\n min-width: 80px;\n max-width: 100%;\n /* \u9ED8\u8BA43\u5217\u5E03\u5C40 */\n grid-template-columns: repeat(3, 1fr);\n\n /* \u5355\u5F20\u56FE */\n &[data-count=\"1\"] {\n grid-template-columns: 1fr;\n min-width: 100px;\n max-width: 200px;\n }\n\n /* 2\u5F20\u30014\u5F20 -> 2\u5217 */\n &[data-count=\"2\"],\n &[data-count=\"4\"] {\n grid-template-columns: repeat(2, 1fr);\n min-width: 180px;\n max-width: 240px;\n }\n\n /* 3\u5F20\u30015-9\u5F20 -> 3\u5217 */\n &[data-count=\"3\"],\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 min-width: 260px;\n max-width: 320px;\n }\n "]))),
|
|
111
|
-
imageItem: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n position: relative;\n width: 100%;\n min-width: 80px;\n padding-top: 100%; /* 1:1 \u6B63\u65B9\u5F62 */\n height: 0;\n overflow: hidden;\n border-radius: 8px;\n background-color: #f5f5f5;\n border: 1px solid rgba(0, 0, 0, 0.06);\n\n .ant-image {\n position: absolute !important;\n top: 0;\n left: 0;\n width: 100% !important;\n height: 100% !important;\n display: flex !important;\n justify-content: center;\n align-items: center;\n }\n\n img {\n width: 100% !important;\n height: 100% !important;\n object-fit: cover !important;\n display: block !important;\n }\n "]))),
|
|
112
|
-
imageOverlay: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: rgba(0, 0, 0, 0.05);\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 10;\n "]))),
|
|
113
|
-
removeBtn: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n position: absolute;\n top: 4px;\n right: 4px;\n width: 20px;\n height: 20px;\n border-radius: 50%;\n background: rgba(0, 0, 0, 0.6);\n color: #fff;\n border: none;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n z-index: 20;\n padding: 0;\n font-size: 10px;\n transition: all 0.2s ease;\n\n &:hover {\n background: rgba(0, 0, 0, 0.8);\n transform: scale(1.1);\n }\n "]))),
|
|
114
|
-
// 文件列表
|
|
115
|
-
fileList: css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n "]))),
|
|
116
|
-
fileCard: css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n position: relative;\n display: flex;\n align-items: center;\n gap: 10px;\n padding: 6px 12px;\n background: #fafafa;\n border: 1px solid #f0f0f0;\n border-radius: 8px;\n min-width: 260px;\n max-width: 280px;\n min-height: 64px;\n transition: all 0.2s ease;\n\n &:hover {\n background: #f5f5f5;\n border-color: #e0e0e0;\n }\n "]))),
|
|
117
|
-
// 图片缩略图容器
|
|
118
|
-
imageThumbnail: css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n position: relative;\n width: 44px;\n height: 44px;\n flex-shrink: 0;\n border-radius: 4px;\n overflow: hidden;\n background-color: #f5f5f5;\n border: 1px solid rgba(0, 0, 0, 0.06);\n\n .ant-image {\n width: 100% !important;\n height: 100% !important;\n display: flex !important;\n justify-content: center;\n align-items: center;\n }\n\n img {\n width: 100% !important;\n height: 100% !important;\n object-fit: cover !important;\n display: block !important;\n }\n "]))),
|
|
119
|
-
fileIcon: css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n font-size: 24px;\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n display: flex;\n align-items: center;\n justify-content: center;\n "]))),
|
|
120
|
-
fileInfo: css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n flex: 1;\n min-width: 0;\n overflow: hidden;\n "]))),
|
|
121
|
-
fileName: css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n font-size: 13px;\n font-weight: 500;\n color: #262626;\n margin-bottom: 4px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n "]))),
|
|
122
|
-
fileSize: css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n font-size: 11px;\n color: #8c8c8c;\n "]))),
|
|
123
|
-
progress: css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n margin-top: 4px;\n\n .ant-progress-inner {\n height: 4px !important;\n }\n\n .ant-progress-bg {\n height: 4px !important;\n }\n "]))),
|
|
124
|
-
fileRemoveBtn: css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n position: absolute;\n top: -6px;\n right: -6px;\n width: 18px;\n height: 18px;\n border-radius: 50%;\n background: rgba(0, 0, 0, 0.75);\n color: #fff;\n border: none;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n z-index: 1;\n padding: 0;\n font-size: 10px;\n transition: all 0.2s ease;\n\n &:hover {\n background: rgba(0, 0, 0, 0.9);\n transform: scale(1.1);\n }\n\n &:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n }\n "])))
|
|
125
|
-
};
|
|
126
|
-
var FileItem = function FileItem(_ref) {
|
|
127
|
-
var _file$response, _file$response2;
|
|
128
|
-
var file = _ref.file,
|
|
129
|
-
onRemove = _ref.onRemove;
|
|
130
|
-
var _useState = useState(""),
|
|
131
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
132
|
-
objectUrl = _useState2[0],
|
|
133
|
-
setObjectUrl = _useState2[1];
|
|
134
|
-
useEffect(function () {
|
|
135
|
-
if (!file.file) return;
|
|
136
|
-
var url = URL.createObjectURL(file.file);
|
|
137
|
-
setObjectUrl(url);
|
|
138
|
-
return function () {
|
|
139
|
-
return URL.revokeObjectURL(url);
|
|
140
|
-
};
|
|
141
|
-
}, [file.file]);
|
|
142
|
-
var isImage = isImageFile(file);
|
|
143
|
-
var isAudio = isAudioFile(file);
|
|
144
|
-
var isVideo = isVideoFile(file);
|
|
145
|
-
var url = ((_file$response = file.response) === null || _file$response === void 0 ? void 0 : _file$response.fileUrl) || ((_file$response2 = file.response) === null || _file$response2 === void 0 ? void 0 : _file$response2.tempUrl) || file.tempUrl || objectUrl;
|
|
146
|
-
if (isImage) {
|
|
147
|
-
// 图片卡片
|
|
148
|
-
return /*#__PURE__*/_jsxs("div", {
|
|
149
|
-
className: styles.fileCard,
|
|
150
|
-
children: [/*#__PURE__*/_jsxs("div", {
|
|
151
|
-
className: styles.imageThumbnail,
|
|
152
|
-
children: [/*#__PURE__*/_jsx(Image, {
|
|
153
|
-
src: url,
|
|
154
|
-
alt: file.name,
|
|
155
|
-
fallback: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mN8/5+hHgAHggJ/PchI7wAAAABJRU5ErkJggg==",
|
|
156
|
-
preview: {
|
|
157
|
-
src: url
|
|
158
|
-
}
|
|
159
|
-
}), file.status === "uploading" && /*#__PURE__*/_jsx("div", {
|
|
160
|
-
className: styles.imageOverlay,
|
|
161
|
-
children: /*#__PURE__*/_jsx(Progress, {
|
|
162
|
-
type: "circle",
|
|
163
|
-
percent: file.progress,
|
|
164
|
-
size: 30,
|
|
165
|
-
strokeColor: "#1677ff"
|
|
166
|
-
})
|
|
167
|
-
})]
|
|
168
|
-
}), /*#__PURE__*/_jsxs("div", {
|
|
169
|
-
className: styles.fileInfo,
|
|
170
|
-
children: [/*#__PURE__*/_jsx(Tooltip, {
|
|
171
|
-
title: file.name,
|
|
172
|
-
children: /*#__PURE__*/_jsx("div", {
|
|
173
|
-
className: styles.fileName,
|
|
174
|
-
children: file.name.length > 15 ? "".concat(file.name.substring(0, 15), "...") : file.name
|
|
175
|
-
})
|
|
176
|
-
}), /*#__PURE__*/_jsx("div", {
|
|
177
|
-
className: styles.fileSize,
|
|
178
|
-
children: formatFileSize(file.size)
|
|
179
|
-
})]
|
|
180
|
-
}), /*#__PURE__*/_jsx("button", {
|
|
181
|
-
className: styles.fileRemoveBtn,
|
|
182
|
-
onClick: function onClick() {
|
|
183
|
-
return onRemove(file.id);
|
|
184
|
-
},
|
|
185
|
-
disabled: file.status === "uploading",
|
|
186
|
-
"aria-label": "\u5220\u9664\u6587\u4EF6",
|
|
187
|
-
children: /*#__PURE__*/_jsx(CloseOutlined, {})
|
|
188
|
-
})]
|
|
189
|
-
}, file.id);
|
|
190
|
-
} else if (isAudio) {
|
|
191
|
-
return /*#__PURE__*/_jsxs("div", {
|
|
192
|
-
className: styles.fileCard,
|
|
193
|
-
children: [/*#__PURE__*/_jsx("div", {
|
|
194
|
-
className: styles.fileIcon,
|
|
195
|
-
style: {
|
|
196
|
-
color: "#722ed1"
|
|
197
|
-
},
|
|
198
|
-
children: /*#__PURE__*/_jsx(AudioOutlined, {})
|
|
199
|
-
}), /*#__PURE__*/_jsxs("div", {
|
|
200
|
-
className: styles.fileInfo,
|
|
201
|
-
children: [/*#__PURE__*/_jsx(Tooltip, {
|
|
202
|
-
title: file.name,
|
|
203
|
-
children: /*#__PURE__*/_jsx("div", {
|
|
204
|
-
className: styles.fileName,
|
|
205
|
-
children: file.name
|
|
206
|
-
})
|
|
207
|
-
}), /*#__PURE__*/_jsx("audio", {
|
|
208
|
-
src: url,
|
|
209
|
-
controls: true,
|
|
210
|
-
style: {
|
|
211
|
-
width: "100%",
|
|
212
|
-
height: 28
|
|
213
|
-
}
|
|
214
|
-
})]
|
|
215
|
-
}), /*#__PURE__*/_jsx("button", {
|
|
216
|
-
className: styles.fileRemoveBtn,
|
|
217
|
-
onClick: function onClick() {
|
|
218
|
-
return onRemove(file.id);
|
|
219
|
-
},
|
|
220
|
-
disabled: file.status === "uploading",
|
|
221
|
-
children: /*#__PURE__*/_jsx(CloseOutlined, {})
|
|
222
|
-
})]
|
|
223
|
-
}, file.id);
|
|
224
|
-
} else if (isVideo) {
|
|
225
|
-
return /*#__PURE__*/_jsxs("div", {
|
|
226
|
-
className: styles.fileCard,
|
|
227
|
-
children: [/*#__PURE__*/_jsx("div", {
|
|
228
|
-
className: styles.fileIcon,
|
|
229
|
-
style: {
|
|
230
|
-
color: "#fa8c16"
|
|
231
|
-
},
|
|
232
|
-
children: /*#__PURE__*/_jsx(VideoCameraOutlined, {})
|
|
233
|
-
}), /*#__PURE__*/_jsxs("div", {
|
|
234
|
-
className: styles.fileInfo,
|
|
235
|
-
children: [/*#__PURE__*/_jsx(Tooltip, {
|
|
236
|
-
title: file.name,
|
|
237
|
-
children: /*#__PURE__*/_jsx("div", {
|
|
238
|
-
className: styles.fileName,
|
|
239
|
-
children: file.name
|
|
240
|
-
})
|
|
241
|
-
}), /*#__PURE__*/_jsx("video", {
|
|
242
|
-
src: url,
|
|
243
|
-
controls: true,
|
|
244
|
-
style: {
|
|
245
|
-
width: "100%",
|
|
246
|
-
height: 40
|
|
247
|
-
}
|
|
248
|
-
})]
|
|
249
|
-
}), /*#__PURE__*/_jsx("button", {
|
|
250
|
-
className: styles.fileRemoveBtn,
|
|
251
|
-
onClick: function onClick() {
|
|
252
|
-
return onRemove(file.id);
|
|
253
|
-
},
|
|
254
|
-
disabled: file.status === "uploading",
|
|
255
|
-
children: /*#__PURE__*/_jsx(CloseOutlined, {})
|
|
256
|
-
})]
|
|
257
|
-
}, file.id);
|
|
258
|
-
} else {
|
|
259
|
-
// 文件卡片
|
|
260
|
-
var _getFileIcon = getFileIcon(file),
|
|
261
|
-
icon = _getFileIcon.icon,
|
|
262
|
-
color = _getFileIcon.color;
|
|
263
|
-
return /*#__PURE__*/_jsxs("div", {
|
|
264
|
-
className: styles.fileCard,
|
|
265
|
-
children: [/*#__PURE__*/_jsx("div", {
|
|
266
|
-
className: styles.fileIcon,
|
|
267
|
-
style: {
|
|
268
|
-
color: color
|
|
269
|
-
},
|
|
270
|
-
children: icon
|
|
271
|
-
}), /*#__PURE__*/_jsxs("div", {
|
|
272
|
-
className: styles.fileInfo,
|
|
273
|
-
children: [/*#__PURE__*/_jsx(Tooltip, {
|
|
274
|
-
title: file.name,
|
|
275
|
-
children: /*#__PURE__*/_jsx("div", {
|
|
276
|
-
className: styles.fileName,
|
|
277
|
-
children: file.name.length > 15 ? "".concat(file.name.substring(0, 15), "...") : file.name
|
|
278
|
-
})
|
|
279
|
-
}), file.status === "uploading" ? /*#__PURE__*/_jsx(Progress, {
|
|
280
|
-
percent: file.progress,
|
|
281
|
-
size: "small",
|
|
282
|
-
showInfo: false,
|
|
283
|
-
strokeColor: "#1677ff",
|
|
284
|
-
className: styles.progress
|
|
285
|
-
}) : /*#__PURE__*/_jsx("div", {
|
|
286
|
-
className: styles.fileSize,
|
|
287
|
-
children: formatFileSize(file.size)
|
|
288
|
-
}), file.status === "error" && file.errorMessage && /*#__PURE__*/_jsx("div", {
|
|
289
|
-
style: {
|
|
290
|
-
fontSize: "11px",
|
|
291
|
-
color: "#ff4d4f",
|
|
292
|
-
marginTop: "2px"
|
|
293
|
-
},
|
|
294
|
-
children: file.errorMessage
|
|
295
|
-
})]
|
|
296
|
-
}), /*#__PURE__*/_jsx("button", {
|
|
297
|
-
className: styles.fileRemoveBtn,
|
|
298
|
-
onClick: function onClick() {
|
|
299
|
-
return onRemove(file.id);
|
|
300
|
-
},
|
|
301
|
-
disabled: file.status === "uploading",
|
|
302
|
-
"aria-label": "\u5220\u9664\u6587\u4EF6",
|
|
303
|
-
children: /*#__PURE__*/_jsx(CloseOutlined, {})
|
|
304
|
-
})]
|
|
305
|
-
}, file.id);
|
|
306
|
-
}
|
|
307
|
-
};
|
|
308
|
-
var FileGallery = function FileGallery(_ref2) {
|
|
309
|
-
var files = _ref2.files,
|
|
310
|
-
onRemove = _ref2.onRemove;
|
|
311
|
-
if (files.length === 0) return null;
|
|
312
|
-
var _useState3 = useState(""),
|
|
313
|
-
_useState4 = _slicedToArray(_useState3, 2),
|
|
314
|
-
objectUrl = _useState4[0],
|
|
315
|
-
setObjectUrl = _useState4[1];
|
|
316
|
-
// 调试日志
|
|
317
|
-
// if (process.env.NODE_ENV === "development") {
|
|
318
|
-
// console.log(
|
|
319
|
-
// "[FileGallery] Rendering files:",
|
|
320
|
-
// files.map((f) => ({
|
|
321
|
-
// id: f.id,
|
|
322
|
-
// name: f.name,
|
|
323
|
-
// type: f.type,
|
|
324
|
-
// status: f.status,
|
|
325
|
-
// hasFile: !!f.file,
|
|
326
|
-
// response: f.response,
|
|
327
|
-
// })),
|
|
328
|
-
// );
|
|
329
|
-
// }
|
|
330
|
-
|
|
331
|
-
return /*#__PURE__*/_jsx("div", {
|
|
332
|
-
className: styles.container,
|
|
333
|
-
children: /*#__PURE__*/_jsx("div", {
|
|
334
|
-
className: styles.fileList,
|
|
335
|
-
children: /*#__PURE__*/_jsx(Image.PreviewGroup, {
|
|
336
|
-
children: files.map(function (file) {
|
|
337
|
-
return /*#__PURE__*/_jsx(FileItem, {
|
|
338
|
-
file: file,
|
|
339
|
-
onRemove: onRemove
|
|
340
|
-
}, file.id);
|
|
341
|
-
})
|
|
342
|
-
})
|
|
343
|
-
})
|
|
344
|
-
});
|
|
345
|
-
};
|
|
346
|
-
export default FileGallery;
|
|
347
|
-
//# sourceMappingURL=FileGallery.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["React","useState","useEffect","Image","Tooltip","Progress","FileOutlined","FilePdfOutlined","FileWordOutlined","FileExcelOutlined","FilePptOutlined","FileImageOutlined","CloseOutlined","AudioOutlined","VideoCameraOutlined","css","jsx","_jsx","jsxs","_jsxs","isImageFile","file","type","startsWith","getFileExtension","filename","ext","split","pop","toLowerCase","isAudioFile","isVideoFile","getFileIcon","name","icon","color","includes","formatFileSize","bytes","toFixed","styles","container","_templateObject","_taggedTemplateLiteral","imageGrid","_templateObject2","imageItem","_templateObject3","imageOverlay","_templateObject4","removeBtn","_templateObject5","fileList","_templateObject6","fileCard","_templateObject7","imageThumbnail","_templateObject8","fileIcon","_templateObject9","fileInfo","_templateObject10","fileName","_templateObject11","fileSize","_templateObject12","progress","_templateObject13","fileRemoveBtn","_templateObject14","FileItem","_ref","_file$response","_file$response2","onRemove","_useState","_useState2","_slicedToArray","objectUrl","setObjectUrl","url","URL","createObjectURL","revokeObjectURL","isImage","isAudio","isVideo","response","fileUrl","tempUrl","className","children","src","alt","fallback","preview","status","percent","size","strokeColor","title","length","concat","substring","onClick","id","disabled","style","controls","width","height","_getFileIcon","showInfo","errorMessage","fontSize","marginTop","FileGallery","_ref2","files","_useState3","_useState4","PreviewGroup","map"],"sources":["../../../../src/components/XAdkSender/FileGallery.tsx"],"sourcesContent":["import React, { useState, useEffect } from \"react\";\nimport { Image, Tooltip, Progress } from \"antd\";\nimport {\n FileOutlined,\n FilePdfOutlined,\n FileWordOutlined,\n FileExcelOutlined,\n FilePptOutlined,\n FileImageOutlined,\n CloseOutlined,\n AudioOutlined,\n VideoCameraOutlined,\n} from \"@ant-design/icons\";\nimport { LocalFile } from \"../../types/XAdkSender\";\nimport { css } from \"@emotion/css\";\n\ninterface FileGalleryProps {\n files: LocalFile[];\n onRemove: (id: string) => void;\n}\n\ninterface FileItemProps {\n file: LocalFile;\n onRemove: (id: string) => void;\n}\n\n// 判断是否是图片文件\nconst isImageFile = (file: LocalFile): boolean => {\n if (!file.type) return false;\n return file.type.startsWith(\"image/\");\n};\n\n// 获取文件扩展名\nconst getFileExtension = (filename: string): string => {\n const ext = filename.split(\".\").pop();\n return ext ? ext.toLowerCase() : \"\";\n};\n\n// 判断是否是音频文件\nconst isAudioFile = (file: LocalFile): boolean => {\n if (!file.type) return false;\n return file.type.startsWith(\"audio/\");\n};\n\n// 判断是否是视频文件\nconst isVideoFile = (file: LocalFile): boolean => {\n if (!file.type) return false;\n return file.type.startsWith(\"video/\");\n};\n\n// 获取文件图标和颜色\nconst getFileIcon = (\n file: LocalFile,\n): { icon: React.ReactNode; color: string } => {\n const ext = getFileExtension(file.name);\n\n // PDF\n if (ext === \"pdf\") {\n return { icon: <FilePdfOutlined />, color: \"#ff4d4f\" };\n }\n\n // Word\n if ([\"doc\", \"docx\"].includes(ext)) {\n return { icon: <FileWordOutlined />, color: \"#1677ff\" };\n }\n\n // Excel\n if ([\"xls\", \"xlsx\", \"csv\"].includes(ext)) {\n return { icon: <FileExcelOutlined />, color: \"#22b35e\" };\n }\n\n // PPT\n if ([\"ppt\", \"pptx\"].includes(ext)) {\n return { icon: <FilePptOutlined />, color: \"#ff6e31\" };\n }\n\n // Audio\n if ([\"mp3\", \"wav\", \"m4a\", \"aac\", \"ogg\", \"flac\"].includes(ext)) {\n return { icon: <AudioOutlined />, color: \"#722ed1\" };\n }\n\n // Video\n if ([\"mp4\", \"mov\", \"webm\", \"mkv\", \"avi\"].includes(ext)) {\n return { icon: <VideoCameraOutlined />, color: \"#fa8c16\" };\n }\n\n // 图片\n if (isImageFile(file)) {\n return { icon: <FileImageOutlined />, color: \"#8c8c8c\" };\n }\n\n // 默认\n return { icon: <FileOutlined />, color: \"#8c8c8c\" };\n};\n\n// 格式化文件大小\nconst formatFileSize = (bytes: number): string => {\n if (bytes < 1024) return bytes + \" B\";\n if (bytes < 1024 * 1024) return (bytes / 1024).toFixed(1) + \" KB\";\n return (bytes / (1024 * 1024)).toFixed(1) + \" MB\";\n};\n\nconst styles = {\n container: css`\n padding: 12px 0;\n display: flex;\n flex-direction: column;\n gap: 12px;\n `,\n\n // 图片九宫格容器\n imageGrid: css`\n display: grid;\n gap: 8px;\n width: fit-content;\n min-width: 80px;\n max-width: 100%;\n /* 默认3列布局 */\n grid-template-columns: repeat(3, 1fr);\n\n /* 单张图 */\n &[data-count=\"1\"] {\n grid-template-columns: 1fr;\n min-width: 100px;\n max-width: 200px;\n }\n\n /* 2张、4张 -> 2列 */\n &[data-count=\"2\"],\n &[data-count=\"4\"] {\n grid-template-columns: repeat(2, 1fr);\n min-width: 180px;\n max-width: 240px;\n }\n\n /* 3张、5-9张 -> 3列 */\n &[data-count=\"3\"],\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 min-width: 260px;\n max-width: 320px;\n }\n `,\n\n imageItem: css`\n position: relative;\n width: 100%;\n min-width: 80px;\n padding-top: 100%; /* 1:1 正方形 */\n height: 0;\n overflow: hidden;\n border-radius: 8px;\n background-color: #f5f5f5;\n border: 1px solid rgba(0, 0, 0, 0.06);\n\n .ant-image {\n position: absolute !important;\n top: 0;\n left: 0;\n width: 100% !important;\n height: 100% !important;\n display: flex !important;\n justify-content: center;\n align-items: center;\n }\n\n img {\n width: 100% !important;\n height: 100% !important;\n object-fit: cover !important;\n display: block !important;\n }\n `,\n\n imageOverlay: css`\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: rgba(0, 0, 0, 0.05);\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 10;\n `,\n\n removeBtn: css`\n position: absolute;\n top: 4px;\n right: 4px;\n width: 20px;\n height: 20px;\n border-radius: 50%;\n background: rgba(0, 0, 0, 0.6);\n color: #fff;\n border: none;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n z-index: 20;\n padding: 0;\n font-size: 10px;\n transition: all 0.2s ease;\n\n &:hover {\n background: rgba(0, 0, 0, 0.8);\n transform: scale(1.1);\n }\n `,\n\n // 文件列表\n fileList: css`\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n `,\n\n fileCard: css`\n position: relative;\n display: flex;\n align-items: center;\n gap: 10px;\n padding: 6px 12px;\n background: #fafafa;\n border: 1px solid #f0f0f0;\n border-radius: 8px;\n min-width: 260px;\n max-width: 280px;\n min-height: 64px;\n transition: all 0.2s ease;\n\n &:hover {\n background: #f5f5f5;\n border-color: #e0e0e0;\n }\n `,\n\n // 图片缩略图容器\n imageThumbnail: css`\n position: relative;\n width: 44px;\n height: 44px;\n flex-shrink: 0;\n border-radius: 4px;\n overflow: hidden;\n background-color: #f5f5f5;\n border: 1px solid rgba(0, 0, 0, 0.06);\n\n .ant-image {\n width: 100% !important;\n height: 100% !important;\n display: flex !important;\n justify-content: center;\n align-items: center;\n }\n\n img {\n width: 100% !important;\n height: 100% !important;\n object-fit: cover !important;\n display: block !important;\n }\n `,\n\n fileIcon: css`\n font-size: 24px;\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n display: flex;\n align-items: center;\n justify-content: center;\n `,\n\n fileInfo: css`\n flex: 1;\n min-width: 0;\n overflow: hidden;\n `,\n\n fileName: css`\n font-size: 13px;\n font-weight: 500;\n color: #262626;\n margin-bottom: 4px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n `,\n\n fileSize: css`\n font-size: 11px;\n color: #8c8c8c;\n `,\n\n progress: css`\n margin-top: 4px;\n\n .ant-progress-inner {\n height: 4px !important;\n }\n\n .ant-progress-bg {\n height: 4px !important;\n }\n `,\n\n fileRemoveBtn: css`\n position: absolute;\n top: -6px;\n right: -6px;\n width: 18px;\n height: 18px;\n border-radius: 50%;\n background: rgba(0, 0, 0, 0.75);\n color: #fff;\n border: none;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n z-index: 1;\n padding: 0;\n font-size: 10px;\n transition: all 0.2s ease;\n\n &:hover {\n background: rgba(0, 0, 0, 0.9);\n transform: scale(1.1);\n }\n\n &:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n }\n `,\n};\n\nconst FileItem: React.FC<FileItemProps> = ({ file, onRemove }) => {\n const [objectUrl, setObjectUrl] = useState(\"\");\n\n useEffect(() => {\n if (!file.file) return;\n\n const url = URL.createObjectURL(file.file);\n setObjectUrl(url);\n\n return () => URL.revokeObjectURL(url);\n }, [file.file]);\n\n const isImage = isImageFile(file);\n const isAudio = isAudioFile(file);\n const isVideo = isVideoFile(file);\n\n const url =\n file.response?.fileUrl ||\n file.response?.tempUrl ||\n file.tempUrl ||\n objectUrl;\n\n if (isImage) {\n // 图片卡片\n return (\n <div key={file.id} className={styles.fileCard}>\n {/* 图片缩略图 */}\n <div className={styles.imageThumbnail}>\n <Image\n src={url}\n alt={file.name}\n fallback=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mN8/5+hHgAHggJ/PchI7wAAAABJRU5ErkJggg==\"\n preview={{\n src: url,\n }}\n />\n\n {/* 上传进度遮罩 */}\n {file.status === \"uploading\" && (\n <div className={styles.imageOverlay}>\n <Progress\n type=\"circle\"\n percent={file.progress}\n size={30}\n strokeColor=\"#1677ff\"\n />\n </div>\n )}\n </div>\n\n {/* 文件信息 */}\n <div className={styles.fileInfo}>\n <Tooltip title={file.name}>\n <div className={styles.fileName}>\n {file.name.length > 15\n ? `${file.name.substring(0, 15)}...`\n : file.name}\n </div>\n </Tooltip>\n <div className={styles.fileSize}>{formatFileSize(file.size)}</div>\n </div>\n\n {/* 删除按钮 */}\n <button\n className={styles.fileRemoveBtn}\n onClick={() => onRemove(file.id)}\n disabled={file.status === \"uploading\"}\n aria-label=\"删除文件\"\n >\n <CloseOutlined />\n </button>\n </div>\n );\n } else if (isAudio) {\n return (\n <div key={file.id} className={styles.fileCard}>\n <div className={styles.fileIcon} style={{ color: \"#722ed1\" }}>\n <AudioOutlined />\n </div>\n\n <div className={styles.fileInfo}>\n <Tooltip title={file.name}>\n <div className={styles.fileName}>{file.name}</div>\n </Tooltip>\n\n <audio src={url} controls style={{ width: \"100%\", height: 28 }} />\n </div>\n\n <button\n className={styles.fileRemoveBtn}\n onClick={() => onRemove(file.id)}\n disabled={file.status === \"uploading\"}\n >\n <CloseOutlined />\n </button>\n </div>\n );\n } else if (isVideo) {\n return (\n <div key={file.id} className={styles.fileCard}>\n <div className={styles.fileIcon} style={{ color: \"#fa8c16\" }}>\n <VideoCameraOutlined />\n </div>\n\n <div className={styles.fileInfo}>\n <Tooltip title={file.name}>\n <div className={styles.fileName}>{file.name}</div>\n </Tooltip>\n\n <video src={url} controls style={{ width: \"100%\", height: 40 }} />\n </div>\n\n <button\n className={styles.fileRemoveBtn}\n onClick={() => onRemove(file.id)}\n disabled={file.status === \"uploading\"}\n >\n <CloseOutlined />\n </button>\n </div>\n );\n } else {\n // 文件卡片\n const { icon, color } = getFileIcon(file);\n\n return (\n <div key={file.id} className={styles.fileCard}>\n <div className={styles.fileIcon} style={{ color }}>\n {icon}\n </div>\n\n <div className={styles.fileInfo}>\n <Tooltip title={file.name}>\n <div className={styles.fileName}>\n {file.name.length > 15\n ? `${file.name.substring(0, 15)}...`\n : file.name}\n </div>\n </Tooltip>\n\n {file.status === \"uploading\" ? (\n <Progress\n percent={file.progress}\n size=\"small\"\n showInfo={false}\n strokeColor=\"#1677ff\"\n className={styles.progress}\n />\n ) : (\n <div className={styles.fileSize}>{formatFileSize(file.size)}</div>\n )}\n\n {file.status === \"error\" && file.errorMessage && (\n <div\n style={{\n fontSize: \"11px\",\n color: \"#ff4d4f\",\n marginTop: \"2px\",\n }}\n >\n {file.errorMessage}\n </div>\n )}\n </div>\n\n <button\n className={styles.fileRemoveBtn}\n onClick={() => onRemove(file.id)}\n disabled={file.status === \"uploading\"}\n aria-label=\"删除文件\"\n >\n <CloseOutlined />\n </button>\n </div>\n );\n }\n};\n\nconst FileGallery: React.FC<FileGalleryProps> = ({ files, onRemove }) => {\n if (files.length === 0) return null;\n const [objectUrl, setObjectUrl] = useState(\"\");\n // 调试日志\n // if (process.env.NODE_ENV === \"development\") {\n // console.log(\n // \"[FileGallery] Rendering files:\",\n // files.map((f) => ({\n // id: f.id,\n // name: f.name,\n // type: f.type,\n // status: f.status,\n // hasFile: !!f.file,\n // response: f.response,\n // })),\n // );\n // }\n\n return (\n <div className={styles.container}>\n {/* 统一的文件列表 */}\n <div className={styles.fileList}>\n <Image.PreviewGroup>\n {files.map((file) => (\n <FileItem key={file.id} file={file} onRemove={onRemove} />\n ))}\n </Image.PreviewGroup>\n </div>\n </div>\n );\n};\n\nexport default FileGallery;\n"],"mappings":"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"}
|