@ai-group/chat-sdk 3.0.1-alpha.6 → 3.0.3

package/dist/cjs/types/FileGallery.js

@@ -0,0 +1,18 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/types/FileGallery.ts
+var FileGallery_exports = {};
+module.exports = __toCommonJS(FileGallery_exports);
+//# sourceMappingURL=FileGallery.js.map

package/dist/cjs/types/FileGallery.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/types/FileGallery.ts"],
+  "sourcesContent": ["/**\n * 统一的文件数据接口\n * 兼容 LocalFile (XAdkSender) 和 FileData (XadkChatbot)\n */\nexport interface FileItem {\n  // 基础字段\n  id?: string;\n  uid?: string;\n  name?: string;\n  displayName?: string;\n  size?: number;\n  type?: string;\n  mimeType?: string;\n\n  // 本地文件对象 (XAdkSender)\n  file?: File;\n\n  // 上传状态 (XAdkSender)\n  status?: \"pending\" | \"uploading\" | \"success\" | \"error\";\n  progress?: number;\n  errorMessage?: string;\n\n  // URL 字段\n  fileUri?: string; // XadkChatbot\n  tempUrl?: string; // XAdkSender\n  response?: any;\n}\n\nexport interface FileGalleryProps {\n  /**\n   * 文件列表\n   */\n  files: FileItem[];\n\n  /**\n   * 对齐方式\n   * @default 'left'\n   */\n  align?: \"left\" | \"right\";\n\n  /**\n   * 是否可删除\n   * @default false\n   */\n  removable?: boolean;\n\n  /**\n   * 删除文件回调\n   */\n  onRemove?: (id: string) => void;\n\n  /**\n   * 自定义样式类名\n   */\n  className?: string;\n\n  /**\n   * 自定义样式\n   */\n  style?: React.CSSProperties;\n}\n\nexport interface FileItemComponentProps {\n  file: FileItem;\n  removable: boolean;\n  onRemove: (id: string) => void;\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;",
+  "names": []
+}

