@ai-group/chat-sdk 2.1.13 → 3.0.1-alpha.2

package/dist/cjs/components/XAdkSender/FileGallery.js

@@ -0,0 +1,381 @@
+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/components/XAdkSender/FileGallery.tsx
+var FileGallery_exports = {};
+__export(FileGallery_exports, {
+  default: () => FileGallery_default
+});
+module.exports = __toCommonJS(FileGallery_exports);
+var import_antd = require("antd");
+var import_icons = require("@ant-design/icons");
+var import_css = require("@emotion/css");
+var import_jsx_runtime = require("react/jsx-runtime");
+var isImageFile = (file) => {
+  if (!file.type)
+    return false;
+  return file.type.startsWith("image/");
+};
+var getFileExtension = (filename) => {
+  const ext = filename.split(".").pop();
+  return ext ? ext.toLowerCase() : "";
+};
+var getFileIcon = (file) => {
+  const ext = getFileExtension(file.name);
+  if (ext === "pdf") {
+    return { icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.FilePdfOutlined, {}), color: "#ff4d4f" };
+  }
+  if (["doc", "docx"].includes(ext)) {
+    return { icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.FileWordOutlined, {}), color: "#1677ff" };
+  }
+  if (["xls", "xlsx", "csv"].includes(ext)) {
+    return { icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.FileExcelOutlined, {}), color: "#22b35e" };
+  }
+  if (["ppt", "pptx"].includes(ext)) {
+    return { icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.FilePptOutlined, {}), color: "#ff6e31" };
+  }
+  if (isImageFile(file)) {
+    return { icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.FileImageOutlined, {}), color: "#8c8c8c" };
+  }
+  return { icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.FileOutlined, {}), color: "#8c8c8c" };
+};
+var 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 = {
+  container: import_css.css`
+    padding: 12px 0;
+    display: flex;
+    flex-direction: column;
+    gap: 12px;
+  `,
+  // 图片九宫格容器
+  imageGrid: import_css.css`
+    display: grid;
+    gap: 8px;
+    width: fit-content;
+    min-width: 80px;
+    max-width: 100%;
+    /* 默认3列布局 */
+    grid-template-columns: repeat(3, 1fr);
+
+    /* 单张图 */
+    &[data-count="1"] {
+      grid-template-columns: 1fr;
+      min-width: 100px;
+      max-width: 200px;
+    }
+
+    /* 2张、4张 -> 2列 */
+    &[data-count="2"],
+    &[data-count="4"] {
+      grid-template-columns: repeat(2, 1fr);
+      min-width: 180px;
+      max-width: 240px;
+    }
+
+    /* 3张、5-9张 -> 3列 */
+    &[data-count="3"],
+    &[data-count="5"],
+    &[data-count="6"],
+    &[data-count="7"],
+    &[data-count="8"],
+    &[data-count="9"] {
+      grid-template-columns: repeat(3, 1fr);
+      min-width: 260px;
+      max-width: 320px;
+    }
+  `,
+  imageItem: import_css.css`
+    position: relative;
+    width: 100%;
+    min-width: 80px;
+    padding-top: 100%; /* 1:1 正方形 */
+    height: 0;
+    overflow: hidden;
+    border-radius: 8px;
+    background-color: #f5f5f5;
+    border: 1px solid rgba(0, 0, 0, 0.06);
+
+    .ant-image {
+      position: absolute !important;
+      top: 0;
+      left: 0;
+      width: 100% !important;
+      height: 100% !important;
+      display: flex !important;
+      justify-content: center;
+      align-items: center;
+    }
+
+    img {
+      width: 100% !important;
+      height: 100% !important;
+      object-fit: cover !important;
+      display: block !important;
+    }
+  `,
+  imageOverlay: import_css.css`
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background: rgba(0, 0, 0, 0.05);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    z-index: 10;
+  `,
+  removeBtn: import_css.css`
+    position: absolute;
+    top: 4px;
+    right: 4px;
+    width: 20px;
+    height: 20px;
+    border-radius: 50%;
+    background: rgba(0, 0, 0, 0.6);
+    color: #fff;
+    border: none;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    cursor: pointer;
+    z-index: 20;
+    padding: 0;
+    font-size: 10px;
+    transition: all 0.2s ease;
+
+    &:hover {
+      background: rgba(0, 0, 0, 0.8);
+      transform: scale(1.1);
+    }
+  `,
+  // 文件列表
+  fileList: import_css.css`
+    display: flex;
+    flex-wrap: wrap;
+    gap: 8px;
+  `,
+  fileCard: import_css.css`
+    position: relative;
+    display: flex;
+    align-items: center;
+    gap: 10px;
+    padding: 10px 12px;
+    background: #fafafa;
+    border: 1px solid #f0f0f0;
+    border-radius: 8px;
+    min-width: 200px;
+    max-width: 280px;
+    min-height: 64px;
+    transition: all 0.2s ease;
+
+    &:hover {
+      background: #f5f5f5;
+      border-color: #e0e0e0;
+    }
+  `,
+  // 图片缩略图容器
+  imageThumbnail: import_css.css`
+    position: relative;
+    width: 44px;
+    height: 44px;
+    flex-shrink: 0;
+    border-radius: 4px;
+    overflow: hidden;
+    background-color: #f5f5f5;
+    border: 1px solid rgba(0, 0, 0, 0.06);
+
+    .ant-image {
+      width: 100% !important;
+      height: 100% !important;
+      display: flex !important;
+      justify-content: center;
+      align-items: center;
+    }
+
+    img {
+      width: 100% !important;
+      height: 100% !important;
+      object-fit: cover !important;
+      display: block !important;
+    }
+  `,
+  fileIcon: import_css.css`
+    font-size: 24px;
+    flex-shrink: 0;
+    width: 44px;
+    height: 44px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  `,
+  fileInfo: import_css.css`
+    flex: 1;
+    min-width: 0;
+    overflow: hidden;
+  `,
+  fileName: import_css.css`
+    font-size: 13px;
+    font-weight: 500;
+    color: #262626;
+    margin-bottom: 4px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  `,
+  fileSize: import_css.css`
+    font-size: 11px;
+    color: #8c8c8c;
+  `,
+  progress: import_css.css`
+    margin-top: 4px;
+
+    .ant-progress-inner {
+      height: 4px !important;
+    }
+
+    .ant-progress-bg {
+      height: 4px !important;
+    }
+  `,
+  fileRemoveBtn: import_css.css`
+    position: absolute;
+    top: -6px;
+    right: -6px;
+    width: 18px;
+    height: 18px;
+    border-radius: 50%;
+    background: rgba(0, 0, 0, 0.75);
+    color: #fff;
+    border: none;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    cursor: pointer;
+    z-index: 1;
+    padding: 0;
+    font-size: 10px;
+    transition: all 0.2s ease;
+
+    &:hover {
+      background: rgba(0, 0, 0, 0.9);
+      transform: scale(1.1);
+    }
+
+    &:disabled {
+      opacity: 0.5;
+      cursor: not-allowed;
+    }
+  `
+};
+var FileGallery = ({ files, onRemove }) => {
+  if (files.length === 0)
+    return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.container, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.fileList, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Image.PreviewGroup, { children: files.map((file) => {
+    var _a, _b;
+    const isImage = isImageFile(file);
+    if (isImage) {
+      const url = ((_a = file.response) == null ? void 0 : _a.fileUrl) || ((_b = file.response) == null ? void 0 : _b.tempUrl) || file.tempUrl || (file.file ? URL.createObjectURL(file.file) : "");
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.fileCard, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.imageThumbnail, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_antd.Image,
+            {
+              src: url,
+              alt: file.name,
+              fallback: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mN8/5+hHgAHggJ/PchI7wAAAABJRU5ErkJggg==",
+              preview: {
+                src: url
+              }
+            }
+          ),
+          file.status === "uploading" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.imageOverlay, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_antd.Progress,
+            {
+              type: "circle",
+              percent: file.progress,
+              size: 30,
+              strokeColor: "#1677ff"
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.fileInfo, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Tooltip, { title: file.name, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.fileName, children: file.name.length > 15 ? `${file.name.substring(0, 15)}...` : file.name }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.fileSize, children: formatFileSize(file.size) })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "button",
+          {
+            className: styles.fileRemoveBtn,
+            onClick: () => onRemove(file.id),
+            disabled: file.status === "uploading",
+            "aria-label": "删除文件",
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.CloseOutlined, {})
+          }
+        )
+      ] }, file.id);
+    } else {
+      const { icon, color } = getFileIcon(file);
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.fileCard, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.fileIcon, style: { color }, children: icon }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.fileInfo, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Tooltip, { title: file.name, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.fileName, children: file.name.length > 15 ? `${file.name.substring(0, 15)}...` : file.name }) }),
+          file.status === "uploading" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_antd.Progress,
+            {
+              percent: file.progress,
+              size: "small",
+              showInfo: false,
+              strokeColor: "#1677ff",
+              className: styles.progress
+            }
+          ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.fileSize, children: formatFileSize(file.size) }),
+          file.status === "error" && file.errorMessage && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "div",
+            {
+              style: {
+                fontSize: "11px",
+                color: "#ff4d4f",
+                marginTop: "2px"
+              },
+              children: file.errorMessage
+            }
+          )
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "button",
+          {
+            className: styles.fileRemoveBtn,
+            onClick: () => onRemove(file.id),
+            disabled: file.status === "uploading",
+            "aria-label": "删除文件",
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.CloseOutlined, {})
+          }
+        )
+      ] }, file.id);
+    }
+  }) }) }) });
+};
+var FileGallery_default = FileGallery;
+//# sourceMappingURL=FileGallery.js.map

