@ai-group/chat-sdk 2.1.1 → 2.1.4

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.
Files changed (117) hide show
  1. package/dist/cjs/components/XAdkChatbot/components/FunctionCallRender/index.d.ts +2 -2
  2. package/dist/cjs/components/XAdkChatbot/components/FunctionCallRender/index.js +3 -4
  3. package/dist/cjs/components/XAdkChatbot/components/FunctionCallRender/index.js.map +2 -2
  4. package/dist/cjs/components/XAdkChatbot/index.js +66 -99
  5. package/dist/cjs/components/XAdkChatbot/index.js.map +3 -3
  6. package/dist/cjs/components/XAdkSender/XAdkSender.stories.d.ts +6 -0
  7. package/dist/cjs/components/XAdkSender/XAdkSender.stories.js +119 -0
  8. package/dist/cjs/components/XAdkSender/XAdkSender.stories.js.map +7 -0
  9. package/dist/cjs/components/XAdkSender/index.d.ts +4 -0
  10. package/dist/cjs/components/XAdkSender/index.js +430 -0
  11. package/dist/cjs/components/XAdkSender/index.js.map +7 -0
  12. package/dist/cjs/components/XAdkSender/styles.d.ts +56 -0
  13. package/dist/cjs/components/XAdkSender/styles.js +340 -0
  14. package/dist/cjs/components/XAdkSender/styles.js.map +7 -0
  15. package/dist/cjs/components/XAdkWebProvider/XAdkWebProvider.stories.js +5 -5
  16. package/dist/cjs/components/XAdkWebProvider/XAdkWebProvider.stories.js.map +2 -2
  17. package/dist/cjs/components/XAdkWebProvider/index.js +12 -6
  18. package/dist/cjs/components/XAdkWebProvider/index.js.map +2 -2
  19. package/dist/cjs/components/XAiConversations/index.js +1 -1
  20. package/dist/cjs/components/XAiConversations/index.js.map +2 -2
  21. package/dist/cjs/components/XAiConversations/styles.d.ts +1 -0
  22. package/dist/cjs/components/XAiConversations/styles.js +3 -0
  23. package/dist/cjs/components/XAiConversations/styles.js.map +2 -2
  24. package/dist/cjs/components/XAiSender/XAiSender.stories.js +1 -1
  25. package/dist/cjs/components/XAiSender/XAiSender.stories.js.map +2 -2
  26. package/dist/cjs/components/XAiSender/index.js +17 -35
  27. package/dist/cjs/components/XAiSender/index.js.map +2 -2
  28. package/dist/cjs/hooks/useADKChat.d.ts +7 -16
  29. package/dist/cjs/hooks/useADKChat.js +115 -32
  30. package/dist/cjs/hooks/useADKChat.js.map +2 -2
  31. package/dist/cjs/hooks/useAgentGenerator.js +1 -1
  32. package/dist/cjs/hooks/useAgentGenerator.js.map +2 -2
  33. package/dist/cjs/services/api.d.ts +5 -5
  34. package/dist/cjs/services/api.js +6 -9
  35. package/dist/cjs/services/api.js.map +2 -2
  36. package/dist/cjs/types/XAdkChatbot.d.ts +21 -3
  37. package/dist/cjs/types/XAdkChatbot.js.map +1 -1
  38. package/dist/cjs/types/XAdkProvider.d.ts +35 -9
  39. package/dist/cjs/types/XAdkProvider.js.map +1 -1
  40. package/dist/cjs/types/XAdkSender.d.ts +49 -0
  41. package/dist/cjs/types/XAdkSender.js +18 -0
  42. package/dist/cjs/types/XAdkSender.js.map +7 -0
  43. package/dist/cjs/types/XAiProvider.d.ts +1 -28
  44. package/dist/cjs/types/XAiProvider.js.map +2 -2
  45. package/dist/cjs/types/XAiSender.d.ts +2 -0
  46. package/dist/cjs/types/XAiSender.js.map +1 -1
  47. package/dist/cjs/types/common.d.ts +6 -0
  48. package/dist/cjs/types/common.js +18 -0
  49. package/dist/cjs/types/common.js.map +7 -0
  50. package/dist/cjs/types/index.d.ts +2 -0
  51. package/dist/cjs/types/index.js +5 -1
  52. package/dist/cjs/types/index.js.map +2 -2
  53. package/dist/cjs/utils/chat.d.ts +1 -1
  54. package/dist/cjs/utils/umdEntry.d.ts +9 -9
  55. package/dist/cjs/utils/umdEntry.js +1 -0
  56. package/dist/cjs/utils/umdEntry.js.map +2 -2
  57. package/dist/esm/components/XAdkChatbot/components/FunctionCallRender/index.d.ts +2 -2
  58. package/dist/esm/components/XAdkChatbot/components/FunctionCallRender/index.js +3 -3
  59. package/dist/esm/components/XAdkChatbot/components/FunctionCallRender/index.js.map +1 -1
  60. package/dist/esm/components/XAdkChatbot/index.js +80 -126
  61. package/dist/esm/components/XAdkChatbot/index.js.map +1 -1
  62. package/dist/esm/components/XAdkSender/XAdkSender.stories.d.ts +6 -0
  63. package/dist/esm/components/XAdkSender/XAdkSender.stories.js +126 -0
  64. package/dist/esm/components/XAdkSender/XAdkSender.stories.js.map +1 -0
  65. package/dist/esm/components/XAdkSender/index.d.ts +4 -0
  66. package/dist/esm/components/XAdkSender/index.js +589 -0
  67. package/dist/esm/components/XAdkSender/index.js.map +1 -0
  68. package/dist/esm/components/XAdkSender/styles.d.ts +56 -0
  69. package/dist/esm/components/XAdkSender/styles.js +50 -0
  70. package/dist/esm/components/XAdkSender/styles.js.map +1 -0
  71. package/dist/esm/components/XAdkWebProvider/XAdkWebProvider.stories.js +10 -11
  72. package/dist/esm/components/XAdkWebProvider/XAdkWebProvider.stories.js.map +1 -1
  73. package/dist/esm/components/XAdkWebProvider/index.js +25 -10
  74. package/dist/esm/components/XAdkWebProvider/index.js.map +1 -1
  75. package/dist/esm/components/XAiConversations/index.js +1 -0
  76. package/dist/esm/components/XAiConversations/index.js.map +1 -1
  77. package/dist/esm/components/XAiConversations/styles.d.ts +1 -0
  78. package/dist/esm/components/XAiConversations/styles.js +15 -14
  79. package/dist/esm/components/XAiConversations/styles.js.map +1 -1
  80. package/dist/esm/components/XAiSender/XAiSender.stories.js +1 -1
  81. package/dist/esm/components/XAiSender/XAiSender.stories.js.map +1 -1
  82. package/dist/esm/components/XAiSender/index.js +16 -22
  83. package/dist/esm/components/XAiSender/index.js.map +1 -1
  84. package/dist/esm/hooks/useADKChat.d.ts +7 -16
  85. package/dist/esm/hooks/useADKChat.js +212 -88
  86. package/dist/esm/hooks/useADKChat.js.map +1 -1
  87. package/dist/esm/hooks/useAgentGenerator.js +1 -1
  88. package/dist/esm/hooks/useAgentGenerator.js.map +1 -1
  89. package/dist/esm/services/api.d.ts +5 -5
  90. package/dist/esm/services/api.js +8 -11
  91. package/dist/esm/services/api.js.map +1 -1
  92. package/dist/esm/types/XAdkChatbot.d.ts +21 -3
  93. package/dist/esm/types/XAdkChatbot.js.map +1 -1
  94. package/dist/esm/types/XAdkProvider.d.ts +35 -9
  95. package/dist/esm/types/XAdkProvider.js.map +1 -1
  96. package/dist/esm/types/XAdkSender.d.ts +49 -0
  97. package/dist/esm/types/XAdkSender.js +2 -0
  98. package/dist/esm/types/XAdkSender.js.map +1 -0
  99. package/dist/esm/types/XAiProvider.d.ts +1 -28
  100. package/dist/esm/types/XAiProvider.js +0 -7
  101. package/dist/esm/types/XAiProvider.js.map +1 -1
  102. package/dist/esm/types/XAiSender.d.ts +2 -0
  103. package/dist/esm/types/XAiSender.js.map +1 -1
  104. package/dist/esm/types/common.d.ts +6 -0
  105. package/dist/esm/types/common.js +2 -0
  106. package/dist/esm/types/common.js.map +1 -0
  107. package/dist/esm/types/index.d.ts +2 -0
  108. package/dist/esm/types/index.js +2 -0
  109. package/dist/esm/types/index.js.map +1 -1
  110. package/dist/esm/utils/chat.d.ts +1 -1
  111. package/dist/esm/utils/chat.js +4 -4
  112. package/dist/esm/utils/chat.js.map +1 -1
  113. package/dist/esm/utils/umdEntry.d.ts +9 -9
  114. package/dist/esm/utils/umdEntry.js +1 -1
  115. package/dist/esm/utils/umdEntry.js.map +1 -1
  116. package/dist/umd/chat-sdk.min.js +1 -1
  117. package/package.json +1 -1