package/dist/cjs/types/XAdkSender.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React from "react";
 interface uploadRequestProps {
     (options: {
         file: File;
@@ -24,12 +24,15 @@ export interface LocalFile {
     size: number;
     type: string;
     progress: number;
-    status: 'pending' | 'uploading' | 'success' | 'error';
+    status: "pending" | "uploading" | "success" | "error";
     fileId?: number;
     tempUrl?: string;
     response?: any;
     errorMessage?: string;
 }
+export type FileValidator = (file: File, context: {
+    files: LocalFile[];
+}) => string | null;
 export interface ActionsComponents {
     SendButton: React.ComponentType<any>;
     UploadButton: React.ComponentType<any>;
@@ -38,7 +41,17 @@ export interface ActionsComponents {
 export type SlotRenderFunction = (oriNode: React.ReactNode, info: {
     components: ActionsComponents;
 }) => React.ReactNode | false;
-export interface XAdkSenderProps {
+export interface UploaderCoreProps {
+    uploadRequest?: uploadRequestProps;
+    maxFileSize?: number;
+    allowedFileTypes?: string[];
+    maxFiles?: number;
+    validators?: FileValidator[];
+    onFilesChange?: (files: LocalFile[]) => void;
+    onUploadSuccess?: (file: LocalFile) => void;
+    onUploadError?: (file: LocalFile, error: Error) => void;
+}
+export interface SenderUIProps {
     clearBtnShow?: boolean;
     allowUpload?: boolean;
     loading?: boolean;
@@ -50,11 +63,6 @@ export interface XAdkSenderProps {
         files: ServerFile[];
     }) => void;
     onStop?: () => void;
-    uploadRequest?: uploadRequestProps;
-    maxFileSize?: number;
-    allowedFileTypes?: string[];
-    maxFiles?: number;
-    onFilesChange?: (files: ServerFile[]) => void;
     /** 后缀内容,默认展示操作按钮,设为 false 时不显示 */
     suffix?: React.ReactNode | false | SlotRenderFunction;
     /** 头部面板 */
@@ -64,4 +72,5 @@ export interface XAdkSenderProps {
     /** 底部内容 */
     footer?: React.ReactNode | false | SlotRenderFunction;
 }
+export type XAdkSenderProps = SenderUIProps & UploaderCoreProps;
 export {};

package/dist/cjs/types/XAdkSender.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/types/XAdkSender.ts"],
-  "sourcesContent": ["// types/XAdkSender.ts\nimport React from 'react';\n\ninterface uploadRequestProps {\n  (options: {\n    file: File;\n    onProgress?: (e: { percent: number }) => void;\n    onSuccess?: (response: any) => void;\n    onError?: (error: Error) => void;\n  }): Promise<void> | void;\n}\n\nexport interface ServerFile {\n  fileName: string;\n  fileId: number;\n  tempUrl: string;\n  type: string;\n  mimeType: string;\n}\n\nexport interface LocalFile {\n  id: string;\n  uid: string;\n  name: string;\n  file: File;\n  size: number;\n  type: string;\n  progress: number;\n  status: 'pending' | 'uploading' | 'success' | 'error';\n  // 服务器返回字段\n  fileId?: number;\n  tempUrl?: string;\n  response?: any;\n  errorMessage?: string; // 上传错误信息\n}\n\nexport interface ActionsComponents {\n  SendButton: React.ComponentType<any>;\n  UploadButton: React.ComponentType<any>;\n  ClearButton: React.ComponentType<any>;\n}\n\nexport type SlotRenderFunction = (\n  oriNode: React.ReactNode,\n  info: { components: ActionsComponents }\n) => React.ReactNode | false;\n\nexport interface XAdkSenderProps {\n  clearBtnShow?: boolean;\n  allowUpload?: boolean;\n  loading?: boolean;\n  disabled?: boolean; // 只读状态\n  onClear?: () => void;\n  onChange?: (value: string) => void;\n  onSubmit?: (data: {\n    text: string;\n    files: ServerFile[];\n  }) => void;\n  onStop?: () => void;\n\n  // 上传相关配置\n  uploadRequest?: uploadRequestProps;\n  maxFileSize?: number;  // 最大文件大小（MB）\n  allowedFileTypes?: string[];  // 允许的文件类型\n  maxFiles?: number;  // 最大文件数量\n\n  // 文件状态回调\n  onFilesChange?: (files: ServerFile[]) => void;\n\n  // 插槽功能\n  /** 后缀内容,默认展示操作按钮,设为 false 时不显示 */\n  suffix?: React.ReactNode | false | SlotRenderFunction;\n  /** 头部面板 */\n  header?: React.ReactNode | false | SlotRenderFunction;\n  /** 前缀内容 */\n  prefix?: React.ReactNode | false | SlotRenderFunction;\n  /** 底部内容 */\n  footer?: React.ReactNode | false | SlotRenderFunction;\n}"],
+  "sourcesContent": ["// types/XAdkSender.ts\nimport React from \"react\";\n\ninterface uploadRequestProps {\n  (options: {\n    file: File;\n    onProgress?: (e: { percent: number }) => void;\n    onSuccess?: (response: any) => void;\n    onError?: (error: Error) => void;\n  }): Promise<void> | void;\n}\n\nexport interface ServerFile {\n  fileName: string;\n  fileId: number;\n  tempUrl: string;\n  type: string;\n  mimeType: string;\n}\n\nexport interface LocalFile {\n  id: string;\n  uid: string;\n  name: string;\n  file: File;\n  size: number;\n  type: string;\n  progress: number;\n  status: \"pending\" | \"uploading\" | \"success\" | \"error\";\n  // 服务器返回字段\n  fileId?: number;\n  tempUrl?: string;\n  response?: any;\n  errorMessage?: string; // 上传错误信息\n}\n\nexport type FileValidator = (\n  file: File,\n  context: { files: LocalFile[] },\n) => string | null;\n\nexport interface ActionsComponents {\n  SendButton: React.ComponentType<any>;\n  UploadButton: React.ComponentType<any>;\n  ClearButton: React.ComponentType<any>;\n}\n\nexport type SlotRenderFunction = (\n  oriNode: React.ReactNode,\n  info: { components: ActionsComponents },\n) => React.ReactNode | false;\n\n// 上传相关\nexport interface UploaderCoreProps {\n  uploadRequest?: uploadRequestProps;\n\n  maxFileSize?: number;\n  allowedFileTypes?: string[];\n  maxFiles?: number;\n\n  validators?: FileValidator[]; // ⭐ 关键扩展点\n\n  // ⭐ 数据层回调（比 onFilesChange 更底层）\n  onFilesChange?: (files: LocalFile[]) => void;\n  onUploadSuccess?: (file: LocalFile) => void;\n  onUploadError?: (file: LocalFile, error: Error) => void;\n}\n\n// UI 相关\nexport interface SenderUIProps {\n  clearBtnShow?: boolean;\n  allowUpload?: boolean;\n  loading?: boolean;\n  disabled?: boolean; // 只读状态\n  onClear?: () => void;\n  onChange?: (value: string) => void;\n  onSubmit?: (data: { text: string; files: ServerFile[] }) => void;\n  onStop?: () => void;\n\n  // UI插槽功能\n  /** 后缀内容,默认展示操作按钮,设为 false 时不显示 */\n  suffix?: React.ReactNode | false | SlotRenderFunction;\n  /** 头部面板 */\n  header?: React.ReactNode | false | SlotRenderFunction;\n  /** 前缀内容 */\n  prefix?: React.ReactNode | false | SlotRenderFunction;\n  /** 底部内容 */\n  footer?: React.ReactNode | false | SlotRenderFunction;\n}\n\nexport type XAdkSenderProps = SenderUIProps & UploaderCoreProps;\n"],
   "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;",
   "names": []
 }

package/dist/cjs/types/index.d.ts

@@ -5,5 +5,7 @@ export * from "./XAiSender";
 export * from "./XAiConversations";
 export * from "./XAdkProvider";
 export * from "./XAdkChatbot";
+export * from "./XAdkSender";
 export * from "./XAiThoughtChain";
+export * from "./FileGallery";
 export * from "./common";

package/dist/cjs/types/index.js

@@ -23,7 +23,9 @@ __reExport(types_exports, require("./XAiSender"), module.exports);
 __reExport(types_exports, require("./XAiConversations"), module.exports);
 __reExport(types_exports, require("./XAdkProvider"), module.exports);
 __reExport(types_exports, require("./XAdkChatbot"), module.exports);
+__reExport(types_exports, require("./XAdkSender"), module.exports);
 __reExport(types_exports, require("./XAiThoughtChain"), module.exports);
+__reExport(types_exports, require("./FileGallery"), module.exports);
 __reExport(types_exports, require("./common"), module.exports);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
@@ -34,7 +36,9 @@ __reExport(types_exports, require("./common"), module.exports);
   ...require("./XAiConversations"),
   ...require("./XAdkProvider"),
   ...require("./XAdkChatbot"),
+  ...require("./XAdkSender"),
   ...require("./XAiThoughtChain"),
+  ...require("./FileGallery"),
   ...require("./common")
 });
 //# sourceMappingURL=index.js.map

package/dist/cjs/types/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/types/index.ts"],
-  "sourcesContent": ["export * from \"./XAiChatbot\";\nexport * from \"./XAiMessage\";\nexport * from \"./XAiProvider\";\nexport * from \"./XAiSender\";\nexport * from \"./XAiConversations\";\nexport * from \"./XAdkProvider\";\nexport * from \"./XAdkChatbot\";\nexport * from \"./XAiThoughtChain\";\nexport * from \"./common\";\n"],
-  "mappings": ";;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,0BAAc,yBAAd;AACA,0BAAc,yBADd;AAEA,0BAAc,0BAFd;AAGA,0BAAc,wBAHd;AAIA,0BAAc,+BAJd;AAKA,0BAAc,2BALd;AAMA,0BAAc,0BANd;AAOA,0BAAc,8BAPd;AAQA,0BAAc,qBARd;",
+  "sourcesContent": ["export * from \"./XAiChatbot\";\nexport * from \"./XAiMessage\";\nexport * from \"./XAiProvider\";\nexport * from \"./XAiSender\";\nexport * from \"./XAiConversations\";\nexport * from \"./XAdkProvider\";\nexport * from \"./XAdkChatbot\";\nexport * from \"./XAdkSender\";\nexport * from \"./XAiThoughtChain\";\nexport * from \"./FileGallery\";\nexport * from \"./common\";\n"],
+  "mappings": ";;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,0BAAc,yBAAd;AACA,0BAAc,yBADd;AAEA,0BAAc,0BAFd;AAGA,0BAAc,wBAHd;AAIA,0BAAc,+BAJd;AAKA,0BAAc,2BALd;AAMA,0BAAc,0BANd;AAOA,0BAAc,yBAPd;AAQA,0BAAc,8BARd;AASA,0BAAc,0BATd;AAUA,0BAAc,qBAVd;",
   "names": []
 }

package/dist/cjs/utils/file.d.ts

@@ -0,0 +1,2 @@
+import { LocalFile } from "../types";
+export declare const getExt: (file: File | LocalFile) => string;

package/dist/cjs/utils/file.js

@@ -0,0 +1,33 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/utils/file.ts
+var file_exports = {};
+__export(file_exports, {
+  getExt: () => getExt
+});
+module.exports = __toCommonJS(file_exports);
+var getExt = (file) => {
+  var _a;
+  return ((_a = file.name.split(".").pop()) == null ? void 0 : _a.toLowerCase()) || "";
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  getExt
+});
+//# sourceMappingURL=file.js.map

package/dist/cjs/utils/file.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/utils/file.ts"],
+  "sourcesContent": ["import { LocalFile } from \"@/types\";\n\n// 获取文件后缀\nexport const getExt = (file: File | LocalFile) => {\n  return file.name.split(\".\").pop()?.toLowerCase() || \"\";\n};\n\n// export const sanitizeFileName = (name: string) => {\n//   return name.replace(/[^a-zA-Z0-9.\\-_]/g, \"_\");\n// };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGO,IAAM,SAAS,CAAC,SAA2B;AAHlD;AAIE,WAAO,UAAK,KAAK,MAAM,GAAG,EAAE,IAAI,MAAzB,mBAA4B,kBAAiB;AACtD;",
+  "names": []
+}

package/dist/esm/components/FileGallery/index.d.ts

@@ -0,0 +1,33 @@
+import React from "react";
+import { FileGalleryProps } from "../../types";
+/**
+ * FileGallery - 通用文件展示组件
+ *
+ * 功能特性:
+ * - 📁 支持多种文件类型展示 (图片、音频、视频、文档等)
+ * - 🖼️ 图片支持预览和缩略图
+ * - 🎵 音频文件支持内联播放
+ * - 🎬 视频文件支持内联播放
+ * - 📊 显示文件大小、类型图标
+ * - 🗑️ 支持删除操作
+ * - 📤 支持上传进度显示
+ * - 🎨 支持左右对齐
+ *
+ * @example
+ * // XAdkSender 场景 - 可删除的本地文件
+ * <FileGallery
+ *   files={localFiles}
+ *   removable
+ *   onRemove={handleRemove}
+ *   align="left"
+ * />
+ *
+ * @example
+ * // XadkChatbot 场景 - 只读的远程文件
+ * <FileGallery
+ *   files={remoteFiles}
+ *   align="right"
+ * />
+ */
+declare const FileGallery: React.FC<FileGalleryProps>;
+export default FileGallery;

package/dist/esm/components/FileGallery/index.js

@@ -0,0 +1,439 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React, { useState, useEffect } from "react";
+import { Image, Tooltip, Progress } from "antd";
+import { FileOutlined, FilePdfOutlined, FileWordOutlined, FileExcelOutlined, FilePptOutlined, FileImageOutlined, CloseOutlined, AudioOutlined, VideoCameraOutlined } from "@ant-design/icons";
+import { useStyles } from "./styles";
+
+// ==================== 工具函数 ====================
+
+/**
+ * 获取文件名
+ */
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var getFileName = function getFileName(file) {
+  return file.displayName || file.name || "";
+};
+
+/**
+ * 获取文件大小
+ */
+var getFileSize = function getFileSize(file) {
+  return file.size || 0;
+};
+
+/**
+ * 获取文件 MIME 类型
+ */
+var getMimeType = function getMimeType(file) {
+  return file.mimeType || file.type || "";
+};
+
+/**
+ * 获取文件 URL
+ */
+var getFileUrl = function getFileUrl(file) {
+  var _file$response, _file$response2;
+  return file.fileUri || ((_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 || "";
+};
+
+/**
+ * 获取文件唯一标识
+ */
+var getFileId = function getFileId(file) {
+  return file.id || file.uid || "";
+};
+
+/**
+ * 判断是否是图片文件
+ */
+var isImageFile = function isImageFile(file) {
+  var mimeType = getMimeType(file);
+  if (mimeType && mimeType.startsWith("image/")) return true;
+  var fileName = getFileName(file);
+  if (fileName && fileName.match(/\.(jpg|jpeg|png|gif|webp|bmp|svg)$/i)) return true;
+  var url = getFileUrl(file);
+  if (url && url.match(/\.(jpg|jpeg|png|gif|webp|bmp|svg)(\?.*)?$/i)) return true;
+  return false;
+};
+
+/**
+ * 判断是否是音频文件
+ */
+var isAudioFile = function isAudioFile(file) {
+  var mimeType = getMimeType(file);
+  if (mimeType && mimeType.startsWith("audio/")) return true;
+  var fileName = getFileName(file);
+  return !!(fileName !== null && fileName !== void 0 && fileName.match(/\.(mp3|wav|m4a|aac|ogg|flac)$/i));
+};
+
+/**
+ * 判断是否是视频文件
+ */
+var isVideoFile = function isVideoFile(file) {
+  var mimeType = getMimeType(file);
+  if (mimeType && mimeType.startsWith("video/")) return true;
+  var fileName = getFileName(file);
+  return !!(fileName !== null && fileName !== void 0 && fileName.match(/\.(mp4|mov|webm|mkv|avi)$/i));
+};
+
+/**
+ * 获取文件扩展名
+ */
+var getFileExtension = function getFileExtension(filename) {
+  var ext = filename.split(".").pop();
+  return ext ? ext.toLowerCase() : "";
+};
+
+/**
+ * 获取文件图标和颜色
+ */
+var getFileIcon = function getFileIcon(file) {
+  var ext = getFileExtension(getFileName(file));
+
+  // PDF
+  if (ext === "pdf") {
+    return {
+      icon: /*#__PURE__*/_jsx(FilePdfOutlined, {}),
+      color: "#ff4d4f"
+    };
+  }
+
+  // Word
+  if (["doc", "docx"].includes(ext)) {
+    return {
+      icon: /*#__PURE__*/_jsx(FileWordOutlined, {}),
+      color: "#1677ff"
+    };
+  }
+
+  // Excel
+  if (["xls", "xlsx", "csv"].includes(ext)) {
+    return {
+      icon: /*#__PURE__*/_jsx(FileExcelOutlined, {}),
+      color: "#22b35e"
+    };
+  }
+
+  // PPT
+  if (["ppt", "pptx"].includes(ext)) {
+    return {
+      icon: /*#__PURE__*/_jsx(FilePptOutlined, {}),
+      color: "#ff6e31"
+    };
+  }
+
+  // Audio
+  if (["mp3", "wav", "m4a", "aac", "ogg", "flac"].includes(ext)) {
+    return {
+      icon: /*#__PURE__*/_jsx(AudioOutlined, {}),
+      color: "#722ed1"
+    };
+  }
+
+  // Video
+  if (["mp4", "mov", "webm", "mkv", "avi"].includes(ext)) {
+    return {
+      icon: /*#__PURE__*/_jsx(VideoCameraOutlined, {}),
+      color: "#fa8c16"
+    };
+  }
+
+  // 图片
+  if (isImageFile(file)) {
+    return {
+      icon: /*#__PURE__*/_jsx(FileImageOutlined, {}),
+      color: "#8c8c8c"
+    };
+  }
+
+  // 默认
+  return {
+    icon: /*#__PURE__*/_jsx(FileOutlined, {}),
+    color: "#8c8c8c"
+  };
+};
+
+/**
+ * 格式化文件大小
+ */
+var formatFileSize = function formatFileSize(bytes) {
+  if (bytes < 1024) return bytes + " B";
+  if (bytes < 1024 * 1024) return (bytes / 1024).toFixed(1) + " KB";
+  return (bytes / (1024 * 1024)).toFixed(1) + " MB";
+};
+var styles = useStyles();
+
+// ==================== 子组件 ====================
+
+var FileItemComponent = function FileItemComponent(_ref) {
+  var file = _ref.file,
+    removable = _ref.removable,
+    onRemove = _ref.onRemove;
+  var _useState = useState(""),
+    _useState2 = _slicedToArray(_useState, 2),
+    objectUrl = _useState2[0],
+    setObjectUrl = _useState2[1];
+  useEffect(function () {
+    if (!file.file) return;
+    var url = URL.createObjectURL(file.file);
+    setObjectUrl(url);
+    return function () {
+      return URL.revokeObjectURL(url);
+    };
+  }, [file.file]);
+  var isImage = isImageFile(file);
+  var isAudio = isAudioFile(file);
+  var isVideo = isVideoFile(file);
+  var fileName = getFileName(file);
+  var fileSize = getFileSize(file);
+  var fileId = getFileId(file);
+  var url = getFileUrl(file) || objectUrl;
+
+  // 图片文件
+  if (isImage) {
+    return /*#__PURE__*/_jsxs("div", {
+      className: styles.fileCard,
+      children: [/*#__PURE__*/_jsxs("div", {
+        className: styles.imageThumbnail,
+        children: [/*#__PURE__*/_jsx(Image, {
+          src: url,
+          alt: fileName,
+          fallback: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mN8/5+hHgAHggJ/PchI7wAAAABJRU5ErkJggg==",
+          preview: {
+            src: url
+          }
+        }), file.status === "uploading" && /*#__PURE__*/_jsx("div", {
+          className: styles.imageOverlay,
+          children: /*#__PURE__*/_jsx(Progress, {
+            type: "circle",
+            percent: file.progress,
+            size: 30,
+            strokeColor: "#1677ff"
+          })
+        })]
+      }), /*#__PURE__*/_jsxs("div", {
+        className: styles.fileInfo,
+        children: [/*#__PURE__*/_jsx(Tooltip, {
+          title: fileName,
+          children: /*#__PURE__*/_jsx("div", {
+            className: styles.fileName,
+            children: fileName.length > 15 ? "".concat(fileName.substring(0, 15), "...") : fileName
+          })
+        }), /*#__PURE__*/_jsx("div", {
+          className: styles.fileSize,
+          children: formatFileSize(fileSize)
+        })]
+      }), removable && /*#__PURE__*/_jsx("button", {
+        className: styles.fileRemoveBtn,
+        onClick: function onClick() {
+          return onRemove(fileId);
+        },
+        disabled: file.status === "uploading",
+        "aria-label": "\u5220\u9664\u6587\u4EF6",
+        children: /*#__PURE__*/_jsx(CloseOutlined, {})
+      })]
+    });
+  }
+
+  // 音频文件
+  if (isAudio) {
+    return /*#__PURE__*/_jsxs("div", {
+      className: styles.fileCard,
+      children: [/*#__PURE__*/_jsx("div", {
+        className: styles.fileIcon,
+        style: {
+          color: "#722ed1"
+        },
+        children: /*#__PURE__*/_jsx(AudioOutlined, {})
+      }), /*#__PURE__*/_jsxs("div", {
+        className: styles.fileInfo,
+        children: [/*#__PURE__*/_jsx(Tooltip, {
+          title: fileName,
+          children: /*#__PURE__*/_jsx("div", {
+            className: styles.fileName,
+            children: fileName
+          })
+        }), /*#__PURE__*/_jsx("audio", {
+          src: url,
+          controls: true,
+          className: styles.mediaWrapper,
+          style: {
+            width: "100%",
+            height: 28
+          }
+        })]
+      }), removable && /*#__PURE__*/_jsx("button", {
+        className: styles.fileRemoveBtn,
+        onClick: function onClick() {
+          return onRemove(fileId);
+        },
+        disabled: file.status === "uploading",
+        "aria-label": "\u5220\u9664\u6587\u4EF6",
+        children: /*#__PURE__*/_jsx(CloseOutlined, {})
+      })]
+    });
+  }
+
+  // 视频文件
+  if (isVideo) {
+    return /*#__PURE__*/_jsxs("div", {
+      className: styles.fileCard,
+      children: [/*#__PURE__*/_jsx("div", {
+        className: styles.fileIcon,
+        style: {
+          color: "#fa8c16"
+        },
+        children: /*#__PURE__*/_jsx(VideoCameraOutlined, {})
+      }), /*#__PURE__*/_jsxs("div", {
+        className: styles.fileInfo,
+        children: [/*#__PURE__*/_jsx(Tooltip, {
+          title: fileName,
+          children: /*#__PURE__*/_jsx("div", {
+            className: styles.fileName,
+            children: fileName
+          })
+        }), /*#__PURE__*/_jsx("video", {
+          src: url,
+          controls: true,
+          className: styles.mediaWrapper,
+          style: {
+            width: "100%",
+            height: 40
+          }
+        })]
+      }), removable && /*#__PURE__*/_jsx("button", {
+        className: styles.fileRemoveBtn,
+        onClick: function onClick() {
+          return onRemove(fileId);
+        },
+        disabled: file.status === "uploading",
+        "aria-label": "\u5220\u9664\u6587\u4EF6",
+        children: /*#__PURE__*/_jsx(CloseOutlined, {})
+      })]
+    });
+  }
+
+  // 其他文件
+  var _getFileIcon = getFileIcon(file),
+    icon = _getFileIcon.icon,
+    color = _getFileIcon.color;
+  var isExternalUrl = url && url.startsWith("http");
+  return /*#__PURE__*/_jsxs("div", {
+    className: styles.fileCard,
+    children: [/*#__PURE__*/_jsx("div", {
+      className: styles.fileIcon,
+      style: {
+        color: color
+      },
+      children: icon
+    }), /*#__PURE__*/_jsxs("div", {
+      className: styles.fileInfo,
+      children: [isExternalUrl ? /*#__PURE__*/_jsx("a", {
+        href: url,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        className: styles.fileLink,
+        children: /*#__PURE__*/_jsx(Tooltip, {
+          title: fileName,
+          children: /*#__PURE__*/_jsx("div", {
+            className: styles.fileName,
+            children: fileName.length > 15 ? "".concat(fileName.substring(0, 15), "...") : fileName
+          })
+        })
+      }) : /*#__PURE__*/_jsx(Tooltip, {
+        title: fileName,
+        children: /*#__PURE__*/_jsx("div", {
+          className: styles.fileName,
+          children: fileName.length > 15 ? "".concat(fileName.substring(0, 15), "...") : fileName
+        })
+      }), file.status === "uploading" ? /*#__PURE__*/_jsx(Progress, {
+        percent: file.progress,
+        size: "small",
+        showInfo: false,
+        strokeColor: "#1677ff",
+        className: styles.progress
+      }) : fileSize > 0 && /*#__PURE__*/_jsx("div", {
+        className: styles.fileSize,
+        children: formatFileSize(fileSize)
+      }), file.status === "error" && file.errorMessage && /*#__PURE__*/_jsx("div", {
+        style: {
+          fontSize: "11px",
+          color: "#ff4d4f",
+          marginTop: "2px"
+        },
+        children: file.errorMessage
+      })]
+    }), removable && /*#__PURE__*/_jsx("button", {
+      className: styles.fileRemoveBtn,
+      onClick: function onClick() {
+        return onRemove(fileId);
+      },
+      disabled: file.status === "uploading",
+      "aria-label": "\u5220\u9664\u6587\u4EF6",
+      children: /*#__PURE__*/_jsx(CloseOutlined, {})
+    })]
+  });
+};
+
+// ==================== 主组件 ====================
+
+/**
+ * FileGallery - 通用文件展示组件
+ *
+ * 功能特性:
+ * - 📁 支持多种文件类型展示 (图片、音频、视频、文档等)
+ * - 🖼️ 图片支持预览和缩略图
+ * - 🎵 音频文件支持内联播放
+ * - 🎬 视频文件支持内联播放
+ * - 📊 显示文件大小、类型图标
+ * - 🗑️ 支持删除操作
+ * - 📤 支持上传进度显示
+ * - 🎨 支持左右对齐
+ *
+ * @example
+ * // XAdkSender 场景 - 可删除的本地文件
+ * <FileGallery
+ *   files={localFiles}
+ *   removable
+ *   onRemove={handleRemove}
+ *   align="left"
+ * />
+ *
+ * @example
+ * // XadkChatbot 场景 - 只读的远程文件
+ * <FileGallery
+ *   files={remoteFiles}
+ *   align="right"
+ * />
+ */
+var FileGallery = function FileGallery(_ref2) {
+  var files = _ref2.files,
+    _ref2$align = _ref2.align,
+    align = _ref2$align === void 0 ? "left" : _ref2$align,
+    _ref2$removable = _ref2.removable,
+    removable = _ref2$removable === void 0 ? false : _ref2$removable,
+    _ref2$onRemove = _ref2.onRemove,
+    onRemove = _ref2$onRemove === void 0 ? function () {} : _ref2$onRemove,
+    className = _ref2.className,
+    style = _ref2.style;
+  if (!files || files.length === 0) return null;
+  return /*#__PURE__*/_jsx("div", {
+    className: "".concat(styles.container, " ").concat(align === "right" ? "align-right" : "", " ").concat(className || ""),
+    style: style,
+    children: /*#__PURE__*/_jsx("div", {
+      className: styles.fileList,
+      children: /*#__PURE__*/_jsx(Image.PreviewGroup, {
+        children: files.map(function (file, index) {
+          return /*#__PURE__*/_jsx(FileItemComponent, {
+            file: file,
+            removable: removable,
+            onRemove: onRemove
+          }, getFileId(file) || index);
+        })
+      })
+    })
+  });
+};
+export default FileGallery;
+//# sourceMappingURL=index.js.map