package/dist/cjs/components/XAdkSender/FileGallery.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/XAdkSender/FileGallery.tsx"],
+  "sourcesContent": ["import React from \"react\";\nimport { Image, Tooltip, Progress } from \"antd\";\nimport {\n  FileOutlined,\n  FilePdfOutlined,\n  FileWordOutlined,\n  FileExcelOutlined,\n  FilePptOutlined,\n  FileImageOutlined,\n  CloseOutlined,\n} from \"@ant-design/icons\";\nimport { LocalFile } from \"../../types/XAdkSender\";\nimport { css } from \"@emotion/css\";\n\ninterface FileGalleryProps {\n  files: LocalFile[];\n  onRemove: (id: string) => void;\n}\n\n// 判断是否是图片文件\nconst isImageFile = (file: LocalFile): boolean => {\n  if (!file.type) return false;\n  return file.type.startsWith(\"image/\");\n};\n\n// 获取文件扩展名\nconst getFileExtension = (filename: string): string => {\n  const ext = filename.split(\".\").pop();\n  return ext ? ext.toLowerCase() : \"\";\n};\n\n// 获取文件图标和颜色\nconst getFileIcon = (\n  file: LocalFile,\n): { icon: React.ReactNode; color: string } => {\n  const ext = getFileExtension(file.name);\n\n  // PDF\n  if (ext === \"pdf\") {\n    return { icon: <FilePdfOutlined />, color: \"#ff4d4f\" };\n  }\n\n  // Word\n  if ([\"doc\", \"docx\"].includes(ext)) {\n    return { icon: <FileWordOutlined />, color: \"#1677ff\" };\n  }\n\n  // Excel\n  if ([\"xls\", \"xlsx\", \"csv\"].includes(ext)) {\n    return { icon: <FileExcelOutlined />, color: \"#22b35e\" };\n  }\n\n  // PPT\n  if ([\"ppt\", \"pptx\"].includes(ext)) {\n    return { icon: <FilePptOutlined />, color: \"#ff6e31\" };\n  }\n\n  // 图片\n  if (isImageFile(file)) {\n    return { icon: <FileImageOutlined />, color: \"#8c8c8c\" };\n  }\n\n  // 默认\n  return { icon: <FileOutlined />, color: \"#8c8c8c\" };\n};\n\n// 格式化文件大小\nconst formatFileSize = (bytes: number): string => {\n  if (bytes < 1024) return bytes + \" B\";\n  if (bytes < 1024 * 1024) return (bytes / 1024).toFixed(1) + \" KB\";\n  return (bytes / (1024 * 1024)).toFixed(1) + \" MB\";\n};\n\nconst styles = {\n  container: css`\n    padding: 12px 0;\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n  `,\n\n  // 图片九宫格容器\n  imageGrid: css`\n    display: grid;\n    gap: 8px;\n    width: fit-content;\n    min-width: 80px;\n    max-width: 100%;\n    /* 默认3列布局 */\n    grid-template-columns: repeat(3, 1fr);\n\n    /* 单张图 */\n    &[data-count=\"1\"] {\n      grid-template-columns: 1fr;\n      min-width: 100px;\n      max-width: 200px;\n    }\n\n    /* 2张、4张 -> 2列 */\n    &[data-count=\"2\"],\n    &[data-count=\"4\"] {\n      grid-template-columns: repeat(2, 1fr);\n      min-width: 180px;\n      max-width: 240px;\n    }\n\n    /* 3张、5-9张 -> 3列 */\n    &[data-count=\"3\"],\n    &[data-count=\"5\"],\n    &[data-count=\"6\"],\n    &[data-count=\"7\"],\n    &[data-count=\"8\"],\n    &[data-count=\"9\"] {\n      grid-template-columns: repeat(3, 1fr);\n      min-width: 260px;\n      max-width: 320px;\n    }\n  `,\n\n  imageItem: css`\n    position: relative;\n    width: 100%;\n    min-width: 80px;\n    padding-top: 100%; /* 1:1 正方形 */\n    height: 0;\n    overflow: hidden;\n    border-radius: 8px;\n    background-color: #f5f5f5;\n    border: 1px solid rgba(0, 0, 0, 0.06);\n\n    .ant-image {\n      position: absolute !important;\n      top: 0;\n      left: 0;\n      width: 100% !important;\n      height: 100% !important;\n      display: flex !important;\n      justify-content: center;\n      align-items: center;\n    }\n\n    img {\n      width: 100% !important;\n      height: 100% !important;\n      object-fit: cover !important;\n      display: block !important;\n    }\n  `,\n\n  imageOverlay: css`\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.05);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    z-index: 10;\n  `,\n\n  removeBtn: css`\n    position: absolute;\n    top: 4px;\n    right: 4px;\n    width: 20px;\n    height: 20px;\n    border-radius: 50%;\n    background: rgba(0, 0, 0, 0.6);\n    color: #fff;\n    border: none;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    z-index: 20;\n    padding: 0;\n    font-size: 10px;\n    transition: all 0.2s ease;\n\n    &:hover {\n      background: rgba(0, 0, 0, 0.8);\n      transform: scale(1.1);\n    }\n  `,\n\n  // 文件列表\n  fileList: css`\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n  `,\n\n  fileCard: css`\n    position: relative;\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 10px 12px;\n    background: #fafafa;\n    border: 1px solid #f0f0f0;\n    border-radius: 8px;\n    min-width: 200px;\n    max-width: 280px;\n    min-height: 64px;\n    transition: all 0.2s ease;\n\n    &:hover {\n      background: #f5f5f5;\n      border-color: #e0e0e0;\n    }\n  `,\n\n  // 图片缩略图容器\n  imageThumbnail: css`\n    position: relative;\n    width: 44px;\n    height: 44px;\n    flex-shrink: 0;\n    border-radius: 4px;\n    overflow: hidden;\n    background-color: #f5f5f5;\n    border: 1px solid rgba(0, 0, 0, 0.06);\n\n    .ant-image {\n      width: 100% !important;\n      height: 100% !important;\n      display: flex !important;\n      justify-content: center;\n      align-items: center;\n    }\n\n    img {\n      width: 100% !important;\n      height: 100% !important;\n      object-fit: cover !important;\n      display: block !important;\n    }\n  `,\n\n  fileIcon: css`\n    font-size: 24px;\n    flex-shrink: 0;\n    width: 44px;\n    height: 44px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  `,\n\n  fileInfo: css`\n    flex: 1;\n    min-width: 0;\n    overflow: hidden;\n  `,\n\n  fileName: css`\n    font-size: 13px;\n    font-weight: 500;\n    color: #262626;\n    margin-bottom: 4px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  `,\n\n  fileSize: css`\n    font-size: 11px;\n    color: #8c8c8c;\n  `,\n\n  progress: css`\n    margin-top: 4px;\n\n    .ant-progress-inner {\n      height: 4px !important;\n    }\n\n    .ant-progress-bg {\n      height: 4px !important;\n    }\n  `,\n\n  fileRemoveBtn: css`\n    position: absolute;\n    top: -6px;\n    right: -6px;\n    width: 18px;\n    height: 18px;\n    border-radius: 50%;\n    background: rgba(0, 0, 0, 0.75);\n    color: #fff;\n    border: none;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    z-index: 1;\n    padding: 0;\n    font-size: 10px;\n    transition: all 0.2s ease;\n\n    &:hover {\n      background: rgba(0, 0, 0, 0.9);\n      transform: scale(1.1);\n    }\n\n    &:disabled {\n      opacity: 0.5;\n      cursor: not-allowed;\n    }\n  `,\n};\n\nconst FileGallery: React.FC<FileGalleryProps> = ({ files, onRemove }) => {\n  if (files.length === 0) return null;\n\n  // 调试日志\n  // if (process.env.NODE_ENV === \"development\") {\n  //   console.log(\n  //     \"[FileGallery] Rendering files:\",\n  //     files.map((f) => ({\n  //       id: f.id,\n  //       name: f.name,\n  //       type: f.type,\n  //       status: f.status,\n  //       hasFile: !!f.file,\n  //       response: f.response,\n  //     })),\n  //   );\n  // }\n\n  return (\n    <div className={styles.container}>\n      {/* 统一的文件列表 */}\n      <div className={styles.fileList}>\n        <Image.PreviewGroup>\n          {files.map((file) => {\n            const isImage = isImageFile(file);\n\n            if (isImage) {\n              // 图片卡片\n              const url =\n                file.response?.fileUrl ||\n                file.response?.tempUrl ||\n                file.tempUrl ||\n                (file.file ? URL.createObjectURL(file.file) : \"\");\n\n              // if (process.env.NODE_ENV === 'development') {\n              //   console.log('[FileGallery] Image URL for', file.name, ':', {\n              //     url,\n              //     'response.fileUrl': file.response?.fileUrl,\n              //     'response.tempUrl': file.response?.tempUrl,\n              //     'tempUrl': file.tempUrl,\n              //     'hasFile': !!file.file,\n              //   });\n              // }\n\n              return (\n                <div key={file.id} className={styles.fileCard}>\n                  {/* 图片缩略图 */}\n                  <div className={styles.imageThumbnail}>\n                    <Image\n                      src={url}\n                      alt={file.name}\n                      fallback=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mN8/5+hHgAHggJ/PchI7wAAAABJRU5ErkJggg==\"\n                      preview={{\n                        src: url,\n                      }}\n                    />\n\n                    {/* 上传进度遮罩 */}\n                    {file.status === \"uploading\" && (\n                      <div className={styles.imageOverlay}>\n                        <Progress\n                          type=\"circle\"\n                          percent={file.progress}\n                          size={30}\n                          strokeColor=\"#1677ff\"\n                        />\n                      </div>\n                    )}\n                  </div>\n\n                  {/* 文件信息 */}\n                  <div className={styles.fileInfo}>\n                    <Tooltip title={file.name}>\n                      <div className={styles.fileName}>\n                        {file.name.length > 15\n                          ? `${file.name.substring(0, 15)}...`\n                          : file.name}\n                      </div>\n                    </Tooltip>\n                    <div className={styles.fileSize}>\n                      {formatFileSize(file.size)}\n                    </div>\n                  </div>\n\n                  {/* 删除按钮 */}\n                  <button\n                    className={styles.fileRemoveBtn}\n                    onClick={() => onRemove(file.id)}\n                    disabled={file.status === \"uploading\"}\n                    aria-label=\"删除文件\"\n                  >\n                    <CloseOutlined />\n                  </button>\n                </div>\n              );\n            } else {\n              // 文件卡片\n              const { icon, color } = getFileIcon(file);\n\n              return (\n                <div key={file.id} className={styles.fileCard}>\n                  <div className={styles.fileIcon} style={{ color }}>\n                    {icon}\n                  </div>\n\n                  <div className={styles.fileInfo}>\n                    <Tooltip title={file.name}>\n                      <div className={styles.fileName}>\n                        {file.name.length > 15\n                          ? `${file.name.substring(0, 15)}...`\n                          : file.name}\n                      </div>\n                    </Tooltip>\n\n                    {file.status === \"uploading\" ? (\n                      <Progress\n                        percent={file.progress}\n                        size=\"small\"\n                        showInfo={false}\n                        strokeColor=\"#1677ff\"\n                        className={styles.progress}\n                      />\n                    ) : (\n                      <div className={styles.fileSize}>\n                        {formatFileSize(file.size)}\n                      </div>\n                    )}\n\n                    {file.status === \"error\" && file.errorMessage && (\n                      <div\n                        style={{\n                          fontSize: \"11px\",\n                          color: \"#ff4d4f\",\n                          marginTop: \"2px\",\n                        }}\n                      >\n                        {file.errorMessage}\n                      </div>\n                    )}\n                  </div>\n\n                  <button\n                    className={styles.fileRemoveBtn}\n                    onClick={() => onRemove(file.id)}\n                    disabled={file.status === \"uploading\"}\n                    aria-label=\"删除文件\"\n                  >\n                    <CloseOutlined />\n                  </button>\n                </div>\n              );\n            }\n          })}\n        </Image.PreviewGroup>\n      </div>\n    </div>\n  );\n};\n\nexport default FileGallery;\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/cjs/components/XAdkSender/index.js

@@ -1,6 +1,8 @@
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -14,6 +16,14 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/components/XAdkSender/index.tsx
@@ -26,14 +36,13 @@ var import_react = require("react");
 var import_antd = require("antd");
 var import_icons = require("@ant-design/icons");
 var import_styles = require("./styles");
+var import_FileGallery = __toESM(require("./FileGallery"));
 var import_jsx_runtime = require("react/jsx-runtime");
-var FILE_ICONS = {
-  // ... 保持不变
-};
 var XAdkSender = ({
   clearBtnShow = true,
   allowUpload = false,
   loading = false,
+  disabled = false,
   uploadRequest = () => {
   },
   onClear,
@@ -43,7 +52,11 @@ var XAdkSender = ({
   onFilesChange,
   maxFileSize = 10,
   allowedFileTypes = ["image/*", "application/pdf", "text/plain"],
-  maxFiles = 5
+  maxFiles = 5,
+  suffix,
+  header,
+  prefix,
+  footer
 }) => {
   const styles = (0, import_styles.useStyles)();
   const [value, setValue] = (0, import_react.useState)("");
@@ -55,16 +68,6 @@ var XAdkSender = ({
   const generateId = () => {
     return Date.now().toString(36) + Math.random().toString(36).substr(2);
   };
-  const getFileIcon = (fileType) => {
-    return FILE_ICONS[fileType] || FILE_ICONS.default;
-  };
-  const formatFileSize = (bytes) => {
-    if (bytes < 1024)
-      return bytes + " Bytes";
-    if (bytes < 1024 * 1024)
-      return (bytes / 1024).toFixed(1) + " KB";
-    return (bytes / (1024 * 1024)).toFixed(1) + " MB";
-  };
   const checkFileType = (file) => {
     if (!allowedFileTypes.length)
       return true;
@@ -301,34 +304,80 @@ var XAdkSender = ({
   const renderFileList = () => {
     if (files.length === 0)
       return null;
-    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: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.fileIcon, children: getFileIcon(file.type) }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.fileInfo, children: [
-        /* @__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 }) }),
-        file.status === "uploading" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.uploadProgress, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_antd.Progress,
-          {
-            percent: file.progress,
-            size: "small",
-            showInfo: false,
-            strokeColor: "#1890ff"
-          }
-        ) }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.fileSize, children: formatFileSize(file.size) })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_FileGallery.default,
+      {
+        files,
+        onRemove: handleRemoveFile
+      }
+    );
+  };
+  const containerClass = `${styles.container} ${isDragOver ? "drag-over" : ""}`;
+  const uploading = files.some((f) => f.status === "uploading");
+  const isDisabled = disabled || uploading || loading;
+  const SendButton = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Tooltip, { title: loading ? "停止生成" : "发送消息", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "button",
+    {
+      className: `${styles.iconButton} ${styles.sendButton} ${loading ? "stop" : ""}`,
+      onClick: loading ? onStop : handleSubmit,
+      disabled: uploading || disabled,
+      "aria-label": loading ? "停止生成" : "发送消息",
+      ...props,
+      children: loading ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.LoadingOutlined, {}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.ArrowUpOutlined, {})
+    }
+  ) });
+  const UploadButton = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Tooltip, { title: "上传文件", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "button",
+    {
+      className: `${styles.iconButton} ${styles.uploadButton}`,
+      onClick: triggerFileSelect,
+      disabled: isDisabled,
+      "aria-label": "上传文件",
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.PaperClipOutlined, {})
+    }
+  ) });
+  const ClearButton = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_antd.Popconfirm,
+    {
+      title: "确定要清空聊天记录吗?",
+      onConfirm: onClear,
+      placement: "top",
+      okText: "确定",
+      cancelText: "取消",
+      disabled: isDisabled,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         "button",
         {
-          className: styles.fileRemoveBtn,
-          onClick: () => handleRemoveFile(file.id),
-          disabled: file.status === "uploading",
-          "aria-label": "删除文件",
-          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.CloseOutlined, { style: { fontSize: 8 } })
+          className: `${styles.iconButton} ${styles.clearButton}`,
+          disabled: isDisabled,
+          "aria-label": "清空聊天记录",
+          ...props,
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.ClearOutlined, {})
         }
       )
-    ] }, file.id)) }) });
+    }
+  );
+  const actionsComponents = {
+    SendButton,
+    UploadButton,
+    ClearButton
   };
-  const containerClass = `${styles.container} ${isDragOver ? "drag-over" : ""}`;
-  const uploading = files.some((f) => f.status === "uploading");
+  const renderSlot = (slot, oriNode) => {
+    if (slot === false)
+      return null;
+    if (slot === void 0)
+      return oriNode;
+    if (typeof slot === "function") {
+      const result = slot(oriNode, { components: actionsComponents });
+      return result === false ? null : result;
+    }
+    return slot;
+  };
+  const defaultSuffix = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.buttonGroup, children: [
+    allowUpload && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(UploadButton, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SendButton, {})
+  ] });
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     "div",
     {
@@ -338,6 +387,7 @@ var XAdkSender = ({
       onDragLeave: allowUpload ? handleDragLeave : void 0,
       onDrop: allowUpload ? handleDrop : void 0,
       children: [
+        renderSlot(header, false),
         allowUpload && files.length > 0 && renderFileList(),
         allowUpload && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           "input",
@@ -357,27 +407,9 @@ var XAdkSender = ({
         ),
         /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.mainArea, children: [
           /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.senderWrap, children: [
-            clearBtnShow && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-              import_antd.Popconfirm,
-              {
-                title: "确定要清空聊天记录吗？",
-                onConfirm: onClear,
-                placement: "top",
-                okText: "确定",
-                cancelText: "取消",
-                disabled: uploading || loading,
-                children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                  "button",
-                  {
-                    className: `${styles.iconButton} ${styles.clearButton}`,
-                    disabled: uploading || loading,
-                    "aria-label": "清空聊天记录",
-                    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.ClearOutlined, {})
-                  }
-                )
-              }
-            ),
+            clearBtnShow && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ClearButton, {}),
             /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.inputAndButtons, children: [
+              renderSlot(prefix, false),
               /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.textAreaWrapper, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
                 import_antd.Input.TextArea,
                 {
@@ -386,7 +418,7 @@ var XAdkSender = ({
                   onChange: handleInputChange,
                   onKeyDown: handleKeyDown,
                   placeholder: "请输入消息...",
-                  disabled: uploading || loading,
+                  disabled: isDisabled,
                   autoSize: { minRows: 1, maxRows: 4 },
                   style: {
                     border: "none",
@@ -396,31 +428,13 @@ var XAdkSender = ({
                   }
                 }
               ) }),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.buttonGroup, children: [
-                allowUpload && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Tooltip, { title: "上传文件", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                  "button",
-                  {
-                    className: `${styles.iconButton} ${styles.uploadButton}`,
-                    onClick: triggerFileSelect,
-                    disabled: uploading || loading,
-                    "aria-label": "上传文件",
-                    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.PaperClipOutlined, {})
-                  }
-                ) }),
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Tooltip, { title: loading ? "停止生成" : "发送消息", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                  "button",
-                  {
-                    className: `${styles.iconButton} ${styles.sendButton} ${loading ? "stop" : ""}`,
-                    onClick: loading ? onStop : handleSubmit,
-                    disabled: uploading,
-                    "aria-label": loading ? "停止生成" : "发送消息",
-                    children: loading ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.LoadingOutlined, {}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.ArrowUpOutlined, {})
-                  }
-                ) })
-              ] })
+              renderSlot(suffix, defaultSuffix)
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.tip, children: "内容由AI生成，无法确保真实准确，仅供参考" })
+          renderSlot(
+            footer,
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.tip, children: "内容由AI生成,无法确保真实准确,仅供参考" })
+          )
         ] })
       ]
     }