@@ -0,0 +1,430 @@
1
+ var __defProp = Object.defineProperty;
2
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
+ var __getOwnPropNames = Object.getOwnPropertyNames;
4
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
5
+ var __export = (target, all) => {
6
+ for (var name in all)
7
+ __defProp(target, name, { get: all[name], enumerable: true });
8
+ };
9
+ var __copyProps = (to, from, except, desc) => {
10
+ if (from && typeof from === "object" || typeof from === "function") {
11
+ for (let key of __getOwnPropNames(from))
12
+ if (!__hasOwnProp.call(to, key) && key !== except)
13
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
14
+ }
15
+ return to;
16
+ };
17
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
18
+
19
+ // src/components/XAdkSender/index.tsx
20
+ var XAdkSender_exports = {};
21
+ __export(XAdkSender_exports, {
22
+ default: () => XAdkSender_default
23
+ });
24
+ module.exports = __toCommonJS(XAdkSender_exports);
25
+ var import_react = require("react");
26
+ var import_antd = require("antd");
27
+ var import_icons = require("@ant-design/icons");
28
+ var import_styles = require("./styles");
29
+ var import_jsx_runtime = require("react/jsx-runtime");
30
+ var FILE_ICONS = {
31
+ // ... 保持不变
32
+ };
33
+ var XAdkSender = ({
34
+ clearBtnShow = true,
35
+ allowUpload = false,
36
+ loading = false,
37
+ uploadRequest = () => {
38
+ },
39
+ onClear,
40
+ onChange,
41
+ onSubmit,
42
+ onStop,
43
+ onFilesChange,
44
+ maxFileSize = 10,
45
+ allowedFileTypes = ["image/*", "application/pdf", "text/plain"],
46
+ maxFiles = 5
47
+ }) => {
48
+ const styles = (0, import_styles.useStyles)();
49
+ const [value, setValue] = (0, import_react.useState)("");
50
+ const [files, setFiles] = (0, import_react.useState)([]);
51
+ const [isDragOver, setIsDragOver] = (0, import_react.useState)(false);
52
+ const containerRef = (0, import_react.useRef)(null);
53
+ const fileInputRef = (0, import_react.useRef)(null);
54
+ const uploadRef = (0, import_react.useRef)(null);
55
+ const generateId = () => {
56
+ return Date.now().toString(36) + Math.random().toString(36).substr(2);
57
+ };
58
+ const getFileIcon = (fileType) => {
59
+ return FILE_ICONS[fileType] || FILE_ICONS.default;
60
+ };
61
+ const formatFileSize = (bytes) => {
62
+ if (bytes < 1024)
63
+ return bytes + " Bytes";
64
+ if (bytes < 1024 * 1024)
65
+ return (bytes / 1024).toFixed(1) + " KB";
66
+ return (bytes / (1024 * 1024)).toFixed(1) + " MB";
67
+ };
68
+ const checkFileType = (file) => {
69
+ if (!allowedFileTypes.length)
70
+ return true;
71
+ return allowedFileTypes.some((type) => {
72
+ if (type.includes("/*")) {
73
+ const mainType = type.split("/")[0];
74
+ return file.type.startsWith(mainType);
75
+ }
76
+ return file.type === type;
77
+ });
78
+ };
79
+ const checkFileSize = (file) => {
80
+ const maxSize = maxFileSize * 1024 * 1024;
81
+ return file.size <= maxSize;
82
+ };
83
+ const validateFile = (file) => {
84
+ if (files.length >= maxFiles) {
85
+ return { valid: false, message: `最多只能上传 ${maxFiles} 个文件` };
86
+ }
87
+ if (!checkFileSize(file)) {
88
+ return { valid: false, message: `文件大小不能超过 ${maxFileSize}MB` };
89
+ }
90
+ if (!checkFileType(file)) {
91
+ return { valid: false, message: "不支持的文件类型" };
92
+ }
93
+ return { valid: true };
94
+ };
95
+ const getFileExtension = (filename) => {
96
+ const ext = filename.split(".").pop();
97
+ return ext ? ext.toLowerCase() : "";
98
+ };
99
+ const handleFileSelect = (0, import_react.useCallback)((selectedFiles) => {
100
+ const fileArray = Array.from(selectedFiles);
101
+ const validFiles = [];
102
+ fileArray.forEach((file) => {
103
+ const validation = validateFile(file);
104
+ if (validation.valid) {
105
+ validFiles.push({
106
+ id: generateId(),
107
+ uid: generateId(),
108
+ name: file.name,
109
+ size: file.size,
110
+ type: file.type,
111
+ file,
112
+ progress: 0,
113
+ status: "pending",
114
+ response: null
115
+ });
116
+ } else {
117
+ import_antd.message.error(validation.message);
118
+ }
119
+ });
120
+ if (validFiles.length > 0) {
121
+ setFiles((prev) => [...prev, ...validFiles]);
122
+ uploadFiles(validFiles);
123
+ }
124
+ }, [files.length, maxFiles, maxFileSize, allowedFileTypes]);
125
+ const uploadFiles = async (fileList) => {
126
+ for (const localFile of fileList) {
127
+ setFiles((prev) => prev.map(
128
+ (f) => f.id === localFile.id ? { ...f, status: "uploading" } : f
129
+ ));
130
+ try {
131
+ await uploadRequest({
132
+ file: localFile.file,
133
+ onProgress: (e) => {
134
+ setFiles((prev) => prev.map(
135
+ (f) => f.id === localFile.id ? { ...f, progress: e.percent } : f
136
+ ));
137
+ },
138
+ onSuccess: (response) => {
139
+ setFiles((prev) => prev.map(
140
+ (f) => f.id === localFile.id ? {
141
+ ...f,
142
+ status: "success",
143
+ progress: 100,
144
+ response
145
+ } : f
146
+ ));
147
+ },
148
+ onError: (error) => {
149
+ setFiles((prev) => prev.map(
150
+ (f) => f.id === localFile.id ? {
151
+ ...f,
152
+ status: "error",
153
+ errorMessage: error.message || "上传失败"
154
+ } : f
155
+ ));
156
+ import_antd.message.error(`${localFile.name} 上传失败: ${error.message || "未知错误"}`);
157
+ }
158
+ });
159
+ } catch (error) {
160
+ console.error("上传处理错误:", error);
161
+ setFiles((prev) => prev.map(
162
+ (f) => f.id === localFile.id ? {
163
+ ...f,
164
+ status: "error",
165
+ errorMessage: error instanceof Error ? error.message : "上传处理失败"
166
+ } : f
167
+ ));
168
+ import_antd.message.error(`${localFile.name} 上传失败`);
169
+ }
170
+ }
171
+ };
172
+ const simulateUpload = async (uploadFilesList) => {
173
+ uploadFilesList.forEach((localFile) => {
174
+ let progress = 0;
175
+ const interval = setInterval(() => {
176
+ progress += 10;
177
+ setFiles((prev) => prev.map(
178
+ (f) => f.id === localFile.id ? { ...f, progress } : f
179
+ ));
180
+ if (progress >= 100) {
181
+ clearInterval(interval);
182
+ setTimeout(() => {
183
+ const mockResponse = {
184
+ code: 200,
185
+ data: {
186
+ fileId: Math.floor(Math.random() * 1e3) + 1,
187
+ tempUrl: `https://example.com/uploads/${localFile.name}`,
188
+ fileName: localFile.name,
189
+ fileType: getFileExtension(localFile.name)
190
+ }
191
+ };
192
+ setFiles((prev) => prev.map(
193
+ (f) => f.id === localFile.id ? {
194
+ ...f,
195
+ status: "success",
196
+ progress: 100,
197
+ response: mockResponse
198
+ } : f
199
+ ));
200
+ }, 300);
201
+ }
202
+ }, 100);
203
+ });
204
+ };
205
+ const handleRemoveFile = (id) => {
206
+ setFiles((prev) => prev.filter((file) => file.id !== id));
207
+ };
208
+ const triggerFileSelect = () => {
209
+ if (fileInputRef.current) {
210
+ fileInputRef.current.click();
211
+ }
212
+ };
213
+ const handleDragOver = (0, import_react.useCallback)((e) => {
214
+ e.preventDefault();
215
+ e.stopPropagation();
216
+ if (allowUpload) {
217
+ setIsDragOver(true);
218
+ }
219
+ }, [allowUpload]);
220
+ const handleDragLeave = (0, import_react.useCallback)((e) => {
221
+ e.preventDefault();
222
+ e.stopPropagation();
223
+ if (allowUpload) {
224
+ setIsDragOver(false);
225
+ }
226
+ }, [allowUpload]);
227
+ const handleDrop = (0, import_react.useCallback)((e) => {
228
+ e.preventDefault();
229
+ e.stopPropagation();
230
+ setIsDragOver(false);
231
+ if (allowUpload && e.dataTransfer.files && e.dataTransfer.files.length > 0) {
232
+ handleFileSelect(Array.from(e.dataTransfer.files));
233
+ }
234
+ }, [allowUpload, handleFileSelect]);
235
+ const handleSubmit = () => {
236
+ if (!value.trim() && files.length === 0) {
237
+ import_antd.message.warning("请输入消息或选择文件");
238
+ return;
239
+ }
240
+ const successFiles = files.filter((file) => file.status === "success");
241
+ const uploadingFiles = files.filter((file) => file.status === "uploading");
242
+ if (uploadingFiles.length > 0) {
243
+ import_antd.Modal.confirm({
244
+ title: "文件上传中",
245
+ content: `还有 ${uploadingFiles.length} 个文件正在上传,是否继续发送?`,
246
+ okText: "发送已完成的",
247
+ cancelText: "等待全部完成",
248
+ onOk: () => {
249
+ const formattedFiles = formatFilesForServer(successFiles);
250
+ if (onSubmit) {
251
+ onSubmit({
252
+ text: value,
253
+ files: formattedFiles
254
+ });
255
+ }
256
+ setValue("");
257
+ setFiles((prev) => prev.filter((f) => f.status !== "success"));
258
+ },
259
+ onCancel: () => {
260
+ import_antd.message.info("请等待文件上传完成后再发送");
261
+ }
262
+ });
263
+ } else {
264
+ const formattedFiles = formatFilesForServer(successFiles);
265
+ if (onSubmit) {
266
+ onSubmit({
267
+ text: value,
268
+ files: formattedFiles
269
+ });
270
+ }
271
+ setValue("");
272
+ setFiles((prev) => prev.filter((f) => f.status !== "success"));
273
+ }
274
+ };
275
+ const formatFilesForServer = (fileList) => {
276
+ return fileList.filter((file) => {
277
+ var _a;
278
+ return file.status === "success" && ((_a = file.response) == null ? void 0 : _a.data);
279
+ }).map((file) => {
280
+ const responseData = file.response.data;
281
+ return {
282
+ fileName: file.name,
283
+ fileId: responseData.fileId || responseData.id || 0,
284
+ tempUrl: responseData.tempUrl || responseData.url || "",
285
+ type: responseData.fileType || getFileExtension(file.name),
286
+ mimeType: file.type
287
+ };
288
+ });
289
+ };
290
+ const handleInputChange = (e) => {
291
+ const newValue = e.target.value;
292
+ setValue(newValue);
293
+ onChange == null ? void 0 : onChange(newValue);
294
+ };
295
+ const handleKeyDown = (e) => {
296
+ if (e.key === "Enter" && !e.shiftKey) {
297
+ e.preventDefault();
298
+ handleSubmit();
299
+ }
300
+ };
301
+ const renderFileList = () => {
302
+ if (files.length === 0)
303
+ return null;
304
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.fileListArea, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.fileList, children: files.map((file) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.fileCard, children: [
305
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.fileIcon, children: getFileIcon(file.type) }),
306
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.fileInfo, children: [
307
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.fileName, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Tooltip, { title: file.name, children: file.name.length > 15 ? `${file.name.substring(0, 15)}...` : file.name }) }),
308
+ file.status === "uploading" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.uploadProgress, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
309
+ import_antd.Progress,
310
+ {
311
+ percent: file.progress,
312
+ size: "small",
313
+ showInfo: false,
314
+ strokeColor: "#1890ff"
315
+ }
316
+ ) }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.fileSize, children: formatFileSize(file.size) })
317
+ ] }),
318
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
319
+ "button",
320
+ {
321
+ className: styles.fileRemoveBtn,
322
+ onClick: () => handleRemoveFile(file.id),
323
+ disabled: file.status === "uploading",
324
+ "aria-label": "删除文件",
325
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.CloseOutlined, { style: { fontSize: 8 } })
326
+ }
327
+ )
328
+ ] }, file.id)) }) });
329
+ };
330
+ const containerClass = `${styles.container} ${isDragOver ? "drag-over" : ""}`;
331
+ const uploading = files.some((f) => f.status === "uploading");
332
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
333
+ "div",
334
+ {
335
+ ref: containerRef,
336
+ className: containerClass,
337
+ onDragOver: allowUpload ? handleDragOver : void 0,
338
+ onDragLeave: allowUpload ? handleDragLeave : void 0,
339
+ onDrop: allowUpload ? handleDrop : void 0,
340
+ children: [
341
+ allowUpload && files.length > 0 && renderFileList(),
342
+ allowUpload && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
343
+ "input",
344
+ {
345
+ ref: fileInputRef,
346
+ type: "file",
347
+ multiple: true,
348
+ accept: allowedFileTypes.join(","),
349
+ style: { display: "none" },
350
+ onChange: (e) => {
351
+ if (e.target.files) {
352
+ handleFileSelect(Array.from(e.target.files));
353
+ e.target.value = "";
354
+ }
355
+ }
356
+ }
357
+ ),
358
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.mainArea, children: [
359
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.senderWrap, children: [
360
+ clearBtnShow && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
361
+ import_antd.Popconfirm,
362
+ {
363
+ title: "确定要清空聊天记录吗?",
364
+ onConfirm: onClear,
365
+ placement: "top",
366
+ okText: "确定",
367
+ cancelText: "取消",
368
+ disabled: uploading || loading,
369
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
370
+ "button",
371
+ {
372
+ className: `${styles.iconButton} ${styles.clearButton}`,
373
+ disabled: uploading || loading,
374
+ "aria-label": "清空聊天记录",
375
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.ClearOutlined, {})
376
+ }
377
+ )
378
+ }
379
+ ),
380
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.inputAndButtons, children: [
381
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.textAreaWrapper, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
382
+ import_antd.Input.TextArea,
383
+ {
384
+ className: styles.textArea,
385
+ value,
386
+ onChange: handleInputChange,
387
+ onKeyDown: handleKeyDown,
388
+ placeholder: "请输入消息...",
389
+ disabled: uploading || loading,
390
+ autoSize: { minRows: 1, maxRows: 4 },
391
+ style: {
392
+ border: "none",
393
+ boxShadow: "none",
394
+ outline: "none",
395
+ padding: 0
396
+ }
397
+ }
398
+ ) }),
399
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.buttonGroup, children: [
400
+ allowUpload && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Tooltip, { title: "上传文件", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
401
+ "button",
402
+ {
403
+ className: `${styles.iconButton} ${styles.uploadButton}`,
404
+ onClick: triggerFileSelect,
405
+ disabled: uploading || loading,
406
+ "aria-label": "上传文件",
407
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.PaperClipOutlined, {})
408
+ }
409
+ ) }),
410
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Tooltip, { title: loading ? "停止生成" : "发送消息", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
411
+ "button",
412
+ {
413
+ className: `${styles.iconButton} ${styles.sendButton} ${loading ? "stop" : ""}`,
414
+ onClick: loading ? onStop : handleSubmit,
415
+ disabled: uploading,
416
+ "aria-label": loading ? "停止生成" : "发送消息",
417
+ children: loading ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.LoadingOutlined, {}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.ArrowUpOutlined, {})
418
+ }
419
+ ) })
420
+ ] })
421
+ ] })
422
+ ] }),
423
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.tip, children: "内容由AI生成,无法确保真实准确,仅供参考" })
424
+ ] })
425
+ ]
426
+ }
427
+ );
428
+ };
429
+ var XAdkSender_default = XAdkSender;
430
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../../src/components/XAdkSender/index.tsx"],
4
+ "sourcesContent": ["import React, { useState, useRef, useCallback } from 'react';\nimport {\n Popconfirm, \n message, \n Progress,\n Tooltip,\n Input,\n Modal,\n} from 'antd';\nimport { \n ClearOutlined, \n LoadingOutlined, \n ArrowUpOutlined,\n PaperClipOutlined,\n CloseOutlined,\n} from '@ant-design/icons';\nimport { XAdkSenderProps, ServerFile, LocalFile } from '../../types/XAdkSender';\nimport { useStyles } from './styles';\n\n// 文件类型图标映射\nconst FILE_ICONS: Record<string, React.ReactNode> = {\n // ... 保持不变\n};\n\nconst XAdkSender: React.FC<XAdkSenderProps> = ({ \n clearBtnShow = true,\n allowUpload = false,\n loading = false,\n uploadRequest = () => {},\n onClear,\n onChange,\n onSubmit,\n onStop,\n onFilesChange,\n maxFileSize = 10,\n allowedFileTypes = ['image/*', 'application/pdf', 'text/plain'],\n maxFiles = 5\n}) => {\n const styles = useStyles();\n const [value, setValue] = useState<string>('');\n const [files, setFiles] = useState<LocalFile[]>([]);\n const [isDragOver, setIsDragOver] = useState(false);\n const containerRef = useRef<HTMLDivElement>(null);\n const fileInputRef = useRef<HTMLInputElement>(null);\n const uploadRef = useRef<any>(null);\n \n // 生成唯一ID\n const generateId = () => {\n return Date.now().toString(36) + Math.random().toString(36).substr(2);\n };\n \n // 获取文件图标\n const getFileIcon = (fileType: string) => {\n return FILE_ICONS[fileType] || FILE_ICONS.default;\n };\n \n // 格式化文件大小\n const formatFileSize = (bytes: number): string => {\n if (bytes < 1024) return bytes + ' Bytes';\n if (bytes < 1024 * 1024) return (bytes / 1024).toFixed(1) + ' KB';\n return (bytes / (1024 * 1024)).toFixed(1) + ' MB';\n };\n \n // 检查文件类型\n const checkFileType = (file: File): boolean => {\n if (!allowedFileTypes.length) return true;\n \n return allowedFileTypes.some(type => {\n if (type.includes('/*')) {\n const mainType = type.split('/')[0];\n return file.type.startsWith(mainType);\n }\n return file.type === type;\n });\n };\n \n // 检查文件大小\n const checkFileSize = (file: File): boolean => {\n const maxSize = maxFileSize * 1024 * 1024;\n return file.size <= maxSize;\n };\n \n // 验证文件\n const validateFile = (file: File): { valid: boolean; message?: string } => {\n if (files.length >= maxFiles) {\n return { valid: false, message: `最多只能上传 ${maxFiles} 个文件` };\n }\n \n if (!checkFileSize(file)) {\n return { valid: false, message: `文件大小不能超过 ${maxFileSize}MB` };\n }\n \n if (!checkFileType(file)) {\n return { valid: false, message: '不支持的文件类型' };\n }\n \n return { valid: true };\n };\n\n // 获取文件扩展名\n const getFileExtension = (filename: string): string => {\n const ext = filename.split('.').pop();\n return ext ? ext.toLowerCase() : '';\n };\n\n // 处理文件选择\n const handleFileSelect = useCallback((selectedFiles: File[]) => {\n const fileArray = Array.from(selectedFiles);\n const validFiles: LocalFile[] = [];\n \n fileArray.forEach(file => {\n const validation = validateFile(file);\n if (validation.valid) {\n validFiles.push({\n id: generateId(),\n uid: generateId(),\n name: file.name,\n size: file.size,\n type: file.type,\n file,\n progress: 0,\n status: 'pending',\n response: null\n });\n } else {\n message.error(validation.message);\n }\n });\n \n if (validFiles.length > 0) {\n setFiles(prev => [...prev, ...validFiles]);\n uploadFiles(validFiles);\n }\n }, [files.length, maxFiles, maxFileSize, allowedFileTypes]);\n\n // 上传文件\n const uploadFiles = async (fileList: LocalFile[]) => {\n for (const localFile of fileList) {\n // 开始上传\n setFiles(prev => prev.map(f => \n f.id === localFile.id ? { ...f, status: 'uploading' } : f\n ));\n \n try {\n await uploadRequest({\n file: localFile.file,\n onProgress: (e) => {\n setFiles(prev => prev.map(f => \n f.id === localFile.id ? { ...f, progress: e.percent } : f\n ));\n },\n onSuccess: (response) => {\n setFiles(prev => prev.map(f => \n f.id === localFile.id ? { \n ...f, \n status: 'success', \n progress: 100,\n response \n } : f\n ));\n },\n onError: (error) => {\n setFiles(prev => prev.map(f => \n f.id === localFile.id ? { \n ...f, \n status: 'error',\n errorMessage: error.message || '上传失败'\n } : f\n ));\n message.error(`${localFile.name} 上传失败: ${error.message || '未知错误'}`);\n }\n });\n } catch (error) {\n console.error('上传处理错误:', error);\n setFiles(prev => prev.map(f => \n f.id === localFile.id ? { \n ...f, \n status: 'error',\n errorMessage: error instanceof Error ? error.message : '上传处理失败'\n } : f\n ));\n message.error(`${localFile.name} 上传失败`);\n }\n }\n };\n\n // 模拟上传过程\n const simulateUpload = async (uploadFilesList: LocalFile[]) => {\n uploadFilesList.forEach(localFile => {\n let progress = 0;\n const interval = setInterval(() => {\n progress += 10;\n setFiles(prev => prev.map(f => \n f.id === localFile.id ? { ...f, progress } : f\n ));\n \n if (progress >= 100) {\n clearInterval(interval);\n setTimeout(() => {\n // 模拟服务器响应\n const mockResponse = {\n code: 200,\n data: {\n fileId: Math.floor(Math.random() * 1000) + 1,\n tempUrl: `https://example.com/uploads/${localFile.name}`,\n fileName: localFile.name,\n fileType: getFileExtension(localFile.name)\n }\n };\n \n setFiles(prev => prev.map(f => \n f.id === localFile.id ? { \n ...f, \n status: 'success', \n progress: 100,\n response: mockResponse\n } : f\n ));\n }, 300);\n }\n }, 100);\n });\n };\n \n // 删除文件\n const handleRemoveFile = (id: string) => {\n setFiles(prev => prev.filter(file => file.id !== id));\n };\n \n // 触发文件选择\n const triggerFileSelect = () => {\n if (fileInputRef.current) {\n fileInputRef.current.click();\n }\n };\n \n // 处理拖拽事件\n const handleDragOver = useCallback((e: React.DragEvent) => {\n e.preventDefault();\n e.stopPropagation();\n if (allowUpload) {\n setIsDragOver(true);\n }\n }, [allowUpload]);\n \n const handleDragLeave = useCallback((e: React.DragEvent) => {\n e.preventDefault();\n e.stopPropagation();\n if (allowUpload) {\n setIsDragOver(false);\n }\n }, [allowUpload]);\n \n const handleDrop = useCallback((e: React.DragEvent) => {\n e.preventDefault();\n e.stopPropagation();\n setIsDragOver(false);\n \n if (allowUpload && e.dataTransfer.files && e.dataTransfer.files.length > 0) {\n handleFileSelect(Array.from(e.dataTransfer.files));\n }\n }, [allowUpload, handleFileSelect]);\n \n // 处理提交\n const handleSubmit = () => {\n if (!value.trim() && files.length === 0) {\n message.warning('请输入消息或选择文件');\n return;\n }\n\n const successFiles = files.filter(file => file.status === 'success');\n const uploadingFiles = files.filter(file => file.status === 'uploading');\n \n if (uploadingFiles.length > 0) {\n Modal.confirm({\n title: '文件上传中',\n content: `还有 ${uploadingFiles.length} 个文件正在上传,是否继续发送?`,\n okText: '发送已完成的',\n cancelText: '等待全部完成',\n onOk: () => {\n const formattedFiles = formatFilesForServer(successFiles);\n if (onSubmit) {\n onSubmit({ \n text: value, \n files: formattedFiles \n });\n }\n\n setValue('');\n setFiles(prev => prev.filter(f => f.status !== 'success'));\n },\n onCancel: () => {\n message.info('请等待文件上传完成后再发送');\n },\n });\n } else {\n const formattedFiles = formatFilesForServer(successFiles);\n \n if (onSubmit) {\n onSubmit({ \n text: value, \n files: formattedFiles \n });\n }\n \n setValue('');\n setFiles(prev => prev.filter(f => f.status !== 'success'));\n }\n };\n\n // 格式化文件列表为服务端格式\n const formatFilesForServer = (fileList: LocalFile[]): ServerFile[] => {\n return fileList\n .filter(file => file.status === 'success' && file.response?.data)\n .map(file => {\n const responseData = file.response.data;\n \n return {\n fileName: file.name,\n fileId: responseData.fileId || responseData.id || 0,\n tempUrl: responseData.tempUrl || responseData.url || '',\n type: responseData.fileType || getFileExtension(file.name),\n mimeType: file.type\n };\n });\n };\n \n // 处理输入框变化\n const handleInputChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n const newValue = e.target.value;\n setValue(newValue);\n onChange?.(newValue);\n };\n \n // 处理回车键\n const handleKeyDown = (e: React.KeyboardEvent<HTMLTextAreaElement>) => {\n if (e.key === 'Enter' && !e.shiftKey) {\n e.preventDefault();\n handleSubmit();\n }\n };\n \n // 渲染文件列表\n const renderFileList = () => {\n if (files.length === 0) return null;\n \n return (\n <div className={styles.fileListArea}>\n <div className={styles.fileList}>\n {files.map(file => (\n <div key={file.id} className={styles.fileCard}>\n <div className={styles.fileIcon}>\n {getFileIcon(file.type)}\n </div>\n <div className={styles.fileInfo}>\n <div className={styles.fileName}>\n <Tooltip title={file.name}>\n {file.name.length > 15 ? `${file.name.substring(0, 15)}...` : file.name}\n </Tooltip>\n </div>\n \n {file.status === 'uploading' ? (\n <div className={styles.uploadProgress}>\n <Progress \n percent={file.progress} \n size=\"small\" \n showInfo={false}\n strokeColor=\"#1890ff\"\n />\n </div>\n ) : (\n <div className={styles.fileSize}>\n {formatFileSize(file.size)}\n </div>\n )}\n </div>\n <button\n className={styles.fileRemoveBtn}\n onClick={() => handleRemoveFile(file.id)}\n disabled={file.status === 'uploading'}\n aria-label=\"删除文件\"\n >\n <CloseOutlined style={{ fontSize: 8 }} />\n </button>\n </div>\n ))}\n </div>\n </div>\n );\n };\n \n const containerClass = `${styles.container} ${isDragOver ? 'drag-over' : ''}`;\n const uploading = files.some(f => f.status === 'uploading');\n \n return (\n <div \n ref={containerRef}\n className={containerClass}\n onDragOver={allowUpload ? handleDragOver : undefined}\n onDragLeave={allowUpload ? handleDragLeave : undefined}\n onDrop={allowUpload ? handleDrop : undefined}\n >\n {allowUpload && files.length > 0 && renderFileList()}\n \n {/* 隐藏的原生 file input */}\n {allowUpload && (\n <input\n ref={fileInputRef}\n type=\"file\"\n multiple\n accept={allowedFileTypes.join(',')}\n style={{ display: 'none' }}\n onChange={(e) => {\n if (e.target.files) {\n handleFileSelect(Array.from(e.target.files));\n e.target.value = '';\n }\n }}\n />\n )}\n \n <div className={styles.mainArea}>\n <div className={styles.senderWrap}>\n {clearBtnShow && (\n <Popconfirm\n title=\"确定要清空聊天记录吗?\"\n onConfirm={onClear}\n placement=\"top\"\n okText=\"确定\"\n cancelText=\"取消\"\n disabled={uploading || loading}\n >\n <button\n className={`${styles.iconButton} ${styles.clearButton}`}\n disabled={uploading || loading}\n aria-label=\"清空聊天记录\"\n >\n <ClearOutlined />\n </button>\n </Popconfirm>\n )}\n \n <div className={styles.inputAndButtons}>\n <div className={styles.textAreaWrapper}>\n <Input.TextArea\n className={styles.textArea}\n value={value}\n onChange={handleInputChange}\n onKeyDown={handleKeyDown}\n placeholder=\"请输入消息...\"\n disabled={uploading || loading}\n autoSize={{ minRows: 1, maxRows: 4 }}\n style={{\n border: 'none',\n boxShadow: 'none',\n outline: 'none',\n padding: 0,\n }}\n />\n </div>\n \n <div className={styles.buttonGroup}>\n {allowUpload && (\n <Tooltip title=\"上传文件\">\n <button\n className={`${styles.iconButton} ${styles.uploadButton}`}\n onClick={triggerFileSelect}\n disabled={uploading || loading}\n aria-label=\"上传文件\"\n >\n <PaperClipOutlined />\n </button>\n </Tooltip>\n )}\n \n <Tooltip title={loading ? \"停止生成\" : \"发送消息\"}>\n <button\n className={`${styles.iconButton} ${styles.sendButton} ${loading ? 'stop' : ''}`}\n onClick={loading ? onStop : handleSubmit}\n disabled={uploading}\n aria-label={loading ? \"停止生成\" : \"发送消息\"}\n >\n {loading ? <LoadingOutlined /> : <ArrowUpOutlined />}\n </button>\n </Tooltip>\n </div>\n </div>\n </div>\n \n <div className={styles.tip}>\n 内容由AI生成,无法确保真实准确,仅供参考\n </div>\n </div>\n </div>\n );\n};\n\nexport default XAdkSender;\n"],
5
+ "mappings": "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",
6
+ "names": []
7
+ }
@@ -0,0 +1,56 @@
1
+ export declare const useStyles: () => {
2
+ container: string;
3
+ fileListArea: string;
4
+ fileList: string;
5
+ fileCard: string;
6
+ fileSize: string;
7
+ uploadProgress: string;
8
+ fileIcon: string;
9
+ fileInfo: string;
10
+ fileName: string;
11
+ fileRemoveBtn: string;
12
+ mainArea: string;
13
+ senderWrap: string;
14
+ inputAndButtons: string;
15
+ textAreaWrapper: string;
16
+ textArea: string;
17
+ buttonGroup: string;
18
+ iconButton: string;
19
+ clearButton: string;
20
+ uploadButton: string;
21
+ sendButton: string;
22
+ tip: string;
23
+ } & {
24
+ w: (width: string | number) => string;
25
+ h: (height: string | number) => string;
26
+ p: (padding: string) => string;
27
+ pb: (padding: string | number) => string;
28
+ pt: (padding: string | number) => string;
29
+ pl: (padding: string | number) => string;
30
+ pr: (padding: string | number) => string;
31
+ m: (margin: string) => string;
32
+ mb: (margin: string | number) => string;
33
+ mt: (margin: string | number) => string;
34
+ ml: (margin: string | number) => string;
35
+ mr: (margin: string | number) => string;
36
+ text: (size: string | number) => string;
37
+ weight: (size: number) => string;
38
+ textColor: (c: string) => string;
39
+ bg: (c: string) => string;
40
+ rs: (radius: string | number) => string;
41
+ gap: (g: string | number) => string;
42
+ flex: string;
43
+ flexCenter: string;
44
+ flexBetween: string;
45
+ flexColumn: string;
46
+ flex1: string;
47
+ cursor: (type: string) => string;
48
+ border: (color: string, width?: string) => string;
49
+ boxShadow: (shadow: string) => string;
50
+ transition: (property?: string, duration?: string) => string;
51
+ overflow: (type: string) => string;
52
+ position: (type: string) => string;
53
+ zIndex: (index: number) => string;
54
+ flexCenterGap2: string;
55
+ flexCenterGap4: string;
56
+ };