@ai-group/chat-sdk 3.5.5 → 3.5.6

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

@@ -0,0 +1,464 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+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, FileZipOutlined, VideoCameraOutlined, FileMarkdownOutlined } 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 isZipFile = function isZipFile(file) {
+  var fileName = getFileName(file);
+  return !!(fileName !== null && fileName !== void 0 && fileName.match(/\.(zip|rar|7z|tar|gz|bz2|xz|tgz)$/i));
+};
+
+/**
+ * 判断是否是 Markdown 文件
+ */
+var isMarkdownFile = function isMarkdownFile(file) {
+  var fileName = getFileName(file);
+  return !!(fileName !== null && fileName !== void 0 && fileName.match(/\.(md|markdown)$/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 (["zip", "rar", "7z", "tar", "gz", "bz2", "xz", "tgz"].includes(ext)) {
+    return {
+      icon: /*#__PURE__*/_jsx(FileZipOutlined, {}),
+      color: "#eb2f96"
+    };
+  }
+
+  // Markdown
+  if (["md", "markdown"].includes(ext)) {
+    return {
+      icon: /*#__PURE__*/_jsx(FileMarkdownOutlined, {}),
+      color: "#13c2c2"
+    };
+  }
+
+  // 图片
+  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();
+
+/**
+ * FileGallery - 单文件展示组件
+ *
+ * 功能特性:
+ * - 📁 支持多种文件类型展示 (图片、音频、视频、文档等)
+ * - 🖼️ 图片支持预览和缩略图
+ * - 🎵 音频文件支持内联播放
+ * - 🎬 视频文件支持内联播放
+ * - 📊 显示文件大小、类型图标
+ * - 🗑️ 支持删除操作
+ * - 📤 支持上传进度显示
+ * - 🎨 支持卡片内部布局控制（align：图标和信息的排列方式）
+ *
+ * @example
+ * // XAdkSender 场景 - 可删除的本地文件
+ * {files.map(file => (
+ *   <FileGallery
+ *     key={file.id}
+ *     file={file}
+ *     removable
+ *     onRemove={handleRemove}
+ *   />
+ * ))}
+ *
+ * @example
+ * // XadkChatbot 场景 - 只读的远程文件
+ * {files.map(file => (
+ *   <FileGallery key={file.id} file={file} />
+ * ))}
+ */
+var FileGallery = function FileGallery(_ref) {
+  var file = _ref.file,
+    _ref$align = _ref.align,
+    align = _ref$align === void 0 ? "left" : _ref$align,
+    _ref$removable = _ref.removable,
+    removable = _ref$removable === void 0 ? false : _ref$removable,
+    _ref$onRemove = _ref.onRemove,
+    onRemove = _ref$onRemove === void 0 ? function () {} : _ref$onRemove,
+    className = _ref.className,
+    style = _ref.style,
+    _onClick = _ref.onClick;
+  var _useState = useState(""),
+    _useState2 = _slicedToArray(_useState, 2),
+    objectUrl = _useState2[0],
+    setObjectUrl = _useState2[1];
+  useEffect(function () {
+    if (!(file !== null && file !== void 0 && file.file)) return;
+    var url = URL.createObjectURL(file.file);
+    setObjectUrl(url);
+    return function () {
+      return URL.revokeObjectURL(url);
+    };
+  }, [file === null || file === void 0 ? void 0 : file.file]);
+  if (!file) return null;
+  var isImage = isImageFile(file);
+  var isAudio = isAudioFile(file);
+  var isVideo = isVideoFile(file);
+  var isZip = isZipFile(file);
+  var isMarkdown = isMarkdownFile(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: "".concat(styles.fileCard, " ").concat(align === "right" ? "align-right" : "", " ").concat(className || ""),
+      style: _objectSpread(_objectSpread({}, style), {}, {
+        cursor: _onClick ? "pointer" : undefined
+      }),
+      onClick: function onClick() {
+        return _onClick === null || _onClick === void 0 ? void 0 : _onClick(file);
+      },
+      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: _onClick ? false : {
+            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
+          })
+        }), Number(file === null || file === void 0 ? void 0 : file.size) > 0 && /*#__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: "".concat(styles.fileCard, " ").concat(align === "right" ? "align-right" : "", " ").concat(className || ""),
+      style: style,
+      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: "".concat(styles.fileCard, " ").concat(align === "right" ? "align-right" : "", " ").concat(className || ""),
+      style: style,
+      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: "".concat(styles.fileCard, " ").concat(align === "right" ? "align-right" : "", " ").concat(className || ""),
+    style: _objectSpread(_objectSpread({}, style), {}, {
+      cursor: _onClick ? "pointer" : undefined
+    }),
+    onClick: function onClick() {
+      return _onClick === null || _onClick === void 0 ? void 0 : _onClick(file);
+    },
+    children: [/*#__PURE__*/_jsx("div", {
+      className: styles.fileIcon,
+      style: {
+        color: color
+      },
+      children: icon
+    }), /*#__PURE__*/_jsxs("div", {
+      className: styles.fileInfo,
+      children: [isExternalUrl && !_onClick ? /*#__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, {})
+    })]
+  });
+};
+export default FileGallery;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","useEffect","Image","Tooltip","Progress","FileOutlined","FilePdfOutlined","FileWordOutlined","FileExcelOutlined","FilePptOutlined","FileImageOutlined","CloseOutlined","AudioOutlined","FileZipOutlined","VideoCameraOutlined","FileMarkdownOutlined","useStyles","jsx","_jsx","jsxs","_jsxs","getFileName","file","displayName","name","getFileSize","size","getMimeType","mimeType","type","getFileUrl","_file$response","_file$response2","fileUri","response","fileUrl","tempUrl","getFileId","id","uid","isImageFile","startsWith","fileName","match","url","isAudioFile","isVideoFile","isZipFile","isMarkdownFile","getFileExtension","filename","ext","split","pop","toLowerCase","getFileIcon","icon","color","includes","formatFileSize","bytes","toFixed","styles","FileGallery","_ref","_ref$align","align","_ref$removable","removable","_ref$onRemove","onRemove","className","style","onClick","_useState","_useState2","_slicedToArray","objectUrl","setObjectUrl","URL","createObjectURL","revokeObjectURL","isImage","isAudio","isVideo","isZip","isMarkdown","fileSize","fileId","concat","fileCard","_objectSpread","cursor","undefined","children","imageThumbnail","src","alt","fallback","preview","status","imageOverlay","percent","progress","strokeColor","fileInfo","title","length","substring","Number","fileRemoveBtn","disabled","fileIcon","controls","mediaWrapper","width","height","_getFileIcon","isExternalUrl","href","target","rel","fileLink","showInfo","errorMessage","fontSize","marginTop"],"sources":["../../../../src/components/FileGallery/index.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  FileZipOutlined,\n  VideoCameraOutlined,\n  FileMarkdownOutlined,\n} from \"@ant-design/icons\";\nimport { FileItem, FileGalleryProps } from \"@/types\";\nimport { useStyles } from \"./styles\";\n\n// ==================== 工具函数 ====================\n\n/**\n * 获取文件名\n */\nconst getFileName = (file: FileItem): string => {\n  return file.displayName || file.name || \"\";\n};\n\n/**\n * 获取文件大小\n */\nconst getFileSize = (file: FileItem): number => {\n  return file.size || 0;\n};\n\n/**\n * 获取文件 MIME 类型\n */\nconst getMimeType = (file: FileItem): string => {\n  return file.mimeType || file.type || \"\";\n};\n\n/**\n * 获取文件 URL\n */\nconst getFileUrl = (file: FileItem): string => {\n  return (\n    file.fileUri ||\n    file.response?.fileUrl ||\n    file.response?.tempUrl ||\n    file.tempUrl ||\n    \"\"\n  );\n};\n\n/**\n * 获取文件唯一标识\n */\nconst getFileId = (file: FileItem): string => {\n  return file.id || file.uid || \"\";\n};\n\n/**\n * 判断是否是图片文件\n */\nconst isImageFile = (file: FileItem): boolean => {\n  const mimeType = getMimeType(file);\n  if (mimeType && mimeType.startsWith(\"image/\")) return true;\n\n  const fileName = getFileName(file);\n  if (fileName && fileName.match(/\\.(jpg|jpeg|png|gif|webp|bmp|svg)$/i))\n    return true;\n\n  const url = getFileUrl(file);\n  if (url && url.match(/\\.(jpg|jpeg|png|gif|webp|bmp|svg)(\\?.*)?$/i))\n    return true;\n\n  return false;\n};\n\n/**\n * 判断是否是音频文件\n */\nconst isAudioFile = (file: FileItem): boolean => {\n  const mimeType = getMimeType(file);\n  if (mimeType && mimeType.startsWith(\"audio/\")) return true;\n\n  const fileName = getFileName(file);\n  return !!fileName?.match(/\\.(mp3|wav|m4a|aac|ogg|flac)$/i);\n};\n\n/**\n * 判断是否是视频文件\n */\nconst isVideoFile = (file: FileItem): boolean => {\n  const mimeType = getMimeType(file);\n  if (mimeType && mimeType.startsWith(\"video/\")) return true;\n\n  const fileName = getFileName(file);\n  return !!fileName?.match(/\\.(mp4|mov|webm|mkv|avi)$/i);\n};\n\n/**\n * 判断是否是压缩包文件\n */\nconst isZipFile = (file: FileItem): boolean => {\n  const fileName = getFileName(file);\n  return !!fileName?.match(/\\.(zip|rar|7z|tar|gz|bz2|xz|tgz)$/i);\n};\n\n/**\n * 判断是否是 Markdown 文件\n */\nconst isMarkdownFile = (file: FileItem): boolean => {\n  const fileName = getFileName(file);\n  return !!fileName?.match(/\\.(md|markdown)$/i);\n};\n\n/**\n * 获取文件扩展名\n */\nconst getFileExtension = (filename: string): string => {\n  const ext = filename.split(\".\").pop();\n  return ext ? ext.toLowerCase() : \"\";\n};\n\n/**\n * 获取文件图标和颜色\n */\nconst getFileIcon = (\n  file: FileItem,\n): { icon: React.ReactNode; color: string } => {\n  const ext = getFileExtension(getFileName(file));\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 ([\"zip\", \"rar\", \"7z\", \"tar\", \"gz\", \"bz2\", \"xz\", \"tgz\"].includes(ext)) {\n    return { icon: <FileZipOutlined />, color: \"#eb2f96\" };\n  }\n\n  // Markdown\n  if ([\"md\", \"markdown\"].includes(ext)) {\n    return { icon: <FileMarkdownOutlined />, color: \"#13c2c2\" };\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/**\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 = useStyles();\n\n/**\n * FileGallery - 单文件展示组件\n *\n * 功能特性:\n * - 📁 支持多种文件类型展示 (图片、音频、视频、文档等)\n * - 🖼️ 图片支持预览和缩略图\n * - 🎵 音频文件支持内联播放\n * - 🎬 视频文件支持内联播放\n * - 📊 显示文件大小、类型图标\n * - 🗑️ 支持删除操作\n * - 📤 支持上传进度显示\n * - 🎨 支持卡片内部布局控制（align：图标和信息的排列方式）\n *\n * @example\n * // XAdkSender 场景 - 可删除的本地文件\n * {files.map(file => (\n *   <FileGallery\n *     key={file.id}\n *     file={file}\n *     removable\n *     onRemove={handleRemove}\n *   />\n * ))}\n *\n * @example\n * // XadkChatbot 场景 - 只读的远程文件\n * {files.map(file => (\n *   <FileGallery key={file.id} file={file} />\n * ))}\n */\nconst FileGallery: React.FC<FileGalleryProps> = ({\n  file,\n  align = \"left\",\n  removable = false,\n  onRemove = () => {},\n  className,\n  style,\n  onClick,\n}) => {\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  if (!file) return null;\n\n  const isImage = isImageFile(file);\n  const isAudio = isAudioFile(file);\n  const isVideo = isVideoFile(file);\n  const isZip = isZipFile(file);\n  const isMarkdown = isMarkdownFile(file);\n  const fileName = getFileName(file);\n  const fileSize = getFileSize(file);\n  const fileId = getFileId(file);\n  const url = getFileUrl(file) || objectUrl;\n\n  // 图片文件\n  if (isImage) {\n    return (\n      <div\n        className={`${styles.fileCard} ${align === \"right\" ? \"align-right\" : \"\"} ${className || \"\"}`}\n        style={{ ...style, cursor: onClick ? \"pointer\" : undefined }}\n        onClick={() => onClick?.(file)}\n      >\n        {/* 图片缩略图 */}\n        <div className={styles.imageThumbnail}>\n          <Image\n            src={url}\n            alt={fileName}\n            fallback=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mN8/5+hHgAHggJ/PchI7wAAAABJRU5ErkJggg==\"\n            preview={onClick ? false : { src: url }}\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={fileName}>\n            <div className={styles.fileName}>\n              {fileName.length > 15\n                ? `${fileName.substring(0, 15)}...`\n                : fileName}\n            </div>\n          </Tooltip>\n          {Number(file?.size) > 0 && (\n            <div className={styles.fileSize}>{formatFileSize(fileSize)}</div>\n          )}\n        </div>\n\n        {/* 删除按钮 */}\n        {removable && (\n          <button\n            className={styles.fileRemoveBtn}\n            onClick={() => onRemove(fileId)}\n            disabled={file.status === \"uploading\"}\n            aria-label=\"删除文件\"\n          >\n            <CloseOutlined />\n          </button>\n        )}\n      </div>\n    );\n  }\n\n  // 音频文件\n  if (isAudio) {\n    return (\n      <div\n        className={`${styles.fileCard} ${align === \"right\" ? \"align-right\" : \"\"} ${className || \"\"}`}\n        style={style}\n      >\n        <div className={styles.fileIcon} style={{ color: \"#722ed1\" }}>\n          <AudioOutlined />\n        </div>\n\n        <div className={styles.fileInfo}>\n          <Tooltip title={fileName}>\n            <div className={styles.fileName}>{fileName}</div>\n          </Tooltip>\n\n          <audio\n            src={url}\n            controls\n            className={styles.mediaWrapper}\n            style={{ width: \"100%\", height: 28 }}\n          />\n        </div>\n\n        {removable && (\n          <button\n            className={styles.fileRemoveBtn}\n            onClick={() => onRemove(fileId)}\n            disabled={file.status === \"uploading\"}\n            aria-label=\"删除文件\"\n          >\n            <CloseOutlined />\n          </button>\n        )}\n      </div>\n    );\n  }\n\n  // 视频文件\n  if (isVideo) {\n    return (\n      <div\n        className={`${styles.fileCard} ${align === \"right\" ? \"align-right\" : \"\"} ${className || \"\"}`}\n        style={style}\n      >\n        <div className={styles.fileIcon} style={{ color: \"#fa8c16\" }}>\n          <VideoCameraOutlined />\n        </div>\n\n        <div className={styles.fileInfo}>\n          <Tooltip title={fileName}>\n            <div className={styles.fileName}>{fileName}</div>\n          </Tooltip>\n\n          <video\n            src={url}\n            controls\n            className={styles.mediaWrapper}\n            style={{ width: \"100%\", height: 40 }}\n          />\n        </div>\n\n        {removable && (\n          <button\n            className={styles.fileRemoveBtn}\n            onClick={() => onRemove(fileId)}\n            disabled={file.status === \"uploading\"}\n            aria-label=\"删除文件\"\n          >\n            <CloseOutlined />\n          </button>\n        )}\n      </div>\n    );\n  }\n\n  // 其他文件\n  const { icon, color } = getFileIcon(file);\n  const isExternalUrl = url && url.startsWith(\"http\");\n\n  return (\n    <div\n      className={`${styles.fileCard} ${align === \"right\" ? \"align-right\" : \"\"} ${className || \"\"}`}\n      style={{ ...style, cursor: onClick ? \"pointer\" : undefined }}\n      onClick={() => onClick?.(file)}\n    >\n      <div className={styles.fileIcon} style={{ color }}>\n        {icon}\n      </div>\n\n      <div className={styles.fileInfo}>\n        {isExternalUrl && !onClick ? (\n          <a\n            href={url}\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            className={styles.fileLink}\n          >\n            <Tooltip title={fileName}>\n              <div className={styles.fileName}>\n                {fileName.length > 15\n                  ? `${fileName.substring(0, 15)}...`\n                  : fileName}\n              </div>\n            </Tooltip>\n          </a>\n        ) : (\n          <Tooltip title={fileName}>\n            <div className={styles.fileName}>\n              {fileName.length > 15\n                ? `${fileName.substring(0, 15)}...`\n                : fileName}\n            </div>\n          </Tooltip>\n        )}\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          fileSize > 0 && (\n            <div className={styles.fileSize}>{formatFileSize(fileSize)}</div>\n          )\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      {removable && (\n        <button\n          className={styles.fileRemoveBtn}\n          onClick={() => onRemove(fileId)}\n          disabled={file.status === \"uploading\"}\n          aria-label=\"删除文件\"\n        >\n          <CloseOutlined />\n        </button>\n      )}\n    </div>\n  );\n};\n\nexport default FileGallery;\n"],"mappings":"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"}

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

@@ -0,0 +1,49 @@
+export declare const useStyles: () => {
+    container: string;
+    fileList: string;
+    fileCard: string;
+    imageThumbnail: string;
+    imageOverlay: string;
+    fileIcon: string;
+    fileInfo: string;
+    fileName: string;
+    fileSize: string;
+    progress: string;
+    fileRemoveBtn: string;
+    fileLink: string;
+    mediaWrapper: string;
+} & {
+    w: (width: string | number) => string;
+    h: (height: string | number) => string;
+    p: (padding: string) => string;
+    pb: (padding: string | number) => string;
+    pt: (padding: string | number) => string;
+    pl: (padding: string | number) => string;
+    pr: (padding: string | number) => string;
+    m: (margin: string) => string;
+    mb: (margin: string | number) => string;
+    mt: (margin: string | number) => string;
+    ml: (margin: string | number) => string;
+    mr: (margin: string | number) => string;
+    text: (size: string | number) => string;
+    weight: (size: number) => string;
+    textColor: (c: string) => string;
+    bg: (c: string) => string;
+    rs: (radius: string | number) => string;
+    gap: (g: string | number) => string;
+    flex: string;
+    flexCenter: string;
+    flexBetween: string;
+    flexColumn: string;
+    flex1: string;
+    cursor: (type: string) => string;
+    border: (color: string, width?: string) => string;
+    boxShadow: (shadow: string) => string;
+    transition: (property?: string, duration?: string) => string;
+    overflow: (type: string) => string;
+    position: (type: string) => string;
+    zIndex: (index: number) => string;
+    flexCenterGap2: string;
+    flexCenterGap4: string;
+};
+export default useStyles;

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

@@ -0,0 +1,23 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13;
+import { css } from "@emotion/css";
+import { withBasicStyles } from "../../styles/common";
+export var useStyles = withBasicStyles(function () {
+  return {
+    container: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    padding: 12px 0;\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n\n    &.align-right {\n      align-items: flex-end;\n    }\n  "]))),
+    fileList: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n  "]))),
+    fileCard: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    position: relative;\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 6px 12px;\n    margin: 8px 0;\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    /* align=right \u65F6\u56FE\u6807\u5728\u53F3\u4FA7 */\n    &.align-right {\n      flex-direction: row-reverse;\n    }\n  "]))),
+    imageThumbnail: css(_templateObject4 || (_templateObject4 = _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  "]))),
+    imageOverlay: css(_templateObject5 || (_templateObject5 = _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  "]))),
+    fileIcon: css(_templateObject6 || (_templateObject6 = _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  "]))),
+    fileInfo: css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n    flex: 1;\n    min-width: 0;\n    overflow: hidden;\n  "]))),
+    fileName: css(_templateObject8 || (_templateObject8 = _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  "]))),
+    fileSize: css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n    font-size: 11px;\n    color: #8c8c8c;\n  "]))),
+    progress: css(_templateObject10 || (_templateObject10 = _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  "]))),
+    fileRemoveBtn: css(_templateObject11 || (_templateObject11 = _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  "]))),
+    fileLink: css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    color: rgba(0, 0, 0, 0.85);\n    text-decoration: none;\n    font-size: 13px;\n\n    &:hover {\n      color: #1677ff;\n    }\n  "]))),
+    mediaWrapper: css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n    margin-top: 6px;\n  "])))
+  };
+});
+export default useStyles;
+//# sourceMappingURL=styles.js.map

package/dist/esm/components/FileGallery/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["css","withBasicStyles","useStyles","container","_templateObject","_taggedTemplateLiteral","fileList","_templateObject2","fileCard","_templateObject3","imageThumbnail","_templateObject4","imageOverlay","_templateObject5","fileIcon","_templateObject6","fileInfo","_templateObject7","fileName","_templateObject8","fileSize","_templateObject9","progress","_templateObject10","fileRemoveBtn","_templateObject11","fileLink","_templateObject12","mediaWrapper","_templateObject13"],"sources":["../../../../src/components/FileGallery/styles.tsx"],"sourcesContent":["import { css } from \"@emotion/css\";\nimport { withBasicStyles } from \"@/styles/common\";\n\nexport const useStyles = withBasicStyles(() => ({\n  container: css`\n    padding: 12px 0;\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n\n    &.align-right {\n      align-items: flex-end;\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    margin: 8px 0;\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    /* align=right 时图标在右侧 */\n    &.align-right {\n      flex-direction: row-reverse;\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  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  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  fileLink: css`\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    color: rgba(0, 0, 0, 0.85);\n    text-decoration: none;\n    font-size: 13px;\n\n    &:hover {\n      color: #1677ff;\n    }\n  `,\n\n  mediaWrapper: css`\n    margin-top: 6px;\n  `,\n}));\n\nexport default useStyles;\n"],"mappings":";;AAAA,SAASA,GAAG,QAAQ,cAAc;AAClC,SAASC,eAAe;AAExB,OAAO,IAAMC,SAAS,GAAGD,eAAe,CAAC;EAAA,OAAO;IAC9CE,SAAS,EAAEH,GAAG,CAAAI,eAAA,KAAAA,eAAA,GAAAC,sBAAA,+JASb;IAEDC,QAAQ,EAAEN,GAAG,CAAAO,gBAAA,KAAAA,gBAAA,GAAAF,sBAAA,qEAIZ;IAEDG,QAAQ,EAAER,GAAG,CAAAS,gBAAA,KAAAA,gBAAA,GAAAJ,sBAAA,uhBAwBZ;IAEDK,cAAc,EAAEV,GAAG,CAAAW,gBAAA,KAAAA,gBAAA,GAAAN,sBAAA,4iBAwBlB;IAEDO,YAAY,EAAEZ,GAAG,CAAAa,gBAAA,KAAAA,gBAAA,GAAAR,sBAAA,mOAWhB;IAEDS,QAAQ,EAAEd,GAAG,CAAAe,gBAAA,KAAAA,gBAAA,GAAAV,sBAAA,wKAQZ;IAEDW,QAAQ,EAAEhB,GAAG,CAAAiB,gBAAA,KAAAA,gBAAA,GAAAZ,sBAAA,oEAIZ;IAEDa,QAAQ,EAAElB,GAAG,CAAAmB,gBAAA,KAAAA,gBAAA,GAAAd,sBAAA,sLAQZ;IAEDe,QAAQ,EAAEpB,GAAG,CAAAqB,gBAAA,KAAAA,gBAAA,GAAAhB,sBAAA,uDAGZ;IAEDiB,QAAQ,EAAEtB,GAAG,CAAAuB,iBAAA,KAAAA,iBAAA,GAAAlB,sBAAA,qKAUZ;IAEDmB,aAAa,EAAExB,GAAG,CAAAyB,iBAAA,KAAAA,iBAAA,GAAApB,sBAAA,mjBA4BjB;IAEDqB,QAAQ,EAAE1B,GAAG,CAAA2B,iBAAA,KAAAA,iBAAA,GAAAtB,sBAAA,2MAWZ;IAEDuB,YAAY,EAAE5B,GAAG,CAAA6B,iBAAA,KAAAA,iBAAA,GAAAxB,sBAAA;EAGnB,CAAC;AAAA,CAAC,CAAC;AAEH,eAAeH,SAAS"}

package/dist/esm/components/FolderTree/DirectoryTree.d.ts

@@ -0,0 +1,22 @@
+import React from "react";
+import type { TreeProps } from "antd";
+import type { FolderTreeData, FolderTreeProps } from "./types";
+export interface DirectoryTreeComponentProps {
+    treeData: FolderTreeData[];
+    directoryIcons?: FolderTreeProps["directoryIcons"];
+    selectedKeys?: string[];
+    expandedKeys?: string[];
+    onSelect?: TreeProps["onSelect"];
+    onExpand?: TreeProps["onExpand"];
+    showLine?: FolderTreeProps["showLine"];
+    switcherIcon?: FolderTreeProps["switcherIcon"];
+    defaultExpandAll?: boolean;
+    className?: string;
+    directoryTitle?: FolderTreeProps["directoryTitle"];
+    moreActions?: FolderTreeProps["moreActions"];
+    width?: number | string;
+    draggable?: FolderTreeProps["draggable"];
+    onDrop?: FolderTreeProps["onDrop"];
+}
+declare const DirectoryTreeComponent: React.FC<DirectoryTreeComponentProps>;
+export default DirectoryTreeComponent;